/*
Theme Name: Thing Trunk 2
Theme URI: http://thingtrunk.com
Author: Thing Trunk
Author URI: http://thingtrunk.com
Description: Thing Trunk Wordpress Theme
Version: 2.0.9
License: Thing Trunk
*/

.js--inputErrorLabel {

  width: 36px;

  text-indent: -9999px;

  background: url('images/ic_error_outline.svg') center center no-repeat;
}

.js--inputErrorLabel.js--appear {
  animation: tada .8s .4s linear both;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -10deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 10deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -10deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rotate {

  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}

html {
    width:100%;
    height: 100%;
    background-color: #000;
    overflow-x: hidden;
}

/* Preload */
/*html::before {
    content: url('images/loader.svg');
}*/

/* MY body is ready */
/* Overlay */
@keyframes fadeOut {
    0% { opacity: 1.0; }
    100% { opacity: 0.0; }
}
.js body.load::before,
.js body.load:before {
    pointer-events: none;
    opacity: 0;
    animation: fadeOut 2s cubic-bezier(1,.14,.38,.77);
    animation-iteration-count: 1;
}

.js body::before,
.js body:before {
    will-change: opacity;
    content: "";
    background-color: #000;
    position: fixed;
    top: 0;bottom: 0;left: 0;right: 0;
    opacity: 1;
    z-index: 5;
}


/*Spinner*/
@keyframes appear {
    0% {transform:scale(0);}
    50% {transform:scale(1.1);}
    100% {transform:scale(1);}
}
@keyframes spin {
    2% {
        transform: rotate(0deg) scale(1);
    }
    100% {
        transform: rotate(5000deg) scale(1);
    }
}
.js body.load::after,
.js body.load:after {
    pointer-events: none;
    opacity: 0;
}
.js body::after,
.js body:after {
    opacity: 1;
    will-change: transform;
    z-index: 6;
    content: url('images/loader.svg');
    width: 64px;
    height: 64px;
    top: 50%;
    right: 50%;
    margin-top: -32px;
    margin-right: -32px;
    position: fixed;
    /*animation: spin 5s cubic-bezier(1,.14,.38,.77);*/
    /*transform: scale(0) rotate(0);*/
    animation: appear .6s cubic-bezier(1,.14,.38,.77), spin 10s linear;
    animation-iteration-count: 1, infinite;
    animation-delay: 0s, .6s;
}

.js body.ready::before,
.js body.ready:before,
.js body.ready::after,
.js body.ready:after {
    content: none;
}

body {
    top:0px;
    position: absolute;
    width:100%;
    height: auto;
    background-color: #000;
    background-image: url('images/bg.png');
    background-position: center;
    background-repeat: repeat-y;
    font-family: 'Roboto', sans-serif;
}

/* body.home {
} */

.scroll-cover {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  pointer-events: auto !important;
  z-index: 10000;
}

.allLayers {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.layers {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    min-height: 500px;
    background-position: top 0px center;
    background-repeat: no-repeat;
    overflow: hidden;
    font-size:0px;
    /*
    -webkit-transform-style: preserve-3d;
    -webkit-transform:translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    */
}

.layers > * {
    /*display:none;  */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

header {
    background-color: rgba(0,3,9,0.9);
    border-top:1px solid #1A1D22;
    font-size:0px;
    width:100%;
    position: absolute;
    top:42px;
    text-transform: uppercase;
    z-index: 3;
    text-align: center;
    box-sizing: border-box;
}

header > .container {
    display: inline-block;
    width:100%;
    max-width: 1230px;
    text-align: right;
    position: relative;
    /*
    right: 30px;
    margin-left:30px;
    */
}

header > .container > .logo {
    position: absolute;
    left: 30px;
    top:-25px;
    /*background-image: url('images/logo.png');*/
    width:136px;
    height: 174px;
    padding: 0px;
    background-repeat: no-repeat;
    display: block;
    z-index: 2;
    transition: all 0.3s ease-out !important;
}

header > .container > .logo.sticky {
    left: -40px;
    width:320px;
    height: 72px;
    background-position: 0px;
    top:0px;
    transition: all 0.3s ease-in !important;
    z-index: 1;
    opacity: 0;
}

header > .container > .logo.sticky:hover {
    background-position: -5px;
}

header.sticky > .container > .logo {
    top:-200px;
}

header.sticky > .container > .logo.sticky {
    top: 0px;
    opacity: 1;
    transition: all 0.3s ease-out !important
}

/*
header.sticky > .container > .logo {
    left: -40px;
    top:0px;
    background-image: url('images/logo-sticky.png') !important;
    width:280px;
    height: 72px;
    background-position: 0px;
    transition: all 0.3s ease-in !important
}

header.sticky > .container > .logo:hover {
    margin-top: 0px !important;
    background-position: -5px;
}
*/

/* trunk animation */

#trunk-animation {
    width: 87px;
    height: 69px;
    background-image: url('images/trunk-animation.png');
        background-repeat: no-repeat;
    position:absolute;
    z-index:0;
        left:25px;
        top:15px;
}

#trunk-eyes {
    width: 43px;
    height: 15px;
    background: transparent url('images/trunk-eyes-animation.png');
    position:absolute;
    left:26px;
    top:29px;
    display: none;
    cursor:pointer;
    background-repeat:no-repeat;
}


#trunk-eyes .blink {
    position:absolute;
    background:#000;
    display:none;
        border-radius: 100%;
}

#trunk-eye-left {
    width: 14px;
    height: 7px;
    top: 4px;
}

#trunk-eye-middle {
    width: 15px;
    height: 7px;
    left: 15px;
    top: 1px;
}

#trunk-eye-right {
    width: 10px;
    height: 6px;
    right: 1px;
    top: -1px;
}

header > .container > .buttons {
    display: block;
    position: relative;
    overflow: hidden;
    height: 72px;
    transition: height 0.3s ease-out;
}

header > .container > .buttons > * {
    display: inline-block;
    white-space: nowrap;
}


header > .container > .buttons > ul {
    padding-right:25px;
    /*padding-left:180px;*/
    white-space: nowrap;
}

header > .container > .buttons >  ul > li {
    position: relative;
    display: inline-block;
    padding:0px 11px;
    height: 72px;
    line-height: 72px;

}

header > .container > .buttons >  ul > li a {
    color:#fff;
    letter-spacing: 1px;
    padding: 0px;
    font-weight: 500;
    font-size: 17px;
    transition: text-shadow .2s ease-in;
}

header > .container > .buttons >  ul > li a:hover,
header > .container > .buttons >  ul > li.current_page_item a {
    text-shadow: 0px 0px 10px rgba(115, 184, 222, 0.85);
}

header > .container > .buttons > .icons {
    float:right;
}

header > .container > .buttons > .icons > .icon {
    display: inline-block;
    position: relative;
    height: 72px;
    line-height: 72px;
    border-left:1px solid #26292E;
    padding:0px 34px;
    background-repeat: no-repeat;
    background-position: center;
    color:#fff;
    background-size: 24px;
    transition: opacity .2s ease-in, background-size .1s linear;
    cursor: pointer;
}

