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; }



body {
  background-color: #e9e9e9;
  color: #3d3d3d;
  -webkit-font-smoothing: antialiased;
  font-family: "open-sans", Helvetica, Arial, sans-serif; }

.clearfix {
  float: none !important;
  clear: both;
  overflow: hidden;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0; }

.dk_options {
  background: #FFFFFF;
  z-index: 2000; }

.hidden {
  display: none; }

h2, h3, h4, h5, h6, h7, h8, .custom-form-group-handle label {
  clear: both;
  margin-bottom: 35px;
  font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
  font-size: 34px;
  color: #3d3d3d;
  font-weight: 900;
  text-transform: uppercase; }
  h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h7 strong, h8 strong, .custom-form-group-handle label strong {
    font-weight: 300; }
  h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h8 a, .custom-form-group-handle label a {
    float: right;
    margin-right: 20px;
    font-size: 16px;
    line-height: 34px; }
    h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover, h8 a:hover, .custom-form-group-handle label a:hover {
      text-decoration: none; }

a {
  text-decoration: none;
  color: #ec1f5e; }
  a.button {
    -webkit-appearance: none;
    display: inline-block;
    height: 43px;
    padding: 0 20px;
    background-color: #ec1f5e;
    border: none;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 43px;
    cursor: pointer; }
    a.button:hover {
      background-color: #dc1d58;
      text-decoration: none;
      color: #FFF; }
  a:hover {
    color: #dc1d58;
    text-decoration: underline; }

input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  border-radius: 0;
  height: 40px;
  padding-left: 12px;
  margin: 0 10px 0 0;
  border: 1px solid #c1c1c1;
  outline: none;
  font-family: "open-sans", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #3d3d3d;
  font-weight: 400; }
  input[type="text"].last,
  input[type="password"].last {
    margin-right: 0; }

input[type="submit"] {
  border-radius: 0;
  -webkit-appearance: none;
  display: inline-block;
  height: 43px;
  padding: 0 20px;
  background-color: #ec1f5e;
  border: none;
  font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 43px;
  cursor: pointer; }
  input[type="submit"]:hover {
    background-color: #dc1d58;
    text-decoration: none;
    color: #FFF; }

input[type="submit"]:disabled {
  background: #cdcec8 !important;
  cursor: default !important;
  border: 1px solid #cdcec8 !important; }

input {
  outline: none; }

#crt-disabled-zone {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

#crt-disabled-zone.activate {
  overflow: hidden; }

#crt-stage {
  min-width: 960px;
  position: relative;
  overflow: hidden;
  width: 100%;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px; }
  @media only screen and (max-width: 960px) {
    #crt-stage {
      min-width: 720px; } }

.centerVertical, .centerHorizontal {
  position: absolute;
  text-align: center; }

.centerVertical {
  top: 50%;
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.centerVertical.centerHorizontal {
  left: 50%;
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }

.centerVertical.centerHorizontal {
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }


.error-404 {
  padding: 200px 0 0;
  font-family: "open-sans", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  color: #3d3d3d;
  line-height: 35px !important;
  text-align: center !important; }
  .error-404 strong {
    font-size: 73px;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    line-height: 73px;
    color: #ec1f5e;
    text-transform: uppercase; }
  .error-404 .button {
    display: block;
    width: 150px;
    margin: 20px auto 200px; }


#crt-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(33, 33, 33, 0.9);
  border-top: 3px solid #ec1f5e;
  z-index: 100000;
  display: none;
  overflow: auto; }
  #crt-overlay .close {
    position: fixed;
    right: 50px;
    top: 30px;
    display: block;
    padding-top: 25px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/close.png') no-repeat center top;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 900;
    z-index: 999;
    text-shadow: rgba(0, 0, 0, 0.45) 0 1px 0; }
    #crt-overlay .close:hover {
      text-decoration: none; }
  #crt-overlay .video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 85px 0;
    background: #000; }
    #crt-overlay .video iframe {
      width: 100%;
      height: 100% !important; }
  #crt-overlay .innerContent {
    position: absolute;
    left: 50%;
    top: 70px;
    margin-left: -390px;
    width: 780px;
    height: auto; }
    #crt-overlay .innerContent .innerText {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: auto; }
    #crt-overlay .innerContent .prev,
    #crt-overlay .innerContent .next {
      position: absolute;
      top: 300px;
      display: block;
      width: 20px;
      height: 28px;
      text-indent: -999em; }
    #crt-overlay .innerContent .prev {
      left: -100px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/prev.png') no-repeat left top; }
    #crt-overlay .innerContent .next {
      right: -100px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/next.png') no-repeat left top; }
    #crt-overlay .innerContent h2 {
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 30px;
      letter-spacing: 2px;
      color: #FFF;
      font-weight: 900;
      text-transform: uppercase;
      text-align: center; }
      #crt-overlay .innerContent h2 strong,
      #crt-overlay .innerContent h2 em {
        display: block;
        margin-top: 5px;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        text-transform: none;
        letter-spacing: 1px; }
      #crt-overlay .innerContent h2 em {
        font-size: 13px; }
    #crt-overlay .innerContent .wrapper {
      width: 100%;
      height: auto;
      background: #FFF; }
      #crt-overlay .innerContent .wrapper .banner {
        width: 100%;
        height: 500px;
        overflow: hidden; }
        #crt-overlay .innerContent .wrapper .banner img {
          width: 100%;
          height: auto; }
      #crt-overlay .innerContent .wrapper .content {
        margin: 50px 45px;
        padding-bottom: 55px; }
        #crt-overlay .innerContent .wrapper .content div {
          float: left;
          font-family: "open-sans", Helvetica, Arial, sans-serif; }
          #crt-overlay .innerContent .wrapper .content div.left {
            width: 140px;
            margin-right: 70px;
            min-width: 140px; }
            #crt-overlay .innerContent .wrapper .content div.left p {
              margin-bottom: 0;
              font-family: "open-sans", Helvetica, Arial, sans-serif;
              color: #ec1f5e;
              font-weight: 600;
              font-size: 13px;
              line-height: 18px; }
          #crt-overlay .innerContent .wrapper .content div.right {
            width: 460px;
            background: none;
            color: #3d3d3d;
            line-height: 22px;
            font-size: 13px; }
            #crt-overlay .innerContent .wrapper .content div.right p {
              margin-bottom: 25px; }
              #crt-overlay .innerContent .wrapper .content div.right p.last {
                margin-bottom: 0; }
              #crt-overlay .innerContent .wrapper .content div.right p strong {
                font-weight: 700; }
            #crt-overlay .innerContent .wrapper .content div.right h5 {
              margin-top: 35px;
              margin-bottom: 20px;
              font-size: 14px; }
            #crt-overlay .innerContent .wrapper .content div.right ul li {
              padding-left: 10px;
              margin-bottom: 5px;
              background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/bullet.png') no-repeat left center; }
              #crt-overlay .innerContent .wrapper .content div.right ul li a {
                font-weight: 700; }
  #crt-overlay.meeting .banner {
    height: 310px !important; }
  #crt-overlay.meeting .wrapper {
    background: #FFF;
    margin-bottom: 50px; }
  #crt-overlay.meeting .content .left ul li {
    margin-bottom: 10px; }
    #crt-overlay.meeting .content .left ul li .button {
      width: 175px;
      padding: 0;
      margin-top: 15px;
      font-size: 12px;
      text-align: center; }
  #crt-overlay.meeting .speakers {
    margin-left: 1px;
    padding-top: 35px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/meeting-speakers.png') no-repeat 10px top; }
    #crt-overlay.meeting .speakers .block {
      width: 259px !important;
      height: 259px !important;
      margin-right: 1px;
      cursor: default; }
      #crt-overlay.meeting .speakers .block.last {
        width: 258px !important;
        height: 259px !important;
        margin-right: 0; }
      #crt-overlay.meeting .speakers .block img {
        height: 100%;
        width: auto; }
      #crt-overlay.meeting .speakers .block .title h3 {
        background: #ec1f5e; }
    #crt-overlay.meeting .speakers .button {
      width: 130px;
      padding: 0;
      margin: 25px 0 25px 320px;
      text-align: center; }


nav {
  position: fixed;
  width: 100%;
  height: auto;
  min-width: 500px;
  z-index: 9000; }
  @media only screen and (max-width: 960px) {
    nav {
      position: relative;
      min-width: 0; }
      nav .menuContainer {
        display: none; } }
  nav #mobile-nav {
    display: none;
    padding: 10px;
    background: #3d3d3d;
    text-align: center; }
    @media only screen and (max-width: 960px) {
      nav #mobile-nav {
        display: block; } }
    nav #mobile-nav select {
      border: none;
      padding: 10px 30px 10px 10px;
      margin: 0;
      width: 220px;
      font-size: 13px;
      line-height: 13px;
      background: #fff url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/select.png') no-repeat 183px 50%;
      -moz-appearance: none;
      -webkit-appearance: none;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0; }
    nav #mobile-nav a {
      display: inline-block;
      height: 33px;
      background: #ec1f5e;
      color: #fff;
      font-size: 13px;
      line-height: 33px;
      font-weight: bold;
      vertical-align: middle;
      padding: 0 10px;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0; }
    nav #mobile-nav .sub-select {
      display: none; }
      nav #mobile-nav .sub-select.visible {
        display: inline; }

#crt-menuTop-container {
  width: 100%;
  height: auto;
  background-color: #f6f7f1;
  border-top: 3px solid #ec1f5e; }
  #crt-menuTop-container #crt-menuTop {
    max-width: 1200px;
    height: auto;
    margin: 0 auto; }
    #crt-menuTop-container #crt-menuTop ul {
      float: right; }
    #crt-menuTop-container #crt-menuTop ul li {
      float: left; }
    #crt-menuTop-container #crt-menuTop ul li a {
      display: block;
      width: auto;
      height: 30px;
      padding: 0 10px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 11px;
      color: #3d3d3d;
      font-weight: 600;
      line-height: 29px;
      text-decoration: none; }
      #crt-menuTop-container #crt-menuTop ul li a.active {
        height: 27px;
        border-bottom: 3px solid #ec1f5e; }
      #crt-menuTop-container #crt-menuTop ul li a.social {
        width: 30px;
        height: 30px;
        padding: 0;
        text-indent: -999em; }
        #crt-menuTop-container #crt-menuTop ul li a.social.fbk {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/social/fbk.png') no-repeat left top; }
        #crt-menuTop-container #crt-menuTop ul li a.social.twt {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/social/twt.png') no-repeat left top; }
        #crt-menuTop-container #crt-menuTop ul li a.social.vmo {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/social/vmo.png') no-repeat left top; }
        #crt-menuTop-container #crt-menuTop ul li a.social.msg {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/social/msg.png') no-repeat left top; }
      #crt-menuTop-container #crt-menuTop ul li a.important {
        background: #3d3d3d;
        color: #FFF; }
      #crt-menuTop-container #crt-menuTop ul li a:hover {
        background-color: #ec1f5e;
        color: #FFF; }
      #crt-menuTop-container #crt-menuTop ul li a.open {
        background-color: #ec1f5e;
        color: #FFF; }
      #crt-menuTop-container #crt-menuTop ul li a.social:hover {
        background-color: #ec1f5e;
        background-position: left bottom; }

