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, sup, 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;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  height: auto;
  overflow: auto;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
}

.hidden {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

.clear {
  clear: both;
  position: relative;
  display: block;
  float: none;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.inner {
  max-width: 940px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 940px) {
  .inner {
    margin: 0 80px;
  }
}
@media only screen and (max-width: 470px) {
  .inner {
    margin: 0 20px;
  }
}

.mobile {
  display: none;
}

.desktop {
  display: block;
}

@media only screen and (max-width: 940px) {
  .mobile {
    display: block !important;
  }

  .desktop {
    display: none !important;
  }
}
#wrapper {
  position: relative;
  z-index: 20;
  width: 100%;
  height: auto;
  background: #FFF;
  overflow: hidden;
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.open-menu #wrapper {
  -moz-transform: translateX(250px);
  -ms-transform: translateX(250px);
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
}

#cookie-bar {
  position: relative;
  z-index: 30;
  width: 100%;
  height: auto;
  min-height: 40px;
  background: #F17D00;
  font: 700 12px/20px "Noto Serif", serif;
  color: #FFF;
  text-align: center;
  letter-spacing: 0.5px;
  overflow: hidden;
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
#cookie-bar p {
  position: relative;
  display: inline-block;
  padding: 0 43px 0 30px;
  margin: 0;
  font: 700 12px/20px "Noto Serif", serif;
  color: #FFF;
  text-align: center;
}
#cookie-bar .inner {
  padding: 10px 0;
}
@media only screen and (max-width: 940px) {
  #cookie-bar .inner {
    margin: 0;
  }
}
#cookie-bar .cookie-dismiss {
  position: absolute;
  right: 13px;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  background: transparent url('/images/close-icon-1.png?1480497113') no-repeat left top;
  text-indent: -99999px;
}

#top-nav {
  position: relative;
  z-index: 999;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
}
#top-nav .inner {
  padding: 9px 0 0;
}
#top-nav .links-left {
  float: left;
}
@media only screen and (max-width: 940px) {
  #top-nav .links-left {
    float: none;
    text-align: center;
  }
  #top-nav .links-left ul {
    display: inline-block;
  }
}
#top-nav .links-right {
  float: right;
}
#top-nav ul {
  list-style: none;
  margin: 0;
}
#top-nav li {
  float: left;
  font: 700 14px/23px "Noto Serif", serif;
  color: #7C96A5;
}
#top-nav li.logoEC {
  margin-right: 25px;
  transform: translateY(-4px);
}
#top-nav li.lng {
  position: relative;
  padding: 0 0 8px;
}
#top-nav li.lng:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 27px;
  width: 10px;
  height: 5px;
  margin: 0 0 0 -5px;
  background: transparent url('/images/lng-arrow-options.png?1480497114') no-repeat left top;
  z-index: 1100;
  display: none;
}
/*#top-nav li.lng:hover:before,
#top-nav li.lng:hover .lng-options, #top-nav li.lng.hover:before,
#top-nav li.lng.hover .lng-options {
  display: block;
  -moz-animation: slideDown 200ms ease-in-out;
  -webkit-animation: slideDown 200ms ease-in-out;
  animation: slideDown 200ms ease-in-out;
}
#top-nav li.lng:hover .lng-toggler, #top-nav li.lng.hover .lng-toggler {
  color: #1C4054;
}*/
#top-nav a {
  font: 700 14px/23px "Noto Serif", serif;
  color: #7C96A5;
  text-decoration: none;
}
#top-nav a:hover {
  color: #1C4054;
}
#top-nav a.htag {
  font: normal 600 12px/16px "Noto Sans", sans-serif;
  margin-left: 20px;
  color: #a3a3a3;
}
#top-nav a.htag:hover {
  color: #1C4054;
}
@media only screen and (max-width: 520px) {
  #top-nav a.htag {
    display: none;
  }
}
#top-nav a.fbk {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('/images/socials-1.png?1480497114') no-repeat 0px top;
  text-indent: -9999px;
  margin: 0 10px 0 15px;
}
@media only screen and (max-width: 940px) {
  #top-nav a.fbk {
    margin: 0 5px 0 -3px;
  }
}
#top-nav a.fbk:hover {
  background-position: 0px bottom;
}
#top-nav a.twt {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('/images/socials-1.png?1480497114') no-repeat -23px top;
  text-indent: -9999px;
  margin: 0 19px 0 0;
}
@media only screen and (max-width: 940px) {
  #top-nav a.twt {
    margin: 0 13px 0 0;
  }
}
#top-nav a.twt:hover {
  background-position: -23px bottom;
}
#top-nav a.ytb {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('/images/socials-1.png?1480497114') no-repeat -46px top;
  text-indent: -9999px;
  margin: 0 17px 0 0;
}
@media only screen and (max-width: 940px) {
  #top-nav a.ytb {
    margin: 0 12px 0 0;
  }
}
#top-nav a.ytb:hover {
  background-position: -46px bottom;
}
#top-nav a.rss {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('/images/socials-1.png?1480497114') no-repeat -69px top;
  text-indent: -9999px;
  margin: 0 17px 0 0;
}
@media only screen and (max-width: 940px) {
  #top-nav a.rss {
    margin: 0 10px 0 0;
  }
}
#top-nav a.rss:hover {
  background-position: -69px bottom;
}
#top-nav a.msg {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('/images/socials-1.png?1480497114') no-repeat -92px top;
  text-indent: -9999px;
  margin: 0;
}
#top-nav a.msg:hover {
  background-position: -92px bottom;
}
#top-nav a.lng-toggler {
  padding: 0 20px 0 0;
  background: transparent url('/images/lng-arrow.png?1480497114') no-repeat right center;
}
#top-nav .join {
  position: relative;
}
#top-nav .join > a {
  display: inline-block;
  margin: -9px 0 -4px 20px;
  padding: 10px 24px 11px;
  background: #43AED1;
  color: #FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
#top-nav .join > a:hover {
  background: #2c93b5;
}
#top-nav .join > a.active {
  background: #FFF;
  color: #43AED1;
}
#top-nav .lng-options {
  position: absolute;
  left: 50%;
  top: 31px;
  width: 150px;
  max-height: 250px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 0 -75px;
  background: #FFF;
  border: 1px solid #E0E0E0;
  z-index: 999;
  display: none;
}
#top-nav .lng-options li {
  float: none;
  border-bottom: 1px solid #E0E0E0;
}
#top-nav .lng-options li.last {
  border-bottom: none;
}
#top-nav .lng-options a {
  display: block;
  padding: 10px;
}
#top-nav .lng-options a.selected, #top-nav .lng-options a:hover {
  background: #F5F5F5;
  color: #7C96A5;
}

#auth-box {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(41, 73, 92, 0.9);
}
#auth-box, #auth-box:before, #auth-box:after, #auth-box *, #auth-box *:before, #auth-box *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#auth-box h3 {
  margin: 0;
  font-size: 20px;
}
#auth-box p {
  font: 900 14px/17px "Noto Serif", serif;
  margin: 0;
}
#auth-box a {
  padding: 0;
  margin: 0;
  display: inline-block;
  background: none;
  font: normal 500 14px/20px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: underline;
}
#auth-box a:hover {
  color: #1C4054;
}
#auth-box .field {
  width: 100%;
  margin-bottom: 5px;
}
#auth-box .field .input-text {
  padding: 12px 22px;
  width: 100%;
  border: 2px solid #bbd5e5;
}
#auth-box .field .input-checkbox {
  float: left;
  opacity: 0;
}
#auth-box .field .input-checkbox + label {
  padding: 15px 0 15px 42px;
  font: normal 500 13px/22px "Noto Serif", serif;
  position: relative;
}
#auth-box .field .input-checkbox + label:before {
  content: '';
  display: block;
  width: 42px;
  height: 52px;
  background: url('/images/login-checkbox.png?1480497114') top left;
  position: absolute;
  top: 0;
  left: 0;
}
#auth-box .field .input-checkbox:checked + label:before, #auth-box .field .input-checkbox.checked + label:before {
  background-position: top right;
}
#auth-box .actions {
  *zoom: 1;
}
#auth-box .actions:after {
  content: "";
  display: table;
  clear: both;
}
#auth-box .actions .input-submit {
  padding: 15px 25px;
  width: auto;
  float: left;
}
#auth-box .actions a {
  float: right;
  display: block;
  margin-top: 15px;
}
#auth-box form {
  padding-top: 24px;
}
#auth-box form .report:first-child {
  margin-top: -24px;
}
#auth-box .report {
  margin: 0;
}
#auth-box .report p {
  padding: 4px;
  margin: 0;
  border: none;
  background: none;
  font: italic 400 13px/16px "Georgia", "Times", serif;
  text-align: left;
}
#auth-box .auth-close {
  position: absolute;
  right: 7px;
  top: 7px;
  border: none;
  background: #e0ecf3;
  color: #1C4054;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
  height: 20px;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#auth-box .auth-close:hover, #auth-box .auth-close:focus {
  background: #bbd5e5;
  outline: none;
}
#auth-box .auth-close span {
  display: block;
  margin-top: -6px;
}
#auth-box .auth-step {
  margin: 260px auto 0;
  width: 700px;
  background: #FFF;
  min-height: 410px;
  position: relative;
  *zoom: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
}
#auth-box .auth-step:after {
  content: "";
  display: table;
  clear: both;
}
#auth-box .auth-step .step-main, #auth-box .auth-step .step-aside, #auth-box .auth-step .step-full {
  height: 100%;
}
#auth-box .auth-step .step-main, #auth-box .auth-step .step-aside {
  float: left;
}
#auth-box .auth-step .step-main, #auth-box .auth-step .step-full {
  padding: 50px 56px;
}
#auth-box .auth-step .step-main {
  width: 57.42857%;
  border-right: 4px solid #fafafa;
}
#auth-box .auth-step .step-aside {
  padding: 50px 45px;
  width: 42.57143%;
}
#auth-box .auth-step .step-aside.register-alternative {
  padding-top: 99px;
}
#auth-box .connect-type {
  list-style: none;
  margin: 58px -3px 70px -2px;
  *zoom: 1;
}
#auth-box .connect-type:after {
  content: "";
  display: table;
  clear: both;
}
#auth-box .connect-type li {
  display: block;
  float: left;
  width: 33.3333%;
  padding: 0 0 5px;
}
#auth-box .connect-type a,
#auth-box .connect-type div {
  cursor:pointer;
  display: block;
  height: 52px;
  width: auto;
  padding: 0;
  margin: 0 3px 0 2px;
  text-indent: -99999px;
  position: relative;
  background: #F17D00;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#auth-box .connect-type a:before,
#auth-box .connect-type div:before {
  display: block;
  content: '';
  width: 52px;
  height: 52px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -26px;
}
#auth-box .connect-type a.fbk {
  background: #3b5998;
}
#auth-box .connect-type a.fbk:hover {
  background-color: #4c70ba;
}
#auth-box .connect-type a.fbk:before {
  background: url('/images/socials-3.png?1480497114') no-repeat 0px top;
}
#auth-box .connect-type a.ggl,
#auth-box .connect-type div.ggl {
  background: #dd4b39;
}
#auth-box .connect-type a.ggl:hover,
#auth-box .connect-type div.ggl:hover {
  background-color: #e47365;
}
#auth-box .connect-type a.ggl:before,
#auth-box .connect-type div.ggl:before {
  background: url('/images/socials-3.png?1480497114') no-repeat -52px top;
}
#auth-box .connect-type a.twt {
  background: #55acee;
}
#auth-box .connect-type a.twt:hover {
  background-color: #83c3f3;
}
#auth-box .connect-type a.twt:before {
  background: url('/images/socials-3.png?1480497114') no-repeat -104px top;
}
#auth-box .connect-type a.lnk {
  background: #007bb6;
}
#auth-box .connect-type a.lnk:hover {
  background-color: #009de9;
}
#auth-box .connect-type a.lnk:before {
  background: url('/images/socials-3.png?1480497114') no-repeat -156px top;
}
#auth-box .connect-type a.yho {
  background: #3f008d;
}
#auth-box .connect-type a.yho:hover {
  background-color: #5600c0;
}
#auth-box .connect-type a.yho:before {
  background: url('/images/socials-3.png?1480497114') no-repeat -208px top;
}
#auth-box .connect-type a.euroschool {
  background: #f5cb00;
}
#auth-box .connect-type a.euroschool:hover {
  background-color: #ffda29;
}
#auth-box .connect-type a.euroschool:before {
  background: url('/images/socials-3.png?1480497114') no-repeat -260px top;
}
#auth-box .register-form .actions {
  margin-top: 30px;
}
#auth-box .msg-success {
  color: #8ac524;
  background: #eef5e2;
  border: 2px solid #8ac524;
  font: normal 500 16px/24px "Noto Serif", serif;
  padding: 12px;
  margin: 24px 0 10px;
}
#auth-box .msg-success, #auth-box .msg-success + p {
  text-align: center;
}
#auth-box .forget-form > p {
  margin-top: 70px;
}
@media only screen and (max-width: 940px) {
  #auth-box .auth-step {
    width: 370px;
    margin-top: 150px;
  }
  #auth-box .auth-step .step-main, #auth-box .auth-step .step-aside, #auth-box .auth-step .step-full {
    width: 100%;
    padding: 30px 30px !important;
    border: none;
    float: none;
  }
  #auth-box .auth-step .step-aside {
    border-top: 4px solid #fafafa;
  }
  #auth-box .connect-type {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #auth-box .register-form .actions {
    margin-top: 20px;
  }
  #auth-box .forget-form > p {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 500px) {
  #auth-box .actions .input-submit {
    float: none;
    width: 100%;
  }
  #auth-box .actions a {
    float: none;
  }
  #auth-box .auth-step {
    width: 280px;
    margin-top: 100px;
  }
  #auth-box .register-form .actions {
    margin-top: 0;
  }
  #auth-box .forget-form > p {
    margin-top: 20px;
  }
}

#banner {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 170px;
  background: #1C4054;
}
#banner .dirty-border {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 10px;
  background: transparent url('/images/dirty-border-1.png?1480497113') repeat-x left top;
}
#banner .halo {
  position: absolute;
  right: -190px;
  top: 0;
  display: block;
  z-index: 0;
  width: 637px;
  height: 173px;
  background: transparent url('/images/halo.png?1480497114') no-repeat left top;
}
#banner .inner {
  position: relative;
  height: 170px;
}
@media only screen and (max-width: 940px) {
  #banner .inner {
    width: 280px;
    height: auto;
    margin: 0 auto;
  }
}
#banner .logo {
  position: relative;
  float: left;
  z-index: 10;
  width: 460px;
  height: 45px;
  margin: 50px 0 0 0;
}
#banner .logo a {
  display: inline-block;
  width: 460px;
  height: 45px;
  background: transparent url('/images/logo.png?1480497114') no-repeat left top;
  text-indent: -99999px;
}
#banner .etwinning {
  position: relative;
  float: right;
  z-index: 10;
  width: 188px;
  height: 55px;
  margin: 40px 0 0 0;
}
#banner .etwinning a {
  display: inline-block;
  width: 188px;
  height: 55px;
  background: transparent url('/images/etwinning.png?1480497113') no-repeat left top;
  text-indent: -99999px;
}
@media only screen and (max-width: 940px) {
  #banner {
    height: 160px;
  }
  #banner .logo {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 33px 0 12px;
    text-align: center;
  }
  #banner .logo a {
    width: 280px;
    height: 27px;
    background-size: 280px 27px;
  }
  #banner .etwinning {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: right;
  }
  #banner .etwinning a {
    width: 122px;
    height: 37px;
    background-size: 122px 37px;
    text-indent: 99999px;
  }
}

#menu {
  position: relative;
  z-index: 30;
  max-width: 940px;
  height: 50px;
  margin: -28px auto 0;
  background: #F17D00;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#menu p {
  margin: 0;
}
#menu ul {
  list-style: none;
  margin: 0;
}
#menu li {
  float: left;
  padding: 0 10px;
  background: transparent url('/images/line-separate-1.png?1480497114') no-repeat right 15px;
  font: 700 14px/51px "Noto Serif", serif;
  color: #FFF;
  text-transform: uppercase;
}
#menu li.first {
  padding: 0 10px 0 20px;
}
#menu li.last {
  padding: 0 0 0 10px;
  background: none;
}
#menu a {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font: 700 14px/50px "Noto Serif", serif;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
#menu a:hover, #menu a.selected {
  color: #1C4054;
}
#menu a.selected:after {
  bottom: -7px;
}
#menu a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 14px;
  height: 7px;
  margin: 0 0 0 -7px;
  background: transparent url('/images/menu-arrow.png?1480497114') no-repeat left top;
  -webkit-transition: bottom 150ms ease-in-out;
  -moz-transition: bottom 150ms ease-in-out;
  -o-transition: bottom 150ms ease-in-out;
  transition: bottom 150ms ease-in-out;
}
#menu .search {
  float: right;
  width: 60px;
  height: 50px;
  padding: 0;
  margin: 0;
  background: none;
}
#menu .search a {
  background: transparent url('/images/search-icon-1.png?1480497114') no-repeat left top;
  text-indent: -99999px;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
}
#menu .search a:after {
  display: none;
}
#menu .search a:hover {
  background: #FFA729 url('/images/search-icon-1.png?1480497114') no-repeat left top;
}
.open-search #menu .search a {
  background: #FFA729 url('/images/search-icon-1.png?1480497114') no-repeat left top;
}
#menu .icon-home {
  display: inline-block;
  line-height: 50px;
  vertical-align: sub;
  background-image: url('/images/icon-home.png?1480497114');
  background-size: 20px 18px;
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  margin-right: 5px;
}
#menu #menu-toggler {
  display: none;
  width: 100%;
  height: 50px;
  padding: 0 0 0 45px;
  background: transparent url('/images/menu-icon.png?1480497114') no-repeat 20px 18px;
  text-decoration: none;
}
#menu #menu-toggler:hover {
  color: #FFF;
}
#menu .menu-search {
  position: absolute;
  right: 0;
  top: 50px;
  padding: 20px;
  display: none;
  background: #FFA729;
}
#menu .menu-search .field {
  margin: 0;
}
#menu .menu-search .field-left {
  width: 300px;
  margin-right: 20px;
}
#menu .menu-search .field-right {
  width: 120px;
}
#menu .menu-search .input-text {
  width: 250px;
  padding: 15px 25px;
  background: #FFF;
}
#menu .menu-search .input-text:focus, #menu .menu-search .input-text:hover {
  background: #F5F5F5;
}
#menu .menu-search .input-submit {
  padding: 15px 0;
  background: #1C4054;
}
#menu .menu-search .input-submit:hover, #menu .menu-search .input-submit:focus {
  background: #43AED1;
}
.open-search #menu .menu-search {
  display: block;
  -moz-animation: slideUp 200ms ease-in-out;
  -webkit-animation: slideUp 200ms ease-in-out;
  animation: slideUp 200ms ease-in-out;
}
@media only screen and (max-width: 940px) {
  #menu {
    overflow: hidden;
    margin: -28px 80px 0;
  }
  #menu #menu-toggler {
    display: block;
  }
}
@media only screen and (max-width: 470px) {
  #menu {
    margin: -28px 20px 0;
  }
}

#menu-mobile {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  width: 250px;
  background: #1C4054;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  -moz-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
#menu-mobile:after {
  content: "";
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.open-menu #menu-mobile {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.open-menu #menu-mobile:after {
  left: 248px;
}
#menu-mobile ul {
  list-style: none;
  margin: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
#menu-mobile li {
  padding: 0;
  margin: 0 20px;
  border-bottom: 1px solid #295d7a;
}
#menu-mobile li.first {
  margin: 40px 20px 0;
}
#menu-mobile li.last {
  border: none;
}
#menu-mobile li.lng {
  margin: 0;
  border: none;
}
#menu-mobile li.lng:hover .lng-toggler {
  color: #1C4054;
}
#menu-mobile a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 0;
  font: 700 16px/20px "Noto Serif", serif;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
#menu-mobile a.lng-toggler {
  padding: 20px;
  background: #FFF url('/images/lng-arrow.png?1480497114') no-repeat 80% center;
  text-transform: none;
  color: #829BA9;
  line-height: 22px;
}
#menu-mobile a.lng-toggler:after {
  display: none;
}
#menu-mobile a:hover, #menu-mobile a.selected {
  color: #F17D00;
}
#menu-mobile .join {
  margin: 0;
  border: none;
}
#menu-mobile .join a {
  padding: 20px;
  background: #43AED1;
  color: #FFF;
  text-transform: none;
}
#menu-mobile .join a:hover {
  background: #2C93B5;
  color: #FFF;
}
#menu-mobile .search {
  border: none;
  margin: 0;
}
#menu-mobile .search a {
  width: 100%;
  height: 52px;
  margin: 0;
  padding: 0;
  background: #F17D00 url('/images/search-icon-1.png?1480497114') no-repeat left center;
  text-indent: -99999px;
}
#menu-mobile .search a:after {
  display: none;
}
#menu-mobile .search a:hover {
  background: #FFA729 url('/images/search-icon-1.png?1480497114') no-repeat left center;
}
#menu-mobile .lng-options {
  width: 250px;
  max-height: 250px;
  background: #FFF;
  display: none;
  border-top: 1px solid #E0E0E0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#menu-mobile .lng-options li {
  margin: 0;
  border-bottom: 1px solid #E0E0E0;
}
#menu-mobile .lng-options li.first {
  margin: 0;
}
#menu-mobile .lng-options a {
  padding: 20px;
  background: #FFF;
  text-transform: none;
  color: #829BA9;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#menu-mobile .lng-options a:after {
  display: none;
}
#menu-mobile .lng-options a:hover, #menu-mobile .lng-options a.selected {
  background: #F5F5F5;
}
.open-lng #menu-mobile .lng-options {
  display: block;
}
@media only screen and (max-width: 940px) {
  #menu-mobile {
    display: block;
  }
}

#footer {
  position: relative;
  margin: 50px 0 0;
  padding: 60px 0 25px;
  background: #1C4054;
}
#footer .dirty-border {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: block;
  z-index: 0;
  width: 100%;
  height: 7px;
  background: transparent url('/images/dirty-border-2.png?1480497113') repeat-x left top;
}
#footer .column {
  float: left;
}
#footer #footer-col-1 {
  width: 25%;
}
#footer #footer-col-2 {
  width: 25%;
}
#footer #footer-col-3 {
  width: 50%;
}
#footer #footer-col-3 p {
  font: italic 400 12px/20px "Georgia", "Times", serif;
  color: #87A1AF;
}
#footer h3 {
  margin: 0 0 20px;
  font: 700 14px/22px "Noto Serif", serif;
  color: #FFF;
  letter-spacing: 0.5px;
}
#footer h3.htag {
  font: 700 14px/22px "Noto Sans", sans-serif;
}
#footer h3 em {
  font: 100 14px/22px "Noto Sans", sans-serif;
  color: #FFF;
}
#footer h3 strong {
  color: #F17D00;
}
@media only screen and (max-width: 940px) {
  #footer .column {
    float: none;
  }
  #footer #footer-col-1 {
    width: 100%;
    padding: 0 0 30px;
    margin: 0 0 25px;
    border-bottom: 1px solid #335365;
  }
  #footer #footer-col-2 {
    width: 100%;
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #335365;
  }
  #footer #footer-col-3 {
    width: 100%;
    margin: 0;
  }
}
#footer .btn-orange {
  margin-top: 30px;
}

