Difference between revisions of "Team:HFUT-China"

Line 1: Line 1:
 
<html>
 
<html>
 +
 
<head>
 
<head>
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Line 6: Line 7:
 
   <!-- <link href="./css/style.css" rel="stylesheet" /> -->
 
   <!-- <link href="./css/style.css" rel="stylesheet" /> -->
 
   <style>
 
   <style>
 +
    #globalWrapper, #HQ_page, #bodyContent {
 +
      height: 100%;
 +
      width: 100%;
 +
    }
 +
 +
    body {
 +
      height: 100%;
 +
      background: white;
 +
    }
 +
 +
    {
 +
      height: 100%;
 +
      width: 100%;
 +
    }
 +
 +
    .mw-content-ltr ul {
 +
      margin: 0;
 +
    }
 +
 +
    #content {
 +
      background-color: rgb(234, 234, 236);
 +
    }
 +
 +
    #top_menu_14:hover {
 +
      color: yellow;
 +
    }
 +
 +
    #content {
 +
      width: 100%;
 +
      margin: 16px auto 0 auto;
 +
      padding: 0;
 +
      height: 100%;
 +
    }
 +
 +
    html,
 +
    body {
 +
      width: 100%;
 +
      margin: 0;
 +
      padding: 0;
 +
      height: 100%
 +
    }
 +
 +
    #globalWrapper,
 +
    div,
 +
    p {
 +
      margin: 0;
 +
      padding: 0;
 +
    }
 +
 +
    #sideMenu {
 +
      display: none;
 +
    }
 +
 +
    #top_menu_under,
 +
    #top,
 +
    #top_title {
 +
      display: none;
 +
    }
  
−
            body{
 
−
                  height:100%;
 
−
                  // background:white;
 
−
            }
 
−
            .mw-content-ltr ul{margin:0;}
 
−
            #content{background-color: rgb(234,234,236);}
 
−
            #top_menu_14:hover{color:yellow;}
 
−
            #content{width:100%;margin:16px auto 0 auto;padding:0;height:100%;}
 
−
            #globalWrapper{width:100%;}
 
−
            html,body{width:100%;margin:0;padding:0;height:100%}
 
−
            #globalWrapper,div,p{margin:0;padding:0;}
 
−
            #sideMenu{display:none;}
 
−
            #top_menu_under,#top,#top_title{display:none;}
 
−
 
 
 
     #content.mw-body {
 
     #content.mw-body {
 
       padding: 0;
 
       padding: 0;
Line 27: Line 72:
 
       background: url(https://static.igem.org/mediawiki/2017/9/97/Bc.jpg) 0 0 no-repeat transparent;
 
       background: url(https://static.igem.org/mediawiki/2017/9/97/Bc.jpg) 0 0 no-repeat transparent;
 
       background-position: center 0;
 
       background-position: center 0;
−
       background-size: contain;
+
       background-size: cover;
 +
      float: left;
 
     }
 
     }
  
Line 35: Line 81:
 
       bottom: 0px;
 
       bottom: 0px;
 
       right: 0px;
 
       right: 0px;
 +
    }
 +
 +
    @media only screen and (max-width:598px) {
 +
      .popup .content .inner {
 +
        width: 240px
 +
      }
 +
    }
 +
 +
    .font-extra-extra-large {
 +
      font-size: 40px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .font-extra-extra-large {
 +
        font-size: 42px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      .font-extra-extra-large {
 +
        font-size: 48px
 +
      }
 +
    }
 +
 +
    .font-extra-large {
 +
      font-size: 34px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .font-extra-large {
 +
        font-size: 36px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      .font-extra-large {
 +
        font-size: 38px
 +
      }
 +
    }
 +
 +
    .font-large {
 +
      font-size: 28px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .font-large {
 +
        font-size: 30px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      .font-large {
 +
        font-size: 32px
 +
      }
 +
    }
 +
 +
    .font-medium {
 +
      font-size: 18px;
 +
      line-height: 150%
 +
    }
 +
 +
    .font-default {
 +
      font-size: 14px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .font-default {
 +
        font-size: 16px
 +
      }
 +
    }
 +
 +
    .font-small {
 +
      font-size: 12px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .font-small {
 +
        font-size: 14px
 +
      }
 +
    }
 +
 +
    .font-extra-small {
 +
      font-size: 10px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .font-extra-small {
 +
        font-size: 14px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      .font-extra-small {
 +
        font-size: 12px
 +
      }
 +
    }
 +
 +
    @font-face {
 +
      font-family: 'GothamBook';
 +
      src: url(/sites/all/themes/mess/fonts/gotham-book-webfont.eot);
 +
      src: url(/sites/all/themes/mess/fonts/gotham-book-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/mess/fonts/gotham-book-webfont.woff) format('woff'), url(/sites/all/themes/mess/fonts/gotham-book-webfont.ttf) format('truetype'), url(/sites/all/themes/mess/fonts/gotham-book-webfont.svg#GothamBook) format('svg');
 +
      font-weight: normal;
 +
      font-style: normal
 +
    }
 +
 +
    @font-face {
 +
      font-family: 'GothamLightRegular';
 +
      src: url(/sites/all/themes/mess/fonts/gotham-light-webfont.eot);
 +
      src: url(/sites/all/themes/mess/fonts/gotham-light-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/mess/fonts/gotham-light-webfont.woff) format('woff'), url(/sites/all/themes/mess/fonts/gotham-light-webfont.ttf) format('truetype'), url(/sites/all/themes/mess/fonts/gotham-light-webfont.svg#GothamLightRegular) format('svg');
 +
      font-weight: normal;
 +
      font-style: normal
 +
    }
 +
 +
    @font-face {
 +
      font-family: 'icon';
 +
      src: url(/sites/all/themes/mess/fonts/icomoon.eot?c856t3);
 +
      src: url(/sites/all/themes/mess/fonts/icomoon.eot?c856t3#iefix) format('embedded-opentype'), url(/sites/all/themes/mess/fonts/icomoon.ttf?c856t3) format('truetype'), url(/sites/all/themes/mess/fonts/icomoon.woff?c856t3) format('woff'), url(/sites/all/themes/mess/fonts/icomoon.svg?c856t3#icomoon) format('svg');
 +
      font-weight: normal;
 +
      font-style: normal
 +
    }
 +
 +
    [class^="icon-"],
 +
    [class*=" icon-"] {
 +
      font-family: 'icon' !important;
 +
      speak: none;
 +
      font-style: normal;
 +
      font-weight: normal;
 +
      font-variant: normal;
 +
      text-transform: none;
 +
      line-height: 1;
 +
      -webkit-font-smoothing: antialiased;
 +
      -moz-osx-font-smoothing: grayscale
 +
    }
 +
 +
    .icon-uniE600:before {
 +
      content: "\e600"
 +
    }
 +
 +
    .icon-uniE601:before {
 +
      content: "\e601"
 +
    }
 +
 +
    .icon-uniE602:before {
 +
      content: "\e602"
 +
    }
 +
 +
    .icon-uniE603:before {
 +
      content: "\e603"
 +
    }
 +
 +
    .icon-uniE604:before {
 +
      content: "\e604"
 +
    }
 +
 +
    .icon-uniE605:before {
 +
      content: "\e605"
 +
    }
 +
 +
    .icon-uniE606:before {
 +
      content: "\e606"
 +
    }
 +
 +
    .icon-uniE607:before {
 +
      content: "\e607"
 +
    }
 +
 +
    .icon-uniE608:before {
 +
      content: "\e608"
 +
    }
 +
 +
    .icon-share:before {
 +
      content: "\e609"
 +
    }
 +
 +
    .icon-uniE60A:before {
 +
      content: "\e60a"
 +
    }
 +
 +
    .icon-comment:before {
 +
      content: "\e60b"
 +
    }
 +
 +
    .icon-uniE610:before {
 +
      content: "\e610"
 +
    }
 +
 +
    .icon-uniE97E:before {
 +
      content: "\e97e"
 +
    }
 +
 +
    .icon-uniEA0F:before {
 +
      content: "\ea0f"
 +
    }
 +
 +
    .icon-uniEA10:before {
 +
      content: "\ea10"
 +
    }
 +
 +
    .icon-uniEA13:before {
 +
      content: "\ea13"
 +
    }
 +
 +
    .icon-uniEA14:before {
 +
      content: "\ea14"
 +
    }
 +
 +
    .icon-uniEA52:before {
 +
      content: "\ea52"
 +
    }
 +
 +
    .icon-uniEA53:before {
 +
      content: "\ea53"
 +
    }
 +
 +
    .icon-uniEA54:before {
 +
      content: "\ea54"
 +
    }
 +
 +
    .icon-uniEA56:before {
 +
      content: "\ea56"
 +
    }
 +
 +
    .icon-uniEA88:before {
 +
      content: "\ea88"
 +
    }
 +
 +
    .icon-uniEA8C:before {
 +
      content: "\ea8c"
 +
    }
 +
 +
    .icon-uniEA91:before {
 +
      content: "\ea91"
 +
    }
 +
 +
    .icon-uniEA99:before {
 +
      content: "\ea99"
 +
    }
 +
 +
    .icon-uniEA9B:before {
 +
      content: "\ea9b"
 +
    }
 +
 +
    .icon-uniEA9C:before {
 +
      content: "\ea9c"
 +
    }
 +
 +
    .icon-uniEAAD:before {
 +
      content: "\eaad"
 +
    }
 +
 +
    .icon-pinterest-2:before {
 +
      content: "\e900"
 +
    }
 +
 +
    .icon-sketchfab:before {
 +
      content: "\e901"
 +
    }
 +
 +
    .icon-uniEABF:before {
 +
      content: "\eabf"
 +
    }
 +
 +
    .icon-uniEAC2:before {
 +
      content: "\eac2"
 +
    }
 +
 +
    .icon-linux:before {
 +
      content: "\e902"
 +
    }
 +
 +
    .icon-uniEAC9:before {
 +
      content: "\eac9"
 +
    }
 +
 +
    * {
 +
      -webkit-box-sizing: border-box;
 +
      -moz-box-sizing: border-box;
 +
      box-sizing: border-box;
 +
      margin: 0;
 +
      padding: 0;
 +
      -webkit-font-smoothing: antialiased;
 +
      -moz-font-smoothing: antialiased;
 +
      -o-font-smoothing: antialiased;
 +
      font-smoothing: antialiased
 +
    }
 +
 +
    a,
 +
    input,
 +
    button,
 +
    *,
 +
    a:focus,
 +
    input:focus,
 +
    button:focus,
 +
    *:focus,
 +
    a:active,
 +
    input:active,
 +
    button:active,
 +
    *:active,
 +
    a:link,
 +
    input:link,
 +
    button:link,
 +
    *:link,
 +
    a:visited,
 +
    input:visited,
 +
    button:visited,
 +
    *:visited,
 +
    a:hover,
 +
    input:hover,
 +
    button:hover,
 +
    *:hover {
 +
      outline: 0
 +
    }
 +
 +
    html {
 +
      font-size: 100%
 +
    }
 +
 +
    html,
 +
    body {
 +
      min-height: 100%
 +
    }
 +
 +
    body {
 +
      position: relative;
 +
      font-family: arial, sans-serif
 +
    }
 +
 +
    a {
 +
      text-decoration: none
 +
    }
 +
 +
    table {
 +
      width: 100%
 +
    }
 +
 +
    th,
 +
    td {
 +
      padding: 14px;
 +
      vertical-align: middle
 +
    }
 +
 +
    tr.odd,
 +
    tr.even {
 +
      background-color: transparent;
 +
      border-bottom: 1px solid #e5e5e5;
 +
      -webkit-transition: all .2s ease-in-out 0s;
 +
      -moz-transition: all .2s ease-in-out 0s;
 +
      -o-transition: all .2s ease-in-out 0s;
 +
      -ms-transition: all .2s ease-in-out 0s;
 +
      transition: all .2s ease-in-out 0s
 +
    }
 +
 +
    thead {
 +
      background-color: #f0f0f0;
 +
      border-bottom: 1px solid #e5e5e5
 +
    }
 +
 +
    td,
 +
    th {
 +
      border-bottom: 0
 +
    }
 +
 +
    td,
 +
    th,
 +
    td a,
 +
    th a {
 +
      color: #626262
 +
    }
 +
 +
    ul.primary {
 +
      position: fixed;
 +
      z-index: 20;
 +
      top: 150px;
 +
      left: 0;
 +
      border-bottom: 0;
 +
      padding: 0;
 +
      margin: 0;
 +
      filter: alpha(opacity=60);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .6;
 +
      -khtml-opacity: .6;
 +
      opacity: .6;
 +
      -webkit-transition: opacity .3s ease-in-out 0s;
 +
      -moz-transition: opacity .3s ease-in-out 0s;
 +
      -o-transition: opacity .3s ease-in-out 0s;
 +
      -ms-transition: opacity .3s ease-in-out 0s;
 +
      transition: opacity .3s ease-in-out 0s
 +
    }
 +
 +
    ul.primary:hover,
 +
    ul.primary:active {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    ul.primary li {
 +
      display: block
 +
    }
 +
 +
    ul.primary li a {
 +
      display: block;
 +
      background-color: black;
 +
      color: white;
 +
      border-width: 0;
 +
      border: 0;
 +
      padding: 10px;
 +
      font-size: 10px;
 +
      height: auto;
 +
      margin-right: 0;
 +
      text-decoration: none;
 +
      -webkit-transition: background .3s ease-in-out 0s;
 +
      -moz-transition: background .3s ease-in-out 0s;
 +
      -o-transition: background .3s ease-in-out 0s;
 +
      -ms-transition: background .3s ease-in-out 0s;
 +
      transition: background .3s ease-in-out 0s
 +
    }
 +
 +
    ul.primary li a:hover {
 +
      background: grey
 +
    }
 +
 +
    ul.primary li.active a {
 +
      background-color: white;
 +
      color: black;
 +
      border-width: 0;
 +
      border: 0
 +
    }
 +
 +
    body.menu-opened {
 +
      overflow: hidden
 +
    }
 +
 +
    #page-wrapper {
 +
      height: 100%
 +
    }
 +
 +
    #page {
 +
      height: 100%;
 +
      max-width: 100%;
 +
      min-width: 100%;
 +
      right: 0;
 +
      padding-top: 48px;
 +
      -webkit-backface-visibilty: hidden;
 +
      position: relative;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    .header-transparent #page {
 +
      padding-top: 0
 +
    }
 +
 +
    .menu-opened #page {
 +
      -webkit-transform: translate(-272px, 0);
 +
      -moz-transform: translate(-272px, 0);
 +
      -ms-transform: translate(-272px, 0);
 +
      transform: translate(-272px, 0)
 +
    }
 +
 +
    #main {
 +
      height: 100%;
 +
      position: relative;
 +
      z-index: 1
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      #page {
 +
        padding-top: 80px
 +
      }
 +
      .header-transparent #page {
 +
        padding-top: 0
 +
      }
 +
    }
 +
 +
    .background-color-1 {
 +
      background-color: #000
 +
    }
 +
 +
    .background-color-2 {
 +
      background-color: #fbfbfb
 +
    }
 +
 +
    .background-color-3 {
 +
      background-color: #229f7d
 +
    }
 +
 +
    .background-color-4 {
 +
      background-color: #00bcf2
 +
    }
 +
 +
    .background-color-5 {
 +
      background-color: #b91f2f
 +
    }
 +
 +
    .background-color-6 {
 +
      background-color: #191919
 +
    }
 +
 +
    .background-color-7 {
 +
      background-color: #767676
 +
    }
 +
 +
    .background-color-8 {
 +
      background-color: #3460a1
 +
    }
 +
 +
    .background-color-9 {
 +
      background-color: #28aae1
 +
    }
 +
 +
    .background-color-10 {
 +
      background-color: #136d9d
 +
    }
 +
 +
    .background-color-11 {
 +
      background-color: #de5543
 +
    }
 +
 +
    .background-color-12 {
 +
      background-color: #ee3138
 +
    }
 +
 +
    .background-color-13 {
 +
      background-color: #16bbed
 +
    }
 +
 +
    .background-color-14 {
 +
      background-color: #65469c
 +
    }
 +
 +
    .background-color-15 {
 +
      background-color: #f5f5f5
 +
    }
 +
 +
    .background-color-16 {
 +
      background-color: #fff
 +
    }
 +
 +
    .background-color-17 {
 +
      background-color: #fff
 +
    }
 +
 +
    .background-color-18 {
 +
      background-color: #fff
 +
    }
 +
 +
    .background-color-19 {
 +
      background-color: #fff
 +
    }
 +
 +
    .background-color-20 {
 +
      background-color: #fff
 +
    }
 +
 +
    .color-1,
 +
    .color-1 a {
 +
      color: #000
 +
    }
 +
 +
    .color-2,
 +
    .color-2 a {
 +
      color: #fbfbfb
 +
    }
 +
 +
    .color-3,
 +
    .color-3 a {
 +
      color: #229f7d
 +
    }
 +
 +
    .color-4,
 +
    .color-4 a {
 +
      color: #00bcf2
 +
    }
 +
 +
    .color-5,
 +
    .color-5 a {
 +
      color: #b91f2f
 +
    }
 +
 +
    .color-6,
 +
    .color-6 a {
 +
      color: #191919
 +
    }
 +
 +
    .color-7,
 +
    .color-7 a {
 +
      color: #767676
 +
    }
 +
 +
    .color-8,
 +
    .color-8 a {
 +
      color: #3460a1
 +
    }
 +
 +
    .color-9,
 +
    .color-9 a {
 +
      color: #28aae1
 +
    }
 +
 +
    .color-10,
 +
    .color-10 a {
 +
      color: #136d9d
 +
    }
 +
 +
    .color-11,
 +
    .color-11 a {
 +
      color: #de5543
 +
    }
 +
 +
    .color-12,
 +
    .color-12 a {
 +
      color: #ee3138
 +
    }
 +
 +
    .color-13,
 +
    .color-13 a {
 +
      color: #16bbed
 +
    }
 +
 +
    .color-14,
 +
    .color-14 a {
 +
      color: #65469c
 +
    }
 +
 +
    .color-15,
 +
    .color-15 a {
 +
      color: #f5f5f5
 +
    }
 +
 +
    .color-16,
 +
    .color-16 a {
 +
      color: #fff
 +
    }
 +
 +
    .color-17,
 +
    .color-17 a {
 +
      color: #fff
 +
    }
 +
 +
    .color-18,
 +
    .color-18 a {
 +
      color: #fff
 +
    }
 +
 +
    .color-19,
 +
    .color-19 a {
 +
      color: #fff
 +
    }
 +
 +
    .color-20,
 +
    .color-20 a {
 +
      color: #fff
 +
    }
 +
 +
    .color-21,
 +
    .color-21 a {
 +
      color: #f5a90c
 +
    }
 +
 +
    .color-22,
 +
    .color-22 a {
 +
      color: #9b38a3
 +
    }
 +
 +
    .color-23,
 +
    .color-23 a {
 +
      color: #333
 +
    }
 +
 +
    .buy {
 +
      color: #00bcf2
 +
    }
 +
 +
    .buy.color-1 {
 +
      color: #000
 +
    }
 +
 +
    .buy.color-1 input.form-submit {
 +
      background: #000
 +
    }
 +
 +
    .buy.color-2 {
 +
      color: #fbfbfb
 +
    }
 +
 +
    .buy.color-2 input.form-submit {
 +
      background: #fbfbfb
 +
    }
 +
 +
    .buy.color-3 {
 +
      color: #229f7d
 +
    }
 +
 +
    .buy.color-3 input.form-submit {
 +
      background: #229f7d
 +
    }
 +
 +
    .buy.color-4 {
 +
      color: #00bcf2
 +
    }
 +
 +
    .buy.color-4 input.form-submit {
 +
      background: #00bcf2
 +
    }
 +
 +
    .buy.color-5 {
 +
      color: #b91f2f
 +
    }
 +
 +
    .buy.color-5 input.form-submit {
 +
      background: #b91f2f
 +
    }
 +
 +
    .buy.color-6 {
 +
      color: #191919
 +
    }
 +
 +
    .buy.color-6 input.form-submit {
 +
      background: #191919
 +
    }
 +
 +
    .buy.color-7 {
 +
      color: #767676
 +
    }
 +
 +
    .buy.color-7 input.form-submit {
 +
      background: #767676
 +
    }
 +
 +
    .buy.color-8 {
 +
      color: #3460a1
 +
    }
 +
 +
    .buy.color-8 input.form-submit {
 +
      background: #3460a1
 +
    }
 +
 +
    .buy.color-9 {
 +
      color: #28aae1
 +
    }
 +
 +
    .buy.color-9 input.form-submit {
 +
      background: #28aae1
 +
    }
 +
 +
    .buy.color-10 {
 +
      color: #136d9d
 +
    }
 +
 +
    .buy.color-10 input.form-submit {
 +
      background: #136d9d
 +
    }
 +
 +
    .buy.color-11 {
 +
      color: #de5543
 +
    }
 +
 +
    .buy.color-11 input.form-submit {
 +
      background: #de5543
 +
    }
 +
 +
    .buy.color-12 {
 +
      color: #ee3138
 +
    }
 +
 +
    .buy.color-12 input.form-submit {
 +
      background: #ee3138
 +
    }
 +
 +
    .buy.color-13 {
 +
      color: #16bbed
 +
    }
 +
 +
    .buy.color-13 input.form-submit {
 +
      background: #16bbed
 +
    }
 +
 +
    .buy.color-14 {
 +
      color: #65469c
 +
    }
 +
 +
    .buy.color-14 input.form-submit {
 +
      background: #65469c
 +
    }
 +
 +
    .buy.color-15 {
 +
      color: #f5f5f5
 +
    }
 +
 +
    .buy.color-15 input.form-submit {
 +
      background: #f5f5f5
 +
    }
 +
 +
    .buy.color-16 {
 +
      color: #fff
 +
    }
 +
 +
    .buy.color-16 input.form-submit {
 +
      background: #fff
 +
    }
 +
 +
    .buy.color-17 {
 +
      color: #fff
 +
    }
 +
 +
    .buy.color-17 input.form-submit {
 +
      background: #fff
 +
    }
 +
 +
    .buy.color-18 {
 +
      color: #fff
 +
    }
 +
 +
    .buy.color-18 input.form-submit {
 +
      background: #fff
 +
    }
 +
 +
    .buy.color-19 {
 +
      color: #fff
 +
    }
 +
 +
    .buy.color-19 input.form-submit {
 +
      background: #fff
 +
    }
 +
 +
    .buy.color-20 {
 +
      color: #fff
 +
    }
 +
 +
    .buy.color-20 a {
 +
      background: #fff;
 +
      color: #00bcf2
 +
    }
 +
 +
    .buy input.form-submit {
 +
      margin: 0;
 +
      font-family: 'GothamBook'
 +
    }
 +
 +
    .buy .licence {
 +
      font-family: 'GothamBook';
 +
      text-transform: uppercase;
 +
      font-weight: 800;
 +
      font-size: .9375em
 +
    }
 +
 +
    .buy .licence.non_commercial {
 +
      font-size: .875em
 +
    }
 +
 +
    .brick.background-fixed>.media span.image span,
 +
    .layer.background-fixed>.media span.image span {
 +
      background-attachment: fixed;
 +
      background-size: cover
 +
    }
 +
 +
    .brick.background-fixed>.media span.image.mobile span,
 +
    .layer.background-fixed>.media span.image.mobile span {
 +
      background-attachment: scroll;
 +
      background-size: cover
 +
    }
 +
 +
    .cover-link {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute
 +
    }
 +
 +
    .cover-link .field-items,
 +
    .cover-link .field-item,
 +
    .cover-link a {
 +
      height: 100%;
 +
      width: 100%;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    .link.hide-text a {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      display: block;
 +
      text-indent: -10000px;
 +
      zoom: 1
 +
    }
 +
 +
    h1,
 +
    h2 {
 +
      font-family: 'GothamLightRegular';
 +
      text-transform: uppercase
 +
    }
 +
 +
    h3,
 +
    h4 {
 +
      font-family: 'GothamLightRegular'
 +
    }
 +
 +
    .views-exposed-form label {
 +
      font-weight: normal;
 +
      font-family: 'GothamBook'
 +
    }
 +
 +
    .download-mac,
 +
    .download-linux,
 +
    .download-windows {
 +
      color: #00bcf2
 +
    }
 +
 +
    .download-mac a,
 +
    .download-linux a,
 +
    .download-windows a {
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    .download-mac.color-1,
 +
    .download-linux.color-1,
 +
    .download-windows.color-1 {
 +
      color: #000
 +
    }
 +
 +
    .download-mac.color-1 a,
 +
    .download-linux.color-1 a,
 +
    .download-windows.color-1 a {
 +
      background: #000
 +
    }
 +
 +
    .download-mac.color-2,
 +
    .download-linux.color-2,
 +
    .download-windows.color-2 {
 +
      color: #fbfbfb
 +
    }
 +
 +
    .download-mac.color-2 a,
 +
    .download-linux.color-2 a,
 +
    .download-windows.color-2 a {
 +
      background: #fbfbfb
 +
    }
 +
 +
    .download-mac.color-3,
 +
    .download-linux.color-3,
 +
    .download-windows.color-3 {
 +
      color: #229f7d
 +
    }
 +
 +
    .download-mac.color-3 a,
 +
    .download-linux.color-3 a,
 +
    .download-windows.color-3 a {
 +
      background: #229f7d
 +
    }
 +
 +
    .download-mac.color-4,
 +
    .download-linux.color-4,
 +
    .download-windows.color-4 {
 +
      color: #00bcf2
 +
    }
 +
 +
    .download-mac.color-4 a,
 +
    .download-linux.color-4 a,
 +
    .download-windows.color-4 a {
 +
      background: #00bcf2
 +
    }
 +
 +
    .download-mac.color-5,
 +
    .download-linux.color-5,
 +
    .download-windows.color-5 {
 +
      color: #b91f2f
 +
    }
 +
 +
    .download-mac.color-5 a,
 +
    .download-linux.color-5 a,
 +
    .download-windows.color-5 a {
 +
      background: #b91f2f
 +
    }
 +
 +
    .download-mac.color-6,
 +
    .download-linux.color-6,
 +
    .download-windows.color-6 {
 +
      color: #191919
 +
    }
 +
 +
    .download-mac.color-6 a,
 +
    .download-linux.color-6 a,
 +
    .download-windows.color-6 a {
 +
      background: #191919
 +
    }
 +
 +
    .download-mac.color-7,
 +
    .download-linux.color-7,
 +
    .download-windows.color-7 {
 +
      color: #767676
 +
    }
 +
 +
    .download-mac.color-7 a,
 +
    .download-linux.color-7 a,
 +
    .download-windows.color-7 a {
 +
      background: #767676
 +
    }
 +
 +
    .download-mac.color-8,
 +
    .download-linux.color-8,
 +
    .download-windows.color-8 {
 +
      color: #3460a1
 +
    }
 +
 +
    .download-mac.color-8 a,
 +
    .download-linux.color-8 a,
 +
    .download-windows.color-8 a {
 +
      background: #3460a1
 +
    }
 +
 +
    .download-mac.color-9,
 +
    .download-linux.color-9,
 +
    .download-windows.color-9 {
 +
      color: #28aae1
 +
    }
 +
 +
    .download-mac.color-9 a,
 +
    .download-linux.color-9 a,
 +
    .download-windows.color-9 a {
 +
      background: #28aae1
 +
    }
 +
 +
    .download-mac.color-10,
 +
    .download-linux.color-10,
 +
    .download-windows.color-10 {
 +
      color: #136d9d
 +
    }
 +
 +
    .download-mac.color-10 a,
 +
    .download-linux.color-10 a,
 +
    .download-windows.color-10 a {
 +
      background: #136d9d
 +
    }
 +
 +
    .download-mac.color-11,
 +
    .download-linux.color-11,
 +
    .download-windows.color-11 {
 +
      color: #de5543
 +
    }
 +
 +
    .download-mac.color-11 a,
 +
    .download-linux.color-11 a,
 +
    .download-windows.color-11 a {
 +
      background: #de5543
 +
    }
 +
 +
    .download-mac.color-12,
 +
    .download-linux.color-12,
 +
    .download-windows.color-12 {
 +
      color: #ee3138
 +
    }
 +
 +
    .download-mac.color-12 a,
 +
    .download-linux.color-12 a,
 +
    .download-windows.color-12 a {
 +
      background: #ee3138
 +
    }
 +
 +
    .download-mac.color-13,
 +
    .download-linux.color-13,
 +
    .download-windows.color-13 {
 +
      color: #16bbed
 +
    }
 +
 +
    .download-mac.color-13 a,
 +
    .download-linux.color-13 a,
 +
    .download-windows.color-13 a {
 +
      background: #16bbed
 +
    }
 +
 +
    .download-mac.color-14,
 +
    .download-linux.color-14,
 +
    .download-windows.color-14 {
 +
      color: #65469c
 +
    }
 +
 +
    .download-mac.color-14 a,
 +
    .download-linux.color-14 a,
 +
    .download-windows.color-14 a {
 +
      background: #65469c
 +
    }
 +
 +
    .download-mac.color-15,
 +
    .download-linux.color-15,
 +
    .download-windows.color-15 {
 +
      color: #f5f5f5
 +
    }
 +
 +
    .download-mac.color-15 a,
 +
    .download-linux.color-15 a,
 +
    .download-windows.color-15 a {
 +
      background: #f5f5f5
 +
    }
 +
 +
    .download-mac.color-16,
 +
    .download-linux.color-16,
 +
    .download-windows.color-16 {
 +
      color: #fff
 +
    }
 +
 +
    .download-mac.color-16 a,
 +
    .download-linux.color-16 a,
 +
    .download-windows.color-16 a {
 +
      background: #fff
 +
    }
 +
 +
    .download-mac.color-17,
 +
    .download-linux.color-17,
 +
    .download-windows.color-17 {
 +
      color: #fff
 +
    }
 +
 +
    .download-mac.color-17 a,
 +
    .download-linux.color-17 a,
 +
    .download-windows.color-17 a {
 +
      background: #fff
 +
    }
 +
 +
    .download-mac.color-18,
 +
    .download-linux.color-18,
 +
    .download-windows.color-18 {
 +
      color: #fff
 +
    }
 +
 +
    .download-mac.color-18 a,
 +
    .download-linux.color-18 a,
 +
    .download-windows.color-18 a {
 +
      background: #fff
 +
    }
 +
 +
    .download-mac.color-19,
 +
    .download-linux.color-19,
 +
    .download-windows.color-19 {
 +
      color: #fff
 +
    }
 +
 +
    .download-mac.color-19 a,
 +
    .download-linux.color-19 a,
 +
    .download-windows.color-19 a {
 +
      background: #fff
 +
    }
 +
 +
    .download-mac.color-20,
 +
    .download-linux.color-20,
 +
    .download-windows.color-20 {
 +
      color: #fff
 +
    }
 +
 +
    .download-mac.color-20 a,
 +
    .download-linux.color-20 a,
 +
    .download-windows.color-20 a {
 +
      background: #fff;
 +
      color: #00bcf2
 +
    }
 +
 +
    table td a,
 +
    table th a {
 +
      color: #00bcf2
 +
    }
 +
 +
    .buy input.form-submit {
 +
      width: 89px;
 +
      height: 39px;
 +
      padding: 10px 0
 +
    }
 +
 +
    .buy input.form-submit,
 +
    .download-linux a,
 +
    .download-windows a,
 +
    .download-mac a {
 +
      display: inline-block;
 +
      text-align: center;
 +
      text-transform: uppercase;
 +
      color: white;
 +
      font-family: 'GothamBook'
 +
    }
 +
 +
    .buy input.form-submit:active,
 +
    .download-linux a:active,
 +
    .download-windows a:active,
 +
    .download-mac a:active,
 +
    .buy input.form-submit:hover,
 +
    .download-linux a:hover,
 +
    .download-windows a:hover,
 +
    .download-mac a:hover {
 +
      background: #efefef;
 +
      color: #191919
 +
    }
 +
 +
    .live-unvailable {
 +
      width: 89px;
 +
      height: 39px;
 +
      padding: 10px 0;
 +
      display: inline-block;
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    .logged-in .live-unvailable {
 +
      background: #efefef;
 +
      color: #191919
 +
    }
 +
 +
    .live-unvailable:hover,
 +
    .live-unvailable:active {
 +
      background: black;
 +
      color: white
 +
    }
 +
 +
    a.download-other-link {
 +
      padding: 10px 15px 10px 32px;
 +
      position: relative;
 +
      margin: 10px;
 +
      color: white;
 +
      background: #00bcf2;
 +
      display: inline-block
 +
    }
 +
 +
    a.download-other-link:hover {
 +
      background: #efefef
 +
    }
 +
 +
    a.download-other-link:after {
 +
      font-family: 'icon';
 +
      content: "\e607";
 +
      display: block;
 +
      width: 32px;
 +
      height: 32px;
 +
      position: absolute;
 +
      left: 0;
 +
      top: 50%;
 +
      margin-top: -16px;
 +
      line-height: 150%;
 +
      font-size: 20px
 +
    }
 +
 +
    .download-linux a,
 +
    .download-windows a,
 +
    .download-mac a {
 +
      padding: 10px 15px 10px 32px;
 +
      position: relative;
 +
      font-size: .625em;
 +
      display: inline-block
 +
    }
 +
 +
    .download-linux a:after,
 +
    .download-windows a:after,
 +
    .download-mac a:after {
 +
      font-family: 'icon';
 +
      color: white;
 +
      display: block;
 +
      width: 32px;
 +
      height: 32px;
 +
      position: absolute;
 +
      left: 0;
 +
      top: 50%;
 +
      margin-top: -16px;
 +
      line-height: 150%;
 +
      font-size: 20px
 +
    }
 +
 +
    .download-linux a:after {
 +
      content: "\e902"
 +
    }
 +
 +
    .download-windows a:after {
 +
      content: "\eac2"
 +
    }
 +
 +
    .download-mac a:after {
 +
      content: "\eabf"
 +
    }
 +
 +
    .viewport {
 +
      max-width: 1240px;
 +
      margin: auto;
 +
      zoom: 1;
 +
      position: relative;
 +
      min-height: 100%
 +
    }
 +
 +
    .viewport:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .overflow {
 +
      overflow: hidden
 +
    }
 +
 +
    a {
 +
      color: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    a:hover {
 +
      color: #191919
 +
    }
 +
 +
    ul.menu {
 +
      padding: 0;
 +
      margin: 0
 +
    }
 +
 +
    ul.menu li {
 +
      list-style: none;
 +
      padding: 0;
 +
      margin: 0
 +
    }
 +
 +
    h2,
 +
    h3,
 +
    h4,
 +
    p {
 +
      font-weight: normal
 +
    }
 +
 +
    a.form-submit,
 +
    input.form-submit {
 +
      background: #00bcf2;
 +
      text-transform: uppercase;
 +
      color: white;
 +
      padding: 10px;
 +
      margin: 5px;
 +
      border: 0;
 +
      font-family: 'GothamBook';
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    a.form-submit:hover,
 +
    input.form-submit:hover {
 +
      background: #eee;
 +
      color: #191919
 +
    }
 +
 +
    a.form-submit.delete-line-item,
 +
    input.form-submit.delete-line-item {
 +
      text-transform: none;
 +
      text-indent: -9999px;
 +
      background: url(/sites/all/themes/mess/images/delete.png) no-repeat center #dadada;
 +
      height: 24px;
 +
      width: 24px;
 +
      background-size: 100%;
 +
      padding: 0;
 +
      border: 0;
 +
      -webkit-border-radius: 48px;
 +
      -moz-border-radius: 48px;
 +
      border-radius: 48px;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      -webkit-transition: background .3s ease-in-out 0s;
 +
      -moz-transition: background .3s ease-in-out 0s;
 +
      -o-transition: background .3s ease-in-out 0s;
 +
      -ms-transition: background .3s ease-in-out 0s;
 +
      transition: background .3s ease-in-out 0s
 +
    }
 +
 +
    a.form-submit.delete-line-item:hover,
 +
    input.form-submit.delete-line-item:hover {
 +
      background: url(/sites/all/themes/mess/images/delete.png) no-repeat center #b91f2f;
 +
      background-size: 100%
 +
    }
 +
 +
    a.form-submit.checkout-back,
 +
    input.form-submit.checkout-back,
 +
    a.form-submit.checkout-cancel,
 +
    input.form-submit.checkout-cancel {
 +
      background: #efefef;
 +
      font-family: 'GothamBook';
 +
      color: grey
 +
    }
 +
 +
    a.form-submit.checkout-back:hover,
 +
    input.form-submit.checkout-back:hover,
 +
    a.form-submit.checkout-cancel:hover,
 +
    input.form-submit.checkout-cancel:hover {
 +
      background: white;
 +
      color: #b91f2f
 +
    }
 +
 +
    fieldset.checkout-buttons {
 +
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);
 +
      -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0);
 +
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0)
 +
    }
 +
 +
    fieldset.checkout-buttons .fieldset-wrapper,
 +
    .form-actions {
 +
      text-align: center;
 +
      padding: 10px;
 +
      padding-right: 0;
 +
      margin-top: 2em
 +
    }
 +
 +
    .form-actions {
 +
      margin-top: 2em
 +
    }
 +
 +
    .form-select {
 +
      border: 1px solid #dadada;
 +
      background: white
 +
    }
 +
 +
    .form-select a {
 +
      display: block;
 +
      padding: 6px 10px 4px
 +
    }
 +
 +
    .form-select a.select-toggle {
 +
      padding: 0
 +
    }
 +
 +
    .form-select a.item-selected {
 +
      border-top: 0;
 +
      position: relative;
 +
      padding-right: 36px
 +
    }
 +
 +
    .form-select a.item-selected:before {
 +
      content: "\e601";
 +
      font-family: 'icon';
 +
      display: block;
 +
      position: absolute;
 +
      width: 31px;
 +
      height: 31px;
 +
      color: #dadada;
 +
      top: 0;
 +
      right: 0;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      -webkit-transform: rotate(90deg);
 +
      -moz-transform: rotate(90deg);
 +
      -ms-transform: rotate(90deg);
 +
      transform: rotate(90deg);
 +
      text-align: center;
 +
      line-height: 230%
 +
    }
 +
 +
    .form-select ul {
 +
      position: absolute !important;
 +
      top: 100% !important;
 +
      right: -1px;
 +
      left: -1px;
 +
      border: 1px solid #dadada;
 +
      border-top: 0;
 +
      border-bottom: 0;
 +
      z-index: 1;
 +
      background: white;
 +
      max-height: 150px;
 +
      overflow-y: auto !important
 +
    }
 +
 +
    .form-select ul:after {
 +
      position: absolute;
 +
      content: '';
 +
      display: block;
 +
      height: 1px;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      background: #dadada;
 +
      z-index: 1
 +
    }
 +
 +
    .form-select ul li a {
 +
      border-top: 1px solid #dadada;
 +
      color: grey
 +
    }
 +
 +
    .form-select ul li a:hover {
 +
      background: black;
 +
      color: white
 +
    }
 +
 +
    .form-select ul li a:active {
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    .item-list {
 +
      position: relative;
 +
      height: 60px;
 +
      margin-top: 40px
 +
    }
 +
 +
    .item-list ul.pager {
 +
      padding: 0;
 +
      margin: 0;
 +
      height: 60px
 +
    }
 +
 +
    .item-list ul.pager li {
 +
      padding: 0;
 +
      margin: 0;
 +
      display: none
 +
    }
 +
 +
    .item-list ul.pager li a:active {
 +
      background: #00bcf2 !important;
 +
      color: white
 +
    }
 +
 +
    .item-list ul.pager li span {
 +
      color: grey
 +
    }
 +
 +
    .item-list ul.pager li.pager-first,
 +
    .item-list ul.pager li.pager-previous,
 +
    .item-list ul.pager li.pager-next,
 +
    .item-list ul.pager li.pager-last {
 +
      display: block;
 +
      position: absolute;
 +
      width: 25%;
 +
      top: 0;
 +
      bottom: 0;
 +
      text-align: center;
 +
      padding: 0
 +
    }
 +
 +
    .item-list ul.pager li.pager-first span,
 +
    .item-list ul.pager li.pager-previous span,
 +
    .item-list ul.pager li.pager-next span,
 +
    .item-list ul.pager li.pager-last span,
 +
    .item-list ul.pager li.pager-first a,
 +
    .item-list ul.pager li.pager-previous a,
 +
    .item-list ul.pager li.pager-next a,
 +
    .item-list ul.pager li.pager-last a {
 +
      display: block;
 +
      padding: 21px 0;
 +
      height: 58px;
 +
      border: 1px solid #fbfbfb;
 +
      border-top: 0;
 +
      border-bottom: 0;
 +
      background: #efefef;
 +
      text-indent: -9999px
 +
    }
 +
 +
    .item-list ul.pager li.pager-first span:before,
 +
    .item-list ul.pager li.pager-previous span:before,
 +
    .item-list ul.pager li.pager-next span:before,
 +
    .item-list ul.pager li.pager-last span:before,
 +
    .item-list ul.pager li.pager-first a:before,
 +
    .item-list ul.pager li.pager-previous a:before,
 +
    .item-list ul.pager li.pager-next a:before,
 +
    .item-list ul.pager li.pager-last a:before {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      font-size: 18px;
 +
      line-height: 330%;
 +
      height: 58px;
 +
      width: 58px;
 +
      margin: auto;
 +
      text-indent: 0
 +
    }
 +
 +
    .item-list ul.pager li.pager-first {
 +
      left: 0
 +
    }
 +
 +
    .item-list ul.pager li.pager-first span:before,
 +
    .item-list ul.pager li.pager-first a:before {
 +
      content: '<<'
 +
    }
 +
 +
    .item-list ul.pager li.pager-previous {
 +
      left: 25%
 +
    }
 +
 +
    .item-list ul.pager li.pager-previous span:before,
 +
    .item-list ul.pager li.pager-previous a:before {
 +
      content: '<'
 +
    }
 +
 +
    .item-list ul.pager li.pager-next {
 +
      right: 25%
 +
    }
 +
 +
    .item-list ul.pager li.pager-next span:before,
 +
    .item-list ul.pager li.pager-next a:before {
 +
      content: '>'
 +
    }
 +
 +
    .item-list ul.pager li.pager-last {
 +
      right: 0
 +
    }
 +
 +
    .item-list ul.pager li.pager-last span:before,
 +
    .item-list ul.pager li.pager-last a:before {
 +
      content: '>>'
 +
    }
 +
 +
    textarea,
 +
    input.form-text {
 +
      background: white;
 +
      border: 1px solid #dadada
 +
    }
 +
 +
    .views-field-edit-quantity input.form-text {
 +
      text-align: center
 +
    }
 +
 +
    .ajax-progress {
 +
      display: none !important
 +
    }
 +
 +
    fieldset {
 +
      margin: auto;
 +
      padding: 0;
 +
      border: 0;
 +
      background: white;
 +
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 +
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 +
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15)
 +
    }
 +
 +
    fieldset legend {
 +
      display: block;
 +
      padding: 10px;
 +
      background: #191919;
 +
      font-family: 'GothamBook';
 +
      text-transform: uppercase;
 +
      color: white;
 +
      width: 100%
 +
    }
 +
 +
    fieldset .fieldset-wrapper {
 +
      padding: 10px
 +
    }
 +
 +
    .form-item {
 +
      width: 100%;
 +
      padding: 10px;
 +
      max-width: 640px;
 +
      margin: auto
 +
    }
 +
 +
    .form-item .description {
 +
      margin-top: 12px
 +
    }
 +
 +
    .form-item label {
 +
      clear: both;
 +
      margin: 0 0 15px;
 +
      display: block
 +
    }
 +
 +
    .form-item select {
 +
      width: 100%
 +
    }
 +
 +
    .form-item input.form-text {
 +
      width: 100%;
 +
      padding: 5px
 +
    }
 +
 +
    .messages {
 +
      max-width: 800px;
 +
      margin: 20px auto 0 !important
 +
    }
 +
 +
    form#user-register-form,
 +
    form#user-profile-form {
 +
      padding: 20px 20px 0;
 +
      max-width: 680px;
 +
      margin: auto
 +
    }
 +
 +
    form#user-register-form h1,
 +
    form#user-profile-form h1 {
 +
      background: black;
 +
      color: white;
 +
      padding: 10px;
 +
      font-size: 16px
 +
    }
 +
 +
    form#user-register-form div.password-confirm,
 +
    form#user-profile-form div.password-confirm,
 +
    form#user-register-form .password-strength,
 +
    form#user-profile-form .password-strength {
 +
      display: none
 +
    }
 +
 +
    .back-to-login {
 +
      margin-bottom: 50px
 +
    }
 +
 +
    .back-to-login h1 {
 +
      margin-bottom: 30px
 +
    }
 +
 +
    .back-to-login a {
 +
      background: #00bcf2;
 +
      text-transform: uppercase;
 +
      float: right;
 +
      color: white;
 +
      padding: 10px;
 +
      margin: 5px 15px;
 +
      border: 0;
 +
      font-family: 'MyriadProBold_1';
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    @media(min-width:480px) {
 +
      fieldset.checkout-buttons .fieldset-wrapper,
 +
      .form-actions {
 +
        text-align: right
 +
      }
 +
    }
 +
 +
    @media(min-width:640px) {
 +
      input.form-submit {
 +
        padding: 10px 15px
 +
      }
 +
      fieldset legend {
 +
        padding: 15px
 +
      }
 +
      fieldset .fieldset-wrapper {
 +
        padding: 15px
 +
      }
 +
      .item-list {
 +
        position: relative;
 +
        height: 60px
 +
      }
 +
      .item-list ul.pager {
 +
        padding: 0;
 +
        margin: 0;
 +
        height: 60px;
 +
        padding: 0 120px
 +
      }
 +
      .item-list ul.pager li {
 +
        padding: 0;
 +
        margin: 0;
 +
        display: block
 +
      }
 +
      .item-list ul.pager li a:hover {
 +
        background: #00bcf2 !important;
 +
        color: white !important
 +
      }
 +
      .item-list ul.pager li.pager-ellipsis,
 +
      .item-list ul.pager li.pager-current,
 +
      .item-list ul.pager li.pager-item,
 +
      .item-list ul.pager li.pager-first,
 +
      .item-list ul.pager li.pager-previous,
 +
      .item-list ul.pager li.pager-next,
 +
      .item-list ul.pager li.pager-last {
 +
        width: 60px
 +
      }
 +
      .item-list ul.pager li.pager-ellipsis span,
 +
      .item-list ul.pager li.pager-current span,
 +
      .item-list ul.pager li.pager-item span,
 +
      .item-list ul.pager li.pager-first span,
 +
      .item-list ul.pager li.pager-previous span,
 +
      .item-list ul.pager li.pager-next span,
 +
      .item-list ul.pager li.pager-last span,
 +
      .item-list ul.pager li.pager-ellipsis a,
 +
      .item-list ul.pager li.pager-current a,
 +
      .item-list ul.pager li.pager-item a,
 +
      .item-list ul.pager li.pager-first a,
 +
      .item-list ul.pager li.pager-previous a,
 +
      .item-list ul.pager li.pager-next a,
 +
      .item-list ul.pager li.pager-last a {
 +
        display: block;
 +
        padding: 21px 0;
 +
        height: 58px;
 +
        border: 1px solid #fbfbfb;
 +
        border-top: 0;
 +
        border-bottom: 0;
 +
        background: #efefef
 +
      }
 +
      .item-list ul.pager li.pager-ellipsis a,
 +
      .item-list ul.pager li.pager-current a,
 +
      .item-list ul.pager li.pager-item a,
 +
      .item-list ul.pager li.pager-first a,
 +
      .item-list ul.pager li.pager-previous a,
 +
      .item-list ul.pager li.pager-next a,
 +
      .item-list ul.pager li.pager-last a {
 +
        color: #00bcf2
 +
      }
 +
      .item-list ul.pager li.pager-ellipsis span,
 +
      .item-list ul.pager li.pager-current span,
 +
      .item-list ul.pager li.pager-item span,
 +
      .item-list ul.pager li.pager-first span,
 +
      .item-list ul.pager li.pager-previous span,
 +
      .item-list ul.pager li.pager-next span,
 +
      .item-list ul.pager li.pager-last span {
 +
        color: grey
 +
      }
 +
      .item-list ul.pager li.pager-ellipsis,
 +
      .item-list ul.pager li.pager-current,
 +
      .item-list ul.pager li.pager-item {
 +
        display: inline-block;
 +
        vertical-align: top;
 +
        width: 10%;
 +
        min-width: 30px;
 +
        max-width: 60px;
 +
        margin: 0 -3px
 +
      }
 +
      .item-list ul.pager li.pager-current span {
 +
        background: black;
 +
        color: white
 +
      }
 +
      .item-list ul.pager li.pager-first {
 +
        left: 0
 +
      }
 +
      .item-list ul.pager li.pager-previous {
 +
        left: 59px
 +
      }
 +
      .item-list ul.pager li.pager-next {
 +
        right: 59px
 +
      }
 +
      .item-list ul.pager li.pager-last {
 +
        right: 0
 +
      }
 +
    }
 +
 +
    @media(min-width:720px) {
 +
      fieldset.commerce_payment .form-item {
 +
        width: 50%;
 +
        float: left
 +
      }
 +
    }
 +
 +
    .swiper {
 +
      position: relative;
 +
      overflow: hidden
 +
    }
 +
 +
    .swiper>.brick {
 +
      width: 1000% !important;
 +
      height: 100% !important
 +
    }
 +
 +
    .swiper>.brick>.brick {
 +
      width: 10% !important;
 +
      height: 100% !important;
 +
      float: left
 +
    }
 +
 +
    .swiper-nav {
 +
      position: absolute;
 +
      bottom: 5px;
 +
      left: 50%;
 +
      -webkit-transform: translate(-50%, 0);
 +
      -moz-transform: translate(-50%, 0);
 +
      -ms-transform: translate(-50%, 0);
 +
      transform: translate(-50%, 0);
 +
      text-align: center
 +
    }
 +
 +
    .swiper-nav .swiper-pagination-switch {
 +
      height: 14px;
 +
      width: 14px;
 +
      -webkit-border-radius: 100%;
 +
      -moz-border-radius: 100%;
 +
      border-radius: 100%;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      border: 1px solid #fff;
 +
      background: transparent;
 +
      -webkit-transition: background .3s ease-in-out 0s;
 +
      -moz-transition: background .3s ease-in-out 0s;
 +
      -o-transition: background .3s ease-in-out 0s;
 +
      -ms-transition: background .3s ease-in-out 0s;
 +
      transition: background .3s ease-in-out 0s;
 +
      display: inline-block;
 +
      margin: 0 3px;
 +
      cursor: pointer
 +
    }
 +
 +
    .swiper-nav .swiper-pagination-switch.swiper-active-switch {
 +
      background: #fff
 +
    }
 +
 +
    .prev,
 +
    .next {
 +
      position: absolute;
 +
      width: 36px;
 +
      height: 48px;
 +
      top: 50%;
 +
      margin-top: -24px;
 +
      cursor: pointer;
 +
      text-align: center;
 +
      z-index: 20;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    .swiper-wrapper .prev,
 +
    .swiper-wrapper .next,
 +
    .slide-container .prev,
 +
    .slide-container .next {
 +
      margin-left: 10px;
 +
      margin-right: 10px
 +
    }
 +
 +
    .prev:after,
 +
    .next:after {
 +
      content: '';
 +
      display: block;
 +
      width: 34px;
 +
      height: 34px;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      margin: auto;
 +
      -webkit-border-radius: 64px;
 +
      -moz-border-radius: 64px;
 +
      border-radius: 64px;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      border: 1px solid white;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    .prev:before,
 +
    .next:before {
 +
      font-family: 'icon';
 +
      display: block;
 +
      width: 34px;
 +
      height: 34px;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      margin: auto;
 +
      line-height: 200%;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    .prev.opacity-50,
 +
    .next.opacity-50 {
 +
      filter: alpha(opacity=50);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .5;
 +
      -khtml-opacity: .5;
 +
      opacity: .5
 +
    }
 +
 +
    .prev.opacity-60,
 +
    .next.opacity-60 {
 +
      filter: alpha(opacity=60);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .6;
 +
      -khtml-opacity: .6;
 +
      opacity: .6
 +
    }
 +
 +
    .prev.opacity-70,
 +
    .next.opacity-70 {
 +
      filter: alpha(opacity=70);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .7;
 +
      -khtml-opacity: .7;
 +
      opacity: .7
 +
    }
 +
 +
    .prev.opacity-80,
 +
    .next.opacity-80 {
 +
      filter: alpha(opacity=80);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .8;
 +
      -khtml-opacity: .8;
 +
      opacity: .8
 +
    }
 +
 +
    .prev.black-hover:hover,
 +
    .next.black-hover:hover {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .prev.black-hover:hover:after,
 +
    .next.black-hover:hover:after {
 +
      border: 1px solid black
 +
    }
 +
 +
    .prev.black-hover:hover:before,
 +
    .next.black-hover:hover:before {
 +
      color: black
 +
    }
 +
 +
    .prev.white-hover:hover,
 +
    .next.white-hover:hover {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .prev.white-hover:hover:after,
 +
    .next.white-hover:hover:after {
 +
      border: 1px solid white
 +
    }
 +
 +
    .prev.white-hover:hover:before,
 +
    .next.white-hover:hover:before {
 +
      color: white
 +
    }
 +
 +
    .prev.grey-hover:hover,
 +
    .next.grey-hover:hover {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .prev.grey-hover:hover:after,
 +
    .next.grey-hover:hover:after {
 +
      border: 1px solid #767676
 +
    }
 +
 +
    .prev.grey-hover:hover:before,
 +
    .next.grey-hover:hover:before {
 +
      color: #767676
 +
    }
 +
 +
    .prev.red-hover:hover,
 +
    .next.red-hover:hover {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .prev.red-hover:hover:after,
 +
    .next.red-hover:hover:after {
 +
      border: 1px solid #b91f2f
 +
    }
 +
 +
    .prev.red-hover:hover:before,
 +
    .next.red-hover:hover:before {
 +
      color: #b91f2f
 +
    }
 +
 +
    .prev.green-hover:hover,
 +
    .next.green-hover:hover {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .prev.green-hover:hover:after,
 +
    .next.green-hover:hover:after {
 +
      border: 1px solid #229f7d
 +
    }
 +
 +
    .prev.green-hover:hover:before,
 +
    .next.green-hover:hover:before {
 +
      color: #229f7d
 +
    }
 +
 +
    .prev.blue-hover:hover,
 +
    .next.blue-hover:hover {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .prev.blue-hover:hover:after,
 +
    .next.blue-hover:hover:after {
 +
      border: 1px solid #00bcf2
 +
    }
 +
 +
    .prev.blue-hover:hover:before,
 +
    .next.blue-hover:hover:before {
 +
      color: #00bcf2
 +
    }
 +
 +
    .prev.black:after,
 +
    .next.black:after {
 +
      border: 1px solid black
 +
    }
 +
 +
    .prev.black:before,
 +
    .next.black:before {
 +
      color: black
 +
    }
 +
 +
    .prev.white:after,
 +
    .next.white:after {
 +
      border: 1px solid white
 +
    }
 +
 +
    .prev.white:before,
 +
    .next.white:before {
 +
      color: white
 +
    }
 +
 +
    .prev.grey:after,
 +
    .next.grey:after {
 +
      border: 1px solid #767676
 +
    }
 +
 +
    .prev.grey:before,
 +
    .next.grey:before {
 +
      color: #767676
 +
    }
 +
 +
    .prev.red:after,
 +
    .next.red:after {
 +
      border: 1px solid #b91f2f
 +
    }
 +
 +
    .prev.red:before,
 +
    .next.red:before {
 +
      color: #b91f2f
 +
    }
 +
 +
    .prev.green:after,
 +
    .next.green:after {
 +
      border: 1px solid #229f7d
 +
    }
 +
 +
    .prev.green:before,
 +
    .next.green:before {
 +
      color: #229f7d
 +
    }
 +
 +
    .prev.blue:after,
 +
    .next.blue:after {
 +
      border: 1px solid #00bcf2
 +
    }
 +
 +
    .prev.blue:before,
 +
    .next.blue:before {
 +
      color: #00bcf2
 +
    }
 +
 +
    .next {
 +
      right: 10px
 +
    }
 +
 +
    .next:before {
 +
      content: "\e601";
 +
      right: -3px
 +
    }
 +
 +
    .prev {
 +
      left: 10px
 +
    }
 +
 +
    .prev:before {
 +
      content: "\e600"
 +
    }
 +
 +
    @-webkit-keyframes rotating {
 +
      from {
 +
        -webkit-transform: rotate(0deg)
 +
      }
 +
      to {
 +
        -webkit-transform: rotate(360deg)
 +
      }
 +
    }
 +
 +
    @-moz-keyframes rotating {
 +
      from {
 +
        -moz-transform: rotate(0deg)
 +
      }
 +
      to {
 +
        -moz-transform: rotate(360deg)
 +
      }
 +
    }
 +
 +
    @-o-keyframes rotating {
 +
      from {
 +
        -o-transform: rotate(0deg)
 +
      }
 +
      to {
 +
        -o-transform: rotate(360deg)
 +
      }
 +
    }
 +
 +
    @keyframes rotating {
 +
      from {
 +
        transform: rotate(0deg)
 +
      }
 +
      to {
 +
        transform: rotate(360deg)
 +
      }
 +
    }
 +
 +
    .rotating {
 +
      -webkit-animation: rotating 2s linear infinite;
 +
      -ms-animation: rotating 2s linear infinite;
 +
      animation: rotating 2s linear infinite
 +
    }
 +
 +
    .rotating-1 {
 +
      -webkit-animation: rotating .75s linear infinite;
 +
      -ms-animation: rotating .75s linear infinite;
 +
      animation: rotating .75s linear infinite
 +
    }
 +
 +
    .date {
 +
      float: right;
 +
      background: #00bcf2;
 +
      padding: 2px;
 +
      color: white
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation {
 +
      padding-bottom: 136px;
 +
      margin-left: auto;
 +
      margin-top: auto;
 +
      -webkit-transform: translate(-50%, -50%);
 +
      -moz-transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%);
 +
      transform: translate(-50%, -50%);
 +
      -webkit-border-radius: 0;
 +
      -moz-border-radius: 0;
 +
      border-radius: 0;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      border-color: #767676
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation .added-product-title {
 +
      width: 100%;
 +
      color: #00bcf2 !important;
 +
      padding: 16px 30px 16px 20px !important
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation .commerce-add-to-cart-confirmation-close {
 +
      right: 5px;
 +
      top: 5px
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation .message-inner div.added-product-title {
 +
      width: 100%;
 +
      min-width: 260px
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {
 +
      padding: 20px;
 +
      width: 100%;
 +
      height: auto;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      background: white;
 +
      border-top: 1px solid #e4eef3
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button {
 +
      -webkit-border-radius: 0;
 +
      -moz-border-radius: 0;
 +
      border-radius: 0;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      text-transform: uppercase
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout {
 +
      background: #00bcf2
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue {
 +
      background: #191919;
 +
      margin-bottom: 0
 +
    }
 +
 +
    div.messages.commerce-add-to-cart-confirmation .subscription-warning {
 +
      clear: both;
 +
      padding: 10px
 +
    }
 +
 +
    .user-info .email-address .payload {
 +
      color: #00bcf2
 +
    }
 +
 +
    .user-info .email-address .legend {
 +
      margin-top: 10px;
 +
      font-size: 12px;
 +
      color: #666
 +
    }
 +
 +
    .user-info .bottom {
 +
      margin: 80px 0 !important
 +
    }
 +
 +
    .user-info .bottom .edit-section-legend {
 +
      display: none
 +
    }
 +
 +
    .user-info .bottom a {
 +
      text-transform: uppercase;
 +
      padding: 10px 15px;
 +
      background: #00bcf2;
 +
      color: #fff
 +
    }
 +
 +
    .user-info .bottom .edit-section-legend2 {
 +
      margin-top: 30px;
 +
      margin-bottom: 50px;
 +
      font-size: 12px;
 +
      color: #666
 +
    }
 +
 +
    .current-newsletter-subscription .newsletter {
 +
      margin: 10px 0;
 +
      color: #00bcf2
 +
    }
 +
 +
    .current-newsletter-subscription .cancel {
 +
      font-size: 12px;
 +
      color: #666
 +
    }
 +
 +
    .current-newsletter-subscription .newsletter-unsubscribe {
 +
      background: #00bcf2;
 +
      text-transform: uppercase;
 +
      color: white;
 +
      padding: 5px;
 +
      margin: 5px;
 +
      border: 0;
 +
      font-family: 'GothamBook';
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      font-size: 12px
 +
    }
 +
 +
    .current-newsletter-subscription .newsletter-unsubscribe:hover {
 +
      background: #eee;
 +
      color: #191919
 +
    }
 +
 +
    .view-commerce-user-orders .view-header {
 +
      display: none
 +
    }
 +
 +
    .view-commerce-user-orders.view-id-commerce_user_orders a {
 +
      padding: 6px 10px 5px;
 +
      background: #00bcf2;
 +
      color: #fff;
 +
      display: inline-block;
 +
      line-height: 100%
 +
    }
 +
 +
    .view-commerce-user-orders.view-id-commerce_user_orders .views-field-nothing {
 +
      text-align: center
 +
    }
 +
 +
    .page-checkout #commerce-checkout-form-review,
 +
    .page-checkout #commerce-checkout-form-checkout {
 +
      max-width: 1240px;
 +
      margin: auto;
 +
      zoom: 1;
 +
      position: relative;
 +
      min-height: 100%;
 +
      height: auto
 +
    }
 +
 +
    .page-checkout #commerce-checkout-form-review:after,
 +
    .page-checkout #commerce-checkout-form-checkout:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .page-checkout #commerce-checkout-form-review .form-item,
 +
    .page-checkout #commerce-checkout-form-checkout .form-item {
 +
      width: 100%;
 +
      padding: 10px;
 +
      max-width: 640px;
 +
      margin: 0
 +
    }
 +
 +
    .page-checkout #commerce-checkout-form-complete {
 +
      margin: 150px auto;
 +
      text-align: center
 +
    }
 +
 +
    .page-checkout #commerce-checkout-form-complete p {
 +
      margin: 10px 0
 +
    }
 +
 +
    .page-node-1397 .layer {
 +
      border-bottom: 1px solid #ddd
 +
    }
 +
 +
    .popup .content {
 +
      padding: 20px;
 +
      background: white;
 +
      border: 1px solid #e6e6e6;
 +
      width: 400px;
 +
      min-height: 170px
 +
    }
 +
 +
    .popup .content .close {
 +
      background: url(/sites/all/themes/mess/images/popup-close.png) no-repeat 0 0;
 +
      display: block;
 +
      height: 17px;
 +
      position: absolute;
 +
      right: 0;
 +
      top: 0;
 +
      width: 18px;
 +
      text-indent: -1000px;
 +
      overflow: hidden
 +
    }
 +
 +
    .popup .content .close:hover {
 +
      background: url(/sites/all/themes/mess/images/popup-close.png) no-repeat 0 0
 +
    }
 +
 +
    .popup .content .popup-content {
 +
      margin-top: 45px
 +
    }
 +
 +
    .field-name-field-lay-elem-background-style {
 +
      display: none
 +
    }
 +
 +
    body.admin-menu {
 +
      margin-top: 0 !important
 +
    }
 +
 +
    #header {
 +
      margin-top: 10px;
 +
      position: absolute;
 +
      height: 48px;
 +
      width: 100%;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      background: white;
 +
      z-index: 20;
 +
      -webkit-backface-visibilty: hidden;
 +
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 +
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 +
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
 +
    }
 +
 +
    #header .block-context-ui {
 +
      display: none
 +
    }
 +
 +
    .header-transparent #header {
 +
      background: rgba(0, 0, 0, 0.2)
 +
    }
 +
 +
    .scrolled #header {
 +
      background: white
 +
    }
 +
 +
    .scrolled #header .viewport .logo:after {
 +
      right: 90px
 +
    }
 +
 +
    #header .viewport {
 +
      position: static
 +
    }
 +
 +
    #header .viewport .logo {
 +
      position: absolute;
 +
      height: 90px;
 +
      width: 100px;
 +
      left: 50px;
 +
      top: 20%;
 +
      margin-top: -24px;
 +
      z-index: 3;
 +
      overflow: hidden
 +
    }
 +
 +
    #header .viewport .logo a {
 +
      display: block;
 +
      text-indent: -9999px;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1;
 +
      z-index: 3
 +
    }
 +
 +
    #header .viewport .logo:active:after,
 +
    #header .viewport .logo:hover:after,
 +
    #header .viewport .logo:active:before,
 +
    #header .viewport .logo:hover:before {
 +
      color: #00bcf2
 +
    }
 +
 +
    #header .viewport .logo:after,
 +
    #header .viewport .logo:before {
 +
      font-family: 'icon';
 +
      position: absolute;
 +
      display: block;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      color: #767676;
 +
      -webkit-backface-visibilty: hidden;
 +
      z-index: 0
 +
    }
 +
 +
    .header-transparent #header .viewport .logo:after,
 +
    .header-transparent #header .viewport .logo:before {
 +
      color: white
 +
    }
 +
 +
    #header .viewport .logo:after {
 +
      content: "\e603";
 +
      font-size: 3em;
 +
      left: 0;
 +
      top: 0
 +
    }
 +
 +
    #header .viewport .logo:before {
 +
      content: "\e602";
 +
      font-size: 7em;
 +
      left: 50px;
 +
      top: -32px
 +
    }
 +
 +
    #header .viewport .burger {
 +
      height: 48px;
 +
      width: 48px;
 +
      position: absolute;
 +
      right: 0;
 +
      top: 0;
 +
      background: #00bcf2;
 +
      cursor: pointer
 +
    }
 +
 +
    #header .viewport .burger span {
 +
      display: block;
 +
      height: 2px;
 +
      width: 24px;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      margin: auto;
 +
      background: white
 +
    }
 +
 +
    #header .viewport .burger span.top {
 +
      top: 16px
 +
    }
 +
 +
    #header .viewport .burger span.bottom {
 +
      bottom: 16px
 +
    }
 +
 +
    #header .viewport .navigation-wrapper {
 +
      position: fixed;
 +
      left: 100%;
 +
      z-index: 20;
 +
      top: 0;
 +
      bottom: 0;
 +
      overflow-y: scroll;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      zoom: 1
 +
    }
 +
 +
    #header .viewport .navigation-wrapper:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation {
 +
      width: 272px;
 +
      min-height: 100%;
 +
      position: relative;
 +
      float: right;
 +
      background: #191919;
 +
      overflow-y: scroll
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .main-menu {
 +
      padding-top: 7px
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu {
 +
      width: 100%;
 +
      clear: both
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li,
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li {
 +
      float: left;
 +
      width: 100%
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li a,
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a {
 +
      display: block;
 +
      padding: 16px 10px;
 +
      height: 48px;
 +
      width: 100%;
 +
      position: relative;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      -webkit-backface-visibilty: hidden
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a {
 +
      padding-left: 47px
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a:active {
 +
      color: #767676
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a:hover {
 +
      color: #767676
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.active,
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a:focus {
 +
      color: white
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a:before {
 +
      text-indent: 0;
 +
      font-family: 'icon';
 +
      display: block;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      right: auto;
 +
      text-align: center;
 +
      padding: 15px;
 +
      font-size: 1.125em;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      -webkit-backface-visibilty: hidden
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.cart:before {
 +
      content: "\e604"
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.user:before {
 +
      content: "\e605"
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.login:before {
 +
      content: "\e605"
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.logout:before {
 +
      content: "\ea14"
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li.cart {
 +
      position: relative
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li.cart span.item-count {
 +
      display: block;
 +
      height: 16px;
 +
      width: 16px;
 +
      text-align: center;
 +
      color: white;
 +
      background: red;
 +
      font-size: 12px;
 +
      font-weight: bold;
 +
      border-radius: 16px;
 +
      letter-spacing: -1px;
 +
      line-height: 150%;
 +
      text-indent: -1px;
 +
      position: absolute;
 +
      top: 6px;
 +
      left: 30px
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li,
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li {
 +
      width: 100%
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li a,
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a {
 +
      display: block;
 +
      padding: 10px 16px;
 +
      height: 36px;
 +
      width: 100%;
 +
      color: #767676;
 +
      text-transform: uppercase;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li a:hover,
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a:hover {
 +
      color: white
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li {
 +
      overflow: hidden;
 +
      position: relative
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li .toggler {
 +
      width: 36px;
 +
      height: 36px;
 +
      position: absolute;
 +
      right: 0;
 +
      top: 0
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li .toggler:before {
 +
      content: "\e601";
 +
      font-family: 'icon';
 +
      display: block;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      -webkit-transform: rotate(90deg);
 +
      -moz-transform: rotate(90deg);
 +
      -ms-transform: rotate(90deg);
 +
      transform: rotate(90deg);
 +
      text-align: center;
 +
      line-height: 230%;
 +
      color: #767676
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li:focus .toggler:before {
 +
      color: white
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li.opened a {
 +
      color: #00bcf2
 +
    }
 +
 +
    #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li.opened .toggler:before {
 +
      -webkit-transform: rotate(-90deg);
 +
      -moz-transform: rotate(-90deg);
 +
      -ms-transform: rotate(-90deg);
 +
      transform: rotate(-90deg);
 +
      color: #00bcf2
 +
    }
 +
 +
    #footer {
 +
      background: #191919;
 +
      padding: 1px 0 0;
 +
      overflow: hidden
 +
    }
 +
 +
    #footer .viewport {
 +
      max-width: 1340px;
 +
      margin: auto
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-very-bottom {
 +
      display: none
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation {
 +
      text-align: center;
 +
      padding-top: 0;
 +
      zoom: 1;
 +
      height: 0;
 +
      overflow: hidden;
 +
      -webkit-transition: height .3s ease-in-out 0s;
 +
      -moz-transition: height .3s ease-in-out 0s;
 +
      -o-transition: height .3s ease-in-out 0s;
 +
      -ms-transition: height .3s ease-in-out 0s;
 +
      transition: height .3s ease-in-out 0s;
 +
      -webkit-transition: padding .3s ease-in-out 0s;
 +
      -moz-transition: padding .3s ease-in-out 0s;
 +
      -o-transition: padding .3s ease-in-out 0s;
 +
      -ms-transition: padding .3s ease-in-out 0s;
 +
      transition: padding .3s ease-in-out 0s
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul {
 +
      text-align: center
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li {
 +
      display: inline-block;
 +
      margin: 0;
 +
      vertical-align: top;
 +
      -webkit-transition: margin .3s ease-in-out 0s;
 +
      -moz-transition: margin .3s ease-in-out 0s;
 +
      -o-transition: margin .3s ease-in-out 0s;
 +
      -ms-transition: margin .3s ease-in-out 0s;
 +
      transition: margin .3s ease-in-out 0s
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li.last {
 +
      margin: 0
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li a {
 +
      display: block;
 +
      text-align: left;
 +
      color: white;
 +
      text-transform: uppercase;
 +
      font-family: 'GothamBook';
 +
      font-size: 1.125em;
 +
      margin-bottom: 35px;
 +
      padding: 8px 10px
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li a:hover {
 +
      color: #00bcf2
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li {
 +
      float: none;
 +
      display: block;
 +
      margin: 0;
 +
      font-size: .875em
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a {
 +
      font-size: 1em;
 +
      margin-bottom: 0;
 +
      color: #767676;
 +
      position: relative
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a:hover {
 +
      color: white
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-pinterest,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-sketchlab,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-facebook,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-twitter,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-google,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-youtube,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-linkedin,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-twitch {
 +
      padding-right: 52px
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-pinterest:before,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-sketchlab:before,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-facebook:before,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-twitter:before,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-google:before,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-youtube:before,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-linkedin:before,
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-twitch:before {
 +
      display: block;
 +
      position: absolute;
 +
      top: 0;
 +
      right: 10px;
 +
      width: 32px;
 +
      height: 32px;
 +
      font-family: 'icon';
 +
      text-align: center;
 +
      line-height: 32px;
 +
      -webkit-transition: color .3s ease-in-out 0s;
 +
      -moz-transition: color .3s ease-in-out 0s;
 +
      -o-transition: color .3s ease-in-out 0s;
 +
      -ms-transition: color .3s ease-in-out 0s;
 +
      transition: color .3s ease-in-out 0s
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-twitter:before {
 +
      background: #28aae1;
 +
      content: "\ea91";
 +
      color: #191919
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-twitter:hover:before {
 +
      color: white
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-facebook:before {
 +
      background: #3460a1;
 +
      content: "\ea8c";
 +
      color: #191919;
 +
      text-indent: -2px
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-facebook:hover:before {
 +
      color: white
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-google:before {
 +
      background: #de5543;
 +
      content: "\ea88";
 +
      color: #191919
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-google:hover:before {
 +
      color: white
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-youtube:before {
 +
      background: #ee3138;
 +
      content: "\ea99";
 +
      color: #191919
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-youtube:hover:before {
 +
      color: white
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-linkedin:before {
 +
      background: #136d9d;
 +
      content: "\eac9";
 +
      color: #191919
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-linkedin:hover:before {
 +
      color: white
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-twitch:before {
 +
      background: #65469c;
 +
      content: "\ea9b";
 +
      color: #191919
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-twitch:hover:before {
 +
      color: white
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-pinterest:before {
 +
      background: #bd2126;
 +
      content: "\e900";
 +
      color: #191919
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-pinterest:hover:before {
 +
      color: white
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-sketchlab:before {
 +
      background: #1caad9;
 +
      content: "\e901";
 +
      color: #191919
 +
    }
 +
 +
    #footer #block-menu-menu-menu-footer-navigation ul li ul li a#footer-sketchlab:hover:before {
 +
      color: white
 +
    }
 +
 +
    #footer .logo {
 +
      width: 183px;
 +
      height: 0;
 +
      margin: 40px auto 100px;
 +
      background-size: 100%;
 +
      position: relative
 +
    }
 +
 +
    #footer .logo:after {
 +
      content: "Copyright © 2017 All Right Reserved";
 +
      display: block;
 +
      width: 320px;
 +
      position: absolute;
 +
      top: 110%;
 +
      left: -120px;
 +
      right: -120px;
 +
      margin: auto;
 +
      text-align: center;
 +
      color: white
 +
    }
 +
 +
    #footer .logo a {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      overflow: hidden;
 +
      text-indent: -9999px;
 +
      display: none
 +
    }
 +
 +
    #footer .logo a:hover:after,
 +
    #footer .logo a:hover:before {
 +
      color: #00bcf2
 +
    }
 +
 +
    #footer .logo a:before {
 +
      content: "\e602";
 +
      font-family: 'icon';
 +
      position: absolute;
 +
      color: white;
 +
      display: block;
 +
      text-align: center;
 +
      font-size: 8em;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: -46px;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      -webkit-backface-visibilty: hidden;
 +
      color: #939598;
 +
      text-indent: 0
 +
    }
 +
 +
    #footer .logo a:after {
 +
      content: "\e603";
 +
      font-family: 'icon';
 +
      position: absolute;
 +
      color: white;
 +
      display: block;
 +
      text-align: center;
 +
      font-size: 5em;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 25px;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      -webkit-backface-visibilty: hidden;
 +
      color: #939598;
 +
      text-indent: 0
 +
    }
 +
 +
    #footer .block-sitemap {
 +
      display: none
 +
    }
 +
 +
    #footer .block-sitemap ul.menu {
 +
      zoom: 1
 +
    }
 +
 +
    #footer .block-sitemap ul.menu:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    #footer .block-sitemap ul.menu li {
 +
      width: 20%;
 +
      float: left;
 +
      padding: 20px;
 +
      height: auto !important
 +
    }
 +
 +
    #footer .block-sitemap ul.menu li a {
 +
      display: block;
 +
      padding: 5px;
 +
      margin-bottom: 40px;
 +
      color: white;
 +
      font-family: 'GothamBook';
 +
      font-size: 1.25em;
 +
      text-transform: uppercase
 +
    }
 +
 +
    #footer .block-sitemap ul.menu li ul.menu li {
 +
      width: 100%;
 +
      padding: 0
 +
    }
 +
 +
    #footer .block-sitemap ul.menu li ul.menu li a {
 +
      margin-bottom: 0;
 +
      padding: 2px 5px;
 +
      color: #767676;
 +
      font-size: 1em
 +
    }
 +
 +
    nav.contextual-navigation {
 +
      height: 64px;
 +
      zoom: 1;
 +
      text-align: center;
 +
      position: fixed;
 +
      left: 0;
 +
      right: 0;
 +
      top: 48px;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    nav.contextual-navigation:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    nav.contextual-navigation.sticky {
 +
      top: 0;
 +
      z-index: 2
 +
    }
 +
 +
    nav.contextual-navigation .viewport {
 +
      display: inline-block;
 +
      position: absolute;
 +
      left: 0;
 +
      width: 100%;
 +
      height: 64px
 +
    }
 +
 +
    nav.contextual-navigation .viewport .menu-block-wrapper {
 +
      width: 100%;
 +
      height: 64px
 +
    }
 +
 +
    nav.contextual-navigation .viewport h2 {
 +
      color: #fff;
 +
      padding: 20px 10px;
 +
      font-size: 1.125em;
 +
      font-family: 'GothamBook';
 +
      font-weight: normal;
 +
      float: left
 +
    }
 +
 +
    nav.contextual-navigation .viewport ul {
 +
      zoom: 1;
 +
      float: left;
 +
      white-space: nowrap
 +
    }
 +
 +
    nav.contextual-navigation .viewport ul:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    nav.contextual-navigation .viewport ul li {
 +
      display: inline-block
 +
    }
 +
 +
    nav.contextual-navigation .viewport ul li a {
 +
      display: block;
 +
      padding: 20px 10px;
 +
      font-size: 1.125em;
 +
      color: white
 +
    }
 +
 +
    nav.contextual-navigation .viewport ul li a.active {
 +
      color: #00bcf2
 +
    }
 +
 +
    nav.contextual-navigation .viewport ul li a.try,
 +
    nav.contextual-navigation .viewport ul li a.buy {
 +
      padding: 10px;
 +
      margin: 10px 0;
 +
      width: 76px;
 +
      text-align: center;
 +
      margin-left: 10px
 +
    }
 +
 +
    nav.contextual-navigation .viewport ul li a.buy {
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    nav.contextual-navigation .viewport ul li a.try {
 +
      background: white;
 +
      color: black
 +
    }
 +
 +
    @media(min-width:1025px) {
 +
      body {
 +
        overflow-x: hidden
 +
      }
 +
      body.menu-opened {
 +
        overflow-x: hidden !important
 +
      }
 +
      .menu-opened #page-wrapper #page {
 +
        right: 0
 +
      }
 +
      #header {
 +
        height: 80px;
 +
        background: white;
 +
        position: fixed;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s
 +
      }
 +
      .menu-opened #header {
 +
        -webkit-transform: translate(0px, 0);
 +
        -moz-transform: translate(0px, 0);
 +
        -ms-transform: translate(0px, 0);
 +
        transform: translate(0px, 0)
 +
      }
 +
      .header-transparent #header {
 +
        background: rgba(0, 0, 0, 0.2)
 +
      }
 +
      .header-transparent #header .viewport .logo:after,
 +
      .header-transparent #header .viewport .logo:before {
 +
        color: white
 +
      }
 +
      .header-transparent #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a,
 +
      .header-transparent #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a:before,
 +
      .header-transparent #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.login {
 +
        color: white
 +
      }
 +
      .scrolled #header {
 +
        background: white;
 +
        height: 60px
 +
      }
 +
      .scrolled #header .viewport .logo-scrolled a {
 +
        filter: alpha(opacity=100);
 +
        -ms-filter: alpha(opacity=@opacity-ie);
 +
        -moz-opacity: 1;
 +
        -khtml-opacity: 1;
 +
        opacity: 1
 +
      }
 +
      .scrolled #header .viewport .logo:before,
 +
      .scrolled #header .viewport .logo:after {
 +
        color: #767676
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a {
 +
        margin: 14px 5px
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a:before {
 +
        color: #767676
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.login {
 +
        color: #767676
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li a {
 +
        font-size: .875em;
 +
        width: auto;
 +
        height: 26px;
 +
        margin: 16px 5px;
 +
        padding: 6px 13px
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.main-menu {
 +
        padding-top: 0
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a {
 +
        font-size: .875em;
 +
        color: #767676;
 +
        padding: 20px 12px;
 +
        height: 60px
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a:hover {
 +
        color: white
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li ul li a {
 +
        padding: 10px 12px 7px;
 +
        height: auto;
 +
        color: white
 +
      }
 +
      #header .viewport {
 +
        max-width: 1240px;
 +
        height: 100%;
 +
        padding: 0 20px;
 +
        margin: auto;
 +
        position: relative
 +
      }
 +
      #header .viewport .burger {
 +
        display: none
 +
      }
 +
      #header .viewport .logo a {
 +
        width: 194px;
 +
        height: 52px;
 +
        margin-top: 0;
 +
        top: 14px;
 +
        left: 20px
 +
      }
 +
      #header .viewport .navigation-wrapper {
 +
        position: static;
 +
        width: auto;
 +
        background: transparent;
 +
        float: right;
 +
        -webkit-transition: margin .3s ease-in-out 0s;
 +
        -moz-transition: margin .3s ease-in-out 0s;
 +
        -o-transition: margin .3s ease-in-out 0s;
 +
        -ms-transition: margin .3s ease-in-out 0s;
 +
        transition: margin .3s ease-in-out 0s;
 +
        overflow-y: inherit
 +
      }
 +
      #header .viewport .navigation-wrapper:after {
 +
        display: none
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation {
 +
        overflow-y: inherit;
 +
        background: transparent;
 +
        width: auto
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu {
 +
        float: left;
 +
        width: auto;
 +
        clear: none
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li,
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li,
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li {
 +
        width: auto;
 +
        float: left
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a,
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a,
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li a {
 +
        font-size: 1em
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu {
 +
        margin-right: 15px;
 +
        padding-top: 0
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li {
 +
        position: relative;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s;
 +
        height: 100% !important;
 +
        overflow: visible
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li .toggler {
 +
        display: none
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a {
 +
        color: #767676;
 +
        padding: 28px 12px;
 +
        height: 100%;
 +
        line-height: 150%;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s;
 +
        font-family: 'GothamBook'
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a.active:hover {
 +
        color: white
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li a:hover {
 +
        background: #00bcf2
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li:hover {
 +
        background: #00bcf2
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li:hover a {
 +
        color: white;
 +
        -webkit-transition: none;
 +
        -moz-transition: none;
 +
        -ms-transition: none;
 +
        -o-transition: none;
 +
        transition: none
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li:hover ul {
 +
        display: block;
 +
        top: 100%;
 +
        filter: alpha(opacity=100);
 +
        -ms-filter: alpha(opacity=@opacity-ie);
 +
        -moz-opacity: 1;
 +
        -khtml-opacity: 1;
 +
        opacity: 1
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li ul {
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        background: #00bcf2;
 +
        filter: alpha(opacity=0);
 +
        -ms-filter: alpha(opacity=@opacity-ie);
 +
        -moz-opacity: 0;
 +
        -khtml-opacity: 0;
 +
        opacity: 0;
 +
        display: none;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s;
 +
        z-index: 2
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li ul li {
 +
        float: none
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li ul li a {
 +
        padding: 7px 24px;
 +
        height: auto;
 +
        color: white;
 +
        white-space: nowrap;
 +
        width: 100%
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.main-menu ul li ul li a:hover {
 +
        background: #191919
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li a {
 +
        width: auto;
 +
        height: 34px;
 +
        margin: 22px 5px;
 +
        padding: 9px 13px;
 +
        background: #00bcf2;
 +
        color: white;
 +
        text-align: center
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.try-buy-menu ul li a:hover {
 +
        background: #fbfbfb;
 +
        color: #191919
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a {
 +
        width: 32px;
 +
        height: 30px;
 +
        margin: 23px 5px;
 +
        text-indent: -9999px;
 +
        text-align: center;
 +
        padding-left: 0
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a:before {
 +
        padding: 0;
 +
        text-align: center;
 +
        padding-top: 7px;
 +
        color: #767676;
 +
        width: 100%
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.login {
 +
        text-indent: 0;
 +
        width: auto;
 +
        padding: 11px 0 0 32px;
 +
        font-size: 11px;
 +
        text-transform: uppercase;
 +
        color: #767676
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li a.login:before {
 +
        width: 32px;
 +
        font-size: 18px;
 +
        text-transform: none
 +
      }
 +
      #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li.cart span.item-count {
 +
        top: 31px;
 +
        left: 27px;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s
 +
      }
 +
      .scrolled #header .viewport .navigation-wrapper .navigation .block-menu.user-menu ul li.cart span.item-count {
 +
        top: 11px
 +
      }
 +
      #footer #block-menu-menu-menu-footer-navigation {
 +
        height: auto;
 +
        padding-top: 40px
 +
      }
 +
      nav.contextual-navigation {
 +
        height: 64px;
 +
        zoom: 1;
 +
        text-align: center;
 +
        position: static
 +
      }
 +
      nav.contextual-navigation:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      nav.contextual-navigation.sticky.sticky2 {
 +
        position: fixed;
 +
        top: 60px;
 +
        left: 0;
 +
        right: 0;
 +
        z-index: 2;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s
 +
      }
 +
      nav.contextual-navigation .viewport {
 +
        display: inline-block;
 +
        position: static;
 +
        left: auto;
 +
        width: auto
 +
      }
 +
    }
 +
 +
    @media(min-width:1200px) {
 +
      #footer #block-menu-menu-menu-footer-navigation ul li {
 +
        margin: 0 13px 0 0
 +
      }
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form {
 +
      position: relative;
 +
      height: 80px;
 +
      margin-bottom: 20px;
 +
      margin-top: 20px
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item {
 +
      padding: 0;
 +
      margin: 0;
 +
      max-width: 100%
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item input {
 +
      float: left;
 +
      margin-right: 10px
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item label {
 +
      float: left;
 +
      clear: none
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:not(:checked),
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:checked {
 +
      position: absolute;
 +
      left: -9999px
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:not(:checked)+label,
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:checked+label {
 +
      position: relative;
 +
      padding: 11px 20px 5px 50px;
 +
      height: 36px;
 +
      cursor: pointer;
 +
      width: 100%;
 +
      background: black;
 +
      color: white
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:not(:checked)+label:after,
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:checked+label:after {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      width: 32px;
 +
      height: 32px;
 +
      border: 2px solid black;
 +
      background: white
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:not(:checked)+label:before {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:checked+label:before {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:not(:checked)+label:before,
 +
    #block-allegorithmic-subscription-subscription-options form .form-item [type="checkbox"]:checked+label:before {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      top: 5px;
 +
      left: 5px;
 +
      width: 22px;
 +
      height: 22px;
 +
      border: 2px solid #00bcf2;
 +
      background: #00bcf2;
 +
      z-index: 1;
 +
      -webkit-transition: opacity .3s ease-in-out 0s;
 +
      -moz-transition: opacity .3s ease-in-out 0s;
 +
      -o-transition: opacity .3s ease-in-out 0s;
 +
      -ms-transition: opacity .3s ease-in-out 0s;
 +
      transition: opacity .3s ease-in-out 0s
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item.form-disabled [type="checkbox"]:not(:checked)+label,
 +
    #block-allegorithmic-subscription-subscription-options form .form-item.form-disabled [type="checkbox"]:checked+label {
 +
      background: #eee;
 +
      color: grey
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form .form-item.form-disabled [type="checkbox"]:not(:checked)+label:after,
 +
    #block-allegorithmic-subscription-subscription-options form .form-item.form-disabled [type="checkbox"]:checked+label:after {
 +
      border: 2px solid #eee
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-options form input.form-submit {
 +
      position: absolute;
 +
      bottom: 0;
 +
      right: 0;
 +
      margin: 0;
 +
      height: 36px;
 +
      width: 100%
 +
    }
 +
 +
    body.page-products-substance-database #main>div {
 +
      max-width: 1200px;
 +
      margin: auto
 +
    }
 +
 +
    #block-allegorithmic-substances-unity-player {
 +
      padding: 20px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block {
 +
      max-width: 1200px
 +
    }
 +
 +
    #block-allegorithmic-subscription-subscription-database-options,
 +
    #block-allegorithmic-subscription-substance-download {
 +
      max-width: 640px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download {
 +
      text-align: center;
 +
      font-size: 1.125em
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download h2 {
 +
      text-align: left
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list,
 +
    #block-allegorithmic-subscription-substance-list-account-block,
 +
    #block-allegorithmic-subscription-subscription-database-options,
 +
    #block-allegorithmic-subscription-substance-download {
 +
      padding: 0 20px 20px;
 +
      margin: auto
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list h2,
 +
    #block-allegorithmic-subscription-substance-list-account-block h2,
 +
    #block-allegorithmic-subscription-subscription-database-options h2,
 +
    #block-allegorithmic-subscription-substance-download h2 {
 +
      background: black !important;
 +
      font-size: .875em !important;
 +
      font-weight: normal !important;
 +
      padding: 9px 12px 7px 10px !important
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list h2 span,
 +
    #block-allegorithmic-subscription-substance-list-account-block h2 span,
 +
    #block-allegorithmic-subscription-subscription-database-options h2 span,
 +
    #block-allegorithmic-subscription-substance-download h2 span {
 +
      float: right;
 +
      font-size: 12px;
 +
      margin-top: 2px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:not(:checked),
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:not(:checked),
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:not(:checked),
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:not(:checked),
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:checked,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:checked,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:checked,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:checked {
 +
      position: absolute;
 +
      left: -9999px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:not(:checked)+label,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:not(:checked)+label,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:not(:checked)+label,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:not(:checked)+label,
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:checked+label,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:checked+label,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:checked+label,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:checked+label {
 +
      position: relative;
 +
      padding: 11px 50px 5px 0;
 +
      height: 36px;
 +
      cursor: pointer;
 +
      width: 100%;
 +
      color: black
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list .form-item,
 +
    #block-allegorithmic-subscription-substance-list-account-block .form-item,
 +
    #block-allegorithmic-subscription-subscription-database-options .form-item,
 +
    #block-allegorithmic-subscription-substance-download .form-item {
 +
      padding: 0
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list a.form-submit,
 +
    #block-allegorithmic-subscription-substance-list-account-block a.form-submit,
 +
    #block-allegorithmic-subscription-subscription-database-options a.form-submit,
 +
    #block-allegorithmic-subscription-substance-download a.form-submit,
 +
    #block-allegorithmic-subscription-substance-download-full-list input.form-submit,
 +
    #block-allegorithmic-subscription-substance-list-account-block input.form-submit,
 +
    #block-allegorithmic-subscription-subscription-database-options input.form-submit,
 +
    #block-allegorithmic-subscription-substance-download input.form-submit {
 +
      margin: 10px 0
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:not(:checked)+label:after,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:not(:checked)+label:after,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:not(:checked)+label:after,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:not(:checked)+label:after,
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:checked+label:after,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:checked+label:after,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:checked+label:after,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:checked+label:after {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      top: 0;
 +
      right: 0;
 +
      width: 32px;
 +
      height: 32px;
 +
      border: 2px solid #00bcf2;
 +
      background: white
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:not(:checked)+label:before,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:not(:checked)+label:before,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:not(:checked)+label:before,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:not(:checked)+label:before {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:checked+label:before,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:checked+label:before,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:checked+label:before,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:checked+label:before {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:not(:checked)+label:before,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:not(:checked)+label:before,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:not(:checked)+label:before,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:not(:checked)+label:before,
 +
    #block-allegorithmic-subscription-substance-download-full-list [type="checkbox"]:checked+label:before,
 +
    #block-allegorithmic-subscription-substance-list-account-block [type="checkbox"]:checked+label:before,
 +
    #block-allegorithmic-subscription-subscription-database-options [type="checkbox"]:checked+label:before,
 +
    #block-allegorithmic-subscription-substance-download [type="checkbox"]:checked+label:before {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      top: 5px;
 +
      right: 5px;
 +
      width: 22px;
 +
      height: 22px;
 +
      border: 2px solid #000;
 +
      background: #000;
 +
      z-index: 1;
 +
      -webkit-transition: opacity .3s ease-in-out 0s;
 +
      -moz-transition: opacity .3s ease-in-out 0s;
 +
      -o-transition: opacity .3s ease-in-out 0s;
 +
      -ms-transition: opacity .3s ease-in-out 0s;
 +
      transition: opacity .3s ease-in-out 0s
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form {
 +
      padding-bottom: 36px;
 +
      position: relative
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form label {
 +
      font-size: .875em;
 +
      margin-bottom: 5px;
 +
      letter-spacing: 1px;
 +
      text-transform: uppercase;
 +
      color: #aaa
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-title-wrapper {
 +
      width: 100%;
 +
      padding: 0;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-substance-type-tid-wrapper,
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-substance-category-tid-wrapper,
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-is-pbr-substance-value-wrapper {
 +
      padding: 0;
 +
      width: 100%;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form input.form-submit {
 +
      padding: 10px 15px 7px;
 +
      position: absolute;
 +
      right: 0;
 +
      bottom: 0
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content {
 +
      zoom: 1
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row {
 +
      width: 50%;
 +
      border: 10px solid #fbfbfb;
 +
      position: relative;
 +
      padding-bottom: 80px;
 +
      margin-bottom: 20px;
 +
      float: left;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row:hover {
 +
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 +
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 +
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 +
      z-index: 1
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row .views-field-field-product-image {
 +
      position: relative;
 +
      overflow: hidden
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row .views-field-field-product-image img {
 +
      position: absolute;
 +
      display: block;
 +
      width: 100%;
 +
      height: auto;
 +
      top: 0
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row .views-field-field-product-image:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 100%
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row .substance-pbr {
 +
      position: absolute;
 +
      top: 0;
 +
      right: 0;
 +
      width: 32px;
 +
      height: 32px;
 +
      -webkit-border-radius: 32px;
 +
      -moz-border-radius: 32px;
 +
      border-radius: 32px;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      background: #ed6e21
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row .substance-pbr:before {
 +
      content: 'PBR';
 +
      text-align: center;
 +
      color: white;
 +
      display: block;
 +
      padding-top: 10px;
 +
      font-size: 12px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row .views-field-title {
 +
      position: absolute;
 +
      bottom: 30px;
 +
      left: 0;
 +
      right: 0;
 +
      text-transform: uppercase;
 +
      text-align: center
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row .substance-download-link {
 +
      position: absolute;
 +
      bottom: 0;
 +
      left: 0;
 +
      right: 0;
 +
      height: 30px;
 +
      border-top: 1px solid grey;
 +
      text-align: center
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row .substance-download-link a {
 +
      display: inline-block;
 +
      background: #00bcf2;
 +
      color: white;
 +
      height: 30px;
 +
      padding: 6px 10px
 +
    }
 +
 +
    #substances-player {
 +
      width: 960px;
 +
      amargin: auto;
 +
      display: none
 +
    }
 +
 +
    #substances-player.no-player {
 +
      display: block;
 +
      background: #00bcf2;
 +
      text-align: center;
 +
      padding: 10px 20px 7px;
 +
      text-transform: uppercase;
 +
      color: white;
 +
      line-height: 150%;
 +
      width: 100%;
 +
      letter-spacing: 1px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list {
 +
      margin-bottom: 20px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list p {
 +
      font-size: 18px;
 +
      text-transform: none;
 +
      color: black
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list a {
 +
      color: white;
 +
      background: #00bcf2;
 +
      display: inline-block;
 +
      padding: 13px 10px 10px;
 +
      position: relative;
 +
      max-width: 640px;
 +
      margin: 0 auto 20px
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list a:hover,
 +
    #block-allegorithmic-subscription-substance-download-full-list a:active {
 +
      background: black
 +
    }
 +
 +
    .payment-redirect-form {
 +
      padding: 100px 40px;
 +
      text-align: center;
 +
      text-transform: uppercase;
 +
      max-width: 800px;
 +
      margin: auto
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list .substance-counter {
 +
      color: #00bcf2;
 +
      font-weight: bold;
 +
      font-size: 24px
 +
    }
 +
 +
    #substances-player.no-player {
 +
      background: #b91f2f;
 +
      color: white
 +
    }
 +
 +
    #block-allegorithmic-subscription-substance-download-full-list,
 +
    #substances-player.no-player {
 +
      display: block;
 +
      text-align: center;
 +
      padding: 10px 20px 7px;
 +
      text-transform: uppercase;
 +
      line-height: 150%;
 +
      width: 100%;
 +
      letter-spacing: 1px
 +
    }
 +
 +
    .view-substances-live .view-filters {
 +
      position: relative;
 +
      padding-bottom: 31px;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    .view-substances-live .view-filters label {
 +
      display: block;
 +
      margin-bottom: 5px;
 +
      text-transform: uppercase;
 +
      font-size: .875em;
 +
      letter-spacing: 1px;
 +
      color: #aaa
 +
    }
 +
 +
    .view-substances-live .view-filters .views-exposed-form .views-exposed-widget {
 +
      padding: 0
 +
    }
 +
 +
    .view-substances-live .view-filters .views-exposed-form .views-exposed-widget.views-submit-button {
 +
      position: absolute;
 +
      top: auto !important;
 +
      bottom: 0;
 +
      right: 20px
 +
    }
 +
 +
    .view-substances-live .view-filters .views-exposed-form .views-exposed-widget.views-submit-button input.form-submit {
 +
      margin: 0;
 +
      float: right;
 +
      height: 31px;
 +
      padding: 8px 16px
 +
    }
 +
 +
    .view-substances-live .view-filters #edit-title-wrapper,
 +
    .view-substances-live .view-filters #edit-field-substance-type-tid-wrapper,
 +
    .view-substances-live .view-filters #edit-field-substance-category-tid-wrapper,
 +
    .view-substances-live .view-filters #edit-field-is-pbr-substance-value-wrapper {
 +
      width: 100%;
 +
      float: left;
 +
      padding: 10px 20px
 +
    }
 +
 +
    .view-substances-live .view-filters #edit-title-wrapper .form-item,
 +
    .view-substances-live .view-filters #edit-field-substance-type-tid-wrapper .form-item,
 +
    .view-substances-live .view-filters #edit-field-substance-category-tid-wrapper .form-item,
 +
    .view-substances-live .view-filters #edit-field-is-pbr-substance-value-wrapper .form-item {
 +
      margin: 0;
 +
      padding: 0
 +
    }
 +
 +
    .view-substances-live .view-content {
 +
      zoom: 1;
 +
      padding: 0 20px
 +
    }
 +
 +
    .view-substances-live .view-content:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .view-substances-live .view-content .views-row {
 +
      width: 50%;
 +
      float: left;
 +
      padding-bottom: 80px;
 +
      border: 10px solid #fbfbfb;
 +
      position: relative;
 +
      margin-bottom: 20px;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    .view-substances-live .view-content .views-row:hover {
 +
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 +
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 +
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 +
      z-index: 1
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .substance-pbr {
 +
      position: absolute;
 +
      top: 0;
 +
      right: 0;
 +
      width: 32px;
 +
      height: 32px;
 +
      -webkit-border-radius: 32px;
 +
      -moz-border-radius: 32px;
 +
      border-radius: 32px;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      background: #ed6e21
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .substance-pbr:before {
 +
      content: 'PBR';
 +
      text-align: center;
 +
      color: white;
 +
      display: block;
 +
      padding-top: 10px;
 +
      font-size: 12px
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .views-field-field-product-image img {
 +
      width: 100%;
 +
      display: block
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .views-field-field-product-file {
 +
      display: none
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .views-field-title {
 +
      padding: 5px;
 +
      color: black;
 +
      position: absolute;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 40px;
 +
      border-bottom: 1px solid grey;
 +
      text-align: center;
 +
      text-transform: uppercase
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .views-field-commerce-price {
 +
      padding: 10px;
 +
      background: rgba(0, 0, 0, 0.5);
 +
      color: white;
 +
      position: absolute;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 40px;
 +
      text-align: center;
 +
      font-size: 1.125em;
 +
      display: none
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .download-substance {
 +
      position: absolute;
 +
      bottom: 0;
 +
      left: 20px;
 +
      right: 20px
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .download-substance>span,
 +
    .view-substances-live .view-content .views-row .download-substance a {
 +
      display: block;
 +
      text-align: center;
 +
      background: #00bcf2;
 +
      color: white;
 +
      padding: 11px 0 10px;
 +
      cursor: pointer
 +
    }
 +
 +
    .view-substances-live .view-content .views-row .download-substance>span:hover,
 +
    .view-substances-live .view-content .views-row .download-substance a:hover,
 +
    .view-substances-live .view-content .views-row .download-substance>span:active,
 +
    .view-substances-live .view-content .views-row .download-substance a:active {
 +
      background: black
 +
    }
 +
 +
    .view-offices .view-content,
 +
    .view-resellers .view-content {
 +
      max-width: 1240px;
 +
      padding: 20px;
 +
      margin: auto
 +
    }
 +
 +
    .view-offices .view-content>h3,
 +
    .view-resellers .view-content>h3 {
 +
      background: #00bcf2;
 +
      font-family: 'GothamBook';
 +
      color: white;
 +
      text-transform: uppercase;
 +
      padding: 5px 10px;
 +
      clear: both
 +
    }
 +
 +
    .view-offices .view-content .views-row,
 +
    .view-resellers .view-content .views-row {
 +
      margin: 20px 0;
 +
      width: 100%;
 +
      min-height: 300px;
 +
      padding: 20px;
 +
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
 +
      -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
 +
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15)
 +
    }
 +
 +
    .view-offices .view-content .views-row h3,
 +
    .view-resellers .view-content .views-row h3 {
 +
      text-transform: uppercase;
 +
      font-family: 'GothamLightRegular';
 +
      font-size: 24px;
 +
      color: #191919;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    .view-offices .view-content .views-row .views-field,
 +
    .view-resellers .view-content .views-row .views-field {
 +
      color: #767676
 +
    }
 +
 +
    .view-offices .view-content .views-row .views-field-field-link a,
 +
    .view-resellers .view-content .views-row .views-field-field-link a {
 +
      word-break: break-all
 +
    }
 +
 +
    article.node-news {
 +
      max-width: 1000px;
 +
      margin: 50px auto;
 +
      padding: 0 20px
 +
    }
 +
 +
    .view-news {
 +
      max-width: 1000px;
 +
      margin: 50px auto;
 +
      padding: 0 20px
 +
    }
 +
 +
    .view-news .item-list {
 +
      margin: 50px 0
 +
    }
 +
 +
    .view-news .views-row {
 +
      position: relative;
 +
      clear: both;
 +
      zoom: 1;
 +
      margin: 30px 0
 +
    }
 +
 +
    .view-news .views-row:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .view-news .views-field-title {
 +
      margin-top: 20px;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    .view-news .views-field-title span a {
 +
      font-size: 1.5em
 +
    }
 +
 +
    .view-news .views-field-created {
 +
      color: #767676;
 +
      margin-top: 10px;
 +
      margin-bottom: 20px
 +
    }
 +
 +
    .view-news .views-field-field-news-image {
 +
      float: left;
 +
      width: 100%;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    .view-news .views-field-field-news-image a {
 +
      width: 100%
 +
    }
 +
 +
    .view-news .views-field-field-news-image img {
 +
      width: 100%
 +
    }
 +
 +
    article.node-webform {
 +
      padding: 0 20px;
 +
      max-width: 960px;
 +
      margin: auto
 +
    }
 +
 +
    article.node-webform .field-name-field-image {
 +
      text-align: center
 +
    }
 +
 +
    article.node-webform .field-name-field-image img {
 +
      max-width: 100%
 +
    }
 +
 +
    article.node-webform .field-name-body {
 +
      text-align: center;
 +
      padding: 0 10px;
 +
      margin-bottom: 20px
 +
    }
 +
 +
    article.node-webform form.webform-client-form {
 +
      max-width: 640px;
 +
      margin: auto
 +
    }
 +
 +
    .view-clients {
 +
      background: #191919
 +
    }
 +
 +
    .view-clients .view-content {
 +
      margin: auto;
 +
      padding: 20px;
 +
      max-width: 960px;
 +
      zoom: 1
 +
    }
 +
 +
    .view-clients .view-content:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .view-clients .view-content .views-row {
 +
      width: 50%;
 +
      float: left;
 +
      height: 140px;
 +
      position: relative
 +
    }
 +
 +
    .view-clients .view-content .views-row:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 56.25%
 +
    }
 +
 +
    .view-clients .view-content .views-row .views-field-field-client-logo {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      text-align: center;
 +
      padding: 20px
 +
    }
 +
 +
    .view-clients .view-content .views-row .views-field-field-client-logo img {
 +
      max-width: 100px;
 +
      max-height: 60px;
 +
      display: inline-block;
 +
      vertical-align: middle
 +
    }
 +
 +
    .upgrade-license-choices {
 +
      text-align: center;
 +
      margin: 60px 0 100px
 +
    }
 +
 +
    .upgrade-license-choices h2 {
 +
      padding: 20px
 +
    }
 +
 +
    body.page-buy-coins h2,
 +
    body.page-buy-upgrade h2 {
 +
      text-align: center;
 +
      margin: 20px 0
 +
    }
 +
 +
    .view-testimonials {
 +
      max-width: 960px;
 +
      padding: 20px;
 +
      margin: auto
 +
    }
 +
 +
    .view-testimonials .views-row {
 +
      text-align: center;
 +
      margin: 30px 0;
 +
      font-size: 18px;
 +
      line-height: 150%
 +
    }
 +
 +
    .view-testimonials .views-row .views-field-field-body {
 +
      margin-bottom: 10px;
 +
      color: #767676;
 +
      font-family: 'GothamLightRegular';
 +
      font-style: italic
 +
    }
 +
 +
    .view-testimonials .views-row .views-field-title {
 +
      font-family: 'GothamBook';
 +
      color: #00bcf2
 +
    }
 +
 +
    .field-name-field-gallery-items {
 +
      zoom: 1;
 +
      padding: 10px
 +
    }
 +
 +
    .field-name-field-gallery-items:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item {
 +
      float: left;
 +
      width: 100%;
 +
      position: relative
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item h2 {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      background: rgba(0, 0, 0, 0.5);
 +
      z-index: 4;
 +
      display: none
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item h2:active,
 +
    .field-name-field-gallery-items .field-item h2:hover {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item h2 a {
 +
      width: 100%;
 +
      height: 100%;
 +
      position: absolute;
 +
      padding-top: 20%;
 +
      padding: 20px;
 +
      text-align: center;
 +
      color: white;
 +
      font-family: 'GothamLightRegular'
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item .gallery-item-gallery-item {
 +
      top: 10px;
 +
      bottom: 10px;
 +
      left: 10px;
 +
      right: 10px;
 +
      width: auto;
 +
      height: auto;
 +
      overflow: hidden
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item .field-item:before {
 +
      display: none
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 56.25%
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item a {
 +
      z-index: 3
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item div,
 +
    .field-name-field-gallery-items .field-item a {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      width: 100%
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item .field-name-field-gallery-item-content {
 +
      display: none
 +
    }
 +
 +
    .field-name-field-gallery-items .field-item img {
 +
      width: 100%;
 +
      display: block;
 +
      position: absolute;
 +
      top: 50%;
 +
      left: 50%;
 +
      -webkit-transform: translate(-50%, -50%);
 +
      -moz-transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%);
 +
      transform: translate(-50%, -50%)
 +
    }
 +
 +
    body.page-user.not-logged-in #page-wrapper #main {
 +
      padding-top: 1px;
 +
      padding-bottom: 100px;
 +
      min-height: 100%;
 +
      height: auto
 +
    }
 +
 +
    body.page-user.not-logged-in #page-wrapper #main #footer {
 +
      position: absolute;
 +
      bottom: 0;
 +
      left: 0;
 +
      right: 0
 +
    }
 +
 +
    @media(min-height:927px) {
 +
      body.page-user-login #page-wrapper {
 +
        height: 100%
 +
      }
 +
    }
 +
 +
    form#user-register-form {
 +
      max-width: 380px;
 +
      margin: 20px auto;
 +
      padding: 0
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper {
 +
      margin: 20px 0 0
 +
    }
 +
 +
    form#user-register-form #user_register_form {
 +
      padding: 20px
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-item {
 +
      padding: 0;
 +
      margin: 20px 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-item label {
 +
      font-size: 14px;
 +
      margin-bottom: 5px;
 +
      text-align: left;
 +
      font-weight: normal
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-item input.form-text {
 +
      height: 48px;
 +
      text-align: left
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-item .description {
 +
      display: none
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password {
 +
      position: relative
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass1 {
 +
      padding-bottom: 5px;
 +
      margin-bottom: 35px
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength {
 +
      margin-top: 0;
 +
      position: absolute;
 +
      bottom: 0;
 +
      display: block;
 +
      width: 100%
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength .password-strength-title {
 +
      position: absolute;
 +
      top: 100%;
 +
      left: 0;
 +
      font-size: 11px;
 +
      padding: 2px 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength .password-strength-text {
 +
      position: absolute;
 +
      top: 100%;
 +
      right: 0;
 +
      font-size: 11px;
 +
      padding: 2px 0;
 +
      text-transform: uppercase;
 +
      font-weight: normal
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass2 {
 +
      padding-bottom: 0;
 +
      margin-bottom: 20px
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm {
 +
      margin-top: 0;
 +
      position: absolute;
 +
      top: 100%;
 +
      display: block;
 +
      width: 100%;
 +
      visibility: visible !important;
 +
      font-size: 11px;
 +
      padding: 2px 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span {
 +
      text-transform: uppercase
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span.error {
 +
      color: #f00
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span.ok {
 +
      color: #47c965
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm input.password-confirm,
 +
    form#user-register-form #user_register_form .form-type-password-confirm input.password-field {
 +
      margin-bottom: 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .description {
 +
      display: none
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .password-suggestions.description {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1;
 +
      max-height: inherit;
 +
      width: 100%;
 +
      margin-top: 35px;
 +
      margin-bottom: 0;
 +
      padding: 15px;
 +
      border: 0;
 +
      background: white;
 +
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 +
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 +
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15)
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .password-suggestions.description ul {
 +
      padding-left: 15px
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-password-confirm .password-suggestions.description ul li {
 +
      margin-top: 8px
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists {
 +
      -webkit-box-shadow: none;
 +
      -moz-box-shadow: none;
 +
      box-shadow: none;
 +
      background: transparent;
 +
      position: relative
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox .fieldset-wrapper,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists .fieldset-wrapper {
 +
      padding: 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox legend,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists legend {
 +
      text-align: center;
 +
      display: none
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox .form-item,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists .form-item {
 +
      position: relative;
 +
      margin: 0;
 +
      padding: 0;
 +
      text-align: left
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox input[type=checkbox],
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists input[type=checkbox] {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 100%;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      cursor: pointer
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox input[type=checkbox]:checked+label:after,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists input[type=checkbox]:checked+label:after {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox input[type=checkbox]+label:after,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists input[type=checkbox]+label:after {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox input.error+label:before,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists input.error+label:before {
 +
      border-color: red
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox label,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists label {
 +
      margin: 0 !important;
 +
      padding-left: 32px;
 +
      height: 36px;
 +
      position: relative;
 +
      display: inline-block
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox label a,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists label a {
 +
      position: relative;
 +
      z-index: 2
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox label:before,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists label:before {
 +
      content: '';
 +
      display: block;
 +
      height: 16px;
 +
      width: 16px;
 +
      border: 2px solid #ccc;
 +
      position: absolute;
 +
      top: -2px;
 +
      left: 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .form-type-checkbox label:after,
 +
    form#user-register-form #user_register_form fieldset#edit-mailchimp-lists label:after {
 +
      content: '';
 +
      display: block;
 +
      height: 12px;
 +
      width: 12px;
 +
      position: absolute;
 +
      top: 2px;
 +
      left: 4px;
 +
      background: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .field-name-field-register-pro {
 +
      padding-top: 5px
 +
    }
 +
 +
    form#user-register-form #user_register_form .field-name-field-register-pro .form-type-radio {
 +
      width: auto;
 +
      display: inline-block;
 +
      margin: 0 20px 0 0
 +
    }
 +
 +
    form#user-register-form #user_register_form .field-name-field-register-pro .form-type-radio label {
 +
      display: inline
 +
    }
 +
 +
    form#user-register-form #user_register_form .field-name-field-register-company-name {
 +
      padding-bottom: 20px
 +
    }
 +
 +
    form#user-register-form .back-to-login,
 +
    form#user-register-form .form-actions {
 +
      margin: 0;
 +
      padding: 0
 +
    }
 +
 +
    form#user-register-form .back-to-login a.login-account,
 +
    form#user-register-form .form-actions a.login-account,
 +
    form#user-register-form .back-to-login input.form-submit,
 +
    form#user-register-form .form-actions input.form-submit {
 +
      margin: 0;
 +
      width: 100%;
 +
      height: 48px;
 +
      font-family: 'GothamBook';
 +
      text-align: center;
 +
      padding: 16px;
 +
      margin: 20px 0;
 +
      display: block;
 +
      float: none
 +
    }
 +
 +
    form#user-register-form .back-to-login a.login-account,
 +
    form#user-register-form .form-actions a.login-account {
 +
      background: black;
 +
      color: white
 +
    }
 +
 +
    form#user-register-form .back-to-login a.login-account:hover,
 +
    form#user-register-form .form-actions a.login-account:hover {
 +
      background: #eee;
 +
      color: #191919
 +
    }
 +
 +
    form#user-register-form .back-to-login {
 +
      padding: 20px
 +
    }
 +
 +
    form#user-register-form h1 {
 +
      text-align: center;
 +
      font-size: 1em;
 +
      padding: 2px 0 0;
 +
      margin-bottom: 0;
 +
      background: transparent;
 +
      color: #191919;
 +
      line-height: 100%
 +
    }
 +
 +
    form#user-pass #user_pass_form {
 +
      max-width: 380px;
 +
      margin: 60px auto;
 +
      padding: 0 20px
 +
    }
 +
 +
    form#user-pass #user_pass_form .form-item {
 +
      padding: 0;
 +
      margin: 20px 0
 +
    }
 +
 +
    form#user-pass #user_pass_form .form-item label {
 +
      font-size: 16px;
 +
      margin-bottom: 5px;
 +
      text-align: left;
 +
      font-weight: normal
 +
    }
 +
 +
    form#user-pass #user_pass_form .form-item input.form-text {
 +
      height: 48px;
 +
      text-align: left
 +
    }
 +
 +
    form#user-pass #user_pass_form .back-to-login,
 +
    form#user-pass #user_pass_form .form-actions {
 +
      margin: 0;
 +
      padding: 0
 +
    }
 +
 +
    form#user-pass #user_pass_form .back-to-login input.form-submit,
 +
    form#user-pass #user_pass_form .form-actions input.form-submit {
 +
      margin: 0;
 +
      width: 100%;
 +
      height: 48px;
 +
      font-family: 'GothamBook';
 +
      text-align: center;
 +
      padding: 16px;
 +
      margin: 20px 0;
 +
      display: block;
 +
      float: none
 +
    }
 +
 +
    form#user-pass #user_pass_form .back-to-login a.login-account,
 +
    form#user-pass #user_pass_form .form-actions a.login-account {
 +
      background: transparent;
 +
      color: #00bcf2;
 +
      font-family: 'GothamBook';
 +
      padding: 0;
 +
      display: block;
 +
      text-align: center;
 +
      text-transform: none;
 +
      float: none;
 +
      font-size: 14px
 +
    }
 +
 +
    form#user-pass #user_pass_form .back-to-login a.login-account:hover,
 +
    form#user-pass #user_pass_form .form-actions a.login-account:hover {
 +
      color: #191919;
 +
      text-decoration: underline
 +
    }
 +
 +
    form#user-login {
 +
      margin-bottom: 30px;
 +
      zoom: 1;
 +
      max-width: 380px;
 +
      margin: 0 auto
 +
    }
 +
 +
    form#user-login .login-intro {
 +
      padding: 0 20px;
 +
      margin: 30px 0 0;
 +
      text-align: center;
 +
      font-size: 14px;
 +
      font-style: italic
 +
    }
 +
 +
    form#user-login .hybridauth-widget-wrapper {
 +
      margin: 0
 +
    }
 +
 +
    form#user-login:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    form#user-login .create-account,
 +
    form#user-login #user_login_form {
 +
      margin: 0;
 +
      margin-right: 0;
 +
      width: 100%;
 +
      padding: 20px;
 +
      zoom: 1;
 +
      float: none
 +
    }
 +
 +
    form#user-login .create-account:after,
 +
    form#user-login #user_login_form:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    form#user-login .create-account label,
 +
    form#user-login #user_login_form label {
 +
      font-weight: normal
 +
    }
 +
 +
    form#user-login .create-account .form-item,
 +
    form#user-login #user_login_form .form-item {
 +
      padding: 0;
 +
      margin: 20px 0
 +
    }
 +
 +
    form#user-login .create-account .form-item label,
 +
    form#user-login #user_login_form .form-item label {
 +
      font-size: 14px;
 +
      margin-bottom: 5px;
 +
      text-align: left
 +
    }
 +
 +
    form#user-login .create-account .form-item input.form-text,
 +
    form#user-login #user_login_form .form-item input.form-text {
 +
      height: 48px;
 +
      text-align: left
 +
    }
 +
 +
    form#user-login .create-account .form-item .description,
 +
    form#user-login #user_login_form .form-item .description {
 +
      display: none
 +
    }
 +
 +
    form#user-login .create-account .form-item-remember-me,
 +
    form#user-login #user_login_form .form-item-remember-me {
 +
      width: 50%;
 +
      float: left;
 +
      margin: 0;
 +
      height: 48px;
 +
      position: relative
 +
    }
 +
 +
    form#user-login .create-account .form-item-remember-me input[type=checkbox],
 +
    form#user-login #user_login_form .form-item-remember-me input[type=checkbox] {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 100%;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      cursor: pointer
 +
    }
 +
 +
    form#user-login .create-account .form-item-remember-me input[type=checkbox]:checked+label:after,
 +
    form#user-login #user_login_form .form-item-remember-me input[type=checkbox]:checked+label:after {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    form#user-login .create-account .form-item-remember-me input[type=checkbox]+label:after,
 +
    form#user-login #user_login_form .form-item-remember-me input[type=checkbox]+label:after {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    form#user-login .create-account .form-item-remember-me label,
 +
    form#user-login #user_login_form .form-item-remember-me label {
 +
      margin: 0 !important;
 +
      padding-left: 32px;
 +
      height: 48px;
 +
      line-height: 48px
 +
    }
 +
 +
    form#user-login .create-account .form-item-remember-me label:before,
 +
    form#user-login #user_login_form .form-item-remember-me label:before {
 +
      content: '';
 +
      display: block;
 +
      height: 20px;
 +
      width: 20px;
 +
      border: 2px solid #ccc;
 +
      position: absolute;
 +
      top: 12px;
 +
      left: 0
 +
    }
 +
 +
    form#user-login .create-account .form-item-remember-me label:after,
 +
    form#user-login #user_login_form .form-item-remember-me label:after {
 +
      content: '';
 +
      display: block;
 +
      height: 16px;
 +
      width: 16px;
 +
      position: absolute;
 +
      top: 16px;
 +
      left: 4px;
 +
      background: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    form#user-login .create-account .form-actions,
 +
    form#user-login #user_login_form .form-actions {
 +
      padding: 0;
 +
      float: right;
 +
      width: 50%;
 +
      margin: 0
 +
    }
 +
 +
    form#user-login .create-account .form-actions input.form-submit,
 +
    form#user-login #user_login_form .form-actions input.form-submit {
 +
      width: 100%;
 +
      margin: 0;
 +
      height: 48px
 +
    }
 +
 +
    form#user-login .create-account h1,
 +
    form#user-login #user_login_form h1 {
 +
      text-align: center;
 +
      font-size: 1em;
 +
      padding: 2px 0 0;
 +
      margin-bottom: 0;
 +
      color: #191919;
 +
      line-height: 100%
 +
    }
 +
 +
    form#user-login .form-actions {
 +
      margin-bottom: 0
 +
    }
 +
 +
    form#user-login #user_login_form {
 +
      padding-bottom: 58px !important;
 +
      position: relative
 +
    }
 +
 +
    form#user-login #user_login_form .login-password {
 +
      position: absolute;
 +
      bottom: 20px;
 +
      left: 20px;
 +
      right: 20px;
 +
      text-align: center;
 +
      font-size: 14px
 +
    }
 +
 +
    form#user-login .create-account h1.title {
 +
      margin-bottom: 15px !important
 +
    }
 +
 +
    form#user-login .create-account a.form-submit {
 +
      background: transparent;
 +
      text-transform: none;
 +
      color: #00bcf2;
 +
      font-size: 15px;
 +
      padding: 0
 +
    }
 +
 +
    form#user-login .create-account a.form-submit:hover {
 +
      color: #191919;
 +
      text-decoration: underline
 +
    }
 +
 +
    form#user-register-form,
 +
    form#user-login {
 +
      margin-bottom: 50px
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper,
 +
    form#user-login .hybridauth-widget-wrapper {
 +
      padding: 20px;
 +
      text-align: center
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list,
 +
    form#user-login .hybridauth-widget-wrapper .item-list {
 +
      margin-top: 0;
 +
      height: auto
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li {
 +
      display: block;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.last,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.last {
 +
      margin-bottom: 0
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.first a,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.first a {
 +
      background: #3460a1
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.first a:hover,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.first a:hover {
 +
      background: #28497a
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.last a,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.last a {
 +
      background: #de5543
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.last a:hover,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li.last a:hover {
 +
      background: #ca3724
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a {
 +
      display: block;
 +
      height: 48px;
 +
      width: 100%;
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1;
 +
      position: relative;
 +
      color: white;
 +
      color: #fff;
 +
      font-size: 13px;
 +
      line-height: 48px;
 +
      text-align: center
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.hybridauth-icon,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.hybridauth-icon {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1;
 +
      height: 48px;
 +
      width: 100%;
 +
      padding-left: 48px;
 +
      display: block;
 +
      line-height: 48px
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.hybridauth-icon:after,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.hybridauth-icon:after {
 +
      content: '';
 +
      display: block;
 +
      width: 1px;
 +
      position: absolute;
 +
      left: 48px;
 +
      top: 0;
 +
      bottom: 0;
 +
      background: rgba(0, 0, 0, 0.2);
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.hybridauth-icon:before,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.hybridauth-icon:before {
 +
      font-family: 'icon';
 +
      top: 0;
 +
      left: 0;
 +
      bottom: 0;
 +
      width: 48px;
 +
      position: absolute;
 +
      line-height: 48px;
 +
      text-align: center;
 +
      font-size: 24px;
 +
      color: #fff;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.facebook:before,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.facebook:before {
 +
      content: "\ea8c";
 +
      background-color: #3460a1;
 +
      line-height: 43px;
 +
      text-indent: -2px
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.google:before,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a span.google:before {
 +
      content: "\ea88";
 +
      background-color: #de5543;
 +
      text-indent: 4px;
 +
      padding-top: 2px
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a:hover span.facebook:before,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a:hover span.facebook:before {
 +
      background-color: #28497a
 +
    }
 +
 +
    form#user-register-form .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a:hover span.google:before,
 +
    form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a:hover span.google:before {
 +
      background-color: #ca3724
 +
    }
 +
 +
    form#user-register-form span.separator,
 +
    form#user-login span.separator {
 +
      margin: 10px 0 0;
 +
      position: relative;
 +
      text-align: center;
 +
      display: block;
 +
      font-size: 14px;
 +
      font-family: 'GothamBook';
 +
      font-weight: bold
 +
    }
 +
 +
    form#user-register-form span.separator:after,
 +
    form#user-login span.separator:after,
 +
    form#user-register-form span.separator:before,
 +
    form#user-login span.separator:before {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      top: 50%;
 +
      height: 1px;
 +
      width: auto;
 +
      z-index: -1;
 +
      filter: alpha(opacity=50);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .5;
 +
      -khtml-opacity: .5;
 +
      opacity: .5
 +
    }
 +
 +
    form#user-register-form span.separator:before,
 +
    form#user-login span.separator:before {
 +
      left: 50%;
 +
      right: 20px;
 +
      margin-left: 30px;
 +
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
 +
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
 +
      background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
 +
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
 +
    }
 +
 +
    form#user-register-form span.separator:after,
 +
    form#user-login span.separator:after {
 +
      left: 20px;
 +
      right: 50%;
 +
      margin-right: 30px;
 +
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
 +
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
 +
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
 +
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
 +
    }
 +
 +
    form#hybridauth-additional-info-form {
 +
      max-width: 380px;
 +
      margin: 20px auto;
 +
      padding: 20px
 +
    }
 +
 +
    form#hybridauth-additional-info-form .description {
 +
      display: none
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-description {
 +
      padding: 0 20px;
 +
      margin: 30px 0 0;
 +
      text-align: center;
 +
      font-size: 14px;
 +
      font-style: italic
 +
    }
 +
 +
    form#hybridauth-additional-info-form input.form-text {
 +
      height: 48px
 +
    }
 +
 +
    form#hybridauth-additional-info-form fieldset {
 +
      background: transparent;
 +
      -webkit-box-shadow: none;
 +
      -moz-box-shadow: none;
 +
      box-shadow: none
 +
    }
 +
 +
    form#hybridauth-additional-info-form fieldset legend {
 +
      text-align: center;
 +
      font-size: 1em;
 +
      padding: 2px 0 0;
 +
      margin-bottom: 0;
 +
      background: transparent;
 +
      color: #191919;
 +
      line-height: 100%
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-item {
 +
      padding: 10px 0 !important
 +
    }
 +
 +
    form#hybridauth-additional-info-form #edit-mailchimp-lists {
 +
      margin-top: 15px
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper {
 +
      padding: 15px 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password {
 +
      position: relative
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass1 {
 +
      padding-bottom: 5px;
 +
      margin-bottom: 35px
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength {
 +
      margin-top: 0;
 +
      position: absolute;
 +
      bottom: 0;
 +
      left: 0;
 +
      right: 0;
 +
      display: block;
 +
      width: auto
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength .password-strength-title {
 +
      position: absolute;
 +
      top: 100%;
 +
      left: 0;
 +
      font-size: 11px;
 +
      padding: 2px 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength .password-strength-text {
 +
      position: absolute;
 +
      top: 100%;
 +
      right: 0;
 +
      font-size: 11px;
 +
      padding: 2px 0;
 +
      text-transform: uppercase;
 +
      font-weight: normal
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass2 {
 +
      padding-bottom: 0;
 +
      margin-bottom: 20px
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm {
 +
      margin-top: 0;
 +
      position: absolute;
 +
      top: 100%;
 +
      display: block;
 +
      width: 100%;
 +
      visibility: visible !important;
 +
      font-size: 11px;
 +
      padding: 2px 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span {
 +
      text-transform: uppercase
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span.error {
 +
      color: #f00
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span.ok {
 +
      color: #47c965
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm input.password-confirm,
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm input.password-field {
 +
      margin-bottom: 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .description {
 +
      display: none
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .password-suggestions.description {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1;
 +
      max-height: inherit;
 +
      width: 100%;
 +
      margin-top: 35px;
 +
      margin-bottom: 0;
 +
      padding: 15px;
 +
      border: 0;
 +
      background: white;
 +
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 +
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 +
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15)
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .password-suggestions.description ul {
 +
      padding-left: 15px
 +
    }
 +
 +
    form#hybridauth-additional-info-form .fieldset-wrapper .form-type-password-confirm .password-suggestions.description ul li {
 +
      margin-top: 8px
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-item-mailchimp-lists-subscribe-newsletter .description {
 +
      display: none
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox {
 +
      position: relative;
 +
      padding-bottom: 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox input[type=checkbox] {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 100%;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      cursor: pointer;
 +
      z-index: 1
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox input[type=checkbox]:checked+label:after {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox input[type=checkbox]+label:after {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox input.error+label:before {
 +
      border-color: red
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox label {
 +
      margin: 0 !important;
 +
      padding: 11px;
 +
      padding-right: 0;
 +
      padding-left: 32px;
 +
      position: relative
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox label a {
 +
      position: relative;
 +
      z-index: 2
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox label:before {
 +
      content: '';
 +
      display: block;
 +
      height: 20px;
 +
      width: 20px;
 +
      border: 2px solid #ccc;
 +
      position: absolute;
 +
      top: 13px;
 +
      left: 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-type-checkbox label:after {
 +
      content: '';
 +
      display: block;
 +
      height: 16px;
 +
      width: 16px;
 +
      position: absolute;
 +
      top: 17px;
 +
      left: 4px;
 +
      background: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-actions {
 +
      padding: 0;
 +
      float: right;
 +
      width: 100%;
 +
      margin: 20px 0 0
 +
    }
 +
 +
    form#hybridauth-additional-info-form .form-actions input.form-submit {
 +
      width: 100%;
 +
      margin: 0;
 +
      height: 48px
 +
    }
 +
 +
    body.page-user-edit form {
 +
      max-width: 380px !important;
 +
      margin: 20px auto !important;
 +
      padding: 20px 0 50px !important;
 +
      clear: both
 +
    }
 +
 +
    body.page-user-edit form #edit-field-user-avatar,
 +
    body.page-user-edit form #edit-account {
 +
      margin: 0;
 +
      margin-right: 0;
 +
      width: 100%;
 +
      padding: 0 20px 20px;
 +
      zoom: 1;
 +
      float: none
 +
    }
 +
 +
    body.page-user-edit form #edit-field-user-avatar:after,
 +
    body.page-user-edit form #edit-account:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    body.page-user-edit form #edit-field-user-avatar label,
 +
    body.page-user-edit form #edit-account label {
 +
      font-weight: normal
 +
    }
 +
 +
    body.page-user-edit form .form-type-password-confirm,
 +
    body.page-user-edit form .form-item-pass-pass2 {
 +
      margin-bottom: 0 !important
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-item {
 +
      padding: 0;
 +
      margin: 20px 0
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-item label {
 +
      font-size: 14px;
 +
      margin-bottom: 5px;
 +
      text-align: left
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-item input.form-text {
 +
      height: 48px;
 +
      text-align: left
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-item .description {
 +
      display: none
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password {
 +
      position: relative
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass1 {
 +
      padding-bottom: 5px;
 +
      margin-bottom: 35px
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength {
 +
      margin-top: 0;
 +
      position: absolute;
 +
      bottom: 0;
 +
      display: block;
 +
      width: 100%
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength .password-strength-title {
 +
      position: absolute;
 +
      top: 100%;
 +
      left: 0;
 +
      font-size: 11px;
 +
      padding: 2px 0
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass1 .password-strength .password-strength-text {
 +
      position: absolute;
 +
      top: 100%;
 +
      right: 0;
 +
      font-size: 11px;
 +
      padding: 2px 0;
 +
      text-transform: uppercase;
 +
      font-weight: normal
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass2 {
 +
      padding-bottom: 0;
 +
      margin-bottom: 20px
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm {
 +
      margin-top: 0;
 +
      position: absolute;
 +
      top: 100%;
 +
      display: block;
 +
      width: 100%;
 +
      visibility: visible !important;
 +
      font-size: 11px;
 +
      padding: 2px 0
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span {
 +
      text-transform: uppercase;
 +
      float: right
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span.error {
 +
      color: #f00
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .form-type-password.form-item-pass-pass2 div.password-confirm span.ok {
 +
      color: #47c965
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm input.password-confirm,
 +
    body.page-user-edit form #edit-account .form-type-password-confirm input.password-field {
 +
      margin-bottom: 0
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .description {
 +
      display: none
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .password-suggestions.description {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1;
 +
      max-height: inherit;
 +
      width: 100%;
 +
      margin-top: 35px;
 +
      margin-bottom: 0;
 +
      padding: 15px;
 +
      border: 0;
 +
      background: white;
 +
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 +
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
 +
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15)
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .password-suggestions.description ul {
 +
      padding-left: 15px
 +
    }
 +
 +
    body.page-user-edit form #edit-account .form-type-password-confirm .password-suggestions.description ul li {
 +
      margin-top: 8px
 +
    }
 +
 +
    body.page-user-edit form #edit-field-user-avatar .form-item {
 +
      padding: 0
 +
    }
 +
 +
    body.page-user-edit form #edit-field-user-avatar .form-file {
 +
      width: 100%;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    body.page-user-edit form .form-actions {
 +
      padding: 0 20px;
 +
      width: 100%;
 +
      margin: 0
 +
    }
 +
 +
    body.page-user-edit form .form-actions input.form-submit {
 +
      width: 100%;
 +
      margin: 0 0 20px;
 +
      height: 48px
 +
    }
 +
 +
    body.page-user-orders .block-views {
 +
      max-width: 1240px;
 +
      padding: 0 20px;
 +
      margin: 20px auto 50px
 +
    }
 +
 +
    body.page-user .profile {
 +
      display: none
 +
    }
 +
 +
    body.page-user #main td,
 +
    body.page-user #main th {
 +
      padding: 7px;
 +
      font-size: 14px
 +
    }
 +
 +
    body.page-user #main th:nth-of-type(5) {
 +
      padding-right: 0;
 +
      padding-left: 4px
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view a {
 +
      display: none
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view td:nth-child(7),
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view th:nth-child(7) {
 +
      display: none
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view thead th:nth-child(7) {
 +
      text-indent: -9999px
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view tbody td:nth-child(3) .allegorithmic_license {
 +
      margin-bottom: 10px
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view tbody td:nth-child(3) a {
 +
      text-indent: 0;
 +
      padding: 8px 32px;
 +
      color: #00bcf2;
 +
      background: transparent;
 +
      width: auto;
 +
      float: none;
 +
      margin-top: 10px
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view tbody td:nth-child(3) a:after {
 +
      width: 32px;
 +
      right: auto;
 +
      color: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view tbody td:nth-child(3) a:hover {
 +
      color: #191919
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view tbody td:nth-child(3) a:hover:after {
 +
      color: #191919
 +
    }
 +
 +
    body.page-user #main table td.views-field-php a,
 +
    body.page-user #main table div.allegorithmic_download a {
 +
      text-indent: -9999px;
 +
      height: 32px;
 +
      width: 32px;
 +
      -webkit-border-radius: 32px;
 +
      -moz-border-radius: 32px;
 +
      border-radius: 32px;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      background: #00bcf2;
 +
      position: relative;
 +
      float: right
 +
    }
 +
 +
    body.page-user #main table td.views-field-php a:after,
 +
    body.page-user #main table div.allegorithmic_download a:after {
 +
      font-family: 'icon';
 +
      content: "\e607";
 +
      text-indent: 0;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      margin: auto;
 +
      width: 24px;
 +
      height: 24px;
 +
      font-size: 24px;
 +
      text-align: center;
 +
      color: white
 +
    }
 +
 +
    body.page-user #main table td.views-field-php a:hover,
 +
    body.page-user #main table div.allegorithmic_download a:hover,
 +
    body.page-user #main table td.views-field-php a:active,
 +
    body.page-user #main table div.allegorithmic_download a:active {
 +
      background: #eee
 +
    }
 +
 +
    body.page-user #main table td.views-field-php a:hover:after,
 +
    body.page-user #main table div.allegorithmic_download a:hover:after,
 +
    body.page-user #main table td.views-field-php a:active:after,
 +
    body.page-user #main table div.allegorithmic_download a:active:after {
 +
      color: #767676
 +
    }
 +
 +
    body.page-user #main .view-live-progress-title {
 +
      background: #00bcf2;
 +
      max-width: 800px;
 +
      margin: auto;
 +
      padding: 10px 15px;
 +
      zoom: 1
 +
    }
 +
 +
    body.page-user #main .view-live-progress-title:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    body.page-user #main .view-live-progress-title .title-left,
 +
    body.page-user #main .view-live-progress-title .title-right {
 +
      color: white
 +
    }
 +
 +
    body.page-user #main .view-live-progress-title .title-left {
 +
      float: left;
 +
      font-family: 'GothamBook'
 +
    }
 +
 +
    body.page-user #main .view-live-progress-title .title-right {
 +
      float: right;
 +
      font-size: 1.125em;
 +
      font-family: 'GothamBook'
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-recurring-payments-live-bottom-text-block,
 +
    body.page-user #main #block-allegorithmic-subscription-subscription-options {
 +
      max-width: 840px;
 +
      margin: auto;
 +
      padding: 0 20px;
 +
      margin-bottom: 50px
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation {
 +
      margin: 0 0 20px;
 +
      padding: 0;
 +
      max-width: 100%;
 +
      background: #767676;
 +
      zoom: 1
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation .welcome {
 +
      text-align: center;
 +
      color: #767676
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation .welcome {
 +
      display: none
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu {
 +
      max-width: 900px;
 +
      margin: auto;
 +
      zoom: 1
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a {
 +
      display: block;
 +
      padding: 17px 15px 17px 50px;
 +
      color: white;
 +
      text-transform: uppercase;
 +
      position: relative;
 +
      height: 50px
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.active {
 +
      background: #00bcf2
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.active:hover,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.active:active {
 +
      color: white
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.active:hover:before,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.active:active:before,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.active:hover:after,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.active:active:after {
 +
      color: white
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:hover,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:active {
 +
      color: #00bcf2
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:hover:before,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:active:before,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:hover:after,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:active:after {
 +
      color: #00bcf2
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:after,
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:before {
 +
      font-family: 'icon';
 +
      display: block;
 +
      position: absolute;
 +
      top: 0;
 +
      bottom: 0;
 +
      width: 30px;
 +
      text-align: center;
 +
      color: white;
 +
      line-height: 50px;
 +
      -webkit-transition: color .3s ease-in-out 0s;
 +
      -moz-transition: color .3s ease-in-out 0s;
 +
      -o-transition: color .3s ease-in-out 0s;
 +
      -ms-transition: color .3s ease-in-out 0s;
 +
      transition: color .3s ease-in-out 0s
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:after {
 +
      content: "\e601";
 +
      right: 10px;
 +
      top: 0
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:before {
 +
      left: 10px;
 +
      width: 30px;
 +
      font-size: 1.5em
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.account:before {
 +
      content: "\e60a"
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.download:before {
 +
      content: "\e607"
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.steam:before {
 +
      content: "\eaad"
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.live:before {
 +
      content: "\e610"
 +
    }
 +
 +
    body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a.billing:before {
 +
      content: "\e608"
 +
    }
 +
 +
    body.page-user #main #block-views-live-views-block h2 {
 +
      max-width: 800px;
 +
      margin: auto
 +
    }
 +
 +
    body.page-user #main h2 {
 +
      background: #767676;
 +
      font-family: 'GothamBook';
 +
      color: white;
 +
      margin: 20px 0;
 +
      padding: 5px 12px 5px 10px
 +
    }
 +
 +
    body.page-user #main .live-block,
 +
    body.page-user #main .contextual-links-region,
 +
    body.page-user #main .block-allegorithmic-user-dashboard {
 +
      max-width: 1240px;
 +
      padding: 0 20px;
 +
      margin: 30px auto
 +
    }
 +
 +
    body.page-user #main .live-block .loader,
 +
    body.page-user #main .contextual-links-region .loader,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .loader {
 +
      display: block;
 +
      text-align: center;
 +
      padding: 20px;
 +
      margin-top: 20px;
 +
      height: 59px;
 +
      position: relative;
 +
      background: #eee;
 +
      color: #767676;
 +
      cursor: pointer;
 +
      -webkit-transition: background .3s ease-in-out 0s;
 +
      -moz-transition: background .3s ease-in-out 0s;
 +
      -o-transition: background .3s ease-in-out 0s;
 +
      -ms-transition: background .3s ease-in-out 0s;
 +
      transition: background .3s ease-in-out 0s
 +
    }
 +
 +
    body.page-user #main .live-block .loader:hover,
 +
    body.page-user #main .contextual-links-region .loader:hover,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .loader:hover {
 +
      background: #00bcf2
 +
    }
 +
 +
    body.page-user #main .live-block .loader:hover span,
 +
    body.page-user #main .contextual-links-region .loader:hover span,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .loader:hover span {
 +
      color: white
 +
    }
 +
 +
    body.page-user #main .live-block .loader span,
 +
    body.page-user #main .contextual-links-region .loader span,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .loader span {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      text-transform: uppercase
 +
    }
 +
 +
    body.page-user #main .live-block .loader:after,
 +
    body.page-user #main .contextual-links-region .loader:after,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .loader:after {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      font-family: 'icon';
 +
      content: "\e97e";
 +
      display: block;
 +
      width: 32px;
 +
      height: 32px;
 +
      position: absolute;
 +
      font-size: 32px;
 +
      top: 50%;
 +
      left: 50%;
 +
      margin-top: -16px;
 +
      margin-bottom: -16px;
 +
      color: #767676;
 +
      -webkit-animation: rotating .75s linear infinite;
 +
      -ms-animation: rotating .75s linear infinite;
 +
      animation: rotating .75s linear infinite
 +
    }
 +
 +
    body.page-user #main .live-block .loader.loading,
 +
    body.page-user #main .contextual-links-region .loader.loading,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .loader.loading {
 +
      background: transparent;
 +
      cursor: auto
 +
    }
 +
 +
    body.page-user #main .live-block .loader.loading span,
 +
    body.page-user #main .contextual-links-region .loader.loading span,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .loader.loading span {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    body.page-user #main .live-block .loader.loading:after,
 +
    body.page-user #main .contextual-links-region .loader.loading:after,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .loader.loading:after {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    body.page-user #main .live-block .view-commerce-user-orders ul.pager,
 +
    body.page-user #main .contextual-links-region .view-commerce-user-orders ul.pager,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-commerce-user-orders ul.pager {
 +
      display: none
 +
    }
 +
 +
    body.page-user #main .live-block .view-commerce-user-orders td.views-field-order-number,
 +
    body.page-user #main .contextual-links-region .view-commerce-user-orders td.views-field-order-number,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-commerce-user-orders td.views-field-order-number,
 +
    body.page-user #main .live-block .view-commerce-user-orders th.views-field-order-number,
 +
    body.page-user #main .contextual-links-region .view-commerce-user-orders th.views-field-order-number,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-commerce-user-orders th.views-field-order-number {
 +
      display: none;
 +
      font-family: 'GothamLightRegular'
 +
    }
 +
 +
    body.page-user #main .live-block .view-commerce-user-orders td.views-field-commerce-order-total,
 +
    body.page-user #main .contextual-links-region .view-commerce-user-orders td.views-field-commerce-order-total,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-commerce-user-orders td.views-field-commerce-order-total {
 +
      font-family: 'GothamBook';
 +
      color: #00bcf2
 +
    }
 +
 +
    body.page-user #main .live-block .view-user-substances .views-row,
 +
    body.page-user #main .contextual-links-region .view-user-substances .views-row,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-user-substances .views-row {
 +
      width: 50%;
 +
      float: left;
 +
      padding: 10px;
 +
      text-align: center
 +
    }
 +
 +
    body.page-user #main .live-block .connect-steam,
 +
    body.page-user #main .contextual-links-region .connect-steam,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .connect-steam {
 +
      margin-bottom: 20px
 +
    }
 +
 +
    body.page-user #main .live-block .connect-steam form,
 +
    body.page-user #main .contextual-links-region .connect-steam form,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .connect-steam form {
 +
      display: inline-block;
 +
      background: black;
 +
      position: relative;
 +
      -webkit-transition: background .3s ease-in-out 0s;
 +
      -moz-transition: background .3s ease-in-out 0s;
 +
      -o-transition: background .3s ease-in-out 0s;
 +
      -ms-transition: background .3s ease-in-out 0s;
 +
      transition: background .3s ease-in-out 0s
 +
    }
 +
 +
    body.page-user #main .live-block .connect-steam form:hover,
 +
    body.page-user #main .contextual-links-region .connect-steam form:hover,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .connect-steam form:hover {
 +
      background: #00bcf2
 +
    }
 +
 +
    body.page-user #main .live-block .connect-steam form:after,
 +
    body.page-user #main .contextual-links-region .connect-steam form:after,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .connect-steam form:after {
 +
      font-family: 'icon';
 +
      content: "\eaad";
 +
      color: white;
 +
      font-size: 1.5em;
 +
      position: absolute;
 +
      top: 4px;
 +
      left: 10px;
 +
      width: 24px;
 +
      text-align: center;
 +
      line-height: 150%
 +
    }
 +
 +
    body.page-user #main .live-block .connect-steam form input#connectToSteam,
 +
    body.page-user #main .contextual-links-region .connect-steam form input#connectToSteam,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .connect-steam form input#connectToSteam,
 +
    body.page-user #main .live-block .connect-steam form input#getlicense,
 +
    body.page-user #main .contextual-links-region .connect-steam form input#getlicense,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .connect-steam form input#getlicense {
 +
      padding: 15px 15px 10px 44px;
 +
      background: transparent;
 +
      border: 0;
 +
      font-size: 14px;
 +
      text-transform: uppercase;
 +
      color: white;
 +
      font-family: 'GothamBook'
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row {
 +
      padding: 20px 20px 60px;
 +
      margin: 20px auto;
 +
      max-width: 800px;
 +
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
 +
      -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
 +
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
 +
      position: relative
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .cancel-subscription,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .cancel-subscription,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .cancel-subscription,
 +
    body.page-user #main .live-block .view-live-views .views-row .resume,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .resume,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .resume {
 +
      position: absolute;
 +
      bottom: 10px;
 +
      left: 10px
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .cancel-subscription a,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .cancel-subscription a,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .cancel-subscription a,
 +
    body.page-user #main .live-block .view-live-views .views-row .resume a,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .resume a,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .resume a {
 +
      display: block;
 +
      background: #00bcf2;
 +
      text-transform: uppercase;
 +
      color: white;
 +
      padding: 10px;
 +
      border: 0;
 +
      font-family: 'GothamBook';
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      font-size: .875em
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .cancel-subscription a:hover,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .cancel-subscription a:hover,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .cancel-subscription a:hover,
 +
    body.page-user #main .live-block .view-live-views .views-row .resume a:hover,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .resume a:hover,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .resume a:hover {
 +
      background: #eee;
 +
      color: #191919
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .payall,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .payall,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .payall {
 +
      position: absolute;
 +
      bottom: 10px;
 +
      right: 10px
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .payall input.form-submit,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .payall input.form-submit,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .payall input.form-submit {
 +
      margin: 0;
 +
      font-size: .875em
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .views-field-id,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .views-field-id,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .views-field-id {
 +
      position: absolute
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .product-name,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .product-name,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .product-name {
 +
      text-align: center
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .views-field-cancel-subscritpion a,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .views-field-cancel-subscritpion a,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .views-field-cancel-subscritpion a {
 +
      display: block;
 +
      padding: 7px 15px;
 +
      background: #eee;
 +
      color: #767676;
 +
      text-align: center;
 +
      margin: 0 0 20px 0
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .views-field-cancel-subscritpion a:focus,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .views-field-cancel-subscritpion a:focus,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .views-field-cancel-subscritpion a:focus {
 +
      background: #b91f2f;
 +
      color: white
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .progress-bar-wrapper,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .progress-bar-wrapper,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .progress-bar-wrapper {
 +
      display: block;
 +
      height: 20px;
 +
      background: #eee;
 +
      position: relative;
 +
      margin: 0 30px 20px 0;
 +
      border: 1px solid #cacaca
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .progress-bar-wrapper:after,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .progress-bar-wrapper:after,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .progress-bar-wrapper:after {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      left: 100%;
 +
      top: 100%;
 +
      background: url(/sites/all/themes/mess/images/logo-s.png) center left no-repeat;
 +
      background-size: contain;
 +
      height: 32px;
 +
      width: 26px;
 +
      margin-top: -25px;
 +
      margin-left: 8px
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .progress-bar-wrapper .progress-bar,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .progress-bar-wrapper .progress-bar,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .progress-bar-wrapper .progress-bar {
 +
      position: absolute;
 +
      top: 0;
 +
      bottom: 0;
 +
      left: 0;
 +
      background: #00bcf2
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .progress-bar-wrapper .progress-bar:after,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .progress-bar-wrapper .progress-bar:after,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .progress-bar-wrapper .progress-bar:after {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      left: 100%;
 +
      top: 100%;
 +
      margin-left: -4px;
 +
      width: 0;
 +
      height: 0;
 +
      border-style: solid;
 +
      border-width: 0 4px 8px 4px;
 +
      border-color: transparent transparent #000 transparent;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .paid-amount,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount,
 +
    body.page-user #main .live-block .view-live-views .views-row .remain-amount,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount {
 +
      zoom: 1
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .paid-amount:after,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount:after,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount:after,
 +
    body.page-user #main .live-block .view-live-views .views-row .remain-amount:after,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount:after,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .paid-amount span,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount span,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount span,
 +
    body.page-user #main .live-block .view-live-views .views-row .remain-amount span,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount span,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount span {
 +
      float: left;
 +
      width: 50%;
 +
      display: inline-block
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .paid-amount span.text,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount span.text,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount span.text,
 +
    body.page-user #main .live-block .view-live-views .views-row .remain-amount span.text,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount span.text,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount span.text {
 +
      text-align: right;
 +
      padding-right: 5px;
 +
      color: #191919
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .paid-amount span.amount,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount span.amount,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount span.amount,
 +
    body.page-user #main .live-block .view-live-views .views-row .remain-amount span.amount,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount span.amount,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount span.amount {
 +
      text-align: left;
 +
      padding-left: 5px;
 +
      font-family: 'GothamBook';
 +
      color: #00bcf2
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .paid-amount,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount {
 +
      text-align: center
 +
    }
 +
 +
    body.page-user #main .live-block .view-live-views .views-row .remain-amount,
 +
    body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount {
 +
      display: block;
 +
      padding: 5px 0;
 +
      text-align: center;
 +
      border-top: 1px solid #ccc;
 +
      border-bottom: 1px solid #ccc
 +
    }
 +
 +
    body.page-user #main .live-block .field-title,
 +
    body.page-user #main .contextual-links-region .field-title,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .field-title {
 +
      display: block;
 +
      background: #767676;
 +
      padding: 5px 10px;
 +
      line-height: 170%;
 +
      width: 100%;
 +
      color: white;
 +
      margin: 15px 0
 +
    }
 +
 +
    body.page-user #main .live-block .part-wrapper .part-right,
 +
    body.page-user #main .contextual-links-region .part-wrapper .part-right,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .part-wrapper .part-right,
 +
    body.page-user #main .live-block .part-wrapper .part-left,
 +
    body.page-user #main .contextual-links-region .part-wrapper .part-left,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .part-wrapper .part-left {
 +
      margin: 20px 0
 +
    }
 +
 +
    body.page-user #main .live-block .bottom,
 +
    body.page-user #main .contextual-links-region .bottom,
 +
    body.page-user #main .block-allegorithmic-user-dashboard .bottom {
 +
      margin: 20px 0;
 +
      text-align: center
 +
    }
 +
 +
    body.section-cart #header,
 +
    body.section-checkout #header {
 +
      background: rgba(0, 0, 0, 0.8)
 +
    }
 +
 +
    .scrolled body.section-cart #header,
 +
    .scrolled body.section-checkout #header {
 +
      background: white
 +
    }
 +
 +
    body.section-cart #page-wrapper,
 +
    body.section-checkout #page-wrapper {
 +
      padding-top: 48px
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section,
 +
    body.section-checkout #page-wrapper #page #main .section {
 +
      background: white
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content,
 +
    body.section-checkout #page-wrapper #page #main .section #content {
 +
      max-width: 1000px;
 +
      margin: auto;
 +
      padding: 40px 20px
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content .checkout-help,
 +
    body.section-checkout #page-wrapper #page #main .section #content .checkout-help {
 +
      padding: 20px;
 +
      text-align: center
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content .commerce-order-handler-area-order-total,
 +
    body.section-checkout #page-wrapper #page #main .section #content .commerce-order-handler-area-order-total {
 +
      float: right;
 +
      font-size: 1.125em
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content .commerce-order-handler-area-order-total table tr,
 +
    body.section-checkout #page-wrapper #page #main .section #content .commerce-order-handler-area-order-total table tr {
 +
      border-bottom: 0
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content .checkout_review,
 +
    body.section-checkout #page-wrapper #page #main .section #content .checkout_review {
 +
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
 +
      -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
 +
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15)
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content table thead tr th.views-field-edit-delete,
 +
    body.section-checkout #page-wrapper #page #main .section #content table thead tr th.views-field-edit-delete {
 +
      text-indent: -9999px
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content table tbody tr.pane-title td,
 +
    body.section-checkout #page-wrapper #page #main .section #content table tbody tr.pane-title td {
 +
      background-color: #767676;
 +
      color: white;
 +
      border-bottom: 0;
 +
      text-transform: uppercase;
 +
      font-family: 'GothamBook'
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content table thead tr th,
 +
    body.section-checkout #page-wrapper #page #main .section #content table thead tr th,
 +
    body.section-cart #page-wrapper #page #main .section #content table tbody tr td,
 +
    body.section-checkout #page-wrapper #page #main .section #content table tbody tr td {
 +
      text-align: left;
 +
      padding: 7px
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content table thead tr th.views-field-field-product-image img,
 +
    body.section-checkout #page-wrapper #page #main .section #content table thead tr th.views-field-field-product-image img,
 +
    body.section-cart #page-wrapper #page #main .section #content table tbody tr td.views-field-field-product-image img,
 +
    body.section-checkout #page-wrapper #page #main .section #content table tbody tr td.views-field-field-product-image img {
 +
      width: 60px
 +
    }
 +
 +
    body.section-cart #page-wrapper #page #main .section #content table thead tr th.views-field-field-product-image,
 +
    body.section-checkout #page-wrapper #page #main .section #content table thead tr th.views-field-field-product-image,
 +
    body.section-cart #page-wrapper #page #main .section #content table tbody tr td.views-field-field-product-image,
 +
    body.section-checkout #page-wrapper #page #main .section #content table tbody tr td.views-field-field-product-image,
 +
    body.section-cart #page-wrapper #page #main .section #content table thead tr th.views-field-commerce-unit-price,
 +
    body.section-checkout #page-wrapper #page #main .section #content table thead tr th.views-field-commerce-unit-price,
 +
    body.section-cart #page-wrapper #page #main .section #content table tbody tr td.views-field-commerce-unit-price,
 +
    body.section-checkout #page-wrapper #page #main .section #content table tbody tr td.views-field-commerce-unit-price {
 +
      display: none
 +
    }
 +
 +
    ol.commerce-checkout-progress {
 +
      margin-bottom: 20px;
 +
      zoom: 1
 +
    }
 +
 +
    ol.commerce-checkout-progress:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    ol.commerce-checkout-progress li {
 +
      position: relative;
 +
      float: left;
 +
      width: 100%;
 +
      padding: 10px;
 +
      text-transform: uppercase;
 +
      list-style: none;
 +
      background: #efefef;
 +
      text-align: center;
 +
      color: grey;
 +
      font-size: 1em;
 +
      margin-bottom: 1px
 +
    }
 +
 +
    ol.commerce-checkout-progress li.active {
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    .layer {
 +
      zoom: 1;
 +
      -webkit-transition: height .3s ease-in-out 0s;
 +
      -moz-transition: height .3s ease-in-out 0s;
 +
      -o-transition: height .3s ease-in-out 0s;
 +
      -ms-transition: height .3s ease-in-out 0s;
 +
      transition: height .3s ease-in-out 0s;
 +
      -webkit-backface-visibilty: hidden;
 +
      position: relative;
 +
      width: 100%
 +
    }
 +
 +
    .layer:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .layer .layer,
 +
    .layer .slide-container,
 +
    .layer .slide {
 +
      height: 100%
 +
    }
 +
 +
    .layer .slideshow {
 +
      overflow: hidden;
 +
      background: white
 +
    }
 +
 +
    .layer .slideshow p,
 +
    .layer .slideshow h1,
 +
    .layer .slideshow h2,
 +
    .layer .slideshow h3,
 +
    .layer .slideshow h4,
 +
    .layer .slideshow h5,
 +
    .layer .slideshow h6 {
 +
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3)
 +
    }
 +
 +
    body.page-live-unsubscribe .viewport {
 +
      max-width: 800px;
 +
      padding: 40px;
 +
      text-align: center;
 +
      line-height: 140%
 +
    }
 +
 +
    body.page-live-unsubscribe .viewport .confirmation a {
 +
      display: inline-block;
 +
      padding: 10px 15px;
 +
      background: #00bcf2;
 +
      margin: 20px;
 +
      color: white
 +
    }
 +
 +
    body.page-live-unsubscribe .viewport .confirmation a:hover {
 +
      background: black
 +
    }
 +
 +
    body.page-live-unsubscribe .viewport .cancel a {
 +
      text-decoration: underline;
 +
      color: #888
 +
    }
 +
 +
    body.page-live-unsubscribe .viewport .cancel a:hover {
 +
      color: #00bcf2
 +
    }
 +
 +
    .cart-empty-page {
 +
      padding: 100px 40px;
 +
      text-align: center;
 +
      text-transform: uppercase
 +
    }
 +
 +
    @media(min-width:640px) {
 +
      ol.commerce-checkout-progress {
 +
        zoom: 1
 +
      }
 +
      ol.commerce-checkout-progress:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      ol.commerce-checkout-progress li {
 +
        width: 25%;
 +
        font-size: .75em
 +
      }
 +
      ol.commerce-checkout-progress li.last:after {
 +
        display: none
 +
      }
 +
      ol.commerce-checkout-progress li:after {
 +
        display: block;
 +
        content: '';
 +
        width: 1px;
 +
        height: 100%;
 +
        position: absolute;
 +
        top: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        background: white
 +
      }
 +
      ol.commerce-checkout-progress li.active {
 +
        background: #00bcf2;
 +
        color: white
 +
      }
 +
      body.section-cart #page-wrapper #page #main .section #content table thead tr th.views-field-edit-delete,
 +
      body.section-checkout #page-wrapper #page #main .section #content table thead tr th.views-field-edit-delete {
 +
        text-indent: -9999px
 +
      }
 +
      body.section-cart #page-wrapper #page #main .section #content table thead tr th,
 +
      body.section-checkout #page-wrapper #page #main .section #content table thead tr th,
 +
      body.section-cart #page-wrapper #page #main .section #content table tbody tr td,
 +
      body.section-checkout #page-wrapper #page #main .section #content table tbody tr td {
 +
        text-align: left;
 +
        padding: 14px
 +
      }
 +
      body.section-cart #page-wrapper #page #main .section #content table thead tr th.views-field-field-product-image,
 +
      body.section-checkout #page-wrapper #page #main .section #content table thead tr th.views-field-field-product-image,
 +
      body.section-cart #page-wrapper #page #main .section #content table tbody tr td.views-field-field-product-image,
 +
      body.section-checkout #page-wrapper #page #main .section #content table tbody tr td.views-field-field-product-image,
 +
      body.section-cart #page-wrapper #page #main .section #content table thead tr th.views-field-commerce-unit-price,
 +
      body.section-checkout #page-wrapper #page #main .section #content table thead tr th.views-field-commerce-unit-price,
 +
      body.section-cart #page-wrapper #page #main .section #content table tbody tr td.views-field-commerce-unit-price,
 +
      body.section-checkout #page-wrapper #page #main .section #content table tbody tr td.views-field-commerce-unit-price {
 +
        display: table-cell
 +
      }
 +
    }
 +
 +
    .z-index-1 {
 +
      z-index: 1
 +
    }
 +
 +
    .z-index-2 {
 +
      z-index: 2
 +
    }
 +
 +
    .z-index-3 {
 +
      z-index: 3
 +
    }
 +
 +
    .z-index-4 {
 +
      z-index: 4
 +
    }
 +
 +
    .z-index-5 {
 +
      z-index: 5
 +
    }
 +
 +
    .z-index-6 {
 +
      z-index: 6
 +
    }
 +
 +
    .z-index-7 {
 +
      z-index: 7
 +
    }
 +
 +
    .z-index-8 {
 +
      z-index: 8
 +
    }
 +
 +
    .z-index-9 {
 +
      z-index: 9
 +
    }
 +
 +
    .z-index-10 {
 +
      z-index: 10
 +
    }
 +
 +
    .z-index-11 {
 +
      z-index: 11
 +
    }
 +
 +
    .z-index-12 {
 +
      z-index: 12
 +
    }
 +
 +
    .z-index-13 {
 +
      z-index: 13
 +
    }
 +
 +
    .z-index-14 {
 +
      z-index: 14
 +
    }
 +
 +
    .z-index-15 {
 +
      z-index: 15
 +
    }
 +
 +
    .z-index-16 {
 +
      z-index: 16
 +
    }
 +
 +
    .z-index-17 {
 +
      z-index: 17
 +
    }
 +
 +
    .z-index-18 {
 +
      z-index: 18
 +
    }
 +
 +
    .z-index-19 {
 +
      z-index: 19
 +
    }
 +
 +
    .z-index-20 {
 +
      z-index: 20
 +
    }
 +
 +
    .brick {
 +
      position: relative;
 +
      zoom: 1
 +
    }
 +
 +
    .brick:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .brick.left {
 +
      float: left
 +
    }
 +
 +
    .brick.right {
 +
      float: right
 +
    }
 +
 +
    .brick.center {
 +
      margin-right: auto;
 +
      margin-left: auto
 +
    }
 +
 +
    .brick.align-left {
 +
      text-align: left
 +
    }
 +
 +
    .brick.align-right {
 +
      text-align: right
 +
    }
 +
 +
    .brick.align-center {
 +
      text-align: center
 +
    }
 +
 +
    .brick.absolute {
 +
      position: absolute;
 +
      max-height: 100%;
 +
      max-width: 100%
 +
    }
 +
 +
    .brick.absolute.right {
 +
      right: 0
 +
    }
 +
 +
    .brick.absolute.left {
 +
      left: 0
 +
    }
 +
 +
    .brick.absolute.top {
 +
      top: 0
 +
    }
 +
 +
    .brick.absolute.bottom {
 +
      bottom: 0
 +
    }
 +
 +
    .brick.absolute.center {
 +
      left: 50%;
 +
      -webkit-transform: translate(-50%, 0);
 +
      -moz-transform: translate(-50%, 0);
 +
      -ms-transform: translate(-50%, 0);
 +
      transform: translate(-50%, 0)
 +
    }
 +
 +
    .brick.absolute.middle {
 +
      top: 50%;
 +
      -webkit-transform: translate(0, -50%);
 +
      -moz-transform: translate(0, -50%);
 +
      -ms-transform: translate(0, -50%);
 +
      transform: translate(0, -50%)
 +
    }
 +
 +
    .brick.absolute.absolute-center {
 +
      left: 50%;
 +
      top: 50%;
 +
      -webkit-transform: translate(-50%, -50%);
 +
      -moz-transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%);
 +
      transform: translate(-50%, -50%)
 +
    }
 +
 +
    .brick.text {
 +
      -webkit-transition: height .3s ease-in-out 0s;
 +
      -moz-transition: height .3s ease-in-out 0s;
 +
      -o-transition: height .3s ease-in-out 0s;
 +
      -ms-transition: height .3s ease-in-out 0s;
 +
      transition: height .3s ease-in-out 0s;
 +
      -webkit-transition: font-size .3s ease-in-out 0s;
 +
      -moz-transition: font-size .3s ease-in-out 0s;
 +
      -o-transition: font-size .3s ease-in-out 0s;
 +
      -ms-transition: font-size .3s ease-in-out 0s;
 +
      transition: font-size .3s ease-in-out 0s
 +
    }
 +
 +
    .brick.text ul {
 +
      margin: 20px 0
 +
    }
 +
 +
    .brick.text ul li {
 +
      padding-left: 20px
 +
    }
 +
 +
    .brick.text.uppercase {
 +
      text-transform: uppercase
 +
    }
 +
 +
    .brick.text.light {
 +
      font-family: 'GothamLightRegular';
 +
      font-style: normal
 +
    }
 +
 +
    .brick.text.light-italic {
 +
      font-family: 'GothamLightRegular';
 +
      font-style: italic
 +
    }
 +
 +
    .brick.text.regular {
 +
      font-family: 'GothamBook';
 +
      font-style: normal
 +
    }
 +
 +
    .brick.text.regular-italic {
 +
      font-family: 'GothamBook';
 +
      font-style: italic
 +
    }
 +
 +
    .brick.text.semibold {
 +
      font-family: 'GothamBook';
 +
      font-style: normal
 +
    }
 +
 +
    .brick.text.semibold-italic {
 +
      font-family: 'GothamBook';
 +
      font-style: italic
 +
    }
 +
 +
    .brick.text.bold {
 +
      font-family: 'GothamBook';
 +
      font-style: normal
 +
    }
 +
 +
    .brick.text.bold-italic {
 +
      font-family: 'GothamBook';
 +
      font-style: italic
 +
    }
 +
 +
    .brick.mobile-height-ratio-4-3:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 75%
 +
    }
 +
 +
    .brick.mobile-height-ratio-3-4:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 133.333333333%
 +
    }
 +
 +
    .brick.mobile-height-ratio-16-9:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 56.25%
 +
    }
 +
 +
    .brick.mobile-height-ratio-9-16:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 177.7777777%
 +
    }
 +
 +
    .brick.mobile-height-ratio-square:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 100%
 +
    }
 +
 +
    .brick.media span.image.mobile,
 +
    .brick.media span.image.tablet,
 +
    .brick.media span.image.laptop {
 +
      position: relative;
 +
      height: 100%
 +
    }
 +
 +
    .brick.media span.image.mobile span,
 +
    .brick.media span.image.tablet span,
 +
    .brick.media span.image.laptop span {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      background-repeat: no-repeat;
 +
      background-position: center
 +
    }
 +
 +
    .brick.media.background-cover span span {
 +
      background-size: cover
 +
    }
 +
 +
    .brick.media.background-repeat span span {
 +
      background-size: auto;
 +
      background-position: top left !important;
 +
      background-repeat: repeat !important
 +
    }
 +
 +
    .brick.media.background-contain span span {
 +
      background-size: contain
 +
    }
 +
 +
    .brick.media span span {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      background-position: center;
 +
      background-repeat: no-repeat
 +
    }
 +
 +
    .brick.media video {
 +
      display: none
 +
    }
 +
 +
    .brick.media video.force-display {
 +
      display: inline-block
 +
    }
 +
 +
    .brick.media span.mobile {
 +
      display: block
 +
    }
 +
 +
    .brick.media span.mobile span {
 +
      display: block
 +
    }
 +
 +
    .brick.media span.tablet {
 +
      display: none
 +
    }
 +
 +
    .brick.media span.tablet span {
 +
      display: none
 +
    }
 +
 +
    .brick.media span.laptop {
 +
      display: none
 +
    }
 +
 +
    .brick.media span.laptop span {
 +
      display: none
 +
    }
 +
 +
    .brick.media iframe,
 +
    .brick.media embed {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      height: 100%;
 +
      width: 100%
 +
    }
 +
 +
    .brick.media img {
 +
      max-width: 100%
 +
    }
 +
 +
    .brick .field .medias.bloc-video-html5 video {
 +
      width: 100%;
 +
      display: none
 +
    }
 +
 +
    .brick .field .medias.bloc-video-html5 video.force-display {
 +
      display: inline-block
 +
    }
 +
 +
    .brick .field .medias.bloc-video-html5 img {
 +
      display: block
 +
    }
 +
 +
    .page-node h1,
 +
    .page-gallery-item h1 {
 +
      text-align: center
 +
    }
 +
 +
    .page-gallery-item .field-name-field-gallery-item-image .field-item {
 +
      text-align: center
 +
    }
 +
 +
    .page-node-done .webform-confirmation,
 +
    .page-node-done .links {
 +
      max-width: 1240px;
 +
      margin: auto
 +
    }
 +
 +
    .blog-date {
 +
      font-size: .9375em;
 +
      color: #999;
 +
      margin-top: 10px
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 {
 +
      height: 75%
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 h2 {
 +
      display: none
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row {
 +
      margin-bottom: 0
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row .content {
 +
      background: #191919;
 +
      color: white;
 +
      padding: 20px;
 +
      border-bottom: 0
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row .content .views-field-title {
 +
      padding-right: 96px
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row .content .views-field-title a:hover {
 +
      color: white
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row .content .views-field-nothing-2 {
 +
      font-size: .6875em;
 +
      margin-bottom: 5px
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row .content .views-field-nothing-2 a:hover {
 +
      color: white
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row .content .article-sharebox {
 +
      margin-right: 20px;
 +
      bottom: 20px
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row .content .article-share-count {
 +
      position: absolute;
 +
      right: 20px;
 +
      top: 15px
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .views-row .content .views-field-disqus-comment-count {
 +
      position: absolute;
 +
      right: 68px;
 +
      top: 15px
 +
    }
 +
 +
    body {
 +
      font-family: 'GothamBook'
 +
    }
 +
 +
    .blog-section-wrapper {
 +
      padding: 20px 0
 +
    }
 +
 +
    section.media-section,
 +
    section.markdown-section {
 +
      margin: auto;
 +
      background: #fafafa
 +
    }
 +
 +
    section.media-section .inner,
 +
    section.markdown-section .inner {
 +
      max-width: 1032px;
 +
      padding: 20px;
 +
      margin: auto
 +
    }
 +
 +
    section.media-section.white-background,
 +
    section.markdown-section.white-background {
 +
      background: white
 +
    }
 +
 +
    section.media-section.grey-background,
 +
    section.markdown-section.grey-background {
 +
      background: #f2f2f2
 +
    }
 +
 +
    section.media-section {
 +
      position: relative
 +
    }
 +
 +
    section.media-section.no-padding-above .inner {
 +
      padding-top: 0
 +
    }
 +
 +
    section.media-section.no-padding-below .inner {
 +
      padding-bottom: 0
 +
    }
 +
 +
    section.media-section .inner {
 +
      padding: 0
 +
    }
 +
 +
    section.media-section iframe {
 +
      border: 0
 +
    }
 +
 +
    section.media-section .slider-container {
 +
      width: 100%;
 +
      height: 100%;
 +
      overflow: hidden;
 +
      position: relative
 +
    }
 +
 +
    section.media-section .slider-container .slide-inner {
 +
      width: 1000%;
 +
      height: 100%
 +
    }
 +
 +
    section.media-section .slider-container .slide-inner .item {
 +
      width: 10%;
 +
      height: auto !important;
 +
      float: left
 +
    }
 +
 +
    section.media-section .item {
 +
      position: relative
 +
    }
 +
 +
    section.media-section .item .medias {
 +
      text-align: center
 +
    }
 +
 +
    section.media-section .item .medias img {
 +
      height: auto;
 +
      max-width: 100%
 +
    }
 +
 +
    section.media-section .item .medias.video {
 +
      position: relative
 +
    }
 +
 +
    section.media-section .item .medias.video:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 56.25%
 +
    }
 +
 +
    section.media-section .item .medias.video iframe {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 100%;
 +
      display: block
 +
    }
 +
 +
    section.media-section .item .medias.bloc-video-html5 video {
 +
      width: 100%;
 +
      display: none
 +
    }
 +
 +
    section.media-section .item .medias.bloc-video-html5 video.force-display {
 +
      display: inline-block
 +
    }
 +
 +
    section.media-section .item .medias.bloc-video-html5 img {
 +
      display: block
 +
    }
 +
 +
    section.media-section .item .caption {
 +
      text-align: center;
 +
      font-size: 14px;
 +
      color: #191919;
 +
      z-index: 1;
 +
      padding: 10px
 +
    }
 +
 +
    section.media-section .item .author-name {
 +
      color: white;
 +
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
 +
      font-style: italic;
 +
      position: absolute;
 +
      right: 10px;
 +
      bottom: 10px;
 +
      padding: 3px;
 +
      z-index: 1;
 +
      font-size: 11px
 +
    }
 +
 +
    section.media-section .item .field-name-field-ah-image-1,
 +
    section.media-section .item .field-name-field-ah-image-2 {
 +
      float: left;
 +
      width: 100%
 +
    }
 +
 +
    @media only screen and (min-width:480px) {
 +
      section.media-section .item .field-name-field-ah-image-1,
 +
      section.media-section .item .field-name-field-ah-image-2 {
 +
        width: 50%
 +
      }
 +
    }
 +
 +
    section.media-section .item .field-name-field-ah-image-1 img,
 +
    section.media-section .item .field-name-field-ah-image-2 img {
 +
      display: block;
 +
      width: 100%
 +
    }
 +
 +
    section.media-section .item .field-name-field-ah-image-1 {
 +
      padding: 10px
 +
    }
 +
 +
    @media only screen and (min-width:480px) {
 +
      section.media-section .item .field-name-field-ah-image-1 {
 +
        padding: 10px 5px 10px 10px
 +
      }
 +
    }
 +
 +
    section.media-section .item .field-name-field-ah-image-2 {
 +
      padding: 10px 10px 10px 5px
 +
    }
 +
 +
    @media only screen and (min-width:480px) {
 +
      section.media-section .item .field-name-field-ah-image-2 {
 +
        padding: 10px
 +
      }
 +
    }
 +
 +
    section.media-section .prev,
 +
    section.media-section .next {
 +
      position: absolute;
 +
      top: 48px;
 +
      bottom: 48px;
 +
      width: 48px;
 +
      height: auto;
 +
      z-index: 1;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      cursor: pointer;
 +
      -webkit-transition: all .15s ease-in-out 0s;
 +
      -moz-transition: all .15s ease-in-out 0s;
 +
      -o-transition: all .15s ease-in-out 0s;
 +
      -ms-transition: all .15s ease-in-out 0s;
 +
      transition: all .15s ease-in-out 0s
 +
    }
 +
 +
    section.media-section .prev:before,
 +
    section.media-section .next:before {
 +
      font-family: 'icon';
 +
      color: white;
 +
      display: block;
 +
      height: 64px;
 +
      line-height: 64px;
 +
      font-size: 24px;
 +
      width: 100%;
 +
      position: absolute;
 +
      top: 50%;
 +
      margin-top: -32px;
 +
      left: 0;
 +
      text-align: center;
 +
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
 +
      -webkit-transition: all .15s ease-in-out 0s;
 +
      -moz-transition: all .15s ease-in-out 0s;
 +
      -o-transition: all .15s ease-in-out 0s;
 +
      -ms-transition: all .15s ease-in-out 0s;
 +
      transition: all .15s ease-in-out 0s
 +
    }
 +
 +
    section.media-section .prev:after,
 +
    section.media-section .next:after {
 +
      display: none
 +
    }
 +
 +
    section.media-section .prev:active:before,
 +
    section.media-section .next:active:before {
 +
      color: #00bcf2
 +
    }
 +
 +
    section.media-section .prev {
 +
      left: 0
 +
    }
 +
 +
    section.media-section .prev:before {
 +
      content: "\e600"
 +
    }
 +
 +
    section.media-section .next {
 +
      right: 0
 +
    }
 +
 +
    section.media-section .next:before {
 +
      content: "\e601"
 +
    }
 +
 +
    section.media-section.white .prev:before,
 +
    section.media-section.white .next:before {
 +
      color: white
 +
    }
 +
 +
    section.media-section.dark .prev:before,
 +
    section.media-section.dark .next:before {
 +
      color: #191919
 +
    }
 +
 +
    section.media-section.white-arrow .prev:before,
 +
    section.media-section.white-arrow .next:before {
 +
      color: white
 +
    }
 +
 +
    section.media-section.black-arrow .prev:before,
 +
    section.media-section.black-arrow .next:before {
 +
      color: #191919
 +
    }
 +
 +
    section.markdown-section {
 +
      text-align: justify
 +
    }
 +
 +
    section.markdown-section.no-padding-above .inner {
 +
      padding-top: 0
 +
    }
 +
 +
    section.markdown-section.no-padding-above .inner p {
 +
      margin-top: 0
 +
    }
 +
 +
    section.markdown-section.no-padding-below .inner {
 +
      padding-bottom: 0
 +
    }
 +
 +
    section.markdown-section.no-padding-below .inner p {
 +
      margin-bottom: 0
 +
    }
 +
 +
    section.markdown-section h1,
 +
    section.markdown-section h2,
 +
    section.markdown-section h3,
 +
    section.markdown-section h4,
 +
    section.markdown-section h5,
 +
    section.markdown-section h6 {
 +
      font-weight: normal;
 +
      color: #191919;
 +
      text-align: left;
 +
      text-transform: none
 +
    }
 +
 +
    section.markdown-section h1 {
 +
      font-size: 2.25em
 +
    }
 +
 +
    section.markdown-section h2 {
 +
      font-size: 1.875em
 +
    }
 +
 +
    section.markdown-section h3 {
 +
      font-size: 1.6875em
 +
    }
 +
 +
    section.markdown-section h4 {
 +
      font-size: 1.5em
 +
    }
 +
 +
    section.markdown-section h5 {
 +
      font-size: 1.375em
 +
    }
 +
 +
    section.markdown-section h6 {
 +
      font-size: 1.125em
 +
    }
 +
 +
    section.markdown-section ul,
 +
    section.markdown-section ol {
 +
      padding-left: 20px
 +
    }
 +
 +
    section.markdown-section ul li,
 +
    section.markdown-section ol li {
 +
      font-size: 1em;
 +
      margin: 1em 0;
 +
      line-height: 140%
 +
    }
 +
 +
    section.markdown-section ul li {
 +
      list-style-type: disc
 +
    }
 +
 +
    section.markdown-section ol li {
 +
      list-style-type: decimal
 +
    }
 +
 +
    section.markdown-section p {
 +
      font-size: 1em;
 +
      margin: 1.5em 0;
 +
      line-height: 140%
 +
    }
 +
 +
    section.markdown-section blockquote {
 +
      font-family: 'GothamLightRegular';
 +
      text-align: center;
 +
      font-style: italic;
 +
      padding: 40px 0
 +
    }
 +
 +
    section.markdown-section blockquote:before {
 +
      content: '"'
 +
    }
 +
 +
    section.markdown-section blockquote:after {
 +
      content: '"'
 +
    }
 +
 +
    section.links-section {
 +
      text-align: center;
 +
      padding: 20px
 +
    }
 +
 +
    section.links-section .link {
 +
      display: inline-block;
 +
      position: relative
 +
    }
 +
 +
    section.links-section .link a {
 +
      display: block;
 +
      padding: 11px 30px;
 +
      background: #00bcf2;
 +
      color: white;
 +
      position: relative
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page {
 +
      padding: 10px 20px 0;
 +
      background: white;
 +
      border-bottom: 1px solid #eee;
 +
      width: 100%
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page>div {
 +
      max-width: 960px;
 +
      margin: auto
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper {
 +
      position: relative
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper:hover .bef-checkboxes {
 +
      display: block
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper:hover>label:before {
 +
      -webkit-transform: rotate(-90deg);
 +
      -moz-transform: rotate(-90deg);
 +
      -ms-transform: rotate(-90deg);
 +
      transform: rotate(-90deg)
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper label {
 +
      display: block;
 +
      width: 180px;
 +
      border: 1px solid #dadada;
 +
      background: white;
 +
      padding: 6px 10px 5px;
 +
      font-weight: normal;
 +
      position: relative
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper>label:before {
 +
      display: block;
 +
      content: "\e601";
 +
      text-align: center;
 +
      font-family: 'icon';
 +
      position: absolute;
 +
      -webkit-transform: rotate(90deg);
 +
      -moz-transform: rotate(90deg);
 +
      -ms-transform: rotate(90deg);
 +
      transform: rotate(90deg);
 +
      right: 10px;
 +
      color: #00bcf2
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper .bef-checkboxes {
 +
      display: none;
 +
      position: absolute;
 +
      top: 100%;
 +
      width: 100%;
 +
      max-height: 149px;
 +
      overflow-y: auto;
 +
      z-index: 2
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper .bef-checkboxes .form-item label {
 +
      padding: 6px 10px 5px 40px;
 +
      height: 30px;
 +
      width: auto;
 +
      position: relative;
 +
      border-top: 0;
 +
      margin-bottom: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper .bef-checkboxes .form-item input[type="checkbox"] {
 +
      display: none;
 +
      position: absolute;
 +
      height: 0;
 +
      width: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper .bef-checkboxes .form-item input[type="checkbox"]+label:after,
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper .bef-checkboxes .form-item input[type="checkbox"]+label:before {
 +
      display: block;
 +
      height: 30px;
 +
      width: 30px;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper .bef-checkboxes .form-item input[type="checkbox"]+label:before {
 +
      content: '';
 +
      border-right: 1px solid #dadada
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper .bef-checkboxes .form-item input[type="checkbox"]+label:after {
 +
      content: "\ea10";
 +
      background: white;
 +
      height: 29px;
 +
      font-family: 'icon';
 +
      color: #dadada;
 +
      text-align: center;
 +
      line-height: 29px
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-field-article-category-tid-wrapper .bef-checkboxes .form-item input[type="checkbox"]:checked+label:after {
 +
      color: #00bcf2
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-widgets {
 +
      margin-bottom: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-widgets .link-wrapper {
 +
      padding-right: 30px;
 +
      position: relative;
 +
      float: left
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-back-main-page-wrapper {
 +
      float: right;
 +
      margin-right: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-back-main-page-wrapper a {
 +
      display: block;
 +
      padding: 7px;
 +
      padding-right: 22px;
 +
      position: relative
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page #edit-back-main-page-wrapper a:before {
 +
      content: "\e601";
 +
      font-family: 'icon';
 +
      display: block;
 +
      position: absolute;
 +
      right: 0;
 +
      text-align: center;
 +
      font-size: 11px;
 +
      width: 20px;
 +
      line-height: 160%
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget {
 +
      padding: 0;
 +
      margin-right: 20px;
 +
      margin-bottom: 8px
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget#edit-combine-wrapper {
 +
      margin-right: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget .form-item {
 +
      padding: 0 !important
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget .form-select {
 +
      min-width: 140px
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget.views-submit-button {
 +
      background: #00bcf2;
 +
      margin-right: 0;
 +
      margin-bottom: 0;
 +
      position: absolute;
 +
      top: 0;
 +
      right: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget.views-submit-button:after {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      width: 12px;
 +
      height: 12px;
 +
      -webkit-border-radius: 16px;
 +
      -moz-border-radius: 16px;
 +
      border-radius: 16px;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      border: 2px solid white;
 +
      top: 6px;
 +
      right: 5px;
 +
      z-index: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget.views-submit-button:before {
 +
      content: '';
 +
      display: block;
 +
      position: absolute;
 +
      width: 8px;
 +
      height: 3px;
 +
      background: white;
 +
      bottom: 8px;
 +
      right: 17px;
 +
      -webkit-transform: rotate(-45deg);
 +
      -moz-transform: rotate(-45deg);
 +
      -ms-transform: rotate(-45deg);
 +
      transform: rotate(-45deg);
 +
      z-index: 0
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget.views-submit-button input.form-submit {
 +
      margin-top: 0;
 +
      margin: 0;
 +
      padding: 8px 15px 4px;
 +
      text-indent: -9999px;
 +
      background: transparent;
 +
      position: relative;
 +
      z-index: 1
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget .form-type-textfield {
 +
      position: relative
 +
    }
 +
 +
    form#views-exposed-form-article-landing-page-page .views-exposed-form .views-exposed-widget .form-type-textfield input.form-text {
 +
      background: white;
 +
      border: 1px solid #dadada
 +
    }
 +
 +
    .wrapper-blog-image {
 +
      height: 75%;
 +
      position: relative
 +
    }
 +
 +
    @media screen and (min-width:1025px) {
 +
      .wrapper-blog-image {
 +
        margin-top: 50px !important
 +
      }
 +
    }
 +
 +
    .wrapper-blog-image .field-name-field-article-image {
 +
      height: 100%
 +
    }
 +
 +
    .wrapper-blog-image .field-name-field-article-image .field-items {
 +
      height: 100%
 +
    }
 +
 +
    .wrapper-blog-image .field-name-field-article-image .field-items .field-item {
 +
      height: 100%
 +
    }
 +
 +
    .wrapper-blog-image .field-name-field-article-image .field-items .field-item .media {
 +
      position: relative;
 +
      height: 100%
 +
    }
 +
 +
    .wrapper-blog-image .field-name-field-article-image .field-items .field-item .media span.background span {
 +
      position: absolute;
 +
      background-size: cover;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      background-position: center
 +
    }
 +
 +
    .wrapper-blog-image .field-name-field-article-credits {
 +
      position: absolute;
 +
      bottom: 0;
 +
      right: 0;
 +
      color: white;
 +
      background: rgba(0, 0, 0, 0.1);
 +
      padding: 2px 5px;
 +
      font-size: 12px
 +
    }
 +
 +
    .view-article-landing-page {
 +
      max-width: 1000px;
 +
      margin: auto;
 +
      padding: 20px;
 +
      margin-top: 5%
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page {
 +
      max-width: 100%;
 +
      height: 75%;
 +
      padding: 0;
 +
      margin-top: 0
 +
    }
 +
 +
    @media screen and (min-width:1025px) {
 +
      #block-views-article-landing-page-block-1 .view-article-landing-page {
 +
        margin-top: 50px !important
 +
      }
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content {
 +
      height: 100%
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row {
 +
      height: 100%
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row .views-field-field-article-image {
 +
      height: 100%
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row .views-field-field-article-image .media {
 +
      height: 100%
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row .views-field-field-article-image .media:before {
 +
      display: none
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row .views-field-field-article-image .article-credits {
 +
      position: absolute;
 +
      bottom: 0;
 +
      right: 0;
 +
      color: white;
 +
      background: rgba(0, 0, 0, 0.1);
 +
      padding: 2px 5px;
 +
      font-size: 12px
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row .field-content {
 +
      height: 100%
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row .field-content .media {
 +
      height: 100%
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row .field-content .media:before {
 +
      display: none
 +
    }
 +
 +
    #block-views-article-landing-page-block-1 .view-article-landing-page .view-content .views-row .field-content .media.absolute {
 +
      position: absolute
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row {
 +
      margin-bottom: 40px;
 +
      position: relative
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .content {
 +
      position: relative;
 +
      padding-bottom: 20px;
 +
      border-bottom: 1px solid #efefef
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .node-link {
 +
      position: absolute;
 +
      top: 0;
 +
      width: 100%;
 +
      padding-top: 42.7%
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .node-link a {
 +
      display: block;
 +
      text-indent: -9999px;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-field-article-image {
 +
      margin: 0 0 20px;
 +
      position: relative
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-field-article-image .media {
 +
      position: relative;
 +
      background: #ccc
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-field-article-image .media:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 42.7%
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-field-article-image .media span {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      background-size: cover;
 +
      background-position: center
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-field-article-image .article-credits {
 +
      position: absolute;
 +
      bottom: 0;
 +
      right: 0;
 +
      color: white;
 +
      background: rgba(0, 0, 0, 0.1);
 +
      padding: 2px 5px;
 +
      font-size: 12px
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-title {
 +
      clear: both
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-title span a {
 +
      font-size: 1.125em;
 +
      display: block
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-nothing {
 +
      margin-bottom: 5px
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-nothing span {
 +
      font-size: .6875em;
 +
      color: #999
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-nothing span a {
 +
      color: #00bcf2
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox {
 +
      zoom: 1
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .views-field-disqus-comment-count,
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .article-share-count {
 +
      float: left;
 +
      width: 48px;
 +
      height: 32px;
 +
      padding: 8px;
 +
      padding-left: 32px;
 +
      position: relative;
 +
      color: #00bcf2
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .views-field-disqus-comment-count a,
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .article-share-count a {
 +
      color: #00bcf2
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .views-field-disqus-comment-count:before,
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .article-share-count:before {
 +
      position: absolute;
 +
      width: 12px;
 +
      height: 12px;
 +
      padding: 8px;
 +
      font-family: 'icon';
 +
      left: 0;
 +
      top: 0
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .views-field-disqus-comment-count:before {
 +
      content: "\e60b"
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .article-share-count:before {
 +
      content: "\e609"
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox .container-share {
 +
      float: right
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox ul.menu-icons {
 +
      margin: 0;
 +
      padding: 0;
 +
      display: none
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox ul.menu-icons li {
 +
      list-style: none;
 +
      float: left
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox ul.menu-icons li a {
 +
      display: block;
 +
      width: 32px;
 +
      height: 32px;
 +
      text-indent: -9999px;
 +
      overflow: hidden;
 +
      -webkit-border-radius: 32px;
 +
      -moz-border-radius: 32px;
 +
      border-radius: 32px;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      margin-left: 10px
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox ul.menu-icons li a:before {
 +
      text-indent: 0;
 +
      display: block;
 +
      width: 32px;
 +
      height: 32px;
 +
      font-family: 'icon';
 +
      text-align: center;
 +
      line-height: 170%;
 +
      -webkit-transition: color .3s ease-in-out 0s;
 +
      -moz-transition: color .3s ease-in-out 0s;
 +
      -o-transition: color .3s ease-in-out 0s;
 +
      -ms-transition: color .3s ease-in-out 0s;
 +
      transition: color .3s ease-in-out 0s
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox ul.menu-icons li.facebook a:before {
 +
      background: #3460a1;
 +
      content: "\ea8c";
 +
      color: #fff;
 +
      text-indent: -3px;
 +
      font-size: 17px
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .article-sharebox ul.menu-icons li.twitter a:before {
 +
      background: #28aae1;
 +
      content: "\ea91";
 +
      color: #fff;
 +
      line-height: 200%
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-field-article-teaser {
 +
      width: 100%;
 +
      line-height: 150%;
 +
      overflow: hidden;
 +
      max-height: 72px;
 +
      clear: both
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-field-article-teaser img {
 +
      display: none
 +
    }
 +
 +
    #block-disqus-disqus-comments {
 +
      background: #f2f2f2
 +
    }
 +
 +
    #block-disqus-disqus-comments #disqus_thread {
 +
      max-width: 800px;
 +
      margin: auto;
 +
      padding: 20px
 +
    }
 +
 +
    #block-allegorithmic-blockgroup-wrapper-group-blog #block-facebook-boxes-fb-like {
 +
      text-align: center;
 +
      display: none
 +
    }
 +
 +
    #block-allegorithmic-blockgroup-wrapper-group-blog #block-facebook-boxes-fb-like iframe {
 +
      display: inline-block
 +
    }
 +
 +
    article.node-article h1#page-title {
 +
      margin: 0;
 +
      padding: 20px;
 +
      max-width: 1032px;
 +
      margin: auto
 +
    }
 +
 +
    article.node-article .field-name-field-article-image {
 +
      margin: 0
 +
    }
 +
 +
    article.node-article .field-name-field-article-image .media {
 +
      position: relative;
 +
      background: #000
 +
    }
 +
 +
    article.node-article .field-name-field-article-image .media:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 42.7%
 +
    }
 +
 +
    article.node-article .field-name-field-article-image .media span {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      background-size: cover;
 +
      background-position: center
 +
    }
 +
 +
    article.node-article .field-custom-author {
 +
      text-align: center;
 +
      color: #999;
 +
      max-width: 1032px;
 +
      padding: 0 20px;
 +
      margin: auto
 +
    }
 +
 +
    article.node-article .field-name-field-article-teaser {
 +
      max-width: 1000px;
 +
      padding: 20px;
 +
      margin: auto;
 +
      line-height: 150%
 +
    }
 +
 +
    article.node-article .field-name-field-article-teaser p {
 +
      margin-bottom: 20px
 +
    }
 +
 +
    article.node-article .field-name-field-article-teaser p:last-child {
 +
      margin-bottom: 0
 +
    }
 +
 +
    body.node-type-article h1#page-title {
 +
      line-height: 140%;
 +
      padding-left: 20px;
 +
      padding-right: 20px
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text,
 +
    body.node-type-article .block-allegorithmic-article {
 +
      max-width: 1000px;
 +
      padding: 20px;
 +
      margin: auto;
 +
      zoom: 1
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text ul.menu-icons,
 +
    body.node-type-article .block-allegorithmic-article ul.menu-icons {
 +
      padding: 0;
 +
      margin: 0;
 +
      text-align: center
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text ul.menu-icons li,
 +
    body.node-type-article .block-allegorithmic-article ul.menu-icons li {
 +
      list-style: none;
 +
      display: inline-block
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text ul.menu-icons li a,
 +
    body.node-type-article .block-allegorithmic-article ul.menu-icons li a {
 +
      display: block;
 +
      font-size: 1.2em;
 +
      padding: 7px 15px;
 +
      width: 52px;
 +
      height: 32px;
 +
      position: relative;
 +
      color: #787878;
 +
      text-indent: -9999px
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text ul.menu-icons li a:active,
 +
    body.node-type-article .block-allegorithmic-article ul.menu-icons li a:active {
 +
      color: #00bcf2
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text ul.menu-icons li a:before,
 +
    body.node-type-article .block-allegorithmic-article ul.menu-icons li a:before {
 +
      display: block;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 10px;
 +
      width: 32px;
 +
      height: 32px;
 +
      font-family: 'icon';
 +
      text-align: center;
 +
      color: #fff
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text ul.menu-icons li.facebook a:before,
 +
    body.node-type-article .block-allegorithmic-article ul.menu-icons li.facebook a:before {
 +
      background: #3460a1;
 +
      content: "\ea8c";
 +
      text-indent: -2px;
 +
      line-height: 150%
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text ul.menu-icons li.twitter a:before,
 +
    body.node-type-article .block-allegorithmic-article ul.menu-icons li.twitter a:before {
 +
      background: #28aae1;
 +
      content: "\ea91";
 +
      line-height: 170%;
 +
      text-indent: 0
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text ul.menu-icons li a,
 +
    body.node-type-article .block-allegorithmic-article ul.menu-icons li a {
 +
      width: auto;
 +
      text-indent: 0;
 +
      padding: 7px 15px 7px 52px
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text:after,
 +
    body.node-type-article .block-allegorithmic-article:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text {
 +
      line-height: 150%;
 +
      font-size: 16px
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text p {
 +
      margin: 20px 0
 +
    }
 +
 +
    body.node-type-article .field-name-field-article-blog-text img {
 +
      width: 100%;
 +
      height: auto
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-author {
 +
      text-align: center
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-author .author-wrapper {
 +
      margin-bottom: 20px
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-author .author-wrapper .author-avatar {
 +
      display: inline-block;
 +
      position: relative;
 +
      background: #00bcf2;
 +
      width: 64px;
 +
      height: 64px;
 +
      -webkit-border-radius: 64px;
 +
      -moz-border-radius: 64px;
 +
      border-radius: 64px;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-author .author-wrapper .author-avatar:before {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      font-family: 'icon';
 +
      content: "\e603";
 +
      color: white;
 +
      font-size: 48px;
 +
      line-height: 150%;
 +
      text-align: center
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-author .author-wrapper .author-info .author-name {
 +
      color: #000;
 +
      text-transform: uppercase;
 +
      font-size: 1.125em;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-author .author-wrapper .author-info .author-description {
 +
      color: #999
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-author .author-wrapper .post-date {
 +
      display: none
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next {
 +
      padding: 0;
 +
      max-width: 1000px;
 +
      margin: auto
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper {
 +
      position: relative;
 +
      top: auto;
 +
      right: auto;
 +
      left: auto;
 +
      width: auto;
 +
      height: auto;
 +
      margin-top: 0;
 +
      text-align: center
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper:active:before,
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper:hover:before {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper:before {
 +
      position: absolute;
 +
      display: block;
 +
      font-family: 'icon';
 +
      font-size: 24px;
 +
      height: 24px;
 +
      width: 24px;
 +
      top: 50%;
 +
      margin-top: -12px;
 +
      color: #00bcf2;
 +
      z-index: 2;
 +
      filter: alpha(opacity=50);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .5;
 +
      -khtml-opacity: .5;
 +
      opacity: .5;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.previous-article:before {
 +
      content: "\e600";
 +
      left: 10px !important
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.next-article:before {
 +
      content: "\e601";
 +
      right: 10px !important
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-next:before,
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-previous:before {
 +
      display: none
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-next:after,
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-previous:after {
 +
      display: block;
 +
      width: 100%;
 +
      height: 20px;
 +
      color: #999;
 +
      font-size: 1.125em;
 +
      position: absolute;
 +
      top: 80%;
 +
      left: 50%;
 +
      -webkit-transform: translate(-50%, -50%);
 +
      -moz-transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%);
 +
      transform: translate(-50%, -50%)
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-next .image,
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-previous .image {
 +
      background: #eee
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-next .image:after,
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-previous .image:after {
 +
      color: #999;
 +
      bottom: 30px
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-next:after {
 +
      content: 'No Next Article'
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.no-previous:after {
 +
      content: 'No Previous Article'
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper a {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      text-indent: -9999px;
 +
      z-index: 3
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper:after {
 +
      display: none
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .image {
 +
      background: #000;
 +
      position: relative
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .image:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 42.7%
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .image:after {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      margin: auto;
 +
      font-family: 'icon';
 +
      content: "\e603";
 +
      color: #00bcf2;
 +
      font-size: 128px;
 +
      height: 128px;
 +
      width: 128px;
 +
      line-height: 100%;
 +
      filter: alpha(opacity=20);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .2;
 +
      -khtml-opacity: .2;
 +
      opacity: .2
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .image .media {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      z-index: 1
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .image span {
 +
      background: black;
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .image span span {
 +
      filter: alpha(opacity=50);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .5;
 +
      -khtml-opacity: .5;
 +
      opacity: .5;
 +
      background-position: center;
 +
      background-size: cover;
 +
      background-repeat: no-repeat
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .wrapper {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 61px;
 +
      padding: 0 60px;
 +
      margin: auto;
 +
      z-index: 2
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .wrapper .title {
 +
      color: #00bcf2;
 +
      font-size: 1.125em
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .wrapper .teaser {
 +
      height: 38px;
 +
      overflow: hidden;
 +
      color: white
 +
    }
 +
 +
    body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper .date {
 +
      display: none
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block {
 +
      max-width: 1000px;
 +
      margin: auto;
 +
      padding: 40px
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block h2 {
 +
      text-align: center;
 +
      text-transform: uppercase
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row {
 +
      padding: 20px;
 +
      position: relative
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row .views-field-field-article-image {
 +
      position: relative
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row .views-field-field-article-image:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 42.5%
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row .views-field-field-article-image * {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      background-size: cover
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row .views-field-title {
 +
      font-size: 1.5em
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row .views-field-nothing {
 +
      margin: 10px 0;
 +
      color: #999
 +
    }
 +
 +
    body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row .views-field-field-article-teaser {
 +
      height: 57px;
 +
      overflow: hidden
 +
    }
 +
 +
    form.mailchimp-lists-user-subscribe-form {
 +
      max-width: 480px;
 +
      margin: auto;
 +
      position: relative
 +
    }
 +
 +
    form.mailchimp-lists-user-subscribe-form #edit-mailchimp-lists-mailchimp-newsletter-title {
 +
      margin-bottom: 10px
 +
    }
 +
 +
    form.mailchimp-lists-user-subscribe-form .form-item {
 +
      padding: 0
 +
    }
 +
 +
    form.mailchimp-lists-user-subscribe-form .form-item.form-type-textfield {
 +
      padding-right: 68px
 +
    }
 +
 +
    form.mailchimp-lists-user-subscribe-form input.form-submit {
 +
      padding: 8px 10px 4px;
 +
      position: absolute;
 +
      margin: 0;
 +
      bottom: 0;
 +
      right: 0
 +
    }
 +
 +
    .view-article-landing-page .view-content .views-row .views-field-field-article-teaser {
 +
      font-size: .875em
 +
    }
 +
 +
    nav.contextual-navigation {
 +
      background: #767676;
 +
      z-index: 4
 +
    }
 +
 +
    nav.contextual-navigation~.layer {
 +
      margin-top: 74px
 +
    }
 +
 +
    .add-to-cart.non_commercial .live-unvailable {
 +
      cursor: pointer
 +
    }
 +
 +
    body.page-gallery-homepage #main article>h1 {
 +
      margin: 30px 20px 5px
 +
    }
 +
 +
    .view-gallery-homepage h2 {
 +
      text-align: center;
 +
      clear: both;
 +
      margin: 30px 0;
 +
      font-size: 34px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .view-gallery-homepage h2 {
 +
        font-size: 36px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      .view-gallery-homepage h2 {
 +
        font-size: 38px
 +
      }
 +
    }
 +
 +
    .view-gallery-homepage .view-filters {
 +
      padding: 0 10px;
 +
      max-width: 640px;
 +
      margin: 25px auto
 +
    }
 +
 +
    .front .view-gallery-homepage .view-filters {
 +
      display: none
 +
    }
 +
 +
    .view-gallery-homepage .view-filters label {
 +
      display: none
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-exposed-widget.views-submit-button {
 +
      display: none !important
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-exposed-form .views-exposed-widget {
 +
      margin: 10px 0;
 +
      padding: 0 10px;
 +
      float: none;
 +
      position: relative;
 +
      display: inline-block
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-exposed-widgets {
 +
      margin-bottom: 0
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .form-item {
 +
      padding: 0;
 +
      max-width: 100%;
 +
      width: 180px;
 +
      text-align: left
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .form-item input.form-text,
 +
    .view-gallery-homepage .view-filters .views-exposed-form .views-exposed-widget .form-submit {
 +
      margin-bottom: 0;
 +
      margin-top: 0;
 +
      height: 40px;
 +
      padding: 10px
 +
    }
 +
 +
    .view-gallery-homepage .view-filters #edit-field-gallery-tag-tid-wrapper #edit-field-gallery-tag-tid label {
 +
      display: inline-block
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-exposed-widget:hover .views-widget {
 +
      display: block
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-exposed-widget:hover>label:before {
 +
      -webkit-transform: rotate(-90deg);
 +
      -moz-transform: rotate(-90deg);
 +
      -ms-transform: rotate(-90deg);
 +
      transform: rotate(-90deg)
 +
    }
 +
 +
    .view-gallery-homepage .view-filters label {
 +
      display: block;
 +
      width: 180px;
 +
      border: 1px solid #dadada;
 +
      background: white;
 +
      padding: 6px 10px 5px;
 +
      font-weight: normal;
 +
      position: relative;
 +
      text-align: left
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-exposed-widget>label:before {
 +
      display: block;
 +
      content: "\e601";
 +
      text-align: center;
 +
      font-family: 'icon';
 +
      position: absolute;
 +
      -webkit-transform: rotate(90deg);
 +
      -moz-transform: rotate(90deg);
 +
      -ms-transform: rotate(90deg);
 +
      transform: rotate(90deg);
 +
      right: 10px;
 +
      color: #00bcf2
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-widget {
 +
      display: none;
 +
      position: absolute;
 +
      top: 100%;
 +
      right: 0;
 +
      left: 0;
 +
      overflow-y: auto;
 +
      z-index: 2
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-widget .form-item label {
 +
      padding: 6px 10px 5px 40px;
 +
      height: 30px;
 +
      width: auto;
 +
      position: relative;
 +
      border-top: 0;
 +
      margin-bottom: 0
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-widget .form-item input[type="checkbox"] {
 +
      display: none;
 +
      position: absolute;
 +
      height: 0;
 +
      width: 0
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-widget .form-item input[type="checkbox"]+label:after,
 +
    .view-gallery-homepage .view-filters .views-widget .form-item input[type="checkbox"]+label:before {
 +
      display: block;
 +
      height: 30px;
 +
      width: 30px;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-widget .form-item input[type="checkbox"]+label:before {
 +
      content: '';
 +
      border-right: 1px solid #dadada
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-widget .form-item input[type="checkbox"]+label:after {
 +
      content: "\ea10";
 +
      background: white;
 +
      height: 29px;
 +
      font-family: 'icon';
 +
      color: #dadada;
 +
      text-align: center;
 +
      line-height: 29px
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-widget .form-item input[type="checkbox"]:checked+label:after {
 +
      color: #00bcf2
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-submit-button {
 +
      float: right;
 +
      width: auto
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-submit-button input {
 +
      margin: 0
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .form-item-combine {
 +
      padding: 0;
 +
      width: 100%
 +
    }
 +
 +
    .view-gallery-homepage .view-filters .views-widget-filter-combine {
 +
      float: left;
 +
      margin-right: -100px;
 +
      padding-right: 100px !important;
 +
      width: 100%
 +
    }
 +
 +
    .view-gallery-homepage .view-content {
 +
      max-width: 1600px;
 +
      margin: 0 auto 40px;
 +
      padding: 0 10px;
 +
      zoom: 1
 +
    }
 +
 +
    .view-gallery-homepage .view-content:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .front .view-gallery-homepage .view-content {
 +
      max-width: 100%;
 +
      margin: 10px auto 40px;
 +
      padding: 0 5px;
 +
      overflow: visible
 +
    }
 +
 +
    .front .view-gallery-homepage .view-content .item {
 +
      margin: 5px 0 20px !important;
 +
      overflow: visible
 +
    }
 +
 +
    .front .view-gallery-homepage .view-content .item span.author-name {
 +
      margin-bottom: 0;
 +
      top: 100%;
 +
      bottom: auto;
 +
      color: black;
 +
      background: white;
 +
      padding: 3px;
 +
      font-size: 12px;
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .front .view-gallery-homepage .view-content .item span.media-created {
 +
      margin-top: 0
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item {
 +
      background: black
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item a {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item a:before {
 +
      content: '';
 +
      display: block;
 +
      filter: alpha(opacity=80);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .8;
 +
      -khtml-opacity: .8;
 +
      opacity: .8;
 +
      width: 80px;
 +
      height: 80px;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      margin: auto;
 +
      z-index: 1;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item a.sketch:before {
 +
      background: url(/sites/all/themes/mess/images/scketchfab.png);
 +
      background-size: contain;
 +
      background-position: center;
 +
      background-repeat: no-repeat
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item a.video:before {
 +
      background: url(/sites/all/themes/mess/images/youtube.png);
 +
      background-size: contain;
 +
      background-position: center;
 +
      background-repeat: no-repeat
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item img {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item span {
 +
      display: block;
 +
      position: absolute;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      left: 0;
 +
      right: 0;
 +
      color: white;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      text-align: center;
 +
      width: 100%;
 +
      z-index: 2;
 +
      padding: 0 10px
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item span.author-name {
 +
      bottom: 50%;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item span.media-created {
 +
      top: 50%;
 +
      margin-top: 10px;
 +
      font-size: 12px
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item:active a.video:before,
 +
    .view-gallery-homepage .view-content .item:hover a.video:before,
 +
    .view-gallery-homepage .view-content .item:active a.sketch:before,
 +
    .view-gallery-homepage .view-content .item:hover a.sketch:before {
 +
      -webkit-transform: translate(0, -30px);
 +
      -moz-transform: translate(0, -30px);
 +
      -ms-transform: translate(0, -30px);
 +
      transform: translate(0, -30px);
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item:active a.video span.author-name,
 +
    .view-gallery-homepage .view-content .item:hover a.video span.author-name,
 +
    .view-gallery-homepage .view-content .item:active a.sketch span.author-name,
 +
    .view-gallery-homepage .view-content .item:hover a.sketch span.author-name {
 +
      bottom: 30%
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item:active a.video span.media-created,
 +
    .view-gallery-homepage .view-content .item:hover a.video span.media-created,
 +
    .view-gallery-homepage .view-content .item:active a.sketch span.media-created,
 +
    .view-gallery-homepage .view-content .item:hover a.sketch span.media-created {
 +
      top: 70%
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item:active img,
 +
    .view-gallery-homepage .view-content .item:hover img {
 +
      filter: alpha(opacity=40);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: .4;
 +
      -khtml-opacity: .4;
 +
      opacity: .4
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item:active span,
 +
    .view-gallery-homepage .view-content .item:hover span {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .view-gallery-homepage .item-list {
 +
      display: none
 +
    }
 +
 +
    .view-gallery-homepage .loader {
 +
      text-align: center;
 +
      margin: 40px 0 50px
 +
    }
 +
 +
    .view-gallery-homepage .loader span {
 +
      display: inline-block;
 +
      padding: 20px 20px 16px;
 +
      text-transform: uppercase
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-inner .hide {
 +
      height: 100%;
 +
      position: relative
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-inner .hide iframe {
 +
      width: 100%;
 +
      height: 100%
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-inner .hide p {
 +
      display: block;
 +
      margin: 0 !important;
 +
      font-family: 'GothamBook' !important;
 +
      background: #fbfbfb !important;
 +
      font-size: 11px !important;
 +
      position: absolute;
 +
      bottom: 0;
 +
      left: 0;
 +
      padding: 5px
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-nav {
 +
      z-index: 9999;
 +
      width: 50px
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap {
 +
      position: static;
 +
      z-index: 8050;
 +
      text-align: center;
 +
      margin: 0
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child {
 +
      position: static;
 +
      background: transparent !important;
 +
      margin-right: 0;
 +
      padding: 0;
 +
      display: block;
 +
      zoom: 1
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .author-name {
 +
      display: block;
 +
      margin-right: 0;
 +
      padding: 2px 20px;
 +
      -webkit-border-radius: 0;
 +
      -moz-border-radius: 0;
 +
      border-radius: 0;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      background: rgba(0, 0, 0, 0.8);
 +
      text-shadow: 0 1px 2px #222;
 +
      color: #FFF;
 +
      font-weight: bold;
 +
      line-height: 24px;
 +
      white-space: nowrap;
 +
      font-family: 'GothamBook';
 +
      position: absolute;
 +
      top: 15px;
 +
      right: 15px;
 +
      left: 15px
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .logo-list-wrapper {
 +
      position: absolute;
 +
      bottom: 15px;
 +
      right: 15px;
 +
      background-color: rgba(0, 0, 0, 0.8)
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .logo-list-wrapper div.logo-painter,
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .logo-list-wrapper div.logo-designer,
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .logo-list-wrapper div.logo-b2m {
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      margin: 5px;
 +
      height: 50px;
 +
      width: 50px;
 +
      float: left
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .logo-list-wrapper div.logo-painter {
 +
      background: url(/sites/all/themes/mess/images/substance-painter-white.png);
 +
      background-size: contain
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .logo-list-wrapper div.logo-designer {
 +
      background: url(/sites/all/themes/mess/images/substance-designer-white.png);
 +
      background-size: contain
 +
    }
 +
 +
    .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .logo-list-wrapper div.logo-b2m {
 +
      background: url(/sites/all/themes/mess/images/substance-b2m-white.png);
 +
      background-size: contain
 +
    }
 +
 +
    .view-gallery-page .item-list ul.pager {
 +
      display: none
 +
    }
 +
 +
    .view-gallery-page ul {
 +
      list-style: none
 +
    }
 +
 +
    .view-gallery-page .hide {
 +
      display: none
 +
    }
 +
 +
    .view-gallery-page .view-content {
 +
      overflow: hidden
 +
    }
 +
 +
    .view-gallery-page .view-content .item {
 +
      float: left;
 +
      margin: 10px;
 +
      border: 0;
 +
      box-sizing: content-box;
 +
      overflow: hidden;
 +
      position: relative
 +
    }
 +
 +
    .view-gallery-page .view-content .item img {
 +
      display: block;
 +
      width: auto;
 +
      height: 100%
 +
    }
 +
 +
    body.front #main .front-news {
 +
      padding: 5px 0;
 +
      margin: 30px 0
 +
    }
 +
 +
    body.front #main .front-news .views-row {
 +
      width: 100%;
 +
      padding: 5px 10px
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content {
 +
      position: relative
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content:before {
 +
      content: '';
 +
      position: absolute;
 +
      bottom: 0;
 +
      left: 0;
 +
      right: 0;
 +
      height: 65px;
 +
      z-index: 2
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .medias {
 +
      padding-top: 67.5%;
 +
      position: relative;
 +
      z-index: 0
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .medias .media {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      height: 100%;
 +
      width: 100%
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .medias .media:before {
 +
      content: '';
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      height: 100%;
 +
      width: 100%;
 +
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
 +
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
 +
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
 +
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
 +
      z-index: 1
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .medias .media span {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      background-position: center;
 +
      background-repeat: no-repeat;
 +
      background-size: cover
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .title-wrapper {
 +
      position: absolute;
 +
      bottom: 0;
 +
      right: 0;
 +
      left: 0;
 +
      padding: 0 20px 20px;
 +
      text-align: center;
 +
      z-index: 2;
 +
      color: white
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .title-wrapper .title {
 +
      text-transform: uppercase;
 +
      padding-top: 15px;
 +
      font-size: 16px
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .title-wrapper .date {
 +
      font-size: 13px;
 +
      background: transparent;
 +
      float: none
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      z-index: 3;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      overflow: hidden;
 +
      -webkit-transition: all .5s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s;
 +
      -moz-transition: all .5s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s;
 +
      -o-transition: all .5s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s;
 +
      -ms-transition: all .5s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s;
 +
      transition: all .5s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link:active,
 +
    body.front #main .front-news .views-row .view-content .link:hover,
 +
    body.front #main .front-news .views-row .view-content .link:before,
 +
    body.front #main .front-news .views-row .view-content .link:after,
 +
    body.front #main .front-news .views-row .view-content .link:active:before,
 +
    body.front #main .front-news .views-row .view-content .link:hover:before,
 +
    body.front #main .front-news .views-row .view-content .link:active:after,
 +
    body.front #main .front-news .views-row .view-content .link:hover:after {
 +
      -webkit-transition: all .25s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s;
 +
      -moz-transition: all .25s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s;
 +
      -o-transition: all .25s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s;
 +
      -ms-transition: all .25s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s;
 +
      transition: all .25s cubic-bezier(0.7, 0.01, 0.38, 0.98) 0s
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link:active {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link:active:before {
 +
      bottom: 0;
 +
      right: 0
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link:active:after {
 +
      bottom: 4px;
 +
      right: 17px
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link:before,
 +
    body.front #main .front-news .views-row .view-content .link:after {
 +
      display: block;
 +
      position: absolute
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link:before {
 +
      content: '';
 +
      width: 0;
 +
      height: 0;
 +
      border-style: solid;
 +
      border-width: 0 0 120px 120px;
 +
      border-color: transparent transparent #00bef2 transparent;
 +
      bottom: -120px;
 +
      right: -120px
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link:after {
 +
      content: '+';
 +
      font-size: 53px;
 +
      color: white;
 +
      bottom: -124px;
 +
      right: -137px
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .link a {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      display: block;
 +
      height: 100%;
 +
      width: 100%;
 +
      z-index: 1
 +
    }
 +
 +
    .view-product-display {
 +
      margin: auto;
 +
      padding: 0
 +
    }
 +
 +
    .view-product-display .view-header {
 +
      text-align: center
 +
    }
 +
 +
    .view-product-display .view-header .logo {
 +
      height: 100px;
 +
      max-width: 100%;
 +
      margin: 40px 30px 0;
 +
      background-image: url(/sites/all/themes/mess/images/buy-logos.png);
 +
      -webkit-background-size: contain;
 +
      -moz-background-size: contain;
 +
      -ms-background-size: contain;
 +
      -o-background-size: contain;
 +
      background-size: contain;
 +
      background-position: center;
 +
      background-repeat: no-repeat
 +
    }
 +
 +
    .view-product-display .view-header h3 {
 +
      margin-bottom: 60px;
 +
      margin-top: 60px;
 +
      padding: 0 30px;
 +
      line-height: 1.6em
 +
    }
 +
 +
    .view-product-display .view-content .views-row-header {
 +
      padding: 30px;
 +
      font-size: 18px;
 +
      font-family: 'GothamLightRegular'
 +
    }
 +
 +
    .view-product-display .view-content #indie span.licence.non_commercial,
 +
    .view-product-display .view-content #pro span.licence.commercial {
 +
      display: none
 +
    }
 +
 +
    .view-product-display .view-content .live-unvailable {
 +
      padding: 12px 10px 10px;
 +
      width: auto;
 +
      height: auto;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s
 +
    }
 +
 +
    .view-product-display .view-content .add-to-cart {
 +
      margin-bottom: 3px
 +
    }
 +
 +
    .view-product-display .view-content span.licence {
 +
      font-size: 12px
 +
    }
 +
 +
    .view-product-display .view-content ul {
 +
      zoom: 1;
 +
      margin-bottom: -1px;
 +
      text-align: center
 +
    }
 +
 +
    .view-product-display .view-content ul:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .view-product-display .view-content ul li {
 +
      float: left;
 +
      list-style: none;
 +
      width: 50%
 +
    }
 +
 +
    .page-buy-upgrade .view-product-display .view-content ul li {
 +
      width: 50%
 +
    }
 +
 +
    @media only screen and (min-width:480px) {
 +
      .view-product-display .view-content ul li {
 +
        width: 33.3333333%
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:768px) {
 +
      .view-product-display .view-content ul li {
 +
        width: 20%
 +
      }
 +
      .page-buy-upgrade .view-product-display .view-content ul li {
 +
        width: 33.3333333%;
 +
        display: inline-block;
 +
        max-width: 240px
 +
      }
 +
    }
 +
 +
    .view-product-display .view-content ul li .group-header {
 +
      padding: 0;
 +
      background: #767676;
 +
      color: white;
 +
      height: 57px;
 +
      text-align: center;
 +
      border: 1px solid #e5e5e5;
 +
      border-bottom: 0;
 +
      position: relative;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      cursor: pointer;
 +
      white-space: nowrap;
 +
      vertical-align: middle;
 +
      -webkit-border-radius: 5px 5px 0 0;
 +
      -moz-border-radius: 5px 5px 0 0;
 +
      border-radius: 5px 5px 0 0;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box
 +
    }
 +
 +
    .view-product-display .view-content ul li .group-header:before {
 +
      content: '';
 +
      display: inline-block;
 +
      height: 100%;
 +
      vertical-align: middle;
 +
      width: 0
 +
    }
 +
 +
    .view-product-display .view-content ul li .group-header .group-title {
 +
      font-family: 'GothamLightRegular';
 +
      margin-top: 4px;
 +
      margin-left: -5px;
 +
      width: auto;
 +
      max-width: 100%;
 +
      display: inline-block;
 +
      vertical-align: middle;
 +
      white-space: normal;
 +
      text-transform: uppercase;
 +
      font-size: 13px
 +
    }
 +
 +
    .view-product-display .view-content ul li .group-header .group-title span {
 +
      font-size: 10px
 +
    }
 +
 +
    .view-product-display .view-content ul li .group-header .group-description {
 +
      display: none
 +
    }
 +
 +
    .view-product-display .view-content ul li .group-header:active {
 +
      background: #00bcf2
 +
    }
 +
 +
    .view-product-display .view-content ul li .group-header.active,
 +
    .view-product-display .view-content ul li .group-header.active:active {
 +
      background: #fff !important;
 +
      color: #191919 !important
 +
    }
 +
 +
    .view-product-display .view-content .product-display-wrapper {
 +
      border: 1px solid #e5e5e5;
 +
      background: white
 +
    }
 +
 +
    .view-product-display .view-content .product-display-wrapper .views-row {
 +
      padding: 40px;
 +
      border-bottom: 1px solid #e5e5e5;
 +
      text-align: center;
 +
      position: relative
 +
    }
 +
 +
    .view-product-display .view-content .product-display-wrapper .views-row:last-child {
 +
      border-bottom: 0
 +
    }
 +
 +
    .view-product-display .view-content .product-display-wrapper .views-row.most-popular:after {
 +
      content: '';
 +
      display: block;
 +
      background: #00bcf2;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      width: 64px;
 +
      height: 64px;
 +
      background: url(/sites/all/themes/mess/images/most-popular.png);
 +
      background-size: contain;
 +
      background-repeat: no-repeat;
 +
      background-position: center
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner {
 +
      margin: auto;
 +
      padding: 20px;
 +
      max-width: 1200px
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner:after {
 +
      content: '';
 +
      clear: both;
 +
      display: block
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .promotion {
 +
      padding: 0 20px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .view-product-display .view-content .tab-inner .promotion {
 +
        float: left;
 +
        width: 50%
 +
      }
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .prices {
 +
      display: none;
 +
      float: left;
 +
      width: 100%
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner h3 {
 +
      padding: 20px 0 30px;
 +
      font-weight: bold
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner ul {
 +
      padding: 0 20px;
 +
      margin-bottom: 20px
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner li {
 +
      float: none;
 +
      width: auto;
 +
      list-style: initial;
 +
      padding: 5px 0
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .text {
 +
      line-height: 1.8em
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .button {
 +
      display: inline-block;
 +
      background: #00bcf2;
 +
      color: white;
 +
      width: 200px;
 +
      padding: 10px 0;
 +
      text-transform: uppercase;
 +
      text-align: center;
 +
      margin-top: 30px;
 +
      margin-bottom: 20px
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form {
 +
      padding: 0 20px
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      .view-product-display .view-content .tab-inner .buy-form {
 +
        float: right;
 +
        width: 50%
 +
      }
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form label {
 +
      font-weight: normal
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-item {
 +
      padding: 10px 0
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox {
 +
      position: relative
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox input[type=checkbox] {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 100%;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      cursor: pointer;
 +
      z-index: 1
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox input[type=checkbox]:checked+label:after {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox input[type=checkbox]+label:after {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox input.error+label:before {
 +
      border-color: red
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox label {
 +
      margin: 0 !important;
 +
      padding: 11px;
 +
      padding-right: 0;
 +
      padding-left: 32px;
 +
      height: 48px;
 +
      position: relative
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox label a {
 +
      position: relative;
 +
      z-index: 2
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox label:before {
 +
      content: '';
 +
      display: block;
 +
      height: 20px;
 +
      width: 20px;
 +
      border: 2px solid #ccc;
 +
      position: absolute;
 +
      top: 12px;
 +
      left: 0
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner .buy-form .form-type-checkbox label:after {
 +
      content: '';
 +
      display: block;
 +
      height: 16px;
 +
      width: 16px;
 +
      position: absolute;
 +
      top: 16px;
 +
      left: 4px;
 +
      background: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner form .webform-component--are-you-a-teacher-student>label {
 +
      margin: 20px 0 0
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner form .webform-component--are-you-a-teacher-student .form-radios>div {
 +
      float: left;
 +
      width: 140px
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner form .webform-component--are-you-a-teacher-student .form-radios>div input,
 +
    .view-product-display .view-content .tab-inner form .webform-component--are-you-a-teacher-student .form-radios>div label {
 +
      float: left;
 +
      clear: none
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner form .webform-component--are-you-a-teacher-student .form-radios>div input {
 +
      margin-right: 10px
 +
    }
 +
 +
    .view-product-display .view-content .tab-inner form .webform-component--please-attach-a-proof-of-current-employment-or-affiliation-with-the-school .form-submit,
 +
    .view-product-display .view-content .tab-inner form .webform-component--please-attach-a-copy-of-a-valid-student-card-or-certificate .form-submit {
 +
      display: none
 +
    }
 +
 +
    .view-product-display .view-content #education .promotion {
 +
      float: right
 +
    }
 +
 +
    .view-product-display .view-content #education .promotion .button:not(:first-child) {
 +
      margin-left: 20px
 +
    }
 +
 +
    .view-product-display .view-content #education .buy-form {
 +
      float: left
 +
    }
 +
 +
    .view-product-display .view-content a.form-submit,
 +
    .view-product-display .view-content input.form-submit {
 +
      margin: 0
 +
    }
 +
 +
    .view-product-display .view-content .product-logo {
 +
      position: relative
 +
    }
 +
 +
    .view-product-display .view-content .product-logo a:not(.link-image) {
 +
      display: block;
 +
      text-indent: -9999px;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute
 +
    }
 +
 +
    .view-product-display .view-content .product-title {
 +
      font-size: 24px;
 +
      margin: 10px 0;
 +
      font-family: 'GothamLightRegular'
 +
    }
 +
 +
    .view-product-display .view-content .product-description {
 +
      margin: 10px 0;
 +
      line-height: 150%
 +
    }
 +
 +
    .view-product-display .view-content .product-buy,
 +
    .view-product-display .view-content .product-buy-2 {
 +
      margin-top: 10px
 +
    }
 +
 +
    .view-product-display .view-content .product-download-windows a:before {
 +
      content: "\eac2"
 +
    }
 +
 +
    .view-product-display .view-content .product-download-mac a:before {
 +
      content: "\eabf"
 +
    }
 +
 +
    .view-product-display .view-content .product-download-linux a:before {
 +
      content: "\e902"
 +
    }
 +
 +
    .view-product-display .view-content .product-download-linux,
 +
    .view-product-display .view-content .product-download-mac,
 +
    .view-product-display .view-content .product-download-windows {
 +
      display: block;
 +
      margin: 10px 5px 0
 +
    }
 +
 +
    .view-product-display .view-content .product-download-linux a,
 +
    .view-product-display .view-content .product-download-mac a,
 +
    .view-product-display .view-content .product-download-windows a {
 +
      padding: 10px 15px;
 +
      background: #00bcf2;
 +
      color: white;
 +
      display: inline-block
 +
    }
 +
 +
    .view-product-display .view-content .product-download-linux a:active,
 +
    .view-product-display .view-content .product-download-mac a:active,
 +
    .view-product-display .view-content .product-download-windows a:active {
 +
      background: #191919;
 +
      color: white
 +
    }
 +
 +
    .view-product-display .view-content .product-download-linux a:before,
 +
    .view-product-display .view-content .product-download-mac a:before,
 +
    .view-product-display .view-content .product-download-windows a:before {
 +
      font-family: 'icon';
 +
      position: relative;
 +
      margin-right: 11px
 +
    }
 +
 +
    #block-allegorithmic-product-display-contact-us-link {
 +
      text-align: center
 +
    }
 +
 +
    #block-allegorithmic-product-display-custom-upgrade-link {
 +
      padding: 20px;
 +
      text-align: center
 +
    }
 +
 +
    #block-allegorithmic-product-display-custom-upgrade-link .custom-upgrade-link a {
 +
      display: inline-block;
 +
      background: #00bcf2;
 +
      color: white;
 +
      width: 200px;
 +
      padding: 10px 0;
 +
      text-transform: uppercase
 +
    }
 +
 +
    #block-allegorithmic-product-display-custom-upgrade-link p {
 +
      margin-bottom: 20px;
 +
      line-height: 150%
 +
    }
 +
 +
    .link.cover .field-name-field-layer-link.field-type-link-field .field-item a {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      z-index: 1;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    @media(max-width:640px) {
 +
      .brick.extra-extra-large h1,
 +
      .brick.extra-extra-large h2,
 +
      .brick.extra-extra-large h3,
 +
      .brick.extra-extra-large h4,
 +
      .brick.extra-extra-large p,
 +
      .brick.extra-extra-large ul li {
 +
        font-size: 40px
 +
      }
 +
      .brick.extra-large h2,
 +
      .brick.extra-large h3,
 +
      .brick.extra-large h4,
 +
      .brick.extra-large p,
 +
      .brick.extra-large ul li {
 +
        font-size: 34px
 +
      }
 +
      .brick.large h2,
 +
      .brick.large h3,
 +
      .brick.large h4,
 +
      .brick.large p,
 +
      .brick.large ul li {
 +
        font-size: 28px
 +
      }
 +
      .brick.medium h2,
 +
      .brick.medium h3,
 +
      .brick.medium h4,
 +
      .brick.medium p,
 +
      .brick.medium ul li {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      .brick.default h2,
 +
      .brick.default h3,
 +
      .brick.default h4,
 +
      .brick.default p,
 +
      .brick.default ul li {
 +
        font-size: 14px
 +
      }
 +
      .brick.small h2,
 +
      .brick.small h3,
 +
      .brick.small h4,
 +
      .brick.small p,
 +
      .brick.small ul li {
 +
        font-size: 12px
 +
      }
 +
      .brick.extra-small h2,
 +
      .brick.extra-small h3,
 +
      .brick.extra-small h4,
 +
      .brick.extra-small p,
 +
      .brick.extra-small ul li {
 +
        font-size: 10px
 +
      }
 +
      .mobile-height-auto {
 +
        height: auto
 +
      }
 +
      .mobile-height-percent-5 {
 +
        height: 5%
 +
      }
 +
      .mobile-height-percent-10 {
 +
        height: 10%
 +
      }
 +
      .mobile-height-percent-15 {
 +
        height: 15%
 +
      }
 +
      .mobile-height-percent-20 {
 +
        height: 20%
 +
      }
 +
      .mobile-height-percent-25 {
 +
        height: 25%
 +
      }
 +
      .mobile-height-percent-30 {
 +
        height: 30%
 +
      }
 +
      .mobile-height-percent-35 {
 +
        height: 35%
 +
      }
 +
      .mobile-height-percent-40 {
 +
        height: 40%
 +
      }
 +
      .mobile-height-percent-45 {
 +
        height: 45%
 +
      }
 +
      .mobile-height-percent-50 {
 +
        height: 50%
 +
      }
 +
      .mobile-height-percent-55 {
 +
        height: 55%
 +
      }
 +
      .mobile-height-percent-60 {
 +
        height: 60%
 +
      }
 +
      .mobile-height-percent-65 {
 +
        height: 65%
 +
      }
 +
      .mobile-height-percent-70 {
 +
        height: 70%
 +
      }
 +
      .mobile-height-percent-75 {
 +
        height: 75%
 +
      }
 +
      .mobile-height-percent-80 {
 +
        height: 80%
 +
      }
 +
      .mobile-height-percent-85 {
 +
        height: 85%
 +
      }
 +
      .mobile-height-percent-90 {
 +
        height: 90%
 +
      }
 +
      .mobile-height-percent-95 {
 +
        height: 95%
 +
      }
 +
      .mobile-height-percent-100 {
 +
        height: 100%
 +
      }
 +
      .mobile-height-percent-105 {
 +
        height: 105%
 +
      }
 +
      .mobile-height-percent-110 {
 +
        height: 110%
 +
      }
 +
      .mobile-height-percent-115 {
 +
        height: 115%
 +
      }
 +
      .mobile-height-percent-120 {
 +
        height: 120%
 +
      }
 +
      .mobile-height-percent-125 {
 +
        height: 125%
 +
      }
 +
      .mobile-height-percent-130 {
 +
        height: 130%
 +
      }
 +
      .mobile-height-percent-135 {
 +
        height: 135%
 +
      }
 +
      .mobile-height-percent-140 {
 +
        height: 140%
 +
      }
 +
      .mobile-height-percent-145 {
 +
        height: 145%
 +
      }
 +
      .mobile-height-percent-150 {
 +
        height: 150%
 +
      }
 +
      .mobile-height-percent-155 {
 +
        height: 155%
 +
      }
 +
      .mobile-height-percent-160 {
 +
        height: 160%
 +
      }
 +
      .mobile-height-percent-165 {
 +
        height: 165%
 +
      }
 +
      .mobile-height-percent-170 {
 +
        height: 170%
 +
      }
 +
      .mobile-height-percent-175 {
 +
        height: 175%
 +
      }
 +
      .mobile-height-percent-180 {
 +
        height: 180%
 +
      }
 +
      .mobile-height-percent-185 {
 +
        height: 185%
 +
      }
 +
      .mobile-height-percent-190 {
 +
        height: 190%
 +
      }
 +
      .mobile-height-percent-195 {
 +
        height: 195%
 +
      }
 +
      .mobile-height-percent-200 {
 +
        height: 200%
 +
      }
 +
      .mobile-height-5 {
 +
        height: 5px
 +
      }
 +
      .mobile-height-10 {
 +
        height: 10px
 +
      }
 +
      .mobile-height-20 {
 +
        height: 20px
 +
      }
 +
      .mobile-height-40 {
 +
        height: 40px
 +
      }
 +
      .mobile-height-60 {
 +
        height: 60px
 +
      }
 +
      .mobile-height-80 {
 +
        height: 80px
 +
      }
 +
      .mobile-height-100 {
 +
        height: 100px
 +
      }
 +
      .mobile-height-120 {
 +
        height: 120px
 +
      }
 +
      .mobile-height-140 {
 +
        height: 140px
 +
      }
 +
      .mobile-height-160 {
 +
        height: 160px
 +
      }
 +
      .mobile-height-180 {
 +
        height: 180px
 +
      }
 +
      .mobile-height-200 {
 +
        height: 200px
 +
      }
 +
      .mobile-height-220 {
 +
        height: 220px
 +
      }
 +
      .mobile-height-240 {
 +
        height: 240px
 +
      }
 +
      .mobile-height-260 {
 +
        height: 260px
 +
      }
 +
      .mobile-height-280 {
 +
        height: 280px
 +
      }
 +
      .mobile-height-300 {
 +
        height: 300px
 +
      }
 +
      .mobile-height-320 {
 +
        height: 320px
 +
      }
 +
      .mobile-height-340 {
 +
        height: 340px
 +
      }
 +
      .mobile-height-360 {
 +
        height: 360px
 +
      }
 +
      .mobile-height-380 {
 +
        height: 380px
 +
      }
 +
      .mobile-height-400 {
 +
        height: 400px
 +
      }
 +
      .mobile-height-420 {
 +
        height: 420px
 +
      }
 +
      .mobile-height-440 {
 +
        height: 440px
 +
      }
 +
      .mobile-height-460 {
 +
        height: 460px
 +
      }
 +
      .mobile-height-480 {
 +
        height: 480px
 +
      }
 +
      .mobile-height-500 {
 +
        height: 500px
 +
      }
 +
      .mobile-height-520 {
 +
        height: 520px
 +
      }
 +
      .mobile-height-540 {
 +
        height: 540px
 +
      }
 +
      .mobile-height-560 {
 +
        height: 560px
 +
      }
 +
      .mobile-height-580 {
 +
        height: 580px
 +
      }
 +
      .mobile-height-600 {
 +
        height: 600px
 +
      }
 +
      .mobile-height-620 {
 +
        height: 620px
 +
      }
 +
      .mobile-height-640 {
 +
        height: 640px
 +
      }
 +
      .mobile-height-660 {
 +
        height: 660px
 +
      }
 +
      .mobile-height-680 {
 +
        height: 680px
 +
      }
 +
      .mobile-height-700 {
 +
        height: 700px
 +
      }
 +
      .mobile-height-720 {
 +
        height: 720px
 +
      }
 +
      .mobile-height-740 {
 +
        height: 740px
 +
      }
 +
      .mobile-height-760 {
 +
        height: 760px
 +
      }
 +
      .mobile-height-780 {
 +
        height: 780px
 +
      }
 +
      .mobile-height-800 {
 +
        height: 800px
 +
      }
 +
      .mobile-height-820 {
 +
        height: 820px
 +
      }
 +
      .mobile-height-840 {
 +
        height: 840px
 +
      }
 +
      .mobile-height-860 {
 +
        height: 860px
 +
      }
 +
      .mobile-height-880 {
 +
        height: 880px
 +
      }
 +
      .mobile-height-900 {
 +
        height: 900px
 +
      }
 +
      .mobile-height-920 {
 +
        height: 920px
 +
      }
 +
      .mobile-height-940 {
 +
        height: 940px
 +
      }
 +
      .mobile-height-960 {
 +
        height: 960px
 +
      }
 +
      .mobile-height-980 {
 +
        height: 980px
 +
      }
 +
      .mobile-height-1000 {
 +
        height: 1000px
 +
      }
 +
      .mobile-height-1020 {
 +
        height: 1020px
 +
      }
 +
      .mobile-height-1040 {
 +
        height: 1040px
 +
      }
 +
      .mobile-height-1060 {
 +
        height: 1060px
 +
      }
 +
      .mobile-height-1080 {
 +
        height: 1080px
 +
      }
 +
      .mobile-height-1100 {
 +
        height: 1100px
 +
      }
 +
      .mobile-height-1120 {
 +
        height: 1120px
 +
      }
 +
      .mobile-height-1140 {
 +
        height: 1140px
 +
      }
 +
      .mobile-height-1160 {
 +
        height: 1160px
 +
      }
 +
      .mobile-height-1180 {
 +
        height: 1180px
 +
      }
 +
      .mobile-height-1200 {
 +
        height: 1200px
 +
      }
 +
      .mobile-height-1220 {
 +
        height: 1220px
 +
      }
 +
      .mobile-height-1240 {
 +
        height: 1240px
 +
      }
 +
      .mobile-height-1260 {
 +
        height: 1260px
 +
      }
 +
      .mobile-height-1280 {
 +
        height: 1280px
 +
      }
 +
      .mobile-height-1300 {
 +
        height: 1300px
 +
      }
 +
      .mobile-height-1320 {
 +
        height: 1320px
 +
      }
 +
      .mobile-height-1340 {
 +
        height: 1340px
 +
      }
 +
      .mobile-height-1360 {
 +
        height: 1360px
 +
      }
 +
      .mobile-height-1380 {
 +
        height: 1380px
 +
      }
 +
      .mobile-height-1400 {
 +
        height: 1400px
 +
      }
 +
      .mobile-height-1420 {
 +
        height: 1420px
 +
      }
 +
      .mobile-height-1440 {
 +
        height: 1440px
 +
      }
 +
      .mobile-height-1460 {
 +
        height: 1460px
 +
      }
 +
      .mobile-height-1480 {
 +
        height: 1480px
 +
      }
 +
      .mobile-height-1500 {
 +
        height: 1500px
 +
      }
 +
      .mobile-height-1520 {
 +
        height: 1520px
 +
      }
 +
      .mobile-height-1540 {
 +
        height: 1540px
 +
      }
 +
      .mobile-height-1560 {
 +
        height: 1560px
 +
      }
 +
      .mobile-height-1580 {
 +
        height: 1580px
 +
      }
 +
      .mobile-height-1600 {
 +
        height: 1600px
 +
      }
 +
      .mobile-height-1620 {
 +
        height: 1620px
 +
      }
 +
      .mobile-height-1640 {
 +
        height: 1640px
 +
      }
 +
      .mobile-height-1660 {
 +
        height: 1660px
 +
      }
 +
      .mobile-height-1680 {
 +
        height: 1680px
 +
      }
 +
      .mobile-height-1700 {
 +
        height: 1700px
 +
      }
 +
      .mobile-height-1720 {
 +
        height: 1720px
 +
      }
 +
      .mobile-height-1740 {
 +
        height: 1740px
 +
      }
 +
      .mobile-height-1760 {
 +
        height: 1760px
 +
      }
 +
      .mobile-height-1780 {
 +
        height: 1780px
 +
      }
 +
      .mobile-height-1800 {
 +
        height: 1800px
 +
      }
 +
      .mobile-height-1820 {
 +
        height: 1820px
 +
      }
 +
      .mobile-height-1840 {
 +
        height: 1840px
 +
      }
 +
      .mobile-height-1860 {
 +
        height: 1860px
 +
      }
 +
      .mobile-height-1880 {
 +
        height: 1880px
 +
      }
 +
      .mobile-height-1900 {
 +
        height: 1900px
 +
      }
 +
      .mobile-height-1920 {
 +
        height: 1920px
 +
      }
 +
      .mobile-height-1940 {
 +
        height: 1940px
 +
      }
 +
      .mobile-height-1960 {
 +
        height: 1960px
 +
      }
 +
      .mobile-height-1980 {
 +
        height: 1980px
 +
      }
 +
      .mobile-height-2000 {
 +
        height: 2000px
 +
      }
 +
      .mobile-height-2100 {
 +
        height: 2100px
 +
      }
 +
      .mobile-height-2120 {
 +
        height: 2120px
 +
      }
 +
      .mobile-height-2140 {
 +
        height: 2140px
 +
      }
 +
      .mobile-height-2160 {
 +
        height: 2160px
 +
      }
 +
      .mobile-height-2180 {
 +
        height: 2180px
 +
      }
 +
      .mobile-height-2200 {
 +
        height: 2200px
 +
      }
 +
      .mobile-height-2220 {
 +
        height: 2220px
 +
      }
 +
      .mobile-height-2240 {
 +
        height: 2240px
 +
      }
 +
      .mobile-height-2260 {
 +
        height: 2260px
 +
      }
 +
      .mobile-height-2280 {
 +
        height: 2280px
 +
      }
 +
      .mobile-height-2300 {
 +
        height: 2300px
 +
      }
 +
      .mobile-height-2320 {
 +
        height: 2320px
 +
      }
 +
      .mobile-height-2340 {
 +
        height: 2340px
 +
      }
 +
      .mobile-height-2360 {
 +
        height: 2360px
 +
      }
 +
      .mobile-height-2380 {
 +
        height: 2380px
 +
      }
 +
      .mobile-height-2400 {
 +
        height: 2400px
 +
      }
 +
      .mobile-minheight-5 {
 +
        min-height: 5px
 +
      }
 +
      .mobile-minheight-10 {
 +
        min-height: 10px
 +
      }
 +
      .mobile-minheight-20 {
 +
        min-height: 20px
 +
      }
 +
      .mobile-minheight-40 {
 +
        min-height: 40px
 +
      }
 +
      .mobile-minheight-60 {
 +
        min-height: 60px
 +
      }
 +
      .mobile-minheight-80 {
 +
        min-height: 80px
 +
      }
 +
      .mobile-minheight-100 {
 +
        min-height: 100px
 +
      }
 +
      .mobile-minheight-120 {
 +
        min-height: 120px
 +
      }
 +
      .mobile-minheight-140 {
 +
        min-height: 140px
 +
      }
 +
      .mobile-minheight-160 {
 +
        min-height: 160px
 +
      }
 +
      .mobile-minheight-180 {
 +
        min-height: 180px
 +
      }
 +
      .mobile-minheight-200 {
 +
        min-height: 200px
 +
      }
 +
      .mobile-minheight-220 {
 +
        min-height: 220px
 +
      }
 +
      .mobile-minheight-240 {
 +
        min-height: 240px
 +
      }
 +
      .mobile-minheight-260 {
 +
        min-height: 260px
 +
      }
 +
      .mobile-minheight-280 {
 +
        min-height: 280px
 +
      }
 +
      .mobile-minheight-300 {
 +
        min-height: 300px
 +
      }
 +
      .mobile-minheight-320 {
 +
        min-height: 320px
 +
      }
 +
      .mobile-minheight-340 {
 +
        min-height: 340px
 +
      }
 +
      .mobile-minheight-360 {
 +
        min-height: 360px
 +
      }
 +
      .mobile-minheight-380 {
 +
        min-height: 380px
 +
      }
 +
      .mobile-minheight-400 {
 +
        min-height: 400px
 +
      }
 +
      .mobile-minheight-420 {
 +
        min-height: 420px
 +
      }
 +
      .mobile-minheight-440 {
 +
        min-height: 440px
 +
      }
 +
      .mobile-minheight-460 {
 +
        min-height: 460px
 +
      }
 +
      .mobile-minheight-480 {
 +
        min-height: 480px
 +
      }
 +
      .mobile-minheight-500 {
 +
        min-height: 500px
 +
      }
 +
      .mobile-minheight-520 {
 +
        min-height: 520px
 +
      }
 +
      .mobile-minheight-540 {
 +
        min-height: 540px
 +
      }
 +
      .mobile-minheight-560 {
 +
        min-height: 560px
 +
      }
 +
      .mobile-minheight-580 {
 +
        min-height: 580px
 +
      }
 +
      .mobile-minheight-600 {
 +
        min-height: 600px
 +
      }
 +
      .mobile-minheight-620 {
 +
        min-height: 620px
 +
      }
 +
      .mobile-minheight-640 {
 +
        min-height: 640px
 +
      }
 +
      .mobile-minheight-660 {
 +
        min-height: 660px
 +
      }
 +
      .mobile-minheight-680 {
 +
        min-height: 680px
 +
      }
 +
      .mobile-minheight-700 {
 +
        min-height: 700px
 +
      }
 +
      .mobile-minheight-720 {
 +
        min-height: 720px
 +
      }
 +
      .mobile-minheight-740 {
 +
        min-height: 740px
 +
      }
 +
      .mobile-minheight-760 {
 +
        min-height: 760px
 +
      }
 +
      .mobile-minheight-780 {
 +
        min-height: 780px
 +
      }
 +
      .mobile-minheight-800 {
 +
        min-height: 800px
 +
      }
 +
      .mobile-minheight-820 {
 +
        min-height: 820px
 +
      }
 +
      .mobile-minheight-840 {
 +
        min-height: 840px
 +
      }
 +
      .mobile-minheight-860 {
 +
        min-height: 860px
 +
      }
 +
      .mobile-minheight-880 {
 +
        min-height: 880px
 +
      }
 +
      .mobile-minheight-900 {
 +
        min-height: 900px
 +
      }
 +
      .mobile-minheight-920 {
 +
        min-height: 920px
 +
      }
 +
      .mobile-minheight-940 {
 +
        min-height: 940px
 +
      }
 +
      .mobile-minheight-960 {
 +
        min-height: 960px
 +
      }
 +
      .mobile-minheight-980 {
 +
        min-height: 980px
 +
      }
 +
      .mobile-minheight-1000 {
 +
        min-height: 1000px
 +
      }
 +
      .mobile-minheight-1020 {
 +
        min-height: 1020px
 +
      }
 +
      .mobile-minheight-1040 {
 +
        min-height: 1040px
 +
      }
 +
      .mobile-minheight-1060 {
 +
        min-height: 1060px
 +
      }
 +
      .mobile-minheight-1080 {
 +
        min-height: 1080px
 +
      }
 +
      .mobile-minheight-1100 {
 +
        min-height: 1100px
 +
      }
 +
      .mobile-minheight-1120 {
 +
        min-height: 1120px
 +
      }
 +
      .mobile-minheight-1140 {
 +
        min-height: 1140px
 +
      }
 +
      .mobile-minheight-1160 {
 +
        min-height: 1160px
 +
      }
 +
      .mobile-minheight-1180 {
 +
        min-height: 1180px
 +
      }
 +
      .mobile-minheight-1200 {
 +
        min-height: 1200px
 +
      }
 +
      .mobile-minheight-1220 {
 +
        min-height: 1220px
 +
      }
 +
      .mobile-minheight-1240 {
 +
        min-height: 1240px
 +
      }
 +
      .mobile-minheight-1260 {
 +
        min-height: 1260px
 +
      }
 +
      .mobile-minheight-1280 {
 +
        min-height: 1280px
 +
      }
 +
      .mobile-minheight-1300 {
 +
        min-height: 1300px
 +
      }
 +
      .mobile-minheight-1320 {
 +
        min-height: 1320px
 +
      }
 +
      .mobile-minheight-1340 {
 +
        min-height: 1340px
 +
      }
 +
      .mobile-minheight-1360 {
 +
        min-height: 1360px
 +
      }
 +
      .mobile-minheight-1380 {
 +
        min-height: 1380px
 +
      }
 +
      .mobile-minheight-1400 {
 +
        min-height: 1400px
 +
      }
 +
      .mobile-minheight-1420 {
 +
        min-height: 1420px
 +
      }
 +
      .mobile-minheight-1440 {
 +
        min-height: 1440px
 +
      }
 +
      .mobile-minheight-1460 {
 +
        min-height: 1460px
 +
      }
 +
      .mobile-minheight-1480 {
 +
        min-height: 1480px
 +
      }
 +
      .mobile-minheight-1500 {
 +
        min-height: 1500px
 +
      }
 +
      .mobile-minheight-1520 {
 +
        min-height: 1520px
 +
      }
 +
      .mobile-minheight-1540 {
 +
        min-height: 1540px
 +
      }
 +
      .mobile-minheight-1560 {
 +
        min-height: 1560px
 +
      }
 +
      .mobile-minheight-1580 {
 +
        min-height: 1580px
 +
      }
 +
      .mobile-minheight-1600 {
 +
        min-height: 1600px
 +
      }
 +
      .mobile-minheight-1620 {
 +
        min-height: 1620px
 +
      }
 +
      .mobile-minheight-1640 {
 +
        min-height: 1640px
 +
      }
 +
      .mobile-minheight-1660 {
 +
        min-height: 1660px
 +
      }
 +
      .mobile-minheight-1680 {
 +
        min-height: 1680px
 +
      }
 +
      .mobile-minheight-1700 {
 +
        min-height: 1700px
 +
      }
 +
      .mobile-minheight-1720 {
 +
        min-height: 1720px
 +
      }
 +
      .mobile-minheight-1740 {
 +
        min-height: 1740px
 +
      }
 +
      .mobile-minheight-1760 {
 +
        min-height: 1760px
 +
      }
 +
      .mobile-minheight-1780 {
 +
        min-height: 1780px
 +
      }
 +
      .mobile-minheight-1800 {
 +
        min-height: 1800px
 +
      }
 +
      .mobile-minheight-1820 {
 +
        min-height: 1820px
 +
      }
 +
      .mobile-minheight-1840 {
 +
        min-height: 1840px
 +
      }
 +
      .mobile-minheight-1860 {
 +
        min-height: 1860px
 +
      }
 +
      .mobile-minheight-1880 {
 +
        min-height: 1880px
 +
      }
 +
      .mobile-minheight-1900 {
 +
        min-height: 1900px
 +
      }
 +
      .mobile-minheight-1920 {
 +
        min-height: 1920px
 +
      }
 +
      .mobile-minheight-1940 {
 +
        min-height: 1940px
 +
      }
 +
      .mobile-minheight-1960 {
 +
        min-height: 1960px
 +
      }
 +
      .mobile-minheight-1980 {
 +
        min-height: 1980px
 +
      }
 +
      .mobile-minheight-2000 {
 +
        min-height: 2000px
 +
      }
 +
      .mobile-minheight-2100 {
 +
        min-height: 2100px
 +
      }
 +
      .mobile-minheight-2120 {
 +
        min-height: 2120px
 +
      }
 +
      .mobile-minheight-2140 {
 +
        min-height: 2140px
 +
      }
 +
      .mobile-minheight-2160 {
 +
        min-height: 2160px
 +
      }
 +
      .mobile-minheight-2180 {
 +
        min-height: 2180px
 +
      }
 +
      .mobile-minheight-2200 {
 +
        min-height: 2200px
 +
      }
 +
      .mobile-minheight-2220 {
 +
        min-height: 2220px
 +
      }
 +
      .mobile-minheight-2240 {
 +
        min-height: 2240px
 +
      }
 +
      .mobile-minheight-2260 {
 +
        min-height: 2260px
 +
      }
 +
      .mobile-minheight-2280 {
 +
        min-height: 2280px
 +
      }
 +
      .mobile-minheight-2300 {
 +
        min-height: 2300px
 +
      }
 +
      .mobile-minheight-2320 {
 +
        min-height: 2320px
 +
      }
 +
      .mobile-minheight-2340 {
 +
        min-height: 2340px
 +
      }
 +
      .mobile-minheight-2360 {
 +
        min-height: 2360px
 +
      }
 +
      .mobile-minheight-2380 {
 +
        min-height: 2380px
 +
      }
 +
      .mobile-minheight-2400 {
 +
        min-height: 2400px
 +
      }
 +
      .mobile-width-percent-5 {
 +
        width: 5%
 +
      }
 +
      .mobile-width-percent-10 {
 +
        width: 10%
 +
      }
 +
      .mobile-width-percent-15 {
 +
        width: 15%
 +
      }
 +
      .mobile-width-percent-20 {
 +
        width: 20%
 +
      }
 +
      .mobile-width-percent-25 {
 +
        width: 25%
 +
      }
 +
      .mobile-width-percent-30 {
 +
        width: 30%
 +
      }
 +
      .mobile-width-percent-35 {
 +
        width: 35%
 +
      }
 +
      .mobile-width-percent-40 {
 +
        width: 40%
 +
      }
 +
      .mobile-width-percent-45 {
 +
        width: 45%
 +
      }
 +
      .mobile-width-percent-50 {
 +
        width: 50%
 +
      }
 +
      .mobile-width-percent-55 {
 +
        width: 55%
 +
      }
 +
      .mobile-width-percent-60 {
 +
        width: 60%
 +
      }
 +
      .mobile-width-percent-65 {
 +
        width: 65%
 +
      }
 +
      .mobile-width-percent-70 {
 +
        width: 70%
 +
      }
 +
      .mobile-width-percent-75 {
 +
        width: 75%
 +
      }
 +
      .mobile-width-percent-80 {
 +
        width: 80%
 +
      }
 +
      .mobile-width-percent-85 {
 +
        width: 85%
 +
      }
 +
      .mobile-width-percent-90 {
 +
        width: 90%
 +
      }
 +
      .mobile-width-percent-95 {
 +
        width: 95%
 +
      }
 +
      .mobile-width-percent-100 {
 +
        width: 100%
 +
      }
 +
      .mobile-width-percent-105 {
 +
        width: 105%
 +
      }
 +
      .mobile-width-percent-110 {
 +
        width: 110%
 +
      }
 +
      .mobile-width-percent-115 {
 +
        width: 115%
 +
      }
 +
      .mobile-width-percent-120 {
 +
        width: 120%
 +
      }
 +
      .mobile-width-percent-125 {
 +
        width: 125%
 +
      }
 +
      .mobile-width-percent-130 {
 +
        width: 130%
 +
      }
 +
      .mobile-width-percent-135 {
 +
        width: 135%
 +
      }
 +
      .mobile-width-percent-140 {
 +
        width: 140%
 +
      }
 +
      .mobile-width-percent-145 {
 +
        width: 145%
 +
      }
 +
      .mobile-width-percent-150 {
 +
        width: 150%
 +
      }
 +
      .mobile-width-percent-155 {
 +
        width: 155%
 +
      }
 +
      .mobile-width-percent-160 {
 +
        width: 160%
 +
      }
 +
      .mobile-width-percent-165 {
 +
        width: 165%
 +
      }
 +
      .mobile-width-percent-170 {
 +
        width: 170%
 +
      }
 +
      .mobile-width-percent-175 {
 +
        width: 175%
 +
      }
 +
      .mobile-width-percent-180 {
 +
        width: 180%
 +
      }
 +
      .mobile-width-percent-185 {
 +
        width: 185%
 +
      }
 +
      .mobile-width-percent-190 {
 +
        width: 190%
 +
      }
 +
      .mobile-width-percent-195 {
 +
        width: 195%
 +
      }
 +
      .mobile-width-percent-200 {
 +
        width: 200%
 +
      }
 +
      .mobile-width-percent-12 {
 +
        width: 12.5%
 +
      }
 +
      .mobile-width-percent-16 {
 +
        width: 16.66%
 +
      }
 +
      .mobile-width-percent-33 {
 +
        width: 33.33%
 +
      }
 +
      .mobile-width-percent-66 {
 +
        width: 66.66%
 +
      }
 +
      .mobile-width-5 {
 +
        width: 5px
 +
      }
 +
      .mobile-width-10 {
 +
        width: 10px
 +
      }
 +
      .mobile-width-20 {
 +
        width: 20px
 +
      }
 +
      .mobile-width-30 {
 +
        width: 30px
 +
      }
 +
      .mobile-width-40 {
 +
        width: 40px
 +
      }
 +
      .mobile-width-50 {
 +
        width: 50px
 +
      }
 +
      .mobile-width-60 {
 +
        width: 60px
 +
      }
 +
      .mobile-width-70 {
 +
        width: 70px
 +
      }
 +
      .mobile-width-80 {
 +
        width: 80px
 +
      }
 +
      .mobile-width-90 {
 +
        width: 90px
 +
      }
 +
      .mobile-width-100 {
 +
        width: 100px
 +
      }
 +
      .mobile-width-110 {
 +
        width: 110px
 +
      }
 +
      .mobile-width-120 {
 +
        width: 120px
 +
      }
 +
      .mobile-width-130 {
 +
        width: 130px
 +
      }
 +
      .mobile-width-140 {
 +
        width: 140px
 +
      }
 +
      .mobile-width-150 {
 +
        width: 150px
 +
      }
 +
      .mobile-width-160 {
 +
        width: 160px
 +
      }
 +
      .mobile-width-170 {
 +
        width: 170px
 +
      }
 +
      .mobile-width-180 {
 +
        width: 180px
 +
      }
 +
      .mobile-width-190 {
 +
        width: 190px
 +
      }
 +
      .mobile-width-200 {
 +
        width: 200px
 +
      }
 +
      .mobile-width-210 {
 +
        width: 210px
 +
      }
 +
      .mobile-width-220 {
 +
        width: 220px
 +
      }
 +
      .mobile-width-230 {
 +
        width: 230px
 +
      }
 +
      .mobile-width-240 {
 +
        width: 240px
 +
      }
 +
      .mobile-width-250 {
 +
        width: 250px
 +
      }
 +
      .mobile-width-260 {
 +
        width: 260px
 +
      }
 +
      .mobile-width-270 {
 +
        width: 270px
 +
      }
 +
      .mobile-width-280 {
 +
        width: 280px
 +
      }
 +
      .mobile-width-290 {
 +
        width: 290px
 +
      }
 +
      .mobile-width-300 {
 +
        width: 300px
 +
      }
 +
      .mobile-width-310 {
 +
        width: 310px
 +
      }
 +
      .mobile-width-320 {
 +
        width: 320px
 +
      }
 +
      .mobile-width-330 {
 +
        width: 330px
 +
      }
 +
      .mobile-width-340 {
 +
        width: 340px
 +
      }
 +
      .mobile-width-350 {
 +
        width: 350px
 +
      }
 +
      .mobile-width-360 {
 +
        width: 360px
 +
      }
 +
      .mobile-width-370 {
 +
        width: 370px
 +
      }
 +
      .mobile-width-380 {
 +
        width: 380px
 +
      }
 +
      .mobile-width-390 {
 +
        width: 390px
 +
      }
 +
      .mobile-width-400 {
 +
        width: 400px
 +
      }
 +
      .mobile-width-410 {
 +
        width: 410px
 +
      }
 +
      .mobile-width-420 {
 +
        width: 420px
 +
      }
 +
      .mobile-width-430 {
 +
        width: 430px
 +
      }
 +
      .mobile-width-440 {
 +
        width: 440px
 +
      }
 +
      .mobile-width-450 {
 +
        width: 450px
 +
      }
 +
      .mobile-width-460 {
 +
        width: 460px
 +
      }
 +
      .mobile-width-470 {
 +
        width: 470px
 +
      }
 +
      .mobile-width-480 {
 +
        width: 480px
 +
      }
 +
      .mobile-width-490 {
 +
        width: 490px
 +
      }
 +
      .mobile-width-500 {
 +
        width: 500px
 +
      }
 +
      .mobile-width-510 {
 +
        width: 510px
 +
      }
 +
      .mobile-width-520 {
 +
        width: 520px
 +
      }
 +
      .mobile-width-530 {
 +
        width: 530px
 +
      }
 +
      .mobile-width-540 {
 +
        width: 540px
 +
      }
 +
      .mobile-width-550 {
 +
        width: 550px
 +
      }
 +
      .mobile-width-560 {
 +
        width: 560px
 +
      }
 +
      .mobile-width-570 {
 +
        width: 570px
 +
      }
 +
      .mobile-width-580 {
 +
        width: 580px
 +
      }
 +
      .mobile-width-590 {
 +
        width: 590px
 +
      }
 +
      .mobile-width-600 {
 +
        width: 600px
 +
      }
 +
      .mobile-width-610 {
 +
        width: 610px
 +
      }
 +
      .mobile-width-620 {
 +
        width: 620px
 +
      }
 +
      .mobile-width-630 {
 +
        width: 630px
 +
      }
 +
      .mobile-width-640 {
 +
        width: 640px
 +
      }
 +
      .mobile-width-650 {
 +
        width: 650px
 +
      }
 +
      .mobile-width-660 {
 +
        width: 660px
 +
      }
 +
      .mobile-width-670 {
 +
        width: 670px
 +
      }
 +
      .mobile-width-680 {
 +
        width: 680px
 +
      }
 +
      .mobile-width-690 {
 +
        width: 690px
 +
      }
 +
      .mobile-width-700 {
 +
        width: 700px
 +
      }
 +
      .mobile-width-710 {
 +
        width: 710px
 +
      }
 +
      .mobile-width-720 {
 +
        width: 720px
 +
      }
 +
      .mobile-width-730 {
 +
        width: 730px
 +
      }
 +
      .mobile-width-740 {
 +
        width: 740px
 +
      }
 +
      .mobile-width-750 {
 +
        width: 750px
 +
      }
 +
      .mobile-width-760 {
 +
        width: 760px
 +
      }
 +
      .mobile-width-770 {
 +
        width: 770px
 +
      }
 +
      .mobile-width-780 {
 +
        width: 780px
 +
      }
 +
      .mobile-width-790 {
 +
        width: 790px
 +
      }
 +
      .mobile-width-800 {
 +
        width: 800px
 +
      }
 +
      .mobile-width-810 {
 +
        width: 810px
 +
      }
 +
      .mobile-width-820 {
 +
        width: 820px
 +
      }
 +
      .mobile-width-830 {
 +
        width: 830px
 +
      }
 +
      .mobile-width-840 {
 +
        width: 840px
 +
      }
 +
      .mobile-width-850 {
 +
        width: 850px
 +
      }
 +
      .mobile-width-860 {
 +
        width: 860px
 +
      }
 +
      .mobile-width-870 {
 +
        width: 870px
 +
      }
 +
      .mobile-width-880 {
 +
        width: 880px
 +
      }
 +
      .mobile-width-890 {
 +
        width: 890px
 +
      }
 +
      .mobile-width-900 {
 +
        width: 900px
 +
      }
 +
      .mobile-width-910 {
 +
        width: 910px
 +
      }
 +
      .mobile-width-920 {
 +
        width: 920px
 +
      }
 +
      .mobile-width-930 {
 +
        width: 930px
 +
      }
 +
      .mobile-width-940 {
 +
        width: 940px
 +
      }
 +
      .mobile-width-950 {
 +
        width: 950px
 +
      }
 +
      .mobile-width-960 {
 +
        width: 960px
 +
      }
 +
      .mobile-width-970 {
 +
        width: 970px
 +
      }
 +
      .mobile-width-980 {
 +
        width: 980px
 +
      }
 +
      .mobile-width-990 {
 +
        width: 990px
 +
      }
 +
      .mobile-width-1000 {
 +
        width: 1000px
 +
      }
 +
      .mobile-width-1010 {
 +
        width: 1010px
 +
      }
 +
      .mobile-width-1020 {
 +
        width: 1020px
 +
      }
 +
      .mobile-width-1030 {
 +
        width: 1030px
 +
      }
 +
      .mobile-width-1040 {
 +
        width: 1040px
 +
      }
 +
      .mobile-width-1050 {
 +
        width: 1050px
 +
      }
 +
      .mobile-width-1060 {
 +
        width: 1060px
 +
      }
 +
      .mobile-width-1070 {
 +
        width: 1070px
 +
      }
 +
      .mobile-width-1080 {
 +
        width: 1080px
 +
      }
 +
      .mobile-width-1090 {
 +
        width: 1090px
 +
      }
 +
      .mobile-width-1100 {
 +
        width: 1100px
 +
      }
 +
      .mobile-width-1110 {
 +
        width: 1110px
 +
      }
 +
      .mobile-width-1120 {
 +
        width: 1120px
 +
      }
 +
      .mobile-width-1130 {
 +
        width: 1130px
 +
      }
 +
      .mobile-width-1140 {
 +
        width: 1140px
 +
      }
 +
      .mobile-width-1150 {
 +
        width: 1150px
 +
      }
 +
      .mobile-width-1160 {
 +
        width: 1160px
 +
      }
 +
      .mobile-width-1170 {
 +
        width: 1170px
 +
      }
 +
      .mobile-width-1180 {
 +
        width: 1180px
 +
      }
 +
      .mobile-width-1190 {
 +
        width: 1190px
 +
      }
 +
      .mobile-width-1200 {
 +
        width: 1200px
 +
      }
 +
      .mobile-width-1210 {
 +
        width: 1210px
 +
      }
 +
      .mobile-width-1220 {
 +
        width: 1220px
 +
      }
 +
      .mobile-width-1230 {
 +
        width: 1230px
 +
      }
 +
      .mobile-width-1240 {
 +
        width: 1240px
 +
      }
 +
      .mobile-width-1250 {
 +
        width: 1250px
 +
      }
 +
      .mobile-width-1260 {
 +
        width: 1260px
 +
      }
 +
      .mobile-width-1270 {
 +
        width: 1270px
 +
      }
 +
      .mobile-width-1280 {
 +
        width: 1280px
 +
      }
 +
      .mobile-width-1290 {
 +
        width: 1290px
 +
      }
 +
      .mobile-width-1300 {
 +
        width: 1300px
 +
      }
 +
      .mobile-width-1310 {
 +
        width: 1310px
 +
      }
 +
      .mobile-width-1320 {
 +
        width: 1320px
 +
      }
 +
      .mobile-width-1330 {
 +
        width: 1330px
 +
      }
 +
      .mobile-width-1340 {
 +
        width: 1340px
 +
      }
 +
      .mobile-width-1350 {
 +
        width: 1350px
 +
      }
 +
      .mobile-width-1360 {
 +
        width: 1360px
 +
      }
 +
      .mobile-width-1370 {
 +
        width: 1370px
 +
      }
 +
      .mobile-width-1380 {
 +
        width: 1380px
 +
      }
 +
      .mobile-width-1390 {
 +
        width: 1390px
 +
      }
 +
      .mobile-width-1400 {
 +
        width: 1400px
 +
      }
 +
      .mobile-width-1410 {
 +
        width: 1410px
 +
      }
 +
      .mobile-width-1420 {
 +
        width: 1420px
 +
      }
 +
      .mobile-width-1430 {
 +
        width: 1430px
 +
      }
 +
      .mobile-width-1440 {
 +
        width: 1440px
 +
      }
 +
      .mobile-width-1450 {
 +
        width: 1450px
 +
      }
 +
      .mobile-width-1460 {
 +
        width: 1460px
 +
      }
 +
      .mobile-width-1470 {
 +
        width: 1470px
 +
      }
 +
      .mobile-width-1480 {
 +
        width: 1480px
 +
      }
 +
      .mobile-width-1490 {
 +
        width: 1490px
 +
      }
 +
      .mobile-width-1500 {
 +
        width: 1500px
 +
      }
 +
      .mobile-width-1510 {
 +
        width: 1510px
 +
      }
 +
      .mobile-width-1520 {
 +
        width: 1520px
 +
      }
 +
      .mobile-width-1530 {
 +
        width: 1530px
 +
      }
 +
      .mobile-width-1540 {
 +
        width: 1540px
 +
      }
 +
      .mobile-width-1550 {
 +
        width: 1550px
 +
      }
 +
      .mobile-width-1560 {
 +
        width: 1560px
 +
      }
 +
      .mobile-width-1570 {
 +
        width: 1570px
 +
      }
 +
      .mobile-width-1580 {
 +
        width: 1580px
 +
      }
 +
      .mobile-width-1590 {
 +
        width: 1590px
 +
      }
 +
      .mobile-width-1600 {
 +
        width: 1600px
 +
      }
 +
      .mobile-width-1610 {
 +
        width: 1610px
 +
      }
 +
      .mobile-width-1620 {
 +
        width: 1620px
 +
      }
 +
      .mobile-width-1630 {
 +
        width: 1630px
 +
      }
 +
      .mobile-width-1640 {
 +
        width: 1640px
 +
      }
 +
      .mobile-width-1650 {
 +
        width: 1650px
 +
      }
 +
      .mobile-width-1660 {
 +
        width: 1660px
 +
      }
 +
      .mobile-width-1670 {
 +
        width: 1670px
 +
      }
 +
      .mobile-width-1680 {
 +
        width: 1680px
 +
      }
 +
      .mobile-width-1690 {
 +
        width: 1690px
 +
      }
 +
      .mobile-width-1700 {
 +
        width: 1700px
 +
      }
 +
      .mobile-width-1710 {
 +
        width: 1710px
 +
      }
 +
      .mobile-width-1720 {
 +
        width: 1720px
 +
      }
 +
      .mobile-width-1730 {
 +
        width: 1730px
 +
      }
 +
      .mobile-width-1740 {
 +
        width: 1740px
 +
      }
 +
      .mobile-width-1750 {
 +
        width: 1750px
 +
      }
 +
      .mobile-width-1760 {
 +
        width: 1760px
 +
      }
 +
      .mobile-width-1770 {
 +
        width: 1770px
 +
      }
 +
      .mobile-width-1780 {
 +
        width: 1780px
 +
      }
 +
      .mobile-width-1790 {
 +
        width: 1790px
 +
      }
 +
      .mobile-width-1800 {
 +
        width: 1800px
 +
      }
 +
      .mobile-width-1810 {
 +
        width: 1810px
 +
      }
 +
      .mobile-width-1820 {
 +
        width: 1820px
 +
      }
 +
      .mobile-width-1830 {
 +
        width: 1830px
 +
      }
 +
      .mobile-width-1840 {
 +
        width: 1840px
 +
      }
 +
      .mobile-width-1850 {
 +
        width: 1850px
 +
      }
 +
      .mobile-width-1860 {
 +
        width: 1860px
 +
      }
 +
      .mobile-width-1870 {
 +
        width: 1870px
 +
      }
 +
      .mobile-width-1880 {
 +
        width: 1880px
 +
      }
 +
      .mobile-width-1890 {
 +
        width: 1890px
 +
      }
 +
      .mobile-width-1900 {
 +
        width: 1900px
 +
      }
 +
      .mobile-width-1910 {
 +
        width: 1910px
 +
      }
 +
      .mobile-width-1920 {
 +
        width: 1920px
 +
      }
 +
      .mobile-width-1930 {
 +
        width: 1930px
 +
      }
 +
      .mobile-width-1940 {
 +
        width: 1940px
 +
      }
 +
      .mobile-width-1950 {
 +
        width: 1950px
 +
      }
 +
      .mobile-width-1960 {
 +
        width: 1960px
 +
      }
 +
      .mobile-width-1970 {
 +
        width: 1970px
 +
      }
 +
      .mobile-width-1980 {
 +
        width: 1980px
 +
      }
 +
      .mobile-width-1990 {
 +
        width: 1990px
 +
      }
 +
      .mobile-width-2000 {
 +
        width: 2000px
 +
      }
 +
      .mobile-offset-top-pos-5 {
 +
        margin-top: 5px
 +
      }
 +
      .mobile-offset-top-pos-10 {
 +
        margin-top: 10px
 +
      }
 +
      .mobile-offset-top-pos-20 {
 +
        margin-top: 20px
 +
      }
 +
      .mobile-offset-top-pos-40 {
 +
        margin-top: 40px
 +
      }
 +
      .mobile-offset-top-pos-60 {
 +
        margin-top: 60px
 +
      }
 +
      .mobile-offset-top-pos-80 {
 +
        margin-top: 80px
 +
      }
 +
      .mobile-offset-top-pos-100 {
 +
        margin-top: 100px
 +
      }
 +
      .mobile-offset-top-pos-120 {
 +
        margin-top: 120px
 +
      }
 +
      .mobile-offset-top-pos-140 {
 +
        margin-top: 140px
 +
      }
 +
      .mobile-offset-top-pos-160 {
 +
        margin-top: -160px
 +
      }
 +
      .mobile-offset-top-pos-180 {
 +
        margin-top: 180px
 +
      }
 +
      .mobile-offset-top-pos-200 {
 +
        margin-top: 200px
 +
      }
 +
      .mobile-offset-top-neg-5 {
 +
        margin-top: -5px
 +
      }
 +
      .mobile-offset-top-neg-10 {
 +
        margin-top: -10px
 +
      }
 +
      .mobile-offset-top-neg-20 {
 +
        margin-top: -20px
 +
      }
 +
      .mobile-offset-top-neg-40 {
 +
        margin-top: -40px
 +
      }
 +
      .mobile-offset-top-neg-60 {
 +
        margin-top: -60px
 +
      }
 +
      .mobile-offset-top-neg-80 {
 +
        margin-top: -80px
 +
      }
 +
      .mobile-offset-top-neg-100 {
 +
        margin-top: -100px
 +
      }
 +
      .mobile-offset-top-neg-120 {
 +
        margin-top: -120px
 +
      }
 +
      .mobile-offset-top-neg-140 {
 +
        margin-top: -140px
 +
      }
 +
      .mobile-offset-top-neg-160 {
 +
        margin-top: -160px
 +
      }
 +
      .mobile-offset-top-neg-180 {
 +
        margin-top: -180px
 +
      }
 +
      .mobile-offset-top-neg-200 {
 +
        margin-top: -200px
 +
      }
 +
      .mobile-offset-bottom-pos-5 {
 +
        margin-bottom: 5px
 +
      }
 +
      .mobile-offset-bottom-pos-10 {
 +
        margin-bottom: 10px
 +
      }
 +
      .mobile-offset-bottom-pos-20 {
 +
        margin-bottom: 20px
 +
      }
 +
      .mobile-offset-bottom-pos-40 {
 +
        margin-bottom: 40px
 +
      }
 +
      .mobile-offset-bottom-pos-60 {
 +
        margin-bottom: 60px
 +
      }
 +
      .mobile-offset-bottom-pos-80 {
 +
        margin-bottom: 80px
 +
      }
 +
      .mobile-offset-bottom-pos-100 {
 +
        margin-bottom: 100px
 +
      }
 +
      .mobile-offset-bottom-pos-120 {
 +
        margin-bottom: 120px
 +
      }
 +
      .mobile-offset-bottom-pos-140 {
 +
        margin-bottom: 140px
 +
      }
 +
      .mobile-offset-bottom-pos-160 {
 +
        margin-bottom: 160px
 +
      }
 +
      .mobile-offset-bottom-pos-180 {
 +
        margin-bottom: 180px
 +
      }
 +
      .mobile-offset-bottom-pos-200 {
 +
        margin-bottom: 200px
 +
      }
 +
      .mobile-offset-bottom-neg-5 {
 +
        margin-bottom: -5px
 +
      }
 +
      .mobile-offset-bottom-neg-10 {
 +
        margin-bottom: -10px
 +
      }
 +
      .mobile-offset-bottom-neg-20 {
 +
        margin-bottom: -20px
 +
      }
 +
      .mobile-offset-bottom-neg-40 {
 +
        margin-bottom: -40px
 +
      }
 +
      .mobile-offset-bottom-neg-60 {
 +
        margin-bottom: -60px
 +
      }
 +
      .mobile-offset-bottom-neg-80 {
 +
        margin-bottom: -80px
 +
      }
 +
      .mobile-offset-bottom-neg-100 {
 +
        margin-bottom: -100px
 +
      }
 +
      .mobile-offset-bottom-neg-120 {
 +
        margin-bottom: -120px
 +
      }
 +
      .mobile-offset-bottom-neg-140 {
 +
        margin-bottom: -140px
 +
      }
 +
      .mobile-offset-bottom-neg-160 {
 +
        margin-bottom: -160px
 +
      }
 +
      .mobile-offset-bottom-neg-180 {
 +
        margin-bottom: -180px
 +
      }
 +
      .mobile-offset-bottom-neg-200 {
 +
        margin-bottom: -200px
 +
      }
 +
      .mobile-padding-vertical-5 {
 +
        padding-top: 5px;
 +
        padding-bottom: 5px
 +
      }
 +
      .mobile-padding-vertical-10 {
 +
        padding-top: 10px;
 +
        padding-bottom: 10px
 +
      }
 +
      .mobile-padding-vertical-15 {
 +
        padding-top: 15px;
 +
        padding-bottom: 15px
 +
      }
 +
      .mobile-padding-vertical-20 {
 +
        padding-top: 20px;
 +
        padding-bottom: 20px
 +
      }
 +
      .mobile-padding-vertical-25 {
 +
        padding-top: 25px;
 +
        padding-bottom: 25px
 +
      }
 +
      .mobile-padding-vertical-30 {
 +
        padding-top: 30px;
 +
        padding-bottom: 30px
 +
      }
 +
      .mobile-padding-vertical-35 {
 +
        padding-top: 35px;
 +
        padding-bottom: 35px
 +
      }
 +
      .mobile-padding-vertical-40 {
 +
        padding-top: 40px;
 +
        padding-bottom: 40px
 +
      }
 +
      .mobile-padding-vertical-45 {
 +
        padding-top: 45px;
 +
        padding-bottom: 45px
 +
      }
 +
      .mobile-padding-vertical-50 {
 +
        padding-top: 50px;
 +
        padding-bottom: 50px
 +
      }
 +
      .mobile-padding-vertical-55 {
 +
        padding-top: 55px;
 +
        padding-bottom: 55px
 +
      }
 +
      .mobile-padding-vertical-60 {
 +
        padding-top: 60px;
 +
        padding-bottom: 60px
 +
      }
 +
      .mobile-padding-vertical-65 {
 +
        padding-top: 65px;
 +
        padding-bottom: 65px
 +
      }
 +
      .mobile-padding-vertical-70 {
 +
        padding-top: 70px;
 +
        padding-bottom: 70px
 +
      }
 +
      .mobile-padding-vertical-75 {
 +
        padding-top: 75px;
 +
        padding-bottom: 75px
 +
      }
 +
      .mobile-padding-vertical-80 {
 +
        padding-top: 80px;
 +
        padding-bottom: 80px
 +
      }
 +
      .mobile-padding-vertical-85 {
 +
        padding-top: 85px;
 +
        padding-bottom: 85px
 +
      }
 +
      .mobile-padding-vertical-90 {
 +
        padding-top: 90px;
 +
        padding-bottom: 90px
 +
      }
 +
      .mobile-padding-vertical-95 {
 +
        padding-top: 95px;
 +
        padding-bottom: 95px
 +
      }
 +
      .mobile-padding-vertical-100 {
 +
        padding-top: 100px;
 +
        padding-bottom: 100px
 +
      }
 +
      .mobile-padding-horizontal-5 {
 +
        padding-left: 5px;
 +
        padding-right: 5px
 +
      }
 +
      .mobile-padding-horizontal-10 {
 +
        padding-left: 10px;
 +
        padding-right: 10px
 +
      }
 +
      .mobile-padding-horizontal-15 {
 +
        padding-left: 15px;
 +
        padding-right: 15px
 +
      }
 +
      .mobile-padding-horizontal-20 {
 +
        padding-left: 20px;
 +
        padding-right: 20px
 +
      }
 +
      .mobile-padding-horizontal-25 {
 +
        padding-left: 25px;
 +
        padding-right: 25px
 +
      }
 +
      .mobile-padding-horizontal-30 {
 +
        padding-left: 30px;
 +
        padding-right: 30px
 +
      }
 +
      .mobile-padding-horizontal-35 {
 +
        padding-left: 35px;
 +
        padding-right: 35px
 +
      }
 +
      .mobile-padding-horizontal-40 {
 +
        padding-left: 40px;
 +
        padding-right: 40px
 +
      }
 +
      .mobile-padding-horizontal-45 {
 +
        padding-left: 45px;
 +
        padding-right: 45px
 +
      }
 +
      .mobile-padding-horizontal-50 {
 +
        padding-left: 50px;
 +
        padding-right: 50px
 +
      }
 +
      .mobile-padding-horizontal-55 {
 +
        padding-left: 55px;
 +
        padding-right: 55px
 +
      }
 +
      .mobile-padding-horizontal-60 {
 +
        padding-left: 60px;
 +
        padding-right: 60px
 +
      }
 +
      .mobile-padding-horizontal-65 {
 +
        padding-left: 65px;
 +
        padding-right: 65px
 +
      }
 +
      .mobile-padding-horizontal-70 {
 +
        padding-left: 70px;
 +
        padding-right: 70px
 +
      }
 +
      .mobile-padding-horizontal-75 {
 +
        padding-left: 75px;
 +
        padding-right: 75px
 +
      }
 +
      .mobile-padding-horizontal-80 {
 +
        padding-left: 80px;
 +
        padding-right: 80px
 +
      }
 +
      .mobile-padding-horizontal-85 {
 +
        padding-left: 85px;
 +
        padding-right: 85px
 +
      }
 +
      .mobile-padding-horizontal-90 {
 +
        padding-left: 90px;
 +
        padding-right: 90px
 +
      }
 +
      .mobile-padding-horizontal-95 {
 +
        padding-left: 95px;
 +
        padding-right: 95px
 +
      }
 +
      .mobile-padding-horizontal-100 {
 +
        padding-left: 100px;
 +
        padding-right: 100px
 +
      }
 +
    }
 +
 +
    .view-gallery-homepage .item-list ul.pager {
 +
      display: none
 +
    }
 +
 +
    .view-gallery-homepage ul {
 +
      list-style: none
 +
    }
 +
 +
    .view-gallery-homepage .hide {
 +
      display: none
 +
    }
 +
 +
    .view-gallery-homepage .view-content {
 +
      overflow: hidden
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item {
 +
      float: left;
 +
      margin: 2px;
 +
      border: 1px solid #eee;
 +
      box-sizing: content-box;
 +
      overflow: hidden;
 +
      position: relative
 +
    }
 +
 +
    .view-gallery-homepage .view-content .item img {
 +
      display: block;
 +
      width: auto;
 +
      height: 100%
 +
    }
 +
 +
    .checkout {
 +
      width: 100%;
 +
      max-width: 1000px;
 +
      padding: 0;
 +
      margin: 60px auto;
 +
      background: white;
 +
      border: 1px solid #ddd
 +
    }
 +
 +
    .checkout.checkout-payment {
 +
      max-width: 550px
 +
    }
 +
 +
    .checkout .checkout-pane {
 +
      margin-bottom: 40px;
 +
      zoom: 1
 +
    }
 +
 +
    .checkout .checkout-pane:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .checkout .pane-title {
 +
      font-size: 16px;
 +
      padding: 15px;
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    .checkout .stripe-secured {
 +
      padding: 15px;
 +
      font-size: 14px
 +
    }
 +
 +
    .checkout .payment-form-paypal {
 +
      padding: 15px 0 0
 +
    }
 +
 +
    .checkout .step1-submit,
 +
    .checkout .step2-submit {
 +
      background: #00bcf2 !important;
 +
      color: white
 +
    }
 +
 +
    .checkout .pane-content {
 +
      padding: 30px 30px;
 +
      zoom: 1
 +
    }
 +
 +
    .checkout .pane-content:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .checkout .payment-pane .pane-content {
 +
      padding: 0 30px 0
 +
    }
 +
 +
    .checkout .product-information {
 +
      margin-bottom: 20px;
 +
      border-bottom: 1px solid #eee;
 +
      padding-bottom: 20px;
 +
      zoom: 1
 +
    }
 +
 +
    .checkout .product-information:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .checkout .product-description,
 +
    .checkout .product-upgrade {
 +
      line-height: 150%
 +
    }
 +
 +
    .checkout .product-image {
 +
      height: 120px;
 +
      width: 120px;
 +
      float: left;
 +
      margin-right: 20px;
 +
      background-size: contain;
 +
      background-repeat: no-repeat
 +
    }
 +
 +
    .checkout .product-title {
 +
      font-size: 18px;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    .checkout .promotion {
 +
      float: left;
 +
      padding: 5px 0
 +
    }
 +
 +
    .checkout .promotion span {
 +
      display: block;
 +
      margin-bottom: 8px
 +
    }
 +
 +
    .checkout .promotion input {
 +
      padding: 6px
 +
    }
 +
 +
    .checkout .promotion input[type=submit] {
 +
      background: #eee;
 +
      border: 2px solid #eee;
 +
      border: 0;
 +
      padding: 6px 15px
 +
    }
 +
 +
    .checkout .promotion input[type=submit]:active {
 +
      background: #ddd
 +
    }
 +
 +
    .checkout .price {
 +
      float: right;
 +
      width: 180px;
 +
      font-size: 16px
 +
    }
 +
 +
    .checkout .price tbody {
 +
      border: 0
 +
    }
 +
 +
    .checkout .price span {
 +
      display: inline-block;
 +
      padding: 2px 6px;
 +
      background: #00bcf2;
 +
      color: white;
 +
      cursor: pointer
 +
    }
 +
 +
    .checkout .price span.disabled {
 +
      background: #ddd;
 +
      color: #1d1d1d
 +
    }
 +
 +
    .checkout .price input {
 +
      width: 30px;
 +
      text-align: center;
 +
      font-size: 14px;
 +
      height: 22px
 +
    }
 +
 +
    .checkout .price td {
 +
      padding: 5px 0
 +
    }
 +
 +
    .checkout .price .amount {
 +
      text-align: right
 +
    }
 +
 +
    .checkout form .form-item {
 +
      float: left;
 +
      width: 50%;
 +
      padding: 10px 15px
 +
    }
 +
 +
    .checkout form .form-item span {
 +
      display: block;
 +
      margin-bottom: 8px
 +
    }
 +
 +
    .checkout form .form-item select,
 +
    .checkout form .form-item input {
 +
      width: 100%;
 +
      padding: 6px;
 +
      height: 29px;
 +
      background: #fff;
 +
      border: 1px solid #ddd;
 +
      -webkit-border-radius: 0;
 +
      -moz-border-radius: 0;
 +
      border-radius: 0;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box
 +
    }
 +
 +
    .checkout form .form-item select.error,
 +
    .checkout form .form-item input.error {
 +
      border: 1px solid red
 +
    }
 +
 +
    .checkout form .form-type-checkbox {
 +
      position: relative
 +
    }
 +
 +
    .checkout form .form-type-checkbox input[type=checkbox] {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 100%;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      cursor: pointer;
 +
      z-index: 1
 +
    }
 +
 +
    .checkout form .form-type-checkbox input[type=checkbox]:checked+label:after {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .checkout form .form-type-checkbox input[type=checkbox]+label:after {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    .checkout form .form-type-checkbox input.error+label:before {
 +
      border-color: red
 +
    }
 +
 +
    .checkout form .form-type-checkbox label {
 +
      margin: 0 !important;
 +
      padding: 11px;
 +
      padding-right: 0;
 +
      padding-left: 32px;
 +
      height: 48px;
 +
      position: relative
 +
    }
 +
 +
    .checkout form .form-type-checkbox label a {
 +
      position: relative;
 +
      z-index: 2
 +
    }
 +
 +
    .checkout form .form-type-checkbox label:before {
 +
      content: '';
 +
      display: block;
 +
      height: 20px;
 +
      width: 20px;
 +
      border: 2px solid #ccc;
 +
      position: absolute;
 +
      top: 12px;
 +
      left: 0
 +
    }
 +
 +
    .checkout form .form-type-checkbox label:after {
 +
      content: '';
 +
      display: block;
 +
      height: 16px;
 +
      width: 16px;
 +
      position: absolute;
 +
      top: 16px;
 +
      left: 4px;
 +
      background: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    .checkout form .form-eula {
 +
      width: 100%;
 +
      max-width: 100%;
 +
      border-bottom: 1px solid #eee;
 +
      margin-bottom: 10px
 +
    }
 +
 +
    .checkout .checkout-actions {
 +
      margin: 30px 50px;
 +
      zoom: 1;
 +
      text-align: center
 +
    }
 +
 +
    .checkout .checkout-actions:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .checkout .checkout-actions input {
 +
      font-size: 14px;
 +
      background: #eee;
 +
      border: 0;
 +
      padding: 10px 30px;
 +
      float: right;
 +
      margin-left: 20px
 +
    }
 +
 +
    .checkout .checkout-actions input:active {
 +
      background: #ddd
 +
    }
 +
 +
    .checkout .checkout-actions input.update-submit {
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    .checkout .checkout-actions input.update-submit:active {
 +
      background: #191919
 +
    }
 +
 +
    @media only screen and (max-width:640px) {
 +
      .checkout .checkout-actions {
 +
        margin: 30px 15px
 +
      }
 +
      .checkout .checkout-actions input:last-child {
 +
        margin-left: 0
 +
      }
 +
    }
 +
 +
    .checkout .payment-pane .form-row {
 +
      padding: 10px 15px
 +
    }
 +
 +
    .checkout .payment-pane .form-row label {
 +
      display: inline-block
 +
    }
 +
 +
    .checkout .payment-pane .form-row span {
 +
      width: 215px;
 +
      display: inline-block
 +
    }
 +
 +
    .checkout .payment-pane .form-row select,
 +
    .checkout .payment-pane .form-row input {
 +
      padding: 6px;
 +
      height: 29px;
 +
      background: #fff;
 +
      border: 1px solid #ddd;
 +
      -webkit-border-radius: 0;
 +
      -moz-border-radius: 0;
 +
      border-radius: 0;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box
 +
    }
 +
 +
    .checkout .payment-pane .form-row select.error,
 +
    .checkout .payment-pane .form-row input.error {
 +
      border: 1px solid red
 +
    }
 +
 +
    .checkout .payment-pane .pane-select {
 +
      zoom: 1;
 +
      background: #f6f6f6
 +
    }
 +
 +
    .checkout .payment-pane .pane-select:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .checkout .payment-pane .pane-select.hide {
 +
      display: none
 +
    }
 +
 +
    .checkout .payment-pane .pane-select label {
 +
      float: left;
 +
      padding: 20px 0 20px 10px;
 +
      margin-left: 20px;
 +
      cursor: pointer
 +
    }
 +
 +
    .checkout .payment-pane .pane-select .text {
 +
      display: none
 +
    }
 +
 +
    .checkout .payment-pane .pane-select .stripe .icons {
 +
      background-image: url(/sites/all/themes/mess/images/stripe.png);
 +
      height: 30px;
 +
      width: 164px;
 +
      margin-left: 15px;
 +
      margin-top: -5px;
 +
      display: block;
 +
      background-size: cover;
 +
      float: right
 +
    }
 +
 +
    .checkout .payment-pane .pane-select .paypal .icons {
 +
      background-image: url(/sites/all/themes/mess/images/paypal.png);
 +
      height: 30px;
 +
      width: 48px;
 +
      margin-left: 15px;
 +
      margin-top: -5px;
 +
      display: block;
 +
      background-size: cover;
 +
      float: right
 +
    }
 +
 +
    .checkout .promotion-content input {
 +
      padding: 6px;
 +
      height: 29px;
 +
      background: #fff;
 +
      border: 1px solid #ddd;
 +
      float: left;
 +
      -webkit-border-radius: 0;
 +
      -moz-border-radius: 0;
 +
      border-radius: 0;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      font-size: 14px;
 +
      margin-right: 10px
 +
    }
 +
 +
    .checkout .promotion-content input.error {
 +
      border: 1px solid red
 +
    }
 +
 +
    .checkout .complete-pane {
 +
      padding: 40px 40px 0;
 +
      text-align: center;
 +
      margin: 0
 +
    }
 +
 +
    .checkout .payment-errors {
 +
      display: none;
 +
      margin: 0 -30px 20px;
 +
      padding: 10px;
 +
      background: red;
 +
      color: #fff
 +
    }
 +
 +
    .checkout .payment-errors.show {
 +
      display: block
 +
    }
 +
 +
    .stripe-description {
 +
      max-width: 550px;
 +
      text-align: center;
 +
      margin: -40px auto 60px;
 +
      font-size: 14px
 +
    }
 +
 +
    .user-inner {
 +
      width: 100%;
 +
      max-width: 1000px;
 +
      padding: 0;
 +
      margin: 60px auto;
 +
      background: white;
 +
      border: 1px solid #ddd
 +
    }
 +
 +
    .user-inner h2 {
 +
      margin: 0 !important;
 +
      padding: 15px 12px 15px 15px !important
 +
    }
 +
 +
    .user-inner .user-coins,
 +
    .user-inner .user-steam {
 +
      padding: 20px;
 +
      text-align: center
 +
    }
 +
 +
    .user-inner .user-coins .points,
 +
    .user-inner .user-steam .points {
 +
      font-size: 18px;
 +
      margin: 15px
 +
    }
 +
 +
    .user-inner .user-coins .description,
 +
    .user-inner .user-steam .description,
 +
    .user-inner .user-coins .points-descr,
 +
    .user-inner .user-steam .points-descr {
 +
      margin-bottom: 20px
 +
    }
 +
 +
    .user-inner .user-coins a,
 +
    .user-inner .user-steam a {
 +
      background: #00bcf2;
 +
      padding: 10px 30px;
 +
      margin-left: 20px;
 +
      display: inline-block;
 +
      color: white;
 +
      margin-bottom: 10px;
 +
      text-transform: uppercase
 +
    }
 +
 +
    .user-inner .user-coins a:active,
 +
    .user-inner .user-steam a:active {
 +
      background: #fbfbfb;
 +
      color: #191919
 +
    }
 +
 +
    .user-inner.licenses,
 +
    .user-inner.subscriptions {
 +
      max-width: 1600px
 +
    }
 +
 +
    .user-inner.licenses .red,
 +
    .user-inner.subscriptions .red {
 +
      color: #b91f2f
 +
    }
 +
 +
    .user-inner.licenses tr.cancel,
 +
    .user-inner.subscriptions tr.cancel {
 +
      background-color: #f0f0f0
 +
    }
 +
 +
    .popup {
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: fixed;
 +
      background: rgba(0, 0, 0, 0.5)
 +
    }
 +
 +
    .popup .content {
 +
      background: white;
 +
      padding: 10px;
 +
      position: absolute;
 +
      top: 50%;
 +
      left: 50%;
 +
      -webkit-transform: translateX(-50%) translateY(-50%);
 +
      -moz-transform: translateX(-50%) translateY(-50%);
 +
      -ms-transform: translateX(-50%) translateY(-50%);
 +
      transform: translateX(-50%) translateY(-50%)
 +
    }
 +
 +
    .popup .content .title,
 +
    .popup .content .descr,
 +
    .popup .content .buttons {
 +
      padding: 10px;
 +
      text-align: center
 +
    }
 +
 +
    .popup .content .title {
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    .popup .content .buttons div {
 +
      display: inline-block;
 +
      padding: 5px 20px;
 +
      background: #ccc;
 +
      margin: 0 10px;
 +
      cursor: pointer
 +
    }
 +
 +
    .popup .content .buttons div.ok {
 +
      background: #00bcf2;
 +
      color: white
 +
    }
 +
 +
    .view-empty {
 +
      padding: 70px 30px;
 +
      text-align: center
 +
    }
 +
 +
    .substance-database {
 +
      text-align: center
 +
    }
 +
 +
    .substance-database .intro {
 +
      padding: 20px 40px
 +
    }
 +
 +
    .substance-database h2 {
 +
      margin: 20px 0
 +
    }
 +
 +
    .substance-database p {
 +
      margin: 20px
 +
    }
 +
 +
    .views-exposed-form .form-type-select .description {
 +
      display: none
 +
    }
 +
 +
    .view-substance-database .view-content {
 +
      text-align: center;
 +
      zoom: 1
 +
    }
 +
 +
    .view-substance-database .view-content:after {
 +
      content: '';
 +
      display: table;
 +
      clear: both;
 +
      height: 0;
 +
      visibility: 0
 +
    }
 +
 +
    .view-substance-database .view-content .views-row {
 +
      position: relative;
 +
      display: inline-block;
 +
      width: 100%;
 +
      max-width: 230px;
 +
      padding: 15px
 +
    }
 +
 +
    .view-substance-database .view-filters {
 +
      background: #fff;
 +
      border: 1px solid #eee;
 +
      padding: 15px 20px;
 +
      text-align: center;
 +
      margin-bottom: 30px;
 +
      margin-top: 15px
 +
    }
 +
 +
    .user-inner .view-substance-database .view-filters {
 +
      background: #f6f6f6;
 +
      margin-top: 0;
 +
      border: 0;
 +
      border-bottom: 1px solid #e5e5e5
 +
    }
 +
 +
    .view-substance-database .view-filters .views-exposed-widgets {
 +
      margin: 0
 +
    }
 +
 +
    .view-substance-database .view-filters .views-submit-button {
 +
      position: relative;
 +
      width: 90px;
 +
      height: 43px
 +
    }
 +
 +
    .view-substance-database .view-filters .views-exposed-form .views-exposed-widget {
 +
      padding: 0 20px 0 0;
 +
      display: inline-block;
 +
      float: none;
 +
      text-align: left
 +
    }
 +
 +
    .view-substance-database .view-filters .views-exposed-form .views-exposed-widget label {
 +
      font-size: 14px;
 +
      text-transform: uppercase;
 +
      color: #888
 +
    }
 +
 +
    .view-substance-database .view-filters .views-exposed-form .views-exposed-widget .form-item {
 +
      padding: 7px 0 0
 +
    }
 +
 +
    .view-substance-database .view-filters .views-exposed-form .views-exposed-widget input,
 +
    .view-substance-database .view-filters .views-exposed-form .views-exposed-widget select {
 +
      height: 30px
 +
    }
 +
 +
    .view-substance-database .view-filters .views-exposed-form .views-exposed-widget .form-submit {
 +
      margin: 0;
 +
      float: left;
 +
      position: absolute;
 +
      top: 23px;
 +
      font-size: 14px;
 +
      padding: 7px 20px
 +
    }
 +
 +
    .substance {
 +
      text-align: center
 +
    }
 +
 +
    .substance .image {
 +
      position: relative
 +
    }
 +
 +
    .substance .image:before {
 +
      content: '';
 +
      display: block;
 +
      padding-top: 100%
 +
    }
 +
 +
    .substance .image img {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      width: 100%
 +
    }
 +
 +
    .substance .pbr {
 +
      position: absolute;
 +
      -webkit-border-radius: 100%;
 +
      -moz-border-radius: 100%;
 +
      border-radius: 100%;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box;
 +
      height: 40px;
 +
      width: 40px;
 +
      right: 20px;
 +
      top: 20px;
 +
      background: orange;
 +
      color: white;
 +
      font-size: 12px;
 +
      padding: 13px 7px
 +
    }
 +
 +
    .substance a {
 +
      display: inline-block;
 +
      padding: 8px 15px;
 +
      text-transform: uppercase;
 +
      background: #00bcf2;
 +
      color: #fff;
 +
      font-size: 14px;
 +
      margin-top: 10px
 +
    }
 +
 +
    .build-list .build-version {
 +
      background: #f0f0f0;
 +
      padding: 15px 30px;
 +
      font-size: 14px;
 +
      font-weight: bold;
 +
      color: #626262
 +
    }
 +
 +
    .build-list .build-links {
 +
      padding: 20px 30px;
 +
      line-height: 1.8em
 +
    }
 +
 +
    .build-latest .version {
 +
      font-weight: bold;
 +
      color: #626262;
 +
      margin-bottom: 5px
 +
    }
 +
 +
    .build-latest a {
 +
      color: #00bcf2
 +
    }
 +
 +
    .build-latest .other-builds {
 +
      display: block;
 +
      margin-top: 5px;
 +
      color: #191919
 +
    }
 +
 +
    .slideshow p,
 +
    .slideshow h1,
 +
    .slideshow h2,
 +
    .slideshow h3,
 +
    .slideshow h4,
 +
    .slideshow h5,
 +
    .slideshow h6 {
 +
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45)
 +
    }
 +
 +
    body.front #main .front-news .views-row .view-content .title-wrapper {
 +
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45)
 +
    }
 +
 +
    .product-buy .original-price {
 +
      margin-bottom: 13px;
 +
      text-decoration: line-through
 +
    }
 +
 +
    .block-newsletter .form-wrapper,
 +
    .block-newsletter-current .form-wrapper {
 +
      margin-top: .5em
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox,
 +
    .block-newsletter-current .form-type-checkbox {
 +
      position: relative;
 +
      padding: 0
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox input[type=checkbox],
 +
    .block-newsletter-current .form-type-checkbox input[type=checkbox] {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 100%;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      cursor: pointer;
 +
      z-index: 1
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox input[type=checkbox]:checked+label:after,
 +
    .block-newsletter-current .form-type-checkbox input[type=checkbox]:checked+label:after {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox input[type=checkbox]+label:after,
 +
    .block-newsletter-current .form-type-checkbox input[type=checkbox]+label:after {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox input.error+label:before,
 +
    .block-newsletter-current .form-type-checkbox input.error+label:before {
 +
      border-color: red
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox label,
 +
    .block-newsletter-current .form-type-checkbox label {
 +
      margin: 0 !important;
 +
      padding: 11px;
 +
      padding-right: 0;
 +
      padding-left: 32px;
 +
      height: 48px;
 +
      position: relative
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox label a,
 +
    .block-newsletter-current .form-type-checkbox label a {
 +
      position: relative;
 +
      z-index: 2
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox label:before,
 +
    .block-newsletter-current .form-type-checkbox label:before {
 +
      content: '';
 +
      display: block;
 +
      height: 20px;
 +
      width: 20px;
 +
      border: 2px solid #ccc;
 +
      position: absolute;
 +
      top: 12px;
 +
      left: 0
 +
    }
 +
 +
    .block-newsletter .form-type-checkbox label:after,
 +
    .block-newsletter-current .form-type-checkbox label:after {
 +
      content: '';
 +
      display: block;
 +
      height: 16px;
 +
      width: 16px;
 +
      position: absolute;
 +
      top: 16px;
 +
      left: 4px;
 +
      background: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    .block-newsletter-current label {
 +
      color: #00bcf2
 +
    }
 +
 +
    .product-buy .form-item {
 +
      width: 100%;
 +
      padding: 10px 15px
 +
    }
 +
 +
    .product-buy .form-item label {
 +
      clear: both;
 +
      margin: 0 0 15px;
 +
      display: block
 +
    }
 +
 +
    .product-buy .form-item span {
 +
      display: block;
 +
      margin-bottom: 8px;
 +
      text-align: left
 +
    }
 +
 +
    .product-buy .form-item select {
 +
      padding: 6px;
 +
      height: 29px;
 +
      background: #fff;
 +
      border: 1px solid #ddd;
 +
      -webkit-border-radius: 0;
 +
      -moz-border-radius: 0;
 +
      border-radius: 0;
 +
      -moz-background-clip: padding;
 +
      -webkit-background-clip: padding-box;
 +
      background-clip: padding-box
 +
    }
 +
 +
    #page.banner {
 +
      padding-top: 108px
 +
    }
 +
 +
    .header-transparent #page.banner {
 +
      padding-top: 0
 +
    }
 +
 +
    #commercial_banner {
 +
      height: 60px;
 +
      background-color: #00bcf2;
 +
      width: 100%;
 +
      z-index: 1;
 +
      position: relative
 +
    }
 +
 +
    #commercial_banner .contextual-links-region {
 +
      position: inherit
 +
    }
 +
 +
    #commercial_banner a {
 +
      color: #fff;
 +
      text-align: center
 +
    }
 +
 +
    #commercial_banner p {
 +
      width: 100%;
 +
      height: 100%;
 +
      display: table;
 +
      position: absolute;
 +
      font-weight: bold
 +
    }
 +
 +
    #commercial_banner p a {
 +
      display: table-cell;
 +
      vertical-align: middle;
 +
      font-size: 3vw;
 +
      padding: 0 30px
 +
    }
 +
 +
    #commercial_banner .close-button {
 +
      height: 20px;
 +
      width: 20px;
 +
      position: absolute;
 +
      box-sizing: border-box;
 +
      line-height: 20px;
 +
      right: 5px;
 +
      top: 5px
 +
    }
 +
 +
    #commercial_banner .close-button:before,
 +
    #commercial_banner .close-button:after {
 +
      transform: rotate(-45deg);
 +
      content: '';
 +
      position: absolute;
 +
      top: 50%;
 +
      left: 50%;
 +
      margin-top: -2.5px;
 +
      margin-left: -10px;
 +
      display: block;
 +
      height: 5px;
 +
      width: 20px;
 +
      background-color: #fff
 +
    }
 +
 +
    #commercial_banner .close-button:after {
 +
      transform: rotate(45deg)
 +
    }
 +
 +
    @media(min-width:1025px) {
 +
      #page.banner {
 +
        padding-top: 140px
 +
      }
 +
      #commercial_banner p a {
 +
        font-size: 1vw
 +
      }
 +
    }
 +
 +
    #bannerCookie {
 +
      color: #fff;
 +
      background-color: #000;
 +
      opacity: .8;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      padding: 1em 1.8em;
 +
      width: 100%;
 +
      flex-direction: row;
 +
      display: flex;
 +
      position: fixed;
 +
      align-items: center;
 +
      font-size: 16px;
 +
      line-height: 1.5em;
 +
      flex-wrap: nowrap;
 +
      z-index: 9999
 +
    }
 +
 +
    #bannerCookie .message {
 +
      flex: 1
 +
    }
 +
 +
    #bannerCookie .message .more {
 +
      opacity: .8;
 +
      display: inline-block;
 +
      padding: .2em;
 +
      text-decoration: underline
 +
    }
 +
 +
    #bannerCookie .message .more:hover,
 +
    #bannerCookie .message .more:active {
 +
      text-decoration: none;
 +
      color: #00bcf2
 +
    }
 +
 +
    #bannerCookie .button {
 +
      display: flex;
 +
      align-items: center;
 +
      align-content: space-between
 +
    }
 +
 +
    #bannerCookie .button a {
 +
      min-width: 140px;
 +
      color: #fff;
 +
      background-color: #00bcf2;
 +
      border-color: transparent;
 +
      flex: 1;
 +
      display: block;
 +
      padding: .4em .8em;
 +
      font-size: .9em;
 +
      font-weight: 700;
 +
      border-width: 2px;
 +
      border-style: solid;
 +
      text-align: center;
 +
      white-space: nowrap;
 +
      cursor: pointer
 +
    }
 +
 +
    #bannerCookie .button a:hover {
 +
      color: #000;
 +
      background-color: #fff
 +
    }
 +
 +
    @media(max-width:414px) and (orientation:portrait),
 +
    (max-width:736px) and (orientation:landscape) {
 +
      #bannerCookie {
 +
        flex-direction: column;
 +
        align-items: unset
 +
      }
 +
    }
 +
 +
    .node-webform.node-1742 .field-name-body {
 +
      float: none;
 +
      margin: auto
 +
    }
 +
 +
    .node-webform.node-1742 .webform-client-form {
 +
      width: 100%;
 +
      float: left
 +
    }
 +
 +
    .node-webform.node-1742 .webform-client-form .form-actions {
 +
      text-align: center
 +
    }
 +
 +
    .node-webform .no-description .description {
 +
      display: none
 +
    }
 +
 +
    .node-webform .no-label label {
 +
      display: none
 +
    }
 +
 +
    .node-webform .radio-inline .form-type-radio label {
 +
      display: inline
 +
    }
 +
 +
    #user-profile-form .form-type-radio {
 +
      width: auto;
 +
      display: inline-block
 +
    }
 +
 +
    #user-profile-form .form-type-radio label {
 +
      display: inline
 +
    }
 +
 +
    #user-pass-reset {
 +
      max-width: 550px;
 +
      margin: 60px auto;
 +
      padding: 0 20px
 +
    }
 +
 +
    .page-node-1742 .main .webform-confirmation {
 +
      margin-top: 50px
 +
    }
 +
 +
    .page-node-1742 .main .links {
 +
      text-align: center;
 +
      margin-bottom: 50px
 +
    }
 +
 +
    .tab_link:hover {
 +
      background-color: #fff;
 +
      cursor: pointer
 +
    }
 +
 +
    .tab_link.selected {
 +
      background-color: #fff
 +
    }
 +
 +
    .googleMaps {
 +
      width: 100%;
 +
      height: 300px
 +
    }
 +
 +
    .event .block-action-top {
 +
      padding: 10px 20px 0;
 +
      background: white;
 +
      border-bottom: 1px solid #eee;
 +
      width: 100%
 +
    }
 +
 +
    .event .block-action-top>div {
 +
      margin: 0 40px
 +
    }
 +
 +
    .event .block-action-top .back-button {
 +
      float: left;
 +
      margin-right: 0
 +
    }
 +
 +
    .event .block-action-top .back-button a {
 +
      display: block;
 +
      padding: 7px;
 +
      padding-right: 22px;
 +
      position: relative
 +
    }
 +
 +
    .event .block-action-top .back-button a:before {
 +
      content: "\e600";
 +
      font-family: 'icon';
 +
      display: block;
 +
      position: absolute;
 +
      left: -20px;
 +
      text-align: center;
 +
      font-size: 11px;
 +
      width: 20px;
 +
      line-height: 160%
 +
    }
 +
 +
    .event .block {
 +
      padding: 80px 40px
 +
    }
 +
 +
    .event .left {
 +
      flex: 3
 +
    }
 +
 +
    .event .left .title {
 +
      padding: 0 20px 10px 20px;
 +
      line-height: 140%;
 +
      margin-top: 0
 +
    }
 +
 +
    .event .left .place {
 +
      margin-bottom: 20px;
 +
      text-align: center
 +
    }
 +
 +
    .event .right {
 +
      flex: 1
 +
    }
 +
 +
    .event .right .details {
 +
      border: 1px solid #d3d3d3
 +
    }
 +
 +
    .event .right .details .title {
 +
      text-align: center;
 +
      padding: 10px 0;
 +
      background-color: #767676;
 +
      color: #fff;
 +
      text-transform: uppercase
 +
    }
 +
 +
    .event .right .details .when,
 +
    .event .right .details .where,
 +
    .event .right .details .calendar {
 +
      width: 100%;
 +
      border-top: 1px solid #d3d3d3;
 +
      padding: 20px
 +
    }
 +
 +
    .event .right .details .when .subtitle,
 +
    .event .right .details .where .subtitle,
 +
    .event .right .details .calendar .subtitle {
 +
      font-weight: bold;
 +
      color: #767676;
 +
      line-height: 1.2
 +
    }
 +
 +
    .event .right .details .calendar .add_calendar {
 +
      width: auto;
 +
      margin: 5px;
 +
      padding: 5px 13px 5px 5px;
 +
      background: #00bcf2;
 +
      color: white;
 +
      text-align: center;
 +
      display: inline-block;
 +
      box-sizing: content-box
 +
    }
 +
 +
    .event .right .details .calendar .add_calendar:before {
 +
      content: '+';
 +
      padding: 0 5px;
 +
      font-weight: bold;
 +
      font-size: 1.5em;
 +
      vertical-align: middle
 +
    }
 +
 +
    .events-header {
 +
      position: relative;
 +
      height: 70%
 +
    }
 +
 +
    .view-events {
 +
      padding: 40px 20px
 +
    }
 +
 +
    .view-events h3 {
 +
      font-size: 2em;
 +
      margin: 70px 20px 20px 20px
 +
    }
 +
 +
    .wrapper-events {
 +
      display: flex;
 +
      flex-wrap: wrap
 +
    }
 +
 +
    .wrapper-events .views-row {
 +
      border: #e6e6e6 1px solid;
 +
      border-top: 0;
 +
      display: flex;
 +
      width: 100%
 +
    }
 +
 +
    .wrapper-events .views-row a {
 +
      width: 100%;
 +
      padding: 30px;
 +
      outline: transparent 2px solid
 +
    }
 +
 +
    .wrapper-events .views-row a:hover {
 +
      outline: #00bcf2 2px solid;
 +
      position: relative;
 +
      z-index: 3;
 +
      border-color: transparent
 +
    }
 +
 +
    .wrapper-events .views-row a .image {
 +
      margin: 10px 0;
 +
      width: 100%;
 +
      text-align: center
 +
    }
 +
 +
    .wrapper-events .views-row a small {
 +
      background-color: #767676;
 +
      color: white;
 +
      padding: 5px;
 +
      margin-bottom: 10px;
 +
      text-transform: uppercase;
 +
      display: inline-block
 +
    }
 +
 +
    .wrapper-events .views-row a h4 {
 +
      font-weight: 300;
 +
      font-size: 1.5em;
 +
      line-height: 1.3em;
 +
      margin: 0 0 10px 0;
 +
      color: #000
 +
    }
 +
 +
    .wrapper-events .views-row a p {
 +
      font-size: 1.125em;
 +
      line-height: 1.5em;
 +
      margin: 0 0 15px 0;
 +
      color: #000
 +
    }
 +
 +
    @media only screen and (max-width:480px) {
 +
      .wrapper-events .views-row:nth-child(-n+1) {
 +
        border-top: #e6e6e6 1px solid
 +
      }
 +
    }
 +
 +
    .wrapper-events .views-row.views-first-col {
 +
      border-left: #e6e6e6 1px solid
 +
    }
 +
 +
    .events-header span.image span {
 +
      background-attachment: fixed
 +
    }
 +
 +
    .alg-button {
 +
      display: inline-block;
 +
      background: #00bcf2;
 +
      color: white;
 +
      padding: 10px;
 +
      text-transform: uppercase;
 +
      text-align: center;
 +
      cursor: pointer
 +
    }
 +
 +
    .alg-button:hover {
 +
      background: #fbfbfb;
 +
      color: #191919
 +
    }
 +
 +
    .alg-input-error {
 +
      color: #b91f2f;
 +
      font-size: .8em;
 +
      font-weight: normal;
 +
      padding: 5px 0
 +
    }
 +
 +
    .hide {
 +
      display: none
 +
    }
 +
 +
    .permanent-popup .content {
 +
      width: 600px
 +
    }
 +
 +
    .build .build-links table th:first-child {
 +
      width: 25%
 +
    }
 +
 +
    .build .build-links table th:nth-child(2) {
 +
      width: 25%
 +
    }
 +
 +
    .build .build-links table th:last-child {
 +
      width: 50%
 +
    }
 +
 +
    .build .build-links table td:first-child {
 +
      width: 25%
 +
    }
 +
 +
    .build .build-links table td:nth-child(2) {
 +
      width: 25%
 +
    }
 +
 +
    .build .build-links table td:last-child {
 +
      width: 50%
 +
    }
 +
 +
    #maintenance-page #main {
 +
      margin: 120px
 +
    }
 +
 +
    #maintenance-page footer {
 +
      bottom: 0;
 +
      position: fixed;
 +
      width: 100%
 +
    }
 +
 +
    #maintenance-page footer .logo {
 +
      margin: 40px auto 60px auto
 +
    }
 +
 +
    #maintenance-page footer .logo:after {
 +
      position: relative
 +
    }
 +
 +
    .block-center {
 +
      max-width: 1000px;
 +
      padding: 20px;
 +
      margin: auto
 +
    }
 +
 +
    #block-allegorithmic-article-article-blog-share ul.menu-icons,
 +
    .block-center ul.menu-icons {
 +
      padding: 0;
 +
      margin: 0;
 +
      text-align: center
 +
    }
 +
 +
    #block-allegorithmic-article-article-blog-share ul.menu-icons li,
 +
    .block-center ul.menu-icons li {
 +
      list-style: none;
 +
      display: inline-block
 +
    }
 +
 +
    #block-allegorithmic-article-article-blog-share ul.menu-icons li a,
 +
    .block-center ul.menu-icons li a {
 +
      display: block;
 +
      font-size: 1.2em;
 +
      padding: 7px 15px;
 +
      width: 52px;
 +
      height: 32px;
 +
      position: relative;
 +
      color: #787878;
 +
      text-indent: -9999px
 +
    }
 +
 +
    #block-allegorithmic-article-article-blog-share ul.menu-icons li a:active,
 +
    .block-center ul.menu-icons li a:active {
 +
      color: #00bcf2
 +
    }
 +
 +
    #block-allegorithmic-article-article-blog-share ul.menu-icons li a:before,
 +
    .block-center ul.menu-icons li a:before {
 +
      display: block;
 +
      position: absolute;
 +
      top: 0;
 +
      left: 10px;
 +
      width: 32px;
 +
      height: 32px;
 +
      font-family: 'icon';
 +
      text-align: center;
 +
      color: #fff
 +
    }
 +
 +
    #block-allegorithmic-article-article-blog-share ul.menu-icons li.facebook a:before,
 +
    .block-center ul.menu-icons li.facebook a:before {
 +
      background: #3460a1;
 +
      content: "\ea8c";
 +
      text-indent: -2px;
 +
      line-height: 150%
 +
    }
 +
 +
    #block-allegorithmic-article-article-blog-share ul.menu-icons li.twitter a:before,
 +
    .block-center ul.menu-icons li.twitter a:before {
 +
      background: #28aae1;
 +
      content: "\ea91";
 +
      line-height: 170%;
 +
      text-indent: 0
 +
    }
 +
 +
    .block-center ul.menu-icons li a {
 +
      width: auto;
 +
      text-indent: 0;
 +
      padding: 7px 15px 7px 52px
 +
    }
 +
 +
    table.dataTable thead .sorting,
 +
    table.dataTable thead .sorting_asc,
 +
    table.dataTable thead .sorting_desc,
 +
    table.dataTable thead .sorting_asc_disabled,
 +
    table.dataTable thead .sorting_desc_disabled {
 +
      color: #00bcf2
 +
    }
 +
 +
    table.dataTable thead .filter_enable,
 +
    table.dataTable thead .sorting,
 +
    table.dataTable thead .sorting_asc,
 +
    table.dataTable thead .sorting_desc,
 +
    table.dataTable thead .sorting_asc_disabled,
 +
    table.dataTable thead .sorting_desc_disabled {
 +
      background-repeat: no-repeat;
 +
      background-position: center right;
 +
      cursor: pointer;
 +
      *cursor: hand;
 +
    }
 +
 +
    table.dataTable thead .sorting {
 +
      background-image: url(/sites/all/themes/mess/images/sort_both.png)
 +
    }
 +
 +
    table.dataTable thead .sorting_asc {
 +
      background-image: url(/sites/all/themes/mess/images/sort_asc.png)
 +
    }
 +
 +
    table.dataTable thead .sorting_desc {
 +
      background-image: url(/sites/all/themes/mess/images/sort_desc.png)
 +
    }
 +
 +
    table.dataTable thead .filter_enable {
 +
      background-image: url(/sites/all/themes/mess/images/filter.png)
 +
    }
 +
 +
    table.dataTable thead .filter_background {
 +
      position: fixed;
 +
      background: transparent;
 +
      height: 100vh;
 +
      width: 100vw;
 +
      left: 0;
 +
      top: 0;
 +
      z-index: 1000;
 +
      cursor: default
 +
    }
 +
 +
    table.dataTable thead .filter_panel {
 +
      display: none;
 +
      position: absolute;
 +
      padding: 15px;
 +
      padding-bottom: 0;
 +
      border: 2px solid #b7b7b7;
 +
      background-color: #fff;
 +
      margin-top: 5px;
 +
      z-index: 1001
 +
    }
 +
 +
    table.dataTable thead .filter_panel>div {
 +
      width: 100%;
 +
      padding: 5px 0;
 +
      position: relative
 +
    }
 +
 +
    table.dataTable thead .filter_panel>div input[type=checkbox] {
 +
      display: block;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      bottom: 0;
 +
      position: absolute;
 +
      width: 100%;
 +
      height: 100%;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0;
 +
      cursor: pointer;
 +
      z-index: 1
 +
    }
 +
 +
    table.dataTable thead .filter_panel>div input[type=checkbox]:checked+label:after {
 +
      filter: alpha(opacity=100);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 1;
 +
      -khtml-opacity: 1;
 +
      opacity: 1
 +
    }
 +
 +
    table.dataTable thead .filter_panel>div input[type=checkbox]+label:after {
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    table.dataTable thead .filter_panel>div input.error+label:before {
 +
      border-color: red
 +
    }
 +
 +
    table.dataTable thead .filter_panel>div label {
 +
      margin: 0 !important;
 +
      padding-left: 32px;
 +
      height: 36px;
 +
      position: relative;
 +
      display: inline-block
 +
    }
 +
 +
    table.dataTable thead .filter_panel>div label:before {
 +
      content: '';
 +
      display: block;
 +
      height: 16px;
 +
      width: 16px;
 +
      border: 2px solid #ccc;
 +
      position: absolute;
 +
      top: -2px;
 +
      left: 0
 +
    }
 +
 +
    table.dataTable thead .filter_panel>div label:after {
 +
      content: '';
 +
      display: block;
 +
      height: 12px;
 +
      width: 12px;
 +
      position: absolute;
 +
      top: 2px;
 +
      left: 4px;
 +
      background: #00bcf2;
 +
      -webkit-transition: all .3s ease-in-out 0s;
 +
      -moz-transition: all .3s ease-in-out 0s;
 +
      -o-transition: all .3s ease-in-out 0s;
 +
      -ms-transition: all .3s ease-in-out 0s;
 +
      transition: all .3s ease-in-out 0s;
 +
      filter: alpha(opacity=0);
 +
      -ms-filter: alpha(opacity=@opacity-ie);
 +
      -moz-opacity: 0;
 +
      -khtml-opacity: 0;
 +
      opacity: 0
 +
    }
 +
 +
    @media only screen and (min-width:381px) {
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-substance-type-tid-wrapper,
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-substance-category-tid-wrapper,
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-is-pbr-substance-value-wrapper {
 +
        width: 31.33333333333%
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-substance-category-tid-wrapper {
 +
        margin: 0 3%
 +
      }
 +
      form#user-login .hybridauth-widget-wrapper .item-list ul.hybridauth-widget li a {
 +
        font-size: 15px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:481px) {
 +
      #block-allegorithmic-subscription-subscription-options form {
 +
        height: 36px
 +
      }
 +
      #block-allegorithmic-subscription-subscription-options form input.form-submit {
 +
        width: auto;
 +
        bottom: auto;
 +
        top: 0
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-content {
 +
        zoom: 1
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-content:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row {
 +
        width: 33.3333333333%;
 +
        margin: 0 0 20px;
 +
        float: left
 +
      }
 +
      .view-substances-live .view-filters .views-exposed-form .views-exposed-widget {
 +
        padding: 0
 +
      }
 +
      .view-substances-live .view-filters #edit-field-substance-type-tid-wrapper,
 +
      .view-substances-live .view-filters #edit-field-substance-category-tid-wrapper,
 +
      .view-substances-live .view-filters #edit-field-is-pbr-substance-value-wrapper {
 +
        width: 33.333333333%;
 +
        float: left
 +
      }
 +
      .view-substances-live .view-content div.views-row {
 +
        width: 33.333333333%;
 +
        float: left;
 +
        position: relative
 +
      }
 +
      #views-form-commerce-cart-form-default {
 +
        max-width: 1240px;
 +
        margin: auto;
 +
        zoom: 1;
 +
        position: relative;
 +
        min-height: 100%;
 +
        margin-top: 50px;
 +
        margin-bottom: 50px
 +
      }
 +
      #views-form-commerce-cart-form-default:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      .field-name-field-gallery-items .field-item {
 +
        width: 50%
 +
      }
 +
      .view-clients div.view-content div.views-row {
 +
        width: 33.33333%
 +
      }
 +
      .page-gallery-homepage .fancybox-wrap .fancybox-title-float-wrap .child .author-name {
 +
        right: auto;
 +
        left: 15px;
 +
        top: 15px
 +
      }
 +
      .view-gallery-homepage .view-filters .views-exposed-widgets {
 +
        zoom: 1
 +
      }
 +
      .view-gallery-homepage .view-filters .views-exposed-widgets:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      .view-gallery-homepage .view-filters .views-exposed-form .views-exposed-widget {
 +
        width: 200px;
 +
        float: left
 +
      }
 +
      .view-gallery-homepage .view-filters form {
 +
        max-width: 400px;
 +
        margin: auto
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:600px) {
 +
      body.node-type-article #block-allegorithmic-article-article-blog-share ul.menu-icons li a {
 +
        width: auto;
 +
        text-indent: 0;
 +
        padding: 7px 15px 7px 52px
 +
      }
 +
      body.node-type-article #block-allegorithmic-article-article-blog-author {
 +
        text-align: left;
 +
        max-width: 680px;
 +
        margin: 20px auto;
 +
        padding-left: 104px;
 +
        position: relative
 +
      }
 +
      body.node-type-article #block-allegorithmic-article-article-blog-author .author-avatar {
 +
        position: absolute !important;
 +
        top: 20px;
 +
        left: 20px
 +
      }
 +
      body.front #main .front-news .views-row -4,
 +
      body.front #main .front-news .views-row -5,
 +
      body.front #main .front-news .views-row -6,
 +
      body.front #main .front-news .views-row -7 {
 +
        width: 50%;
 +
        float: left;
 +
        padding: 5px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      section.media-section .item .medias.bloc-video-html5 video {
 +
        display: block
 +
      }
 +
      section.media-section .item .medias.bloc-video-html5 img {
 +
        display: none
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:640px) {
 +
      section.media-section .item .caption {
 +
        left: 30px;
 +
        right: 30px;
 +
        bottom: 30px;
 +
        padding: 15px;
 +
        font-size: 15px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:768px) {
 +
      section.media-section .item .field-name-field-ah-image-1 {
 +
        padding: 20px 10px 20px 20px
 +
      }
 +
      section.media-section .item .field-name-field-ah-image-2 {
 +
        padding: 20px 20px 20px 10px
 +
      }
 +
    }
 +
 +
    @media only screen and (max-width:640px) {
 +
      section.markdown-section h1 {
 +
        font-size: 40px
 +
      }
 +
      section.markdown-section h2 {
 +
        font-size: 34px
 +
      }
 +
      section.markdown-section h3,
 +
      section.markdown-section blockquote {
 +
        font-size: 28px
 +
      }
 +
      section.markdown-section h4 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      section.markdown-section h5 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      section.markdown-section h6 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:640px) and (max-width:1025px) {
 +
      section.markdown-section h1 {
 +
        font-size: 42px
 +
      }
 +
      section.markdown-section h2 {
 +
        font-size: 36px
 +
      }
 +
      section.markdown-section h3,
 +
      section.markdown-section blockquote {
 +
        font-size: 30px
 +
      }
 +
      section.markdown-section h4 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      section.markdown-section h5 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      section.markdown-section h6 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:641px) {
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form {
 +
        padding-bottom: 0;
 +
        padding-right: 90px;
 +
        position: relative
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-title-wrapper {
 +
        width: 34%;
 +
        margin-right: 3%
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-substance-type-tid-wrapper,
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-substance-category-tid-wrapper,
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-is-pbr-substance-value-wrapper {
 +
        width: 19%
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form #edit-field-substance-category-tid-wrapper {
 +
        margin: 0 3%
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-filters form input.form-submit {
 +
        padding: 8px 15px 4px;
 +
        margin: 0;
 +
        position: absolute;
 +
        right: 0;
 +
        bottom: 18px
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row {
 +
        width: 30.333333333%
 +
      }
 +
      .view-substances-live div.view-filters #edit-title-wrapper {
 +
        width: 100%
 +
      }
 +
      .view-substances-live div.view-filters #edit-field-substance-type-tid-wrapper,
 +
      .view-substances-live div.view-filters #edit-field-substance-category-tid-wrapper,
 +
      .view-substances-live div.view-filters #edit-field-is-pbr-substance-value-wrapper {
 +
        width: 33.33333333%
 +
      }
 +
      .view-substances-live div.view-filters .views-exposed-widget.views-submit-button {
 +
        padding: 0 !important;
 +
        position: absolute;
 +
        right: 20px;
 +
        top: 34px
 +
      }
 +
      .view-substances-live div.view-content div.views-row {
 +
        width: 25%;
 +
        float: left;
 +
        position: relative
 +
      }
 +
      .view-offices .view-content,
 +
      .view-resellers .view-content {
 +
        zoom: 1
 +
      }
 +
      .view-offices .view-content:after,
 +
      .view-resellers .view-content:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      .view-offices .view-content>h3,
 +
      .view-resellers .view-content>h3 {
 +
        width: 96%;
 +
        margin: 20px 2% 0
 +
      }
 +
      .view-offices .view-content .views-row,
 +
      .view-resellers .view-content .views-row {
 +
        width: 46%;
 +
        margin: 2%;
 +
        float: left
 +
      }
 +
      .view-news .views-field-field-news-image {
 +
        float: left;
 +
        width: 50%;
 +
        padding-right: 20px
 +
      }
 +
      .view-clients .view-content .views-row {
 +
        width: 25%
 +
      }
 +
      .field-name-field-gallery-items .field-item {
 +
        width: 33.3333333%
 +
      }
 +
      form#user-login {
 +
        zoom: 1
 +
      }
 +
      form#user-login:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      form#user-login .create-account,
 +
      form#user-login #user_login_form {
 +
        padding: 20px
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row {
 +
        width: 25%
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu {
 +
        text-align: center
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a {
 +
        float: none;
 +
        display: inline-block
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:hover {
 +
        color: #00bcf2
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:hover:after {
 +
        color: #00bcf2
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation div.menu a:after {
 +
        display: none
 +
      }
 +
      body.page-user #main .live-block .view-user-substances .views-row,
 +
      body.page-user #main .contextual-links-region .view-user-substances .views-row,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-user-substances .views-row {
 +
        width: 25%;
 +
        padding: 10px;
 +
        text-align: center
 +
      }
 +
      body.page-user #main .live-block td.views-field-order-number,
 +
      body.page-user #main .contextual-links-region td.views-field-order-number,
 +
      body.page-user #main .block-allegorithmic-user-dashboard td.views-field-order-number,
 +
      body.page-user #main .live-block th.views-field-order-number,
 +
      body.page-user #main .contextual-links-region th.views-field-order-number,
 +
      body.page-user #main .block-allegorithmic-user-dashboard th.views-field-order-number {
 +
        display: table-cell;
 +
        font-family: 'GothamLightRegular'
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row {
 +
        padding: 20px 20px 60px;
 +
        max-width: 800px;
 +
        margin: auto
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .views-field-cancel-subscritpion,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .views-field-cancel-subscritpion,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .views-field-cancel-subscritpion {
 +
        position: absolute;
 +
        bottom: 20px;
 +
        right: 20px;
 +
        width: auto
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .views-field-cancel-subscritpion a,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .views-field-cancel-subscritpion a,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .views-field-cancel-subscritpion a {
 +
        float: left;
 +
        margin-bottom: 0
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .views-field-cancel-subscritpion a:hover,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .views-field-cancel-subscritpion a:hover,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .views-field-cancel-subscritpion a:hover {
 +
        background: #00bcf2;
 +
        color: white
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .progress-bar-wrapper,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .progress-bar-wrapper,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .progress-bar-wrapper {
 +
        margin: 50px 190px 50px 120px
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .progress-bar-wrapper:after,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .progress-bar-wrapper:after,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .progress-bar-wrapper:after {
 +
        height: 63px;
 +
        width: 54px;
 +
        margin-top: -41px;
 +
        margin-left: 16px
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .progress-bar-wrapper .progress-bar,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .progress-bar-wrapper .progress-bar,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .progress-bar-wrapper .progress-bar {
 +
        position: absolute;
 +
        top: 0;
 +
        bottom: 0;
 +
        left: 0;
 +
        background: #00bcf2
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .progress-bar-wrapper .progress-bar:after,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .progress-bar-wrapper .progress-bar:after,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .progress-bar-wrapper .progress-bar:after {
 +
        content: '';
 +
        display: block;
 +
        position: absolute;
 +
        left: 100%;
 +
        top: 100%;
 +
        margin-left: -4px;
 +
        width: 0;
 +
        height: 0;
 +
        border-style: solid;
 +
        border-width: 0 4px 8px 4px;
 +
        border-color: transparent transparent #000 transparent;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .paid-amount,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount,
 +
      body.page-user #main .live-block .view-live-views .views-row .remain-amount,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount {
 +
        zoom: 1;
 +
        position: absolute;
 +
        top: 30px;
 +
        margin-bottom: 0;
 +
        width: 130px
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .paid-amount:after,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount:after,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount:after,
 +
      body.page-user #main .live-block .view-live-views .views-row .remain-amount:after,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount:after,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .paid-amount span,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount span,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount span,
 +
      body.page-user #main .live-block .view-live-views .views-row .remain-amount span,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount span,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount span {
 +
        width: 100%
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .paid-amount span.text,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount span.text,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount span.text,
 +
      body.page-user #main .live-block .view-live-views .views-row .remain-amount span.text,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount span.text,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount span.text {
 +
        padding-right: 0;
 +
        color: #191919;
 +
        font-size: 1.5em;
 +
        text-align: center
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .paid-amount span.amount,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount span.amount,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount span.amount,
 +
      body.page-user #main .live-block .view-live-views .views-row .remain-amount span.amount,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount span.amount,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount span.amount {
 +
        padding-left: 0;
 +
        font-family: 'GothamBook';
 +
        color: #00bcf2;
 +
        font-size: 2.25em;
 +
        text-align: center
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .paid-amount,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .paid-amount,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .paid-amount {
 +
        left: 10px;
 +
        padding-top: 5px
 +
      }
 +
      body.page-user #main .live-block .view-live-views .views-row .remain-amount,
 +
      body.page-user #main .contextual-links-region .view-live-views .views-row .remain-amount,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .view-live-views .views-row .remain-amount {
 +
        border-top: 0;
 +
        border-bottom: 0;
 +
        right: 10px
 +
      }
 +
      body.page-user #main .live-block .part-wrapper .part-right,
 +
      body.page-user #main .contextual-links-region .part-wrapper .part-right,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .part-wrapper .part-right,
 +
      body.page-user #main .live-block .part-wrapper .part-left,
 +
      body.page-user #main .contextual-links-region .part-wrapper .part-left,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .part-wrapper .part-left {
 +
        width: 50%;
 +
        float: left
 +
      }
 +
      body.page-user #main .live-block .part-wrapper .part-left,
 +
      body.page-user #main .contextual-links-region .part-wrapper .part-left,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .part-wrapper .part-left {
 +
        padding-right: 20px
 +
      }
 +
      body.page-user #main .live-block .part-wrapper .part-right,
 +
      body.page-user #main .contextual-links-region .part-wrapper .part-right,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .part-wrapper .part-right {
 +
        padding-left: 20px
 +
      }
 +
      body.page-user #main .live-block .bottom,
 +
      body.page-user #main .contextual-links-region .bottom,
 +
      body.page-user #main .block-allegorithmic-user-dashboard .bottom {
 +
        margin: 20px 0
 +
      }
 +
      .view-article-landing-page .view-content .views-row .views-field-title {
 +
        font-size: 1.375em
 +
      }
 +
      .view-article-landing-page .view-content .views-row .views-field-field-article-teaser {
 +
        font-size: .875em
 +
      }
 +
      .view-article-landing-page .view-content .views-row .article-sharebox .views-field-disqus-comment-count,
 +
      .view-article-landing-page .view-content .views-row .article-sharebox .article-share-count {
 +
        float: right
 +
      }
 +
      .view-article-landing-page .view-content .views-row .views-field-nothing {
 +
        float: left;
 +
        padding: 6px 0
 +
      }
 +
      body.node-type-article .field-name-field-article-blog-text {
 +
        line-height: 150%;
 +
        font-size: 18px
 +
      }
 +
      body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next {
 +
        padding: 0;
 +
        max-width: 1000px;
 +
        margin: auto
 +
      }
 +
      body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper {
 +
        width: 48%
 +
      }
 +
      body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.next-article {
 +
        margin: 4% 0 4% 2%;
 +
        float: right
 +
      }
 +
      body.node-type-article #block-allegorithmic-article-article-blog-previous-and-next .article-wrapper.previous-article {
 +
        margin: 4% 2% 4% 0;
 +
        float: left
 +
      }
 +
      body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row {
 +
        padding: 20px;
 +
        padding-left: 260px
 +
      }
 +
      body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row .views-field-field-article-image {
 +
        position: absolute;
 +
        width: 220px;
 +
        top: 20px;
 +
        left: 20px
 +
      }
 +
      body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles .views-row .views-field-field-article-image:before {
 +
        padding-top: 56.25%
 +
      }
 +
      body.page-gallery-homepage #main>h1 {
 +
        text-align: center
 +
      }
 +
      .view-gallery-homepage .view-filters .form-radios {
 +
        text-align: center
 +
      }
 +
      nav.contextual-navigation~.layer {
 +
        margin-top: 114px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:768px) {
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row {
 +
        width: 20%
 +
      }
 +
      body.front #main .front-news {
 +
        padding: 5px;
 +
        margin: 40px 0
 +
      }
 +
      body.front #main .front-news .views-row-1,
 +
      body.front #main .front-news .views-row-2,
 +
      body.front #main .front-news .views-row-3,
 +
      body.front #main .front-news .views-row-4,
 +
      body.front #main .front-news .views-row-8,
 +
      body.front #main .front-news .views-row-9,
 +
      body.front #main .front-news .views-row-10,
 +
      body.front #main .front-news .views-row-11,
 +
      body.front #main .front-news .views-row-15,
 +
      body.front #main .front-news .views-row-16,
 +
      body.front #main .front-news .views-row-17,
 +
      body.front #main .front-news .views-row-18 {
 +
        width: 50%;
 +
        float: left;
 +
        padding: 5px
 +
      }
 +
      body.front #main .front-news .views-row-5,
 +
      body.front #main .front-news .views-row-6,
 +
      body.front #main .front-news .views-row-7,
 +
      body.front #main .front-news .views-row-12,
 +
      body.front #main .front-news .views-row-13,
 +
      body.front #main .front-news .views-row-14,
 +
      body.front #main .front-news .views-row-19,
 +
      body.front #main .front-news .views-row-20,
 +
      body.front #main .front-news .views-row-21 {
 +
        width: 33.33333333%;
 +
        float: left;
 +
        padding: 5px
 +
      }
 +
      .view-substances-live div.view-filters {
 +
        padding-right: 100px;
 +
        padding-bottom: 0;
 +
        position: relative
 +
      }
 +
      .view-substances-live div.view-filters #edit-title-wrapper {
 +
        width: 34%
 +
      }
 +
      .view-substances-live div.view-filters #edit-field-substance-type-tid-wrapper,
 +
      .view-substances-live div.view-filters #edit-field-substance-category-tid-wrapper,
 +
      .view-substances-live div.view-filters #edit-field-is-pbr-substance-value-wrapper {
 +
        width: 22%
 +
      }
 +
      .view-substances-live div.view-filters div.views-exposed-form div.views-exposed-widget.views-submit-button {
 +
        bottom: 10px
 +
      }
 +
      .view-substances-live div.view-content div.views-row {
 +
        width: 20%;
 +
        float: left
 +
      }
 +
      .view-offices .view-content,
 +
      .view-resellers .view-content {
 +
        zoom: 1
 +
      }
 +
      .view-offices .view-content:after,
 +
      .view-resellers .view-content:after {
 +
        content: '';
 +
        display: table;
 +
        clear: both;
 +
        height: 0;
 +
        visibility: 0
 +
      }
 +
      .view-offices .view-content .views-row,
 +
      .view-resellers .view-content .views-row {
 +
        width: 29.3333%;
 +
        margin: 2%;
 +
        float: left
 +
      }
 +
      .view-news .views-field-field-news-image {
 +
        float: left;
 +
        width: 33.3333333%;
 +
        padding-right: 20px
 +
      }
 +
      .view-clients .view-content .views-row {
 +
        width: 20%
 +
      }
 +
      .view-article-landing-page {
 +
        margin-top: 0
 +
      }
 +
      #block-views-article-landing-page-block-1 .view-article-landing-page {
 +
        height: 100%
 +
      }
 +
      #block-views-article-landing-page-block-1 .views-row .content {
 +
        position: absolute;
 +
        bottom: 20px;
 +
        margin: auto;
 +
        left: 20px;
 +
        right: 20px;
 +
        background: rgba(0, 0, 0, 0.8);
 +
        max-width: 960px
 +
      }
 +
      body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles div.views-row {
 +
        padding: 20px;
 +
        padding-left: 340px
 +
      }
 +
      body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles div.views-row div.views-field-field-article-image {
 +
        position: absolute;
 +
        width: 300px
 +
      }
 +
      body.node-type-article #block-views-recommanded-articles-block .view-recommanded-articles div.views-row div.views-field-field-article-image:before {
 +
        padding-top: 42.5%
 +
      }
 +
      .view-product-display .view-content ul {
 +
        padding: 0 40px;
 +
        max-width: 1400px;
 +
        margin: auto auto -1px
 +
      }
 +
      .view-product-display .view-content ul li {
 +
        padding: 0 5px
 +
      }
 +
      .view-product-display .view-content ul li .group-header .group-title {
 +
        font-size: 13px
 +
      }
 +
      .view-product-display .view-content ul li .group-header .group-title span {
 +
        font-size: 10px
 +
      }
 +
      .view-product-display .view-content div.views-row {
 +
        position: relative
 +
      }
 +
      .view-product-display .view-content div.views-row:after {
 +
        width: 88px !important;
 +
        height: 88px !important
 +
      }
 +
      .view-product-display .view-content div.views-row:before {
 +
        content: '';
 +
        display: inline-block;
 +
        width: 0;
 +
        height: 100%;
 +
        vertical-align: middle
 +
      }
 +
      .view-product-display .view-content div.views-row.views-row-header {
 +
        min-height: inherit
 +
      }
 +
      .view-product-display .view-content .product-download-mac,
 +
      .view-product-display .view-content .product-download-linux,
 +
      .view-product-display .view-content .product-download-windows {
 +
        display: block;
 +
        margin: 10px 5px 0
 +
      }
 +
      .view-product-display .view-content .product-wrapper {
 +
        width: 50%;
 +
        display: inline-block;
 +
        vertical-align: middle
 +
      }
 +
      .view-product-display .view-content .product-wrapper:first-child .product-logo {
 +
        width: 150px;
 +
        height: 150px;
 +
        margin: auto
 +
      }
 +
      .view-product-display .view-content .product-wrapper:first-child,
 +
      .view-product-display .view-content .product-wrapper:last-child {
 +
        width: 23%
 +
      }
 +
      .view-product-display .view-content .product-wrapper p.substance-live-img {
 +
        max-width: 480px;
 +
        margin: auto
 +
      }
 +
      .view-product-display .view-content .product-wrapper p.substance-live-img img {
 +
        width: 29.3333% !important;
 +
        height: auto !important;
 +
        margin: 2%
 +
      }
 +
    }
 +
 +
    #block-allegorithmic-product-display-contact-us-link {
 +
      text-align: center
 +
    }
 +
 +
    #block-allegorithmic-product-display-custom-upgrade-link {
 +
      padding: 20px 30px 30px
 +
    }
 +
 +
    #block-allegorithmic-product-display-custom-upgrade-link p {
 +
      margin-bottom: 30px
 +
    }
 +
 +
    @media only screen and (min-width:641px) and (max-width:1024px) {
 +
      .brick.extra-extra-large h1,
 +
      .brick.extra-extra-large h2,
 +
      .brick.extra-extra-large h3,
 +
      .brick.extra-extra-large h4,
 +
      .brick.extra-extra-large p,
 +
      .brick.extra-extra-large ul li {
 +
        font-size: 42px
 +
      }
 +
      .brick.extra-large h2,
 +
      .brick.extra-large h3,
 +
      .brick.extra-large h4,
 +
      .brick.extra-large p,
 +
      .brick.extra-large ul li {
 +
        font-size: 36px
 +
      }
 +
      .brick.large h2,
 +
      .brick.large h3,
 +
      .brick.large h4,
 +
      .brick.large p,
 +
      .brick.large ul li {
 +
        font-size: 30px
 +
      }
 +
      .brick.medium h2,
 +
      .brick.medium h3,
 +
      .brick.medium h4,
 +
      .brick.medium p,
 +
      .brick.medium ul li {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      .brick.default h2,
 +
      .brick.default h3,
 +
      .brick.default h4,
 +
      .brick.default p,
 +
      .brick.default ul li {
 +
        font-size: 16px
 +
      }
 +
      .brick.small h2,
 +
      .brick.small h3,
 +
      .brick.small h4,
 +
      .brick.small p,
 +
      .brick.small ul li {
 +
        font-size: 14px
 +
      }
 +
      .brick.extra-small h2,
 +
      .brick.extra-small h3,
 +
      .brick.extra-small h4,
 +
      .brick.extra-small p,
 +
      .brick.extra-small ul li {
 +
        font-size: 12px
 +
      }
 +
      .brick.media video {
 +
        display: inline-block
 +
      }
 +
      .brick.media span.image.mobile {
 +
        display: none
 +
      }
 +
      .brick.media span.image.mobile span {
 +
        display: none
 +
      }
 +
      .brick.media span.image.tablet {
 +
        display: block
 +
      }
 +
      .brick.media span.image.tablet span {
 +
        display: block
 +
      }
 +
      .brick.media span.image.laptop {
 +
        display: none
 +
      }
 +
      .brick.media span.image.laptop span {
 +
        display: none
 +
      }
 +
      .tablet-height-auto {
 +
        height: auto
 +
      }
 +
      .tablet-height-percent-5 {
 +
        height: 5%
 +
      }
 +
      .tablet-height-percent-10 {
 +
        height: 10%
 +
      }
 +
      .tablet-height-percent-15 {
 +
        height: 15%
 +
      }
 +
      .tablet-height-percent-20 {
 +
        height: 20%
 +
      }
 +
      .tablet-height-percent-25 {
 +
        height: 25%
 +
      }
 +
      .tablet-height-percent-30 {
 +
        height: 30%
 +
      }
 +
      .tablet-height-percent-35 {
 +
        height: 35%
 +
      }
 +
      .tablet-height-percent-40 {
 +
        height: 40%
 +
      }
 +
      .tablet-height-percent-45 {
 +
        height: 45%
 +
      }
 +
      .tablet-height-percent-50 {
 +
        height: 50%
 +
      }
 +
      .tablet-height-percent-55 {
 +
        height: 55%
 +
      }
 +
      .tablet-height-percent-60 {
 +
        height: 60%
 +
      }
 +
      .tablet-height-percent-65 {
 +
        height: 65%
 +
      }
 +
      .tablet-height-percent-70 {
 +
        height: 70%
 +
      }
 +
      .tablet-height-percent-75 {
 +
        height: 75%
 +
      }
 +
      .tablet-height-percent-80 {
 +
        height: 80%
 +
      }
 +
      .tablet-height-percent-85 {
 +
        height: 85%
 +
      }
 +
      .tablet-height-percent-90 {
 +
        height: 90%
 +
      }
 +
      .tablet-height-percent-95 {
 +
        height: 95%
 +
      }
 +
      .tablet-height-percent-100 {
 +
        height: 100%
 +
      }
 +
      .tablet-height-percent-105 {
 +
        height: 105%
 +
      }
 +
      .tablet-height-percent-110 {
 +
        height: 110%
 +
      }
 +
      .tablet-height-percent-115 {
 +
        height: 115%
 +
      }
 +
      .tablet-height-percent-120 {
 +
        height: 120%
 +
      }
 +
      .tablet-height-percent-125 {
 +
        height: 125%
 +
      }
 +
      .tablet-height-percent-130 {
 +
        height: 130%
 +
      }
 +
      .tablet-height-percent-135 {
 +
        height: 135%
 +
      }
 +
      .tablet-height-percent-140 {
 +
        height: 140%
 +
      }
 +
      .tablet-height-percent-145 {
 +
        height: 145%
 +
      }
 +
      .tablet-height-percent-150 {
 +
        height: 150%
 +
      }
 +
      .tablet-height-percent-155 {
 +
        height: 155%
 +
      }
 +
      .tablet-height-percent-160 {
 +
        height: 160%
 +
      }
 +
      .tablet-height-percent-165 {
 +
        height: 165%
 +
      }
 +
      .tablet-height-percent-170 {
 +
        height: 170%
 +
      }
 +
      .tablet-height-percent-175 {
 +
        height: 175%
 +
      }
 +
      .tablet-height-percent-180 {
 +
        height: 180%
 +
      }
 +
      .tablet-height-percent-185 {
 +
        height: 185%
 +
      }
 +
      .tablet-height-percent-190 {
 +
        height: 190%
 +
      }
 +
      .tablet-height-percent-195 {
 +
        height: 195%
 +
      }
 +
      .tablet-height-percent-200 {
 +
        height: 200%
 +
      }
 +
      .tablet-height-5 {
 +
        height: 5px
 +
      }
 +
      .tablet-height-10 {
 +
        height: 10px
 +
      }
 +
      .tablet-height-20 {
 +
        height: 20px
 +
      }
 +
      .tablet-height-40 {
 +
        height: 40px
 +
      }
 +
      .tablet-height-60 {
 +
        height: 60px
 +
      }
 +
      .tablet-height-80 {
 +
        height: 80px
 +
      }
 +
      .tablet-height-100 {
 +
        height: 100px
 +
      }
 +
      .tablet-height-120 {
 +
        height: 120px
 +
      }
 +
      .tablet-height-140 {
 +
        height: 140px
 +
      }
 +
      .tablet-height-160 {
 +
        height: 160px
 +
      }
 +
      .tablet-height-180 {
 +
        height: 180px
 +
      }
 +
      .tablet-height-200 {
 +
        height: 200px
 +
      }
 +
      .tablet-height-220 {
 +
        height: 220px
 +
      }
 +
      .tablet-height-240 {
 +
        height: 240px
 +
      }
 +
      .tablet-height-260 {
 +
        height: 260px
 +
      }
 +
      .tablet-height-280 {
 +
        height: 280px
 +
      }
 +
      .tablet-height-300 {
 +
        height: 300px
 +
      }
 +
      .tablet-height-320 {
 +
        height: 320px
 +
      }
 +
      .tablet-height-340 {
 +
        height: 340px
 +
      }
 +
      .tablet-height-360 {
 +
        height: 360px
 +
      }
 +
      .tablet-height-380 {
 +
        height: 380px
 +
      }
 +
      .tablet-height-400 {
 +
        height: 400px
 +
      }
 +
      .tablet-height-420 {
 +
        height: 420px
 +
      }
 +
      .tablet-height-440 {
 +
        height: 440px
 +
      }
 +
      .tablet-height-460 {
 +
        height: 460px
 +
      }
 +
      .tablet-height-480 {
 +
        height: 480px
 +
      }
 +
      .tablet-height-500 {
 +
        height: 500px
 +
      }
 +
      .tablet-height-520 {
 +
        height: 520px
 +
      }
 +
      .tablet-height-540 {
 +
        height: 540px
 +
      }
 +
      .tablet-height-560 {
 +
        height: 560px
 +
      }
 +
      .tablet-height-580 {
 +
        height: 580px
 +
      }
 +
      .tablet-height-600 {
 +
        height: 600px
 +
      }
 +
      .tablet-height-620 {
 +
        height: 620px
 +
      }
 +
      .tablet-height-640 {
 +
        height: 640px
 +
      }
 +
      .tablet-height-660 {
 +
        height: 660px
 +
      }
 +
      .tablet-height-680 {
 +
        height: 680px
 +
      }
 +
      .tablet-height-700 {
 +
        height: 700px
 +
      }
 +
      .tablet-height-720 {
 +
        height: 720px
 +
      }
 +
      .tablet-height-740 {
 +
        height: 740px
 +
      }
 +
      .tablet-height-760 {
 +
        height: 760px
 +
      }
 +
      .tablet-height-780 {
 +
        height: 780px
 +
      }
 +
      .tablet-height-800 {
 +
        height: 800px
 +
      }
 +
      .tablet-height-820 {
 +
        height: 820px
 +
      }
 +
      .tablet-height-840 {
 +
        height: 840px
 +
      }
 +
      .tablet-height-860 {
 +
        height: 860px
 +
      }
 +
      .tablet-height-880 {
 +
        height: 880px
 +
      }
 +
      .tablet-height-900 {
 +
        height: 900px
 +
      }
 +
      .tablet-height-920 {
 +
        height: 920px
 +
      }
 +
      .tablet-height-940 {
 +
        height: 940px
 +
      }
 +
      .tablet-height-960 {
 +
        height: 960px
 +
      }
 +
      .tablet-height-980 {
 +
        height: 980px
 +
      }
 +
      .tablet-height-1000 {
 +
        height: 1000px
 +
      }
 +
      .tablet-height-1020 {
 +
        height: 1020px
 +
      }
 +
      .tablet-height-1040 {
 +
        height: 1040px
 +
      }
 +
      .tablet-height-1060 {
 +
        height: 1060px
 +
      }
 +
      .tablet-height-1080 {
 +
        height: 1080px
 +
      }
 +
      .tablet-height-1100 {
 +
        height: 1100px
 +
      }
 +
      .tablet-height-1120 {
 +
        height: 1120px
 +
      }
 +
      .tablet-height-1140 {
 +
        height: 1140px
 +
      }
 +
      .tablet-height-1160 {
 +
        height: 1160px
 +
      }
 +
      .tablet-height-1180 {
 +
        height: 1180px
 +
      }
 +
      .tablet-height-1200 {
 +
        height: 1200px
 +
      }
 +
      .tablet-height-1220 {
 +
        height: 1220px
 +
      }
 +
      .tablet-height-1240 {
 +
        height: 1240px
 +
      }
 +
      .tablet-height-1260 {
 +
        height: 1260px
 +
      }
 +
      .tablet-height-1280 {
 +
        height: 1280px
 +
      }
 +
      .tablet-height-1300 {
 +
        height: 1300px
 +
      }
 +
      .tablet-height-1320 {
 +
        height: 1320px
 +
      }
 +
      .tablet-height-1340 {
 +
        height: 1340px
 +
      }
 +
      .tablet-height-1360 {
 +
        height: 1360px
 +
      }
 +
      .tablet-height-1380 {
 +
        height: 1380px
 +
      }
 +
      .tablet-height-1400 {
 +
        height: 1400px
 +
      }
 +
      .tablet-height-1420 {
 +
        height: 1420px
 +
      }
 +
      .tablet-height-1440 {
 +
        height: 1440px
 +
      }
 +
      .tablet-height-1460 {
 +
        height: 1460px
 +
      }
 +
      .tablet-height-1480 {
 +
        height: 1480px
 +
      }
 +
      .tablet-height-1500 {
 +
        height: 1500px
 +
      }
 +
      .tablet-height-1520 {
 +
        height: 1520px
 +
      }
 +
      .tablet-height-1540 {
 +
        height: 1540px
 +
      }
 +
      .tablet-height-1560 {
 +
        height: 1560px
 +
      }
 +
      .tablet-height-1580 {
 +
        height: 1580px
 +
      }
 +
      .tablet-height-1600 {
 +
        height: 1600px
 +
      }
 +
      .tablet-height-1620 {
 +
        height: 1620px
 +
      }
 +
      .tablet-height-1640 {
 +
        height: 1640px
 +
      }
 +
      .tablet-height-1660 {
 +
        height: 1660px
 +
      }
 +
      .tablet-height-1680 {
 +
        height: 1680px
 +
      }
 +
      .tablet-height-1700 {
 +
        height: 1700px
 +
      }
 +
      .tablet-height-1720 {
 +
        height: 1720px
 +
      }
 +
      .tablet-height-1740 {
 +
        height: 1740px
 +
      }
 +
      .tablet-height-1760 {
 +
        height: 1760px
 +
      }
 +
      .tablet-height-1780 {
 +
        height: 1780px
 +
      }
 +
      .tablet-height-1800 {
 +
        height: 1800px
 +
      }
 +
      .tablet-height-1820 {
 +
        height: 1820px
 +
      }
 +
      .tablet-height-1840 {
 +
        height: 1840px
 +
      }
 +
      .tablet-height-1860 {
 +
        height: 1860px
 +
      }
 +
      .tablet-height-1880 {
 +
        height: 1880px
 +
      }
 +
      .tablet-height-1900 {
 +
        height: 1900px
 +
      }
 +
      .tablet-height-1920 {
 +
        height: 1920px
 +
      }
 +
      .tablet-height-1940 {
 +
        height: 1940px
 +
      }
 +
      .tablet-height-1960 {
 +
        height: 1960px
 +
      }
 +
      .tablet-height-1980 {
 +
        height: 1980px
 +
      }
 +
      .tablet-height-2000 {
 +
        height: 2000px
 +
      }
 +
      .tablet-height-2100 {
 +
        height: 2100px
 +
      }
 +
      .tablet-height-2120 {
 +
        height: 2120px
 +
      }
 +
      .tablet-height-2140 {
 +
        height: 2140px
 +
      }
 +
      .tablet-height-2160 {
 +
        height: 2160px
 +
      }
 +
      .tablet-height-2180 {
 +
        height: 2180px
 +
      }
 +
      .tablet-height-2200 {
 +
        height: 2200px
 +
      }
 +
      .tablet-height-2220 {
 +
        height: 2220px
 +
      }
 +
      .tablet-height-2240 {
 +
        height: 2240px
 +
      }
 +
      .tablet-height-2260 {
 +
        height: 2260px
 +
      }
 +
      .tablet-height-2280 {
 +
        height: 2280px
 +
      }
 +
      .tablet-height-2300 {
 +
        height: 2300px
 +
      }
 +
      .tablet-height-2320 {
 +
        height: 2320px
 +
      }
 +
      .tablet-height-2340 {
 +
        height: 2340px
 +
      }
 +
      .tablet-height-2360 {
 +
        height: 2360px
 +
      }
 +
      .tablet-height-2380 {
 +
        height: 2380px
 +
      }
 +
      .tablet-height-2400 {
 +
        height: 2400px
 +
      }
 +
      .tablet-minheight-5 {
 +
        min-height: 5px
 +
      }
 +
      .tablet-minheight-10 {
 +
        min-height: 10px
 +
      }
 +
      .tablet-minheight-20 {
 +
        min-height: 20px
 +
      }
 +
      .tablet-minheight-40 {
 +
        min-height: 40px
 +
      }
 +
      .tablet-minheight-60 {
 +
        min-height: 60px
 +
      }
 +
      .tablet-minheight-80 {
 +
        min-height: 80px
 +
      }
 +
      .tablet-minheight-100 {
 +
        min-height: 100px
 +
      }
 +
      .tablet-minheight-120 {
 +
        min-height: 120px
 +
      }
 +
      .tablet-minheight-140 {
 +
        min-height: 140px
 +
      }
 +
      .tablet-minheight-160 {
 +
        min-height: 160px
 +
      }
 +
      .tablet-minheight-180 {
 +
        min-height: 180px
 +
      }
 +
      .tablet-minheight-200 {
 +
        min-height: 200px
 +
      }
 +
      .tablet-minheight-220 {
 +
        min-height: 220px
 +
      }
 +
      .tablet-minheight-240 {
 +
        min-height: 240px
 +
      }
 +
      .tablet-minheight-260 {
 +
        min-height: 260px
 +
      }
 +
      .tablet-minheight-280 {
 +
        min-height: 280px
 +
      }
 +
      .tablet-minheight-300 {
 +
        min-height: 300px
 +
      }
 +
      .tablet-minheight-320 {
 +
        min-height: 320px
 +
      }
 +
      .tablet-minheight-340 {
 +
        min-height: 340px
 +
      }
 +
      .tablet-minheight-360 {
 +
        min-height: 360px
 +
      }
 +
      .tablet-minheight-380 {
 +
        min-height: 380px
 +
      }
 +
      .tablet-minheight-400 {
 +
        min-height: 400px
 +
      }
 +
      .tablet-minheight-420 {
 +
        min-height: 420px
 +
      }
 +
      .tablet-minheight-440 {
 +
        min-height: 440px
 +
      }
 +
      .tablet-minheight-460 {
 +
        min-height: 460px
 +
      }
 +
      .tablet-minheight-480 {
 +
        min-height: 480px
 +
      }
 +
      .tablet-minheight-500 {
 +
        min-height: 500px
 +
      }
 +
      .tablet-minheight-520 {
 +
        min-height: 520px
 +
      }
 +
      .tablet-minheight-540 {
 +
        min-height: 540px
 +
      }
 +
      .tablet-minheight-560 {
 +
        min-height: 560px
 +
      }
 +
      .tablet-minheight-580 {
 +
        min-height: 580px
 +
      }
 +
      .tablet-minheight-600 {
 +
        min-height: 600px
 +
      }
 +
      .tablet-minheight-620 {
 +
        min-height: 620px
 +
      }
 +
      .tablet-minheight-640 {
 +
        min-height: 640px
 +
      }
 +
      .tablet-minheight-660 {
 +
        min-height: 660px
 +
      }
 +
      .tablet-minheight-680 {
 +
        min-height: 680px
 +
      }
 +
      .tablet-minheight-700 {
 +
        min-height: 700px
 +
      }
 +
      .tablet-minheight-720 {
 +
        min-height: 720px
 +
      }
 +
      .tablet-minheight-740 {
 +
        min-height: 740px
 +
      }
 +
      .tablet-minheight-760 {
 +
        min-height: 760px
 +
      }
 +
      .tablet-minheight-780 {
 +
        min-height: 780px
 +
      }
 +
      .tablet-minheight-800 {
 +
        min-height: 800px
 +
      }
 +
      .tablet-minheight-820 {
 +
        min-height: 820px
 +
      }
 +
      .tablet-minheight-840 {
 +
        min-height: 840px
 +
      }
 +
      .tablet-minheight-860 {
 +
        min-height: 860px
 +
      }
 +
      .tablet-minheight-880 {
 +
        min-height: 880px
 +
      }
 +
      .tablet-minheight-900 {
 +
        min-height: 900px
 +
      }
 +
      .tablet-minheight-920 {
 +
        min-height: 920px
 +
      }
 +
      .tablet-minheight-940 {
 +
        min-height: 940px
 +
      }
 +
      .tablet-minheight-960 {
 +
        min-height: 960px
 +
      }
 +
      .tablet-minheight-980 {
 +
        min-height: 980px
 +
      }
 +
      .tablet-minheight-1000 {
 +
        min-height: 1000px
 +
      }
 +
      .tablet-minheight-1020 {
 +
        min-height: 1020px
 +
      }
 +
      .tablet-minheight-1040 {
 +
        min-height: 1040px
 +
      }
 +
      .tablet-minheight-1060 {
 +
        min-height: 1060px
 +
      }
 +
      .tablet-minheight-1080 {
 +
        min-height: 1080px
 +
      }
 +
      .tablet-minheight-1100 {
 +
        min-height: 1100px
 +
      }
 +
      .tablet-minheight-1120 {
 +
        min-height: 1120px
 +
      }
 +
      .tablet-minheight-1140 {
 +
        min-height: 1140px
 +
      }
 +
      .tablet-minheight-1160 {
 +
        min-height: 1160px
 +
      }
 +
      .tablet-minheight-1180 {
 +
        min-height: 1180px
 +
      }
 +
      .tablet-minheight-1200 {
 +
        min-height: 1200px
 +
      }
 +
      .tablet-minheight-1220 {
 +
        min-height: 1220px
 +
      }
 +
      .tablet-minheight-1240 {
 +
        min-height: 1240px
 +
      }
 +
      .tablet-minheight-1260 {
 +
        min-height: 1260px
 +
      }
 +
      .tablet-minheight-1280 {
 +
        min-height: 1280px
 +
      }
 +
      .tablet-minheight-1300 {
 +
        min-height: 1300px
 +
      }
 +
      .tablet-minheight-1320 {
 +
        min-height: 1320px
 +
      }
 +
      .tablet-minheight-1340 {
 +
        min-height: 1340px
 +
      }
 +
      .tablet-minheight-1360 {
 +
        min-height: 1360px
 +
      }
 +
      .tablet-minheight-1380 {
 +
        min-height: 1380px
 +
      }
 +
      .tablet-minheight-1400 {
 +
        min-height: 1400px
 +
      }
 +
      .tablet-minheight-1420 {
 +
        min-height: 1420px
 +
      }
 +
      .tablet-minheight-1440 {
 +
        min-height: 1440px
 +
      }
 +
      .tablet-minheight-1460 {
 +
        min-height: 1460px
 +
      }
 +
      .tablet-minheight-1480 {
 +
        min-height: 1480px
 +
      }
 +
      .tablet-minheight-1500 {
 +
        min-height: 1500px
 +
      }
 +
      .tablet-minheight-1520 {
 +
        min-height: 1520px
 +
      }
 +
      .tablet-minheight-1540 {
 +
        min-height: 1540px
 +
      }
 +
      .tablet-minheight-1560 {
 +
        min-height: 1560px
 +
      }
 +
      .tablet-minheight-1580 {
 +
        min-height: 1580px
 +
      }
 +
      .tablet-minheight-1600 {
 +
        min-height: 1600px
 +
      }
 +
      .tablet-minheight-1620 {
 +
        min-height: 1620px
 +
      }
 +
      .tablet-minheight-1640 {
 +
        min-height: 1640px
 +
      }
 +
      .tablet-minheight-1660 {
 +
        min-height: 1660px
 +
      }
 +
      .tablet-minheight-1680 {
 +
        min-height: 1680px
 +
      }
 +
      .tablet-minheight-1700 {
 +
        min-height: 1700px
 +
      }
 +
      .tablet-minheight-1720 {
 +
        min-height: 1720px
 +
      }
 +
      .tablet-minheight-1740 {
 +
        min-height: 1740px
 +
      }
 +
      .tablet-minheight-1760 {
 +
        min-height: 1760px
 +
      }
 +
      .tablet-minheight-1780 {
 +
        min-height: 1780px
 +
      }
 +
      .tablet-minheight-1800 {
 +
        min-height: 1800px
 +
      }
 +
      .tablet-minheight-1820 {
 +
        min-height: 1820px
 +
      }
 +
      .tablet-minheight-1840 {
 +
        min-height: 1840px
 +
      }
 +
      .tablet-minheight-1860 {
 +
        min-height: 1860px
 +
      }
 +
      .tablet-minheight-1880 {
 +
        min-height: 1880px
 +
      }
 +
      .tablet-minheight-1900 {
 +
        min-height: 1900px
 +
      }
 +
      .tablet-minheight-1920 {
 +
        min-height: 1920px
 +
      }
 +
      .tablet-minheight-1940 {
 +
        min-height: 1940px
 +
      }
 +
      .tablet-minheight-1960 {
 +
        min-height: 1960px
 +
      }
 +
      .tablet-minheight-1980 {
 +
        min-height: 1980px
 +
      }
 +
      .tablet-minheight-2000 {
 +
        min-height: 2000px
 +
      }
 +
      .tablet-minheight-2100 {
 +
        min-height: 2100px
 +
      }
 +
      .tablet-minheight-2120 {
 +
        min-height: 2120px
 +
      }
 +
      .tablet-minheight-2140 {
 +
        min-height: 2140px
 +
      }
 +
      .tablet-minheight-2160 {
 +
        min-height: 2160px
 +
      }
 +
      .tablet-minheight-2180 {
 +
        min-height: 2180px
 +
      }
 +
      .tablet-minheight-2200 {
 +
        min-height: 2200px
 +
      }
 +
      .tablet-minheight-2220 {
 +
        min-height: 2220px
 +
      }
 +
      .tablet-minheight-2240 {
 +
        min-height: 2240px
 +
      }
 +
      .tablet-minheight-2260 {
 +
        min-height: 2260px
 +
      }
 +
      .tablet-minheight-2280 {
 +
        min-height: 2280px
 +
      }
 +
      .tablet-minheight-2300 {
 +
        min-height: 2300px
 +
      }
 +
      .tablet-minheight-2320 {
 +
        min-height: 2320px
 +
      }
 +
      .tablet-minheight-2340 {
 +
        min-height: 2340px
 +
      }
 +
      .tablet-minheight-2360 {
 +
        min-height: 2360px
 +
      }
 +
      .tablet-minheight-2380 {
 +
        min-height: 2380px
 +
      }
 +
      .tablet-minheight-2400 {
 +
        min-height: 2400px
 +
      }
 +
      .tablet-width-percent-5 {
 +
        width: 5%
 +
      }
 +
      .tablet-width-percent-10 {
 +
        width: 10%
 +
      }
 +
      .tablet-width-percent-15 {
 +
        width: 15%
 +
      }
 +
      .tablet-width-percent-20 {
 +
        width: 20%
 +
      }
 +
      .tablet-width-percent-25 {
 +
        width: 25%
 +
      }
 +
      .tablet-width-percent-30 {
 +
        width: 30%
 +
      }
 +
      .tablet-width-percent-35 {
 +
        width: 35%
 +
      }
 +
      .tablet-width-percent-40 {
 +
        width: 40%
 +
      }
 +
      .tablet-width-percent-45 {
 +
        width: 45%
 +
      }
 +
      .tablet-width-percent-50 {
 +
        width: 50%
 +
      }
 +
      .tablet-width-percent-55 {
 +
        width: 55%
 +
      }
 +
      .tablet-width-percent-60 {
 +
        width: 60%
 +
      }
 +
      .tablet-width-percent-65 {
 +
        width: 65%
 +
      }
 +
      .tablet-width-percent-70 {
 +
        width: 70%
 +
      }
 +
      .tablet-width-percent-75 {
 +
        width: 75%
 +
      }
 +
      .tablet-width-percent-80 {
 +
        width: 80%
 +
      }
 +
      .tablet-width-percent-85 {
 +
        width: 85%
 +
      }
 +
      .tablet-width-percent-90 {
 +
        width: 90%
 +
      }
 +
      .tablet-width-percent-95 {
 +
        width: 95%
 +
      }
 +
      .tablet-width-percent-100 {
 +
        width: 100%
 +
      }
 +
      .tablet-width-percent-105 {
 +
        width: 105%
 +
      }
 +
      .tablet-width-percent-110 {
 +
        width: 110%
 +
      }
 +
      .tablet-width-percent-115 {
 +
        width: 115%
 +
      }
 +
      .tablet-width-percent-120 {
 +
        width: 120%
 +
      }
 +
      .tablet-width-percent-125 {
 +
        width: 125%
 +
      }
 +
      .tablet-width-percent-130 {
 +
        width: 130%
 +
      }
 +
      .tablet-width-percent-135 {
 +
        width: 135%
 +
      }
 +
      .tablet-width-percent-140 {
 +
        width: 140%
 +
      }
 +
      .tablet-width-percent-145 {
 +
        width: 145%
 +
      }
 +
      .tablet-width-percent-150 {
 +
        width: 150%
 +
      }
 +
      .tablet-width-percent-155 {
 +
        width: 155%
 +
      }
 +
      .tablet-width-percent-160 {
 +
        width: 160%
 +
      }
 +
      .tablet-width-percent-165 {
 +
        width: 165%
 +
      }
 +
      .tablet-width-percent-170 {
 +
        width: 170%
 +
      }
 +
      .tablet-width-percent-175 {
 +
        width: 175%
 +
      }
 +
      .tablet-width-percent-180 {
 +
        width: 180%
 +
      }
 +
      .tablet-width-percent-185 {
 +
        width: 185%
 +
      }
 +
      .tablet-width-percent-190 {
 +
        width: 190%
 +
      }
 +
      .tablet-width-percent-195 {
 +
        width: 195%
 +
      }
 +
      .tablet-width-percent-200 {
 +
        width: 200%
 +
      }
 +
      .tablet-width-percent-12 {
 +
        width: 12.5%
 +
      }
 +
      .tablet-width-percent-16 {
 +
        width: 16.66%
 +
      }
 +
      .tablet-width-percent-33 {
 +
        width: 33.33%
 +
      }
 +
      .tablet-width-percent-66 {
 +
        width: 66.66%
 +
      }
 +
      .tablet-width-5 {
 +
        width: 5px
 +
      }
 +
      .tablet-width-10 {
 +
        width: 10px
 +
      }
 +
      .tablet-width-20 {
 +
        width: 20px
 +
      }
 +
      .tablet-width-30 {
 +
        width: 30px
 +
      }
 +
      .tablet-width-40 {
 +
        width: 40px
 +
      }
 +
      .tablet-width-50 {
 +
        width: 50px
 +
      }
 +
      .tablet-width-60 {
 +
        width: 60px
 +
      }
 +
      .tablet-width-70 {
 +
        width: 70px
 +
      }
 +
      .tablet-width-80 {
 +
        width: 80px
 +
      }
 +
      .tablet-width-90 {
 +
        width: 90px
 +
      }
 +
      .tablet-width-100 {
 +
        width: 100px
 +
      }
 +
      .tablet-width-110 {
 +
        width: 110px
 +
      }
 +
      .tablet-width-120 {
 +
        width: 120px
 +
      }
 +
      .tablet-width-130 {
 +
        width: 130px
 +
      }
 +
      .tablet-width-140 {
 +
        width: 140px
 +
      }
 +
      .tablet-width-150 {
 +
        width: 150px
 +
      }
 +
      .tablet-width-160 {
 +
        width: 160px
 +
      }
 +
      .tablet-width-170 {
 +
        width: 170px
 +
      }
 +
      .tablet-width-180 {
 +
        width: 180px
 +
      }
 +
      .tablet-width-190 {
 +
        width: 190px
 +
      }
 +
      .tablet-width-200 {
 +
        width: 200px
 +
      }
 +
      .tablet-width-210 {
 +
        width: 210px
 +
      }
 +
      .tablet-width-220 {
 +
        width: 220px
 +
      }
 +
      .tablet-width-230 {
 +
        width: 230px
 +
      }
 +
      .tablet-width-240 {
 +
        width: 240px
 +
      }
 +
      .tablet-width-250 {
 +
        width: 250px
 +
      }
 +
      .tablet-width-260 {
 +
        width: 260px
 +
      }
 +
      .tablet-width-270 {
 +
        width: 270px
 +
      }
 +
      .tablet-width-280 {
 +
        width: 280px
 +
      }
 +
      .tablet-width-290 {
 +
        width: 290px
 +
      }
 +
      .tablet-width-300 {
 +
        width: 300px
 +
      }
 +
      .tablet-width-310 {
 +
        width: 310px
 +
      }
 +
      .tablet-width-320 {
 +
        width: 320px
 +
      }
 +
      .tablet-width-330 {
 +
        width: 330px
 +
      }
 +
      .tablet-width-340 {
 +
        width: 340px
 +
      }
 +
      .tablet-width-350 {
 +
        width: 350px
 +
      }
 +
      .tablet-width-360 {
 +
        width: 360px
 +
      }
 +
      .tablet-width-370 {
 +
        width: 370px
 +
      }
 +
      .tablet-width-380 {
 +
        width: 380px
 +
      }
 +
      .tablet-width-390 {
 +
        width: 390px
 +
      }
 +
      .tablet-width-400 {
 +
        width: 400px
 +
      }
 +
      .tablet-width-410 {
 +
        width: 410px
 +
      }
 +
      .tablet-width-420 {
 +
        width: 420px
 +
      }
 +
      .tablet-width-430 {
 +
        width: 430px
 +
      }
 +
      .tablet-width-440 {
 +
        width: 440px
 +
      }
 +
      .tablet-width-450 {
 +
        width: 450px
 +
      }
 +
      .tablet-width-460 {
 +
        width: 460px
 +
      }
 +
      .tablet-width-470 {
 +
        width: 470px
 +
      }
 +
      .tablet-width-480 {
 +
        width: 480px
 +
      }
 +
      .tablet-width-490 {
 +
        width: 490px
 +
      }
 +
      .tablet-width-500 {
 +
        width: 500px
 +
      }
 +
      .tablet-width-510 {
 +
        width: 510px
 +
      }
 +
      .tablet-width-520 {
 +
        width: 520px
 +
      }
 +
      .tablet-width-530 {
 +
        width: 530px
 +
      }
 +
      .tablet-width-540 {
 +
        width: 540px
 +
      }
 +
      .tablet-width-550 {
 +
        width: 550px
 +
      }
 +
      .tablet-width-560 {
 +
        width: 560px
 +
      }
 +
      .tablet-width-570 {
 +
        width: 570px
 +
      }
 +
      .tablet-width-580 {
 +
        width: 580px
 +
      }
 +
      .tablet-width-590 {
 +
        width: 590px
 +
      }
 +
      .tablet-width-600 {
 +
        width: 600px
 +
      }
 +
      .tablet-width-610 {
 +
        width: 610px
 +
      }
 +
      .tablet-width-620 {
 +
        width: 620px
 +
      }
 +
      .tablet-width-630 {
 +
        width: 630px
 +
      }
 +
      .tablet-width-640 {
 +
        width: 640px
 +
      }
 +
      .tablet-width-650 {
 +
        width: 650px
 +
      }
 +
      .tablet-width-660 {
 +
        width: 660px
 +
      }
 +
      .tablet-width-670 {
 +
        width: 670px
 +
      }
 +
      .tablet-width-680 {
 +
        width: 680px
 +
      }
 +
      .tablet-width-690 {
 +
        width: 690px
 +
      }
 +
      .tablet-width-700 {
 +
        width: 700px
 +
      }
 +
      .tablet-width-710 {
 +
        width: 710px
 +
      }
 +
      .tablet-width-720 {
 +
        width: 720px
 +
      }
 +
      .tablet-width-730 {
 +
        width: 730px
 +
      }
 +
      .tablet-width-740 {
 +
        width: 740px
 +
      }
 +
      .tablet-width-750 {
 +
        width: 750px
 +
      }
 +
      .tablet-width-760 {
 +
        width: 760px
 +
      }
 +
      .tablet-width-770 {
 +
        width: 770px
 +
      }
 +
      .tablet-width-780 {
 +
        width: 780px
 +
      }
 +
      .tablet-width-790 {
 +
        width: 790px
 +
      }
 +
      .tablet-width-800 {
 +
        width: 800px
 +
      }
 +
      .tablet-width-810 {
 +
        width: 810px
 +
      }
 +
      .tablet-width-820 {
 +
        width: 820px
 +
      }
 +
      .tablet-width-830 {
 +
        width: 830px
 +
      }
 +
      .tablet-width-840 {
 +
        width: 840px
 +
      }
 +
      .tablet-width-850 {
 +
        width: 850px
 +
      }
 +
      .tablet-width-860 {
 +
        width: 860px
 +
      }
 +
      .tablet-width-870 {
 +
        width: 870px
 +
      }
 +
      .tablet-width-880 {
 +
        width: 880px
 +
      }
 +
      .tablet-width-890 {
 +
        width: 890px
 +
      }
 +
      .tablet-width-900 {
 +
        width: 900px
 +
      }
 +
      .tablet-width-910 {
 +
        width: 910px
 +
      }
 +
      .tablet-width-920 {
 +
        width: 920px
 +
      }
 +
      .tablet-width-930 {
 +
        width: 930px
 +
      }
 +
      .tablet-width-940 {
 +
        width: 940px
 +
      }
 +
      .tablet-width-950 {
 +
        width: 950px
 +
      }
 +
      .tablet-width-960 {
 +
        width: 960px
 +
      }
 +
      .tablet-width-970 {
 +
        width: 970px
 +
      }
 +
      .tablet-width-980 {
 +
        width: 980px
 +
      }
 +
      .tablet-width-990 {
 +
        width: 990px
 +
      }
 +
      .tablet-width-1000 {
 +
        width: 1000px
 +
      }
 +
      .tablet-width-1010 {
 +
        width: 1010px
 +
      }
 +
      .tablet-width-1020 {
 +
        width: 1020px
 +
      }
 +
      .tablet-width-1030 {
 +
        width: 1030px
 +
      }
 +
      .tablet-width-1040 {
 +
        width: 1040px
 +
      }
 +
      .tablet-width-1050 {
 +
        width: 1050px
 +
      }
 +
      .tablet-width-1060 {
 +
        width: 1060px
 +
      }
 +
      .tablet-width-1070 {
 +
        width: 1070px
 +
      }
 +
      .tablet-width-1080 {
 +
        width: 1080px
 +
      }
 +
      .tablet-width-1090 {
 +
        width: 1090px
 +
      }
 +
      .tablet-width-1100 {
 +
        width: 1100px
 +
      }
 +
      .tablet-width-1110 {
 +
        width: 1110px
 +
      }
 +
      .tablet-width-1120 {
 +
        width: 1120px
 +
      }
 +
      .tablet-width-1130 {
 +
        width: 1130px
 +
      }
 +
      .tablet-width-1140 {
 +
        width: 1140px
 +
      }
 +
      .tablet-width-1150 {
 +
        width: 1150px
 +
      }
 +
      .tablet-width-1160 {
 +
        width: 1160px
 +
      }
 +
      .tablet-width-1170 {
 +
        width: 1170px
 +
      }
 +
      .tablet-width-1180 {
 +
        width: 1180px
 +
      }
 +
      .tablet-width-1190 {
 +
        width: 1190px
 +
      }
 +
      .tablet-width-1200 {
 +
        width: 1200px
 +
      }
 +
      .tablet-width-1210 {
 +
        width: 1210px
 +
      }
 +
      .tablet-width-1220 {
 +
        width: 1220px
 +
      }
 +
      .tablet-width-1230 {
 +
        width: 1230px
 +
      }
 +
      .tablet-width-1240 {
 +
        width: 1240px
 +
      }
 +
      .tablet-width-1250 {
 +
        width: 1250px
 +
      }
 +
      .tablet-width-1260 {
 +
        width: 1260px
 +
      }
 +
      .tablet-width-1270 {
 +
        width: 1270px
 +
      }
 +
      .tablet-width-1280 {
 +
        width: 1280px
 +
      }
 +
      .tablet-width-1290 {
 +
        width: 1290px
 +
      }
 +
      .tablet-width-1300 {
 +
        width: 1300px
 +
      }
 +
      .tablet-width-1310 {
 +
        width: 1310px
 +
      }
 +
      .tablet-width-1320 {
 +
        width: 1320px
 +
      }
 +
      .tablet-width-1330 {
 +
        width: 1330px
 +
      }
 +
      .tablet-width-1340 {
 +
        width: 1340px
 +
      }
 +
      .tablet-width-1350 {
 +
        width: 1350px
 +
      }
 +
      .tablet-width-1360 {
 +
        width: 1360px
 +
      }
 +
      .tablet-width-1370 {
 +
        width: 1370px
 +
      }
 +
      .tablet-width-1380 {
 +
        width: 1380px
 +
      }
 +
      .tablet-width-1390 {
 +
        width: 1390px
 +
      }
 +
      .tablet-width-1400 {
 +
        width: 1400px
 +
      }
 +
      .tablet-width-1410 {
 +
        width: 1410px
 +
      }
 +
      .tablet-width-1420 {
 +
        width: 1420px
 +
      }
 +
      .tablet-width-1430 {
 +
        width: 1430px
 +
      }
 +
      .tablet-width-1440 {
 +
        width: 1440px
 +
      }
 +
      .tablet-width-1450 {
 +
        width: 1450px
 +
      }
 +
      .tablet-width-1460 {
 +
        width: 1460px
 +
      }
 +
      .tablet-width-1470 {
 +
        width: 1470px
 +
      }
 +
      .tablet-width-1480 {
 +
        width: 1480px
 +
      }
 +
      .tablet-width-1490 {
 +
        width: 1490px
 +
      }
 +
      .tablet-width-1500 {
 +
        width: 1500px
 +
      }
 +
      .tablet-width-1510 {
 +
        width: 1510px
 +
      }
 +
      .tablet-width-1520 {
 +
        width: 1520px
 +
      }
 +
      .tablet-width-1530 {
 +
        width: 1530px
 +
      }
 +
      .tablet-width-1540 {
 +
        width: 1540px
 +
      }
 +
      .tablet-width-1550 {
 +
        width: 1550px
 +
      }
 +
      .tablet-width-1560 {
 +
        width: 1560px
 +
      }
 +
      .tablet-width-1570 {
 +
        width: 1570px
 +
      }
 +
      .tablet-width-1580 {
 +
        width: 1580px
 +
      }
 +
      .tablet-width-1590 {
 +
        width: 1590px
 +
      }
 +
      .tablet-width-1600 {
 +
        width: 1600px
 +
      }
 +
      .tablet-width-1610 {
 +
        width: 1610px
 +
      }
 +
      .tablet-width-1620 {
 +
        width: 1620px
 +
      }
 +
      .tablet-width-1630 {
 +
        width: 1630px
 +
      }
 +
      .tablet-width-1640 {
 +
        width: 1640px
 +
      }
 +
      .tablet-width-1650 {
 +
        width: 1650px
 +
      }
 +
      .tablet-width-1660 {
 +
        width: 1660px
 +
      }
 +
      .tablet-width-1670 {
 +
        width: 1670px
 +
      }
 +
      .tablet-width-1680 {
 +
        width: 1680px
 +
      }
 +
      .tablet-width-1690 {
 +
        width: 1690px
 +
      }
 +
      .tablet-width-1700 {
 +
        width: 1700px
 +
      }
 +
      .tablet-width-1710 {
 +
        width: 1710px
 +
      }
 +
      .tablet-width-1720 {
 +
        width: 1720px
 +
      }
 +
      .tablet-width-1730 {
 +
        width: 1730px
 +
      }
 +
      .tablet-width-1740 {
 +
        width: 1740px
 +
      }
 +
      .tablet-width-1750 {
 +
        width: 1750px
 +
      }
 +
      .tablet-width-1760 {
 +
        width: 1760px
 +
      }
 +
      .tablet-width-1770 {
 +
        width: 1770px
 +
      }
 +
      .tablet-width-1780 {
 +
        width: 1780px
 +
      }
 +
      .tablet-width-1790 {
 +
        width: 1790px
 +
      }
 +
      .tablet-width-1800 {
 +
        width: 1800px
 +
      }
 +
      .tablet-width-1810 {
 +
        width: 1810px
 +
      }
 +
      .tablet-width-1820 {
 +
        width: 1820px
 +
      }
 +
      .tablet-width-1830 {
 +
        width: 1830px
 +
      }
 +
      .tablet-width-1840 {
 +
        width: 1840px
 +
      }
 +
      .tablet-width-1850 {
 +
        width: 1850px
 +
      }
 +
      .tablet-width-1860 {
 +
        width: 1860px
 +
      }
 +
      .tablet-width-1870 {
 +
        width: 1870px
 +
      }
 +
      .tablet-width-1880 {
 +
        width: 1880px
 +
      }
 +
      .tablet-width-1890 {
 +
        width: 1890px
 +
      }
 +
      .tablet-width-1900 {
 +
        width: 1900px
 +
      }
 +
      .tablet-width-1910 {
 +
        width: 1910px
 +
      }
 +
      .tablet-width-1920 {
 +
        width: 1920px
 +
      }
 +
      .tablet-width-1930 {
 +
        width: 1930px
 +
      }
 +
      .tablet-width-1940 {
 +
        width: 1940px
 +
      }
 +
      .tablet-width-1950 {
 +
        width: 1950px
 +
      }
 +
      .tablet-width-1960 {
 +
        width: 1960px
 +
      }
 +
      .tablet-width-1970 {
 +
        width: 1970px
 +
      }
 +
      .tablet-width-1980 {
 +
        width: 1980px
 +
      }
 +
      .tablet-width-1990 {
 +
        width: 1990px
 +
      }
 +
      .tablet-width-2000 {
 +
        width: 2000px
 +
      }
 +
      .tablet-offset-top-pos-5 {
 +
        margin-top: 5px
 +
      }
 +
      .tablet-offset-top-pos-10 {
 +
        margin-top: 10px
 +
      }
 +
      .tablet-offset-top-pos-20 {
 +
        margin-top: 20px
 +
      }
 +
      .tablet-offset-top-pos-40 {
 +
        margin-top: 40px
 +
      }
 +
      .tablet-offset-top-pos-60 {
 +
        margin-top: 60px
 +
      }
 +
      .tablet-offset-top-pos-80 {
 +
        margin-top: 80px
 +
      }
 +
      .tablet-offset-top-pos-100 {
 +
        margin-top: 100px
 +
      }
 +
      .tablet-offset-top-pos-120 {
 +
        margin-top: 120px
 +
      }
 +
      .tablet-offset-top-pos-140 {
 +
        margin-top: 140px
 +
      }
 +
      .tablet-offset-top-pos-160 {
 +
        margin-top: -160px
 +
      }
 +
      .tablet-offset-top-pos-180 {
 +
        margin-top: 180px
 +
      }
 +
      .tablet-offset-top-pos-200 {
 +
        margin-top: 200px
 +
      }
 +
      .tablet-offset-top-neg-5 {
 +
        margin-top: -5px
 +
      }
 +
      .tablet-offset-top-neg-10 {
 +
        margin-top: -10px
 +
      }
 +
      .tablet-offset-top-neg-20 {
 +
        margin-top: -20px
 +
      }
 +
      .tablet-offset-top-neg-40 {
 +
        margin-top: -40px
 +
      }
 +
      .tablet-offset-top-neg-60 {
 +
        margin-top: -60px
 +
      }
 +
      .tablet-offset-top-neg-80 {
 +
        margin-top: -80px
 +
      }
 +
      .tablet-offset-top-neg-100 {
 +
        margin-top: -100px
 +
      }
 +
      .tablet-offset-top-neg-120 {
 +
        margin-top: -120px
 +
      }
 +
      .tablet-offset-top-neg-140 {
 +
        margin-top: -140px
 +
      }
 +
      .tablet-offset-top-neg-160 {
 +
        margin-top: -160px
 +
      }
 +
      .tablet-offset-top-neg-180 {
 +
        margin-top: -180px
 +
      }
 +
      .tablet-offset-top-neg-200 {
 +
        margin-top: -200px
 +
      }
 +
      .tablet-offset-bottom-pos-5 {
 +
        margin-bottom: 5px
 +
      }
 +
      .tablet-offset-bottom-pos-10 {
 +
        margin-bottom: 10px
 +
      }
 +
      .tablet-offset-bottom-pos-20 {
 +
        margin-bottom: 20px
 +
      }
 +
      .tablet-offset-bottom-pos-40 {
 +
        margin-bottom: 40px
 +
      }
 +
      .tablet-offset-bottom-pos-60 {
 +
        margin-bottom: 60px
 +
      }
 +
      .tablet-offset-bottom-pos-80 {
 +
        margin-bottom: 80px
 +
      }
 +
      .tablet-offset-bottom-pos-100 {
 +
        margin-bottom: 100px
 +
      }
 +
      .tablet-offset-bottom-pos-120 {
 +
        margin-bottom: 120px
 +
      }
 +
      .tablet-offset-bottom-pos-140 {
 +
        margin-bottom: 140px
 +
      }
 +
      .tablet-offset-bottom-pos-160 {
 +
        margin-bottom: 160px
 +
      }
 +
      .tablet-offset-bottom-pos-180 {
 +
        margin-bottom: 180px
 +
      }
 +
      .tablet-offset-bottom-pos-200 {
 +
        margin-bottom: 200px
 +
      }
 +
      .tablet-offset-bottom-neg-5 {
 +
        margin-bottom: -5px
 +
      }
 +
      .tablet-offset-bottom-neg-10 {
 +
        margin-bottom: -10px
 +
      }
 +
      .tablet-offset-bottom-neg-20 {
 +
        margin-bottom: -20px
 +
      }
 +
      .tablet-offset-bottom-neg-40 {
 +
        margin-bottom: -40px
 +
      }
 +
      .tablet-offset-bottom-neg-60 {
 +
        margin-bottom: -60px
 +
      }
 +
      .tablet-offset-bottom-neg-80 {
 +
        margin-bottom: -80px
 +
      }
 +
      .tablet-offset-bottom-neg-100 {
 +
        margin-bottom: -100px
 +
      }
 +
      .tablet-offset-bottom-neg-120 {
 +
        margin-bottom: -120px
 +
      }
 +
      .tablet-offset-bottom-neg-140 {
 +
        margin-bottom: -140px
 +
      }
 +
      .tablet-offset-bottom-neg-160 {
 +
        margin-bottom: -160px
 +
      }
 +
      .tablet-offset-bottom-neg-180 {
 +
        margin-bottom: -180px
 +
      }
 +
      .tablet-offset-bottom-neg-200 {
 +
        margin-bottom: -200px
 +
      }
 +
      .tablet-padding-vertical-5 {
 +
        padding-top: 5px;
 +
        padding-bottom: 5px
 +
      }
 +
      .tablet-padding-vertical-10 {
 +
        padding-top: 10px;
 +
        padding-bottom: 10px
 +
      }
 +
      .tablet-padding-vertical-15 {
 +
        padding-top: 15px;
 +
        padding-bottom: 15px
 +
      }
 +
      .tablet-padding-vertical-20 {
 +
        padding-top: 20px;
 +
        padding-bottom: 20px
 +
      }
 +
      .tablet-padding-vertical-25 {
 +
        padding-top: 25px;
 +
        padding-bottom: 25px
 +
      }
 +
      .tablet-padding-vertical-30 {
 +
        padding-top: 30px;
 +
        padding-bottom: 30px
 +
      }
 +
      .tablet-padding-vertical-35 {
 +
        padding-top: 35px;
 +
        padding-bottom: 35px
 +
      }
 +
      .tablet-padding-vertical-40 {
 +
        padding-top: 40px;
 +
        padding-bottom: 40px
 +
      }
 +
      .tablet-padding-vertical-45 {
 +
        padding-top: 45px;
 +
        padding-bottom: 45px
 +
      }
 +
      .tablet-padding-vertical-50 {
 +
        padding-top: 50px;
 +
        padding-bottom: 50px
 +
      }
 +
      .tablet-padding-vertical-55 {
 +
        padding-top: 55px;
 +
        padding-bottom: 55px
 +
      }
 +
      .tablet-padding-vertical-60 {
 +
        padding-top: 60px;
 +
        padding-bottom: 60px
 +
      }
 +
      .tablet-padding-vertical-65 {
 +
        padding-top: 65px;
 +
        padding-bottom: 65px
 +
      }
 +
      .tablet-padding-vertical-70 {
 +
        padding-top: 70px;
 +
        padding-bottom: 70px
 +
      }
 +
      .tablet-padding-vertical-75 {
 +
        padding-top: 75px;
 +
        padding-bottom: 75px
 +
      }
 +
      .tablet-padding-vertical-80 {
 +
        padding-top: 80px;
 +
        padding-bottom: 80px
 +
      }
 +
      .tablet-padding-vertical-85 {
 +
        padding-top: 85px;
 +
        padding-bottom: 85px
 +
      }
 +
      .tablet-padding-vertical-90 {
 +
        padding-top: 90px;
 +
        padding-bottom: 90px
 +
      }
 +
      .tablet-padding-vertical-95 {
 +
        padding-top: 95px;
 +
        padding-bottom: 95px
 +
      }
 +
      .tablet-padding-vertical-100 {
 +
        padding-top: 100px;
 +
        padding-bottom: 100px
 +
      }
 +
      .tablet-padding-horizontal-5 {
 +
        padding-left: 5px;
 +
        padding-right: 5px
 +
      }
 +
      .tablet-padding-horizontal-10 {
 +
        padding-left: 10px;
 +
        padding-right: 10px
 +
      }
 +
      .tablet-padding-horizontal-15 {
 +
        padding-left: 15px;
 +
        padding-right: 15px
 +
      }
 +
      .tablet-padding-horizontal-20 {
 +
        padding-left: 20px;
 +
        padding-right: 20px
 +
      }
 +
      .tablet-padding-horizontal-25 {
 +
        padding-left: 25px;
 +
        padding-right: 25px
 +
      }
 +
      .tablet-padding-horizontal-30 {
 +
        padding-left: 30px;
 +
        padding-right: 30px
 +
      }
 +
      .tablet-padding-horizontal-35 {
 +
        padding-left: 35px;
 +
        padding-right: 35px
 +
      }
 +
      .tablet-padding-horizontal-40 {
 +
        padding-left: 40px;
 +
        padding-right: 40px
 +
      }
 +
      .tablet-padding-horizontal-45 {
 +
        padding-left: 45px;
 +
        padding-right: 45px
 +
      }
 +
      .tablet-padding-horizontal-50 {
 +
        padding-left: 50px;
 +
        padding-right: 50px
 +
      }
 +
      .tablet-padding-horizontal-55 {
 +
        padding-left: 55px;
 +
        padding-right: 55px
 +
      }
 +
      .tablet-padding-horizontal-60 {
 +
        padding-left: 60px;
 +
        padding-right: 60px
 +
      }
 +
      .tablet-padding-horizontal-65 {
 +
        padding-left: 65px;
 +
        padding-right: 65px
 +
      }
 +
      .tablet-padding-horizontal-70 {
 +
        padding-left: 70px;
 +
        padding-right: 70px
 +
      }
 +
      .tablet-padding-horizontal-75 {
 +
        padding-left: 75px;
 +
        padding-right: 75px
 +
      }
 +
      .tablet-padding-horizontal-80 {
 +
        padding-left: 80px;
 +
        padding-right: 80px
 +
      }
 +
      .tablet-padding-horizontal-85 {
 +
        padding-left: 85px;
 +
        padding-right: 85px
 +
      }
 +
      .tablet-padding-horizontal-90 {
 +
        padding-left: 90px;
 +
        padding-right: 90px
 +
      }
 +
      .tablet-padding-horizontal-95 {
 +
        padding-left: 95px;
 +
        padding-right: 95px
 +
      }
 +
      .tablet-padding-horizontal-100 {
 +
        padding-left: 100px;
 +
        padding-right: 100px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:481px) and (max-width:1024px) {
 +
      .wrapper-events .views-row {
 +
        width: 50%;
 +
        border-left: 0;
 +
        border-top: 0
 +
      }
 +
      .wrapper-events .views-row:nth-child(-n+2) {
 +
        border-top: #e6e6e6 1px solid
 +
      }
 +
      .wrapper-events .views-row:nth-child(2n+1) {
 +
        border-left: #e6e6e6 1px solid
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1000px) {
 +
      #substances-player {
 +
        display: block
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      section.media-section .inner,
 +
      section.markdown-section .inner {
 +
        width: 80%
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      section.media-section .inner {
 +
        padding: 40px 20px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      section.media-section .prev:hover,
 +
      section.media-section .next:hover {
 +
        width: 64px
 +
      }
 +
      section.media-section .prev:hover:before,
 +
      section.media-section .next:hover:before {
 +
        color: #00bcf2
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      section.media-section .item .caption {
 +
        left: 40px;
 +
        right: 40px;
 +
        bottom: 40px;
 +
        padding: 20px;
 +
        font-size: 16px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      section.media-section .item .medias.bloc-video-html5 video {
 +
        display: block
 +
      }
 +
      section.media-section .item .medias.bloc-video-html5 img {
 +
        display: none
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      section.markdown-section ul,
 +
      section.markdown-section ol {
 +
        font-size: 1.125em;
 +
        margin: 1.5em 0
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      section.markdown-section p {
 +
        font-size: 1.125em;
 +
        margin: 2em 0
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1024px) {
 +
      section.markdown-section h1 {
 +
        font-size: 48px
 +
      }
 +
      section.markdown-section h2 {
 +
        font-size: 38px
 +
      }
 +
      section.markdown-section h3,
 +
      section.markdown-section blockquote {
 +
        font-size: 32px
 +
      }
 +
      section.markdown-section h4 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      section.markdown-section h5 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      section.markdown-section h6 {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      section.media-section .item .field-name-field-ah-image-1 {
 +
        padding: 20px 20px 20px 0
 +
      }
 +
      section.media-section .item .field-name-field-ah-image-2 {
 +
        padding: 20px 0 20px 20px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      body.node-type-article div.field-name-field-article-blog-text {
 +
        line-height: 150%;
 +
        font-size: 20px;
 +
        padding: 20px
 +
      }
 +
      article.node-article h1#page-title {
 +
        padding: 70px 20px 10px;
 +
        width: 80%
 +
      }
 +
      article.node-article .field-custom-author {
 +
        width: 80%
 +
      }
 +
      #block-allegorithmic-subscription-substance-list-account-block .view .view-content .views-row {
 +
        width: 16.66666666666%
 +
      }
 +
      .view-substances-live div.view-content div.views-row {
 +
        width: 16.6666666666%;
 +
        float: left
 +
      }
 +
      form#views-exposed-form-article-landing-page-page,
 +
      .block-action-top {
 +
        position: fixed;
 +
        top: 80px;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s;
 +
        z-index: 3
 +
      }
 +
      .scrolled form#views-exposed-form-article-landing-page-page,
 +
      .scrolled .block-action-top {
 +
        top: 60px
 +
      }
 +
      .block-views-article-landing-page-block-1 {
 +
        margin-top: 100px
 +
      }
 +
      .menu-opened #page {
 +
        transform: translate(0, 0)
 +
      }
 +
      article.node-webform .field-name-field-image {
 +
        width: 50%;
 +
        float: left
 +
      }
 +
      article.node-webform .field-name-body,
 +
      article.node-webform form.webform-client-form {
 +
        width: 50%;
 +
        float: right
 +
      }
 +
      .field-name-field-gallery-items .field-item {
 +
        width: 25%
 +
      }
 +
      body.page-user.not-logged-in #page-wrapper #main {
 +
        padding-top: 1px;
 +
        padding-bottom: 276px
 +
      }
 +
      body.page-user.not-logged-in #page-wrapper #main #footer {
 +
        position: absolute;
 +
        bottom: 0;
 +
        left: 0;
 +
        right: 0
 +
      }
 +
      body.page-user #main td,
 +
      body.page-user #main th {
 +
        padding: 12px;
 +
        font-size: 14px
 +
      }
 +
      body.page-user #main th:nth-of-type(5) {
 +
        padding-right: 0;
 +
        padding-left: 10px
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view a {
 +
        display: block
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view td:nth-child(7),
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view th:nth-child(7) {
 +
        display: table-cell
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-licenses table.view thead th:nth-child(7) {
 +
        text-indent: -9999px
 +
      }
 +
      body.page-user #main #block-allegorithmic-user-dashboard-user-dashboard-navigation .view-live-views .views-row .progress-bar-wrapper {
 +
        height: 25px
 +
      }
 +
      .view-article-landing-page .view-content .views-row .views-field-field-article-image {
 +
        margin: 0 0 20px
 +
      }
 +
      body.section-cart #page-wrapper,
 +
      body.section-checkout #page-wrapper {
 +
        padding-top: 100px
 +
      }
 +
      body {
 +
        overflow-x: hidden
 +
      }
 +
      body.menu-opened {
 +
        overflow-x: hidden !important
 +
      }
 +
      .menu-opened #page-wrapper #page {
 +
        right: 0
 +
      }
 +
      body.page-gallery-homepage #main article>h1 {
 +
        margin: 110px 20px 35px;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s
 +
      }
 +
      body.page-gallery-homepage.scrolled #main>h1 {
 +
        margin: 70px 20px 35px
 +
      }
 +
      .view-gallery-homepage .view-filters {
 +
        max-width: 100%;
 +
        position: fixed;
 +
        top: 80px;
 +
        left: 0;
 +
        right: 0;
 +
        margin: 0;
 +
        background: white;
 +
        -webkit-transition: all .3s ease-in-out 0s;
 +
        -moz-transition: all .3s ease-in-out 0s;
 +
        -o-transition: all .3s ease-in-out 0s;
 +
        -ms-transition: all .3s ease-in-out 0s;
 +
        transition: all .3s ease-in-out 0s;
 +
        padding: 11px;
 +
        z-index: 4;
 +
        border-bottom: 1px solid #eee
 +
      }
 +
      .scrolled .view-gallery-homepage .view-filters {
 +
        top: 60px
 +
      }
 +
      body.front #main .front-news {
 +
        margin: 50px 0
 +
      }
 +
      body.front #main .front-news .views-row div.view-content div.link:hover {
 +
        filter: alpha(opacity=100);
 +
        -ms-filter: alpha(opacity=@opacity-ie);
 +
        -moz-opacity: 1;
 +
        -khtml-opacity: 1;
 +
        opacity: 1
 +
      }
 +
      body.front #main .front-news .views-row div.view-content div.link:hover:before {
 +
        bottom: 0;
 +
        right: 0
 +
      }
 +
      body.front #main .front-news .views-row div.view-content div.link:hover:after {
 +
        bottom: 4px;
 +
        right: 17px
 +
      }
 +
      body.front #main .front-news .views-row-1,
 +
      body.front #main .front-news .views-row-2,
 +
      body.front #main .front-news .views-row-3 {
 +
        width: 33.33333333%;
 +
        float: left;
 +
        padding: 5px
 +
      }
 +
      body.front #main .front-news .views-row-4,
 +
      body.front #main .front-news .views-row-5,
 +
      body.front #main .front-news .views-row-6,
 +
      body.front #main .front-news .views-row-7,
 +
      body.front #main .front-news .views-row-8,
 +
      body.front #main .front-news .views-row-9,
 +
      body.front #main .front-news .views-row-10,
 +
      body.front #main .front-news .views-row-11,
 +
      body.front #main .front-news .views-row-12,
 +
      body.front #main .front-news .views-row-13,
 +
      body.front #main .front-news .views-row-14,
 +
      body.front #main .front-news .views-row-15,
 +
      body.front #main .front-news .views-row-16,
 +
      body.front #main .front-news .views-row-17,
 +
      body.front #main .front-news .views-row-18,
 +
      body.front #main .front-news .views-row-19,
 +
      body.front #main .front-news .views-row-20,
 +
      body.front #main .front-news .views-row-21 {
 +
        width: 25%;
 +
        float: left;
 +
        padding: 5px
 +
      }
 +
      .view-product-display .view-content ul li .group-header {
 +
        height: 72px;
 +
        font-size: 75%
 +
      }
 +
      .view-product-display .view-content ul li .group-header .group-title {
 +
        font-size: 18px
 +
      }
 +
      .view-product-display .view-content ul li .group-header .group-title span {
 +
        font-size: 13px
 +
      }
 +
      .view-product-display .view-content ul li .group-header .group-description {
 +
        font-size: 11px;
 +
        display: none
 +
      }
 +
      .view-product-display .view-content ul li .group-header.active:hover {
 +
        background: #fff !important;
 +
        color: #191919 !important
 +
      }
 +
      .view-product-display .view-content ul li .group-header:hover {
 +
        background: #00bcf2;
 +
        color: white
 +
      }
 +
      .view-product-display .view-content .product-display-wrapper .views-row {
 +
        text-align: center
 +
      }
 +
      #block-allegorithmic-product-display-contact-us-link {
 +
        text-align: center
 +
      }
 +
      #block-allegorithmic-product-display-custom-upgrade-link {
 +
        padding: 30px 40px 50px
 +
      }
 +
      #block-allegorithmic-product-display-custom-upgrade-link p {
 +
        margin-bottom: 40px
 +
      }
 +
      nav.contextual-navigation~.layer {
 +
        margin-top: 0
 +
      }
 +
      .checkout .checkout-actions input.update-submit:hover {
 +
        background: #191919
 +
      }
 +
      .brick.extra-extra-large h1,
 +
      .brick.extra-extra-large h2,
 +
      .brick.extra-extra-large h3,
 +
      .brick.extra-extra-large h4,
 +
      .brick.extra-extra-large p,
 +
      .brick.extra-extra-large ul li {
 +
        font-size: 48px
 +
      }
 +
      .brick.extra-large h2,
 +
      .brick.extra-large h3,
 +
      .brick.extra-large h4,
 +
      .brick.extra-large p,
 +
      .brick.extra-large ul li {
 +
        font-size: 38px
 +
      }
 +
      .brick.large h2,
 +
      .brick.large h3,
 +
      .brick.large h4,
 +
      .brick.large p,
 +
      .brick.large ul li {
 +
        font-size: 32px
 +
      }
 +
      .brick.medium h2,
 +
      .brick.medium h3,
 +
      .brick.medium h4,
 +
      .brick.medium p,
 +
      .brick.medium ul li {
 +
        font-size: 18px;
 +
        line-height: 150%
 +
      }
 +
      .brick.default h2,
 +
      .brick.default h3,
 +
      .brick.default h4,
 +
      .brick.default p,
 +
      .brick.default ul li {
 +
        font-size: 16px
 +
      }
 +
      .brick.small h2,
 +
      .brick.small h3,
 +
      .brick.small h4,
 +
      .brick.small p,
 +
      .brick.small ul li {
 +
        font-size: 14px
 +
      }
 +
      .brick.extra-small h2,
 +
      .brick.extra-small h3,
 +
      .brick.extra-small h4,
 +
      .brick.extra-small p,
 +
      .brick.extra-small ul li {
 +
        font-size: 12px
 +
      }
 +
      .brick.media video {
 +
        display: inline-block
 +
      }
 +
      .brick.media span.image.mobile {
 +
        display: none
 +
      }
 +
      .brick.media span.image.mobile span {
 +
        display: none
 +
      }
 +
      .brick.media span.image.tablet {
 +
        display: none
 +
      }
 +
      .brick.media span.image.tablet span {
 +
        display: none
 +
      }
 +
      .brick.media span.image.laptop {
 +
        display: block
 +
      }
 +
      .brick.media span.image.laptop span {
 +
        display: block
 +
      }
 +
      .laptop-height-auto {
 +
        height: auto
 +
      }
 +
      .laptop-height-percent-5 {
 +
        height: 5%
 +
      }
 +
      .laptop-height-percent-10 {
 +
        height: 10%
 +
      }
 +
      .laptop-height-percent-15 {
 +
        height: 15%
 +
      }
 +
      .laptop-height-percent-20 {
 +
        height: 20%
 +
      }
 +
      .laptop-height-percent-25 {
 +
        height: 25%
 +
      }
 +
      .laptop-height-percent-30 {
 +
        height: 30%
 +
      }
 +
      .laptop-height-percent-35 {
 +
        height: 35%
 +
      }
 +
      .laptop-height-percent-40 {
 +
        height: 40%
 +
      }
 +
      .laptop-height-percent-45 {
 +
        height: 45%
 +
      }
 +
      .laptop-height-percent-50 {
 +
        height: 50%
 +
      }
 +
      .laptop-height-percent-55 {
 +
        height: 55%
 +
      }
 +
      .laptop-height-percent-60 {
 +
        height: 60%
 +
      }
 +
      .laptop-height-percent-65 {
 +
        height: 65%
 +
      }
 +
      .laptop-height-percent-70 {
 +
        height: 70%
 +
      }
 +
      .laptop-height-percent-75 {
 +
        height: 75%
 +
      }
 +
      .laptop-height-percent-80 {
 +
        height: 80%
 +
      }
 +
      .laptop-height-percent-85 {
 +
        height: 85%
 +
      }
 +
      .laptop-height-percent-90 {
 +
        height: 90%
 +
      }
 +
      .laptop-height-percent-95 {
 +
        height: 95%
 +
      }
 +
      .laptop-height-percent-100 {
 +
        height: 100%
 +
      }
 +
      .laptop-height-percent-105 {
 +
        height: 105%
 +
      }
 +
      .laptop-height-percent-110 {
 +
        height: 110%
 +
      }
 +
      .laptop-height-percent-115 {
 +
        height: 115%
 +
      }
 +
      .laptop-height-percent-120 {
 +
        height: 120%
 +
      }
 +
      .laptop-height-percent-125 {
 +
        height: 125%
 +
      }
 +
      .laptop-height-percent-130 {
 +
        height: 130%
 +
      }
 +
      .laptop-height-percent-135 {
 +
        height: 135%
 +
      }
 +
      .laptop-height-percent-140 {
 +
        height: 140%
 +
      }
 +
      .laptop-height-percent-145 {
 +
        height: 145%
 +
      }
 +
      .laptop-height-percent-150 {
 +
        height: 150%
 +
      }
 +
      .laptop-height-percent-155 {
 +
        height: 155%
 +
      }
 +
      .laptop-height-percent-160 {
 +
        height: 160%
 +
      }
 +
      .laptop-height-percent-165 {
 +
        height: 165%
 +
      }
 +
      .laptop-height-percent-170 {
 +
        height: 170%
 +
      }
 +
      .laptop-height-percent-175 {
 +
        height: 175%
 +
      }
 +
      .laptop-height-percent-180 {
 +
        height: 180%
 +
      }
 +
      .laptop-height-percent-185 {
 +
        height: 185%
 +
      }
 +
      .laptop-height-percent-190 {
 +
        height: 190%
 +
      }
 +
      .laptop-height-percent-195 {
 +
        height: 195%
 +
      }
 +
      .laptop-height-percent-200 {
 +
        height: 200%
 +
      }
 +
      .laptop-height-5 {
 +
        height: 5px
 +
      }
 +
      .laptop-height-10 {
 +
        height: 10px
 +
      }
 +
      .laptop-height-20 {
 +
        height: 20px
 +
      }
 +
      .laptop-height-40 {
 +
        height: 40px
 +
      }
 +
      .laptop-height-60 {
 +
        height: 60px
 +
      }
 +
      .laptop-height-80 {
 +
        height: 80px
 +
      }
 +
      .laptop-height-100 {
 +
        height: 100px
 +
      }
 +
      .laptop-height-120 {
 +
        height: 120px
 +
      }
 +
      .laptop-height-140 {
 +
        height: 140px
 +
      }
 +
      .laptop-height-160 {
 +
        height: 160px
 +
      }
 +
      .laptop-height-180 {
 +
        height: 180px
 +
      }
 +
      .laptop-height-200 {
 +
        height: 200px
 +
      }
 +
      .laptop-height-220 {
 +
        height: 220px
 +
      }
 +
      .laptop-height-240 {
 +
        height: 240px
 +
      }
 +
      .laptop-height-260 {
 +
        height: 260px
 +
      }
 +
      .laptop-height-280 {
 +
        height: 280px
 +
      }
 +
      .laptop-height-300 {
 +
        height: 300px
 +
      }
 +
      .laptop-height-320 {
 +
        height: 320px
 +
      }
 +
      .laptop-height-340 {
 +
        height: 340px
 +
      }
 +
      .laptop-height-360 {
 +
        height: 360px
 +
      }
 +
      .laptop-height-380 {
 +
        height: 380px
 +
      }
 +
      .laptop-height-400 {
 +
        height: 400px
 +
      }
 +
      .laptop-height-420 {
 +
        height: 420px
 +
      }
 +
      .laptop-height-440 {
 +
        height: 440px
 +
      }
 +
      .laptop-height-460 {
 +
        height: 460px
 +
      }
 +
      .laptop-height-480 {
 +
        height: 480px
 +
      }
 +
      .laptop-height-500 {
 +
        height: 500px
 +
      }
 +
      .laptop-height-520 {
 +
        height: 520px
 +
      }
 +
      .laptop-height-540 {
 +
        height: 540px
 +
      }
 +
      .laptop-height-560 {
 +
        height: 560px
 +
      }
 +
      .laptop-height-580 {
 +
        height: 580px
 +
      }
 +
      .laptop-height-600 {
 +
        height: 600px
 +
      }
 +
      .laptop-height-620 {
 +
        height: 620px
 +
      }
 +
      .laptop-height-640 {
 +
        height: 640px
 +
      }
 +
      .laptop-height-660 {
 +
        height: 660px
 +
      }
 +
      .laptop-height-680 {
 +
        height: 680px
 +
      }
 +
      .laptop-height-700 {
 +
        height: 700px
 +
      }
 +
      .laptop-height-720 {
 +
        height: 720px
 +
      }
 +
      .laptop-height-740 {
 +
        height: 740px
 +
      }
 +
      .laptop-height-760 {
 +
        height: 760px
 +
      }
 +
      .laptop-height-780 {
 +
        height: 780px
 +
      }
 +
      .laptop-height-800 {
 +
        height: 800px
 +
      }
 +
      .laptop-height-820 {
 +
        height: 820px
 +
      }
 +
      .laptop-height-840 {
 +
        height: 840px
 +
      }
 +
      .laptop-height-860 {
 +
        height: 860px
 +
      }
 +
      .laptop-height-880 {
 +
        height: 880px
 +
      }
 +
      .laptop-height-900 {
 +
        height: 900px
 +
      }
 +
      .laptop-height-920 {
 +
        height: 920px
 +
      }
 +
      .laptop-height-940 {
 +
        height: 940px
 +
      }
 +
      .laptop-height-960 {
 +
        height: 960px
 +
      }
 +
      .laptop-height-980 {
 +
        height: 980px
 +
      }
 +
      .laptop-height-1000 {
 +
        height: 1000px
 +
      }
 +
      .laptop-height-1020 {
 +
        height: 1020px
 +
      }
 +
      .laptop-height-1040 {
 +
        height: 1040px
 +
      }
 +
      .laptop-height-1060 {
 +
        height: 1060px
 +
      }
 +
      .laptop-height-1080 {
 +
        height: 1080px
 +
      }
 +
      .laptop-height-1100 {
 +
        height: 1100px
 +
      }
 +
      .laptop-height-1120 {
 +
        height: 1120px
 +
      }
 +
      .laptop-height-1140 {
 +
        height: 1140px
 +
      }
 +
      .laptop-height-1160 {
 +
        height: 1160px
 +
      }
 +
      .laptop-height-1180 {
 +
        height: 1180px
 +
      }
 +
      .laptop-height-1200 {
 +
        height: 1200px
 +
      }
 +
      .laptop-height-1220 {
 +
        height: 1220px
 +
      }
 +
      .laptop-height-1240 {
 +
        height: 1240px
 +
      }
 +
      .laptop-height-1260 {
 +
        height: 1260px
 +
      }
 +
      .laptop-height-1280 {
 +
        height: 1280px
 +
      }
 +
      .laptop-height-1300 {
 +
        height: 1300px
 +
      }
 +
      .laptop-height-1320 {
 +
        height: 1320px
 +
      }
 +
      .laptop-height-1340 {
 +
        height: 1340px
 +
      }
 +
      .laptop-height-1360 {
 +
        height: 1360px
 +
      }
 +
      .laptop-height-1380 {
 +
        height: 1380px
 +
      }
 +
      .laptop-height-1400 {
 +
        height: 1400px
 +
      }
 +
      .laptop-height-1420 {
 +
        height: 1420px
 +
      }
 +
      .laptop-height-1440 {
 +
        height: 1440px
 +
      }
 +
      .laptop-height-1460 {
 +
        height: 1460px
 +
      }
 +
      .laptop-height-1480 {
 +
        height: 1480px
 +
      }
 +
      .laptop-height-1500 {
 +
        height: 1500px
 +
      }
 +
      .laptop-height-1520 {
 +
        height: 1520px
 +
      }
 +
      .laptop-height-1540 {
 +
        height: 1540px
 +
      }
 +
      .laptop-height-1560 {
 +
        height: 1560px
 +
      }
 +
      .laptop-height-1580 {
 +
        height: 1580px
 +
      }
 +
      .laptop-height-1600 {
 +
        height: 1600px
 +
      }
 +
      .laptop-height-1620 {
 +
        height: 1620px
 +
      }
 +
      .laptop-height-1640 {
 +
        height: 1640px
 +
      }
 +
      .laptop-height-1660 {
 +
        height: 1660px
 +
      }
 +
      .laptop-height-1680 {
 +
        height: 1680px
 +
      }
 +
      .laptop-height-1700 {
 +
        height: 1700px
 +
      }
 +
      .laptop-height-1720 {
 +
        height: 1720px
 +
      }
 +
      .laptop-height-1740 {
 +
        height: 1740px
 +
      }
 +
      .laptop-height-1760 {
 +
        height: 1760px
 +
      }
 +
      .laptop-height-1780 {
 +
        height: 1780px
 +
      }
 +
      .laptop-height-1800 {
 +
        height: 1800px
 +
      }
 +
      .laptop-height-1820 {
 +
        height: 1820px
 +
      }
 +
      .laptop-height-1840 {
 +
        height: 1840px
 +
      }
 +
      .laptop-height-1860 {
 +
        height: 1860px
 +
      }
 +
      .laptop-height-1880 {
 +
        height: 1880px
 +
      }
 +
      .laptop-height-1900 {
 +
        height: 1900px
 +
      }
 +
      .laptop-height-1920 {
 +
        height: 1920px
 +
      }
 +
      .laptop-height-1940 {
 +
        height: 1940px
 +
      }
 +
      .laptop-height-1960 {
 +
        height: 1960px
 +
      }
 +
      .laptop-height-1980 {
 +
        height: 1980px
 +
      }
 +
      .laptop-height-2000 {
 +
        height: 2000px
 +
      }
 +
      .laptop-height-2100 {
 +
        height: 2100px
 +
      }
 +
      .laptop-height-2120 {
 +
        height: 2120px
 +
      }
 +
      .laptop-height-2140 {
 +
        height: 2140px
 +
      }
 +
      .laptop-height-2160 {
 +
        height: 2160px
 +
      }
 +
      .laptop-height-2180 {
 +
        height: 2180px
 +
      }
 +
      .laptop-height-2200 {
 +
        height: 2200px
 +
      }
 +
      .laptop-height-2220 {
 +
        height: 2220px
 +
      }
 +
      .laptop-height-2240 {
 +
        height: 2240px
 +
      }
 +
      .laptop-height-2260 {
 +
        height: 2260px
 +
      }
 +
      .laptop-height-2280 {
 +
        height: 2280px
 +
      }
 +
      .laptop-height-2300 {
 +
        height: 2300px
 +
      }
 +
      .laptop-height-2320 {
 +
        height: 2320px
 +
      }
 +
      .laptop-height-2340 {
 +
        height: 2340px
 +
      }
 +
      .laptop-height-2360 {
 +
        height: 2360px
 +
      }
 +
      .laptop-height-2380 {
 +
        height: 2380px
 +
      }
 +
      .laptop-height-2400 {
 +
        height: 2400px
 +
      }
 +
      .laptop-minheight-5 {
 +
        min-height: 5px
 +
      }
 +
      .laptop-minheight-10 {
 +
        min-height: 10px
 +
      }
 +
      .laptop-minheight-20 {
 +
        min-height: 20px
 +
      }
 +
      .laptop-minheight-40 {
 +
        min-height: 40px
 +
      }
 +
      .laptop-minheight-60 {
 +
        min-height: 60px
 +
      }
 +
      .laptop-minheight-80 {
 +
        min-height: 80px
 +
      }
 +
      .laptop-minheight-100 {
 +
        min-height: 100px
 +
      }
 +
      .laptop-minheight-120 {
 +
        min-height: 120px
 +
      }
 +
      .laptop-minheight-140 {
 +
        min-height: 140px
 +
      }
 +
      .laptop-minheight-160 {
 +
        min-height: 160px
 +
      }
 +
      .laptop-minheight-180 {
 +
        min-height: 180px
 +
      }
 +
      .laptop-minheight-200 {
 +
        min-height: 200px
 +
      }
 +
      .laptop-minheight-220 {
 +
        min-height: 220px
 +
      }
 +
      .laptop-minheight-240 {
 +
        min-height: 240px
 +
      }
 +
      .laptop-minheight-260 {
 +
        min-height: 260px
 +
      }
 +
      .laptop-minheight-280 {
 +
        min-height: 280px
 +
      }
 +
      .laptop-minheight-300 {
 +
        min-height: 300px
 +
      }
 +
      .laptop-minheight-320 {
 +
        min-height: 320px
 +
      }
 +
      .laptop-minheight-340 {
 +
        min-height: 340px
 +
      }
 +
      .laptop-minheight-360 {
 +
        min-height: 360px
 +
      }
 +
      .laptop-minheight-380 {
 +
        min-height: 380px
 +
      }
 +
      .laptop-minheight-400 {
 +
        min-height: 400px
 +
      }
 +
      .laptop-minheight-420 {
 +
        min-height: 420px
 +
      }
 +
      .laptop-minheight-440 {
 +
        min-height: 440px
 +
      }
 +
      .laptop-minheight-460 {
 +
        min-height: 460px
 +
      }
 +
      .laptop-minheight-480 {
 +
        min-height: 480px
 +
      }
 +
      .laptop-minheight-500 {
 +
        min-height: 500px
 +
      }
 +
      .laptop-minheight-520 {
 +
        min-height: 520px
 +
      }
 +
      .laptop-minheight-540 {
 +
        min-height: 540px
 +
      }
 +
      .laptop-minheight-560 {
 +
        min-height: 560px
 +
      }
 +
      .laptop-minheight-580 {
 +
        min-height: 580px
 +
      }
 +
      .laptop-minheight-600 {
 +
        min-height: 600px
 +
      }
 +
      .laptop-minheight-620 {
 +
        min-height: 620px
 +
      }
 +
      .laptop-minheight-640 {
 +
        min-height: 640px
 +
      }
 +
      .laptop-minheight-660 {
 +
        min-height: 660px
 +
      }
 +
      .laptop-minheight-680 {
 +
        min-height: 680px
 +
      }
 +
      .laptop-minheight-700 {
 +
        min-height: 700px
 +
      }
 +
      .laptop-minheight-720 {
 +
        min-height: 720px
 +
      }
 +
      .laptop-minheight-740 {
 +
        min-height: 740px
 +
      }
 +
      .laptop-minheight-760 {
 +
        min-height: 760px
 +
      }
 +
      .laptop-minheight-780 {
 +
        min-height: 780px
 +
      }
 +
      .laptop-minheight-800 {
 +
        min-height: 800px
 +
      }
 +
      .laptop-minheight-820 {
 +
        min-height: 820px
 +
      }
 +
      .laptop-minheight-840 {
 +
        min-height: 840px
 +
      }
 +
      .laptop-minheight-860 {
 +
        min-height: 860px
 +
      }
 +
      .laptop-minheight-880 {
 +
        min-height: 880px
 +
      }
 +
      .laptop-minheight-900 {
 +
        min-height: 900px
 +
      }
 +
      .laptop-minheight-920 {
 +
        min-height: 920px
 +
      }
 +
      .laptop-minheight-940 {
 +
        min-height: 940px
 +
      }
 +
      .laptop-minheight-960 {
 +
        min-height: 960px
 +
      }
 +
      .laptop-minheight-980 {
 +
        min-height: 980px
 +
      }
 +
      .laptop-minheight-1000 {
 +
        min-height: 1000px
 +
      }
 +
      .laptop-minheight-1020 {
 +
        min-height: 1020px
 +
      }
 +
      .laptop-minheight-1040 {
 +
        min-height: 1040px
 +
      }
 +
      .laptop-minheight-1060 {
 +
        min-height: 1060px
 +
      }
 +
      .laptop-minheight-1080 {
 +
        min-height: 1080px
 +
      }
 +
      .laptop-minheight-1100 {
 +
        min-height: 1100px
 +
      }
 +
      .laptop-minheight-1120 {
 +
        min-height: 1120px
 +
      }
 +
      .laptop-minheight-1140 {
 +
        min-height: 1140px
 +
      }
 +
      .laptop-minheight-1160 {
 +
        min-height: 1160px
 +
      }
 +
      .laptop-minheight-1180 {
 +
        min-height: 1180px
 +
      }
 +
      .laptop-minheight-1200 {
 +
        min-height: 1200px
 +
      }
 +
      .laptop-minheight-1220 {
 +
        min-height: 1220px
 +
      }
 +
      .laptop-minheight-1240 {
 +
        min-height: 1240px
 +
      }
 +
      .laptop-minheight-1260 {
 +
        min-height: 1260px
 +
      }
 +
      .laptop-minheight-1280 {
 +
        min-height: 1280px
 +
      }
 +
      .laptop-minheight-1300 {
 +
        min-height: 1300px
 +
      }
 +
      .laptop-minheight-1320 {
 +
        min-height: 1320px
 +
      }
 +
      .laptop-minheight-1340 {
 +
        min-height: 1340px
 +
      }
 +
      .laptop-minheight-1360 {
 +
        min-height: 1360px
 +
      }
 +
      .laptop-minheight-1380 {
 +
        min-height: 1380px
 +
      }
 +
      .laptop-minheight-1400 {
 +
        min-height: 1400px
 +
      }
 +
      .laptop-minheight-1420 {
 +
        min-height: 1420px
 +
      }
 +
      .laptop-minheight-1440 {
 +
        min-height: 1440px
 +
      }
 +
      .laptop-minheight-1460 {
 +
        min-height: 1460px
 +
      }
 +
      .laptop-minheight-1480 {
 +
        min-height: 1480px
 +
      }
 +
      .laptop-minheight-1500 {
 +
        min-height: 1500px
 +
      }
 +
      .laptop-minheight-1520 {
 +
        min-height: 1520px
 +
      }
 +
      .laptop-minheight-1540 {
 +
        min-height: 1540px
 +
      }
 +
      .laptop-minheight-1560 {
 +
        min-height: 1560px
 +
      }
 +
      .laptop-minheight-1580 {
 +
        min-height: 1580px
 +
      }
 +
      .laptop-minheight-1600 {
 +
        min-height: 1600px
 +
      }
 +
      .laptop-minheight-1620 {
 +
        min-height: 1620px
 +
      }
 +
      .laptop-minheight-1640 {
 +
        min-height: 1640px
 +
      }
 +
      .laptop-minheight-1660 {
 +
        min-height: 1660px
 +
      }
 +
      .laptop-minheight-1680 {
 +
        min-height: 1680px
 +
      }
 +
      .laptop-minheight-1700 {
 +
        min-height: 1700px
 +
      }
 +
      .laptop-minheight-1720 {
 +
        min-height: 1720px
 +
      }
 +
      .laptop-minheight-1740 {
 +
        min-height: 1740px
 +
      }
 +
      .laptop-minheight-1760 {
 +
        min-height: 1760px
 +
      }
 +
      .laptop-minheight-1780 {
 +
        min-height: 1780px
 +
      }
 +
      .laptop-minheight-1800 {
 +
        min-height: 1800px
 +
      }
 +
      .laptop-minheight-1820 {
 +
        min-height: 1820px
 +
      }
 +
      .laptop-minheight-1840 {
 +
        min-height: 1840px
 +
      }
 +
      .laptop-minheight-1860 {
 +
        min-height: 1860px
 +
      }
 +
      .laptop-minheight-1880 {
 +
        min-height: 1880px
 +
      }
 +
      .laptop-minheight-1900 {
 +
        min-height: 1900px
 +
      }
 +
      .laptop-minheight-1920 {
 +
        min-height: 1920px
 +
      }
 +
      .laptop-minheight-1940 {
 +
        min-height: 1940px
 +
      }
 +
      .laptop-minheight-1960 {
 +
        min-height: 1960px
 +
      }
 +
      .laptop-minheight-1980 {
 +
        min-height: 1980px
 +
      }
 +
      .laptop-minheight-2000 {
 +
        min-height: 2000px
 +
      }
 +
      .laptop-minheight-2100 {
 +
        min-height: 2100px
 +
      }
 +
      .laptop-minheight-2120 {
 +
        min-height: 2120px
 +
      }
 +
      .laptop-minheight-2140 {
 +
        min-height: 2140px
 +
      }
 +
      .laptop-minheight-2160 {
 +
        min-height: 2160px
 +
      }
 +
      .laptop-minheight-2180 {
 +
        min-height: 2180px
 +
      }
 +
      .laptop-minheight-2200 {
 +
        min-height: 2200px
 +
      }
 +
      .laptop-minheight-2220 {
 +
        min-height: 2220px
 +
      }
 +
      .laptop-minheight-2240 {
 +
        min-height: 2240px
 +
      }
 +
      .laptop-minheight-2260 {
 +
        min-height: 2260px
 +
      }
 +
      .laptop-minheight-2280 {
 +
        min-height: 2280px
 +
      }
 +
      .laptop-minheight-2300 {
 +
        min-height: 2300px
 +
      }
 +
      .laptop-minheight-2320 {
 +
        min-height: 2320px
 +
      }
 +
      .laptop-minheight-2340 {
 +
        min-height: 2340px
 +
      }
 +
      .laptop-minheight-2360 {
 +
        min-height: 2360px
 +
      }
 +
      .laptop-minheight-2380 {
 +
        min-height: 2380px
 +
      }
 +
      .laptop-minheight-2400 {
 +
        min-height: 2400px
 +
      }
 +
      .laptop-width-percent-5 {
 +
        width: 5%
 +
      }
 +
      .laptop-width-percent-10 {
 +
        width: 10%
 +
      }
 +
      .laptop-width-percent-15 {
 +
        width: 15%
 +
      }
 +
      .laptop-width-percent-20 {
 +
        width: 20%
 +
      }
 +
      .laptop-width-percent-25 {
 +
        width: 25%
 +
      }
 +
      .laptop-width-percent-30 {
 +
        width: 30%
 +
      }
 +
      .laptop-width-percent-35 {
 +
        width: 35%
 +
      }
 +
      .laptop-width-percent-40 {
 +
        width: 40%
 +
      }
 +
      .laptop-width-percent-45 {
 +
        width: 45%
 +
      }
 +
      .laptop-width-percent-50 {
 +
        width: 50%
 +
      }
 +
      .laptop-width-percent-55 {
 +
        width: 55%
 +
      }
 +
      .laptop-width-percent-60 {
 +
        width: 60%
 +
      }
 +
      .laptop-width-percent-65 {
 +
        width: 65%
 +
      }
 +
      .laptop-width-percent-70 {
 +
        width: 70%
 +
      }
 +
      .laptop-width-percent-75 {
 +
        width: 75%
 +
      }
 +
      .laptop-width-percent-80 {
 +
        width: 80%
 +
      }
 +
      .laptop-width-percent-85 {
 +
        width: 85%
 +
      }
 +
      .laptop-width-percent-90 {
 +
        width: 90%
 +
      }
 +
      .laptop-width-percent-95 {
 +
        width: 95%
 +
      }
 +
      .laptop-width-percent-100 {
 +
        width: 100%
 +
      }
 +
      .laptop-width-percent-105 {
 +
        width: 105%
 +
      }
 +
      .laptop-width-percent-110 {
 +
        width: 110%
 +
      }
 +
      .laptop-width-percent-115 {
 +
        width: 115%
 +
      }
 +
      .laptop-width-percent-120 {
 +
        width: 120%
 +
      }
 +
      .laptop-width-percent-125 {
 +
        width: 125%
 +
      }
 +
      .laptop-width-percent-130 {
 +
        width: 130%
 +
      }
 +
      .laptop-width-percent-135 {
 +
        width: 135%
 +
      }
 +
      .laptop-width-percent-140 {
 +
        width: 140%
 +
      }
 +
      .laptop-width-percent-145 {
 +
        width: 145%
 +
      }
 +
      .laptop-width-percent-150 {
 +
        width: 150%
 +
      }
 +
      .laptop-width-percent-155 {
 +
        width: 155%
 +
      }
 +
      .laptop-width-percent-160 {
 +
        width: 160%
 +
      }
 +
      .laptop-width-percent-165 {
 +
        width: 165%
 +
      }
 +
      .laptop-width-percent-170 {
 +
        width: 170%
 +
      }
 +
      .laptop-width-percent-175 {
 +
        width: 175%
 +
      }
 +
      .laptop-width-percent-180 {
 +
        width: 180%
 +
      }
 +
      .laptop-width-percent-185 {
 +
        width: 185%
 +
      }
 +
      .laptop-width-percent-190 {
 +
        width: 190%
 +
      }
 +
      .laptop-width-percent-195 {
 +
        width: 195%
 +
      }
 +
      .laptop-width-percent-200 {
 +
        width: 200%
 +
      }
 +
      .laptop-width-percent-12 {
 +
        width: 12.5%
 +
      }
 +
      .laptop-width-percent-16 {
 +
        width: 16.66%
 +
      }
 +
      .laptop-width-percent-33 {
 +
        width: 33.33%
 +
      }
 +
      .laptop-width-percent-66 {
 +
        width: 66.66%
 +
      }
 +
      .laptop-width-5 {
 +
        width: 5px
 +
      }
 +
      .laptop-width-10 {
 +
        width: 10px
 +
      }
 +
      .laptop-width-20 {
 +
        width: 20px
 +
      }
 +
      .laptop-width-30 {
 +
        width: 30px
 +
      }
 +
      .laptop-width-40 {
 +
        width: 40px
 +
      }
 +
      .laptop-width-50 {
 +
        width: 50px
 +
      }
 +
      .laptop-width-60 {
 +
        width: 60px
 +
      }
 +
      .laptop-width-70 {
 +
        width: 70px
 +
      }
 +
      .laptop-width-80 {
 +
        width: 80px
 +
      }
 +
      .laptop-width-90 {
 +
        width: 90px
 +
      }
 +
      .laptop-width-100 {
 +
        width: 100px
 +
      }
 +
      .laptop-width-110 {
 +
        width: 110px
 +
      }
 +
      .laptop-width-120 {
 +
        width: 120px
 +
      }
 +
      .laptop-width-130 {
 +
        width: 130px
 +
      }
 +
      .laptop-width-140 {
 +
        width: 140px
 +
      }
 +
      .laptop-width-150 {
 +
        width: 150px
 +
      }
 +
      .laptop-width-160 {
 +
        width: 160px
 +
      }
 +
      .laptop-width-170 {
 +
        width: 170px
 +
      }
 +
      .laptop-width-180 {
 +
        width: 180px
 +
      }
 +
      .laptop-width-190 {
 +
        width: 190px
 +
      }
 +
      .laptop-width-200 {
 +
        width: 200px
 +
      }
 +
      .laptop-width-210 {
 +
        width: 210px
 +
      }
 +
      .laptop-width-220 {
 +
        width: 220px
 +
      }
 +
      .laptop-width-230 {
 +
        width: 230px
 +
      }
 +
      .laptop-width-240 {
 +
        width: 240px
 +
      }
 +
      .laptop-width-250 {
 +
        width: 250px
 +
      }
 +
      .laptop-width-260 {
 +
        width: 260px
 +
      }
 +
      .laptop-width-270 {
 +
        width: 270px
 +
      }
 +
      .laptop-width-280 {
 +
        width: 280px
 +
      }
 +
      .laptop-width-290 {
 +
        width: 290px
 +
      }
 +
      .laptop-width-300 {
 +
        width: 300px
 +
      }
 +
      .laptop-width-310 {
 +
        width: 310px
 +
      }
 +
      .laptop-width-320 {
 +
        width: 320px
 +
      }
 +
      .laptop-width-330 {
 +
        width: 330px
 +
      }
 +
      .laptop-width-340 {
 +
        width: 340px
 +
      }
 +
      .laptop-width-350 {
 +
        width: 350px
 +
      }
 +
      .laptop-width-360 {
 +
        width: 360px
 +
      }
 +
      .laptop-width-370 {
 +
        width: 370px
 +
      }
 +
      .laptop-width-380 {
 +
        width: 380px
 +
      }
 +
      .laptop-width-390 {
 +
        width: 390px
 +
      }
 +
      .laptop-width-400 {
 +
        width: 400px
 +
      }
 +
      .laptop-width-410 {
 +
        width: 410px
 +
      }
 +
      .laptop-width-420 {
 +
        width: 420px
 +
      }
 +
      .laptop-width-430 {
 +
        width: 430px
 +
      }
 +
      .laptop-width-440 {
 +
        width: 440px
 +
      }
 +
      .laptop-width-450 {
 +
        width: 450px
 +
      }
 +
      .laptop-width-460 {
 +
        width: 460px
 +
      }
 +
      .laptop-width-470 {
 +
        width: 470px
 +
      }
 +
      .laptop-width-480 {
 +
        width: 480px
 +
      }
 +
      .laptop-width-490 {
 +
        width: 490px
 +
      }
 +
      .laptop-width-500 {
 +
        width: 500px
 +
      }
 +
      .laptop-width-510 {
 +
        width: 510px
 +
      }
 +
      .laptop-width-520 {
 +
        width: 520px
 +
      }
 +
      .laptop-width-530 {
 +
        width: 530px
 +
      }
 +
      .laptop-width-540 {
 +
        width: 540px
 +
      }
 +
      .laptop-width-550 {
 +
        width: 550px
 +
      }
 +
      .laptop-width-560 {
 +
        width: 560px
 +
      }
 +
      .laptop-width-570 {
 +
        width: 570px
 +
      }
 +
      .laptop-width-580 {
 +
        width: 580px
 +
      }
 +
      .laptop-width-590 {
 +
        width: 590px
 +
      }
 +
      .laptop-width-600 {
 +
        width: 600px
 +
      }
 +
      .laptop-width-610 {
 +
        width: 610px
 +
      }
 +
      .laptop-width-620 {
 +
        width: 620px
 +
      }
 +
      .laptop-width-630 {
 +
        width: 630px
 +
      }
 +
      .laptop-width-640 {
 +
        width: 640px
 +
      }
 +
      .laptop-width-650 {
 +
        width: 650px
 +
      }
 +
      .laptop-width-660 {
 +
        width: 660px
 +
      }
 +
      .laptop-width-670 {
 +
        width: 670px
 +
      }
 +
      .laptop-width-680 {
 +
        width: 680px
 +
      }
 +
      .laptop-width-690 {
 +
        width: 690px
 +
      }
 +
      .laptop-width-700 {
 +
        width: 700px
 +
      }
 +
      .laptop-width-710 {
 +
        width: 710px
 +
      }
 +
      .laptop-width-720 {
 +
        width: 720px
 +
      }
 +
      .laptop-width-730 {
 +
        width: 730px
 +
      }
 +
      .laptop-width-740 {
 +
        width: 740px
 +
      }
 +
      .laptop-width-750 {
 +
        width: 750px
 +
      }
 +
      .laptop-width-760 {
 +
        width: 760px
 +
      }
 +
      .laptop-width-770 {
 +
        width: 770px
 +
      }
 +
      .laptop-width-780 {
 +
        width: 780px
 +
      }
 +
      .laptop-width-790 {
 +
        width: 790px
 +
      }
 +
      .laptop-width-800 {
 +
        width: 800px
 +
      }
 +
      .laptop-width-810 {
 +
        width: 810px
 +
      }
 +
      .laptop-width-820 {
 +
        width: 820px
 +
      }
 +
      .laptop-width-830 {
 +
        width: 830px
 +
      }
 +
      .laptop-width-840 {
 +
        width: 840px
 +
      }
 +
      .laptop-width-850 {
 +
        width: 850px
 +
      }
 +
      .laptop-width-860 {
 +
        width: 860px
 +
      }
 +
      .laptop-width-870 {
 +
        width: 870px
 +
      }
 +
      .laptop-width-880 {
 +
        width: 880px
 +
      }
 +
      .laptop-width-890 {
 +
        width: 890px
 +
      }
 +
      .laptop-width-900 {
 +
        width: 900px
 +
      }
 +
      .laptop-width-910 {
 +
        width: 910px
 +
      }
 +
      .laptop-width-920 {
 +
        width: 920px
 +
      }
 +
      .laptop-width-930 {
 +
        width: 930px
 +
      }
 +
      .laptop-width-940 {
 +
        width: 940px
 +
      }
 +
      .laptop-width-950 {
 +
        width: 950px
 +
      }
 +
      .laptop-width-960 {
 +
        width: 960px
 +
      }
 +
      .laptop-width-970 {
 +
        width: 970px
 +
      }
 +
      .laptop-width-980 {
 +
        width: 980px
 +
      }
 +
      .laptop-width-990 {
 +
        width: 990px
 +
      }
 +
      .laptop-width-1000 {
 +
        width: 1000px
 +
      }
 +
      .laptop-width-1010 {
 +
        width: 1010px
 +
      }
 +
      .laptop-width-1020 {
 +
        width: 1020px
 +
      }
 +
      .laptop-width-1030 {
 +
        width: 1030px
 +
      }
 +
      .laptop-width-1040 {
 +
        width: 1040px
 +
      }
 +
      .laptop-width-1050 {
 +
        width: 1050px
 +
      }
 +
      .laptop-width-1060 {
 +
        width: 1060px
 +
      }
 +
      .laptop-width-1070 {
 +
        width: 1070px
 +
      }
 +
      .laptop-width-1080 {
 +
        width: 1080px
 +
      }
 +
      .laptop-width-1090 {
 +
        width: 1090px
 +
      }
 +
      .laptop-width-1100 {
 +
        width: 1100px
 +
      }
 +
      .laptop-width-1110 {
 +
        width: 1110px
 +
      }
 +
      .laptop-width-1120 {
 +
        width: 1120px
 +
      }
 +
      .laptop-width-1130 {
 +
        width: 1130px
 +
      }
 +
      .laptop-width-1140 {
 +
        width: 1140px
 +
      }
 +
      .laptop-width-1150 {
 +
        width: 1150px
 +
      }
 +
      .laptop-width-1160 {
 +
        width: 1160px
 +
      }
 +
      .laptop-width-1170 {
 +
        width: 1170px
 +
      }
 +
      .laptop-width-1180 {
 +
        width: 1180px
 +
      }
 +
      .laptop-width-1190 {
 +
        width: 1190px
 +
      }
 +
      .laptop-width-1200 {
 +
        width: 1200px
 +
      }
 +
      .laptop-width-1210 {
 +
        width: 1210px
 +
      }
 +
      .laptop-width-1220 {
 +
        width: 1220px
 +
      }
 +
      .laptop-width-1230 {
 +
        width: 1230px
 +
      }
 +
      .laptop-width-1240 {
 +
        width: 1240px
 +
      }
 +
      .laptop-width-1250 {
 +
        width: 1250px
 +
      }
 +
      .laptop-width-1260 {
 +
        width: 1260px
 +
      }
 +
      .laptop-width-1270 {
 +
        width: 1270px
 +
      }
 +
      .laptop-width-1280 {
 +
        width: 1280px
 +
      }
 +
      .laptop-width-1290 {
 +
        width: 1290px
 +
      }
 +
      .laptop-width-1300 {
 +
        width: 1300px
 +
      }
 +
      .laptop-width-1310 {
 +
        width: 1310px
 +
      }
 +
      .laptop-width-1320 {
 +
        width: 1320px
 +
      }
 +
      .laptop-width-1330 {
 +
        width: 1330px
 +
      }
 +
      .laptop-width-1340 {
 +
        width: 1340px
 +
      }
 +
      .laptop-width-1350 {
 +
        width: 1350px
 +
      }
 +
      .laptop-width-1360 {
 +
        width: 1360px
 +
      }
 +
      .laptop-width-1370 {
 +
        width: 1370px
 +
      }
 +
      .laptop-width-1380 {
 +
        width: 1380px
 +
      }
 +
      .laptop-width-1390 {
 +
        width: 1390px
 +
      }
 +
      .laptop-width-1400 {
 +
        width: 1400px
 +
      }
 +
      .laptop-width-1410 {
 +
        width: 1410px
 +
      }
 +
      .laptop-width-1420 {
 +
        width: 1420px
 +
      }
 +
      .laptop-width-1430 {
 +
        width: 1430px
 +
      }
 +
      .laptop-width-1440 {
 +
        width: 1440px
 +
      }
 +
      .laptop-width-1450 {
 +
        width: 1450px
 +
      }
 +
      .laptop-width-1460 {
 +
        width: 1460px
 +
      }
 +
      .laptop-width-1470 {
 +
        width: 1470px
 +
      }
 +
      .laptop-width-1480 {
 +
        width: 1480px
 +
      }
 +
      .laptop-width-1490 {
 +
        width: 1490px
 +
      }
 +
      .laptop-width-1500 {
 +
        width: 1500px
 +
      }
 +
      .laptop-width-1510 {
 +
        width: 1510px
 +
      }
 +
      .laptop-width-1520 {
 +
        width: 1520px
 +
      }
 +
      .laptop-width-1530 {
 +
        width: 1530px
 +
      }
 +
      .laptop-width-1540 {
 +
        width: 1540px
 +
      }
 +
      .laptop-width-1550 {
 +
        width: 1550px
 +
      }
 +
      .laptop-width-1560 {
 +
        width: 1560px
 +
      }
 +
      .laptop-width-1570 {
 +
        width: 1570px
 +
      }
 +
      .laptop-width-1580 {
 +
        width: 1580px
 +
      }
 +
      .laptop-width-1590 {
 +
        width: 1590px
 +
      }
 +
      .laptop-width-1600 {
 +
        width: 1600px
 +
      }
 +
      .laptop-width-1610 {
 +
        width: 1610px
 +
      }
 +
      .laptop-width-1620 {
 +
        width: 1620px
 +
      }
 +
      .laptop-width-1630 {
 +
        width: 1630px
 +
      }
 +
      .laptop-width-1640 {
 +
        width: 1640px
 +
      }
 +
      .laptop-width-1650 {
 +
        width: 1650px
 +
      }
 +
      .laptop-width-1660 {
 +
        width: 1660px
 +
      }
 +
      .laptop-width-1670 {
 +
        width: 1670px
 +
      }
 +
      .laptop-width-1680 {
 +
        width: 1680px
 +
      }
 +
      .laptop-width-1690 {
 +
        width: 1690px
 +
      }
 +
      .laptop-width-1700 {
 +
        width: 1700px
 +
      }
 +
      .laptop-width-1710 {
 +
        width: 1710px
 +
      }
 +
      .laptop-width-1720 {
 +
        width: 1720px
 +
      }
 +
      .laptop-width-1730 {
 +
        width: 1730px
 +
      }
 +
      .laptop-width-1740 {
 +
        width: 1740px
 +
      }
 +
      .laptop-width-1750 {
 +
        width: 1750px
 +
      }
 +
      .laptop-width-1760 {
 +
        width: 1760px
 +
      }
 +
      .laptop-width-1770 {
 +
        width: 1770px
 +
      }
 +
      .laptop-width-1780 {
 +
        width: 1780px
 +
      }
 +
      .laptop-width-1790 {
 +
        width: 1790px
 +
      }
 +
      .laptop-width-1800 {
 +
        width: 1800px
 +
      }
 +
      .laptop-width-1810 {
 +
        width: 1810px
 +
      }
 +
      .laptop-width-1820 {
 +
        width: 1820px
 +
      }
 +
      .laptop-width-1830 {
 +
        width: 1830px
 +
      }
 +
      .laptop-width-1840 {
 +
        width: 1840px
 +
      }
 +
      .laptop-width-1850 {
 +
        width: 1850px
 +
      }
 +
      .laptop-width-1860 {
 +
        width: 1860px
 +
      }
 +
      .laptop-width-1870 {
 +
        width: 1870px
 +
      }
 +
      .laptop-width-1880 {
 +
        width: 1880px
 +
      }
 +
      .laptop-width-1890 {
 +
        width: 1890px
 +
      }
 +
      .laptop-width-1900 {
 +
        width: 1900px
 +
      }
 +
      .laptop-width-1910 {
 +
        width: 1910px
 +
      }
 +
      .laptop-width-1920 {
 +
        width: 1920px
 +
      }
 +
      .laptop-width-1930 {
 +
        width: 1930px
 +
      }
 +
      .laptop-width-1940 {
 +
        width: 1940px
 +
      }
 +
      .laptop-width-1950 {
 +
        width: 1950px
 +
      }
 +
      .laptop-width-1960 {
 +
        width: 1960px
 +
      }
 +
      .laptop-width-1970 {
 +
        width: 1970px
 +
      }
 +
      .laptop-width-1980 {
 +
        width: 1980px
 +
      }
 +
      .laptop-width-1990 {
 +
        width: 1990px
 +
      }
 +
      .laptop-width-2000 {
 +
        width: 2000px
 +
      }
 +
      .laptop-offset-top-pos-5 {
 +
        margin-top: 5px
 +
      }
 +
      .laptop-offset-top-pos-10 {
 +
        margin-top: 10px
 +
      }
 +
      .laptop-offset-top-pos-20 {
 +
        margin-top: 20px
 +
      }
 +
      .laptop-offset-top-pos-40 {
 +
        margin-top: 40px
 +
      }
 +
      .laptop-offset-top-pos-60 {
 +
        margin-top: 60px
 +
      }
 +
      .laptop-offset-top-pos-80 {
 +
        margin-top: 80px
 +
      }
 +
      .laptop-offset-top-pos-100 {
 +
        margin-top: 100px
 +
      }
 +
      .laptop-offset-top-pos-120 {
 +
        margin-top: 120px
 +
      }
 +
      .laptop-offset-top-pos-140 {
 +
        margin-top: 140px
 +
      }
 +
      .laptop-offset-top-pos-160 {
 +
        margin-top: -160px
 +
      }
 +
      .laptop-offset-top-pos-180 {
 +
        margin-top: 180px
 +
      }
 +
      .laptop-offset-top-pos-200 {
 +
        margin-top: 200px
 +
      }
 +
      .laptop-offset-top-neg-5 {
 +
        margin-top: -5px
 +
      }
 +
      .laptop-offset-top-neg-10 {
 +
        margin-top: -10px
 +
      }
 +
      .laptop-offset-top-neg-20 {
 +
        margin-top: -20px
 +
      }
 +
      .laptop-offset-top-neg-40 {
 +
        margin-top: -40px
 +
      }
 +
      .laptop-offset-top-neg-60 {
 +
        margin-top: -60px
 +
      }
 +
      .laptop-offset-top-neg-80 {
 +
        margin-top: -80px
 +
      }
 +
      .laptop-offset-top-neg-100 {
 +
        margin-top: -100px
 +
      }
 +
      .laptop-offset-top-neg-120 {
 +
        margin-top: -120px
 +
      }
 +
      .laptop-offset-top-neg-140 {
 +
        margin-top: -140px
 +
      }
 +
      .laptop-offset-top-neg-160 {
 +
        margin-top: -160px
 +
      }
 +
      .laptop-offset-top-neg-180 {
 +
        margin-top: -180px
 +
      }
 +
      .laptop-offset-top-neg-200 {
 +
        margin-top: -200px
 +
      }
 +
      .laptop-offset-bottom-pos-5 {
 +
        margin-bottom: 5px
 +
      }
 +
      .laptop-offset-bottom-pos-10 {
 +
        margin-bottom: 10px
 +
      }
 +
      .laptop-offset-bottom-pos-20 {
 +
        margin-bottom: 20px
 +
      }
 +
      .laptop-offset-bottom-pos-40 {
 +
        margin-bottom: 40px
 +
      }
 +
      .laptop-offset-bottom-pos-60 {
 +
        margin-bottom: 60px
 +
      }
 +
      .laptop-offset-bottom-pos-80 {
 +
        margin-bottom: 80px
 +
      }
 +
      .laptop-offset-bottom-pos-100 {
 +
        margin-bottom: 100px
 +
      }
 +
      .laptop-offset-bottom-pos-120 {
 +
        margin-bottom: 120px
 +
      }
 +
      .laptop-offset-bottom-pos-140 {
 +
        margin-bottom: 140px
 +
      }
 +
      .laptop-offset-bottom-pos-160 {
 +
        margin-bottom: 160px
 +
      }
 +
      .laptop-offset-bottom-pos-180 {
 +
        margin-bottom: 180px
 +
      }
 +
      .laptop-offset-bottom-pos-200 {
 +
        margin-bottom: 200px
 +
      }
 +
      .laptop-offset-bottom-neg-5 {
 +
        margin-bottom: -5px
 +
      }
 +
      .laptop-offset-bottom-neg-10 {
 +
        margin-bottom: -10px
 +
      }
 +
      .laptop-offset-bottom-neg-20 {
 +
        margin-bottom: -20px
 +
      }
 +
      .laptop-offset-bottom-neg-40 {
 +
        margin-bottom: -40px
 +
      }
 +
      .laptop-offset-bottom-neg-60 {
 +
        margin-bottom: -60px
 +
      }
 +
      .laptop-offset-bottom-neg-80 {
 +
        margin-bottom: -80px
 +
      }
 +
      .laptop-offset-bottom-neg-100 {
 +
        margin-bottom: -100px
 +
      }
 +
      .laptop-offset-bottom-neg-120 {
 +
        margin-bottom: -120px
 +
      }
 +
      .laptop-offset-bottom-neg-140 {
 +
        margin-bottom: -140px
 +
      }
 +
      .laptop-offset-bottom-neg-160 {
 +
        margin-bottom: -160px
 +
      }
 +
      .laptop-offset-bottom-neg-180 {
 +
        margin-bottom: -180px
 +
      }
 +
      .laptop-offset-bottom-neg-200 {
 +
        margin-bottom: -200px
 +
      }
 +
      .laptop-padding-vertical-5 {
 +
        padding-top: 5px;
 +
        padding-bottom: 5px
 +
      }
 +
      .laptop-padding-vertical-10 {
 +
        padding-top: 10px;
 +
        padding-bottom: 10px
 +
      }
 +
      .laptop-padding-vertical-15 {
 +
        padding-top: 15px;
 +
        padding-bottom: 15px
 +
      }
 +
      .laptop-padding-vertical-20 {
 +
        padding-top: 20px;
 +
        padding-bottom: 20px
 +
      }
 +
      .laptop-padding-vertical-25 {
 +
        padding-top: 25px;
 +
        padding-bottom: 25px
 +
      }
 +
      .laptop-padding-vertical-30 {
 +
        padding-top: 30px;
 +
        padding-bottom: 30px
 +
      }
 +
      .laptop-padding-vertical-35 {
 +
        padding-top: 35px;
 +
        padding-bottom: 35px
 +
      }
 +
      .laptop-padding-vertical-40 {
 +
        padding-top: 40px;
 +
        padding-bottom: 40px
 +
      }
 +
      .laptop-padding-vertical-45 {
 +
        padding-top: 45px;
 +
        padding-bottom: 45px
 +
      }
 +
      .laptop-padding-vertical-50 {
 +
        padding-top: 50px;
 +
        padding-bottom: 50px
 +
      }
 +
      .laptop-padding-vertical-55 {
 +
        padding-top: 55px;
 +
        padding-bottom: 55px
 +
      }
 +
      .laptop-padding-vertical-60 {
 +
        padding-top: 60px;
 +
        padding-bottom: 60px
 +
      }
 +
      .laptop-padding-vertical-65 {
 +
        padding-top: 65px;
 +
        padding-bottom: 65px
 +
      }
 +
      .laptop-padding-vertical-70 {
 +
        padding-top: 70px;
 +
        padding-bottom: 70px
 +
      }
 +
      .laptop-padding-vertical-75 {
 +
        padding-top: 75px;
 +
        padding-bottom: 75px
 +
      }
 +
      .laptop-padding-vertical-80 {
 +
        padding-top: 80px;
 +
        padding-bottom: 80px
 +
      }
 +
      .laptop-padding-vertical-85 {
 +
        padding-top: 85px;
 +
        padding-bottom: 85px
 +
      }
 +
      .laptop-padding-vertical-90 {
 +
        padding-top: 90px;
 +
        padding-bottom: 90px
 +
      }
 +
      .laptop-padding-vertical-95 {
 +
        padding-top: 95px;
 +
        padding-bottom: 95px
 +
      }
 +
      .laptop-padding-vertical-100 {
 +
        padding-top: 100px;
 +
        padding-bottom: 100px
 +
      }
 +
      .laptop-padding-horizontal-5 {
 +
        padding-left: 5px;
 +
        padding-right: 5px
 +
      }
 +
      .laptop-padding-horizontal-10 {
 +
        padding-left: 10px;
 +
        padding-right: 10px
 +
      }
 +
      .laptop-padding-horizontal-15 {
 +
        padding-left: 15px;
 +
        padding-right: 15px
 +
      }
 +
      .laptop-padding-horizontal-20 {
 +
        padding-left: 20px;
 +
        padding-right: 20px
 +
      }
 +
      .laptop-padding-horizontal-25 {
 +
        padding-left: 25px;
 +
        padding-right: 25px
 +
      }
 +
      .laptop-padding-horizontal-30 {
 +
        padding-left: 30px;
 +
        padding-right: 30px
 +
      }
 +
      .laptop-padding-horizontal-35 {
 +
        padding-left: 35px;
 +
        padding-right: 35px
 +
      }
 +
      .laptop-padding-horizontal-40 {
 +
        padding-left: 40px;
 +
        padding-right: 40px
 +
      }
 +
      .laptop-padding-horizontal-45 {
 +
        padding-left: 45px;
 +
        padding-right: 45px
 +
      }
 +
      .laptop-padding-horizontal-50 {
 +
        padding-left: 50px;
 +
        padding-right: 50px
 +
      }
 +
      .laptop-padding-horizontal-55 {
 +
        padding-left: 55px;
 +
        padding-right: 55px
 +
      }
 +
      .laptop-padding-horizontal-60 {
 +
        padding-left: 60px;
 +
        padding-right: 60px
 +
      }
 +
      .laptop-padding-horizontal-65 {
 +
        padding-left: 65px;
 +
        padding-right: 65px
 +
      }
 +
      .laptop-padding-horizontal-70 {
 +
        padding-left: 70px;
 +
        padding-right: 70px
 +
      }
 +
      .laptop-padding-horizontal-75 {
 +
        padding-left: 75px;
 +
        padding-right: 75px
 +
      }
 +
      .laptop-padding-horizontal-80 {
 +
        padding-left: 80px;
 +
        padding-right: 80px
 +
      }
 +
      .laptop-padding-horizontal-85 {
 +
        padding-left: 85px;
 +
        padding-right: 85px
 +
      }
 +
      .laptop-padding-horizontal-90 {
 +
        padding-left: 90px;
 +
        padding-right: 90px
 +
      }
 +
      .laptop-padding-horizontal-95 {
 +
        padding-left: 95px;
 +
        padding-right: 95px
 +
      }
 +
      .laptop-padding-horizontal-100 {
 +
        padding-left: 100px;
 +
        padding-right: 100px
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1025px) {
 +
      .event {
 +
        display: flex
 +
      }
 +
      .wrapper-events .views-row {
 +
        width: 25%;
 +
        border-left: 0;
 +
        border-top: 0
 +
      }
 +
      .wrapper-events .views-row:nth-child(-n+4) {
 +
        border-top: #e6e6e6 1px solid
 +
      }
 +
      .wrapper-events .views-row:nth-child(4n+1) {
 +
        border-left: #e6e6e6 1px solid
 +
      }
 +
    }
 +
 +
    @media only screen and (min-width:1280px) {
 +
      .field-name-field-gallery-items .field-item {
 +
        width: 20%
 +
      }
 
     }
 
     }
 
   </style>
 
   </style>
Line 156: Line 18,658:
 
</div>
 
</div>
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
 +
 
</html>
 
</html>

Revision as of 13:08, 13 October 2017