header > .container > .buttons > .icons > .icon:hover {
    /*opacity: 0.6;*/
    background-size: 28px;
}

header > .container > .buttons > .icons > .icon:last-child {
    border-right:1px solid #26292E;
}

header > .container > .buttons > .icons > .icon.search {
    background-image: url('images/icon-search.png');
}

header > .container > .buttons > .icons > .icon.menu {
    background-image: url('images/icon-menu.png');
    display: none;
    border-left: 0px;
    /*opacity: 1.0 !important;*/
}

header > .container > .buttons.active > .icons > .icon.menu {
    background-image: url('images/icon-close.png')
}

header.mobile > .container > .buttons > ul {
    position: relative;
    margin-right:-69px;
    margin-top:72px;
    padding-bottom:10px;
    border-right:1px solid #26292E;
    padding-right: 12px;
}

header.mobile > .container > .buttons > ul > li {
    display: block;
    line-height: 35px;
    height: 35px;
}

header.mobile > .container > .buttons > .icons > .icon.menu {
    display: inline-block;
}


header.mobile > .container > .buttons.active {
    transition: height 0.3s ease-in;
}


/* Header Search */
header .searchForm {
    height: 0px;
    width:360px;
    position: absolute;
    right: 0px;
    top:72px;
    background: #fff url('images/shadow.png') repeat-x top;
    opacity: 0;
    transition: all 0.25s;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.6);
}

header .searchForm .inputs {
    height: 100%;
    width:100%;
    box-sizing:border-box;
    border:1px solid #E5E5E5;

    overflow: hidden;
    background-color: #fff;
    display: block;
    position: relative;
}

header .searchForm input[type=text]{
    color:#AAAAAA;
    border:none;
    width: 100%;
    height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size:15px;
    font-weight: 500;
    padding-right:21px;
    box-sizing: border-box;
    padding:0px 15px;
}

header .searchForm input[type=submit] {
    position: absolute;
    border:0px;
    width: 36px;
    height: 100%;
    right:0px;
    background: #fff url('images/icon-search2.png') no-repeat center;
    opacity: 0.5;
    transition: opacity .2s ease-in;
}

header .searchForm input[type=submit]:hover {
    opacity: 1;
}

header .searchForm.active {
    opacity: 1;
    height: 64px;
    padding: 14px;
}

select::-ms-expand {
    display: none;
}

#main {
    width:100%;
    z-index: 2;
    position: relative;
}

#main > .container {
    width:100%;
    max-width: 1200px;
    margin:auto;
    /*text-align: center;*/
    position: relative;
    margin-top:361px;
    padding:0px 30px;
    box-sizing:border-box;
}

/* author, why? */
/*article.post {
    text-align: center;
}*/

#carousel {
    margin: 0px auto 32px auto;
    width: 100%;
    max-width: 970px;
    position: relative;
    box-sizing: border-box;
    font-size:0px;
    /*background-image: url('images/ad-shadow.png');*/
    background-position: top center;
    background-repeat: no-repeat;
    padding:5px 25px 28px 25px;
}

#carousel img {
    width:100%;
    height: auto;

}

#carousel .carouselSlider {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-sizing: border-box;
    position: relative;
    height: auto !important;
    width:100% !important;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    transition: all 0.2s ease-in;
    bottom:0px;
}

#carousel:hover .carouselSlider {
    -webkit-box-shadow: 0px 15px 5px 5px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 15px 5px 5px rgba(0,0,0,0.28);
    box-shadow: 0px 15px 5px 5px rgba(0,0,0,0.28);
}

#carousel .carouselShadow {
    background-image: url('images/additional-shadow-bottom.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    height: 28px;
    bottom:0px;
    display:block;
    max-width: 920px;
    margin: auto;
    box-sizing: border-box;
    right:25px;
    left:25px;
    transition: bottom 0.2s ease-in;
}

#carousel:hover .carouselSlider,
#carousel:hover .carouselShadow {
    bottom: 6px;
}

#carousel:hover .carousel-rt,
#carousel:hover .carousel-rb {
    opacity: 0;
}

#carousel .carousel-rt {
    background-image: url('images/banner-rt.png');
    width:142px;
    height:161px;
    position: absolute;
    top:-41px;
    right:-41px;
    z-index: 1;

    opacity:1;
    transition: opacity 0.3s ease-out;

}

#carousel .carousel-rb {
    background-image: url('images/banner-rb.png');
    width:133px;
    height:84px;
    position: absolute;
    bottom:13px;
    right:14px;
    z-index: 1;

    opacity:1;
    transition: opacity 0.3s ease-in-out;

}

#carousel .carouselSlider ul { height: auto !important;}
#carousel .carouselSlider li { list-style: none; }
#carousel .carouselSlider ul li { float: left; position: relative;}

#carousel .caption {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: left;
    width:60%;
    color:#fff;
    box-sizing: border-box;
}

#carousel .caption h1 {
    font-size:26px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom:15px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.84);
}

#carousel .caption h1 a {
    color:#fff;
}

#carousel .caption p {
    font-size:16px;
    line-height: 22px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.84);
}

#carousel .caption p a {
    color:#fff;
}

/*
#carousel .caption p a:hover {
    color:#fff;
}
*/

#carousel .dots{
    position: absolute;
    left: 30px;
    right: 30px;
    top: 30px;
    text-align: left;
}

#carousel .dots li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    text-indent: -999em;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

#carousel .dots li.active {
    background: #fff;
}

#carousel .dots li:hover {
    opacity: 0.8;
}

#carousel .carouselBar {
    width:0px;
    height:6px;
    position:absolute;
        bottom:0px;
        background:gray;
        opacity: 0;
        transition: opacity .5s;
}

#carousel:hover .carouselBar {
    opacity: 0.4;
}

#underground {
    position: absolute;
    width: 100%;
    height: 100%;
    /*
    background-image: url('images/underground-stuff.png');
    background-repeat: repeat-y;
    background-position: top 500px center;
    background-clip: content-box;
    background-size: contain;
    */
    overflow: hidden;
    max-width:3139px;
    margin:0px auto 200px auto;
}

#content figure {
    margin: 1em auto;
}

#content {
    /*height: 1500px;*/
    position: relative;
    white-space: nowrap;
    font-size:0px;
}

#content > * {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    font-size:15px;
    vertical-align: top;
    margin-bottom:30px;
}

#content .column-left {
    width: 66%;
}

#content .post {
    margin-bottom:30px;
    background-color:#FFFFFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
}

#content .post .head {
    position: relative;
}

#content .post .head img {
    width:100%;
    height: auto;
}

#content .post .author {
    position: absolute;
    width:100%;
    text-align: center;
    display: block;
    text-decoration: none;
}

#content .post .author .avatar {
    position: relative;
    left:50%;
    margin:-50px 0 0 -50px;
    height: 100px;
    width:100px;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

#content .post .author .avatar img {
    position: relative;
    top:5px;
    height:90px;
    width:90px;
    border-radius: 100%;
    background-color: #A79693;
    overflow: hidden;
    transition: opacity 0.2s ease-in;
}

#content .post .author:hover .avatar img {
    opacity:0.8;
}