#crt-menuBottom-container {
  width: 100%;
  height: auto;
  padding: 30px 0 10px;
  min-height: 65px;
  background-color: #FFF;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px; }
  @media only screen and (max-width: 960px) {
    #crt-menuBottom-container {
      padding: 0; } }
  @media only screen and (max-width: 500px) {
    #crt-menuBottom-container {
      min-height: 80px; } }
  #crt-menuBottom-container #crt-menuBottom {
    position: relative;
    max-width: 1200px;
    height: auto;
    margin: 0 auto; }
    @media only screen and (max-width: 1200px) {
      #crt-menuBottom-container #crt-menuBottom {
        padding-top: 90px; } }
    @media only screen and (max-width: 500px) {
      #crt-menuBottom-container #crt-menuBottom {
        padding-top: 0; } }
    #crt-menuBottom-container #crt-menuBottom h1 a {
      display: block;
      position: absolute;
      left: 70px;
      top: -7px;
      width: 90px;
      height: 51px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/logo.png') no-repeat left top;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 11px;
      color: #ec1f5e;
      line-height: 17px;
      font-weight: 600;
      text-decoration: none; }
      #crt-menuBottom-container #crt-menuBottom h1 a.subTitled {
        left: 50%;
        top: -45px;
        width: auto;
        height: auto;
        padding-top: 65px;
        margin-left: -600px; }
        @media only screen and (min-width: 1200px) {
          #crt-menuBottom-container #crt-menuBottom h1 a.subTitled {
            margin-left: -600px; } }
        @media only screen and (max-width: 1200px) {
          #crt-menuBottom-container #crt-menuBottom h1 a.subTitled {
            margin-left: -165px;
            padding: 11px 0 10px 120px;
            top: 15px; } }
        @media only screen and (max-width: 400px) {
          #crt-menuBottom-container #crt-menuBottom h1 a.subTitled {
            margin-left: 0;
            text-indent: -100000px; } }
      #crt-menuBottom-container #crt-menuBottom h1 a strong {
        display: block;
        font-size: 14px;
        font-weight: 700; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer {
      float: right;
      margin-right: 5px;
      margin-top: 5px; }
      @media only screen and (max-width: 960px) {
        #crt-menuBottom-container #crt-menuBottom .menuContainer {
          float: none; } }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu {
      position: relative;
      float: left;
      padding: 4px 20px 20px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border.gif') no-repeat right top; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu:hover .subMenu {
        display: block !important; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.last {
        background: none;
        padding-right: 0; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu a {
      display: block;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 15px;
      color: #3d3d3d;
      font-weight: 900;
      text-transform: uppercase;
      text-decoration: none; }
      @media only screen and (max-width: 960px) {
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu a {
          font-size: 12px; } }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu a strong {
        display: block;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #8b8b8b !important;
        line-height: 18px;
        font-weight: 600;
        text-transform: none; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu a.last {
        background: none;
        padding-right: 0; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu a:hover, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu a.active {
        color: #ec1f5e; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .quick-access li {
      display: inline-block;
      font: normal 600 10px/15px "open-sans", Helvetica, Arial, sans-serif;
      color: #3d3d3d; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .quick-access a {
      padding: 0;
      display: inline;
      background: none;
      text-transform: none;
      font: normal 600 10px/15px "open-sans", Helvetica, Arial, sans-serif;
      color: #3d3d3d; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .quick-access a:hover {
        color: #ec1f5e; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu {
      position: absolute;
      top: 50px;
      left: 20px;
      width: 200px;
      height: auto;
      background-color: #FFF;
      border-top: 5px solid #ec1f5e;
      z-index: 999;
      display: none;
      -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0;
      -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0;
      box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .phyl {
        display: block;
        position: absolute;
        left: 20px;
        top: -10px;
        width: 9px;
        height: 5px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-top-arrow.gif') no-repeat left top; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .subLink {
        position: relative; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .subLink:hover .sub-subMenu {
          display: block !important; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .subLink > a {
        display: block;
        width: auto;
        height: 40px;
        padding: 0 0 0 15px;
        background: #FFF;
        border-bottom: 1px solid #e5e5e5;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #3d3d3d;
        line-height: 40px;
        font-weight: 600;
        text-transform: none; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .subLink > a:hover {
          background: #f6f7f1; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .subLink > a.last {
          border-bottom: 0; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .subLink > a.current {
          padding-left: 25px;
          background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-active-arrow.gif') no-repeat 15px 16px;
          font-weight: 700;
          color: #ec1f5e; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu {
      position: absolute;
      left: 200px;
      top: 0;
      width: 200px;
      height: auto;
      background-color: #FFF;
      border-left: 5px solid #ec1f5e;
      display: none;
      -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0;
      -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0;
      box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .phyl {
        display: block;
        position: absolute;
        left: -10px;
        top: 15px;
        width: 5px;
        height: 9px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-left-arrow.gif') no-repeat left top; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink > a {
        display: block;
        width: auto;
        height: 40px;
        padding: 0 0 0 15px;
        background: #FFF;
        border-bottom: 1px solid #e5e5e5;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #3d3d3d;
        line-height: 40px;
        font-weight: 600;
        text-transform: none;
        height: auto;
        padding: 11px 15px;
        line-height: 1.5; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink > a:hover {
          background: #f6f7f1; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink > a.last {
          border-bottom: 0; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink > a.current {
          padding-left: 25px;
          background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-active-arrow.gif') no-repeat 15px 16px;
          font-weight: 700;
          color: #ec1f5e; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink {
        position: relative; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink .subSubMenu {
          display: none !important;
          position: absolute;
          left: 200px;
          top: 0;
          width: 200px;
          height: auto;
          background-color: #FFF;
          border-left: 5px solid #ec1f5e;
          display: none; }
          #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink .subSubMenu.left {
            left: -205px;
            border-left: 0;
            border-right: 5px solid #ec1f5e; }
            #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink .subSubMenu.left .phyl {
              left: inherit;
              left: 205px;
              background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-right-arrow.gif') no-repeat left top; }
          #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink .subSubMenu .sub-sub-subLink > a {
            display: block;
            width: auto;
            height: 40px;
            padding: 0 0 0 15px;
            background: #FFF;
            border-bottom: 1px solid #e5e5e5;
            font-family: "open-sans", Helvetica, Arial, sans-serif;
            font-size: 12px;
            color: #3d3d3d;
            line-height: 40px;
            font-weight: 600;
            text-transform: none; }
            #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink .subSubMenu .sub-sub-subLink > a:hover {
              background: #f6f7f1; }
            #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink .subSubMenu .sub-sub-subLink > a.last {
              border-bottom: 0; }
            #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink .subSubMenu .sub-sub-subLink > a.current {
              padding-left: 25px;
              background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-active-arrow.gif') no-repeat 15px 16px;
              font-weight: 700;
              color: #ec1f5e; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu .sub-subLink:hover .subSubMenu {
          display: block !important; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu.left {
        left: -205px;
        border-left: 0;
        border-right: 5px solid #ec1f5e; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu .subMenu .sub-subMenu.left .phyl {
          left: inherit;
          left: 205px;
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-right-arrow.gif') no-repeat left top; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum:hover > a {
      color: #ff6149; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum a:hover,
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum a.active {
      color: #ff6149; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu {
      border-top: 5px solid #ff6149; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .phyl {
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/orange/subMenu-top-arrow.gif') no-repeat left top; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .subLink a.current {
        color: #ff6149;
        background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/orange/subMenu-active-arrow.gif') no-repeat 15px 16px; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subMenu, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subLink .subSubMenu {
        border-left: 5px solid #ff6149; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subMenu .phyl, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subLink .subSubMenu .phyl {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/orange/subMenu-left-arrow.gif') no-repeat left top; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subMenu a.current, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subLink .subSubMenu a.current {
          color: #ff6149; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subMenu.left, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subLink .subSubMenu.left {
          border-right: 5px solid #ff6149 !important;
          border-left: 0; }
          #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subMenu.left .phyl, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.forum .subMenu .sub-subLink .subSubMenu.left .phyl {
            background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/orange/subMenu-right-arrow.gif') no-repeat left top; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie:hover > a {
      color: #ec1f5e; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie a:hover,
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie a.active {
      color: #ec1f5e; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu {
      border-top: 5px solid #ec1f5e; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .phyl {
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-top-arrow.gif') no-repeat left top; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .subLink a.current {
        color: #ec1f5e;
        background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-active-arrow.gif') no-repeat 15px 16px; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subMenu, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subLink .subSubMenu {
        border-left: 5px solid #ec1f5e; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subMenu .phyl, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subLink .subSubMenu .phyl {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-left-arrow.gif') no-repeat left top; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subMenu a.current, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subLink .subSubMenu a.current {
          color: #ec1f5e; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subMenu.left, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subLink .subSubMenu.left {
          border-right: 5px solid #ec1f5e !important;
          border-left: 0; }
          #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subMenu.left .phyl, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.movie .subMenu .sub-subLink .subSubMenu.left .phyl {
            background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/subMenu-right-arrow.gif') no-repeat left top; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master:hover > a {
      color: #19A0B7; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master a:hover,
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master a.active {
      color: #19A0B7; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu {
      border-top: 5px solid #19A0B7; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .phyl {
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/blue/subMenu-top-arrow.gif') no-repeat left top; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .subLink a.current {
        color: #19A0B7;
        background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/blue/subMenu-active-arrow.gif') no-repeat 15px 16px; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subMenu, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subLink .subSubMenu {
        border-left: 5px solid #19A0B7; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subMenu .phyl, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subLink .subSubMenu .phyl {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/blue/subMenu-left-arrow.gif') no-repeat left top; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subMenu a.current, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subLink .subSubMenu a.current {
          color: #19A0B7; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subMenu.left, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subLink .subSubMenu.left {
          border-right: 5px solid #19A0B7 !important;
          border-left: 0; }
          #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subMenu.left .phyl, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.master .subMenu .sub-subLink .subSubMenu.left .phyl {
            background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/blue/subMenu-right-arrow.gif') no-repeat left top; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection:hover > a {
      color: #18d76e; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection a:hover,
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection a.active {
      color: #18d76e; }
    #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu {
      border-top: 5px solid #18d76e; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .phyl {
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/green/subMenu-top-arrow.gif') no-repeat left top; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .subLink a.current {
        color: #18d76e;
        background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/green/subMenu-active-arrow.gif') no-repeat 15px 16px; }
      #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subMenu, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subLink .subSubMenu {
        border-left: 5px solid #18d76e; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subMenu .phyl, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subLink .subSubMenu .phyl {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/green/subMenu-left-arrow.gif') no-repeat left top; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subMenu a.current, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subLink .subSubMenu a.current {
          color: #18d76e; }
        #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subMenu.left, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subLink .subSubMenu.left {
          border-right: 5px solid #18d76e !important;
          border-left: 0; }
          #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subMenu.left .phyl, #crt-menuBottom-container #crt-menuBottom .menuContainer .menu.connection .subMenu .sub-subLink .subSubMenu.left .phyl {
            background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/green/subMenu-right-arrow.gif') no-repeat left top; }


#crt-banner {
  position: relative;
  width: 100%;
  height: 700px;
  min-width: 960px;
  margin-top: 138px;
  background-color: #ec1f5e;
  min-height: 320px; }
  @media only screen and (max-width: 960px) {
    #crt-banner {
      margin-top: 0;
      min-width: 0; } }

#slider-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  #slider-container #cta-scroll {
    position: absolute;
    left: 50%;
    bottom: 0;
    padding: 8px 12px 30px;
    margin-left: -47px;
    background: #ec1f5e url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/down-arrow.png') no-repeat center 30px;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: 700;
    z-index: 999;
    animation: bounce 1.5s ease both infinite;
    -webkit-animation: bounce 1.5s ease both infinite; }
    #slider-container #cta-scroll:hover {
      text-decoration: none;
      background: #dc1d58 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/down-arrow.png') no-repeat center 30px; }
    @media only screen and (max-width: 960px) {
      #slider-container #cta-scroll {
        display: none; } }
  #slider-container .bullets {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 200; }
    #slider-container .bullets li {
      margin-left: 5px;
      display: inline; }
      #slider-container .bullets li a {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 12px;
        background: #fff;
        text-indent: -999em; }
        #slider-container .bullets li a.current {
          background: #ec1f5e; }
  #slider-container .controllers {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -30px 0 0 0;
    z-index: 200; }
    #slider-container .controllers li {
      margin: 0;
      padding: 0; }
      #slider-container .controllers li a {
        display: block;
        width: 60px;
        height: 60px;
        background: red;
        position: absolute;
        text-indent: -100000px; }
        #slider-container .controllers li a.prev {
          left: 0;
          background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/prev.png') center no-repeat; }
        #slider-container .controllers li a.next {
          right: 0;
          background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/next.png') center no-repeat; }
        #slider-container .controllers li a:hover {
          background-color: #ec1f5e; }
  #slider-container .slide {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #3d3d3d; }
    #slider-container .slide.current {
      z-index: 20; }
    #slider-container .slide.current .slideTxt {
      z-index: 30; }
    #slider-container .slide.current.previous, #slider-container .slide.current.previous .slideTxt {
      z-index: 10; }
    #slider-container .slide a {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      text-decoration: none; }
    #slider-container .slide img {
      position: absolute;
      left: 0;
      top: 0;
      display: none; }
    #slider-container .slide .cache {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/pattern.png') repeat left top; }
  #slider-container .slide .slideTxt {
    position: absolute;
    left: 60px;
    bottom: 65px; }
    #slider-container .slide .slideTxt h3 {
      position: relative;
      float: left;
      clear: left;
      width: auto;
      height: 40px;
      padding: 4px 20px;
      margin-bottom: 1px;
      background: #FFF;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 40px;
      color: #3d3d3d;
      text-transform: uppercase; }
      #slider-container .slide .slideTxt h3 strong {
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 32px;
        color: #FFF;
        font-weight: 900; }
      @media only screen and (max-width: 960px) {
        #slider-container .slide .slideTxt h3 {
          padding: 5px 15px;
          height: 25px;
          line-height: 25px;
          font-size: 10px; } }
    #slider-container .slide .slideTxt p {
      position: relative;
      float: left;
      clear: left;
      width: auto;
      height: 40px;
      padding: 4px 20px;
      margin-bottom: 1px;
      background: #ec1f5e;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 40px;
      color: #3d3d3d;
      text-transform: uppercase; }
      #slider-container .slide .slideTxt p strong {
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 32px;
        color: #FFF;
        font-weight: 900; }
      @media only screen and (max-width: 960px) {
        #slider-container .slide .slideTxt p {
          height: 30px;
          line-height: 30px;
          padding: 5px 15px; }
          #slider-container .slide .slideTxt p strong {
            font-size: 16px; } }
  #slider-container .slide .schedule {
    position: absolute;
    left: 60px;
    top: 65px;
    width: 107px;
    height: auto;
    z-index: 1000; }
    #slider-container .slide .schedule div {
      padding: 10px;
      background: #FFF; }
      #slider-container .slide .schedule div.clearfix {
        padding: 0;
        background: none; }
    #slider-container .slide .schedule ul li {
      float: left;
      padding-right: 13px;
      margin-right: 10px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/small-arrow.png') no-repeat right 22px;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 11px;
      color: #3d3d3d;
      font-weight: 900;
      text-transform: uppercase; }
      #slider-container .slide .schedule ul li strong {
        display: block;
        font-size: 30px; }
    #slider-container .slide .schedule ul li + li {
      padding: 0;
      margin: 0;
      background: none; }
    #slider-container .slide .schedule p {
      padding: 10px;
      margin-top: 1px;
      background: #FFF;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: #3d3d3d;
      font-weight: 500;
      text-transform: uppercase; }


#innerContent .drag-list {
  position: relative;
  width: 100%;
  margin: 0; }
  #innerContent .drag-list .item {
    background: none;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 75px;
    height: 95px; }
    #innerContent .drag-list .item:hover .bullet {
      background: #3d3d3d url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/list-del.png') no-repeat center;
      text-indent: -999em; }
    #innerContent .drag-list .item .thumb {
      border: 3px solid #3d3d3d;
      border-radius: 50%;
      overflow: hidden;
      width: 60px;
      height: 60px;
      margin: 0 auto 5px;
      cursor: move; }
      #innerContent .drag-list .item .thumb img {
        width: 60px;
        height: 60px; }
    #innerContent .drag-list .item .name {
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 10px;
      color: #3d3d3d;
      font-weight: 900;
      text-transform: uppercase;
      text-align: center;
      line-height: 11px; }
    #innerContent .drag-list .item .bullet {
      position: absolute;
      right: 10px;
      top: -3px;
      display: block;
      width: 22px;
      height: 22px;
      background: #3d3d3d;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #FFF;
      font-weight: 900;
      text-align: center;
      line-height: 22px;
      text-indent: 0;
      border-radius: 50%; }
  #innerContent .drag-list .placeholder {
    background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/add.png') center 2px no-repeat;
    float: left;
    list-style: none;
    margin: 0;
    margin-right: 15px;
    padding: 0 0 5px;
    width: 84px;
    height: 105px; }
  #innerContent .drag-list .ss-placeholder-child {
    position: absolute;
    list-style: none;
    background: none;
    margin: 0;
    padding: 0 0 5px;
    width: 65px;
    height: 95px; }

#crt-content {
  position: relative;
  z-index: 10;
  background-color: #f2f3ec;
  padding: 30px 0; }
  #crt-content.fixMargin {
    margin-top: 138px; }
    @media only screen and (max-width: 960px) {
      #crt-content.fixMargin {
        margin-top: 0; } }
  #crt-content #innerContent {
    width: 960px; }
    @media only screen and (min-width: 1200px) {
      #crt-content #innerContent {
        width: 1200px; } }
    @media only screen and (max-width: 960px) {
      #crt-content #innerContent {
        width: 720px; } }

#breadcrumb {
  width: 960px;
  height: auto;
  margin: -15px auto 20px; }
  @media only screen and (min-width: 1200px) {
    #breadcrumb {
      width: 1060px; } }
  @media only screen and (max-width: 960px) {
    #breadcrumb {
      width: 720px; } }
  #breadcrumb p {
    margin-left: 0;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #b8b9b3; }

#content {
  width: 960px;
  max-width: 1530px;
  margin: 0 auto; }
  @media only screen and (max-width: 960px) {
    #content {
      width: 480px; } }
  #content .msg {
    margin-bottom: 40px;
    padding: 12px;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: center; }
    #content .msg.error {
      background: #fedbdb;
      border: 2px dotted #f82222;
      color: #f82222; }
    #content .msg.valid {
      background: #c7ffc8;
      border: 2px dotted #2fca32;
      color: #2fca32; }

#alertMessage {
  margin-bottom: -20px !important; }