.footer-quicklinks {
  list-style: none;
  margin: 0;
}
.footer-quicklinks li {
  position: relative;
}
.footer-quicklinks li.first a {
  padding-top: 0;
}
.footer-quicklinks li.first .link-icon {
  top: 0;
  margin: 0;
}
.footer-quicklinks li.last a {
  padding-bottom: 0;
}
.footer-quicklinks li.last .link-icon {
  top: 10px;
  margin: 0;
}
.footer-quicklinks li.news .link-icon {
  background-position: left 0px;
}
.footer-quicklinks li.news:hover .link-icon {
  background-position: -21px 0px;
}
.footer-quicklinks li.news:hover a {
  color: #698595;
}
.footer-quicklinks li.practices .link-icon {
  background-position: left -21px;
}
.footer-quicklinks li.practices:hover .link-icon {
  background-position: -21px -21px;
}
.footer-quicklinks li.practices:hover a {
  color: #698595;
}
.footer-quicklinks li.tutorials .link-icon {
  background-position: left -42px;
}
.footer-quicklinks li.tutorials:hover .link-icon {
  background-position: -21px -42px;
}
.footer-quicklinks li.tutorials:hover a {
  color: #698595;
}
.footer-quicklinks li.experts .link-icon {
  background-position: left -63px;
}
.footer-quicklinks li.experts:hover .link-icon {
  background-position: -21px -63px;
}
.footer-quicklinks li.experts:hover a {
  color: #698595;
}
.footer-quicklinks li.discussions .link-icon {
  background-position: left -84px;
}
.footer-quicklinks li.discussions:hover .link-icon {
  background-position: -21px -84px;
}
.footer-quicklinks li.discussions:hover a {
  color: #698595;
}
.footer-quicklinks li.policy .link-icon {
  background-position: left -105px;
}
.footer-quicklinks li.policy:hover .link-icon {
  background-position: -21px -105px;
}
.footer-quicklinks li.policy:hover a {
  color: #698595;
}
.footer-quicklinks li.tools .link-icon {
  background-position: left -126px;
}
.footer-quicklinks li.tools:hover .link-icon {
  background-position: -21px -126px;
}
.footer-quicklinks li.tools:hover a {
  color: #698595;
}
.footer-quicklinks li.resources .link-icon {
  background-position: left -147px;
}
.footer-quicklinks li.resources:hover .link-icon {
  background-position: -21px -147px;
}
.footer-quicklinks li.resources:hover a {
  color: #698595;
}
.footer-quicklinks a {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 10px 0 10px 0;
  font: 700 14px/22px "Noto Serif", serif;
  color: #FFF;
  letter-spacing: 0.5px;
  text-decoration: none;
  -webkit-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.footer-quicklinks a:hover {
  color: #698595;
}
.footer-quicklinks .link-icon {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  z-index: 0;
  width: 21px;
  height: 21px;
  margin: -10.5px 0 0 0;
  background: transparent url('/images/footer-icons.png?1480497114') no-repeat left top;
}

.footer-socials {
  list-style: none;
  margin: 0;
}
.footer-socials li {
  float: left;
}
.footer-socials a {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('/images/socials-2.png?1480497114') no-repeat left top;
  text-indent: -9999px;
}
.footer-socials a.fbk {
  background-position: 0px top;
  margin: 0 10px 0 -6px;
}
@media only screen and (max-width: 940px) {
  .footer-socials a.fbk {
    margin: 0 10px 0 -6px;
  }
}
.footer-socials a.fbk:hover {
  background-position: 0px bottom;
}
.footer-socials a.twt {
  background-position: -23px top;
  margin: 0 19px 0 0;
}
.footer-socials a.twt:hover {
  background-position: -23px bottom;
}
.footer-socials a.ytb {
  background-position: -46px top;
  margin: 0 17px 0 0;
}
.footer-socials a.ytb:hover {
  background-position: -46px bottom;
}
.footer-socials a.rss {
  background-position: -69px top;
  margin: 0 17px 0 0;
}
.footer-socials a.rss:hover {
  background-position: -69px bottom;
}
.footer-socials a.msg {
  background-position: -92px top;
  margin: 0;
}
.footer-socials a.msg:hover {
  background-position: -92px bottom;
}

.footer-copy {
  margin: 40px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #335365;
}
.footer-copy p {
  margin: 0;
  font: italic 400 12px/53px "Georgia", "Times", serif;
  color: #87A1AF;
}
.footer-copy a {
  color: #FFF;
  text-decoration: none;
}
.footer-copy a:hover {
  color: #FFF;
  text-decoration: underline;
}
.footer-copy .rights {
  float: left;
}
.footer-copy .founder {
  position: relative;
  float: right;
  padding-right: 165px;
}
.footer-copy .founder a {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 940px) {
  .footer-copy {
    margin: 30px 0 0;
    padding: 15px 0 0;
  }
  .footer-copy p {
    line-height: 20px;
  }
  .footer-copy .rights,
  .footer-copy .founder {
    float: none;
  }
  .footer-copy .founder {
    display: inline-block;
    margin: 20px 0 0;
    line-height: 53px;
  }
}

.footer-menu2 {
  list-style-type: none;
  margin: 45px 0 0;
}
.footer-menu2 li {
  font: normal 400 12px/20px "Noto Serif", serif;
  margin: 10px 0;
  color: #7c96a5;
}
.footer-menu2 li a {
  color: #7c96a5;
  padding-left: 5px;
  text-decoration: none;
}
.footer-menu2 li a:hover {
  color: #FFFFFF;
}

.btn-orange {
  display: inline-block;
  padding: 16px 40px;
  background-color: #F17D00;
  color: #FFFFFF;
  font: normal 700 16px/20px "Noto Serif", serif;
  border-radius: 4px;
  text-decoration: none;
}
.btn-orange:hover {
  background-color: #FFA729;
  color: #FFFFFF;
}

h1 {
  margin: 0 0 25px;
  font: normal 700 38px/40px "Noto Serif", serif;
  color: #F17D00;
}

h2 {
  margin: 40px 0 20px;
  font: normal 700 28px/30px "Noto Serif", serif;
  color: #1C4054;
}

h3 {
  margin: 40px 0 20px;
  font: normal 700 22px/25px "Noto Serif", serif;
  color: #1C4054;
}

h4, h5, h6 {
  margin: 40px 0 10px;
  font: normal 700 18px/22px "Noto Serif", serif;
  color: #69665E;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-style: normal;
  font-weight: 300;
}

p {
  margin: 0 0 20px;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
p.hat {
  margin: 25px 0 20px;
  font: normal 700 16px/26px "Noto Serif", serif;
  color: #69665E;
}

ul, ol {
  margin: 0 0 20px;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}

ul {
  list-style: disc;
  margin-left: 17px;
}
ul li {
  display: list-item;
}

ol {
  list-style: decimal;
  margin-left: 20px;
}
ol li {
  display: list-item;
}

blockquote {
  margin: 40px 0 30px;
  padding: 30px 35px 30px 45px;
  background: #e0ecf3 url('/images/quote-icon-1.png?1480497114') no-repeat 17px 20px;
  font: italic 400 15px/22px "Georgia", "Times", serif;
  color: #69665E;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
blockquote strong {
  display: block;
  margin: 10px 0 0;
  font: normal 700 13px/16px "Noto Serif", serif;
  color: #1C4054;
}

img {
  display: inline-block;
}
img.image-left {
  float: left;
  margin: 0 20px 10px 0;
}
img.image-right {
  float: right;
  margin: 0 0 10px 20px;
}
@media only screen and (max-width: 760px) {
  img.image-left, img.image-right {
    float: none;
    display: block;
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 560px) {
  img {
    width: 100%;
    height: auto;
  }
}

a {
  color: #1C4054;
  text-decoration: underline;
  -webkit-transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border 100ms ease-in-out;
  -moz-transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border 100ms ease-in-out;
  -o-transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border 100ms ease-in-out;
  transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border 100ms ease-in-out;
}
a:hover {
  color: #43AED1;
  text-decoration: none;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

table {
  width: 100%;
  margin: 30px 0;
  background: #e0ecf3;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
table th, table td {
  padding: 10px 15px;
}
table th {
  background: #F17D00;
  border: 1px solid #F17D00;
  border-right: 1px solid #d87000;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #FFF;
}
table td {
  background: #e0ecf3;
  border: 1px solid #E0E0E0;
}

.report {
  margin: 25px 0 30px;
}
.report p {
  padding: 19px 0;
  margin: 0 0 10px;
  border: 2px solid #000;
  font: normal 700 16px/22px "Noto Serif", serif;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.report p.bad,
.report.bad p {
  background: #FCE8DC;
  border-color: #DE580F;
  color: #DE580F;
}
.report p.good,
.report.good p {
  background: #EEF5E2;
  border-color: #8AC524;
  color: #8AC524;
}

.button {
  width: 100%;
}
.button a {
  display: block;
  padding: 15px 0;
  background: #e0ecf3;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #43aed1;
  text-align: center;
  letter-spacing: 0.5px;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.button a:hover {
  background: #bbd5e5;
}

.switcher {
  margin: 0;
}
.switcher a {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: background 200ms ease-in-out;
  -moz-transition: background 200ms ease-in-out;
  -o-transition: background 200ms ease-in-out;
  transition: background 200ms ease-in-out;
}
.switcher a.inactive {
  background: #DE580F;
}
.switcher a.inactive .handler {
  left: 28px;
}
.switcher a.active {
  background: #8AC524;
}
.switcher a.active .handler {
  left: 3px;
}
.switcher .inactive-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  z-index: 5;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0;
  background: transparent url('/images/switch-inactive.png?1480497114') no-repeat left top;
}
.switcher .active-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  z-index: 5;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0;
  background: transparent url('/images/switch-active.png?1480497114') no-repeat left top;
}
.switcher .handler {
  position: absolute;
  left: 3px;
  top: 50%;
  display: block;
  z-index: 10;
  width: 19px;
  height: 19px;
  margin: -9.5px 0 0;
  background: #FFF;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.video-sample {
  position: relative;
  width: 100%;
  height: auto;
  margin: 30px 0;
}
.video-sample img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}
.video-sample .cache {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 20;
  width: 100%;
  height: 100%;
  background: transparent url('/images/video-cache.png?1480497114') repeat left top;
}
.video-sample .play {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  z-index: 30;
  width: 67px;
  height: 67px;
  margin-top: -33.5px;
  margin-left: -33.5px;
  background: transparent url('/images/play-button2.png?1480497114') no-repeat left top;
  background-size: 67px 134px;
}
.video-sample:hover .play {
  background-position: left bottom;
}

@-moz-keyframes slideDown {
  0% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
form .field {
  position: relative;
  margin: 0 0 20px;
}
form .field.field-left, form .field.field-right {
  float: left;
  width: 290px;
}
form .field.field-left .input-text,
form .field.field-left textarea, form .field.field-right .input-text,
form .field.field-right textarea {
  width: 240px;
}
form .field.field-left {
  margin-right: 20px;
}
form .field.error .required {
  display: block;
}
form .field.error .input-text,
form .field.error textarea,
form .field.error label {
  color: #DE580F;
}
form .field.file-field {
  padding: 21px 0;
}
form .field.file-field input[type="file"] {
  height: 20px;
}
@media only screen and (max-width: 940px) {
  form .field.field-left, form .field.field-right {
    float: none;
    width: 100%;
  }
  form .field.field-left .input-text,
  form .field.field-left textarea, form .field.field-right .input-text,
  form .field.field-right textarea {
    width: 100%;
  }
}
form .field-check label {
  padding: 0 0 0 23px;
  margin: 0 0 10px;
  background: transparent url('/images/check-1.png?1480497113') no-repeat left 3px;
}
form .field-check label.checked {
  background: transparent url('/images/check-2.png?1480497113') no-repeat left 3px;
}
form .field-check .input-check {
  display: none;
}
form .field-radio label {
  padding: 0 0 0 23px;
  margin: 0 0 10px;
  background: transparent url('/images/radio-1.png?1480497114') no-repeat left 3px;
}
form .field-radio label.checked {
  background: transparent url('/images/radio-2.png?1480497114') no-repeat left 3px;
}
form .field-radio .input-radio {
  display: none;
}
form .field-switch .input-check {
  display: none;
}
form dt {
  float: left;
}
form dt label {
  display: block;
  margin: 22px 0 0;
  font: normal 700 18px/24px "Noto Serif", serif;
  color: #69665E;
}
form dd {
  position: relative;
  float: left;
}
form label {
  display: block;
  font: normal 500 14px/20px "Noto Sans", sans-serif;
  color: #69665E;
  cursor: pointer;
}
form .input-text,
form textarea {
  width: 550px;
  -webkit-appearance: none;
  outline: none;
  border: none;
  padding: 20px 25px;
  background: #e0ecf3;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
form .input-text:focus, form .input-text:hover,
form textarea:focus,
form textarea:hover {
  background: #bbd5e5;
}
@media only screen and (max-width: 940px) {
  form .input-text,
  form textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
form .file-field {
  padding: 20px 25px;
  background: #e0ecf3;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
form .file-field:focus, form .file-field:hover {
  background: #bbd5e5;
}
form .input-date {
  background: #e0ecf3 url('/images/ico_calendar.png?1480497114') no-repeat 90% center;
  cursor: pointer;
}
form .input-date:focus, form .input-date:hover {
  background: #bbd5e5 url('/images/ico_calendar.png?1480497114') no-repeat 90% center;
}
form textarea {
  resize: vertical;
  height: 250px;
}
form select {
  -webkit-appearance: none;
  outline: none;
  border: none;
  width: 100%;
  padding: 20px 25px;
  background: #e0ecf3 url('/images/lng-arrow.png?1480497114') no-repeat 93% center;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
form select:focus, form select:hover {
  background: #bbd5e5 url('/images/lng-arrow.png?1480497114') no-repeat 93% center;
}
@media only screen and (max-width: 940px) {
  form select, form .input-date {
    background-position: 96% center;
  }
  form select:hover, form select:focus, form .input-date:hover, form .input-date:focus {
    background-position: 96% center;
  }
}
@media only screen and (max-width: 650px) {
  form select, form .input-date {
    background-position: 94% center;
  }
  form select:hover, form select:focus, form .input-date:hover, form .input-date:focus {
    background-position: 94% center;
  }
}
form .input-submit {
  -webkit-appearance: none;
  outline: none;
  border: none;
  width: 100%;
  padding: 20px 0;
  background: #F17D00;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #FFF;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
  -webkit-font-smoothing: antialiased;
}
form .input-submit:hover, form .input-submit:focus {
  background: #FFA729;
}
form .input-reset {
  -webkit-appearance: none;
  outline: none;
  border: none;
  width: 100%;
  padding: 10px 0;
  background: #F17D00;
  font: normal 700 14px/18px "Noto Sans", sans-serif;
  color: #FFF;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
  -webkit-font-smoothing: antialiased;
}
form .input-reset:hover, form .input-reset:focus {
  background: #FFA729;
}
form .input-reset .icon-cross {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('/images/icon-cross.png?1480497114') no-repeat;
  margin-right: 5px;
}
form .tips {
  position: absolute;
  left: 0;
  bottom: -22px;
  margin: 0;
  padding: 0;
  font: italic 400 12px/22px "Georgia", "Times", serif;
  color: #69665E;
}
@media only screen and (max-width: 940px) {
  form .tips {
    position: relative;
    left: inherit;
    bottom: inherit;
  }
}
form .required {
  position: absolute;
  left: 0;
  top: -22px;
  margin: 0;
  padding: 0;
  font: italic 400 12px/22px "Georgia", "Times", serif;
  color: #DE580F;
  display: none;
}
@media only screen and (max-width: 940px) {
  form .required {
    position: relative;
    left: inherit;
    top: inherit;
  }
}
@media only screen and (max-width: 940px) {
  form dt label {
    margin: 0 0 5px;
  }
  form dt,
  form dd {
    float: none;
    display: block;
    width: 100%;
  }
}

.dk-select,
.dk-select *,
.dk-select *:before,
.dk-select *:after,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi *:before,
.dk-select-multi *:after {
  -prefix-box-sizing: border-box;
  -prefix-box-sizing: border-box;
  box-sizing: border-box;
}

.dk-select,
.dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.dk-select:hover .dk-selected,
.dk-select-multi:hover .dk-selected {
  background: #bbd5e5 url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
}

.dk-selected {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background: #e0ecf3 url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
  padding: 20px 55px 20px 25px;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -prefix-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.dk-selected-disabled {
  color: #BBBBBB;
}

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  padding-bottom: 0;
}

.dk-select-open-up .dk-select-options {
  border-radius: 4px 4px 0 0;
  margin-bottom: -1px;
  bottom: 100%;
}

.dk-select-open-down .dk-select-options {
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
  top: 100%;
}

.dk-select-multi .dk-select-options {
  max-height: 250px;
}

.dk-select-options {
  width: 100%;
  z-index: 100;
  background-color: #d8e7f0;
  border-radius: 4px;
  overflow-x: hidden;
  max-height: 250px;
  list-style: none;
  margin: 0;
  padding: 0 0 10px;
}

.dk-select-multi .dk-select-options {
  background-color: #e0ecf3;
  padding: 0;
}
.dk-select-multi .dk-select-options .dk-option:first-child {
  display: none;
}
.dk-select-multi .dk-select-options .dk-option-selected {
  background-color: #bbd5e5;
}
.dk-select-multi .dk-select-options .dk-option-selected + .dk-option-selected {
  position: relative;
}
.dk-select-multi .dk-select-options .dk-option-selected + .dk-option-selected:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #e0ecf3;
}

.dk-option-selected {
  color: #1C4054;
  background-color: #ecf3f8;
}

.dk-select-options-highlight .dk-option-selected {
  background-color: #ecf3f8;
  color: #1C4054;
}

.dk-option {
  padding: 10px 25px;
  border-bottom: 1px solid #ccd9e0;
}

.dk-select-options .dk-option-highlight {
  color: #1C4054;
  background-color: #ecf3f8;
}

.dk-select-options .dk-option-disabled {
  color: #BBBBBB;
  background-color: transparent;
}

.dk-optgroup {
  border: solid #CCCCCC;
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em;
}
.dk-optgroup + .dk-option {
  margin-top: 0.25em;
}
.dk-optgroup + .dk-optgroup {
  border-top-width: 0;
  margin-top: 0;
}
.dk-optgroup:nth-child(2) {
  padding-top: 0;
  border-top: none;
  margin-top: 0;
}
.dk-optgroup:last-child {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%;
}

.dk-optgroup-options {
  list-style: none;
  padding-left: 0;
}
.dk-optgroup-options li {
  padding-left: 1.2em;
}

.dk-select-open-up .dk-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #bbd5e5 url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
}

.dk-select-open-down .dk-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #bbd5e5 url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
}

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: #3297fd;
}

.dk-select-multi:hover,
.dk-select-multi:focus {
  outline: none;
}

.dk-selected:hover,
.dk-selected:focus {
  outline: none;
  border-color: #3297fd;
}
.dk-selected:hover:before,
.dk-selected:focus:before {
  border-top-color: #3297fd;
}
.dk-selected:hover:after,
.dk-selected:focus:after {
  border-left-color: #3297fd;
}

.dk-select-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed;
}
.dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
  border-color: inherit;
}
.dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
  border-top-color: inherit;
}
.dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
  border-left-color: inherit;
}

select[data-dkcacheid] {
  display: none;
}

@media only screen and (max-width: 940px) {
  .dk-select:hover .dk-selected {
    background-position: 96% center;
  }

  .dk-selected {
    background-position: 96% center;
  }
  .dk-selected:hover {
    background-position: 96% center;
  }
}
@media only screen and (max-width: 650px) {
  .dk-select:hover .dk-selected {
    background-position: 94% center;
  }

  .dk-selected {
    background-position: 94% center;
  }
  .dk-selected:hover {
    background-position: 94% center;
  }
}
.ui-datepicker {
  display: none;
}

.ui-datepicker-header {
  color: #69665E;
  position: relative;
  font: italic 400 16px/16px "Georgia", "Times", serif;
  background: #bbd5e5;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1em 0;
  text-align: center;
  border: 1px solid #a8cade;
  overflow: hidden;
}
.ui-datepicker-header .ui-datepicker-title {
  color: #1C4054;
}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0;
  bottom: 0;
  width: 60px;
  text-decoration: none;
  -webkit-transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon, .ui-datepicker-header .ui-datepicker-next .ui-icon {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker-header .ui-datepicker-next:before {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -14px 0 0 -14px;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #F17D00;
  color: #F17D00;
  font: normal 600 16px/24px "Georgia", "Times", serif;
}
.ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-prev:focus, .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker-header .ui-datepicker-next:focus {
  background: #e0ecf3;
}
.ui-datepicker-header .ui-datepicker-next {
  right: 0;
}
.ui-datepicker-header .ui-datepicker-next:before {
  content: "\203A";
}
.ui-datepicker-header .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker-header .ui-datepicker-prev:before {
  content: "\2039";
}

.ui-datepicker-calendar {
  margin: 0 0 1em 0;
}
.ui-datepicker-calendar td {
  padding: 0;
}
.ui-datepicker-calendar td a {
  display: block;
  padding: 10px 15px;
  color: #1C4054;
}
.ui-datepicker-calendar td a:hover, .ui-datepicker-calendar td a:focus {
  color: #fff;
  background: #1C4054;
}
.ui-datepicker-calendar td.ui-datepicker-week-end {
  background: #d8e7f0;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
  text-align: center;
}
.ui-datepicker-calendar a {
  text-decoration: none;
  -webkit-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/** 
 *  Master Slider
 * 	Core css file
 */
.master-slider {
  position: relative;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
}

.master-slider, .master-slider * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.master-slider.ms-fullheight {
  height: 100%;
}

.ms-layout-partialview .ms-view {
  overflow: visible;
  background-color: transparent;
}

.ms-layout-partialview .ms-container {
  overflow: hidden;
}

.master-slider img, .ms-slide-bgvideocont video {
  max-width: none;
}

.ms-ie img {
  border: none;
}

.ms-ie8 * {
  opacity: inherit;
  filter: inherit;
}

.ms-ie7 {
  zoom: 1;
}

.ms-loading-container {
  position: absolute;
  width: 100%;
  top: 0;
}

.ms-slide-auto-height {
  display: table;
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: url('/images/loading-2.gif?1480497114') no-repeat center white;
  border-radius: 60px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: 0.9;
}

/* grab cursor */
.ms-no-swipe, .ms-def-cursor {
  cursor: auto !important;
}

.ms-grab-cursor {
  cursor: url('/images/grab.png?1480497114'), move;
}

.ms-grabbing-cursor {
  cursor: url('/images/grabbing.png?1480497114'), move;
}

.ms-ie .ms-grab-cursor {
  cursor: url('/images/grab.cur?1480497114'), move;
}

.ms-ie .ms-grabbing-cursor {
  cursor: url('/images/grabbing.cur?1480497114'), move;
}

.ms-view {
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px;
}

.ms-view .ms-slide-container {
  position: relative;
}

.ms-slide {
  position: absolute;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%;
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
  position: absolute;
  overflow: hidden;
  width: 100%;
}

.ms-slide .ms-slide-bgvideocont {
  z-index: 105;
  height: 100%;
}

.ms-slide .ms-slide-bgvideocont,
.ms-slide-bgvideocont > video {
  -webkit-transform: translateZ(0.3px);
  -moz-transform: translateZ(0.3px);
  -ms-transform: translateZ(0.3px);
  -o-transform: translateZ(0.3px);
  transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo {
  position: absolute;
  top: 0px;
}

.ms-inner-controls-cont, .ms-container {
  position: relative;
  margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms-slide .ms-layer {
  position: absolute;
}

.ms-slide .ms-slide-layers {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 110;
  top: 0px;
}

.ms-slide .ms-slide-video {
  position: absolute;
  top: 0;
  z-index: 111;
  background: black;
  padding: 0;
  margin: 0;
  border: none;
}

.ms-parallax-layer {
  width: 100%;
  position: absolute;
  top: 0;
}

.ms-scroll-parallax-cont {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0.4px);
  -moz-transform: translateZ(0.4px);
  -ms-transform: translateZ(0.4px);
  -o-transform: translateZ(0.4px);
  transform: translateZ(0.4px);
}

/*-----------------------------------------------------------*/
.ms-action-layer {
  cursor: pointer;
}

.ms-btn-container {
  position: absolute;
}

.ms-btn {
  text-decoration: none;
  display: inline-block;
  color: black;
  position: relative;
  padding: 8px 15px;
  cursor: pointer;
  white-space: nowrap;
}

.ms-default-btn {
  background: #0074A2;
  border-radius: 5px;
  color: #FFF;
}

.ms-default-btn:hover {
  background-color: #0098D5;
}

.ms-default-btn:active {
  top: 1px;
}

.ms-layer.video-box {
  background: black;
}

.ms-layer.video-box iframe {
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  z-index: 110;
}

.ms-btn-s {
  padding: 14px 17px;
  font-size: 80%;
  line-height: 0;
}

.ms-btn-m {
  padding: 12px 40px;
}

.ms-btn-n {
  padding: 8px 25px;
  font-size: 95%;
}

.ms-btn-l {
  padding: 17px 50px;
  font-size: 120%;
}

.ms-btn-round {
  border-radius: 5px;
}

.ms-btn-circle {
  border-radius: 100px;
}

.ms-btn-outline-round {
  border-radius: 5px;
}

.ms-btn-outline-circle {
  border-radius: 100px;
}

/*-----------------------------------------------------------*/
.ms-layer.video-box {
  background: black;
}

.ms-layer.video-box iframe {
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  z-index: 110;
}

.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
  position: absolute;
  cursor: pointer;
  z-index: 110;
}

.ms-slide .ms-slide-vcbtn {
  position: absolute;
  cursor: pointer;
  z-index: 113;
}

.ms-slide-vcbtn-mobile {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background-color: black;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 0.75em;
  display: inline-block;
  background: url('/images/video-close-btn.png?1480497114') no-repeat 0px 3px;
  padding-left: 15px;
  height: 15px;
  color: #DBDBDB;
  margin-top: 7px;
}

.ms-slide .ms-slide-vcbtn,
.ms-slide .ms-slide-layers,
.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-slide-video {
  -webkit-transform: translateZ(0.44px);
  -moz-transform: translateZ(0.44px);
  -ms-transform: translateZ(0.44px);
  -o-transform: translateZ(0.44px);
  transform: translateZ(0.44px);
}

.ms-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ms-mask-frame {
  overflow: hidden;
  position: absolute;
  float: left;
}

/* controls */
.ms-thumb-list {
  overflow: hidden;
  position: absolute;
}

.ms-thumb-list.ms-dir-h {
  width: 100%;
}

.ms-thumb-list.ms-dir-v {
  height: 100%;
  top: 0;
}

.ms-thumbs-cont {
  position: relative;
}

.ms-thumb-frame img {
  width: 100%;
  height: auto;
}

.ms-thumb-frame {
  cursor: pointer;
  float: left;
  overflow: hidden;
  opacity: 0.5;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-thumb-frame-selected {
  opacity: 1;
}

.ms-tabs .ms-thumb-frame {
  background-color: #F6f6f6;
  text-shadow: 0 1px 1px white;
  color: #222;
  border: solid 1px white;
  border-width: 0 1px 1px 0;
  overflow: visible;
  position: relative;
  opacity: 1;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
  margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
  margin-left: 12px;
}

.ms-tabs .ms-thumb {
  padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
  opacity: 1;
  background: #EDEDED;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
  top: 0px;
  left: 50%;
  margin-left: -12px;
  border-bottom: solid 12px #F6f6f6;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  top: -12px;
  border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
  top: 50%;
  left: 0;
  margin-top: -12px;
  border-right: solid 12px #EDEDED;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  left: -12px;
  border-right-color: white;
}

.ms-bullet {
  cursor: pointer;
  float: left;
}

.ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-bullets.ms-dir-v {
  position: absolute;
  top: 50%;
}

.ms-bullets.ms-dir-v .ms-bullet {
  float: none;
}

.ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-sbar {
  position: absolute;
}

.ms-sbar.ms-dir-h {
  left: 10px;
  right: 10px;
  top: 5px;
}

.ms-sbar.ms-dir-v {
  top: 10px;
  bottom: 10px;
  right: 5px;
}

.ms-sbar .ms-bar {
  height: 4px;
  background: #333;
  border-radius: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {
  width: 4px;
}

.ms-sbar .ms-bar {
  position: relative;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-timerbar {
  width: 100%;
  bottom: 0px;
  position: absolute;
}

.ms-ctimer {
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer;
}

.ms-time-bar {
  -webkit-transition: width 120ms linear;
  -moz-transition: width 120ms linear;
  -ms-transition: width 120ms linear;
  -o-transition: width 120ms linear;
  transition: width 120ms linear;
}

.ms-ie7 .ms-tooltip-arrow {
  height: 0px;
}

.ms-slide-info {
  position: absolute;
}

.ms-slide-info.ms-dir-v {
  top: 0;
}

.ms-slide-info.ms-dir-h {
  width: 100%;
}

@keyframes point-anim {
  0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes point-anim {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}
/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
}

/**
 *  Master Slider
 *  Default Skin
 */
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
  width: 50px;
  height: 51px;
  background: url('/images/light-skin-1.png?1480497114') no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url('/images/light-skin-1.png?1480497114') no-repeat -24px -28px;
  top: 18px;
  right: 30px;
}

/* controls */
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #F17D00;
  cursor: pointer;
  top: 65px;
  left: -15px;
  position: absolute;
  z-index: 110;
  -webkit-transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ms-skin-default .ms-nav-next:hover,
.ms-skin-default .ms-nav-prev:hover {
  background-color: #FFA729;
}
.ms-skin-default .ms-nav-next:after,
.ms-skin-default .ms-nav-prev:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 11px;
  background-image: url('/images/icon-arrow-slider.png?1480497114');
  background-repeat: no-repeat;
  background-size: 12px 9px;
  width: 6px;
  height: 9px;
}

.ms-skin-default .ms-nav-next {
  right: -15px;
  left: auto;
}
.ms-skin-default .ms-nav-next:after {
  left: 12px;
  background-position: -6px 0;
}

.ms-skin-default .ms-bullet {
  width: 10px;
  height: 10px;
  background: url('/images/light-skin-1.png?1480497114') no-repeat;
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-default .ms-bullet-selected {
  background-position: -34px -84px;
}

.ms-skin-default .ms-time-bar {
  height: 3px;
  background: #FFFFFF;
  border-top: solid 1px rgba(0, 0, 0, 0.41);
}

.ms-skin-default .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px;
}

.ms-skin-default .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-default .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #BBB;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-default .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-default .ms-tooltip {
  max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  margin-left: -1px;
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-default .ms-slide .ms-slide-vpbtn,
  .ms-skin-default .ms-video-btn,
  .ms-skin-default .ms-slide .ms-slide-vcbtn,
  .ms-skin-default .ms-bullet {
    background-image: url('/images/light-skin-1-retina.png?1480497114');
    background-size: 152px 225px;
  }
}
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font: normal 700 14px/25px "Noto Sans", sans-serif;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border-top: 0;
  background: #bbd5e5;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 2px 15px;
  line-height: 22px;
  list-style: none;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  color: #69665E;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  color: #1C4054;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  background: #bbd5e5 url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: background 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: background 200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: background 200ms cubic-bezier(0.77, 0, 0.175, 1);
}
.chosen-container-multi .chosen-choices:hover {
  background: #a8cade url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #69665E;
  font: normal 700 14px/25px "Noto Sans", sans-serif;
  border-radius: 0;
  cursor: pointer;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  max-width: 90%;
  border-radius: 3px;
  background: #e0ecf3;
  color: #69665E;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 19px;
  height: 19px;
  font-size: 1px;
  background: url('/images/switch-inactive.png?1480497114') no-repeat center center;
  opacity: 0.5;
  -webkit-transition: opacity 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: opacity 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: opacity 200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 200ms cubic-bezier(0.77, 0, 0.175, 1);
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  opacity: 1;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  background-color: #e4e4e4;
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  opacity: 1;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #69665E;
  font: normal 700 14px/25px "Noto Sans", sans-serif;
  cursor: default;
}

.chosen-container-active.chosen-with-drop .chosen-choices {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  background: #a8cade url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  background: #a8cade url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
#content {
  margin: 50px 0 0;
}
#content .left-side {
  float: left;
  width: 600px;
  margin: 0 20px 0 0;
}
#content .left-side .widget {
  width: 540px;
}
#content .right-side {
  float: left;
  width: 320px;
}
#content .right-side .widget {
  width: auto;
}
#content.page-profile .left-side {
  width: 220px;
  margin: 0 40px 0 0;
}
#content.page-profile .right-side {
  width: 680px;
}
@media only screen and (max-width: 940px) {
  #content {
    margin: 35px 0 0;
  }
  #content .left-side,
  #content .right-side {
    float: none;
    width: 100%;
    margin: 0;
  }
  #content .left-side .widget,
  #content .right-side .widget {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content.page-profile .left-side,
  #content.page-profile .right-side {
    float: none;
    width: 100%;
    margin: 0;
  }
}

.erasmus {
  margin-bottom: 4px;
}
.erasmus a {
  display: block;
}
.erasmus img {
  display: block;
  max-width: 100%;
}
@media only screen and (max-width: 560px) {
  .erasmus img {
    width: auto;
  }
}