#content .post .author .name {
    position: relative;
    top:10px;
    color: black;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size:13px;
    transition: color 0.2s ease-in;
}

#content .post .author:hover .name {
    color:#1A3A65;
}

#content .post .body {
    margin-top:70px;
    padding:28px 38px;
    white-space: normal;
}

#content .post .body h2,
#content .page .body h2 {
    margin-bottom:10px;
    text-align: center;
}

#content .post .body h3,
#content .page .body h3 {
    margin-bottom: .5em;
    font-size: 24px;
    text-align: left;
}
#content .post h3,
#content .page h3 {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
    letter-spacing: 1px;
    color: #515151;
}

#content .post .body h2 a,
#content .page .body h2 a {
    font-weight: 500;
    color:#323232;
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: 2px;
    text-decoration: none;
    transition: color 0.2s ease-in;
}

#content .post .body h2:hover a,
#content .page .body h2:hover a {
    color: #193A65;
}

#content .post .body h4,
#content .page .body h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom:20px;
    letter-spacing: 1px;
    text-align: left;
}

#content .post .body .info,
#content .page .body .info {
    text-align: center;
    text-transform: uppercase;
    font-size:12px;
    letter-spacing: 1px;
    margin-bottom:24px;
    color: #7F8BA3;
}

#content .post .body .info a,
#content .page .body .info a {
    color: #7F8BA3;
    text-decoration: none;
    white-space: nowrap;
}

#content .post .body p,
#content .page .body p {
    color: inherit;
    line-height: 22px;
    text-align: justify;
    margin-bottom: 30px;
}

#content .body .content-column img {
  width: 100%;
  height: auto;
}

#content .body img,
#content .body video {
    max-width: 100%;
    height: auto;
}

#content .post .body .simpletable {
    display:table;
    width:100%;
    margin-bottom:30px;
}

#content .post .body .simpletable > * {
    display:table-cell;
    vertical-align: middle;
}

#content .post .body .simpletable > *:first-child {
    text-align: left;
    width:60%;
}

#content .post .body .simpletable > *:last-child {
    text-align: right;
    width:40%;
}

#content .post .body .simpletable > * > * {
    display:inline-block;
}

#content .post .body ul,
#content .page .body ul {
    list-style-type: disc;
    margin: 1em 0 1em 2em;
}

#content .post .body li,
#content .page .body li {
    line-height: 1.618;
}

/*
#content .page .body p + p {
    margin-top:-15px;
}
*/

#content .loadmore {
    padding: 13px 30px;
    background-color: #fff;
    color:#000000;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin:50px auto 30px auto;
    font-weight:500;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-sizing: border-box;
    width:200px;
    opacity: 1.0;
    transition: opacity 0.2s ease-in, width 1.5s ease-out;
    text-align: center;
}

#content .loadmore:hover {
    opacity: 0.85;
}

#content .loadmore.inactive {
    background-color: #494949;
    cursor: default;
    opacity: 0.85;
}

#content .loadmore:hover.inactive {
   opacity: 0.85;
}

#content .loadmore span {
    font-weight: 700;
    font-size:16px;
    margin-right:5px;
    line-height: 16px;
}


#content .page {
    margin-bottom:30px;
    background-color:#FFFFFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
}

#content .page .head {
    position: relative;
}

#content .page .head img {
    width:100%;
    height: auto;
}

#content .page .body {
    padding:28px 38px;
    white-space: normal;
    /*text-align: left;*/
    position: relative;
}

#content .page h1 {
    margin-bottom:25px;
    font-weight: 500;
    color:#323232;
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: 2px;
    text-align: center;
}

#content .page h2 {
    margin-bottom:25px;
    color:#515151;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    text-align: left;
    transition: color .2s ease-in;
}

#content .page h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom:20px;
    letter-spacing: 1px;
}

#content .page h4 > span {
    color:gray;
}

#content form + h4 {
    margin-top:20px;
}

#content .column-right label.info.error {
    color:red
}

#content .column-right input[type=text] + label,
#content .column-right input[type=email] + label{
    position: absolute;
    left:0px;
    top:45px;
    color:#fff;
    font-size:11px;
}

#content .page ul {
    margin-bottom:20px;
}

#content .page ul li {
    /* display: block;
    margin-left:5px;
    margin-bottom:0px;
    background-image: url('images/list-style.png');
    background-position: top 7px left;
    background-position-x: 0%;
    background-position-y: 45%;
    background-repeat: no-repeat;
    padding-left: 15px;
    font-size:15px;
    line-height: 25px; */
}

#content .page ul.email_archive {
    margin-bottom:0px;
}

#content .page ul.email_archive li {
    display: inline-block;
    width:20%;
    margin-bottom:20px;
    background-image: url('images/list-style.png');
    background-position: top 7px left;
    background-position-x: 0%;
    background-position-y: 45%;
    background-repeat: no-repeat;
    padding-left: 15px;
    font-size:14px;
}

#content .page ul.email_archive li > * {
    display: block;
    line-height: 20px;
}

#content .page ul.email_archive li > *:last-child {
    color: #bcbfc0;
}

#content .page a,
#content .post a {
    color: #46618C;
    text-decoration: underline;
    transition: color 0.2s ease-in;
}

#content .page a:hover,
#content .post a:hover {
    color: #3979ce;
}

#content .page p {
    color:#323232;
    line-height: 22px;
    text-align: justify;
    margin-bottom:20px;
}

/*
#content .page p + p {
    margin-top:-15px;
}
*/

#content .page .body > *:last-child {
    margin-bottom:0px !important;
}

/**
 * ========================================================================================================================================/
 * BASE FORM ELEMENTS
 * ========================================================================================================================================/
 */

form {
    clear: both;
    overflow: auto;
}

form * {
    /*
    Proper box model for every descendant node
     */
    box-sizing: border-box;
}

textarea {
    padding: 10px 10px;
    border: 1px solid #E5E5E5;
}

input[type='text'],
input[type='email'],
select {
    padding: 0 10px;
    height: 34px;
    border: 1px solid #E5E5E5;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-image: url('images/icon-arrowdown2.png');
    background-position: right 10px center;
    background-position-x: 98%;
    background-position-y: 45%;
    transition: background-position-x .3s ease;
}

/* move the arrow right in case of an error */
.js--inputErrorLabel + select {
  background-position-x: 93%;
}

@media screen and (max-width: 900px) {
    /*Bigger touch targets*/
/*    input[type='text'],
    input[type='submit'],
    input[type='email'],
    select {
        height: 64px;
    }*/
}

/**
 * Page specific forms should target column-left only
 */

/**
 * ========================================================================================================================================/
 * SNEAK PEAK FORM
 * ========================================================================================================================================/
 */

.sneak-peek .column-left form {
    margin-top: 3em;
    margin-bottom: 3em;
}