#innerContent {
  max-width: 1530px;
  height: auto;
  margin: 0 auto;
  background: #FFF;
  overflow: hidden; }
  #innerContent .title {
    padding: 55px 70px; }
    #innerContent .title h2 {
      float: left;
      margin-bottom: 0; }
    #innerContent .title ul {
      float: right;
      margin-top: -25px;
      text-align: right; }
    #innerContent .title .back {
      float: right;
      display: inline-block;
      margin-bottom: 10px;
      padding-left: 15px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/back-arrow.png') no-repeat left 1px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 11px;
      font-weight: 700; }
  #innerContent .filters {
    margin: 30px 70px 25px; }
    #innerContent .filters div.filter-left {
      float: left; }
    #innerContent .filters div.filter-right {
      float: right; }
      @media only screen and (max-width: 960px) {
        #innerContent .filters div.filter-right {
          float: none;
          clear: both;
          min-height: 35px;
          padding: 10px;
          background: #e8e9e1; }
          #innerContent .filters div.filter-right input[type="text"] {
            width: 400px; } }
      #innerContent .filters div.filter-right div {
        float: left;
        margin-right: 40px; }
        #innerContent .filters div.filter-right div.last {
          margin-right: 0; }
    #innerContent .filters div ul li {
      float: left;
      margin-right: 3px;
      padding-left: 0;
      background: none; }
      #innerContent .filters div ul li a {
        display: block;
        padding: 12px 15px;
        background: #e8e9e1;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;
        color: #8d8d8d; }
        #innerContent .filters div ul li a.current, #innerContent .filters div ul li a:hover {
          background: #3d3d3d;
          color: #FFF;
          text-decoration: none; }
    #innerContent .filters div form input[type="text"] {
      height: 31px;
      margin: 0;
      background: #f6f7f1;
      color: #3D3D3D;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 11px;
      min-width: 200px;
      font-weight: 500; }
      #innerContent .filters div form input[type="text"]::-webkit-input-placeholder {
        color: #ADADAD;
        font-style: italic; }
      #innerContent .filters div form input[type="text"]:-moz-placeholder {
        
        color: #adadad;
        font-style: italic; }
      #innerContent .filters div form input[type="text"]::-moz-placeholder {
        
        color: #adadad;
        font-style: italic; }
      #innerContent .filters div form input[type="text"]:-ms-input-placeholder {
        color: #adadad;
        font-style: italic; }
    #innerContent .filters div form input[type="submit"] {
      height: 25px;
      padding-left: 35px;
      margin-top: -5px;
      margin-left: 15px;
      padding-right: 0;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/search-icn.png') no-repeat left top;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #979797;
      font-weight: 700;
      text-transform: none;
      line-height: 25px; }
      #innerContent .filters div form input[type="submit"]:hover {
        color: #3d3d3d;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/search-icn.png') no-repeat left bottom; }
    #innerContent .filters div .button {
      width: 170px;
      height: 35px;
      text-align: center;
      font-size: 13px;
      font-weight: 900;
      line-height: 35px; }
  #innerContent p {
    margin-bottom: 25px;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #3d3d3d;
    font-weight: 400;
    line-height: 22px; }
    #innerContent p.last {
      margin-bottom: 0; }
    #innerContent p strong {
      font-weight: 700; }
  #innerContent .left {
    float: left;
    width: 720px; }
    @media only screen and (max-width: 960px) {
      #innerContent .left {
        width: 480px; } }
    #innerContent .left .content {
      margin: 55px; }
      @media only screen and (min-width: 1200px) {
        #innerContent .left .content {
          margin: 70px; } }
      @media only screen and (max-width: 960px) {
        #innerContent .left .content {
          margin: 40px; } }
    #innerContent .left a.more {
      padding-left: 12px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/more-arrow.png') no-repeat left center;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #ec1f5e;
      font-weight: 900;
      text-transform: uppercase; }
      #innerContent .left a.more:hover {
        color: #dc1d58;
        text-decoration: none; }
    #innerContent .left h1, #innerContent .left h2 {
      font-size: 30px;
      padding-bottom: 25px;
      margin-bottom: 25px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/title-border-2.png') no-repeat left bottom;
      font-weight: 900; }
    #innerContent .left h2 a, #innerContent .left h6 a {
      margin: 0;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 600;
      text-transform: none; }
      #innerContent .left h2 a.edit, #innerContent .left h6 a.edit {
        padding-right: 25px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/edit.png') no-repeat right center;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-weight: 900;
        text-transform: uppercase; }
        #innerContent .left h2 a.edit:hover, #innerContent .left h6 a.edit:hover {
          color: #3d3d3d !important; }
    #innerContent .left h6 a {
      padding-right: 25px;
      margin-top: -10px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/edit.png') no-repeat right center;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-weight: 900;
      text-transform: uppercase; }
      #innerContent .left h6 a:hover {
        color: #3d3d3d !important; }
    #innerContent .left h3 {
      margin-top: 35px;
      margin-bottom: 15px;
      color: #ec1f5e;
      font-size: 22px;
      font-weight: 700; }
    #innerContent .left h4,
    #innerContent .left .custom-form-group-handle label {
      display: block;
      margin-top: 30px;
      color: #ec1f5e;
      font-size: 18px;
      font-weight: 700;
      text-transform: none; }
    #innerContent .left h5 {
      font-size: 16px;
      font-weight: 700;
      color: #ec1f5e;
      text-transform: none; }
    #innerContent .left h6 {
      padding-bottom: 8px;
      margin-top: 40px;
      border-bottom: 3px solid #ec1f5e;
      font-size: 14px;
      color: #ec1f5e; }
      #innerContent .left h6 strong {
        float: right;
        opacity: .7;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #3d3d3d;
        font-weight: 400;
        text-transform: none; }
    #innerContent .left p {
      margin-bottom: 15px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 22px;
      font-weight: 400;
      text-transform: none; }
      #innerContent .left p.last {
        margin-bottom: 0; }
      #innerContent .left p a:hover {
        color: #dc1d58;
        text-decoration: none;
        border-bottom: 1px solid #dc1d58; }
      #innerContent .left p img {
        width: 100%;
        height: auto; }
    #innerContent .left ul {
      margin-bottom: 30px; }
    #innerContent .left ul li {
      padding-left: 20px;
      margin-bottom: 15px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/bullet.png') no-repeat left 6px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #3d3d3d;
      line-height: 22px;
      font-weight: 400; }
      #innerContent .left ul li em {
        color: #858585;
        font-style: italic; }
    #innerContent .left table {
      width: 100%;
      margin-bottom: 40px; }
      #innerContent .left table td, #innerContent .left table th {
        
        padding: 10px 15px;
        border: 1px solid #FFF;
        color: #3d3d3d;
        line-height: 20px;
        vertical-align: middle; }
      #innerContent .left table th {
        background: #e8e9e1;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase; }
      #innerContent .left table td {
        background: #f8f9f4;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400; }
    #innerContent .left #customForm table {
      margin: 0 -30px;
      width: 115%; }
      #innerContent .left #customForm table td select, #innerContent .left #customForm table th select {
        width: 130px;
        font-size: 12px; }
      #innerContent .left #customForm table td.title, #innerContent .left #customForm table th.title {
        width: 120px; }
    #innerContent .left #customForm input[type="submit"] {
      margin-top: 20px; }
    #innerContent .left #customForm .submit-button {
      float: right; }
    #innerContent .left #customForm .repeatable {
      float: right;
      margin-right: 10px; }
    #innerContent .left #customForm .field.third.last {
      float: left;
      margin-right: 0 !important; }
    #innerContent .left #customForm .financial div {
      width: 130px; }
    #innerContent .left #customForm .financial div .check {
      line-height: 22px; }
    #innerContent .left #customForm .checkContainer.error {
      background-color: #f6ccd3;
      padding: 10px; }
    #innerContent .left .infos {
      width: 100%;
      margin-bottom: 60px; }
      #innerContent .left .infos div {
        float: left;
        width: 47%;
        border-right: 1px solid #dcddd6;
        margin-right: 30px; }
        #innerContent .left .infos div p {
          clear: both;
          font-family: "open-sans", Helvetica, Arial, sans-serif;
          font-size: 14px;
          color: #3d3d3d;
          font-weight: 400;
          line-height: 24px; }
          #innerContent .left .infos div p strong {
            float: left;
            width: 90px;
            font-weight: 700; }
          #innerContent .left .infos div p em,
          #innerContent .left .infos div p a {
            font-style: none;
            float: left;
            margin-bottom: 3px; }
        #innerContent .left .infos div.last {
          border: none;
          margin-right: 0; }
    #innerContent .left .stat {
      float: left;
      padding-right: 50px;
      margin-right: 30px;
      padding-left: 0;
      margin-top: 20px;
      margin-bottom: 50px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-2.gif') repeat-y right top;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 40px;
      color: #ec1f5e;
      font-weight: 900; }
      #innerContent .left .stat strong {
        display: block;
        margin-top: 5px;
        font-size: 14px;
        color: #3d3d3d;
        text-transform: uppercase; }
      #innerContent .left .stat em {
        display: block;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #616161;
        font-weight: 400;
        text-transform: none;
        line-height: 20px; }
      #innerContent .left .stat.last {
        padding: 0;
        margin: 0;
        margin-top: 20px;
        background: none; }
    #innerContent .left .sliderContainer {
      width: 100%;
      height: auto;
      margin-top: 40px;
      margin-bottom: 20px; }
      #innerContent .left .sliderContainer .slider {
        position: relative;
        width: 100%;
        height: 390px;
        overflow: hidden; }
        #innerContent .left .sliderContainer .slider .slide {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0; }
          #innerContent .left .sliderContainer .slider .slide.current {
            z-index: 30; }
          #innerContent .left .sliderContainer .slider .slide.current.previous {
            z-index: 10; }
      #innerContent .left .sliderContainer ul {
        margin-top: 15px; }
        #innerContent .left .sliderContainer ul li {
          float: left;
          margin-right: 5px;
          padding-left: 0;
          background: none; }
          #innerContent .left .sliderContainer ul li a {
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 12px;
            background: #dbdcd4;
            text-indent: -999em; }
            #innerContent .left .sliderContainer ul li a.current {
              background: #ec1f5e; }
            #innerContent .left .sliderContainer ul li a:hover {
              background: #ec1f5e; }
    #innerContent .left .msg {
      margin-bottom: 40px;
      padding: 12px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: 700;
      text-align: center;
      background: #f2f3ec;
      color: #3d3d3d; }
      #innerContent .left .msg.error {
        background: #fedbdb;
        border: 2px dotted #f82222;
        color: #f82222; }
      #innerContent .left .msg.valid {
        background: #c7ffc8;
        border: 2px dotted #2fca32;
        color: #2fca32; }
    #innerContent .left .customform-errors p {
      margin-bottom: 40px;
      padding: 12px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: 700;
      text-align: center;
      background: #fedbdb;
      border: 2px dotted #f82222;
      color: #f82222; }
    #innerContent .left .checkContainer.default,
    #innerContent .left .radioContainer.default {
      margin-bottom: 20px; }
    #innerContent .left .checkContainer div,
    #innerContent .left .radioContainer div {
      float: left;
      margin-right: 60px; }
      #innerContent .left .checkContainer div.check, #innerContent .left .checkContainer div.radio, #innerContent .left .checkContainer div.clearfix,
      #innerContent .left .radioContainer div.check,
      #innerContent .left .radioContainer div.radio,
      #innerContent .left .radioContainer div.clearfix {
        float: none; }
      #innerContent .left .checkContainer div.last,
      #innerContent .left .radioContainer div.last {
        margin-right: 0; }
      #innerContent .left .checkContainer div.radio,
      #innerContent .left .radioContainer div.radio {
        margin-top: 15px; }
        #innerContent .left .checkContainer div.radio label,
        #innerContent .left .radioContainer div.radio label {
          margin-bottom: 0; }
      #innerContent .left .checkContainer div.check, #innerContent .left .checkContainer div.radio,
      #innerContent .left .radioContainer div.check,
      #innerContent .left .radioContainer div.radio {
        min-width: 150px !important; }
        #innerContent .left .checkContainer div.check label, #innerContent .left .checkContainer div.radio label,
        #innerContent .left .radioContainer div.check label,
        #innerContent .left .radioContainer div.radio label {
          
          font-family: "open-sans", Helvetica, Arial, sans-serif;
          font-size: 13px;
          color: #3d3d3d;
          font-weight: 400;
          line-height: 12px;
          margin-left: 30px; }
        #innerContent .left .checkContainer div.check .prettycheckbox,
        #innerContent .left .checkContainer div.check .prettyradio, #innerContent .left .checkContainer div.radio .prettycheckbox,
        #innerContent .left .checkContainer div.radio .prettyradio,
        #innerContent .left .radioContainer div.check .prettycheckbox,
        #innerContent .left .radioContainer div.check .prettyradio,
        #innerContent .left .radioContainer div.radio .prettycheckbox,
        #innerContent .left .radioContainer div.radio .prettyradio {
          display: inline-block;
          padding: 0;
          margin: 0;
          overflow: visible; }
        #innerContent .left .checkContainer div.check .prettycheckbox a,
        #innerContent .left .checkContainer div.check .prettyradio a, #innerContent .left .checkContainer div.radio .prettycheckbox a,
        #innerContent .left .checkContainer div.radio .prettyradio a,
        #innerContent .left .radioContainer div.check .prettycheckbox a,
        #innerContent .left .radioContainer div.check .prettyradio a,
        #innerContent .left .radioContainer div.radio .prettycheckbox a,
        #innerContent .left .radioContainer div.radio .prettyradio a {
          display: block;
          width: 19px;
          height: 19px;
          margin: -30px 10px 0 0;
          border: 1px solid #c1c1c1;
          background: #FFF;
          cursor: pointer; }
          #innerContent .left .checkContainer div.check .prettycheckbox a.checked,
          #innerContent .left .checkContainer div.check .prettyradio a.checked, #innerContent .left .checkContainer div.radio .prettycheckbox a.checked,
          #innerContent .left .checkContainer div.radio .prettyradio a.checked,
          #innerContent .left .radioContainer div.check .prettycheckbox a.checked,
          #innerContent .left .radioContainer div.check .prettyradio a.checked,
          #innerContent .left .radioContainer div.radio .prettycheckbox a.checked,
          #innerContent .left .radioContainer div.radio .prettyradio a.checked {
            background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/check.png') no-repeat 3px center; }
        #innerContent .left .checkContainer div.check .prettyradio a, #innerContent .left .checkContainer div.radio .prettyradio a,
        #innerContent .left .radioContainer div.check .prettyradio a,
        #innerContent .left .radioContainer div.radio .prettyradio a {
          border-radius: 19px; }
          #innerContent .left .checkContainer div.check .prettyradio a.checked, #innerContent .left .checkContainer div.radio .prettyradio a.checked,
          #innerContent .left .radioContainer div.check .prettyradio a.checked,
          #innerContent .left .radioContainer div.radio .prettyradio a.checked {
            background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/radio.png') no-repeat center; }
    #innerContent .left .checkContainer.default label {
      display: block;
      margin-bottom: 20px;
      font-size: 13px;
      color: #3d3d3d;
      font-weight: 700; }
    #innerContent .left .checkContainer.default .check label {
      margin-bottom: 0 !important;
      float: none !important;
      margin-left: 30px; }
    #innerContent .left .validation-advice {
      display: none; }
    #innerContent .left form .forum-description,
    #innerContent .left form .games-description,
    #innerContent .left form .connection-description,
    #innerContent .left form .movie-description {
      display: none; }
      #innerContent .left form .forum-description.current,
      #innerContent .left form .games-description.current,
      #innerContent .left form .connection-description.current,
      #innerContent .left form .movie-description.current {
        display: block; }
    #innerContent .left form.first {
      padding-bottom: 40px;
      margin-bottom: 40px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x left bottom; }
    #innerContent .left form h5.presentation-form-toggle {
      position: relative;
      color: #3d3d3d;
      padding: 6px 0 4px;
      border-bottom: 1px solid #e8e8e8;
      cursor: pointer;
      transition: background-color 0.2s ease-out; }
      #innerContent .left form h5.presentation-form-toggle:after {
        position: absolute;
        top: 9px;
        right: 10px;
        width: 8px;
        height: 11px;
        display: block;
        content: '';
        background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/more-arrow.png') no-repeat; }
      #innerContent .left form h5.presentation-form-toggle:hover {
        background-color: #f6f6f6; }
      #innerContent .left form h5.presentation-form-toggle.is-toggled:after {
        transform: rotate(90deg); }
    #innerContent .left form .field {
      position: relative;
      width: 100%;
      margin-bottom: 20px; }
      #innerContent .left form .field .checkContainer div {
        margin-right: 20px; }
      #innerContent .left form .field label {
        display: block;
        margin-bottom: 10px;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #3d3d3d; }
        #innerContent .left form .field label a {
          display: inline-block;
          width: 21px;
          height: 20px;
          margin-top: -10px;
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/question.png') no-repeat left top;
          text-indent: -999em; }
        #innerContent .left form .field label sup {
          color: #f82222; }
      #innerContent .left form .field input,
      #innerContent .left form .field textarea {
        width: 100%;
        height: auto;
        padding: 12px;
        -webkit-box-sizing: border-box;
        
        -moz-box-sizing: border-box;
        
        box-sizing: border-box; }
      #innerContent .left form .field textarea {
        width: 96%;
        height: 140px;
        margin-bottom: 20px;
        border: 1px solid #C1C1C1;
        outline: none;
        resize: none;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        color: #3d3d3d;
        font-size: 12px;
        font-weight: 400; }
      #innerContent .left form .field .dk_container {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 999; }
      #innerContent .left form .field .dk_toggle {
        display: block;
        width: 100% !important;
        height: auto;
        padding: 12px;
        border: 1px solid #C1C1C1;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/select.png') no-repeat 93% center;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        
        -moz-box-sizing: border-box;
        
        box-sizing: border-box; }
        #innerContent .left form .field .dk_toggle:hover {
          text-decoration: none; }
      #innerContent .left form .field .dk_label {
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #3d3d3d;
        font-weight: 400; }
      #innerContent .left form .field .dk_options {
        display: none;
        position: absolute;
        right: 0;
        width: 100%;
        background: #FFF;
        border-top: 1px solid #c1c1c1; }
        #innerContent .left form .field .dk_options .dk_options_inner {
          position: relative;
          max-height: 250px;
          border-bottom: 1px solid #c1c1c1;
          overflow: auto; }
        #innerContent .left form .field .dk_options .dk_options_inner li {
          width: 100%;
          padding: 0;
          margin: 0;
          background: none; }
          #innerContent .left form .field .dk_options .dk_options_inner li a {
            display: block;
            width: 100%;
            padding: 12px;
            border: 1px solid #c1c1c1;
            border-top: 0;
            background: #FFF;
            color: #3d3d3d;
            cursor: pointer;
            -webkit-box-sizing: border-box;
            
            -moz-box-sizing: border-box;
            
            box-sizing: border-box; }
            #innerContent .left form .field .dk_options .dk_options_inner li a:hover {
              text-decoration: none;
              background: #f8f9f4; }
            #innerContent .left form .field .dk_options .dk_options_inner li a.last {
              border-bottom: 0; }
          #innerContent .left form .field .dk_options .dk_options_inner li.dk_option_current a {
            background: #f8f9f4;
            font-weight: 700; }
      #innerContent .left form .field .dk_open {
        position: relative; }
      #innerContent .left form .field .dk_open .dk_options {
        display: block; }
      #innerContent .left form .field .checkContainer label {
        margin-top: 15px; }
      #innerContent .left form .field .checkContainer .prettycheckbox a {
        margin-top: -40px; }
      #innerContent .left form .field.mid {
        float: left;
        margin-bottom: 20px;
        margin-right: 20px;
        width: 280px; }
        @media only screen and (max-width: 960px) {
          #innerContent .left form .field.mid {
            width: 100%;
            margin-right: 0; } }
        #innerContent .left form .field.mid.last {
          margin-right: 0; }
      #innerContent .left form .field.error label {
        color: #f82222; }
      #innerContent .left form .field.error input,
      #innerContent .left form .field.error textarea {
        color: #f82222;
        border-left: 5px solid #f82222; }
    #innerContent .left form input[type="submit"] {
      border: 1px solid #ec1f5e;
      font-size: 12px; }
      #innerContent .left form input[type="submit"]:hover {
        border: 1px solid #dc1d58; }
    #innerContent .left form .lost {
      float: right;
      margin-top: 15px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 600; }
    #innerContent .left form .actions {
      margin-top: 40px;
      padding-top: 10px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x left top; }
      #innerContent .left form .actions.top-bar {
        background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x top; }
      #innerContent .left form .actions a {
        display: block;
        float: left;
        margin-top: 34px;
        padding-left: 12px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/back-arrow.png') no-repeat left center;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #ec1f5e;
        font-weight: 900;
        text-transform: uppercase; }
      #innerContent .left form .actions input[type="submit"] {
        float: right;
        padding-right: 30px;
        margin-top: 20px;
        background: #e8e9e1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/save.png') no-repeat 86% 16px;
        border: none; }
        #innerContent .left form .actions input[type="submit"]:hover {
          background: #e0e1d9 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/save.png') no-repeat 86% 16px; }
    #innerContent .left .result-container {
      position: absolute;
      left: 0;
      top: 60px;
      width: 99.7%;
      height: auto;
      background: #FFF;
      border: 1px solid #c1c1c1;
      overflow: hidden;
      display: none;
      z-index: 1000; }
      #innerContent .left .result-container .results {
        width: 100%;
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden; }
        #innerContent .left .result-container .results a {
          display: block;
          width: 100%;
          padding: 16px 24px;
          border-bottom: 1px solid #ece8e9;
          font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
          font-size: 14px;
          color: #3d3d3d;
          font-weight: 900;
          text-transform: uppercase; }
          #innerContent .left .result-container .results a strong {
            display: block;
            font-family: "open-sans", Helvetica, Arial, sans-serif;
            font-size: 11px;
            font-weight: 400;
            color: #b8b9b3;
            text-transform: none;
            line-height: 18px; }
          #innerContent .left .result-container .results a:hover {
            background: #fff9fb;
            text-decoration: none;
            color: #ec1f5e; }
            #innerContent .left .result-container .results a:hover strong {
              color: #b8b9b3; }
      #innerContent .left .result-container .button {
        width: 100%;
        height: 60px;
        padding: 0 0 0 60px;
        background: #ec1f5e url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/more-company.png') no-repeat 20px center;
        line-height: 60px;
        font-weight: 900; }
        #innerContent .left .result-container .button:hover {
          background: #dc1d58 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/more-company.png') no-repeat 20px center; }
    #innerContent .left .searchParticipants {
      padding: 20px 70px;
      border-top: 1px solid #ececec;
      border-bottom: 1px solid #ececec; }
      #innerContent .left .searchParticipants form .mid {
        width: 340px;
        margin-bottom: 0; }
      #innerContent .left .searchParticipants form .quart {
        float: left;
        width: 170px; }
      #innerContent .left .searchParticipants form input[type="text"] {
        background: #e8e9e1;
        border: 1px solid #d7d7d0; }
      #innerContent .left .searchParticipants form input[type="submit"] {
        float: left;
        width: 27px;
        height: 25px;
        margin: 7px 0 0 30px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/search-icn.png') no-repeat left top;
        border: none;
        text-indent: -999em; }
      #innerContent .left .searchParticipants form .select-box {
        width: 170px; }
      #innerContent .left .searchParticipants form .dk_toggle {
        background: #e8e9e1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/select.png') no-repeat 95% top;
        border: 1px solid #d7d7d0; }
      #innerContent .left .searchParticipants form .dk_label {
        font-weight: 700; }
    #innerContent .left .participantsList {
      padding: 40px 70px; }
      #innerContent .left .participantsList ul {
        float: left;
        width: 50%; }
        #innerContent .left .participantsList ul li {
          padding: 20px 0 20px 25px;
          margin-bottom: 5px;
          background: #f8f9f4;
          font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
          font-size: 13px;
          color: #3d3d3d;
          font-weight: 900;
          text-transform: uppercase; }
      #innerContent .left .participantsList p {
        text-align: center; }
      #innerContent .left .participantsList .button {
        margin: 60px auto 0;
        font-size: 13px;
        font-weight: 900; }
        #innerContent .left .participantsList .button:hover {
          color: #FFF; }
    #innerContent .left .upload {
      margin-top: 40px;
      margin-bottom: -35px; }
      #innerContent .left .upload div {
        float: left;
        width: 210px;
        height: 125px;
        margin-right: 35px;
        overflow: hidden; }
        #innerContent .left .upload div img {
          width: 100%;
          height: auto; }
      #innerContent .left .upload p {
        margin-bottom: 0; }
      #innerContent .left .upload input {
        width: 188px;
        height: 41px;
        margin-top: 16px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/upload.png') no-repeat left top;
        font-size: 0px;
        line-height: 200px;
        color: #FFF;
        cursor: pointer; }
        #innerContent .left .upload input:hover {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/upload.png') no-repeat left bottom; }
    #innerContent .left .cat {
      margin-bottom: 30px;
      border-bottom: 4px solid #e8e9e1; }
      #innerContent .left .cat li {
        float: left;
        margin-bottom: 0;
        padding-left: 0;
        background: none; }
        #innerContent .left .cat li a {
          display: block;
          padding: 15px 20px;
          background: #f8f9f4;
          border-right: 1px solid #cecece;
          font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
          font-size: 14px;
          font-weight: 900;
          color: #8d8d8d;
          text-transform: uppercase; }
          #innerContent .left .cat li a.last {
            border-right: 0; }
          #innerContent .left .cat li a.current, #innerContent .left .cat li a:hover {
            color: #3d3d3d;
            text-decoration: none;
            background: #e8e9e1; }
    #innerContent .left #billing {
      padding: 20px 20px 7px;
      margin-bottom: 20px;
      background: #eeefe9; }
      #innerContent .left #billing .check {
        height: 32px; }
      #innerContent .left #billing label {
        float: left;
        margin-left: 30px;
        padding-top: 3px;
        font-weight: 700; }
      #innerContent .left #billing .prettycheckbox a {
        margin-bottom: 0; }
    #innerContent .left .register {
      cursor: pointer;
      padding: 35px 0;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x left top; }
      #innerContent .left .register p {
        float: left;
        margin: 0;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #3d3d3d;
        font-weight: 900;
        text-transform: uppercase; }
        #innerContent .left .register p span {
          display: block;
          font-family: "open-sans", Helvetica, Arial, sans-serif;
          font-size: 11px;
          color: #616161;
          font-weight: 400;
          text-transform: none; }
          #innerContent .left .register p span strong {
            font-weight: 700; }
      #innerContent .left .register a {
        display: none;
        width: 27px;
        height: 25px;
        margin-top: 8px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/search-icn.png') no-repeat left top;
        float: right;
        text-indent: -999em; }
        #innerContent .left .register a:hover {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/search-icn.png') no-repeat left bottom; }
        #innerContent .left .register a.button {
          width: auto;
          height: auto;
          margin: 0;
          background: #ec1f5e;
          text-indent: 0;
          font-weight: 900;
          font-size: 13px; }
          #innerContent .left .register a.button:hover {
            background: #dc1d58; }
      #innerContent .left .register.validate span {
        padding-left: 15px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/validate-icn.png') no-repeat left center; }
      #innerContent .left .register.refuse span {
        padding-left: 15px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/refuse-icn.png') no-repeat left center; }
      #innerContent .left .register:hover a {
        display: block; }
    #innerContent .left .cover {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden; }
      #innerContent .left .cover img {
        width: 100%;
        height: auto; }
      #innerContent .left .cover a {
        position: absolute;
        right: 20px;
        bottom: 20px;
        padding-left: 45px;
        background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/upload-2.png') no-repeat 20px 16px;
        color: #ec1f5e;
        display: none; }
        #innerContent .left .cover a:hover {
          background: #ec1f5e;
          color: #FFF;
          background: #ec1f5e url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/upload-2-bis.png') no-repeat 20px 16px; }
      #innerContent .left .cover:hover a {
        display: block; }
    #innerContent .left .detail-list {
      margin-top: 40px;
      padding-top: 40px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x left top; }
      #innerContent .left .detail-list .detail-item {
        position: relative;
        background: #f8f9f4;
        clear: both;
        z-index: 1; }
        #innerContent .left .detail-list .detail-item:after {
          content: '';
          display: table;
          clear: both; }
        #innerContent .left .detail-list .detail-item::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 50%;
          height: 100%;
          z-index: -1;
          background: #cdcec8; }
        #innerContent .left .detail-list .detail-item div {
          float: left;
          width: 50%;
          height: auto !important; }
          #innerContent .left .detail-list .detail-item div.clearfix {
            float: none; }
          #innerContent .left .detail-list .detail-item div h3 {
            height: 40px;
            padding-left: 15px;
            margin-bottom: 0;
            margin-top: 0;
            background: #ec1f5e;
            font-size: 13px;
            color: #FFF;
            line-height: 40px; }
          #innerContent .left .detail-list .detail-item div h4 {
            height: 40px;
            padding-left: 15px;
            margin-bottom: 0;
            margin-top: 0;
            background: #cdcec8;
            font-family: "open-sans", Helvetica, Arial, sans-serif;
            font-size: 13px;
            font-weight: 800;
            color: #3d3d3d;
            line-height: 40px;
            text-transform: none; }
          #innerContent .left .detail-list .detail-item div img {
            width: 100%;
            height: auto; }
          #innerContent .left .detail-list .detail-item div p {
            margin: 0;
            padding: 20px;
            font-family: "open-sans", Helvetica, Arial, sans-serif;
            font-size: 13px;
            color: #3d3d3d;
            line-height: 18px;
            font-weight: 400; }
            #innerContent .left .detail-list .detail-item div p strong {
              font-weight: 800; }
          #innerContent .left .detail-list .detail-item div.detail-left {
            background: #cdcec8; }
            #innerContent .left .detail-list .detail-item div.detail-left p {
              background: #cdcec8;
              margin-top: -3px; }
          #innerContent .left .detail-list .detail-item div.detail-right p {
            background: none; }
  #innerContent.mid .left {
    width: 50%; }
  #innerContent .right {
    float: right;
    background: #e8e9e1;
    width: 240px;
    min-height: 480px;
    position: relative; }
    @media only screen and (min-width: 1200px) {
      #innerContent .right {
        background: #e0e1da url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/right-pattern.png') repeat-y center top;
        width: 480px;
        min-height: 240px; } }
    @media only screen and (max-width: 960px) {
      #innerContent .right {
        background: #e0e1da; } }
    #innerContent .right .block {
      width: 240px;
      height: 240px; }
    #innerContent .right .blockCol {
      padding: 0; }
      #innerContent .right .blockCol .title {
        padding: 0; }
        #innerContent .right .blockCol .title h3 {
          background: #19A0B7; }
    #innerContent .right .blockButton a {
      display: block;
      text-align: center; }
      #innerContent .right .blockButton a span {
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 18px;
        color: #FFF;
        line-height: 22px; }
      #innerContent .right .blockButton a strong {
        display: block;
        width: 35px;
        margin: 8px auto;
        padding-left: 10px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/back-arrow.png') no-repeat left center;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #FFF;
        text-transform: none; }
    #innerContent .right .blockBack {
      position: relative;
      background: #3d3d3d; }
      #innerContent .right .blockBack a {
        display: block;
        padding-top: 50px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/back-arrow-2.png') no-repeat center top;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 18px;
        color: #FFF;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
        line-height: 22px; }
        #innerContent .right .blockBack a span {
          display: block; }
        #innerContent .right .blockBack a:hover {
          text-decoration: none; }
      #innerContent .right .blockBack:hover {
        background: #373737; }
      #innerContent .right .blockBack.blockButton a {
        padding-top: 0;
        background: none;
        text-align: center;
        font-size: 22px; }
    #innerContent .right .blockSteps {
      position: relative;
      background: #3d3d3d;
      cursor: default; }
      #innerContent .right .blockSteps p {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -23px;
        margin-top: -17px;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 25px;
        color: #aaaaaa;
        font-weight: 600; }
        #innerContent .right .blockSteps p strong {
          font-size: 60px;
          color: #FFF;
          font-weight: 900; }
    #innerContent .right .blockSocial .block {
      float: left;
      position: relative;
      width: 50% !important;
      height: 50% !important; }
      #innerContent .right .blockSocial .block a {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-indent: -999em; }
        #innerContent .right .blockSocial .block a.fb {
          background: #f8f9f4 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/fb.png') no-repeat center; }
          #innerContent .right .blockSocial .block a.fb:hover {
            background: #f4f5f1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/fb.png') no-repeat center; }
        #innerContent .right .blockSocial .block a.tw {
          background: #e8e9e1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/tw.png') no-repeat center; }
          #innerContent .right .blockSocial .block a.tw:hover {
            background: #d9dad2 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/tw.png') no-repeat center; }
        #innerContent .right .blockSocial .block a.go {
          background: #e8e9e1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/go.png') no-repeat center; }
          #innerContent .right .blockSocial .block a.go:hover {
            background: #d9dad2 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/go.png') no-repeat center; }
        #innerContent .right .blockSocial .block a.ml {
          background: #f8f9f4 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/ml.png') no-repeat center; }
          #innerContent .right .blockSocial .block a.ml:hover {
            background: #f4f5f1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/ml.png') no-repeat center; }
    #innerContent .right .blockPath {
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
      #innerContent .right .blockPath ul {
        min-height: 100%;
        margin-left: 50px;
        padding-top: 40px;
        border-left: 5px solid #ec1f5e; }
        #innerContent .right .blockPath ul li {
          height: 25px;
          padding-left: 20px;
          padding-top: 2px;
          margin-left: -9px;
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/slider-bullet.png') no-repeat left top;
          font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
          font-size: 12px;
          color: #919191;
          text-transform: uppercase;
          font-weight: 900; }
          #innerContent .right .blockPath ul li a {
            font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
            font-size: 12px;
            color: #ec1f5e;
            text-transform: uppercase;
            font-weight: 900; }
            #innerContent .right .blockPath ul li a:hover {
              text-decoration: none;
              color: #3d3d3d; }
          #innerContent .right .blockPath ul li.current {
            background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/slider-bullet-active.png') no-repeat left top;
            font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
            font-size: 12px;
            color: #3d3d3d;
            text-transform: uppercase;
            font-weight: 900; }
      #innerContent .right .blockPath.blockSteps {
        background: #f8f9f4; }
        #innerContent .right .blockPath.blockSteps .cache {
          position: absolute;
          left: 50px;
          top: 0;
          width: 5px;
          height: 50px;
          background: #3d3d3d; }
        #innerContent .right .blockPath.blockSteps ul {
          border-left: 5px solid #919191; }
          #innerContent .right .blockPath.blockSteps ul li {
            position: relative;
            height: 30px;
            padding-top: 2px;
            background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/slider-bullet.png') no-repeat left top;
            z-index: 100; }
            #innerContent .right .blockPath.blockSteps ul li.current {
              color: #ec1f5e;
              background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/slider-bullet.png') no-repeat left top; }
        #innerContent .right .blockPath.blockSteps .current a {
          color: #3d3d3d;
          font-size: 14px; }
    #innerContent .right .blockMember {
      background: #f8f9f4;
      width: 239px;
      height: 239px;
      border-right: 1px solid #e0e1da;
      border-bottom: 1px solid #e0e1da; }
      #innerContent .right .blockMember .member {
        margin-top: 35px; }
        #innerContent .right .blockMember .member p {
          margin-bottom: 7px; }
      #innerContent .right .blockMember.admin {
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/admin.png') no-repeat left top; }
        #innerContent .right .blockMember.admin:hover {
          background: #ec1f5e url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/admin.png') no-repeat left top; }
      #innerContent .right .blockMember:hover {
        background: #ec1f5e; }
        #innerContent .right .blockMember:hover .sample {
          border-color: #FFF; }
        #innerContent .right .blockMember:hover p {
          color: #FFF; }
          #innerContent .right .blockMember:hover p a {
            color: #fff !important; }
  #innerContent.meeting .left p {
    margin-bottom: 20px; }
  #innerContent.meeting .left #drag-meeting {
    position: relative;
    margin-top: 100px; }
    #innerContent.meeting .left #drag-meeting:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: -50px;
      width: 100%;
      height: 1px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x left top; }
  #innerContent.meeting .left .actions {
    padding-top: 30px; }
    #innerContent.meeting .left .actions.top-bar {
      background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x top; }
    #innerContent.meeting .left .actions li {
      padding: 0;
      margin: 0;
      background: none; }
      #innerContent.meeting .left .actions li.back {
        float: left;
        margin-top: 10px; }
        #innerContent.meeting .left .actions li.back a {
          padding-left: 10px;
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/back-arrow.png') no-repeat left center;
          font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
          font-size: 13px;
          font-weight: 900;
          text-transform: uppercase; }
      #innerContent.meeting .left .actions li.save {
        float: right;
        margin-bottom: 50px; }
        #innerContent.meeting .left .actions li.save a {
          padding-right: 35px;
          background: #ec1f5e url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/save.png') no-repeat 77% center; }
          #innerContent.meeting .left .actions li.save a:hover {
            background: #dc1d58 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/save.png') no-repeat 77% center; }
  #innerContent.meeting .left .tooltip {
    position: absolute; }
  #innerContent.meeting .left #tooltipContainer {
    position: relative;
    z-index: 10; }
  #innerContent.meeting .left #tool1 {
    right: 0;
    top: -50px; }
  #innerContent.meeting .left #tool2 {
    left: 92px;
    top: 54px; }
  #innerContent.meeting .left .item-list {
    margin-top: 45px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x left bottom; }
    #innerContent.meeting .left .item-list ul li {
      position: relative;
      float: left;
      padding-left: 0;
      max-height: 61px;
      width: 61px;
      margin: 0 35px 45px 0;
      background: none; }
      #innerContent.meeting .left .item-list ul li a {
        position: relative;
        display: block;
        width: 61px;
        height: 61px;
        border-radius: 61px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/add.png') no-repeat left top;
        text-indent: -999em;
        overflow: hidden; }
        #innerContent.meeting .left .item-list ul li a img {
          height: 100%;
          width: auto; }
        #innerContent.meeting .left .item-list ul li a .cache {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: 0;
          background: #ec1f5e url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/list-eye.png') no-repeat center;
          display: none;
          opacity: .8; }
        #innerContent.meeting .left .item-list ul li a.filled {
          background: none;
          border: 3px solid #3d3d3d;
          text-indent: 0; }
          #innerContent.meeting .left .item-list ul li a.filled:hover .cache {
            display: block; }
      #innerContent.meeting .left .item-list ul li .bullet {
        position: absolute;
        right: -5px;
        top: -3px;
        display: block;
        width: 22px;
        height: 22px;
        background: #3d3d3d;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #FFF;
        font-weight: 900;
        text-align: center;
        line-height: 22px;
        text-indent: 0; }
        #innerContent.meeting .left .item-list ul li .bullet:hover {
          text-decoration: none; }
      #innerContent.meeting .left .item-list ul li span {
        display: block;
        margin-top: 5px;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 10px;
        color: #3d3d3d;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
        line-height: 11px; }
      #innerContent.meeting .left .item-list ul li.last {
        margin-right: 0; }
      #innerContent.meeting .left .item-list ul li:hover .bullet {
        background: #3d3d3d url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/list-del.png') no-repeat center;
        text-indent: -999em; }
        #innerContent.meeting .left .item-list ul li:hover .bullet:hover {
          background: #ec1f5e url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/list-del.png') no-repeat center; }
  #innerContent.meeting .right .filters {
    margin: 20px 25px 20px 0; }
  #innerContent.meeting .right .crt-grid-container {
    height: 1100px;
    min-height: 1100px;
    min-width: 330px !important;
    
    background: #e8e9e1; }
  #innerContent.meeting .right .crt-grid .block .title {
    left: 20px;
    bottom: 20px;
    right: 20px;
    padding: 0; }
  #innerContent.meeting .right .crt-grid .block p {
    font-size: 12px !important;
    line-height: 19px !important; }
  #innerContent.meeting .right .crt-grid .block h3 {
    background: #ec1f5e;
    color: #FFFFFF; }
    #innerContent.meeting .right .crt-grid .block h3 strong {
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 16px;
      text-transform: none; }
  #innerContent.meeting .right .crt-grid .block.added a.more {
    background: #3d3d3d url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/remove.png') no-repeat center !important; }
  #innerContent.meeting .right .crt-grid .block .blockCaption {
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-left: -45px;
    margin-top: -22px;
    background: #ec1f5e;
    z-index: 1001;
    overflow: hidden;
    display: none; }
    #innerContent.meeting .right .crt-grid .block .blockCaption ul:after, #innerContent.meeting .right .crt-grid .block .blockCaption ul:before {
      content: "";
      display: block;
      clear: both; }
    #innerContent.meeting .right .crt-grid .block .blockCaption ul li {
      width: 45px;
      height: 45px;
      float: left; }
    #innerContent.meeting .right .crt-grid .block .blockCaption ul li a {
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -999em; }
      #innerContent.meeting .right .crt-grid .block .blockCaption ul li a.see {
        background: rgba(61, 61, 61, 0.8) url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/eye-small.png') no-repeat center; }
        #innerContent.meeting .right .crt-grid .block .blockCaption ul li a.see:hover {
          background: rgba(236, 31, 94, 0.8) url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/eye-small.png') no-repeat center; }
      #innerContent.meeting .right .crt-grid .block .blockCaption ul li a.more {
        background: rgba(61, 61, 61, 0.8) url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/more-small.png') no-repeat center; }
        #innerContent.meeting .right .crt-grid .block .blockCaption ul li a.more:hover {
          background: rgba(236, 31, 94, 0.8) url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/more-small.png') no-repeat center; }
  #innerContent.meeting .right .crt-grid .block:hover .blockCaption {
    display: block; }
  #innerContent.meeting .right .crt-grid .block:hover .title {
    display: block !important; }