.cta-list {
  list-style: none;
  margin: 0;
}
.cta-list li {
  border-bottom: 2px solid #D4DBDF;
  position: relative;
  padding: 25px 78px 25px 0;
}
.cta-list li.course-catalogue {
  background: transparent url('/images/cta_courses-icon.png?1480497113') no-repeat right center;
}
.cta-list li.mob-opp {
  background: transparent url('/images/cta_mob_opp-icon.png?1480497113') no-repeat right center;
}
.cta-list li.partnerships {
  background: transparent url('/images/cta_partnerships-icon.png?1480497113') no-repeat right center;
}
.cta-list a, .cta-list strong, .cta-list em {
  display: block;
  letter-spacing: 0.05em;
}
.cta-list a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cta-list a .hidden {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.cta-list a:hover + strong, .cta-list a:focus + strong {
  color: #FFA729;
}
.cta-list strong {
  font: normal 700 16px/20px "Noto Serif", serif;
  margin-bottom: 6px;
  color: #F17D00;
  -webkit-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cta-list em {
  height: 23px;
  font: italic 500 12px/23px "Georgia", "Times", serif;
  color: #69665E;
  padding-left: 32px;
  background: transparent url('/images/cta_arrow.png?1480497113') no-repeat left center;
}

.breadcrumb {
  margin: 0 0 20px;
}
.breadcrumb ul {
  list-style: none;
  margin: 0;
}
.breadcrumb li {
  display: inline;
  font: italic 400 12px/12px "Georgia", "Times", serif;
  color: #69665E;
}
.breadcrumb a {
  color: #F17D00;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #69665E;
  text-decoration: underline;
}

.content-infos {
  list-style: none;
  margin: 0;
  font: italic 400 12px/15px "Georgia", "Times", serif;
  color: #69665E;
}
.content-infos p {
  margin: 0;
  font: italic 400 12px/15px "Georgia", "Times", serif;
  color: #69665E;
}
.content-infos li {
  display: inline-block;
  padding: 0 6px 0 0;
  margin: 0 4px 5px 0;
  border-right: 1px solid #E4E3E3;
  max-height: 14px;
}
.content-infos li.last {
  border: none;
}
.content-infos a {
  display: inline-block;
  min-height: 14px;
  line-height: 14px;
  color: #69665E;
  text-decoration: none;
}
.content-infos a:hover {
  color: #F17D00;
}
.content-infos .location {
  padding-left: 15px;
  background: transparent url('/images/location-icon.png?1480497114') no-repeat left center;
}
.content-infos .location-v2 {
  padding-left: 25px;
  background-image: url('/images/icon-location.png?1480497114');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 10px 15px;
  max-height: 15px;
  margin-top: 10px;
}
.content-infos .item-id {
  padding-left: 20px;
  background: transparent url('/images/item-id-icon.png?1480497114') no-repeat left center;
}
.content-infos .language {
  padding-left: 25px;
  background: transparent url('/images/language-icon.png?1480497114') no-repeat left center;
}
.content-infos .type-school {
  padding-left: 25px;
  background: transparent url('/images/type-school-icon.png?1480497114') no-repeat left center;
}
.content-infos .tutorial a {
  padding-left: 20px;
  background: transparent url('/images/tutorial-icon.png?1480497114') no-repeat left center;
}
.content-infos .practice a {
  padding-left: 15px;
  background: transparent url('/images/practice-icon.png?1480497114') no-repeat left center;
}
.content-infos .profile a {
  padding-left: 20px;
  background: transparent url('/images/account-icon.png?1480497113') no-repeat left center;
}
.content-infos .event a {
  padding-left: 20px;
  background: transparent url('/images/event-icon.png?1480497114') no-repeat left center;
}
.content-infos .comments {
  padding-left: 20px;
  background: transparent url('/images/comment-icon.png?1480497113') no-repeat left center;
}
.content-infos .comments.hasLink {
  padding: 0;
  background: transparent;
}
.content-infos .comments.hasLink a {
  padding: 0 6px 0 20px;
  background: transparent url('/images/comment-icon.png?1480497113') no-repeat left center;
}
.content-infos .likes {
  padding-left: 20px;
  background: transparent url('/images/favorite-icon-2.png?1480497114') no-repeat left center;
}
.content-infos .likes.hasLink {
  padding: 0;
  background: transparent;
}
.content-infos .likes.hasLink a {
  padding: 0 6px 0 20px;
  background: transparent url('/images/favorite-icon-2.png?1480497114') no-repeat left center;
}
.content-infos .stars {
  padding-left: 20px;
  background: transparent url('/images/star-icon-1.png?1480497114') no-repeat left center;
}
.content-infos .stars.hasLink {
  padding: 0;
  background: transparent;
}
.content-infos .stars.hasLink a {
  padding: 0 6px 0 20px;
  background: transparent url('/images/star-icon-1.png?1480497114') no-repeat left center;
}
.content-infos .share {
  padding-left: 20px;
  background: transparent url('/images/share-icon.png?1480497114') no-repeat left center;
}
.content-infos .share.hasLink {
  padding: 0;
  background: transparent;
}
.content-infos .share.hasLink a {
  padding: 0 6px 0 20px;
  background: transparent url('/images/share-icon.png?1480497114') no-repeat left center;
}
.content-infos .author a {
  font: normal 900 13px/14px "Noto Serif", serif;
  color: #F17D00;
}
.content-infos .author a:hover {
  color: #FFA729;
  text-decoration: none;
}
.content-infos .rate a {
  padding-right: 20px;
  background: transparent url('/images/star-icon-2.png?1480497114') no-repeat right top;
}
.content-infos .rate a:hover, .content-infos .rate a.rated {
  background-position: right -14px;
}
.content-infos .rate .interactive-rating {
  width: 85px;
  display: inline-block;
  margin: 0 0 0 5px;
}
.content-infos .rate .interactive-rating:after {
  content: "";
  display: block;
  clear: left;
}
.content-infos .rate .interactive-rating li {
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  max-height: 13px;
}
.content-infos .rate .interactive-rating a {
  display: block;
  width: 17px;
  height: 13px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  background: transparent url('/images/star-icon-ratingEmpty.png?1480497114') no-repeat center center;
}
.content-infos .rate .interactive-rating a:hover, .content-infos .rate .interactive-rating a:focus {
  background: transparent url('/images/star-icon-ratingFull.png?1480497114') no-repeat center center;
}
.content-infos .rate .interactive-rating[data-current-rating="1"] li:first-child a {
  background: transparent url('/images/star-icon-ratingFull.png?1480497114') no-repeat center center;
}
.content-infos .rate .interactive-rating[data-current-rating="2"] li:first-child a, .content-infos .rate .interactive-rating[data-current-rating="2"] li:first-child + li a {
  background: transparent url('/images/star-icon-ratingFull.png?1480497114') no-repeat center center;
}
.content-infos .rate .interactive-rating[data-current-rating="3"] li:first-child a, .content-infos .rate .interactive-rating[data-current-rating="3"] li:first-child + li a, .content-infos .rate .interactive-rating[data-current-rating="3"] li:first-child + li + li a {
  background: transparent url('/images/star-icon-ratingFull.png?1480497114') no-repeat center center;
}
.content-infos .rate .interactive-rating[data-current-rating="4"] li:first-child a, .content-infos .rate .interactive-rating[data-current-rating="4"] li:first-child + li a, .content-infos .rate .interactive-rating[data-current-rating="4"] li:first-child + li + li a, .content-infos .rate .interactive-rating[data-current-rating="4"] li:first-child + li + li + li a {
  background: transparent url('/images/star-icon-ratingFull.png?1480497114') no-repeat center center;
}
.content-infos .rate .interactive-rating[data-current-rating="5"] li:first-child a, .content-infos .rate .interactive-rating[data-current-rating="5"] li:first-child + li a, .content-infos .rate .interactive-rating[data-current-rating="5"] li:first-child + li + li a, .content-infos .rate .interactive-rating[data-current-rating="5"] li:first-child + li + li + li a, .content-infos .rate .interactive-rating[data-current-rating="5"] li:first-child + li + li + li + li a {
  background: transparent url('/images/star-icon-ratingFull.png?1480497114') no-repeat center center;
}
.content-infos .alert a {
  padding-right: 20px;
  background: transparent url('/images/report-icon.png?1480497114') no-repeat right top;
}
.content-infos .alert a:hover, .content-infos .alert a.reported {
  background-position: right -14px;
}
.content-infos .nickname {
  font-family: "Noto Serif", serif;
  font-size: 28px;
  color: #F17D00;
  font-style: normal;
  font-weight: 700;
}

.favorite {
  margin: 0;
  font: normal 700 14px/11px "Noto Serif", serif;
  color: #69665E;
  text-decoration: underline;
}
.favorite a {
  display: inline-block;
  height: 11px;
  padding-right: 20px;
  background: transparent url('/images/favorite-icon.png?1480497114') no-repeat right top;
  color: #69665E;
  text-decoration: underline;
}
.favorite a:hover {
  color: #F17D00;
  background-position: right bottom;
  text-decoration: none;
}
.favorite a.favorited {
  background-position: right bottom;
}
@media only screen and (max-width: 560px) {
  .favorite a {
    padding-left: 20px;
    padding-right: 0;
    background-position: left top;
  }
  .favorite a:hover, .favorite a.favorited {
    background-position: left bottom;
  }
}

.subtitle {
  margin: 0 0 30px;
}
.subtitle .content-infos {
  float: left;
}
.subtitle .favorite {
  float: right;
}
@media only screen and (max-width: 560px) {
  .subtitle .content-infos,
  .subtitle .favorite {
    float: none;
  }
  .subtitle .content-infos {
    margin: 0 0 15px 0;
  }
}

.cover {
  margin: 0 0 25x;
}
.cover .cover-image {
  width: 100%;
  height: auto;
}
.cover .cover-legend {
  margin: 15px 0 0;
}
.cover p {
  font: italic normal 12px/20px "Georgia", "Times", serif;
  color: #1C4054;
}

.tags {
  list-style: none;
  margin: 0;
}
.tags li {
  display: inline-block;
  margin: 0 4px 10px 0;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.tags a {
  display: inline-block;
  padding: 7px 10px;
  background: #FFF;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  background: #e0ecf3;
  color: #69665E;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.tags a:hover {
  background: #bbd5e5;
}

.topics, .sub-areas {
  margin: 30px 0 50px 0;
  padding: 18px 0 10px;
  border-top: 2px solid #D4DBDF;
  border-bottom: 2px solid #D4DBDF;
}
.topics dt, .sub-areas dt {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 0 0;
  font: normal 700 14px/36px "Noto Serif", serif;
  color: #69665E;
}
.topics dd, .sub-areas dd {
  display: inline-block;
  vertical-align: top;
}

.comment-box .title {
  margin: 0 0 50px;
}
.comment-box h2 {
  float: left;
  max-width: 50%;
  margin: 0;
}
.comment-box .add-comment {
  float: right;
  margin: 0;
  font: normal 700 14px/30px "Noto Serif", serif;
  color: #B0BFC7;
  letter-spacing: 0.5px;
}
.comment-box .add-comment a {
  padding-right: 20px;
  background: transparent url('/images/comment-icon-2.png?1480497113') no-repeat right center;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #B0BFC7;
  letter-spacing: 0.5px;
  text-decoration: underline;
}
.comment-box .add-comment a:hover {
  color: #839ba7;
  text-decoration: none;
}
.comment-box .comment {
  margin: 0 0 30px;
}
.comment-box .comment-infos {
  margin: 0 0 20px;
}
.comment-box .comment-infos .content-infos {
  float: left;
}
.comment-box .comment-infos .content-infos.right {
  float: right;
}
.comment-box .comment-text {
  margin: 0 0 0 20px;
  padding: 15px 20px;
  background: #e0ecf3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.comment-box .comment-text p {
  font: italic 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.comment-box .comment-text .translate {
  margin: 0;
}
.comment-box .comment-text .translate a {
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #43AED1;
  text-decoration: underline;
}
.comment-box .comment-text .translate a:hover {
  color: #2782a0;
}
.comment-box .comment-text .deleted {
  margin: 0;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.comment-box .comment-text .translated {
  margin: -15px 0 0 0;
  font: italic 400 12px/22px "Georgia", "Times", serif;
  color: #43AED1;
}
.comment-box .comment-translated {
  margin: 20px 0 0;
}
.comment-box .comment-login,
.comment-box .comment-form {
  margin: 30px 0 0;
}
.comment-box .comment-login .button a {
  background: #F17D00;
  color: #fff;
}
.comment-box .comment-login .button a:hover, .comment-box .comment-login .button a:focus {
  background: #FFA729;
}
.comment-box .register {
  margin: 25px 0 0;
  font: normal 500 14px/22px "Noto Serif", serif;
  color: #F17D00;
}
.comment-box .register a {
  font: normal 500 14px/22px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: underline;
}
.comment-box .register a:hover {
  color: #FFA729;
}
@media only screen and (max-width: 560px) {
  .comment-box h2 {
    float: none;
    margin: 0 0 5px;
    max-width: 100%;
  }
  .comment-box .title {
    margin: 0 0 40px;
  }
  .comment-box .add-comment {
    float: none;
  }
  .comment-box .comment-infos .content-infos {
    float: none;
  }
  .comment-box .comment-infos .content-infos.right {
    float: none;
    margin: 10px 0 0;
  }
  .comment-box .comment-text {
    margin: 0;
  }
}

.review-box .title {
  margin: 0 0 50px;
}
.review-box h2 {
  margin: 0;
}
.review-box .review-form {
  border-bottom: 2px solid #d4dbdf;
  margin-bottom: 30px;
}
.review-box .review-form .formLabels:after {
  content: "";
  display: block;
  clear: both;
}
.review-box .review-form .formLabels--select label {
  padding-top: 24px;
}
.review-box .review-form .formLabels--full textarea {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.review-box .review-form label {
  float: left;
  color: #F17D00;
  font: bold 14px/14px "Noto Sans", sans-serif;
  margin-right: 14px;
}
.review-box .review-form .custom-select {
  float: left;
}
.review-box .review-form .rating input {
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
  width: 17px;
  height: 13px;
  margin: 0;
  /* Change span immediately following the checked radio */
}
.review-box .review-form .rating input:checked + span {
  background: url('/images/star-icon-ratingFull.png?1480497114') no-repeat 0 0;
}
.review-box .review-form .rating input:checked + span ~ span {
  background: url('/images/star-icon-ratingEmpty.png?1480497114') no-repeat 0 0;
}
.review-box .review-form .rating span {
  width: 17px;
  height: 13px;
  line-height: 13px;
  padding: 1px 17px 1px 0;
  /* 1px FireFox fix */
  background: url('/images/star-icon-ratingFull.png?1480497114') no-repeat 0 0;
}
.review-box .review-form .actions {
  margin-bottom: 30px;
  text-align: right;
}
.review-box .review-form .actions .input-cancel {
  font: normal 700 16px/22px "Noto Serif", serif;
  text-decoration: underline;
  padding: 20px 50px;
  background: none transparent;
  border: 0 none;
  cursor: pointer;
  color: #69665E;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
.review-box .review-form .actions .input-cancel:hover {
  color: #FFA729;
}
.review-box .review-form .actions .input-submit {
  display: inline-block;
  width: auto;
  padding-left: 50px;
  padding-right: 50px;
}
.review-box .review {
  margin: 0 0 30px;
}
.review-box .review-list {
  margin: 30px 0;
}
.review-box .review-infos {
  margin: 0 0 15px;
}
.review-box .review-infos .content-infos {
  float: left;
}
.review-box .review-infos .content-infos.right {
  float: right;
}
.review-box .review-infos .content-infos.right a {
  display: inline-block;
  padding: 0 4px;
  color: #F17D00;
  text-decoration: underline;
}
.review-box .review-infos .content-infos.right a + a {
  border-left: 1px solid #d4dbdf;
}
.review-box .review-infos .content-infos.right a:hover, .review-box .review-infos .content-infos.right a:focus {
  color: #FFA729;
}
.review-box .review-infos .content-infos .fiveStarsRating {
  position: relative;
  top: auto;
  right: auto;
  display: inline-block;
  vertical-align: bottom;
}
.review-box .review-infos .attended {
  margin-left: 20px;
  margin-top: 14px;
  font: italic 12px/14px "Noto Serif", serif;
  color: #69665E;
}
.review-box .review-infos .attended .date {
  margin-left: 10px;
  padding-left: 21px;
  background: transparent url('/images/calendar-icon.png?1480497113') no-repeat left center;
}
.review-box .review-edit {
  border-top: 2px solid #d4dbdf;
  padding-top: 30px;
  margin-bottom: 30px;
}
.review-box .review-footer {
  margin: 15px 0 30px;
}
.review-box .review-footer:after {
  content: "";
  display: block;
  clear: both;
}
.review-box .review-footer .report {
  margin: 0 0 0 20px;
  font: italic 12px/14px "Noto Serif", serif;
  float: left;
  color: #F17D00;
  text-decoration: underline;
}
.review-box .review-footer .report + a {
  border-left: 1px solid #d4dbdf;
}
.review-box .review-footer .report:hover, .review-box .review-footer .report:focus {
  color: #FFA729;
}
.review-box .review-footer .reviewed {
  float: right;
  margin-left: 20px;
  font: italic 12px/14px "Noto Serif", serif;
  color: #69665E;
}
.review-box .review-footer .reviewed .date {
  margin-left: 10px;
  padding-left: 21px;
  background: transparent url('/images/calendar-icon.png?1480497113') no-repeat left center;
}
.review-box .review-footer .reviewed .time {
  margin-left: 10px;
  padding-left: 21px;
  background: transparent url('/images/clock.png?1480497113') no-repeat left center;
}
.review-box .review-text {
  margin: 0 0 0 20px;
  padding: 15px 20px;
  background: #e0ecf3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.review-box .review-text p {
  font: italic 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.review-box .review-text .translate {
  margin: 0;
}
.review-box .review-text .translate a {
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #43AED1;
  text-decoration: underline;
}
.review-box .review-text .translate a:hover {
  color: #2782a0;
}
.review-box .review-text .deleted {
  margin: 0;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.review-box .review-text .translated {
  margin: -15px 0 0 0;
  font: italic 400 12px/22px "Georgia", "Times", serif;
  color: #43AED1;
}
.review-box .review-translated {
  margin: 20px 0 0;
}
.review-box .review-login,
.review-box .review-form {
  margin: 30px 0 0;
}
.review-box .review-login .button a {
  background: #F17D00;
  color: #fff;
}
.review-box .review-login .button a:hover, .review-box .review-login .button a:focus {
  background: #FFA729;
}
.review-box .register {
  margin: 25px 0 0;
  font: normal 500 14px/22px "Noto Serif", serif;
  color: #F17D00;
}
.review-box .register a {
  font: normal 500 14px/22px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: underline;
}
.review-box .register a:hover {
  color: #FFA729;
}
@media only screen and (max-width: 560px) {
  .review-box h2 {
    float: none;
    margin: 0 0 5px;
    max-width: 100%;
  }
  .review-box .title {
    margin: 0 0 40px;
  }
  .review-box .review-infos .content-infos {
    float: none;
  }
  .review-box .review-infos .content-infos.right {
    float: none;
    margin: 10px 0 0;
  }
  .review-box .review-text {
    margin: 0;
  }
}

.filters {
  margin: 30px 0;
}
.filters .label {
  float: left;
  margin-right: 20px;
}
.filters .field {
  margin-bottom: 0;
}
.filters .field-left,
.filters .field-right {
  width: 300px !important;
}
.filters .field-left {
  margin-right: 20px;
}
.filters label {
  margin: 0 0 10px;
  font: normal 500 14px/22px "Noto Serif", serif;
  color: #69665E;
}
.filters select,
.filters .dk-select {
  width: 100%;
}
.filters select,
.filters .dk-selected,
.filters .dk-option {
  padding: 10px 15px;
}
.filters .dk-select:hover .dk-selected {
  background-position: 93% center;
}
.filters .dk-selected {
  background-position: 93% center;
}
.filters .dk-selected:hover {
  background-position: 93% center;
}
@media only screen and (max-width: 940px) {
  .filters .field {
    margin-bottom: 20px;
  }
  .filters .field-left,
  .filters .field-right {
    width: 100% !important;
  }
  .filters .field-left {
    margin-right: 0;
  }
  .filters .dk-select:hover .dk-selected {
    background-position: 97% center;
  }
  .filters select,
  .filters .dk-selected {
    background-position: 97% center;
  }
  .filters select:hover,
  .filters .dk-selected:hover {
    background-position: 97% center;
  }
}
@media only screen and (max-width: 650px) {
  .filters .dk-select:hover .dk-selected {
    background-position: 96% center;
  }
  .filters select,
  .filters .dk-selected {
    background-position: 96% center;
  }
  .filters select:hover,
  .filters .dk-selected:hover {
    background-position: 96% center;
  }
}

.discussion {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.discussion h2, .discussion h3 {
  margin: 0 0 20px;
  font: normal 700 16px/20px "Noto Serif", serif;
  color: #F17D00;
}
.discussion h2 a, .discussion h3 a {
  color: #F17D00;
  text-decoration: none;
}
.discussion h2 a:hover, .discussion h3 a:hover {
  color: #FFA729;
}
.discussion p {
  margin: 0 0 5px;
  font: italic 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.discussion p.author {
  margin: 0;
  font: italic 400 12px/22px "Georgia", "Times", serif;
}
.discussion .discussion-cover {
  width: 100%;
  height: auto;
  max-height: 250px;
  margin: 0 0 15px;
  overflow: hidden;
  background: #FFF;
}
.discussion .discussion-cover a {
  display: block;
  width: 100%;
  height: auto;
  max-width: 256px;
  max-height: 250px;
  margin: 0 auto;
  text-align: center;
}
.discussion .discussion-cover img {
  display: block;
  width: 100%;
  height: auto;
}
.discussion .content-infos {
  margin: 0 0 15px;
}
.discussion .tags {
  margin: 0 0 5px;
}
.discussion .tags a {
  padding: 5px 10px;
  background: #fff;
}
.discussion .tags a:hover {
  color: #fff;
  background: #F17D00;
}
.discussion .button {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  width: auto;
  margin: 0;
}
.discussion .button a {
  background: #F17D00;
  color: #FFF;
  text-decoration: none;
}
.discussion .button a:hover {
  background: #FFA729;
}
@media only screen and (max-width: 660px) {
  .discussion .button {
    position: relative;
    left: inherit;
    right: inherit;
    bottom: inherit;
    margin: 20px 0 0;
  }
}

@media only screen and (max-width: 940px) {
  .discussions-list {
    width: 620px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 660px) {
  .discussions-list {
    width: 100%;
    margin: 0;
  }
}

.widget {
  height: auto;
  padding: 1px 30px 30px 30px;
  margin: 0 0 30px;
  background: #e0ecf3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.widget--transparent {
  background: transparent;
  padding: 0;
}
.widget--text {
  margin: 0 0 30px;
  padding: 33px 0 !important;
  overflow: hidden;
}
.widget--text h3 {
  font: normal 700 16px/24px "Noto Serif", serif;
  color: #F17D00;
  margin-bottom: 16px;
  margin-top: 25px;
}
.widget--text h3 a {
  font: normal 700 16px/24px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.widget--text h3 a:hover {
  color: #FFA729;
}
.widget--text p {
  font: normal 500 14px/24px "Noto Sans", sans-serif;
}
.widget--text .more {
  margin-top: 24px !important;
}
.widget--text .btn-orange {
  display: block;
  text-align: center;
  margin-top: 25px;
}
.widget--sample > .more {
  float: right;
  margin-top: 8px !important;
}
.widget--sample > h2 {
  margin: 25px 0 !important;
}
.widget--sample img {
  width: 100%;
}
.widget--sample h3 {
  font: normal 700 16px/24px "Noto Serif", serif;
  color: #F17D00;
  margin-bottom: 3px;
  margin-top: 10px;
}
.widget--sample h3 a {
  font: normal 700 16px/24px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.widget--sample h3 a:hover {
  color: #FFA729;
}
.widget--img {
  padding: 0 0 35px !important;
}
.widget__subtitle {
  font: normal 700 11px/22px "Noto Sans", sans-serif;
  text-transform: uppercase;
  color: #82949f;
  letter-spacing: 3px;
}
.widget__subtitle + h3 {
  margin-top: 0;
}
.widget__subtitle + .list-links li:first-child {
  margin-top: 10px;
}
.widget__content {
  padding: 0 40px;
}
.widget__content + .widget__content {
  border-top: 2px solid #cad5db;
  margin-top: 30px;
  padding-top: 25px;
}
.widget__img img {
  width: 100%;
  display: block;
}
.widget__imgtitle {
  display: block;
  margin: 40px 0 20px;
}
.widget h2 {
  margin: 30px 0;
  font-size: 24px;
}
.widget h2.commented {
  padding-right: 30px;
  background: transparent url('/images/comment-icon-3.png?1480497113') no-repeat right center;
}
.widget h2.shared {
  padding-right: 30px;
  background: transparent url('/images/share-icon-2.png?1480497114') no-repeat right center;
}
.widget h2.favourited {
  padding-right: 30px;
  background: transparent url('/images/favorite-icon-3.png?1480497114') no-repeat right center;
}
.widget .simple-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget .simple-list li {
  margin: 0;
  padding: 0;
}
.widget .simple-list a {
  display: block;
  text-decoration: underline;
  color: #69665E;
  font: normal 700 14px/25px "Noto Sans", sans-serif;
  margin: 0;
  letter-spacing: 0.02em;
}
.widget .simple-list a:hover, .widget .simple-list a:focus {
  text-decoration: none;
  color: #2782a0;
}
.widget .simple-list a.edit, .widget .simple-list a.report {
  background: transparent url('/images/edit-icon.png?1480497113') no-repeat left center;
}
.widget .simple-list a.delete {
  padding-left: 23px;
  background: transparent url('/images/delete-icon.png?1480497113') no-repeat left center;
}
.widget .simple-list a.view {
  padding-left: 25px;
  background: transparent url('/images/eye-icon2.png?1480497114') no-repeat left center;
}
.widget .simple-list a.duplicate {
  background: transparent url('/images/duplicate-icon.png?1480497113') no-repeat left center;
}
.widget .simple-list a.list {
  padding-left: 21px;
  background: transparent url('/images/list-icon.png?1480497114') no-repeat left center;
}
.widget .simple-list a.reply {
  padding-left: 23px;
  background: url('/images/reply-icon.png?1480497114') no-repeat left center;
}
.widget .simple-list a.back {
  padding-left: 25px;
  background: url('/images/back-icon.png?1480497113') no-repeat left center;
}
.widget .simple-list a.default {
  padding-left: 24px;
  background: url('/images/flag-icon.png?1480497114') no-repeat left center;
}
.widget .simple-list a.leave {
  padding-left: 24px;
  background: url('/images/leave-icon.png?1480497114') no-repeat left center;
}
.widget .simple-list a.join {
  padding-left: 24px;
  background: url('/images/join-icon.png?1480497114') no-repeat left center;
}
.widget .article-list {
  list-style: none;
  margin: 0;
}
.widget .article-list > li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
  font: normal 700 16px/22px "Noto Serif", serif;
}
.widget .article-list > li.last {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
}
.widget .article-list a {
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.widget .article-list a:hover {
  color: #FFA729;
}
.widget .article-list p {
  margin-top: 10px;
  margin-bottom: 0;
}
.widget .content-infos {
  margin: 5px 0 0 0;
}
.widget .content-infos a {
  font: italic 400 12px/15px "Georgia", "Times", serif;
  color: #69665E;
}
.widget .content-infos a:hover {
  color: #69665E;
}
.widget .more {
  margin: 30px 0 0;
}
.widget .more a {
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #43AED1;
  text-decoration: underline;
}
.widget .more a:hover {
  color: #2782a0;
  text-decoration: none;
}
@media only screen and (max-width: 940px) {
  .widget {
    padding: 1px 20px 30px 20px;
  }
  .widget--transparent {
    padding: 0;
  }
}

.page-404 .inner {
  position: relative;
  width: 530px;
  padding-top: 270px;
  margin: 0 auto 110px;
  text-align: center;
}
.page-404 h1 {
  margin: 0 0 50px;
  font: normal 100 100px/22px "Noto Sans", sans-serif;
  color: #F17D00;
  text-transform: uppercase;
}
.page-404 p {
  margin: 0 0 5px;
  font: normal 300 28px/34px "Noto Serif", serif;
  color: #1C4054;
}
.page-404 a {
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: underline;
}
.page-404 a:hover {
  color: #FFA729;
}
.page-404 #vecto-1 {
  position: absolute;
  top: 60px;
  left: 50%;
  margin: 0 0 0 -300px;
}
.page-404 #vecto-2 {
  position: absolute;
  top: 40px;
  right: 50%;
  margin: 0 -300px 0 0;
}
@media only screen and (max-width: 560px) {
  .page-404 .inner {
    padding: 0;
    margin: 0 80px;
    width: auto;
  }
  .page-404 p {
    font-size: 24px;
    line-height: 30px;
  }
  .page-404 #vecto-1 {
    position: relative;
    top: inherit;
    left: inherit;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto 70px;
  }
  .page-404 #vecto-2 {
    display: none;
  }
}

.page-contact dt,
.page-profile dt {
  width: 140px;
}
.page-contact dd,
.page-profile dd {
  width: 460px;
}
.page-contact .field,
.page-profile .field {
  margin: 0 0 35px;
}
.page-contact .input-text,
.page-contact textarea,
.page-profile .input-text,
.page-profile textarea {
  width: 410px;
}
.page-contact .input-submit,
.page-profile .input-submit {
  width: 160px;
  margin: 0 0 0 140px;
}
.page-contact .dk-select:hover .dk-selected,
.page-profile .dk-select:hover .dk-selected {
  background-position: 94% center;
}
.page-contact .dk-selected,
.page-profile .dk-selected {
  background-position: 94% center;
}
.page-contact .dk-selected:hover,
.page-profile .dk-selected:hover {
  background-position: 94% center;
}
@media only screen and (max-width: 940px) {
  .page-contact .input-text,
  .page-contact textarea,
  .page-profile .input-text,
  .page-profile textarea {
    width: 100%;
  }
  .page-contact .input-submit,
  .page-profile .input-submit {
    margin: 0;
    width: 100%;
  }
  .page-contact .dk-select:hover .dk-selected,
  .page-profile .dk-select:hover .dk-selected {
    background-position: 96% center;
  }
  .page-contact .dk-selected,
  .page-profile .dk-selected {
    background-position: 96% center;
  }
  .page-contact .dk-selected:hover,
  .page-profile .dk-selected:hover {
    background-position: 96% center;
  }
}
@media only screen and (max-width: 650px) {
  .page-contact .dk-select:hover .dk-selected,
  .page-profile .dk-select:hover .dk-selected {
    background-position: 94% center;
  }
  .page-contact .dk-selected,
  .page-profile .dk-selected {
    background-position: 94% center;
  }
  .page-contact .dk-selected:hover,
  .page-profile .dk-selected:hover {
    background-position: 94% center;
  }
}

.page-discussions h1 {
  padding-bottom: 25px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-discussions .hat {
  padding-bottom: 30px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-discussions .button {
  margin: 30px 0 0;
}
.page-discussions .discussion {
  float: left;
  position: relative;
  width: 256px;
  height: 435px;
  margin: 0 20px 20px 0;
  padding: 30px 22px 100px;
  background: #e0ecf3;
}
.page-discussions .discussion.last {
  margin-right: 0;
}
.loading .page-discussions .discussion {
  opacity: 0;
}
@media only screen and (max-width: 940px) {
  .page-discussions .discussion {
    margin: 0 0 20px;
  }
  .page-discussions .discussion:nth-child(odd) {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 660px) {
  .page-discussions .discussion {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 30px 22px 22px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-discussions .discussion:nth-child(odd) {
    margin-right: 0;
  }
}

.profile-avatar {
  float: left;
  width: 220px;
  height: 220px;
  margin: 0 20px 0 0;
  overflow: hidden;
}
.profile-avatar img {
  display: block;
  width: 220px;
  height: 220px;
  margin: 0 auto;
}
@media only screen and (max-width: 940px) {
  .profile-avatar {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 40px;
    background: #e0ecf3;
  }
}

.profile-infos {
  float: left;
  width: 360px;
  margin: 7px 0 0 0;
}
.profile-infos .content-infos li {
  float: left;
  margin-right: 6px;
}
.profile-infos .profile-status {
  margin: 12px 0 15px;
  padding: 0 0 15px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
  font: italic 400 14px/22px "Georgia", "Times", serif;
  color: #69665E;
}
.profile-infos .profile-data {
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 10px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #69665E;
}
.profile-infos .profile-data li {
  margin: 0 0 5px;
}
@media only screen and (max-width: 940px) {
  .profile-infos {
    float: none;
    width: 100%;
    margin: 0 0 40px;
  }
}

.profile-comment,
.profile-favourite {
  position: relative;
  margin-bottom: 35px;
}
.profile-comment .wrap,
.profile-favourite .wrap {
  width: 100%;
}
.profile-comment h3,
.profile-favourite h3 {
  margin: 0 0 10px;
  font: normal 700 16px/20px "Noto Serif", serif;
  color: #F17D00;
}
.profile-comment h3 a,
.profile-favourite h3 a {
  font: normal 700 16px/20px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.profile-comment h3 a:hover,
.profile-favourite h3 a:hover {
  color: #FFA729;
}
.profile-comment .content-infos,
.profile-favourite .content-infos {
  margin: 10px 0 20px;
}
.profile-comment p,
.profile-favourite p {
  font: italic 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.profile-comment p.comment-date,
.profile-favourite p.comment-date {
  margin: -15px 0 0;
  font: italic 400 12px/22px "Georgia", "Times", serif;
  color: #69665E;
}
.profile-comment .delete,
.profile-favourite .delete {
  position: absolute;
  right: 0;
  top: 0;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #69665E;
  letter-spacing: 0.5px;
  display: none;
}
.profile-comment .delete a,
.profile-favourite .delete a {
  padding-left: 20px;
  background: transparent url('/images/delete-icon.png?1480497113') no-repeat left center;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #69665E;
  text-decoration: underline;
  letter-spacing: 0.5px;
}
.profile-comment .delete a:hover,
.profile-favourite .delete a:hover {
  color: #F17D00;
}
.profile-comment:hover .delete,
.profile-favourite:hover .delete {
  display: block;
}
@media only screen and (max-width: 940px) {
  .profile-comment .delete,
  .profile-favourite .delete {
    position: relative;
    right: inherit;
    top: inherit;
    margin: -10px 0 20px;
    display: block;
  }
}

.verifications h2 {
  margin-top: 0;
}
.verifications ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.verifications li {
  font: italic 400 14px/22px "Georgia", "Times", serif;
  color: #69665E;
}
.verifications a {
  font: italic 400 14px/22px "Georgia", "Times", serif;
  color: #69665E;
}
.verifications a:hover {
  text-decoration: underline;
}

.sidebar {
  width: 160px;
  padding: 15px 30px;
  margin: 0 0 30px;
  list-style: none;
  background: #1c4054;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.sidebar li {
  border-bottom: 2px solid #385769;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #FFF;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.sidebar li.last {
  border: none;
}
.sidebar a {
  position: relative;
  display: block;
  padding: 15px 0;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #FFF;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
}
.sidebar a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -36px;
  width: 6px;
  height: 12px;
  margin: -6px 0 0;
  background: transparent url('/images/sidebar-arrow2.png?1480497114') no-repeat left top;
  display: none;
}
.sidebar a:hover, .sidebar a.selected {
  color: #7c96a5;
}
.sidebar a.selected:after {
  display: block;
}
@media only screen and (max-width: 940px) {
  .sidebar {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sidebar a.selected:after {
    display: none;
  }
}

.public-profile {
  margin: 30px 0 0;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #69665E;
  letter-spacing: 0.5px;
}
.public-profile a {
  padding-left: 30px;
  background: transparent url('/images/eye-icon.png?1480497114') no-repeat left center;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #69665E;
  text-decoration: none;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.public-profile a:hover {
  color: #F17D00;
}
@media only screen and (max-width: 940px) {
  .public-profile {
    margin: 30px 0 40px;
  }
}

.page-full-profile h1 {
  position: relative;
  padding-right: 300px;
}
.page-full-profile h1 a {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 20px;
  background: transparent url('/images/edit-icon.png?1480497113') no-repeat right 3px;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #69665E;
  letter-spacing: 0.5px;
  text-decoration: underline;
}
.page-full-profile h1 a:hover {
  color: #F17D00;
}
.page-full-profile .top-part {
  margin: 0 0 50px;
}
@media only screen and (max-width: 940px) {
  .page-full-profile h1 {
    padding: 0;
  }
  .page-full-profile h1 a {
    position: relative;
    right: inherit;
    bottom: inherit;
    display: block;
    margin: 5px 0 0;
    padding-right: 0;
    padding-left: 20px;
    background-position: left 3px;
  }
}

.page-profile h2 {
  margin-top: 0;
  margin-bottom: 35px;
}
.page-profile form {
  width: 520px;
}
.page-profile form dd {
  width: 380px;
}
.page-profile form .input-text,
.page-profile form textarea {
  width: 330px;
}
.page-profile .report {
  margin-top: 0;
}
.page-profile .profile-comment .wrap,
.page-profile .profile-favourite .wrap {
  width: 450px;
}
@media only screen and (max-width: 940px) {
  .page-profile form {
    width: 100%;
  }
  .page-profile form dd {
    width: 100%;
  }
  .page-profile form .input-text,
  .page-profile form textarea {
    width: 100%;
  }
  .page-profile .profile-comment .wrap,
  .page-profile .profile-favourite .wrap {
    width: 100%;
  }
}

form.manage-verifications dt {
  width: 245px;
}
form.manage-verifications dd {
  width: 275px;
}
form.manage-verifications label {
  margin: 0;
}
form.manage-verifications .field {
  margin-bottom: 30px;
}
form.manage-verifications .input-submit {
  margin-left: 0;
}
@media only screen and (max-width: 940px) {
  form.manage-verifications dt {
    float: left;
    width: 230px;
  }
  form.manage-verifications dd {
    float: right;
    width: 50px;
  }
}

.avatar-manage .avatar-edit {
  margin: 5px 0 10px;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #69665E;
  letter-spacing: 0.5px;
}
.avatar-manage .avatar-edit a {
  padding-left: 20px;
  background: transparent url('/images/edit-icon.png?1480497113') no-repeat left 2px;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #69665E;
  letter-spacing: 0.5px;
  text-decoration: underline;
}
.avatar-manage .avatar-edit a:hover {
  color: #F17D00;
}
.avatar-manage .avatar-preview {
  width: 220px;
  height: 220px;
  margin: 0;
  overflow: hidden;
}
.avatar-manage .avatar-preview img {
  display: block;
  width: 220px;
  height: 220px;
  margin: 0 auto;
}
.avatar-manage .input-file {
  display: none;
}
@media only screen and (max-width: 940px) {
  .avatar-manage .avatar-preview {
    width: 100%;
    background: #e0ecf3;
  }
}

.article {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px solid #D4DBDF;
}
.article.last {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.article h3 {
  margin: 0 0 10px;
  font: normal 700 16px/24px "Noto Serif", serif;
  color: #F17D00;
}
.article h3 a {
  font: normal 700 16px/24px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.article h3 a:hover {
  color: #FFA729;
}
.article .time {
  font: italic 12px/12px "Georgia", "Times", serif;
  padding-left: 21px;
  margin-bottom: 10px;
  background: transparent url('/images/calendar-icon.png?1480497113') no-repeat left center;
}
.article .content-infos {
  margin: 10px 0 20px;
}
.article .article-cover {
  float: left;
  width: 220px;
  height: auto;
  margin: 0;
  background: #F0F0F0;
}
.article .article-cover p {
  margin: 0;
}
.article .article-cover img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.article .article-text {
  margin: 0 0 0 240px;
}
.article .article-text p {
  margin-bottom: 0;
}
.article .article-text .button {
  width: auto;
  display: inline-block;
  margin-top: 25px;
}
.article .article-text .button a {
  padding: 15px 25px;
}
.article .article-more {
  margin: 20px 0 0;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #43AED1;
}
.article .article-more a {
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #43AED1;
  text-decoration: underline;
}
.article .article-more a:hover {
  color: #2782a0;
}
@media only screen and (max-width: 560px) {
  .article .article-cover {
    float: none;
    width: 100%;
    margin: 0 0 25px;
  }
  .article .article-text {
    float: none;
    width: 100%;
    margin: 0;
  }
}

.page-search h1 {
  padding-bottom: 20px;
  margin-bottom: 30px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-search h2 {
  margin: 0 0 40px;
}
.page-search form .field {
  margin-bottom: 0;
}
.page-search .text-search .field-left {
  width: 700px;
}
.page-search .text-search .field-right {
  width: 220px;
}
.page-search .text-search .input-text {
  width: 650px !important;
}
.page-search .filters {
  margin: 30px 0 70px;
}
.page-search .filters .field-left,
.page-search .filters .field-right {
  width: 220px !important;
}
.page-search .filters .field-medium {
  margin-bottom: 20px;
  width: 460px !important;
}
.page-search .article-list {
  margin: 0 0 40px;
}
@media only screen and (max-width: 940px) {
  .page-search .text-search .field-left,
  .page-search .text-search .field-right {
    width: 100%;
  }
  .page-search .text-search .field-left {
    margin-bottom: 10px;
  }
  .page-search .text-search .input-text {
    width: 100% !important;
  }
  .page-search .filters {
    margin-bottom: 30px;
  }
  .page-search .filters .field {
    margin-bottom: 20px;
  }
  .page-search .filters .field-left,
  .page-search .filters .field-right {
    width: 100% !important;
  }
}

.page-events .events-header h2 {
  float: left;
  width: 70%;
}
.page-events .events-nav {
  float: right;
  width: 30%;
  text-align: right;
  margin-top: 5px;
}
.page-events .events-nav li {
  display: inline-block;
  font-family: "Noto Serif", serif;
  font-size: 15px;
  color: #F17D00;
  border-right: 1px solid #E0E0E0;
}
.page-events .events-nav li:last-child {
  border: 0 none;
}
.page-events .events-nav a {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  color: inherit;
}
.page-events .events-nav a:hover, .page-events .events-nav a:focus, .page-events .events-nav a:active {
  color: #FFA729;
}

.page-tutorials h1 {
  padding-bottom: 25px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-tutorials .filters {
  margin: 0 0 30px;
}
.page-tutorials .filters .field-left,
.page-tutorials .filters .field-right {
  width: 186.66667px !important;
}
.page-tutorials .left-side .article-list {
  margin: 0 0 40px;
}
@media only screen and (max-width: 940px) {
  .page-tutorials .filters .field-left,
  .page-tutorials .filters .field-right {
    width: 100% !important;
  }
  .page-tutorials .left-side {
    margin: 0 0 40px !important;
  }
}

.editor-pick,
.introduction {
  margin: 35px 0 45px;
  padding: 40px 0;
  background: #e0ecf3;
}
.editor-pick h2,
.introduction h2 {
  margin: 0 0 15px;
  font-size: 24px;
}
.editor-pick h2 a,
.introduction h2 a {
  font-size: 24px;
  color: #F17D00;
  text-decoration: none;
}
.editor-pick h2 a:hover,
.introduction h2 a:hover {
  color: #FFA729;
}
.editor-pick .article,
.introduction .article {
  padding: 0;
  margin: 0;
  border: none;
}
.editor-pick .article-cover,
.introduction .article-cover {
  position: relative;
  width: 380px;
  background: transparent !important;
}
.editor-pick .article-cover p,
.introduction .article-cover p {
  margin: 0;
}
.editor-pick .article-text,
.introduction .article-text {
  margin-left: 405px;
}
.editor-pick .article-text .hat,
.introduction .article-text .hat {
  margin-bottom: 20px;
}
.editor-pick .ribbon,
.introduction .ribbon {
  position: absolute;
  left: -12px;
  top: 10px;
  padding: 0 0 8px;
  background: transparent url('/images/ribbon-shadow.png?1480497114') no-repeat left bottom;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #FFF;
  letter-spacing: 0.5px;
}
.editor-pick .ribbon span,
.introduction .ribbon span {
  display: block;
  padding: 8px 15px;
  background: #F17D00;
  font: normal 700 14px/22px "Noto Serif", serif;
  color: #FFF;
  letter-spacing: 0.5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media only screen and (max-width: 880px) {
  .editor-pick,
  .introduction {
    margin: 25px 0 35px 0;
  }
  .editor-pick .article-cover,
  .introduction .article-cover {
    float: none;
    margin: 0 auto 20px;
    background: #FFF;
  }
  .editor-pick .article-text,
  .introduction .article-text {
    margin: 0;
  }
}
@media only screen and (max-width: 560px) {
  .editor-pick .article-cover,
  .introduction .article-cover {
    width: 100%;
    height: auto;
  }
}

.introduction .article-cover,
.introduction .event {
  float: right;
  width: 320px;
}
.introduction .article-cover .button,
.introduction .event .button {
  margin-bottom: 20px;
}
.introduction .article-cover img,
.introduction .event img {
  display: block;
  width: 100%;
  border-radius: 5px;
}
.introduction .event__image {
  margin-bottom: 20px;
}
.introduction .event .content-infos {
  margin-bottom: 20px;
}
.introduction .event img {
  border-radius: 0;
}
.introduction .article-text {
  margin-left: 0;
  margin-right: 345px;
}
.introduction .article-text p {
  margin-bottom: 20px;
}
.introduction .article-text p:last-child {
  margin-bottom: 0;
}
.introduction .button {
  width: auto;
  display: inline-block;
}
.introduction .button a {
  padding: 15px 25px;
  background: #f17d00;
  color: #FFFFFF;
}
.introduction .button a:hover {
  background: #be6300;
}
@media only screen and (max-width: 940px) {
  .introduction .article-cover {
    float: none;
    margin: 0 auto 40px;
  }
  .introduction .article-text {
    margin-right: 0;
  }
}

.page-home#content {
  margin-top: 0;
}
.page-home .banner {
  width: 100%;
  height: auto;
  padding: 80px 0 40px;
  margin: -25px 0 0;
  background: #FFFFFF;
}
.page-home .banner .article-list {
  float: left;
  width: 200px;
  height: auto;
}
.page-home .banner .article {
  margin: 0;
  padding: 0;
  border: none;
}
.page-home .banner .article-cover {
  float: none;
  width: 100%;
  margin: 0 0 20px;
}
.page-home .banner .article-text {
  margin: 0;
}
.page-home .banner .widget {
  background: #FFF;
  margin: 0;
}
.page-home .widget .article-list {
  float: none;
  width: 100%;
}
.page-home .editor-pick,
.page-home .introduction {
  margin: 0;
  padding: 0;
  background: none;
  float: left;
  width: 380px;
  height: auto;
  margin-right: 20px;
}
.page-home .editor-pick .article-cover,
.page-home .introduction .article-cover {
  float: none;
}
.page-home .editor-pick .article-text,
.page-home .introduction .article-text {
  margin: 20px 0 0;
}
.page-home .latest {
  padding: 50px 0;
}
.page-home .latest h2 {
  margin: 0 0 25px;
}
.page-home .latest .article-list {
  margin: 30px 0 40px;
}
.page-home .latest .widget {
  padding: 0;
  margin: 0 0 30px;
  background: none;
}
.page-home .discussion h3 {
  margin-bottom: 10px;
}
.page-home .discussion .button {
  position: relative;
  left: inherit;
  right: inherit;
  bottom: inherit;
  margin: 20px 0 0;
}
.page-home .discussion .content-infos {
  margin: 0 0 12px;
}
.page-home .poll .question {
  font: normal 700 16px/20px "Noto Serif", serif;
  color: #F17D00;
}
.page-home .videos h3 {
  margin: 0 0 10px;
  font: normal 700 16px/20px "Noto Serif", serif;
  color: #F17D00;
}
.page-home .videos h3 a {
  font: normal 700 16px/20px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.page-home .videos h3 a:hover {
  color: #FFA729;
}
.page-home .videos .more {
  margin: 10px 0 0;
}
.page-home .videos .video-sample {
  margin: 0 auto 17px;
  height: 170px;
  overflow: hidden;
}
@media only screen and (max-width: 940px) {
  .page-home .banner {
    padding: 80px 0 40px 0;
    margin: -25px 0 40px;
  }
  .page-home .editor-pick,
  .page-home .introduction {
    float: none;
    width: 100%;
    margin: 0 0 25px;
  }
  .page-home .editor-pick .article-cover,
  .page-home .introduction .article-cover {
    width: 380px;
    float: none;
    margin: 0 auto 20px;
    background: #FFF;
  }
  .page-home .banner .article-list {
    float: none;
    width: 100%;
  }
  .page-home .banner .article-cover {
    background: #FFF;
  }
  .page-home .banner .article-cover img {
    width: 380px;
  }
  .page-home .latest .left-side {
    margin: 0 0 50px !important;
  }
  .page-home .video-sample {
    width: 380px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 560px) {
  .page-home .editor-pick .article-cover,
  .page-home .introduction .article-cover {
    width: 100%;
    height: auto;
  }
  .page-home .banner .article-cover img {
    width: 100%;
  }
  .page-home .video-sample {
    width: 100%;
  }
}

.hot-tutorial {
  background: #43AED1 url('/images/hot-tutorial-vecto.png?1480497114') no-repeat center;
  padding: 70px 0;
  text-align: center;
}
.hot-tutorial h2 {
  margin: 0 0 40px;
  font: normal 500 32px/32px "Noto Serif", serif;
  color: #AADEFB;
}
.hot-tutorial p {
  margin: 0 0 30px;
  font: normal 700 24px/36px "Noto Serif", serif;
  color: #FFF;
}
.hot-tutorial p.infos {
  margin: 0;
  font: italic 400 14px/22px "Georgia", "Times", serif;
  color: #AADEFB;
}
.hot-tutorial p.button {
  margin: 50px auto 0;
  width: 300px;
  height: auto;
  background: none;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #AADEFB;
  letter-spacing: 0.5px;
}
.hot-tutorial p.button a {
  background: none;
  border: 2px solid #AADEFB;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #AADEFB;
  letter-spacing: 0.5px;
}
.hot-tutorial p.button a:hover {
  background: #AADEFB;
  color: #fff;
}
.hot-tutorial .inner {
  width: 780px;
}
@media only screen and (max-width: 940px) {
  .hot-tutorial {
    padding: 50px 0;
  }
  .hot-tutorial .inner {
    width: auto;
  }
  .hot-tutorial p.button {
    margin: 30px auto 0;
  }
}
@media only screen and (max-width: 560px) {
  .hot-tutorial {
    background: #43AED1;
  }
  .hot-tutorial p.button {
    width: 100%;
  }
}

.popular {
  margin: 80px 0 110px;
}
.popular h2 {
  margin: 0 0 90px;
  font: normal 500 32px/36px "Noto Serif", serif;
  color: #1C4054;
  text-align: center;
}
.popular h2 strong {
  font-weight: 500;
  color: #F17D00;
}
.popular h3 {
  height: 80px;
  margin: 0 0 20px;
}
.popular .content-infos {
  margin: 0 0 10px;
}
.popular .article {
  float: left;
  width: 220px;
  margin: 0 20px 0 0;
  padding: 0;
  border: none;
}
.popular .article.last {
  margin: 0;
}
.popular .article-cover {
  float: none;
  overflow: hidden;
  width: 100%;
  height: 160px;
  margin: 0 0 22px;
}
.popular .article-text {
  margin: 0;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.popular .article-text p {
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
@media only screen and (max-width: 940px) {
  .popular {
    margin: 40px 0 0;
  }
  .popular h2 {
    margin: 0 0 40px;
  }
  .popular h3 {
    height: auto;
  }
  .popular .article {
    float: none;
    margin: 0 0 30px;
    width: 100%;
  }
  .popular .article-cover {
    height: auto;
    background: #e0ecf3;
  }
  .popular .article-cover img {
    width: 380px;
  }
}
@media only screen and (max-width: 560px) {
  .popular .article-cover img {
    width: 100%;
  }
}

.article-areas {
  margin-top: 25px;
}
.article-areas p, .article-areas a {
  font-size: 12px;
  line-height: 20px;
  color: #43aed1;
}

.page-area-details .filters {
  margin: 30px 0 50px;
}
.page-area-details .filters .field-left,
.page-area-details .filters .field-right {
  width: 300px !important;
}
.page-area-details .article-list {
  margin: 0 0 40px;
}
.page-area-details .article-text .button {
  display: inline-block;
  width: auto;
  margin-top: 25px;
  margin-bottom: 0;
}
.page-area-details .article-text .button a {
  padding: 15px;
}
@media only screen and (max-width: 940px) {
  .page-area-details .filters .field-left,
  .page-area-details .filters .field-right {
    width: 100% !important;
  }
}

.page-resource-details .social-share {
  margin-top: 40px;
  margin-bottom: 40px;
}
.page-resource-details .comment-box {
  margin-top: 40px;
}
.page-resource-details .data-list {
  margin: 30px 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #d4dbdf;
}
.page-resource-details .data-list a {
  font-weight: 700;
  text-decoration: none;
  color: #43aed1;
}
.page-resource-details .data-list a:hover {
  color: #2c93b5;
}
.page-resource-details .data-list dl:after {
  content: "";
  display: block;
  clear: both;
}
.page-resource-details .data-list dl dt, .page-resource-details .data-list dl dd {
  float: left;
  padding: 7px 0;
  color: #69665E;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-resource-details .data-list dl dt {
  width: 40%;
  clear: left;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
}
.page-resource-details .data-list dl dt.hidden {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.page-resource-details .data-list dl dt.hidden + dd {
  float: none;
  clear: left;
  width: 100%;
  text-align: left;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
}
.page-resource-details .data-list dl dd {
  width: 60%;
  text-align: right;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
}
.page-resource-details .data-list dl dt + dd + dt, .page-resource-details .data-list dl dt + dd + dt + dd {
  border-top: 1px dotted #b9c3c8;
}
.page-resource-details .data-list ul {
  margin: 0 -10px;
}
.page-resource-details .data-list ul li {
  float: left;
  width: calc(50% - 20px);
  margin: 0 10px;
  padding: 7px 0;
  list-style: none;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  border-top: 1px dotted #b9c3c8;
}
.page-resource-details .data-list ul li.first {
  border-top: 0 none;
}

.page-resources h1 strong {
  color: #1C4054;
}
.page-resources .introduction .button {
  width: 100%;
}
.page-resources .button {
  width: 300px;
  margin-top: 10px;
}
.page-resources .button a {
  background: #f17d00;
  color: #ffffff;
}
.page-resources .button a:hover {
  background: #be6300;
}
@media only screen and (max-width: 940px) {
  .page-resources .button {
    width: 100%;
    margin-top: 20px;
  }
}

.area-block {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 20px;
  width: 300px;
  background: #e0ecf3;
  border-radius: 5px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.area-block.last {
  margin-right: 0;
}
.area-block__figure {
  height: 220px;
  margin-top: -20px;
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.area-block__figure img {
  display: block;
  width: 100%;
}
.area-block__title {
  margin: 0;
  font: normal 700 16px/20px "Noto Serif", serif;
  color: #f17d00;
}
.area-block__title a {
  color: #f17d00;
  text-decoration: none;
}
.area-block__title a:hover {
  color: #be6300;
}
@media only screen and (max-width: 940px) {
  .area-block {
    float: none;
    margin-right: 0;
    width: 100%;
  }
}

.page-theme .tabs {
  margin-bottom: 40px;
}
.page-theme .filters .label {
  margin-top: 10px;
}
.page-theme .filters .field {
  float: left;
  width: 200px;
}
.page-theme .button {
  margin-top: 40px;
}
.page-theme .addthis {
  margin-bottom: 30px;
}

.featured-title {
  margin: 0 0 10px;
  font: normal 700 16px/24px "Noto Serif", serif;
  color: #F17D00;
}
.featured-title a {
  color: inherit;
  text-decoration: none;
}
.featured-title a:hover, .featured-title a:focus, .featured-title a:active {
  color: #FFA729;
}
.featured-metas {
  font: italic 12px/12px "Georgia", "Times", serif;
  margin-top: 10px;
  margin-bottom: 0;
}
.featured-cover {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.featured-cover img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 940px) {
  .featured .featured-cover {
    max-width: 320px;
  }
}

.single-image {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 940px) {
  .single-image {
    max-width: 320px;
  }
}

.tabs__list {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0 20px;
  background: #F17D00;
  border-radius: 4px;
  list-style: none;
  font-size: 0;
}
.tabs__item {
  position: relative;
  display: inline-block;
  width: 33.333%;
  list-style: none;
  margin: 0;
  padding: 0 10px;
  font: normal 700 14px/20px "Noto Serif", serif;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.tabs__item::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  opacity: 0.2;
}
.tabs__item:nth-child(3n)::after {
  display: none;
}
.tabs__link {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: inherit;
  text-decoration: none;
}
.tabs__link:hover, .tabs__link:focus, .tabs__link:active, .tabs__link.is-active {
  color: #1C4054;
}

.bloc-white {
  border: 2px solid #e8ecee;
  border-radius: 0px;
  background-color: #FFFFFF;
  padding: 1px 40px 30px !important;
}
.bloc-white h2 {
  margin: 30px 0 !important;
  font: normal 700 24px/34px "Noto Serif",serif;
}

.bloc-orange {
  display: block;
  margin-top: 30px !important;
  padding-bottom: 20px;
  background-color: #F17D00 !important;
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
}
.bloc-orange:hover {
  color: #FFFFFF;
  background-color: #FFA729 !important;
}
.bloc-orange:hover:before {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.bloc-orange:before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  background-size: 42px 42px;
  background-image: url('/images/icon-polls.png?1480497114');
  background-repeat: no-repeat;
  top: 27px;
  left: 23px;
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bloc-orange__title {
  display: block;
  font: normal 700 11px/20px "Noto Sans", sans-serif;
  letter-spacing: 3px;
  color: #f3cab0;
  text-transform: uppercase;
  padding-left: 60px;
  padding-top: 18px;
  padding-bottom: 2px;
}
.bloc-orange__parag {
  display: block;
  font: normal 700 16px/22px "Noto Sans", sans-serif;
  padding-left: 60px;
}

.list-links {
  margin-bottom: 5px;
}
.list-links__item {
  position: relative;
  list-style-type: none;
  margin-top: 15px;
}
.list-links__item:hover:before {
  left: -13px;
}
.list-links__item:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -15px;
  display: block;
  width: 6px;
  height: 9px;
  background-image: url('/images/icon-arrow.png?1480497114');
  background-size: 6px 9px;
  background-position: left top;
  -webkit-transition: left 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: left 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: left 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: left 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.list-links__item a {
  color: #F17D00;
  text-decoration: none;
  font: normal 700 14px/20px "Noto Serif", serif;
}
.list-links__item a:hover {
  color: #FFA729;
}

.section-blue {
  background-color: #43aed1;
  padding: 10px 0 50px;
  color: #FFFFFF;
}
.section-blue .inner {
  max-width: 960px;
}
.section-blue h2 {
  color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 940px) {
  .section-blue .col {
    width: 50%;
  }
}
@media only screen and (max-width: 630px) {
  .section-blue .col {
    width: 100%;
  }
}

.bloc-discover {
  display: block;
  background-color: #FFFFFF;
  box-sizing: none;
  margin: 10px;
  padding: 40px 20px;
  border-radius: 4px;
  box-shadow: 0px 4px 0px 0px #3ea2c3;
  text-decoration: none;
}
.bloc-discover__title {
  display: block;
  height: 80px;
  text-align: center;
  font: normal 700 18px/26px "Noto Sans", sans-serif;
}
@media only screen and (max-width: 940px) {
  .bloc-discover__title {
    height: 55px;
  }
}
@media only screen and (max-width: 630px) {
  .bloc-discover__title {
    height: auto;
  }
}
.bloc-discover:hover {
  background-color: rgba(255, 255, 255, 0.95);
}
.bloc-discover:hover .icon-discover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.icon-discover {
  display: block;
  margin: 0 auto 30px;
  width: 68px;
  height: 62px;
  background-image: url('/images/icons-discover.png?1480497114');
  background-repeat: no-repeat;
  background-size: 272px 62px;
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.icon-discover--1 {
  background-position: 0 0;
}
.icon-discover--2 {
  background-position: -68px 0;
}
.icon-discover--3 {
  background-position: -136px 0;
}
.icon-discover--4 {
  background-position: -204px 0;
}

.icon-arrow-blue {
  display: inline-block;
  margin-left: 5px;
  width: 7px;
  height: 9px;
  background-image: url('/images/icon-arrow-blue.png?1480497114');
  background-repeat: no-repeat;
  background-size: 7px 9px;
}

.row:after {
  content: "";
  display: block;
  clear: both;
}

.col {
  float: left;
}
.col--25 {
  width: 25%;
}
.col--33 {
  width: 33.333333%;
}
.col--50 {
  width: 50%;
}
.col--66 {
  width: 66.666666%;
}

.fright {
  float: right;
  margin-top: 7px !important;
}

.section-networks {
  background-color: #ecf8ff;
  margin-bottom: -50px;
  padding: 20px 0 30px;
}
.section-networks h2 {
  font: normal 700 24px/34px "Noto Serif", serif;
}
@media only screen and (max-width: 940px) {
  .section-networks .col {
    width: 100%;
  }
  .section-networks .col h2 {
    text-align: center;
  }
  .section-networks .col .social-msg {
    margin: 40px auto;
  }
}

.icon-network {
  display: inline-block;
  margin-right: 15px;
  width: 42px;
  height: 50px;
  background-image: url('/images/icons-networks.png?1480497114');
  background-repeat: no-repeat;
  background-size: 84px 50px;
  vertical-align: middle;
}
.icon-network--facebook {
  background-position: 0 0;
}
.icon-network--twitter {
  background-position: -42px 0;
}

.social-list {
  margin: 20px 0;
}

.social-msg {
  list-style-type: none;
  margin: 40px 0;
  max-width: 380px;
}
.social-msg__photo {
  float: left;
}
.social-msg__content {
  margin-left: 85px;
}
.social-msg__hour {
  float: right;
  font: normal 400 11px/14px "Noto Sans", sans-serif;
  margin-bottom: 0;
  color: #69665e;
  position: relative;
}
.social-msg__hour:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url('/images/icon-hour.png?1480497114');
  background-size: 12px 12px;
  top: 0;
  left: -20px;
}
.social-msg__author {
  font: normal 700 11px/14px "Noto Sans", sans-serif;
  margin-bottom: 0;
  margin-right: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.social-msg__author a {
  text-decoration: none;
  color: #43aed1;
}
.social-msg__text {
  font: normal 400 13px/23px "Noto Sans", sans-serif;
  margin: 15px 0;
}
.social-msg__text a {
  text-decoration: none;
  color: #43aed1;
}

.title-bar {
  padding-bottom: 30px;
}
.title-bar .icon-discover {
  float: right;
  margin-top: 15px;
  margin-right: 10px;
  -moz-transform: scale(1.35);
  -ms-transform: scale(1.35);
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
}
.title-bar .more {
  float: right;
}
.title-bar .more a {
  color: #43aed1;
  font: normal 700 14px/22px "Noto Serif", serif;
}

.section-search {
  background-color: #e0ecf3;
  padding: 25px 0 60px;
}
.section-search .search-form {
  max-width: 600px;
  margin: auto;
}
.section-search .search-form form {
  position: relative;
}
.section-search .search-form h2 {
  font: normal 700 24px/28px "Noto Serif", serif;
}
.section-search .search-form .input-text {
  background-color: #FFFFFF;
  padding: 16px 60px 16px 25px;
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
}
.section-search .search-form .field-radio {
  margin-top: 15px;
}
.section-search .search-form .field-radio label {
  font: normal 400 14px/22px "Noto Serif", serif;
  color: #69665e;
  float: left;
  margin-right: 40px;
}
.section-search .search-form .field-radio label:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 650px) {
  .section-search .search-form .field-radio label {
    float: none;
  }
}
.section-search .search-form .advanced-search {
  float: right;
  color: #43aed1;
  margin-top: 15px;
  font: normal 700 12px/22px "Noto Serif", serif;
}
.section-search .search-form .input-submit-icon {
  position: absolute;
  top: 4px;
  right: 4px;
}

.input-submit-icon {
  -webkit-appearance: none;
  outline: none;
  border: none;
  display: block;
  background-image: url('/images/icon-search.png?1480497114');
  background-repeat: no-repeat;
  background-size: 19px 19px;
  background-position: 13px 13px;
  width: 45px;
  height: 45px;
  text-indent: -9999px;
  background-color: #FFFFFF;
  cursor: pointer;
}

.section-blocs {
  padding: 70px 0;
}
.section-blocs .col:first-child .bloc-white {
  margin-right: 10px;
}
.section-blocs .col:last-child .bloc-white {
  margin-left: 10px;
}
@media only screen and (max-width: 940px) {
  .section-blocs .col {
    width: 100%;
  }
  .section-blocs .col:first-child .bloc-white {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .section-blocs .col:last-child .bloc-white {
    margin-left: 0;
  }
}
.section-blocs .bloc-white {
  padding: 0 38px !important;
}
.section-blocs .bloc-white h2 {
  margin-bottom: 5px !important;
}
.section-blocs .more {
  margin: 30px 0 35px;
}
.section-blocs .more a {
  color: #43aed1;
  font: normal 700 14px/22px "Noto Serif", serif;
}

.bloc-items {
  list-style-type: none;
  margin: 0;
}
.bloc-items:after {
  content: "";
  display: block;
  clear: both;
}

.bloc-item {
  padding: 25px 0;
  border-bottom: 2px solid #e8ecee;
}
.bloc-item:after {
  content: "";
  display: block;
  clear: both;
}
.bloc-item__img {
  position: relative;
  display: block;
  float: left;
}
@media only screen and (max-width: 580px) {
  .bloc-item__img {
    float: none;
    margin-bottom: 15px;
  }
}
.bloc-item__img img {
  display: block;
  max-width: 100%;
  width: auto;
}
.bloc-item__text {
  margin-left: 170px;
}
@media only screen and (max-width: 580px) {
  .bloc-item__text {
    margin-left: 0;
  }
}
.bloc-item__title {
  display: block;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
  margin-bottom: 10px;
}
.bloc-item__date {
  font: normal 400 12px/22px "Georgia", "Times", serif;
  font-style: italic;
  margin: 0;
}
.bloc-item__location {
  font: normal 400 12px/22px "Georgia", "Times", serif;
  font-style: italic;
  margin: 0;
}
.bloc-item__location a {
  text-decoration: none;
  color: #69665e;
}
.bloc-item__location a:hover {
  color: #43AED1;
}
.bloc-item--v2 {
  border-bottom: 0px;
  width: calc(25% - 20px);
  margin: 10px;
  float: left;
}
@media only screen and (max-width: 900px) {
  .bloc-item--v2 {
    width: calc(50% - 20px);
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 540px) {
  .bloc-item--v2 {
    width: calc(100% - 20px);
  }
  .bloc-item--v2:not(:first-child) {
    padding-top: 10px;
  }
}
.bloc-item--v2 .bloc-item__img {
  float: none;
  margin-bottom: 15px;
}
.bloc-item--v2 .bloc-item__text {
  margin-left: 0;
}

.ribbon-online {
  position: absolute;
  top: -2px;
  left: -2px;
  display: block;
  width: 63px;
  height: 63px;
  background-image: url('/images/icon-ribbon.png?1480497114');
  background-repeat: no-repeat;
  background-size: 63px 63px;
}
.ribbon-online__text {
  display: block;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: #FFFFFF;
  font: normal 700 10px/26px "Noto Serif", serif;
}

.icon-location {
  padding-left: 10px;
  width: 10px;
  height: 15px;
  display: inline-block;
  background-image: url('/images/icon-location.png?1480497114');
  background-repeat: no-repeat;
  background-size: 10px 15px;
  vertical-align: sub;
}

.icon-user {
  padding-left: 10px;
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url('/images/icon-user.png?1480497114');
  background-repeat: no-repeat;
  background-size: 13px 13px;
  vertical-align: sub;
}

.icon-arrowb {
  display: inline-block;
  width: 10px;
  height: 5px;
  background-image: url('/images/lng-arrow.png?1480497114');
  background-repeat: no-repeat;
  margin-left: 5px;
  vertical-align: middle;
}

.teaching-materials {
  background-color: #e0ecf3;
  padding: 25px 0 30px;
}
.teaching-materials .inner {
  max-width: 960px;
}
.teaching-materials .inner h2 {
  margin-left: 10px;
  font: normal 700 24px/28px "Noto Serif", serif;
  margin-bottom: 0;
}
.teaching-materials .inner .more {
  float: right;
  margin-right: 10px;
  margin-top: 6px;
  margin-bottom: 0;
}
.teaching-materials .inner .more a {
  color: #43aed1;
  font: normal 700 14px/22px "Noto Serif", serif;
}

.section-text {
  padding: 30px 0 20px;
}
.section-text h2 {
  font: normal 700 28px/38px "Noto Serif", serif;
}
.section-text .columns {
  margin-top: 40px;
}
@media only screen and (max-width: 860px) {
  .section-text .col {
    width: 100%;
  }
  .section-text .columns {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 650px) {
  .section-text .columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

.columns--2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.article-list + .button {
  margin-top: 40px;
  margin-bottom: 40px;
}

hr {
  margin: 40px 0 10px;
  border: 0;
  height: 0;
  border-bottom: 2px solid #e8ecee;
}

.section-with-margin {
  margin: 60px 0;
}

.bloc-blue {
  background-color: #e0ecf3;
  border-radius: 4px;
  max-width: 600px;
  margin: 0 auto 40px;
}
@media only screen and (max-width: 760px) {
  .bloc-blue {
    max-width: 300px;
  }
}
.bloc-blue .col {
  box-sizing: border-box;
  margin: 40px 0;
  padding: 0 40px;
}
.bloc-blue .col:first-child {
  border-right: 2px solid #cad5db;
}
@media only screen and (max-width: 760px) {
  .bloc-blue .col {
    width: 100%;
  }
  .bloc-blue .col:first-child {
    border-right: 0;
    margin-bottom: 0;
  }
}
.bloc-blue h2 {
  margin-top: 0;
  font: normal 700 28px/38px "Noto Serif", serif;
  margin-bottom: 23px;
}
.bloc-blue p {
  font: normal 500 14px/24px "Noto Sans", sans-serif;
}
.bloc-blue .more {
  margin: 20px 0 15px;
}
.bloc-blue .more a {
  color: #43aed1;
  font: normal 700 14px/22px "Noto Serif", serif;
}

.ms-slide__img {
  margin: 0;
}
.ms-slide__title {
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #F17D00;
  margin-bottom: 12px;
  margin-top: 8px;
}
.ms-slide__title a {
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.ms-slide__title a:hover {
  color: #FFA729;
}
.ms-slide__date {
  display: block;
  color: #69665e;
}
.ms-slide__location {
  display: block;
}

.side-img {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}

.catalog-list h2 {
  margin-top: 0;
}
.catalog-list .results-head {
  margin-top: 50px;
  padding: 15px 0;
  border-top: 2px solid #e8ecee;
  border-bottom: 2px solid #e8ecee;
}
.catalog-list .results-head__results {
  font: normal 700 13px/22px "Noto Sans", sans-serif;
  padding: 5px 0;
  margin-bottom: 0;
}
.catalog-list .sort-articles {
  float: right;
}
.catalog-list .sort-articles .dk-selected {
  background-color: #FFFFFF;
  padding: 5px 45px 5px 25px;
  font: normal 700 13px/22px "Noto Sans", sans-serif;
}
.catalog-list .sort-articles .selectContainer {
  margin-right: 0;
}
.catalog-list .course-result {
  border-bottom: 2px solid #e8ecee;
}
@media only screen and (max-width: 940px) {
  .catalog-list .course-result {
    margin: 30px 0 0 !important;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 635px) {
  .catalog-list .course-result {
    padding-bottom: 10px;
  }
}
.catalog-list .course-result.last {
  border-bottom: 0;
  margin-bottom: 20px !important;
}
.catalog-list .course-result .discussion-cover {
  width: 220px;
}
.catalog-list .course-result .discussion-cover a {
  display: block;
  position: relative;
}
@media only screen and (max-width: 940px) {
  .catalog-list .course-result .discussion-cover {
    float: left;
  }
  .catalog-list .course-result .discussion-cover img {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 635px) {
  .catalog-list .course-result .discussion-cover {
    float: none;
  }
}
.catalog-list .course-result .course-result-content {
  width: auto;
  float: none;
  margin-left: 250px;
  min-height: 160px;
  padding: 0;
  position: relative;
}
@media only screen and (max-width: 635px) {
  .catalog-list .course-result .course-result-content {
    margin-left: 0;
    margin-top: 15px;
  }
}
.catalog-list .course-result .course-result-content h2 {
  font: normal 700 16px/22px "Noto Serif", serif;
}
.catalog-list .course-result .course-result-content .time {
  float: none;
  margin-bottom: 6px;
}
.catalog-list .course-result .course-result-content .more-times {
  float: none;
  margin-bottom: 4px;
}
.catalog-list .course-result .course-result-content .more-times .more-times-label {
  padding-left: 0;
  background: none;
  text-decoration: none;
}
.catalog-list .course-result .course-result-content .user-text {
  margin-left: 14px;
}
.catalog-list .course-result .course-result-content .course-result-social {
  float: none;
  width: inherit;
  margin-left: 0;
  text-align: left;
}
.catalog-list .course-result .course-result-content .course-result-social .fiveStarsRating {
  float: none;
}
@media only screen and (max-width: 940px) {
  .catalog-list .course-result .course-result-content .col {
    width: 100%;
    margin-bottom: 9px;
  }
  .catalog-list .course-result .course-result-content .col .user-text,
  .catalog-list .course-result .course-result-content .col .more-times {
    margin-left: 0;
  }
}
.catalog-list .course-result .rating {
  position: absolute;
  width: 100%;
  height: 20px;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 940px) {
  .catalog-list .course-result .rating {
    position: relative;
    height: inherit;
    bottom: inherit;
    left: inherit;
    float: left;
  }
}
.catalog-list .course-result .rating p {
  font: normal 400 12px/19px "Georgia", "Times", serif;
  font-style: italic;
}
.catalog-list .course-result .rating .fiveStarsRating {
  right: auto;
  left: 30px;
}
.catalog-list .course-result .rating .content-infos {
  position: absolute;
  top: 2px;
  left: 130px;
}
.catalog-list .course-result .rating .content-infos li:first-child {
  border-left: 1px solid #E4E3E3;
  padding-left: 7px;
}

.dropdown--right {
  float: right;
}
@media only screen and (max-width: 640px) {
  .dropdown--right {
    float: none;
    margin-bottom: 20px;
  }
}

.dropdown--medium {
  width: 220px;
}
.dropdown--medium .dk-selected {
  padding: 10px 55px 10px 25px;
}

body .filter--v2 {
  width: 320px;
}
@media only screen and (max-width: 940px) {
  body .filter--v2 {
    width: 100%;
    max-width: 320px;
    margin: auto;
  }
}
body .filter--v2 h2 {
  margin-bottom: 30px !important;
}
body .filter--v2 .filterInner {
  padding: 40px;
}
body .filter--v2 .filterInner .field,
body .filter--v2 .filterInner .dk-select {
  width: 100%;
}
body .filter--v2 .chosen-container-multi .chosen-choices,
body .filter--v2 .dk-selected,
body .filter--v2 .input-date,
body .filter--v2 select {
  padding: 8px 25px 8px 15px;
  height: 41px;
  background-color: #cfdee7;
}
body .filter--v2 .filterApplyBtn {
  padding: 15px 0;
  margin-top: 15px;
}

.bloc-no-border {
  background-color: #FFFFFF;
  padding: 0;
}
.bloc-no-border p {
  line-height: 24px;
}

@media only screen and (max-width: 940px) {
  .searchSection--v2 .left-side {
    margin-bottom: 40px !important;
  }
}
.searchSection--v2 .left-side h2 {
  margin-bottom: 40px;
}
.searchSection--v2 fieldset.col {
  margin: 13px 0 !important;
  box-sizing: border-box;
}
.searchSection--v2 fieldset.col:nth-child(even) {
  padding-left: 10px;
}
.searchSection--v2 fieldset.col:nth-child(odd) {
  padding-right: 10px;
}
@media only screen and (max-width: 680px) {
  .searchSection--v2 fieldset.col {
    width: 100%;
  }
  .searchSection--v2 fieldset.col:nth-child(even) {
    padding-left: 0px;
  }
  .searchSection--v2 fieldset.col:nth-child(odd) {
    padding-right: 0px;
  }
}
.searchSection--v2 fieldset.col:before {
  display: none !important;
}
.searchSection--v2 fieldset.col label {
  width: inherit !important;
  display: block !important;
  font: normal 700 14px/22px "Noto Serif", serif;
  margin-bottom: 10px;
}
.searchSection--v2 .dk-select,
.searchSection--v2 .dk-select-multi {
  display: block;
}
.searchSection--v2 .field,
.searchSection--v2 .dk-selected {
  width: 100% !important;
}
.searchSection--v2 .dk-selected {
  padding: 10px 55px 10px 25px;
}
.searchSection--v2 form .mainSearch .input-text {
  padding: 15px 25px;
}
.searchSection--v2 form .input-text,
.searchSection--v2 form textarea {
  padding: 10px 25px;
}
.searchSection--v2 .input-submit {
  padding: 15px 50px !important;
  margin-top: 40px !important;
}
.searchSection--v2 .submit {
  margin-top: 0 !important;
}

.widget-courses {
  border-radius: 3px;
}
.widget-courses .ms-slide__header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #f07d00;
  padding: 20px;
}
.widget-courses .ms-slide__header h3 {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.widget-courses .ms-slide__parag {
  padding: 20px 30px;
  position: relative;
  background-color: #e0ecf3;
}
.widget-courses .ms-slide__parag p {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
}
.widget-courses .ms-slide__parag:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #e0ecf3 transparent transparent transparent;
}
.widget-courses .ms-slide__author {
  padding: 12px 20px;
  background: #f07d00;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.widget-courses .ms-slide__author p {
  font-family: "Noto Serif", serif;
  font-size: 12px;
  line-height: 20px;
  font-style: italic;
  letter-spacing: 0.05em;
  color: #fff;
  margin: 0;
}
.widget-courses .title-bottom {
  padding: 10px 0 5px;
}
.widget-courses .title-bottom p {
  font-family: "Noto Serif", serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: #f17d00;
  margin: 0;
}
.widget-courses .ms-skin-default .ms-nav-next,
.widget-courses .ms-skin-default .ms-nav-prev {
  top: 50%;
  width: 18px;
  height: 36px;
  border-radius: 0;
}
.widget-courses .ms-skin-default .ms-nav-next::after,
.widget-courses .ms-skin-default .ms-nav-prev::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.widget-courses .ms-skin-default .ms-nav-next {
  right: 0;
  border-bottom-left-radius: 36px;
  border-top-left-radius: 36px;
}
.widget-courses .ms-skin-default .ms-nav-next::after {
  margin-left: 2px;
}
.widget-courses .ms-skin-default .ms-nav-prev {
  left: 0;
  border-bottom-right-radius: 36px;
  border-top-right-radius: 36px;
}
.widget-courses .ms-skin-default .ms-nav-prev::after {
  margin-left: -2px;
}

.page-mob_opp-search h1,
.page-mob_opp-create h1,
.page-course-add h1,
.page-course-edit h1,
.page-course-search h1 {
  margin-bottom: 40px;
}
.page-mob_opp-search .form,
.page-mob_opp-create .form,
.page-course-add .form,
.page-course-edit .form,
.page-course-search .form {
  width: 57.44681%;
  float: left;
}
.page-mob_opp-search .form label,
.page-mob_opp-search .form .label,
.page-mob_opp-create .form label,
.page-mob_opp-create .form .label,
.page-course-add .form label,
.page-course-add .form .label,
.page-course-edit .form label,
.page-course-edit .form .label,
.page-course-search .form label,
.page-course-search .form .label {
  display: inline-block;
  width: 25.92593%;
  font: normal 700 18px/31px "Noto Serif", serif;
  vertical-align: middle;
  color: #69665E;
}
.page-mob_opp-search .form label.range-sep,
.page-mob_opp-search .form .label.range-sep,
.page-mob_opp-create .form label.range-sep,
.page-mob_opp-create .form .label.range-sep,
.page-course-add .form label.range-sep,
.page-course-add .form .label.range-sep,
.page-course-edit .form label.range-sep,
.page-course-edit .form .label.range-sep,
.page-course-search .form label.range-sep,
.page-course-search .form .label.range-sep {
  float: none;
  padding: 0 14px;
  width: auto;
}
.page-mob_opp-search .form label .hidden,
.page-mob_opp-search .form .label .hidden,
.page-mob_opp-create .form label .hidden,
.page-mob_opp-create .form .label .hidden,
.page-course-add .form label .hidden,
.page-course-add .form .label .hidden,
.page-course-edit .form label .hidden,
.page-course-edit .form .label .hidden,
.page-course-search .form label .hidden,
.page-course-search .form .label .hidden {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.page-mob_opp-search .form .field,
.page-mob_opp-create .form .field,
.page-course-add .form .field,
.page-course-edit .form .field,
.page-course-search .form .field {
  display: block;
  float: right;
  vertical-align: middle;
  width: 70.37037%;
  margin: 0;
}
.page-mob_opp-search .form .field.file-field,
.page-mob_opp-create .form .field.file-field,
.page-course-add .form .field.file-field,
.page-course-edit .form .field.file-field,
.page-course-search .form .field.file-field {
  margin: 0;
}
.page-mob_opp-search .form .field.file-field input,
.page-mob_opp-create .form .field.file-field input,
.page-course-add .form .field.file-field input,
.page-course-edit .form .field.file-field input,
.page-course-search .form .field.file-field input {
  margin: 0 25px;
}
.page-mob_opp-search .form fieldset,
.page-mob_opp-create .form fieldset,
.page-course-add .form fieldset,
.page-course-edit .form fieldset,
.page-course-search .form fieldset {
  min-height: 62px;
}
.page-mob_opp-search .form fieldset:after,
.page-mob_opp-create .form fieldset:after,
.page-course-add .form fieldset:after,
.page-course-edit .form fieldset:after,
.page-course-search .form fieldset:after {
  content: "";
  display: block;
  clear: both;
}
.page-mob_opp-search .form fieldset:before,
.page-mob_opp-create .form fieldset:before,
.page-course-add .form fieldset:before,
.page-course-edit .form fieldset:before,
.page-course-search .form fieldset:before {
  content: "";
  display: inline-block;
  width: 0;
  margin-left: -.28em;
  vertical-align: middle;
  height: 100%;
  min-height: 62px;
}
.page-mob_opp-search .form fieldset .dk-selected,
.page-mob_opp-create .form fieldset .dk-selected,
.page-course-add .form fieldset .dk-selected,
.page-course-edit .form fieldset .dk-selected,
.page-course-search .form fieldset .dk-selected {
  width: 380px;
}
.page-mob_opp-search .form fieldset .input-text, .page-mob_opp-search .form fieldset textarea,
.page-mob_opp-create .form fieldset .input-text,
.page-mob_opp-create .form fieldset textarea,
.page-course-add .form fieldset .input-text,
.page-course-add .form fieldset textarea,
.page-course-edit .form fieldset .input-text,
.page-course-edit .form fieldset textarea,
.page-course-search .form fieldset .input-text,
.page-course-search .form fieldset textarea {
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-mob_opp-search .form fieldset .input-range,
.page-mob_opp-create .form fieldset .input-range,
.page-course-add .form fieldset .input-range,
.page-course-edit .form fieldset .input-range,
.page-course-search .form fieldset .input-range {
  width: 110px;
  display: inline-block;
}
.page-mob_opp-search .form fieldset + fieldset,
.page-mob_opp-create .form fieldset + fieldset,
.page-course-add .form fieldset + fieldset,
.page-course-edit .form fieldset + fieldset,
.page-course-search .form fieldset + fieldset {
  margin-top: 3.21429em;
}
.page-mob_opp-search .form fieldset.submit input,
.page-mob_opp-create .form fieldset.submit input,
.page-course-add .form fieldset.submit input,
.page-course-edit .form fieldset.submit input,
.page-course-search .form fieldset.submit input {
  display: inline-block;
  width: auto;
  padding: 20px 50px;
}
.page-mob_opp-search .form fieldset.terms:before,
.page-mob_opp-create .form fieldset.terms:before,
.page-course-add .form fieldset.terms:before,
.page-course-edit .form fieldset.terms:before,
.page-course-search .form fieldset.terms:before {
  display: none;
}
.page-mob_opp-search .form fieldset.terms label,
.page-mob_opp-create .form fieldset.terms label,
.page-course-add .form fieldset.terms label,
.page-course-edit .form fieldset.terms label,
.page-course-search .form fieldset.terms label {
  width: 100%;
  padding: 0 0 0 33px;
  background: transparent url('/images/check-1.png?1480497113') no-repeat left center;
}
.page-mob_opp-search .form fieldset.terms label.checked,
.page-mob_opp-create .form fieldset.terms label.checked,
.page-course-add .form fieldset.terms label.checked,
.page-course-edit .form fieldset.terms label.checked,
.page-course-search .form fieldset.terms label.checked {
  background: transparent url('/images/check-2.png?1480497113') no-repeat left center;
}
.page-mob_opp-search .instructions,
.page-mob_opp-create .instructions,
.page-course-add .instructions,
.page-course-edit .instructions,
.page-course-search .instructions {
  width: 23.40426%;
  float: right;
}
@media screen and (max-width: 940px) {
  .page-mob_opp-search .instructions, .page-mob_opp-search .form,
  .page-mob_opp-create .instructions,
  .page-mob_opp-create .form,
  .page-course-add .instructions,
  .page-course-add .form,
  .page-course-edit .instructions,
  .page-course-edit .form,
  .page-course-search .instructions,
  .page-course-search .form {
    width: auto;
    float: none;
  }
  .page-mob_opp-search .form,
  .page-mob_opp-create .form,
  .page-course-add .form,
  .page-course-edit .form,
  .page-course-search .form {
    margin-bottom: 45px;
  }
  .page-mob_opp-search .form fieldset:before,
  .page-mob_opp-create .form fieldset:before,
  .page-course-add .form fieldset:before,
  .page-course-edit .form fieldset:before,
  .page-course-search .form fieldset:before {
    display: none;
  }
  .page-mob_opp-search .form fieldset label, .page-mob_opp-search .form fieldset .field,
  .page-mob_opp-create .form fieldset label,
  .page-mob_opp-create .form fieldset .field,
  .page-course-add .form fieldset label,
  .page-course-add .form fieldset .field,
  .page-course-edit .form fieldset label,
  .page-course-edit .form fieldset .field,
  .page-course-search .form fieldset label,
  .page-course-search .form fieldset .field {
    display: block;
    float: none;
    width: 100%;
  }
  .page-mob_opp-search .form fieldset label,
  .page-mob_opp-create .form fieldset label,
  .page-course-add .form fieldset label,
  .page-course-edit .form fieldset label,
  .page-course-search .form fieldset label {
    margin: 0 0 10px 0;
  }
  .page-mob_opp-search .form fieldset + fieldset,
  .page-mob_opp-create .form fieldset + fieldset,
  .page-course-add .form fieldset + fieldset,
  .page-course-edit .form fieldset + fieldset,
  .page-course-search .form fieldset + fieldset {
    margin-top: 25px;
  }
  .page-mob_opp-search .form fieldset.submit,
  .page-mob_opp-create .form fieldset.submit,
  .page-course-add .form fieldset.submit,
  .page-course-edit .form fieldset.submit,
  .page-course-search .form fieldset.submit {
    margin-top: 45px;
  }
  .page-mob_opp-search .form fieldset .dk-selected,
  .page-mob_opp-create .form fieldset .dk-selected,
  .page-course-add .form fieldset .dk-selected,
  .page-course-edit .form fieldset .dk-selected,
  .page-course-search .form fieldset .dk-selected {
    width: 100%;
  }
}

.page-course-add .sessions {
  margin-top: 3.21429em;
  margin-bottom: 3.21429em;
}
.page-course-add .sessions:after {
  content: "";
  display: block;
  clear: both;
}
.page-course-add .sessions fieldset + fieldset {
  margin-top: 2.14286em;
}
.page-course-add .sessions fieldset.action {
  min-height: 0;
  text-align: right;
}
.page-course-add .sessions fieldset.action:before {
  content: none;
}
.page-course-add .sessions-list {
  margin-bottom: 1.07143em;
}
.page-course-add .sessions-list .sessions-list-item {
  font: normal 13px/22px "Noto Serif", serif;
  color: #69665E;
}
.page-course-add .sessions-list .sessions-list-item .data {
  visibility: hidden;
  height: 1px;
  overflow: hidden;
}
.page-course-add .sessions-list .sessions-list-item .date {
  padding-left: 21px;
  background: transparent url('/images/calendar-icon.png?1480497113') no-repeat left center;
  font-style: italic;
  font-family: "Georgia", "Times", serif;
}
.page-course-add .sessions-list .sessions-list-item .register {
  margin-left: 10px;
}
.page-course-add .sessions-list .sessions-list-item .delete {
  float: right;
  width: 16px;
  height: 16px;
  background: transparent url('/images/trash.png?1480497114') no-repeat center;
  border: 0 none;
  margin-top: 2px;
  cursor: pointer;
}
.page-course-add .sessions-list .sessions-list-item + .sessions-list-item {
  margin-top: 5px;
}
.page-course-add .add-session-form {
  padding-top: 2.14286em;
  padding-bottom: 2.14286em;
  border-top: 2px solid #d4dbdf;
  border-bottom: 2px solid #d4dbdf;
}
.page-course-add .add-session-form label,
.page-course-add .add-session-form .label {
  width: 36.84211%;
}
.page-course-add .add-session-form .field {
  width: 57.89474%;
}
.page-course-add .add-session-form .input-add {
  -webkit-appearance: none;
  outline: none;
  border: none;
  width: auto;
  padding: 8px 30px;
  background: #1C4054;
  font: normal 700 14px/20px "Noto Serif", serif;
  color: #FFF;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
  -webkit-font-smoothing: antialiased;
}
.page-course-add .add-session-form .input-add:hover, .page-course-add .add-session-form .input-add:focus {
  background: #265773;
}

.instructions, .courseLinks, .notificationContainer, .organizationLinks {
  background: #e0ecf3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.instructions .instructionsInner, .instructions .courseLinksInner, .instructions .notificationInner, .instructions .organizationLinksInner, .courseLinks .instructionsInner, .courseLinks .courseLinksInner, .courseLinks .notificationInner, .courseLinks .organizationLinksInner, .notificationContainer .instructionsInner, .notificationContainer .courseLinksInner, .notificationContainer .notificationInner, .notificationContainer .organizationLinksInner, .organizationLinks .instructionsInner, .organizationLinks .courseLinksInner, .organizationLinks .notificationInner, .organizationLinks .organizationLinksInner {
  padding: 25px 20px;
}
.instructions h2, .courseLinks h2, .notificationContainer h2, .organizationLinks h2 {
  font: normal 700 22px/1.5 "Noto Serif", serif;
  color: #1C4054;
  margin: 0 0 20px;
}

.page-course-detail .courseLinks .organizationLinksInner, .page-course-detail .courseLinks .courseLinksInner, .page-course-detail .organizationLinks .organizationLinksInner, .page-course-detail .organizationLinks .courseLinksInner,
.page-organization-description .courseLinks .organizationLinksInner,
.page-organization-description .courseLinks .courseLinksInner,
.page-organization-description .organizationLinks .organizationLinksInner,
.page-organization-description .organizationLinks .courseLinksInner,
.page-organization-members .courseLinks .organizationLinksInner,
.page-organization-members .courseLinks .courseLinksInner,
.page-organization-members .organizationLinks .organizationLinksInner,
.page-organization-members .organizationLinks .courseLinksInner,
.page-organization-courses .courseLinks .organizationLinksInner,
.page-organization-courses .courseLinks .courseLinksInner,
.page-organization-courses .organizationLinks .organizationLinksInner,
.page-organization-courses .organizationLinks .courseLinksInner,
.page-organization-comments .courseLinks .organizationLinksInner,
.page-organization-comments .courseLinks .courseLinksInner,
.page-organization-comments .organizationLinks .organizationLinksInner,
.page-organization-comments .organizationLinks .courseLinksInner,
.page-organization-contact .courseLinks .organizationLinksInner,
.page-organization-contact .courseLinks .courseLinksInner,
.page-organization-contact .organizationLinks .organizationLinksInner,
.page-organization-contact .organizationLinks .courseLinksInner {
  padding: 20px;
}
.page-course-detail .courseLinks h2, .page-course-detail .organizationLinks h2,
.page-organization-description .courseLinks h2,
.page-organization-description .organizationLinks h2,
.page-organization-members .courseLinks h2,
.page-organization-members .organizationLinks h2,
.page-organization-courses .courseLinks h2,
.page-organization-courses .organizationLinks h2,
.page-organization-comments .courseLinks h2,
.page-organization-comments .organizationLinks h2,
.page-organization-contact .courseLinks h2,
.page-organization-contact .organizationLinks h2 {
  margin-bottom: 6px;
}
.page-course-detail .courseLinks ul, .page-course-detail .organizationLinks ul,
.page-organization-description .courseLinks ul,
.page-organization-description .organizationLinks ul,
.page-organization-members .courseLinks ul,
.page-organization-members .organizationLinks ul,
.page-organization-courses .courseLinks ul,
.page-organization-courses .organizationLinks ul,
.page-organization-comments .courseLinks ul,
.page-organization-comments .organizationLinks ul,
.page-organization-contact .courseLinks ul,
.page-organization-contact .organizationLinks ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-course-detail .courseLinks ul li, .page-course-detail .organizationLinks ul li,
.page-organization-description .courseLinks ul li,
.page-organization-description .organizationLinks ul li,
.page-organization-members .courseLinks ul li,
.page-organization-members .organizationLinks ul li,
.page-organization-courses .courseLinks ul li,
.page-organization-courses .organizationLinks ul li,
.page-organization-comments .courseLinks ul li,
.page-organization-comments .organizationLinks ul li,
.page-organization-contact .courseLinks ul li,
.page-organization-contact .organizationLinks ul li {
  display: block;
}
.page-course-detail .courseLinks ul li + li, .page-course-detail .organizationLinks ul li + li,
.page-organization-description .courseLinks ul li + li,
.page-organization-description .organizationLinks ul li + li,
.page-organization-members .courseLinks ul li + li,
.page-organization-members .organizationLinks ul li + li,
.page-organization-courses .courseLinks ul li + li,
.page-organization-courses .organizationLinks ul li + li,
.page-organization-comments .courseLinks ul li + li,
.page-organization-comments .organizationLinks ul li + li,
.page-organization-contact .courseLinks ul li + li,
.page-organization-contact .organizationLinks ul li + li {
  border-top: 1px dotted #b9c3c8;
  margin: 0;
}
.page-course-detail .courseLinks ul li a, .page-course-detail .organizationLinks ul li a,
.page-organization-description .courseLinks ul li a,
.page-organization-description .organizationLinks ul li a,
.page-organization-members .courseLinks ul li a,
.page-organization-members .organizationLinks ul li a,
.page-organization-courses .courseLinks ul li a,
.page-organization-courses .organizationLinks ul li a,
.page-organization-comments .courseLinks ul li a,
.page-organization-comments .organizationLinks ul li a,
.page-organization-contact .courseLinks ul li a,
.page-organization-contact .organizationLinks ul li a {
  padding: 7px 0 7px 25px;
}
.page-course-detail .organizationLinks + .course-result,
.page-organization-description .organizationLinks + .course-result,
.page-organization-members .organizationLinks + .course-result,
.page-organization-courses .organizationLinks + .course-result,
.page-organization-comments .organizationLinks + .course-result,
.page-organization-contact .organizationLinks + .course-result {
  margin-top: 30px;
}

.msg-article {
  margin-bottom: 40px;
}
@media screen and (max-width: 940px) {
  .msg-article {
    position: relative;
  }
}
.msg-article a {
  font: normal 700 14px/20px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.msg-article a:hover, .msg-article a:focus {
  color: #FFA729;
}
.msg-article .msg-fig {
  float: left;
  width: 60px;
}
.msg-article .msg-fig img, .msg-article .msg-fig a {
  width: 100%;
  display: block;
}
@media screen and (max-width: 940px) {
  .msg-article .msg-fig {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.msg-article .msg-content {
  width: 600px;
  float: right;
}
@media screen and (max-width: 940px) {
  .msg-article .msg-content {
    width: auto;
    float: none;
  }
}
.msg-article .msg-header {
  margin-bottom: 15px;
  position: relative;
}
.msg-article .msg-header dl {
  float: left;
}
.msg-article .msg-header dl dt, .msg-article .msg-header dl dd {
  display: inline-block;
  font: normal 500 14px/14px "Noto Serif", serif;
  letter-spacing: 0.01em;
  color: #69665E;
  width: auto;
}
.msg-article .msg-header dl dd + dt + dd:before {
  content: "|";
  display: inline-block;
  margin-right: 0.4em;
}
.msg-article .msg-header dl dd + dt + dd.noSep:before {
  display: none;
}
.msg-article .msg-header dl dd.sub {
  display: block;
  font: italic 12px/22px "Georgia", "Times", serif;
  color: #69665E;
}
.msg-article .msg-header .msg-tools {
  float: right;
}
@media screen and (max-width: 940px) {
  .msg-article .msg-header {
    min-height: 42px;
    margin: 0 0 20px 80px;
    padding-bottom: 18px;
  }
  .msg-article .msg-header dl {
    float: none;
  }
  .msg-article .msg-header dl dt, .msg-article .msg-header dl dd {
    display: inline;
  }
  .msg-article .msg-header .msg-tools {
    float: none;
    text-align: right;
    margin-top: 4px;
  }
  .msg-article .msg-header .msg-tools a {
    display: inline-block;
  }
}
@media screen and (max-width: 940px) {
  .msg-article .msg-header .fiveStarsRating {
    top: auto;
    bottom: 0;
    margin: 0;
  }
}
.msg-article .msg-txt {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #e0ecf3;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
  padding: 20px;
}
.msg-article .msg-txt p {
  margin: 0;
}
.msg-article .msg-txt p + p {
  margin-top: 20px;
}
.msg-article .formLabels {
  width: 375px;
}
.msg-article .formLabels label {
  position: static;
  top: auto;
  left: auto;
  font: normal 700 18px/28px "Noto Serif", serif;
  color: #69665E;
  margin-bottom: 6px;
}
@media screen and (max-width: 940px) {
  .msg-article .formLabels {
    width: 100%;
  }
}
.msg-article label {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.msg-article textarea {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.msg-article .input-submit {
  margin: 40px 0 0 0;
  display: block;
  width: 160px;
}
@media screen and (max-width: 940px) {
  .msg-article#reply .msg-fig {
    position: static;
    margin-bottom: 20px;
  }
}

.verified {
  position: relative;
  width: 44px;
  height: 30px;
  background: url('/images/shield.png?1480497114') no-repeat center center;
}
.verified a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -10px;
  left: 0;
}
.verified a:hover .label, .verified a:focus .label {
  top: 100%;
  left: 0;
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 940px) {
  .verified a:hover .label, .verified a:focus .label {
    left: auto;
    right: 0;
  }
}
.verified .label {
  display: block;
  position: absolute;
  top: -99999px;
  left: -99999px;
  width: 140px;
  text-align: center;
  padding: 14px;
  border: 1px solid #d4dbdf;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  font: normal 700 14px/16px "Noto Serif", serif;
  color: #F17D00;
  letter-spacing: ls_ps(50);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  -moz-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms, left 0s 200ms, top 0s 200ms;
  -webkit-transition-delay: 0s, 0s, linear, linear, linear;
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, left 0s 200ms linear, top 0s 200ms linear;
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, left 0s 200ms linear, top 0s 200ms linear;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, left 0s 200ms linear, top 0s 200ms linear;
}
.verified .label:before {
  content: "";
  display: block;
  position: absolute;
  background: url('/images/inbox-actions-arrow.png?1480497114') no-repeat center center;
  width: 27px;
  height: 13px;
  top: -13px;
  left: 8px;
}
@media screen and (max-width: 940px) {
  .verified .label {
    left: auto;
    right: -999999px;
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms, right 0s 200ms, top 0s 200ms;
    -webkit-transition-delay: 0s, 0s, linear, linear, linear;
    -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
    -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
    transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
  }
  .verified .label:before {
    left: auto;
    right: 8px;
  }
}

.page-mob_opp-results .inner,
.page-mob_opp-detail .inner,
.page-course-search .inner,
.page-course-detail .inner {
  position: relative;
}
.page-mob_opp-results .breadcrumb,
.page-mob_opp-detail .breadcrumb,
.page-course-search .breadcrumb,
.page-course-detail .breadcrumb {
  max-width: 410px;
  float: left;
}
.page-mob_opp-results .searchTools,
.page-mob_opp-detail .searchTools,
.page-course-search .searchTools,
.page-course-detail .searchTools {
  float: right;
  width: 530px;
}
.page-mob_opp-results .searchTools ul,
.page-mob_opp-detail .searchTools ul,
.page-course-search .searchTools ul,
.page-course-detail .searchTools ul {
  text-align: right;
}
@media screen and (max-width: 940px) {
  .page-mob_opp-results .breadcrumb, .page-mob_opp-results .searchTools,
  .page-mob_opp-detail .breadcrumb,
  .page-mob_opp-detail .searchTools,
  .page-course-search .breadcrumb,
  .page-course-search .searchTools,
  .page-course-detail .breadcrumb,
  .page-course-detail .searchTools {
    float: none;
    width: 100%;
  }
  .page-mob_opp-results .searchTools,
  .page-mob_opp-detail .searchTools,
  .page-course-search .searchTools,
  .page-course-detail .searchTools {
    margin-bottom: 40px;
  }
  .page-mob_opp-results .searchTools ul,
  .page-mob_opp-detail .searchTools ul,
  .page-course-search .searchTools ul,
  .page-course-detail .searchTools ul {
    text-align: left;
  }
}

.sort-articles label, .sort-articles .selectContainer, .sort-articles .field {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.sort-articles .field {
  margin-bottom: 0;
}
.sort-articles .field.field-check {
  margin-left: 10px;
}
.sort-articles .field.field-check label {
  margin-bottom: 0;
}
.sort-articles .dk-selected, .sort-articles select {
  padding: 0 37px 0 15px;
  min-width: 165px;
}
.sort-articles .dk-option {
  padding: 2px 15px;
}
.sort-articles label {
  line-height: 25px;
}
.sort-articles p:first-child {
  margin-bottom: 15px;
}
@media screen and (max-width: 940px) {
  .sort-articles label, .sort-articles .selectContainer {
    display: block;
    width: 100%;
  }
  .sort-articles label {
    margin-bottom: 12px;
  }
}

.filter {
  float: right;
  width: 23.40426%;
}
.filter label {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.filter .filterInner {
  background: #e0ecf3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px 25px 30px 25px;
  margin-bottom: 20px;
}
.filter .filterInner h2 {
  margin: 0 0 14px 0;
  color: #F17D00;
  font: normal 700 16px/20px "Noto Serif", serif;
}
.filter .filterInner .field {
  margin-bottom: 15px;
  width: 170px;
}
.filter .filterInner .field.last {
  margin-bottom: 0;
}
.filter .filterInner .field.priceSlider {
  margin-bottom: 24px;
}
.filter .filterInner .field.priceSlider label {
  position: static;
  left: auto;
  top: auto;
  font: normal 700 14px/30px "Noto Sans", sans-serif;
  color: #69665E;
  cursor: default;
}
.filter .dk-select {
  width: 170px;
}
.filter .chosen-container-multi .chosen-choices, .filter .dk-selected, .filter select, .filter .input-date {
  font: normal 700 14px/25px "Noto Sans", sans-serif;
  height: 25px;
  padding: 0 25px 0 15px;
  width: 100%;
}
.filter .dk-selected, .filter select {
  background: #bbd5e5 url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
}
.filter .dk-selected:hover, .filter .dk-selected:focus, .filter select:hover, .filter select:focus {
  background: #a8cade url('/images/lng-arrow.png?1480497114') no-repeat 90% center;
}
.filter .input-date {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #bbd5e5 url('/images/ico_calendar.png?1480497114') no-repeat 91.5% center;
}
.filter .input-date:hover, .filter .input-date:focus {
  background: #a8cade url('/images/ico_calendar.png?1480497114') no-repeat 91.5% center;
}
.filter .dk-option {
  padding: 4px 15px;
}
.filter .submit .button {
  margin: 0;
}
.filter .submit + .submit {
  margin: 20px 0 0 0;
}
.filter .submit .saveSearchBtn.saveSearch-failed {
  background: #c86800;
}
.filter .submit .saveSearchBtn.saveSearch-faded {
  color: rgba(255, 255, 255, 0);
}
@media screen and (max-width: 940px) {
  .filter {
    float: none;
    width: 100%;
  }
  .filter .filterInner .field {
    width: 100%;
  }
  .filter .dk-select {
    width: 100%;
  }
}

.page-mob_opp-results .searchTools ul, .page-mob_opp-results .searchTools li,
.page-mob_opp-detail .searchTools ul,
.page-mob_opp-detail .searchTools li,
.page-course-results .searchTools ul,
.page-course-results .searchTools li,
.page-course-search .searchTools ul,
.page-course-search .searchTools li,
.page-course-detail .searchTools ul,
.page-course-detail .searchTools li,
.page-course-detail .courseLinks ul,
.page-course-detail .courseLinks li,
.page-profile .profile-art .profile-art-actions ul,
.page-profile .profile-art .profile-art-actions li,
.inbox-messages tbody .actionContainer ul,
.inbox-messages tbody .actionContainer li,
.page-dashboard-message .msg-tools ul,
.page-dashboard-message .msg-tools li,
.page-dashboard-message .discussion-tools ul,
.page-dashboard-message .discussion-tools li,
.page-dashboard-organisations .organization-tools ul,
.page-dashboard-organisations .organization-tools li,
.organization-tools ul,
.organization-tools li,
.organizationLinksInner ul,
.organizationLinksInner li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-mob_opp-results .searchTools li,
.page-mob_opp-detail .searchTools li,
.page-course-results .searchTools li,
.page-course-search .searchTools li,
.page-course-detail .searchTools li,
.page-course-detail .courseLinks li,
.page-profile .profile-art .profile-art-actions li,
.inbox-messages tbody .actionContainer li,
.page-dashboard-message .msg-tools li,
.page-dashboard-message .discussion-tools li,
.page-dashboard-organisations .organization-tools li,
.organization-tools li,
.organizationLinksInner li {
  display: inline-block;
}
.page-mob_opp-results .searchTools li + li,
.page-mob_opp-detail .searchTools li + li,
.page-course-results .searchTools li + li,
.page-course-search .searchTools li + li,
.page-course-detail .searchTools li + li,
.page-course-detail .courseLinks li + li,
.page-profile .profile-art .profile-art-actions li + li,
.inbox-messages tbody .actionContainer li + li,
.page-dashboard-message .msg-tools li + li,
.page-dashboard-message .discussion-tools li + li,
.page-dashboard-organisations .organization-tools li + li,
.organization-tools li + li,
.organizationLinksInner li + li {
  margin-left: 15px;
}
@media screen and (max-width: 940px) {
  .page-mob_opp-results .searchTools li,
  .page-mob_opp-detail .searchTools li,
  .page-course-results .searchTools li,
  .page-course-search .searchTools li,
  .page-course-detail .searchTools li,
  .page-course-detail .courseLinks li,
  .page-profile .profile-art .profile-art-actions li,
  .inbox-messages tbody .actionContainer li,
  .page-dashboard-message .msg-tools li,
  .page-dashboard-message .discussion-tools li,
  .page-dashboard-organisations .organization-tools li,
  .organization-tools li,
  .organizationLinksInner li {
    display: block;
    margin: 12px 0 0 0;
  }
  .page-mob_opp-results .searchTools li + li,
  .page-mob_opp-detail .searchTools li + li,
  .page-course-results .searchTools li + li,
  .page-course-search .searchTools li + li,
  .page-course-detail .searchTools li + li,
  .page-course-detail .courseLinks li + li,
  .page-profile .profile-art .profile-art-actions li + li,
  .inbox-messages tbody .actionContainer li + li,
  .page-dashboard-message .msg-tools li + li,
  .page-dashboard-message .discussion-tools li + li,
  .page-dashboard-organisations .organization-tools li + li,
  .organization-tools li + li,
  .organizationLinksInner li + li {
    margin: 12px 0 0 0;
  }
}
.page-mob_opp-results .searchTools a,
.page-mob_opp-detail .searchTools a,
.page-course-results .searchTools a,
.page-course-search .searchTools a,
.page-course-detail .searchTools a,
.page-course-detail .courseLinks a,
.page-profile .profile-art .profile-art-actions a,
.inbox-messages tbody .actionContainer a,
.page-dashboard-message .msg-tools a,
.page-dashboard-message .discussion-tools a,
.page-dashboard-organisations .organization-tools a,
.organization-tools a,
.organizationLinksInner a {
  display: block;
  padding-left: 22px;
  text-decoration: underline;
  color: #69665E;
  font: normal 700 14px/25px "Noto Sans", sans-serif;
  background: transparent url('/images/ico-save.png?1480497114') no-repeat left center;
  margin: 0;
  letter-spacing: 0.02em;
}
.page-mob_opp-results .searchTools a:hover, .page-mob_opp-results .searchTools a:focus,
.page-mob_opp-detail .searchTools a:hover,
.page-mob_opp-detail .searchTools a:focus,
.page-course-results .searchTools a:hover,
.page-course-results .searchTools a:focus,
.page-course-search .searchTools a:hover,
.page-course-search .searchTools a:focus,
.page-course-detail .searchTools a:hover,
.page-course-detail .searchTools a:focus,
.page-course-detail .courseLinks a:hover,
.page-course-detail .courseLinks a:focus,
.page-profile .profile-art .profile-art-actions a:hover,
.page-profile .profile-art .profile-art-actions a:focus,
.inbox-messages tbody .actionContainer a:hover,
.inbox-messages tbody .actionContainer a:focus,
.page-dashboard-message .msg-tools a:hover,
.page-dashboard-message .msg-tools a:focus,
.page-dashboard-message .discussion-tools a:hover,
.page-dashboard-message .discussion-tools a:focus,
.page-dashboard-organisations .organization-tools a:hover,
.page-dashboard-organisations .organization-tools a:focus,
.organization-tools a:hover,
.organization-tools a:focus,
.organizationLinksInner a:hover,
.organizationLinksInner a:focus {
  text-decoration: none;
  color: #2782a0;
}
.page-mob_opp-results .searchTools a.edit, .page-mob_opp-results .searchTools a.report,
.page-mob_opp-detail .searchTools a.edit,
.page-mob_opp-detail .searchTools a.report,
.page-course-results .searchTools a.edit,
.page-course-results .searchTools a.report,
.page-course-search .searchTools a.edit,
.page-course-search .searchTools a.report,
.page-course-detail .searchTools a.edit,
.page-course-detail .searchTools a.report,
.page-course-detail .courseLinks a.edit,
.page-course-detail .courseLinks a.report,
.page-profile .profile-art .profile-art-actions a.edit,
.page-profile .profile-art .profile-art-actions a.report,
.inbox-messages tbody .actionContainer a.edit,
.inbox-messages tbody .actionContainer a.report,
.page-dashboard-message .msg-tools a.edit,
.page-dashboard-message .msg-tools a.report,
.page-dashboard-message .discussion-tools a.edit,
.page-dashboard-message .discussion-tools a.report,
.page-dashboard-organisations .organization-tools a.edit,
.page-dashboard-organisations .organization-tools a.report,
.organization-tools a.edit,
.organization-tools a.report,
.organizationLinksInner a.edit,
.organizationLinksInner a.report {
  background: transparent url('/images/edit-icon.png?1480497113') no-repeat left center;
}
.page-mob_opp-results .searchTools a.delete,
.page-mob_opp-detail .searchTools a.delete,
.page-course-results .searchTools a.delete,
.page-course-search .searchTools a.delete,
.page-course-detail .searchTools a.delete,
.page-course-detail .courseLinks a.delete,
.page-profile .profile-art .profile-art-actions a.delete,
.inbox-messages tbody .actionContainer a.delete,
.page-dashboard-message .msg-tools a.delete,
.page-dashboard-message .discussion-tools a.delete,
.page-dashboard-organisations .organization-tools a.delete,
.organization-tools a.delete,
.organizationLinksInner a.delete {
  padding-left: 23px;
  background: transparent url('/images/delete-icon.png?1480497113') no-repeat left center;
}
.page-mob_opp-results .searchTools a.view,
.page-mob_opp-detail .searchTools a.view,
.page-course-results .searchTools a.view,
.page-course-search .searchTools a.view,
.page-course-detail .searchTools a.view,
.page-course-detail .courseLinks a.view,
.page-profile .profile-art .profile-art-actions a.view,
.inbox-messages tbody .actionContainer a.view,
.page-dashboard-message .msg-tools a.view,
.page-dashboard-message .discussion-tools a.view,
.page-dashboard-organisations .organization-tools a.view,
.organization-tools a.view,
.organizationLinksInner a.view {
  padding-left: 25px;
  background: transparent url('/images/eye-icon2.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools a.duplicate,
.page-mob_opp-detail .searchTools a.duplicate,
.page-course-results .searchTools a.duplicate,
.page-course-search .searchTools a.duplicate,
.page-course-detail .searchTools a.duplicate,
.page-course-detail .courseLinks a.duplicate,
.page-profile .profile-art .profile-art-actions a.duplicate,
.inbox-messages tbody .actionContainer a.duplicate,
.page-dashboard-message .msg-tools a.duplicate,
.page-dashboard-message .discussion-tools a.duplicate,
.page-dashboard-organisations .organization-tools a.duplicate,
.organization-tools a.duplicate,
.organizationLinksInner a.duplicate {
  background: transparent url('/images/duplicate-icon.png?1480497113') no-repeat left center;
}
.page-mob_opp-results .searchTools a.list,
.page-mob_opp-detail .searchTools a.list,
.page-course-results .searchTools a.list,
.page-course-search .searchTools a.list,
.page-course-detail .searchTools a.list,
.page-course-detail .courseLinks a.list,
.page-profile .profile-art .profile-art-actions a.list,
.inbox-messages tbody .actionContainer a.list,
.page-dashboard-message .msg-tools a.list,
.page-dashboard-message .discussion-tools a.list,
.page-dashboard-organisations .organization-tools a.list,
.organization-tools a.list,
.organizationLinksInner a.list {
  padding-left: 21px;
  background: transparent url('/images/list-icon.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools a.reply,
.page-mob_opp-detail .searchTools a.reply,
.page-course-results .searchTools a.reply,
.page-course-search .searchTools a.reply,
.page-course-detail .searchTools a.reply,
.page-course-detail .courseLinks a.reply,
.page-profile .profile-art .profile-art-actions a.reply,
.inbox-messages tbody .actionContainer a.reply,
.page-dashboard-message .msg-tools a.reply,
.page-dashboard-message .discussion-tools a.reply,
.page-dashboard-organisations .organization-tools a.reply,
.organization-tools a.reply,
.organizationLinksInner a.reply {
  padding-left: 23px;
  background: url('/images/reply-icon.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools a.back,
.page-mob_opp-detail .searchTools a.back,
.page-course-results .searchTools a.back,
.page-course-search .searchTools a.back,
.page-course-detail .searchTools a.back,
.page-course-detail .courseLinks a.back,
.page-profile .profile-art .profile-art-actions a.back,
.inbox-messages tbody .actionContainer a.back,
.page-dashboard-message .msg-tools a.back,
.page-dashboard-message .discussion-tools a.back,
.page-dashboard-organisations .organization-tools a.back,
.organization-tools a.back,
.organizationLinksInner a.back {
  padding-left: 25px;
  background: url('/images/back-icon.png?1480497113') no-repeat left center;
}
.page-mob_opp-results .searchTools a.default,
.page-mob_opp-detail .searchTools a.default,
.page-course-results .searchTools a.default,
.page-course-search .searchTools a.default,
.page-course-detail .searchTools a.default,
.page-course-detail .courseLinks a.default,
.page-profile .profile-art .profile-art-actions a.default,
.inbox-messages tbody .actionContainer a.default,
.page-dashboard-message .msg-tools a.default,
.page-dashboard-message .discussion-tools a.default,
.page-dashboard-organisations .organization-tools a.default,
.organization-tools a.default,
.organizationLinksInner a.default {
  padding-left: 24px;
  background: url('/images/flag-icon.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools a.leave,
.page-mob_opp-detail .searchTools a.leave,
.page-course-results .searchTools a.leave,
.page-course-search .searchTools a.leave,
.page-course-detail .searchTools a.leave,
.page-course-detail .courseLinks a.leave,
.page-profile .profile-art .profile-art-actions a.leave,
.inbox-messages tbody .actionContainer a.leave,
.page-dashboard-message .msg-tools a.leave,
.page-dashboard-message .discussion-tools a.leave,
.page-dashboard-organisations .organization-tools a.leave,
.organization-tools a.leave,
.organizationLinksInner a.leave {
  padding-left: 24px;
  background: url('/images/leave-icon.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools a.join,
.page-mob_opp-detail .searchTools a.join,
.page-course-results .searchTools a.join,
.page-course-search .searchTools a.join,
.page-course-detail .searchTools a.join,
.page-course-detail .courseLinks a.join,
.page-profile .profile-art .profile-art-actions a.join,
.inbox-messages tbody .actionContainer a.join,
.page-dashboard-message .msg-tools a.join,
.page-dashboard-message .discussion-tools a.join,
.page-dashboard-organisations .organization-tools a.join,
.organization-tools a.join,
.organizationLinksInner a.join {
  padding-left: 24px;
  background: url('/images/join-icon.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools .create a,
.page-mob_opp-detail .searchTools .create a,
.page-course-results .searchTools .create a,
.page-course-search .searchTools .create a,
.page-course-detail .searchTools .create a,
.page-course-detail .courseLinks .create a,
.page-profile .profile-art .profile-art-actions .create a,
.inbox-messages tbody .actionContainer .create a,
.page-dashboard-message .msg-tools .create a,
.page-dashboard-message .discussion-tools .create a,
.page-dashboard-organisations .organization-tools .create a,
.organization-tools .create a,
.organizationLinksInner .create a {
  padding-left: 20px;
  background: transparent url('/images/edit-icon.png?1480497113') no-repeat left center;
}
.page-mob_opp-results .searchTools .search a, .page-mob_opp-results .searchTools.search a, .page-mob_opp-results .searchTools a.search,
.page-mob_opp-detail .searchTools .search a,
.page-mob_opp-detail .searchTools.search a,
.page-mob_opp-detail .searchTools a.search,
.page-course-results .searchTools .search a,
.page-course-results .searchTools.search a,
.page-course-results .searchTools a.search,
.page-course-search .searchTools .search a,
.page-course-search .searchTools.search a,
.page-course-search .searchTools a.search,
.page-course-detail .searchTools .search a,
.page-course-detail .searchTools.search a,
.page-course-detail .searchTools a.search,
.page-course-detail .courseLinks .search a,
.page-course-detail .courseLinks.search a,
.page-course-detail .courseLinks a.search,
.page-profile .profile-art .profile-art-actions .search a,
.page-profile .profile-art .profile-art-actions.search a,
.page-profile .profile-art .profile-art-actions a.search,
.inbox-messages tbody .actionContainer .search a,
.inbox-messages tbody .actionContainer.search a,
.inbox-messages tbody .actionContainer a.search,
.page-dashboard-message .msg-tools .search a,
.page-dashboard-message .msg-tools.search a,
.page-dashboard-message .msg-tools a.search,
.page-dashboard-message .discussion-tools .search a,
.page-dashboard-message .discussion-tools.search a,
.page-dashboard-message .discussion-tools a.search,
.page-dashboard-organisations .organization-tools .search a,
.page-dashboard-organisations .organization-tools.search a,
.page-dashboard-organisations .organization-tools a.search,
.organization-tools .search a,
.organization-tools.search a,
.organization-tools a.search,
.organizationLinksInner .search a,
.organizationLinksInner.search a,
.organizationLinksInner a.search {
  padding-left: 20px;
  background: transparent url('/images/search-icon.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools .external a,
.page-mob_opp-detail .searchTools .external a,
.page-course-results .searchTools .external a,
.page-course-search .searchTools .external a,
.page-course-detail .searchTools .external a,
.page-course-detail .courseLinks .external a,
.page-profile .profile-art .profile-art-actions .external a,
.inbox-messages tbody .actionContainer .external a,
.page-dashboard-message .msg-tools .external a,
.page-dashboard-message .discussion-tools .external a,
.page-dashboard-organisations .organization-tools .external a,
.organization-tools .external a,
.organizationLinksInner .external a {
  background: transparent url('/images/link_ico-course.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools .facebook a,
.page-mob_opp-detail .searchTools .facebook a,
.page-course-results .searchTools .facebook a,
.page-course-search .searchTools .facebook a,
.page-course-detail .searchTools .facebook a,
.page-course-detail .courseLinks .facebook a,
.page-profile .profile-art .profile-art-actions .facebook a,
.inbox-messages tbody .actionContainer .facebook a,
.page-dashboard-message .msg-tools .facebook a,
.page-dashboard-message .discussion-tools .facebook a,
.page-dashboard-organisations .organization-tools .facebook a,
.organization-tools .facebook a,
.organizationLinksInner .facebook a {
  background: transparent url('/images/link_ico-facebook.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools .twitter a,
.page-mob_opp-detail .searchTools .twitter a,
.page-course-results .searchTools .twitter a,
.page-course-search .searchTools .twitter a,
.page-course-detail .searchTools .twitter a,
.page-course-detail .courseLinks .twitter a,
.page-profile .profile-art .profile-art-actions .twitter a,
.inbox-messages tbody .actionContainer .twitter a,
.page-dashboard-message .msg-tools .twitter a,
.page-dashboard-message .discussion-tools .twitter a,
.page-dashboard-organisations .organization-tools .twitter a,
.organization-tools .twitter a,
.organizationLinksInner .twitter a {
  background: transparent url('/images/link_ico-twitter.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools .linked a,
.page-mob_opp-detail .searchTools .linked a,
.page-course-results .searchTools .linked a,
.page-course-search .searchTools .linked a,
.page-course-detail .searchTools .linked a,
.page-course-detail .courseLinks .linked a,
.page-profile .profile-art .profile-art-actions .linked a,
.inbox-messages tbody .actionContainer .linked a,
.page-dashboard-message .msg-tools .linked a,
.page-dashboard-message .discussion-tools .linked a,
.page-dashboard-organisations .organization-tools .linked a,
.organization-tools .linked a,
.organizationLinksInner .linked a {
  background: transparent url('/images/link_ico-linked.png?1480497114') no-repeat left center;
}
.page-mob_opp-results .searchTools .link a,
.page-mob_opp-detail .searchTools .link a,
.page-course-results .searchTools .link a,
.page-course-search .searchTools .link a,
.page-course-detail .searchTools .link a,
.page-course-detail .courseLinks .link a,
.page-profile .profile-art .profile-art-actions .link a,
.inbox-messages tbody .actionContainer .link a,
.page-dashboard-message .msg-tools .link a,
.page-dashboard-message .discussion-tools .link a,
.page-dashboard-organisations .organization-tools .link a,
.organization-tools .link a,
.organizationLinksInner .link a {
  background: transparent url('/images/link_ico-other.png?1480497114') no-repeat left center;
}

.page-mob_opp-results h1,
.page-course-results h1,
.page-course-search h1 {
  padding-bottom: 25px;
  margin-bottom: 18px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}

.page-course-results h1 {
  float: left;
}
.page-course-results h1 + .searchTools {
  float: right;
  margin-top: 12px;
}
@media screen and (max-width: 940px) {
  .page-course-results h1 + .searchTools {
    float: left;
    margin-bottom: 20px;
  }
}

.page-mob_opp-detail .opportunityTools, .page-mob_opp-detail .courseTools, .page-mob_opp-detail .organizationTools,
.page-course-detail .opportunityTools,
.page-course-detail .courseTools,
.page-course-detail .organizationTools,
.page-organization-description .opportunityTools,
.page-organization-description .courseTools,
.page-organization-description .organizationTools,
.page-organization-members .opportunityTools,
.page-organization-members .courseTools,
.page-organization-members .organizationTools,
.page-organization-courses .opportunityTools,
.page-organization-courses .courseTools,
.page-organization-courses .organizationTools,
.page-organization-comments .opportunityTools,
.page-organization-comments .courseTools,
.page-organization-comments .organizationTools,
.page-organization-contact .opportunityTools,
.page-organization-contact .courseTools,
.page-organization-contact .organizationTools {
  float: right;
  width: 23.40426%;
}
.page-mob_opp-detail .opportunityTools figure, .page-mob_opp-detail .courseTools figure, .page-mob_opp-detail .organizationTools figure,
.page-course-detail .opportunityTools figure,
.page-course-detail .courseTools figure,
.page-course-detail .organizationTools figure,
.page-organization-description .opportunityTools figure,
.page-organization-description .courseTools figure,
.page-organization-description .organizationTools figure,
.page-organization-members .opportunityTools figure,
.page-organization-members .courseTools figure,
.page-organization-members .organizationTools figure,
.page-organization-courses .opportunityTools figure,
.page-organization-courses .courseTools figure,
.page-organization-courses .organizationTools figure,
.page-organization-comments .opportunityTools figure,
.page-organization-comments .courseTools figure,
.page-organization-comments .organizationTools figure,
.page-organization-contact .opportunityTools figure,
.page-organization-contact .courseTools figure,
.page-organization-contact .organizationTools figure {
  width: 100%;
  margin-bottom: 20px;
}
.page-mob_opp-detail .opportunityTools figure a, .page-mob_opp-detail .courseTools figure a, .page-mob_opp-detail .organizationTools figure a,
.page-course-detail .opportunityTools figure a,
.page-course-detail .courseTools figure a,
.page-course-detail .organizationTools figure a,
.page-organization-description .opportunityTools figure a,
.page-organization-description .courseTools figure a,
.page-organization-description .organizationTools figure a,
.page-organization-members .opportunityTools figure a,
.page-organization-members .courseTools figure a,
.page-organization-members .organizationTools figure a,
.page-organization-courses .opportunityTools figure a,
.page-organization-courses .courseTools figure a,
.page-organization-courses .organizationTools figure a,
.page-organization-comments .opportunityTools figure a,
.page-organization-comments .courseTools figure a,
.page-organization-comments .organizationTools figure a,
.page-organization-contact .opportunityTools figure a,
.page-organization-contact .courseTools figure a,
.page-organization-contact .organizationTools figure a {
  display: block;
}
.page-mob_opp-detail .opportunityTools figure img, .page-mob_opp-detail .courseTools figure img, .page-mob_opp-detail .organizationTools figure img,
.page-course-detail .opportunityTools figure img,
.page-course-detail .courseTools figure img,
.page-course-detail .organizationTools figure img,
.page-organization-description .opportunityTools figure img,
.page-organization-description .courseTools figure img,
.page-organization-description .organizationTools figure img,
.page-organization-members .opportunityTools figure img,
.page-organization-members .courseTools figure img,
.page-organization-members .organizationTools figure img,
.page-organization-courses .opportunityTools figure img,
.page-organization-courses .courseTools figure img,
.page-organization-courses .organizationTools figure img,
.page-organization-comments .opportunityTools figure img,
.page-organization-comments .courseTools figure img,
.page-organization-comments .organizationTools figure img,
.page-organization-contact .opportunityTools figure img,
.page-organization-contact .courseTools figure img,
.page-organization-contact .organizationTools figure img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 940px) {
  .page-mob_opp-detail .opportunityTools, .page-mob_opp-detail .courseTools, .page-mob_opp-detail .organizationTools,
  .page-course-detail .opportunityTools,
  .page-course-detail .courseTools,
  .page-course-detail .organizationTools,
  .page-organization-description .opportunityTools,
  .page-organization-description .courseTools,
  .page-organization-description .organizationTools,
  .page-organization-members .opportunityTools,
  .page-organization-members .courseTools,
  .page-organization-members .organizationTools,
  .page-organization-courses .opportunityTools,
  .page-organization-courses .courseTools,
  .page-organization-courses .organizationTools,
  .page-organization-comments .opportunityTools,
  .page-organization-comments .courseTools,
  .page-organization-comments .organizationTools,
  .page-organization-contact .opportunityTools,
  .page-organization-contact .courseTools,
  .page-organization-contact .organizationTools {
    width: auto;
    float: none;
  }
}
@media screen and (max-width: 940px) {
  .page-mob_opp-detail .organizationTools,
  .page-course-detail .organizationTools,
  .page-organization-description .organizationTools,
  .page-organization-members .organizationTools,
  .page-organization-courses .organizationTools,
  .page-organization-comments .organizationTools,
  .page-organization-contact .organizationTools {
    margin-top: 40px;
  }
}

.page-mob_opp-detail .breadcrumb,
.page-course-detail .breadcrumb {
  margin-bottom: 30px;
}
.page-mob_opp-detail .articleDetail,
.page-course-detail .articleDetail {
  float: left;
  width: 65.95745%;
}
.page-mob_opp-detail .opportunityTools .button a, .page-mob_opp-detail .courseTools .button a, .page-mob_opp-detail .organizationTools .button a,
.page-course-detail .opportunityTools .button a,
.page-course-detail .courseTools .button a,
.page-course-detail .organizationTools .button a {
  color: #fff;
  background: #F17D00;
  padding: 15px 0;
}
.page-mob_opp-detail .opportunityTools .button a:hover, .page-mob_opp-detail .opportunityTools .button a:focus, .page-mob_opp-detail .courseTools .button a:hover, .page-mob_opp-detail .courseTools .button a:focus, .page-mob_opp-detail .organizationTools .button a:hover, .page-mob_opp-detail .organizationTools .button a:focus,
.page-course-detail .opportunityTools .button a:hover,
.page-course-detail .opportunityTools .button a:focus,
.page-course-detail .courseTools .button a:hover,
.page-course-detail .courseTools .button a:focus,
.page-course-detail .organizationTools .button a:hover,
.page-course-detail .organizationTools .button a:focus {
  background: #FFA729;
}
.page-mob_opp-detail .detail-head,
.page-course-detail .detail-head {
  position: relative;
}
.page-mob_opp-detail .detail-head h1,
.page-course-detail .detail-head h1 {
  margin: 0 140px 14px 0;
  font: normal 700 16px/20px "Noto Serif", serif;
  padding-bottom: 16px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-mob_opp-detail .detail-head h1 .sub,
.page-course-detail .detail-head h1 .sub {
  display: block;
  margin-top: 8px;
  color: #69665E;
  font: italic 400 12px/16px "Georgia", "Times", serif;
  padding-left: 20px;
  background: transparent url('/images/ico-label.png?1480497114') no-repeat left center;
}
@media screen and (max-width: 940px) {
  .page-mob_opp-detail .articleDetail,
  .page-course-detail .articleDetail {
    width: auto;
    float: none;
  }
  .page-mob_opp-detail .detail-head h1,
  .page-course-detail .detail-head h1 {
    margin: 0 0 14px 0;
  }
  .page-mob_opp-detail .detail-head .fiveStarsRating,
  .page-course-detail .detail-head .fiveStarsRating {
    bottom: 14px;
    top: auto;
    margin: 0;
  }
}

.fiveStarsRating {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  z-index: 40;
  padding-left: 83px;
}
.fiveStarsRating em {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.fiveStarsRating strong {
  line-height: 20px;
  display: inline-block;
  margin-left: 6px;
}
.fiveStarsRating strong:before {
  content: '(';
}
.fiveStarsRating strong:after {
  content: ')';
}
.fiveStarsRating:before, .fiveStarsRating:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.fiveStarsRating:before {
  background: #fff url('/images/star-icon-ratingFull.png?1480497114') repeat-x left center;
  z-index: 15;
}
.fiveStarsRating:after {
  width: 83px;
  background: #fff url('/images/star-icon-ratingEmpty.png?1480497114') repeat-x left center;
  z-index: 10;
}
.fiveStarsRating[data-rate="0"]:before {
  width: -2px;
}
.fiveStarsRating[data-rate="1"]:before {
  width: 15px;
}
.fiveStarsRating[data-rate="2"]:before {
  width: 32px;
}
.fiveStarsRating[data-rate="3"]:before {
  width: 49px;
}
.fiveStarsRating[data-rate="4"]:before {
  width: 66px;
}
.fiveStarsRating[data-rate="5"]:before {
  width: 83px;
}

.opportunity-description {
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.opportunity-description:after {
  content: "";
  display: block;
  clear: both;
}
.opportunity-description dt, .opportunity-description dd {
  float: left;
}
@media screen and (max-width: 940px) {
  .opportunity-description dt + dd + dt, .opportunity-description dt + dd + dt + dd {
    margin-top: 0;
  }
}
.opportunity-description dt {
  clear: left;
  font-weight: 700;
  margin-right: 5px;
}
.opportunity-description dt:after {
  content: ":";
  display: inline;
}
.opportunity-description dt.hidden {
  clear: none;
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.opportunity-description dd.boldFloat {
  clear: left;
  font-weight: 700;
}
.opportunity-description dd.boldFloat + dt + .boldFloat {
  clear: none;
}
.opportunity-description dd.boldFloat + dt + .boldFloat:before {
  content: "|";
  display: inline-block;
  margin: 0 4px;
}
@media screen and (max-width: 940px) {
  .opportunity-description dd {
    display: inline;
    float: none;
  }
  .opportunity-description dd:after {
    content: "";
    display: block;
    clear: left;
  }
  .opportunity-description dd:after {
    height: 5px;
  }
  .opportunity-description dd.boldFloat:after, .opportunity-description dd + dt + .boldFloat:after {
    display: none;
  }
}

.social-share {
  border-top: 2px solid #d4dbdf;
  border-bottom: 2px solid #d4dbdf;
  padding: 18px 0 0 0;
  text-align: right;
}
.social-share > div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  margin-bottom: 18px;
}

.bottomLink {
  font: italic 12px/14px "Georgia", "Times", serif;
  color: #69665E;
  display: inline-block;
}
.bottomLink.report {
  padding-right: 20px;
  text-decoration: none;
  background: transparent url('/images/report-icon.png?1480497114') no-repeat right top;
}
.bottomLink.report:hover, .bottomLink.report:focus {
  color: #F17D00;
  text-decoration: underline;
  background: transparent url('/images/report-icon.png?1480497114') no-repeat right bottom;
}

.page-profile .section:after {
  content: "";
  display: block;
  clear: both;
}
.page-profile .section + .section .sectionContent {
  border-top: 2px solid #d4dbdf;
  padding-top: 40px;
}
.page-profile .section + .section .sectionContent.links {
  padding-top: 14px;
}
.page-profile .section + .section .notifications {
  margin-top: 40px;
}
.page-profile .sectionContent {
  width: 64.70588%;
  float: left;
}
.page-profile .sectionContent.links {
  padding-top: 14px;
}
.page-profile .notifications {
  width: 32.35294%;
  float: right;
}
.page-profile .notifications ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-profile .notifications ul li {
  font: italic 500 14px/22px "Noto Sans", sans-serif;
  padding-bottom: 17px;
  margin-bottom: 15px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-profile .notifications a {
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  color: #43aed1;
  text-decoration: underline;
}
.page-profile .notifications a:hover, .page-profile .notifications a:focus {
  color: #2c93b5;
}
.page-profile .notifications p {
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  margin: 0;
}
.page-profile .notifications .notificationContainer + .notificationContainer {
  margin-top: 20px;
}
.page-profile .profile-articles + h2 {
  margin-top: 50px;
}
.page-profile .profile-art {
  margin-bottom: 40px;
}
.page-profile .profile-art h3 {
  color: #F17D00;
  font: normal 700 16px/20px "Noto Serif", serif;
  margin: 0 0 6px 0;
}
.page-profile .profile-art .profile-art-status {
  font: normal 700 18px/28px "Noto Sans", sans-serif;
  color: #69665E;
  margin: 0 0 8px 0;
}
.page-profile .profile-art .profile-art-status em {
  font: normal 500 18px/28px "Noto Sans", sans-serif;
}
.page-profile .profile-art .profile-art-actions {
  margin: 14px 0 0 0;
  list-style: none;
}
.page-profile .profile-art .profile-art-actions:after {
  content: "";
  display: block;
  clear: left;
}
.page-profile .profile-art .author a {
  color: #69665E;
  font: inherit;
  text-decoration: underline;
}
.page-profile .profile-art .author a:hover, .page-profile .profile-art .author a:focus {
  color: #F17D00;
}
.page-profile .profile-art .content-infos {
  padding-bottom: 14px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-profile .profile-art .content-infos li.tutorial a {
  padding-left: 23px;
}
.page-profile .profile-art .content-infos li.practice a {
  padding-left: 17px;
}
.page-profile .organizations-articles .profile-art .profile-art-headerContainer {
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-profile .organizations-articles .profile-art .profile-art-headerContainer:after {
  content: "";
  display: block;
  clear: both;
}
.page-profile .organizations-articles .profile-art .profile-art-headerContainer h3 {
  width: 63.63636%;
  float: left;
}
.page-profile .organizations-articles .profile-art .profile-art-headerContainer .figContainer {
  width: 31.81818%;
  float: right;
  border-left: 1px solid #d4dbdf;
  text-align: right;
}
.page-profile .organizations-articles .profile-art .profile-art-headerContainer .figContainer img {
  display: inline-block;
  max-width: 100%;
}
.page-profile .button {
  margin-bottom: 35px;
}
.page-profile .button a {
  background: #F17D00;
  color: #fff;
}
.page-profile .button a:hover, .page-profile .button a:focus {
  background: #FFA729;
}
@media screen and (max-width: 940px) {
  .page-profile .sectionContent,
  .page-profile .notifications {
    width: auto;
    float: none;
  }
  .page-profile .profile-art .profile-art-actions li {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .page-profile .profile-art .profile-art-actions li + li {
    margin: 0 20px 0 0;
  }
  .page-profile .organizations-articles .profile-art .profile-art-headerContainer {
    padding-bottom: 18px;
  }
  .page-profile .organizations-articles .profile-art .profile-art-headerContainer .figContainer, .page-profile .organizations-articles .profile-art .profile-art-headerContainer h3 {
    width: auto;
    float: none;
  }
  .page-profile .organizations-articles .profile-art .profile-art-headerContainer .figContainer {
    border-left: none;
    margin: 12px 0 0 0;
  }
  .page-profile .organizations-articles .profile-art .profile-art-headerContainer .figContainer img {
    display: block;
    width: auto;
  }
}

.page-dashboard-inbox .sectionContent,
.page-dashboard-message .sectionContent,
.page-dashboard-organisations .sectionContent {
  float: none;
  width: auto;
}

[data-ellipsis-article] .ellipsisContainer {
  display: block;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
[data-ellipsis-article] .ellipsisContainer .ellipsisContent {
  display: inline-block;
}
[data-ellipsis-article] .ellipsisContainer:after {
  content: "...";
  line-height: 0;
  width: 0;
  display: block;
  background: url('/images/custom-ellipsis.png?1480497113') repeat-y right center;
  padding: 0 0 0 50px;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms, width 0s 200ms, line-height 0s 200ms;
  -webkit-transition-delay: 0s, linear, linear, linear;
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, width 0s 200ms linear, line-height 0s 200ms linear;
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, width 0s 200ms linear, line-height 0s 200ms linear;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, width 0s 200ms linear, line-height 0s 200ms linear;
}
[data-ellipsis-article] .ellipsisContainer.ellipsis-white:after {
  background: url('/images/custom-ellipsis_white.png?1480497113') repeat-y right center;
}
[data-ellipsis-article].hasEllipsis .ellipsisContainer:after {
  line-height: inherit;
  width: 30px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-ellipsis-article].hasEllipsis [data-ellipsis-interactive] {
  position: relative;
}
[data-ellipsis-article].hasEllipsis [data-ellipsis-interactive]:before {
  content: attr(data-title);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px 20px;
  background: #bbd5e5;
  z-index: 700;
  color: #69665E;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
  opacity: 0;
  visibility: hidden;
  text-indent: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transform: translate3d(0, 20px, 0);
  -ms-transform: translate3d(0, 20px, 0);
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms;
  -webkit-transition-delay: 0s, 0s, linear;
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
}
[data-ellipsis-article].hasEllipsis [data-ellipsis-interactive].tooltip-bottom:before {
  top: 100%;
  margin-top: 0.7em;
}
[data-ellipsis-article].hasEllipsis [data-ellipsis-interactive].tooltip-baseline:before {
  bottom: 0;
}
[data-ellipsis-article].hasEllipsis [data-ellipsis-interactive].tooltip-top:before {
  bottom: 100%;
  margin-bottom: 0.7em;
}
[data-ellipsis-article].hasEllipsis [data-ellipsis-interactive]:hover:before, [data-ellipsis-article].hasEllipsis [data-ellipsis-interactive]:focus:before {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.article-list .course-result.last {
  margin-bottom: 30px;
}
@media screen and (max-width: 940px) {
  .article-list .course-result {
    margin: 0 0 20px 0;
  }
}

.course-result {
  position: relative;
  padding-bottom: 30px;
  margin-top: 30px;
  border-bottom: 1px dotted #b9c3c8;
}
.course-result:after {
  content: "";
  display: block;
  clear: both;
}
.course-result + .button {
  clear: left;
}
@media screen and (max-width: 940px) {
  .course-result {
    padding-bottom: 0;
  }
}
.course-result .discussion-cover {
  width: 20%;
  float: left;
  margin: 0;
}
@media screen and (max-width: 940px) {
  .course-result .discussion-cover {
    width: 100%;
    float: none;
  }
}
.course-result .discussion-cover a {
  display: block;
}
@media screen and (max-width: 940px) {
  .course-result .discussion-cover a {
    background: rgba(255, 255, 255, 0.3);
  }
}
.course-result .discussion-cover img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 940px) {
  .course-result .discussion-cover img {
    max-width: 300px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 560px) {
  .course-result .discussion-cover img {
    max-width: 100%;
    width: 100%;
  }
}
.course-result .course-result-content {
  position: relative;
  width: 54.28571%;
  float: left;
  margin-left: 20px;
  padding: 0 0 0 20px;
  color: #69665E;
  font: normal 12px/14px "Noto Sans", sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.course-result .course-result-content h2 {
  font: normal 700 16px/20px "Noto Serif", serif;
  margin: 0 0 22px 0;
}
.course-result .course-result-content h2 a {
  text-decoration: none;
  color: #F17D00;
  display: block;
}
.course-result .course-result-content h2 a:hover, .course-result .course-result-content h2 a:focus {
  color: #FFA729;
}
.course-result .course-result-content .sub-name {
  margin-bottom: 5px;
}
.course-result .course-result-content .time {
  float: left;
  font: italic 12px/12px "Georgia", "Times", serif;
  padding-left: 21px;
  margin-bottom: 10px;
  background: transparent url('/images/calendar-icon.png?1480497113') no-repeat left center;
}
.course-result .course-result-content .country {
  float: left;
  padding-left: 21px;
  background: transparent url('/images/pin.png?1480497114') no-repeat left center;
}
.course-result .course-result-content .venue {
  float: left;
  margin-left: 14px;
  padding-left: 21px;
  background: transparent url('/images/place.png?1480497114') no-repeat left center;
}
.course-result .course-result-content .more-times {
  position: relative;
  float: left;
  margin-left: 14px;
}
.course-result .course-result-content .more-times .more-times-label {
  background: url('/images/inbox-arrow.png?1480497114') no-repeat left center;
  padding-left: 10px;
  color: #69665E;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.course-result .course-result-content .more-times .more-times-tooltip {
  display: none;
  position: absolute;
  top: 24px;
  margin: 0;
  width: 166px;
  background-color: #ffffff;
  border: 1px solid #d4dbdf;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  list-style: none;
  z-index: 100;
}
.course-result .course-result-content .more-times .more-times-tooltip:after, .course-result .course-result-content .more-times .more-times-tooltip:before {
  bottom: 100%;
  left: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.course-result .course-result-content .more-times .more-times-tooltip:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.course-result .course-result-content .more-times .more-times-tooltip:before {
  border-color: rgba(212, 219, 223, 0);
  border-bottom-color: #d4dbdf;
  border-width: 9px;
  margin-left: -9px;
}
.course-result .course-result-content .more-times .more-times-tooltip li {
  border-bottom: 1px solid #d4dbdf;
}
.course-result .course-result-content .more-times .more-times-tooltip li.last {
  border-bottom: 0 none;
}
.course-result .course-result-content .more-times .more-times-tooltip a {
  display: block;
  font-size: 12px;
  padding: 4px 10px;
  color: #69665E;
  text-decoration: none;
}
.course-result .course-result-content .more-times .more-times-tooltip a:hover, .course-result .course-result-content .more-times .more-times-tooltip a:focus {
  color: #ffffff;
  background: #F17D00;
}
.course-result .course-result-content .button {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  width: auto;
  margin: 0;
}
.course-result .course-result-content .button a {
  background: #F17D00;
  color: #FFF;
  text-decoration: none;
}
.course-result .course-result-content .button a:hover, .course-result .course-result-content .button a:focus {
  background: #FFA729;
}
@media screen and (max-width: 940px) {
  .course-result .course-result-content {
    width: 100%;
    float: none;
    margin-left: 0;
    padding-left: 0;
  }
}
.course-result .course-result-social {
  width: 20%;
  float: left;
  margin-left: 20px;
  padding: 0 0 0 0;
  text-align: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.course-result .course-result-social .fiveStarsRating {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  margin-bottom: 16px;
  float: right;
}
.course-result .course-result-social .fiveStarsRating:before {
  background: url('/images/star-icon-ratingFull.png?1480497114') repeat-x left center;
}
.course-result .course-result-social .content-infos {
  clear: right;
  margin-bottom: 15px;
}
.course-result .course-result-social .content-infos li {
  display: inline-block;
  border-right: 1px solid #8e8d88;
}
.course-result .course-result-social .content-infos li.last {
  border-right: none;
}
@media screen and (max-width: 940px) {
  .course-result .course-result-social {
    width: 100%;
    float: none;
    margin-top: 30px;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
  }
  .course-result .course-result-social:after {
    content: "";
    display: block;
    clear: both;
  }
  .course-result .course-result-social .fiveStarsRating {
    float: left;
  }
  .course-result .course-result-social .content-infos {
    float: right;
  }
}

.big-btn .button a {
  background: #F17D00;
  color: #FFF;
  text-decoration: none;
}
.big-btn .button a:hover, .big-btn .button a:focus {
  background: #FFA729;
}

.mailbox-nav,
.organization-nav {
  border-bottom: 1px solid #d4dbdf;
  margin-bottom: 25px;
}
.mailbox-nav ul,
.organization-nav ul {
  list-style: none;
  margin: 0;
}
.mailbox-nav li,
.organization-nav li {
  float: left;
}
.mailbox-nav li + li,
.organization-nav li + li {
  margin-left: 2px;
}
.mailbox-nav a,
.organization-nav a {
  display: block;
  text-align: center;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  background: #F17D00;
  color: #fff;
  font: normal 700 16px/16px "Noto Serif", serif;
  padding: 20px 30px;
  position: relative;
  text-decoration: none;
  letter-spacing: 0.05em;
  border: 1px solid #F17D00;
}
.mailbox-nav a:after,
.organization-nav a:after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: 3px;
  background: #000;
  opacity: 0.1;
  -webkit-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mailbox-nav a:hover, .mailbox-nav a:focus,
.organization-nav a:hover,
.organization-nav a:focus {
  background: #FFA729;
}
.mailbox-nav a:hover:after, .mailbox-nav a:focus:after,
.organization-nav a:hover:after,
.organization-nav a:focus:after {
  height: 5px;
}
.mailbox-nav .selected a,
.organization-nav .selected a {
  border: 1px solid #d4dbdf;
  background: #fff;
  color: #69665E;
  cursor: default;
}
.mailbox-nav .selected a:after,
.organization-nav .selected a:after {
  opacity: 1;
  background: #fff;
  bottom: -2px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 940px) {
  .mailbox-nav,
  .organization-nav {
    border-bottom: none;
    margin-bottom: 30px;
  }
  .mailbox-nav li,
  .organization-nav li {
    float: none;
    border-bottom: 2px solid #d4dbdf;
  }
  .mailbox-nav li + li,
  .organization-nav li + li {
    margin: 0;
  }
  .mailbox-nav li:first-child,
  .organization-nav li:first-child {
    border-top: 2px solid #d4dbdf;
  }
  .mailbox-nav a,
  .organization-nav a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none;
    border: none;
    color: #F17D00;
  }
  .mailbox-nav a:after,
  .organization-nav a:after {
    display: none;
  }
  .mailbox-nav a:hover, .mailbox-nav a:focus,
  .organization-nav a:hover,
  .organization-nav a:focus {
    background: none;
    color: #FFA729;
  }
  .mailbox-nav .selected a,
  .organization-nav .selected a {
    border: none;
  }
  .mailbox-nav .selected a:after,
  .organization-nav .selected a:after {
    display: none;
  }
  .mailbox-nav .selected a:hover, .mailbox-nav .selected a:focus,
  .organization-nav .selected a:hover,
  .organization-nav .selected a:focus {
    color: #69665E;
  }
}

.modalContainer {
  display: none;
  background: rgba(255, 255, 255, 0.4);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms;
  -webkit-transition-delay: 0s, linear;
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
}
.modalContainer .modalBox {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 260px;
  height: 100px;
  padding: 20px 40px;
  margin: -71px 0 0 -171px;
  background: #fff;
  border: 1px solid #d4dbdf;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  -moz-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modalContainer .modalBox.processing .action-choices {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms;
  -webkit-transition-delay: 0s, linear;
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
}
.modalContainer.show {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modalContainer.show .modalBox {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modalContainer .action-text {
  margin: 0;
  max-height: 40px;
}
.modalContainer .action-choices {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 20px;
  height: 40px;
  list-style: none;
  margin: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modalContainer .action-choices li {
  width: 120px;
  float: left;
}
.modalContainer .action-choices li + li {
  margin-left: 20px;
}
.modalContainer .action-choices a {
  font: normal 700 14px/40px "Noto Serif", serif;
  color: #69665E;
  display: block;
  height: 40px;
  text-align: center;
  letter-spacing: 0.025em;
}
.modalContainer .action-choices a:hover, .modalContainer .action-choices a:focus {
  color: #FFA729;
}
.modalContainer .action-choices a.modal-continue {
  background: #F17D00;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.modalContainer .action-choices a.modal-continue:hover, .modalContainer .action-choices a.modal-continue:focus {
  background: #FFA729;
}

.empty-message {
  margin-top: 95px;
}
.empty-message p {
  margin: 0;
  text-align: center;
  color: #7c96a5;
  font: normal 700 28px/32px "Noto Serif", serif;
  letter-spacing: 0.04em;
}
.empty-message.message:before {
  content: "";
  display: block;
  margin: 0 auto 20px auto;
  width: 50px;
  height: 32px;
  background: url('/images/icon-mail.png?1480497114') no-repeat center center;
}
@media screen and (max-width: 940px) {
  .empty-message {
    margin: 50px 0 50px 0;
  }
}

.pagination {
  border-top: 2px solid #d4dbdf;
  padding: 20px 0;
}
.pagination p {
  float: left;
  margin: 0;
  line-height: 1em;
  font: normal 700 12px/16px "Noto Serif", serif;
  padding-top: 8px;
}
.pagination ol {
  float: right;
  list-style: none;
  margin: none;
}
.pagination ol li {
  float: left;
  height: 24px;
}
.pagination ol li + li:before {
  content: "|";
  display: inline-block;
  color: #d4dbdf;
}
.pagination ol li.noContent:before, .pagination ol li.noContent + li:before, .pagination ol li.prev:before, .pagination ol li.next:before {
  display: none;
}
.pagination ol li.current, .pagination ol li a, .pagination ol li.noContent {
  font: normal 700 12px/16px "Noto Serif", serif;
  padding: 8px 8px 0 8px;
}
.pagination ol li.noContent {
  padding: 8px 0 0 0;
}
.pagination ol li.prev, .pagination ol li.next {
  padding: 0;
}
.pagination ol li.prev a, .pagination ol li.next a {
  display: block;
  background: #F17D00;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  padding: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.pagination ol li.prev {
  margin-left: 12px;
}
.pagination ol li.prev a {
  background: #F17D00 url('/images/prev-icon.png?1480497114') no-repeat center center;
}
.pagination ol li.prev a:hover, .pagination ol li.prev a:focus {
  background: #FFA729 url('/images/prev-icon.png?1480497114') no-repeat center center;
}
.pagination ol li.next {
  margin-left: 2px;
}
.pagination ol li.next a {
  background: #F17D00 url('/images/next-icon.png?1480497114') no-repeat center center;
}
.pagination ol li.next a:hover, .pagination ol li.next a:focus {
  background: #FFA729 url('/images/next-icon.png?1480497114') no-repeat center center;
}
.pagination a {
  display: inline-block;
  color: #F17D00;
}
@media screen and (max-width: 940px) {
  .pagination p {
    width: auto;
    float: none;
    text-align: center;
    margin: 10px 0 20px 0;
    padding: 0;
  }
  .pagination ol {
    margin: 0;
    float: none;
    text-align: center;
  }
  .pagination ol li {
    display: inline-block;
    float: none;
    padding: 0;
    height: auto;
    vertical-align: middle;
  }
  .pagination ol li a {
    padding-top: 0;
  }
  .pagination ol li.prev a, .pagination ol li.next a {
    width: 35px;
    height: 35px;
  }
}

.page-mob_opp-results .resultsList {
  float: left;
  width: 65.95745%;
}
.page-mob_opp-results .resultsList .article {
  border-bottom: none;
  border-top: 2px solid #D4DBDF;
  margin-top: 30px;
  padding: 30px 0 0 0;
}
.page-mob_opp-results .resultsList .article .artHead {
  position: relative;
  margin-bottom: 16px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
}
.page-mob_opp-results .resultsList .article .artHead a {
  text-decoration: none;
  display: block;
  width: 100%;
  position: relative;
  z-index: 50;
  padding: 0 0 20px 0;
}
.page-mob_opp-results .resultsList .article .artHead a h3 {
  margin: 0 120px 0 0;
}
@media screen and (max-width: 560px) {
  .page-mob_opp-results .resultsList .article .artHead a {
    padding: 0 0 50px 0;
  }
  .page-mob_opp-results .resultsList .article .artHead a h3 {
    margin: 0;
  }
  .page-mob_opp-results .resultsList .article .artHead .fiveStarsRating {
    margin: 0;
    top: auto;
    bottom: 20px;
  }
}
.page-mob_opp-results .resultsList .article figure {
  float: right;
  max-width: 22.58065%;
}
.page-mob_opp-results .resultsList .article figure a {
  display: block;
  width: 100%;
}
.page-mob_opp-results .resultsList .article figure img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 940px) {
  .page-mob_opp-results .resultsList .article figure {
    width: auto;
    float: none;
    max-width: 100%;
    margin: 12px 0;
  }
  .page-mob_opp-results .resultsList .article figure img {
    width: auto;
    max-width: 100%;
  }
}
.page-mob_opp-results .resultsList .article dl {
  width: 74.19355%;
}
@media screen and (max-width: 940px) {
  .page-mob_opp-results .resultsList .article dl {
    width: 100%;
  }
}

.page-mob_opp-detail .social-share {
  margin: 20px 0 25px 0;
}
.page-mob_opp-detail .detail-text {
  border-bottom: 2px solid #d4dbdf;
  padding-bottom: 5px;
}
.page-mob_opp-detail .comment-box {
  margin-top: 25px;
}
.page-mob_opp-detail .detail-description img {
  max-width: 100%;
  width: auto;
  margin: 10px 0 20px 0;
}

.page-course-results .instructions {
  margin-top: 20px;
}
.page-course-results .results-head {
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 940px) {
  .page-course-results .results-head {
    padding-bottom: 50px;
  }
  .page-course-results .results-head .field {
    display: none;
  }
}
.page-course-results .results-head .searchTools {
  float: right;
  width: auto;
}
@media screen and (max-width: 940px) {
  .page-course-results .results-head .searchTools {
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 0;
    text-align: right;
  }
  .page-course-results .results-head .searchTools a {
    display: inline-block;
  }
}
@media screen and (max-width: 940px) {
  .page-course-results .instructions {
    margin-top: 40px;
  }
}

#content.page-course-results .left-side {
  width: 74.46809%;
}
@media screen and (max-width: 940px) {
  #content.page-course-results .left-side {
    width: 100%;
  }
}

.page-course-search h1 {
  background: none;
}
.page-course-search .vertSection.first h2 {
  margin-top: 20px;
}
.page-course-search .vertSection .float-left {
  float: left;
  width: 74.46809%;
  margin-left: -5px;
  margin-right: -5px;
}
.page-course-search .vertSection .float-right {
  float: right;
  width: 23.40426%;
}
.page-course-search .vertSection + .vertSection {
  padding-bottom: 40px;
  border-bottom: 2px solid #d4dbdf;
}
@media screen and (max-width: 940px) {
  .page-course-search .vertSection {
    display: none;
  }
}
.page-course-search .searchSection {
  margin-top: 40px;
}
.page-course-search .searchSection h2 {
  margin-top: 0;
}
.page-course-search .searchSection .mainSearch label {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.page-course-search .searchSection .mainSearch .input-text {
  width: 100%;
}
.page-course-search .upcoming-courses {
  background: #e0ecf3;
  padding: 40px 50px;
}
.page-course-search .upcoming-courses h2 {
  margin: 0 0 25px;
  font: normal 700 24px/34px "Noto Serif", serif;
  color: #1C4054;
}
.page-course-search .upcoming-courses .left-side,
.page-course-search .upcoming-courses .right-side {
  float: left;
  margin: 0 !important;
  box-sizing: border-box;
}
.page-course-search .upcoming-courses .left-side {
  width: 23.40426% !important;
  padding-right: 15px;
  padding-top: 10px;
}
.page-course-search .upcoming-courses .left-side button {
  appearance: none;
  border: none;
  display: block;
  outline: none;
  background: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.page-course-search .upcoming-courses .left-side button:hover {
  cursor: pointer;
}
.page-course-search .upcoming-courses .left-side button:hover .blue {
  background: #F17D00;
}
.page-course-search .upcoming-courses .left-side button .blue {
  display: block;
  background: #1C4054;
  padding: 25px 20px 20px;
  border-radius: 5px 5px 0 0;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-course-search .upcoming-courses .left-side button .blue span {
  display: block;
  margin-bottom: 40px;
  font-family: "Noto Serif", serif;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  color: #fff;
}
.page-course-search .upcoming-courses .left-side button .blue img {
  display: block;
  width: 100%;
}
.page-course-search .upcoming-courses .left-side button .orange {
  display: block;
  background: #F17D00;
  padding: 20px 30px;
  border-radius: 0 0 5px 5px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-family: "Noto Serif", serif;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
.page-course-search .upcoming-courses .right-side {
  width: 74.46809% !important;
  padding-left: 15px;
}
.page-course-search .upcoming-list {
  margin: 0 -10px;
}
.page-course-search .upcoming-item {
  float: left;
  width: 33.333%;
  padding: 0 10px;
  box-sizing: border-box;
}
.page-course-search .upcoming-course {
  position: relative;
  width: 100%;
  height: auto;
}
.page-course-search .upcoming-course:hover .upcoming-title {
  color: #1C4054;
}
.page-course-search .upcoming-cover-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-indent: -9999px;
}
.page-course-search .upcoming-picture {
  display: block;
  width: 100%;
  height: 163px;
  overflow: hidden;
}
.page-course-search .upcoming-picture img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.page-course-search .upcoming-title {
  margin: 20px 0;
  font: normal 700 16px/22px "Noto Serif", serif;
  color: #F17D00;
  -webkit-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-course-search .upcoming-date,
.page-course-search .upcoming-location {
  margin: 0 0 10px;
  font: italic 400 12px/12px Georgia;
  color: #69665e;
}
.page-course-search .upcoming-date i,
.page-course-search .upcoming-location i {
  font-style: normal;
  color: #F17D00;
}
.page-course-search .right-aside {
  float: right;
  width: 23.40426%;
  height: auto;
}
.page-course-search .right-aside .instructions {
  float: none;
  width: 100%;
  margin-top: 45px;
}
.page-course-search .right-aside .erasmus {
  margin-top: 20px;
}
.page-course-search .right-aside .erasmus img {
  display: block;
  margin: 0;
}
.page-course-search .upcoming-map {
  width: calc(100% - 100px);
  height: 780px;
  background: #1C4054;
  padding: 0 50px;
  max-height: 0;
  overflow: hidden;
}
.page-course-search .upcoming-map .inner {
  position: relative;
}
.page-course-search .upcoming-map .inner:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #1C4054 transparent;
  position: absolute;
  bottom: 100%;
  left: 40px;
}
.page-course-search .upcoming-map.is-active {
  max-height: 780px;
  overflow: visible;
}
.page-course-search .upcoming-map .upcoming-map-header {
  position: relative;
  margin-bottom: 30px;
  padding-top: 40px;
}
.page-course-search .upcoming-map .title {
  color: #fff;
  margin: 0;
}
.page-course-search .upcoming-map .close {
  position: absolute;
  top: calc(50% + 10px);
  right: 0;
  width: 26px;
  height: 26px;
  border: 2px solid #fff;
  padding: 0;
  border-radius: 14px;
  background: none;
  appearance: none;
  outline: none;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-course-search .upcoming-map .close img {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
}
.page-course-search .upcoming-map .close:hover {
  cursor: pointer;
  border-color: #F17D00;
}
.page-course-search .upcoming-map .map-container {
  width: calc(100% - 20px);
  height: 545px;
  border: 10px solid #fff;
  background: #e0ecf3;
  margin-bottom: 30px;
}
.page-course-search .upcoming-map .map-container svg path,
.page-course-search .upcoming-map .map-container svg polygon {
  fill: #bcd2df;
  stroke: #fff;
  stroke-width: 1px;
}
.page-course-search .upcoming-map .map-container svg [data-courses],
.page-course-search .upcoming-map .map-container svg [data-courses] path {
  fill: #3878ab;
}
.page-course-search .upcoming-map .map-container svg [data-courses]:hover,
.page-course-search .upcoming-map .map-container svg [data-courses]:hover path {
  fill: #F17D00;
}
.page-course-search .upcoming-map .infos {
  font-family: "Georgia", "Times", serif;
  font-style: italic;
  font-size: 12px;
  color: #fff;
  padding-bottom: 40px;
}
.page-course-search .upcoming-map .popin-map {
  width: 140px;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  padding: 20px 30px;
  border-radius: 5px;
  display: none;
}
.page-course-search .upcoming-map .popin-map.is-active {
  display: block;
}
.page-course-search .upcoming-map .popin-map:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 10px);
  left: 100%;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
}
.page-course-search .upcoming-map .popin-map .popin-title {
  font-family: "Noto Sans", sans-serif;
  font-weight: bold;
  color: #F17D00;
  display: block;
  margin-bottom: 5px;
}
.page-course-search .upcoming-map .popin-map .popin-courses {
  font-family: "Noto Serif", serif;
  font-style: italic;
  font-size: 13px;
  color: #69665e;
  display: block;
}

.page-course-detail .course-description {
  margin-top: 22px;
}
.page-course-detail .course-description .course-cover {
  width: 35.48387%;
  float: left;
  margin: 0 3.22581% 3.22581% 0;
}
.page-course-detail .course-description .course-cover img {
  display: block;
  max-width: 100%;
}
.page-course-detail .course-detail,
.page-course-detail .course-sessions {
  margin: 15px 0 0 0;
  padding-bottom: 19px;
  border-bottom: 2px solid #d4dbdf;
}
.page-course-detail .course-detail dl:after,
.page-course-detail .course-sessions dl:after {
  content: "";
  display: block;
  clear: both;
}
.page-course-detail .course-detail dl dt, .page-course-detail .course-detail dl dd,
.page-course-detail .course-sessions dl dt,
.page-course-detail .course-sessions dl dd {
  float: left;
  width: 50%;
  padding: 7px 0;
  color: #69665E;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-course-detail .course-detail dl dt,
.page-course-detail .course-sessions dl dt {
  clear: left;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
}
.page-course-detail .course-detail dl dt.hidden,
.page-course-detail .course-sessions dl dt.hidden {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.page-course-detail .course-detail dl dt.hidden + dd,
.page-course-detail .course-sessions dl dt.hidden + dd {
  float: none;
  clear: left;
  width: 100%;
  text-align: left;
  font: normal 700 14px/22px "Noto Sans", sans-serif;
}
.page-course-detail .course-detail dl dd,
.page-course-detail .course-sessions dl dd {
  text-align: right;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
}
.page-course-detail .course-detail dl dt + dd + dt, .page-course-detail .course-detail dl dt + dd + dt + dd,
.page-course-detail .course-sessions dl dt + dd + dt,
.page-course-detail .course-sessions dl dt + dd + dt + dd {
  border-top: 1px dotted #b9c3c8;
}
.page-course-detail .course-sessions {
  margin-bottom: 25px;
}
.page-course-detail .course-sessions h3 {
  margin-top: 30px;
  font: normal 700 15px/22px "Noto Sans", sans-serif;
  color: #69665E;
}
.page-course-detail .course-sessions dl dt {
  font: italic 14px/22px "Georgia", "Times", serif;
  padding-left: 21px;
  background: transparent url('/images/calendar-icon.png?1480497113') no-repeat left center;
}

.page-dashboard-organisations .organizations-list {
  margin-bottom: 22px;
}
.page-dashboard-organisations .organization-art {
  border-top: 1px dotted #b9c3c8;
  position: relative;
  padding: 20px 0;
}
.page-dashboard-organisations .organization-figure, .page-dashboard-organisations .organization-title {
  display: inline-block;
  vertical-align: middle;
}
.page-dashboard-organisations .organization-figure {
  width: 139px;
  position: relative;
  border-right: 1px solid #d4dbdf;
}
.page-dashboard-organisations .organization-figure .organization-featured {
  position: absolute;
  top: 0;
  right: 6px;
  width: 25px;
  height: 25px;
  background: url('/images/flag.png?1480497114') no-repeat center center;
}
.page-dashboard-organisations .organization-figure .organization-featured p {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
@media screen and (max-width: 940px) {
  .page-dashboard-organisations .organization-figure {
    width: 119px;
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    border: none;
  }
  .page-dashboard-organisations .organization-figure img {
    width: auto;
    max-width: 80%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 5;
  }
  .page-dashboard-organisations .organization-figure .organization-featured {
    z-index: 15;
  }
}
.page-dashboard-organisations .organization-title {
  width: 520px;
  padding: 0 0 0 20px;
  border-left: 1px solid #d4dbdf;
  margin-left: -1px;
}
.page-dashboard-organisations .organization-title h3 {
  color: #F17D00;
  margin: 0;
  font: normal 700 16px/20px "Noto Serif", serif;
}
.page-dashboard-organisations .organization-title p {
  font: italic 400 12px/18px "Georgia", "Times", serif;
  color: #69665E;
  margin: 0;
}
@media screen and (max-width: 940px) {
  .page-dashboard-organisations .organization-title {
    width: auto;
    margin-left: 119px;
    padding: 8px 40px 8px 20px;
    min-height: 39px;
  }
}
.page-dashboard-organisations .organization-tools-toggle,
.page-dashboard-organisations .organization-link,
.page-dashboard-organisations .organization-art.hasEllipsis .organization-link {
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  right: 0;
  text-indent: -9999px;
}
.page-dashboard-organisations .organization-link {
  left: 0;
}
.page-dashboard-organisations .organization-link:hover + a + .organization-tools, .page-dashboard-organisations .organization-link:focus + a + .organization-tools {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 940px) {
  .page-dashboard-organisations .organization-link {
    right: 20px;
  }
  .page-dashboard-organisations .organization-link:hover + a + .organization-tools, .page-dashboard-organisations .organization-link:focus + a + .organization-tools {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.page-dashboard-organisations .organization-art.hasEllipsis .organization-link:before {
  left: 140px;
  margin-bottom: -20px;
}
@media screen and (max-width: 940px) {
  .page-dashboard-organisations .organization-art.hasEllipsis .organization-link:before {
    left: 119px;
    right: 20px;
  }
}
.page-dashboard-organisations .organization-tools-toggle {
  display: none;
  width: 20px;
  background: rgba(255, 255, 255, 0.8);
}
.page-dashboard-organisations .organization-tools-toggle:before {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 28px;
  height: 20px;
  background: url('/images/menu-arrow.png?1480497114') no-repeat right center;
}
@media screen and (max-width: 940px) {
  .page-dashboard-organisations .organization-tools-toggle {
    display: block;
  }
}
@media screen and (max-width: 940px) {
  .page-dashboard-organisations .tools-open .organization-tools {
    top: 0 !important;
    right: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.page-dashboard-organisations .organization-tools {
  min-width: 119px;
  padding-left: 20px;
  border-left: 1px solid #d4dbdf;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  -moz-transform: translate3d(10px, 0, 0);
  -ms-transform: translate3d(10px, 0, 0);
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms;
  -webkit-transition-delay: 0s, 0s, linear;
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear;
}
.page-dashboard-organisations .organization-tools:hover, .page-dashboard-organisations .organization-tools:focus {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-dashboard-organisations .organization-tools ul {
  min-height: 55px;
}
.page-dashboard-organisations .organization-tools ul li {
  display: block;
}
.page-dashboard-organisations .organization-tools ul li + li {
  margin: 1px 0 0 0;
}
.page-dashboard-organisations .organization-tools ul li a {
  line-height: 30px;
}
@media screen and (max-width: 940px) {
  .page-dashboard-organisations .organization-tools {
    position: absolute;
    top: -99999px;
    right: -999999px;
    border: 1px solid #d4dbdf;
    background: #fff;
    list-style: none;
    margin: 55px -15px 0 0;
    min-width: 166px;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
    -moz-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms, right 0s 200ms, top 0s 200ms;
    -webkit-transition-delay: 0s, 0s, linear, linear, linear;
    -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
    -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
    transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
  }
  .page-dashboard-organisations .organization-tools ul {
    min-height: 0;
  }
  .page-dashboard-organisations .organization-tools li {
    display: block;
    margin: 0;
  }
  .page-dashboard-organisations .organization-tools li + li {
    border-top: 1px solid #d4dbdf;
  }
  .page-dashboard-organisations .organization-tools li.hidden + li {
    border-top: none;
  }
  .page-dashboard-organisations .organization-tools a {
    padding: 6px 25px 6px 38px !important;
  }
  .page-dashboard-organisations .organization-tools a.default {
    background: url('/images/flag-icon.png?1480497114') 15px center no-repeat;
  }
  .page-dashboard-organisations .organization-tools a.leave {
    background: url('/images/leave-icon.png?1480497114') 16px center no-repeat;
  }
  .page-dashboard-organisations .organization-tools a.join {
    background: url('/images/join-icon.png?1480497114') 15px center no-repeat;
  }
  .page-dashboard-organisations .organization-tools:before {
    content: "";
    display: block;
    position: absolute;
    background: url('/images/inbox-actions-arrow.png?1480497114') no-repeat center center;
    width: 27px;
    height: 13px;
    top: -13px;
    right: 8px;
  }
}
.page-dashboard-organisations .organization-search form {
  background: #e0ecf3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px 25px;
  width: auto;
  margin-bottom: 40px;
}
.page-dashboard-organisations .organization-search fieldset {
  position: relative;
}
.page-dashboard-organisations .organization-search fieldset label {
  font: normal 700 18px/28px "Noto Serif", serif;
  margin-bottom: 7px;
}
.page-dashboard-organisations .organization-search fieldset input {
  display: block;
  width: 100%;
  border: 2px solid #d4dbdf;
  height: 53px;
  color: #69665E;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.page-dashboard-organisations .organization-search fieldset input:focus {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: none;
  color: #000;
}
.page-dashboard-organisations .organization-search fieldset input:focus + .organizations-results {
  top: 100%;
  left: 0;
  right: 0;
  visibility: visible;
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-dashboard-organisations .organization-search fieldset input, .page-dashboard-organisations .organization-search .organization-search-result, .page-dashboard-organisations .organization-search .no-results {
  line-height: 25px;
  padding: 14px 25px;
  font: normal 700 14px/25px "Noto Sans", sans-serif;
  letter-spacing: 0.025em;
}
.page-dashboard-organisations .organization-search .organizations-results {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  right: auto;
  opacity: 0;
  list-style: none;
  margin: -2px 0 0 0;
  z-index: 50;
  background: #fff;
  border: 2px solid #d4dbdf;
  border-top: none;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0s 200ms, left 0s 200ms, right 0s 200ms, visibility 0s 200ms;
  -webkit-transition-delay: 0s, 0s, linear, linear, linear, linear;
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0s 200ms linear, left 0s 200ms linear, right 0s 200ms linear, visibility 0s 200ms linear;
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0s 200ms linear, left 0s 200ms linear, right 0s 200ms linear, visibility 0s 200ms linear;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0s 200ms linear, left 0s 200ms linear, right 0s 200ms linear, visibility 0s 200ms linear;
}
.page-dashboard-organisations .organization-search .organizations-results .organization-search-result, .page-dashboard-organisations .organization-search .organizations-results .no-results {
  color: #69665E;
  border-top: 1px solid #d4dbdf;
  height: 25px;
  margin: 0;
  position: relative;
}
.page-dashboard-organisations .organization-search .organizations-results .organization-search-result strong, .page-dashboard-organisations .organization-search .organizations-results .no-results strong {
  color: #000;
}
.page-dashboard-organisations .organization-search .organizations-results .organization-result-highlight {
  margin-right: 50px;
  position: relative;
  max-height: 25px;
  overflow: hidden;
  z-index: 0;
}
.page-dashboard-organisations .organization-search .organizations-results .organization-result-highlight p, .page-dashboard-organisations .organization-search .organizations-results .organization-result-highlight p strong {
  -webkit-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-dashboard-organisations .organization-search .organizations-results .organization-result-add {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  text-indent: -9999px;
  z-index: 5;
}
.page-dashboard-organisations .organization-search .organizations-results .organization-result-add:after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -12.5px;
  background: url('/images/add-big-icon.png?1480497113') no-repeat center center;
}
.page-dashboard-organisations .organization-search .organizations-results .organization-result-add:hover + .organization-result-highlight p, .page-dashboard-organisations .organization-search .organizations-results .organization-result-add:focus + .organization-result-highlight p {
  color: #FFA729;
}
.page-dashboard-organisations .organization-search .organizations-results .organization-result-add:hover + .organization-result-highlight p strong, .page-dashboard-organisations .organization-search .organizations-results .organization-result-add:focus + .organization-result-highlight p strong {
  color: #F17D00;
}
.page-dashboard-organisations .button.newOrg {
  margin-top: 20px;
  width: 280px;
}
@media screen and (max-width: 940px) {
  .page-dashboard-organisations .button.newOrg {
    width: 100%;
  }
}

.inbox-messages {
  margin: 0;
  background: none;
  font: normal 500 14px/20px "Noto Serif", serif;
  color: #69665E;
}
.inbox-messages thead th {
  background: none;
  border: none;
  font: normal 900 14px/22px "Noto Serif", serif;
  letter-spacing: 0.025em;
  color: #69665E;
  padding: 0 0 10px 20px;
}
@media screen and (max-width: 940px) {
  .inbox-messages thead {
    position: absolute;
    top: -99999px;
    left: -99999px;
  }
}
.inbox-messages tbody td {
  padding: 20px 0 20px 20px;
  border: none;
  border-top: 1px dotted #b9c3c8;
  background: none;
}
.inbox-messages tbody .msg-content {
  display: block;
  height: 20px;
  overflow: hidden;
}
.inbox-messages tbody .from {
  width: 180px;
}
.inbox-messages tbody .subject {
  width: 300px;
}
.inbox-messages tbody .date {
  width: 80px;
}
.inbox-messages tbody .actions {
  width: 60px;
}
.inbox-messages tbody .actions .moveTrash, .inbox-messages tbody .actions .openActions {
  display: block;
  text-indent: -9999px;
}
.inbox-messages tbody .actions .openActions {
  background: url('/images/inbox-arrow.png?1480497114') no-repeat left center;
}
.inbox-messages tbody .actions .moveTrash {
  background: url('/images/trash.png?1480497114') no-repeat right center;
}
.inbox-messages tbody .actions .msg-content {
  overflow: visible;
}
.inbox-messages tbody .actionContainer, .inbox-messages tbody .trash {
  float: left;
  width: 50%;
}
.inbox-messages tbody .actionContainer {
  position: relative;
}
.inbox-messages tbody .actionContainer .actionsList {
  position: absolute;
  top: -99999px;
  right: -99999px;
  border: 1px solid #d4dbdf;
  background: #fff;
  list-style: none;
  margin: 7px -27px 0 0;
  width: 166px;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
  -moz-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms, right 0s 200ms, top 0s 200ms;
  -webkit-transition-delay: 0s, 0s, linear, linear, linear;
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 200ms linear, right 0s 200ms linear, top 0s 200ms linear;
}
.inbox-messages tbody .actionContainer .actionsList li {
  display: block;
  margin: 0;
}
.inbox-messages tbody .actionContainer .actionsList li + li {
  border-top: 1px solid #d4dbdf;
}
.inbox-messages tbody .actionContainer .actionsList li.hidden + li {
  border-top: none;
}
.inbox-messages tbody .actionContainer .actionsList a {
  padding: 10px 5px 10px 40px;
}
.inbox-messages tbody .actionContainer .actionsList a.reply {
  background: url('/images/reply-icon.png?1480497114') no-repeat 16px center;
}
.inbox-messages tbody .actionContainer .actionsList a.mark-read {
  background: url('/images/read-icon.png?1480497114') no-repeat 18px center;
}
.inbox-messages tbody .actionContainer .actionsList a.mark-unread {
  background: url('/images/eye-icon2.png?1480497114') no-repeat 12px center;
}
.inbox-messages tbody .actionContainer .actionsList a.report {
  background: url('/images/edit-icon.png?1480497113') no-repeat 18px center;
  margin: 0;
}
.inbox-messages tbody .actionContainer .actionsList:before {
  content: "";
  display: block;
  position: absolute;
  background: url('/images/inbox-actions-arrow.png?1480497114') no-repeat center center;
  width: 27px;
  height: 13px;
  top: -13px;
  right: 8px;
}
.inbox-messages tbody .actionContainer.open .actionsList {
  top: 100%;
  right: 100%;
  opacity: 1;
  visibility: visible;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inbox-messages tbody tr td {
  opacity: 1;
  cursor: pointer;
  -webkit-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inbox-messages tbody tr.read td {
  color: #69665E;
}
.inbox-messages tbody tr.unread td {
  color: #F17D00;
}
.inbox-messages tbody tr.delete td {
  opacity: 0;
  padding: 0;
  border-top: 1px dotted rgba(255, 255, 255, 0);
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 100ms 150ms, padding 100ms 150ms, border-top 100ms 150ms;
  -webkit-transition-delay: 0s, cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-top 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-top 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-top 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inbox-messages tbody tr.delete td .msg-content {
  height: 0;
  -webkit-transition: height 100ms 150ms;
  -webkit-transition-delay: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: height 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: height 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: height 100ms 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 940px) {
  .inbox-messages tbody tr, .inbox-messages tbody td {
    display: block;
  }
  .inbox-messages tbody td {
    border: none;
    padding: 0;
  }
  .inbox-messages tbody td.from, .inbox-messages tbody td.subject, .inbox-messages tbody td.date {
    width: auto;
    margin-right: 20px;
  }
  .inbox-messages tbody td.from:before, .inbox-messages tbody td.subject:before, .inbox-messages tbody td.date:before {
    content: attr(data-cell);
    width: 80px;
    font-weight: bold;
    display: inline-block;
    color: #69665E;
  }
  .inbox-messages tbody td.from .msg-content, .inbox-messages tbody td.subject .msg-content, .inbox-messages tbody td.date .msg-content {
    font-weight: 500;
    display: inline;
  }
  .inbox-messages tbody td.from:before, .inbox-messages tbody td.from .msg-content, .inbox-messages tbody td.subject:before, .inbox-messages tbody td.subject .msg-content, .inbox-messages tbody td.date:before, .inbox-messages tbody td.date .msg-content {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
  }
  .inbox-messages tbody td + td {
    margin-top: 10px;
  }
  .inbox-messages tbody td.actions {
    margin-top: 0;
    position: absolute;
    top: 20px;
    right: 0;
    width: 20px;
  }
  .inbox-messages tbody td.actions .trash {
    width: 20px;
  }
  .inbox-messages tbody tr {
    position: relative;
    cursor: pointer;
    padding: 20px 0;
  }
  .inbox-messages tbody tr + tr {
    border-top: 1px dotted #b9c3c8;
  }
  .inbox-messages tbody .actionContainer {
    display: none;
  }
}
.inbox-messages thead th:first-child, .inbox-messages thead td:first-child, .inbox-messages tbody th:first-child, .inbox-messages tbody td:first-child {
  padding-left: 0;
}

.page-dashboard-message .right-side p a {
  font: normal 700 14px/20px "Noto Serif", serif;
  color: #F17D00;
  text-decoration: none;
}
.page-dashboard-message .right-side p a:hover, .page-dashboard-message .right-side p a:focus {
  color: #FFA729;
}
.page-dashboard-message .section h2 {
  margin-bottom: 25px;
}
.page-dashboard-message .section h2 + p {
  font: normal 500 14px/20px "Noto Serif", serif;
}
.page-dashboard-message .discussion-tools {
  border-top: 2px solid #d4dbdf;
  border-bottom: 2px solid #d4dbdf;
  padding: 18px 0;
  margin-bottom: 34px;
}
.page-dashboard-message .discussion-tools ul {
  margin: 0;
  list-style: none;
}
.page-dashboard-message .discussion-tools ul li {
  float: left;
}
.page-dashboard-message .discussion-tools ul li.right {
  float: right;
}
.page-dashboard-message .discussion-tools ul li + li {
  margin-left: 20px;
}
@media screen and (max-width: 940px) {
  .page-dashboard-message .discussion-tools ul {
    position: relative;
  }
  .page-dashboard-message .discussion-tools ul li {
    float: none;
    margin: 0 80px 0 0;
  }
  .page-dashboard-message .discussion-tools ul li + li {
    margin: 12px 80px 0 0;
  }
  .page-dashboard-message .discussion-tools ul li.right {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    max-width: 80px;
  }
}
.page-dashboard-message .msg-article .msg-content {
  width: 580px;
}
@media screen and (max-width: 940px) {
  .page-dashboard-message .msg-article .msg-content {
    width: auto;
    float: none;
  }
}
.page-dashboard-message .msg-article textarea {
  width: 100%;
}

.page-dashboard-notifications h3 {
  font: normal 700 22px/32px "Noto Serif", serif;
  background: #e0ecf3;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 27px 0 5px 0;
  letter-spacing: 0.04em;
}
.page-dashboard-notifications form {
  width: auto;
}
.page-dashboard-notifications fieldset {
  padding: 20px 0;
}
.page-dashboard-notifications fieldset .legend, .page-dashboard-notifications fieldset label {
  font: normal 500 14px/20px "Noto Serif", serif;
  letter-spacing: 0.01em;
  color: #69665E;
}
.page-dashboard-notifications fieldset label, .page-dashboard-notifications fieldset .selectContainer, .page-dashboard-notifications fieldset .subField {
  display: inline-block;
  vertical-align: middle;
}
.page-dashboard-notifications fieldset .legend {
  margin-bottom: 10px;
}
.page-dashboard-notifications fieldset label {
  line-height: 25px;
  margin-right: 10px;
}
.page-dashboard-notifications fieldset .dk-selected, .page-dashboard-notifications fieldset select {
  padding: 0 32px 0 15px;
  width: 150px;
  line-height: 25px;
}
.page-dashboard-notifications fieldset .dk-option {
  padding: 2px 15px;
}
.page-dashboard-notifications fieldset .subField + .subField {
  margin-left: 14px;
  padding-left: 15px;
  position: relative;
}
.page-dashboard-notifications fieldset .subField + .subField:before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  background: #cccbc7;
}
.page-dashboard-notifications fieldset + fieldset {
  border-top: 1px dotted #cccbc7;
}
@media screen and (max-width: 940px) {
  .page-dashboard-notifications fieldset label {
    width: 138px;
  }
  .page-dashboard-notifications fieldset .subField {
    display: block;
  }
  .page-dashboard-notifications fieldset .subField + .subField {
    margin: 15px 0 0 0;
    padding: 0;
  }
  .page-dashboard-notifications fieldset .subField + .subField:before {
    display: none;
  }
}

.page-organization-description .detail-head,
.page-organization-members .detail-head,
.page-organization-courses .detail-head,
.page-organization-comments .detail-head,
.page-organization-contact .detail-head {
  padding-bottom: 16px;
  background: transparent url('/images/line-separate-2.png?1480497114') no-repeat left bottom;
  position: relative;
  margin-bottom: 12px;
}
.page-organization-description .detail-head .head-title h1,
.page-organization-members .detail-head .head-title h1,
.page-organization-courses .detail-head .head-title h1,
.page-organization-comments .detail-head .head-title h1,
.page-organization-contact .detail-head .head-title h1 {
  font: normal 700 28px/40px "Noto Serif", serif;
  padding-bottom: 0;
  background: none;
  margin: 0;
  max-width: 650px;
}
.page-organization-description .detail-head .head-title h1, .page-organization-description .detail-head .head-title .verified,
.page-organization-members .detail-head .head-title h1,
.page-organization-members .detail-head .head-title .verified,
.page-organization-courses .detail-head .head-title h1,
.page-organization-courses .detail-head .head-title .verified,
.page-organization-comments .detail-head .head-title h1,
.page-organization-comments .detail-head .head-title .verified,
.page-organization-contact .detail-head .head-title h1,
.page-organization-contact .detail-head .head-title .verified {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 650px) {
  .page-organization-description .detail-head .head-title,
  .page-organization-members .detail-head .head-title,
  .page-organization-courses .detail-head .head-title,
  .page-organization-comments .detail-head .head-title,
  .page-organization-contact .detail-head .head-title {
    position: relative;
  }
  .page-organization-description .detail-head .head-title .verified,
  .page-organization-members .detail-head .head-title .verified,
  .page-organization-courses .detail-head .head-title .verified,
  .page-organization-comments .detail-head .head-title .verified,
  .page-organization-contact .detail-head .head-title .verified {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
  }
  .page-organization-description .detail-head .head-title h1,
  .page-organization-members .detail-head .head-title h1,
  .page-organization-courses .detail-head .head-title h1,
  .page-organization-comments .detail-head .head-title h1,
  .page-organization-contact .detail-head .head-title h1 {
    display: block;
    margin-right: 44px;
  }
}
.page-organization-description .detail-head .sub,
.page-organization-members .detail-head .sub,
.page-organization-courses .detail-head .sub,
.page-organization-comments .detail-head .sub,
.page-organization-contact .detail-head .sub {
  font: italic 14px/22px "Georgia", "Times", serif;
  color: #69665E;
  margin-bottom: 6px;
}
.page-organization-description .detail-head .fiveStarsRating,
.page-organization-members .detail-head .fiveStarsRating,
.page-organization-courses .detail-head .fiveStarsRating,
.page-organization-comments .detail-head .fiveStarsRating,
.page-organization-contact .detail-head .fiveStarsRating {
  position: relative;
  top: auto;
  right: auto;
  margin: 0;
}
@media screen and (max-width: 940px) {
  .page-organization-description .detail-head figure.mobile,
  .page-organization-members .detail-head figure.mobile,
  .page-organization-courses .detail-head figure.mobile,
  .page-organization-comments .detail-head figure.mobile,
  .page-organization-contact .detail-head figure.mobile {
    margin-top: 20px;
  }
}
@media screen and (max-width: 560px) {
  .page-organization-description .detail-head figure.mobile img,
  .page-organization-members .detail-head figure.mobile img,
  .page-organization-courses .detail-head figure.mobile img,
  .page-organization-comments .detail-head figure.mobile img,
  .page-organization-contact .detail-head figure.mobile img {
    width: auto;
    max-width: 100%;
  }
}
.page-organization-description .organization-nav,
.page-organization-members .organization-nav,
.page-organization-courses .organization-nav,
.page-organization-comments .organization-nav,
.page-organization-contact .organization-nav {
  margin-top: 35px;
}
.page-organization-description .organization-nav a,
.page-organization-members .organization-nav a,
.page-organization-courses .organization-nav a,
.page-organization-comments .organization-nav a,
.page-organization-contact .organization-nav a {
  padding: 18px 20px;
}
.page-organization-description .articleDetail,
.page-organization-members .articleDetail,
.page-organization-courses .articleDetail,
.page-organization-comments .articleDetail,
.page-organization-contact .articleDetail {
  float: left;
  width: 74.46809%;
}
@media screen and (max-width: 940px) {
  .page-organization-description .articleDetail,
  .page-organization-members .articleDetail,
  .page-organization-courses .articleDetail,
  .page-organization-comments .articleDetail,
  .page-organization-contact .articleDetail {
    width: auto;
    float: none;
  }
}
.page-organization-description .count,
.page-organization-members .count,
.page-organization-courses .count,
.page-organization-comments .count,
.page-organization-contact .count {
  font: normal 900 14px/22px "Noto Serif", serif;
  letter-spacing: 0.025em;
}

@media screen and (max-width: 940px) {
  .page-organization-courses .button {
    margin-top: 40px;
  }
}
.page-organization-description .organization-items {
  margin-top: 34px;
  border-top: 2px solid #d4dbdf;
  padding-top: 40px;
}
.page-organization-description .organization-items .organization-item-list {
  float: left;
  width: 45.71429%;
}
.page-organization-description .organization-items .organization-item-list + .organization-item-list {
  margin-left: 8.57143%;
}
.page-organization-description .organization-items .organization-item-list h2 {
  font: normal 700 18px/32px "Noto Serif", serif;
  letter-spacing: 0.04em;
  margin: 0 0 12px 0;
}
.page-organization-description .organization-items .organization-item-list ul {
  margin: 0;
  list-style: none;
}
.page-organization-description .organization-items .organization-item-list li {
  border-top: 1px dotted #b9c3c8;
}
.page-organization-description .organization-items .organization-item-list li a {
  display: block;
  font: normal 700 16px/20px "Noto Serif", serif;
  color: #F17D00;
  padding: 17px 0;
  text-decoration: none;
}
.page-organization-description .organization-items .organization-item-list li a:hover, .page-organization-description .organization-items .organization-item-list li a:focus {
  color: #FFA729;
}
@media screen and (max-width: 940px) {
  .page-organization-description .organization-items .organization-item-list {
    width: auto;
    float: none;
  }
  .page-organization-description .organization-items .organization-item-list + .organization-item-list {
    margin: 30px 0 0 0;
  }
  .page-organization-description .organization-items .organization-item-list li {
    border-top: none;
    border-bottom: 1px dotted #b9c3c8;
  }
  .page-organization-description .organization-items .organization-item-list li:first-child {
    border-top: 1px dotted #b9c3c8;
  }
}

.page-organization-members .membersList {
  margin: 0;
  list-style: none;
}
.page-organization-members .membersList li {
  border-top: 1px dotted #b9c3c8;
  position: relative;
  padding: 20px 0;
}
.page-organization-members .membersList li a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  text-indent: -9999px;
}
.page-organization-members .membersList li a:hover + .member-info-container h2, .page-organization-members .membersList li a:focus + .member-info-container h2 {
  color: #FFA729;
}
.page-organization-members .membersList .member-fig {
  float: left;
  width: 8.57143%;
}
.page-organization-members .membersList .member-fig img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 940px) {
  .page-organization-members .membersList .member-fig {
    width: 60px;
  }
}
.page-organization-members .membersList .member-info-container {
  float: right;
  width: 88.57143%;
}
.page-organization-members .membersList .member-info-container .member-info {
  padding-left: 20px;
}
.page-organization-members .membersList .member-info-container h2 {
  margin: 0 0 3px 0;
  color: #F17D00;
  font: normal 700 16px/20px "Noto Serif", serif;
  letter-spacing: 0.01em;
  -webkit-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-organization-members .membersList .member-info-container .sub {
  font: italic 12px/22px "Georgia", "Times", serif;
  margin: 0;
}
@media screen and (max-width: 940px) {
  .page-organization-members .membersList .member-info-container {
    width: auto;
    float: none;
    margin-left: 80px;
  }
}

.page-organization-contact .formLabels {
  margin-bottom: 45px;
}
.page-organization-contact .feedback {
  margin-bottom: 35px;
  padding: 23px 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.page-organization-contact .feedback p {
  color: #fff;
  font: normal 500 16px/28px "Noto Serif", serif;
  text-align: center;
  margin: 0;
}
.page-organization-contact .feedback p:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-right: 12px;
}
.page-organization-contact .feedback a {
  text-decoration: underline;
  font-weight: 700;
  color: #fff;
}
.page-organization-contact .feedback a:hover, .page-organization-contact .feedback a:focus {
  color: rgba(255, 255, 255, 0.7);
}
.page-organization-contact .feedback.success {
  background: #2abd65;
}
.page-organization-contact .feedback.success p:before {
  background: url('/images/confirm-checkmark.png?1480497113') no-repeat center center;
}
.page-organization-contact .feedback.error {
  background: #bd422a;
}
.page-organization-contact .feedback.error p:before {
  background: url('/images/confirm-cross.png?1480497113') no-repeat center center;
}
@media screen and (max-width: 940px) {
  .page-organization-contact .msg-fig {
    position: static;
    margin-bottom: 20px;
  }
  .page-organization-contact .formLabels {
    margin-bottom: 40px;
  }
}