.sneak-peek .column-left form div {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.sneak-peek .column-left label,
.sneak-peek .column-left legend {
    width: 25%; /*relative to form*/
    float: left; /* sets consistent row height */
    padding-right: 2%;
    line-height: 34px;
    text-align: right;
}

.sneak-peek .column-left input[type='text'],
.sneak-peek .column-left select {
    float: right;
    width: 75%;
}

.sneak-peek .column-left .checkboxes {
    width: 75%;
    margin-bottom: 0;
}

.sneak-peek .column-left fieldset div {
    padding-left: 0;
    width: 33%;
    clear: none;
    float: left;
}

.sneak-peek .column-left fieldset label { /* checkbox label */
    padding-left: 2em;
    width: auto;
    text-align: left;
}

.sneak-peek .column-left input[type='submit'] {
    float: right;
    width: 75%;
    border-radius: 2px;
    margin: 1em 0;
}

.sneak-peek .column-left form small {
    text-align: center;
    float: right;
    width: 75%;
    font-size: 10px;
    line-height: 1;
    padding: 0 15%;
    margin-bottom: 10px; /*  */
}

@media screen and (max-width: 1010px) and (min-width: 900px) {
    .sneak-peek .column-left fieldset div {
        width: 50%;
    }
}

@media screen and (max-width: 720px) {
    .sneak-peek .column-left label,
    .sneak-peek .column-left legend {
        width: 100%; /*relative to form*/
        text-align: left;
    }
    .sneak-peek .column-left input[type='text'],
    .sneak-peek .column-left select {
        width: 100%;
    }
    .sneak-peek .column-left fieldset div {
        width: 25%;
    }
    .sneak-peek .column-left .checkboxes {
        width: 100%;
    }
    .sneak-peek .column-left input[type='submit'],
    .sneak-peek .column-left form small {
        width: 100%;
    }
}

@media screen and (max-width: 720px) {
    .sneak-peek .column-left fieldset div {
        width: 33%;
    }
}

@media screen and (max-width: 550px) {
    .sneak-peek .column-left fieldset div {
        width: 50%;
    }
}

@media screen and (max-width: 410px) {
    .sneak-peek .column-left fieldset div {
        width: 100%;
    }
    .sneak-peek .column-left fieldset div label {
        line-height: 20px;
    }
}

/**
 * ========================================================================================================================================/
 * NEWSLETTER FORM
 * ========================================================================================================================================/
 */

.newsletter .column-left form {
  position: relative;
  overflow: hidden;
}

.newsletter .column-left input[type='text'] {
    float: left;
    width: 72.5%;
    margin-right: 2.5%;
}

.newsletter .column-left input[type='submit'] {
    float: left;
    width: 25%;
}

.column-left .js--inputErrorLabel {
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;

}

.newsletter .column-left .js--inputErrorLabel {
  right: 28%; /* FIXME: Magic Number */
}

@media screen and (max-width: 600px) {
    .newsletter .column-left input[type='text'],
    .newsletter .column-left input[type='submit'] {
        width: 100%;
    }

    .newsletter .column-left input[type='text'] {
        margin-bottom: 15px;
    }

    .column-left .js--inputErrorLabel {
      bottom: auto;
      right: 0;
      height: 40%;
    }
}


/**
 * ========================================================================================================================================/
 * PRESS KIT FORM
 * ========================================================================================================================================/
 */

.press-kit form {
  overflow: hidden;
}

.press-kit form .input-wrapper {
  position: relative;
  margin-bottom: 15px;
}

.press-kit .column-left input {
    width: 100%;
}

.press-kit .column-left input[type='submit'] {
    width: 25%;
    float: left;
}

@media screen and (max-width: 600px) {
    .press-kit .column-left input[type='text'],
    .press-kit .column-left input[type='text'] + input[type='text'] + input[type='text'],
    .press-kit .column-left input[type='submit'] {
        width: 100%;
    }
}

/**
 * ========================================================================================================================================/
 * CONTACT FORM
 * ========================================================================================================================================/
 */

.contact .column-left form div {
    overflow: auto;;
    margin-bottom: 15px;
}

.contact .column-left input[type='text'],
.contact .column-left input[type='email'],
.contact .column-left select,
.contact .column-left textarea {
    width: 85%;
    float: left;
}

.contact .column-left label {
    width: 15%; /*relative to form*/
    float: left; /* sets consistent row height */
    padding-right: 2%;
    line-height: 34px;
    text-align: right;
}

.contact .column-left input[type='submit'] {
    width: 85%;
    float: right;
}

.contact .column-left form .wpcf7-response-output {
    position: absolute;
    text-indent: -10000px;
    border: none;

}

.contact .column-left form .wpcf7-not-valid-tip {
    line-height: 17px;
    font-size: 10px;
    text-transform: uppercase;
    color: white;
    background-color: #B56A63;
    border-radius: 0 0 5px 5px;
    width: 20em;
    text-align: center;
    box-shadow: 0px 1px 3px 0px #ABABAB;
    position: absolute;
    right: 4em;
}

.contact .column-left .ajax-loader {
    position: relative;
    top: 10px;
    float: right;
    margin-right: 1em;
}

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

    .contact .column-left input[type='text'],
    .contact .column-left input[type='email'],
    .contact .column-left select,
    .contact .column-left textarea {
        width: 100%;
    }

    .contact .column-left label {
        width: 100%;
        text-align: left;
    }

    .contact .column-left input[type='submit'] {
        width: 100%;
        float: left;
    }

    .contact .column-left .ajax-loader {
        display: none;
    }

    .contact .column-left form .wpcf7-not-valid-tip {
        border-radius: 5px;
        right: 0;
        bottom: -24px;
    }

}

/**
 * ========================================================================================================================================/
 * SEARCH FORM
 * ========================================================================================================================================/
 */

#content .page form.searchForm input[type=text] {
    background-image: url('images/icon-search2.png');
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding-left:32px;
    background-size: 12px;
    float: left;
    width: 72.5%;
    margin-right: 2.5%;
}

#content .page form.searchForm input[type=submit] {
    float: left;
    width: 25%;
}

#content .page .body .info {
    text-transform: uppercase;
    font-size:12px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-bottom:24px;
    text-align: center;
    color: #7F8BA3;
}

/*
#content .page .body .info:last-child {
    margin-bottom:0px;
}
*/
#content .page .body > * + h1 {
    margin-top:50px;
}

#content .page .body h1 + .info {
    margin-top:-17px;
}

#content .page .body h4 + .info {
    margin-top:-7px;
    text-align: left;
}

#content .page .body h4 + .info > * {
    margin-right:10px;
    white-space: nowrap;
}

#content .page .body h4 + p {
    margin-top: -10px;
}

#content .page .body > * + h4 {
    margin-top:30px;
}

#content .page .body .sortby.active,
#content .page .body .searchby.active {
    font-weight: bold;
}

#content .body .postlist {
    display: table;
    margin-bottom:10px;
}

#content .body .postlist > * {
    display: table-row;
}

#content .body .postlist > * > * {
    display: table-cell;
    vertical-align: top;
    padding-bottom:20px;
}

#content .body .postlist .image {
    position: relative;
}

#content .body .postlist .image img {
    width:100%;
    opacity: 0;
}

#content .body .postlist .image a {
    width:100%;
    height: 124px;
    /*
    min-height:110px;
    position: absolute;
    top: 0px;
    bottom: 20px;
    */
    display: block;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#content .body .postlist > * > *:first-child {
    width:35%;
    overflow: hidden;
    box-sizing: border-box;
}