.member {
  margin-top: 145px; }
  .member .sample {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    border-radius: 100px;
    border: 4px solid #3d3d3d;
    overflow: hidden;
    background: #fff; }
    .member .sample img {
      width: auto;
      height: 100%;
      width: 100%;
      position: relative;
      border-radius: 50%; }
  .member p {
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    text-align: center; }
    .member p strong {
      display: block;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 400 !important;
      text-transform: none; }

#crt-gallery {
  background: #e8e9e1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/pattern-gallery.jpg') repeat left top; }
  #crt-gallery .block {
    background: #e8e9e1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/pattern-gallery.jpg') repeat left top;
    cursor: pointer;
    overflow: hidden; }
    #crt-gallery .block.hidden {
      display: none; }
    #crt-gallery .block .linkGallery {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 10000; }
    #crt-gallery .block .title {
      left: 15px;
      bottom: 15px;
      padding: 0;
      z-index: 50; }
      #crt-gallery .block .title h3 {
        background: #ec1f5e;
        text-transform: none; }
        #crt-gallery .block .title h3 strong {
          font-weight: 900;
          text-transform: uppercase; }
      #crt-gallery .block .title p {
        margin-bottom: 1px;
        font-weight: 600;
        font-size: 13px;
        line-height: 15px; }
        #crt-gallery .block .title p.info {
          background: none;
          padding: 0;
          margin-top: 10px;
          margin-bottom: 0;
          line-height: 18px;
          font-size: 13px;
          font-weight: 600;
          opacity: .6;
          color: #FFF;
          display: none; }
      #crt-gallery .block .title a {
        display: block;
        float: left;
        clear: left;
        height: 35px;
        padding: 0 15px 0 32px;
        background: #3d3d3d url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/play-icn.png') no-repeat 15px center;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #FFF;
        line-height: 35px; }
    #crt-gallery .block .blockCaption {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: none;
      z-index: 999;
      line-height: 13px; }
      #crt-gallery .block .blockCaption p {
        position: absolute;
        left: 50%;
        top: 50%;
        padding-top: 50px;
        margin-bottom: 0;
        margin-left: -39px;
        margin-top: -36px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/more-info.png') no-repeat center top;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #FFF;
        font-weight: 900;
        text-transform: uppercase; }
      #crt-gallery .block .blockCaption .cache {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #ec1f5e;
        opacity: .8; }
    #crt-gallery .block img {
      position: relative;
      z-index: 1;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      background: #ccc; }
    #crt-gallery .block:hover {
       }
      #crt-gallery .block:hover .title h3 {
        background: #fff;
        color: #ec1f5e; }
      #crt-gallery .block:hover img {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    #crt-gallery .block.noCaptionHover:hover .title {
      display: block; }
  #crt-gallery.participants .block:hover .title {
    display: block;
    z-index: 1000; }
    #crt-gallery.participants .block:hover .title h3 {
      background: #FFF;
      color: #ec1f5e; }
    #crt-gallery.participants .block:hover .title .info {
      display: block; }
  #crt-gallery.speakers .block .title {
    left: 15px;
    bottom: 15px; }
    #crt-gallery.speakers .block .title h3 {
      font-size: 13px;
      line-height: 15px;
      padding: 5px; }
    #crt-gallery.speakers .block .title p {
      font-size: 10px;
      line-height: 13px;
      padding: 3px 5px;
      display: block; }
    #crt-gallery.speakers .block .title p.info {
      display: none; }

