/*****  RESET ******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{ margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/****** HTML5 POUR LES VIEUX BROWSERS *****/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{  display: block; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after{ content: ''; content: none; }
table{  border-collapse: collapse; border-spacing: 0; }
/**** End Reset *****/


/* ******************************
           Font Family
****************************** */
@font-face {
  font-family: "ouranos-icon";
  src:url("fonts/fontastic/ouranos-icon.eot");
  src:url("fonts/fontastic/ouranos-icon.eot?#iefix") format("embedded-opentype"),
    url("fonts/fontastic/ouranos-icon.woff") format("woff"),
    url("fonts/fontastic/ouranos-icon.ttf") format("truetype"),
    url("fonts/fontastic/ouranos-icon.svg#untitled-font-3") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "ouranos-icon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "ouranos-icon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ouranos-icon-web:before {
  content: "\61";
}
.icon-ouranos-icon-actualite:before {
  content: "\62";
}
.icon-ouranos-icon-event:before {
  content: "\63";
}
.icon-ouranos-icon-infolettre:before {
  content: "\64";
}
.icon-ouranos-icon-linkedin:before {
  content: "\65";
}
.icon-ouranos-icon-presse:before {
  content: "\66";
}
.icon-ouranos-icon-twitter:before {
  content: "\67";
}
.icon-ouranos-icon-info:before {
  content: "\68";
}
.icon-ouranos-icon-letter:before {
  content: "\69";
}
.icon-icon-contact:before {
  content: "\6b";
}
.icon-ouranos-icon-pdf:before {
  content: "\6c";
}
.icon-ouranos-icon-phone:before {
  content: "\6a";
}
.icon-ouranos-icon-phone-1:before {
  content: "\6d";
}




/* *********************************************************** */
/* ******************** Guide Style Class ******************** */
/* *********************************************************** */


/* ******************************
              Body
****************************** */
body{font-family: 'Roboto', sans-serif; color:#fff; overflow-x:hidden;}
body.no-scroll{overflow:hidden;}

body h1::selection, body h2::selection, body h3::selection, body h4::selection, body h5::selection, body h6::selection, body p::selection, body a::selection, body li::selection, body img::selection, body span::selection, body sup::selection{background:#eb2238; color:#fff;}
body h1::-moz-selection, body h2::-moz-selection, body h3::-moz-selection, body h4::-moz-selection, body h5::-moz-selection, body h6::-moz-selection, body p::-moz-selection, body a::-moz-selection, body li::-moz-selection, body img::-moz-selection, body span::-moz-selection, body sup::-moz-selection{background:#eb2238; color:#fff;}

.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

img{max-width:100%;}

/* ******************************
           Placeholder
****************************** */
::-webkit-input-placeholder{color:#8a8fa3;}
:-moz-placeholder{color:#8a8fa3;}
::-moz-placeholder{color:#8a8fa3;}
:-ms-input-placeholder{color:#8a8fa3;}

body .container-input input[type="text"], body .container-input input[type="email"], body .container-input input[type="number"], body .container-input input[type="tel"]{
    color:#8a8fa3;
    line-height:1.6em;
    padding:0.8rem 1.2rem;
    border-radius:0px; -webkit-border-radius:0px;
    border:1px solid #fff;
    background-color:#fff;
    -webkit-appearance:none;
    outline:0;
    font-weight:400;
    font-size:0.6rem;
    height:auto !important;
    margin-bottom:0;
}

body.ie10 .container-input input[type="text"], body.ie10 .container-input input[type="email"], body.ie10 .container-input input[type="number"], body.ie10 .container-input input[type="tel"], body.ie9 .container-input input[type="text"], body.ie9 .container-input input[type="email"], body.ie9 .container-input input[type="number"], body.ie9 .container-input input[type="tel"]{
    padding-top:0.8rem;
    padding-bottom:1.1rem;
}

body .container-input input:focus{
    border:1px solid #fff !important;
    box-shadow:none !important; -webkit-box-shadow:none !important;
}

body .container-input .input-field{
    margin-top:0;
    margin-bottom:1.24rem;
}

body .container-input .input-field label{
    left:0;
    padding-left:1.2rem;
    font-size:0.6rem;
    top:51%;
    -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
    color:#8a8fa3;
}

body .container-input .input-field label.active{
    top:-20%;
    padding-left:0.5rem;
    color:#0b1d2a;
    font-size:50%;
}

body .container-input .input-bottin{
    background-color:#e6e8e9;
    border-radius:40px; -webkit-border-radius:40px;
    color:#7d8398;
    width:360px;
    max-width:100%;
    font-size:0.6rem;
    padding:0.6rem 1.2rem;
    font-weight:400;
}

textarea{
    color:#8a8fa3;
    font-size:18px;
    line-height:1.6em;
    padding:0.8rem 1.2rem;
    border-radius:0px; -webkit-border-radius:0px;
    border:1px solid #fff;
    background-color:#fff;
    -webkit-appearance:none;
    outline:0;
    font-weight:400;
    font-size:0.6rem;
    height:5rem !important;
    margin-bottom:0;
    box-sizing:border-box; -webkit-box-sizing:border-box;
    max-width:100%;
}

.container-input .input-field.textarea label{
    top:1.2rem;
}

.container-input .input-field.textarea label.active{
    top:-15px;
}


.container-input .input-email{
    background:rgba(255,255,255,0.1) !important;
    border-radius:40px !important; -webkit-border-radius:40px !important;
    border:none !important;
    color:#fff !important;
    padding-left:3rem !important;
    position:relative;
    background-image:url(img/ouranos-icon-email.svg) !important;
    background-size:28px 19px !important;
    background-repeat:no-repeat !important;
    background-position:8% 50% !important;
    letter-spacing:0.5px;
    margin-bottom:1rem !important;
}

body.ie10 .container-input .input-email, body.ie9 .container-input .input-email{
    background-size:90px 19px !important;
    background-position:0% 50% !important;
    padding-bottom:1.1rem;
}

.container-input .input-email:focus{
    border:none !important;
}

.container-input .input-email::-webkit-input-placeholder{color:rgba(255,255,255,0.75);}
.container-input .input-email:-moz-placeholder{color:rgba(255,255,255,0.75);}
.container-input .input-email::-moz-placeholder{color:rgba(255,255,255,0.75);}
.container-input .input-email:-ms-input-placeholder{color:rgba(255,255,255,0.75);}

span.wpcf7-not-valid-tip{
font-size:0.5rem;
margin-top:20px;
}


div.wpcf7-validation-errors{
border-color:#eb2338;
background:#eb2338;
color:#fff;
font-size:0.7rem;
text-align:center;
}

div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
background:#eb2338;
color:#fff;
font-size:0.7rem;
text-align:center;
}

/* ******************************
              Font
****************************** */
body .text-l, .h1-text-l h1, .h2-text-l h2, .h3-text-l h3, .h4-text-l h4, .h5-text-l h5, .h6-text-l h6, .p-text-l p, .a-text-l a, .ul-text-l ul, .ol-text-l ol, .li-text-l li, .input-text-l input, .img-text-l img, .textarea-text-l textarea, .span-text-l span, .strong-text-l strong, .b-text-l b, .em-text-l em, .table-text-l table, .div-text-l div, .btn-text-l .btn, .box-text-l .box, .column-text-l .column, .col-text-l .col, .element-text-l .element, .block-text-l .block{text-align:left;}
body .text-c, .h1-text-c h1, .h2-text-c h2, .h3-text-c h3, .h4-text-c h4, .h5-text-c h5, .h6-text-c h6, .p-text-c p, .a-text-c a, .ul-text-c ul, .ol-text-c ol, .li-text-c li, .input-text-c input, .img-text-c img, .textarea-text-c textarea, .span-text-c span, .strong-text-c strong, .b-text-c b, .em-text-c em, .table-text-c table, .div-text-c div, .btn-text-c .btn, .box-text-c .box, .column-text-c .column, .col-text-c .col, .element-text-c .element, .block-text-c .block{text-align:center;}
body .text-r, .h1-text-r h1, .h2-text-r h2, .h3-text-r h3, .h4-text-r h4, .h5-text-r h5, .h6-text-r h6, .p-text-r p, .a-text-r a, .ul-text-r ul, .ol-text-r ol, .li-text-r li, .input-text-r input, .img-text-r img, .textarea-text-r textarea, .span-text-r span, .strong-text-r strong, .b-text-r b, .em-text-r em, .table-text-r table, .div-text-r div, .btn-text-r .btn, .box-text-r .box, .column-text-r .column, .col-text-r .col, .element-text-r .element, .block-text-r .block{text-align:right;}


body .text-none, .h1-text-none h1, .h2-text-none h2, .h3-text-none h3, .h4-text-none h4, .h5-text-none h5, .h6-text-none h6, .p-text-none p, .a-text-none a, .ul-text-none ul, .ol-text-none ol, .li-text-none li, .input-text-none input, .img-text-none img, .textarea-text-none textarea, .span-text-none span, .strong-text-none strong, .b-text-none b, .em-text-none em, .table-text-none table, .div-text-none div, .btn-text-none .btn, .box-text-none .box, .column-text-none .column, .col-text-none .col, .element-text-none .element, .block-text-none .block{text-transform:none;}
body .text-upper, .h1-text-upper h1, .h2-text-upper h2, .h3-text-upper h3, .h4-text-upper h4, .h5-text-upper h5, .h6-text-upper h6, .p-text-upper p, .a-text-upper a, .ul-text-upper ul, .ol-text-upper ol, .li-text-upper li, .input-text-upper input, .img-text-upper img, .textarea-text-upper textarea, .span-text-upper span, .strong-text-upper strong, .b-text-upper b, .em-text-upper em, .table-text-upper table, .div-text-upper div, .btn-text-upper .btn, .box-text-upper .box, .column-text-upper .column, .col-text-upper .col, .element-text-upper .element, .block-text-upper .block{text-transform:uppercase;}
body .text-lower, .h1-text-lower h1, .h2-text-lower h2, .h3-text-lower h3, .h4-text-lower h4, .h5-text-lower h5, .h6-text-lower h6, .p-text-lower p, .a-text-lower a, .ul-text-lower ul, .ol-text-lower ol, .li-text-lower li, .input-text-lower input, .img-text-lower img, .textarea-text-lower textarea, .span-text-lower span, .strong-text-lower strong, .b-text-lower b, .em-text-lower em, .table-text-lower table, .div-text-lower div, .btn-text-lower .btn, .box-text-lower .box, .column-text-lower .column, .col-text-lower .col, .element-text-lower .element, .block-text-lower .block{text-transform:lowercase;}
body .text-capit, .h1-text-capit h1, .h2-text-capit h2, .h3-text-capit h3, .h4-text-capit h4, .h5-text-capit h5, .h6-text-capit h6, .p-text-capit p, .a-text-capit a, .ul-text-capit ul, .ol-text-capit ol, .li-text-capit li, .input-text-capit input, .img-text-capit img, .textarea-text-capit textarea, .span-text-capit span, .strong-text-capit strong, .b-text-capit b, .em-text-capit em, .table-text-capit table, .div-text-capit div, .btn-text-capit .btn, .box-text-capit .box, .column-text-capit .column, .col-text-capit .col, .element-text-capit .element, .block-text-capit .block{text-transform:capitalize;}


strong, body .strong, .h1-strong h1, .h2-strong h2, .h3-strong h3, .h4-strong h4, .h5-strong h5, .h6-strong h6, .p-strong p, .a-strong a, .ul-strong ul, .ol-strong ol, .li-strong li, .input-strong input, .img-strong img, .textarea-strong textarea, .span-strong span, .strong-strong strong, .b-strong b, .em-strong em, .table-strong table, .div-strong div, .btn-strong .btn, .box-strong .box, .column-strong .column, .col-strong .col, .element-strong .element, .block-strong .block{font-weight:bold;}
body .light, .h1-light h1, .h2-light h2, .h3-light h3, .h4-light h4, .h5-light h5, .h6-light h6, .p-light p, .a-light a, .ul-light ul, .ol-light ol, .li-light li, .input-light input, .img-light img, .textarea-light textarea, .span-light span, .strong-light strong, .b-light b, .em-light em, .table-light table, .div-light div, .btn-light .btn, .box-light .box, .column-light .column, .col-light .col, .element-light .element, .block-light .block{font-weight:lighter;}
body .italic, .h1-italic h1, .h2-italic h2, .h3-italic h3, .h4-italic h4, .h5-italic h5, .h6-italic h6, .p-italic p, .a-italic a, .ul-italic ul, .ol-italic ol, .li-italic li, .input-italic input, .img-italic img, .textarea-italic textarea, .span-italic span, .light-italic strong, .b-italic b, .em-italic em, .table-italic table, .div-italic div, .btn-italic .btn, .box-italic .box, .column-italic .column, .col-italic .col, .element-italic .element, .block-italic .block{font-style:italic;}

body .underline, .h1-underline h1, .h2-underline h2, .h3-underline h3, .h4-underline h4, .h5-underline h5, .h6-underline h6, .p-underline p, .a-underline a, .ul-underline ul, .ol-underline ol, .li-underline li, .input-underline input, .img-underline img, .textarea-underline textarea, .span-underline span, .light-underline strong, .b-underline b, .em-underline em, .table-underline table, .div-underline div, .btn-underline .btn, .box-underline .box, .column-underline .column, .col-underline .col, .element-underline .element, .block-underline .block{text-decoration:underline;}
body .overline, .h1-overline h1, .h2-overline h2, .h3-overline h3, .h4-overline h4, .h5-overline h5, .h6-overline h6, .p-overline p, .a-overline a, .ul-overline ul, .ol-overline ol, .li-overline li, .input-overline input, .img-overline img, .textarea-overline textarea, .span-overline span, .light-overline strong, .b-overline b, .em-overline em, .table-overline table, .div-overline div, .btn-overline .btn, .box-overline .box, .column-overline .column, .col-overline .col, .element-overline .element, .block-overline .block{text-decoration:overline;}
body .line-through, .h1-line-through h1, .h2-line-through h2, .h3-line-through h3, .h4-line-through h4, .h5-line-through h5, .h6-line-through h6, .p-line-through p, .a-line-through a, .ul-line-through ul, .ol-line-through ol, .li-line-through li, .input-line-through input, .img-line-through img, .textarea-line-through textarea, .span-line-through span, .light-line-through strong, .b-line-through b, .em-line-through em, .table-line-through table, .div-line-through div, .btn-line-through .btn, .box-line-through .box, .column-line-through .column, .col-line-through .col, .element-line-through .element, .block-line-through .block{text-decoration:line-through;}
body .text-dec-none, .h1-text-dec-none h1, .h2-text-dec-none h2, .h3-text-dec-none h3, .h4-text-dec-none h4, .h5-text-dec-none h5, .h6-text-dec-none h6, .p-text-dec-none p, .a-text-dec-none a, .ul-text-dec-none ul, .ol-text-dec-none ol, .li-text-dec-none li, .input-text-dec-none input, .img-text-dec-none img, .textarea-text-dec-none textarea, .span-text-dec-none span, .light-text-dec-none strong, .b-text-dec-none b, .em-text-dec-none em, .table-text-dec-none table, .div-text-dec-none div, .btn-text-dec-none .btn, .box-text-dec-none .box, .column-text-dec-none .column, .col-text-dec-none .col, .element-text-dec-none .element, .block-text-dec-none .block{text-decoration:none;}


/* ******************************
            Font Size
****************************** */
/*h1, body .h1, .h1-h1 h1, .h2-h1 h2, .h3-h1 h3, .h4-h1 h4, .h5-h1 h5, .h6-h1 h6, .p-h1 p, .a-h1 a, .ul-h1 ul, .ol-h1 ol, .li-h1 li, .input-h1 input, .img-h1 img, .textarea-h1 textarea, .span-h1 span, .strong-h1 strong, .b-h1 b, .em-h1 em, .table-h1 table, .div-h1 div, .btn-h1 .btn, .box-h1 .box, .column-h1 .column, .col-h1 .col, .element-h1 .element, .block-h1 .block{font-size:114px;}
body .semi-h1, .h1-semi-h1 h1, .h2-semi-h1 h2, .h3-semi-h1 h3, .h4-semi-h1 h4, .h5-semi-h1 h5, .h6-semi-h1 h6, .p-semi-h1 p, .a-semi-h1 a, .ul-semi-h1 ul, .ol-semi-h1 ol, .li-semi-h1 li, .input-semi-h1 input, .img-semi-h1 img, .textarea-semi-h1 textarea, .span-semi-h1 span, .strong-semi-h1 strong, .b-semi-h1 b, .em-semi-h1 em, .table-semi-h1 table, .div-semi-h1 div, .btn-semi-h1 .btn, .box-semi-h1 .box, .column-semi-h1 .column, .col-semi-h1 .col, .element-semi-h1 .element, .block-semi-h1 .block{font-size:96px;}
h2, body .h2, .h1-h2 h1, .h2-h2 h2, .h3-h2 h3, .h4-h2 h4, .h5-h2 h5, .h6-h2 h6, .p-h2 p, .a-h2 a, .ul-h2 ul, .ol-h2 ol, .li-h2 li, .input-h2 input, .img-h2 img, .textarea-h2 textarea, .span-h2 span, .strong-h2 strong, .b-h2 b, .em-h2 em, .table-h2 table, .div-h2 div, .btn-h2 .btn, .box-h2 .box, .column-h2 .column, .col-h2 .col, .element-h2 .element, .block-h2 .block{font-size:72px;}
body .semi-h2, .h1-semi-h2 h1, .h2-semi-h2 h2, .h3-semi-h2 h3, .h4-semi-h2 h4, .h5-semi-h2 h5, .h6-semi-h2 h6, .p-semi-h2 p, .a-semi-h2 a, .ul-semi-h2 ul, .ol-semi-h2 ol, .li-semi-h2 li, .input-semi-h2 input, .img-semi-h2 img, .textarea-semi-h2 textarea, .span-semi-h2 span, .strong-semi-h2 strong, .b-semi-h2 b, .em-semi-h2 em, .table-semi-h2 table, .div-semi-h2 div, .btn-semi-h2 .btn, .box-semi-h2 .box, .column-semi-h2 .column, .col-semi-h2 .col, .element-semi-h2 .element, .block-semi-h2 .block{font-size:64px;}
h3, body .h3, .h1-h3 h1, .h2-h3 h2, .h3-h3 h3, .h4-h3 h4, .h5-h3 h5, .h6-h3 h6, .p-h3 p, .a-h3 a, .ul-h3 ul, .ol-h3 ol, .li-h3 li, .input-h3 input, .img-h3 img, .textarea-h3 textarea, .span-h3 span, .strong-h3 strong, .b-h3 b, .em-h3 em, .table-h3 table, .div-h3 div, .btn-h3 .btn, .box-h3 .box, .column-h3 .column, .col-h3 .col, .element-h3 .element, .block-h3 .block{font-size:56px;}
body .semi-h3, .h1-semi-h3 h1, .h2-semi-h3 h2, .h3-semi-h3 h3, .h4-semi-h3 h4, .h5-semi-h3 h5, .h6-semi-h3 h6, .p-semi-h3 p, .a-semi-h3 a, .ul-semi-h3 ul, .ol-semi-h3 ol, .li-semi-h3 li, .input-semi-h3 input, .img-semi-h3 img, .textarea-semi-h3 textarea, .span-semi-h3 span, .strong-semi-h3 strong, .b-semi-h3 b, .em-semi-h3 em, .table-semi-h3 table, .div-semi-h3 div, .btn-semi-h3 .btn, .box-semi-h3 .box, .column-semi-h3 .column, .col-semi-h3 .col, .element-semi-h3 .element, .block-semi-h3 .block{font-size:50px;}
h4, body .h4, .h1-h4 h1, .h2-h4 h2, .h3-h4 h3, .h4-h4 h4, .h5-h4 h5, .h6-h4 h6, .p-h4 p, .a-h4 a, .ul-h4 ul, .ol-h4 ol, .li-h4 li, .input-h4 input, .img-h4 img, .textarea-h4 textarea, .span-h4 span, .strong-h4 strong, .b-h4 b, .em-h4 em, .table-h4 table, .div-h4 div, .btn-h4 .btn, .box-h4 .box, .column-h4 .column, .col-h4 .col, .element-h4 .element, .block-h4 .block{font-size:44px;}
body .semi-h4, .h1-semi-h4 h1, .h2-semi-h4 h2, .h3-semi-h4 h3, .h4-semi-h4 h4, .h5-semi-h4 h5, .h6-semi-h4 h6, .p-semi-h4 p, .a-semi-h4 a, .ul-semi-h4 ul, .ol-semi-h4 ol, .li-semi-h4 li, .input-semi-h4 input, .img-semi-h4 img, .textarea-semi-h4 textarea, .span-semi-h4 span, .strong-semi-h4 strong, .b-semi-h4 b, .em-semi-h4 em, .table-semi-h4 table, .div-semi-h4 div, .btn-semi-h4 .btn, .box-semi-h4 .box, .column-semi-h4 .column, .col-semi-h4 .col, .element-semi-h4 .element, .block-semi-h4 .block{font-size:38px;}
h5, body .h5, .h1-h5 h1, .h2-h5 h2, .h3-h5 h3, .h4-h5 h4, .h5-h5 h5, .h6-h5 h6, .p-h5 p, .a-h5 a, .ul-h5 ul, .ol-h5 ol, .li-h5 li, .input-h5 input, .img-h5 img, .textarea-h5 textarea, .span-h5 span, .strong-h5 strong, .b-h5 b, .em-h5 em, .table-h5 table, .div-h5 div, .btn-h5 .btn, .box-h5 .box, .column-h5 .column, .col-h5 .col, .element-h5 .element, .block-h5 .block{font-size:32px;}
body .semi-h5, .h1-semi-h5 h1, .h2-semi-h5 h2, .h3-semi-h5 h3, .h4-semi-h5 h4, .h5-semi-h5 h5, .h6-semi-h5 h6, .p-semi-h5 p, .a-semi-h5 a, .ul-semi-h5 ul, .ol-semi-h5 ol, .li-semi-h5 li, .input-semi-h5 input, .img-semi-h5 img, .textarea-semi-h5 textarea, .span-semi-h5 span, .strong-semi-h5 strong, .b-semi-h5 b, .em-semi-h5 em, .table-semi-h5 table, .div-semi-h5 div, .btn-semi-h5 .btn, .box-semi-h5 .box, .column-semi-h5 .column, .col-semi-h5 .col, .element-semi-h5 .element, .block-semi-h5 .block{font-size:26px;}
h6, body .h6, .h1-h6 h1, .h2-h6 h2, .h3-h6 h3, .h4-h6 h4, .h5-h6 h5, .h6-h6 h6, .p-h6 p, .a-h6 a, .ul-h6 ul, .ol-h6 ol, .li-h6 li, .input-h6 input, .img-h6 img, .textarea-h6 textarea, .span-h6 span, .strong-h6 strong, .b-h6 b, .em-h6 em, .table-h6 table, .div-h6 div, .btn-h6 .btn, .box-h6 .box, .column-h6 .column, .col-h6 .col, .element-h6 .element, .block-h6 .block{font-size:20px;}
body .semi-h6, .h1-semi-h6 h1, .h2-semi-h6 h2, .h3-semi-h6 h3, .h4-semi-h6 h4, .h5-semi-h6 h5, .h6-semi-h6 h6, .p-semi-h6 p, .a-semi-h6 a, .ul-semi-h6 ul, .ol-semi-h6 ol, .li-semi-h6 li, .input-semi-h6 input, .img-semi-h6 img, .textarea-semi-h6 textarea, .span-semi-h6 span, .strong-semi-h6 strong, .b-semi-h6 b, .em-semi-h6 em, .table-semi-h6 table, .div-semi-h6 div, .btn-semi-h6 .btn, .box-semi-h6 .box, .column-semi-h6 .column, .col-semi-h6 .col, .element-semi-h6 .element, .block-semi-h6 .block{font-size:14px;}
p, body .p, .h1-p h1, .h2-p h2, .h3-p h3, .h4-p h4, .h5-p h5, .h6-p h6, .p-p p, .a-p a, .ul-p ul, .ol-p ol, .li-p li, .input-p input, .img-p img, .textarea-p textarea, .span-p span, .strong-p strong, .b-p b, .em-p em, .table-p table, .div-p div, .btn-p .btn, .box-p .box, .column-p .column, .col-p .col, .element-p .element, .block-p .block{font-size:18px;}
body .semi-p, .h1-semi-p h1, .h2-semi-p h2, .h3-semi-p h3, .h4-semi-p h4, .h5-semi-p h5, .h6-semi-p h6, .p-semi-p p, .a-semi-p a, .ul-semi-p ul, .ol-semi-p ol, .li-semi-p li, .input-semi-p input, .img-semi-p img, .textarea-semi-p textarea, .span-semi-p span, .strong-semi-p strong, .b-semi-p b, .em-semi-p em, .table-semi-p table, .div-semi-p div, .btn-semi-p .btn, .box-semi-p .box, .column-semi-p .column, .col-semi-p .col, .element-semi-p .element, .block-semi-p .block{font-size:16px;}*/
h1, body .h1, .h1-h1 h1, .h2-h1 h2, .h3-h1 h3, .h4-h1 h4, .h5-h1 h5, .h6-h1 h6, .p-h1 p, .a-h1 a, .ul-h1 ul, .ol-h1 ol, .li-h1 li, .input-h1 input, .img-h1 img, .textarea-h1 textarea, .span-h1 span, .strong-h1 strong, .b-h1 b, .em-h1 em, .table-h1 table, .div-h1 div, .btn-h1 .btn, .box-h1 .box, .column-h1 .column, .col-h1 .col, .element-h1 .element, .block-h1 .block{font-size:4rem;}
body .semi-h1, .h1-semi-h1 h1, .h2-semi-h1 h2, .h3-semi-h1 h3, .h4-semi-h1 h4, .h5-semi-h1 h5, .h6-semi-h1 h6, .p-semi-h1 p, .a-semi-h1 a, .ul-semi-h1 ul, .ol-semi-h1 ol, .li-semi-h1 li, .input-semi-h1 input, .img-semi-h1 img, .textarea-semi-h1 textarea, .span-semi-h1 span, .strong-semi-h1 strong, .b-semi-h1 b, .em-semi-h1 em, .table-semi-h1 table, .div-semi-h1 div, .btn-semi-h1 .btn, .box-semi-h1 .box, .column-semi-h1 .column, .col-semi-h1 .col, .element-semi-h1 .element, .block-semi-h1 .block{font-size:3.6rem;}
h2, body .h2, .h1-h2 h1, .h2-h2 h2, .h3-h2 h3, .h4-h2 h4, .h5-h2 h5, .h6-h2 h6, .p-h2 p, .a-h2 a, .ul-h2 ul, .ol-h2 ol, .li-h2 li, .input-h2 input, .img-h2 img, .textarea-h2 textarea, .span-h2 span, .strong-h2 strong, .b-h2 b, .em-h2 em, .table-h2 table, .div-h2 div, .btn-h2 .btn, .box-h2 .box, .column-h2 .column, .col-h2 .col, .element-h2 .element, .block-h2 .block{font-size:3.2rem;}
body .semi-h2, .h1-semi-h2 h1, .h2-semi-h2 h2, .h3-semi-h2 h3, .h4-semi-h2 h4, .h5-semi-h2 h5, .h6-semi-h2 h6, .p-semi-h2 p, .a-semi-h2 a, .ul-semi-h2 ul, .ol-semi-h2 ol, .li-semi-h2 li, .input-semi-h2 input, .img-semi-h2 img, .textarea-semi-h2 textarea, .span-semi-h2 span, .strong-semi-h2 strong, .b-semi-h2 b, .em-semi-h2 em, .table-semi-h2 table, .div-semi-h2 div, .btn-semi-h2 .btn, .box-semi-h2 .box, .column-semi-h2 .column, .col-semi-h2 .col, .element-semi-h2 .element, .block-semi-h2 .block{font-size:2.8rem;}
h3, body .h3, .h1-h3 h1, .h2-h3 h2, .h3-h3 h3, .h4-h3 h4, .h5-h3 h5, .h6-h3 h6, .p-h3 p, .a-h3 a, .ul-h3 ul, .ol-h3 ol, .li-h3 li, .input-h3 input, .img-h3 img, .textarea-h3 textarea, .span-h3 span, .strong-h3 strong, .b-h3 b, .em-h3 em, .table-h3 table, .div-h3 div, .btn-h3 .btn, .box-h3 .box, .column-h3 .column, .col-h3 .col, .element-h3 .element, .block-h3 .block{font-size:2.4rem;}
body .semi-h3, .h1-semi-h3 h1, .h2-semi-h3 h2, .h3-semi-h3 h3, .h4-semi-h3 h4, .h5-semi-h3 h5, .h6-semi-h3 h6, .p-semi-h3 p, .a-semi-h3 a, .ul-semi-h3 ul, .ol-semi-h3 ol, .li-semi-h3 li, .input-semi-h3 input, .img-semi-h3 img, .textarea-semi-h3 textarea, .span-semi-h3 span, .strong-semi-h3 strong, .b-semi-h3 b, .em-semi-h3 em, .table-semi-h3 table, .div-semi-h3 div, .btn-semi-h3 .btn, .box-semi-h3 .box, .column-semi-h3 .column, .col-semi-h3 .col, .element-semi-h3 .element, .block-semi-h3 .block{font-size:2rem;}
h4, body .h4, .h1-h4 h1, .h2-h4 h2, .h3-h4 h3, .h4-h4 h4, .h5-h4 h5, .h6-h4 h6, .p-h4 p, .a-h4 a, .ul-h4 ul, .ol-h4 ol, .li-h4 li, .input-h4 input, .img-h4 img, .textarea-h4 textarea, .span-h4 span, .strong-h4 strong, .b-h4 b, .em-h4 em, .table-h4 table, .div-h4 div, .btn-h4 .btn, .box-h4 .box, .column-h4 .column, .col-h4 .col, .element-h4 .element, .block-h4 .block{font-size:1.8rem;}
body .semi-h4, .h1-semi-h4 h1, .h2-semi-h4 h2, .h3-semi-h4 h3, .h4-semi-h4 h4, .h5-semi-h4 h5, .h6-semi-h4 h6, .p-semi-h4 p, .a-semi-h4 a, .ul-semi-h4 ul, .ol-semi-h4 ol, .li-semi-h4 li, .input-semi-h4 input, .img-semi-h4 img, .textarea-semi-h4 textarea, .span-semi-h4 span, .strong-semi-h4 strong, .b-semi-h4 b, .em-semi-h4 em, .table-semi-h4 table, .div-semi-h4 div, .btn-semi-h4 .btn, .box-semi-h4 .box, .column-semi-h4 .column, .col-semi-h4 .col, .element-semi-h4 .element, .block-semi-h4 .block{font-size:1.6rem;}
h5, body .h5, .h1-h5 h1, .h2-h5 h2, .h3-h5 h3, .h4-h5 h4, .h5-h5 h5, .h6-h5 h6, .p-h5 p, .a-h5 a, .ul-h5 ul, .ol-h5 ol, .li-h5 li, .input-h5 input, .img-h5 img, .textarea-h5 textarea, .span-h5 span, .strong-h5 strong, .b-h5 b, .em-h5 em, .table-h5 table, .div-h5 div, .btn-h5 .btn, .box-h5 .box, .column-h5 .column, .col-h5 .col, .element-h5 .element, .block-h5 .block{font-size:1.4rem;}
body .semi-h5, .h1-semi-h5 h1, .h2-semi-h5 h2, .h3-semi-h5 h3, .h4-semi-h5 h4, .h5-semi-h5 h5, .h6-semi-h5 h6, .p-semi-h5 p, .a-semi-h5 a, .ul-semi-h5 ul, .ol-semi-h5 ol, .li-semi-h5 li, .input-semi-h5 input, .img-semi-h5 img, .textarea-semi-h5 textarea, .span-semi-h5 span, .strong-semi-h5 strong, .b-semi-h5 b, .em-semi-h5 em, .table-semi-h5 table, .div-semi-h5 div, .btn-semi-h5 .btn, .box-semi-h5 .box, .column-semi-h5 .column, .col-semi-h5 .col, .element-semi-h5 .element, .block-semi-h5 .block{font-size:1.2rem;}
h6, body .h6, .h1-h6 h1, .h2-h6 h2, .h3-h6 h3, .h4-h6 h4, .h5-h6 h5, .h6-h6 h6, .p-h6 p, .a-h6 a, .ul-h6 ul, .ol-h6 ol, .li-h6 li, .input-h6 input, .img-h6 img, .textarea-h6 textarea, .span-h6 span, .strong-h6 strong, .b-h6 b, .em-h6 em, .table-h6 table, .div-h6 div, .btn-h6 .btn, .box-h6 .box, .column-h6 .column, .col-h6 .col, .element-h6 .element, .block-h6 .block{font-size:1rem;}
body .semi-h6, .h1-semi-h6 h1, .h2-semi-h6 h2, .h3-semi-h6 h3, .h4-semi-h6 h4, .h5-semi-h6 h5, .h6-semi-h6 h6, .p-semi-h6 p, .a-semi-h6 a, .ul-semi-h6 ul, .ol-semi-h6 ol, .li-semi-h6 li, .input-semi-h6 input, .img-semi-h6 img, .textarea-semi-h6 textarea, .span-semi-h6 span, .strong-semi-h6 strong, .b-semi-h6 b, .em-semi-h6 em, .table-semi-h6 table, .div-semi-h6 div, .btn-semi-h6 .btn, .box-semi-h6 .box, .column-semi-h6 .column, .col-semi-h6 .col, .element-semi-h6 .element, .block-semi-h6 .block{font-size:0.4rem;}
p, body .p, .h1-p h1, .h2-p h2, .h3-p h3, .h4-p h4, .h5-p h5, .h6-p h6, .p-p p, .a-p a, .ul-p ul, .ol-p ol, .li-p li, .input-p input, .img-p img, .textarea-p textarea, .span-p span, .strong-p strong, .b-p b, .em-p em, .table-p table, .div-p div, .btn-p .btn, .box-p .box, .column-p .column, .col-p .col, .element-p .element, .block-p .block{font-size:0.8rem;}
body .semi-half-p, .h1-semi-half-p h1, .h2-semi-half-p h2, .h3-semi-half-p h3, .h4-semi-half-p h4, .h5-semi-half-p h5, .h6-semi-half-p h6, .p-semi-half-p p, .a-semi-half-p a, .ul-semi-half-p ul, .ol-semi-half-p ol, .li-semi-half-p li, .input-semi-half-p input, .img-semi-half-p img, .textarea-semi-half-p textarea, .span-semi-half-p span, .strong-semi-half-p strong, .b-semi-half-p b, .em-semi-half-p em, .table-semi-half-p table, .div-semi-half-p div, .btn-semi-half-p .btn, .box-semi-half-p .box, .column-semi-half-p .column, .col-semi-half-p .col, .element-semi-half-p .element, .block-semi-half-p .block{font-size:0.7rem;}
body .semi-p, .h1-semi-p h1, .h2-semi-p h2, .h3-semi-p h3, .h4-semi-p h4, .h5-semi-p h5, .h6-semi-p h6, .p-semi-p p, .a-semi-p a, .ul-semi-p ul, .ol-semi-p ol, .li-semi-p li, .input-semi-p input, .img-semi-p img, .textarea-semi-p textarea, .span-semi-p span, .strong-semi-p strong, .b-semi-p b, .em-semi-p em, .table-semi-p table, .div-semi-p div, .btn-semi-p .btn, .box-semi-p .box, .column-semi-p .column, .col-semi-p .col, .element-semi-p .element, .block-semi-p .block{font-size:0.6rem;}
a{outline:0; text-decoration:underline;}


/* ******************************
          Letter Spacing
****************************** */
body .ls-0, .h1-ls-0 h1, .h2-ls-0 h2, .h3-ls-0 h3, .h4-ls-0 h4, .h5-ls-0 h5, .h6-ls-0 h6, .p-ls-0 p, .a-ls-0 a, .ul-ls-0 ul, .ol-ls-0 ol, .li-ls-0 li, .input-ls-0 input, .img-ls-0 img, .textarea-ls-0 textarea, .span-ls-0 span, .strong-ls-0 strong, .b-ls-0 b, .em-ls-0 em, .table-ls-0 table, .div-ls-0 div, .btn-ls-0 .btn, .box-ls-0 .box, .column-ls-0 .column, .col-ls-0 .col, .element-ls-0 .element, .block-ls-0 .block{letter-spacing:0px;}
body .ls-1, .h1-ls-1 h1, .h2-ls-1 h2, .h3-ls-1 h3, .h4-ls-1 h4, .h5-ls-1 h5, .h6-ls-1 h6, .p-ls-1 p, .a-ls-1 a, .ul-ls-1 ul, .ol-ls-1 ol, .li-ls-1 li, .input-ls-1 input, .img-ls-1 img, .textarea-ls-1 textarea, .span-ls-1 span, .strong-ls-1 strong, .b-ls-1 b, .em-ls-1 em, .table-ls-1 table, .div-ls-1 div, .btn-ls-1 .btn, .box-ls-1 .box, .column-ls-1 .column, .col-ls-1 .col, .element-ls-1 .element, .block-ls-1 .block{letter-spacing:0.5px;}
body .ls-2, .h1-ls-2 h1, .h2-ls-2 h2, .h3-ls-2 h3, .h4-ls-2 h4, .h5-ls-2 h5, .h6-ls-2 h6, .p-ls-2 p, .a-ls-2 a, .ul-ls-2 ul, .ol-ls-2 ol, .li-ls-2 li, .input-ls-2 input, .img-ls-2 img, .textarea-ls-2 textarea, .span-ls-2 span, .strong-ls-2 strong, .b-ls-2 b, .em-ls-2 em, .table-ls-2 table, .div-ls-2 div, .btn-ls-2 .btn, .box-ls-2 .box, .column-ls-2 .column, .col-ls-2 .col, .element-ls-2 .element, .block-ls-2 .block{letter-spacing:1px;}
body .ls-3, .h1-ls-3 h1, .h2-ls-3 h2, .h3-ls-3 h3, .h4-ls-3 h4, .h5-ls-3 h5, .h6-ls-3 h6, .p-ls-3 p, .a-ls-3 a, .ul-ls-3 ul, .ol-ls-3 ol, .li-ls-3 li, .input-ls-3 input, .img-ls-3 img, .textarea-ls-3 textarea, .span-ls-3 span, .strong-ls-3 strong, .b-ls-3 b, .em-ls-3 em, .table-ls-3 table, .div-ls-3 div, .btn-ls-3 .btn, .box-ls-3 .box, .column-ls-3 .column, .col-ls-3 .col, .element-ls-3 .element, .block-ls-3 .block{letter-spacing:1.5px;}
body .ls-4, .h1-ls-4 h1, .h2-ls-4 h2, .h3-ls-4 h3, .h4-ls-4 h4, .h5-ls-4 h5, .h6-ls-4 h6, .p-ls-4 p, .a-ls-4 a, .ul-ls-4 ul, .ol-ls-4 ol, .li-ls-4 li, .input-ls-4 input, .img-ls-4 img, .textarea-ls-4 textarea, .span-ls-4 span, .strong-ls-4 strong, .b-ls-4 b, .em-ls-4 em, .table-ls-4 table, .div-ls-4 div, .btn-ls-4 .btn, .box-ls-4 .box, .column-ls-4 .column, .col-ls-4 .col, .element-ls-4 .element, .block-ls-4 .block{letter-spacing:2px;}
body .ls-5, .h1-ls-5 h1, .h2-ls-5 h2, .h3-ls-5 h3, .h4-ls-5 h4, .h5-ls-5 h5, .h6-ls-5 h6, .p-ls-5 p, .a-ls-5 a, .ul-ls-5 ul, .ol-ls-5 ol, .li-ls-5 li, .input-ls-5 input, .img-ls-5 img, .textarea-ls-5 textarea, .span-ls-5 span, .strong-ls-5 strong, .b-ls-5 b, .em-ls-5 em, .table-ls-5 table, .div-ls-5 div, .btn-ls-5 .btn, .box-ls-5 .box, .column-ls-5 .column, .col-ls-5 .col, .element-ls-5 .element, .block-ls-5 .block{letter-spacing:2.5px;}
body .ls-6, .h1-ls-6 h1, .h2-ls-6 h2, .h3-ls-6 h3, .h4-ls-6 h4, .h5-ls-6 h5, .h6-ls-6 h6, .p-ls-6 p, .a-ls-6 a, .ul-ls-6 ul, .ol-ls-6 ol, .li-ls-6 li, .input-ls-6 input, .img-ls-6 img, .textarea-ls-6 textarea, .span-ls-6 span, .strong-ls-6 strong, .b-ls-6 b, .em-ls-6 em, .table-ls-6 table, .div-ls-6 div, .btn-ls-6 .btn, .box-ls-6 .box, .column-ls-6 .column, .col-ls-6 .col, .element-ls-6 .element, .block-ls-6 .block{letter-spacing:3px;}
body .ls-7, .h1-ls-7 h1, .h2-ls-7 h2, .h3-ls-7 h3, .h4-ls-7 h4, .h5-ls-7 h5, .h6-ls-7 h6, .p-ls-7 p, .a-ls-7 a, .ul-ls-7 ul, .ol-ls-7 ol, .li-ls-7 li, .input-ls-7 input, .img-ls-7 img, .textarea-ls-7 textarea, .span-ls-7 span, .strong-ls-7 strong, .b-ls-7 b, .em-ls-7 em, .table-ls-7 table, .div-ls-7 div, .btn-ls-7 .btn, .box-ls-7 .box, .column-ls-7 .column, .col-ls-7 .col, .element-ls-7 .element, .block-ls-7 .block{letter-spacing:3.5px;}
body .ls-8, .h1-ls-8 h1, .h2-ls-8 h2, .h3-ls-8 h3, .h4-ls-8 h4, .h5-ls-8 h5, .h6-ls-8 h6, .p-ls-8 p, .a-ls-8 a, .ul-ls-8 ul, .ol-ls-8 ol, .li-ls-8 li, .input-ls-8 input, .img-ls-8 img, .textarea-ls-8 textarea, .span-ls-8 span, .strong-ls-8 strong, .b-ls-8 b, .em-ls-8 em, .table-ls-8 table, .div-ls-8 div, .btn-ls-8 .btn, .box-ls-8 .box, .column-ls-8 .column, .col-ls-8 .col, .element-ls-8 .element, .block-ls-8 .block{letter-spacing:4px;}
body .ls-9, .h1-ls-9 h1, .h2-ls-9 h2, .h3-ls-9 h3, .h4-ls-9 h4, .h5-ls-9 h5, .h6-ls-9 h6, .p-ls-9 p, .a-ls-9 a, .ul-ls-9 ul, .ol-ls-9 ol, .li-ls-9 li, .input-ls-9 input, .img-ls-9 img, .textarea-ls-9 textarea, .span-ls-9 span, .strong-ls-9 strong, .b-ls-9 b, .em-ls-9 em, .table-ls-9 table, .div-ls-9 div, .btn-ls-9 .btn, .box-ls-9 .box, .column-ls-9 .column, .col-ls-9 .col, .element-ls-9 .element, .block-ls-9 .block{letter-spacing:4.5px;}
body .ls-10, .h1-ls-10 h1, .h2-ls-10 h2, .h3-ls-10 h3, .h4-ls-10 h4, .h5-ls-10 h5, .h6-ls-10 h6, .p-ls-10 p, .a-ls-10 a, .ul-ls-10 ul, .ol-ls-10 ol, .li-ls-10 li, .input-ls-10 input, .img-ls-10 img, .textarea-ls-10 textarea, .span-ls-10 span, .strong-ls-10 strong, .b-ls-10 b, .em-ls-10 em, .table-ls-10 table, .div-ls-10 div, .btn-ls-10 .btn, .box-ls-10 .box, .column-ls-10 .column, .col-ls-10 .col, .element-ls-10 .element, .block-ls-10 .block{letter-spacing:5px;}
body .ls-11, .h1-ls-11 h1, .h2-ls-11 h2, .h3-ls-11 h3, .h4-ls-11 h4, .h5-ls-11 h5, .h6-ls-11 h6, .p-ls-11 p, .a-ls-11 a, .ul-ls-11 ul, .ol-ls-11 ol, .li-ls-11 li, .input-ls-11 input, .img-ls-11 img, .textarea-ls-11 textarea, .span-ls-11 span, .strong-ls-11 strong, .b-ls-11 b, .em-ls-11 em, .table-ls-11 table, .div-ls-11 div, .btn-ls-11 .btn, .box-ls-11 .box, .column-ls-11 .column, .col-ls-11 .col, .element-ls-11 .element, .block-ls-11 .block{letter-spacing:6px;}
body .ls-12, .h1-ls-12 h1, .h2-ls-12 h2, .h3-ls-12 h3, .h4-ls-12 h4, .h5-ls-12 h5, .h6-ls-12 h6, .p-ls-12 p, .a-ls-12 a, .ul-ls-12 ul, .ol-ls-12 ol, .li-ls-12 li, .input-ls-12 input, .img-ls-12 img, .textarea-ls-12 textarea, .span-ls-12 span, .strong-ls-12 strong, .b-ls-12 b, .em-ls-12 em, .table-ls-12 table, .div-ls-12 div, .btn-ls-12 .btn, .box-ls-12 .box, .column-ls-12 .column, .col-ls-12 .col, .element-ls-12 .element, .block-ls-12 .block{letter-spacing:7px;}
body .ls-13, .h1-ls-13 h1, .h2-ls-13 h2, .h3-ls-13 h3, .h4-ls-13 h4, .h5-ls-13 h5, .h6-ls-13 h6, .p-ls-13 p, .a-ls-13 a, .ul-ls-13 ul, .ol-ls-13 ol, .li-ls-13 li, .input-ls-13 input, .img-ls-13 img, .textarea-ls-13 textarea, .span-ls-13 span, .strong-ls-13 strong, .b-ls-13 b, .em-ls-13 em, .table-ls-13 table, .div-ls-13 div, .btn-ls-13 .btn, .box-ls-13 .box, .column-ls-13 .column, .col-ls-13 .col, .element-ls-13 .element, .block-ls-13 .block{letter-spacing:8px;}
body .ls-14, .h1-ls-14 h1, .h2-ls-14 h2, .h3-ls-14 h3, .h4-ls-14 h4, .h5-ls-14 h5, .h6-ls-14 h6, .p-ls-14 p, .a-ls-14 a, .ul-ls-14 ul, .ol-ls-14 ol, .li-ls-14 li, .input-ls-14 input, .img-ls-14 img, .textarea-ls-14 textarea, .span-ls-14 span, .strong-ls-14 strong, .b-ls-14 b, .em-ls-14 em, .table-ls-14 table, .div-ls-14 div, .btn-ls-14 .btn, .box-ls-14 .box, .column-ls-14 .column, .col-ls-14 .col, .element-ls-14 .element, .block-ls-14 .block{letter-spacing:9px;}
body .ls-15, .h1-ls-15 h1, .h2-ls-15 h2, .h3-ls-15 h3, .h4-ls-15 h4, .h5-ls-15 h5, .h6-ls-15 h6, .p-ls-15 p, .a-ls-15 a, .ul-ls-15 ul, .ol-ls-15 ol, .li-ls-15 li, .input-ls-15 input, .img-ls-15 img, .textarea-ls-15 textarea, .span-ls-15 span, .strong-ls-15 strong, .b-ls-15 b, .em-ls-15 em, .table-ls-15 table, .div-ls-15 div, .btn-ls-15 .btn, .box-ls-15 .box, .column-ls-15 .column, .col-ls-15 .col, .element-ls-15 .element, .block-ls-15 .block{letter-spacing:10px;}
body .ls-16, .h1-ls-16 h1, .h2-ls-16 h2, .h3-ls-16 h3, .h4-ls-16 h4, .h5-ls-16 h5, .h6-ls-16 h6, .p-ls-16 p, .a-ls-16 a, .ul-ls-16 ul, .ol-ls-16 ol, .li-ls-16 li, .input-ls-16 input, .img-ls-16 img, .textarea-ls-16 textarea, .span-ls-16 span, .strong-ls-16 strong, .b-ls-16 b, .em-ls-16 em, .table-ls-16 table, .div-ls-16 div, .btn-ls-16 .btn, .box-ls-16 .box, .column-ls-16 .column, .col-ls-16 .col, .element-ls-16 .element, .block-ls-16 .block{letter-spacing:12px;}
body .ls-17, .h1-ls-17 h1, .h2-ls-17 h2, .h3-ls-17 h3, .h4-ls-17 h4, .h5-ls-17 h5, .h6-ls-17 h6, .p-ls-17 p, .a-ls-17 a, .ul-ls-17 ul, .ol-ls-17 ol, .li-ls-17 li, .input-ls-17 input, .img-ls-17 img, .textarea-ls-17 textarea, .span-ls-17 span, .strong-ls-17 strong, .b-ls-17 b, .em-ls-17 em, .table-ls-17 table, .div-ls-17 div, .btn-ls-17 .btn, .box-ls-17 .box, .column-ls-17 .column, .col-ls-17 .col, .element-ls-17 .element, .block-ls-17 .block{letter-spacing:15px;}
body .ls-18, .h1-ls-18 h1, .h2-ls-18 h2, .h3-ls-18 h3, .h4-ls-18 h4, .h5-ls-18 h5, .h6-ls-18 h6, .p-ls-18 p, .a-ls-18 a, .ul-ls-18 ul, .ol-ls-18 ol, .li-ls-18 li, .input-ls-18 input, .img-ls-18 img, .textarea-ls-18 textarea, .span-ls-18 span, .strong-ls-18 strong, .b-ls-18 b, .em-ls-18 em, .table-ls-18 table, .div-ls-18 div, .btn-ls-18 .btn, .box-ls-18 .box, .column-ls-18 .column, .col-ls-18 .col, .element-ls-18 .element, .block-ls-18 .block{letter-spacing:20px;}



/* ******************************
           Line Height
****************************** */
body .lh-0, .h1-lh-0 h1, .h2-lh-0 h2, .h3-lh-0 h3, .h4-lh-0 h4, .h5-lh-0 h5, .h6-lh-0 h6, .p-lh-0 p, .a-lh-0 a, .ul-lh-0 ul, .ol-lh-0 ol, .li-lh-0 li, .input-lh-0 input, .img-lh-0 img, .textarea-lh-0 textarea, .span-lh-0 span, .strong-lh-0 strong, .b-lh-0 b, .em-lh-0 em, .table-lh-0 table, .div-lh-0 div, .btn-lh-0 .btn, .box-lh-0 .box, .column-lh-0 .column, .col-lh-0 .col, .element-lh-0 .element, .block-lh-0 .block{line-height:1em;}
body .lh-1, .h1-lh-1 h1, .h2-lh-1 h2, .h3-lh-1 h3, .h4-lh-1 h4, .h5-lh-1 h5, .h6-lh-1 h6, .p-lh-1 p, .a-lh-1 a, .ul-lh-1 ul, .ol-lh-1 ol, .li-lh-1 li, .input-lh-1 input, .img-lh-1 img, .textarea-lh-1 textarea, .span-lh-1 span, .strong-lh-1 strong, .b-lh-1 b, .em-lh-1 em, .table-lh-1 table, .div-lh-1 div, .btn-lh-1 .btn, .box-lh-1 .box, .column-lh-1 .column, .col-lh-1 .col, .element-lh-1 .element, .block-lh-1 .block{line-height:1.1em;}
body .lh-2, .h1-lh-2 h1, .h2-lh-2 h2, .h3-lh-2 h3, .h4-lh-2 h4, .h5-lh-2 h5, .h6-lh-2 h6, .p-lh-2 p, .a-lh-2 a, .ul-lh-2 ul, .ol-lh-2 ol, .li-lh-2 li, .input-lh-2 input, .img-lh-2 img, .textarea-lh-2 textarea, .span-lh-2 span, .strong-lh-2 strong, .b-lh-2 b, .em-lh-2 em, .table-lh-2 table, .div-lh-2 div, .btn-lh-2 .btn, .box-lh-2 .box, .column-lh-2 .column, .col-lh-2 .col, .element-lh-2 .element, .block-lh-2 .block{line-height:1.2em;}
body .lh-3, .h1-lh-3 h1, .h2-lh-3 h2, .h3-lh-3 h3, .h4-lh-3 h4, .h5-lh-3 h5, .h6-lh-3 h6, .p-lh-3 p, .a-lh-3 a, .ul-lh-3 ul, .ol-lh-3 ol, .li-lh-3 li, .input-lh-3 input, .img-lh-3 img, .textarea-lh-3 textarea, .span-lh-3 span, .strong-lh-3 strong, .b-lh-3 b, .em-lh-3 em, .table-lh-3 table, .div-lh-3 div, .btn-lh-3 .btn, .box-lh-3 .box, .column-lh-3 .column, .col-lh-3 .col, .element-lh-3 .element, .block-lh-3 .block{line-height:1.3em;}
body .lh-4, .h1-lh-4 h1, .h2-lh-4 h2, .h3-lh-4 h3, .h4-lh-4 h4, .h5-lh-4 h5, .h6-lh-4 h6, .p-lh-4 p, .a-lh-4 a, .ul-lh-4 ul, .ol-lh-4 ol, .li-lh-4 li, .input-lh-4 input, .img-lh-4 img, .textarea-lh-4 textarea, .span-lh-4 span, .strong-lh-4 strong, .b-lh-4 b, .em-lh-4 em, .table-lh-4 table, .div-lh-4 div, .btn-lh-4 .btn, .box-lh-4 .box, .column-lh-4 .column, .col-lh-4 .col, .element-lh-4 .element, .block-lh-4 .block{line-height:1.4em;}
body .lh-5, .h1-lh-5 h1, .h2-lh-5 h2, .h3-lh-5 h3, .h4-lh-5 h4, .h5-lh-5 h5, .h6-lh-5 h6, .p-lh-5 p, .a-lh-5 a, .ul-lh-5 ul, .ol-lh-5 ol, .li-lh-5 li, .input-lh-5 input, .img-lh-5 img, .textarea-lh-5 textarea, .span-lh-5 span, .strong-lh-5 strong, .b-lh-5 b, .em-lh-5 em, .table-lh-5 table, .div-lh-5 div, .btn-lh-5 .btn, .box-lh-5 .box, .column-lh-5 .column, .col-lh-5 .col, .element-lh-5 .element, .block-lh-5 .block{line-height:1.5em;}
body .lh-6, .h1-lh-6 h1, .h2-lh-6 h2, .h3-lh-6 h3, .h4-lh-6 h4, .h5-lh-6 h5, .h6-lh-6 h6, .p-lh-6 p, .a-lh-6 a, .ul-lh-6 ul, .ol-lh-6 ol, .li-lh-6 li, .input-lh-6 input, .img-lh-6 img, .textarea-lh-6 textarea, .span-lh-6 span, .strong-lh-6 strong, .b-lh-6 b, .em-lh-6 em, .table-lh-6 table, .div-lh-6 div, .btn-lh-6 .btn, .box-lh-6 .box, .column-lh-6 .column, .col-lh-6 .col, .element-lh-6 .element, .block-lh-6 .block{line-height:1.6em;}
body .lh-7, .h1-lh-7 h1, .h2-lh-7 h2, .h3-lh-7 h3, .h4-lh-7 h4, .h5-lh-7 h5, .h6-lh-7 h6, .p-lh-7 p, .a-lh-7 a, .ul-lh-7 ul, .ol-lh-7 ol, .li-lh-7 li, .input-lh-7 input, .img-lh-7 img, .textarea-lh-7 textarea, .span-lh-7 span, .strong-lh-7 strong, .b-lh-7 b, .em-lh-7 em, .table-lh-7 table, .div-lh-7 div, .btn-lh-7 .btn, .box-lh-7 .box, .column-lh-7 .column, .col-lh-7 .col, .element-lh-7 .element, .block-lh-7 .block{line-height:1.7em;}
body .lh-8, .h1-lh-8 h1, .h2-lh-8 h2, .h3-lh-8 h3, .h4-lh-8 h4, .h5-lh-8 h5, .h6-lh-8 h6, .p-lh-8 p, .a-lh-8 a, .ul-lh-8 ul, .ol-lh-8 ol, .li-lh-8 li, .input-lh-8 input, .img-lh-8 img, .textarea-lh-8 textarea, .span-lh-8 span, .strong-lh-8 strong, .b-lh-8 b, .em-lh-8 em, .table-lh-8 table, .div-lh-8 div, .btn-lh-8 .btn, .box-lh-8 .box, .column-lh-8 .column, .col-lh-8 .col, .element-lh-8 .element, .block-lh-8 .block{line-height:1.8em;}
body .lh-9, .h1-lh-9 h1, .h2-lh-9 h2, .h3-lh-9 h3, .h4-lh-9 h4, .h5-lh-9 h5, .h6-lh-9 h6, .p-lh-9 p, .a-lh-9 a, .ul-lh-9 ul, .ol-lh-9 ol, .li-lh-9 li, .input-lh-9 input, .img-lh-9 img, .textarea-lh-9 textarea, .span-lh-9 span, .strong-lh-9 strong, .b-lh-9 b, .em-lh-9 em, .table-lh-9 table, .div-lh-9 div, .btn-lh-9 .btn, .box-lh-9 .box, .column-lh-9 .column, .col-lh-9 .col, .element-lh-9 .element, .block-lh-9 .block{line-height:1.9em;}
body .lh-10, .h1-lh-10 h1, .h2-lh-10 h2, .h3-lh-10 h3, .h4-lh-10 h4, .h5-lh-10 h5, .h6-lh-10 h6, .p-lh-10 p, .a-lh-10 a, .ul-lh-10 ul, .ol-lh-10 ol, .li-lh-10 li, .input-lh-10 input, .img-lh-10 img, .textarea-lh-10 textarea, .span-lh-10 span, .strong-lh-10 strong, .b-lh-10 b, .em-lh-10 em, .table-lh-10 table, .div-lh-10 div, .btn-lh-10 .btn, .box-lh-10 .box, .column-lh-10 .column, .col-lh-10 .col, .element-lh-10 .element, .block-lh-10 .block{line-height:2em;}
body .lh-11, .h1-lh-11 h1, .h2-lh-11 h2, .h3-lh-11 h3, .h4-lh-11 h4, .h5-lh-11 h5, .h6-lh-11 h6, .p-lh-11 p, .a-lh-11 a, .ul-lh-11 ul, .ol-lh-11 ol, .li-lh-11 li, .input-lh-11 input, .img-lh-11 img, .textarea-lh-11 textarea, .span-lh-11 span, .strong-lh-11 strong, .b-lh-11 b, .em-lh-11 em, .table-lh-11 table, .div-lh-11 div, .btn-lh-11 .btn, .box-lh-11 .box, .column-lh-11 .column, .col-lh-11 .col, .element-lh-11 .element, .block-lh-11 .block{line-height:2.2em;}
body .lh-12, .h1-lh-12 h1, .h2-lh-12 h2, .h3-lh-12 h3, .h4-lh-12 h4, .h5-lh-12 h5, .h6-lh-12 h6, .p-lh-12 p, .a-lh-12 a, .ul-lh-12 ul, .ol-lh-12 ol, .li-lh-12 li, .input-lh-12 input, .img-lh-12 img, .textarea-lh-12 textarea, .span-lh-12 span, .strong-lh-12 strong, .b-lh-12 b, .em-lh-12 em, .table-lh-12 table, .div-lh-12 div, .btn-lh-12 .btn, .box-lh-12 .box, .column-lh-12 .column, .col-lh-12 .col, .element-lh-12 .element, .block-lh-12 .block{line-height:2.4em;}
body .lh-13, .h1-lh-13 h1, .h2-lh-13 h2, .h3-lh-13 h3, .h4-lh-13 h4, .h5-lh-13 h5, .h6-lh-13 h6, .p-lh-13 p, .a-lh-13 a, .ul-lh-13 ul, .ol-lh-13 ol, .li-lh-13 li, .input-lh-13 input, .img-lh-13 img, .textarea-lh-13 textarea, .span-lh-13 span, .strong-lh-13 strong, .b-lh-13 b, .em-lh-13 em, .table-lh-13 table, .div-lh-13 div, .btn-lh-13 .btn, .box-lh-13 .box, .column-lh-13 .column, .col-lh-13 .col, .element-lh-13 .element, .block-lh-13 .block{line-height:2.6em;}
body .lh-14, .h1-lh-14 h1, .h2-lh-14 h2, .h3-lh-14 h3, .h4-lh-14 h4, .h5-lh-14 h5, .h6-lh-14 h6, .p-lh-14 p, .a-lh-14 a, .ul-lh-14 ul, .ol-lh-14 ol, .li-lh-14 li, .input-lh-14 input, .img-lh-14 img, .textarea-lh-14 textarea, .span-lh-14 span, .strong-lh-14 strong, .b-lh-14 b, .em-lh-14 em, .table-lh-14 table, .div-lh-14 div, .btn-lh-14 .btn, .box-lh-14 .box, .column-lh-14 .column, .col-lh-14 .col, .element-lh-14 .element, .block-lh-14 .block{line-height:2.8em;}
body .lh-15, .h1-lh-15 h1, .h2-lh-15 h2, .h3-lh-15 h3, .h4-lh-15 h4, .h5-lh-15 h5, .h6-lh-15 h6, .p-lh-15 p, .a-lh-15 a, .ul-lh-15 ul, .ol-lh-15 ol, .li-lh-15 li, .input-lh-15 input, .img-lh-15 img, .textarea-lh-15 textarea, .span-lh-15 span, .strong-lh-15 strong, .b-lh-15 b, .em-lh-15 em, .table-lh-15 table, .div-lh-15 div, .btn-lh-15 .btn, .box-lh-15 .box, .column-lh-15 .column, .col-lh-15 .col, .element-lh-15 .element, .block-lh-15 .block{line-height:3em;}
body .lh-16, .h1-lh-16 h1, .h2-lh-16 h2, .h3-lh-16 h3, .h4-lh-16 h4, .h5-lh-16 h5, .h6-lh-16 h6, .p-lh-16 p, .a-lh-16 a, .ul-lh-16 ul, .ol-lh-16 ol, .li-lh-16 li, .input-lh-16 input, .img-lh-16 img, .textarea-lh-16 textarea, .span-lh-16 span, .strong-lh-16 strong, .b-lh-16 b, .em-lh-16 em, .table-lh-16 table, .div-lh-16 div, .btn-lh-16 .btn, .box-lh-16 .box, .column-lh-16 .column, .col-lh-16 .col, .element-lh-16 .element, .block-lh-16 .block{line-height:3.4em;}
body .lh-17, .h1-lh-17 h1, .h2-lh-17 h2, .h3-lh-17 h3, .h4-lh-17 h4, .h5-lh-17 h5, .h6-lh-17 h6, .p-lh-17 p, .a-lh-17 a, .ul-lh-17 ul, .ol-lh-17 ol, .li-lh-17 li, .input-lh-17 input, .img-lh-17 img, .textarea-lh-17 textarea, .span-lh-17 span, .strong-lh-17 strong, .b-lh-17 b, .em-lh-17 em, .table-lh-17 table, .div-lh-17 div, .btn-lh-17 .btn, .box-lh-17 .box, .column-lh-17 .column, .col-lh-17 .col, .element-lh-17 .element, .block-lh-17 .block{line-height:3.8em;}
body .lh-18, .h1-lh-18 h1, .h2-lh-18 h2, .h3-lh-18 h3, .h4-lh-18 h4, .h5-lh-18 h5, .h6-lh-18 h6, .p-lh-18 p, .a-lh-18 a, .ul-lh-18 ul, .ol-lh-18 ol, .li-lh-18 li, .input-lh-18 input, .img-lh-18 img, .textarea-lh-18 textarea, .span-lh-18 span, .strong-lh-18 strong, .b-lh-18 b, .em-lh-18 em, .table-lh-18 table, .div-lh-18 div, .btn-lh-18 .btn, .box-lh-18 .box, .column-lh-18 .column, .col-lh-18 .col, .element-lh-18 .element, .block-lh-18 .block{line-height:4.2em;}


/* ******************************
             Margin
****************************** */
.margin-r-1p{margin:0.5%;}
.margin-r-2p{margin:1%;}
.margin-r-3p{margin:1.5%;}
.margin-r-4p{margin:2%;}

.margin-auto, .m-a{margin:auto;}


/* ******************************
             Padding
****************************** */



/* ******************************
              Button
****************************** */
button{cursor:pointer; border:none;}
button:focus{outline:none;}

button{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.button, .btn{
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    font-size:0.45rem;
    font-weight:600;
    color:#fff;
    display:inline-block;
    padding:0.9rem 1.4rem;
    text-transform:uppercase;
    letter-spacing:2px;
    border-radius:0; -webkit-border-radius:0;
    height:auto;
    line-height:1.2em;
    box-shadow:none !important;
}

.button:hover, .btn:hover{
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2) !important; box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2) !important;
}

.btn-circle{
    border-radius:30px; -webkit-border-radius:30px;
}

.btn-red{
    background: rgb(247,92,51);
    background: -moz-linear-gradient(left,  rgba(247,92,51,1) 0%, rgba(234,30,56,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(247,92,51,1) 0%,rgba(234,30,56,1) 100%);
    background: linear-gradient(to right,  rgba(247,92,51,1) 0%,rgba(234,30,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f75c33', endColorstr='#ea1e38',GradientType=1 );
}

.btn-red:hover{
    -webkit-filter:brightness(1.2); filter:brightness(1.2);
}

.btn.btn-smaller{
    padding:0.7rem 1.2rem;
    text-transform:none;
}

.btn.font-smaller{
    font-weight:400;
    text-transform:none;
    letter-spacing:1px;
    font-size:0.5rem;
}

.btn.btn-white{
    background-color:#fff;
    color:#d82034;
    border-radius:40px; -webkit-border-radius:40px;
    letter-spacing:0.5px;
    font-weight:600;
    text-transform:none;
    font-size:0.5rem;
    padding:0.8rem 1.8rem;
}

.btn.btn-white.smaller{
    padding:0.4rem 1rem;
}


.btn-big-red{
    text-transform:none;
    color:#fff;
    letter-spacing:1px;
    font-size:0.5rem;
    padding:0.8rem 2rem;
    border-radius:40px; -webkit-border-radius:40px;
    font-weight:500;
    background: rgb(248,108,71);
    background: -moz-linear-gradient(left,  rgba(248,108,71,1) 0%, rgba(236,52,76,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(248,108,71,1) 0%,rgba(236,52,76,1) 100%);
    background: linear-gradient(to right,  rgba(248,108,71,1) 0%,rgba(236,52,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f86c47', endColorstr='#ec344c',GradientType=1 );
}


.btn-small-black{
    color:#000000;
    font-weight:600;
    border:1px solid #000;
    border-radius:30px; -webkit-border-radius:30px;
    padding:0.3rem 0.6rem;
    text-transform:uppercase;
    font-size:14px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.btn-small-black:hover{
    background-color:#000;
    color:#fff;
}

.btn-small-white{
    color:#fff;
    font-weight:500;
    border:1px solid #fff;
    border-radius:30px; -webkit-border-radius:30px;
    padding:0.4rem 0.6rem;
    text-transform:uppercase;
    font-size:14px;
    background-color:transparent !important;
    letter-spacing:2px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}


.btn-full-red{
    border-radius:40px; -webkit-border-radius:40px;
    width:100%;
    text-transform:none;
    font-size:0.6rem;
    letter-spacing:1px;
    font-weight:400;
    background: rgb(224,49,57);
    background: -moz-linear-gradient(left,  rgba(224,49,57,1) 0%, rgba(234,30,56,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(224,49,57,1) 0%,rgba(234,30,56,1) 100%);
    background: linear-gradient(to right,  rgba(224,49,57,1) 0%,rgba(234,30,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03139', endColorstr='#ea1e38',GradientType=1 );
}

.btn-full-red:hover{
    -webkit-filter:brightness(1.2); filter:brightness(1.2);
}

.btn-discover-more{
    color:#fff;
    position:relative;
    background-color:transparent;
    font-size:0.8rem;
    font-weight:300;
    padding-left:2.8rem;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.btn-discover-more:hover{
    opacity:0.7;
}

.btn-discover-more:before{
    content:url(img/ouranos-icon-discover-more.svg);
    position:absolute;
    left:0;
    top:50%;
    width:1.6rem;
    height:1.6rem;
    margin-top:-0.8rem;
}

.btn-discover-more:hover, .btn-discover-more:focus{
    background-color:transparent;
}

.btn.btn-border-black{
    border:1px solid #151f47;
    color:#151f47;
    background-color:transparent;
    border-radius:40px; -webkit-border-radius:40px;
    padding:0.6rem 1.4rem;
    font-weight:700;
    text-transform:none;
    letter-spacing:0.5px;
    font-size:0.6rem;
}

.btn.btn-border-black:hover{
    background-color:#151f47;
    color:#fff;
}

.btn.btn-border-black.smaller{
    padding:0.5rem 2rem;
}

.btn.btn-border-white{
    border:1px solid #fff;
    color:#fff;
    background-color:transparent;
    border-radius:40px; -webkit-border-radius:40px;
    padding:0.6rem 1.4rem;
    font-weight:400;
    text-transform:none;
    letter-spacing:0.5px;
    font-size:0.5rem;
}

.btn.btn-border-white:hover{
    opacity:0.7;
}

.link-next{
    border-bottom:1px solid #d8d8d8;
    color:#7f7f7f;
    padding-bottom:0.3rem;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
}

.btn-contact-us{
    border-radius:30px; -webkit-border-radius:30px;
    border:1px solid rgba(255,255,255,0.5);
    padding:10px;
    position:relative;
    color:#fff;
    text-transform:uppercase;
    font-size:0.55rem;
    font-weight:500;
    letter-spacing:0.5px;
    display:inline-block;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.btn-contact-us:hover{
    opacity:0.7;
}

.btn-contact-us .icon-mail{
    background-image:url(img/ouranos-icon-mail-btn.svg);
    width:21px;
    height:14px;
    display:inline-block;
    background-repeat:no-repeat;
    margin-top:3px;
    margin-left:1px;
}

.btn-contact-us .hover{
    display:none;
    padding-left:10px;
}

.link-mail, .link-tel{
    padding-left:50px;
    position:relative;
    letter-spacing:1px;
}

.link-mail:before, .link-tel:before{
    position:absolute;
    left:0;
    top:50%;
    font-size:1.3rem;
    -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

.link-tel:before{
    font-size:1.1rem;
}

.btn-square-gradient-red{
    color:#fff;
    padding:1.2rem 1.8rem;
    text-transform:none;
    font-size:0.5rem;
    font-weight:400;
    background: #df1e38;
    background: -moz-linear-gradient(left,  #df1e38 0%, #9e244d 100%);
    background: -webkit-linear-gradient(left,  #df1e38 0%,#9e244d 100%);
    background: linear-gradient(to right,  #df1e38 0%,#9e244d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df1e38', endColorstr='#9e244d',GradientType=1 );
}

.blue-link{
    color:#23b9b0;
    font-size:0.6rem;
    font-weight:400;
    position:relative;
}

.blue-link:before{
    content:" ";
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid #23b9b0;
    position:absolute;
    right:-0.6rem;
    top:50%;
    margin-top:-2px;
}

.link-folder{
    position:relative;
    color:#151f47;
    font-size:0.55rem;
    padding-right:35px;
    line-height:1.4em;
    display:inline-block;
}

.link-folder:after{
    content:" ";
    width:25px;
    height:16px;
    background-image:url(img/ouranos-icon-link-folder.svg);
    background-repeat:no-repeat;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-8px;
}

.link-folder.play:after{
	height:20px;
	width:20px;
	margin-top:-10px;
    background-image:url(img/play-button.svg);
}


input{
    box-sizing:border-box !important; -webkit-box-sizing:border-box !important;
}



/* ******************************
             Lists
****************************** */
.list-base{

}

.list-base li{
    padding-bottom:1.2rem;
    line-height:1.6em;
    color:#787878;
    font-size:0.6rem;
    font-weight:300;
    list-style-type:disc;
    list-style-position:inside;
}

.list-normal{

}

.list-normal li{
    font-size:0.5rem;
    color:#7f7f7f;
    padding-bottom:0.2rem;
    line-height:1.3em;
    position:relative;
    padding-left:0.4rem;
}

.list-normal li.hidden{
display:none;
}

.list-normal li:before{
    content:"-";
    position:absolute;
    left:0;
    color:#7f7f7f;
}



/* ******************************
            Container
****************************** */
.custom-smaller-container{width:480px; margin-left:auto; margin-right:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.custom-small-container{width:860px; margin-left:auto; margin-right:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.custom-container{width:1040px; margin-left:auto; margin-right:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.custom-big-container{width:1240px; margin-left:auto; margin-right:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.container-percentage{width:80%; margin-left:auto; margin-right:auto;}


.container-loading-interface{position:fixed; left:0; top:0; width:100%; height:100%; background-color:#eb2438; z-index:9999999999;}


/* ******************************
              Color
****************************** */
.text-black{color:#000;}
.background-black{background-color:#000;}
.background-black-75{background-color:rgba(0,0,0,0.75);}
.background-black-50{background-color:rgba(0,0,0,0.5);}
.background-black-25{background-color:rgba(0,0,0,0.25);}

.text-white{color:#fff;}
.background-white{background-color:#fff;}
.background-white-75{background-color:rgba(255,255,255,0.75);}
.background-white-50{background-color:rgba(255,255,255,0.5);}
.background-white-25{background-color:rgba(255,255,255,0.25);}


.background-lightgray{background-color:#e6e6e6;}
.background-darkblue{background-color:#0a112b;}
.background-darkerblue{background-color:#1a2038;}
.background-blue{background-color:#121937;}

.background-gradient-red{
    background: rgb(248,95,50);
    background: -moz-linear-gradient(left,  rgba(248,95,50,1) 0%, rgba(240,58,54,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(248,95,50,1) 0%,rgba(240,58,54,1) 100%);
    background: linear-gradient(to right,  rgba(248,95,50,1) 0%,rgba(240,58,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85f32', endColorstr='#f03a36',GradientType=1 );
}

.background-gradient-red-2{
    background: rgb(244,79,58);
    background: -moz-linear-gradient(left,  rgba(244,79,58,1) 0%, rgba(238,50,57,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(244,79,58,1) 0%,rgba(238,50,57,1) 100%);
    background: linear-gradient(to right,  rgba(244,79,58,1) 0%,rgba(238,50,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44f3a', endColorstr='#ee3239',GradientType=1 );
}


.text-black{color:#000;}
.text-white{color:#fff;}


/* ******************************
          Border Radius
****************************** */
.border-radius-1, .border-r-1{border-radius:3px; -webkit-border-radius:3px;}
.border-radius-t-1, .border-r-t-1{border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-right-radius:3px; -webkit-border-top-right-radius:3px;}
.border-radius-b-1, .border-r-b-1{border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px;}

.border-radius-2{border-radius:6px; -webkit-border-radius:6px;}
.border-radius-t-2, .border-r-t-2{border-top-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-right-radius:6px;}
.border-radius-b-2, .border-r-b-2{border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px;}

.border-radius-3{border-radius:10px; -webkit-border-radius:10px;}
.border-radius-t-3, .border-r-t-3{border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-right-radius:10px; -webkit-border-top-right-radius:10px;}
.border-radius-b-3, .border-r-b-3{border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;}

.border-radius-4{border-radius:15px; -webkit-border-radius:15px;}
.border-radius-t-4, .border-r-t-4{border-top-left-radius:15px; -webkit-border-top-left-radius:15px; border-top-right-radius:15px; -webkit-border-top-right-radius:15px;}
.border-radius-b-4, .border-r-b-4{border-bottom-left-radius:15px; -webkit-border-bottom-left-radius:15px; border-bottom-right-radius:15px; -webkit-border-bottom-right-radius:15px;}

.border-radius-50p, .border-r-50p{border-radius:50%; -webkit-border-radius:50%;}
.border-radius-top-50p{border-radius:50% 50% 0 0;}
.border-radius-bottom-50p{border-radius:0 0 50% 50%;}


/* ******************************
            Opacity
****************************** */
.opacity-0{opacity:0;}
.opacity-50{opacity:0.5;}
.opacity-100{opacity:1;}


/* ******************************
           Box Shadow
****************************** */
.box-shadow-1{-webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.5); box-shadow: 0 0 15px 2px rgba(0,0,0,0.5);}
.box-shadow-1-t{-webkit-box-shadow: 0 -4px 15px 2px rgba(0,0,0,0.5); box-shadow: 0 -4px 15px 2px rgba(0,0,0,0.5);}
.box-shadow-1-r{-webkit-box-shadow: 4px 0 15px 2px rgba(0,0,0,0.5); box-shadow: 4px 0 15px 2px rgba(0,0,0,0.5);}
.box-shadow-1-b{-webkit-box-shadow: 0 4px 15px 2px rgba(0,0,0,0.5); box-shadow: 0 4px 15px 2px rgba(0,0,0,0.5);}
.box-shadow-1-l{-webkit-box-shadow: -4px 0 15px 2px rgba(0,0,0,0.5); box-shadow: -4px 0 15px 2px rgba(0,0,0,0.5);}


/* ******************************
              Cursor
****************************** */
.cursor-auto, .cursor-a{cursor:auto;}
.cursor-default, .cursor-d{cursor:default;}
.cursor-pointer, .cursor-p{cursor:pointer;}
.cursor-crosshair{cursor:crosshair;}
.cursor-grab{cursor:grab;}
.cursor-help{cursor:help;}
.cursor-move{cursor:move;}
.cursor-progress{cursor:progress;}
.cursor-n-resize{cursor:n-resize;}
.cursor-ne-resize{cursor:ne-resize;}
.cursor-e-resize{cursor:e-resize;}
.cursor-se-resize{cursor:se-resize;}
.cursor-s-resize{cursor:s-resize;}
.cursor-sw-resize{cursor:sw-resize;}
.cursor-w-resize{cursor:w-resize;}
.cursor-nw-resize{cursor:nw-resize;}
.cursor-text{cursor:text;}
.cursor-wait{cursor:wait;}
.cursor-not-allowed{cursor:not-allowed;}
.cursor-no-drop{cursor:no-drop;}



/* ******************************
            Transition
****************************** */
/* ***** Button Transition ***** */
.transition-btn, .tr-btn{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

/* ***** Ease ***** */
.transition-2, .tr-2{-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}
.transition-1dot9, .tr-1dot9{-webkit-transition: all 1.9s ease; -moz-transition: all 1.9s ease; -ms-transition: all 1.9s ease; -o-transition: all 1.9s ease; transition: all 1.9s ease;}
.transition-1dot8, .tr-1dot8{-webkit-transition: all 1.8s ease; -moz-transition: all 1.8s ease; -ms-transition: all 1.8s ease; -o-transition: all 1.8s ease; transition: all 1.8s ease;}
.transition-1dot7, .tr-1dot7{-webkit-transition: all 1.7s ease; -moz-transition: all 1.7s ease; -ms-transition: all 1.7s ease; -o-transition: all 1.7s ease; transition: all 1.7s ease;}
.transition-1dot6, .tr-1dot6{-webkit-transition: all 1.6s ease; -moz-transition: all 1.6s ease; -ms-transition: all 1.6s ease; -o-transition: all 1.6s ease; transition: all 1.6s ease;}
.transition-1dot5, .tr-1dot5{-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}
.transition-1dot4, .tr-1dot4{-webkit-transition: all 1.4s ease; -moz-transition: all 1.4s ease; -ms-transition: all 1.4s ease; -o-transition: all 1.4s ease; transition: all 1.4s ease;}
.transition-1dot3, .tr-1dot3{-webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -ms-transition: all 1.3s ease; -o-transition: all 1.3s ease; transition: all 1.3s ease;}
.transition-1dot2, .tr-1dot2{-webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -ms-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;}
.transition-1dot1, .tr-1dot1{-webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -ms-transition: all 1.1s ease; -o-transition: all 1.1s ease; transition: all 1.1s ease;}
.transition-1, .tr-1{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.transition-0dot9, .tr-0dot9{-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
.transition-0dot8, .tr-0dot8{-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;}
.transition-0dot7, .tr-0dot7{-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.transition-0dot6, .tr-0dot6{-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.transition-0dot5, .tr-0dot5{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.transition-0dot4, .tr-0dot4{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.transition-0dot3, .tr-0dot3{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.transition-0dot2, .tr-0dot2{-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.transition-0dot1, .tr-0dot1{-webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}


/* ******************************
   Responsive Columns - Grid 18
****************************** */
.column-18{width:100%;}
.column-17{width:94.4444444444%;}
.column-16{width:88.8888888888%;}
.column-15{width:83.3333333333%;}
.column-14{width:77.7777777777%;}
.column-13dot5{width:75%;}
.column-13{width:72.2222222222%;}
.column-12{width:66.6666666666%;}
.column-11{width:61.1111111111%;}
.column-10{width:55.5555555555%;}
.column-9{width:50%;}
.column-8{width:44.44444444444%;}
.column-7{width:38.88888888888%;}
.column-6{width:33.33333333333%;}
.column-5{width:27.77777777777%;}
.column-4dot5{width:25%;}
.column-4{width:22.22222222222%;}
.column-3{width:16.66666666666%;}
.column-2{width:11.11111111111%;}
.column-1{width:5.555555555555%;}
.column{float:left;}
.column-li li{float:left;}

.column-18.margin-r-4p{width:96%;}
.column-17.margin-r-4p{width:90.4444444444%;}
.column-16.margin-r-4p{width:84.8888888888%;}
.column-15.margin-r-4p{width:79.3333333333%;}
.column-14.margin-r-4p{width:73.7777777777%;}
.column-13dot5.margin-r-4p{width:71%;}
.column-13.margin-r-4p{width:68.2222222222%;}
.column-12.margin-r-4p{width:62.6666666666%;}
.column-11.margin-r-4p{width:57.1111111111%;}
.column-10.margin-r-4p{width:51.5555555555%;}
.column-9.margin-r-4p{width:46%;}
.column-8.margin-r-4p{width:40.44444444444%;}
.column-7.margin-r-4p{width:34.88888888888%;}
.column-6.margin-r-4p{width:29.33333333333%;}
.column-5.margin-r-4p{width:23.77777777777%;}
.column-4dot5.margin-r-4p{width:21%;}
.column-4.margin-r-4p{width:18.22222222222%;}
.column-3.margin-r-4p{width:12.66666666666%;}
.column-2.margin-r-4p{width:7.11111111111%;}
.column-1.margin-r-4p{width:1.555555555555%;}

.column-18.margin-r-3p{width:97%;}
.column-17.margin-r-3p{width:91.4444444444%;}
.column-16.margin-r-3p{width:85.8888888888%;}
.column-15.margin-r-3p{width:80.3333333333%;}
.column-14.margin-r-3p{width:74.7777777777%;}
.column-13dot5.margin-r-3p{width:72%;}
.column-13.margin-r-3p{width:69.2222222222%;}
.column-12.margin-r-3p{width:63.6666666666%;}
.column-11.margin-r-3p{width:58.1111111111%;}
.column-10.margin-r-3p{width:52.5555555555%;}
.column-9.margin-r-3p{width:47%;}
.column-8.margin-r-3p{width:41.44444444444%;}
.column-7.margin-r-3p{width:35.88888888888%;}
.column-6.margin-r-3p{width:30.33333333333%;}
.column-5.margin-r-3p{width:24.77777777777%;}
.column-4dot5.margin-r-3p{width:22%;}
.column-4.margin-r-3p{width:19.22222222222%;}
.column-3.margin-r-3p{width:13.66666666666%;}
.column-2.margin-r-3p{width:8.11111111111%;}
.column-1.margin-r-3p{width:2.555555555555%;}

.column-18.margin-r-2p{width:98%;}
.column-17.margin-r-2p{width:92.4444444444%;}
.column-16.margin-r-2p{width:86.8888888888%;}
.column-15.margin-r-2p{width:81.3333333333%;}
.column-14.margin-r-2p{width:75.7777777777%;}
.column-13dot5.margin-r-2p{width:73%;}
.column-13.margin-r-2p{width:70.2222222222%;}
.column-12.margin-r-2p{width:64.6666666666%;}
.column-11.margin-r-2p{width:59.1111111111%;}
.column-10.margin-r-2p{width:53.5555555555%;}
.column-9.margin-r-2p{width:48%;}
.column-8.margin-r-2p{width:42.44444444444%;}
.column-7.margin-r-2p{width:36.88888888888%;}
.column-6.margin-r-2p{width:31.33333333333%;}
.column-5.margin-r-2p{width:25.77777777777%;}
.column-4dot5.margin-r-2p{width:23%;}
.column-4.margin-r-2p{width:20.22222222222%;}
.column-3.margin-r-2p{width:14.66666666666%;}
.column-2.margin-r-2p{width:9.11111111111%;}
.column-1.margin-r-2p{width:3.555555555555%;}

.column-18.margin-r-1p{width:99%;}
.column-17.margin-r-1p{width:93.4444444444%;}
.column-16.margin-r-1p{width:87.8888888888%;}
.column-15.margin-r-1p{width:82.3333333333%;}
.column-14.margin-r-1p{width:76.7777777777%;}
.column-13dot5.margin-r-1p{width:74%;}
.column-13.margin-r-1p{width:71.2222222222%;}
.column-12.margin-r-1p{width:65.6666666666%;}
.column-11.margin-r-1p{width:60.1111111111%;}
.column-10.margin-r-1p{width:54.5555555555%;}
.column-9.margin-r-1p{width:49%;}
.column-8.margin-r-1p{width:43.44444444444%;}
.column-7.margin-r-1p{width:37.88888888888%;}
.column-6.margin-r-1p{width:32.33333333333%;}
.column-5.margin-r-1p{width:26.77777777777%;}
.column-4dot5.margin-r-1p{width:24%;}
.column-4.margin-r-1p{width:21.22222222222%;}
.column-3.margin-r-1p{width:15.66666666666%;}
.column-2.margin-r-1p{width:10.11111111111%;}
.column-1.margin-r-1p{width:4.555555555555%;}


/* ******************************
        Width & Height
****************************** */
.width-100p{width:100%;}
.width-90p{width:90%;}
.width-80p{width:80%;}
.width-75p{width:75%;}
.width-70p{width:70%;}
.width-60p{width:60%;}
.width-50p{width:50%;}
.width-40p{width:40%;}
.width-30p{width:30%;}
.width-25p{width:25%;}
.width-20p{width:20%;}
.width-10p{width:10%;}
.width-0p, .width-0{width:0;}
.width-auto, .w-a{width:auto;}

.height-0p, .height-0{height:0;}
.height-10p{height:10%;}
.height-50p{height:50%;}
.height-100p{height:100%;}
.height-auto, .h-a{height:auto;}


/* ******************************
    Display & Position & Float
****************************** */
.b{display:block;}
.i-b{display:inline-block;}
.i{display:inline;}
.i-b-li li{display:inline-block;}

.p-a{position:absolute;}
.p-r{position:relative;}
.p-f{position:fixed;}

.bottom, .bot{bottom:0;}
.bottom-1, .bot-1{bottom:10px;}

.top{top:0;}
.top-1{top:10px;}

.left{left:0;}
.left-1{left:10px;}

.right{right:0;}
.right-1{right:10px;}

.float-l{float:left;}
.float-r{float:right;}

.vertical-align, .v-a{position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);}

.content-center{left:50%; top:50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
}


/* ******************************
              Image
****************************** */
.background-cover, .bgcover{background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.bgfixed{background-attachment:fixed;}

.background-bottom{background-position:50% 100%; background-repeat:no-repeat;}
.background-top{background-position:50% 0; background-repeat:no-repeat;}


/* ******************************
               Box
****************************** */
/*.box{border:1px solid orange; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}*/
.column{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:1px;}
.column:after{clear:both;}
.row .col{padding:0 1.25rem;}






/* ******************************
              List
****************************** */
ul.list-icon li{
    position:relative;
}

ul.list-icon li:first-child{
    padding-top:0;
}

ul.list-icon li:first-child:before{
    margin-top:-2%;
}

ul.list-icon li a{
    padding-left:45px;
    position:relative;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

ul.list-icon li a:hover{
    opacity:0.7;
}

ul.list-icon li:before{
    position:absolute;
    left:0;
    top:50%;
    -moz-transform: translateY(-54%); -webkit-transform: translateY(-54%); -o-transform: translateY(-54%); -ms-transform: translateY(-54%); transform: translateY(-54%);
}


ul.list-program li{
    text-transform:uppercase;
    font-weight:600;
    padding-left:0px;
	line-height:40px;
	min-height: 40px;
    font-size:13px;
    padding-top:0px;
    padding-bottom:0px;
    color:#fff;
	margin-bottom:0.4rem;
}

ul.list-program li:first-child{
    padding-top:0;
}

ul.list-program li a{
    text-transform:uppercase;
    font-weight:600;
    color:#fff;
	line-height:1em;
	position:relative;
	display:inline-block;
	padding-left:60px;
	padding-top:10px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

ul.list-program li a .icon {
width:40px;
height:40px;
position:absolute;
top:0px;
left:0px;
}

ul.list-program li a:hover{
    opacity:0.7;
}


ul.list-program.smaller-list{

}

ul.list-program.smaller-list li{
    font-size:12px;
    padding-left:10px;
    padding-bottom:0.25rem;
    letter-spacing:1px;
}



/* ******************************
              Z Index
****************************** */
.z-index--1{z-index:-1;}
.z-index-0{z-index:9;}
.z-index-1{z-index:99;}
.z-index-2{z-index:999;}
.z-index-3{z-index:9999;}
.z-index-4{z-index:99999;}
.z-index-5{z-index:999999;}
.z-index-6{z-index:9999999;}
.z-index-7{z-index:99999999;}
.z-index-8{z-index:999999999;}
.z-index-9{z-index:9999999999;}


/* ******************************
            Other Style
****************************** */
.clear-both{clear:both;}
.after-clear-both:after{content:" "; display:block; clear:both;}
.box-sizing{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.float-left{float:left;}
.float-right{float:right;}
.overflow-hidden{overflow:hidden;}



.waves-effect{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.waves-effect .waves-ripple{
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}

.waves-effect.waves-green .waves-ripple{
    background-color:rgba(194, 209, 51, 0.65);
}
.waves-effect.waves-orange .waves-ripple{
    background-color:rgba(255, 102, 47, 0.65);
}
.waves-effect.waves-orange-light .waves-ripple{
    background-color:rgba(255, 102, 47, 0.25);
}
.waves-effect.waves-red .waves-ripple{
    background-color:rgba(209, 36, 30, 0.65);
}
.waves-effect.waves-white .waves-ripple{
    background-color:rgba(255,255,255,0.25);
}
.waves-effect.waves-black .waves-ripple{
    background-color:rgba(0,0,0,0.5);
}


/* ******************************
            TABLE
****************************** */

html table {
    background-color: transparent;
    border-radius: 4px;
    background-clip: padding-box;
    width: 100%;
    margin-top:40px;
    background: #fff;
}

html table tr:first-child {
    background-color: #121936!important;
    color: #fff
}

html table tr:nth-child(odd) {
    background-color: #f1f6f5;
}

html table tr:nth-child(even) {
    background-color: #fff;
}

html table tr td,
html table tr th {
    padding: 1rem 0.5rem 1rem 0
}

html table tr td:first-child,
html table tr th:first-child {
    padding-left: 2.2rem
}

html table tr th {
    text-align: left;
    font-size: 18px;
}

html table tr td,
html table tr th {
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: 0;
    text-transform: none;
}
html table tr > td:first-child,
html table tr > th:first-child{
    width: 1%;
    white-space: nowrap;
}

html table tr td {
    color: #6d6d6d;
    font-size: 16px;
}

html table tr td:first-child {
    color: #525554;
    font-weight: 800
}

/* ******************************
            Gradient
****************************** */




/* ******************************
              Header
****************************** */
header{
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999999999;
    padding:1rem 1rem 1rem 2rem;
}

header.hide-active .hide-active{
    display:none;
}

header.position-bottom{
    padding-top:0.4rem;
    padding-bottom:0.4rem;
}

header .background-mask-red{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#eb2338;
}

header .row{
    margin-bottom:0 !important;
    position:relative;
    min-height:50px;
}

header .logo{
    margin-right:5em;
    position:absolute;
    left:0;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

header .logo:hover{
    opacity:0.7;
}

.logo{
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    width:139px;
    height:51px;
    fill:#fff;
}

header.position-bottom .logo{
    width:120px;
}

header ul.main-menu{
    display:inline-block;
    margin-right:30px;
    margin-left:10rem;
    position:absolute;
    top:50%;
    -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

header ul.main-menu li{
    color:#fff;
    display:inline-block;
    position:relative;
    top:-3px;
    font-weight:400;
    letter-spacing:0.5px;
}

header ul.main-menu li a{
    color:#fff;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

header ul.main-menu li a:hover{
    opacity:0.7;
}

.hamburger-menu{
    position:absolute;
    right:0px;
    top:25px;
    width:34px;
    top:50%;
    margin-top:-13px;
    cursor:pointer;
    margin-right:1.2rem;
}

/*
body.ar .hamburger-menu{
  right:auto;
  left:20%;
}*/

body.ar header ul.main-menu{
  left:0px;
}

.hamburger-menu:hover .border{
    opacity:0.7;
}

.hamburger-menu .border{
    margin-top:10px;
    height:2px;
    background-color:#fff;
    border-radius:2px; -webkit-border-radius:2px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    position:relative;
}

.hamburger-menu.active{
    top:40px;
}

.hamburger-menu.active .border-1{
    top:12px;
    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}

.hamburger-menu.active .border-2{
    opacity:0;
}

.hamburger-menu.active .border-3{
    -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
    top:-12px;
}

.hamburger-menu .border-center{
    width:75%;
}

.hamburger-menu .border-1{
    margin-top:0;
}

.hamburger-menu:hover .border{
    background-color:rgba(255,255,255,0.8);
}

.language-switcher{
    position:absolute;
    right:0;
    top:50%;
    margin-right:4.2rem;
    -moz-transform: translateY(-50px); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
    padding:4px 10px 8px 10px;
    background-color:rgba(255,255,255,0);
    border-radius:30px; -webkit-border-radius:30px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.language-switcher:hover{
    background-color:rgba(255,255,255,0.2);
}

.language-switcher:hover h6.second-language{
    left:0;
    opacity:0.5;
}

/*.language-switcher:hover h6:not(.second-language){
    border:2px solid #fff;
}*/

.language-switcher h6.second-language{
    opacity:0;
    position:relative;
    left:15px;
}

.language-switcher h6{
    border-radius:50%; -webkit-border-radius:50%;
    border:1px solid #fff;
    font-size:14px;
    display:inline-block;
    padding:8px;
    margin-right:8px;
    cursor:pointer;
    font-weight:300;
    color:#fff;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    text-transform:capitalize;
    width:33px;
    height:33px;
}

.language-switcher h6 a{
    color:#fff;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}


.toggle-language-switcher{
    border:1px solid #fff;
    padding:4px;
    border-radius:30px; -webkit-border-radius:30px;
    display:inline-block;
}

.toggle-language-switcher h6{
    color:#fff;
    display:inline-block;
    font-size:12px;
    text-transform:uppercase;
    padding:10px 18px;
    border-radius:30px; -webkit-border-radius:30px;
    font-weight:500;
}

.toggle-language-switcher h6.active{
    background-color:#fff;
    color:#070e28;
}

.toggle-language-switcher h6.active a{
    color:#070e28;
}

.toggle-language-switcher h6 a{
    color:#fff;
}




/* ******************************
              Footer
****************************** */
footer{
    padding:1.2rem 1.6rem 0.8rem;
    background-color:#fff;
    min-height:110px;
}

footer .logo{
    width:139px;
    height:51px;
    display:inline-block;
    float:left;
    margin-right:1.25rem;
    position:relative;
    top:0.15rem;
}

footer ul{
    display:inline-block;
    position:relative;
}

footer .footer-menu{
    margin-bottom:25px;
    margin-top:0.4rem;
}

footer .footer-menu li{
    display:inline-block;
    color:#383f41;
    font-size:0.5rem !important;
    font-weight:500;
    margin-right:0.75rem;
}

footer .footer-menu li:first-child{
    margin-right:0.75rem;
}

footer .footer-menu li a{
    color:#383f41;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

footer .footer-menu li a:hover{
    color:#586366;
}

footer .list-social-icon{
    margin-right:1rem;
    margin-top:0.4rem;
}

footer .list-social-icon a:hover{
    opacity:1;
}

footer .list-social-icon a svg{
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

footer .list-social-icon a:hover svg{
    fill:#586366;
}



/* ******************************
         Base Styleguide
****************************** */


/* ******************************
         Other Style
****************************** */





/* ******************************
            JS Class
****************************** */
.scroll-to{cursor:pointer;}
.btn-toggle{cursor:pointer;}



/* ******************************
      Container Main Banner
****************************** */
.container-main-banner{
    padding-top:7rem;
    padding-bottom:4.5rem;
    position:fixed;
    top:0;
    left:0;
    z-index:9;
    width:100%;
}

.container-main-banner .padding-rl-custom{
    padding-left:1rem;
    padding-right:1rem;
}

.container-main-banner .margin-rl-custom{
    margin-left:1rem;
    margin-right:1rem;
}

.container-main-banner .background-image-absolute{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.container-main-banner .shadow-background-banner{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
}

.container-main-banner .shadow-background-banner-remove{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
}

.container-main-banner h1{
    font-weight:500;
    line-height:1.1em;
}

.container-main-banner h3{
    line-height:1.6em;
    font-weight:200;
    position:relative;
}

.container-main-banner p{
    line-height:1.6em;
    font-weight:300;
    margin-top:15px;
    max-width:300px;
}

.container-main-banner p span{
    font-weight:700;
}

/* ***** Main Banner Blog ***** */
.container-main-banner.main-banner-blog h1{
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    text-transform:uppercase;
}

.container-main-banner.main-banner-blog h4{
    /*border-bottom:1px solid rgba(255,255,255,0.25);*/
    text-transform:uppercase;
    display:inline-block;
    padding-bottom:0.3rem;
    margin-bottom:2rem;
    font-weight:400;
    letter-spacing:1.5px;
}

/* ***** Main Banner Single Blog ***** */
.container-main-banner.main-banner-single-blog h1{
    margin-bottom:1.6rem;
}

.container-main-banner.main-banner-single-blog h3{
    letter-spacing:1.5px;
    text-transform:uppercase;
    font-size:0.5rem;
    margin-left:0.2rem;
}

.container-main-banner.main-banner-single-blog h3 a{
    text-decoration:none;
    color:#fff;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-main-banner.main-banner-single-blog h3 a:hover{
    opacity:0.7;
}

.container-main-banner.main-banner-single-blog h3 span.border{
    margin-right:0.3rem;
}

.container-main-banner.main-banner-single-blog h3 span:not(.border){
    position:relative;
    padding-right:0.3rem;
    padding-bottom:0.2rem;
}

.container-main-banner.main-banner-single-blog h3 span:not(.border):before{
    content:" ";
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:1px;
    background-color:#fff;
}


/* ***** Main Banner Bottin ***** */
.container-main-banner.main-banner-bottin{
    padding-top:6rem;
    padding-bottom:4rem;
}

.container-main-banner.main-banner-bottin .row{
    position:relative;
}

.container-main-banner.main-banner-bottin .big-border-bottom{
    position:relative;
}

.container-main-banner.main-banner-bottin .big-border-bottom:before{
    content:" ";
    position:absolute;
    left:0;
    top:100%;
    margin-top:2rem;
    margin-left:1.25rem;
    width:84%;
    height:2px;
    background-color:#fff;
}


/* ***** Main Banner Presse ***** */
.container-main-banner.main-banner-presse h1{
    margin-bottom:1.6rem;
}

.container-main-banner.main-banner-presse h3:before{
    content:" ";
    position:absolute;
    width:35%;
    height:2px;
    top:0.9rem;
    left:-45.25%;
    background-color:#fff;
}

.container-main-banner.main-banner-presse .big-border-bottom:before{
    content:none;
}



/* ***** Main Banner Homepage ***** */
.container-main-banner.main-banner-homepage p{
    margin-top:7px;
}

.container-main-banner.main-banner-homepage h1{
    line-height:1.3em;
    margin-bottom:2rem;
}

.container-main-banner.main-banner-homepage .btn-red{
    margin-bottom:3rem;
}


/* ***** Container Home List Program ***** */
.container-home-list-program{
    position:absolute;
    right:0;
    top:50%;
    -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
    padding-top:45px;
    padding-right:0.6rem;
    display:none;
}

.container-home-list-program .container-close{
    position:absolute;
    width:18px;
    height:18px;
    top:-45px;
    left:10px;
    cursor:pointer;
}

.container-home-list-program .container-close .border{
    width:100%;
    position:absolute;
    height:1px;
    background-color:#fff;
    margin-top:7px;
}

.container-home-list-program .container-close .border-1{
    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}

.container-home-list-program .container-close .border-2{
    -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}



/* ***** Main Banner Listing Program ***** */
.container-main-banner.main-banner-listing-program{

}

.container-main-banner.main-banner-listing-program h1{
    line-height:1.1em;
    margin-bottom:1.4rem;
}


/* ***** Main Banner Single Program ***** */
.container-main-banner.main-banner-single-program{

}

.container-main-banner.main-banner-single-program .big-border-bottom:before{
    left:auto;
    right:5%;
    width:54%;
}


/* ***** Main Banner Symposium ***** */
.container-main-banner.main-banner-symposium{

}

.container-main-banner.main-banner-symposium .big-col{
    padding:0 4rem;
}

.container-main-banner.main-banner-symposium .col{
    box-sizing:border-box; -webkit-box-sizing:border-box;
}

.container-main-banner.main-banner-symposium .background-red{
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:100%;
    background: -moz-linear-gradient(-45deg,  rgba(213,70,54,0.8) 0%, rgba(216,36,58,0.7) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(213,70,54,0.8) 0%,rgba(216,36,58,0.7) 100%);
    background: linear-gradient(135deg,  rgba(213,70,54,0.8) 0%,rgba(216,36,58,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd54636', endColorstr='#b3d8243a',GradientType=1 );
}

.container-main-banner.main-banner-symposium h1{
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    line-height:1.3em;
    text-transform:uppercase;
    margin-bottom:1.6rem;
}

.container-main-banner.main-banner-symposium h1 span{
    color:#ff575c;
}

.container-main-banner.main-banner-symposium h1 sup{
    text-transform:none;
}

.container-main-banner.main-banner-symposium p{
    line-height:1.6em;
    font-weight:300;
    max-width:none;
}





/* ******************************
      Container Breadcrumb
****************************** */
.container-breadcrumb{
    position:relative;
    top:-5px;
}

.container-breadcrumb .line{
    background-color:#7f7f7f;
    width:26px;
    height:2px;
    position:relative;
    display:inline-block;
    margin-right:0.3rem;
    top:-3px;
}

.container-breadcrumb ul{
    display:inline-block;
}

.container-breadcrumb ul li{
    color:#7f7f7f;
    display:inline-block;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1.5px;
    font-size:12px;
}

.container-breadcrumb a{
    color:#7f7f7f;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-breadcrumb a:hover{
    opacity:0.7;
}

#breadcrumbs{
    color:#7f7f7f;
    display:inline-block;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px;
    font-size:12px;
}

#breadcrumbs a{
    color:#7f7f7f;
    padding-left:0;
}



/* ******************************
      Container Contact Us
****************************** */
.container-contact-us{
    color:#0b1d2a;
}

.container-contact-us p{
    font-weight:300;
    color:#797979;
    margin-bottom:1rem;
    font-size:0.6rem;
    font-family: 'Roboto', sans-serif;
    line-height:1.6em;
}

.container-contact-us .padding-rl-custom{
    padding-left:2rem;
    padding-right:2rem;
}

.container-contact-us .padding-tb-custom{
    padding-top:2.4rem;
    padding-bottom:2.4rem;
}

.container-contact-us .padding-b-custom{
    padding-bottom:1.8rem;
}

.container-contact-us h3, .container-contact-us .schemaorg span{
    line-height:1.8rem;
    font-weight:500;
    padding-bottom:1.8rem;
    color:#0b1d2a;
}

.container-contact-us .schemaorg{
    padding-bottom:2rem;
}

.container-contact-us .schemaorg span{
    padding-bottom:0;
}

.container-contact-us h2{
    color:#4c5962;
    padding-bottom:2.2rem;
    font-weight:500;
    letter-spacing:0.5px;
}

.container-contact-us h3 a{
    color:#0b1d2a;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-contact-us h3 a:hover{
    color:#404040;
}



/* ******************************
      Container Stay Tuned
****************************** */
.container-stay-tuned{
    padding-top:3.4rem;
    padding-bottom:3rem;
}

.container-stay-tuned h2{
    text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    padding-bottom:1.2rem;
}

.container-stay-tuned p{
    color:rgba(255,255,255,0.5);
    padding-bottom:2rem;
    font-weight:300;
    line-height:1.6em;
}

.container-stay-tuned .custom-padding-b{
    padding-bottom:1.2rem;
}

.container-stay-tuned .btn{
    margin-bottom:1rem;
}



/* ******************************
        List Social Icon
****************************** */
.list-social-icon{
    margin:auto;
}

.list-social-icon svg{
    fill:#fff;
    width:40px;
    height:40px;
}

.list-social-icon a{
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.list-social-icon a:hover{
    opacity:0.7;
}

.list-social-icon.black-icon svg{
    fill:#383f41;
}

.list-social-icon li{
    display:inline-block;
    margin-left:0.3rem;
    margin-right:0.3rem;
}

.list-social-icon li img{
    width:40px;
    height:40px;
}

.list-social-icon li.width-auto img{
    width:auto;
    height:auto;
}


/* ******************************
         Container Menu
****************************** */
.container-menu{
    position:fixed;
    width:100%;
    height:100%;
    left:100%;
    top:0;
    z-index:9999999;
    background-color:rgba(0,0,0,0.75);
}

.container-menu .show-medium{
    display:none;
    margin-top:1.4rem;
}

.container-menu.active{
    display:block;
    left:0;
}

.container-menu .logo{
    margin-bottom:1.75rem;
}

.container-menu h3{
    color:#fff;
    font-weight:500;
    margin-bottom:2.6rem;
}

.container-menu h3.blue-title{
	margin-bottom:0px;
	color: #172148;
}

.container-menu p{
    color:#9fa6be;
    line-height:1.6em;
    font-style:italic;
    font-weight:300;
    margin-bottom:2rem;
}

.container-menu .zone-image p{
    color:#fff;
}

.container-menu p.custom-margin-top{
    margin-top:1.6rem;
}

.container-menu p.less-margin{
    margin-bottom:1rem;
}

.container-menu p a{
    text-decoration:underline;
    color:#fff;
    font-style:normal;
}

.container-menu p a span{
    text-decoration:none;
    display:inline-block;
    padding-left:10px;
}

.container-menu .border-separation-span span,
.container-menu .border-separation{
    width:40%;
    height:1px;
    background-color:#575d72;
    margin:0.25rem 0;
	display: inline-block;
}

.container-menu .toggle-language-switcher{
    margin-top:2.5rem;
}

.container-menu ul.no-margin-bottom{
    margin-bottom:0;
}

.container-menu li{
    color:#fff;
    padding-top:0.4rem;
    padding-bottom:0.4rem;
    line-height:1.3em;
    letter-spacing:1px;
}

.container-menu li a{
    color:#fff;
    font-weight:200;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-menu li a:hover{
    opacity:0.7;
}

.container-menu .col{
    position:absolute;
    height:100%;
    top:0;
    padding-left:0;
    padding-right:0;
}

.container-menu .big-padding{
    padding:1.75rem 1.75rem 1rem 1.75rem;
}

.container-menu .col-1{
    left:0;
    background-color:rgba(9,17,42,0.99);
}

.container-menu .col-2{
    left:25%;
    background-color:rgba(18,25,55,0.99);
}

.container-menu .col-3{
    width:25.1% !important;
    left:50%;
    overflow-y:scroll;
	overflow-x:hidden;
}

.container-menu .col-4{
    left:75%;
	overflow-y:auto;
	overflow-x:hidden;
}

.container-menu .custom-gradient{
    background-image:url(img/ouranos-gradient-menu.jpg);
}



/* ******************************
         Content Blog
****************************** */
.content-blog h5{
    color:#9fa4b4;
    display:inline-block;
    font-size:12px;
    line-height:1.2em;
    margin-bottom:0.7rem;
}

.content-blog h4{
    color:#172148;
    line-height:1.4em;
    font-weight:600;
    margin-bottom:1rem;
}

.content-blog .zone-blog{
    padding:1.2rem 1rem 1.8rem;
    border-bottom:1px solid #cdced2;
}

.content-blog .zone-blog p{
    color:#8e9098;
    margin-bottom:1.2rem;
    line-height:1.4em;
}



/* ******************************
     Container Category Blog
****************************** */
.container-category-blog{
    padding:1rem 15px 0.4rem;
}

.container-category-blog ul{
    display:inline-block;
}

.container-category-blog ul li{
    display:inline-block;
    cursor:pointer;
    margin-left:0.6rem;
    margin-right:0.6rem;
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:1.5px;
    position:relative;
    padding-bottom:0.2rem;
    margin-bottom:0.6rem;
}

.container-category-blog ul li a{
text-decoration:none;
color:#fff;
}

.container-category-blog ul li:before{
    content:" ";
    position:absolute;
    left:0;
    top:100%;
    width:0%;
    height:2px;
    background-color:#fff;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.container-category-blog ul li:not(.active):hover:before{
    width:100%;
}

.container-category-blog ul li.active{
    border-bottom:2px solid #fff;
}

.container-category-blog ul li.active:before{
    width:100%;
}

.container-category-blog.category-symposium ul{
    margin-right:1.4rem;
}

.container-category-blog .btn-white{
    position:relative;
    top:-2px;
}


/* ***** Category Bottin ***** */
.container-category-blog.category-bottin{

}

.container-category-blog.category-bottin li{
    font-size:0.5rem;
    margin-left:0.4rem;
    margin-right:0.4rem;
    letter-spacing:1px;
}

/* ***** Category Single Program ***** */
.container-category-blog.category-single-program li{
    font-size:0.7rem;
}




/* ******************************
     Container Listing Blog
****************************** */
.container-listing-blog{
    padding-top:4rem;
}

.container-listing-blog .col{
    text-align:center;
    margin-bottom:5rem;
}

.container-listing-blog .container-zone-image{
    overflow:hidden;
    height:10rem;
    margin-bottom:1.4rem;
    display:block;
}

.container-listing-blog .zone-image{
    width:100%;
    height:100%;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.container-listing-blog a.container-zone-image:hover .zone-image{
    -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}

body.mobile-tablet-active .container-listing-blog a.container-zone-image:hover .zone-image{
    -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
}

.container-listing-blog h3{
    color:#151f47;
    line-height:1.2em;
    font-weight:700;
    padding-left:2rem;
    padding-right:2rem;
    margin-bottom:1.4rem;
}

.container-listing-blog h4{
    color:#636466;
    text-transform:uppercase;
    font-weight:500;
    font-size:0.5rem;
    margin-bottom:1rem;
}

.container-listing-blog h4 span{
    color:#000;
    font-size:0.6rem;
    margin-left:0.6rem;
    margin-right:0.6rem;
}

.container-listing-blog p{
    color:#787878;
    line-height:1.6em;
    font-weight:300;
    padding-left:1rem;
    padding-right:1rem;
    margin-bottom:1.6rem;
}

.container-listing-blog .btn-big-red{
    position:relative;
    top:-2rem;
}


/* ******************************
     Container Single Blog
****************************** */
.container-single-blog{
    padding-top:4rem;
    padding-bottom:2rem;
    color:#000;
}

.container-single-blog .btn{
    margin-bottom:15px;
}

.container-single-blog ul{
    padding-left:2rem;
    padding-bottom:2rem;
}

.container-single-blog ul li{
    font-size:0.65rem;
    color:#797979;
    font-weight:500;
    list-style-type:disc;
    padding-top:8px;
    padding-bottom:8px;
    line-height:1.4em;
}

.container-single-blog li a{
    color:#797979;
	text-decoration:none;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-single-blog ul li ul{
    margin-top:0.4rem;
    padding-bottom:0.4rem;
}

.container-single-blog .list-image li{
    list-style-type:none;
    display:inline-block;
    padding-right:25px;
}

.container-single-blog .list-image img{
    width:auto;
    margin-bottom:25px;
}

.container-single-blog ul li a:hover{
    color:#eb2338;
}

.container-single-blog .inline-image img{
    width:auto;
    display:inline;
    margin-top:0;
    margin-bottom:0;
}

.container-single-blog .small-container{
    padding-left:25px;
    padding-right:25px;
}

.container-single-blog h2{
    color:#151f47;
    margin-bottom:1.4rem;
    font-weight:900;
}

.container-single-blog h3{
    color:#0b1d2a;
    margin-bottom:2.4rem;
    font-weight:600;
    letter-spacing:2px;
    line-height:1.8em;
    font-size:0.9rem;
}

.container-single-blog h3.less-margin{
    margin-bottom:1.2rem;
}

.container-single-blog h4{
    color:#797979;
    margin-bottom:2rem;
    padding-left:1.2rem;
    line-height:1.5em;
    font-weight:300;
    font-style:italic;
    font-size:0.7rem;
}

.container-single-blog h5{
    font-weight:600;
    font-size:0.9rem;
    line-height:1.8em;
    letter-spacing:1px;
    color:#0b1d2a;
    margin-bottom:2rem;
}

.container-single-blog p{
    color:#797979;
    padding-bottom:2rem;
    font-weight:300;
    line-height:1.5em;
}

.container-single-blog img{
    margin-bottom:2.4rem;
    margin-top:0.4rem;
}

.container-single-blog .border{
    width:30px;
    height:2px;
    background-color:#000;
    margin-bottom:2rem;
}


.container-page-type{
    padding-bottom:0;
}

.container-page-type h2{
    font-size:1.2rem;
    line-height:1.4em;
    letter-spacing:0;
}

.container-page-type h3{
    text-decoration:underline;
}

.container-page-type h6{
    color:#151f47;
    margin-bottom:1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight:900;
    font-size:0.8rem;
    line-height:1.4em;
}

.container-page-type ul{
    padding-left:20px;
}

.container-page-type ul li{
    font-weight:300;
}

.container-page-type ul li a{
    color:#eb2338;
    text-decoration:underline;
}

.container-page-type .container-content-prog h4{
    font-style:normal;
    padding-left:0;
}

.container-page-type .container-content-prog h3{
    text-decoration:none;
    font-size:0.7rem;
}

.container-page-type .container-content-prog h6{
    margin-bottom:0;
}

.container-page-type .container-content-prog p{
    margin-bottom:1rem;
}

.container-page-type .border-separation{
    width:55px;
    height:2px;
    background-color:#939394;
    margin-bottom:2.2rem;
}

.container-page-type .container-fil-actualite h3{
    text-decoration:none;
    color:#fff;
    margin-bottom:1.7rem !important;
    letter-spacing:3px;
    padding-bottom:0.3rem;
    display:inline-block;
    font-size:0.6rem;
}

.container-page-type .container-fil-actualite h2{
    font-size:1.2rem;
    color:#fff;
    text-transform:none;
    font-weight:300;
    font-family: 'Roboto', sans-serif;
}

.container-page-type #largemap{
    height:20rem;
}

.container-page-type .background-grey{
    background-color:#f1f2f2;
}



/* ******************************
     Container Option Bottin
****************************** */
.container-option-bottin{
    padding-top:1rem;
    padding-left:4rem;
    padding-right:4rem;
}

 .container-option-bottin input{
    margin-bottom:2.2rem !important;
}

.container-option-bottin .container-breadcrumb{
    margin-bottom:2rem;
}

.container-option-bottin h3{
    color:#f34c3b;
    font-weight:600;
    padding-bottom:1.2rem;
}



/* ******************************
    Container Listing Bottin
****************************** */
.container-listing-bottin{
    padding-bottom:2rem;
}

.container-listing-bottin .popup-bio{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.95);
    display:none;
    z-index:999999999;
    padding-top:140px;
    padding-left:120px;
    padding-right:120px;
    text-align:left;
    overflow:scroll;
}

.container-listing-bottin .popup-bio .big-col{
    padding-left:3rem;
}

.container-listing-bottin .popup-bio .big-col .col{
    padding-left:0;
    padding-right:1rem;
}

.container-listing-bottin .popup-bio h3, .container-listing-bottin .popup-bio h4{
    color:#f34c3b;
}

.container-listing-bottin .popup-bio h5{
    color:#9699a4;
    font-size:18px;
    margin-bottom:50px;
}

.container-listing-bottin .popup-bio .text{
    display:block;
    padding-top:3rem;
}

.container-listing-bottin .popup-bio .text p{
    font-size:0.6rem;
    color:#9c9fa9;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    line-height:1.4em;
}

.container-listing-bottin .popup-bio a.link{
    font-size:0.7rem;
    color:#f03e3a;
    text-transform:lowercase;
    word-break:break-all;
}

.container-listing-bottin .popup-bio button{
    position:absolute;
    top:-20px;
    right:0;
    padding:0.4rem 1rem;
}

.container-listing-bottin .bgcover{
    background-position:50% 0%;
}

.container-listing-bottin .zone-listing{
    /*border-top:1px solid #e4e5e7;*/
    padding-left:0.6rem;
    padding-right:0.6rem;
}

.container-listing-bottin h2{
    color:#a6a8b0;
    text-align:center;
    margin-top:1.4rem;
    margin-bottom:1.4rem;
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    letter-spacing:4px;
    font-weight:700;
    line-height:1.6em;
}

.container-listing-bottin h3{
    padding-bottom:0.6rem;
    font-weight:600;
    text-transform:uppercase;
}

.container-listing-bottin h4{
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:0.2rem;
    font-size:0.7rem;
}

.container-listing-bottin p{
    color:rgba(255,255,255,0.8);
    padding-bottom:1rem;
    font-weight:300;
}

.container-listing-bottin .col{
    margin-bottom:1.6rem;
    padding-left:0.4rem;
    padding-right:0.4rem;
}

.container-listing-bottin .box{
    height:14rem;
    text-align:center;
    position:relative;
}

.container-listing-bottin .box:after{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.3) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}

.container-listing-bottin .container-text{
    position:absolute;
    bottom:0;
    width:100%;
    padding-left:15px;
    padding-right:15px;
    z-index:99;
}

.container-listing-bottin .container-social{
    padding-top:0.8rem;
    padding-bottom:0.65rem;
    text-align:center;
    position:relative;
}

.container-listing-bottin .container-social li{
    display:inline-block;
    margin-left:0.4rem;
    margin-right:0.4rem;
    padding-left:0.2rem;
    padding-right:0.2rem;
    cursor:pointer;
    color:#fff;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-listing-bottin .container-social li:hover{
    opacity:0.7;
}

.container-listing-bottin .container-social.active li{
    /*display:none;*/
}

.container-listing-bottin .container-social .icon-phone{
    cursor:pointer;
}

.container-listing-bottin .container-social.active .phone-click{
    /*display:block;*/
}

.container-listing-bottin .container-social .phone-click{
    display:none;
    font-size:1rem;
    color:#fff;
    font-weight:200;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding-top:0.8rem;
    z-index:9;
}

.container-listing-bottin .container-social .phone-click .icon-phone{
    position:absolute;
    left:0.6rem;
    z-index:9;
    width:1.4rem;
    top:50%;
    -moz-transform: translateY(-40%); -webkit-transform: translateY(-40%); -o-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%);
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-listing-bottin .container-social .phone-click .icon-phone:hover{
    opacity:0.7;
}

.container-listing-bottin .container-social .phone-click .block-red{
    position:absolute;
    left:0;
    top:0;
    width:2.6rem;
    height:100%;
    background-color:#df2c32;
    z-index:7;
}

.container-listing-bottin .container-social .phone-click .block-orange{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#ee3239;
}

.container-listing-bottin .container-social .phone-click .text{
    display:block;
    margin-top:0.05rem;
}

.container-listing-bottin .container-social .phone-click a{
    color:#fff;
    padding-left:1rem;
    letter-spacing:1px;
    position:relative;
    text-align:left;
    padding-left:3.4rem;
    padding-right:1rem;
    display:inline-block;
    width:100%;
    position:absolute;
    left:0;
    top:50%;
    -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}



/* ******************************
      Container Countdown
****************************** */
.container-countdown .big-col{
    padding:4rem;
}

.container-countdown .col{
    box-sizing:border-box; -webkit-box-sizing:border-box;
}

.container-countdown .btn-white{
    margin-top:1.6rem;
}

.container-countdown .background-red{
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:100%;
    background: -moz-linear-gradient(-45deg,  rgba(213,70,54,0.8) 0%, rgba(216,36,58,0.7) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(213,70,54,0.8) 0%,rgba(216,36,58,0.7) 100%);
    background: linear-gradient(135deg,  rgba(213,70,54,0.8) 0%,rgba(216,36,58,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd54636', endColorstr='#b3d8243a',GradientType=1 );
}

.container-countdown .col-image{
    background-image:none !important;
}

.container-countdown h2{
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    line-height:1.3em;
    text-transform:uppercase;
    margin-bottom:2.4rem;
}

.container-countdown h2 span{
    color:#ff575c;
}

.container-countdown h2 sup{
    text-transform:none;
}

.container-countdown p{
    line-height:1.6em;
    font-weight:300;
}

.container-countdown h3{
    font-weight:300;
    font-family: 'Oswald', sans-serif;
    font-size:2.8rem;
    text-transform:uppercase;
    line-height:0.8em;
    margin-bottom:1rem;
}

.container-countdown h3 span{
    display:block;
    font-weight:400;
    font-size:0.6rem;
    letter-spacing:1px;
    font-family: 'Roboto', sans-serif;
}

.container-countdown h4{
    font-size:0.5rem;
    margin-bottom:1.4rem;
}

.container-countdown h5{
    font-size:0.5rem;
    font-style:italic;
    margin-top:1rem;
    margin-bottom:0.8rem;
}

.big-border-bottom .icon.circle{
    position:absolute;
    width:2rem;
    height:2rem;
    margin-top:1rem;
	left:40px;
    top:100%;
}


.icon-pin, .icon-calendar{
    position:relative;
    padding-left:2rem;
    display:inline-block;
}

.icon-pin:before{
    content:" ";
    background-image:url(img/ouranos-icon-pin.svg);
    width:1.2rem;
    height:1.2rem;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-0.6rem;
    background-repeat:no-repeat;
}

.icon-calendar:before{
    content:" ";
    background-image:url(img/ouranos-icon-calendar.svg);
    width:1.2rem;
    height:1.2rem;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-0.6rem;
    background-repeat:no-repeat;
}



/* ******************************
    Container Discover Program
****************************** */
.container-discover-program{

}

.container-discover-program .zone-white{
    padding:3rem 1.5rem 3rem 3rem;
}

.container-discover-program .zone-white{
    color:#151f47;
    margin-bottom:10rem;
}

.container-discover-program .zone-icon{

}

.container-discover-program .image-absolute{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:10rem;
}

.container-discover-program h2{
    line-height:1.4em;
    margin-bottom:1.2rem;
}

.container-discover-program h3{
    text-transform:uppercase;
    letter-spacing:3px;
    border-bottom:1px solid #b8bbc7;
    display:inline-block;
    padding-bottom:0.3rem;
    margin-bottom:1.6rem;
    font-weight:500;
}

.container-discover-program p{
    color:#2c3559;
    line-height:1.6em;
    margin-bottom:1.8rem;
}

.container-discover-program .row-icon{
    padding-left:3rem;
    padding-right:3rem;
}

.container-discover-program .row-icon .col{
    padding-left:0.5rem;
    padding-right:0.5rem;
}

.container-discover-program .icon{
    width:3rem;
    height:3rem;
    margin:1.25rem auto;
}


/* ******************************
    Container Fil Actualite
****************************** */
.container-fil-actualite{
    padding:3rem 25px;
    text-align:center;
}

.container-fil-actualite h2{
    margin-bottom:2rem;
    text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight:900;
}

.container-fil-actualite h3{
    margin-bottom:1.7rem;
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:3px;
    padding-bottom:0.3rem;
    display:inline-block;
    border-bottom:1px solid rgba(255,255,255,0.3);
}



/* ******************************
    Container Fil Actualite
****************************** */
.container-listing-actualite{
    overflow:hidden;
}

.container-listing-actualite .col{
    padding-left:0;
    padding-right:0;
}

.container-listing-actualite .zone-blog{
    text-align:center;
    position:relative;
    z-index:99;
    border-bottom:0;
    height:16rem;
    background-color:#fff;
}

.container-listing-actualite .second-col .zone-blog{
    position:relative;
    top:16rem;
}

.container-listing-actualite .second-col .container-image{
    position:relative;
    top:-16rem;
}

.container-listing-actualite .arrow{
    position:absolute;
    left:50%;
    margin-left:-16px;
    width:0;
    height:0;
}

.container-listing-actualite .arrow-down{
    top:100%;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-top:16px solid #fff;
}

.container-listing-actualite .arrow-up{
    top:0;
    border-left:16px solid transparent;
    border-right:16px solid transparent;
    border-bottom:16px solid #fff;
    margin-top:-16px;
}

.container-listing-actualite .container-image{
    height:16rem;
    width:100%;
}



/* ******************************
     Container Show Synthese
****************************** */
.container-show-synthese{
    padding-top:3rem;
    padding-bottom:3.6rem;
}

.container-show-synthese .custom-margin-top{
    margin-top:0.2rem;
}

.container-show-synthese .image-shadow{
    width:100%;
    -webkit-box-shadow: 2px 2px 15px 5px rgba(210,77,43,1); box-shadow: 2px 2px 15px 5px rgba(210,77,43,1);
    max-width:175px;
    display:block;
    margin:auto;
}

.container-show-synthese h3{
    line-height:1.5em;
    letter-spacing:0.5px;
    font-weight:300;
}

.container-show-synthese h4{
    border-bottom:1px solid rgba(255,255,255,0.3);
    padding-bottom:0.3rem;
    letter-spacing:3px;
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:1rem;
    font-weight:600;
    font-size:12px;
}

.container-show-synthese p{
    font-weight:200;
    color:rgba(255,255,255,0.7);
    margin-bottom:1rem;
    line-height:1.5em;
    padding-left:0.2rem;
}


/* ******************************
      Container Menu Letter
****************************** */
.container-menu-letter{
    position:absolute;
    right:0;
    padding-right:1.6rem;
    padding-left:0.4rem;
    padding-top:0.6rem;
    top:0;
    text-align:center;
    cursor:pointer;
    z-index:9999;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-menu-letter a{
text-decoration:none;
color:#fff;
}

.container-menu-letter:hover{
    opacity:0.7;
}

.container-menu-letter svg{
    width:17px;
    height:14px;
    fill:#fff;
    margin-bottom:1rem;
}

.container-menu-letter h4{
    font-size:0.6rem;
    text-transform:uppercase;
    font-weight:400;
    line-height:1.6em;
}

.container-menu-letter h4 span{
    display:block;
}

/* ******************************
  ACCORDION
****************************** */
.accordion .toggle{
  background: #fff;
  color: #f03b36;
  padding: 14px;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-size: 1.4rem;
}

.accordion .toggle_content{
  display: none;
}

/* ******************************
     Container Desc Program
****************************** */
.container-desc-program{
    color:#000;
    padding:3rem 4rem;
}

.container-desc-program ul{
    list-style-type:disc;
    padding-left:30px;
    margin-bottom:2.4rem;
}

.container-desc-program ul li{
    list-style-type:disc;
    font-size:0.8rem !important;
    padding-top:6px;
    padding-bottom:6px;
}

.container-desc-program h3{
    font-weight:500;
    line-height:1.8em;
    letter-spacing:1px;
    margin-bottom:1rem;
}

.container-desc-program .container-breadcrumb{
    float:left;
    margin-bottom:1rem;
    padding-right:1.4rem;
}

.container-desc-program .link-next{
    float:right;
    margin-bottom:2.4rem;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-desc-program .link-next:hover{
    text-shadow: 1px 1px 1px #bfbfbf;
}

.container-desc-program .line-separation{
    width:30px;
    height:2px;
    margin-left:auto;
    margin-right:auto;
    background-color:#000;
}


/* ******************************
     Container Banner Image
****************************** */
.container-banner-image{
    height:14rem;
    position:relative;
    overflow:hidden;
}

.container-banner-image .image-full{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.container-banner-image.animate-banner .image-full{
    width:130%;
    height:130%;
}


/* ******************************
  Container Box Listing Program
****************************** */
.container-box-listing-program{
    margin-top:-1px;
}

.container-box-listing-program .col{
    height:13rem;
    padding-left:1rem;
    padding-right:1rem;
    position:relative;
    text-align:center;
}

.container-box-listing-program .col:before{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.25);
    z-index:1;
}

.container-box-listing-program .col:after{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: #f65633;
    background: -moz-linear-gradient(45deg,  #f65633 0%, #ea1e38 100%);
    background: -webkit-linear-gradient(45deg,  #f65633 0%,#ea1e38 100%);
    background: linear-gradient(45deg,  #f65633 0%,#ea1e38 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f65633', endColorstr='#ea1e38',GradientType=1 );
    opacity:0;
    z-index:2;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-box-listing-program .col:hover:after{
    opacity:0.9;
}

body.mobile-tablet-active .container-box-listing-program .col:after{
    opacity:0 !important;
}

.container-box-listing-program .btn-small-white{
    opacity:0;
}

.container-box-listing-program .col:hover .btn-small-white, body.mobile-tablet-active .container-box-listing-program .col .btn-small-white{
    opacity:1;
}

.container-box-listing-program .container-text{
    position:relative;
    z-index:9;
    top:50%;
    -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

.container-box-listing-program .icon{
    width:2rem;
    height:2rem;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0.8rem;
}

.container-box-listing-program .icon img{
    width:100%;
}

.container-box-listing-program h3{
    margin-bottom:1.2rem;
    line-height:1.4em;
    letter-spacing:0.5px;
    color:#fff;
}


/* ******************************
  Container Double Col Program
****************************** */
.container-double-col-program{

}

.container-double-col-program .container-padding{
    padding:2.4rem 4rem 4rem;
}

.container-double-col-program .container-breadcrumb{
    margin-bottom:2.4rem;
}

.container-double-col-program h2{
    color:#151f47;
    font-weight:600;
    letter-spacing:1px;
    line-height:1.4em;
    margin-bottom:1.8rem;
}

.container-double-col-program h3{
    color:#151f47;
    margin-bottom:1.2rem;
    font-weight:600;
    letter-spacing:0.5px;
}

.container-double-col-program h4{
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    padding:1.1rem 15px 2rem;
    font-weight:500;
    letter-spacing:2px;
    height:2.9rem;
    line-height:1.2em;
}

.container-double-col-program p{
    color:#797979;
    margin-bottom:1.8rem;
    font-weight:300;
    line-height:1.5em;
}

.container-double-col-program p#breadcrumbs{
    margin-bottom:0;
}

.container-double-col-program .container-zone-text ul{
    margin-bottom:1.2rem;
    padding-left:20px;
}

.container-double-col-program .container-zone-text ul li{
    color:#797979;
    font-size:0.6rem;
    list-style-type:disc;
    padding-top:8px;
    padding-bottom:8px;
    line-height:1.4em;
    font-weight:400;
}

.container-double-col-program .border-separation{
    display:inline-block;
    width:100%;
    height:1px;
    background-color:#d0d2da;
    margin-top:1.2rem;
    margin-bottom:2.6rem;
}

.container-double-col-program h4.same-height-as{
    padding-top:0;
    padding-bottom:0;
    position:relative;
}

.container-double-col-program h4.same-height-as span{
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
    padding-left:15px;
    padding-right:15px;
}





/* ******************************
       Container List PDF
****************************** */
.container-list-pdf{
    position:relative;
    background-color:#fff;
}

.container-list-pdf .col{
    height:5.6rem;
}

.container-list-pdf .col-text{
    padding-top:0.6rem;
    padding-bottom:0.6rem;
    position:relative;
    border-bottom:1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
}

.container-list-pdf .container-bottom{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:0 0.62rem 0.6rem;
}

.container-list-pdf .image-left.download{
  padding: 0px;
  /*background: #1A2038;*/
  text-align: center;
}

.container-list-pdf .image-left.download a{
  border:none;
}

.container-list-pdf .image-left.download img{
  width: 90%;
  max-width: none;
  height: 100%;
}

.container-list-pdf h5{
    color:#000;
    font-size:0.8rem;
    font-weight:600;
    letter-spacing:1px;
    line-height:1.6em;
}

.container-list-pdf h6, .container-list-pdf a{
    color:#000;
    font-size:0.55rem;
    font-weight:500;
}

.container-list-pdf .icon-ouranos-icon-pdf{
    padding-left:1.2rem;
    position:relative;
}

.container-list-pdf .icon-ouranos-icon-pdf:before{
    font-size:1rem;
    position:absolute;
    left:0;
    top:-0.2rem;
    color:#b2b2b2;
}

.container-list-pdf a{
    padding-bottom:0.3rem;
    border-bottom:1px solid #b2b2b2;
}


/* ******************************
      Container List Coordo
****************************** */
.container-list-coordo{
    overflow:hidden;
    position:relative;
}

.container-list-coordo .image-section{
    padding-top:2rem;
    padding-bottom:2rem;
    position:relative;
}

.container-list-coordo .bubble-image{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:4rem;
    min-width:100px;
    height:4rem;
    min-height:100px;
    border-radius:50%; -webkit-border-radius:50%;
    background-position:0 0;
}

.container-list-coordo h4{
    text-transform:none;
    padding-top:0.8rem;
}

.container-list-coordo .block-arrow{
    width:50%;
    height:30px;
    position:absolute;
    bottom:0;
}

.container-list-coordo .block-arrow-1{
    left:-15px;
    -moz-transform: skewX(45deg); -webkit-transform: skewX(45deg); -o-transform: skewX(45deg); -ms-transform: skewX(45deg); transform: skewX(45deg);
}

.container-list-coordo .block-arrow-2{
    left:50%;
    margin-left:15px;
    -moz-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg);
}

.container-list-coordo .text-section{
    padding:2.6rem 2rem 2rem;
    text-align:center;
}

body.ie9 .container-list-coordo .text-section{
    margin-top:-1px;
    background-color:#1a2038;
    position:relative;
    z-index:99;
}

.container-list-coordo .text-section p{
    color:#fff;
    line-height:1.6em;
    margin-bottom:1.2rem;
    font-size:0.55rem;
}




/* ******************************
Container Listing Research Project
****************************** */
.container-listing-research-project{
    padding-top:3rem;
    padding-bottom:1.2rem;
}

.container-listing-research-project .big-row{
    padding-left:0.8rem;
    padding-right:0.8rem;
}

.container-listing-research-project .col{
    padding-left:0.4rem;
    padding-right:0.4rem;
}

.container-listing-research-project .container-padding{
    padding-left:2rem;
    padding-right:2rem;
}

.container-listing-research-project h2{
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    margin-bottom:2.6rem;
    letter-spacing:14px;
}

.container-listing-research-project h3{
    font-weight:500;
    margin-bottom:1.4rem;
    padding-bottom:0.3rem;
    border-bottom:1px solid rgba(255,255,255,0.3);
    text-transform:uppercase;
    display:inline-block;
    letter-spacing:2px;
}

.container-listing-research-project .btn-red{
    margin-top:0.6rem;
    margin-bottom:1rem;
}

.iso-block{
    padding:0px !important;
}

.iso-block .box-research-project{
    padding:0px 20px;
}

.box-research-project .background-orange{
    background-image:url(img/ouranos-background-orange.jpg);
    height:auto;
}

.box-research-project .box-grey .container-padding{
    padding-left:0.6rem;
    padding-right:0.6rem;
}

.box-research-project .box-grey{
    background-color:#ececec;
    padding-bottom:1rem;
}

.box-research-project p{
    color:#fff;
    padding-top:1rem;
    padding-bottom:0.6rem;
    line-height:1.5em;
}

.box-research-project h5{
    color:#000;
    font-weight:700;
    font-size:16px;
    padding-top:1rem;
    margin-bottom:1rem;
    display:block;
}

.box-research-project h6{
    color:#000;
    font-size:15px;
    float:left;
    padding-right:15px;
    font-weight:500;
    line-height:1.4em;
}

.box-research-project .icon-icon-contact:before{
    font-size:26px;
    position:relative;
    top:6px;
    padding-right:12px;
}

.box-research-project .border-separation{
    width:100%;
    height:1px;
    background-color:#dfdfdf;
    margin-top:1rem;
}

.box-research-project .container-folder{
    width:2.6rem;
    height:3.2rem;
    position:relative;
    margin-right:0.8rem;
    float:left;
    margin-top:0.2rem;
    margin-bottom:0.6rem;
}

.box-research-project .container-folder.icon-grey svg{
    fill:#bababa;
}

.box-research-project .container-folder.icon-grey h6{
    color:#fff;
}

/*.box-research-project .container-folder img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    -webkit-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.1); box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.1);
}*/

.box-research-project .container-folder svg{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    fill:#fff;
}

/*.box-research-project .container-folder .arrow-down{
    position:absolute;
    top:0;
    right:0;
    width:0;
    height:0;
    border-top:0.6rem solid transparent;
    border-bottom:0.6rem solid transparent;
    border-left:0.6rem solid red;
    -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}*/

.box-research-project .container-folder .block-shadow{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2.25rem;
    -webkit-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.15); box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.15);
}

.box-research-project .container-folder .block-shadow:before{
    content:" ";
    width:1.6rem;
    height:1rem;
    position:absolute;
    left:0;
    top:-0.9rem;
    -webkit-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.15); box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.15);
}



.box-research-project .container-folder h6{
    color:#ed4f41;
    font-size:0.4rem;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    padding-left:0.2rem;
    padding-top:1.6rem;
}

.box-research-project .zone-bottom{
    background-color:#fff;
    text-align:center;
}

.box-research-project .zone-bottom h5{
    color:#eb3a34;
    text-transform:uppercase;
    letter-spacing:2px;
    padding-top:1rem;
    padding-bottom:1rem;
}






/* ******************************
      Container Global Map
****************************** */
.container-global-map{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.container-global-map h1{
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    padding:1rem 0.4rem;
    line-height:1.2em;
    background-color:#1a2038;
}

.container-global-map h1 span{
    font-size:14px;
    display:block;
    text-transform:none;
    line-height: 1.1em;
    font-weight: 100;
}

.container-global-map h2{
    color:#3d404a;
    line-height:1.5em;
    font-weight:500;
    margin-bottom:0.8rem;
    padding-right:1rem;
    font-size:0.5rem;
}

.container-global-map h3{
    color:#3d404a;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:0.7rem;
    margin-top:1rem;
	font-size:0.5rem;
}

.container-global-map h6{
    color:#fff;
    margin-bottom:0.8rem;
    letter-spacing:1px;
    font-size:0.5rem;
}

.container-global-map .list-normal{
    margin-bottom:0.2rem;
}

.container-global-map .blue-link{
    margin-bottom:0.8rem;
	font-size:0.5rem;
    display:inline-block;
}

.container-global-map .icon-dl svg{
    width:1rem;
    height:1rem;
    fill:#23b9b0;
    margin-bottom:0.3rem;
    margin-top:0.5rem;
}

.container-global-map .icon-dl h6{
    font-weight:500;
    text-transform:uppercase;
    color:#babbbd;
    font-size:10px;
    margin-bottom:0rem;
    padding-left:6px;
    padding-right:6px;
}

.container-global-map .icon-dl h6 span{
    color:#23b9b0;
    font-size:12px;
}

.container-global-map .col-map{
    position:absolute;
    left:0;
    top:0;
    width:66.6666666666%;
    height:100%;
}

.container-global-map .col-pub{
    position:absolute;
    left:66.6666666666%;
    top:0;
    width:33.3333333333%;
    height:100%;
    background-color:#fff;
}

.container-global-map .container-map{
	display:block;
    width:100%;
    height:100%;
    background-color:#d3dde0;
}

.container-global-map .zone-bottom{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
}

.container-global-map .row-search-criter{
    background-color:rgba(15,18,33,0.85);
}

.container-global-map .container-padding{
    padding:0.8rem 1rem;
}

.container-global-map .close-search,
.container-global-map .new-search{
    border-bottom:1px solid #fff;
    padding-bottom:0.1rem;
    cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* IE/Edge */
	user-select: none;           /* non-prefixed version, currently*/
}

.container-global-map .border-gradient{
    width:100%;
    height:3px;
    background: #24b3d0;
    background: -moz-linear-gradient(left, #24b3d0 0%, #23b9b0 100%);
    background: -webkit-linear-gradient(left, #24b3d0 0%,#23b9b0 100%);
    background: linear-gradient(to right, #24b3d0 0%,#23b9b0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24b3d0', endColorstr='#23b9b0',GradientType=1 );
}

.container-global-map .border-separation{
    width:100%;
    height:1px;
    background-color:#e5e5e5;
}

.container-global-map .background-custom-grey{
    background-color:#f0f8fa;
    border-bottom:1px solid #e4ebed;
    padding:0.8rem 1.6rem 0 1.6rem;
}

.container-global-map .background-custom-grey h6{
    font-weight:500;
    color:#1a1b1f;
}

.container-global-map .zone-scroll{
    overflow-y:auto;
	overflow-x:hidden;
    max-height:500px;
}

.container-global-map .zone-scroll .single-row{
    position:relative;
}

.container-global-map .zone-scroll .single-row.brillant .col-text{
-webkit-box-shadow: inset 0px 0px 69px -1px rgba(221,221,221,1);
-moz-box-shadow: inset 0px 0px 69px -1px rgba(221,221,221,1);
box-shadow: inset 0px 0px 69px -1px rgba(221,221,221,1);
}

.container-global-map .zone-scroll .single-row:after{
    content:" ";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:1px;
    background-color:rgba(0,0,0,0.1);
    z-index:9;
}

.container-global-map .zone-scroll .col-icon{
    background-color:#23b9b0;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:12.5%;
	min-width:70px;
}

.container-global-map .zone-scroll .col-text{
    position:relative;
    left:14.5%;
    top:0;
    width:85.5%;
    padding-left:0.7rem;
	padding-top:0.7rem;
}

.container-global-map .zone-scroll .col-text .col.l3{
    position:relative;
}

.container-global-map .zone-scroll .col-text .col.l3:before{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:1px;
    /*background-color:#e5e5e5;*/
}

.en_block,
.fr_block{
min-height:90px;
border-left:1px solid #e5e5e5;
}

.fr_block{
/*border-left:1px solid #e5e5e5;*/
}

.en_block{
/*background:#f0f8fa;*/
}


.container-global-map .border-right{
    /*border-right:1px solid #e5e5e5;*/
	min-height:180px;
}

.container-global-map .border-top{
    border-top:1px solid #e5e5e5;
}

.bubble-filter{
    color:#23b9b0;
    border:1px solid rgba(35,185,176,0.6);
    border-radius:30px; -webkit-border-radius:30px;
    display:inline-block;
    font-size:0.5rem;
    text-transform:uppercase;
    font-weight:400;
    padding:0.4rem 1.6rem 0.4rem 0.8rem;
    position:relative;
    margin:0.6rem 0.8rem 0.4rem 0px;
}

.bubble-filter .container-border{
    position:absolute;
    right:0.6rem;
    width:14px;
    height:14px;
    margin-top:-14px;
    cursor:pointer;
}

.bubble-filter .border{
    content:" ";
    width:100%;
    height:2px;
    border-radius:2px; -webkit-border-radius:2px;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-2px;
    background-color:#23b9b0;
}

.bubble-filter .border-1{
    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}

.bubble-filter .border-2{
    -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}



/* ******************************
    Container Content Presse
****************************** */
.container-content-presse{
    padding:2rem 1rem 2rem;
    color:#151f47;
}

.container-content-presse h2{
    font-size:1.4rem;
    padding-bottom:0.2rem;
    border-bottom:2px solid #939394;
    margin-bottom:0.6rem;
    display:inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
}

.container-content-presse h3{
    font-size:0.8rem;
    font-weight:900;
    font-family: 'Roboto', sans-serif;
    margin-bottom:1.2rem;
}

.container-content-presse h4{
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size:0.5rem;
    padding:0.3rem 0.5rem 0.2rem;
    line-height:1.3em;
    letter-spacing:0.5px;
    text-align:center;
    text-transform:uppercase;
    background: #f8673c;
    background: -moz-linear-gradient(left,  #f8673c 0%, #f03e3a 100%);
    background: -webkit-linear-gradient(left,  #f8673c 0%,#f03e3a 100%);
    background: linear-gradient(to right,  #f8673c 0%,#f03e3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8673c', endColorstr='#f03e3a',GradientType=1 );
}

.container-content-presse h6{
    color:#636466;
    font-size:0.45rem;
    margin-bottom:0.2rem;
    font-weight:500;
    letter-spacing:1px;
}

.container-content-presse h6.big{
    font-size:0.65rem;
    padding-top:0.2rem;
    padding-right:25px;
}

.container-content-presse p{
    color:#797979;
    font-size:0.6rem;
    font-weight:400;
    font-family: 'Roboto', sans-serif;
    padding-top:0.1rem;
    line-height:1.6em;
}

.container-content-presse .border-after{
    position:relative;
}

.container-content-presse .border-after:after{
    content:" ";
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-6px;
    width:2px;
    height:12px;
    background-color:#636466;
}

.container-content-presse .single-group{
    padding-bottom:0.8rem;
    margin-top:2rem;
    position:relative;
}

.container-content-presse .border-separation{
    width:55px;
    height:2px;
    background-color:#939394;
}

.container-content-presse .row{
    margin-bottom:0.8rem;
}



/* ******************************
   Container Content Symposium
****************************** */
.container-content-symposium{
    color:#151f47;
}

.container-content-symposium .box{
    padding:2rem 1rem;
}

.container-content-symposium .background-grey{
    background-color:#f1f2f2;
}

.container-content-symposium h2{
    padding-bottom:0.2rem;
    border-bottom:2px solid #939394;
    margin-bottom:1.4rem;
    display:inline-block;
    font-size:1.2rem;
    font-weight:700;
    font-family: 'Roboto', sans-serif;
}

.container-content-symposium h3{
    font-weight:900;
    margin-bottom:1rem;
    font-size:0.6rem;
    font-family: 'Roboto', sans-serif;
}

.container-content-symposium .box-partner h3{
    margin-bottom:1.8rem;
}

.container-content-symposium h4{
    font-size:0.8rem;
    margin-bottom:1rem;
    font-weight:700;
    letter-spacing:1px;
    font-family: 'Roboto', sans-serif;
}

.container-content-symposium h5{
    font-weight:500;
    line-height:1.6em;
    margin-bottom:2.2rem;
    font-size:0.6rem;
    font-family: 'Roboto', sans-serif;
}

.container-content-symposium p{
    font-weight:300;
    color:#797979;
    margin-bottom:1rem;
    font-size:0.6rem;
    font-family: 'Roboto', sans-serif;
    line-height:1.6em;
}

.container-content-symposium .border-separation{
    width:55px;
    height:2px;
    background-color:#939394;
    margin-bottom:2.2rem;
}

.container-content-symposium .line-separation{
    width:100%;
    height:2px;
    background-color:#c5c8d0;
    margin-bottom:2rem;
}

.container-content-symposium .row-partner{
    margin-bottom:0.6rem;
}

.container-content-symposium .row-partner img{
    margin-bottom:1.6rem;
}

.container-content-symposium .btn-border-black{
    margin-top:1.4rem;
}



/* ******************************
    Container Become Partner
****************************** */
.container-become-partner{
    text-align:center;
    padding-top:4rem;
    padding-bottom:4rem;
}

.container-become-partner.v2{
    padding-top:3rem;
    padding-bottom:3rem;
}

.box.container-become-partner{
    padding-top:2rem;
    padding-bottom:2rem;
}

.container-become-partner h2{
    color:#fff;
    font-size:0.5rem;
    padding:0 0.1rem 0.2rem;
    letter-spacing:1px;
    border-bottom:1px solid rgba(255,255,255,0.4);
    text-transform:uppercase;
    font-weight:400;
    font-family: 'Roboto', sans-serif;
    display:inline-block;
    margin-bottom:1.2rem;
}

.container-become-partner.v2 h2{
    margin-bottom:0.6rem;
}

.container-become-partner h3{
    color:#fff;
    font-size:1rem;
    line-height:1.4em;
    margin-bottom:2rem;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}

.container-become-partner.v2 h3{
    margin-bottom:1.4rem;
}




/* ******************************
      Container Content Prog
****************************** */
.container-content-prog p,
.container-content-prog{
    color:#fff;
    line-height:1.2em;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}

.container-content-prog a{
   color:#fff;
}

.container-content-prog h2{
    border-color:#fff;
}

.container-content-prog h4{
    color:fff;
    margin-bottom:0.1rem;
    font-weight:900;
    letter-spacing:0;
    margin-top:1rem;
}

.container-content-prog h5{
    color:#fff;
    margin-bottom:1rem;
    font-weight:700;
    font-size:0.5rem;
    letter-spacing:1px;
}

.container-content-prog h3{
    color: #fff;
    font-size: 1rem;
    line-height: 1.4em;
    margin-bottom: 0.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.container-content-prog h6{
    color:#eb3a34;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:0.55rem;
    font-weight:500;
}

.container-content-prog .row{
    padding-bottom:1.6rem;
    border-bottom:1px solid #c5c8d0;
    margin-bottom:1.6rem;
    position:relative;
}

.container-content-prog .row:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

.container-content-prog .row .p-r{
    margin-bottom:0.25rem;
}

.container-content-prog .row .col{
    background-color:#fff;
    padding:0.6rem 1rem;
}

.container-content-prog .row .col-1, .container-content-prog .row .col-2{
    position:absolute;
}

.container-content-prog .row .col-1{
    left:0;
}

.container-content-prog .row .col-2{
    left:16.66667%;
}

.container-content-prog .row .col.no-background{
    background-color:transparent;
}

.container-content-prog .icon-arrow, .container-page-type .icon-arrow{
    width:42px;
    height:27px;
    padding:5px;
    cursor:pointer;
    position:absolute;
    right:0;
    -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-page-type .icon-arrow{
    right:15px;
}

.container-content-prog .icon-arrow:hover, .container-page-type .icon-arrow:hover{
    opacity:0.8;
}

.container-content-prog .icon-arrow.active, .container-page-type .icon-arrow.active{
    -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
}

.container-content-prog .icon-arrow img, .container-page-type .icon-arrow img{
    width:32px;
    height:17px;
    transform-origin:50% 50%; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%;
    position:relative;
    top:-9.5px;
}

.container-content-prog .container-toggle, .container-page-type .container-toggle{
    display:none;
}



/* ******************************
       Container Box Info
****************************** */
.container-box-info{

}

.container-box-info h3{
    color:#0b1d2a;
    font-weight:700;
    font-size:0.8rem;
    letter-spacing:1.5px;
    text-decoration:none;
}

.container-box-info h3 span{
    display:block;
    padding-bottom:0.8rem;
}

.container-box-info h3 a{
    color:#0b1d2a;
    border-bottom:2px solid #fff;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.container-box-info a:hover{
    border-color:#939394;
}

.container-box-info a.underline{
    border-bottom:2px solid #939394;
}

.container-box-info a.underline:hover{
    border-color:#0b1d2a;
}

.container-box-info p{
    margin-bottom:2.4rem;
}



/* ******************************
        Container Box Map
****************************** */
.container-box-map{
    height:600px;
    background-color:#c7d5da;
}



/* ******************************
 Container Inscription Symposium
****************************** */
.container-inscription-symposium{
    padding-top:3rem;
    padding-bottom:2rem;
    text-align:center;
}

.container-inscription-symposium h2{
    color:#fff;
    margin-bottom:1.2rem;
    text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    font-size:2rem;
}

.container-inscription-symposium p{
    color:rgba(255,255,255,0.8);
    font-size:0.6rem;
    margin-bottom:2.4rem;
    font-weight:300;
    max-width:100%;
    width:375px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.4em;
}






.col-absolute-left{
    position:absolute;
    left:0;
    top:0;
    height:100%;
}

.col-absolute-right{
    position:absolute;
    right:0;
    top:0;
    height:100%;
}




.row.no-margin-bottom{margin-bottom:0 !important;}
.col.no-padding-left{padding-left:0 !important;}
.col.no-padding-right{padding-right:0 !important;}
.col.half-padding-left{padding-left:0.62rem !important;}
.col.half-padding-right{padding-right:0.62rem !important;}

.small-container{width:800px; margin-left:auto; margin-right:auto; position:relative;}


.no-transition{
    -webkit-transition: all 0s ease !important; -moz-transition: all 0s ease !important; -ms-transition: all 0s ease !important; -o-transition: all 0s ease !important; transition: all 0s ease !important;
}




/* Tweek Css */
.menu-informations-container li.border-separation-span{
    padding-top:0;
    padding-bottom:0;
}

.menu-informations-container li.border-separation-span a{
    padding-left:0;
    cursor:default;
}

/*.menu-hamburger-mobile-container{
    margin-top:5px;
}*/

.menu-hamburger-mobile-container li.space{
    padding-top:1rem;
    padding-bottom:1rem;
}





.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

::-webkit-scrollbar {  width: 10px;  height: 12px; }
::-webkit-scrollbar-thumb {  background: #000; }
::-webkit-scrollbar-thumb:hover {  background: #021e2c; }
::-webkit-scrollbar-track-piece {  background:#fff;}

/* SITEMAP */
.sitemap  h2{
font-family: 'Roboto', sans-serif;
font-weight:bold;
font-size:2rem;
color:#000;
border-bottom:1px solid #000;
display:inline-block;
padding-bottom:20px;
margin-bottom:20px;
}

.sitemap strong{
display:block;
color:#000;
padding:20px 0px;
}

.sitemap ul{
margin-bottom:60px;
}

.sitemap li{
margin-bottom:20px;
}

.sitemap a{
color:#000;
font-size:1rem;
}

.pagination li a.active{
color:#151f47;
}

/* TEAM */

.team.ui.fluid.dropdown{
width:340px;
background:#ddd;
margin:0 auto 0px auto;
font-size:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.dropdown-container{
padding:30px 0px;
}

/* FAQ */

.toggle-container.active .toggler:after{
-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
-moz-transform: rotate(180deg);        /* FF */
-o-transform: rotate(180deg);          /* Opera */
-ms-transform: rotate(180deg);         /* IE9 */
transform: rotate(180deg);             /* W3C compliant browsers */
}

.toggle-container .toggler{
border-bottom:1px solid #151f47;
color: #151f47;
position:relative;
cursor:pointer;
margin-bottom:20px;
line-height:40px;
}

.toggle-container .toggler:after{
content:"";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #CF2630;
position:absolute;
top:18px;
right:14px;
z-index:999;
}

.toggle-container .toggler:before{
content:"";
background:#e6e6e6;
bottom:0px;
right:0px;
position:absolute;
height:40px;
width:40px;
}

.toggle-container .toggle-content{
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
height:0;
visibility:hidden;
opacity:0;
color:#8e9098;
font-weight: 300;
line-height: 1.5em;
}

.toggle-container.active .toggle-content{
padding:10px 0px 20px 0px;
height:auto;
visibility:visible;
opacity:1;
}

/* NEWSLETTER */

.newshr{
margin:20px 0px;
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
padding: 0;
}

.display_archive .campaign{
padding:20px 0px;
font-size:20px;
border-bottom: 1px solid #ccc;
}

.newsletter{
color: #151f47;
font-size:0.6rem;
}

.display_archive .campaign a{
text-decoration:none;
color: #797979;
display:inline-block;
position:relative;
padding-left:200px;
}

.display_archive .campaign a:hover{
color: #eb2338;
}


.newsletter .date{
margin-right:20px;
position:absolute;
top:0px;
left:0px;
color: #151f47;
}

/* SELECT SEARCH */
.searchable select{
display:block;
color:#000;
position:relative;
z-index:9999;
outline:0;
font-size:16px;
}

.searchable.gray > div{
margin:0 auto;
top:50px !important;
}

.searchable.gray{
padding:2rem 0;
}

.searchable.gray .myselect{
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
height:1.5rem;
background:#e6e8e9;
padding:0px 30px;
width:300px;
margin:0 auto;
color:#9699a4;
height:50px !important;
}

.center-it{
margin: 0px auto !important;
float: none !important;
}

.container-listing-bottin h2{
clear:both;
margin-top:6rem;
padding:1rem 0px;
border-top:1px solid #e4e5e7;
}

.container-listing-bottin h2.thin,
.container-listing-bottin h2.first{
margin-top:0rem;
padding:1rem 0px;
}

/* ICON */

.icon.circle{
border: 1px solid #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}


.col-icon .icon.circle{
width:50px;
height:50px;
margin:20px auto;
}

/* MAP */

.gm-style-iw {
  width: auto!important;
  height: auto!important;
  left: 0!important;
  font-size: 15px!important;
  font-weight: normal!important;
  top: 0!important;
  overflow: hidden!important;
  border-radius: 3px;
}

.gm-style-iw  > div{
  width: auto!important;
  height: auto!important;
}

.gm-style-iw  > div > div{

}

.iw-container {
    margin-bottom: 0px;
}

.iw-container  .iw-text{
    font-family: Roboto;
    font-weight: 600;
    color: #3d404a;
    height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
}

.iw-container  .iw-content{
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    margin-right: 0px;
    width:340px;
    border-top:4px solid #23b9b0;
    position:relative;
    padding-right:120px;
}

.iw-container  .iw-content-scroll{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.iw-container  .iw-download{
    position:absolute;
    top:0px;
    right:0px;
    width:100px;
}

.iw-container  .iw-download svg{
width:40px;
height:40px;
fill:#23b9b0;
}

.iw-container  .iw-download a{
font-family:Roboto;
display:block;
text-align:center;
padding:10px;
color:#23b9b0;
font-size:10px;
text-decoration:none;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
text-transform:uppercase;
}

.iw-container  .iw-download a span{
color:#a3a3a3;
}

.iw-container  .iw-download a:hover span{
color:#91dcd8;
}

.iw-container  .iw-download a:hover{
background:#23b9b0;
color:#fff;
}

.iw-container  .iw-download a:hover svg{
fill:#fff;
}

/* LIST CHOICE SELECT */
.choice-select-container{
position:relative;
color:#3d404a;
cursor:pointer;
}

.choice-select-container .choice-select{
font-size:20px;
font-family:roboto;
position:relative;
line-height:70px;
background:#fff;
padding:0px 30px;
}


#sortby-label{
position:relative;
padding-right:20px;
}

#sortby-label:after{
content:"";
top:10px;
right:0px;
height:5px;
width:10px;
position:absolute;
background:transparent url(img/adown.svg) top left no-repeat;

}

.choice-select-container .choice-select:after{
content:"";
top:34px;
right:30px;
height:5px;
width:10px;
position:absolute;
background:transparent url(img/adown.svg) top left no-repeat;
}

.choice-select-container ul{
position:absolute;
bottom:100%;
display:none;
max-height:200px;
overflow-y:auto;
overflow-x:hidden;
width:100%;
background:#fff;
z-index:999;
}

.choice-select-container.bottom-choice ul{
bottom:auto;
top:100%;
}

/*.choice-select-container:hover .choice-select:after,*/
.choice-select-container.active .choice-select:after{
-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
-moz-transform: rotate(180deg);        /* FF */
-o-transform: rotate(180deg);          /* Opera */
-ms-transform: rotate(180deg);         /* IE9 */
transform: rotate(180deg);             /* W3C compliant browsers */
}

/*.choice-select-container:hover ul,*/
.choice-select-container.active ul{
display:block;
}

.choice-select-container ul li{
font-size:16px;
padding:15px;
border-bottom:1px solid #23b9b0;
-webkit-transition: all 0.14s ease 0s;
-moz-transition: all 0.14s ease 0s;
-o-transition: all 0.14s ease 0s;
transition: all 0.14s ease 0s;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* IE/Edge */
user-select: none;           /* non-prefixed version, currently*/
cursor:pointer;
}

.choice-select-container ul li.active,
.choice-select-container ul li:hover{
background:#23b9b0;
color:#fff;
}

.row-search .col,
.row-filter .col{
border-right:1px solid #e8e8eb;
border-bottom:1px solid #e8e8eb;
}

.zone-bottom .ui.special.author.dropdown,
.zone-bottom .row-search input{
background:#fff;
color:#3d404a;
font-size:20px;
padding:0px 30px 0px 80px;
margin:0px;
}

.ui.selection.dropdown{
border:none;
}

.ui.dropdown .menu>.item{
font-size:20px;
}


.zone-bottom .ui.search.selection.dropdown>input.search{
padding-left:80px;
}

.zone-bottom  .ui.search.selection.dropdown>input.search,
.ui.special.author.dropdown .default.text{
height: 3rem;
line-height: 2.2rem;
}

.zone-bottom .ui.fluid.dropdown>.dropdown.icon{
top:35px;
}

.zone-bottom .ui.search>.results{
top:auto;
bottom:102%;
}

.zone-bottom .ui.special.author.dropdown{
height:3rem;
line-height:3rem;
}

.keyword-icon,
.author-icon{
position:relative;
}

.row-search .author-icon:after,
.row-search .keyword-icon:after{
position:absolute;
top:33px;
left:30px;
z-index:99;
}

.row-search .author-icon:after{
content:"";
height:35px;
width:15px;
background:transparent url(img/text.svg) top left no-repeat;
}

.row-search .keyword-icon:after{
content:"";
height:30px;
width:30px;
background:transparent url(img/loupe.svg) top left no-repeat;
}

.row-search.row {
background:#fff;
}

.row-search .btn-square-gradient-red{
width: 100%;
padding: 1.1rem 1rem;
font-size: 0.7rem;
}

.row-search-criter h6{
margin-bottom:0px !important;
}

.new-search{
display:none;
}

.reset-search{
text-transform:uppercase;
font-size: 0.4rem;
cursor:pointer;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* IE/Edge */
user-select: none;           /* non-prefixed version, currently*/
}

p.no-results{
padding: 0.8rem 1.6rem 0 1.6rem;
color:#1a1b1f;
}


/* LOADING */

.ouranos-loading{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #eb2438;
background-color: rgba(235, 36, 56, 0.75);
z-index: 9999999999;
display:none;
}

.ouranos-loading img{
width:80px;
height:80px;
top:50%;
left:50%;
margin-left:-25px;
margin-top:-25px;
position:absolute;
opacity:0.4;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}



div.wpcf7-response-output{
    padding-top:1rem;
    padding-bottom:1rem;
}

div.wpcf7-validation-errors{
    font-size:0.6rem;
    line-height:1.4em;
}




#wpadminbar{z-index:999999999999 !important;}
#dp_swf_engine{display:none;}
/* ************************************************************
                            Responsive
************************************************************ */
@media screen and (max-width:1575px){

    footer .footer-menu li{
        margin-right:0.4rem !important;
    }

    footer .list-social-icon li{
        margin-left:0.2rem;
        margin-right:0.;
    }

    footer .list-social-icon{
        margin-right:0.6rem;
    }
    
    .toggle-language-switcher h6{
        font-size: 10px;
        padding: 10px 12px;
    }

}

@media screen and (max-width:1400px){
    .container-listing-actualite .zone-blog, .container-listing-actualite .container-image{
        height:18rem;
    }

    .container-listing-actualite .second-col .container-image{
        top:-18rem;
    }

    .container-listing-actualite .second-col .zone-blog{
        top:18rem;
    }

    .popup-bio .col-link{
        width:100% !important;
    }
}

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

    .media-10-column-18{width:100%;}
    .media-10-column-17{width:94.4444444444%;}
    .media-10-column-16{width:88.8888888888%;}
    .media-10-column-15{width:83.3333333333%;}
    .media-10-column-14{width:77.7777777777%;}
    .media-10-column-13dot5{width:75%;}
    .media-10-column-13{width:72.2222222222%;}
    .media-10-column-12{width:66.6666666666%;}
    .media-10-column-11{width:61.1111111111%;}
    .media-10-column-10{width:55.5555555555%;}
    .media-10-column-9{width:50%;}
    .media-10-column-8{width:44.44444444444%;}
    .media-10-column-7{width:38.88888888888%;}
    .media-10-column-6{width:33.33333333333%;}
    .media-10-column-5{width:27.77777777777%;}
    .media-10-column-4dot5{width:25%;}
    .media-10-column-4{width:22.22222222222%;}
    .media-10-column-3{width:16.66666666666%;}
    .media-10-column-2{width:11.11111111111%;}
    .media-10-column-1{width:5.555555555555%;}
    .media-10-column{float:left;}
    .media-10-column-li li{float:left;}

    .media-10-column-18.margin-r-4p{width:96%;}
    .media-10-column-17.margin-r-4p{width:90.4444444444%;}
    .media-10-column-16.margin-r-4p{width:84.8888888888%;}
    .media-10-column-15.margin-r-4p{width:79.3333333333%;}
    .media-10-column-14.margin-r-4p{width:73.7777777777%;}
    .media-10-column-13dot5.margin-r-4p{width:71%;}
    .media-10-column-13.margin-r-4p{width:68.2222222222%;}
    .media-10-column-12.margin-r-4p{width:62.6666666666%;}
    .media-10-column-11.margin-r-4p{width:57.1111111111%;}
    .media-10-column-10.margin-r-4p{width:51.5555555555%;}
    .media-10-column-9.margin-r-4p{width:46%;}
    .media-10-column-8.margin-r-4p{width:40.44444444444%;}
    .media-10-column-7.margin-r-4p{width:34.88888888888%;}
    .media-10-column-6.margin-r-4p{width:29.33333333333%;}
    .media-10-column-5.margin-r-4p{width:23.77777777777%;}
    .media-10-column-4dot5.margin-r-4p{width:21%;}
    .media-10-column-4.margin-r-4p{width:18.22222222222%;}
    .media-10-column-3.margin-r-4p{width:12.66666666666%;}
    .media-10-column-2.margin-r-4p{width:7.11111111111%;}
    .media-10-column-1.margin-r-4p{width:1.555555555555%;}

    .media-10-column-18.margin-r-3p{width:97%;}
    .media-10-column-17.margin-r-3p{width:91.4444444444%;}
    .media-10-column-16.margin-r-3p{width:85.8888888888%;}
    .media-10-column-15.margin-r-3p{width:80.3333333333%;}
    .media-10-column-14.margin-r-3p{width:74.7777777777%;}
    .media-10-column-13dot5.margin-r-3p{width:72%;}
    .media-10-column-13.margin-r-3p{width:69.2222222222%;}
    .media-10-column-12.margin-r-3p{width:63.6666666666%;}
    .media-10-column-11.margin-r-3p{width:58.1111111111%;}
    .media-10-column-10.margin-r-3p{width:52.5555555555%;}
    .media-10-column-9.margin-r-3p{width:47%;}
    .media-10-column-8.margin-r-3p{width:41.44444444444%;}
    .media-10-column-7.margin-r-3p{width:35.88888888888%;}
    .media-10-column-6.margin-r-3p{width:30.33333333333%;}
    .media-10-column-5.margin-r-3p{width:24.77777777777%;}
    .media-10-column-4dot5.margin-r-3p{width:22%;}
    .media-10-column-4.margin-r-3p{width:19.22222222222%;}
    .media-10-column-3.margin-r-3p{width:13.66666666666%;}
    .media-10-column-2.margin-r-3p{width:8.11111111111%;}
    .media-10-column-1.margin-r-3p{width:2.555555555555%;}

    .media-10-column-18.margin-r-2p{width:98%;}
    .media-10-column-17.margin-r-2p{width:92.4444444444%;}
    .media-10-column-16.margin-r-2p{width:86.8888888888%;}
    .media-10-column-15.margin-r-2p{width:81.3333333333%;}
    .media-10-column-14.margin-r-2p{width:75.7777777777%;}
    .media-10-column-13dot5.margin-r-2p{width:73%;}
    .media-10-column-13.margin-r-2p{width:70.2222222222%;}
    .media-10-column-12.margin-r-2p{width:64.6666666666%;}
    .media-10-column-11.margin-r-2p{width:59.1111111111%;}
    .media-10-column-10.margin-r-2p{width:53.5555555555%;}
    .media-10-column-9.margin-r-2p{width:48%;}
    .media-10-column-8.margin-r-2p{width:42.44444444444%;}
    .media-10-column-7.margin-r-2p{width:36.88888888888%;}
    .media-10-column-6.margin-r-2p{width:31.33333333333%;}
    .media-10-column-5.margin-r-2p{width:25.77777777777%;}
    .media-10-column-4dot5.margin-r-2p{width:23%;}
    .media-10-column-4.margin-r-2p{width:20.22222222222%;}
    .media-10-column-3.margin-r-2p{width:14.66666666666%;}
    .media-10-column-2.margin-r-2p{width:9.11111111111%;}
    .media-10-column-1.margin-r-2p{width:3.555555555555%;}

    .media-10-column-18.margin-r-1p{width:99%;}
    .media-10-column-17.margin-r-1p{width:93.4444444444%;}
    .media-10-column-16.margin-r-1p{width:87.8888888888%;}
    .media-10-column-15.margin-r-1p{width:82.3333333333%;}
    .media-10-column-14.margin-r-1p{width:76.7777777777%;}
    .media-10-column-13dot5.margin-r-1p{width:74%;}
    .media-10-column-13.margin-r-1p{width:71.2222222222%;}
    .media-10-column-12.margin-r-1p{width:65.6666666666%;}
    .media-10-column-11.margin-r-1p{width:60.1111111111%;}
    .media-10-column-10.margin-r-1p{width:54.5555555555%;}
    .media-10-column-9.margin-r-1p{width:49%;}
    .media-10-column-8.margin-r-1p{width:43.44444444444%;}
    .media-10-column-7.margin-r-1p{width:37.88888888888%;}
    .media-10-column-6.margin-r-1p{width:32.33333333333%;}
    .media-10-column-5.margin-r-1p{width:26.77777777777%;}
    .media-10-column-4dot5.margin-r-1p{width:24%;}
    .media-10-column-4.margin-r-1p{width:21.22222222222%;}
    .media-10-column-3.margin-r-1p{width:15.66666666666%;}
    .media-10-column-2.margin-r-1p{width:10.11111111111%;}
    .media-10-column-1.margin-r-1p{width:4.555555555555%;}

    .media-10-hide{display:none !important;}
    .media-10-show{display:block !important;}

    .media-10-text-l{text-align:left;}
    .media-10-text-c{text-align:center;}
    .media-10-text-r{text-align:right;}

    .container-box-listing-program .col{
        height:14rem;
    }

}

@media screen and (max-width:1275px){
    .container-countdown h2, .container-main-banner.main-banner-symposium h1{
        font-size:2.4rem;
    }
}

@media screen and (max-width:1260px){
    .custom-big-container{
        width:100%;
    }

    .container-show-synthese .col-responsive{
        padding-left:0rem;
    }

    .container-countdown .big-col, .container-main-banner.main-banner-symposium .big-col{
        padding:2rem;
    }

    .container-main-banner.main-banner-single-program .big-border-bottom:before{
        width:40%;
    }

}

@media screen and (max-width:1100px){
    .container-listing-actualite .zone-blog, .container-listing-actualite .container-image{
        height:22rem;
    }

    .container-listing-actualite .second-col .container-image{
        top:-22rem;
    }

    .container-listing-actualite .second-col .zone-blog{
        top:22rem;
    }

    .container-show-synthese p{
        color:#fff;
        font-weight:300;
    }

    .container-stay-tuned p{
        font-weight:400;
    }

    .container-countdown p, .container-main-banner.main-banner-symposium p{
        font-weight:400;
    }

    .container-contact-us .padding-rl-custom{
        padding-left:1rem;
        padding-right:1rem;
    }

    .container-input .input-email{
        background-size:25px 15px !important;
    }

    /* ***** Font Size 0.6rem -> 0.7rem ***** */
    body .container-input input[type="text"], body .container-input input[type="email"], body .container-input input[type="number"], body .container-input input[type="tel"], textarea, .container-countdown h4, .container-countdown h5, .btn.btn-white, .btn.font-smaller, .btn.btn-border-white, body .semi-p, .h1-semi-p h1, .h2-semi-p h2, .h3-semi-p h3, .h4-semi-p h4, .h5-semi-p h5, .h6-semi-p h6, .p-semi-p p, .a-semi-p a, .ul-semi-p ul, .ol-semi-p ol, .li-semi-p li, .input-semi-p input, .img-semi-p img, .textarea-semi-p textarea, .span-semi-p span, .strong-semi-p strong, .b-semi-p b, .em-semi-p em, .table-semi-p table, .div-semi-p div, .btn-semi-p .btn, .box-semi-p .box, .column-semi-p .column, .col-semi-p .col, .element-semi-p .element, .block-semi-p .block, .button, .btn, .btn-full-red{
        font-size:0.7rem;
    }

    footer .footer-menu li{
        font-size:0.6rem;
    }

    .container-show-synthese h4, .content-blog h5{
        font-size:14px;
    }

    body .semi-p, .h1-semi-p h1, .h2-semi-p h2, .h3-semi-p h3, .h4-semi-p h4, .h5-semi-p h5, .h6-semi-p h6, .p-semi-p p, .a-semi-p a, .ul-semi-p ul, .ol-semi-p ol, .li-semi-p li, .input-semi-p input, .img-semi-p img, .textarea-semi-p textarea, .span-semi-p span, .strong-semi-p strong, .b-semi-p b, .em-semi-p em, .table-semi-p table, .div-semi-p div, .btn-semi-p .btn, .box-semi-p .box, .column-semi-p .column, .col-semi-p .col, .element-semi-p .element, .block-semi-p .block{
        font-size:0.75rem;
    }

    p, body .p, .h1-p h1, .h2-p h2, .h3-p h3, .h4-p h4, .h5-p h5, .h6-p h6, .p-p p, .a-p a, .ul-p ul, .ol-p ol, .li-p li, .input-p input, .img-p img, .textarea-p textarea, .span-p span, .strong-p strong, .b-p b, .em-p em, .table-p table, .div-p div, .btn-p .btn, .box-p .box, .column-p .column, .col-p .col, .element-p .element, .block-p .block{
        font-size:0.9rem;
    }

    h4, body .h4, .h1-h4 h1, .h2-h4 h2, .h3-h4 h3, .h4-h4 h4, .h5-h4 h5, .h6-h4 h6, .p-h4 p, .a-h4 a, .ul-h4 ul, .ol-h4 ol, .li-h4 li, .input-h4 input, .img-h4 img, .textarea-h4 textarea, .span-h4 span, .strong-h4 strong, .b-h4 b, .em-h4 em, .table-h4 table, .div-h4 div, .btn-h4 .btn, .box-h4 .box, .column-h4 .column, .col-h4 .col, .element-h4 .element, .block-h4 .block{
        font-size:2rem;
    }

    .container-listing-research-project .container-padding{
        padding-left:1rem;
        padding-right:1rem;
    }


    .language-switcher{
        display:none;
    }

    .toggle-language-switcher h6{
        padding-left:12px;
        padding-right:12px;
    }

    .container-menu .big-padding{
        padding-left:1rem;
        padding-right:1rem;
    }
}

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

	.container-global-map .zone-scroll .col-icon{
		min-width:50px;
	}

	.col-icon .icon.circle{
	width:30px;
	height:30px;
	}

    .media-20-column-18{width:100%;}
    .media-20-column-17{width:94.4444444444%;}
    .media-20-column-16{width:88.8888888888%;}
    .media-20-column-15{width:83.3333333333%;}
    .media-20-column-14{width:77.7777777777%;}
    .media-20-column-13dot5{width:75%;}
    .media-20-column-13{width:72.2222222222%;}
    .media-20-column-12{width:66.6666666666%;}
    .media-20-column-11{width:61.1111111111%;}
    .media-20-column-10{width:55.5555555555%;}
    .media-20-column-9{width:50%;}
    .media-20-column-8{width:44.44444444444%;}
    .media-20-column-7{width:38.88888888888%;}
    .media-20-column-6{width:33.33333333333%;}
    .media-20-column-5{width:27.77777777777%;}
    .media-20-column-4dot5{width:25%;}
    .media-20-column-4{width:22.22222222222%;}
    .media-20-column-3{width:16.66666666666%;}
    .media-20-column-2{width:11.11111111111%;}
    .media-20-column-1{width:5.555555555555%;}
    .media-20-column{float:left;}
    .media-20-column-li li{float:left;}

    .media-20-column-18.margin-r-4p{width:96%;}
    .media-20-column-17.margin-r-4p{width:90.4444444444%;}
    .media-20-column-16.margin-r-4p{width:84.8888888888%;}
    .media-20-column-15.margin-r-4p{width:79.3333333333%;}
    .media-20-column-14.margin-r-4p{width:73.7777777777%;}
    .media-20-column-13dot5.margin-r-4p{width:71%;}
    .media-20-column-13.margin-r-4p{width:68.2222222222%;}
    .media-20-column-12.margin-r-4p{width:62.6666666666%;}
    .media-20-column-11.margin-r-4p{width:57.1111111111%;}
    .media-20-column-10.margin-r-4p{width:51.5555555555%;}
    .media-20-column-9.margin-r-4p{width:46%;}
    .media-20-column-8.margin-r-4p{width:40.44444444444%;}
    .media-20-column-7.margin-r-4p{width:34.88888888888%;}
    .media-20-column-6.margin-r-4p{width:29.33333333333%;}
    .media-20-column-5.margin-r-4p{width:23.77777777777%;}
    .media-20-column-4dot5.margin-r-4p{width:21%;}
    .media-20-column-4.margin-r-4p{width:18.22222222222%;}
    .media-20-column-3.margin-r-4p{width:12.66666666666%;}
    .media-20-column-2.margin-r-4p{width:7.11111111111%;}
    .media-20-column-1.margin-r-4p{width:1.555555555555%;}

    .media-20-column-18.margin-r-3p{width:97%;}
    .media-20-column-17.margin-r-3p{width:91.4444444444%;}
    .media-20-column-16.margin-r-3p{width:85.8888888888%;}
    .media-20-column-15.margin-r-3p{width:80.3333333333%;}
    .media-20-column-14.margin-r-3p{width:74.7777777777%;}
    .media-20-column-13dot5.margin-r-3p{width:72%;}
    .media-20-column-13.margin-r-3p{width:69.2222222222%;}
    .media-20-column-12.margin-r-3p{width:63.6666666666%;}
    .media-20-column-11.margin-r-3p{width:58.1111111111%;}
    .media-20-column-10.margin-r-3p{width:52.5555555555%;}
    .media-20-column-9.margin-r-3p{width:47%;}
    .media-20-column-8.margin-r-3p{width:41.44444444444%;}
    .media-20-column-7.margin-r-3p{width:35.88888888888%;}
    .media-20-column-6.margin-r-3p{width:30.33333333333%;}
    .media-20-column-5.margin-r-3p{width:24.77777777777%;}
    .media-20-column-4dot5.margin-r-3p{width:22%;}
    .media-20-column-4.margin-r-3p{width:19.22222222222%;}
    .media-20-column-3.margin-r-3p{width:13.66666666666%;}
    .media-20-column-2.margin-r-3p{width:8.11111111111%;}
    .media-20-column-1.margin-r-3p{width:2.555555555555%;}

    .media-20-column-18.margin-r-2p{width:98%;}
    .media-20-column-17.margin-r-2p{width:92.4444444444%;}
    .media-20-column-16.margin-r-2p{width:86.8888888888%;}
    .media-20-column-15.margin-r-2p{width:81.3333333333%;}
    .media-20-column-14.margin-r-2p{width:75.7777777777%;}
    .media-20-column-13dot5.margin-r-2p{width:73%;}
    .media-20-column-13.margin-r-2p{width:70.2222222222%;}
    .media-20-column-12.margin-r-2p{width:64.6666666666%;}
    .media-20-column-11.margin-r-2p{width:59.1111111111%;}
    .media-20-column-10.margin-r-2p{width:53.5555555555%;}
    .media-20-column-9.margin-r-2p{width:48%;}
    .media-20-column-8.margin-r-2p{width:42.44444444444%;}
    .media-20-column-7.margin-r-2p{width:36.88888888888%;}
    .media-20-column-6.margin-r-2p{width:31.33333333333%;}
    .media-20-column-5.margin-r-2p{width:25.77777777777%;}
    .media-20-column-4dot5.margin-r-2p{width:23%;}
    .media-20-column-4.margin-r-2p{width:20.22222222222%;}
    .media-20-column-3.margin-r-2p{width:14.66666666666%;}
    .media-20-column-2.margin-r-2p{width:9.11111111111%;}
    .media-20-column-1.margin-r-2p{width:3.555555555555%;}

    .media-20-column-18.margin-r-1p{width:99%;}
    .media-20-column-17.margin-r-1p{width:93.4444444444%;}
    .media-20-column-16.margin-r-1p{width:87.8888888888%;}
    .media-20-column-15.margin-r-1p{width:82.3333333333%;}
    .media-20-column-14.margin-r-1p{width:76.7777777777%;}
    .media-20-column-13dot5.margin-r-1p{width:74%;}
    .media-20-column-13.margin-r-1p{width:71.2222222222%;}
    .media-20-column-12.margin-r-1p{width:65.6666666666%;}
    .media-20-column-11.margin-r-1p{width:60.1111111111%;}
    .media-20-column-10.margin-r-1p{width:54.5555555555%;}
    .media-20-column-9.margin-r-1p{width:49%;}
    .media-20-column-8.margin-r-1p{width:43.44444444444%;}
    .media-20-column-7.margin-r-1p{width:37.88888888888%;}
    .media-20-column-6.margin-r-1p{width:32.33333333333%;}
    .media-20-column-5.margin-r-1p{width:26.77777777777%;}
    .media-20-column-4dot5.margin-r-1p{width:24%;}
    .media-20-column-4.margin-r-1p{width:21.22222222222%;}
    .media-20-column-3.margin-r-1p{width:15.66666666666%;}
    .media-20-column-2.margin-r-1p{width:10.11111111111%;}
    .media-20-column-1.margin-r-1p{width:4.555555555555%;}

    .media-20-hide{display:none !important;}
    .media-20-show{display:block !important;}

    .media-20-text-l{text-align:left;}
    .media-20-text-c{text-align:center;}
    .media-20-text-r{text-align:right;}

    .container-main-banner h1 br{
        display:none;
    }

    .container-listing-bottin .container-social .phone-click{
        font-weight:400;
    }

    .container-category-blog ul li{
        font-weight:400;
    }

}


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

	.container-global-map .col-pub,
	.container-global-map .col-map,
	.container-global-map .zone-bottom,
	.container-global-map{
	position:static;
	width:auto;
	}

	.container-global-map .zone-bottom{
	display:block !Important;
	}

	.container-global-map .zone-scroll{
	overflow:visible;
	}

	.container-global-map .icon-dl{
	background:#f1f1f1;
	}

	.row-search-criter .close-search,
	.row-search-criter .new-search{
	display:none !important;
	}

	.hidden-search{
	display:block !important;
	}

	.choice-select-container ul{
	bottom:auto;
	top:100%;
	}

	.row-search .s12{
		width: 100% !Important;
		margin-left: 0;
	}

	.make-it-scroll.hide-mobile{
	display:none;
	}

	.row-search .author-icon:after, .row-search .keyword-icon:after {
    top: 15px;
	}

    .m12.half-padding-right{
        padding-right:0 !important;
    }

    .m12.half-padding-left{
        padding-left:0 !important;
    }

    .text-c-medium{
        text-align:center;
    }

    .container-main-banner{
        padding-top:9rem;
    }

    .container-main-banner .small-col{
        width:100%;
    }

    .container-main-banner.main-banner-bottin .big-border-bottom:before{
        display:none;
    }

    .container-countdown .background-red, .container-main-banner.main-banner-symposium .background-red{
        display:none;
    }

    .container-countdown .col-background, .container-main-banner.main-banner-symposium{
        background: -moz-linear-gradient(-45deg,  rgba(213,70,54,0.8) 0%, rgba(216,36,58,0.7) 100%);
        background: -webkit-linear-gradient(-45deg,  rgba(213,70,54,0.8) 0%,rgba(216,36,58,0.7) 100%);
        background: linear-gradient(135deg,  rgba(213,70,54,0.8) 0%,rgba(216,36,58,0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd54636', endColorstr='#b3d8243a',GradientType=1 );
    }

    .container-discover-program .zone-white{
        padding-left:1rem;
        padding-right:1rem;
    }

    .container-listing-actualite .zone-blog, .container-listing-actualite .container-image{
        float:left;
        width:50%;
    }

    .container-listing-actualite .col{
        position:relative;
    }

    .container-listing-actualite .zone-blog{
        height:auto;
    }

    .container-listing-actualite .container-image{
        position:absolute !important;
        height:100%;
        left:50%;
    }

    .container-listing-actualite .second-col .container-image{
        top:0;
        left:0%;
    }

    .container-listing-actualite .second-col .zone-blog{
        top:0;
        left:50%;
    }

    .container-listing-actualite .arrow{
        top:50% !important;
    }

    .container-listing-actualite .arrow-up{
        left:0;
        border-top:16px solid transparent;
        border-bottom:16px solid transparent;
        border-right:16px solid #fff;
        border-left:none;
        margin-left:-16px;
    }

    .container-listing-actualite .arrow-down{
        left:100%;
        border-top:16px solid transparent;
        border-bottom:16px solid transparent;
        border-left:16px solid #fff;
        border-right:none;
        margin-left:0;
    }

    .container-show-synthese .row-responsive{
        margin-bottom:3rem !important;
    }

    .container-menu-letter{
        display:none;
    }

    header ul.main-menu li{
        font-size:0.65rem;
    }

    header ul.main-menu{
        margin-left:7rem;
    }

    .container-main-banner.main-banner-symposium .big-col{
        left:0;
    }

    .container-main-banner .custom-col-responsive{
        width:100%;
    }

    .container-main-banner .small-col{
        padding-left:0.5rem;
    }

    .container-option-bottin{
        padding-top:2rem;
    }

    .container-menu{
        overflow-y:scroll;
    }

    .container-menu .hide-medium{
        display:none;
    }

    .container-menu .col-2{
        left:50%;
    }

    .container-menu .show-medium{
        display:inline-block;
    }

    .container-listing-bottin .popup-bio{
        padding-top:160px;
        padding-left:80px;
        padding-right:80px;
    }

    .container-listing-bottin .popup-bio .big-col{
        padding-left:0;
    }

    .container-listing-bottin .popup-bio .text{
        padding-top:1rem;
    }

    .container-listing-bottin .popup-bio .v-a{
        top:0;
        -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);
    }

    .big-border-bottom .icon.circle{
        /*position:relative;
        left:0;
        margin-bottom:1rem;*/
        display:none;
    }
}


@media screen and (max-width:860px){
    .custom-small-container{
        width:100%;
    }
}


@media screen and (max-width:800px){
    .small-container{
        width:100%;
    }
}


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

    .media-30-column-18{width:100%;}
    .media-30-column-17{width:94.4444444444%;}
    .media-30-column-16{width:88.8888888888%;}
    .media-30-column-15{width:83.3333333333%;}
    .media-30-column-14{width:77.7777777777%;}
    .media-30-column-13dot5{width:75%;}
    .media-30-column-13{width:72.2222222222%;}
    .media-30-column-12{width:66.6666666666%;}
    .media-30-column-11{width:61.1111111111%;}
    .media-30-column-10{width:55.5555555555%;}
    .media-30-column-9{width:50%;}
    .media-30-column-8{width:44.44444444444%;}
    .media-30-column-7{width:38.88888888888%;}
    .media-30-column-6{width:33.33333333333%;}
    .media-30-column-5{width:27.77777777777%;}
    .media-30-column-4dot5{width:25%;}
    .media-30-column-4{width:22.22222222222%;}
    .media-30-column-3{width:16.66666666666%;}
    .media-30-column-2{width:11.11111111111%;}
    .media-30-column-1{width:5.555555555555%;}
    .media-30-column{float:left;}
    .media-30-column-li li{float:left;}

    .media-30-column-18.margin-r-4p{width:96%;}
    .media-30-column-17.margin-r-4p{width:90.4444444444%;}
    .media-30-column-16.margin-r-4p{width:84.8888888888%;}
    .media-30-column-15.margin-r-4p{width:79.3333333333%;}
    .media-30-column-14.margin-r-4p{width:73.7777777777%;}
    .media-30-column-13dot5.margin-r-4p{width:71%;}
    .media-30-column-13.margin-r-4p{width:68.2222222222%;}
    .media-30-column-12.margin-r-4p{width:62.6666666666%;}
    .media-30-column-11.margin-r-4p{width:57.1111111111%;}
    .media-30-column-10.margin-r-4p{width:51.5555555555%;}
    .media-30-column-9.margin-r-4p{width:46%;}
    .media-30-column-8.margin-r-4p{width:40.44444444444%;}
    .media-30-column-7.margin-r-4p{width:34.88888888888%;}
    .media-30-column-6.margin-r-4p{width:29.33333333333%;}
    .media-30-column-5.margin-r-4p{width:23.77777777777%;}
    .media-30-column-4dot5.margin-r-4p{width:21%;}
    .media-30-column-4.margin-r-4p{width:18.22222222222%;}
    .media-30-column-3.margin-r-4p{width:12.66666666666%;}
    .media-30-column-2.margin-r-4p{width:7.11111111111%;}
    .media-30-column-1.margin-r-4p{width:1.555555555555%;}

    .media-30-column-18.margin-r-3p{width:97%;}
    .media-30-column-17.margin-r-3p{width:91.4444444444%;}
    .media-30-column-16.margin-r-3p{width:85.8888888888%;}
    .media-30-column-15.margin-r-3p{width:80.3333333333%;}
    .media-30-column-14.margin-r-3p{width:74.7777777777%;}
    .media-30-column-13dot5.margin-r-3p{width:72%;}
    .media-30-column-13.margin-r-3p{width:69.2222222222%;}
    .media-30-column-12.margin-r-3p{width:63.6666666666%;}
    .media-30-column-11.margin-r-3p{width:58.1111111111%;}
    .media-30-column-10.margin-r-3p{width:52.5555555555%;}
    .media-30-column-9.margin-r-3p{width:47%;}
    .media-30-column-8.margin-r-3p{width:41.44444444444%;}
    .media-30-column-7.margin-r-3p{width:35.88888888888%;}
    .media-30-column-6.margin-r-3p{width:30.33333333333%;}
    .media-30-column-5.margin-r-3p{width:24.77777777777%;}
    .media-30-column-4dot5.margin-r-3p{width:22%;}
    .media-30-column-4.margin-r-3p{width:19.22222222222%;}
    .media-30-column-3.margin-r-3p{width:13.66666666666%;}
    .media-30-column-2.margin-r-3p{width:8.11111111111%;}
    .media-30-column-1.margin-r-3p{width:2.555555555555%;}

    .media-30-column-18.margin-r-2p{width:98%;}
    .media-30-column-17.margin-r-2p{width:92.4444444444%;}
    .media-30-column-16.margin-r-2p{width:86.8888888888%;}
    .media-30-column-15.margin-r-2p{width:81.3333333333%;}
    .media-30-column-14.margin-r-2p{width:75.7777777777%;}
    .media-30-column-13dot5.margin-r-2p{width:73%;}
    .media-30-column-13.margin-r-2p{width:70.2222222222%;}
    .media-30-column-12.margin-r-2p{width:64.6666666666%;}
    .media-30-column-11.margin-r-2p{width:59.1111111111%;}
    .media-30-column-10.margin-r-2p{width:53.5555555555%;}
    .media-30-column-9.margin-r-2p{width:48%;}
    .media-30-column-8.margin-r-2p{width:42.44444444444%;}
    .media-30-column-7.margin-r-2p{width:36.88888888888%;}
    .media-30-column-6.margin-r-2p{width:31.33333333333%;}
    .media-30-column-5.margin-r-2p{width:25.77777777777%;}
    .media-30-column-4dot5.margin-r-2p{width:23%;}
    .media-30-column-4.margin-r-2p{width:20.22222222222%;}
    .media-30-column-3.margin-r-2p{width:14.66666666666%;}
    .media-30-column-2.margin-r-2p{width:9.11111111111%;}
    .media-30-column-1.margin-r-2p{width:3.555555555555%;}

    .media-30-column-18.margin-r-1p{width:99%;}
    .media-30-column-17.margin-r-1p{width:93.4444444444%;}
    .media-30-column-16.margin-r-1p{width:87.8888888888%;}
    .media-30-column-15.margin-r-1p{width:82.3333333333%;}
    .media-30-column-14.margin-r-1p{width:76.7777777777%;}
    .media-30-column-13dot5.margin-r-1p{width:74%;}
    .media-30-column-13.margin-r-1p{width:71.2222222222%;}
    .media-30-column-12.margin-r-1p{width:65.6666666666%;}
    .media-30-column-11.margin-r-1p{width:60.1111111111%;}
    .media-30-column-10.margin-r-1p{width:54.5555555555%;}
    .media-30-column-9.margin-r-1p{width:49%;}
    .media-30-column-8.margin-r-1p{width:43.44444444444%;}
    .media-30-column-7.margin-r-1p{width:37.88888888888%;}
    .media-30-column-6.margin-r-1p{width:32.33333333333%;}
    .media-30-column-5.margin-r-1p{width:26.77777777777%;}
    .media-30-column-4dot5.margin-r-1p{width:24%;}
    .media-30-column-4.margin-r-1p{width:21.22222222222%;}
    .media-30-column-3.margin-r-1p{width:15.66666666666%;}
    .media-30-column-2.margin-r-1p{width:10.11111111111%;}
    .media-30-column-1.margin-r-1p{width:4.555555555555%;}

    .media-30-hide{display:none !important;}
    .media-30-show{display:block !important;}

    .media-30-text-l{text-align:left;}
    .media-30-text-c{text-align:center;}
    .media-30-text-r{text-align:right;}

    .media-30-p-r{position:relative;}

    .container-desc-program{
        padding-left:2.5rem;
        padding-right:2.5rem;
    }

    .container-main-banner h3{
        font-weight:400;
    }

    .container-main-banner.main-banner-single-blog h3{
        font-size:0.6rem;
    }

    .container-listing-bottin .container-social, .container-listing-bottin .container-social .phone-click{
        font-size:1.4rem;
    }

    .container-listing-bottin .container-social .phone-click .text{
        font-size:1rem;
    }

    .container-global-map .col-pub{
        width:100%;
        left:0;
    }

    .container-global-map .container-map{
        display:none;
    }

    header ul.main-menu{
        display:none;
    }

    .container-content-symposium h4, .container-box-info h3, .container-content-presse h3{
        font-size:0.9rem;
    }

    .container-content-symposium h3{
        font-size:0.8rem;
    }

    .container-content-symposium h5, .container-content-symposium p, .container-inscription-symposium p, .btn.btn-border-black{
        font-size:0.7rem;
    }

    .container-become-partner h2{
        font-size:0.6rem;
    }

    .container-become-partner h3{
        font-size:1.1rem;
    }

    .container-content-presse h6{
        font-size:0.55rem;
    }

}


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


	.bubble-filter .container-border{
            margin-top: -10px;
	}
        
        .home .container-main-banner{
            padding-top:4rem;
        }
        
        .container-discover-program .zone-white{
            margin-bottom: 0px;
        }
        
        .hide-mobile{
         display:none;   
        }

	.row.vertical-align.row-icon{
	position:static;
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	}


	.container-global-map .border-right{
	border:none;
	min-height:0;
	}

	.container-global-map h2{
	font-size: 0.8rem;
	}

	.container-global-map h3{
	font-size: 0.6rem;
	}


    .media-40-column-18{width:100%;}
    .media-40-column-17{width:94.4444444444%;}
    .media-40-column-16{width:88.8888888888%;}
    .media-40-column-15{width:83.3333333333%;}
    .media-40-column-14{width:77.7777777777%;}
    .media-40-column-13dot5{width:75%;}
    .media-40-column-13{width:72.2222222222%;}
    .media-40-column-12{width:66.6666666666%;}
    .media-40-column-11{width:61.1111111111%;}
    .media-40-column-10{width:55.5555555555%;}
    .media-40-column-9{width:50%;}
    .media-40-column-8{width:44.44444444444%;}
    .media-40-column-7{width:38.88888888888%;}
    .media-40-column-6{width:33.33333333333%;}
    .media-40-column-5{width:27.77777777777%;}
    .media-40-column-4dot5{width:25%;}
    .media-40-column-4{width:22.22222222222%;}
    .media-40-column-3{width:16.66666666666%;}
    .media-40-column-2{width:11.11111111111%;}
    .media-40-column-1{width:5.555555555555%;}
    .media-40-column{float:left;}
    .media-40-column-li li{float:left;}

    .media-40-column-18.margin-r-4p{width:96%;}
    .media-40-column-17.margin-r-4p{width:90.4444444444%;}
    .media-40-column-16.margin-r-4p{width:84.8888888888%;}
    .media-40-column-15.margin-r-4p{width:79.3333333333%;}
    .media-40-column-14.margin-r-4p{width:73.7777777777%;}
    .media-40-column-13dot5.margin-r-4p{width:71%;}
    .media-40-column-13.margin-r-4p{width:68.2222222222%;}
    .media-40-column-12.margin-r-4p{width:62.6666666666%;}
    .media-40-column-11.margin-r-4p{width:57.1111111111%;}
    .media-40-column-10.margin-r-4p{width:51.5555555555%;}
    .media-40-column-9.margin-r-4p{width:46%;}
    .media-40-column-8.margin-r-4p{width:40.44444444444%;}
    .media-40-column-7.margin-r-4p{width:34.88888888888%;}
    .media-40-column-6.margin-r-4p{width:29.33333333333%;}
    .media-40-column-5.margin-r-4p{width:23.77777777777%;}
    .media-40-column-4dot5.margin-r-4p{width:21%;}
    .media-40-column-4.margin-r-4p{width:18.22222222222%;}
    .media-40-column-3.margin-r-4p{width:12.66666666666%;}
    .media-40-column-2.margin-r-4p{width:7.11111111111%;}
    .media-40-column-1.margin-r-4p{width:1.555555555555%;}

    .media-40-column-18.margin-r-3p{width:97%;}
    .media-40-column-17.margin-r-3p{width:91.4444444444%;}
    .media-40-column-16.margin-r-3p{width:85.8888888888%;}
    .media-40-column-15.margin-r-3p{width:80.3333333333%;}
    .media-40-column-14.margin-r-3p{width:74.7777777777%;}
    .media-40-column-13dot5.margin-r-3p{width:72%;}
    .media-40-column-13.margin-r-3p{width:69.2222222222%;}
    .media-40-column-12.margin-r-3p{width:63.6666666666%;}
    .media-40-column-11.margin-r-3p{width:58.1111111111%;}
    .media-40-column-10.margin-r-3p{width:52.5555555555%;}
    .media-40-column-9.margin-r-3p{width:47%;}
    .media-40-column-8.margin-r-3p{width:41.44444444444%;}
    .media-40-column-7.margin-r-3p{width:35.88888888888%;}
    .media-40-column-6.margin-r-3p{width:30.33333333333%;}
    .media-40-column-5.margin-r-3p{width:24.77777777777%;}
    .media-40-column-4dot5.margin-r-3p{width:22%;}
    .media-40-column-4.margin-r-3p{width:19.22222222222%;}
    .media-40-column-3.margin-r-3p{width:13.66666666666%;}
    .media-40-column-2.margin-r-3p{width:8.11111111111%;}
    .media-40-column-1.margin-r-3p{width:2.555555555555%;}

    .media-40-column-18.margin-r-2p{width:98%;}
    .media-40-column-17.margin-r-2p{width:92.4444444444%;}
    .media-40-column-16.margin-r-2p{width:86.8888888888%;}
    .media-40-column-15.margin-r-2p{width:81.3333333333%;}
    .media-40-column-14.margin-r-2p{width:75.7777777777%;}
    .media-40-column-13dot5.margin-r-2p{width:73%;}
    .media-40-column-13.margin-r-2p{width:70.2222222222%;}
    .media-40-column-12.margin-r-2p{width:64.6666666666%;}
    .media-40-column-11.margin-r-2p{width:59.1111111111%;}
    .media-40-column-10.margin-r-2p{width:53.5555555555%;}
    .media-40-column-9.margin-r-2p{width:48%;}
    .media-40-column-8.margin-r-2p{width:42.44444444444%;}
    .media-40-column-7.margin-r-2p{width:36.88888888888%;}
    .media-40-column-6.margin-r-2p{width:31.33333333333%;}
    .media-40-column-5.margin-r-2p{width:25.77777777777%;}
    .media-40-column-4dot5.margin-r-2p{width:23%;}
    .media-40-column-4.margin-r-2p{width:20.22222222222%;}
    .media-40-column-3.margin-r-2p{width:14.66666666666%;}
    .media-40-column-2.margin-r-2p{width:9.11111111111%;}
    .media-40-column-1.margin-r-2p{width:3.555555555555%;}

    .media-40-column-18.margin-r-1p{width:99%;}
    .media-40-column-17.margin-r-1p{width:93.4444444444%;}
    .media-40-column-16.margin-r-1p{width:87.8888888888%;}
    .media-40-column-15.margin-r-1p{width:82.3333333333%;}
    .media-40-column-14.margin-r-1p{width:76.7777777777%;}
    .media-40-column-13dot5.margin-r-1p{width:74%;}
    .media-40-column-13.margin-r-1p{width:71.2222222222%;}
    .media-40-column-12.margin-r-1p{width:65.6666666666%;}
    .media-40-column-11.margin-r-1p{width:60.1111111111%;}
    .media-40-column-10.margin-r-1p{width:54.5555555555%;}
    .media-40-column-9.margin-r-1p{width:49%;}
    .media-40-column-8.margin-r-1p{width:43.44444444444%;}
    .media-40-column-7.margin-r-1p{width:37.88888888888%;}
    .media-40-column-6.margin-r-1p{width:32.33333333333%;}
    .media-40-column-5.margin-r-1p{width:26.77777777777%;}
    .media-40-column-4dot5.margin-r-1p{width:24%;}
    .media-40-column-4.margin-r-1p{width:21.22222222222%;}
    .media-40-column-3.margin-r-1p{width:15.66666666666%;}
    .media-40-column-2.margin-r-1p{width:10.11111111111%;}
    .media-40-column-1.margin-r-1p{width:4.555555555555%;}

    .media-40-hide{display:none !important;}
    .media-40-show{display:block !important;}

    .media-40-text-l{text-align:left;}
    .media-40-text-c{text-align:center;}
    .media-40-text-r{text-align:right;}

    .media-40-p-r{position:relative;}

    .media-40-force-column-18{width:100% !important;}

    .container-contact-us .padding-rl-custom{
        padding-left:1rem;
        padding-right:1rem;
    }

    .container-input .input-email{
        padding-left:3.8rem;
    }

    .container-main-banner{
        position:relative;
        padding-top:8rem;
        padding-bottom:3.5rem;
    }

    .container-main-banner p, .container-stay-tuned p{
        font-size:0.7rem;
    }

    .remove-make-it-scroll-mobile{
        margin-top:0 !important;
    }

    footer{
        text-align:center;
        padding-top:2rem;
    }

    footer .logo{
        display:block;
        float:none;
        margin:auto;
        margin-bottom:1rem;
    }

    footer .footer-menu li{
        display:block;
        margin-top:0.8rem;
        font-size:0.8rem !important;
    }

    footer .float-right{
        float:none;
    }

    footer .list-social-icon{
        margin-top:2rem;
        margin-bottom:2rem;
    }

    .small-container{
        width:100%;
    }

    .container-single-blog h2{
        font-size:1rem;
    }

    .container-single-blog h4{
        font-size:0.9rem;
    }

    .container-single-blog p{
        font-size:0.8rem;
    }

    .animation-on-scroll-main-banner{
        position:fixed;
        z-index:-1;
    }

    .container-input .input-email{
        padding-left:3.6rem !important;
    }

    .container-box-listing-program .col{
        height:16rem;
    }

    .container-breadcrumb ul li{
        letter-spacing:0.5px;
        font-size:10px;
    }

    .container-listing-bottin .col.team-member{
        width:50%;
    }

    .container-category-blog.category-bottin li{
        font-size:0.6rem;
    }

    .container-listing-bottin .container-social .phone-click a{
        padding-left:4.8rem;
    }

    .container-listing-bottin .container-social .phone-click .block-red{
        width:3.6rem;
    }

    .container-listing-bottin .container-social .phone-click .icon-phone{
        left:1.1rem;
    }


    body .semi-h1, .h1-semi-h1 h1, .h2-semi-h1 h2, .h3-semi-h1 h3, .h4-semi-h1 h4, .h5-semi-h1 h5, .h6-semi-h1 h6, .p-semi-h1 p, .a-semi-h1 a, .ul-semi-h1 ul, .ol-semi-h1 ol, .li-semi-h1 li, .input-semi-h1 input, .img-semi-h1 img, .textarea-semi-h1 textarea, .span-semi-h1 span, .strong-semi-h1 strong, .b-semi-h1 b, .em-semi-h1 em, .table-semi-h1 table, .div-semi-h1 div, .btn-semi-h1 .btn, .box-semi-h1 .box, .column-semi-h1 .column, .col-semi-h1 .col, .element-semi-h1 .element, .block-semi-h1 .block{
        font-size:2.8rem;
    }

    body .container-input input[type="text"], body .container-input input[type="email"], body .container-input input[type="number"], body .container-input input[type="tel"], textarea, .container-countdown h4, .container-countdown h5, .btn.btn-white, .btn.font-smaller, .btn.btn-border-white, body .semi-p, .h1-semi-p h1, .h2-semi-p h2, .h3-semi-p h3, .h4-semi-p h4, .h5-semi-p h5, .h6-semi-p h6, .p-semi-p p, .a-semi-p a, .ul-semi-p ul, .ol-semi-p ol, .li-semi-p li, .input-semi-p input, .img-semi-p img, .textarea-semi-p textarea, .span-semi-p span, .strong-semi-p strong, .b-semi-p b, .em-semi-p em, .table-semi-p table, .div-semi-p div, .btn-semi-p .btn, .box-semi-p .box, .column-semi-p .column, .col-semi-p .col, .element-semi-p .element, .block-semi-p .block, .button, .btn, .btn-full-red{
        font-size:0.8rem;
    }

    footer .footer-menu li{
        font-size:0.7rem !important;
    }

    body .semi-p, .h1-semi-p h1, .h2-semi-p h2, .h3-semi-p h3, .h4-semi-p h4, .h5-semi-p h5, .h6-semi-p h6, .p-semi-p p, .a-semi-p a, .ul-semi-p ul, .ol-semi-p ol, .li-semi-p li, .input-semi-p input, .img-semi-p img, .textarea-semi-p textarea, .span-semi-p span, .strong-semi-p strong, .b-semi-p b, .em-semi-p em, .table-semi-p table, .div-semi-p div, .btn-semi-p .btn, .box-semi-p .box, .column-semi-p .column, .col-semi-p .col, .element-semi-p .element, .block-semi-p .block{
        font-size:0.85rem;
    }

    p, body .p, .h1-p h1, .h2-p h2, .h3-p h3, .h4-p h4, .h5-p h5, .h6-p h6, .p-p p, .a-p a, .ul-p ul, .ol-p ol, .li-p li, .input-p input, .img-p img, .textarea-p textarea, .span-p span, .strong-p strong, .b-p b, .em-p em, .table-p table, .div-p div, .btn-p .btn, .box-p .box, .column-p .column, .col-p .col, .element-p .element, .block-p .block{
        font-size:1rem;
    }

    p, body .p, .h1-p h1, .h2-p h2, .h3-p h3, .h4-p h4, .h5-p h5, .h6-p h6, .p-p p, .a-p a, .ul-p ul, .ol-p ol, .li-p li, .input-p input, .img-p img, .textarea-p textarea, .span-p span, .strong-p strong, .b-p b, .em-p em, .table-p table, .div-p div, .btn-p .btn, .box-p .box, .column-p .column, .col-p .col, .element-p .element, .block-p .block{
        font-size:1.2rem;
    }

    .container-main-banner.main-banner-homepage h1{
        font-size:1.2rem !important;
    }

}

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

    .container-option-bottin{
    padding:10px;
    }
    
    .en_block, .fr_block{
        min-height: 70px;
    }

    .container-option-bottin h3{
    font-size:22px;
    }

    .s12.col-absolute-left, .s12.col-absolute-right{
        position:static !important;
    }

    .container-listing-actualite .zone-blog{
        width:100%;
    }

    .container-listing-actualite .container-image{
        height:12rem;
        width:100%;
        position:relative !important;
        left:0 !important;
    }

    .container-listing-actualite .second-col .zone-blog{
        left:0;
    }

    .container-listing-actualite .arrow-down, .container-listing-actualite .arrow-up{
        border-left:16px solid transparent;
        border-right:16px solid transparent;
        border-top:16px solid #fff;
        border-bottom:none;
        top:100% !important;
        left:50%;
        margin-top:0;
        margin-left:-16px;
    }

    .container-show-synthese .image-shadow{
        margin-bottom:1.6rem;
    }

    .container-show-synthese .col-responsive{
        padding-left:0.5rem;
    }
    
    .container-show-synthese.h3-p h3{
        font-size: 0.85rem;
    }

    .container-countdown .big-col{
        padding-left:2rem;
        padding-right:2rem;
    }

    body .semi-h1, .h1-semi-h1 h1, .h2-semi-h1 h2, .h3-semi-h1 h3, .h4-semi-h1 h4, .h5-semi-h1 h5, .h6-semi-h1 h6, .p-semi-h1 p, .a-semi-h1 a, .ul-semi-h1 ul, .ol-semi-h1 ol, .li-semi-h1 li, .input-semi-h1 input, .img-semi-h1 img, .textarea-semi-h1 textarea, .span-semi-h1 span, .strong-semi-h1 strong, .b-semi-h1 b, .em-semi-h1 em, .table-semi-h1 table, .div-semi-h1 div, .btn-semi-h1 .btn, .box-semi-h1 .box, .column-semi-h1 .column, .col-semi-h1 .col, .element-semi-h1 .element, .block-semi-h1 .block{
        font-size:2rem;
    }

    .container-content-symposium h4, .container-box-info h3, .container-content-presse h3{
        font-size:1rem;
    }

    .container-content-symposium h3{
        font-size:0.9rem;
    }

    .container-content-symposium h5, .container-content-symposium p, .container-inscription-symposium p, .btn.btn-border-black{
        font-size:0.8rem;
    }

    .container-become-partner h2, .container-content-presse p, .link-folder{
        font-size:0.7rem;
    }

    .container-become-partner h3{
        font-size:1.2rem;
    }

    .container-content-presse h6, .container-content-presse h4{
        font-size:0.65rem;
    }

    .container-content-prog h3{
        font-size:0.6rem;
    }

    .container-content-prog h6{
        letter-spacing:1px;
    }

    .container-content-presse .border-after:after{
        content:none;
    }

    .container-content-presse .row .col{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .container-content-presse p{
        margin-bottom:0.4rem;
    }

    .container-content-presse h6.big{
        padding-top:0.6rem;
    }

    .container-content-presse .link-folder{
        margin-bottom:1rem;
    }

    .container-menu .col{
        left:0;
        position:relative;
    }

    .container-menu .col{
        padding-bottom:1.6rem;
    }

    .container-menu li{
        font-size:0.9rem !important;
        padding-top:0.5rem !important;
        padding-bottom:0.5rem !important;
    }

    .container-content-prog .row .col{
        height:100%;
    }

    .container-content-prog .row .col-2{
        left:25%;
    }

    .container-listing-bottin .popup-bio{
        padding-left:40px;
        padding-right:40px;
    }

    .container-listing-bottin .box{
        height:18rem;
    }

    .box-research-project .background-orange{
        height:auto;
    }

    .container-main-banner h1{
        font-size:1.8rem;
    }


	.row .col.col-tn-12{
	width:100%;
	float:none;
	}

}

@media screen and (max-width:480px){
    .custom-smaller-container{
        width:100%;
    }
    
    .home .container-listing-actualite .zone-blog p{
        display:none;
    }
    
    .container-listing-actualite .zone-blog{
       /*border-bottom: 1px solid #f1f1f1; */
    }
    
    .container-listing-actualite .zone-blog .arrow{
        /*display:none;*/
    }
    
    .container-countdown h2{
        margin-bottom:0px;
    }
    
    .row.vertical-align.row-icon{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .h2-h2 h2{
        font-size: 2.6rem;
    }
}

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

    .media-50-column-18{width:100%;}
    .media-50-column-17{width:94.4444444444%;}
    .media-50-column-16{width:88.8888888888%;}
    .media-50-column-15{width:83.3333333333%;}
    .media-50-column-14{width:77.7777777777%;}
    .media-50-column-13dot5{width:75%;}
    .media-50-column-13{width:72.2222222222%;}
    .media-50-column-12{width:66.6666666666%;}
    .media-50-column-11{width:61.1111111111%;}
    .media-50-column-10{width:55.5555555555%;}
    .media-50-column-9{width:50%;}
    .media-50-column-8{width:44.44444444444%;}
    .media-50-column-7{width:38.88888888888%;}
    .media-50-column-6{width:33.33333333333%;}
    .media-50-column-5{width:27.77777777777%;}
    .media-50-column-4dot5{width:25%;}
    .media-50-column-4{width:22.22222222222%;}
    .media-50-column-3{width:16.66666666666%;}
    .media-50-column-2{width:11.11111111111%;}
    .media-50-column-1{width:5.555555555555%;}
    .media-50-column{float:left;}
    .media-50-column-li li{float:left;}

    .media-50-column-18.margin-r-4p{width:96%;}
    .media-50-column-17.margin-r-4p{width:90.4444444444%;}
    .media-50-column-16.margin-r-4p{width:84.8888888888%;}
    .media-50-column-15.margin-r-4p{width:79.3333333333%;}
    .media-50-column-14.margin-r-4p{width:73.7777777777%;}
    .media-50-column-13dot5.margin-r-4p{width:71%;}
    .media-50-column-13.margin-r-4p{width:68.2222222222%;}
    .media-50-column-12.margin-r-4p{width:62.6666666666%;}
    .media-50-column-11.margin-r-4p{width:57.1111111111%;}
    .media-50-column-10.margin-r-4p{width:51.5555555555%;}
    .media-50-column-9.margin-r-4p{width:46%;}
    .media-50-column-8.margin-r-4p{width:40.44444444444%;}
    .media-50-column-7.margin-r-4p{width:34.88888888888%;}
    .media-50-column-6.margin-r-4p{width:29.33333333333%;}
    .media-50-column-5.margin-r-4p{width:23.77777777777%;}
    .media-50-column-4dot5.margin-r-4p{width:21%;}
    .media-50-column-4.margin-r-4p{width:18.22222222222%;}
    .media-50-column-3.margin-r-4p{width:12.66666666666%;}
    .media-50-column-2.margin-r-4p{width:7.11111111111%;}
    .media-50-column-1.margin-r-4p{width:1.555555555555%;}

    .media-50-column-18.margin-r-3p{width:97%;}
    .media-50-column-17.margin-r-3p{width:91.4444444444%;}
    .media-50-column-16.margin-r-3p{width:85.8888888888%;}
    .media-50-column-15.margin-r-3p{width:80.3333333333%;}
    .media-50-column-14.margin-r-3p{width:74.7777777777%;}
    .media-50-column-13dot5.margin-r-3p{width:72%;}
    .media-50-column-13.margin-r-3p{width:69.2222222222%;}
    .media-50-column-12.margin-r-3p{width:63.6666666666%;}
    .media-50-column-11.margin-r-3p{width:58.1111111111%;}
    .media-50-column-10.margin-r-3p{width:52.5555555555%;}
    .media-50-column-9.margin-r-3p{width:47%;}
    .media-50-column-8.margin-r-3p{width:41.44444444444%;}
    .media-50-column-7.margin-r-3p{width:35.88888888888%;}
    .media-50-column-6.margin-r-3p{width:30.33333333333%;}
    .media-50-column-5.margin-r-3p{width:24.77777777777%;}
    .media-50-column-4dot5.margin-r-3p{width:22%;}
    .media-50-column-4.margin-r-3p{width:19.22222222222%;}
    .media-50-column-3.margin-r-3p{width:13.66666666666%;}
    .media-50-column-2.margin-r-3p{width:8.11111111111%;}
    .media-50-column-1.margin-r-3p{width:2.555555555555%;}

    .media-50-column-18.margin-r-2p{width:98%;}
    .media-50-column-17.margin-r-2p{width:92.4444444444%;}
    .media-50-column-16.margin-r-2p{width:86.8888888888%;}
    .media-50-column-15.margin-r-2p{width:81.3333333333%;}
    .media-50-column-14.margin-r-2p{width:75.7777777777%;}
    .media-50-column-13dot5.margin-r-2p{width:73%;}
    .media-50-column-13.margin-r-2p{width:70.2222222222%;}
    .media-50-column-12.margin-r-2p{width:64.6666666666%;}
    .media-50-column-11.margin-r-2p{width:59.1111111111%;}
    .media-50-column-10.margin-r-2p{width:53.5555555555%;}
    .media-50-column-9.margin-r-2p{width:48%;}
    .media-50-column-8.margin-r-2p{width:42.44444444444%;}
    .media-50-column-7.margin-r-2p{width:36.88888888888%;}
    .media-50-column-6.margin-r-2p{width:31.33333333333%;}
    .media-50-column-5.margin-r-2p{width:25.77777777777%;}
    .media-50-column-4dot5.margin-r-2p{width:23%;}
    .media-50-column-4.margin-r-2p{width:20.22222222222%;}
    .media-50-column-3.margin-r-2p{width:14.66666666666%;}
    .media-50-column-2.margin-r-2p{width:9.11111111111%;}
    .media-50-column-1.margin-r-2p{width:3.555555555555%;}

    .media-50-column-18.margin-r-1p{width:99%;}
    .media-50-column-17.margin-r-1p{width:93.4444444444%;}
    .media-50-column-16.margin-r-1p{width:87.8888888888%;}
    .media-50-column-15.margin-r-1p{width:82.3333333333%;}
    .media-50-column-14.margin-r-1p{width:76.7777777777%;}
    .media-50-column-13dot5.margin-r-1p{width:74%;}
    .media-50-column-13.margin-r-1p{width:71.2222222222%;}
    .media-50-column-12.margin-r-1p{width:65.6666666666%;}
    .media-50-column-11.margin-r-1p{width:60.1111111111%;}
    .media-50-column-10.margin-r-1p{width:54.5555555555%;}
    .media-50-column-9.margin-r-1p{width:49%;}
    .media-50-column-8.margin-r-1p{width:43.44444444444%;}
    .media-50-column-7.margin-r-1p{width:37.88888888888%;}
    .media-50-column-6.margin-r-1p{width:32.33333333333%;}
    .media-50-column-5.margin-r-1p{width:26.77777777777%;}
    .media-50-column-4dot5.margin-r-1p{width:24%;}
    .media-50-column-4.margin-r-1p{width:21.22222222222%;}
    .media-50-column-3.margin-r-1p{width:15.66666666666%;}
    .media-50-column-2.margin-r-1p{width:10.11111111111%;}
    .media-50-column-1.margin-r-1p{width:4.555555555555%;}

    .media-50-hide{display:none !important;}
    .media-50-show{display:block !important;}

    .media-50-text-l{text-align:left;}
    .media-50-text-c{text-align:center;}
    .media-50-text-r{text-align:right;}

    .container-listing-bottin .col{
        width:100% !important;
    }

}




@media screen and (max-height:850px){
    .container-menu h3{
        margin-bottom:2rem;
    }

    ul.list-program li{
        padding-top:0.2rem;
        padding-bottom:0.2rem;
    }

    .menu-hamburger-mobile-container li.space{
        padding-top:0.4rem;
        padding-bottom:0.4rem;
    }

    .container-menu p.custom-margin-top{
        margin-top:0.8rem;
    }

    .container-menu li{
        padding-bottom:0.3rem;
        padding-top:0.3rem;
    }

    .container-menu p{
        margin-bottom:1rem;
    }
}

@media screen and (max-height:775px){
    .container-menu li{
        padding-bottom:0.2rem;
        padding-top:0.2rem;
    }
}

@media screen and (max-height:675px){
    .container-menu h3{
        margin-bottom:1.4rem;
    }
}


@media screen and (max-height:450px){
    .container-main-banner.main-banner-homepage h1{
        margin-bottom:1rem;
    }

    .container-main-banner.main-banner-homepage .btn-red{
        margin-bottom:1.5rem;
    }
}