#content .body .postlist > * > *:last-child {
    width:65%;
    padding-left:20px;
}

#content .body .postlist h4 {
    margin-bottom:13px;
}

#content .body .postlist h4 a {
    color: #323232;
    text-decoration: none;
}

#content .body .postlist h4 + .info a {
    margin-right:0px;
    text-decoration: none;
}

#content .body .postlist p {
    font-size:13px;
    line-height: 20px;
    margin-bottom:0px;
}

#content .body .postlist .info {
    margin-bottom:5px;
    text-align: left;
}

#content .page .body.arrow:before {
    content: '';
    display: inline-block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}

.betaCounter {
    text-align: center;
    letter-spacing: 2px;
    background-color: #2E2E2E;
    color:#fff;
    display: inline-block;
    padding:5px 5px;
}

.betaCounter span {
    text-align: center;
    letter-spacing: 2px;
    background-color: #484848;
    color:#fff;
    display: inline-block;
    font-size:45px;
    padding:5px 10px;
    margin:5px 5px;

}

.betaCounter h5 {
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    font-size:18px;
    padding:5px 10px;
}

#content .faqlist {
    margin-bottom:20px;
}

#content .faqlist > *:last-child {
    margin-bottom:0px !important;
}

#content .button.faq {
    width:100%;
    box-sizing: border-box;
    padding:10px 30px 10px 20px;
    margin-bottom:10px;
    background-image: url('images/icon-arrowright.png');
    background-position: right 15px center;
    background-position-x: 98%;
    background-position-y: 45%;
}

#content .button.faq.active {
    background-image: url('images/icon-arrowdown.png');
}

#content .button.faq + .text{
    margin:10px 20px 25px 20px;
    display: none;
}

#content .column-right {
    padding-left:30px;
    width: 34%;
    box-sizing: border-box;
}

#content .column-right > * {
    margin-bottom:30px;
}

#content .column-right > *:last-child {
    margin-bottom:70px;
}

#content .column-right .widget {
    /*overflow: hidden;*/
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    clear: both;
}

#content .column-right .widget.facebook .container {
    padding: 0;
}
#content .column-right .widget.facebook .container .textwidget {
    margin: 0;
}
#content .column-right .widget.facebook .fb_iframe_widget {
    width: 100%;
}
#content .column-right .widget.facebook .fb_iframe_widget span {
    display: block;
    margin: auto;
}

#content .column-right .widget.transparent {
    /*overflow: hidden;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#content .column-right .widget h3 {
    background-color: #193A65;
    font-size:19px;
    font-weight: 500;
    color:#fff;
    letter-spacing: 2px;
    line-height: 52px;
    width:100%;
    display: block;
    text-transform: uppercase;
    padding:0px 30px;
    text-align: left;
    box-sizing: border-box;
}

#content .column-right .widget.inversed h3 {
    background-color: #FFFFFF;
    color: #193A65;
}

#content .column-right .widget .container p {
    text-align: left;
    line-height: 20px;
    font-size:13px;
    margin-bottom:15px;
}
/*
#content .column-right .widget .container p img {
    width:100%;
    height: auto;
}
*/

#content .column-right .widget.inversed .container {
    background-color: #193A65;
    color: #FFFFFF;
}

#content .column-right .widget .container {
    background-color: #FFFFFF;
    padding:15px 30px;
    box-sizing: border-box;
    white-space: normal;
    font-size:0px;
}

#content .column-right .widget .container .textwidget {
    margin-top:10px;
    margin-bottom:15px;
    overflow: hidden;
}

#content .column-right .widget.transparent h3 {
    background-color: transparent;
    padding:0px 0px;
    line-height: 19px;
    margin-bottom:17px;
}

#content .column-right .widget.transparent p {
    color:#fff;
}

#content .column-right .widget.transparent .button.gray {
    background-color: #193A65;
}

#content .column-right .widget.transparent .button.gray:hover {
    background-color: #2E2E2E;
}

#content .column-right .widget.transparent .container {
    background-color: transparent;
    padding:0px;
    box-sizing: border-box;
    white-space: normal;
    text-align: left;
}

#content .column-right .widget.transparent h3 a.help img {
    position: relative;
    bottom:-3px;
    transition:  bottom 0.2s ease-in;
}

#content .column-right .widget.transparent h3 a.help:hover img {
    bottom:0px;
}

#content .column-right .widget.transparent .newsletterForm {
    white-space: nowrap;
    position: relative;
    width:100%;
    display:table;
}

#content .column-right .widget.transparent .newsletterForm > * {
    vertical-align: top;
    display: table-cell;
    position: relative;
    height: 100%;
}



.column-right .js--inputErrorLabel {

    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;

}

#content .column-right .widget.transparent .newsletterForm > *:last-child {
    text-align: right;
    width:39px;
    padding-left:11px;
}

#content .column-right .widget.transparent input[type=text],
#content .column-right .widget.transparent input[type=email]{
    background-color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    border:0px;
    box-sizing: border-box;
    margin-right:11px;
    height: 100%;
    color:#323232;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    padding: 12px 14px;
    width: 100%;
}

#content .column-right .widget.transparent input[type=submit] {
    background-image: url('images/ic_mail_outline_white_24px.svg');
    border:0px;
    height: 39px; /* FIXME: MAGIC NUMBER */
    margin:0px !important;
    padding:0px !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    width: 39px !important;

    transition: background-color .3s ease, text-indent .3s ease, border-radius .3s ease;
}

.js--done input[type=submit] {
  background-color: green !important;
  background-image: url('images/ic_done_white_24px.svg') !important;
  text-indent: -999px;
}
.js--error input[type=submit] {
  background-color: red !important;
  background-image: url('images/ic_error_outline_white_24px.svg') !important;
  text-indent: -999px;
}
.js--loading input[type=submit] {
  background-image: url('images/ic_mail_outline_white_24px.svg') !important;
  background-color: orange !important;
  text-indent: -999px;
}

.column-right .newsletterForm.js--loading input[type=submit] {
  animation: rotate 1s infinite both linear;
  border-radius: 50%;
}

#content .column-right .widget .container .social  {
    display: table;
    width:104%;
    margin-left:-2%;
    margin-bottom:-5px;
    margin-top:-5px;
    box-sizing: border-box;
}

#content .column-right .widget .container .social > a {
    position: relative;
    display: table-cell;
    padding:5px 2% 5px 2%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

#content .column-right .widget .container .social > a img {
    position: relative;
    width:100%;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.88);
    bottom:0px;
    transition: bottom 0.2s ease-in;
}

#content .column-right .widget .container .social > a:hover img {
    bottom:6px;
}

#content .column-right .widget.inversed .container ul li a,
#content .column-right .widget.inversed .container p a {
    color:#fff;
    transition: color 0.2s;
}

#content .column-right .widget.inversed .container ul li a:hover,
#content .column-right .widget.inversed .container p a:hover{
    color:#fff;
    text-decoration: underline;
}

/* #content .column-right .widget.inversed .container ul li:hover {
    background-color: rgba(2555, 255, 255, .1);
} */

#content .column-right .widget .container ul li a,
#content .column-right .widget .container p a {
    color:#323232;
    transition: color 0.2s;
}