.quote {
  text-transform: none !important;
  font-size: 16px;
  line-height: 20px; }
  .quote strong {
    text-transform: none !important;
    font-size: 16px !important;
    line-height: 20px !important;
    margin: 0; }

.blockStat .quote {
  margin: 0 -25px; }
  .blockStat .quote strong {
    margin: 0; }

.noPointer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 100% !important;
  cursor: default !important; }

.load {
  display: block;
  margin-top: 40px;
  font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #c5c5c5;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center; }
  .load:hover {
    text-decoration: none; }

#timeline .tabs {
  margin-left: 90px; }
  #timeline .tabs ul li {
    float: left;
    margin-right: 1px; }
    #timeline .tabs ul li a {
      display: block;
      width: 90px;
      height: 40px;
      background: #ecede8;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: 900;
      color: #8d8d8d;
      text-transform: uppercase;
      text-align: center;
      line-height: 40px; }
      #timeline .tabs ul li a.current {
        color: #3d3d3d;
        background: #e8e9e1; }
      #timeline .tabs ul li a.more {
        width: 30px;
        background: #f8f9f4 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/more-arrow.png') no-repeat center;
        text-indent: -999em; }
        #timeline .tabs ul li a.more:hover {
          background: #e8e9e1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/more-arrow.png') no-repeat center; }
      #timeline .tabs ul li a:hover {
        background: #e8e9e1;
        text-decoration: none; }
#timeline #tl-bar-container {
  position: relative;
  width: 100%;
  height: auto;
  background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/timeline-bg.jpg') repeat-x left top;
  overflow: hidden; }
  #timeline #tl-bar-container.master {
    background: #e8e9e1; }
#timeline #tl-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
#timeline .linesContainer {
  position: relative;
  z-index: 999;
  margin-top: 40px;
  float: left;
  clear: left; }
#timeline .lineTitle {
  height: 67px;
  padding: 0 20px 0 20px;
  background: #f8f9f4;
  border-bottom: 1px solid #e0e1da;
  font-family: "open-sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 68px;
  font-weight: 900;
  text-transform: uppercase;
  z-index: 50; }
  #timeline .lineTitle.rest {
    color: #838383; }
  #timeline .lineTitle.blue {
    color: #19A0B7; }
  #timeline .lineTitle.pink {
    color: #ec1f5e; }
  #timeline .lineTitle.purp {
    color: #3d2d58; }
  #timeline .lineTitle.soci {
    color: #99b35c; }
  #timeline .lineTitle.conf {
    color: #ff6149; }
#timeline #tl-bar-container.master .linesContainer {
  margin-top: 39px; }
#timeline #tl-bar-container.master .lineTitle {
  height: 80px;
  background: #e8e9e1;
  font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 80px;
  font-weight: 900;
  text-transform: uppercase;
  color: #3d3d3d; }
  #timeline #tl-bar-container.master .lineTitle.show {
    height: 180px;
    background: #107b8e;
    color: #FFF;
    line-height: 180px; }
#timeline #tl-drag {
  position: relative;
  left: 0;
  padding-left: 240px;
  width: 5000px;
  cursor: move; }
  #timeline #tl-drag #tl-time {
    width: 100%;
    height: 44px;
    margin-top: -5px;
    margin-bottom: 1px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/timeline.png') repeat-x left bottom; }
    #timeline #tl-drag #tl-time li {
      left: 0;
      bottom: 25px;
      width: 50px;
      margin: 0 0 0 -25px;
      padding: 0 0 20px 0;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/time-cursor.png') no-repeat center bottom;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 11px;
      color: #616161;
      text-align: center;
      font-weight: 700; }
  #timeline #tl-drag ul {
    position: relative;
    height: 68px; }
    #timeline #tl-drag ul li {
      position: absolute; }
  #timeline #tl-drag .tl-lines li {
    border-left: 1px solid #f8f9f4; }
    #timeline #tl-drag .tl-lines li.eventTop {
      top: 0; }
      #timeline #tl-drag .tl-lines li.eventTop a {
        height: 21px;
        line-height: 21px; }
        #timeline #tl-drag .tl-lines li.eventTop a strong {
          display: inline; }
    #timeline #tl-drag .tl-lines li.eventMid {
      top: 22px; }
      #timeline #tl-drag .tl-lines li.eventMid a {
        height: 21px;
        line-height: 21px; }
        #timeline #tl-drag .tl-lines li.eventMid a strong {
          display: inline;
          margin: 0; }
    #timeline #tl-drag .tl-lines li.eventBot {
      top: 44px; }
      #timeline #tl-drag .tl-lines li.eventBot a {
        height: 21px;
        line-height: 21px; }
        #timeline #tl-drag .tl-lines li.eventBot a strong {
          display: inline;
          margin: 0; }
  #timeline #tl-drag .tl-lines li a {
    position: relative;
    display: block;
    height: 41px;
    padding-left: 15px;
    padding-top: 25px;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    color: #FFF;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden; }
    #timeline #tl-drag .tl-lines li a .caption {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
      height: 41px;
      padding: 25px 25px 0 15px;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      color: #FFF;
      font-size: 14px;
      font-weight: 900;
      text-transform: uppercase;
      white-space: nowrap;
      z-index: 999; }
      #timeline #tl-drag .tl-lines li a .caption strong {
        height: 16px;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 600; }
    #timeline #tl-drag .tl-lines li a strong {
      display: block;
      height: 16px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 11px;
      font-weight: 600; }
    #timeline #tl-drag .tl-lines li a:hover {
      text-decoration: none; }
      #timeline #tl-drag .tl-lines li a:hover .caption {
        display: block; }
  #timeline #tl-drag .tl-lines.rest li a {
    background: #838383; }
    #timeline #tl-drag .tl-lines.rest li a .caption {
      background: #838383; }
  #timeline #tl-drag .tl-lines.blue li a {
    background: #19A0B7; }
    #timeline #tl-drag .tl-lines.blue li a .caption {
      background: #19A0B7; }
  #timeline #tl-drag .tl-lines.pink li a {
    background: #ec1f5e; }
    #timeline #tl-drag .tl-lines.pink li a .caption {
      background: #ec1f5e; }
  #timeline #tl-drag .tl-lines.purp li a {
    background: #3d2d58; }
    #timeline #tl-drag .tl-lines.purp li a .caption {
      background: #3d2d58; }
  #timeline #tl-drag .tl-lines.soci li a {
    background: #99b35c; }
    #timeline #tl-drag .tl-lines.soci li a .caption {
      background: #99b35c; }
  #timeline #tl-drag .tl-lines.conf li a {
    background: #ff6149; }
    #timeline #tl-drag .tl-lines.conf li a .caption {
      background: #ff6149; }
