@charset "utf-8";
@charset "UTF-8";
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#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:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.tx-heading-style-default {
padding: 2px 0;
}
.tx-heading-style-default .tx-heading-inner {
padding: 0px;
}
.tx-heading.tx-heading-align-left { text-align: left; }
.tx-heading.tx-heading-align-left .tx-heading-inner { padding-left: 0px; }
.tx-heading.tx-heading-align-right { text-align: right; }
.tx-heading.tx-heading-align-right .tx-heading-inner { padding-right: 0px; }
.tx-heading.tx-heading-align-center { text-align: center; } .tx-divider {
clear: both;
position: relative;
height: 1px;
margin: 2.5em 0 1.5em 0;
background: #999;
background-color: #e7e7e7;
}
.tx-divider a {
position: absolute;
right: 0;
bottom: 5px;
display: inline-block;
color: #777;
font-size: 12px;
text-decoration: none;
} .tx-spacer {
display: block;
height: 0;
clear: both;
overflow: hidden;
}
.tx-spacer-5 { height: 5px }
.tx-spacer-10 { height: 10px }
.tx-spacer-20 { height: 20px }
.tx-spacer-30 { height: 30px }
.tx-spacer-40 { height: 40px } .tx-highlight {
display: inline;
padding: 1px 0;
} .tx-list ul {
list-style: none !important;
margin: 0 0 1.5em 0 !important;
padding: 0 !important;
}
.tx-list ul li {
position: relative;
list-style-type: none !important;
display: block !important;
line-height: 1.3em;
margin: 0 !important;
padding: 4px 0 4px 2em !important;
}
.tx-list ul li > img {
position: absolute;
left: 0;
top: 4px;
width: 1.3em;
height: 1.3em;
padding: 0;
margin: 0;
border: none;
}
.tx-list ul li i {
position: absolute;
left: 0;
top: 4px;
width: 1.3em;
height: 1.3em;
line-height: 1.3em;
text-align: center;
} .tx-button {
display: inline-block !important;
text-align: center;
text-decoration: none !important;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
transition: all .2s;
-o-transition: all .2s;
-ie-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
.tx-button-wide {
display: block !important;
margin: 1em 0;
}
.tx-button-center { text-align: center; }
.tx-button span {
display: block !important;
text-decoration: none !important;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
transition: all .2s;
-o-transition: all .2s;
-ie-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
.tx-button img {
border: none !important;
vertical-align: middle !important;
margin: -0.2em 0.4em 0 -0.3em !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.tx-button i {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 0.5em 0 0 !important;
text-align: center;
line-height: 1em;
}
.tx-button.tx-button-float-icon img { margin: 0 0.5em !important }
.tx-button small {
display: block;
margin: -0.2em 0 0 0;
color: inherit;
text-align: center;
font-style: normal;
font-size: 0.8em;
line-height: 1;
opacity: 0.7;
filter: alpha(opacity=70);
}
.tx-button-style-default {
border-width: 0px;
border-style: solid;
}
.tx-button-style-default:hover {
background-color: #333333!important;
color: #FFFFFF!important;
}
.tx-button-style-default span {
border-top-width: 0px;
border-bottom-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
}
.tx-button-style-stroked span {
margin: 1px;
border: 1px dashed #fff !important;
}
.tx-button-style-stroked:hover span {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.tx-button-style-3d {
border-bottom-style: solid;
border-bottom-width: 6px;
}
.tx-button-style-3d span {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.tx-button-style-3d:hover {
position: relative;
top: 3px;
border-bottom-width: 3px;
}
.tx-button a:hover {
background-color: #373737;
color: #ffffff;
} .tx-row {
clear: both;
zoom: 1;
margin-bottom: 24px;
}
.tx-row:before,
.tx-row:after {
display: table;
content: "";
}
.tx-row:after { clear: both; }
.tx-column {
display: block;
margin: 0 4% 0 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tx-column-last { margin-right: 0; }
.tx-row .tx-column { margin: 0 0 0 4%; }
.tx-row .tx-column .tx-column { margin: 0px!important; display: inline-block; width: 49%; }
.tx-row .tx-column.tx-column-size-1-1 { margin-left: 0; margin-right: 0; }
.tx-row .tx-column:first-child { margin-left: 0; }
.tx-column-centered {
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}
.tx-column img,
.tx-column iframe,
.tx-column object,
.tx-column embed { max-width: 100%; }
@media only screen {
[class*="nx-column"] + [class*="nx-column"]:last-child { float: right; }
}
.tx-column {
display: block;
margin: 0 0 0 0;
padding: 0px 16px;
}
.tx-column-last { padding-right: 0px; }
.tx-row .tx-column { margin: 0%; }
.tx-row .tx-column.tx-column-size-1-1 { padding-left: 0; padding-right: 0; }
.tx-row .tx-column:first-child { padding-left: 0px; }
.tx-row .tx-column:last-child { padding-right: 0px; }
.tx-column-size-1-1 { width: 100%; }
.tx-column-size-1-2 { width: 50%; }
.tx-column-size-1-3 { width: 33.33%; }
.tx-column-size-2-3 { width: 66.66%; }
.tx-column-size-1-4 { width: 25%; }
.tx-column-size-3-4 { width: 75%; }
.tx-column-size-1-5 { width: 20%; }
.tx-column-size-2-5 { width: 40%; }
.tx-column-size-3-5 { width: 60%; }
.tx-column-size-4-5 { width: 80%; }
.tx-column-size-1-6 { width: 16.66%; }
.tx-column-size-5-6 { width: 83.33%; } @media only screen and (max-width: 768px) {
.tx-column {
width: 100% !important;
margin: 0 0 24px 0 !important;
float: none !important;
}
.tx-row .tx-column:last-child,
.fancy-inner .tx-column:last-child {
margin-bottom: 0 !important;
}
}
.site-content .tx-row.lined div.tx-column {
border: 1px solid #999;
} .tx-col-1-2 {
width: 50%;
display: block;
float: left;
}
.tx-col-1-3 {
width: 33.3%;
}
.tx-col-2-3 {
width: 66.6%;
}
.tx-col-1-4 {
width: 25%;
}
.tx-post-row {
display: block;
position: relative;
clear: both;
width : 100%;
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px;
}
.tx-post-row.folio-style-gallery {
width : 100%;
margin-left: 0px;
margin-right: 0px;
}
.tx-post-row:after {
content: " ";
display: block;
clear: both;
height: 0px;
}
.tx-post-col-1 {
display: block;
float: none;
padding-right: 16px;
padding-left: 16px;
width: 100%;
}
.tx-post-col-2 {
display: block;
float: left;
padding-left: 16px;
padding-right: 16px;	
width: 50%;
}
.tx-post-col-3 {
display: block;
float: left;
padding-left: 16px;
padding-right: 16px;	
width: 33.33%;
}
.tx-post-col-4 {
display: block;
float: left;
padding-left: 16px;
padding-right: 16px;	
width: 25%;
}
.tx-post-row.folio-style-gallery .tx-portfolio-item {
padding: 0px; }
.tx-carousel .tx-post-col-1,
.tx-carousel .tx-post-col-2,
.tx-carousel .tx-post-col-3,
.tx-carousel .tx-post-col-4 {
width: auto;
}
.tx-post-row .tx-portfolio-item .tx-border-box {
padding-bottom: 32px;
}
.folio-style-gallery.tx-post-row .tx-portfolio-item .tx-border-box {
padding-bottom: 0px;
}
.tx-post-row .tx-folio-title {
font-size: 24px;
font-weight: 500;
margin: 12px 0px;
margin-bottom: 2px;
}
.tx-post-row .tx-folio-title a,
.tx-post-row .tx-folio-title a:visited {
color: #565656;
text-decoration: none;
}
.tx-folio-category {
display: block;
color: #999;
font-size: 12px;
margin-bottom: 16px;
}
.folio-style-gallery.tx-post-row .tx-folio-title {
position: absolute;
left: 12px;
bottom: -20px;
margin-bottom: 0px;
opacity: 0;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0.4s;	
}
.folio-style-gallery.tx-post-row .tx-folio-title a,
.folio-style-gallery.tx-post-row .tx-folio-title a:visited {
color: #FFFFFF;
}
.folio-style-gallery.tx-post-row .tx-folio-category {
color: #ddd;
position: absolute;
left: 12px;
bottom: -32px;
margin-bottom: 0px;
opacity: 0;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0.6s;		
}
.folio-style-gallery.tx-post-row .tx-portfolio-item:hover .tx-folio-title {
bottom: 32px;
opacity: 1;
}
.folio-style-gallery.tx-post-row .tx-portfolio-item:hover .tx-folio-category {
bottom: 12px;
opacity: 1;
}
.tx-post-row a.moretag,
.tx-post-row a.moretag:visited {
display: block;
clear: both;
text-align: right;
text-decoration: none;
padding-top: 6px;
font-size: 12px;
}
.tx-post-row a.moretag:hover {
text-decoration: underline;
}
.tx-post-row .tx-border-box .tx-folio-img {
overflow: hidden;
}
.tx-post-row .tx-portfolio-item img.folio-img {
width: 100%;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.tx-post-row .tx-portfolio-item:hover img.folio-img {
transform: scale(1.1);
}
.tx-folio-img,
.tx-folio-img-wrap {
position: relative;
}
.tx-folio-img .folio-links {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background-color: rgba(0,0,0,0.4);
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
overflow: hidden;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;
bottom: -64px;
z-index: 101;
visibility: hidden;
}
.folio-style-gallery .tx-folio-img .folio-links {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
bottom: 0px;
background-color: rgba(0,0,0,0.0);	
}
.tx-folio-img:hover .folio-links {
bottom: 0px;
visibility: visible;
}
.folio-style-gallery .tx-portfolio-item:hover .tx-folio-img .folio-links {
background-color: rgba(0,0,0,0.4);
bottom: 0px;
visibility: visible;		
}
.tx-folio-img .folio-links .folio-linkico,
.tx-folio-img .folio-links .folio-zoomico {
display: inline-block;
height: 32px;
width: 32px;
background-color: #666;
color: #FFF;
text-align: center;
line-height: 32px;
margin: auto 2px;
border-radius: 3px;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0.3s;
}
.folio-style-gallery .tx-folio-img .folio-links span,
.folio-style-gallery .tx-folio-img .folio-links span {
display: block;
width: 100%;
position: absolute;
left: 0px;
top: 50%;
margin-top: -22px;
}
.folio-style-gallery .folio-head {
display: block;
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
padding: 0px 12px;
z-index: 102;
}
.folio-style-gallery .tx-post-row .tx-folio-title a, 
.folio-style-gallery .tx-post-row .tx-folio-title a:visited {}
.folio-style-gallery .tx-folio-category {}
.tx-folio-img .folio-links .folio-linkico {
margin-right: 64px;
opacity: 0;
}
.tx-folio-img .folio-links .folio-zoomico {
margin-left: 64px;
opacity: 0;
}
.tx-folio-img:hover .folio-links .folio-linkico,
.folio-style-gallery .tx-portfolio-item:hover .tx-folio-img .folio-links .folio-linkico {
margin-right: 2px;
opacity: 1;
}
.tx-folio-img:hover .folio-links .folio-zoomico,
.folio-style-gallery .tx-portfolio-item:hover .tx-folio-img .folio-links .folio-zoomico {
margin-left: 2px;
opacity: 1;
}
.tx-folio-img .folio-links .folio-linkico {}
.tx-folio-img .folio-links .folio-zoomico {
transition-delay: 0.5s;			
}
.tx-subtitle {
font-size: 20px;
font-weight: 500;
}
.tx-blog-img {
margin-bottom: 16px;
position: relative;
overflow: hidden;
}
.tx-blog-imgpad {
height: 16px;
}
.tx-blog .tx-blog-item {
margin-bottom: 32px;
}
.tx-blog-item .blog-image {
width: 100%;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;		
}
.tx-blog-item .blog-image:hover {
transform:scale(1.1);
}
.tx-blog .tx-blog-item .tx-post-title {
padding: 0px;
margin: 0px;
padding-bottom: 4px;
}
.tx-blog .tx-blog-item  h3.tx-post-title a {
color: #565656;
font-weight: 500;
text-decoration: none;
}
.tx-category {
margin-bottom: 16px;
font-size: 12px;	
color: #999;	
}
.tx-category a {
text-decoration: none;
}
.tx-meta {
padding-top: 8px;
font-size: 11px;
color: #999;
}
.tx-post-content {
padding: 0px 32px 32px 32px;
}
.tx-blog .tx-blog-item .tx-border-box {
border: 1px solid #e7e7e7;
}
.tx-post-comm {
display: block;
position: absolute;
bottom: 12px;
right: 12px;
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
color: #FFFFFF;
}
.tx-post-comm span {
display: block;
position: relative;
height: 32px;
width: 32px;
text-align: center;
z-index: 107;
}
.tx-post-comm:after { 
content: '\f075';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin:0px;
text-decoration:none;
height: 32px;
line-height: 32px;
font-size: 32px;
position: absolute;
left: 0px;
top: 0px;
color: #f00;
z-index: 106;
width: 32px;
text-align: center;
} .entry-content .owl-theme .owl-controls .owl-page span {
background-color: rgba(0,0,0,0.5);
}
.tx-testimonials {
display: block;
padding: 32px;
background-color: #CCC;
}
.tx-testimonials {
display: block;
padding: 32px;
padding-top: 56px;
background-color: #f7f7f7;
}
.tx-testimonials:after {
position: absolute;
left: calc(50% - 15px);
top: 16px;
content: "\f10d";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
width: 32px;
text-align: center;
color: #999;	
}
.tx-testimonials .tx-testi-item {
text-align: center;
}
.tx-testimonials .tx-testi-name {
display: block;
font-weight: 700;
color: #666;
padding-top: 16px;
}
.tx-testimonials .tx-testi-desig {
display: inline-block;
font-size: 12px;
color: #999;
padding-right: 6px;
}
.tx-testimonials .tx-testi-org {
display: inline-block;
font-size: 12px;
color: #999;	
}
@media (min-width: 1200px) {
.tx-fullwidthrow .tx-fw-content .tx-testi-item {
margin-left: 64px;
}	
} .tx-button {
display: inline-block;
padding: 10px 16px;
border-radius: 3px;
}
.tx-button:hover {
background-color: #373737!important;
color: #FFFFFF!important;
}
.tx-cta {
display: block;
clear: both;
padding: 32px;
margin-bottom: 32px;
background-color: #f7f7f7;
border-left: 6px solid #06C;
color: #474747;
}
.tx-cta .tx-cta-text {
display: inline-block;
font-size: 24px;
line-height: 40px;
font-weight: 500;
}
.tx-cta a.cta-button,
.tx-cta a.cta-button:visited {
display: block;
float: right;
line-height: 40px;
color: #FFF;
padding-left: 16px;
padding-right: 16px;
border-radius: 3px;
text-decoration: none;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.tx-cta a.cta-button:hover {
background-color: #373737;
color: #ffffff;
}
.tx-service {}
.tx-service-icon {
display: block;
text-align: center;
}
.tx-animate,
.tx-service-icon span,
.tx-service-icon span i,
.tx-service-icon span i:before,
.tx-service-icon span i:after,
.tx-carousel .owl-controls .owl-buttons .owl-prev,
.tx-carousel .owl-controls .owl-buttons .owl-next  {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;
}
.tx-service-icon span {
display: inline-block;
width: 92px;
height: 92px;
border: 2px solid #069;
border-radius: 50%;
text-align: center;
font-size: 48px;
line-height: 88px;
color: #069;
}
.tx-service-icon span {
border: 2px solid #069;
}
.tx-service-icon span i {
color: #069;
line-height: 88px;
}
.tx-service-icon span i:before {
line-height: 88px;
}
.tx-service:hover .tx-service-icon span {
background-color: #069;
}
.tx-service:hover .tx-service-icon span i {
color: #FFF;	
}
.tx-service.curved .tx-service-icon span {
border-radius: 12px;
margin-bottom: 12px;
}
.tx-service.square .tx-service-icon span {
border-radius: 0px;
margin-bottom: 12px;
}
.tx-service-title {
text-align: center;
font-size: 24px;
padding: 6px 0px 16px 0px;
}
.tx-service-text {
text-align: center;
padding-bottom: 32px;
} .tx-carousel .owl-controls .owl-buttons .owl-prev {}
.tx-carousel .owl-controls .owl-buttons {
position: absolute;
width: 100%;
top: 50%;
top: calc(50% - 40px);
left: 0px;
}
.tx-carousel .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 48px;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;	
color: #fff;
background-color: rgba(0,0,0,0.5);
border-radius: 0px 3px 3px 0px;
opacity: 0;
}
.tx-carousel .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 48px;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: rgba(0,0,0,0.5);
border-radius: 3px 0px 0px 3px;
opacity: 0;
}
.tx-carousel:hover .owl-controls .owl-buttons .owl-prev {
left: 16px;
opacity: 1;
}
.tx-carousel:hover .owl-controls .owl-buttons .owl-next {
right: 16px;
opacity: 1;
}
.tx-carousel .owl-controls .owl-buttons .owl-prev span {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;	
color: #fff;
}
.tx-carousel .owl-controls .owl-buttons .owl-next span {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
}
.nx-paging {
display: block;
clear: both;
text-align: center;
margin: 16px 0px;
}
.nx-paging .nx-paging-inner {
display: inline-block;
margin: 0px auto;
}
.nx-paging > div.nx-paging-inner > a,
.nx-paging > div.nx-paging-inner > a:visited,
.nx-paging > div.nx-paging-inner > span {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0px 10px;
border: 1px solid #d7d7d7;
text-decoration: none;
color: #999999;
}
.nx-paging > div.nx-paging-inner > span {
color: #CCC;
border: 1px solid #e7e7e7;
}
.nx-paging > div.nx-paging-inner > a:hover {
background-color: #e7e7e7;
color: #373737;
}
.nx-paging > div.nx-paging-inner > a.prev.page-numbers {} .tx-heading {
border-bottom: 1px solid #CCC;
padding-bottom: 6px;
}
.tx-heading .tx-heading-tag {
font-weight: 500;
margin: 0px;
padding: 0px;
} .related.products {
position: relative;
overflow: hidden;
}
.related.products .products .owl-controls .owl-buttons {
position: absolute;
width: 100%;
left: 0px;
top: 45%;
}
.related.products .products .owl-controls .owl-buttons .owl-next,
.related.products .products .owl-controls .owl-buttons .owl-prev {
display: block;
height: 32px;
width: 24px;
line-height: 24px;
text-align: center;
color: #ffffff;
background-color: rgba(0,0,0,0.4);
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.related.products .products .owl-controls .owl-buttons .owl-next {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-left: -100px;		
}
.related.products .products .owl-controls .owl-buttons .owl-prev {
left: auto;
right: 0px;
top: 0px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
margin-right: -100px;
}
.related.products .products .owl-controls .owl-buttons .owl-next span,
.related.products .products .owl-controls .owl-buttons .owl-prev span {
line-height: 32px;
}
.related.products .products:hover .owl-controls .owl-buttons .owl-next {
margin-left: 0px;
opacity: 1;
}
.related.products .products:hover .owl-controls .owl-buttons .owl-prev {
margin-right: 0px;
opacity: 1;
} .tx-slider {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
}
.tx-slider img {
width: 100%;
max-width: 100%;
}
.tx-slider .owl-controls {
}
.tx-slider-item {
background-color: #E6E6E6;
}
.tx-slider .owl-controls .owl-buttons {
position: absolute;
top: 45%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
z-index: 102;
}
.tx-slider .owl-controls .owl-buttons .owl-next,
.tx-slider .owl-controls .owl-buttons .owl-prev {
display: block;
height: 56px;
width: 32px;
line-height: 32px;
text-align: center;
color: #ffffff;
background-color: rgba(0,0,0,0.36);
position: absolute;
left: 0px;
top: 0px;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.tx-slider .owl-controls .owl-buttons .owl-next {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
margin-left: -100px;		
}
.tx-slider .owl-controls .owl-buttons .owl-prev {
left: auto;
right: 0px;
top: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin-right: -100px;
}
.tx-slider .owl-controls .owl-buttons .owl-next span,
.tx-slider .owl-controls .owl-buttons .owl-prev span {
line-height: 56px;
}
.tx-slider:hover .owl-controls .owl-buttons .owl-next {
margin-left: 0px;
}
.tx-slider:hover .owl-controls .owl-buttons .owl-prev {
margin-right: 0px;
}
.tx-slider .owl-wrapper .tx-slider-box {
position: relative;
}
.tx-slider .owl-wrapper .tx-slide-content {
display: block;
position: absolute;
left: 0px;
top: 0px;
margin: 0px auto;
width: 100%;
height: 100%;
z-index: 304;
text-align: left;
}
.tx-slider .owl-wrapper .tx-slide-content .tx-slide-content-inner {
display: block;
position: relative;
margin: 0px auto;
width: 100%;
max-width: 1200px;
padding: 0px 36px;
z-index: 305;
top: 45%;
transform: translateY(-50%);	
}
.tx-slide-title {
display: inline-block;
font-weight: 500;
font-size: 48px;
padding: 8px 16px;
color: #FFF;
background-color: rgba(0,0,0,0.36);
margin-bottom: 12px;
visibility: hidden;
}
.tx-slide-details p {
display: inline-block;	
padding: 8px 16px;
color: #FFF;
background-color: rgba(0,0,0,0.4);
max-width: 50%;
margin-bottom: 12px;
visibility: hidden;
}
.tx-slide-button {
visibility: hidden;
}
.tx-slider .tx-slide-button a,
.tx-slider .tx-slide-button a:visited {
display: inline-table;
padding: 12px 16px;
background-color: #575757;
border-radius: 3px;
color: #ffffff;
text-decoration: none;
font-size: 12px;
}
.tx-slider .tx-slide-button a:hover {
text-decoration: none;		
}
.owl-item .tx-slide-title {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.2s;
opacity: 0;
}
.owl-item .tx-slide-details p {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.5s;
opacity: 0;
margin-left: 120px;
}
.tx-slider .owl-item .tx-slide-button {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: .3s;
margin-top: 80px;
opacity: 0;	
}
.owl-item.active .tx-slide-title {
visibility: visible;
opacity: 1;	
}
.owl-item.active .tx-slide-details p {
visibility: visible;
opacity: 1;
margin-left: 0px;
}
.tx-slider .owl-item.active .tx-slide-button {
visibility: visible;
margin-top: 0px;
opacity: 1;	
}
.tx-slider .owl-pagination {
display: block;
width: 100%;
position: absolute;
bottom: 12px;
left: 0px;
text-align: center;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: .0s;	
opacity: 0;
}
.tx-slider:hover .owl-pagination {
opacity: 1;
}
.tx-slider .owl-pagination .owl-page {
display: inline-block;
margin: 0px 4px;
}
.tx-slider .owl-pagination .owl-page span {
display: block;
background-color: rgba(0,0,0,0.4);
height: 12px;
width: 12px;
border-radius: 6px;
}
.tx-slider .owl-pagination .owl-page.active span {
background-color: rgba(0,0,0,0.8);	
}
.tx-slider .owl-controls {
}
.portfolio .entry-thumbnail.tx-slider .owl-controls {
top: 45%;
height: auto;
}
.portfolio .entry-thumbnail.tx-slider .owl-controls .owl-pagination {
display: none;
}
.tx-slider.shadow .tx-slide-title {
background: transparent-color: rgba(0, 0, 0, 0.0);;
background: transparent;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);	
}
.tx-slider.shadow .tx-slide-details p {
background: transparent-color: rgba(0, 0, 0, 0.0);;
background: transparent;	
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);	
}
.tx-slider.shadow .tx-slide-button a {
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);	
} .site .widget .recent-comments-list li.nx-comment {
display: block;
clear: both;
height: auto;
border: none;
}
.site .widget .recent-comments-list li.nx-comment .comment-wrap {
padding-top: 6px;
padding-bottom: 6px;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-avatar {
display: inline-block;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-avatar img {
border-radius: 3px;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-content {
width: 72%;
width: calc( 100% - 64px );
border: 1px solid rgba(154,154,154,0.4);
border-radius: 3px;
padding: 6px 6px 0px 6px;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-content .comment-meta {
color: #999;
font-size: 12px;
line-height: 1;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-content .comment-body {
padding-top: 8px;
padding-bottom: 0px;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-content .comment-body p {
margin: 0px;
margin-bottom: 12px;
}
.widget .recent-posts-list li.nx-recent-post {
display: block;
clear: both;
min-height: 96px;
}
.widget .recent-posts-list li.nx-recent-post a.recent-post-image img {
width: 72px;
display: block;
float: left;
padding-top: 4px;
border-radius: 6px;
}
.widget .recent-posts-list li.nx-recent-post .recent-post-details.thumbyes {
display: inline-block;
width: 60%;
width: calc( 100% - 72px);
padding-left: 12px;
}
.widget .recent-posts-list li.nx-recent-post .recent-post-title {
display: block;
clear: both;
}
.widget .recent-posts-list li.nx-recent-post .recent-post-details.thumbyes span.post-meta {
font-size: 11px;
}
.widget .portfolio-grid {
padding-top: 12px;
}
.widget .portfolio-grid li a.grid-image img {}
.widget .portfolio-grid li {
display: block;
float: left;
margin: 0px;
width: 33.33%;
border: none;
border-bottom: none!important;
padding: 1px!important;
}
.widget .portfolio-grid li a.grid-image img {}
.nx-wide .tx-fullwidthrow {
position: relative;
}
.nx-boxed .tx-fullwidthrow {}
.nx-wide .tx-fullwidthrow .tx-fullwidthinner {
display: block;
clear: both;
}
.nx-wide .tx-fullwidthrow .tx-fullwidthinner:after,
.nx-boxed .tx-fullwidthrow .tx-fullwidthinner:after {
content: "";
display: table;
clear: both;
background-color: #f00;
} .tx-fw-inner {
}
.tx-fw-overlay {
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
padding-left: 32px;
padding-right: 32px;
}
.tx-fw-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;	
}
span.tx-animate {
display: inline-block;
} .tx-team{}
.tx-team .tx-team-item {
display: block;
float: left; 
}
.tx-team.tx-2-column-team .tx-team-item {
width: 50%;
}
.tx-team.tx-3-column-team .tx-team-item {
width: 33.33%
}
.tx-team.tx-4-column-team .tx-team-item {
width: 25%;
}
.tx-team {
margin-left: -16px;
margin-right: -16px;
width: calc( 100% + 32px );
}
.tx-team .tx-team-item .tx-team-box {
display: block;
position: relative;
padding: 16px;
}
.tx-team .tx-team-content {}
.tx-team .tx-team-content .tx-team-content-inner {
display: block;
position: relative;
text-align: center;
padding-bottom: 6px;
}
.tx-team  .tx-team-img {
display: block;
position: relative;
text-align: center;
overflow: hidden;
}
.tx-team .tx-team-box .tx-team-img img {
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.tx-team .tx-team-box:hover .tx-team-img img {
transform: scale(1.1, 1.1);
}
.tx-team .tx-team-socials {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.2s;		
display: block;
position: absolute;
left: 0px;
bottom: 0px;
margin-bottom: -58px;
width: 100%;
background-color: rgba(0,0,0,.6);
z-index: 101;
}
.tx-team .tx-team-box:hover .tx-team-socials {
margin-bottom: 0px;
}
.tx-team  .tx-team-socials span {
color: #FFF;
display: inline-block;
margin: 12px 4px;
}
.tx-team .tx-team-socials span > a > i {
display: inline-table;
color: #FFF;
border: 1px solid #FFF;
border-radius: 3px;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 20px;
}
.tx-team .tx-team-content-inner h3 {
font-size: 24px;
font-weight: 500;
margin: 6px auto 2px auto;
padding: 0px;	
}
.tx-team .tx-team-content-inner .desig {
font-size: 13px;
font-weight: 300;
color: #666;
line-height: 16px;
}
.tx-noposts {
display: block;
width: 100%;
padding: 32px;
background-color: #F60;
color: #FFF;
}
@media (max-width: 999px) {
.folio-col-1 {
display: block;
float: none;
padding-right: 0px;
width: 100%;
}
.folio-col-2 {
display: block;
float: none;
padding-left: 0px;
width: 100%;
}
.tx-col-1-2 {
width: 50%;
display: block;
float: left;
}
.tx-col-1-3 {
width: 50%;
}
.tx-col-1-4 {
width: 50%;
}	
.tx-posts.tx-posts-col-2.tx-posts-layout-masonry .post {
}
.tx-posts.tx-posts-col-3.tx-posts-layout-masonry .post {
width: 50%;
}
.tx-posts.tx-posts-col-4.tx-posts-layout-masonry .post {
width: 33.3%;
}
.tx-post-col-1 {
float: none;
width: 100%;
}
.tx-post-col-2 {
float: none;
width: 100%;
}
.tx-post-col-3 {
float: none;
width: 100%;
}
.tx-post-col-4 {
float: none;
width: 100%;
}
.tx-row .tx-column {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 32px;
}
.tx-slider .owl-wrapper .tx-slide-content .tx-slide-content-inner {
text-align: center;
}
.owl-item .tx-slide-details p {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-height: 48px;	
}
.owl-item .tx-slide-title {
font-size: 24px;
font-weight: 500;
margin-top: 0px;
padding-top: 6px;
padding-bottom: 6px;
}
.tx-slider .tx-slide-button a {
padding-top: 6px;
padding-bottom: 6px;
}
}
@media (max-width: 999px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
.tx-team.tx-2-column-team .tx-team-item {
width: 100%;
}
.tx-team.tx-3-column-team .tx-team-item {
width: 100%
}
.tx-team.tx-4-column-team .tx-team-item {
width: 100%;
}
} @media (max-width: 359px) {
.tx-col-1-2 {
width: 100%;
}
.tx-col-1-3 {
width: 100%;
}
.tx-col-1-4 {
width: 100%;
}	
}
.tx-vslider{
position: relative;
display: block;
overflow: hidden;
}
.tx-imagebg {
display: block;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 2;
}
.tx-video-background {
position: absolute;
top: 0; 
right: 0; 
bottom: 0; 
left: 0;
z-index: 3;
}
.tx-video-foreground,
.tx-video-background iframe,
.tx-video-background .tx-video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.tx-vslider-content {
position: absolute;
display: block;
z-index: 4;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
color: #FFF;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;	
}
.tx-vslider-content.vignette {
background-image: url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/vig-32.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: cover;
}
.tx-vslider-content.pixel {
background-image: url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/homepage-banner-bg3.png);
background-repeat: repeat;
}
.tx-vslider-content .content-wrap {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
max-height: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.vslider-img {
display: block;
margin: auto;
max-height: 20%;
max-width: 400px;
}
.tx-vslider-content .content-wrap h2 {
font-size: 64px;
line-height: 64px;
margin-bottom: 16px;
max-width: 900px;
padding-left: 32px;
padding-right: 32px;
display: block;
margin-left: auto;
margin-right: auto;
}
.tx-vslider-content .content-wrap p {
font-size: 15px;
max-width: 900px;
padding-left: 32px;
padding-right: 32px;
display: block;
margin-left: auto;
margin-right: auto;	
}
.vslider_button,
.vslider_button:visited {
display: inline-block;
height: 48px;
line-height: 48px;
padding: 0px 48px;
color: #FFF;
text-transform: uppercase;
background-color: #333;
text-decoration: none;
}
.vslider_button:hover {
text-decoration: none;
background-color: #333!important;	
}
.tx-youtube-warp {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.tx-youtube-warp iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-aspect-ratio: 16/9) {
.tx-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
.tx-video-foreground { width: 300%; left: -100%; }
}
@media (max-width: 768px) {
.vslider-img {
max-height: 20%;
max-width: 300px;
}
.tx-vslider-content .content-wrap h2 {
font-size: 48px;
line-height: 48px;
margin-bottom: 16px;
}
.tx-vslider-content .content-wrap p {
font-size: 14px;
}
.vslider_button {
height: 36px;
line-height: 36px;
padding: 0px 36px;
}
}
@media (max-width: 480px) {
.vslider-img {
max-height: 20%;
max-width: 100px;
}
.tx-vslider-content .content-wrap h2 {
font-size: 24px;
line-height: 24px;
margin-bottom: 8px;
}
.tx-vslider-content .content-wrap p {
font-size: 13px;
}
.vslider_button {
height: 32px;
line-height: 32px;
padding: 0px 32px;
}
} .entry-content .panel-layout .panel-grid .widget ul {
list-style-type: square;
padding: 0px;
margin: 0px;
padding-left: 24px;
}
.entry-content .panel-layout .panel-grid .widget ul li {
border: none;
color: #373737;
padding: 0px;
padding-left: 0px;
margin-left: 0px;
line-height: 30px;
}
.tx-site-origin-blog .textwidget .tx-blog-item .tx-border-box {
background-color: #FFF;
}
.tx-site-origin-feature .sow-features-list .sow-features-feature .textwidget {
padding-left: 12px;
}
.tx-site-origin-feature .sow-features-list .sow-features-feature .textwidget > h5 {
margin-top: 0px;
font-weight: 400;
margin-bottom: .5em;
}
.tx-site-origin-feature .sow-features-list .sow-features-feature > a {
padding-top: 6px;
}
.entry-content .panel-grid .so-panel.widget h3.widget-title {
font-size: 32px;
border: 0px solid #FFF;
padding: 0px;
margin: 0px;
}
.tx-slider.shadow .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.softvignette .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.hardvignette .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.darkoverlay .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.custombg .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.pattern .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.siftvignette .tx-slider-box .tx-slide-content .tx-slide-details p {
background: transparent;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
.tx-slider.shadow .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.softvignette .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.hardvignette .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.darkoverlay .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.custombg .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.pattern .tx-slider-box .tx-slide-content .tx-slide-title {
background: transparent;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px;
line-height: 1em;
}
.tx-slider.softvignette .tx-slider-box .tx-slide-content {
background-image: url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/vig-24.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.tx-slider.hardvignette .tx-slider-box .tx-slide-content {
background-image: url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/vig-32.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.tx-slider.darkoverlay .tx-slider-box .tx-slide-content {
background-color: rgba(0,0,0,0.4);
}
.tx-slider.pattern .tx-slider-box .tx-slide-content {
background-image: url(//www.zeugnis-center.de/wp-content/plugins/templatesnext-toolkit/css/images/homepage-banner-bg3.png);
background-repeat: repeat;
background-position: 0px 0px;
}
.tx-slider .owl-pagination .owl-page > span {
background: transparent;
border-radius: 0px;
border-width: 1px;
border-style: solid;
}
.tx-slider .owl-pagination .owl-page.active > span { 
background-color: #FFF; 
}
.tx-slider .owl-buttons div { 
background-color: #F60; 
} .prograss-container {
display: block;
padding: 0px 0px 16px 0px;
}
.pbar-outer {
display: block;
position: relative;
width: 100%;
background-color: #e7e7e7;
border-radius: 3px;
color: #FFFFFF;
}
.pbar-inner {
display: block;
width: 0%;
color: #FFFFFF;
display: block;
border-radius: 3px;	
position: absolute;
left: 0px;
top: 0px;
transition-property: all;
transition-duration: 1.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
z-index: 501;
overflow: hidden;
}
.pbar-text {
display: block;
position: absolute;
overflow: visible;
left: 0px;
top: 0px;
padding: 0px 16px;
z-index: 502;
color: #ffffff;
font-weight: 500;
font-size: 15px;
text-align: right;
transition-property: all;
transition-duration: 1.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
width: auto;
}
.bpercent {
margin-left: 16px;
}
.pbar-inner .candystrip {
position: absolute;
top: 0;
left: 0;
right: -32px;
bottom: 0;
height: 100%;
width: 100%;
width: calc(100% + 32px);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 32px 32px;
-moz-background-size: 32px 32px;
-o-background-size: 32px 32px;
background-size: 32px 32px;
-webkit-animation: pace-stripe-animation 500ms linear infinite;
-moz-animation: pace-stripe-animation 500ms linear infinite;
-ms-animation: pace-stripe-animation 500ms linear infinite;
-o-animation: pace-stripe-animation 500ms linear infinite;
animation: pace-stripe-animation 500ms linear infinite;
}
@-webkit-keyframes pace-stripe-animation {
0% { -webkit-transform: none; transform: none; }
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-moz-keyframes pace-stripe-animation {
0% { -moz-transform: none; transform: none; }
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-o-keyframes pace-stripe-animation {
0% { -o-transform: none; transform: none; }
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-ms-keyframes pace-stripe-animation {
0% { -ms-transform: none; transform: none; }
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@keyframes pace-stripe-animation {
0% { transform: none; transform: none; }
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
.nx-cunter {
display: block;
clear: both;
text-align: center;
}
@media only screen and (max-width: 999px) {
.nx-cunter {
text-align: left;
}
}
@media (max-width: 720px) {
.tx-slider .tx-slider-box .nx-slider-container {
padding-top: 32px;
padding-left: 32px;
padding-right: 32px;
}	
.tx-slider,
.tx-slider .tx-slider-box {
min-width: 360px;
}
.tx-slider .tx-slider-box .tx-slider-img {
display: block;
overflow: hidden;
text-align: center;
margin: auto;
position: relative;		
}
.tx-slider .tx-slider-box .tx-slider-img a img {
width: auto;
min-height: 320px;
max-width: 883px;
margin: auto;
display: block;
margin-left: 50%;
transform: translateX(-50%);	
}	
}@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-300.eot);
src: local('Open Sans Light'), local('OpenSans-Light'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-300.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-300.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-300.ttf) format('ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-300.eot);
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-300.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-300.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-300.ttf) format('ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-400.eot);
src: local('Open Sans Regular'), local('OpenSans-Regular'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-400.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-400.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-400.ttf) format('ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-400.eot);
src: local('Open Sans Italic'), local('OpenSans-Italic'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-400.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-400.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-400.ttf) format('ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-700.eot);
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-700.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-700.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-italic-700.ttf) format('ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-700.eot);
src: local('Open Sans Bold'), local('OpenSans-Bold'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-700.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-700.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/open sans-normal-700.ttf) format('ttf');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-300.eot);
src: local('Roboto Light'), local('Roboto-Light'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-300.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-300.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-300.ttf) format('ttf');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-400.eot);
src: local('Roboto'), local('Roboto-Regular'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-400.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-400.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-400.ttf) format('ttf');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-italic-400.eot);
src: local('Roboto Italic'), local('Roboto-Italic'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-italic-400.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-italic-400.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-italic-400.ttf) format('ttf');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-700.eot);
src: local('Roboto Bold'), local('Roboto-Bold'), 
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-700.woff2) format('woff2'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-700.woff) format('woff'),
url(https://www.zeugnis-center.de/wp-content/uploads/omgf/itransform-fonts/roboto-normal-700.ttf) format('ttf');
}@font-face {
font-family: 'Genericons';
src: url(//www.zeugnis-center.de/wp-content/themes/i-transform/fonts/genericons-regular-webfont.eot);
}
@font-face {
font-family: 'Genericons';
src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
url(//www.zeugnis-center.de/wp-content/themes/i-transform/fonts/genericons-regular-webfont.ttf) format('truetype'),
url(//www.zeugnis-center.de/wp-content/themes/i-transform/fonts/genericons-regular-webfont.svg#genericonsregular) format('svg');
font-weight: normal;
font-style: normal;
} [class*="genericon"] {
display: inline-block;
width: 16px;
height: 16px;
-webkit-font-smoothing: antialiased;
font-size: 16px;
line-height: 1;
font-family: 'Genericons';
text-decoration: inherit;
font-weight: normal;
font-style: normal;
vertical-align: top;
} [class*="genericon"] {
*overflow: auto;
*zoom: 1;
*display: inline;
}  .genericon-standard:before {       content: '\f100'; }
.genericon-aside:before {          content: '\f101'; }
.genericon-image:before {          content: '\f102'; }
.genericon-gallery:before {        content: '\f103'; }
.genericon-video:before {          content: '\f104'; }
.genericon-status:before {         content: '\f105'; }
.genericon-quote:before {          content: '\f106'; }
.genericon-link:before {           content: '\f107'; }
.genericon-chat:before {           content: '\f108'; }
.genericon-audio:before {          content: '\f109'; } .genericon-github:before {         content: '\f200'; }
.genericon-dribbble:before {       content: '\f201'; }
.genericon-twitter:before {        content: '\f202'; }
.genericon-facebook:before {       content: '\f203'; }
.genericon-facebook-alt:before {   content: '\f204'; }
.genericon-wordpress:before {      content: '\f205'; }
.genericon-googleplus:before {     content: '\f206'; }
.genericon-linkedin:before {       content: '\f207'; }
.genericon-linkedin-alt:before {   content: '\f208'; }
.genericon-pinterest:before {      content: '\f209'; }
.genericon-pinterest-alt:before {  content: '\f210'; }
.genericon-flickr:before {         content: '\f211'; }
.genericon-vimeo:before {          content: '\f212'; }
.genericon-youtube:before {        content: '\f213'; }
.genericon-tumblr:before {         content: '\f214'; }
.genericon-instagram:before {      content: '\f215'; }
.genericon-codepen:before {        content: '\f216'; } .genericon-comment:before {        content: '\f300'; }
.genericon-category:before {       content: '\f301'; }
.genericon-tag:before {            content: '\f302'; }
.genericon-time:before {           content: '\f303'; }
.genericon-user:before {           content: '\f304'; }
.genericon-day:before {            content: '\f305'; }
.genericon-week:before {           content: '\f306'; }
.genericon-month:before {          content: '\f307'; }
.genericon-pinned:before {         content: '\f308'; } .genericon-search:before {         content: '\f400'; }
.genericon-unzoom:before {         content: '\f401'; }
.genericon-zoom:before {           content: '\f402'; }
.genericon-show:before {           content: '\f403'; }
.genericon-hide:before {           content: '\f404'; }
.genericon-close:before {          content: '\f405'; }
.genericon-close-alt:before {      content: '\f406'; }
.genericon-trash:before {          content: '\f407'; }
.genericon-star:before {           content: '\f408'; }
.genericon-home:before {           content: '\f409'; }
.genericon-mail:before {           content: '\f410'; }
.genericon-edit:before {           content: '\f411'; }
.genericon-reply:before {          content: '\f412'; }
.genericon-feed:before {           content: '\f413'; }
.genericon-warning:before {        content: '\f414'; }
.genericon-share:before {          content: '\f415'; }
.genericon-attachment:before {     content: '\f416'; }
.genericon-location:before {       content: '\f417'; }
.genericon-checkmark:before {      content: '\f418'; }
.genericon-menu:before {           content: '\f419'; }
.genericon-top:before {            content: '\f420'; }
.genericon-minimize:before {       content: '\f421'; }
.genericon-maximize:before {       content: '\f422'; }
.genericon-404:before {            content: '\f423'; }
.genericon-spam:before {           content: '\f424'; }
.genericon-summary:before {        content: '\f425'; }
.genericon-cloud:before {          content: '\f426'; }
.genericon-key:before {            content: '\f427'; }
.genericon-dot:before {            content: '\f428'; }
.genericon-next:before {           content: '\f429'; }
.genericon-previous:before {       content: '\f430'; }
.genericon-expand:before {         content: '\f431'; }
.genericon-collapse:before {       content: '\f432'; }
.genericon-dropdown:before {       content: '\f433'; }
.genericon-dropdown-left:before {  content: '\f434'; }
.genericon-top:before {            content: '\f435'; }
.genericon-draggable:before {      content: '\f436'; }
.genericon-phone:before {          content: '\f437'; }
.genericon-send-to-phone:before {  content: '\f438'; }
.genericon-plugin:before {         content: '\f439'; }
.genericon-cloud-download:before { content: '\f440'; }
.genericon-cloud-upload:before {   content: '\f441'; }
.genericon-external:before {       content: '\f442'; }
.genericon-document:before {       content: '\f443'; }
.genericon-book:before {           content: '\f444'; }
.genericon-cog:before {            content: '\f445'; }
.genericon-unapprove:before {      content: '\f446'; }
.genericon-cart:before {           content: '\f447'; }
.genericon-pause:before {          content: '\f448'; }
.genericon-stop:before {           content: '\f449'; }
.genericon-skip-back:before {      content: '\f450'; }
.genericon-skip-ahead:before {     content: '\f451'; }
.genericon-play:before {           content: '\f452'; }
.genericon-tablet:before {         content: '\f453'; }
.genericon-send-to-tablet:before { content: '\f454'; } .genericon-uparrow:before {        content: '\f500'; }
.genericon-rightarrow:before {     content: '\f501'; }
.genericon-downarrow:before {      content: '\f502'; }
.genericon-leftarrow:before {      content: '\f503'; }.sidr {
display:none;
position:absolute;
position:fixed;
top:0;
height:100%;
z-index:999999;
width:260px;
overflow-x:none;
overflow-y:auto;
font-size:15px;
background:#333;
color:#fff;
-webkit-box-shadow:inset 0 0 5px 5px #222;
-moz-box-shadow:inset 0 0 5px 5px #222;
box-shadow:inset 0 0 5px 5px #222;
}
.sidr .sidr-inner {
padding:0 0 15px;
}
.sidr .sidr-inner>p {
margin-left:15px;
margin-right:15px;
}
.sidr.right {
left:auto;
right:-260px;
}
.sidr.left {
left:-260px;
right:auto;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
font-size:11px;
font-weight:normal;
padding:0 15px;
margin:0 0 5px;
color:#fff;
line-height:24px;
}
.sidr p {
font-size:13px;
margin:0 0 12px;
}
.sidr p a {
color:rgba(255,255,255,0.9);
}
.sidr>p {
margin-left:15px;
margin-right:15px;
}
.sidr ul {
display:block;
margin:0 0 15px;
padding:0;
border-top:1px solid #1a1a1a;
border-bottom:1px solid #4d4d4d;
}
.sidr ul li {
display:block;
margin:0;
line-height:32px;
border-top:1px solid #4d4d4d;
border-bottom:1px solid #1a1a1a;
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
line-height:32px;
}
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
background-color: #272727;
}
.sidr ul li a,
.sidr ul li span {
padding:0 15px;
display:block;
text-decoration:none;
color:#fff;
}
.sidr ul li ul {
border-bottom:none;
margin:0;
}
.sidr ul li ul li {
line-height:32px;
font-size:13px;
}
.sidr ul li ul li:last-child {
border-bottom:none;
}
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
line-height:32px;
}
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {
color: #FFFFFF;
}
.sidr ul li ul li a,
.sidr ul li ul li span {
color:rgba(255,255,255,0.8);
padding-left:30px;
}
.sidr ul li ul li ul li a,
.sidr ul li ul li ul li span {
padding-left:40px;
}
.sidr form {
margin:0 15px;
}
.sidr label {
font-size:13px;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
width:100%;
font-size:13px;
padding:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
border:none;
background:rgba(0,0,0,0.1);
color:rgba(255,255,255,0.6);
display:block;
clear:both;
}
.sidr input[type=checkbox] {
width:auto;
display:inline;
clear:none;
}
.sidr input[type=button],
.sidr input[type=submit] {
color:#333;
background:#fff;
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
background:rgba(255,255,255,0.9);
}.da-slider{
width: 100%;
min-width: 320px;
height: 400px;
position: relative;
margin: 0px auto;
overflow: hidden;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.da-slide{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
font-family: Roboto, 'Arial Narrow', Arial, sans-serif;
text-align: left;
}
.da-slide-current{
z-index: 1000;
}
.da-slider-fb .da-slide{
left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
position: absolute;
opacity: 0;
left: 110%;
}
.da-slide .da-img{
margin-left: -10%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
left: 10%;
opacity: 1;
}
.da-slider-fb .da-slide .da-img{
left: 60%;
opacity: 1;
}
.da-slide h2{
color: #fff;
font-size: 40px;
width: 36%;
max-width: 564px;	
top: 60px;
white-space: nowrap;
z-index: 10;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
font-family: 'Roboto', Arial, sans-serif;
font-weight: 400;
}
.da-slide p{
width: 36%;
max-width: 564px;	
top: 155px;
color: #FFFFFF;
font-size: 16px;
line-height: 26px;
height: 80px;
overflow: hidden;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
}
.da-slide .da-img{
text-align: center;
max-width: 564px;
max-height: 290px;
width: 45%;
top: 48px;
border: 10px solid #FFF;
left: 110%;
padding: 0px;
}
.da-slide .da-img.noslide-image{
border: 10px solid #000;
}
.da-slide .da-img img {
max-width: 100%;
}
.da-slide .da-link{
top: 270px; border-radius: 6px;
color: #fff;
border: 1px solid #262626;
padding: 0px 20px;
font-size: 14px;
line-height: 50px;
width: auto;
text-align: center;
background-color: #333333;
}
.da-slide .da-link:hover{
background-color: #232323;
text-decoration: none;
}
.da-dots{
width: 100%;
position: absolute;
text-align: center;
left: 0px;
bottom: 0px;
z-index: 2000;
-moz-user-select: none;
-webkit-user-select: none;
height: 18px;
padding: 0px;
}
.da-dots > span{
display: inline-block;
position: relative;
width: 10%;
height: 8px;
background-color: #FFF;
background-color: #373737;
cursor: pointer;
margin: 0px;
top: 0px;
margin-top: 0px;
opacity: 0.8;
}
.da-dots span:first-child{
}
.da-dots > span > span{
display: block;
float: right;
height: 8px;
width: 1px;
background-color: #3787be;
}
.da-dots span:last-child > span {
background: transparent;
}
.da-arrows{
-moz-user-select: none;
-webkit-user-select: none;
}
.da-arrows span{
position: absolute;
top: 50%;
height: 30px;
width: 30px;
border-radius: 50%;
background: #e4b42d;
cursor: pointer;
z-index: 2000;
opacity: 0;
box-shadow: 
1px 1px 1px rgba(0,0,0,0.1) inset, 
1px 1px 1px rgba(255,255,255,0.1);
-webkit-transition: opacity 0.4s ease-in-out 0.2s;
-moz-transition: opacity 0.4s ease-in-out 0.2s;
-o-transition: opacity 0.4s ease-in-out 0.2s;
-ms-transition: opacity 0.4s ease-in-out 0.2s;
transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
opacity: 1;
}
.da-arrows span:after{
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 5px;
left: 5px;
background: transparent url(//www.zeugnis-center.de/wp-content/themes/i-transform/images/arrows.png) no-repeat top left;
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
background-position: top right;
}
.da-arrows span.da-arrows-prev{
left: 15px;
}
.da-arrows span.da-arrows-next{
right: 15px;
}
.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
left: 10%;
opacity: 1;
}
.da-slide-current .da-img{
left: 60%;
opacity: 1;
}
.da-slider {
}
.da-slider1 .da-slide h2,
.da-slider1 .da-slide p,
.da-slider1 .da-slide .da-link,
.da-slider1 .da-slide .da-img{
position: absolute;
opacity: 0;
left: 110%;
}
.animatee {
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;		
}  .da-slide-fromright h2{
-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim5{
0%{ right: 110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-moz-keyframes fromRightAnim5{
0%{ right: 110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-o-keyframes fromRightAnim5{
0%{ right: 110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-ms-keyframes fromRightAnim5{
0%{ right: 110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
}
@keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@keyframes fromRightAnim5{
0%{ right: 110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
} .da-slide-fromleft h2{
-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim5{
0%{ right: -110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim5{
0%{ right: -110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-o-keyframes fromLeftAnim5{
0%{ right: -110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim5{
0%{ right: -110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
}
@keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@keyframes fromLeftAnim5{
0%{ right: -110%; opacity: 0; }
100%{ right: 10%; opacity: 1; }
} .da-slide-toright h2{
-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
-webkit-animation: toRightAnim3 0.4s ease-in both;
-moz-animation: toRightAnim3 0.4s ease-in both;
-o-animation: toRightAnim3 0.4s ease-in both;
-ms-animation: toRightAnim3 0.4s ease-in both;
animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
-webkit-animation: toRightAnim4 0.6s ease-in both;
-moz-animation: toRightAnim4 0.6s ease-in both;
-o-animation: toRightAnim4 0.6s ease-in both;
-ms-animation: toRightAnim4 0.6s ease-in both;
animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim5{
0%{ right: 10%;  opacity: 1; }
30%{ right: 5%;  opacity: 1; }
100%{ right: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim5{
0%{ right: 10%;  opacity: 1; }
30%{ right: 5%;  opacity: 1; }
100%{ right: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim5{
0%{ right: 10%;  opacity: 1; }
30%{ right: 5%;  opacity: 1; }
100%{ right: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim5{
0%{ right: 10%;  opacity: 1; }
30%{ right: 5%;  opacity: 1; }
100%{ right: 100%; opacity: 0; }
}
@keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim5{
0%{ right: 10%;  opacity: 1; }
30%{ right: 5%;  opacity: 1; }
100%{ right: 100%; opacity: 0; }
} .da-slide-toleft h2{
-webkit-animation: toLeftAnim1 0.6s ease-in both;
-moz-animation: toLeftAnim1 0.6s ease-in both;
-o-animation: toLeftAnim1 0.6s ease-in both;
-ms-animation: toLeftAnim1 0.6s ease-in both;
animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
-webkit-animation: toLeftAnim3 0.4s ease-in both;
-moz-animation: toLeftAnim3 0.4s ease-in both;
-o-animation: toLeftAnim3 0.4s ease-in both;
-ms-animation: toLeftAnim3 0.4s ease-in both;
animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim5{
0%{ right: 10%;  opacity: 1; }
40%{ right: 20%;  opacity: 1; }
90%{ right: 0%;  opacity: 0; }
100%{ right: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim5{
0%{ right: 10%;  opacity: 1; }
40%{ right: 20%;  opacity: 1; }
90%{ right: 0%;  opacity: 0; }
100%{ right: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim5{
0%{ right: 10%;  opacity: 1; }
40%{ right: 20%;  opacity: 1; }
90%{ right: 0%;  opacity: 0; }
100%{ right: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim5{
0%{ right: 10%;  opacity: 1; }
40%{ right: 20%;  opacity: 1; }
90%{ right: 0%;  opacity: 0; }
100%{ right: -50%; opacity: 0; }
}
@keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim5{
0%{ right: 10%;  opacity: 1; }
40%{ right: 20%;  opacity: 1; }
90%{ right: 0%;  opacity: 0; }
100%{ right: -50%; opacity: 0; }
}
@media (max-width: 1069px) {
.da-slide .da-img{
top: 64px;
}
}
@media (max-width: 768px) {
.da-slide h2{
font-size: 32px;
width: 70%;
top: 170px;
}
.da-slide p{
width: 70%;
max-width: 564px;	
top: 240px;
font-size: 16px;
}
.da-slide .da-img{
width: 45%;
top: 16px;
margin-left: -50%;
min-width: 320px;
}
.da-slide .da-link{
top: 332px; padding: 0px 20px;
font-size: 14px;
line-height: 40px;
}	
}
@media (max-width: 420px) {
.da-slide h2{
font-size: 32px;
width: 70%;
top: 170px;
}
.da-slide p{
width: 70%;
max-width: 564px;	
top: 240px;
font-size: 16px;
}
.da-slide .da-img{
width: 80%;
top: 16px;
margin-left: -50%;
min-width: 220px;
}
.da-slide .da-link{
top: 332px; padding: 0px 20px;
font-size: 14px;
line-height: 40px;
}		
}* {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: "Open Sans", Helvetica, sans-serif;
font-family: "Roboto", Helvetica, sans-serif;
color : #575757;
}
body {
color: #575757;
line-height: 1.5;
margin: 0;
}
a {
color: #3787be;
text-decoration: none;
}
a:visited {
color: #3787be;
}
a:focus {
}
a:active,
a:hover {
color: #ea9629;
outline: 0;
}
a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: Roboto, Georgia, serif;
line-height: 1.3;
}
h1 {
font-size: 48px;
margin: 33px 0;
}
h2 {
font-size: 30px;
margin: 25px 0;
}
h3 {
font-size: 22px;
margin: 22px 0;
}
h4 {
font-size: 20px;
margin: 25px 0;
}
h5 {
font-size: 18px;
margin: 30px 0;
}
h6 {
font-size: 16px;
margin: 36px 0;
}
address {
font-style: italic;
margin: 0 0 24px;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p {
margin: 0 0 24px;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 14px;
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
}
pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
blockquote {
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}
blockquote blockquote {
margin-right: 0;
}
blockquote cite,
blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
blockquote em,
blockquote i {
font-style: normal;
font-weight: 300;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
small {
font-size: smaller;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl {
margin: 0 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
}
menu,
ol,
ul {
margin: 16px 0;
padding: 0 0 0 40px;
}
ul {
list-style-type: square;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li > ul,
li > ol {
margin: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; width: 270px;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background: url(//www.zeugnis-center.de/wp-content/themes/i-transform/images/dotted-line.png) repeat center top;
background-size: 4px 4px;
border: 0;
height: 1px;
margin: 0 0 24px;
}
.go-top,
input,
textarea,
.widget a,
div.navigation a,
article a,
div.comments-link,
#ft-post a,
.da-dots > span,
.sldprev,
.sldnext,
.nav-container li a,
.nav-container li a span,
.socialicon a {
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
} .genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
vertical-align: text-bottom;
} .clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
clear: both;
}
.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
content: "";
display: table;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000; } button,
input,
textarea {
border: 1px solid #c7c7c7;
font-family: inherit;
padding: 5px;
border-radius: 3px;
}
input,
textarea {
color: #575757;
}
input:focus,
textarea:focus {
border: 1px solid #3787be;
} button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
background: #3787be; border: none;
border-radius: 3px;
color: #fff;
display: inline-block;
padding: 11px 24px 11px;
text-decoration: none;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
background: #333333; }
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background: #333333; border: none;
}
.post-password-required input[type="submit"] {
padding: 7px 24px 4px;
vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
padding: 5px 24px 6px;
} ::-webkit-input-placeholder {
color: #7d7b6d;
}
:-moz-placeholder {
color: #7d7b6d;
}
::-moz-placeholder {
color: #7d7b6d;
}
:-ms-input-placeholder {
color: #7d7b6d;
} .entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
} .entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
} embed,
iframe,
object,
video {
max-width: 100%;
} .entry-content .twitter-tweet-rendered {
max-width: 100% !important;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
color: #666;
font-size: 12px;
font-weight: 300;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
list-style-position: inside;
} .site {
background-color: #fff;
margin: 0 auto;
width: 100%;
}
.site-main {
position: relative;
max-width: 1600px;
margin-right: auto;
margin-left: auto;	
}
.site-main .sidebar-container {
display: block;
float: left;
width: 24%;
z-index: 1;
position: relative;
}
.site-main .sidebar-inner {
margin: 0 auto;
max-width: 1200px;
padding: 0 10%;
display: block;
} .socico {
border-radius: 4px;
height: 20px;
width: 20px;
background-color: #b7b7b7;
color: #FFFFFF;
font-size: 12px;
line-height: 20px;
text-align: center;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.topbarico {
height: 20px;
width: 20px;
color: #b7b7b7;
font-size: 12px;
text-align: center;
line-height: 36px;
display: inline-block;
} .ubarinnerwrap {
margin: 0px auto;
max-width: 1600px;
padding: 0% 32px;
}
.utilitybar {
display: block;
border-bottom: 1px solid #e7e7e7;
height: 36px;
line-height: 36px;
padding: 0px;
vertical-align: middle;
}
.socialicons {
margin: 0px;
padding: 0px;
display: block;
float: right;
}
.socialicons ul.social {
margin: 0px;
padding: 0px;
list-style-type: none;	
}
.socialicons ul.social li {
margin: 7px 6px 0px 0px;
padding: 0px;
list-style-type: none;
display: block;
float: left;
height: 20px;
width: 20px;
}
.socialicons ul.social li a,
.socialicons ul.social li a:visited {
text-decoration: none;
color: #FFF;
}
.socialicons ul.social li a:hover {
text-decoration: none;
}
.socialicons ul.social li a:hover .socico {
background-color: #878787;
}
.topphone {
display: block;
float: left;
margin-right: 16px;
color: #8b8b8b;
font-size: 12px;
}
.topphone .topbarico {
padding-top: 4px;
line-height: 32px;	
}  .headerwrap {
display: block;
min-height: 88px;
background-color: #FFF;
}
.site-header {
position: relative;
display: block;
clear: both;
min-height: 88px;
border-bottom: 1px solid #e7e7e7;
z-index: 30001;
background-color: #FFF;
opacity: 1;	
}
.fixeddiv {
width: 100%;
position: fixed;
top: 0px;
background-color: rgba(255,255,255,1);
left: 0px;
right: 0px;
animation:thedrop 1s 1;
-moz-animation:thedrop 1s 1;
-webkit-animation:thedrop 1s 1;	
}
.site-header .home-link {
color: #141412;
display: block;
float: left;
min-width: 80px;
max-width: 420px;
margin: 0 auto;
min-height: 80px;
padding: 0 0px 0px 32px;
text-decoration: none;
vertical-align: middle;
}
.site-header .home-link span {
height: 80px;
vertical-align: middle;
display: table-cell;
}
.site-header .home-link img {
max-height: 72px;
max-width: 280px;
}
.site-header .site-title:hover {
text-decoration: none;
}
.site-title {
font-size: 32px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 16px 0px 0px 0px;
}
.site-description {
font: 300 normal 16px "Open Sans", Helvetica, sans-serif;
margin: 0;
}
div.headerwrap a.home-link {
overflow: hidden;
}
div.headerwrap div.headerinnerwrap > span#site-titlendesc {
display: block;
float: left;
}
div.headerwrap .navbar {
display: block;
float: left;
padding-left: 20px;
} .main-navigation {
display: block;
float: left;
margin: 0 auto;
min-height: 88px;
position: relative;
}
ul.nav-container,
div.nav-container > ul {
margin: 0;
padding: 0 20px 0 0;
}
.nav-container li {
display: inline-block;
position: relative;
padding: 0px 20px;
}
.nav-container li a {
color: #545454;
display: block;
font-size: 14px;
line-height: 1;
padding: 37px 0px;
text-decoration: none;
position: relative;
}
.nav-container li a span {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
height: 2px;
background: transparent; }
.nav-container ul ul li {
padding: 0px;
}
.nav-container ul ul li a {
padding: 15px 20px;
}
.nav-container .current_page_item > a > span,
.nav-container .current_page_ancestor > a > span,
.nav-container .current-menu-item > a span,
.nav-container .current-menu-ancestor > a > span,
.nav-container li a:hover span {
background-color: #3787be; }
.nav-container li:hover > a,
.nav-container li a:hover {
color: #3787be;
} .nav-container .sub-menu,
.nav-container .children {
background-color: #FFFFFF;
border: 1px solid #e7e7e7;
border-top: 2px solid #3787be; display: none;
padding: 0;
position: absolute;
left: 20px;
z-index: 99999;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
top: 86px;
}
.nav-container .sub-menu ul,
.nav-container .children ul {
border-left: 0;
left: 100%;
top: 0px;
margin-top: -2px;
}
ul.nav-container ul a,
.nav-container ul ul a {
margin: 0;
width: 200px;
border-top: 1px solid #e7e7e7;
font-size: 13px;
padding: 10px 16px;
}
ul.nav-container ul li:first-child a,
.nav-container ul ul li:first-child a {
border: none;
}
ul.nav-container ul a:hover,
.nav-container ul ul a:hover {
background-color: #f4f4f4;
color: #474747;
}
.nav-container .current_page_item > a,
.nav-container .current_page_ancestor > a,
.nav-container .current-menu-item > a,
.nav-container .current-menu-ancestor > a {
color: #3787be;
color: #545454;	
}
.menu-toggle {
display: none;
} .navbar {
margin: 0 auto;
max-width: 1600px;
}
.site-header .search-form {
position: absolute;
right: 20px;
bottom: 8px;
}
.site-header .search-field {
background: transparent;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition:         width 400ms ease, background 400ms ease;
width: 0;
z-index: 10001;
}
.searchico {
display: none;
}
.site-header .searchico {
display: block;
position: absolute;
left: 4px;
top: 10px;
font-size: 24px;
z-index: 1001;
color: #999;
}
.site-header .searchico:before {
font-size: 24px;
}
.site-header .search-field:focus {
background-color: #fff;
border: 1px solid #e7e7e7;
cursor: text;
width: 200px;
border-radius: 4px;
background: transparent;	
} .site-header .searchform {
position: absolute;
right: 20px;
bottom: 8px;
}
.site-header #s {
background: transparent;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition:         width 400ms ease, background 400ms ease;
width: 0;
z-index: 10001;
}
.searchico {
display: none;
}
.site-header .searchico {
display: block;
position: absolute;
left: 4px;
top: 10px;
font-size: 24px;
z-index: 1001;
color: #999;
}
.site-header .searchico:before {
font-size: 24px;
}
.site-header #s:focus {
background-color: #fff;
border: 1px solid #e7e7e7;
cursor: text;
width: 200px;
border-radius: 4px;
background: transparent;	
}
.site-header .topsearch #searchsubmit,
.site-header .topsearch .searchsubmit {
display: none;
}
.site-header .navbar .topsearch .searchform {
bottom: auto;
} .site-header.fixeddiv {
min-height: 65px;
}
.site-header.fixeddiv .home-link {
color: #141412;
display: block;
float: left;
width: 280px;
min-height: 56px;
height: 64px;
padding: 0px 20px;
}
.site-header.fixeddiv .home-link span {
height: 64px;
}
.site-header.fixeddiv .home-link img {
max-height: 56px;
max-width: 280px;
margin-top: 2px;
}
.fixeddiv .site-title {
font-size: 26px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 10px 0 0px;
}
.fixeddiv .site-description {
font: 300 normal 12px "Open Sans", Helvetica, sans-serif;
margin: 0;
}
.fixeddiv .main-navigation {
min-height: 56px;
}
.fixeddiv .nav-container > ul > li > a {
font-size: 14px;
padding: 24px 0px;
}
.fixeddiv .nav-container .sub-menu,
.fixeddiv .nav-container .children {
position: absolute;
z-index: 99999;
top: 60px;
}
.fixeddiv .nav-container .sub-menu ul,
.fixeddiv .nav-container .children ul {
top: 0px;
margin-top: -2px;
} .fixeddiv .navbar {
}
div.headerinnerwrap {
max-width: 1600px;
position: relative;
margin: 0px auto;
}
.site-header div.headerinnerwrap .search-form {
top: 32px;
bottom: auto;	
}
.site-header div.headerinnerwrap .searchform {
top: 32px;
bottom: auto;	
}
.site-header.fixeddiv div.headerinnerwrap .search-form {
top: 16px;
bottom: auto;	
}
.site-header.fixeddiv div.headerinnerwrap .searchform {
top: 16px;
bottom: auto;	
} .ibanner {
display: block;
height: 400px;
width: 100%;
background-color: #3787be;
text-align: center;
position: relative;
overflow: hidden;
}
div.da-img {
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.51);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.51);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.51);
}
.ibanner ul,
.ibanner ul li {
margin: 0px;
padding: 0px;
}
.sldprev {
display: block;
height: 48px;
width: 36px;
background-color: rgba(0,0,0,0.5);
position: absolute;
left: -36px;
top: 176px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #999;
line-height: 48px;
z-index: 2000;
}
.sldnext {
display: block;
height: 48px;
width: 36px;
background-color: rgba(0,0,0,0.5);
position: absolute;
right: -36px;
top: 176px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
color: #999;
line-height: 48px;
z-index: 2000;	
}
.da-arrows{
display: none;
}
.sldprev:hover,
.sldnext:hover,
.sldprev:before,
.sldnext:before {
text-decoration: none;
color: #CCC;
}
.sldprev:before,
.sldnext:before {
margin-top: 12px;
}
.ibanner .sldprev,
.ibanner .sldnext {
opacity: 0;
}
.ibanner:hover .sldprev {
opacity: 1;
left: 0px;
}
.ibanner:hover .sldnext {
opacity: 1;
right: 0px;
}
.da-dots span.da-dots-current {
background-color: #3787be;
} #featured {
display: block;
clear: both;
padding-top: 32px;
}
#ft-post {
}
#ft-post article {
display: block;
float: left;
width: 25%;
}
#ft-post article .articlewrap {
display: block;
margin: 0px;
padding: 0% 10%;
}
#ft-post .entry-header,
#ft-post .entry-content,
#ft-post .entry-summary,
#ft-post .entry-meta {
max-width: 1040px;
width: 100%;
padding: 0 0px 0 0px;
}
#ft-post .entry-header > div.entry-thumbnail {
position: relative;
margin-bottom: 10px;
}
#ft-post .entry-header > div.entry-thumbnail img {
margin-bottom: 0px;
}
div#ft-post div.entry-thumbnail > div.comments-link {
display: block;
position: absolute;
height: 32px;
line-height: 32px;
width: 100%;
background-color: rgba(255,255,255,0.5);
left: 0px;
bottom: 0px;
}
div#ft-post div.entry-thumbnail > div.comments-link a,
div#ft-post div.entry-thumbnail > div.comments-link a:visited {
color: #333;
padding: 0px 6px;
font-size: 12px;
}
div#ft-post div.entry-thumbnail:hover > div.comments-link {
background-color: #3787be;
}
div#ft-post div.entry-thumbnail:hover > div.comments-link a {
color: #FFFFFF;
}
.entry-header h1.entry-title {
font: 400 normal 22px "Open Sans", Helvetica, sans-serif;
line-height: 32px;
color: #575757;
}
.portfolio .entry-header h1.entry-title {
margin-bottom: 32px;
}
.entry-header h1.entry-title a,
.entry-header h1.entry-title a:visited {
}
.entry-header h1.entry-title a:hover {
color: #3787be;
text-decoration: none;
}
.entry-header > div.entry-meta a,
.entry-header > div.entry-meta a:visited {
color: #999;
font-size: 12px;
font-weight: 300;
}
.entry-header > div.entry-meta a:hover {
color: #3787be;
text-decoration: none;	
}
div#main.site-main div.entry-summary > p {
font-size: 14px;
}
.featured-area div.entry-summary > p > a.moretag,
.featured-area div.entry-summary > p > a.moretag:visited {
display: block;
clear: both;
width: 100px;
background-color: #eaeaea;
color: #666;
padding: 6px 0px;
text-align: center;
border-radius: 3px;
margin-top: 16px;
font-size: 12px;
float: right;
}
.featured-area div.entry-summary > p > a.moretag:hover {
background-color: #3787be;
color: #FFFFFF;
text-decoration: none;
} .sidebar .content-area {
}
.sidebar .content-area:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
.site-content {
width: 100%;
}
.sidebar .site-content {
display: block;
float: left;
width: 75%;
}
.sidebar .nosidebar .site-content {
display: block;
width: 100%;
}
.hentry {
padding: 40px 0;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
margin: 0 auto;
width: 100%;
}
.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
max-width: 100%;
padding: 0px 0px 0px 0px;
}
.site-content .post.type-post {
display: block;
clear: both;
}
.site-content .post:before,
.site-content .post:after {
content:"";
display:table;
}
.site-content .post:after {
clear:both;
}
.site-content .post.type-post div.meta-img {
display: block;
float: left;
width: 25%;
margin-top: 8px;
}
.site-content .post.type-post div.meta-img div.entry-thumbnail {
padding: 0px 10%;
position: relative;
}
.site-content .post.type-post div.meta-img div.entry-nothumb {
padding: 0px 10%;
position: relative;
}
div.entry-nothumb .noimg-bg {
min-height: 64px;
}
.site-content .post div.meta-img div.entry-thumbnail img {
border-top: 2px solid #3787be;
padding-top: 1px;
}
.site-content div.entry-thumbnail .stickyonimg,
.site-content div.entry-thumbnail .dateonimg {
display: block;
position: absolute;
left: 12%;
top: 0px;
width: 64px;
height: 64px;
background-color: #3787be;
color: #FFFFFF;
text-align: center;
}
.site-content div.entry-nothumb .stickyonimg,
.site-content div.entry-nothumb .dateonimg {
display: block;
position: absolute;
left: 12%;
top: 0px;
width: 64px;
height: 64px;
background-color: #3787be;
color: #FFFFFF;
text-align: center;
}
div.entry-nothumb .stickyonimg span:before,
div.entry-thumbnail .stickyonimg span:before {
font-size: 32px;
padding-top: 16px;
}
.site-content .dateonimg span.pdate {
display: block;
clear: both;
font-size: 24px;
font-weight: 700;
}
.site-content .dateonimg span.pmonth {
display: block;
clear: both;
font-size: 16px;
font-weight: 400;
}
.site-content .post.type-post div.post-mainpart {
display: block;
float: left;
width: 75%;
}
article div.post-mainpart > div.entry-content {
font-size: 14px;
padding-right: 4%;
}
.site-content .post.type-post div.meta-img.no-image-meta+div.post-mainpart {
width: 97.5%;
padding-left: 2.5%;
}
.site-content .post.type-post div.meta-img.no-image-meta+div.post-mainpart div.entry-content {
padding-right: 0%;
}
.site-content .post.type-post div.meta-img.no-image-meta {
display: none;
} .sidebar .entry-header .entry-meta {
padding: 0;
}
.entry-thumbnail img {
display: block;
margin: 0 auto 10px;
}
.portfolio .entry-header img {
width: 100%;
}
.entry-header {
margin-bottom: 30px;
}
.entry-title {
font-weight: normal;
margin: 0 0 5px;
}
.entry-title a {
color: #141412;
}
.entry-title a:hover {
color: #ea9629;
} .entry-meta {
clear: both;
font-size: 14px;
}
.entry-meta a {
color: #3787be;
}
.entry-meta a:hover {
color: #bc360a;
color: #333;
text-decoration: none;
}
.entry-meta > span {
margin-right: 20px;
}
.entry-meta > span:last-child {
margin-right: 0;
}
.featured-post:before {
content: "\f308";
margin-right: 2px;
}
.entry-meta .date a:before {
content: "\f303";
}
.comments-link a:before {
content: "\f300";
margin-right: 2px;
position: relative;
top: -1px;
}
.entry-meta .author a:before {
content: "\f304";
position: relative;
top: -1px;
}
.categories-links a:first-child:before {
content: "\f301";
}
.tags-links a:first-child:before {
content: "\f302";
position: relative;
top: -1px;
}
.edit-link a:before {
content: "\f411";
position: relative;
top: -1px;
}
.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
display: none;
}
.moretag {
display: inline-block;
padding-left: 6px;
} .entry-content {
-webkit-hyphens: auto;
-moz-hyphens:    auto;
-ms-hyphens:     auto;
hyphens:         auto;
word-wrap: break-word;
}
.entry-content a,
.comment-content a {
color: #3787be;
}
.entry-content a:hover,
.comment-content a:hover {
}
.entry-content blockquote {
font-size: 16px;
}
.entry-content blockquote cite,
.entry-content blockquote small {
font-size: 16px;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
}
footer.entry-meta {
margin-top: 24px;
}
.format-standard footer.entry-meta {
margin-top: 0;
} .page-links {
clear: both;
font-size: 16px;
font-weight: normal;
line-height: 2.2;
margin: 20px 0;
text-transform: uppercase;
}
.page-links a,
.page-links > span {
background: #fff;
border: 1px solid #fff;
padding: 5px 10px;
text-decoration: none;
}
.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
background: #3787be;
border: 1px solid #3787be;
color: #fff;
}
.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
background: #fff;
color: #3787be;
}
.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
background: none;
}
.page-links .page-links-title {
background: transparent;
border: none;
margin-right: 20px;
padding: 0;
} .hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #220e10;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ea9629;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959;
}
.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
} .site-content > .page.type-page,
.site-content > .portfolio.type-portfolio {
padding-left: 2.5%;
padding-right: 2.5%;
}
.iheader {
display: block;
position: relative;
height: 100px;
width: 100%;
text-align: center;
}
.iheader:after {
display: block;
position: absolute;
z-index: 1;
content: " ";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background: rgba(31,118,176,1);
background: -moz-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,.05) 30%, rgba(0,0,0,.1) 70%, rgba(0,0,0,.2) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,.2)), color-stop(30%, rgba(0,0,0,.05)), color-stop(69%, rgba(0,0,0,.05)), color-stop(100%, rgba(0,0,0,.2)));
background: -webkit-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,.051) 30%, rgba(0,0,0,.05) 69%, rgba(0,0,0,.2) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,.05) 30%, rgba(0,0,0,.05)) 69%, rgba(0,0,0,.2) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,.05) 30%, rgba(0,0,0,.05) 69%, rgba(0,0,0,.2) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,.2) 0%, rgba(0,0,0,.05) 30%, rgba(0,0,0,.05) 69%, rgba(0,0,0,.2) 100%);
}
.titlebar {
display: block;
position: relative;
width: 100%;
max-width: 1600px;
margin: 0px auto;
z-index: 2;
text-align: left;
}
.titlebar h1 {
padding: 0 2.5%;
color: #FFFFFF;
font-size: 26px;
line-height: 100px;
margin: 0px;
text-align: left;
font-weight: 400;
display: inline-block;
}
.iheader .titlebar h1 {
padding: 0px 32px;
}
.iheader.front {
display: block;
height: 100px;
background-color: #3787be;
}
.iheader.front .titlebar {
text-align: left;
}
.iheader.front .titlebar h1 {
display: inline-block;
padding: 0 2.5%;
font-size: 32px;
line-height: 40px;
padding-top: 30px;
margin: 0px;
}
.iheader.front .titlebar h2 {
display: block;
padding: 0 2.5%;
font-size: 14px;
line-height: 20px;
padding-top: 0px;
margin: 0px;
font-weight: 400;
color: #FFF;
}
.iheader .breadcrumb {
display: block;
padding: 0% 2.5%;
font-size: 14px;
line-height: 100%;
padding-top: 0px;
margin: 0px;
font-weight: 400;
color: #FFF;
line-height: 100px;
text-align: left;
display: block;
float: right;
text-align: right;
}
.other-slider {
display: block;
clear: both;
text-align: center;
}
.other-slider-innerwrap {
display: inline-block;
margin: 0px auto;
width: 100%;
}
.woocommerce-page div.site-content {
padding: 0% 2.5%;	
}
.woocommerce-page .product {
padding-top: 32px;
}
.iheader .breadcrumb a {
color: #FFF;
}
.iheader .breadcrumb a:hover {
color: #FFF;
text-decoration: none;
} .gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 12px 12px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition:         opacity 400ms ease;
width: 100%;
}
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}  .format-aside {
background-color: #ececec;
padding-left: 2.5%;
padding-right: 2.5%;	
}
.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside {
box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-aside .entry-meta {
margin-top: 0;
}
.format-aside blockquote {
font-size: 100%;
font-weight: normal;
}
.format-aside cite {
font-size: 100%;
text-transform: none;
}
.format-aside cite:before {
content: "\2014";
margin-right: 5px;
} .format-audio {
background-color: #ececec;
padding-left: 2.5%;
padding-right: 2.5%;
}
.format-audio .entry-title {
font-size: 28px;
font-weight: bold;
}
.format-audio .entry-content:before {
content: "\f109";
float: left;
font-size: 64px;
position: relative;
top: 4px;
}
.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover {
color: #575757;
}
.format-audio .audio-content {
background: url(//www.zeugnis-center.de/wp-content/themes/i-transform/images/dotted-line.png) repeat-y left top;
background-size: 4px 4px;
float: right;
padding-left: 35px;
width: 80%;
width: -webkit-calc(100% - 85px);
width:         calc(100% - 85px);
}
.format-audio .wp-audio-shortcode {
height: 30px !important; margin: 20px 0;
max-width: 400px !important; }
.format-audio audio {
max-width: 100% !important; } .format-chat {
background-color: #ececec;
padding-left: 2.5%;
padding-right: 2.5%;
}
.format-chat .entry-title {
font-size: 28px;
font-weight: bold;
}
.format-chat .entry-meta a,
.format-chat .entry-content a {
color: #575757;
}
.format-chat .entry-meta .date a:before {
content: "\f108";
margin-right: 2px;
}
.format-chat .entry-meta .author {
display: none;
}
.format-chat .chat {
margin: 0;
}
.format-chat .chat .chat-timestamp {
color: #722d19;
float: right;
font-size: 12px;
font-weight: normal;
margin: 5px 10px 0;
}
.format-chat .chat .fn {
font-style: normal;
} .format-gallery {
background-color: #ececec;
padding-left: 2.5%;
padding-right: 2.5%;
}
.format-gallery .entry-header {
margin-bottom: 15px;
}
.format-gallery .entry-title {
font-size: 50px;
font-weight: 400;
margin: 0;
}
.format-gallery .entry-meta a,
.format-gallery .entry-content a {
color: #575757;
} .format-image {
padding-left: 2.5%;
padding-right: 2.5%;
}
.format-image .entry-title {
font-size: 28px;
font-weight: bold;
}
.format-image .categories-links,
.format-image .tags-links {
display: none;
} .format-link {
background-color: #f7f5e7;
padding-left: 2.5%;
padding-right: 2.5%;
}
.blog .format-link:first-of-type,
.single .format-link:first-of-type {
box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-link .entry-header,
.format-link .entry-content p:last-child {
margin-bottom: 0;
}
.format-link .entry-title {
color: #ca3c08;
display: inline;
font: 300 italic 20px "Open Sans", Helvetica, sans-serif;
margin-right: 20px;
}
.format-link .entry-title a {
color: #bc360a;
}
.format-link div.entry-meta {
display: inline;
} .format-quote {
background-color: #ececec;
padding-left: 2.5%;
padding-right: 2.5%;
}
.format-quote .entry-content,
.format-quote .entry-meta {
color: #575757;
}
.format-quote .entry-content blockquote {
font-size: 28px;
margin: 0;
}
.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
color: #676767;
}
.format-quote .entry-content cite a {
border-bottom: 1px dotted #fff;
color: #676767;
}
.format-quote .entry-content cite a:hover {
text-decoration: none;
}
.format-quote blockquote small,
.format-quote blockquote cite {
display: block;
font-size: 16px;
}
.format-quote blockquote {
font-style: italic;
font-weight: 300;
padding-left: 48px;
position: relative;
}
.format-quote blockquote:before {
content: '\201C';
font-size: 140px;
font-weight: 400;
line-height: .8;
padding-right: 25px;
position: absolute;
left: -15px;
top: -3px;
}
.format-quote .entry-meta .author {
display: none;
} .format-status {
background-color: #3787be;
padding: 0;
}
.format-status .entry-content,
.format-status .entry-meta {
padding-left: 35px;
position: relative;
padding-right: 12px;
}
.format-status .entry-content a {
color: #eadaa6;
}
.format-status .entry-meta a {
color: #f7f5e7;
}
.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta {
padding-left: 95px;
}
.format-status .entry-content:before,
.format-status .entry-meta:before {
background: url(//www.zeugnis-center.de/wp-content/themes/i-transform/images/dotted-line.png) repeat-y left bottom;
background-size: 4px 4px;
content: "";
display: block;
height: 100%;
position: absolute;
left: 10px;
top: 0;
width: 1px;
}
.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before {
left: 70px;
}
.format-status .categories-links,
.format-status .tags-links {
display: none;
} .format-status .entry-meta:before {
background-position: left top;
}
.format-status .entry-content {
color: #f7f5e7;
font-size: 20px;
font-style: italic;
font-weight: 300;
padding-bottom: 30px;
padding-top: 40px;
position: relative;
}
.format-status .entry-content p:first-child:before {
background-color: rgba(0, 0, 0, 0.65);
content: "";
height: 3px;
margin-top: 13px;
position: absolute;
left: 4px;
width: 13px;
}
.sidebar .format-status .entry-content > p:first-child:before {
left: 64px;
}
.format-status .entry-content p:last-child {
margin-bottom: 0;
}
.format-status .entry-meta {
margin-top: 0;
padding-bottom: 40px;
}
.format-status .entry-meta .date a:before {
content: "\f105";
} .format-video {
background-color: #ececec;
padding-left: 2.5%;
padding-right: 2.5%;
}
.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
color: #676767;
}
.format-video .entry-title {
font-size: 50px;
font-weight: 400;
}
.format-video .entry-meta {
color: #220e10;
} .attachment .hentry {
background-color: #ececec;
padding-left: 2.5%;
padding-right: 2.5%;
}
.attachment .entry-header {
margin-bottom: 0;
max-width: 1600px;
padding: 30px 0;
}
.attachment .entry-title {
display: inline-block;
float: left;
font: 300 italic 30px "Open Sans", Helvetica, sans-serif;
margin: 0;
}
.attachment .entry-title:before {
content: "\f416";
font-size: 32px;
margin-right: 10px;
}
.attachment .entry-meta {
clear: none;
color: inherit;
float: left;
max-width: 1600px;
padding: 9px 0 0;
text-align: left;
}
.image-attachment div.attachment img {
max-width: 100%!important;
}
.hentry.attachment:not(.image-attachment) .entry-meta {
max-width: 104px;
}
.attachment footer.entry-meta {
display: none;
}
.attachment-meta:before {
content: "\f307";
}
.full-size-link a:before {
content: "\f402";
}
.full-size-link:before {
content: none;
}
.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
color: #ca3c08;
}
.attachment .entry-content {
background-color: #fff;
max-width: 100%;
padding: 40px 0;
}
.image-navigation {
margin: 0 auto;
max-width: 1040px;
position: relative;
}
.image-navigation a:hover {
text-decoration: none;
}
.image-navigation .nav-previous,
.image-navigation .nav-next {
position: absolute;
top: 50px;
}
.image-navigation .nav-previous {
left: 0;
}
.image-navigation .nav-next {
right: 0;
}
.image-navigation .meta-nav {
font-size: 32px;
font-weight: 300;
vertical-align: -4px;
}
.attachment .entry-attachment,
.attachment .type-attachment p {
margin: 0 auto;
max-width: 724px;
text-align: center;
}
.attachment .entry-attachment .attachment {
display: inline-block;
}
.attachment .entry-caption {
text-align: left;
}
.attachment .entry-description {
margin: 20px auto 0;
max-width: 604px;
}
.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
margin: 0;
}
.attachment .site-main .sidebar-container {
display: none;
} .navigation .nav-previous {
float: left;
}
.navigation .nav-next {
float: right;
}
.navigation a {
color: #3787be;
}
.navigation a:hover {
color: #666;
text-decoration: none;
}
.paging-navigation {
padding: 40px 0;
}
.paging-navigation {
text-align: center;
}
.paging-navigation .nav-links {
}
.paging-navigation div.navigation {
}
.paging-navigation div.navigation > ul {
display: inline-block;
margin: 0px;
padding: 0px;
}
.paging-navigation div.navigation > ul > li {
display: inline-block;
margin: 0px 1px;
padding: 0px;
}
.paging-navigation #posts-nav > span,
.paging-navigation #posts-nav > a,
.paging-navigation div.navigation > ul > li > span,
.paging-navigation div.navigation > ul > li a {
display: inline-block;
padding: 6px;
border: 1px solid #e7e7e7;	
color: #878787;
text-decoration: none;
font-size: 14px;
min-width: 24px;
text-align: center;	
}
.paging-navigation #posts-nav > span:hover,
.paging-navigation #posts-nav > a:hover,
.paging-navigation #posts-nav > span.current,
.paging-navigation #posts-nav > a.current,
.paging-navigation div.navigation > ul > li a:hover,
.paging-navigation div.navigation > ul > li > span.current,
.paging-navigation div.navigation > ul > li.active > a {
color: #3787be;
border-color: #3787be;
text-decoration: none;
}
.post-navigation {
background-color: #fff;
font-size: 14px;
font-weight: 400;
padding: 20px 0;
margin: auto 5%;
}
.post-navigation .nav-links {
margin: 0 auto;
max-width: 1040px;
}
.sidebar .post-navigation .nav-links {
padding: 0 5% 0 5%;
}
.post-navigation a[rel="next"] {
float: right;
text-align: right;
} .author-info {
margin: 0 auto;
max-width: 604px;
padding: 30px 0 10px;
text-align: left; width: 100%;
}
.author.sidebar .author-info {
max-width: 1040px;
padding: 30px 376px 10px 60px;
}
.single .author-info {
padding: 50px 0 0;
}
.author-avatar .avatar {
float: left;
margin: 0 30px 30px 0;
}
.single-format-status .author-description {
color: #f7f5e7;
}
.author-description .author-title {
clear: none;
font: 300 italic 20px "Open Sans", Helvetica, sans-serif;
margin: 0 0 8px;
}
.author-link {
color: #ca3c08;
margin-left: 2px;
}
.author.archive .author-link {
display: none;
} .archive-header {
}
.archive-title,
.archive-meta {
font: 400 normal 22px "Open Sans", Helvetica, sans-serif;
margin: 0 auto;
padding: 30px 1%;
width: 98%;
}
.archive-meta {
font-size: 16px;
font-style: normal;
font-weight: normal;
margin-top: -15px;
padding: 0 0 11px;
}
.sidebar .archive-meta {
padding: 32px 2.5% 0px 2.5%;
} .page-header {
margin: 0px;
width: 95%;
padding: 0px 2.5%;
}
.page-title {
font: 400 normal 22px "Open Sans", Helvetica, sans-serif;
line-height: 32px;
color: #575757;
}
.page-content {
margin: 0 auto;
max-width: 1600px;
padding: 40px 2.5%;
width: 95%;
}
.sidebar .page-content {
margin: 0 auto;
max-width: 75%;
}
.sidebar .nosidebar .site-content {
display: block;
width: 100%;
}
.search-results .site .site-content .type-page div.meta-img {
display: none;
} .error404 .page-header {
background-color: #fff;
}
.error404 .page-title {
line-height: 0.6;
margin: 0;
padding-bottom: 32px;
padding-top: 360px;
position: relative;
text-align: center;
width: auto;
}
.error404 .page-title:before {
color: #3787be;
content: "\f423";
font-size: 600px;
line-height: 0.6;
overflow: hidden;
position: absolute;
left: 0px;
top: 28px;
width: 100%;
}
.error404 .page-wrapper {
width: 100%;
max-width: 1600px;
margin: auto;	
}
.error404 .page-header,
.error404 .page-content {
margin: 0 auto;
padding-bottom: 40px;
width: 100%;
text-align: center;
} #comments .comment {
padding-left: 2.5%;
padding-right: 2.5%; 
}
.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 2.5%;
padding-right: 2.5%;	
}
.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
max-width: 1600px;
padding-left: 2.5%;
padding-right: 2.5%;
}
.comment-form {
font-size: 14px;
}
.comments-title {
font: 400 20px "Open Sans", Helvetica, sans-serif;
}
.comment-list,
.comment-list .children {
list-style-type: none;
padding: 0;
}
.comment-list .children {
margin-left: 20px;
}
.comment-list > li:after,
.comment-list .children > li:before {
background: url(//www.zeugnis-center.de/wp-content/themes/i-transform/images/dotted-line.png) repeat left top;
background-size: 4px 4px;
content: "";
display: block;
height: 1px;
width: 100%;
}
.comment-list > li:last-child:after {
display: none;
}
.comment-body {
padding: 24px 0;
position: relative;
}
.comment-author {
float: left;
max-width: 74px;
}
.comment-author .avatar {
display: block;
margin-bottom: 10px;
}
.comment-author .fn {
word-wrap: break-word;
}
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
color: #3787be;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.says {
display: none;
}
.no-avatars .comment-author {
margin: 0 0 5px;
max-width: 100%;
position: relative;
}
.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
width: 100%;
}
.bypostauthor > .comment-body .fn:before {
content: "\f408";
vertical-align: text-top;
}
.comment-list .edit-link {
margin-left: 20px;
}
.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
float: right;
width: 79%;
width: -webkit-calc(100% - 124px);
width:         calc(100% - 124px);
word-wrap: break-word;
}
.comment-body a,
.comment-meta,
.comment-meta a {
color: #3787be;
font-size: 13px;
}
.comment-body a:hover,
.comment-meta a:hover {
color: #333;
text-decoration: none;
}
.comment-metadata {
margin-bottom: 20px;
}
.ping-meta {
color: #a2a2a2;
font-size: 13px;
line-height: 2;
}
.comment-awaiting-moderation {
color: #a2a2a2;
}
.comment-awaiting-moderation:before {
content: "\f414";
margin-right: 5px;
position: relative;
top: -2px;
}
.comment-reply-link:before,
.comment-reply-login:before {
content: "\f412";
margin-right: 3px;
} .comment-respond {
background-color: #f5f5f5;
padding: 30px 0;
}
.comment .comment-respond {
margin-bottom: 20px;
padding: 20px;
}
.comment-reply-title {
font: 400 normal 20px "Source Sans Pro", Helvetica, sans-serif;
}
.comment-reply-title small a {
color: #131310;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
.comment-reply-title small a:hover {
color: #ed331c;
text-decoration: none;
}
.comment-reply-title small a:before {
content: "\f406";
vertical-align: top;
}
.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
padding: 0;
}
.comment-form .comment-notes {
margin-bottom: 15px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
margin-bottom: 8px;
}
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
float: left;
padding: 5px 0;
width: 120px;
}
.comment-form .required {
color: #ed331c;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
max-width: 270px;
width: 60%;
}
.comment-form textarea {
width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
color: #686758;
font-size: 12px;
}
.form-allowed-tags code {
font-size: 10px;
margin-left: 3px;
}
.comment-list .pingback,
.comment-list .trackback {
padding-top: 24px;
}
.comment-navigation {
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
max-width: 604px;
padding: 20px 0 30px;
width: 100%;
}
.no-comments {
background-color: #f7f5e7;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0;
padding: 40px 0;
text-align: center;
}
.sidebar .no-comments {
padding-left: 60px;
padding-right: 376px;
} .site-main .mu_register {
margin: 0 auto;
max-width: 604px;
width: 100%;
}
.mu_alert {
margin-top: 25px;
}
.site-main .mu_register input[type="submit"],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name {
font-size: inherit;
width: 270px;
}
.site-main .mu_register input[type="submit"] {
width: auto;
} .site-main .widget-area {
display: block;
width: 100%;
position: relative;
}
#tertiary .sidebar-inner .widget-area {
padding-top: 14px;
} .widget {
font-size: 14px;
-webkit-hyphens: auto;
-moz-hyphens:    auto;
-ms-hyphens:     auto;
hyphens:         auto;
margin: 0px;
padding: 20px 0px;
padding-top: 6px;
word-wrap: break-word;
}
.widget .widget-title {
font: 400 normal 22px "Roboto", Helvetica, sans-serif;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 12px;
margin-bottom: 12px;
}
.widget ul,
.widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
padding: 12px 0px;
border-bottom: 1px solid #e7e7e7;
vertical-align: middle;
}
.widget .menu li:before,
.widget_pages li:before,
.widget_meta li:before {
content: '\f501';
display: inline-block;
width: 12px;
height: 24px;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 24px;
font-family: 'Genericons';
text-decoration: inherit;
font-weight: normal;
font-style: normal;
vertical-align: top;
color: #3787be;
color: #999;
}
.widget .children li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.widget li > ul,
.widget li > ol {
margin-left: 20px;
}
.widget li {
color: #999;
}
.widget a {
color: #575757;
}
.widget a:hover {
color: #3787be;
text-decoration: none;
} .search-form .search-submit {
display: none;
}
.search-form .searchsubmit {
display: none;
} .widget_rss .rss-date {
display: block;
}
.widget_rss .rss-date,
.widget_rss li > cite {
color: #a2a2a2;
} .widget_calendar table,
.widget_calendar td {
border: 0;
border-collapse: separate;
border-spacing: 1px;
}
.widget_calendar caption {
font-size: 14px;
margin: 0;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
}
.widget_calendar a:hover {
background-color: #3787be;
color: #FFFFFF;
}
.widget_calendar tbody td {
background-color: rgba(232, 232, 232, 0.5);
}
.widget_calendar thead th {
background-color: #d7d7d7;
color: #000;
}
.widget_calendar td#next a,
.widget_calendar td#prev a {
background-color: rgba(232, 232, 232, 0.5);
}
.widget_calendar td#next a:hover,
.widget_calendar td#prev a:hover {
background-color: #3787be;
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
.widget ul.product-categories li ul {
margin: 0px;
padding: 0px;
}
.widget ul.product-categories li ul.children li {
padding-left: 12px;
font-weight: 300px;
}
.widget ul.product-categories li ul.children li:first-child {
}
.widget ul.product-categories li ul.children li a {
font-weight: 300px;
} .site-footer {
background-color: #272727;
color: #777777;
font-size: 14px;
text-align: center;
}
.site-footer .widget-area,
.sidebar .site-footer {
text-align: left;
}
.site-footer a {
color: #686758;
}
.site-footer div.site-info a {
color: #878787;
font-size: 12px;
}
.site-footer .sidebar-container {
background-color: #383838;
padding: 20px 0;
clear: both;
}
.site-footer .widget {
background: transparent;
color: #fff;
float: left;
}
.site-footer div.widget-area {
margin: 0 auto;
max-width: 1600px; }
.site-footer div.widget-area .widget {
display: inline-block;
float: none;
margin-bottom: 1px;
width: 25%;
padding: 0 2.5%;
position: relative;
}
.site-footer div.widget-area .widget ul li {
border-bottom: 1px solid #575757;
padding: 8px 0px;
}
.site-footer div.widget-area .widget a {
color: #c7c7c7;
}
.site-footer div.widget-area .widget a:hover {
color: #3787be;
}
.site-footer div.widget-area .widget .widget-title {
border-bottom: 1px solid #676767;
margin-bottom: 0px;
}
.site-footer div.widget-area .widget_calendar a {
background-color: #272727;
}
.site-footer div.widget-area .widget_calendar a:hover {
background-color: #3787be;
color: #ffffff;
}
.widget_calendar thead th {
background-color: #d7d7d7;
color: #000000;
}
.site-footer div.widget-area .widget input, 
.site-footer div.widget-area .widget textarea {
background-color: #343434;
border: 1px solid #222222;
color: #C7C7C7;
}
.site-footer .widget a {
color: #e6402a;
}
.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
color: #fff;
}
.site-info {
margin: 0 auto;
max-width: 1600px;
padding: 30px 0;
width: 100%;
text-align: left;
}
.site-footer .site-info {
padding: 30px 2.5%;
width: 95%;
font-size: 12px;
}
.site-footer form.search-form input.search-field {
margin-top: 16px;
width: 100%;
}
.site-footer form.searchform input#s {
margin-top: 16px;
width: 100%;
}
#wpstats {
display: block;
margin: -10px auto 0;
}
.site-footer .credit-info {
display: inline-block;
width: 49.5%;
text-align: right;
}
.site-footer .copyright {
text-align: left;
display: inline-block;
width: 49.5%;
} .go-top {
position: fixed;
bottom: 2em;
right: 2em;
text-decoration: none;
color: white;
background-color: rgba(0, 0, 0, 0.3);
font-size: 16px;
padding: 0px;
display: none;
z-index: 999999;
height: 48px;
width: 48px;
border-radius: 3px;
}
.go-top:hover {
background-color: rgba(0, 0, 0, 0.6);
text-decoration: none;	
}
.go-top span {
height: 48px;
width: 48px;	
font-size: 32px;
color: #dfdfdf;
line-height: 32px;
text-align: center;
line-height: 44px;
}
.go-top span:before {
font-size: 32px;
}
.go-top:hover span {
text-decoration: none;
} .sidebar .content-area {
}
.site-content {
width: 100%;
}
.sidebar .site-content {
display: block;
float: left;
width: 75%;
}
.sidebar .nosidebar .site-content {
display: block;
width: 100%;
}
.sidebar #container-1:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} .site-header .home-link {
max-width: 560px;
}
div.headerwrap .navbar {
float: right;
margin-right: 32px;
}
.topsearch {
display: block;
float: right;
min-width: 32px;
height: 48px;
padding-top: 26px;
position: relative;
}
.site-header.fixeddiv div.topsearch {
padding-top: 0px;
margin-top: 0px;
top: auto;
}
.site-header .search-form {
position: relative;
right: auto;
bottom: auto;
}
.site-header .searchform {
position: relative;
right: auto;
bottom: auto;
}
.site-header div.headerinnerwrap .search-form {
top: auto;
bottom: auto;	
}
.site-header div.headerinnerwrap .searchform {
top: auto;
bottom: auto;	
}
.site-header.fixeddiv div.headerinnerwrap .search-form {
margin-top: -6px;
}
.site-header.fixeddiv div.headerinnerwrap .searchform {
margin-top: 0px;
}
.site-header.fixeddiv .search-form .search-field {
margin-top: 0px;
}
.site-header.fixeddiv .searchform #s {
margin-top: 0px;
}
div.ibanner .da-img {
overflow: hidden;
}
div.ibanner .da-img img {
max-height: 100%;
}
.socialicons ul.social li a .socico:before {
font-size: 12px;
}
.content-area .tx-service .tx-service-icon span {
color: #3787be;
border-color:  #3787be;
}
.content-area .tx-service:hover .tx-service-icon span {
background-color: #3787be;
}
.content-area .tx-service .tx-service-icon span i {
color: #c44044;	
}
.content-area .tx-service:hover .tx-service-icon span i {
color: #FFFFFF;	
}
.portfolio h2.tx-subtitle {
font-size: 18px;
padding-bottom: 6px;
margin-bottom: 6px;
}
.portfolio .folio-meta {
padding-bottom: 6px;
border-bottom: 1px solid #eee;
margin-bottom: 32px;
}
.portfolio .folio-meta .proj-url {
display: block;
font-size: 12px;
line-height: 24px;
}
.portfolio .folio-meta .proj-url a,
.portfolio .folio-meta .proj-url a:hover {
text-decoration: none;
padding-left: 12px;
}
.portfolio .folio-meta .proj-url .genericon,
.portfolio .folio-meta .proj-url .genericon:before {
font-size: 24px;
line-height: 24px;
padding-right: 12px;
color: #999;	
}
.portfolio .folio-meta .folio-cat .folio-categories {
display: inline-block;
font-size: 12px;
line-height: 24px;
padding-left: 12px;
color: #999;
}
.portfolio .folio-meta .folio-cat .genericon,
.portfolio .folio-meta .folio-cat .genericon:before {
font-size: 24px;
line-height: 24px;
padding-right: 12px;
color: #999;	
}
.tx-cta a.cta-button, 
.tx-cta a.cta-button:visited {
background-color: #666;
}
.post .post-mainpart .entry-summary a.moretag {
display: block;
float: right;
clear: both;
background-color: #3787be;
color: #FFF;
padding: 6px 12px;
margin-top: 24px;
text-decoration: none;
}
.post .post-mainpart .entry-summary a.moretag:before {
display: block;
content: " ";
clear: both;
height: 0px;
width: 100%;
} @media (max-width: 1599px) {
.site {
border: 0;
}
.site-content .post.type-post div.meta-img {
display: block;
float: left;
width: 30%;
margin-top: 8px;
}
.site-content .post.type-post div.post-mainpart {
display: block;
float: left;
width: 70%;
}
}
@media (max-width: 1069px) { .menu-toggle {
cursor: pointer;
display: block;
position: fixed;
left: 0px;
top: 140px;
padding: 12px 12px 12px 12px;
font-size: 16px;
font-weight: 400;
color: #FFF;
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.64);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.64);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.64);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: rgba(40,40,40,0.8)
}
.menu-toggle:after {
content: "\f419";
font-size: 18px;
padding-left: 8px;
font-weight: 700;
}
.toggled-on .menu-toggle:after {
content: "\f500";
vertical-align: 2px;
}	
.toggled-on .nav-container,
.toggled-on .nav-container > ul {
display: none;
}
ul.nav-container,
div.nav-container > ul {
display: none;
}
.site-content .post.type-post div.meta-img {
display: block;
float: left;
width: 32%;
margin-top: 8px;
}
.site-content .post.type-post div.post-mainpart {
display: block;
float: left;
width: 68%;
}
.titlebar {
display: block;
position: relative;
width: 100%;
text-align: left;
padding-top: 16px;	
}
.titlebar h1 {
padding: 0 32px;
font-size: 26px;
line-height: 36px;
margin: 0px;
text-align: left;
font-weight: 400;
display: block;
}
.iheader .titlebar h1 {
padding: 0px 32px;
}	
.iheader .breadcrumb {
padding: 0 32px;
padding-top: 0px;
margin: 0px;
font-weight: 400;
color: #FFF;
line-height: 26px;
display: block;
float: none; 
text-align: left;
}	
}
@media (max-width: 999px) {
#ft-post article {
display: block;
float: left;
width: 50%;
}
.site-content .post.type-post div.meta-img {
display: block;
float: left;
width: 40%;
margin-top: 8px;
}
.site-content .post.type-post div.post-mainpart {
display: block;
float: left;
width: 60%;
}
.site-footer div.widget-area { width: 100%;
}
.site-footer div.widget-area .widget { display: inline-block;
float: none;
margin-bottom: 1px;
width: 50%;
padding: 0 2.5%;
}		
} @media (max-width: 767px) {
.sidebar .site-content {
width: 65%;
}	
.site-main .sidebar-container {
width: 35%;
}
.site-content .post.type-post div.meta-img {
display: block;
float: none;
width: 100%;
margin-top: 8px;
}
.site-content .post.type-post div.post-mainpart {
display: block;
float: none;
width: 84%;
margin: 0 8%; 
}
.site-content .post.type-post div.meta-img div.entry-thumbnail {
padding-right: 8%;
padding-left: 8%;
}
.site-content .post.type-post div.meta-img div.entry-nothumb {
display: none;
}
.site-content .post.type-post div.meta-img.no-image-meta+div.post-mainpart {
width: 84%;
padding-left: 0%;
}
.site-footer .credit-info {
width: 100%;
text-align: left;
}
.site-footer .copyright {
text-align: left;
width: 100%;
}
.utilitybar {
height: auto;
}
.socialicons {
display: block;
float: none;
padding-bottom: 32px;
clear: both;
}
.topphone {
display: block;
float: none;
clear: both;
margin-left: 0px;
padding-left: 0px;
}
.sidebar .site-content {
display: block;
float: none;
width: 100%;
}
.site-main .sidebar-container {
width: 100%;
display: block;
float: none;
padding-left: 5%;
padding-right: 5%;
}
.site-main .sidebar-inner {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 580px) {
#ft-post article {
display: block;
float: none;
width: 100%;
}
.sidebar .site-content {
width: 100%;
}	
.site-main .sidebar-container {
width: 100%;
}
.site-footer div.widget-area { width: 100%;
}
.site-footer div.widget-area .widget { display: block;
float: none;
margin-bottom: 1px;
width: 100%;
padding: 0 5% 0 5%;
}		
}
@media (max-width: 480px) {
.site-title {
font-size: 30px;
}
#ft-post { -moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap: 0px;
column-count: 1;
column-gap: 0px;
width: 100%;   
}
#ft-post article { display: inline-block; margin-bottom: 1px;
width: 100%
}
} @media (max-width: 359px) {
.gallery {
margin-left: 0;
}
.gallery .gallery-item,
.gallery-columns-2.gallery-size-thumbnail .gallery-item {
max-width: none;
width: 49%;
width: -webkit-calc(50% - 4px);
width:         calc(50% - 4px);
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: block;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-1.gallery-size-medium .gallery-item,
.gallery-columns-1.gallery-size-thumbnail .gallery-item {
text-align: center;
width: 98%;
width: -webkit-calc(100% - 4px);
width:         calc(100% - 4px);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 4px;
}
.gallery br {
display: none;
}
.gallery .gallery-item:nth-of-type(even) {
margin-right: 0;
} .comment-author {
margin: 0 0 5px;
max-width: 100%;
}
.comment-author .avatar {
display: inline;
margin: 0 5px 0 0;
max-width: 20px;
}
.comment-metadata,
.comment-content,
.comment-list .reply {
width: 100%;
}
}  @media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
@media print {
body {
background: none !important;
color: #000;
font-size: 10pt;
}
footer a[rel="bookmark"]:link:after,
footer a[rel="bookmark"]:visited:after {
content: " [" attr(href) "] "; }
.site {
max-width: 98%;
}
.site-header {
background-image: none !important;
}
.site-header .home-link {
max-width: none;
min-height: 0;
}
.site-title {
color: #000;
font-size: 21pt;
}
.site-description {
font-size: 10pt;
}
.author-avatar,
.site-footer,
.comment-respond,
.comments-area .comment-edit-link,
.comments-area .reply,
.comments-link,
.entry-meta .edit-link,
.page-links,
.site-content nav,
.widget-area,
.main-navigation,
.navbar,
.more-link {
display: none;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
margin: 0;
width: 100%;
}
.page-title,
.entry-title {
font-size: 21pt;
}
.entry-meta,
.entry-meta a {
color: #444;
font-size: 10pt;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin-left: 0;
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
margin-right: 0;
}
.format-image .entry-content .size-full {
margin: 0;
} .hentry {
background-color: #fff;
} .comments-area > li.comment {
background: none;
position: relative;
width: auto;
}
.comment-metadata {
float: none;
}
.comment-author .fn,
.comment-reply-link,
.comment-reply-login {
color: #333;
}
}
.site {
position:relative;
}
.site:before, 
.site:after {
content:"";
position:absolute; 
z-index:-1;
-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);
box-shadow:0 0 6px rgba(0,0,0,0.2);
top:4px;
bottom:4px;
left:0;
right:0;
-moz-border-radius:100px / 4px;
border-radius:100px / 4px;
} 
.site1:after {
right:10px; 
left:auto;
-webkit-transform:skew(8deg) rotate(3deg); 
-moz-transform:skew(8deg) rotate(3deg);     
-ms-transform:skew(8deg) rotate(3deg);     
-o-transform:skew(8deg) rotate(3deg); 
transform:skew(8deg) rotate(3deg);
} .site-header .trans-logo {
display: none;
}
.nx-fullscreen .site-header:not(.fixeddiv) .site-title,
.nx-fullscreen .site-header:not(.fixeddiv) .site-description {
color: #FFF;
}
.nx-fullscreen .site-header:not(.fixeddiv) .trans-logo {
display: inline-block;
}
.nx-fullscreen .site-header:not(.fixeddiv) .normal-logo {
display: none;
}
.nx-fullscreen .site-header:not(.fixeddiv) ul.nav-container > li > a,
.nx-fullscreen .site-header:not(.fixeddiv) .nav-container > ul > li > a {
color: #FFFFFF;
} .nx-fullscreen .site .headerwrap {
background:  rgba(0,0,0,0.1);
background: transparent;
position: relative;
height: 0px;
min-height: 0px;
}
.nx-fullscreen .site-header:not(.fixeddiv) {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
background-color: rgba(0,0,0,0.1);
min-height: 88px;
border-bottom: 1px solid rgba(0,0,0,0.0);
}
.nx-fullscreen .site-header:not(.fixeddiv) .nav-container .nav-menu > li > a,
.nx-fullscreen .site-header:not(.fixeddiv) .nav-container .nav-menu > li > a:visited {
color: #FFF;
}
.nx-fullscreen .site-header:not(.fixeddiv) .search-field,
.nx-fullscreen .site-header:not(.fixeddiv) .search-field:focus {
color: #FFF;
}
.nx-fullscreen .site-header:not(.fixeddiv) .searchico:before {
color: #FFF;
} .nx-full-width .site .site-main {
width: 100%;
margin: 0px;
padding: 0px;
max-width: 100%;
}
.nx-full-width .site .site-main .content-area {
margin: 0px;
padding: 0px;
}
.nx-full-width .site .site-main .content-area .entry-header {
display: none;
}
.no-ubar .utilitybar {
display: none;
} .tx-nopad .hentry,
.elementor-page .hentry {
padding: 0px;
}
.tx-nopad .entry-header,
.elementor-page .entry-header {
margin-bottom: 0px;
}
.tx-nopad .site-main,
.elementor-page .site-main {
padding-top: 0px;
padding-bottom: 0px;
}
.tx-nopad .entry-meta,
.elementor-page .entry-meta {
margin: 0px;
}
.entry-content a.elementor-button,
.entry-content a.elementor-button:visited {
color: #ffffff;
} .nx-pb .hentry {
padding: 0px;
}
.nx-pb .entry-header {
margin-bottom: 0px;
}
.nx-pb .site-main {
padding-top: 0px;
padding-bottom: 0px;
}
.nx-pb .entry-meta {
margin: 0px;
} .nx-brizy .hentry {
padding: 0px;
}
.nx-brizy .entry-header {
margin-bottom: 0px;
}
.nx-brizy .site-main {
padding-top: 0px;
padding-bottom: 0px;
}
.nx-brizy .entry-meta {
margin: 0px;
} .tx-nopad .hentry,
.nx-full-width .hentry,
.elementor-page .hentry {
padding: 0px;
}
.tx-nopad .entry-header,
.nx-full-width .entry-header,
.elementor-page .entry-header {
margin-bottom: 0px;
}
.tx-nopad .site-main,
.nx-full-width .site-main,
.elementor-page .site-main {
padding-top: 0px;
padding-bottom: 0px;
}
.tx-nopad .entry-meta,
.nx-full-width .entry-meta,
.elementor-page .entry-meta {
margin: 0px;
}
.entry-content a.elementor-button,
.entry-content a.elementor-button:visited {
color: #ffffff;
} .nx-full-width .site .site-main {
width: 100%;
margin: 0px;
padding: 0px;
max-width: 100%;
}
.nx-full-width .site .site-main .content-area {
margin: 0px;
padding: 0px;
}
.nx-full-width .site .site-main .content-area .entry-header {
display: none;
}
.tx-noubar .utilitybar {
display: none;
}
body .pswp {
z-index: 30002;
}
.entry-content a,
.comment-content a {
text-decoration: underline;
}