#content .column-right .widget .container ul li a:hover,
#content .column-right .widget .container p a:hover{
    color:#3979ce;
}

#content .column-right .widget .container .button {
    margin:10px auto 0px auto;
}

#content .column-right .widget .container ul {
    list-style: none;
}

#content .column-right .widget .container ul li {
    border-bottom:1px solid #F0F0F2;
    /*background-image: url('images/list-style.png');*/
    /*background-position: top 47% left;*/
    /*background-position-x: 0%;*/
    /*background-position-y: 47%;*/
    /*background-repeat: no-repeat;*/
    line-height: 20px;
    font-size:13px;
    text-align: left;
    /*padding-left:15px;*/
    padding-top:10px;
    padding-bottom:10px;
}

#content .column-right .widget.inversed .container ul li {
    border-bottom: 1px solid #102847;
}


#content .column-right .widget .container ul li:last-child {
    border-bottom:none;
}

body.single-post #content .post .body h2 + .info + p:first-letter,
body.home #content .post .body h2 + .info + p:first-letter {
    font-size: 47px;
    float: left;
    margin-right:8px;

    height: 53px;
    font-weight: 700;
    color: #193A65;
    line-height: 44px;
    text-transform: uppercase;
}

/**
 * KEEP IFRAME ASPECT RATIO
 */
#content p > iframe {
    width: 100%;
    /*height: auto;*/
    /*min-height: 400px;*/
}

.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* Add margin identical with paragraph */
  margin-bottom: 30px;
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}
/**
 * END KEEP IFRAME ASPECT RATIO
 */


#content hr {
    border:0px;
    height: 1px;
    background-color: #F0F0F2;
    width:100%;
    margin-bottom:20px;
}

#content blockquote {
    font-style: italic;
    padding-left: 70px;
    background-position: 2px 2px;
    background-image: url('images/blockquote.png');
    background-repeat: no-repeat;
    min-height: 42px;
    margin-bottom: 30px;
}

#content blockquote strong {
    font-style: normal;
}

#content .button {
    color:#FFFFFF !important;
    font-size: 13px;
    line-height: 14px;
    text-transform: uppercase;
    transition: background-color 0.2s ease-in;
    /*white-space: nowrap;*/
    letter-spacing: 1px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border:0px;
    text-decoration: none !important;
    padding: 10px 30px;
    display: inline-block;
    white-space: nowrap;
}

#content .button.center {
    text-align: center;
    display: block;
    margin:auto;
    max-width:100px;
    width:100%;
    margin-top:0px;
}

#content .button.blue {
    background-color: #1A3A65;
}

#content .button.blue:hover {
    background-color: #2E2E2E;
}

#content .button.gray {
    background-color: #2E2E2E;
}

#content .button.gray:hover {
    background-color: #1A3A65;
}


footer {
    width:100%;
    position: relative;
}

footer .bg {
    border-top:1px solid #171717;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
    position: relative;
    padding:30px;
    min-height: 100px;
}

footer .container {
    position: relative;
    width:100%;
    max-width: 1140px;
    margin:auto;
}

footer .hand {
    position: absolute;
    height: 470px;
    bottom:0px;
    right: -120px;
    left:0px;
    width:100%;
    max-width: 1140px;
    margin:auto;
    background-image: url('images/underground-hand.png');
    background-repeat: no-repeat;
    background-position: center right;
}

footer .container > ul {
    padding-right:150px;
}

footer .container > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right:6%;
}

footer .container > ul > li > * {
    display: block;
}

footer .container > ul > li span {
    color: #fff;
    text-transform: uppercase;
    line-height: 26px;
}

footer .container > ul > li > ul > li {
    display: block;
    clear: both;
}

footer .container > ul > li > ul > li > a {
    color:#686765;
    line-height: 26px;
    font-size: 13px;
    transition: color .2s ease-in;
}

footer .container >  ul > li > ul > li > a:hover {
    color:#fff;
}

footer .logo {
    position: absolute;
    right: 10px;
    top:-50px;
    /*background-image: url('images/logo.png');*/
    background-size: contain;
    width:106px;
    height: 144px;
    background-repeat: no-repeat;
    display: block;
}

footer .logo span {
    position: absolute;
    bottom:-18px;
    color:#686765;
    white-space: nowrap;
    font-size:12px;
    text-align: center;
    width:100%;
}

.hover-1 {
    transition: margin-top .2s ease-in !important;
    margin-top: 0px !important;
}

.hover-1:hover {
    margin-top:-6px !important;
}

.hover-2 {
    opacity: 1.0 !important;
    transition: opacity .4s ease-in !important;
}

.hover-2:hover {
    opacity: 0.80 !important;
}

#scrollTop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 37px;
    height: 37px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: margin-bottom 0.2s ease-in;
    transition: margin-bottom 0.2s ease-in;
    z-index: 1000;
    background: rgba(50,50,50,0.6) url('images/icon-scrolltop.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#scrollTop:hover {
    margin-bottom: 5px;
}

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

    .off-1070 {
        display: none;
    }

    header > .container > .buttons > ul > li {
        padding:0px 9px;
    }

    header > .container > .buttons > ul > li a {
        font-size: 15px;
        letter-spacing: 0px;
    }

    .column-right .betaCounter span{
        font-size:28px;
        padding:3px 7px;
        margin:3px 3px;
    }

    .column-right .betaCounter h5 {
        font-size:10px;
        padding:3px 7px;
    }

}

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

    #content .column-right .widget h3 {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .layers > * {
        display: inline-block;
        background-repeat: no-repeat;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
        overflow-x: hidden;
    }

    .layers > .left {
        background-position: 36% 0px;
        width:70%;
    }

    .layers > .right {
        background-position: 64% 0px;
        width:30%;
    }

}

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

    #carousel .caption {
        width:auto;
        box-sizing: border-box;
        left:20px;
        right:20px;
        bottom:20px;
    }

    #carousel .dots {
        top:20px;
        left:20px;
        right:20px;
    }

    #carousel .dots li {
        width:6px;
        height:6px;
    }

    #carousel .caption h1 {
        font-size:18px;
    }

    #carousel .caption p {
        font-size:13px;
    }

    #carousel img {
        width: auto;
        max-width:120%;
    }

    #content .column-left,
    #content .column-right {
        display:block;
        width: 100%;
        clear: both;
        padding:0px;
    }

    #content .column-right .widget .container .social  {
        display: block;

        width:100%;
        margin-left:auto;
        margin-right:auto;
        text-align: center;

    }

    #content .column-right .widget .container .social > a {
        padding:9px;
        display: inline-block;
    }

    footer .container > ul > li {
        margin-top:20px;
    }

}

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

    header > .container > .logo {
        left: 20px;
        top:-20px;
        width:100px;
        height: 128px;
        background-size: contain;
        background-image: url('images/logo.png') !important;
    }

    #trunk-animation {
        display: none;
    }

    #carousel img {
        width: auto;
        max-width:150%;
    }

    #main > .container {
        padding:0px 24px;
        margin-top:200px !important;
    }

    #content .post,
    #content .column-right > * {
        margin-bottom:24px;
    }

    #content .loadmore {
        margin: 20px auto 20px auto;
    }

    #content .page h1,
    #content .post .body h2 a {
        font-size:24px;
    }

    #content .page form {
        display: block;
    }

    #content .page form .checkboxs > *{
        display: block;
        width:auto;
    }

    /* contact form 7 */

    div.wpcf7 img.ajax-loader {
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: -25px;
    }

    #content .body .postlist {
        display: block;
    }

    #content .body .postlist > * {
        display: block;
    }

    #content .body .postlist > * > * {
        display: block;
        width:100% !important;
    }

    #content .body .postlist h4 {
        margin-top:15px;
    }

    #content .body .postlist > * > *:first-child {
        background-position: center center;
    }

    #content .body .postlist > * > *:last-child {
        padding-left:0px;
    }

    #content .post .body .simpletable {
        display:block;
    }

    #content .post .body .simpletable > * {
        display:block;
        width:100% !important;
        text-align: center !important;
    }

    #content .body .postlist h4,
    #content .body .postlist p,
    #content .body .postlist .info,
    #content .page .body h4 + .info {
        text-align: center;
    }

    #content .body .postlist .image {
        padding-bottom:0px;

    }
    #content .body .postlist .image a {
        width: auto;
        height: auto;
        position: relative;
        bottom:auto;
    }

    #content .column-right .widget .container .social > a {
        padding: 4px;
    }

    header .searchForm {
        width:65%;
    }

    header .searchForm input[type=text] {
        font-size: 11px;
    }

    header > .container > .logo.sticky {
        left:-70px;
        width:210px;
        background-position: right -70px center;
        background-image: url('images/logo-sticky2.png') !important;
        background-size: cover;
    }

    #content .page ul.email_archive {
        margin-bottom:0px;
    }

    #content .page ul.email_archive li {
        display: block;
        width:100%;
    }

    #content .page ul.email_archive li > * {
        display: inline-block;
        margin-right:5px;
    }

    article > .body > p.image-inside {
        width:100%;
    }

    article > .body > p.image-inside img {
        margin: 10px auto 10px auto !important;
        float:none !important;
        display: block;
    }

}