#timeline #tl-bar-container.master #tl-drag .tl-lines.show {
  height: 180px;
  background: #107b8e;
  margin-bottom: 1px; }
  #timeline #tl-bar-container.master #tl-drag .tl-lines.show.first {
    margin-top: -1px; }
  #timeline #tl-bar-container.master #tl-drag .tl-lines.show li {
    border-left: 1px solid #107b8e; }
  #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a {
    height: 155px;
    background: #f8f9f4;
    border-right: 1px solid #107b8e;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #3d3d3d;
    text-transform: none;
    line-height: 20px; }
    #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a strong,
    #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a em {
      display: block;
      margin-top: 5px;
      line-height: 18px; }
    #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a strong {
      margin-bottom: 10px; }
    #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a em {
      display: block;
      font-size: 12px;
      font-weight: 600;
      max-width: 400px;
      white-space: normal; }
      #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a em strong {
        display: inline;
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 700; }
    #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a .caption {
      height: 155px;
      background: #f8f9f4;
      border-right: 1px solid #107b8e;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: 700;
      color: #3d3d3d;
      text-transform: none;
      line-height: 20px; }
      #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a .caption em {
        max-width: 400px;
        white-space: normal; }
      #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a .caption strong {
        margin-top: 5px;
        line-height: 18px; }
    #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a:hover {
      color: #128ba1; }
      #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a:hover strong,
      #timeline #tl-bar-container.master #tl-drag .tl-lines.show li a:hover em {
        color: #3d3d3d; }
#timeline #tl-bar-container.master #tl-drag .tl-lines.rest li {
  top: 1px;
  border-left: 1px solid #e8e9e1; }
#timeline #tl-bar-container.master #tl-drag .tl-lines.rest li a {
  height: 81px;
  padding-top: 0;
  line-height: 80px;
  background: #f8f9f4;
  font-family: "open-sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 81px;
  color: #3d3d3d;
  text-transform: none; }
  #timeline #tl-bar-container.master #tl-drag .tl-lines.rest li a .caption {
    height: 81px;
    padding-top: 0;
    line-height: 80px;
    background: #f8f9f4;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 81px;
    color: #3d3d3d;
    text-transform: none;
    z-index: 999; }
    #timeline #tl-bar-container.master #tl-drag .tl-lines.rest li a .caption strong {
      height: 16px;
      margin-top: -8px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 11px;
      font-weight: 600; }

