@charset "UTF-8";
@charset "UTF-8";
html, body { height: 100%; } @media only screen and (max-width: 767px) {
.section_wrapper, .container, .four.columns .widget-area {
padding-left: 20px!important;
padding-right: 20px!important; }
} h1, h2 {
text-transform: uppercase;   
}  .post-footer {
background: transparent;
}
.post-footer .post-links {
border-left-width: 0;
}
.post-links {
text-align: left;
display: block;
float: right;
padding-left: 5px;
}
.post-links i {
display: none;
}
#Intro.parallax .mfn-parallax {
opacity: 0.7 !important;
} .ausblenden {
display:none;   
}
.post-footer {
padding: 7px 0px !important;
} .cli-tab-footer .cli-btn {
background-color: #ea5b0b !important;
}   @keyframes zoominoutsinglefeatured {
0% {
transform: scale(1,1);
}
50% {
transform: scale(1.3,1.3);
}
100% {
transform: scale(1,1);
}
}
#Intro  {
display:none;   
}
.portfolio-item .image_frame {
background-color: white;   
}
.border-radius{
border-radius: 14px !important;
border: 1px solid white;
padding: 10px;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
}
.column_column ul li {
margin-bottom: 0px;
}
.mc-image {
animation: zoominoutsinglefeatured 60s forwards;
} 
#Top_bar, #Footer { }
@-webkit-keyframes bcm-lackered-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-moz-keyframes bcm-lackered-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@-o-keyframes bcm-lackered-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}
@keyframes bcm-lackered-bg {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
} #Top_bar .menu > li > a {
text-transform: uppercase;  
}
#Top_bar .menu > li > a span:not(.description) {
padding: 0 14px;
}
@media only screen and (max-width: 767px) {
#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
padding: 0!important;
margin: 0px 50px;
}
}
#Top_bar {
background: white;
}
#Top_bar.is-sticky {
background: white !important;
}
.headerbild { min-height: 80vh !important; 
}
@media only screen and (max-width: 767px) {
.headerbild { min-height: 60vh !important; 
}
} .social {
text-align: right;
font-size: 42px;
}
#Footer .social .facebook {
float: right;
}
.subhead {
font-size: 37px; line-height:32px; font-weight:300;   
}
.absolut-bottom {
position: absolute;
top:120px;
}
.sprungmenu {
font-size: 16px;
color:white;
text-transform: uppercase;
justify-content: center;
} .halfwidth-mobile.column-margin-5px   {
margin-bottom: 1% !important;   
margin-top: 1% !important;   
}
.button-custom .button {
line-height:18px;
}
.menu-btn{
min-height:70px !important; transition: all 0.5s ease-out;
margin: 0 0 0 0px!important;
display: flex;
justify-content: center;
align-items: center;
text-transform:uppercase;
display: flex;
justify-content: center;
}
@media only screen and (min-width: 1239px) {
.menu-btn{
min-height:55px !important;   
}
}
@media only screen and (max-width: 767px) {
.menu-btn{
min-height:70px !important;   
}
}
.button.button_full_width .button_label {
margin: 0 0 0 0 !important;
}
.button-box {
background-color:#fff !important;
color: #3e4348 !important;
border: 2px solid #3e4348 !important;
}
.button-box:hover {
color:#fff !important;
background-color:#951500 !important;
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 42px !important;
line-height: 45px !important;
margin-bottom: 10px;
}
h2 {
font-size: 42px !important;
line-height: 45px !important;
}
h3 {
font-size: 20px !important;
line-height: 23px !important;
}
.subhead {
font-size: 18px; line-height:24px; font-weight:300;   
}
.absolut-bottom {
position: absolute;
bottom:0px;
}
.one-second.halfwidth-mobile, .one-fourth.halfwidth-mobile, .one-third.halfwidth-mobile {
width:48% !important;
float:left !important;
clear: none;
margin: 0 1%;
}
.halfwidth-mobile .one-fifth {
width:48% !important;
float:left !important;
clear: none;
margin: 0 1%;
}
.halfwidth-mobile .one-fourth {
width:48% !important;
float:left !important;
clear: none;
margin: 0 1%;
}
.halfwidth-mobile .one-third {
width:48% !important;
float:left !important;
clear: none;
margin: 0 1%;
} .widget {
padding-bottom: 5px !important;
margin-top: 5px !important;
}
.social {
text-align: center;
font-size: 42px;
}
#Footer .social .facebook {
float: none;
}
.display-mobile-halfheight {
padding:150px !important;
}
.themen-min-height > div > div {
min-height:85px !important;   
}
}
@media only screen and (min-width: 767px) {
.start-min-height > div > div {
min-height:120px !important;   
}
}  .metaslider .flex-direction-nav .flex-prev {
opacity: 1 !important;  
}
.metaslider .flex-direction-nav .flex-next {
opacity: 1 !important;  
}
.caption {
bottom: 20px !important;
width: 90%;
}
.metaslider-hack .caption-wrap .caption {
background-color: #46494e !important;
line-height: 1.6rem;
}
.metaslider .caption {
padding: 20px !important;
word-wrap: break-word;
}
.metaslider-hack .caption-wrap .caption h3 {
margin-bottom: 0px !important;
font-size: 30px;
line-height: 34px;
}
.metaslider-hack .caption-wrap .caption h3 a{
color:#fff;
}
.metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap, .metaslider.ms-theme-bubble .rslides .caption-wrap, .metaslider.ms-theme-bubble div.nivoSlider .nivo-caption {
background: rgba(0,0,0,1.0);
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,1.0)));
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1.0));
}
.blog_slider_header {
display:none;   
}
ul.clients .client_wrapper {
background: rgba(0,0,0,.0);   
}
.content_slider.flat.description ul li .desc{
color:white !important;   
}
@media only screen and (max-width: 767px) {
.ms-is-small.metaslider.ms-theme-bubble .flexslider ul.slides .caption-wrap .caption {
bottom: 10px !important;
width: 70% !important;
}
.metaslider-hack .caption-wrap .caption h3 {
font-size:16px  !important;
line-height:16px !important;
}
.metaslider .caption {
padding: 5px !important;
}
} .sliding_box .desc_wrapper {
background: #861b0b !important;
border-right: 1px solid #a96055;
}
.sliding_box:hover .desc_wrapper:hover {
background: #46494e !important;
}
.sliding_box .desc_wrapper:after {
display:none;
border-width: 0 16px 16px  !important;
border-bottom-color: #46494e;
} .mehr-less-for-page {
border: 0px solid #848484  !important;
background-color: #951500 !important;
color:white !important;
}
.less-mehr {
border: 0px solid #848484  !important;
background-color: #951500 !important;
color:white !important;
font-weight:400 !important;
font-size:14px !important;
}
.zoom_box .desc .desc_txt {
padding: 0 20px  !important;
}
.content_slider.flat.description ul li .desc {
padding: 0 0%;
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.section_wrapper, .container, .with_aside .content_wrapper {
max-width: 808px !important;
}
.bg-mobil{
background-size: contain !important;     
background-position: center 40px !important;
}
h1 {
font-size: 45px !important;
line-height: 50px !important;
}
h2 {
font-size: 45px !important;
line-height: 50px !important;
}
}
.button-custom input[type="submit"] {
color: #3e4348 !important;
background-color: #fff !important;
border: 2px solid #3e4348 !important;
padding: 10px;
}
.button-custom input[type="submit"]:hover {
color: #fff !important;
background-color: #861b0b !important;
border-color: #46494e !important;
}
.wpcf7-list-item-label {
font-weight:300  !important;
}
@media only screen and (max-width: 767px) {
.themen-freisteller {
margin-top:100px !important;
}
}
@media only screen and (max-width: 767px) {
.start-logo {
max-width: 30% !important;
}
.absolut-bottom {
position: absolute;
top:20px !important;
}
.bg-mobil{
background-size: contain !important;     
background-position: center 0px !important;
}
}
.button.mehr-less-for-page, .button.less-mehr {
color: #3e4348 !important;
background-color: #ffffff !important;
border: 2px solid #3e4348 !important;
}
.button.mehr-less-for-page:hover, .button.less-mehr:hover{
color: #fff !important;
background-color: #861b0b !important;
}
.wpcf7-submit {
background-color: #228b37 !important;   
}
.section-post-header {
display:none;   
}.mc-hide-scrolls{
overflow:hidden;
}
body .mc-cycle {
height:100%;
left:0;
overflow:hidden;
position:fixed;
top:0;
width:100%;
z-index:0;
}
div.mc-image { -webkit-transition: opacity 1.5s ease-in-out; 
-moz-transition: opacity 1.5s ease-in-out; 
-o-transition: opacity 1.5s ease-in-out; 
transition: opacity 1.5s ease-in-out; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:center top;
background-repeat:no-repeat;
height:100%;
overflow:hidden;
width:100%;
}
.mc-old-browser .mc-image {
overflow:hidden;
}
 [class*=" imghvr-"],