@media screen and (max-width: 450px) {
    #carousel .caption p {
        display:none;
    }
}


/* editor stuff -------------- */

.gallery {
    clear: both;
    overflow: hidden;
}

.gallery > dl{
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
}

.gallery img {
    width:100%;
    height: auto;
    box-sizing: border-box;
}

.b-bottom-line,
.b-top-line {
    display: none !important;
}

.gal-container {
    margin-bottom:20px;
}

#content .post .body content-column p {
    margin-bottom:0px;
}

.one_half {
    width: 49% !important;
    margin-right: 2% !important;
}
.one_half.last_column {
    width: 49% !important;
    margin-right: 0px !important;
}
.one_third {
    width: 32% !important;
    margin-right: 2% !important;
}
.one_third.last_column {
    width: 32% !important;
    margin-right: 0px !important;
}
.two_third {
    width: 66% !important;
    margin-right: 2% !important;
}
.two_third.last_column {
    width: 66% !important;
    margin-right: 0px !important;
}
.one_fourth {
    width: 23.5% !important;
    margin-right: 2% !important;
}
.one_fourth.last_column {
    width: 23.5% !important;
    margin-right: 0px !important;
}
.three_fourth {
    width: 74.5% !important;
    margin-right: 2% !important;
}
.three_fourth.last_column {
    width: 74.5% !important;
    margin-right: 0px !important;
}
.one_fifth {
    width: 18.4% !important;
    margin-right: 2% !important;
}
.one_fifth.last_column {
    width: 18.4% !important;
    margin-right: 0px !important;
}
.two_fifth {
    width: 39% !important;
    margin-right: 2% !important;
}
.two_fifth.last_column {
    width: 39% !important;
    margin-right: 0px !important;
}
.three_fifth {
    width: 59% !important;
    margin-right: 2% !important;
}
.three_fifth.last_column {
    width: 59% !important;
    margin-right: 0px !important;
}
.four_fifth {
    width: 79.6% !important;
    margin-right: 2% !important;
}
.four_fifth.last_column {
    width: 79.6% !important;
    margin-right: 0px !important;
}
.one_sixth {
    width: 15% !important;
    margin-right: 2% !important;
}
.one_sixth.last_column {
    width: 15% !important;
    margin-right: 0px !important;
}

@media screen and (max-width: 600px) {
    .full_width,
    .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth,
    .one_half.last_column, .one_third.last_column, .two_third.last_column, .one_fourth.last_column, .three_fourth.last_column, .one_fifth.last_column, .two_fifth.last_column, .three_fifth.last_column, .four_fifth.last_column, .one_sixth.last_column, .five_sixth.last_column {
        clear: both !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

article > .body > p img.aligncenter {
    margin-left:auto;
    margin-right:auto;
    display: block;
}

article > .body > p img.alignleft {
    float:left;
    margin:10px 20px 10px 0px;
}

article > .body > p img.alignright {
    float:right;
    margin:10px 0px 10px 20px;
}

/* recent posts */

ul.recentwidgets a.author {
    display: block;
    top: 4px;
    position: relative;
    margin-right: 8px;
    float:left;
}

ul.recentwidgets a.author img {
    width: 30px;
    height: 30px;
}

ul.recentwidgets span.date {
    display: block;
    font-size: 13px;
    color: #BDBDBD;
    white-space: nowrap;
}

/* change admin bar position */
#wpadminbar {
  top: auto !important;
  bottom: 0;
  background: rgba(35,40,45,0.75);
}

#wpadminbar .quicklinks>ul>li {
  position:relative;
}

#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
  bottom:28px;
}


/* lightbox */
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    border-radius: 0px !important;
}

/* addthis */
.addthis_toolbox a {
    /*margin:5px 0px !important;*/
    /*overflow: hidden;*/
    height:20px;
    top:5px;
    position: relative;
    display: inline-block;
}

.addthis_toolbox a.addthis_counter {
    top:0px;
    padding-bottom:5px;
    margin-left:2px;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  cursor: pointer;
  position: relative;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:8px; top: 50%;
  width: 10px; height: 10px;
  border: 1px solid #E5E5E5;
  background: #fff;
  margin-top: -7px;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  border-radius: 100%;
}

/* checked mark aspect */

[type="checkbox"]:checked + label:before,
[type="radio"]:checked + label:before{
  border: 1px solid #1A3965;
}

[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after{
  content: '';
  position: absolute;
  left:8px;
  top: 50%;
  width: 10px; height: 10px;
  margin-top: -7px;
  border: 1px solid #1A3965;
  background: #1A3965;
}

[type="radio"]:checked + label:after{
  border-radius: 100%;
  /*
  width: 5px; height: 5px;
  left:3px;
  top:5px;
  */
}

/* disabled checkbox */
/*
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
*/

/* POST ELEMENTS */
.image-captioned img {
    display: block;
}
.image-captioned span {
    display: block;
}
.right {
    float: right;
}
.image-captioned.right {
    margin: 0 0 1em 1em;
}
img.width100 {
    width: 100%;
    height: auto;
}
.circle-thumb {
    border-radius: 100%;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 2px solid white;
    box-shadow: 0 1px 8px 0 #999999;
}

#content blockquote {
    color: #666699;
    font-style: normal;
    text-align: left;
    line-height: 1.5;
}