.schedContainer .left {
  float: left;
  width: 600px;
  height: auto; }
  .schedContainer .left #tl-slider-container {
    position: relative;
    height: 3px;
    background: #919191; }
    .schedContainer .left #tl-slider-container #tl-slider {
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 3px;
      background: #ec1f5e; }
      .schedContainer .left #tl-slider-container #tl-slider a {
        display: block;
        position: absolute;
        left: 0;
        top: -5px;
        width: 14px;
        height: 14px;
        outline: none;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/slider-bullet.png') no-repeat left top; }
  .schedContainer .left .schedule {
    margin-top: 75px; }
    .schedContainer .left .schedule div {
      margin-bottom: 0px; }
      .schedContainer .left .schedule div p {
        float: left; }
        .schedContainer .left .schedule div p.time {
          width: 120px;
          font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
          font-size: 14px !important;
          font-weight: 400 !important;
          color: #3d3d3d; }
        .schedContainer .left .schedule div p.event {
          max-width: 300px; }
          .schedContainer .left .schedule div p.event .event-title {
            font-family: "open-sans", Helvetica, Arial, sans-serif;
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #3d3d3d;
            border: none !important;
            line-height: 20px; }
          .schedContainer .left .schedule div p.event strong {
            display: block;
            padding-left: 20px;
            margin-top: 5px;
            background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/speaker.png') no-repeat left center;
            font-size: 13px !important;
            font-weight: 600 !important;
            color: #858585; }
            .schedContainer .left .schedule div p.event strong a {
              font-weight: 700;
              font-size: 13px !important;
              color: #ec1f5e; }
              .schedContainer .left .schedule div p.event strong a:hover {
                color: #dc1d58;
                border-bottom: 1px solid #dc1d58 !important; }
.schedContainer .right {
  background: #3d3d3d !important; }
  .schedContainer .right .participant-detail {
    margin-top: 0 !important; }
    .schedContainer .right .participant-detail h2 {
      text-align: center;
      font-size: 30px;
      line-height: 32px; }
      .schedContainer .right .participant-detail h2 em {
        display: block;
        line-height: 28px;
        font-size: 24px;
        padding: 10px 0; }
  .schedContainer .right .blockDetail-container {
    background: #3d3d3d;
    overflow: auto;
    z-index: 9999; }
    .schedContainer .right .blockDetail-container p {
      color: #FFF !important; }
    .schedContainer .right .blockDetail-container .close {
      top: 20px;
      right: 20px;
      width: 21px;
      height: 19px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/close.png') no-repeat left top; }
    .schedContainer .right .blockDetail-container .banner {
      width: 100%;
      height: 220px;
      overflow: hidden; }
      .schedContainer .right .blockDetail-container .banner img {
        width: 100%;
        height: auto; }
    .schedContainer .right .blockDetail-container .blockDetail {
      padding: 35px; }
      .schedContainer .right .blockDetail-container .blockDetail h2,
      .schedContainer .right .blockDetail-container .blockDetail p {
        color: #FFF !important; }
      .schedContainer .right .blockDetail-container .blockDetail h2 {
        letter-spacing: 3px;
        line-height: 44px; }
      .schedContainer .right .blockDetail-container .blockDetail p {
        font-size: 13px;
        line-height: 22px; }
        .schedContainer .right .blockDetail-container .blockDetail p strong {
          display: block;
          margin-bottom: 5px;
          font-weight: 600;
          opacity: .6; }
    .schedContainer .right .blockDetail-container .title {
      padding: 0 !important; }

.crt-grid {
  margin-bottom: 35px; }

.block {
  position: relative;
  float: left;
  width: 240px;
  height: 240px;
  background-color: #FFF; }
  .block .pointer {
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .block .pointer a:hover {
      text-decoration: none; }
  .block.disabled {
    cursor: default; }
  .block.scrollable {
    overflow: auto; }
  .block.largeBlock {
    width: 480px;
    height: 480px; }
    .block.largeBlock .schedule {
      left: 50px; }
    .block.largeBlock .title {
      left: 50px;
      bottom: 50px; }
      .block.largeBlock .title h3 {
        font-size: 28px; }
      .block.largeBlock .title.forum h3 {
        background: #ff6149; }
      .block.largeBlock .title.master h3 {
        background: #19A0B7; }
      .block.largeBlock .title.movie h3 {
        background: #ec1f5e; }
      .block.largeBlock .title.connection h3 {
        background: #18d76e; }
      .block.largeBlock .title.or h3 {
        background: #c6d11d; }
    .block.largeBlock .cta {
      position: absolute;
      left: 50px;
      right: 50px;
      bottom: 120px;
      z-index: 1000; }
      .block.largeBlock .cta h3 {
        text-align: center;
        margin-bottom: 0; }
        .block.largeBlock .cta h3 strong {
          display: inline-block;
          height: 50px;
          padding: 0 20px;
          background: #ec1f5e;
          font-size: 32px;
          color: #FFF;
          line-height: 50px;
          font-weight: 900; }
      .block.largeBlock .cta p {
        text-align: center; }
        .block.largeBlock .cta p a {
          display: inline-block;
          height: 35px;
          padding: 0 15px 0 32px;
          background: #3d3d3d url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/play-icn.png') no-repeat 15px 11px;
          font-family: "open-sans", Helvetica, Arial, sans-serif;
          font-size: 13px;
          color: #c1c1c1;
          font-weight: 700;
          line-height: 35px; }
          .block.largeBlock .cta p a:hover {
            text-decoration: none;
            background: #303030 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/play-icn.png') no-repeat 15px 11px; }
      .block.largeBlock .cta strong {
        height: auto !important;
        padding: 7px 20px !important;
        line-height: 35px !important; }
  .block.blockGray {
    background-color: #ececec; }
  .block img {
    width: 100%;
    height: auto; }
  .block .schedule {
    position: absolute;
    left: 20px;
    top: 0;
    width: 107px;
    height: auto; }
    .block .schedule div {
      padding: 10px;
      background: #FFF; }
      .block .schedule div.clearfix {
        padding: 0;
        background: none; }
    .block .schedule ul li {
      float: left;
      padding-right: 13px;
      margin-right: 10px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/small-arrow.png') no-repeat right 22px;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 11px;
      color: #3d3d3d;
      font-weight: 900;
      text-transform: uppercase; }
      .block .schedule ul li strong {
        display: block;
        font-size: 27px; }
    .block .schedule ul li + li {
      padding: 0;
      margin: 0;
      background: none; }
    .block .schedule p {
      padding: 10px;
      margin-top: 1px;
      background: #FFF;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: #3d3d3d;
      font-weight: 500;
      text-transform: uppercase; }
  .block .title {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px; }
    .block .title h3, .block .title.relative p {
      float: left;
      clear: left;
      margin-bottom: 1px;
      padding: 10px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #FFF;
      background: #ec1f5e;
      text-transform: uppercase;
      font-weight: 900; }
    .block .title p {
      float: left;
      clear: left;
      padding: 5px 10px;
      margin: 0;
      background: #FFF;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      color: #3d3d3d; }
    .block .title.master h3 {
      background-color: #19A0B7; }
    .block .title.connect h3 {
      background-color: #18d76e; }
    .block .title.movie h3 {
      background-color: #ec1f5e; }
    .block .title.connection h3 {
      background-color: #18d76e; }
    .block .title.or h3 {
      background-color: #c6d11d; }
    .block .title.relative {
      position: relative;
      left: 0;
      top: 0; }
  .block:hover .title p {
    display: block;
    margin: 0; }

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

.blockGroup {
  position: relative;
  float: left;
  background: #3d3d3d;
  overflow: hidden;
  width: 480px;
  height: 480px; }
  .blockGroup .block {
    width: 240px;
    height: 240px;
    overflow: hidden; }
    .blockGroup .block.scrollable {
      overflow: auto; }
  .blockGroup .blockCol {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
    .blockGroup .blockCol .phyl {
      width: auto;
      height: auto;
      position: absolute;
      left: 50%;
      top: -11px; }
    .blockGroup .blockCol .block {
      float: none; }
    .blockGroup .blockCol.colRight {
      left: inherit;
      right: 0; }
      .blockGroup .blockCol.colRight .phyl {
        position: absolute;
        top: inherit;
        left: 50%;
        bottom: -11px;
        z-index: 999; }
  .blockGroup .blockNav {
    position: absolute;
    z-index: 999; }
    .blockGroup .blockNav li a {
      display: block;
      width: 66px;
      text-indent: -999em; }
      .blockGroup .blockNav li a.up {
        height: 33px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/up-arrow.png') no-repeat left top; }
        .blockGroup .blockNav li a.up:hover {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/up-arrow.png') no-repeat left bottom; }
      .blockGroup .blockNav li a.down {
        height: 32px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/down-arrow.png') no-repeat left top; }
        .blockGroup .blockNav li a.down:hover {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/down-arrow.png') no-repeat left bottom; }

.blockLogout {
  background: #f8f9f4;
  overflow: auto; }
  .blockLogout .button {
    margin: 20px auto 0;
    display: block;
    width: 90px; }

.blockButton {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ec1f5e;
  font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #FFF !important;
  text-transform: uppercase;
  font-weight: 900;
  cursor: pointer;
  	 }
  .blockButton div {
    max-width: 70%; }
    .blockButton div.pointer {
      max-width: 100%; }
  .blockButton.semi {
    height: 120px; }
    .blockButton.semi.first {
      border-bottom: 1px solid #FFF; }
    .blockButton.semi.last {
      border-top: 1px solid #FFF; }
  .blockButton.white {
    background-color: #FFF; }
    .blockButton.white a {
      color: #ec1f5e !important; }
    .blockButton.white:hover {
      background: #f8f9f4; }
  .blockButton:hover {
    background-color: #dc1d58; }
  .blockButton a {
    color: #FFF; }
    .blockButton a:hover {
      color: #FFF;
      text-decoration: none; }

.blockTxt {
  position: relative; }
  .blockTxt.master {
    background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/blue/news-corner.png') no-repeat left top; }
    .blockTxt.master.right {
      background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/blue/news-corner-right.png') no-repeat right top; }
    .blockTxt.master a {
      color: #19A0B7; }
      .blockTxt.master a:hover {
        color: #1abedc; }
  .blockTxt.movie {
    background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/news-corner.png') no-repeat left top; }
    .blockTxt.movie.right {
      background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/news-corner-right.png') no-repeat right top; }
    .blockTxt.movie a {
      color: #ec1f5e; }
      .blockTxt.movie a:hover {
        color: #dc1d58; }
  .blockTxt.forum {
    background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/orange/news-corner.png') no-repeat left top; }
    .blockTxt.forum.right {
      background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/orange/news-corner-right.png') no-repeat right top; }
    .blockTxt.forum a {
      color: #ff6149; }
      .blockTxt.forum a:hover {
        color: #e35843; }
  .blockTxt.connection {
    background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/green/news-corner.png') no-repeat left top; }
    .blockTxt.connection.right {
      background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/green/news-corner-right.png') no-repeat right top; }
    .blockTxt.connection a {
      color: #18d76e; }
      .blockTxt.connection a:hover {
        color: #19cb69; }
  .blockTxt.or {
    background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/yellow/news-corner.png') no-repeat left top; }
    .blockTxt.or.right {
      background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/yellow/news-corner-right.png') no-repeat right top; }
    .blockTxt.or a {
      color: #c6d11d; }
      .blockTxt.or a:hover {
        color: #b3bd18; }
  .blockTxt h3 {
    position: absolute;
    left: 30px;
    top: 25px;
    padding-right: 20px;
    font-size: 18px;
    text-transform: none; }
    .blockTxt h3 a {
      float: none !important;
      display: inline !important;
      padding: 0 !important;
      margin: 0 !important;
      font-family: "open-sans", Helvetica, Arial, sans-serif !important;
      font-size: 13px !important;
      color: #bababa !important;
      line-height: 24px !important;
      font-weight: 600 !important;
      text-transform: none !important; }
    .blockTxt h3 strong {
      display: block;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #bababa;
      line-height: 24px;
      font-weight: 600;
      text-transform: none; }
  .blockTxt div {
    position: absolute;
    left: 30px;
    bottom: 20px;
    padding-right: 20px;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #3d3d3d;
    font-weight: 400; }
    .blockTxt div p {
      font-size: 12px !important; }
    .blockTxt div a {
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      color: #3d3d3d;
      font-weight: 700; }

.blockDetail-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  opacity: 0;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }
  .blockDetail-container.shown {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  .blockDetail-container .close {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 16px;
    height: 14px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/close-news.png') no-repeat left top;
    text-indent: -999em;
    z-index: 1000; }

.blockDetail {
  position: relative;
  padding: 40px;
  overflow: auto; }
  .blockDetail h3 {
    font-size: 24px;
    text-transform: none; }
    .blockDetail h3 strong {
      display: block;
      margin-bottom: 40px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #bababa;
      line-height: 24px;
      font-weight: 600;
      text-transform: none; }
  .blockDetail .newsBanner {
    position: relative;
    height: 140px;
    margin-bottom: 40px;
    overflow: hidden; }
    .blockDetail .newsBanner img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
  .blockDetail p {
    margin-bottom: 30px;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #3d3d3d;
    font-weight: 400; }
    .blockDetail p.last {
      margin-bottom: 0; }
  .blockDetail.master {
    background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/orange/news-corner.png') no-repeat left top; }
  .blockDetail.movie {
    background: #FFF url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/news-corner.png') no-repeat left top; }

.blockEvent {
  margin: 50px; }
  .blockEvent h3 {
    padding-bottom: 25px;
    margin-bottom: 25px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/title-border.jpg') no-repeat left bottom;
    font-size: 30px; }
    .blockEvent h3 strong {
      display: block;
      margin-top: 10px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #616161;
      font-weight: 700;
      text-transform: none;
      line-height: 22px; }
  .blockEvent p {
    margin-bottom: 25px;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #3d3d3d;
    line-height: 22px; }
    .blockEvent p.last {
      margin-bottom: 0; }
  .blockEvent ul {
    margin-bottom: 25px; }
  .blockEvent ul li {
    padding-left: 20px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/bullet.png') no-repeat left 6px;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #3d3d3d;
    line-height: 22px;
    font-weight: 400; }
    .blockEvent ul li a {
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #ec1f5e;
      font-weight: 900;
      text-transform: uppercase;
      line-height: 20px; }
      .blockEvent ul li a:hover {
        color: #dc1d58;
        text-decoration: none; }

.blockStat {
  display: block;
  font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
  font-size: 65px;
  color: #ec1f5e;
  font-weight: 900;
  text-align: center; }
  .blockStat strong {
    display: block;
    margin-top: 10px;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #3d3d3d;
    font-weight: 900;
    text-transform: uppercase; }
  .blockStat em {
    display: block;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #616161;
    font-weight: 400;
    line-height: 20px; }

.blockAttendees {
  background: #f8f9f4; }
  .blockAttendees .centerVertical.centerHorizontal {
    text-align: left; }
  .blockAttendees .content {
    position: relative;
    margin: 0 30px 30px; }
    .blockAttendees .content h3 {
      padding: 30px 0 20px;
      margin: 0;
      font-size: 16px;
      background: rgba(248, 249, 244, 0.9);
      z-index: 10; }
      .blockAttendees .content h3 a {
        float: right;
        display: block;
        width: 27px;
        height: 25px;
        margin-top: -6px;
        background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/search-icn.png') no-repeat left top;
        text-indent: -999em; }
    .blockAttendees .content ul {
      position: relative;
      z-index: 5; }
    .blockAttendees .content ul li {
      margin-bottom: 15px;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #616161;
      line-height: 20px; }
      .blockAttendees .content ul li strong {
        color: #ec1f5e;
        font-size: 14px;
        font-weight: 700; }
    .blockAttendees .content a:hover {
      text-decoration: none; }
  .blockAttendees .centerVertical.centerHorizontal {
    position: relative !important;
    margin: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important; }

.blockHover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }
  .blockHover .blockCaption {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 35px 40px;
    background: #FFF;
    z-index: 999;
    opacity: 0;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .blockHover .blockCaption h4 {
      font-size: 20px;
      color: #4a4a4a;
      text-transform: none;
      line-height: 18px; }
    .blockHover .blockCaption p {
      padding-right: 0;
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: #5f5f5f;
      font-weight: 400;
      line-height: 13px; }
      .blockHover .blockCaption p strong {
        display: block;
        margin-top: 15px;
        margin-bottom: 3px;
        font-weight: 700; }
  .blockHover:hover .blockCaption {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }

#crt-projects .title {
  left: 0;
  top: 50%;
  bottom: 100%;
  right: 0;
  margin-top: -20px;
  text-align: center;
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }
  #crt-projects .title p {
    display: block;
    float: none;
    clear: none;
    margin: -2px 0 0 0;
    background: none;
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 900 !important;
    color: #3d3d3d;
    text-transform: uppercase; }
    #crt-projects .title p strong {
      background: #FFF;
      display: inline;
      padding: 3px 10px; }

#crt-newsletter {
  margin-top: 40px;
  padding: 25px 40px;
  background: #FFF; }
  #crt-newsletter .title {
    float: left; }
  #crt-newsletter h2 {
    margin-bottom: 5px; }
  #crt-newsletter p {
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #5f5f5f;
    font-weight: 400; }
  #crt-newsletter form {
    float: left;
    margin-left: 135px; }
    @media only screen and (max-width: 960px) {
      #crt-newsletter form {
        float: none;
        margin: 0; } }
    #crt-newsletter form input[type="text"] {
      width: 380px; }
      @media only screen and (max-width: 960px) {
        #crt-newsletter form input[type="text"] {
          min-width: 95%;
          margin: 10px 0; } }

#crt-partners-container {
  width: 100%;
  height: auto;
  min-width: 960px;
  background: #FFF;
  border-top: 1px solid #ddded8;
  text-align: center; }
  @media only screen and (max-width: 960px) {
    #crt-partners-container {
      min-width: 0; } }
  #crt-partners-container #crt-partners {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0 10px; }
    @media only screen and (max-width: 960px) {
      #crt-partners-container #crt-partners {
        width: 100%; } }
    #crt-partners-container #crt-partners img {
      margin-bottom: 40px; }
    #crt-partners-container #crt-partners h3 {
      height: auto;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/partners-border.jpg') repeat-x left center;
      font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #513737;
      font-weight: 900;
      text-transform: uppercase; }
      #crt-partners-container #crt-partners h3 strong {
        padding: 0 15px;
        background: #FFF;
        font-weight: 900; }
    #crt-partners-container #crt-partners div {
      margin-bottom: 15px; }
      #crt-partners-container #crt-partners div.last {
        margin-bottom: 0; }
      #crt-partners-container #crt-partners div.clearfix {
        margin-bottom: 0; }

#crt-partners ul {
  width: auto;
  text-align: center; }
  #crt-partners ul li {
    position: relative;
    display: inline;
    margin-right: 80px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px; }
    #crt-partners ul li a {
      display: inline-block;
      width: auto;
      height: 100px; }
    #crt-partners ul li img {
      margin-bottom: 0 !important;
      vertical-align: middle; }
    #crt-partners ul li.last {
      margin-right: 0; }


footer {
  width: 100%;
  height: auto;
  min-width: 960px; }
  @media only screen and (max-width: 960px) {
    footer {
      min-width: 720px; } }

#innerContent .left table {
  width: 100% !important; }

#footerTop-container {
  background: #3d3d3d; }
  #footerTop-container #footerTop {
    width: 960px;
    margin: 0 auto;
    padding: 50px 0 10px; }
    @media only screen and (max-width: 960px) {
      #footerTop-container #footerTop {
        width: 480px;
        padding: 30px 0; } }
    #footerTop-container #footerTop div {
      float: left;
      margin-right: 20px;
      width: 220px; }
      #footerTop-container #footerTop div.last {
        margin-right: 0; }
        #footerTop-container #footerTop div.last .button {
          margin-left: 0; }
      #footerTop-container #footerTop div h3 {
        margin-bottom: 20px;
        font-size: 16px;
        color: #FFF; }
      #footerTop-container #footerTop div ul {
        margin-bottom: 40px; }
      #footerTop-container #footerTop div ul li a {
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #aaa;
        font-weight: 600;
        line-height: 24px; }
        #footerTop-container #footerTop div ul li a:hover {
          color: #FFF;
          text-decoration: underline; }
      #footerTop-container #footerTop div .social li {
        float: left; }
      #footerTop-container #footerTop div .social li a {
        display: block;
        width: 30px;
        height: 30px;
        text-indent: -999em; }
        #footerTop-container #footerTop div .social li a.fbk {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/social/fbk.png') no-repeat -10px bottom; }
        #footerTop-container #footerTop div .social li a.twt {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/social/twt.png') no-repeat -10px bottom; }
        #footerTop-container #footerTop div .social li a.vmo {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/social/vmo.png') no-repeat -10px bottom; }
        #footerTop-container #footerTop div .social li a.msg {
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/social/msg.png') no-repeat -10px bottom; }
      #footerTop-container #footerTop div a.button {
        margin-top: 20px; }

#footerBottom-container {
  background: #303030; }
  #footerBottom-container #footerBottom {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0; }
    @media only screen and (max-width: 960px) {
      #footerBottom-container #footerBottom {
        width: auto;
        padding: 30px 20px; } }
    #footerBottom-container #footerBottom p {
      font-family: "open-sans", Helvetica, Arial, sans-serif;
      font-size: 11px;
      color: #b5b5b5;
      font-weight: 400; }
      #footerBottom-container #footerBottom p a {
        color: #b5b5b5; }
        #footerBottom-container #footerBottom p a:hover {
          color: #ec1f5e;
          text-decoration: none; }
        #footerBottom-container #footerBottom p a.dog {
          float: right;
          display: block;
          width: 24px;
          height: 25px;
          margin-top: -5px;
          background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dogstudio.png') no-repeat left top;
          text-indent: -999em; }

@-webkit-keyframes bounce {
  0% {
    background-position: center 30px; }
  50% {
    background-position: center 35px; }
  100% {
    background-position: center 30px; } }
.empty {
  background: #e8e9e1 url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/pattern-gallery.jpg') repeat left top;
  color: #8d8d8d;
  text-align: center;
  padding: 100px 20px;
  font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 900;
  text-transform: uppercase;
  display: none; }
  .empty a {
    display: block; }
  .empty.show {
    display: block; }

.participant-detail .header .background {
  position: relative;
  height: 275px;
  overflow: hidden; }
  .participant-detail .header .background img {
    width: 130%;
    position: absolute;
    margin: -320px 0 0 -15%;
    -webkit-filter: blur(5px); }

#crt-overlay.medium .innerContent {
  width: 620px;
  margin-left: -310px; }
  #crt-overlay.medium .innerContent .innerText {
    width: 620px; }

.meeting .right #crt-gallery .block .title h3 strong {
  display: block;
  font-size: 13px; }

.right .jspPane {
  width: 100% !important; }
.right .jspVerticalBar {
  z-index: 2000; }
.right.scroll-column {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
.right .participant-detail .header {
  background: #000;
  background: rgba(0, 0, 0, 0.9); }
  .right .participant-detail .header .background {
    display: block; }
.right .participant-detail .header .avatar {
   }
.right .participant-detail .header h2 {
  color: #fff !important;
   }
.right .participant-detail .participant-desc {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  padding-left: 30px;
  padding-right: 30px; }
  @media only screen and (min-width: 1200px) {
    .right .participant-detail .participant-desc {
      padding-left: 70px;
      padding-right: 70px; } }

.participant-detail {
  background: #fff !important;
  margin-top: 75px; }
  .participant-detail .header {
    position: relative; }
    .participant-detail .header .background {
      position: relative;
      height: 175px;
      overflow: hidden;
      z-index: 10;
      display: none; }
      .participant-detail .header .background img {
        width: 130%;
        position: absolute;
        margin: -420px 0 0 -15%;
        -webkit-filter: blur(10px); }
      .participant-detail .header .background .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 150px;
        background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/shadow.png') repeat-x top; }
    .participant-detail .header .avatar {
      position: absolute;
      width: 150px;
      height: 150px;
      bottom: -75px;
      left: 50%;
      overflow: hidden;
      z-index: 10;
      border: 5px solid #3d3d3d;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-transform: translate3d(-50%, 0, 0);
      -ms-transform: translate3d(-50%, 0, 0);
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0); }
      .participant-detail .header .avatar img {
        height: 150px;
        height: 150px; }
    .participant-detail .header h2 {
      position: absolute;
      bottom: -185px;
      width: 100%;
      margin: 0;
      text-align: center;
      z-index: 20;
      color: #3d3d3d !important;
      text-align: center; }
      .participant-detail .header h2 em {
        line-height: 20px;
        font-size: 13px; }
  .participant-detail .participant-desc {
    padding: 220px 70px 50px;
    margin: 0 0 50px;
    position: relative;
    font-family: "open-sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    background: #FFFFFF;
    color: #3d3d3d; }
    .participant-detail .participant-desc h2 {
      color: #FFF; }
    .participant-detail .participant-desc h3 {
      font-size: 24px;
      margin: 1.2em 0 .2em; }
    .participant-detail .participant-desc p {
      margin: 0 0 20px;
      line-height: 25px; }
  .participant-detail .blockDetail {
    background: #3d3d3d; }

strong {
  font-weight: bold; }

.field.short {
  width: 70px !important;
  margin-right: 20px;
  float: left; }
  .field.short .dk_toggle {
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/select.png') no-repeat 79% center !important; }

.field.two-third {
  float: left;
  margin-right: 22px;
  width: 33% !important; }

.fixLabel {
  position: relative;
  overflow: hidden;
  min-height: 25px; }
  .fixLabel label {
    float: left;
    line-height: 18px !important; }
  .fixLabel .prettycheckbox {
    position: absolute;
    left: 0;
    top: 4px; }
    .fixLabel .prettycheckbox a {
      margin-top: 0 !important; }

input[type="type"] {
  border: 1px solid #c1c1c1;
  outline: none; }

.checkContainer div {
  margin-bottom: 20px; }
  .checkContainer div.clearfix, .checkContainer div.field, .checkContainer div.check {
    margin-bottom: 0 !important; }
.checkContainer.financial div {
  margin-bottom: 0; }
.checkContainer.financial + input {
  margin-bottom: 10px; }

.member-projects {
  margin: 100px 30px 0; }
  .member-projects div {
    float: left;
    width: 50%; }
    .member-projects div h2 {
      font-size: 24px;
      margin-bottom: 15px;
      padding-bottom: 15px;
      background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/dot-border-3.gif') repeat-x left bottom; }
    .member-projects div h2, .member-projects div ul {
      padding-left: 20px; }
    .member-projects div ul li {
      margin-bottom: 10px;
      padding-left: 20px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/pink/bullet.png') no-repeat left center;
      text-transform: uppercase;
      letter-spacing: 1px; }

#my-project-list {
  background: #f8f9f4;
  overflow: auto !important;
  min-width: 0px !important; }
  #my-project-list .register a {
    display: block !important; }

#formSubmissionButton {
  background: #3d3d3d !important; }
  #formSubmissionButton:hover {
    background: #ec1f5e !important; }




.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 10px;
  bottom: 5px; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: rgba(255, 255, 255, 0.2);
  position: relative;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; }

.jspDrag {
  background: #ec1f5e;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 10px; }

.jspHorizontalBar .jspArrow {
  width: 10px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }


* html .jspCorner {
  margin: 0 -3px 0 0; }


@media only screen and (min-width: 1200px) {
  .projects-listing .block {
    width: 300px;
    height: 300px; } }

.touch #crt-gallery .block:hover .blockCaption {
  display: none; }


#innerContent .headings-contents {
  position: relative;
  margin: -15px 0 0 0;
  padding: 30px 70px; }
  #innerContent .headings-contents p {
    margin: 0; }

#innerContent .schedContainer .left {
  width: 610px; }
  @media only screen and (min-width: 1200px) {
    #innerContent .schedContainer .left {
      width: 720px; } }
  @media only screen and (max-width: 960px) {
    #innerContent .schedContainer .left {
      width: 480px; } }
#innerContent .schedContainer .right {
  width: 350px; }
  @media only screen and (min-width: 1200px) {
    #innerContent .schedContainer .right {
      width: 480px; } }
  @media only screen and (max-width: 960px) {
    #innerContent .schedContainer .right {
      width: 240px; } }
#innerContent .schedContainer .block {
  width: 350px;
  height: 350px; }
  @media only screen and (min-width: 1200px) {
    #innerContent .schedContainer .block {
      width: 240px;
      height: 240px; } }
  @media only screen and (max-width: 960px) {
    #innerContent .schedContainer .block {
      width: 240px;
      height: 240px; } }

.news:after, .news:before {
  content: "";
  display: block;
  clear: both; }
.news__item {
  position: relative;
  padding: 0 0 17px;
  margin: 0 0 17px;
  clear: both;
  background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/home/dot-grey.png') repeat-x left bottom; }
  .news__item:after, .news__item:before {
    content: "";
    display: block;
    clear: both; }
  .news__item--forum .news__thumb:before {
    background: #ff6149; }
  .news__item--forum .news__title a:hover {
    color: #ff6149; }
  .news__item--connection .news__thumb:before {
    background: #18d76e; }
  .news__item--connection .news__title a:hover {
    color: #18d76e; }
  .news__item--master .news__thumb:before {
    background: #19A0B7; }
  .news__item--master .news__title a:hover {
    color: #19A0B7; }
  .news__item--movie .news__thumb:before {
    background: #ec1f5e; }
  .news__item--movie .news__title a:hover {
    color: #ec1f5e; }
.news__thumb {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  background: #e8e8e8; }
  .news__thumb:before {
    content: "";
    position: absolute;
    width: 5px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #ccc; }
  .news__thumb img {
    width: 100%;
    min-height: 100%;
    display: block; }
.news__content {
  margin: 0 0 0 125px; }
.news__title {
  margin-bottom: 5px;
  font: normal 700 14px/20px "open-sans", Helvetica, Arial, sans-serif;
  color: #3d3d3d; }
  .news__title a {
    color: #3d3d3d;
    display: block; }
    .news__title a:hover {
      text-decoration: none; }
.news__date {
  margin-bottom: 10px;
  font: normal 700 12px/18px "open-sans", Helvetica, Arial, sans-serif;
  color: #A8A8A8; }

.pagination {
  position: relative; }
  .pagination:after, .pagination:before {
    content: "";
    display: block;
    clear: both; }
  .pagination__left {
    float: left;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold; }
  .pagination__right {
    float: right;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold; }
  .pagination__list {
    margin: 0;
    padding: 0;
    text-align: center; }
  .pagination__page {
    display: inline;
    list-style: none;
    margin: 0 3px;
    padding: 0 !important;
    background: none;
    font-size: 12px;
    line-height: 16px; }
    .pagination__page a {
      display: inline-block;
      font-weight: bold;
      padding: 0 3px; }

.register-company input[type=submit] {
  margin-top: 10px;
  margin-bottom: 15px; }
.register-company textarea {
  width: 100% !important;
  margin-bottom: 0 !important; }
.register-company .dk_toggle {
  background-position: 97% center !important; }
.register-company .dk_options_inner {
  margin-bottom: 0 !important; }

.svod-label {
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  background-color: #ec1f5e;
  font-weight: 400;
  font-size: 13px;
  padding: 8px 9px;
  z-index: 2; }

#crt-overlay .svod-label {
  top: 75px; }

#content.home h2 {
  margin-bottom: 40px;
  font: normal 300 34px/34px "brandon-grotesque", Helvetica, Arial, sans-serif;
  color: #3d3d3d; }
  #content.home h2 strong {
    font-weight: 700; }
#content.home #crt-newsletter {
  margin-bottom: 35px; }
  #content.home #crt-newsletter h2 {
    margin-bottom: 0; }
  #content.home #crt-newsletter p {
    margin-bottom: 0;
    font: normal 400 13px/18px "open-sans", Helvetica, Arial, sans-serif;
    color: #6A6A6A; }
  #content.home #crt-newsletter form {
    margin-left: 134px;
    margin-top: 3px; }
    @media only screen and (max-width: 960px) {
      #content.home #crt-newsletter form {
        margin-left: 0; } }
#content.home .upcoming-events {
  margin-bottom: 65px;
  margin-top: 20px; }
  #content.home .upcoming-events .hidder {
    position: relative;
    width: 960px;
    height: 315px;
    overflow: hidden; }
    @media only screen and (max-width: 960px) {
      #content.home .upcoming-events .hidder {
        width: 480px; } }
  #content.home .upcoming-events ul {
    position: absolute;
    left: 0;
    top: 0;
    -moz-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    #content.home .upcoming-events ul.no-transition {
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none;
      transition: none; }
    #content.home .upcoming-events ul:after {
      content: "";
      clear: both;
      display: table; }
  #content.home .upcoming-events li {
    float: left;
    width: 240px;
    min-height: 315px;
    cursor: pointer; }
    #content.home .upcoming-events li:hover .event-title {
      background: #FAFAFA; }
    #content.home .upcoming-events li:hover .event-text {
      -moz-transition: opacity 200ms ease-out;
      -o-transition: opacity 200ms ease-out;
      -webkit-transition: opacity 200ms ease-out;
      transition: opacity 200ms ease-out;
      opacity: 1; }
      #content.home .upcoming-events li:hover .event-text .more-icon {
        -moz-transition: all 175ms ease-out 80ms;
        -o-transition: all 175ms ease-out 80ms;
        -webkit-transition: all 175ms ease-out;
        -webkit-transition-delay: 80ms;
        transition: all 175ms ease-out 80ms; }
      #content.home .upcoming-events li:hover .event-text p {
        -moz-transition: all 175ms ease-out 160ms;
        -o-transition: all 175ms ease-out 160ms;
        -webkit-transition: all 175ms ease-out;
        -webkit-transition-delay: 160ms;
        transition: all 175ms ease-out 160ms; }
      #content.home .upcoming-events li:hover .event-text .more-icon,
      #content.home .upcoming-events li:hover .event-text p {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    #content.home .upcoming-events li.forum .event-title {
      border-color: #ff6149; }
    #content.home .upcoming-events li.forum .date {
      color: #ff6149; }
    #content.home .upcoming-events li.forum .cache {
      background: #ff6149; }
    #content.home .upcoming-events li.forum:hover .event-title h3 {
      color: #ff6149; }
    #content.home .upcoming-events li.connection .event-title {
      border-color: #18d76e; }
    #content.home .upcoming-events li.connection .date {
      color: #18d76e; }
    #content.home .upcoming-events li.connection .cache {
      background: #18d76e; }
    #content.home .upcoming-events li.connection:hover .event-title h3 {
      color: #18d76e; }
    #content.home .upcoming-events li.master .event-title {
      border-color: #19A0B7; }
    #content.home .upcoming-events li.master .date {
      color: #19A0B7; }
    #content.home .upcoming-events li.master .cache {
      background: #19A0B7; }
    #content.home .upcoming-events li.master:hover .event-title h3 {
      color: #19A0B7; }
    #content.home .upcoming-events li.movie .event-title {
      border-color: #ec1f5e; }
    #content.home .upcoming-events li.movie .date {
      color: #ec1f5e; }
    #content.home .upcoming-events li.movie .cache {
      background: #ec1f5e; }
    #content.home .upcoming-events li.movie:hover .event-title h3 {
      color: #ec1f5e; }
  #content.home .upcoming-events .event-title {
    height: 85px;
    padding: 0 20px;
    background: #FFFFFF;
    border-top: 5px solid red;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out; }
    #content.home .upcoming-events .event-title h3 {
      margin-top: 13px;
      margin-bottom: 5px;
      font: normal 900 14px/16px "brandon-grotesque", Helvetica, Arial, sans-serif;
      color: #3d3d3d;
      -moz-transition: color 200ms ease-in-out;
      -o-transition: color 200ms ease-in-out;
      -webkit-transition: color 200ms ease-in-out;
      transition: color 200ms ease-in-out; }
    #content.home .upcoming-events .event-title .date {
      margin-bottom: 0;
      font: normal 400 14px/16px "open-sans", Helvetica, Arial, sans-serif;
      color: red; }
  #content.home .upcoming-events .event-image {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden; }
    #content.home .upcoming-events .event-image img {
      display: block;
      width: 240px;
      height: 100%; }
  #content.home .upcoming-events .event-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -moz-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    -webkit-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; }
    #content.home .upcoming-events .event-text .cache {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 100%;
      height: 100%;
      background: red;
      opacity: .6;
      z-index: 1; }
    #content.home .upcoming-events .event-text .more-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      display: block;
      width: 27px;
      height: 27px;
      margin-left: -13.5px;
      margin-top: -13.5px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/home/more.png') no-repeat left top;
      z-index: 2;
      opacity: 0;
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
      -moz-transition: all 175ms ease-in;
      -o-transition: all 175ms ease-in;
      -webkit-transition: all 175ms ease-in;
      transition: all 175ms ease-in; }
    #content.home .upcoming-events .event-text p {
      position: absolute;
      left: 25px;
      right: 25px;
      bottom: 25px;
      font: normal 700 13px/20px "open-sans", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      z-index: 2;
      opacity: 0;
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
      -moz-transition: all 175ms ease-out;
      -o-transition: all 175ms ease-out;
      -webkit-transition: all 175ms ease-out;
      transition: all 175ms ease-out; }
  #content.home .upcoming-events .events-list {
    position: relative; }
    #content.home .upcoming-events .events-list .prev-event,
    #content.home .upcoming-events .events-list .next-event {
      position: absolute;
      top: 50%;
      display: block;
      width: 14px;
      height: 17px;
      margin-top: -8.5px;
      text-indent: -9999px;
      cursor: pointer; }
    #content.home .upcoming-events .events-list .prev-event {
      left: -40px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/home/arrow-pink-left.png') no-repeat left top; }
    #content.home .upcoming-events .events-list .next-event {
      right: -40px;
      background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/home/arrow-pink-right.png') no-repeat left top; }