[class^="imghvr-"] {
position: relative;
display: inline-block;
margin: 0;
max-width: 100%;
background-color: #f2f2f2;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transform: translateZ(0);
}
[class*=" imghvr-"] > img,
[class^="imghvr-"] > img {
vertical-align: top;
max-width: 100%;
}
[class*=" imghvr-"] figcaption,
[class^="imghvr-"] figcaption {
background-color: #135796;
padding: 10px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
}
[class*=" imghvr-"] figcaption h1,
[class*=" imghvr-"] figcaption h2,
[class*=" imghvr-"] figcaption h3,
[class*=" imghvr-"] figcaption h4,
[class*=" imghvr-"] figcaption h5,
[class*=" imghvr-"] figcaption h6,
[class^="imghvr-"] figcaption h1,
[class^="imghvr-"] figcaption h2,
[class^="imghvr-"] figcaption h3,
[class^="imghvr-"] figcaption h4,
[class^="imghvr-"] figcaption h5,
[class^="imghvr-"] figcaption h6 {
color: #fff;
}
[class*=" imghvr-"] a,
[class^="imghvr-"] a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
[class*=" imghvr-"],
[class*=" imghvr-"] *,
[class*=" imghvr-"]:after,
[class*=" imghvr-"] :after,
[class*=" imghvr-"]:before,
[class*=" imghvr-"] :before,
[class^="imghvr-"],
[class^="imghvr-"] *,
[class^="imghvr-"]:after,
[class^="imghvr-"] :after,
[class^="imghvr-"]:before,
[class^="imghvr-"] :before {
box-sizing: border-box;
transition: all 0.75s ease;
}
[class*=" imghvr-fade"] figcaption,
[class^="imghvr-fade"] figcaption {
opacity: 0;
}
[class*=" imghvr-fade"]:hover figcaption,
[class^="imghvr-fade"]:hover figcaption {
opacity: 1;
}
[class*=" imghvr-fade"]:hover > img,
[class*=" imghvr-fade"]:hover figcaption,
[class^="imghvr-fade"]:hover > img,
[class^="imghvr-fade"]:hover figcaption {
transform: translate(0);
}
.imghvr-fade-in-up figcaption {
transform: translateY(15%);
}
.imghvr-fade-in-down figcaption {
transform: translateY(-15%);
}
.imghvr-fade-in-left figcaption {
transform: translate(-15%);
}
.imghvr-fade-in-right figcaption {
transform: translate(15%);
}
[class*=" imghvr-push-"]:hover figcaption,
[class^="imghvr-push-"]:hover figcaption {
transform: translate(0);
}
.imghvr-push-up figcaption {
transform: translateY(100%);
}
.imghvr-push-down figcaption,
.imghvr-push-up:hover > img {
transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
transform: translateY(100%);
}
.imghvr-push-left figcaption {
transform: translateX(100%);
}
.imghvr-push-left:hover > img,
.imghvr-push-right figcaption {
transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
transform: translateX(100%);
}
[class*=" imghvr-slide-"]:hover figcaption,
[class^="imghvr-slide-"]:hover figcaption {
transform: translate(0);
}
.imghvr-slide-up figcaption {
transform: translateY(100%);
}
.imghvr-slide-down figcaption {
transform: translateY(-100%);
}
.imghvr-slide-left figcaption {
transform: translateX(100%);
}
.imghvr-slide-right figcaption {
transform: translateX(-100%);
}
.imghvr-slide-top-left figcaption {
transform: translate(-100%, -100%);
}
.imghvr-slide-top-right figcaption {
transform: translate(100%, -100%);
}
.imghvr-slide-bottom-left figcaption {
transform: translate(-100%, 100%);
}
.imghvr-slide-bottom-right figcaption {
transform: translate(100%, 100%);
}
[class*=" imghvr-reveal-"]:before,
[class^="imghvr-reveal-"]:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
background-color: #135796;
}
[class*=" imghvr-reveal-"] figcaption,
[class^="imghvr-reveal-"] figcaption {
opacity: 0;
}
[class*=" imghvr-reveal-"]:hover:before,
[class^="imghvr-reveal-"]:hover:before {
transform: translate(0);
}
[class*=" imghvr-reveal-"]:hover figcaption,
[class^="imghvr-reveal-"]:hover figcaption {
opacity: 1;
transition-delay: 0.21s;
}
.imghvr-reveal-up:before {
transform: translateY(100%);
}
.imghvr-reveal-down:before {
transform: translateY(-100%);
}
.imghvr-reveal-left:before {
transform: translateX(100%);
}
.imghvr-reveal-right:before {
transform: translateX(-100%);
}
.imghvr-reveal-top-left:before {
transform: translate(-100%, -100%);
}
.imghvr-reveal-top-right:before {
transform: translate(100%, -100%);
}
.imghvr-reveal-bottom-left:before {
transform: translate(-100%, 100%);
}
.imghvr-reveal-bottom-right:before {
transform: translate(100%, 100%);
}
[class*=" imghvr-hinge-"],
[class^="imghvr-hinge-"] {
perspective: 50em;
}
[class*=" imghvr-hinge-"] figcaption,
[class^="imghvr-hinge-"] figcaption {
opacity: 0;
z-index: 1;
}
[class*=" imghvr-hinge-"]:hover img,
[class^="imghvr-hinge-"]:hover img {
opacity: 0;
}
[class*=" imghvr-hinge-"]:hover figcaption,
[class^="imghvr-hinge-"]:hover figcaption {
opacity: 1;
transition-delay: 0.21s;
}
.imghvr-hinge-up img {
transform-origin: 50% 0;
}
.imghvr-hinge-up figcaption {
transform: rotateX(90deg);
transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
transform: rotateX(0);
}
.imghvr-hinge-down img {
transform-origin: 50% 100%;
}
.imghvr-hinge-down figcaption {
transform: rotateX(-90deg);
transform-origin: 50% -50%;
}
.imghvr-hinge-down:hover > img {
transform: rotateX(90deg);
opacity: 0;
}
.imghvr-hinge-down:hover figcaption {
transform: rotateX(0);
}
.imghvr-hinge-left img {
transform-origin: 0 50%;
}
.imghvr-hinge-left figcaption {
transform: rotateY(-90deg);
transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
transform: rotateY(0);
}
.imghvr-hinge-right img {
transform-origin: 100% 50%;
}
.imghvr-hinge-right figcaption {
transform: rotateY(90deg);
transform-origin: 0 50%;
}
.imghvr-hinge-right:hover > img {
transform: rotateY(-90deg);
}
.imghvr-hinge-right:hover figcaption {
transform: rotateY(0);
}
[class*=" imghvr-flip-"],
[class^="imghvr-flip-"] {
perspective: 50em;
}
[class*=" imghvr-flip-"] img,
[class^="imghvr-flip-"] img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
[class*=" imghvr-flip-"]:hover > img,
[class*=" imghvr-flip-"] figcaption,
[class^="imghvr-flip-"]:hover > img,
[class^="imghvr-flip-"] figcaption {
opacity: 0;
}
[class*=" imghvr-flip-"]:hover figcaption,
[class^="imghvr-flip-"]:hover figcaption {
opacity: 1;
transition-delay: 0.14s;
}
.imghvr-flip-horiz figcaption {
transform: rotateX(90deg);
transform-origin: 0 50%;
}
.imghvr-flip-horiz:hover img {
transform: rotateX(-180deg);
}
.imghvr-flip-horiz:hover figcaption {
transform: rotateX(0deg);
}
.imghvr-flip-vert figcaption {
transform: rotateY(90deg);
transform-origin: 50% 0;
}
.imghvr-flip-vert:hover > img {
transform: rotateY(-180deg);
}
.imghvr-flip-vert:hover figcaption {
transform: rotateY(0deg);
}
.imghvr-flip-diag-1 figcaption {
transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-flip-diag-1:hover > img {
transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-flip-diag-1:hover figcaption {
transform: rotate3d(0, 0, 0, 0deg);
}
.imghvr-flip-diag-2 figcaption {
transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-flip-diag-2:hover > img {
transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-flip-diag-2:hover figcaption {
transform: rotate3d(0, 0, 0, 0deg);
}
[class*=" imghvr-shutter-out-"]:before,
[class^="imghvr-shutter-out-"]:before {
background: #135796;
position: absolute;
content: "";
transition-delay: 0.105s;
}
[class*=" imghvr-shutter-out-"] figcaption,
[class^="imghvr-shutter-out-"] figcaption {
opacity: 0;
transition-delay: 0s;
}
[class*=" imghvr-shutter-out-"]:hover:before,
[class^="imghvr-shutter-out-"]:hover:before {
transition-delay: 0s;
}
[class*=" imghvr-shutter-out-"]:hover figcaption,
[class^="imghvr-shutter-out-"]:hover figcaption {
opacity: 1;
transition-delay: 0.105s;
}
.imghvr-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.imghvr-shutter-out-horiz:hover:before {
left: 0;
right: 0;
}
.imghvr-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.imghvr-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
}
.imghvr-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
}
.imghvr-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
transform: rotate(-45deg);
}
.imghvr-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
}
[class*=" imghvr-shutter-in-"]:after,
[class*=" imghvr-shutter-in-"]:before,
[class^="imghvr-shutter-in-"]:after,
[class^="imghvr-shutter-in-"]:before {
background: #135796;
position: absolute;
content: "";
}
[class*=" imghvr-shutter-in-"]:after,
[class^="imghvr-shutter-in-"]:after {
top: 0;
left: 0;
}
[class*=" imghvr-shutter-in-"]:before,
[class^="imghvr-shutter-in-"]:before {
right: 0;
bottom: 0;
}
[class*=" imghvr-shutter-in-"] figcaption,
[class^="imghvr-shutter-in-"] figcaption {
opacity: 0;
z-index: 1;
}
[class*=" imghvr-shutter-in-"]:hover figcaption,
[class^="imghvr-shutter-in-"]:hover figcaption {
opacity: 1;
transition-delay: 0.21s;
}
.imghvr-shutter-in-horiz:after,
.imghvr-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.imghvr-shutter-in-horiz:hover:after,
.imghvr-shutter-in-horiz:hover:before {
width: 50%;
}
.imghvr-shutter-in-vert:after,
.imghvr-shutter-in-vert:before {
height: 0;
width: 100%;
}
.imghvr-shutter-in-vert:hover:after,
.imghvr-shutter-in-vert:hover:before {
height: 50%;
}
.imghvr-shutter-in-out-horiz:after,
.imghvr-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-horiz:hover:after,
.imghvr-shutter-in-out-horiz:hover:before {
width: 100%;
}
.imghvr-shutter-in-out-vert:after,
.imghvr-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-vert:hover:after,
.imghvr-shutter-in-out-vert:hover:before {
height: 100%;
}
.imghvr-shutter-in-out-diag-1:after,
.imghvr-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-1:after {
transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
transform: skew(-45deg) translateX(50%);
}
.imghvr-shutter-in-out-diag-2:after,
.imghvr-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-2:after {
transform: skew(45deg) translateX(-100%);
}
.imghvr-shutter-in-out-diag-2:before {
transform: skew(45deg) translateX(100%);
}
.imghvr-shutter-in-out-diag-2:hover:after,
.imghvr-shutter-in-out-diag-2:hover:before {
transform: skew(45deg) translateX(0);
}
[class*=" imghvr-fold"],
[class^="imghvr-fold"] {
perspective: 50em;
}
[class*=" imghvr-fold"] img,
[class^="imghvr-fold"] img {
transform-origin: 50% 0;
}
[class*=" imghvr-fold"] figcaption,
[class^="imghvr-fold"] figcaption {
z-index: 1;
opacity: 0;
}
[class*=" imghvr-fold"]:hover > img,
[class^="imghvr-fold"]:hover > img {
opacity: 0;
transition-delay: 0;
}
[class*=" imghvr-fold"]:hover figcaption,
[class^="imghvr-fold"]:hover figcaption {
transform: rotateX(0) translateZ(0) scale(1);
opacity: 1;
transition-delay: 0.21s;
}
.imghvr-fold-up > img {
transform-origin: 50% 0;
}
.imghvr-fold-up figcaption {
transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(0.6);
transform-origin: 50% 100%;
}
.imghvr-fold-up:hover > img {
transform: rotateX(90deg) scale(0.6) translateY(50%);
}
.imghvr-fold-down > img {
transform-origin: 50% 100%;
}
.imghvr-fold-down figcaption {
transform: rotateX(90deg) translate3d(0, 50%, 0) scale(0.6);
transform-origin: 50% 0;
}
.imghvr-fold-down:hover > img {
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}
.imghvr-fold-left > img {
transform-origin: 0 50%;
}
.imghvr-fold-left figcaption {
transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(0.6);
transform-origin: 100% 50%;
}
.imghvr-fold-left:hover > img {
transform: rotateY(-90deg) scale(0.6) translateX(50%);
}
.imghvr-fold-right > img {
transform-origin: 100% 50%;
}
.imghvr-fold-right figcaption {
transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(0.6);
transform-origin: 0 50%;
}
.imghvr-fold-right:hover > img {
transform: rotateY(90deg) scale(0.6) translateX(-50%);
}
.imghvr-zoom-in figcaption {
opacity: 0;
transform: scale(0.5);
}
.imghvr-zoom-in:hover figcaption {
transform: scale(1);
opacity: 1;
}
[class*=" imghvr-zoom-out"] figcaption,
[class^="imghvr-zoom-out"] figcaption {
transform: scale(0.5);
transform-origin: 50% 50%;
opacity: 0;
}
[class*=" imghvr-zoom-out"].hover figcaption,
[class*=" imghvr-zoom-out"]:hover figcaption,
[class^="imghvr-zoom-out"].hover figcaption,
[class^="imghvr-zoom-out"]:hover figcaption {
transform: scale(1);
opacity: 1;
transition-delay: 0.35s;
}
.imghvr-zoom-out:hover > img {
transform: scale(0.5);
opacity: 0;
}
.imghvr-zoom-out-up.hover > img,
.imghvr-zoom-out-up:hover > img {
animation: a 0.4025s linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes a {
50% {
transform: scale(0.8) translateY(0);
opacity: 0.5;
}
to {
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
.imghvr-zoom-out-down.hover > img,
.imghvr-zoom-out-down:hover > img {
animation: b 0.4025s linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes b {
50% {
transform: scale(0.8) translateY(0);
opacity: 0.5;
}
to {
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
.imghvr-zoom-out-left.hover > img,
.imghvr-zoom-out-left:hover > img {
animation: c 0.4025s linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes c {
50% {
transform: scale(0.8) translateX(0);
opacity: 0.5;
}
to {
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
.imghvr-zoom-out-right.hover > img,
.imghvr-zoom-out-right:hover > img {
animation: d 0.4025s linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes d {
50% {
transform: scale(0.8) translateX(0);
opacity: 0.5;
}
to {
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
.imghvr-zoom-out-flip-horiz {
perspective: 50em;
}
.imghvr-zoom-out-flip-horiz figcaption {
opacity: 0;
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-zoom-out-flip-horiz.hover > img,
.imghvr-zoom-out-flip-horiz:hover > img {
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-horiz.hover figcaption,
.imghvr-zoom-out-flip-horiz:hover figcaption {
transform: rotateX(0) translateY(0) scale(1);
opacity: 1;
transition-delay: 0.35s;
}
.imghvr-zoom-out-flip-vert {
perspective: 50em;
}
.imghvr-zoom-out-flip-vert figcaption {
opacity: 0;
transform: rotateY(90deg) translate(50%) scale(0.5);
}
.imghvr-zoom-out-flip-vert.hover > img,
.imghvr-zoom-out-flip-vert:hover > img {
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-vert.hover figcaption,
.imghvr-zoom-out-flip-vert:hover figcaption {
transform: rotateY(0) translate(0) scale(1);
opacity: 1;
transition-delay: 0.35s;
}
.imghvr-blur figcaption {
opacity: 0;
}
.imghvr-blur:hover > img {
filter: blur(30px);
transform: scale(1.2);
opacity: 0;
}
.imghvr-blur:hover figcaption {
opacity: 1;
transition-delay: 0.21s;
}.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
}
.container-fluid {
padding-right: 2rem;
padding-left: 2rem;
}
.row {
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; 
height: 150px;
overflow: hidden;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 48em) {
.container {
width: 49rem;
}
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
height: 250px;
overflow: hidden;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 64em) {
.container {
width: 65rem;
}
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 75em) {
.container {
width: 76rem;
}
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
height: 245px;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
 #column_sub_category{ display: none; }
.col-make-margin-bottom-15{
margin-bottom: 15px;
}
.austeller-box{ width: 100%;  }
.figure-div-resize{
height: 100%;
width: 100%;
background: transparent;
}
.figure-div-resize:hover{
background-color: #1678be;
}
[class^=imghvr-] figcaption {
background-color: #1678be; 
}
.list_item.lists_1 .list_left { background: transparent;
width: 180px;
height: auto;
min-height: 120px;
}
.list_item.lists_1 .list_left img {
max-width: 140px!important;
max-height: 140px!important; 
padding: 20px 0;
}
ul.aussteller-list{
list-style: none; 
}
ul.aussteller-list li{
padding: 15px 0; 
border-bottom:1px solid #c7c7c7;
float: left;
width: 25%;
height: 260px;
overflow: hidden;
position: relative;
}	
.auss-title {
margin-bottom: 5px;
font-size: 22px;
color: #565655;
line-height: 1.4em;
}
.auss-title a{     text-decoration: none !important; color: #565655 !important }
.pagination {
clear:both;
padding:20px 0;
position:relative; 
list-style: none; 
margin: auto;
}
.pagination li{ display: inline;}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
.pagination a:hover{
color:#fff;
background: #3279BB;
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
ul.page-numbers,
ul.aussteller-list,
ul.pagination{ margin: 0 !important; margin-bottom: 20px !important;  }
.offnumg-zeit,
#signature-div{ display: none; }
.category_id_postform,
.category_child_id,
.category_sub_postform{ width: 100%; }
.customize-inner-column .column_column{ margin-bottom: 0 !important; }
@media only screen and (max-width: 767px) { 
.aussteller-list .list_left.list_icon{
width:100%;
float:none;
margin-bottom: 0 !important;
}
.aussteller-list li{ 
margin-bottom: 0 !important;
}
.aussteller-list .list_item .list_right {
padding: 0;
margin-left: 0;
word-wrap: inherit;
text-align: center;
}
.aussteller-list .desc>div{ padding-right: 0!important; }
.aussteller-list .add-to-aussteller{ position:relative !important; float:none !important; display:block !important;}
}
ul.meta_indexs {
margin:0 1%;
padding: 0;
display:table;
width:98%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
ul.meta_indexs li {
display:table-cell; }
ul.meta_indexs li button{
border-radius: 0; 
outline:0;
border: 1px solid white;
border-width: 0 1px 0 0;
}
ul.meta_indexs li:last-child button{ 
border-width: 0 0 0 0;
}
ul.meta_indexs li:last-child {
padding-right: 0%;
}
ul.meta_indexs li:first-child {
padding-left: 0%;
}
.active_index{
background: #0a0a0a; 
} @media only screen and (max-width: 767px) {
ul.meta_indexs {
margin:0; 
width: 100%;
}
ul.meta_indexs li {
display:inline-table;
width: 33.333333%; 
}
ul.meta_indexs li:nth-child(3) {
display:inline-table;
width: 33.333333%;
padding-right: 0%;
}
ul.meta_indexs li:last-child { 
width: 33.333333%;
}
ul.meta_indexs li:nth-child(3) button { 
border-width: 0 0 0 0;
} #cartList table, #cartList thead, #cartList tbody, #cartList th, #cartList td, #cartList tr { 
display: block; 
} #cartList thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
#cartList table tr td:nth-child(2) { width: 100% !important;
}
#cartList tr { border: 1px solid #ccc; }
#cartList tr:first-child { 
display:none;
}
#cartList td { border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 25%; 
}
#cartList td:before { position: absolute; top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
} #cartList td:nth-of-type(1):before { content: "Name"; }
#cartList td:nth-of-type(2):before { content: "Stand"; } 
figcaption h3{ 
font-size: 20px; 
} 
figcaption p{
font-size: 14px;
line-height: 18px;    
}
}
.col-container-indexed {
display: flex;
width: 100%;
}
.col-indexed {
flex: 1;
padding: 10px;
}   
.button-index{ width: 100%; }
#aussteller-form-text .column_column{
margin-bottom:0px;    
}
#aussteller-form .column_column{
margin-bottom:0px;    
}
#result-section-hidden{ display: none; }
.white-popup-cart-message {
position: relative;
background: #FFF;
padding: 20px;
width: 100%;
max-width: 640px;
margin: 20px auto;
}body.single-aussteller_type a.button.button_size_1.button_theme.button_js,
body.page a.button.button_size_1.button_theme.button_js.print_buton,
a.button.button_size_1.button_theme.button_js.button_js_readmore-aussteller{ 
background: #003366 !important;  
border-color: #003366 !important;  
color: #fff !important;
transition: 0.3s;
}
body.single-aussteller_type a.button.button_size_1.button_theme.button_js:hover,
body.page a.button.button_size_1.button_theme.button_js.print_buton:hover,
a.button.button_size_1.button_theme.button_js.button_js_readmore-aussteller:hover{ 
background: #ea5b0b !important;  
border-color: #ea5b0b !important;  
}
.button_js_readmore-aussteller{
color: white !important;
}
.new-position-in-div{  
color: #3d3d3d;
text-align:center;
padding: 0 20px;    
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-transform: uppercase;
width: 100%;
-ms-word-break: break-all;
word-break: break-all; word-break: break-word; 
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.new-position-in-div span{
text-transform: initial;
font-size: 16px;
line-height:18px;
display:block;
font-weight: 400;
}
.aussteller_inner_container{
margin: 0 1%;
}
#aussteller_loader_wrapper{
position: absolute;
width: 100%;
height: 100%;
left:0;
top:0;
background: rgba(61, 61, 61, 0.95);
z-index: 10;
}
#aussteller_loader{
position: absolute;
width: 50px;
height: 50px;
left:50%;
top:50%;
margin-left: -25px;
background: url(//kvn-bremen.de/wp-content/themes/betheme-child/austeller-liste/img/oval.svg) left top no-repeat;
z-index: 11;
}    
.print-page-title-h1,
.print-page-title-h2{ text-align: center; }
a.deletetr:hover{
text-decoration: none; 
color: #ea5b0b !important;  
}
.column-height-reset{
height: inherit;
}
.make-column-padding{
padding: 20px;
}
.aussteller_single_row_ajax{
width: 100%; 
display: flex;
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.aussteller-row:nth-child(odd),
.aussteller_single_row_ajax:nth-child(odd){
background: #e0f1f6;
transition: 0.6s;
}
.aussteller-row:hover,
.aussteller_single_row_ajax:hover{
background: rgba(224,241,246, 0.3);  }
.listview_aussteller_container #result-section{ 
border: 1px solid #e0f1f6;
}
#aussteller-contet-area{
padding-top:200px; 
margin-bottom:50px;
}
.list-product-gruppe {
list-style: none; 
}
.list-product-gruppe li{ 
list-style: none; 
color: #003366;
}
h1.auss-title{
margin-top: 15px;
}
.list-product-gruppe{
margin:0 0 0 10px !important; 
}
@media only screen and (max-width: 1024px) {
.aussteller_single_row_ajax{ 
width: 100%;
display: block; 
} 
}
@media only screen and (max-width: 768px) {
#aussteller-contet-area{
margin-top:90px; 
margin-bottom:50px;
}
.make-it-center{
text-align: center;   
}
h1.auss-title{
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.aussteller_inner_container{
margin: 0;
}
.new-position-in-div{  
font-size: 14px;
line-height: 16px;
}
.new-position-in-div span{
text-transform: initial;
font-size: 12px;
line-height:14px; 
}
}