#content blockquote.reversed {
    text-align: right;
    background-position: 99% 2px;
    padding-left: 0;
    padding-right: 70px;
}

/* #content .body p:first-child::first-letter */
span.initial,
.body > div > p:first-child::first-letter {
    font-size: 47px;
    float: left;
    margin-right: 8px;
    height: 44px;
    font-weight: 700;
    color: #193A65;
    line-height: 44px;
    text-transform: uppercase;
}

html.js.no-scroll--js,
.js body.no-scroll--js {
    overflow: hidden;
}

/**
 * Disables scroll
 */
html.js.no-scroll--js,
.js body.no-scroll--js {
    overflow: hidden;
}

/**
 * LANDING PAGE OVERLAY
 */
.js #overlay {
    position: fixed;
    top: 0;bottom: 0;left: 0;right: 0;
    background-color: black;
    /*z-index: 9999;*/
}

#overlay--wrapper {
    position: absolute;
    top: 50%;
    right: 50%;

    width: 1250px;
    margin-right: -625px;

    height: 600px;
    margin-top: -312px;

    font-weight: 400;
}

#overlay--wrapper .overlay--inl-links-wrapper {
    clear: both;
    text-align: left;
    color: #666;
    /*width: 50em;*/
    /*margin: auto;*/
}

#overlay--wrapper .overlay--inl-links-wrapper a {
  padding-top: 0.5em;
  font-size: .8em;
  text-decoration: none;
  text-transform: uppercase;
  color: inherit;
  font-weight: 500;
  display: inline-block;
  /*width: 25em;*/
  width: 50%;
  float: right;
  text-align: right;
}

#overlay--wrapper .overlay--inl-links-wrapper a:first-child {
    text-align: left;
    float: left;
}

#overlay--wrapper .overlay--inl-links-wrapper a:hover {
    /*border-bottom: 1px white dotted;*/
    color: white;
}

#overlay--wrapper span {
    will-change: color;
    transition: color .3s cubic-bezier(1,.14,.38,.77);
}

span.red {
    color: #6B2D2D;
}
#overlay--wrapper a:hover span.red {
    color: #ef4141;
}
span.green {
    color: #646F45;
}
#overlay--wrapper a:hover span.green {
    color: #a5c449;
}
span.strike {
    text-decoration: line-through;
}

#overlay--wrapper .overlay--panel {
    position: relative;
    width: 50%;
    height: 100%;
    padding: 0;margin: 0;
    display: block;
    float: left;
    overflow: hidden;
}

#overlay--wrapper .overlay--panel-wide {
    height: 50%;
}

#overlay--wrapper .overlay--panel-small {
    width: 25%;
    height: 50%;
}

#overlay--wrapper .overlay--panel::after,
#overlay--wrapper .overlay--panel:after {
    content: attr(data-title) "";
    font-size: 1em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5em;
    height: auto;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: rgba(0,0,0,.5);
    will-change: bottom;
    transition: bottom .3s cubic-bezier(1,.14,.38,.77);
    padding: 1em 1.5em;
}

#overlay--wrapper .overlay--panel:hover::after,
#overlay--wrapper .overlay--panel:hover:after {
    bottom: 0em;
}

#overlay--wrapper .overlay--panel:hover .overlay--panel--img {
    -moz-transform: scale(1.05) rotate(1deg);
    -webkit-transform: scale(1.05) rotate(1deg);
    -o-transform: scale(1.05) rotate(1deg);
    -ms-transform: scale(1.05) rotate(1deg);
    transform: scale(1.05) rotate(1deg);
}

#overlay--wrapper .overlay--panel:hover .overlay--panel--img--zoomed { 
    transform: scale(1.1) rotate(1deg) translateY(-1em);
}

#overlay--wrapper .overlay--panel--img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    padding: 0;margin: 0;
    image-rendering: optimizeQuality;
    /*will-change: transform;*/
    transition: transform .3s cubic-bezier(1,.14,.38,.77);
}

#overlay--wrapper .overlay--panel--img--zoomed {
    backface-visibility: hidden;
    transform: scale(1.3) translateZ(0);
    transform-origin: 50% 50%;
}

#overlay--wrapper .overlay--preorder-ribbon {
    position: absolute;
    z-index: 1;
    right: 0;
    top: -200px;
    will-change: top;
    transition: top .6s cubic-bezier(1, 0.14, 0.2, 1.28);
    transition-delay: .5s;
}

#overlay--wrapper .overlay--preorder-ribbon:nth-of-type(2) {
  transition-delay: .8s;
  right: 72px;
}

#overlay--wrapper .overlay--preorder-ribbon.show {
    top: -20px;
}

@media screen and (max-width: 1250px) and (min-width: 1024px) {
    #overlay--wrapper {
        margin: 0;
        width: 100%;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1023px) {
    #overlay--wrapper .overlay--panel::after,
    #overlay--wrapper .overlay--panel:after {
        bottom: 0em;
    }

    #overlay--wrapper {
        max-width: 500px;
        width: auto;
        margin-right: -250px;
        height: 1000px;
        margin-top: -500px;
    }

    #overlay--wrapper .overlay--panel {
        width: 100%;
        height: 50%;
        float: none;
    }

    #overlay--wrapper .overlay--panel-small {
        width: 50%;
        height: 25%;
        float: left;
    }

    #overlay--wrapper .overlay--panel-wide {
        height: 25%;
    }

    #overlay--wrapper .overlay--panel--img--zoomed { 
        transform: scale(1.05) translateY(-1em);
    }

    #overlay--wrapper .overlay--panel:hover .overlay--panel--img--zoomed { 
        transform: scale(1.15) rotate(1deg) translateY(-1em);
    }
}


@media screen and (max-width: 1023px) and (max-height: 1000px) {
    #overlay--wrapper {
        position: static;
        width: auto;
        margin: auto;
        height: 100%;
    }
}

/**
 * cookie banner
 */

.cookie-left {
    width: 100%;
    float: left;
	height: auto;
	line-height: 25px;
	font-size: 0.9em;
}

.cookie-right {
    margin-left: 100%;
    display: none;
}

@media screen and (max-width: 1200px) {	
	.cookie-left {
        width: 100%;
        float: none;
        line-height: 20px;
    }

    .cookie-right {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
        display: block;
		height: auto;
    }

    .cookie-left a {
        display: none !important;
    }
}

/**
 * two columns for tablets
 */
@media screen and (max-width: 900px) and (min-width: 500px) {
    #content .column-right .widget.tablet--half {
        clear: none;
        float: left;
        width: 49%;
    }
}
/**
 * Better webkit scrollbar
 */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.five_sixth.last_column {
  width: 83% !important;
}

#content figure.aligncenter {
  text-align: center;
}

#content .post img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/**
 * Atomic style helper classes
 *
 *
 */

 .max-width-100 {
    max-width: 100% !important;
 }

 .width-100 {
   width: 100% !important;
 }