#content.home .whats-new {
  position: relative;
  padding: 55px 0;
  margin-bottom: 60px;
  background: #FFFFFF; }
  #content.home .whats-new:after {
    content: "";
    clear: both;
    display: table; }
  #content.home .whats-new .background {
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 2560px;
    height: 100%;
    margin-left: -1280px;
    background: #FFFFFF;
    z-index: -1; }
  #content.home .whats-new .news-import {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.95);
    overflow: auto;
    opacity: 0;
    display: none;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
    #content.home .whats-new .news-import .close-news-btn {
      width: 16px;
      height: 14px;
      display: block;
      position: absolute;
      right: 30px;
      top: 55px;
      background: url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/misc/close-news.png') no-repeat transparent;
      text-indent: -9999px; }
    #content.home .whats-new .news-import .newsContent {
      padding: 80px; }
      @media only screen and (max-width: 960px) {
        #content.home .whats-new .news-import .newsContent {
          padding: 90px 24px 80px 24px; } }
      #content.home .whats-new .news-import .newsContent h3 {
        font-size: 24px;
        margin-bottom: 35px;
        font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
        color: #3d3d3d;
        font-weight: 900; }
        #content.home .whats-new .news-import .newsContent h3 strong {
          font-size: 13px;
          color: #bababa;
          font-weight: 600;
          font-family: "open-sans", Helvetica, Arial, sans-serif;
          text-transform: none;
          line-height: 24px;
          display: block; }
      #content.home .whats-new .news-import .newsContent .newsBanner {
        position: relative;
        height: 250px;
        margin-bottom: 40px;
        overflow: hidden; }
        #content.home .whats-new .news-import .newsContent .newsBanner img {
          width: 100%; }
        @media only screen and (max-width: 960px) {
          #content.home .whats-new .news-import .newsContent .newsBanner {
            height: 150px; } }
      #content.home .whats-new .news-import .newsContent p {
        margin-bottom: 30px;
        font-family: "open-sans", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #3d3d3d;
        font-weight: 400; }
      #content.home .whats-new .news-import .newsContent .p1 {
        text-transform: uppercase; }
  #content.home .whats-new.open-news .news-import {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out; }
  #content.home .whats-new.close-news .news-import {
    opacity: 0;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out; }
  #content.home .whats-new .col {
    float: left;
    width: 460px; }
    #content.home .whats-new .col.left {
      margin-right: 40px; }
    @media only screen and (max-width: 960px) {
      #content.home .whats-new .col {
        width: 480px;
        float: none;
        margin-right: 0; } }
  #content.home .whats-new li {
    padding-bottom: 17px;
    margin-bottom: 17px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/home/dot-grey.png') repeat-x left bottom;
    cursor: pointer; }
    #content.home .whats-new li:after {
      content: "";
      clear: both;
      display: table; }
    #content.home .whats-new li.forum .news-image {
      border-color: #ff6149; }
    #content.home .whats-new li.forum:hover .news-text a {
      color: #ff6149; }
    #content.home .whats-new li.connection .news-image {
      border-color: #18d76e; }
    #content.home .whats-new li.connection:hover .news-text a {
      color: #18d76e; }
    #content.home .whats-new li.master .news-image {
      border-color: #19A0B7; }
    #content.home .whats-new li.master:hover .news-text a {
      color: #19A0B7; }
    #content.home .whats-new li.movie .news-image {
      border-color: #ec1f5e; }
    #content.home .whats-new li.movie:hover .news-text a {
      color: #ec1f5e; }
  #content.home .whats-new .news-image {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    border-left: 5px solid red;
    overflow: hidden; }
    #content.home .whats-new .news-image img {
      display: block;
      width: 100%;
      height: auto; }
  #content.home .whats-new .news-text {
    margin-left: 125px; }
    #content.home .whats-new .news-text .title {
      margin-bottom: 10px;
      font: normal 700 14px/20px "open-sans", Helvetica, Arial, sans-serif;
      color: #3d3d3d;
      -moz-transition: color 200ms ease-in-out;
      -o-transition: color 200ms ease-in-out;
      -webkit-transition: color 200ms ease-in-out;
      transition: color 200ms ease-in-out; }
      #content.home .whats-new .news-text .title a {
        color: #3d3d3d;
        -moz-transition: color 200ms ease-in-out;
        -o-transition: color 200ms ease-in-out;
        -webkit-transition: color 200ms ease-in-out;
        transition: color 200ms ease-in-out; }
        #content.home .whats-new .news-text .title a:hover {
          text-decoration: none; }
    #content.home .whats-new .news-text .date {
      font: normal 700 12px/20px "open-sans", Helvetica, Arial, sans-serif;
      color: #A8A8A8; }
  #content.home .whats-new .see-all {
    margin-bottom: 0;
    font: normal 700 14px/20px "open-sans", Helvetica, Arial, sans-serif;
    color: #ec1f5e; }
    #content.home .whats-new .see-all a {
      color: #ec1f5e; }
#content.home .what-we-do {
  margin-bottom: 65px; }
  #content.home .what-we-do:after {
    content: "";
    clear: both;
    display: table; }
  #content.home .what-we-do h3 {
    margin-bottom: 0;
    font: normal 700 16px/22px "open-sans", Helvetica, Arial, sans-serif;
    color: #3d3d3d;
    text-transform: none; }
  #content.home .what-we-do h4 {
    margin-bottom: 15px;
    margin-top: 7px;
    padding-top: 10px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/home/beige-line.png') no-repeat left top;
    font: normal 700 13px/18px "open-sans", Helvetica, Arial, sans-serif;
    color: #BDBDBD;
    text-transform: none; }
  #content.home .what-we-do li, #content.home .what-we-do p {
    margin-bottom: 7px;
    font: normal 400 13px/18px "open-sans", Helvetica, Arial, sans-serif;
    color: #3d3d3d; }
  #content.home .what-we-do a {
    color: #ec1f5e;
    text-decoration: none;
    font-weight: 700; }
    #content.home .what-we-do a:hover {
      color: #3d3d3d; }
  #content.home .what-we-do .col {
    position: relative;
    float: left;
    width: 230px;
    height: 285px;
    margin-right: 30px;
    padding: 250px 35px 25px;
    background: #FFF; }
    #content.home .what-we-do .col.last {
      margin-right: 0; }
    @media only screen and (max-width: 960px) {
      #content.home .what-we-do .col {
        float: none;
        width: 410px;
        margin-right: 0;
        margin-bottom: 30px;
        padding-top: 35px;
        height: auto; }
        #content.home .what-we-do .col.last {
          margin-bottom: 0; } }
  #content.home .what-we-do .col-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 225px;
    overflow: hidden; }
    @media only screen and (max-width: 960px) {
      #content.home .what-we-do .col-image {
        position: relative;
        left: inherit;
        top: inherit;
        width: auto;
        height: auto;
        margin: -35px -35px 35px; } }
    #content.home .what-we-do .col-image img {
      display: block;
      width: 100%;
      height: auto; }
#content.home .latest-videos {
  margin-bottom: 65px; }
  #content.home .latest-videos:after {
    content: "";
    clear: both;
    display: table; }
  #content.home .latest-videos li {
    position: relative;
    float: left;
    width: 230px;
    height: 60px;
    margin-right: 30px;
    padding: 250px 35px 25px;
    background: #FFF;
    cursor: pointer; }
    #content.home .latest-videos li.last {
      margin-right: 0; }
    #content.home .latest-videos li:hover .play {
      background-position: left bottom; }
    @media only screen and (max-width: 960px) {
      #content.home .latest-videos li {
        float: none;
        width: 410px;
        margin-right: 0;
        margin-bottom: 30px;
        padding-top: 35px;
        height: auto; }
        #content.home .latest-videos li.last {
          margin-bottom: 0; } }
  #content.home .latest-videos .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 42px;
    margin: -21px 0 0 -15px;
    background: transparent url('http://www.cartoon-media.be/files/templates/cartoon/public/assets/img/home/play-2.png') no-repeat left top;
    text-indent: -100000px; }
  #content.home .latest-videos h3 {
    margin-bottom: 0;
    font: normal 700 16px/22px "open-sans", Helvetica, Arial, sans-serif;
    color: #3d3d3d;
    text-transform: none; }
  #content.home .latest-videos .video-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 225px;
    overflow: hidden; }
    @media only screen and (max-width: 960px) {
      #content.home .latest-videos .video-image {
        position: relative;
        left: inherit;
        top: inherit;
        width: auto;
        height: auto;
        margin: -35px -35px 25px; } }
    #content.home .latest-videos .video-image img {
      display: block;
      width: 100%;
      height: auto; }