/*!
 * Bootstrap-select v1.12.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.codedrops {
    
    position:relative;
    text-align:center;
    list-style: none;
	overflow:hidden;
}
.codedrops .figure {
    position:relative;
    overflow:hidden;
    float:left;
    text-align:center;
    cursor: pointer;
}
.codedrops .image_container.float_above {
    margin-bottom:0;
}
.codedrops figure img {
    max-width:100%;
    position:relative;
    display:block;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 0.5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	
max-width: 100%;
height: auto;
}
.codedrops:hover figure img {
    opacity: 0.8;
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.05,1.05,1);
}
.codedrops .figure a:before,
.codedrops .figure a:hover:after {
    display:none;
}
.codedrops .figure .figcaption .caption {
    padding:1.2em;
    font-size: calc(0.7em + 1vmin);
    text-transform:uppercase;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width:100% !important;
}
.codedrops .figure .figcaption::before,
.codedrops .figure .figcaption::after {
    pointer-events: none;
}
.codedrops .figure,
.codedrops .figure .figcaption,
.codedrops .figure .figcaption a {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
}
.codedrops .figure .figcaption .caption a {
    white-space:nowrap;
    font-size:0;
    text-decoration:none;
    text-indent:200%;
    z-index: 1000;
    opacity: 0;
}
.codedrops .figure h2,
.codedrops .figure h3 {
    text-decoration:none;
    word-spacing:-0.15em;
    font-weight: 300;
    font-weight:400;
}
.codedrops .figure a {
    text-decoration:none;
}
.codedrops .figure h2 span {
    font-weight: 800;
}
.codedrops .figure h2,
.codedrops .figure h3,
.codedrops .figure p {
    margin:0;
}
.codedrops .figure p {
    font-size:68.5%;
    letter-spacing:1px;
}
.figure.effectlily {
    background-color:rgba(7c1c11,.08);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectlily:hover {
    background-color:rgba(7c1c11,.4);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectlily .figcaption {
    text-align:left;
}
.figure.effectlily .figcaption > div {
    width:100%;
    height:40%;
    bottom:0;
    left:0;
    position:absolute;
    padding:2em;
}
.grid33 .figure.effectlily .figcaption > div {
    width:100%;
    height:70%;
    bottom:0;
    left:0;
    position:absolute;
    padding:2em;
}
.figure.effectlily h2,
.figure.effectlily h3,
.figure.effectlily h4,
.figure.effectlily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}
.figure.effectlily h3,
.figure.effectlily h4,
.figure.effectlily h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.figure.effectlily p {
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}
.figure.effectlily:hover p {
    opacity: 1;
}
.figure.effectlily:hover h2,
.figure.effectlily:hover h3,
.figure.effectlily:hover h4,
.figure.effectlily:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.figure.effectlily:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/* --------------- */
.figure.effectsadie .figcaption::before {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    background:-moz-linear-gradient(top,#7c1c11 0%,#7c1c11 75%);
    background:-webkit-linear-gradient(top,#7c1c11 0%,#7c1c11 75%);
    background:-o-linear-gradient(top,#7c1c11 0%,#7c1c11 75%);
    background:-ms-linear-gradient(top,#7c1c11 0%,#7c1c11 75%);
    background:linear-gradient(to bottom,#7c1c11 0%,#7c1c11 75%);
    -pie-background:linear-gradient(top,#7c1c11 0%,#7c1c11 75%);
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
.figure.effectsadie h2,
.figure.effectsadie h3,
.figure.effectsadie h4 {
    width:100%;
    top:50%;
    position:absolute;
    color:#484c61;
    left: 0;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.figure.effectsadie .figcaption::before,
.figure.effectsadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.figure.effectsadie p {
    width:100%;
    bottom:0;
    left:0;
    position:absolute;
    padding:2em;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
.figure.effectsadie:hover h2,
.figure.effectsadie:hover h3,
.figure.effectsadie:hover h4,
 {
    color:#fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
.figure.effectsadie:hover .figcaption::before,
.figure.effectsadie:hover p {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectroxy {
    background-color: rgba(103, 103, 103, 0.2);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectroxy .figcaption::before {
    top:30px;
    position:absolute;
    border:1px solid #fff;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}
.figure.effectroxy .figcaption {
    padding:3em;
    text-align:left;
}
.grid33 .figure.effectroxy .figcaption {
    padding:2em;
    text-align:left;
}
.figure.effectroxy h2,
.figure.effectroxy h3,
.figure.effectroxy h4 {
    padding: 30% 0 10px 0;
    transition: padding 0.35s, transform 0.35s;
}
.figure.effectroxy p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
}
.grid33 .figure.effectroxy:hover h2,
.grid33 .figure.effectroxy:hover h3,
.grid33 .figure.effectroxy:hover h4 {
    padding: 6% 0 5px 0;
    transition: padding 0.35s, transform 0.35s;
}
.figure.effectroxy:hover {
    background-color:rgba(7c1c11,.6);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.figure.effectroxy:hover .figcaption::before,
.figure.effectroxy:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectbubba {
    background-color:rgba(7c1c11,.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectbubba:hover {
    background-color:rgba(7c1c11,.5);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectbubba .figcaption::before,
.figure.effectbubba .figcaption::after {
    top:30px;
    position:absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.figure.effectbubba .figcaption::before {
    border-top:1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.figure.effectbubba .figcaption::after {
    border-right:1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.figure.effectbubba h2,
.figure.effectbubba h3,
.figure.effectbubba h4 {
    padding-top:30%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.grid33 .figure.effectbubba h2,
.grid33 .figure.effectbubba h3,
.grid33 .figure.effectbubba h4 {
    padding-top:20%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.figure.effectbubba p {
    padding: 20px 2em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
.figure.effectbubba:hover .figcaption::before,
.figure.effectbubba:hover .figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.figure.effectbubba:hover h2,
.figure.effectbubba:hover h3,
.figure.effectbubba:hover h4,
.figure.effectbubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,-30px,0);
}

/* --------------- */
.figure.effectromeo {
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectromeo:hover {
    background-color:rgba(7c1c11,.15);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectromeo .figcaption::before,
.figure.effectromeo .figcaption::after {
    width:80%;
    height:1px;
    top:50%;
    position:absolute;
    left: 50%;
    background: #fff;
    content: '';
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.figure.effectromeo:hover .figcaption::before {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
    transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.figure.effectromeo:hover .figcaption::after {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
.figure.effectromeo h2,
.figure.effectromeo h3,
.figure.effectromeo p {
    width:100%;
    top:50%;
    position:absolute;
    left: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.figure.effectromeo h2,
.figure.effectromeo h3 {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
    transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}
.figure.effectromeo p {
    padding:.25em 2em;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}
.grid33 .figure.effectromeo p {
    padding:.25em 2em;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    transform: translate3d(0,-50%,0) translate3d(0,130%,0);
}
.figure.effectromeo:hover h2 {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
    transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}
.figure.effectromeo:hover p {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
    transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}

/* --------------- */
.figure.effectlayla .figcaption {
    padding:1.5em;
}
.figure.effectlayla .figcaption::before,
.figure.effectlayla .figcaption::after {
    position:absolute;
    content: '';
    opacity: 0;
}
.figure.effectlayla .figcaption::before {
    top:50px;
    border-top:1px solid #fff;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.figure.effectlayla .figcaption::after {
    top:30px;
    border-right:1px solid #fff;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.figure.effectlayla h2,
.figure.effectlayla h3,
.figure.effectlayla h4 {
    padding-top:26%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.grid33 .figure.effectlayla h2,
.grid33 .figure.effectlayla h3,
.grid33 .figure.effectlayla h4 {
    padding-top:8%;
    font-size:1.5em;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.figure.effectlayla p {
    padding:.5em 2em;
    text-transform:none;
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
}
.figure.effectlayla h2,
.figure.effectlayla h3,
.figure.effectlayla h4 {
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
}
.figure.effectlayla .figcaption::before,
.figure.effectlayla .figcaption::after,
.figure.effectlayla p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.figure.effectlayla:hover .figcaption::before,
.figure.effectlayla:hover .figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.figure.effectlayla:hover h2,
.figure.effectlayla:hover h3,
.figure.effectlayla:hover h4,
.figure.effectlayla:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,-10,0);
}
.figure.effectlayla:hover .figcaption::after,
.figure.effectlayla:hover h2,
.figure.effectlayla:hover h3,
.figure.effectlayla:hover h4,
.figure.effectlayla:hover p {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

/* --------------- */
.figure.effecthoney {
    background: #4a3753;
}
.figure.effecthoney img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.figure.effecthoney:hover img {
    opacity: 0.5;
}
.figure.effecthoney .figcaption::before {
    width:100%;
    height:10px;
    bottom:0;
    left:0;
    position:absolute;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
.figure.effecthoney h2 {
    width:100%;
    bottom:0;
    left:0;
    position:absolute;
    padding:1em 1.5em;
    text-align:left;
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
}
.figure.effecthoney h2 i {
    font-style: normal;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
}
.figure.effecthoney .figcaption::before,
.figure.effecthoney h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.figure.effecthoney:hover .figcaption::before,
.figure.effecthoney:hover h2,
.figure.effecthoney:hover h2 i {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectoscar .figcaption {
    padding:2em;
    background-color:rgba(7c1c11,.25);
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}
.figure.effectoscar .figcaption::before {
    top:30px;
    position:absolute;
    border:1px solid #fff;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
}
.figure.effectoscar h2,
.figure.effectoscar h3,
.figure.effectoscar h4 {
    margin: 8% 0 0px 0 !important;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-60%,0);
    transform: translate3d(0,-60%,0);
}
.figure.effectoscar .figcaption::before,
.figure.effectoscar p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.figure.effectoscar:hover h2,
.figure.effectoscar:hover h3,
.figure.effectoscar:hover h4 {
    -webkit-transform: translate3d(0,-10%,0);
    transform: translate3d(0,-30%,0);
}
.figure.effectoscar:hover .figcaption::before,
.figure.effectoscar:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.figure.effectoscar:hover .figcaption {
    background-color:rgba(255,255,255,.1);
}

/* --------------- */
.figure.effectmarley .figcaption {
    text-align:right;
}
.figure.effectmarley h2,
.figure.effectmarley p {
    right:30px;
    position:absolute;
    padding:10px 0;
    left: 30px;
}
.figure.effectmarley p {
    bottom:30px;
    line-height:1.5;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.figure.effectmarley h2,
.figure.effectmarley h3,
.figure.effectmarley h4 {
    top:30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
.figure.effectmarley:hover h2,
.figure.effectmarley:hover h3,
.figure.effectmarley:hover h4 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.figure.effectmarley h2::after,
.figure.effectmarley h3::after,
.figure.effectmarley h4::after {
    width:100%;
    height:4px;
    top:100%;
    position:absolute;
    left: 0;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}
.figure.effectmarley h3::after,
.figure.effectmarley h4::after,
.figure.effectmarley h2::after,
.figure.effectmarley p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.figure.effectmarley h3::after,
.figure.effectmarley h4::after,
.figure.effectmarley:hover h2::after,
.figure.effectmarley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectruby {
    background-color:rgba(7c1c11,.1);
}
.figure.effectruby {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.figure.effectruby:hover {
    background-color:rgba(7c1c11,.4);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.figure.effectruby h2,
.figure.effectruby h3,
.figure.effectruby h4 {
    margin-top:7%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
.figure.effectruby p {
    margin:1em 0 0;
    padding:1.3em;
    border:1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0) scale(1.1);
    transform: translate3d(0,20px,0) scale(1.1);
}
.figure.effectruby:hover h2,
.figure.effectruby:hover h3,
.figure.effectruby:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.figure.effectruby:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
}

/* --------------- */
.figure.effectmilo {
    background-color: rgba(103, 103, 103, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectmilo:hover {
    background-color:rgba(7c1c11,.6);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectmilo h2 {
    right:0;
    bottom:0;
    position:absolute;
    padding:1em 1.2em;
}
.figure.effectmilo p {
    width:50%;
    padding:0 10px 0 0;
    text-align:right;
    border-right:1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
}
.figure.effectmilo:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectdexter {
    background-color:rgba(255,255,255,.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectdexter:hover {
    background-color:rgba(7c1c11,.4);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectdexter .figcaption::after {
    right:30px;
    position:absolute;
    border:7px solid #fff;
    bottom: 30px;
    left: 30px;
    height: -webkit-calc(45% - 30px);
    height: calc(45% - 30px);
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}
.figure.effectdexter:hover .figcaption::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.figure.effectdexter .figcaption {
    padding:2em;
    text-align:left;
}
.grid33 .figure.effectdexter .figcaption {
    padding:1.4em 2em;
    text-align:left;
}
.figure.effectdexter p {
    right:60px;
    position:absolute;
    bottom: 60px;
    left: 60px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
}
.figure.effectdexter:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectsarah {
    background-color:rgba(207,207,207,.15);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectsarah:hover {
    background-color:rgba(7c1c11,.5);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectsarah .figcaption {
    text-align:left;
}
.figure.effectsarah h2,
.figure.effectsarah h3,
.figure.effectsarah h4 {
    position:relative;
    overflow:hidden;
    padding:.5em 0;
}
.figure.effectsarah h2::after,
.figure.effectsarah h3::after,
.figure.effectsarah h4::after {
    width:100%;
    height:3px;
    bottom:0;
    left:0;
    position:absolute;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}
.figure.effectsarah:hover h2::after,
.figure.effectsarah:hover h3::after,
.figure.effectsarah:hover h4::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.figure.effectsarah p {
    padding:1em 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}
.figure.effectsarah:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectchico {
    background-color:rgba(255,255,255,.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectchico:hover {
    background-color:rgba(7c1c11,.6);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectchico .figcaption {
    padding:3em;
}
.grid33 .figure.effectchico .figcaption {
    padding:2em;
}
.figure.effectchico .figcaption::before {
    top:30px;
    position:absolute;
    border:1px solid #fff;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.grid33 .figure.effectchico .figcaption::before {
    bottom:20px;
    left:20px;
    right:20px;
    top:20px;
    position:absolute;
    border:1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.figure.effectchico .figcaption::before,
.figure.effectchico p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.figure.effectchico h2 {
    padding: 16% 0 20px 0;
}
.grid33 .figure.effectchico h2 {
    padding: 10% 0 10px 0;
}
.figure.effectchico p {
    max-width:250px;
    margin:0 auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.figure.effectchico:hover .figcaption::before,
.figure.effectchico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* --------------- */
.figure.effectjulia {
    background-color:rgba(255,255,255,.02);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectjulia:hover {
    background-color:rgba(7c1c11,.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectjulia .figcaption {
    text-align:left;
}
.figure.effectjulia h2,
.figure.effectjulia h3,
.figure.effectjulia h4 {
    position:relative;
    padding:.5em 0;
}
.figure.effectjulia p {
    display:inline-block;
    margin:0 0 .25em;
    padding:.4em 1em;
    font-size:75%;
    color:#2f3238;
    text-transform:none;
    background: rgba(255,255,255,0.9);
    font-weight: 500;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-500px,0,0);
    transform: translate3d(-500px,0,0);
}
.figure.effectjulia p:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.figure.effectjulia p:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.figure.effectjulia p:nth-of-type(3) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.figure.effectjulia:hover p:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.figure.effectjulia:hover p:nth-of-type(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.figure.effectjulia:hover p:nth-of-type(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.figure.effectjulia:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* ----------------- */
.figure.effectgoliath {
    background-color: rgba(103, 103, 103, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectgoliath h2,
.figure.effectgoliath h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.figure.effectgoliath h2,
.figure.effectgoliath h3,
.figure.effectgoliath p {
    bottom:0;
    left:0;
    position:absolute;
    padding:30px;
}
.figure.effectgoliath p {
    font-size:90%;
    text-transform:none;
    background: #373a3e;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
}
.figure.effectgoliath:hover h2,
.figure.effectgoliath:hover h3 {
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
}
.figure.effectgoliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* ----------------- */
.figure.effectselena {
    background-color: rgba(103, 103, 103, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectselena:hover {
    background-color: rgba(103, 103, 103, 0.3);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectselena h2,
.figure.effectselena h3,
.figure.effectselena h4 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
.figure.effectselena p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
    transform: perspective(1000px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.figure.effectselena:hover h2,
.figure.effectselena:hover h3,
.figure.effectselena:hover h4 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.figure.effectselena:hover p {
    opacity: 1;
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
    transform: perspective(1000px) rotate3d(1,0,0,0);
}

/* ----------------- */
.figure.effectapollo {
    background: rgba(49, 52, 56, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectapollo:hover {
    background-color:rgba(7c1c11,.2);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectapollo .figcaption::before {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    background-color:rgba(7c1c11,.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.figure.effectapollo p {
    max-width:150px;
    right:0;
    bottom:0;
    position:absolute;
    margin:3em;
    padding:0 1em;
    text-align:right;
    border-right:4px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.figure.effectapollo h2,
.figure.effectapollo h3 {
    text-align:left;
}
.figure.effectapollo:hover .figcaption::before {
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.figure.effectapollo:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

/* ----------------- */
.figure.effectsteve {
    overflow:visible;
    z-index: auto;
    background: rgba(49, 52, 56, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectsteve:before,
.figure.effectsteve h3:before,
.figure.effectsteve h2:before {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index: -1;
    background: #000;
    content: '';
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.figure.effectsteve:before {
    box-shadow: 0 3px 30px rgba(0,0,0,0.8);
    opacity: 0;
}
.figure.effectsteve .figcaption {
    z-index: 1;
}
.figure.effectsteve h2,
.figure.effectsteve h3,
.figure.effectsteve p {
    color:#2d434e;
    background: #fff;
}
.figure.effectsteve h2,
.figure.effectsteve h3 {
    position:relative;
    margin-top:1em;
    padding:.25em;
}
.figure.effectsteve h2:before,
.figure.effectsteve h3:before {
    box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
.figure.effectsteve p {
    margin-top:1em;
    padding:.5em;
    font-weight: 800;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(0.9,0.9,1);
    transform: scale3d(0.9,0.9,1);
}
.figure.effectsteve:hover:before {
    opacity: 1;
}
.figure.effectsteve:hover h2:before,
.figure.effectsteve:hover h3:before {
    opacity: 0;
}
.figure.effectsteve:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

/* ----------------- */
.figure.effectmoses {
    background: rgba(49, 52, 56, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectmoses:hover {
    background: rgba(49, 52, 56, 0.6);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectmoses h2,
.figure.effectmoses h3,
.figure.effectmoses p {
    width:50%;
    height:50%;
    padding:20px;
    border:2px solid #fff;
}
.grid33 .figure.effectmoses h2,
.grid33 .figure.effectmoses h3,
.grid33 .figure.effectmoses p {
    width:50%;
    height:50%;
    padding:10px;
    border:2px solid #fff;
}
.figure.effectmoses h2,
.figure.effectmoses h3 {
    width:50%;
    height:50%;
    padding:20px;
    text-align:left;
    background: rgba(49, 52, 56, 0.30);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(10px,10px,0);
    transform: translate3d(10px,10px,0);
}
.figure.effectmoses p {
    float:right;
    padding:20px;
    text-align:right;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.figure.effectmoses:hover h2,
.figure.effectmoses:hover h3 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.figure.effectmoses:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectjazz {
    background: rgba(49, 52, 56, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectjazz:hover {
    background: rgba(49, 52, 56, 0.4);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectjazz .figcaption::after,
.figure.effectjazz p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.figure.effectjazz .figcaption::after {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    border-top:1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.figure.effectjazz h2,
.figure.effectjazz h3,
.figure.effectjazz p {
    opacity: 1;
    -webkit-transform: scale3d(0.8,0.8,1);
    transform: scale3d(0.8,0.8,1);
}
.figure.effectjazz h2,
.figure.effectjazz h3 {
    padding-top:26%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.grid33 .figure.effectjazz h2,
.grid33 .figure.effectjazz h3 {
    padding-top:16%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.figure.effectjazz p {
    padding:.5em 2em;
    font-size:.85em;
    text-transform:none;
    opacity: 0;
}
.figure.effectjazz:hover .figcaption::after {
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.figure.effectjazz:hover h2,
.figure.effectjazz:hover h3,
.figure.effectjazz:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

/* --------------- */
.figure.effectming {
    background: rgba(49, 52, 56, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectming:hover {
    background-color:rgba(7c1c11,.3);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectming img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.figure.effectming .figcaption::before {
    top:30px;
    position:absolute;
    border:2px solid #fff;
    right: 30px;
    bottom: 30px;
    left: 30px;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.4);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
.figure.effectming h2 {
    margin: 11% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.grid33 .figure.effectming h2 {
    margin: 8% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.figure.effectming p {
    padding:1em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.figure.effectming p {
    padding:.7em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.figure.effectming:hover h2 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.figure.effectming:hover .figcaption::before,
.figure.effectming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.figure.effectming:hover .figcaption {
    background-color: rgba(58,52,42,0);
}

/* --------------- */
.figure.effectlexi {
    background: rgba(49, 52, 56, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectlexi:hover {
    background-color:rgba(7c1c11,.4);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectlexi .figcaption::before,
.figure.effectlexi p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.figure.effectlexi .figcaption::before {
    width:300px;
    height:300px;
    right:-100px;
    position:absolute;
    border:2px solid #fff;
    border-radius:50%;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    bottom: -100px;
    box-shadow: 0 0 0 900px rgba(255,255,255,0.5);
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5,0.5,1);
    transform: scale3d(0.5,0.5,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.figure.effectlexi h2 {
    text-align:left;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(5px,5px,0);
    transform: translate3d(5px,5px,0);
}
.figure.effectlexi p {
    width:140px;
    right:0;
    bottom:0;
    position:absolute;
    padding:0 1.5em 1.5em 0;
    text-align:right;
    opacity: 0;
    -webkit-transform: translate3d(20px,20px,0);
    transform: translate3d(20px,20px,0);
}
.figure.effectlexi:hover .figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.figure.effectlexi:hover h2,
.figure.effectlexi:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* --------------- */
.figure.effectduke {
    background: rgba(49, 52, 56, 0.1);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectduke:hover {
    background: rgba(49, 52, 56, 0.6);
    transition: background-color 0.35s, transform 0.35s;
}
.figure.effectduke p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.figure.effectduke h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: scale3d(0.8,0.8,1);
    transform: scale3d(0.8,0.8,1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.figure.effectduke p {
    bottom:0;
    left:0;
    position:absolute;
    margin:20px;
    padding:30px;
    border:2px solid #fff;
    font-size:90%;
    text-transform:none;
    opacity: 0;
    -webkit-transform: scale3d(0.8,0.8,1);
    transform: scale3d(0.8,0.8,1);
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
}
.grid33 .figure.effectduke p {
    bottom:0;
    left:0;
    position:absolute;
    margin:20px;
    padding:20px;
    border:2px solid #fff;
    font-size:90%;
    text-transform:none;
    opacity: 0;
    -webkit-transform: scale3d(0.8,0.8,1);
    transform: scale3d(0.8,0.8,1);
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%;
}
.figure.effectduke:hover h2,
.figure.effectduke:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

#last_item_loader{
    text-align:center;
    margin:1em 0 10em 0;
}

.margin-bottom-4em{
    margin-bottom:4em;
}

.margin-bottom-2em{
    margin-bottom:2em;
}

.display-none{
    display:none;
}

.profile-info{
    overflow:hidden;
}

.profile-photo{
    float:left;
    margin:0 .5em 0 0;
}

.profile-photo img{
    width:40px; height:40px;
}

.profile-name{
    float:left;
    width:85%;
	font-size:12px;
	line-height:normal!important;
}

.time-ago{
    color:#999;
}

.profile-message{
    margin:1em 0;
}

.post-link{
    text-decoration:none;
}

.post-content{
    background: none; border: none; overflow:hidden;
	
}

.like-count-sum {
	padding:5px;
	border-top: 1px solid #fff;
	
}

@media (min-width:800px) {

.post-content img{
    width:50%!important;
}
}


.post-content img{
    width:100%;
}

.post-status{
    margin:.5em; font-weight:bold;
}

.post-picture{
    width:25%; float:left;
}

.post-info{
    width:70%; float:left; margin:.5em;
}

.post-info-name{
    font-weight:bold;
}

.post-info-description{
    color:#999;
}

.like-icon {
    background-image: url("../../files/onepage/css/images/fb-sprite.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -146px -514px;
    height: 15px;
    width: 13px;
    display:block;
    float:left;
    margin: 2px 5px 0 0;
}

.comment-icon {
    background-image: url("../../files/onepage/css/images/fb-sprite.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -160px -514px;
    height: 15px;
    width: 13px;
    display:block;
    float:left;
    margin: 3px 5px 0 0;

}

.pseudopoint {
	display:none;
}
header .ce_ctsslider,
header .ce_ctssliderstart {
    width:100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.ce_ctsslider .ce_image,
.ce_ctsslider .image_container.float_above {
    margin-bottom:0;
}
.bx-wrapper .bx-viewport {
    width:100%;
    left:0;
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border:0;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mod_ctslogo .image_container img {
    width:auto;
}
.mod_ctslogo .image_container a:hover img {
    width:auto;
    transform:none;
}
.cts-element_imagebox {
    padding:15px 15px 30px;
    text-align:center;
    background-color:#fafafa;
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox .image_container {
    margin:-15px -15px 15px;
    border-bottom:4px solid #818286;
    transition:all 0.25s linear 0s;
}
.mod_article.fullwidth .cts-element_imagebox .image_container img {
    width:100%;
}
.cts-element_imagebox:hover .image_container {
    border-bottom:4px solid #fffffff;
}
.cts-element_imagebox:hover {
    background-color:#f5f5f5;
}
.cts-element_imagebox h1,
.cts-element_imagebox h2,
.cts-element_imagebox h3,
.cts-element_imagebox h4,
.cts-element_imagebox h5 {
    font-size:1.4em;
}
.cts-element_imagebox.own-color .image_container,
.cts-element_imagebox.own-color:hover .image_container {
    border-bottom:0px;
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox.own-color.round .image_container img,
.cts-element_imagebox.own-color.round:hover .image_container img {
    border:0px;
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox.round .image_container {
    height:auto;
    display:block;
    margin:0 0 20px;
    border-bottom:0px;
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox.round .image_container img {
    height:auto;
    border:3px solid #fafafa;
    border-radius:50%;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox.round:hover .image_container img {
    height:auto;
    border:3px solid #fffffff;
    border-radius:50%;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox.round:hover .image_container {
    height:auto;
    border-bottom:0px;
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox.own-color.round .image_container {
    height:auto;
    display:block;
    margin:0 0 20px;
    border:0px;
    border-radius:50%;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox.icon .image_container {
    height:auto;
    display:block;
    margin:0 0 20px;
    border:0px solid;
    transition:all 0.25s linear 0s;
}
.mod_article.fullwidth .cts-element_imagebox.icon .image_container img {
    width:auto;
}
.cts-element_imagebox.icon:hover .image_container {
    height:auto;
    display:block;
    border:0px;
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox .link a {
    display:inline-block;
    padding:4px 12px;
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fffffff;
    text-transform:uppercase;
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox.own-color .link a {
    display:inline-block;
    padding:4px 12px;
    border:0px;
    text-decoration:none;
    text-transform:uppercase;
    transition:all 0.25s linear 0s;
}
.cts-element_imagebox .link a:after {
    display:inline-block;
    margin-left:4px;
    font-family:FontAwesome;
    text-decoration:none;
    content: '\f105';
}
.cts-element_imagebox:hover .link a {
    background-color:#fffffff;
    color:#fff;
}
.cts-element_imagebox.own-color .link {
    display:inline-block;
    border:1px solid;
}
.cts-element_imagebox.own-color:hover .link a {
    letter-spacing:1px;
    background-color:transparent
}
.cts-element_icon_colorbox {
    position:relative;
    padding:25px 25px 35px;
    text-align:center;
}
.cts-element_icon_colorbox.nobg {
    padding:0;
    text-align:center;
    background:none;
}
.cts-element_icon_colorbox.iconleft {
    position:relative;
    padding:25px 25px 35px 90px;
    text-align:left;
}
.cts-element_icon_colorbox.iconleft i {
    left:22px;
    top:28px;
    position:absolute;
}
.cts-element_icon_colorbox.iconright {
    position:relative;
    padding:25px 90px 35px 25px;
    text-align:right;
}
.cts-element_icon_colorbox.iconright i {
    right:22px;
    top:28px;
    position:absolute;
}
.cts-element_icon_colorbox i[class^="fa-"]:before,
.cts-element_icon_colorbox i[class*="fa-"]:before {
    display:block;
    margin-bottom:0px;
    
    font-weight:normal;
    transition:all 0.3s ease 0s;
}
.cts-element_icon_colorbox.standard i[class^="fa-"]:before,
.cts-element_icon_colorbox.standard i[class*="fa-"]:before {
    display:block;
    margin-bottom:0px;
    font-family:FontAwesome;
    font-weight:normal;
    color:#fffffff;
    transition:all 0.3s ease 0s;
}
.cts-element_icon_colorbox .link a {
    display:inline-block;
    padding:4px 12px;
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fffffff;
    text-transform:uppercase;
    transition:all 0.25s linear 0s;
}
.cts-element_icon_colorbox.own-color .link {
    display:inline-block;
    border:1px solid;
    background-color:transparent;
    transition:all 0.25s linear 0s;
}
.cts-element_icon_colorbox.own-color .link a {
    display:inline-block;
    padding:4px 12px;
    border:0px;
    text-decoration:none;
    text-transform:uppercase;
    transition:all 0.25s linear 0s;
}
.cts-element_icon_colorbox:hover .link a {
    background-color:#fffffff;
    color:#fff;
}
.cts-element_icon_colorbox.own-color:hover .link a {
    letter-spacing:1px;
    background-color:transparent;
}
.cts-element_icon_colorbox .link a:after {
    display:inline-block;
    margin-left:4px;
    font-family:FontAwesome;
    text-decoration:none;
    content: '\f105';
}
.cts-element_divider {
    width:100%;
    height:3px;
    clear:both;
    display:inline-block;
    margin-right:auto;
    margin-left:auto;
    padding-top:1px;
    padding-bottom:1px;
}
.fullwidth .cts-element_divider {
    width:98%;
}
.cts-element_divider hr.leftline {
    width:98%;
    height:1px;
    position:relative;
    overflow:visible;
    display:block;
    margin-right:auto;
    margin-left:auto;
    background-color:#eee;
}
hr.leftline:before {
    width:31.33333%;
    height:3px;
    left:0;
    position:absolute;
    display:block;
    background-color:#fffffff;
    content:"";
    bottom:-1px;
}
.cts-element_divider hr.centerline {
    width:98%;
    height:1px;
    position:relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
    background-color:#eee;
}
hr.centerline:before {
    width:48%;
    height:3px;
    right:26%;
    position:absolute;
    display:block;
    background-color:#fffffff;
    content:"";
    bottom:-1px;
}
.cts-element_divider hr.invisible_hr {
    width:100%;
    height:1px;
    position:relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
    background: transparent;
}
.cts-element_divider hr.standard {
    width:98%;
    height:1px;
    position:relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
    background-color:#eee;
}
.cts-element_divider.pattern {
    width:100%;
    height:10px;
    position:relative;
    clear:both;
    display:inline-block;
    margin-right:auto;
    margin-left:auto;
}
.cts-element_divider hr.divider_5.pattern {
    width:98%;
    height:10px;
    position:relative;
    clear:both;
    display:block;
    margin-right:auto;
    margin-left:auto;
    background-image:url("../../files/onepage/css/files/theme/img/pattern/subtle6.png");
    background-position:left center;
    background-repeat:repeat-x;
}
.cts-element_divider.border {
    width:100%;
    height:6px;
    position:relative;
    clear:both;
    display:inline-block;
    margin-right:auto;
    margin-left:auto;
}
.cts-element_divider.border hr.border {
    width:98%;
    height:4px;
    position:relative;
    clear:both;
    display:block;
    margin-right:auto;
    margin-left:auto;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
.fullwidth .cts-element_divider hr.leftline,
.fullwidth .cts-element_divider hr.centerline,
.fullwidth .cts-element_divider hr.standard {
    width:100%;
}
.cts-element_infobox {
    padding:30px 20px 20px;
    text-align:center;
    font-size:16px;
}
.cts-element_infobox p {
    font-family:"Lato",sans-serif;
}
.cts-element_infobox p:before {
    margin-right:10px;
    vertical-align:middle;
    font:20px FontAwesome;
}
.cts-element_infobox.variant1 {
    background-color:#DBECB0;
    color:#45582B;
}
.cts-element_infobox.variant2 {
    background-color:#CBEEFF;
    color:#115475;
}
.cts-element_infobox.variant3 {
    background-color:#FBE9DF;
    color:#B1382D;
}
.cts-element_infobox.variant4 {
    background-color:#f9f9f9;
    color:#333;
}
.cts-element_zitate.variant1 blockquote {
    position:relative;
    padding-left:40px;
}
.cts-element_zitate.variant1 blockquote:before {
    left:0;
    top:6px;
    position:absolute;
    font:28px FontAwesome;
    content: '\f10e';
}
.cts-element_zitate.variant2 blockquote {
    position:relative;
    padding-left:40px;
}
.cts-element_zitate.variant2 blockquote:before {
    left:0;
    top:3px;
    position:absolute;
    font:28px FontAwesome;
    content: '\f0e5';
    transform:scale(-1,1);
}
.ce_text blockquote {
    position:relative;
    padding-left:40px;
}
.ce_text blockquote:before {
    left:0;
    top:6px;
    position:absolute;
    font:28px FontAwesome;
    content: '\f10e';
}
.cts-element_produkt {
    position:relative;
}
.cts-element_produkt.standard .price {
    bottom:10px;
    right:0;
    position:absolute;
    padding:4px;
    background-color:#fffffff;
    font-size:26px;
    line-height:1;
    color:#fff;
}
.cts-element_produkt .price .tax {
    margin-left:4px;
    font-size:12px;
}
.cts-element_produkt.menucard p:last-child {
    margin-bottom:6px;
}
.cts-element_produkt.menucard .price {
    position:relative;
    overflow:hidden;
    padding:4px;
    font-size:12px;
    line-height:1;
    font-style:italic;
    color:#fffffff;
    background:none;
    bottom:unset;
}
.cts-element_produkt.menucard2 {
    padding:16px;
    border:1px solid #f4f4f4;
}
.cts-element_produkt.menucard2 .price {
    position:relative;
    overflow:hidden;
    float:right;
    display:inline-block;
    padding:4px;
    font-size:14px;
    line-height:1;
    font-style:italic;
    color:#fffffff;
    bottom:unset;
    background:none;
}
.cts-element_produkt.menucard3 {
    border-bottom:1px solid #f4f4f4;
}
.cts-element_produkt.menucard3:last-child {
    border-bottom:0px;
}
.cts-element_produkt.menucard3 .description {
    max-width:100%;
    padding:0;
    overflow-x: hidden;
}
.cts-element_produkt.menucard3 .description .meal-price:after {
    width:0;
    float:left;
    padding:0;
    white-space:nowrap;
    content:
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . ";
}
.cts-element_produkt.menucard3 .description .meal-price span:first-child {
    padding-right:.33em;
    white-space:nowrap;
    background-color:#fff;
    font-weight:bold;
}
.cts-element_produkt.menucard3 .description .meal-price span + span {
    position:relative;
    float:right;
    padding-left:.33em;
    background-color:#fff;
    z-index: 1;
}
.cts-element_produkt.menucard3 .description .menu-description {
    font-style:italic;
}

.vcard-storys {
    position: relative;
    text-align: center;
    background-color: none;
    
}
.vcard-storys li {
	list-style-type:none;
	display:inline-block;
}

.vcard-storys .team_socials ul {
    overflow:hidden;
    margin-bottom:0;
    text-align:center;
	padding:0;
}
.vcard-storys img{
    max-width:250px;
	margin-bottom:10px;
    
}
.vcard-storys .name {
    font-size:1.4em;
	color: #E40D2E;
}

.vcard-team {
    position:relative;
    text-align:center;
    background-color:#f6f6f6;
    font-size:13px;
}
.vcard-team .teambox {
    padding:10px;
    text-align:center;
    background-color:#f6f6f6;
    font-size:13px;
}
.vcard-team .teambox.slidein {
    width:100%;
    height:100%;
    left:0;
    top:100%;
    position:absolute;
    background-color:#fffffff;
    color:#fff;
    opacity:0.8;
    transition:all 800ms ease-out;
}
.vcard-team:hover .teambox.slidein {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    opacity:0.9;
    visibility:visible;
    transition:all 800ms ease-out;
}
.vcard-team:hover .slideintable {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:relative;
    display:table;
    vertical-align:middle;
    text-align:center;
}
.vcard-team:hover .slideintablecell {
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle;
}
.vcard-team .name {
    font-size:15px;
	color: #e40d2e;
}
.vcard-team .teambox.slidein .name {
    margin-bottom:6px;
    font-size:15px;
}
.vcard-team .role {
    margin-bottom:10px;
    text-transform:uppercase;
}
.vcard-team .desc:before {
    margin-right:4px;
}
.vcard-team a.email {
    text-decoration:none;
}
.vcard-team .teambox.slidein a.email {
    text-decoration:none;
    color:#fff;
}
.vcard-team .team_socials {
    overflow:hidden;
    display:block;
    margin-top:12px;
}
.vcard-team .team_socials ul {
    overflow:hidden;
    margin-bottom:0;
    text-align:center;
	padding:0;
}
.vcard-team .team_socials li {
    overflow:hidden;
    display:inline-block;
}
.vcard-team .team_socials li i {
    margin-right:6px;
    font-size:16px;
    text-decoration:none;
}
.vcard-team .team_socials li a {
    font-size:16px;
    text-decoration:none;
}
.vcard-team .teambox.slidein .team_socials li a {
    text-decoration:none;
    color:#fff;
}
#footer .mod_microformat_adr_input .org {
    font-size:18px;
}
#footer .vcard-team .teambox.slidein .team_socials li a {
    font-size:16px;
    text-decoration:none;
}
#footer .mod_microformat_adr_input .n {
    display:none;
}
#footer .mod_microformat_adr_input .desc {
    font-size:0;
}
#footer .mod_microformat_adr_input .desc:before {
    width:16px;
    display:block;
    font-size:14px;
}
#footer .mod_microformat_adr_input .mail:before,
#footer .mod_microformat_adr_input .web:before {
    width:16px;
    display:inline-block;
    font-family:FontAwesome;
}
.cts-element_calltoaction {
    border:1px solid #e4e4e4;
}
.cts-element_calltoaction h1,
.cts-element_calltoaction h2,
.cts-element_calltoaction h3,
.cts-element_calltoaction h4,
.cts-element_calltoaction h5,
.cts-element_calltoaction h6 {
    margin-bottom:8px;
    font-size:1.3em;
}
.cts-element_calltoaction p:last-child {
    display:table;
    margin-bottom:0;
}
.cts-element_calltoaction.variant1 {
    display:table;
    padding:20px;
    background-color:#f6f6f6;
    line-height:1.3;
}
.cts-element_calltoaction.variant1 i {
    width:8%;
    display:table-cell;
    padding-right:6px;
    vertical-align:middle;
    text-align:center;
    font-size:46px;
    color:#fffffff;
}
.cts-element_calltoaction.variant1 .calltoactioncontent {
    display:table-cell;
    padding-right:10px;
    padding-left:10px;
    vertical-align:middle;
}
.cts-element_calltoaction.variant1 .link {
    width:15%;
    display:table-cell;
    padding:10px;
    vertical-align:middle;
    text-align:center;
}
.cts-element_calltoaction.variant1 .link a {
    display:block;
    padding:10px 14px;
    white-space:nowrap;
    background-color:#fffffff;
    text-decoration:none;
    color:#fff;
}
.cts-element_calltoaction.variant2 {
    display:table;
    padding:20px 20px 20px 30px;
    background-color:#f6f6f6;
    line-height:1.3;
}
.cts-element_calltoaction.variant2 .calltoactioncontent {
    width:88%;
}
.cts-element_calltoaction.variant2 .link {
    display:table-cell;
    padding:10px;
    vertical-align:middle;
    text-align:center;
}
.cts-element_calltoaction.variant2 .link a {
    display:block;
    padding:10px 14px;
    white-space:nowrap;
    background-color:#fffffff;
    text-decoration:none;
    color:#fff;
}
.cts-element_calltoaction.variant3 {
    display:table;
    padding:20px 20px 20px 30px;
    background-color:#f6f6f6;
    line-height:1.3;
}
.cts-element_calltoaction.variant3 i {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size:46px;
    color:#fffffff;
}
.cts-element_calltoaction.variant3 .calltoactioncontent {
    padding-right:20px;
    padding-left:30px;
    vertical-align:middle;
}
.cts-element_contentbox .cts_contentbox {
    padding:25px 25px 10px;
}
.cts-element_contentbox .variant1 {
    background-color:#DBECB0;
    color:#45582B;
}
.cts-element_contentbox .variant2 {
    background-color:#CBEEFF;
    color:#115475;
}
.cts-element_contentbox .variant3 {
    background-color:#FBE9DF;
    color:#B1382D;
}
.cts-element_contentbox .variant4 {
    background-color:#f9f9f9;
    color:#333;
}
.cts-element_contentbox .variant5 {
    border:1px solid #e0e0e0;
}
.cts-element_contentbox .variant1 h1,
.cts-element_contentbox .variant1 h2,
.cts-element_contentbox .variant1 h3,
.cts-element_contentbox .variant1 h4,
.cts-element_contentbox .variant1 h5,
.cts-element_contentbox .variant1 h6 {
    font-size:1.3em;
    color:#45582B;
}
.cts-element_contentbox .variant2 h1,
.cts-element_contentbox .variant2 h2,
.cts-element_contentbox .variant2 h3,
.cts-element_contentbox .variant2 h4,
.cts-element_contentbox .variant2 h5,
.cts-element_contentbox .variant2 h6 {
    font-size:1.3em;
    color:#115475;
}
.cts-element_contentbox .variant3 h1,
.cts-element_contentbox .variant3 h2,
.cts-element_contentbox .variant3 h3,
.cts-element_contentbox .variant3 h4,
.cts-element_contentbox .variant3 h5,
.cts-element_contentbox .variant3 h6 {
    font-size:1.3em;
    color:#B1382D;
}
.cts-element_contentbox .variant4 h1,
.cts-element_contentbox .variant4 h2,
.cts-element_contentbox .variant4 h3,
.cts-element_contentbox .variant4 h4,
.cts-element_contentbox .variant4 h5,
.cts-element_contentbox .variant4 h6 {
    font-size:1.3em;
    color:#333;
}
.cts-element_contentbox .variant5 h1,
.cts-element_contentbox .variant5 h2,
.cts-element_contentbox .variant5 h3,
.cts-element_contentbox .variant5 h4,
.cts-element_contentbox .variant5 h5,
.cts-element_contentbox .variant5 h6 {
    font-size:1.3em;
}
.cts-element_headerimage {
    position:relative;
    margin-right:0;
    margin-left:0;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.cts-element_headerimage h1,
.cts-element_headerimage h2,
.cts-element_headerimage h3,
.cts-element_headerimage h4,
.cts-element_headerimage h5,
.cts-element_headerimage h6 {
    position:relative;
    display:table-cell;
    margin-bottom:0;
    padding:15px 20px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    opacity:0.8;
    text-shadow:0px 0px 2px rgba(0, 0, 0, 0.50)
}
.nobg.cts-element_headerimage h1,
.nobg.cts-element_headerimage h2,
.nobg.cts-element_headerimage h3,
.nobg.cts-element_headerimage h4,
.nobg.cts-element_headerimage h5,
.nobg.cts-element_headerimage h6 {
    padding:15px 20px 0 0;
    opacity:1;
}
.cts-element_headerimage.zentriert h1,
.cts-element_headerimage.zentriert h2,
.cts-element_headerimage.zentriert h3,
.cts-element_headerimage.zentriert h4,
.cts-element_headerimage.zentriert h5,
.cts-element_headerimage.zentriert h6 {
    position:relative;
    display:table;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    padding:15px 20px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    opacity:0.8;
}
.nobg.cts-element_headerimage.zentriert h1,
.nobg.cts-element_headerimage.zentriert h2,
.nobg.cts-element_headerimage.zentriert h3,
.nobg.cts-element_headerimage.zentriert h4,
.nobg.cts-element_headerimage.zentriert h5,
.nobg.cts-element_headerimage.zentriert h6 {
    font-weight:700;
    opacity:1;
}
.cts-element_headerimage .textarea {
    position:relative;
    display:inline-block;
    padding:15px 20px;
    letter-spacing:1px;
    font-weight:700;
    opacity:0.8;
    text-shadow:0px 0px 1px rgba(0, 0, 0, 0.50)
}
.nobg.cts-element_headerimage .textarea {
    position:relative;
    display:inline-block;
    padding:15px 20px 15px 0;
    letter-spacing:1px;
    font-weight:700;
    opacity:1;
}
.cts-element_headerimage .headertextwrapper {
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    display:block;
}
.cts-element_headerimage .textarea p:last-child {
    margin-bottom:0;
}
.cts-element_headerimage .headertextwrapper .textblock {
    height:100%;
    max-width:1140px;
    position:relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
}
.cts-element_headerimage .headertextwrapper .textblock .texttable {
    width:100%;
    height:100%;
    display:table;
    padding:30px;
}
.fullwidth .cts-element_headerimage .headertextwrapper .textblock .texttable {
    width:100%;
    height:100%;
    display:table;
    padding:30px 30px 60px 41px;
}
.cts-element_headerimage .headertextwrapper .textblock .texttable .link a {
    display:inline-block;
    margin-top:20px;
    padding:8px 12px;
    background-color:rgba(0,0,0,.3);
    border:2px solid #fff;
    font-size:18px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:400;
}
.cts-element_headerimage.texttop .headertextwrapper .textblock .texttable .textcell {
    display:table-cell;
    vertical-align:top;
    text-align:left;
}
.cts-element_headerimage.textunten .headertextwrapper .textblock .texttable .textcell {
    display:table-cell;
    vertical-align:bottom;
    text-align:left;
}
.cts-element_headerimage.zentriert .headertextwrapper .textblock .texttable .textcell {
    display:table-cell;
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
    text-align:center;
}
.cts-element_headerimage.textmittig .headertextwrapper .textblock .texttable .textcell {
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}
.hyperlink_extended a {
    display:inline-block;
    text-align:center;
    white-space:nowrap;
    font-family:'OpenSansCondensed',sans-serif;
    text-decoration:none;
    font-weight:600;
    -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
        -ms-transition: All 0.3s ease;
        transition: All 0.3s ease;
}
.hyperlink_extended a:before {
    display:inline-block;
    margin-right:.5em;
    font-family:FontAwesome;
}
.hyperlink_extended.fullblock a {
    display:block;
    text-align:center;
    white-space:nowrap;
    text-decoration:none;
    -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
        -ms-transition: All 0.3s ease;
        transition: All 0.3s ease;
}
.hyperlink_extended a:hover {
    opacity:0.9;
}
.hyperlink_extended.rounded3 a {
    border-radius:3px;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
}
.hyperlink_extended.rounded5 a {
    border-radius:5px;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
}
.hyperlink_extended.rounded99 a {
    border-radius:99px;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
}
.hyperlink_extended.small a {
    padding:8px 10px;
}
.hyperlink_extended.middle a {
    padding:10px 12px;
    font-size:15px;
}
.hyperlink_extended.big a {
    padding:15px 18px;
    font-size:18px;
    text-decoration:none;
}
.hyperlink_extended.variant1 a {
    background-color:#fffffff;
    color:#fff;
}
.hyperlink_extended.variant2 a {
    border:1px solid #fffffff;
    color:#fffffff;
}
.hyperlink_extended.variant2 a:hover {
    border:1px solid #555;
    color:#555;
}
.hyperlink_extended.variant3 a {
    border:1px solid #555;
    color:#555;
}
.hyperlink_extended.variant3 a:hover {
    background-color:#555;
    border:1px solid #555;
    color:#fff;
}
.ce_ctspreistabelle.highlightyes.block {
    position:relative;
    overflow:visible;
    z-index:99;
}
.cts-element_preistabelle {
    position:relative;
    margin-top:0px;
    margin-bottom:10px;
    text-align:center;
    border:none;
}
.highlightyes .cts-element_preistabelle {
    position:relative;
    margin-top:-6px;
    text-align:center;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.4);
    box-shadow:0 0 10px rgba(0,0,0,.4);
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
}
.cts-element_preistabelle .titel {
    position:relative;
    padding:0;
    font-size: calc(0.8em + 1.5vmin);
}
.cts-element_preistabelle .titel .titelbox .image_container.float_above {
    
    padding:0;
}
.cts-element_preistabelle .titel .titelbox .image_container {
    position:relative;
    display:block;
    margin-bottom:20px;
    vertical-align:middle;
}
.cts-element_preistabelle .titel .titelbox .image_container img {
    /*border-radius:50%;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");*/
	max-width:100%;
	height:auto;
}
.cts-element_preistabelle .image_container.float_above {
    margin-bottom:0;
    padding:0;
}
.cts-element_preistabelle .titel .highlighttext {
    position:relative;
    padding:0;
    font-size:.4em;
}
.cts-element_preistabelle .preis {
    font-size:3em;
    line-height:1.2;
    font-weight:700;
}
.cts-element_preistabelle .preis span {
    vertical-align:top;
    font-size:.6em;
    line-height:1.5em;
    font-weight:700;
}
.cts-element_preistabelle .preisbox {
    padding:25px;
    font-size:.8em;
}
.cts-element_preistabelle .featurelist {
    background-color:#f9f9f9;
}
.cts-element_preistabelle .featurelist ul {
    margin:0;
	padding:0;
	list-style:none;
}
.cts-element_preistabelle .featurelist ul li {
    border-bottom:1px solid #efefef;
    line-height:60px;
}
.cts-element_preistabelle .link {
	margin-top:0;
	background:#333!important;
}
.cts-element_preistabelle .link a {
    display:block;
    
    text-decoration:none;
    text-transform:uppercase;
	border:none;
		color:#fff!important;
}

.cts-element_preistabelle .link a:hover {
   
	border:none;
	
}
.highlightyes .cts-element_preistabelle .link a {
    display:block;

    padding:22px 16px;
    text-decoration:none;
    text-transform:uppercase;
}
.cts-element_imageboxext {
    position:relative;
    overflow:hidden;
    display:table;
    vertical-align:top;
}
.cts-element_imageboxext ul {
    display:table;
    padding-left:1.4em;
}
.cts-element_imageboxext ul li {
    list-style-type:disc;
    list-style-position: outside;
}
.cts-element_imageboxext .link a {
    position:relative;
    display:inline-block;
    padding:6px 16px;
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fffffff;
}
.cts-element_imageboxext .link a:hover {
    background-color:#fffffff;
    text-decoration:none;
    color:#fff;
}
.cts-element_imageboxext .imagebox {
    position:relative;
    display:block;
}
.cts-element_imageboxext .imagebox .image_container.float_above {
    margin-bottom:0;
}
.cts-element_imageboxext .textwrapperext {
    position:relative;
    display:table-cell;
    padding-right:0;
    padding-left:5%;
    vertical-align:top;
}
.cts-element_imageboxext .textwrapperext .headlinebox {
    margin-bottom:16px;
    border-bottom:2px solid #ececec;
}
.cts-element_imageboxext .textwrapperext .headlinebox .subheadline {
    color:#acacac;
}
.cts-element_imageboxext.imgright .textwrapperext {
    position:relative;
    display:table-cell;
    padding-right:5%;
    padding-bottom:0;
    padding-left:0;
    vertical-align:top;
    text-align:right;
}
.cts-element_imageboxext.textmittig .textwrapperext {
    position:relative;
    display:table-cell;
    vertical-align:middle;
}
.cts-element_imageboxext.textunten .textwrapperext {
    position:relative;
    display:table-cell;
    vertical-align:bottom;
}
.cts-element_imageboxext .textwrapperext .link a {
    position:relative;
    display:inline-block;
    padding:6px 16px;
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fffffff;
}
.cts-element_imageboxext .textwrapperext .link a:hover {
    position:relative;
    display:inline-block;
    background-color:#fffffff;
    text-decoration:none;
    color:#fff;
}
.cts-element_listext .ext_list ul {
    margin-left:26px;
    padding-left:0;
    list-style-type:none;
}
.cts-element_listext .ext_list.iconright ul {
    margin-right:0;
    margin-left:0;
    list-style-type:none;
}
.ext_list.iconright {
    text-align:right;
}
.cts-element_listext .ext_list ul li span {
    width:.8em;
    margin-right:.8em;
    margin-left:-1.55em;
}
.cts-element_listext .ext_list.iconright ul li span {
    width:1em;
    margin-right:0;
    margin-left:.5em;
}
.cts-element_textbgimage {
    position:relative;
    background-color:#f6f6f6;
}
.fullwidth #main .inside .cts-element_textbgimage .inside {
    max-width:1140px;
    position:static;
    margin-right:auto;
    margin-left:auto;
    padding:0;
    padding:0  30px !important;
}
.cts-element_textbgimage .image-left {
    width:50%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
}
.cts-element_textbgimage .text-right {
    width:49%;
    margin-left:50%;
    padding:110px 0 110px 60px;
}
.cts-element_textbgimage .texttable {
    width:100%;
    height:100%;
    display:table;
}
.cts-element_textbgimage .textcell {
    display:table-cell;
    margin-left:50%;
    vertical-align:middle;
}
.cts-element_textbgimage .image-right {
    width:50%;
    height:100%;
    right:0;
    top:0;
    position:absolute;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
}
.cts-element_textbgimage .text-left {
    width:50%;
    margin-left:1%;
    padding:110px 60px 110px 0;
}
.cts-element_textbgimage .image-full {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.cts-element_textbgimage.full .bgimage-overlay {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    overflow:hidden;
}
.cts-element_textbgimage .text-full {
    position:relative;
    overflow:hidden;
    padding:70px 0px;
    text-align:center;
}
.cts-element_textbgimage .link a {
    display:inline-block;
    padding:4px 12px;
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fffffff;
    text-transform:uppercase;
}
.cts-element_textbgimage .link a:hover {
    background-color:#fffffff;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
}
.cts-element_textbgimage .link a.customcolor {
    transition: All 0.25s ease;
}
.cts-element_textbgimage .link a.customcolor:hover {
    letter-spacing:2px;
    background-color: transparent;
    transition: All 0.25s ease;
}
.cts-element_projektdetail {
    position:relative;
    overflow:hidden;
}
.cts-element_projektdetail .imageblock {
    width:60%;
    position:relative;
    overflow:hidden;
    float:left;
    display:block;
}
.cts-element_projektdetail.variante2 .imageblock {
    width:100%;
    position:relative;
    overflow:hidden;
    float:none;
    display:block;
    margin-bottom:0;
}
.cts-element_projektdetail .imageblock .ce_video-container.vimeo {
    margin-left: 0% !important;
    margin-right: 0% !important;
}
.cts-element_projektdetail .imageblock .image_container.float_above,
.cts-element_projektdetail .imageblock .ce_youtube,
.cts-element_projektdetail .imageblock .ce_player {
    margin-bottom:0;
}
.cts-element_projektdetail .projektdetails {
    width:38%;
    position:relative;
    overflow:hidden;
    float:left;
    display:block;
    margin-left:2%;
}
.cts-element_projektdetail.variante2 .projektdetails {
    width:100%;
    position:relative;
    overflow:hidden;
    float:none;
    display:table;
    margin-left:0;
    padding:2%;
    background-color:#f6f6f6;
}
.cts-element_projektdetail.variante2 .headline {
    width:45%;
    height:100%;
    position:relative;
    overflow:hidden;
    float:none;
    display:table-cell;
    vertical-align:middle;
}
.cts-element_projektdetail .projektdetails ul li {
    overflow:hidden;
    margin-bottom:6px;
    padding-bottom:6px;
    border-bottom:1px solid #f4f4f4;
}
.cts-element_projektdetail.variante2 .projektdetails ul li {
    overflow:hidden;
    border-bottom:1px solid #ebebeb;
}
.cts-element_projektdetail.variante2 .projektdetails ul {
    width:55%;
    float:none;
    display:table-cell;
    margin-bottom:0;
    padding-left:1%;
    vertical-align:middle;
}
.leftColumn .cts-element_projektdetail .projektdetails ul li,
.rightColumn .cts-element_projektdetail .projektdetails ul li {
    padding-bottom:0;
}
.cts-element_projektdetail .projektdetails ul li .label {
    width:35%;
    position:relative;
    overflow:hidden;
    float:left;
    display:block;
    padding-right:3px;
    font-weight:bold;
}
.cts-element_projektdetail.variante2 .projektdetails ul li .label {
    width:30%;
    position:relative;
    overflow:hidden;
    float:left;
    display:block;
    padding-right:3px;
    font-weight:bold;
}
.cts-element_projektdetail .projektdetails ul li .description {
    width:65%;
    position:relative;
    float:left;
    display:block;
}
.cts-element_projektdetail.variante2 .projektdetails ul li .description {
    width:70%;
    position:relative;
    float:left;
    display:block;
}
.cts-element_projektdetail .moreprojektdetails .ce_list ul {
    margin-left:26px;
    padding-left:0;
    list-style-type:none;
}
.cts-element_projektdetail .moreprojektdetails ul li {
    margin-bottom:6px;
    list-style-type:none;
}
.cts-element_projektdetail .moreprojektdetails ul li i {
    width:1em;
    margin-right:.5em;
    margin-left:-1.55em;
    color:#fffffff;
}
.cts-element_projektdetail .link a {
    position:relative;
    display:inline-block;
    margin-top:20px;
    padding:6px 12px;
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fffffff;
    text-transform:uppercase;
}
.leftColumn .cts-element_projektdetail .link a,
.rightColumn .cts-element_projektdetail .link a {
    margin-top:0;
    padding:5px 10px;
}
.cts-element_projektdetail .link a:hover {
    background-color:#fffffff;
    color:#fff;
}
.cts-element_projektdetail .projektdescription {
    position:relative;
    display:block;
    margin-top:40px;
}
.cts-element_projektdetail .projektgallery {
    position:relative;
    margin-top:20px;
}
.cts-element_projektdetail .projektgallery .ce_gallery {
    position:relative;
    margin-bottom:0;
}
.cts-element_projektdetail .projektgallery .ce_gallery ul li {
    position:relative;
    margin-bottom:0;
}
.top10 {
    margin-top:10px;
}
.bottom10 {
    margin-bottom:10px;
}
.top20 {
    margin-top:20px;
}
.bottom20 {
    margin-bottom:20px;
}
.top30 {
    margin-top:30px;
}
.bottom30 {
    margin-bottom:30px;
}
.top40 {
    margin-top:40px;
}
.bottom40 {
    margin-bottom:40px;
}
.top50 {
    margin-top:50px;
}
.bottom50 {
    margin-bottom:50px;
}
.top60 {
    margin-top:60px;
}
.bottom60 {
    margin-bottom:60px;
}
.top70 {
    margin-top:70px;
}
.bottom70 {
    margin-bottom:70px;
}
.top80 {
    margin-top:80px;
}
.bottom80 {
    margin-bottom:80px;
}
.top90 {
    margin-top:90px;
}
.bottom90 {
    margin-bottom:90px;
}
.top100 {
    margin-top:100px;
}
.bottom100 {
    margin-bottom:100px;
}
.top110 {
    margin-top:110px;
}
.bottom110 {
    margin-bottom:110px;
}
.top120 {
    margin-top:120px;
}
.bottom120 {
    margin-bottom:120px;
}
.top-m30 {
    margin-top:-30px;
}
.bottom-m30 {
    margin-bottom:-30px;
}
.ptop10 {
    padding-top:10px;
}
.pbottom10 {
    padding-bottom:10px;
}
.ptop20 {
    padding-top:20px;
}
.pbottom20 {
    padding-bottom:20px;
}
.ptop30 {
    padding-top:30px;
}
.pbottom30 {
    padding-bottom:30px;
}
.ptop40 {
    padding-top:40px;
}
.pbottom40 {
    padding-bottom:40px;
}
.ptop50 {
    padding-top:50px;
}
.pbottom50 {
    padding-bottom:50px;
}
.ptop60 {
    padding-top:60px;
}
.pbottom60 {
    padding-bottom:60px;
}
.ptop70 {
    padding-top:70px;
}
.pbottom70 {
    padding-bottom:70px;
}
.ptop80 {
    padding-top:80px;
}
.pbottom80 {
    padding-bottom:80px;
}
.ptop90 {
    padding-top:90px;
}
.pbottom90 {
    padding-bottom:90px;
}
.ptop100 {
    padding-top:100px;
}
.pbottom100 {
    padding-bottom:100px;
}
.ptop110 {
    padding-top:110px;
}
.pbottom110 {
    padding-bottom:110px;
}
.ptop120 {
    padding-top:120px;
}
.pbottom120 {
    padding-bottom:120px;
}
.ce_ctselementwrapper.grey {
    background-color:#f6f6f6;
}
.ce_ctselementwrapper > i {
    font-size:2em;
    color:#fffffff;
}
.ce_ctselementwrapper.parallax-window {
    width:100%;
    min-height:250px;
    position:relative;
    background-color:#f6f6f6;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
}
.ce_ctselementwrapper.parallax-window .inside {
    z-index:999;
}
.ce_ctselementwrapper.parallax-window.overlay-light:before {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    background-color:rgba(255,255,255,.5);
    content:"";
    z-index:10;
}
.ce_ctselementwrapper.parallax-window.overlay-dark:before {
    width:100%;
    height:100%;
	overflow-y:hidden!important;
    left:0;
    top:0;
    position:absolute;
    background-color:rgba(0,0,0,.5);
    content:"";
    z-index:10;
}
.ce_ctselementwrapper.parallax-window.overlay-color:before {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    background-color:rgba(fffffff,.4);
    content:"";
    z-index:10;
}
.ctsprogress-bar .title {
    margin:0 0 15px;
    font-size:13px;
}
.ctsprogress-bar .meter {
    position:relative;
    overflow:visible;
    margin:0 0 25px;
    background-color:#f1f1f1;
    border-radius:25px;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    border: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.ctsprogress-bar .progressbar {
    width:0%;
    height:3px;
    position:relative;
    float:left;
    display:block;
    text-align:right;
    background-color:#5c5c5c;
    border-radius:25px;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    background-clip: padding-box;
}
.ctsprogress-bar .progressbar .value {
    right:0;
    position:absolute;
    float:none;
    margin-top:0;
    top: -32px;
    z-index: 11;
}
.ctsprogress-bar .progressbar .value.background-set:after {
    top:18px;
    position:absolute;
    display:block;
    border:4px solid;
    content: '';
    right: 0px;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
}
.ctsprogress-bar .value {
    float:right;
    margin-top:-32px;
    font-size:12px;
    font-weight: 400;
}
.cts-element_countto {
    padding:20px;
    text-align:center;
}
.cts-element_countto.ctgrey {
    background-color:#f6f6f6;
}
.cts-element_countto i {
    font-size:36px;
}
.cts-element_countto .count,
.cts-element_countto .zusatz {
    font-size:2em;
    line-height:2em;
}
.cts-element_countto .title {
    font-size:1.2em;
}
.cursorbig.cts-element_typed .typed-cursor {
    font-size:44px;
}
.cursor-speed1.cts-element_typed .typed-cursor {
    opacity: 1;
    -webkit-animation: blink 1.2s infinite;
    -moz-animation: blink 1.2s infinite;
     animation: blink 1.2s infinite;
}
.cursor-color.cts-element_typed .typed-cursor {
    color:#fffffff;
}
.cursor-color2.cts-element_typed .typed-cursor {
    font-weight:bold;
    color:#f00;
}
.ce_ctsleadertext h1,
.ce_ctsleadertext h2,
.ce_ctsleadertext h3,
.ce_ctsleadertext h4,
.ce_ctsleadertext h5 {
    margin-bottom:0;
}
.ce_ctsleadertext.textalign-center {
    text-align:center;
}
.ce_ctsleadertext.textalign-right {
    text-align:right;
}
.ce_ctsleadertext .divider.version1 {
    width:100px;
    height:2px;
    margin-top:20px;
    margin-bottom:20px;
    background-color:#133253;
}
.ce_ctsleadertext.textalign-center .divider.version1 {
    margin-right:auto;
    margin-left:auto;
    background-color:rgba(194,48,185,1);
}
.ce_ctsleadertext.textalign-right .divider.version1 {
    margin-left:auto;
    background-color:#133253;
}
.ce_ctsleadertext .divider.version2 {
    display:block;
    margin-top:16px;
    margin-bottom:16px;
    line-height:1;
}
.ce_ctsleadertext .divider.version2:before,
.ce_ctsleadertext .divider.version2:after {
    width:60px;
    height:1px;
    display:inline-block;
    margin-top:-1px;
    vertical-align:middle;
    background-color:#555;
    content: "";
}
.ce_ctsleadertext .divider.version2 .dividerfirst {
    width:9px;
    height:9px;
    display:inline-block;
    margin-right:6px;
    margin-left:6px;
    background-color:#fffffff;
}
.ce_ctsleadertext .divider.version3 {
    display:block;
    margin-top:16px;
    margin-bottom:16px;
    line-height:1;
}
.ce_ctsleadertext .divider.version3:before,
.ce_ctsleadertext .divider.version3:after {
    width:60px;
    height:1px;
    display:inline-block;
    margin-top:-3px;
    vertical-align:middle;
    background-color:#555;
    content: "";
}
.ce_ctsleadertext .divider.version3 .dividerfirst {
    width:20px;
    height:20px;
    display:inline-block;
    margin-right:6px;
    margin-left:6px;
}
.ce_ctsleadertext .divider.version3 .dividerfirst:before {
    display:block;
    text-align:center;
    font-size:18px;
    line-height:18px;
   
}
.ce_ctsleadertext .link a {
    display:inline-block;
 
    border:1px solid #ffffff;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    -webkit-transition: All 0.25s ease;
     -moz-transition: All 0.25s ease;
     -o-transition: All 0.25s ease;
     -ms-transition: All 0.25s ease;
     transition: All 0.25s ease;
}
.ce_ctsleadertext .link a:hover {
	    display:inline-block;

  	background-color:none;
    border:1px solid #ffffff;
    text-decoration:none;
    color:#ffffff;
    -webkit-transition: All 0.25s ease;
     -moz-transition: All 0.25s ease;
     -o-transition: All 0.25s ease;
     -ms-transition: All 0.25s ease;
     transition: All 0.25s ease;
}
.ce_ctsheadlineext.textalign-center {
    text-align:center;
}
.ce_ctsheadlineext.textalign-right {
    text-align:right;
}
.cts-element_produkt.standard .image_container.float_above {
    margin:0;
    padding:0;
}
.cts-element_produkt.standard.box .ce_list ul li {
    list-style-type:square;
}
.cts-element_produkt.standard.box .description {
    padding:20px;
    border:1px solid #f4f4f4;
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard.box .priceurl {
    position:relative;
    overflow:hidden;
    display:block;
    padding:20px;
    background-color:#f4f4f4;
    border-top:0px solid #f4f4f4;
    border-right:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
    border-left:1px solid #f4f4f4;
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard .price {
    bottom:auto;
    right:auto;
    position:relative;
    display:inline-block;
    padding:0;
    font-size:22px;
    line-height:40px;
    background-color:transparent;
    color: inherit;
}
.cts-element_produkt.standard.box .priceurl span.currency {
    margin-right:4px;
}
.cts-element_produkt.standard .link {
    position:relative;
    float:right;
    display:inline-block;
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard.box:hover .description {
    border:1px solid #fffffff;
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard.box:hover .priceurl {
    border-top:0px solid #fffffff;
    border-right:1px solid #fffffff;
    border-bottom:1px solid #fffffff;
    border-left:1px solid #fffffff;
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard .link a {
    position:relative;
    display:inline-block;
    padding:7px 12px;
    background-color:#fffffff;
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard .link a:hover {
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fffffff;
    text-transform:uppercase;
    background-color: transparent;
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard .link a::after {
    position:relative;
    display:inline-block;
    margin-left:4px;
    font-family:FontAwesome;
    content: '\f105';
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard.box h1,
.cts-element_produkt.standard.box h2,
.cts-element_produkt.standard.box h3,
.cts-element_produkt.standard.box h4,
.cts-element_produkt.standard.box h5,
.cts-element_produkt.standard.box h6 {
    margin-bottom:0;
}
.cts-element_produkt.standard.box .headlinebox {
    padding:20px;
    border:1px solid #f4f4f4;
    transition: all 0.25s linear 0s;
}
.cts-element_produkt.standard.box:hover .headlinebox {
    border:1px solid #fffffff;
    transition: all 0.25s linear 0s;
}
.ce_ctsproduct.cts-element_produkt.pricecards.block {
    overflow:visible;
}
.cts-element_produkt .ce_pricecard {
    position:relative;
    overflow:hidden;
    display:block;
    margin-top:5px;
    margin-bottom:5px;
    padding:40px 50px 30px;
    background-color:#fff;
    -webkit-box-shadow:0 0 4px 2px rgba(0,0,0,.15);
    box-shadow:0 0 4px 2px rgba(0,0,0,.15);
    border:1px solid #f6f6f6;
    border-radius:6px;
    behavior:url("assets/css3pie/1.0.0/PIE.htc");
    transition: all 0.25s linear 0s;
}
.cts-element_produkt .pricecardleft,
.cts-element_produkt .pricecardright {
    width:50%;
    overflow:hidden;
    float:left;
    display:block;
}
.cts-element_produkt .ce_pricecard .headlinebox {
    margin-bottom:0;
}
.cts-element_produkt .ce_pricecard .price,
.cts-element_produkt .ce_pricecard .price .tax {
    margin-bottom:0;
    margin-left:0;
    font-size:1.2rem;
    font-weight:bold;
}
.cts-element_produkt .ce_pricecard .price .currency {
    margin-right:3px;
}
.cts-element_produkt .ce_pricecard .link a {
    min-width:120px;
    display:inline-block;
    margin-top:12px;
    margin-bottom:12px;
    padding:8px 20px;
    text-align:center;
    background-color:#fffffff;
    border:1px solid #fffffff;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
}
.cts-element_produkt .ce_pricecard .ce_list,
.cts-element_produkt .ce_pricecard .ce_list ul {
    margin-bottom:0;
}

.text-left {
    text-align: right;
}

.text-right {
    text-align: left;
}

@charset "utf-8";
/* CSS Document */

p {
	margin:0;
	font-family:"Lato", Helvetica, sans-serif;
	font-weight: 400;
}
h1 {
	
	font-family:"Roboto", Lato, sans-serif;
	font-weight: 300;
	text-transform:uppercase;
	letter-spacing:3px;
	 word-wrap: normal;
	 font-size: calc(1.1em + 2vmin);
	 

}

h2 {
	font-size: calc(1em + 0.5vmin);
	color:#555;
	font-family:"Roboto", Lato, sans-serif;
	font-weight: 700;
	text-transform:uppercase;
}

.zindex h2 {
    color: #fff;
}


h3 {
	color:#fff;
	font-family:"Lato", Helvetica, sans-serif;
	font-weight: 900;
	text-transform:uppercase;
}

h4 {
	color:#555;
	font-size: calc(0.5em + 3vmin);
	font-family:"Lato", Helvetica, sans-serif;
	font-weight: 900;
	text-transform:uppercase;
}


#footer h2 {
	
	color:#fff;
	
	
}




iframe {
	padding-left:0!important;
	overflow-x:hidden!important;
}

/***centered images***/

.center-block img {
	
	display: block;
margin-right: auto;
margin-left: auto;
}

.trainingsangebot-popover {
    position: absolute;
    
    /*! right: 234px; */
    
    width: 481px;
    
    margin-top: 1px;
    z-index: 5;
    
    
    margin: 0 auto!important;
    
    left: 0!important;
    right: 0!important;
    text-align: center;
}

.subheadline {
	
font-size:1.4em;
color: rgb(194,48,185) !important;
}

.section .divider.version1 {
       background-color: #fff!important;
}

.section .subheadline, #footer .subheadline, .section h1, .section p  {
  	color: #fff;
}
a { 
	outline:none!Important;
	color:#999;
}
html,body {
		font-family:"Lato", Helvetica, sans-serif;

	overflow-x: hidden!important; 
	-webkit-font-smoothing: antialiased;   
    -moz-osx-font-smoothing: grayscale;  
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased; 
	-webkit-font-smoothing: subpixel-antialiased;
	line-height:26px;
	font-size:16px;
}

p .warning {
	color:#e40d2e;
}

/***Blitzer fix on load***/

#wrapper {
	visibility:hidden;
	opacity:0;
}
/******/

#header {
	
}

/***Homeicons***/

.home .fa {
	font-size:2.2em;
	color:#fff;
}


/***ANIMATE MOUSESCROLL FOR FULLSCREEN SLIDER***/

@keyframes scroll {
  0% { opacity: 1 }
  100% { opacity: 0; transform: translateY(46px)} 
}

@keyframes fade {
  0% { opacity: 0; transform: translateY(-46px)}
  100% { opacity: 1; transform: translateY(0px)} 
}

.icon-scroll::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    margin-left: -4px;
    top: 8px;
    border-radius: 4px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}
.icon-scroll {
    width: 30px;
    height: 60px;
    margin-left: -20px;
    
    margin-top: -35px;
    box-shadow: inset 0 0 0 2px #fff;
    border-radius: 25px;
}
.icon-scroll, .icon-scroll::before {
    position: absolute!important;
    left: 50%;
	z-index:9999!important;
	bottom: 10px;
}



/**REVOLUTION SLIDER***/


/**Fullscreen Height Fixx**/
.forcefullwidth_wrapper_tp_banner {
	max-height:0px!important;
}
/*******************/

h1.tp-caption.medium_text{

	font-size:3em!important;
	text-transform:uppercase;
	font-family:"Lato";
	font-weight: 900;
	display:block!important;
	line-height:normal!important;
	margin-top:-280px!important;
}

.tp-caption.medium_text {
	font-family:"Montserrat", Helvetica, sans-serif;
	position:absolute;
	color:#fff;
	text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
	font-weight:700;
	margin:0px;
	border-width:0px;
	border-style:none;
	white-space: normal;
	z-index:999;
}

.tp-caption .image_container img {
/*width:310px!important;
height:114px!important;*/
}

.tp-caption {
	z-index:999;
}

.tp-caption.medium_text.sliderbglink {
	
}

/***Paralaxx Title**/
 #whitefont td, #whitefont th, #whitefont h1{
	color:#fff!important;
}
	
/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

#parallax-it-1, #parallax-it-2, #parallax-it-3,#parallax-it-4 {
	position:relative!important;
	z-index:1;
	
}

#parallax-it {
	
	top:0px;
	position:fixed!important;
	z-index:0!important;
}

 #para {
	
	top:0px;
	position:absolute!important;
	z-index:0;
	
}




/***JUMBOTRON***/
.jumbotron {
	padding:0px;
}

.jumbotron h1{
	text-transform:uppercase;
}
/***COLORBOX***/
.ce_ctscolor {
	
	
}



/**LINK READMORE***/

.link {
	margin-top:15px;
}
.link a, .submit {
border: 1px solid rgba(194,48,185,1)!important;
background: none!important;
color: rgba(194,48,185,1)!important;
display: inline-block;
text-align: center;
white-space: nowrap;
text-decoration: none;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
-ms-transition: All 0.3s ease;
transition: All 0.3s ease;
 border-radius: 0!important;
 padding:10px;
}

.link a:hover, .submit:hover {
    background-color: rgba(194,48,185,1)!important;
    border: 1px solid rgba(194,48,185,1);
    color: #fff!important;
	padding:10px;
	-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
-ms-transition: All 0.3s ease;
transition: All 0.3s ease;
}


.dark h1, .dark h2 {
	color:#333;
}
.dark .link a, .submit.link{
	
	background-color: #E40D2E;
    border: 1px solid #fff;
    color: #fff!important;
	padding:10px;
}

.dark .link a:hover, .submit.link:hover{
	
	background-color: #333;
    border: 1px solid #333;
    color: #fff!important;
	padding:10px;
}

.dark .link a:before {
	font-family:"fontawesome";
	content:"\f14d";
	font-size:18px;
	color:#FFF;
	margin-right: 5px;
}


/***Topelements***/

.boxicon {
	padding: 0 7px 0 5px;
	color:#fff;
}

.boxicon:hover {
	color:#C230B9;
}

#element_right {
	display:inline;
	position:absolute;
	right:15px;
	float:right;
	margin-top:13.5px;
	
}
/**Bootstrap Navi***/


.navbar-brand {
    float: left;
    height: 80px;
    padding: 0px 15px;
    font-size: 18px;
    vertical-align:middle;
    position: absolute;
	margin-top:10px;
}



.navbar
{
 	height:80px;
	border:none;
     -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count:1;
    -webkit-animation-name: fade;
    animation-name: fade;
}

.navbar-fixed-top {
	/*background:#e40d2e;*/
	
}

.navbar-fixed-top li {
	text-transform:uppercase;
	font-size:1em;
	font-family:"Roboto", Lato, sans-serif;
	font-weight: 700;
}

.navbar-fixed-top .navbar-nav li a {
	
	height:80px;
	line-height:80px;
	padding: 0px 25px;
	color:#fff;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}



.navbar-nav li.active, .navbar-nav li a:hover, .nav > li > a:focus {
	
	background:rgba(194,48,185,1);!important;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}


/* centered navigation */
 .nav.navbar-nav {
     float: left;
 }
 .nav.navbar-nav {
     clear: left;
     float: left;
     margin: 0;
     padding: 0;
     position: relative;
     left: 50%;
     text-align: center;
 }
 .nav.navbar-nav > li {
     position: relative;
     right: 50%;
 }
 .nav.navbar-nav li {
    text-align: left
 }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}

/***Navi Dropdown***/

.dropdown-menu {
	cursor:pointer;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px;
    margin: 0px!important;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color:rgba(194,48,185,1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu  li a:hover {
	
	color:#fff;
	cursor:pointer;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent!important;
    outline: 0;
}




/***Bootstrap Navi - ENDE***/



/***MobileNavi links***/
.mobile_menu .inner li{
	
 font-weight:bold;
 text-transform:uppercase;
 font-size:20px;

}

.mobile_menu .inner li.active {
	
 background:#fff;

}

/***menufooter***/
#menufooter {
	border-top: 3px dotted #555555;
	margin:15px;
	padding:10px 0 0 2px;
}

.socialbutton {
	float: left;
	padding:15px;
	border-bottom:thin solid #555;
	width:25%;
	min-height:40px;
	color:#fff;
} 

.socialbutton.one, .socialbutton.two, .socialbutton.three {
	border-right:thin solid #555;
	
}



/**NEWSBLOG SLIDER + MASONRY**/
.news_teaser .fa {
     vertical-align: text-top;
}

.news_teaser h2 {
	font-size:1.2em;
	padding:20px 0 0 20px;
	margin-top:0;
	color:#333;
}

.news_teaser h2 a{
	color:#333;
}

.news_teaser h2 a:hover {
	color:#E40D2E;
}

.news_teaser {
    background: #f5f5f5;
    
}

.news_teaser .info{
    font-weight:bold;
    
}

.news_teaser p {
	padding: 0 20px 0 20px;
	color:#333;
}

.news_teaser .link {
	background: #f5f5f5;
	padding: 0px 0 15px 0!important;
	
}

.news_teaser .link a {
	border:none;
	color:#333;
	margin-left: 10px;
}

.news_teaser .link a:before {
	font-family:"fontawesome";
	content:"\f14d";
	font-size:18px;
	color:#E40D2E;
	margin-right: 5px;
}



.news_teaser .link a:hover {
	border-color:#333;
	color:#fff;
	background:#333;
}

.news_teaser .time, .news_teaser .info_author {
	display:inline-block;
}

.news_teaser .info_author {
	font-weight:normal!important;
}

.news_teaser .info {
	padding: 10px 0 0 20px;
	font-size:14px;
}
.teaser_content {
	margin-bottom: 25px;
}

/***PAGINATION***/

.pagination {
	
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0px;
}

.pagination li a {
	
    color:#333;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    margin-left: 0;
    border-radius:0;
}



.pagination .link {
	margin-top:0;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #e40d2e;
    border-color: #e40d2e;
}

/**NEWSBLOG FULL NEWS***/

.portfolio .image_container img {
	display:block;
	max-width:100%;
	height:auto;
}

.mod_newsreader .info {
	margin-top: 15px;
	color: #E40D2E
}

.mod_newsreader {
	margin-bottom: 15px;
}

/**Kommentare***/

.submit.link {
	float:right;
}

.ce_comments .col-lg-12 {
	
	margin-bottom:15px;
}

.ce_comments .input-group-addon {
	border-radius:0;
}

.ce_comments .input-group {
	display:block;
}
/***SECTIONS***/

.section0 {
	background: url("../../files/onepage/images/bg.jpg") fixed;
	background-size:cover;
}
.section {
	background:#fff;
}

.section2 {
	
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c0d3f+0,c9009a+100 */
background: rgb(60,13,63); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(60,13,63,1) 0%, rgba(201,0,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(60,13,63,1) 0%,rgba(201,0,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(60,13,63,1) 0%,rgba(201,0,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c0d3f', endColorstr='#c9009a',GradientType=1 ); /* IE6-9 */


}

/***Gallery masonry grid***/

#portfolio-wrapper .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}


/***Preistabelle***/
.grid6.left {
	width:48%;
	margin-right:2%;
	float:left;
	background:#E40D2E;
}

.grid6.right {
	width:48%;
	margin-left: 2%;
	float:left;
	background:#E40D2E;
}

/***FOOTER***/

#footer .divider.version1 {
       background-color: #888!important;
}

#footer {
	width:100%;
	height:auto;
	background:#212330;
	
}

#footer .inside {
	color:#fff;
}

#footer a {
	color:#fff;
}


/***Icons in Text***/

.fa.texticon {
	color: rgb(194,48,185)!important;
	font-size:22px;
}
/***ICONS BORDER***/

.hexagon {
  position: relative;
  width: 70px; 
  height: 40.41px;
  background-color: transparent;
  margin: 20.21px 0;
  border-left: solid 2px #c230b9;
  border-right: solid 2px #c230b9;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 49.50px;
  height: 49.50px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 8.2513px;
}

.hexagon:before {
  top: -24.7487px;
  border-top: solid 2.8284px #c230b9;
  border-right: solid 2.8284px #c230b9;
}

.hexagon:after {
  bottom: -24.7487px;
  border-bottom: solid 2.8284px #c230b9;
  border-left: solid 2.8284px #c230b9;
}




.round {
	border: 2px solid #555;
	padding:25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius:50%;
  
}

.roundfill {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c0d3f+0,c9009a+77&0.86+0,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(60,13,63,0.86) 0%, rgba(201,0,154,0.97) 77%, rgba(201,0,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(60,13,63,0.86) 0%,rgba(201,0,154,0.97) 77%,rgba(201,0,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(60,13,63,0.86) 0%,rgba(201,0,154,0.97) 77%,rgba(201,0,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db3c0d3f', endColorstr='#c9009a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding-top: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    min-width: 80px;
    min-height: 80px;
    max-width: 80px;
}
  

#footer .roundfill {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c0d3f+0,c9009a+77&0.86+0,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(60,13,63,0.86) 0%, rgba(201,0,154,0.97) 77%, rgba(201,0,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(60,13,63,0.86) 0%,rgba(201,0,154,0.97) 77%,rgba(201,0,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(60,13,63,0.86) 0%,rgba(201,0,154,0.97) 77%,rgba(201,0,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db3c0d3f', endColorstr='#c9009a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding-top: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
}

#footer .social.fa {
	font-size:1.2em!important;
	line-height:15px;
	width:36px;
	height:36px;
	text-align:center;
	color:#fff;
	margin-bottom:10px;
}

#footer .white.fa {
	font-size:18px!important;
	line-height:20px;
	width:24px;
	height:24px;
	text-align:center;
	color:#fff;
	margin-bottom:10px;
}

#footer .red.fa {
	font-size:20px!important;
	line-height:20px;
	width:40px;
	height:40px;
	text-align:center;
	color:#e40d2e;
	margin-bottom:10px;
}

#footer td {
	color:#ccc;
}

#footer input[type="text"] {
  width:100%;
  border-top: 0px;
  border-bottom: 3px solid #e40d2e;
  border-left: 0px;
  border-right: 0px;
  background:#555;
  padding: 10px;
  margin-top:10px;

}



#footer input[type="submit"] {
	margin-top:15px;
	border:none;
	padding: 10px;
	background:#e40d2e;
}

.linkred {
	margin-top:15px;
	border:none;
	padding: 10px;
	background:#e40d2e;
	max-width: 100px;
	text-align:center;
}

.linkred a {
	color:#fff;
	
}

.sliderbglink .link a:hover {
	
	border: 1px solid #fff!important;
}

.sliderbglink h3 {
	color:#fff;
}

/***Carousel Slider BS**/
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -35px!important;
    font-size: 3.5em!important;
}

/***FORMULARE***/

.formbody label {
	color:rgba(194,48,185,1);
	
}

.form-control:focus {
	border-color:rgba(194,48,185,1);
	outline:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 12px;
    font-size: 16px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.widget-select .btn {
	border-radius:0;
	padding:10px;
	font-size:16px;
}

.bootstrap-select > .dropdown-toggle:hover {
	background:rgba(194,48,185,1)!important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
    outline: 0!important;
    outline-offset: -2px;
    background: rgba(194,48,185,1);
	color:#fff!important;
}


.bootstrap-select.btn-group .dropdown-menu li a {
    padding:10px;
	color:#fff;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
    color:#333;
}

/***MASONRY***/



/****MASONRY ENDE***/


/***Spaltenset nopadding***/

.nopadding {
	padding-left:0!important;
	padding-right:0!important;

}

/*
.figure.effectlily .figcaption h1 {
	font-size:1.4em;
}*/

.zindex {
z-index:10!important;	
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
color:#fff!important;
}

.zindex .divider.version1 {
	background-color: #fff!important
}

#carousel-168 .carousel-control.right, #carousel-168 .carousel-control.left {
  
    background-image: none!important;
	background:none;
   
}

#carousel-168 .carousel-control {
    
    width: 15%;
    font-size: 20px;
    color: #E40D2E;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: 1;
}

#carousel-168 .carousel-control:hover {
    
   
    opacity: 0.5;
}


.modal.fade.in {
	padding-left:0!important;
}

.modal-header {
    
    border-bottom: none;
}


@media (max-width:1280px) {
#dlh_googlemap_1 {
	width:100%!important;
}

.tp-caption.medium_text p{  max-width:350px;}


}




.nofloat {
	
    float: none!important;
}



@media (max-width:768px) {
	

	
.fullwidthbanner-container {height:400px!important;}
.fullwidthbanner-container .ce_image{bottom:0px!important; top:auto!important;}

.tp-caption.medium_text { top: 80px!important; left: 15px!important; max-width:250px;}
	
.portfolio.col-xs-6 {
    width: 100%;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: inline-block;
    
}

 h1 {
	font-size: calc(1.2em + 1vmin);
	margin-top:5px;
}

.figure.effectlily .figcaption > div {
	height:auto;
}

.navbar-fixed-top .navbar-collapse {
	max-height: inherit;
	background:#000;
	margin-top:80px;
}

.navbar-fixed-top .navbar-nav li a {
    height: 50px;
    line-height: 50px;
   
}
.nav.navbar-nav {
    left: 0%; 
    width: 100%;
}

.nav.navbar-nav li {
    right: 0%; 
    
}

.navbar-nav .open .dropdown-menu > li > a {
    line-height: 40px;
}

/**Social Top Buttons*/

#element_right {
    
    left: 5px;
    float: left;
    right:auto;
}

.navbar-brand, .icon-scroll {
		display:none;
	}
	

/***Preistabelle***/
.grid6.left {
	width:50%;
	margin-right:0%;

}

.grid6.right {
	width:50%;
	margin-left: 0%;
	
}

}

@media (max-width:700px) {

h1.tp-caption.medium_text{
	margin-top:-150px!important;
	font-size:2em!important;
	
}

	.tp-caption .image_container img {height:auto!important; width:100%!important;}


.bottom100.tp-caption{
    bottom: 0px;
}

.icon-scroll, .icon-scroll::before {
  
	/*bottom: -100px;*/
}

.mobile_menu.active.no_shadow {
	width:75%!important;
}
}
@media (max-width:480px) {
	
	
	
.nofloat td {
	
    display: block;
	margin-bottom: 10px;
}

h1.tp-caption.medium_text{

	font-size:1.3em!important;
	
}

}
/****************************/


/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
	height:100%;
    min-height: 100vh;
}

.toplogo{
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	 -webkit-transform:   translate(-7em,-60px) scale(0.4);
    -moz-transform: translate(-7em,-60px) scale(0.4);
    -o-transform:  translate(-7em,-60px) scale(0.4);
    -ms-transform: translate(-7em,-60px) scale(0.4);
    transform:  translate(-7em,-60px) scale(0.4);
}

.toplogo.top-nav-collapse {
	-webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
	-webkit-transform: translate(-6.5em,-120px) scale(0.2);
    -moz-transform:translate(-6.5em,-120px) scale(0.2);
    -o-transform: translate(-6.5em,-120px) scale(0.2);
    -ms-transform: translate(-6.5em,-120px) scale(0.2);
    transform: translate(-6.5em,-120px) scale(0.2);

}

.navbar .navbar-nav {
    margin-top: 0px;
	transition: 0.6s ease-in-out;
	transform: translate(0px) scale(1);
}
 
.navbar .navbar-nav.top-nav-collapse {
    margin-top: 0px;
	transition: 0.6s ease-in-out;
	transform: translate(0px) scale(1);
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
}


.navbar-fixed-top.top-nav-collapse {
    padding: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c0d3f+0,c9009a+100 */
background: rgb(60,13,63); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(60,13,63,1) 0%, rgba(201,0,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(60,13,63,1) 0%,rgba(201,0,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(60,13,63,1) 0%,rgba(201,0,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c0d3f', endColorstr='#c9009a',GradientType=1 ); /* IE6-9 */
transition: opacity .5s ease-in-out,padding .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out,padding .5s ease-in-out;
opacity:0.9
}

.navbar-nav > .active > a,  .navbar-nav > .active > a:hover,  .navbar-nav > .active > a:focus
{
  background:rgba(194,48,185,1);
  
}

@media (max-width:991px) {

.toplogo {
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	 -webkit-transform:   translate(-7em,-40px) scale(0.4);
    -moz-transform: translate(-7em,-40px) scale(0.4);
    -o-transform:  translate(-7em,-40px) scale(0.4);
    -ms-transform: translate(-7em,-40px) scale(0.4);
    transform:  translate(-7em,-40px) scale(0.4);
	
}

.toplogo.top-nav-collapse {
	
	-webkit-transform: translate(-10.5em,-150px) scale(0.1);
    -moz-transform:translate(-10.5em,-150px) scale(0.1);
    -o-transform: translate(-10.5em,-150px) scale(0.1);
    -ms-transform: translate(-10.5em,-150px) scale(0.1);
    transform: translate(-10.5em,-150px) scale(0.1);

}
}  

@media (min-width:991px) {

    .navbar, .element_right, .element_left {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
	
	
}	

 




@media only screen and (max-width: 767px) {
.mobile_no {
    display:none !important;
}
.desktop_no {
    display:block !important;
}

/* Quicknavigation, dk_mmenu */
#mainmenu,
.logonavicenter #mainmenu {
    display:none;
}

/* Quicknavigation */
.mod_quicknav.mobileselect {
    width:100px;
    float:right;
    display:table-cell;
    margin-right:0;
    margin-left:0;
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    vertical-align:middle;
    text-align:right;
    background-color:#ffffff;
}

/* Quicknavigation */
.logonaviright .mod_quicknav.mobileselect {
    float:left;
}

/* Quicknavigation */
.mod_quicknav.mobileselect form,
.mod_quicknav.mobileselect .formbody {
    width:100%;
    margin-bottom:0;
}

/* Quicknavigation */
.mod_quicknav.mobileselect select {
    width:80%;
    float:none;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fff;
}

/* Quicknavigation */
.mod_quicknav.mobileselect select {
    width:100%;
    float:none;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:5px 10px;
    background-color:#fffffff;
    background-image:url("../../files/onepage/css/files/theme/img/select-arrow.png");
    background-repeat:no-repeat;
    border:1px solid #fffffff;
    border-radius:0;
    color:#fff;
    background-position: 90% center;
        border: 0 !important;  /*Removes border*/
        -webkit-appearance: none;  /*Removes default chrome and safari style*/
        -moz-appearance: none; /* Removes Default Firefox style*/
        text-indent: 0.01px; /* Removes default arrow from firefox*/
        text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
}

/* dk_mmenu */
.dk_menu {
    display:table-cell;
    vertical-align:middle;
    text-align:right;
}

/* dk_mmenu */
.logonaviright .dk_menu {
    float:left;
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}

/* dk_mmenu */
.dk_menu i {
    margin-right:0;
}

/* dk_mmenu */
.dk_menu a.dk_mobilmenu {
    width:36px;
    height:36px;
    float:right;
    display:block;
    text-align:center;
    background-color:#fffffff;
    font-size:26px;
    line-height:36px;
    text-decoration:none;
    color:#fff;
}

/* dk_mmenu */
em.mm-counter {
    right:50px;
    float:right;
    display:inline-block;
}
#wrapper {
    width:100%;
}
.top .boxleft {
    overflow:hidden;
    display:block;
}
.top .boxright {
    display:block;
}
.top .boxright #sidebar-toggler,
.top .boxright a#modalwindow,
.top .boxright #topsearch,
.top .boxright #language,
.top .boxright #toplogin {
    float:none;
}
.top .inside,
.fullwidth .top .inside {
    padding-right:10px;
    padding-left:10px;
}
.top .contactdetails ul {
    text-align:center;
}
.top .mod_form.searchform {
    display:none;
}
.home #header .navi-section {
    position:relative;
}
.fullwidth .navi-section .inside {
    padding-right:16px;
    padding-left:16px;
}

/* Mobile logo */
#logo {
    width:205px;
    height:65px;
}

/* Mobile logo */
.logonavicenter #logo {
    width:205px;
    height:65px;
    left:auto;
    position:relative;
    float:none;
    display:table-cell;
    margin:0;
}
#header .social-contact {
    width:100%;
    margin-bottom:8px;
}
#afterheader .mod_quicklink {
    padding-top:15px;
    padding-bottom:15px;
}
.mod_changelanguage ul {
    float:none;
    text-align:center;
}
.top .mod_customnav.socialsnavi,
.top .contactdetails {
    float:none;
    margin-bottom:10px;
    text-align:center;
}
.second_navi.mobil_no,
.second_navi-sidebar.mobil_no {
    display:none;
}
.navi-section .inside,
#afterheader .inside,
.fullwidth #main .inside .mod_article,
.fullwidth #main .inside .mod_article.fullwidth .elementwrapper,
#footer .inside,
.fullwidth .nav--slide_in.js--is-fixed .inside {
    padding-right:16px;
    padding-left:16px;
}
.navi-section.logonavicenter .inside {
    display:table;
}
.navi-section.logonaviright .inside {
    padding-right:20px;
    padding-left:20px;
}
.second_navi,
.second_navi-sidebar {
    float:none;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left !important;
}
.second_navi li,
.second_navi-sidebar li {
    display:block;
    margin-right:0;
    margin-bottom:6px;
    margin-left:0;
}
.custom {
    padding-right:0;
    padding-left:0;
}
.fullwidth .mod_article *[class*="ce_"],
.fullwidth .mod_article *[class*="mod_"] {
    margin-right:0;
    margin-left:0;
}
#left .inside {
    margin-left:0;
    padding-right:30px;
    padding-left:30px;
}
#right .inside {
    margin-right:0;
    margin-left:0;
    padding-right:30px;
    padding-left:30px;
}
#footer .widget,
#footer .ce_html,
#footer .mod_newslist,
#footer .mod_customnav {
    margin-bottom:12px;
}
#footer .mod_customnav.footer_2 {
    margin-bottom:30px;
}
#footer .contactvcard.footer2 {
    padding-top:26px;
}
#footer .inside .footermenu.footer2 {
    margin-top:0;
}
.tabs ul.horizontal {
    width:100%;
    display:block;
}
.tabs ul.horizontal li {
    float:none;
    margin:0 0 6px;
}
.tabs > DIV {
    margin-top:0 !important;
}
.tabs.horizontal.tab2 li,
.tabs.horizontal.tab3 li,
.tabs.horizontal.tab4 li {
    width:100%;
}
.tabs.vertical ul.vertical {
    width:100%;
    float:none;
}
.tabs.vertical ul.vertical li {
    border-right:1px solid #e4e4e4;
}
.mod_breadcrumb {
    display:none;
}
#afterheader .second_navi {
    display:none;
}
.mod_booknav li a {
    padding-right:8px;
    padding-left:8px;
    font-size:12px;
}
.image_container.float_left,
.image_container.float_right {
    float:none;
    margin-right:0;
    margin-left:0;
    float:none !important;
}
*[class*="grid"] {
    
    display:block;
    width:auto !important;
}
*[class*="offset"] {
    margin-left:1% !important;
}
input.submit[type="submit"] {
    background:-moz-linear-gradient(top,#fffffff,#fffffff);
    background:-webkit-linear-gradient(top,#fffffff,#fffffff);
    background:-o-linear-gradient(top,#fffffff,#fffffff);
    background:-ms-linear-gradient(top,#fffffff,#fffffff);
    background:linear-gradient(to bottom,#fffffff,#fffffff);
    -pie-background:linear-gradient(top,#fffffff,#fffffff);
    border-radius:0;
}
.ce_form [class*="grid"] {
    width:100%;
}
.ce_form [class*="grid"] input[class*="grid"],
.ce_form [class*="grid"] select[class*="grid"],
.ce_form [class*="grid"] textarea[class*="grid"] {
    width:100% !important;
}
.mod_subscribe input[type="text"],
.mod_unsubscribe input[type="text"] {
    width:100%;
}
.mod_registration fieldset input {
    width:100%;
}
.mod_search input[type="search"] {
    width:100%;
    display:block;
    margin-bottom:0;
    border-radius:0;
}
.mod_search input.submit[type="submit"] {
    width:100%;
    margin-bottom:20px;
    border-radius:0 0 3px 3px;
}
.mod_search fieldset {
    width:100%;
}
.slider-control,
.bx-wrapper .bx-pager {
    display:none;
}
.slider_text {
    width:92%;
    padding:16px;
}
.textwrapper,
.bottom .textwrapper,
.left .textwrapper {
    padding-right:16px;
    padding-left:16px;
}
.home .content-slider .textbox,
.home .mainslider .textbox {
    padding-top:0;
}
.bottom .slider_text {
    width:100%;
    padding:5px 0;
}
.slider_text h2 {
    font-size:1.2em;
}
.left .slider_text h2,
.bottom .slider_text h2 {
    padding:10px 15px;
    font-size:1.1em;
}
.slider_text p,
.bg-color .slider_text p {
    display:none;
}
.slider_text div a {
    padding:6px 8px;
    font-size:1em;
}
.mod_login {
    padding-right:20px;
    padding-left:20px;
}
.mod_changelanguage {
    width:100%;
    float:none;
    margin-right:auto;
    margin-left:auto;
}
.fullwidth #main .inside .mod_article.half-half {
    margin-bottom:-1px;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .table_text_left .text_left {
    width:100%;
    display:block;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .table_text_left .text_left .text_width {
    max-width:100%;
    float:none;
    margin-top:30px;
    margin-bottom:30px;
    padding-right:30px;
    padding-left:30px;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .imageboxhalf {
    width:100%;
    height:300px;
    display:block;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .table_text_right {
    display:block;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .table_text_right .text_right {
    width:100%;
    display:block;
}
.mod_quicklink.right {
    width:100%;
    float:none;
    display:block;
}
.mod_quicklink.right,
.mod_quicklink select {
    width:100%;
    float:none;
    display:block;
}
#afterheader .socialsnavi {
    width:100%;
    float:none;
    margin-bottom:20px;
    text-align:center;
}
.mobil_no {
    display:none !important;
}
.column2 p,
.column3 p,
.column4 p {
    -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    -webkit-column-rule: none;
        -moz-column-rule: none;
        column-rule: none;
}
.cts-element_calltoaction.variant1,
.cts-element_calltoaction.variant2,
.cts-element_calltoaction.variant3,
.cts-element_calltoaction.variant1 i,
.cts-element_calltoaction.variant2 i,
.cts-element_calltoaction.variant3 i,
.cts-element_calltoaction.variant1 .link,
.cts-element_calltoaction.variant2 .link,
.cts-element_calltoaction.variant3 .link,
.cts-element_calltoaction.variant2 .calltoactioncontent {
    width:100%;
    display:block;
}
.hyperlink_extended {
    margin-bottom:20px;
}
.hyperlink_extended a {
    display:block;
}
.cts-element_icon_colorbox {
    /*margin-bottom:20px;*/
}
.cts-element_projektdetail .imageblock,
.cts-element_projektdetail .projektdetails {
    width:100%;
    margin-bottom:20px;
}
.cts-element_projektdetail.variante2 .projektdetails {
    display:block;
}
.cts-element_projektdetail.variante2 .headline,
.cts-element_projektdetail.variante2 .projektdetails ul {
    width:100%;
    display:block;
    margin-bottom:20px;
}
.cts-element_produkt .price {
    position:relative;
}
.cts-element_imageboxext {
    display:block;
}
.cts-element_imageboxext .imagebox {
    margin-top:10px;
    margin-bottom:10px;
    width:100% !important;
}
.cts-element_imageboxext.textunten .textwrapperext,
.cts-element_imageboxext.imgright .textwrapperext {
    padding-right:0;
    padding-left:0;
}
.fullwidth #main .inside .cts-element_textbgimage .inside {
    padding: 0 0px !important;
}
.cts-element_textbgimage .image-left,
.cts-element_textbgimage .image-right {
    width:100%;
    height:250px;
    position:relative;
}
.cts-element_textbgimage .text-left,
.cts-element_textbgimage .text-right {
    width:100%;
    position:relative;
    display:block;
    margin-right:0;
    margin-left:0;
    padding:25px;
}
.cts-element_headerimage h1,
.cts-element_headerimage h2,
.cts-element_headerimage h3,
.cts-element_headerimage h4,
.cts-element_headerimage h5,
.cts-element_headerimage h6,
.cts-element_headerimage.zentriert h1,
.cts-element_headerimage.zentriert h2,
.cts-element_headerimage.zentriert h3,
.cts-element_headerimage.zentriert h4,
.cts-element_headerimage.zentriert h5,
.cts-element_headerimage.zentriert h6 {
    font-size:1.2em;
}
.cts-element_headerimage .textarea {
    font-size:1em;
}
.home header .ce_ctssliderstart .textcell,
.fullwidth .cts-element_headerimage .headertextwrapper .textblock .texttable {
    padding:20px;
}
.top .inside {
    text-align:center;
}
.top .mod_login {
    -ms-transform: translateX(30%);
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
}
.top .mod_changelanguage {
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.top #topsearch .mod_form.searchform {
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
#afterheader .pagetitle {
    float:none;
    display:block;
    text-align:center;
}
.vertical ul.ui-tabs-nav {
    width:100%;
    float:none;
    padding-right:0;
}
.vertical.ce_tabs .panel {
    width:100%;
    margin-top:20px;
}
.mod_faqpage.faqblock2 section,
.mod_faqpage.faqblock3 section {
    width:100%;
}
#afterheader .mod_quicklink.right,
#afterheader .mod_quicknav.right,
#afterheader .mod_quicklink.right select,
#afterheader .mod_quicknav.right select {
    width:100%;
}
#filters.button-group button {
    margin-bottom:10px;
}

/* fontsize-res.css */
.font-size-xxxxl {
    font-size:45px;
}
.font-size-xxxl {
    font-size:35px;
}
.font-size-xxl {
    font-size:30px;
}
.font-size-xl {
    font-size:23px;
}
.font-size-l {
    font-size:22px;
}
.font-size-m {
    font-size:18px;
}
.font-size-s {
    font-size:17px;
}
.font-size-xs {
    font-size:16px;
}
.font-size-xxs {
    font-size:14px;
}
.font-size-xxxs {
    font-size:12px;
}
.font-size-xxxxs {
    font-size:11px;
}
.font-size-xxxxs {
    font-size:10px;
}
.headline.font-size-xxxxl,
.textarea.font-size-xxxxl {
    font-size:45px;
    line-height:1.1;
}
.headline.font-size-xxxl,
.textarea.font-size-xxxl {
    font-size:35px;
    line-height:1.1;
}
.headline.font-size-xxl,
.textarea.font-size-xxl {
    font-size:30px;
    line-height:1.1;
}
.headline.font-size-xl,
.textarea.font-size-xl {
    font-size:24px;
    line-height:1.1;
}
.headline.font-size-l,
.textarea.font-size-l {
    font-size:22px;
    line-height:1.1;
}
.headline.font-size-m,
.textarea.font-size-m {
    font-size:18px;
    line-height:1.1;
}
.headline.font-size-s,
.textarea.font-size-s {
    font-size:18px;
}
.headline.font-size-xs,
.textarea.font-size-xs {
    font-size:16px;
}
.headline.font-size-xxs,
.textarea.font-size-xxs {
    font-size:14px;
}
.headline.font-size-xxxs,
.textarea.font-size-xxxs {
    font-size:11px;
}
.headline.font-size-xxxxs,
.textarea.font-size-xxxxs {
    font-size:10px;
}
.headline.font-size-xxxxs,
.textarea.font-size-xxxxs {
    font-size:10px;
}
}

only screen and (min-width:768px) and (max-width:1024px) {
#P1 {
    width:800px;
    height:500px;
    margin-top:30px;
}
#wrapper {
    max-width:100%;
}
.custom {
    padding-right:0;
    padding-left:0;
}
#left .inside {
    padding-left:20px;
}
#right .inside {
    padding-right:20px;
}

/* Smaller Right Column */
.rightColumn #right {
    width:250px;
}

/* Smaller Right Column */
.rightColumn #container {
    padding-right:250px;
}

/* Smaller Left Column */
.leftColumn #left {
    width:250px;
    right:250px;
}

/* Smaller Left Column */
.leftColumn #container {
    padding-left:250px;
}

/* Quicknavigation, dk_mmenu */
#mainmenu,
.logonavicenter #mainmenu {
    display:none;
}

/* Quicknavigation */
.mod_quicknav.mobileselect form,
.mod_quicknav.mobileselect .formbody,
.mod_quicknav.mobileselect select {
    margin-bottom:0;
    background-color:#ffffff;
}

/* Quicknavigation */
.mod_quicknav.mobileselect {
    width:120px;
    top:50%;
    position:absolute;
    display:block;
    margin-top:-15px;
    margin-right:0;
    margin-left:0;
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    background-color:#ffffff;
    right:20px;
}

/* Quicknavigation */
.logonaviright .mod_quicknav.mobileselect {
    right:auto;
    position:relative;
    float:none;
    display:table-cell;
    margin:0;
    padding:0;
    vertical-align:middle;
}

/* Quicknavigation */
.mod_quicknav.mobileselect select {
    width:120px;
    float:none;
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fffffff;
    background-image:url("../../files/onepage/css/files/theme/img/select-arrow.png");
    background-repeat:no-repeat;
    border:1px solid #fffffff;
    border-radius:0;
    color:#fff;
    background-position: 90% center;
        border: 0 !important;  /*Removes border*/
        -webkit-appearance: none;  /*Removes default chrome and safari style*/
        -moz-appearance: none; /* Removes Default Firefox style*/
        text-indent: 0.01px; /* Removes default arrow from firefox*/
        text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
}

/* dk_mmenu */
.dk_menu {
    display:table-cell;
    vertical-align:middle;
    text-align:right;
}

/* dk_mmenu */
.logonaviright .dk_menu {
    float:left;
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}

/* dk_mmenu */
.dk_menu i {
    margin-right:0;
}

/* dk_mmenu */
.dk_menu a.dk_mobilmenu {
    width:44px;
    height:44px;
    float:right;
    display:block;
    text-align:center;
    background-color:#fffffff;
    font-size:26px;
    line-height:44px;
    text-decoration:none;
    color:#fff;
}

/* dk_mmenu */
em.mm-counter {
    right:50px;
    float:right;
    display:inline-block;
}
.navi-section.logonavicenter .inside {
    display:table;
}
.logonavicenter #logo {
    display:table-cell;
}
.logonaviright #logo {
    float:right;
}
input.submit[type="submit"] {
    background:-moz-linear-gradient(top,#fffffff,#fffffff);
    background:-webkit-linear-gradient(top,#fffffff,#fffffff);
    background:-o-linear-gradient(top,#fffffff,#fffffff);
    background:-ms-linear-gradient(top,#fffffff,#fffffff);
    background:linear-gradient(to bottom,#fffffff,#fffffff);
    -pie-background:linear-gradient(top,#fffffff,#fffffff);
}
.tabs ul.horizontal li {
    padding-right:8px;
    padding-left:8px;
}
.tabs.horizontal.tab4 li,
.tabs.horizontal.tab3 li,
.tabs.horizontal.tab2 li {
    line-height:38px;
}
.button a {
    font-size:13px;
}
.mod_form.searchform.tableless.block {
    width:145px;
}
.mod_changelanguage {
    float:right;
}
.cts-element_projektdetail.variante2 img {
    width:100%;
}
.cts-element_projektdetail.variante2 h1,
.cts-element_projektdetail.variante2 h2,
.cts-element_projektdetail.variante2 h3,
.cts-element_projektdetail.variante2 h4 {
    width:100%;
    font-size:1.2em;
}
.cts-element_produkt .price {
    position:relative;
    display:inline-block;
}
.cts-element_imageboxext .imagebox {
    display:table-cell;
}
.cts-element_textbgimage .image-full {
    background-attachment: unset;
}
}

/****ROCKSOLID SLIDER****/

/***Produkte**/

.small-container {
	width: auto;
	max-width:400px;
	/*background: rgba(0,0,0,0.1);*/
	padding-top:0px;
	padding-bottom:15px;
	padding: 0 25px 0 25px;
}

.small-container .ce_text {
	background: #FFF;
	padding: 15px;
	
	 
}

.small-container .readmore {
	background: #FFF; 
	padding: 15px 15px 5px 15px;

	 
}
.small-container .readmore::before {
	
	content: "";
	height: 1px;
	border-bottom: 1px solid #ccc;
	display: block;
	margin-bottom: 10px;
	min-width: 200px;
	max-width: 99%;
	
	 
} 

.small-container .readmore a {
	color:#0a4989;
	font-weight:bold;
}

.small-container .ce_image {
	/*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(130, 224, 213, 0.6);*/

	background: rgba(239,239,239,0.6);
}

.small-container p {
	color:#333!important;
	
}
 
.small-container h2 {
	color:#333!important;
	margin-bottom:10px;
	font-size:20px!important;
	font-weight:bold;
	text-align:left!important;
}

.small-container h1 {
	color:#fff!important;
	font-size:26px!important;
}

.small-container span {
	font-size:24px;
}

.small-container strong {
	font-size:16px;
}

/*LIGHT SKIN***/

.rsts-skin-light .rsts-overlay-prev,
.rsts-skin-light .rsts-overlay-next,
.rsts-skin-light .rsts-thumbs-overlay-prev,
.rsts-skin-light .rsts-thumbs-overlay-next {
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(0deg, #fff, transparent);
  background: -moz-linear-gradient(0deg, #fff, transparent);
  background: -o-linear-gradient(0deg, #fff, transparent);
  background: linear-gradient(90deg, #fff, transparent);
  pointer-events: none;
}

.rsts-skin-light .rsts-overlay-next,
.rsts-skin-light .rsts-thumbs-overlay-next {
  left: auto;
  right: -1px;
  background: -webkit-linear-gradient(0deg, transparent, #fff);
  background: -moz-linear-gradient(0deg, transparent, #fff);
  background: -o-linear-gradient(0deg, transparent, #fff);
  background: linear-gradient(90deg, transparent, #fff);
}

.rsts-skin-light .rsts-nav-tabs a.active::before, .rsts-skin-light .rsts-nav-tabs a.active::after {
	display:none;
}
.rsts-skin-light .rsts-view, .rsts-skin-light .rsts-nav-tabs::after, .rsts-skin-light .rsts-nav-tabs ul {
  background: none;
  box-shadow:none;
}

.rsts-skin-light .rsts-nav-tabs ul {
	width:auto;
	max-width:400px;
	border:none;
	box-shadow:none;
	
}
.rsts-skin-light .rsts-nav
{ 
  z-index:2;
  margin-top: -36px;
  margin-right: 0px;
  margin-bottom: -12px;
 
}

.rsts-skin-light .rsts-caption {
	top:auto!important;
	left:10%!important;
	bottom:10px!important;
}

@media (max-width:520px) {
	
	.rsts-skin-light .rsts-prev, .rsts-skin-light .rsts-next {
		opacity:0.5!important;
		z-index:2!important;
		
}
}


.rsts-skin-light .rsts-nav-tabs a.active, .rsts-skin-light .rsts-nav-tabs a{
	text-shadow:none;
	box-shadow:none;
	font-size:14px;
	text-transform:uppercase;
}

.rsts-skin-light .rsts-nav-tabs a.active {
	background:rgb(254, 209, 0);
	color:#000;
	
}

.rsts-skin-light .rsts-nav-tabs a {
	color:#fff;
	
}

.rsts-skin-light .rsts-next, .rsts-skin-light .rsts-thumbs-next
{
 
  right: 15px!important;
  width: 46px!important;
  height: 76px!important;
  margin-top: -25px!important;
  text-decoration-line: none;
  text-decoration-style: solid;
  background-color: transparent!important;
  background-image: none!important;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
  box-shadow: none!important;
}


.rsts-skin-light .rsts-prev, .rsts-skin-light .rsts-thumbs-prev
{
 
  left: -10px!important;
  width: 46px!important;
  height: 76px!important;
  margin-top: -25px!important;
  text-decoration-line: none;
  text-decoration-style: solid;
  background-color: transparent!important;
  background-image: none!important;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
  box-shadow: none!important;
}

.rsts-skin-light .rsts-nav-prev a {
	font-size:44px!important;
}


.rsts-skin-light .rsts-prev:after, .rsts-skin-light .rsts-next:after,
.rsts-skin-light .rsts-thumbs-prev:after, .rsts-skin-light .rsts-thumbs-next:after {
  content: "\203a";
  position: absolute;
  top: -5px;
  left: 20px;
  font: normal 96px/1 "fontawesome", sans-serif;
  color: #000;
  text-indent: 0;
}

@media (max-width:768px){

.rsts-skin-light .rsts-prev:after, .rsts-skin-light .rsts-next:after,
.rsts-skin-light .rsts-thumbs-prev:after, .rsts-skin-light .rsts-thumbs-next:after {
  content: "\203a";
  position: absolute;
  top: -5px;
  left: 20px;
  font: normal 56px/1 "fontawesome", sans-serif;
  color: #000;
  text-indent: 0;
}

.rsts-skin-light .rsts-next, .rsts-skin-light .rsts-thumbs-next
{

  right: 0px!important;

}

.rsts-skin-light .rsts-prev, .rsts-skin-light .rsts-next {
	opacity:1!important;
}


.rsts-skin-light .rsts-prev:hover, .rsts-skin-light .rsts-next:hover {
	opacity:0.5!important;
}
}
/***TEXT****/

#textslider > div{
	margin: 0 auto;
	text-align: center;
}
.rsts-skin-default-content{
	margin: 0 auto;
	text-align: center;
}

@media (min-width:1540px){
.rsts-skin-default-content .rsts-nav ul {
		margin-top: 20px!important;
	
}
}

.rsts-skin-default-content.rsts-type-fade .rsts-slide{
		background:none;
}


.rsts-skin-default-content .rsts-nav-prev a, .rsts-skin-default-content .rsts-nav-next a, .rsts-skin-default-content .rsts-video-play, .rsts-skin-default-content .rsts-video-stop, .rsts-skin-default-content .rsts-thumbs-prev, .rsts-skin-default-content .rsts-thumbs-next,
.rsts-skin-light:hover .rsts-prev:hover, .rsts-skin-light:hover .rsts-next:hover, .rsts-skin-light:hover .rsts-thumbs-prev:hover, .rsts-skin-light:hover .rsts-thumbs-next:hover,
.rsts-skin-light .rsts-prev, .rsts-skin-light .rsts-next, .rsts-skin-light .rsts-thumbs-prev, .rsts-skin-light .rsts-thumbs-next
{
	box-shadow:none!important;
	border:0;
	border-radius:none!important;
	width:36px;
	height:36px;
	
	
}



.rsts-skin-light .rsts-prev:after,
.rsts-skin-light .rsts-thumbs-prev:after {
  content: "\2039";
}

.rsts-skin-light .rsts-view
{
	border:none;
	box-shadow:none;
}
.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a, .rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a
{
 
  height: auto;
  min-width: 30px;
  padding: 0.6em;
  border: 1px solid #333;
  margin-top: 0px;
  margin-right: 2px;
  margin-bottom: 3px;
  margin-left: 2px;
  border-radius: 0px;
  outline-style: none;
  font-size: 14px;
  text-align: center;
  text-decoration-line: none;
  text-decoration-style: solid;
  color: #333333;
  background-clip: padding-box;
  box-shadow: none;
    transition-property: background;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

/* Zeile 3 */
.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a:hover, .rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a:hover
{
  background-color: rgba(238, 238, 238, 0.5);
    transition-property: background;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

/* Zeile 3 */
.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a.active, .rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a.active
{
  background-color:  rgba(238, 238, 238, 0.7);
}
.menu{position:relative;height:22px;width:36px;cursor:pointer}.menu .line-top,.menu .line-middle,.menu .line-bottom{position:absolute;display:block;height:2px;width:30px;border-radius:2px;background:#fff}.menu .line-top{top:0;transform-origin:30px 0px}.menu .line-middle{top:10px;transition:opacity 200ms linear}.menu .line-bottom{bottom:0;transform-origin:28px 3px}.menu.is-open .line-top{animation:line-top-out 600ms linear normal;animation-fill-mode:forwards}.menu.is-open .line-middle{opacity:0}.menu.is-open .line-bottom{animation:line-bot-out 600ms linear normal;animation-fill-mode:forwards}.menu.is-closed .line-top{animation:line-top-in 600ms linear normal;animation-fill-mode:forwards}.menu.is-closed .line-middle{transition-delay:200ms}.menu.is-closed .line-bottom{animation:line-bot-in 600ms linear normal;animation-fill-mode:forwards}@keyframes line-top-in{0%{left:-5px;bot:0;transform:rotate(-45deg)}20%{left:-5px;bot:0;transform:rotate(-60deg)}80%{left:0;bot:0;transform:rotate(15deg)}100%{left:0;bot:1px;transform:rotate(0deg)}}@keyframes line-top-out{0%{left:0;top:0;transform:rotate(0deg)}20%{left:0;top:0;transform:rotate(15deg)}80%{left:-5px;top:0;transform:rotate(-60deg)}100%{left:-5px;top:1px;transform:rotate(-45deg)}}@keyframes line-bot-in{0%{left:-5px;transform:rotate(45deg)}20%{left:-5px;bot:0;transform:rotate(60deg)}80%{left:0;bot:0;transform:rotate(-15deg)}100%{left:0;transform:rotate(0deg)}}@keyframes line-bot-out{0%{left:0;transform:rotate(0deg)}20%{left:0;transform:rotate(-15deg)}80%{left:-5px;transform:rotate(60deg)}100%{left:-5px;transform:rotate(45deg)}}@media (min-width:768px){.stage{display:none}}.stage{position:fixed;top:28px;right:10px}
/* ======================
 * Back to top
 * ==================== */

.mwk-top {
    display: inline-block;
    position: fixed;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #003366 url("../../files/onepage/images/mwk-arrow-top.svg") no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    border: none !important;
	width:40px; height: 40px;
	bottom:20px;
	right:20px;
}
.mwk-top.mwk-is-visible, .mwk-top.mwk-fade-out, .no-touch .mwk-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
	  background-color: rgba(194,48,185,1)
}
.mwk-top.mwk-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 0.5;
}
.mwk-top.mwk-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .mwk-top:hover {
  background-color: rgba(194,48,185,1);
  opacity: 0.5;
}

.-btn-size-40 {width:40px; height: 40px;}
.-btn-size-50 {width:50px; height: 50px;}
.-btn-size-60 {width:60px; height: 60px;}
.-btn-size-70 {width:70px; height: 70px;}
.-btn-size-80 {width:80px; height: 80px;}
.-btn-size-90 {width:90px; height: 90px;}
.-btn-size-100 {width:100px; height: 100px;}

.-btn-right-10 {right:10px;}
.-btn-right-20 {right:20px;}
.-btn-right-30 {right:30px;}
.-btn-right-40 {right:40px;}
.-btn-right-50 {right:50px;}
.-btn-right-60 {right:60px;}
.-btn-right-70 {right:70px;}
.-btn-right-80 {right:80px;}
.-btn-right-90 {right:90px;}
.-btn-right-100 {right:100px;}

.-btn-bottom-10 {bottom:10px;}
.-btn-bottom-20 {bottom:20px;}
.-btn-bottom-30 {bottom:30px;}
.-btn-bottom-40 {bottom:40px;}
.-btn-bottom-50 {bottom:50px;}
.-btn-bottom-60 {bottom:60px;}
.-btn-bottom-70 {bottom:70px;}
.-btn-bottom-80 {bottom:80px;}
.-btn-bottom-90 {bottom:90px;}
.-btn-bottom-100 {bottom:100px;}

.-btn-radius-10 {border-radius:10%;}
.-btn-radius-20 {border-radius:20%;}
.-btn-radius-30 {border-radius:30%;}
.-btn-radius-40 {border-radius:40%;}
.-btn-radius-50 {border-radius:50%;}
.-btn-radius-60 {border-radius:60%;}
.-btn-radius-70 {border-radius:70%;}
.-btn-radius-80 {border-radius:80%;}
.-btn-radius-90 {border-radius:90%;}
.-btn-radius-100 {border-radius:100%;}