@charset "utf-8";
@charset "UTF-8";
@charset "UTF-8";
[class*=tt--] {
position: relative;
display: inline-block
}
[class*=tt--]:after, [class*=tt--]:before {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s
}
[class*=tt--]:hover:after, [class*=tt--]:hover:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
transition-delay: .1s
}
[class*=tt--]:before {
content: '';
position: absolute;
background: 0 0;
border: 6px solid transparent;
z-index: 1000001
}
[class*=tt--]:after {
background: #383838;
color: #fff;
padding: 8px 10px;
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 13px;
white-space: nowrap;
text-shadow: none !important;
box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
}
[class*=tt--][aria-label]:after {
content: attr(aria-label)
}
[class*=tt--][data-hint]:after {
content: attr(data-hint)
}
[aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before {
display: none !important
}
.tt--top-left:before, .tt--top-right:before, .tt--top:before {
border-top-color: #383838
}
.tt--bottom-left:before, .tt--bottom-right:before, .tt--bottom:before {
border-bottom-color: #383838
}
.tt--top:after, .tt--top:before {
bottom: 100%;
left: 50%
}
.tt--top:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.tt--top:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%)
}
.tt--top:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--top:hover:after {
border-radius: 3px;
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px)
}
.tt--bottom:after, .tt--bottom:before {
top: 100%;
left: 50%
}
.tt--bottom:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.tt--bottom:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%)
}
.tt--bottom:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px)
}
.tt--right:before {
border-right-color: #383838;
margin-left: -11px;
margin-bottom: -6px
}
.tt--right:after {
margin-bottom: -14px
}
.tt--right:after, .tt--right:before {
left: 100%;
bottom: 50%
}
.tt--right:hover:after, .tt--right:hover:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px)
}
.tt--left:before {
border-left-color: #383838;
margin-right: -11px;
margin-bottom: -6px
}
.tt--left:after {
margin-bottom: -14px
}
.tt--left:after, .tt--left:before {
right: 100%;
bottom: 50%
}
.tt--left:hover:after, .tt--left:hover:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px)
}
.tt--top-left:after, .tt--top-left:before {
bottom: 100%;
left: 50%
}
.tt--top-left:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.tt--top-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 12px
}
.tt--top-left:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--top-left:hover:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px)
}
.tt--top-right:after, .tt--top-right:before {
bottom: 100%;
left: 50%
}
.tt--top-right:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.tt--top-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
margin-left: -12px
}
.tt--top-right:hover:after, .tt--top-right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--bottom-left:after, .tt--bottom-left:before {
top: 100%;
left: 50%
}
.tt--bottom-left:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.tt--bottom-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 12px
}
.tt--bottom-left:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--bottom-left:hover:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px)
}
.tt--bottom-right:after, .tt--bottom-right:before {
top: 100%;
left: 50%
}
.tt--bottom-right:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.tt--bottom-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
margin-left: -12px
}
.tt--bottom-right:hover:after, .tt--bottom-right:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--large:after, .tt--medium:after, .tt--small:after {
white-space: normal;
line-height: 1.4em;
word-wrap: break-word
}
.tt--small:after {
width: 80px
}
.tt--medium:after {
width: 150px
}
.tt--large:after {
width: 300px
}
.tt--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0 #592726
}
.tt--error.tt--top-left:before, .tt--error.tt--top-right:before, .tt--error.tt--top:before {
border-top-color: #b34e4d
}
.tt--error.tt--bottom-left:before, .tt--error.tt--bottom-right:before, .tt--error.tt--bottom:before {
border-bottom-color: #b34e4d
}
.tt--error.tt--left:before {
border-left-color: #b34e4d
}
.tt--error.tt--right:before {
border-right-color: #b34e4d
}
.tt--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0 #6c5328
}
.tt--warning.tt--top-left:before, .tt--warning.tt--top-right:before, .tt--warning.tt--top:before {
border-top-color: #c09854
}
.tt--warning.tt--bottom-left:before, .tt--warning.tt--bottom-right:before, .tt--warning.tt--bottom:before {
border-bottom-color: #c09854
}
.tt--warning.tt--left:before {
border-left-color: #c09854
}
.tt--warning.tt--right:before {
border-right-color: #c09854
}
.tt--info:after {
background-color: #3986ac;
text-shadow: none;
}
.tt--info.tt--top-left:before, .tt--info.tt--top-right:before, .tt--info.tt--top:before {
border-top-color: #3986ac
}
.tt--info.tt--bottom-left:before, .tt--info.tt--bottom-right:before, .tt--info.tt--bottom:before {
border-bottom-color: #3986ac
}
.tt--info.tt--left:before {
border-left-color: #3986ac
}
.tt--info.tt--right:before {
border-right-color: #3986ac
}
.tt--success:after {
background-color: #458746;
text-shadow: 0 -1px 0 #1a321a
}
.tt--success.tt--top-left:before, .tt--success.tt--top-right:before, .tt--success.tt--top:before {
border-top-color: #458746
}
.tt--success.tt--bottom-left:before, .tt--success.tt--bottom-right:before, .tt--success.tt--bottom:before {
border-bottom-color: #458746
}
.tt--success.tt--left:before {
border-left-color: #458746
}
.tt--success.tt--right:before {
border-right-color: #458746
}
.tt--always:after, .tt--always:before {
opacity: 1;
visibility: visible
}
.tt--always.tt--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--always.tt--top:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px)
}
.tt--always.tt--top-left:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--always.tt--top-left:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px)
}
.tt--always.tt--top-right:after, .tt--always.tt--top-right:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--always.tt--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--always.tt--bottom:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px)
}
.tt--always.tt--bottom-left:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--always.tt--bottom-left:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px)
}
.tt--always.tt--bottom-right:after, .tt--always.tt--bottom-right:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--always.tt--left:after, .tt--always.tt--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px)
}
.tt--always.tt--right:after, .tt--always.tt--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px)
}
.tt--rounded:after {
border-radius: 4px
}
.tt--no-animate:after, .tt--no-animate:before {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s
}
.tt--bounce:after, .tt--bounce:before {
-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
-moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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 heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-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-duration: 0.75s;
animation-duration: 0.75s;
-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-animation-duration: 0.75s;
animation-duration: 0.75s;
-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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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;
}
.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.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//8solutions.de/wp-content/plugins/element-plus/assets/front/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999999;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999999;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.9;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.92;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-zoom-out {   }
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
} @keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out;
}
100% {
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
animation-duration: 1s;
animation-name: hinge;
}
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
opacity: 0;
transition: opacity 0.5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
opacity: 0;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}:after, :before, * {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.pb-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.pb-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.pb-justify-content-center {
justify-content: center;
}
.pb-align-items-center {
align-items: center;
}
.pb-grid-col {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 576px) {
.pb-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.pb-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.pb-container {
max-width: 960px;
}
.pb-grid-6 .pb-grid-col {
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
max-width: 16.66%;
}
.pb-grid-5 .pb-grid-col {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.pb-grid-4 .pb-grid-col {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.pb-grid-3 .pb-grid-col {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.pb-grid-2 .pb-grid-col {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1200px) {
.pb-container {
max-width: 1140px;
}
}
.pb-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.pb-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.pb-no-gutters {
margin-right: 0;
margin-left: 0;
}
.pb-no-gutters > .pb-col,
.pb-no-gutters > [class*="pb-col-"],
.pb-no-gutters > .pb-grid-col {
padding-right: 0;
padding-left: 0;
}
.pb-col-1, .pb-col-2, .pb-col-3, .pb-col-4, .pb-col-5, .pb-col-6, .pb-col-7, .pb-col-8, .pb-col-9, .pb-col-10, .pb-col-11, .pb-col-12, .pb-col,
.pb-col-auto, .pb-col-sm-1, .pb-col-sm-2, .pb-col-sm-3, .pb-col-sm-4, .pb-col-sm-5, .pb-col-sm-6, .pb-col-sm-7, .pb-col-sm-8, .pb-col-sm-9, .pb-col-sm-10, .pb-col-sm-11, .pb-col-sm-12, .pb-col-sm,
.pb-col-sm-auto, .pb-col-md-1, .pb-col-md-2, .pb-col-md-3, .pb-col-md-4, .pb-col-md-5, .pb-col-md-6, .pb-col-md-7, .pb-col-md-8, .pb-col-md-9, .pb-col-md-10, .pb-col-md-11, .pb-col-md-12, .pb-col-md,
.pb-col-md-auto, .pb-col-lg-1, .pb-col-lg-2, .pb-col-lg-3, .pb-col-lg-4, .pb-col-lg-5, .pb-col-lg-6, .pb-col-lg-7, .pb-col-lg-8, .pb-col-lg-9, .pb-col-lg-10, .pb-col-lg-11, .pb-col-lg-12, .pb-col-lg,
.pb-col-lg-auto, .pb-col-xl-1, .pb-col-xl-2, .pb-col-xl-3, .pb-col-xl-4, .pb-col-xl-5, .pb-col-xl-6, .pb-col-xl-7, .pb-col-xl-8, .pb-col-xl-9, .pb-col-xl-10, .pb-col-xl-11, .pb-col-xl-12, .pb-col-xl,
.pb-col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.pb-col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.pb-col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.pb-col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.pb-col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.pb-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.pb-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.pb-col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.pb-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.pb-col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.pb-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.pb-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.pb-col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.pb-col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.pb-col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pb-order-first {
-ms-flex-order: -1;
order: -1;
}
.pb-order-last {
-ms-flex-order: 13;
order: 13;
}
.pb-order-0 {
-ms-flex-order: 0;
order: 0;
}
.pb-order-1 {
-ms-flex-order: 1;
order: 1;
}
.pb-order-2 {
-ms-flex-order: 2;
order: 2;
}
.pb-order-3 {
-ms-flex-order: 3;
order: 3;
}
.pb-order-4 {
-ms-flex-order: 4;
order: 4;
}
.pb-order-5 {
-ms-flex-order: 5;
order: 5;
}
.pb-order-6 {
-ms-flex-order: 6;
order: 6;
}
.pb-order-7 {
-ms-flex-order: 7;
order: 7;
}
.pb-order-8 {
-ms-flex-order: 8;
order: 8;
}
.pb-order-9 {
-ms-flex-order: 9;
order: 9;
}
.pb-order-10 {
-ms-flex-order: 10;
order: 10;
}
.pb-order-11 {
-ms-flex-order: 11;
order: 11;
}
.pb-order-12 {
-ms-flex-order: 12;
order: 12;
}
.pb-offset-1 {
margin-left: 8.333333%;
}
.pb-offset-2 {
margin-left: 16.666667%;
}
.pb-offset-3 {
margin-left: 25%;
}
.pb-offset-4 {
margin-left: 33.333333%;
}
.pb-offset-5 {
margin-left: 41.666667%;
}
.pb-offset-6 {
margin-left: 50%;
}
.pb-offset-7 {
margin-left: 58.333333%;
}
.pb-offset-8 {
margin-left: 66.666667%;
}
.pb-offset-9 {
margin-left: 75%;
}
.pb-offset-10 {
margin-left: 83.333333%;
}
.pb-offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.pb-col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.pb-col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.pb-col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.pb-col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.pb-col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.pb-col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.pb-col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.pb-col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.pb-col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.pb-col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.pb-col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.pb-col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.pb-col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.pb-col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pb-order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.pb-order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.pb-order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.pb-order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.pb-order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.pb-order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.pb-order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.pb-order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.pb-order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.pb-order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.pb-order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.pb-order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.pb-order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.pb-order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.pb-order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.pb-offset-sm-0 {
margin-left: 0;
}
.pb-offset-sm-1 {
margin-left: 8.333333%;
}
.pb-offset-sm-2 {
margin-left: 16.666667%;
}
.pb-offset-sm-3 {
margin-left: 25%;
}
.pb-offset-sm-4 {
margin-left: 33.333333%;
}
.pb-offset-sm-5 {
margin-left: 41.666667%;
}
.pb-offset-sm-6 {
margin-left: 50%;
}
.pb-offset-sm-7 {
margin-left: 58.333333%;
}
.pb-offset-sm-8 {
margin-left: 66.666667%;
}
.pb-offset-sm-9 {
margin-left: 75%;
}
.pb-offset-sm-10 {
margin-left: 83.333333%;
}
.pb-offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.pb-col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.pb-col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.pb-col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.pb-col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.pb-col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.pb-col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.pb-col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.pb-col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.pb-col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.pb-col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.pb-col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.pb-col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.pb-col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.pb-col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pb-order-md-first {
-ms-flex-order: -1;
order: -1;
}
.pb-order-md-last {
-ms-flex-order: 13;
order: 13;
}
.pb-order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.pb-order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.pb-order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.pb-order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.pb-order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.pb-order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.pb-order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.pb-order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.pb-order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.pb-order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.pb-order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.pb-order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.pb-order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.pb-offset-md-0 {
margin-left: 0;
}
.pb-offset-md-1 {
margin-left: 8.333333%;
}
.pb-offset-md-2 {
margin-left: 16.666667%;
}
.pb-offset-md-3 {
margin-left: 25%;
}
.pb-offset-md-4 {
margin-left: 33.333333%;
}
.pb-offset-md-5 {
margin-left: 41.666667%;
}
.pb-offset-md-6 {
margin-left: 50%;
}
.pb-offset-md-7 {
margin-left: 58.333333%;
}
.pb-offset-md-8 {
margin-left: 66.666667%;
}
.pb-offset-md-9 {
margin-left: 75%;
}
.pb-offset-md-10 {
margin-left: 83.333333%;
}
.pb-offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.pb-col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.pb-col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.pb-col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.pb-col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.pb-col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.pb-col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.pb-col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.pb-col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.pb-col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.pb-col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.pb-col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.pb-col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.pb-col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.pb-col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pb-order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.pb-order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.pb-order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.pb-order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.pb-order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.pb-order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.pb-order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.pb-order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.pb-order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.pb-order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.pb-order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.pb-order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.pb-order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.pb-order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.pb-order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.pb-offset-lg-0 {
margin-left: 0;
}
.pb-offset-lg-1 {
margin-left: 8.333333%;
}
.pb-offset-lg-2 {
margin-left: 16.666667%;
}
.pb-offset-lg-3 {
margin-left: 25%;
}
.pb-offset-lg-4 {
margin-left: 33.333333%;
}
.pb-offset-lg-5 {
margin-left: 41.666667%;
}
.pb-offset-lg-6 {
margin-left: 50%;
}
.pb-offset-lg-7 {
margin-left: 58.333333%;
}
.pb-offset-lg-8 {
margin-left: 66.666667%;
}
.pb-offset-lg-9 {
margin-left: 75%;
}
.pb-offset-lg-10 {
margin-left: 83.333333%;
}
.pb-offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.pb-col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.pb-col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.pb-col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.pb-col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.pb-col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.pb-col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.pb-col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.pb-col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.pb-col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.pb-col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.pb-col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.pb-col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.pb-col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.pb-col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pb-order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.pb-order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.pb-order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.pb-order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.pb-order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.pb-order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.pb-order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.pb-order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.pb-order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.pb-order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.pb-order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.pb-order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.pb-order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.pb-order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.pb-order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.pb-offset-xl-0 {
margin-left: 0;
}
.pb-offset-xl-1 {
margin-left: 8.333333%;
}
.pb-offset-xl-2 {
margin-left: 16.666667%;
}
.pb-offset-xl-3 {
margin-left: 25%;
}
.pb-offset-xl-4 {
margin-left: 33.333333%;
}
.pb-offset-xl-5 {
margin-left: 41.666667%;
}
.pb-offset-xl-6 {
margin-left: 50%;
}
.pb-offset-xl-7 {
margin-left: 58.333333%;
}
.pb-offset-xl-8 {
margin-left: 66.666667%;
}
.pb-offset-xl-9 {
margin-left: 75%;
}
.pb-offset-xl-10 {
margin-left: 83.333333%;
}
.pb-offset-xl-11 {
margin-left: 91.666667%;
}
}
@media ( max-width: 991px ) {
.pb-grid .pb-grid-col {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media ( max-width: 560px ) {
.pb-container {
padding: 0 30px;
}
.pb-grid .pb-grid-col {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
} .pb-form .wps-field-title {
color: #5a5a5a;
text-transform: uppercase;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
margin-bottom: 12px;
display: block;
}
.pb-form .wps-field-inputs input[type=email],
.pb-form .wps-field-inputs input[type=password],
.pb-form .wps-field-inputs input[type=search],
.pb-form .wps-field-inputs input[type=tel],
.pb-form .wps-field-inputs input[type=text],
.pb-form .wps-field-inputs input[type=url],
.pb-form .wps-field-inputs textarea,
.pb-form .wps-field-inputs select {
width: 100%;
border: 1px solid #dedede;
background: transparent;
color: #4a4a4a;
font-size: 16px;
border-radius: 6px;
padding: 14px;
line-height: 1.3;
vertical-align: bottom;
transition: 0.3s;
}
.pb-form .wps-field-inputs input[type=email]:focus,
.pb-form .wps-field-inputs input[type=password]:focus,
.pb-form .wps-field-inputs input[type=search]:focus,
.pb-form .wps-field-inputs input[type=tel]:focus,
.pb-form .wps-field-inputs input[type=text]:focus,
.pb-form .wps-field-inputs input[type=url]:focus,
.pb-form .wps-field-inputs textarea:focus,
.pb-form .wps-field-inputs select:focus {
box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .1);
transform: translateY(-4px);
outline: none;
border-color: #e5e5e5;
}
.pb-form .wps-field {
margin-bottom: 30px;
}
.pb-form .wps-field .description {
font-size: 15px;
line-height: 1.4;
color: #9a9a9a;
margin: 10px 0 0;
}
.pb-form .timepicker #sample_time {
width: auto;
transform: none;
}
.ui-timepicker-standard {
border-radius: 0 0 6px 6px !important;
margin-top: -4px !important;
border-color: #dedede !important;
}
.ui-timepicker-standard a {
border: 0 !important;
cursor: pointer;
}
.ui-timepicker-standard .ui-state-hover {
background-color: #f5f5f5 !important;
} .pb-form .checkbox .wps-field-title,
.pb-form .radio .wps-field-title {
margin-bottom: 25px;
}
.pb-form .wps-field-inputs fieldset {
border: 0;
margin: 0;
padding: 0;
}
.pb-form .checkbox .wps-field-inputs label > span,
.pb-form .radio .wps-field-inputs label > span {
cursor: pointer;
position: relative;
display: block;
padding-left: 45px;
color: #8a8a8a;
}
.pb-form .checkbox .wps-field-inputs input,
.pb-form .radio .wps-field-inputs input {
position: absolute;
opacity: 0;
}
.pb-form .checkbox .wps-field-inputs label > span:before,
.pb-form .radio .wps-field-inputs label > span:before {
content: '';
left: 0;
top: 15px;
position: absolute;
transform: translateY(-50%);
width: 30px;
height: 30px;
border-radius: 3px;
background: #fff;
border: 1px solid #d2d8dd;
transition: 0.3s;
}
.pb-form .radio .wps-field-inputs label > span:before {
border-radius: 50%;
}
.pb-form .checkbox .wps-field-inputs label > input:checked + span:before,
.pb-form .checkbox .wps-field-inputs label > input:checked + span:before,
.pb-form .radio .wps-field-inputs label > input:checked + span:before,
.pb-form .radio .wps-field-inputs label > input:checked + span:before {
background: #0586ec;
border-color: #0586ec;
}
.pb-form .checkbox .wps-field-inputs label > span:after,
.pb-form .radio .wps-field-inputs label > span:after {
content: '';
position: absolute;
left: 9px;
top: 12px;
width: 6px;
height: 10px;
border: solid white;
z-index: 999;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
opacity: 0;
transition: 0.3s;
}
.pb-form .checkbox .wps-field-inputs label > input:checked + span:after,
.pb-form .radio .wps-field-inputs label > input:checked + span:after {
opacity: 1;
}
.pb-form .select2-container .select2-selection--single {
height: 52px;
border-radius: 6px;
border-color: #dedede;
}
.pb-form .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0 15px;
line-height: 52px;
}
.pb-form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 12px;
right: 6px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #dedede transparent transparent transparent;
border-width: 7px 6px 0 6px;
left: 50%;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #cecece transparent;
border-width: 0 6px 7px 6px;
}
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #dedede !important;
outline: none;
}
.select2-results__option {
padding: 10px 15px;
color: #888;
}
@media (min-width: 420px) {
.pb-form .wp_editor .wps-field-title {
margin-bottom: -20px;
margin-right: -1px;
}
}
.pb-form .nice-select {
width: 100%;
margin-bottom: 10px;
height: 52px;
line-height: 52px;
font-size: inherit;
}
.pb-form .nice-select:active, .pb-form .nice-select.open, .pb-form .nice-select:focus {
border-color: #dedede;
}
.pb-form .nice-select .list {
margin: 0;
padding: 0;
}
.pb-form .nice-select.open .list {
width: 100%;
}
 :after, :before, * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
ul {
padding: 0;
margin: 0;
}
[class*="eplus"] ul li {
list-style: none;
padding: 0;
margin: 0;
}
[class*="eplus"] ul li:before {
display: none;
}
#pm_marker_tooltip{font-size:13px;font-family:Arial,Helvetica,sans-serif;line-height:20px;width:200px;height:auto;padding:10px;background-color:#fff;opacity:.9;border:1px solid #CCC;border-radius:6px;position:absolute;z-index:9999}.pm_back_to_top{float:right;height:auto;margin:15px 10px 0 0;text-align:center;width:20px;transition:all .3s ease 0s}.pm_back_to_top_absolute{position:absolute;top:0;right:0;height:auto;margin:5px;text-align:center;width:20px;transition:all .3s ease 0s}.pm_back_to_top:hover,.pm_back_to_top_absolute:hover{cursor:pointer;transform:scale(1.5)}.pm_floorplan_container{position:relative;height:auto;margin-bottom:20px}.pm_floorplan_marker{position:absolute;top:0;left:0;z-index:9999;width:30px;height:30px;text-align:center}.pm_floorplan_marker_mobile_size10{transform:scale(1)!important;-moz-transform:scale(1)!important;-webkit-transform:scale(1)!important;-o-transform:scale(1)!important}.pm_floorplan_marker_mobile_size9{transform:scale(.9)!important;-moz-transform:scale(.9)!important;-webkit-transform:scale(.9)!important;-o-transform:scale(.9)!important}.pm_floorplan_marker_mobile_size8{transform:scale(.8)!important;-moz-transform:scale(.8)!important;-webkit-transform:scale(.8)!important;-o-transform:scale(.8)!important}.pm_floorplan_marker_mobile_size7{transform:scale(.7)!important;-moz-transform:scale(.7)!important;-webkit-transform:scale(.7)!important;-o-transform:scale(.7)!important}.pm_floorplan_marker_mobile_size6{transform:scale(.6)!important;-moz-transform:scale(.6)!important;-webkit-transform:scale(.6)!important;-o-transform:scale(.6)!important}.pm_floorplan_marker_mobile_size5{transform:scale(.5)!important;-moz-transform:scale(.5)!important;-webkit-transform:scale(.5)!important;-o-transform:scale(.5)!important}.pm_floorplan_marker_mobile_size4{transform:scale(.4)!important;-moz-transform:scale(.4)!important;-webkit-transform:scale(.4)!important;-o-transform:scale(.4)!important}.pm_floorplan_marker_mobile_size3{transform:scale(.3)!important;-moz-transform:scale(.3)!important;-webkit-transform:scale(.3)!important;-o-transform:scale(.3)!important}.pm_floorplan_marker_mobile_size2{transform:scale(.2)!important;-moz-transform:scale(.2)!important;-webkit-transform:scale(.2)!important;-o-transform:scale(.2)!important}.pm_floorplan_marker_mobile_size1{transform:scale(.1)!important;-moz-transform:scale(.1)!important;-webkit-transform:scale(.1)!important;-o-transform:scale(.1)!important}.pm_animate{content:"";-moz-box-sizing:content-box;transform:scale(1);transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.pm_animate:hover{transform:scale(1.4)!important;-webkit-transform:scale(1.4)!important}.pm_floorplan_marker:hover{cursor:pointer}.pm_floorplan img{max-width:100%}.pm_floorplan_marker p{color:#fff;font-size:18px;font-weight:700;font-family:Arial,Helvetica,sans-serif;line-height:1em!important;margin:0!important}.pm_interface_controls{padding-bottom:10px;overflow:hidden;border-bottom:1px dotted #AAA;margin-bottom:20px}.pm_interface_controls a{font-family:Arial,Helvetica,sans-serif;font-size:14px;display:inline}#pm_show_all_btn{display:block;float:left}#pm_hide_all_btn{display:none;float:left}.pm_sort_btns{float:right;height:auto;display:none}.pm_markers_container{width:inherit;height:inherit;top:0;left:0;z-index:500}.pm_panels_container{width:680px;height:auto;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:14px;min-height:300px}.pm_panel{width:inherit;height:inherit;overflow:hidden;margin-bottom:20px;display:none}.pm_panel.pm_panel_responsive{display:inherit}.pm_floorplan_responsive{width:100%!important}.pm_panel.full{width:inherit;height:inherit;overflow:hidden;margin-bottom:20px;display:block;position:relative}.pm_panel.active{display:block}.pm_section{width:400px;height:230px}.pm_section img{border-radius:0!important;box-shadow:none!important; width:100%;}.pm_section_info{width:280px;height:230px;background-color:#eee}.pm_left{float:left}.pm_right{float:right}.pm_full_width{width:100%!important}.pm_section_info ul{list-style:none!important;margin:0!important;padding:15px}.pm_section_info ul li{margin:0 0 15px!important;clear:left;font-size:12px;line-height:26px!important;list-style:none!important;font-family:Arial,Helvetica,sans-serif}.pm_section_info ul li p{line-height:26px!important;margin:10px 0!important}.pm_section_info ul li[id*=panel_info]{padding-top:10px}.pm_section_info ul li .marker{height:35px;width:35px;text-align:center;float:left;margin-right:7px}.pm_section_info ul li .marker p{color:#fff;font-size:18px;font-weight:700;margin:0!important;line-height:1em!important}.pm_section_info ul li .section{float:left;font-size:14px;line-height:16px;font-family:Arial,Helvetica,sans-serif}.circle{border-radius:999px}.square{border-radius:0}.icon{background-repeat:no-repeat;background-position:center center}.panel_google_map_title{background-color:#CCC;clear:both;overflow:hidden;padding:10px;transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}.panel_google_map_title:hover{cursor:pointer;background-color:#333!important;color:#fff!important}.panel_google_map_title.active{background-color:#333;color:#fff}.panel_block{height:0}.map_canvas{width:100%}.map_canvas>div{font-size:0}.gm-style-iw{overflow:hidden!important}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} body {
padding: 0px;
margin: 0px;
background: #fff;
}
body, input, textarea {
font: 14px 'Open Sans', sans-serif;
font-weight: normal;
font-style: normal;
line-height: 23px;
color: #727272;
} h1, 
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #2a363f;
letter-spacing: 0.5px;
}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a { 
color: inherit;
}
h1 { 
font-size: 35px; 
line-height: 35px;
margin-bottom: 30px;
}
h2 { 
font-size: 27px; 
line-height: 32px;
margin-bottom: 20px;
}
h3 { 
font-size: 21px; 
line-height: 28px;
margin-bottom: 18px;
}
h4 { 
font-size: 18px; 
line-height: 25px;
margin-bottom: 10px;
font-style: normal;
}
h5 { 
font-size: 16px; 
line-height: 23px;
margin-bottom: 12px;
font-style: normal;
}
h6 { 
font-size: 14px; 
line-height: 23px;
margin-bottom: 12px;
font-style: normal;
}
h1 strong {
font-weight: 900;
display: block;
}
h1 em {
display: block;
font-size: 16px;
color: #999;
font-weight: 300;
font-style: normal;
text-transform: none;
margin-top: 3px;
}
h1.light, 
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
font-weight: 300;
} p {
font: 14px 'Open Sans', sans-serif;
font-weight: normal;
line-height: 23px;
} a {
color: #86c724;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #454545;
}
.sitecolor {
color: #86c724;
}
.white {
color: #fff;
}
.caps {
text-transform: uppercase;
}
.gray {
color: #999;
font-weight: 400;
}
.dark {
color: #2a363f;
font-weight: 400;
}
.bigtfont {
font-size: 16px;
line-height: 27px;
}
ul.defaulf {
list-style: inherit;
margin: 0 0 0 14px;
}
ul.defaulf li {
list-style: inherit;
padding: 4px 0 4px 2px;
}
ul, ol {
margin: 0 0 20px 0;
list-style-position: inside;
}
ul {
list-style: none;
}
ul li {
list-style: none;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
margin: 20px 0 20px 36px;
font-size: 16px;
border-left: 5px solid #e54c4c;
padding: 5px 20px 5px 20px;
font-family: 'Open Sans' !important;
font-weight: normal;
color: #454545;
}
pre {
background: #f4f4f4;
font-size: 13px;
font: 13px 'Open Sans', sans-serif;
line-height: 1.5;
margin-bottom: 40px;
overflow: auto;
padding: 0.75em 20px;
}
code, kbd {
font-size: 13px;
font: 13px 'Open Sans', sans-serif;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 40px;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
.dropcap {
display:block;
float:left;
font-size:45px;
padding:0;
margin: 0;
margin:15px 8px 0 0;
text-transform: uppercase;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }/*\*/* html .clearfix { height: 1%; }
.clearfix { display: block; }/**/{
height:1%;
}
.clearfix
{
display:block;
} .less1 {
width: 75%;
margin: 0 auto;
}
.less2 {
width: 50%;
margin: 0 auto;
}
.less3 {
width: 60%;
margin: 0 auto;
}
.less4 {
width: 45%;
margin: 0 auto;
}
.less5 {
width: 85%;
margin: 0 auto;
}
.less6 {
width: 70%;
margin: 0 auto;
} .margin_top1 {
float: left;
width: 100%;
margin-top: 10px;
}
.margin_top2 {
float: left;
width: 100%;
margin-top: 20px;
}
.margin_top3 {
float: left;
width: 100%;
margin-top: 30px;
}
.margin_top4 {
float: left;
width: 100%;
margin-top: 40px;
}
.margin_top5 {
float: left;
width: 100%;
margin-top: 50px;
}
.margin_top6 {
float: left;
width: 100%;
margin-top: 60px;
}
.margin_top7 {
float: left;
width: 100%;
margin-top: 70px;
}
.margin_top8 {
float: left;
width: 100%;
margin-top: 80px;
}
.margin_top9 {
float: left;
width: 100%;
margin-top: 90px;
}
.margin_top10 {
float: left;
width: 100%;
margin-top: 100px;
}
.margin_top11 {
float: left;
width: 100%;
margin-top: 110px;
}
.margin_top12 {
float: left;
width: 100%;
margin-top: 120px;
}
.margin_top13 {
float: left;
width: 100%;
margin-top: 130px;
}
.margin_top14 {
float: left;
width: 100%;
margin-top: 140px;
}
.margin_top15 {
float: left;
width: 100%;
margin-top: 150px;
}
.margin_top16 {
float: left;
width: 100%;
margin-top: 160px;
}
.margin_top17 {
float: left;
width: 100%;
margin-top: 170px;
}
.margin_top18 {
float: left;
width: 100%;
margin-top: 180px;
}
.margin_bottom1 {
margin-bottom: 10px;
}
.margin_bottom2 {
margin-bottom: 20px;
}
.margin_bottom3 {
margin-bottom: 30px;
}
.margin_bottom4 {
margin-bottom: 40px;
}
.margin_bottom5 {
margin-bottom: 50px;
}
.margin_bottom6 {
margin-bottom: 60px;
}
.margin_bottom7 {
margin-bottom: 70px;
}
.margin_bottom8 {
margin-bottom: 80px;
}
.margin_bottom9 {
margin-bottom: 90px;
}
.margin_bottom10 {
margin-bottom: 100px;
}
.margin_bottom11 {
margin-bottom: 110px;
}
.margin_bottom12 {
margin-bottom: 120px;
} .imgleft {
float: left;
}
.imgleft2 {
float: left;
margin-right: 30px;
}
.imgright {
float: right;
}
.alileft {
text-align: left;
}
.alicent {
text-align: center;
}
.aliright {
text-align: right;
} .dncfont1 {
color: #fff;
font-size: 18px;
font-weight: bold;
font-family: 'Dancing Script', cursive;
letter-spacing: 1px;
line-height: 27px;
} .rimg {
width: 100%;
}button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button
}
button[disabled],
html input[disabled] {
cursor: default
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
box-sizing: border-box
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0
}
textarea {
overflow: auto;
vertical-align: top
} @media print {
* {
color: #000!important;
text-shadow: none!important;
background: transparent!important;
box-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href)")"
}
abbr[title]:after {
content: " (" attr(title)")"
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
@page{margin:2cm .5cm
} select {
background: #fff!important
}
.navbar {
display: none;
}
.table td,
.table th {
background-color: #fff!important
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000!important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd!important
}
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4
}
@media(min-width:768px){
.lead {
font-size: 21px
}
}
@media(min-width:768px){.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: ""
}
.dl-horizontal dd:after {
clear: both
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: ""
}
.dl-horizontal dd:after {
clear: both
}
}
abbr[title],
abbr[data-original-title] {
cursor:help;
border-bottom:1px dotted #999
}
abbr.initialism {
font-size:90%;
text-transform:uppercase
} address {
margin-bottom:20px;
font-style:normal;
line-height:1.428571429
}
code,
kbd,
pre,
samp {
font-family:Monaco,
Menlo,
Consolas,
"Courier New",
monospace
}
code {
padding:2px 4px;
font-size:90%;
color:#c7254e;
white-space:nowrap;
background-color:#f9f2f4;
border-radius:4px
}
pre {
display:block;
padding:9.5px;
margin:0 0 10px;
font-size:13px;
line-height:1.428571429;
color:#333;
word-break:break-all;
word-wrap:break-word;
background-color:#f5f5f5;
border:1px solid #ccc;
border-radius:4px
}
pre code {
padding:0;
font-size:inherit;
color:inherit;
white-space:pre-wrap;
background-color:transparent;
border-radius:0
}
.pre-scrollable {
max-height:340px;
overflow-y:scroll
}
.container {
padding-right:0px;
padding-left:0px;
margin-right:auto;
margin-left:auto
}
.container:before,
.container:after {
display:table;
content:""
}
.container:after {
clear:both
}
.container:before,
.container:after {
display:table;
content:""
}
.container:after {
clear:both
}
.row {
margin-right:-15px;
margin-left:-15px;
margin-top: -10px;
}
.row:before,
.row:after {
display:table;
content:""
}
.row:after {
clear:both
}
.row:before,
.row:after {
display:table;
content:""
}
.row:after {
clear:both
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position:relative;
min-height:1px;
padding-right:15px;
padding-left:15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
float:left
}
.col-xs-12 {
width:100%
}
.col-xs-11 {
width: 91.66666666666666%
}
.col-xs-10 {
width: 83.33333333333334%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666666666666%
}
.col-xs-7 {
width: 58.333333333333336%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666666666667%
}
.col-xs-4 {
width: 33.33333333333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.666666666666664%
}
.col-xs-1 {
width: 8.333333333333332%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666666666666%
}
.col-xs-pull-10 {
right: 83.33333333333334%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666666666666%
}
.col-xs-pull-7 {
right: 58.333333333333336%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666666666667%
}
.col-xs-pull-4 {
right: 33.33333333333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.666666666666664%
}
.col-xs-pull-1 {
right: 8.333333333333332%
}
.col-xs-pull-0 {
right: 0
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666666666666%
}
.col-xs-push-10 {
left: 83.33333333333334%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666666666666%
}
.col-xs-push-7 {
left: 58.333333333333336%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666666666667%
}
.col-xs-push-4 {
left: 33.33333333333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.666666666666664%
}
.col-xs-push-1 {
left: 8.333333333333332%
}
.col-xs-push-0 {
left: 0
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666666666666%
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666666666666%
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.666666666666664%
}
.col-xs-offset-1 {
margin-left: 8.333333333333332%
}
.col-xs-offset-0 {
margin-left: 0
}
@media(min-width:1000px){.container{width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666666666666%}.col-sm-10{width:83.33333333333334%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.666666666666664%}.col-sm-1{width:8.333333333333332%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666666666666%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666666666666%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.container{width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.container{width:1170px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666666666666%}.col-lg-10{width:83.33333333333334%}.col-lg-9{width:75%}.col-lg-8{width:66.66666666666666%}.col-lg-7{width:58.333333333333336%}.col-lg-6{width:50%}.col-lg-5{width:41.66666666666667%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.666666666666664%}.col-lg-1{width:8.333333333333332%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666666666666%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666666666666%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-0{margin-left:0}} .table {
width: 100%;
margin-bottom: 20px
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 5px
}
.table-bordered {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
background-color: #f3f3f3
}
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
background-color: #f5f5f5
}
table col[class*="col-"] {
display: table-column;
float: none
}
table td[class*="col-"],
table th[class*="col-"] {
display: table-cell;
float: none
}
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
background-color: #f5f5f5
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
background-color: #dff0d8
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th {
background-color: #d0e9c6
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
background-color: #f2dede
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th {
background-color: #ebcccc
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
background-color: #fcf8e3
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th {
background-color: #faf2cc
}
@media(max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd;
-ms-overflow-style:-ms-autohiding-scrollbar;
-webkit-overflow-scrolling:touch
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0
}
}
fieldset {
padding:0;
margin:0;
border:0
}
legend {
display:block;
width:100%;
padding:0;
margin-bottom:20px;
font-size:21px;
line-height:inherit;
color:#333;
border:0;
border-bottom:1px solid #e5e5e5
}
label {
display:inline-block;
margin-bottom:5px;
font-weight:bold
}
input[type="search"] {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
input[type="radio"],
input[type="checkbox"] {
margin:4px 0 0;
margin-top:1px \9;
line-height:normal
}
input[type="file"] {
display:block
}
select[multiple],
select[size] {
height:auto
}
select optgroup {
font-family:inherit;
font-size:inherit;
font-style:inherit
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
height:auto
}
output {
display:block;
padding-top:7px;
font-size:14px;
line-height:1.428571429;
color:#555;
vertical-align:middle
}
.form-control {
display:block;
width:100%;
height:34px;
padding:6px 12px;
font-size:14px;
line-height:1.428571429;
color:#555;
vertical-align:middle;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075);
box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075);
-webkit-transition:border-color ease-in-out .15s,
box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,
box-shadow ease-in-out .15s
}
.form-control:focus {
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075),
0 0 8px rgba(102,
175,
233,
0.6);
box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075),
0 0 8px rgba(102,
175,
233,
0.6)
}
.form-control:-moz-placeholder {
color:#999
}
.form-control::-moz-placeholder {
color:#999
}
.form-control:-ms-input-placeholder {
color:#999
}
.form-control::-webkit-input-placeholder {
color:#999
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor:not-allowed;
background-color:#eee
}
textarea.form-control {
height:auto
}
.form-group {
margin-bottom:15px
}
.radio,
.checkbox {
display:block;
min-height:20px;
padding-left:20px;
margin-top:10px;
margin-bottom:10px;
vertical-align:middle
}
.radio label,
.checkbox label {
display:inline;
margin-bottom:0;
font-weight:normal;
cursor:pointer
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
float:left;
margin-left:-20px
}
.radio+.radio,
.checkbox+.checkbox {
margin-top:-5px
}
.radio-inline,
.checkbox-inline {
display:inline-block;
padding-left:20px;
margin-bottom:0;
font-weight:normal;
vertical-align:middle;
cursor:pointer
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
margin-top:0;
margin-left:10px
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor:not-allowed
}
.input-sm {
height:30px;
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
select.input-sm {
height:30px;
line-height:30px
}
textarea.input-sm {
height:auto
}
.input-lg {
height:45px;
padding:10px 16px;
font-size:18px;
line-height:1.33;
border-radius:6px
}
select.input-lg {
height:45px;
line-height:45px
}
textarea.input-lg {
height:auto
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
color:#c09853
}
.has-warning .form-control {
border-color:#c09853;
-webkit-box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075);
box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075)
}
.has-warning .form-control:focus {
border-color:#a47e3c;
-webkit-box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075),
0 0 6px #dbc59e;
box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075),
0 0 6px #dbc59e
}
.has-warning .input-group-addon {
color:#c09853;
background-color:#fcf8e3;
border-color:#c09853
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color:#b94a48
}
.has-error .form-control {
border-color:#b94a48;
-webkit-box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075);
box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075)
}
.has-error .form-control:focus {
border-color:#953b39;
-webkit-box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075),
0 0 6px #d59392;
box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075),
0 0 6px #d59392
}
.has-error .input-group-addon {
color:#b94a48;
background-color:#f2dede;
border-color:#b94a48
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color:#468847
}
.has-success .form-control {
border-color:#468847;
-webkit-box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075);
box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075)
}
.has-success .form-control:focus {
border-color:#356635;
-webkit-box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075),
0 0 6px #7aba7b;
box-shadow:inset 0 1px 1px rgba(0,
0,
0,
0.075),
0 0 6px #7aba7b
}
.has-success .input-group-addon {
color:#468847;
background-color:#dff0d8;
border-color:#468847
}
.form-control-static {
margin-bottom:0
}
.help-block {
display:block;
margin-top:5px;
margin-bottom:10px;
color:#737373
}
@media(min-width:768px){.form-inline .form-group {
display:inline-block;
margin-bottom:0;
vertical-align:middle
}
.form-inline .form-control {
display:inline-block
}
.form-inline .radio,
.form-inline .checkbox {
display:inline-block;
padding-left:0;
margin-top:0;
margin-bottom:0
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float:none;
margin-left:0
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top:7px;
margin-top:0;
margin-bottom:0
}
.form-horizontal .form-group {
margin-right:-15px;
margin-left:-15px
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display:table;
content:""
}
.form-horizontal .form-group:after {
clear:both
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display:table;
content:""
}
.form-horizontal .form-group:after {
clear:both
}
.form-horizontal .form-control-static {
padding-top:7px
}
@media(min-width:768px){.form-horizontal .control-label {
text-align:right
}
}
.btn {
display:inline-block;
padding:6px 12px;
margin-bottom:0;
font-size:14px;
font-weight:normal;
line-height:1.428571429;
text-align:center;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
background-image:none;
border:1px solid transparent;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
min-width:80px;
}
.btn:focus {
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.btn:hover,
.btn:focus {
color:#333;
text-decoration:none
}
.btn:active,
.btn.active {
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 3px 5px rgba(0,
0,
0,
0.125);
box-shadow:inset 0 3px 5px rgba(0,
0,
0,
0.125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events:none;
cursor:not-allowed;
opacity:.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
box-shadow:none
}
.btn-default {
color:#333;
background-color:#fff;
border-color:#ccc
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color:#333;
background-color:#ebebeb;
border-color:#adadad
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image:none
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color:#fff;
border-color:#ccc
}
.btn-primary {
color:#fff;
background-color:#428bca;
border-color:#357ebd
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color:#fff;
background-color:#3276b1;
border-color:#285e8e
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image:none
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color:#428bca;
border-color:#357ebd
}
.btn-warning {
color:#fff;
background-color:#f0ad4e;
border-color:#eea236
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color:#fff;
background-color:#ed9c28;
border-color:#d58512
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image:none
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color:#f0ad4e;
border-color:#eea236
}
.btn-danger {
color:#fff;
background-color:#d9534f;
border-color:#d43f3a
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color:#fff;
background-color:#d2322d;
border-color:#ac2925
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image:none
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color:#d9534f;
border-color:#d43f3a
}
.btn-success {
color:#fff;
background-color:#5cb85c;
border-color:#4cae4c
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color:#fff;
background-color:#47a447;
border-color:#398439
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image:none
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color:#5cb85c;
border-color:#4cae4c
}
.btn-info {
color:#fff;
background-color:#5bc0de;
border-color:#46b8da
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color:#fff;
background-color:#39b3d7;
border-color:#269abc
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image:none
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color:#5bc0de;
border-color:#46b8da
}
.btn-link {
font-weight:normal;
color:#428bca;
cursor:pointer;
border-radius:0
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color:transparent;
-webkit-box-shadow:none;
box-shadow:none
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color:transparent
}
.btn-link:hover,
.btn-link:focus {
color:#2a6496;
text-decoration:underline;
background-color:transparent
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color:#999;
text-decoration:none
}
.btn-lg {
padding:10px 16px;
font-size:18px;
line-height:1.33;
border-radius:6px
}
.btn-sm,
.btn-xs {
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
.btn-xs {
padding:1px 5px
}
.btn-block {
display:block;
width:100%;
padding-right:0;
padding-left:0
}
.btn-block+.btn-block {
margin-top:5px
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width:100%
}
.fade {
opacity:0;
-webkit-transition:opacity .15s linear;
transition:opacity .15s linear
}
.fade.in {
opacity:1
}
.collapse {
display:none
}
.collapse.in {
display:block
}
.collapsing {
position:relative;
height:0;
overflow:hidden;
-webkit-transition:height .35s ease;
transition:height .35s ease
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-bottom: 0 dotted;
border-left: 4px solid transparent
}
.dropdown {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 0px 0;
margin: 2px 0 0;
font-size: 13px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.menu_main2 .dropdown-menu.pull-right {
left: 0;
right: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #272727;
white-space: nowrap;
transition: all 0.3s ease;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
color: #454545;
text-decoration: none;
background-color: #f3f3f3;
-webkit-transition: background-color .3s, -webkit-transform .3s;
transition: background-color .3s, transform .3s;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
background-color: #428bca;
outline: 0
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #999
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #999
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0 dotted;
border-bottom: 4px solid #000;
content: ""
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px
}
@media(min-width:1000px){.navbar-right .dropdown-menu {
right: 0;
left: auto
}
}
.btn-default .caret {
border-top-color: #333
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
border-top-color: #fff
}
.dropup .btn-default .caret {
border-bottom-color: #333
}
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
border-bottom-color: #fff
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
float: left
}
.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
z-index: 2
}
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus {
outline: 0
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px
}
.btn-toolbar:before,
.btn-toolbar:after {
display: table;
content: ""
}
.btn-toolbar:after {
clear: both
}
.btn-toolbar:before,
.btn-toolbar:after {
display: table;
content: ""
}
.btn-toolbar:after {
clear: both
}
.btn-toolbar .btn-group {
float: left
}
.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn-group+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn-group {
margin-left: 5px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0
}
.btn-group>.btn:first-child {
margin-left: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group>.btn-group {
float: left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:last-child>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group-xs>.btn {
padding: 5px 10px;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-group-sm>.btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-group-lg>.btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px
}
.btn-group>.btn+.dropdown-toggle {
padding-right: 8px;
padding-left: 8px
}
.btn-group>.btn-lg+.dropdown-toggle {
padding-right: 12px;
padding-left: 12px
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none
}
.btn .caret {
margin-left: 0
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
display: block;
float: none;
width: 100%;
max-width: 100%
}
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
display: table;
content: ""
}
.btn-group-vertical>.btn-group:after {
clear: both
}
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
display: table;
content: ""
}
.btn-group-vertical>.btn-group:after {
clear: both
}
.btn-group-vertical>.btn-group>.btn {
float: none
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group-vertical>.btn-group:first-child>.btn:last-child,
.btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-justified {
display: table;
width: 100%;
border-collapse: separate;
table-layout: fixed
}
.btn-group-justified .btn {
display: table-cell;
float: none;
width: 1%
}
[data-toggle="buttons"]>.btn>input[type="radio"],
[data-toggle="buttons"]>.btn>input[type="checkbox"] {
display: none
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group.col {
float: none;
padding-right: 0;
padding-left: 0
}
.input-group .form-control {
width: 100%;
margin-bottom: 0
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
height: 45px;
line-height: 45px
}
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
height: auto
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
height: 30px;
line-height: 30px
}
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
height: auto
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
white-space: nowrap
}
.input-group-btn:first-child>.btn {
margin-right: -1px
}
.input-group-btn:last-child>.btn {
margin-left: -1px
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn+.btn {
margin-left: -4px
}
.input-group-btn>.btn:hover,
.input-group-btn>.btn:active {
z-index: 2
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav:before,
.nav:after {
display: table;
content: ""
}
.nav:after {
clear: both
}
.nav:before,
.nav:after {
display: table;
content: ""
}
.nav:after {
clear: both
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 18px
}
ul.nav .dropdown li a em {
color: #fff;
background: #9eca45;
font-style: normal;
padding: 3px 5px 2px 5px;
border-radius: 1px;
margin-left: 3px;
text-transform: uppercase;
font-size: 9px;
} .nav>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background: transparent;
}
.nav>li.disabled>a {
color: #999
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
color: #999;
text-decoration: none;
cursor: not-allowed;
background-color: transparent
} .nav .open>a .caret,
.nav .open>a:hover .caret,
.nav .open>a:focus .caret {
border-top-color: #2a6496;
border-bottom-color: #2a6496
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified>li {
float: none
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 5px;
text-align: center
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media(min-width:1000px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd
}
@media(min-width:1000px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;
border-radius:4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
border-bottom-color:#fff
}
}
.nav-pills>li {
float:left
}
.nav-pills>li>a {
border-radius:4px
}
.nav-pills>li+li {
margin-left:2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color:#fff;
background-color:#428bca
}
.nav-pills>li.active>a .caret,
.nav-pills>li.active>a:hover .caret,
.nav-pills>li.active>a:focus .caret {
border-top-color:#fff;
border-bottom-color:#fff
}
.nav-stacked>li {
float:none
}
.nav-stacked>li+li {
margin-top:2px;
margin-left:0
}
.nav-justified {
width:100%
}
.nav-justified>li {
float:none
}
.nav-justified>li>a {
margin-bottom:5px;
text-align:center
}
.nav-justified>.dropdown .dropdown-menu {
top:auto;
left:auto
}
@media(min-width:1000px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd
}
@media(min-width:1000px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;
border-radius:4px 4px 0 0
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
border-bottom-color:#fff
}
}
.tab-content>.tab-pane {
display:none
}
.tab-content>.active {
display:block
}
.nav .caret {
border-top-color:#428bca;
border-bottom-color:#428bca
}
.nav a:hover .caret {
border-top-color:#2a6496;
border-bottom-color:#2a6496
}
.nav-tabs .dropdown-menu {
margin-top:-1px;
border-top-right-radius:0;
border-top-left-radius:0
}
.navbar {
position:relative;
margin-bottom:0px;
border:0px solid transparent
}
.navbar:before,
.navbar:after {
display: table;
content: ""
}
.navbar:after {
clear: both
}
.navbar:before,
.navbar:after {
display: table;
content: ""
}
.navbar:after {
clear: both
}
@media(min-width:1000px){.navbar{ }}.navbar-header:before,.navbar-header:after{display:table;content:""}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:""}.navbar-header:after{clear:both}@media(min-width:1000px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;
box-shadow:inset 0 1px 0 rgba(255,
255,
255,
0.1);
-webkit-overflow-scrolling:touch
}
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: ""
}
.navbar-collapse:after {
clear: both
}
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: ""
}
.navbar-collapse:after {
clear: both
}
.navbar-collapse.in {
overflow-y: auto
} .menu_main2 .navbar-collapse.in {
overflow-y: auto; }
@media(min-width:1000px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:auto}.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -15px
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0
}
}
.container>.navbar-header,
.container>.navbar-collapse {
margin-right:-15px;
margin-left:-15px
}
@media(min-width:1000px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0; }}.navbar-static-top{z-index:1000;border-width:0 0 1px
}
@media(min-width:1000px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media(min-width:1000px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px
}
.navbar-fixed-bottom {
bottom:0;
margin-bottom:0;
border-width:1px 0 0
}
.navbar-brand {
float:left;
padding:15px 15px;
font-size:18px;
line-height:20px
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration:none
}
@media(min-width:1000px){.navbar>.container .navbar-brand {
margin-left:-15px
}
}
.navbar-toggle {
position:relative;
float:right;
padding:9px 10px;
margin-top:8px;
margin-right:15px;
margin-bottom:8px;
background-color:transparent;
border:1px solid transparent;
border-radius:4px
}
.navbar-toggle .icon-bar {
display:block;
width:22px;
height:2px;
border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top:4px
}
@media(min-width:1000px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px
}
.navbar-nav>li>a {
padding-top:0px;
padding-bottom:0px;
line-height:25px
}
@media(max-width:1000px){.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
box-shadow:none
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding:5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height:20px
}
.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus {
background-image:none
}
}
@media(min-width:1000px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:1000px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;
margin-top:8px;
margin-right:-15px;
margin-bottom:8px;
margin-left:-15px;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
-webkit-box-shadow:inset 0 1px 0 rgba(255,
255,
255,
0.1),
0 1px 0 rgba(255,
255,
255,
0.1);
box-shadow:inset 0 1px 0 rgba(255,
255,
255,
0.1),
0 1px 0 rgba(255,
255,
255,
0.1)
}
@media(min-width:1000px){.navbar-form .form-group {
display:inline-block;
margin-bottom:0;
vertical-align:middle
}
.navbar-form .form-control {
display:inline-block
}
.navbar-form .radio,
.navbar-form .checkbox {
display:inline-block;
padding-left:0;
margin-top:0;
margin-bottom:0
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
float:none;
margin-left:0
}
}
@media(max-width:767px){.navbar-form .form-group {
margin-bottom:5px
}
}
@media(min-width:1000px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:-4px;border-radius:0;}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
border-radius:0;
}
.navbar-nav.pull-right>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu.pull-right {
right:0;
left:auto
}
.navbar-btn {
margin-top:8px;
margin-bottom:8px
}
.navbar-text {
float:left;
margin-top:15px;
margin-bottom:15px
}
@media(min-width:1000px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{}.navbar-default .navbar-brand {
color:#777
}
.clearfix:before,
.clearfix:after {
display: table;
content: ""
}
.clearfix:after {
clear: both
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none;
}
.show {
display: block!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none!important;
visibility: hidden!important
}
.affix {
position: fixed
}
@-ms-viewport{width:device-width}.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px) {
.visible-xs.visible-sm {
display: block!important
}
tr.visible-xs.visible-sm {
display: table-row!important
}
th.visible-xs.visible-sm,
td.visible-xs.visible-sm {
display: table-cell!important
}
}
@media(min-width:992px) and (max-width:1199px) {
.visible-xs.visible-md {
display: block!important
}
tr.visible-xs.visible-md {
display: table-row!important
}
th.visible-xs.visible-md,
td.visible-xs.visible-md {
display: table-cell!important
}
}
@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px) {
.visible-sm {
display: block!important
}
tr.visible-sm {
display: table-row!important
}
th.visible-sm,
td.visible-sm {
display: table-cell!important
}
}
@media(min-width:992px) and (max-width:1199px) {
.visible-sm.visible-md {
display: block!important
}
tr.visible-sm.visible-md {
display: table-row!important
}
th.visible-sm.visible-md,
td.visible-sm.visible-md {
display: table-cell!important
}
}
@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px) {
.visible-md.visible-sm {
display: block!important
}
tr.visible-md.visible-sm {
display: table-row!important
}
th.visible-md.visible-sm,
td.visible-md.visible-sm {
display: table-cell!important
}
}
@media(min-width:992px) and (max-width:1199px) {
.visible-md {
display: block!important
}
tr.visible-md {
display: table-row!important
}
th.visible-md,
td.visible-md {
display: table-cell!important
}
}
@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px) {
.visible-lg.visible-sm {
display: block!important
}
tr.visible-lg.visible-sm {
display: table-row!important
}
th.visible-lg.visible-sm,
td.visible-lg.visible-sm {
display: table-cell!important
}
}
@media(min-width:992px) and (max-width:1199px) {
.visible-lg.visible-md {
display: block!important
}
tr.visible-lg.visible-md {
display: table-row!important
}
th.visible-lg.visible-md,
td.visible-lg.visible-md {
display: table-cell!important
}
}
@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px) {
.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm {
display: none!important
}
}
@media(min-width:992px) and (max-width:1199px) {
.hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md {
display: none!important
}
}
@media(min-width:1200px){.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px) {
.hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
display: none!important
}
}
@media(min-width:992px) and (max-width:1199px) {
.hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md {
display: none!important
}
}
@media(min-width:1200px){.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px) {
.hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm {
display: none!important
}
}
@media(min-width:992px) and (max-width:1199px) {
.hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
display: none!important
}
}
@media(min-width:1200px){.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px) {
.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm {
display: none!important
}
}
@media(min-width:992px) and (max-width:1199px) {
.hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md {
display: none!important
}
}
@media(min-width:1200px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media print {
.visible-print {
display: block!important
}
tr.visible-print {
display: table-row!important
}
th.visible-print,
td.visible-print {
display: table-cell!important
}
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print {
display: none!important
}
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
.nav>li>a {
padding-left: 8px;
padding-right: 8px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.navbar {
border:1px solid transparent
}
}
@media only screen and (max-width: 479px){
.navbar {
border:1px solid transparent
}
}.dark_gradient {
background-image: -moz-linear-gradient(top,#333,#222);
background-image: -ms-linear-gradient(top,#333,#222);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#333),to(#222));
background-image: -webkit-linear-gradient(top,#333,#222);
background-image: -o-linear-gradient(top,#333,#222);
background-image: linear-gradient(top,#333,#222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#222222',GradientType=0)
}
.light_gradient {
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#eee));
background-image: -webkit-linear-gradient(top,#f8f8f8,#eee);
background-image: -moz-linear-gradient(top,#f8f8f8,#eee);
background-image: -o-linear-gradient(top,#f8f8f8,#eee);
background-image: -ms-linear-gradient(top,#f8f8f8,#eee);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f8f8f8',EndColorStr='#eeeeee')
}
.box_sizing {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.box_shadow {
-webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0
}
.inset_box_shadow {
-webkit-box-shadow: 0 0 8px rgba(255,255,255,0.8) inset;
-moz-box-shadow: 0 0 8px rgba(255,255,255,0.8) inset;
box-shadow: 0 0 8px rgba(255,255,255,0.8) inset
}
.no_border_radius {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
img {
max-width: 100%;
height: auto
}
.fl {
float: left
}
.fr {
float: right
}
.first {
margin-left: 0!important
}
.last {
margin-right: 0!important
}
.alignleft {
float: left;
margin: .5em 20px .5em 0
}
.alignright {
float: right;
margin: .5em 0 .5em 20px
}
.aligncenter {
display: block;
float: none;
margin-top: .5em;
margin-right: auto!important;
margin-bottom: .5em;
margin-left: auto!important
}
.alignnone {
margin-top: .5em;
margin-bottom: .5em
}
[class*="span"].post {
float: none;
margin-left: 0
}
.blog table .label {
display: block;
border-radius: 0;
background: #f1f1f1;
color: #444
}
.blog  table td.label a {
color: #444;
text-shadow: none
}
.fademe img,a img {
opacity: 1;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out
}
.fademe img:hover,.site-content a img:hover {
opacity: .5
}
.form-allowed-tags code {
float: left;
margin: 8px 0 12px 0
}
.inline-grid {
display: block;
overflow: hidden
}
.inline-grid>li {
display: block;
float: left;
height: auto
}
.inline-grid.two-up {
margin-left: -4%
}
.inline-grid.two-up>li {
margin-bottom: 4%;
margin-left: 4%;
width: 46%
}
.inline-grid.two-up>li:nth-child(2n+1) {
clear: left
}
.inline-grid.three-up {
margin-left: -2%
}
.inline-grid.three-up>li {
margin-bottom: 2%;
margin-left: 2%;
width: 31.2%
}
.inline-grid.three-up>li:nth-child(3n+1) {
clear: left
}
.inline-grid.four-up {
margin-left: -2%
}
.inline-grid.four-up>li {
margin-bottom: 2%;
margin-left: 2%;
width: 23%
}
.inline-grid.four-up>li:nth-child(4n+1) {
clear: left
}
.inline-grid.five-up {
margin-left: -1.5%
}
.inline-grid.five-up>li {
margin-bottom: 1.5%;
margin-left: 1.5%;
width: 18.5%
}
.inline-grid.five-up>li:nth-child(5n+1) {
clear: left
}
.format-video .entry-content .video-player {
padding: 0
}
abbr,tla,acronym {
text-decoration: underline;
cursor: help
}
cite,q {
font-style: italic
}
ins {
background-color: rgba(254,255,0,0.68);
text-decoration: none
}
pre {
margin-bottom: 20px
}
.dropdown.open .dropdown-toggle {
background: 0;
color: #888
}
#head-wrapper {
position: relative;
overflow: hidden
}
#hgroup {
position: relative;
padding: 20px 0 20px
}
#site-title,#site-title a {
margin-bottom: 0;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 32px;
line-height: 1
}
#site-title a:hover,#site-title a:focus,#site-title a:active {
color: #454545
}
#site-description {
color: #7a7a7a;
font-size: 14px
}
#header-image img,#header-image a img {
max-width: 100%;
width: auto;
height: auto;
opacity: 1
}
#header-image h1,#header-image p {
margin: 0;
padding: 0
}
#header-image h1 a,#header-image p a {
display: block
}
.post,#comments,#pings,#no-comments,#respond {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 20px 0;
}
.post-header .thumbnail {
margin-top: 0;
margin-bottom: 0
}
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2
}
.post .entry-content h1,.post .entry-content h2,.post .entry-content h3,.post .entry-content h4,.post .entry-content h5,.post .entry-content h6 {
margin-bottom: 10px;
line-height: 140%
}
.post-header-meta {
margin: 0;
color: #999
}
.post-title a,.post-title a:visited {
color: #444
}
.post-title a:hover,.post-title a:active {
color: #888;
text-decoration: none
}
.post p {
}
.entry-content>ol,.entry-content>ul {
margin: 0 0 20px 45px;
font-size: 16px;
line-height: 1.5;
list-style: inherit;
}
.post li {
line-height: 1.5;
list-style: inherit;
}
.entry-content img {
max-width: 100%;
height: auto
}
.entry-content .wp-caption {
margin: 0 0 20px 0;
padding-top: 4px;
max-width: 100%;
border: 1px solid #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-image: initial;
background-color: #f8f8f8;
text-align: center
}
.entry-content .wp-caption.alignleft {
margin-right: 20px
}
.entry-content .wp-caption.alignright {
margin-left: 20px
}
.entry-content .wp-caption img {
max-width: 98%;
height: auto
}
.gallery-caption {
margin: 10px 0
}
p.wp-caption-text {
margin-bottom: 0;
color: #888;
font-size: 11px
}
.blog #main table {
margin: 20px 0;
width: 100%;
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.blog  #main table th,.blog #main table td {
padding: 8px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
vertical-align: top;
text-align: left;
line-height: 18px
}
.blog #main table thead:first-child tr:first-child th,.blog #main table tbody:first-child tr:first-child th,.blog #main table tbody:first-child tr:first-child td {
border-top: 0
}
#main table thead:first-child tr:first-child th:first-child,#main table tbody:first-child tr:first-child td:first-child {
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
border-radius: 4px 0 0 0
}
#main table thead:first-child tr:first-child th:last-child,#main table tbody:first-child tr:first-child td:last-child {
-webkit-border-radius: 0 4px 0 0;
-moz-border-radius: 0 4px 0 0;
border-radius: 0 4px 0 0
}
#main table thead:last-child tr:last-child th:first-child,#main table tbody:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px
}
#main table thead:last-child tr:last-child th:last-child,#main table tbody:last-child tr:last-child td:last-child {
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px 0;
border-radius: 0 0 4px 0
}
.post-meta {
padding: 20px 20px 20px;
border-top: 1px solid #eee;
color: #888;
font-size: 12px
}
.post-meta .the-category {
margin-right: 5px
}
.post-meta .the-tags {
padding-left: 20px;
background: url(https://8solutions.de/wp-content/themes/8solutions-v7/assets/css/images/icn-tags.png) no-repeat
}
.post-meta .post-link {
margin-top: -1px;
padding-left: 10px
}
.post-meta .post-link:hover {
text-decoration: none
}
#single-post-nav .pager {
margin-bottom: 20px
}
#single-post-nav .previous-page {
margin-left: 0
}
#single-post-nav .next-page {
margin-left: 20px;
text-align: right
}
#single-post-nav .no-previous-page-link {
margin-left: 0
}
.single-attachment img.attachment-thumbnail {
margin-top: 30px
}
.pager a i {
opacity: .4
}
.pager a:hover i {
opacity: 1
}
.sticky{
box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
padding: 0 30px 30px;
}
.entry-header .entry-format {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
background: #f62459;
padding: 5px 10px;
color: #fff;
display: inline-block;
position: absolute;
right: -1px;
top: -1px;
}  
.pager a,.previous-page a,.next-page a {
color: #999;
font-size: 14px
}
.pager a:hover,.previous-page a:hover,.next-page a:hover {
color: #444;
text-decoration: none;
cursor: pointer
}
.page-link {
}
.page-link span {
font-weight: bold
}
#infinite-handle span {
display: block;
padding-top: 10px;
padding-bottom: 10px
}
.post .thumbnail {
padding: 4px
}
.breadcrumb {
padding: 4px 17px
}
.breadcrumb .active {
display: inline;
max-width: 100%;
width: auto;
word-wrap: break-word
}
.format-image .entry-content {
overflow: hidden;
padding: 0
}
.format-image .post-format-image {
margin-bottom: 20px
}
.format-image img.wp-post-image {
width: 100%
}
.format-image .entry-content img,.format-image .entry-content a {
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding: 0;
width: 100%
}
.format-image .entry-content>* {
margin-right: 20px;
margin-left: 20px
}
.format-image .entry-content ol,.format-image .entry-content ul {
padding-right: 20px;
padding-left: 20px
}
.format-image .entry-content table {
margin-right: 0;
width: 93%
}
.format-image .entry-content .wp-caption {
margin: 0;
padding: 0;
width: 100%!important;
border: 0
}
.format-image .entry-content .wp-caption p.wp-caption-text {
padding-bottom: 20px
}
.format-image .entry-content .wp-caption img {
max-width: 100%;
width: 100%
}
.format-image {
display: block;
overflow: hidden;
margin-bottom: 20px;
max-width: 100%
}
.format-video .video-container,.fluid-width-video-wrapper {
margin-right: 0!important;
margin-bottom: 20px;
margin-left: 0!important;
width: 100%
}
.format-video .entry-content {
padding: 0
}
.format-video .entry-content>* {
margin-right: 20px;
margin-left: 20px
}
.format-video .entry-content *:first-child,.format-video .video-container,.format-video .fluid-width-video-wrapper {
margin-right: 0;
margin-left: 0
}
.format-video .entry-content ol,.format-video .entry-content ul {
padding-right: 20px;
padding-left: 20px
}
.format-video .entry-content table {
margin-right: 0;
width: 93%
}
.post.format-status .post-title {
font-size: 20px
}
.post.format-status .post-header {
margin-bottom: 0;
border-bottom: 0;
background-color: #ebebeb;
background-image: -webkit-gradient(radial,50% 0,100,50% 150%,100,from(#fcfcfc),to(#ebebeb));
background-image: -webkit-radial-gradient(50% 100%,#ebebeb,#fcfcfc);
background-image: -moz-radial-gradient(50% 100%,#ebebeb,#fcfcfc);
background-image: -ms-radial-gradient(50% 100%,#ebebeb,#fcfcfc);
background-image: radial-gradient(50% 100%,#ebebeb,#fcfcfc);
-webkit-box-shadow: inset 0 1px 2px #fff;
-moz-box-shadow: inset 0 1px 2px #fff;
box-shadow: inset 0 1px 2px #fff
}
a.post-permalink:hover {
color: #e0e0e0;
text-decoration: none
}
.post.format-status .post-header .entry-content {
padding: 0;
min-height: 60px
}
.post.format-status .post-avatar img {
margin-bottom: 20px;
width: 100%
}
.post.format-quote .post-title {
font-size: 20px
}
.post.format-quote .post-header {
margin-bottom: 5px;
padding-bottom: 30px;
border-bottom: 0;
background-color: #c0dadf;
background-image: url(https://8solutions.de/wp-content/themes/8solutions-v7/assets/css/images/bg-quote.png);
background-position: left bottom;
background-repeat: no-repeat
}
.post.format-quote .post-header .entry-content {
padding-bottom: 0;
padding-left: 80px;
min-height: 60px;
background-image: url(https://8solutions.de/wp-content/themes/8solutions-v7/assets/css/images/icn-quote-dark.png);
background-repeat: no-repeat
}
.post.format-quote .post-header .entry-content p {
text-shadow: 0 1px 0 rgba(255,255,255,0.3);
font-style: italic;
font-size: 24px;
font-family: Georgia,times,serif;
line-height: 130%
}
.post.format-quote .the-comment-link {
float: right
}
.post.format-link .post-title {
color: #f0f0f0;
font-size: 24px;
line-height: 120%
}
.post.format-link .post-title a {
color: #f0f0f0
}
.post.format-link .post-title a:hover {
color: #999
}
.post.format-link .post-header {
margin-bottom: 0;
border-bottom: 0;
background-color: #28292d;
background-image: -webkit-gradient(linear,left top,left bottom,from(#28292d),to(#07070a));
background-image: -webkit-linear-gradient(top,#28292d,#07070a);
background-image: -moz-linear-gradient(top,#28292d,#07070a);
background-image: -o-linear-gradient(top,#28292d,#07070a);
background-image: -ms-linear-gradient(top,#28292d,#07070a);
background-image: linear-gradient(top,#28292d,#07070a);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#28292d',EndColorStr='#07070a')
}
.post.format-link .post-header .entry-content {
padding-bottom: 20px;
padding-left: 80px;
min-height: 60px;
background-image: url(https://8solutions.de/wp-content/themes/8solutions-v7/assets/css/images/icn-link.png);
background-repeat: no-repeat
}
.post.format-link .the-comment-link {
float: right
}
.post.format-link .link-description {
padding: 20px 20px 0
}
#standard-post-advertisement-image,#standard-post-advertisement-adsense {
margin: 12px 0 12px 0;
text-align: center
}
.home .sticky .post-header {
padding-left: 60px
}
#author-box {
margin-bottom: 20px
}
.author-box-image {
float: left;
margin-right: 20px
}
#author-box .author-link {
display: inline-block;
overflow: hidden;
margin-right: 10px;
padding-left: 18px;
background-image: url(https://8solutions.de/wp-content/themes/8solutions-v7/assets/css/images/icn-author-sprites.png);
background-repeat: no-repeat;
color: #999;
line-height: 1;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out
}
#author-box .author-link:hover {
text-decoration: none;
opacity: .6
}
.author-link.author-posts-url {
background-position: 0 0
}
.author-link.author-url {
background-position: 0 -19px
}
.author-link.icn-twitter {
background-position: 0 -37px
}
.author-link.icn-facebook {
background-position: 0 -58px
}
.author-link.icn-gplus {
background-position: 0 -78px
}
#pings,#no-comments {
padding: 20px
}
#no-comments .title {
color: #444;
font-weight: bold;
font-size: 24px;
line-height: 36px
}
#pings h3 {
margin-bottom: 20px
}
#pings ol.pinglist li {
margin: 20px 0
}
#comments {
margin-bottom: 50px;
clear: both;
}
#comments>h3 {
padding: 20px 20px 0;
line-height: 1
}
#comments>ol,#comments>ul {
margin: 0;
list-style: none
}
#comments>ol>li,#comments>ul.children>li {
width: 100%;
border-collapse: collapse
}
#comments .nopassword {
padding: 20px
}
#comments .comment-container {
padding: 20px 20px;
border-bottom: 1px solid #eee
}
#comments .bypostauthor>.comment-container {
border-right: 5px solid #202020;
background: #f9f9f9
}
#comments .comment-container .avatar-holder {
width: 10%;
float: left
}
#comments .comment-container .avatar-holder img.avatar {
padding: 2px;
border: 1px solid #eee
}
#comments .comment-container .comment-head {
padding-bottom: 10px
}
#comments .comment-container .comment-entry {
margin-left: 2%;
width: 88%;
float: left
}
#comments .comment-container .comment-entry .comment-text {
word-wrap: break-word
}
#comments .comment-container .comment-entry .name {
color: #444
}
#comments .comment-container .comment-entry .date {
color: #999;
font-weight: normal;
font-style: italic;
font-size: 12px
}
#comments .comment-container .comment-head span {
font-weight: bold
}
#comments ol ul.children {
list-style: none
}
#comments>ol>li>ul.children {
margin-left: 20px
}
#comments>ol>li>ul.children>li .comment-container {
border-top: 1px solid #f8f8f8;
border-left: 1px solid #eee
}
#comments>ol>li>ul>li>ul.children {
margin: 0 0 0 20px
}
#respond {
padding: 20px 0;
position: inherit
}
#respond h3#reply-title {
font-size: 18px
}
.comment-container #respond {
padding: 20px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
#comment-form-avatar img {
width: 50px;
height: auto
}
.pre-comment-avatar {
float: left
}
.pre-comment-avatar #gravatar {
padding: 4px;
border: 1px solid #e3e3e3;
background: #fff
}
.pre-comment-avatar.admin-avatar {
margin-right: 10px
}
#cancel-comment-reply-link {
padding: 5px 8px;
font-size: 11px
}
#commentform #comment-form-wrapper {
float: left;
width: 100%
}
#commentform #comment-form-avatar {
float: left
}
#commentform #comment-form-wrapper #comment-form-elements,#commentform #comment-form-wrapper #comment-form-elements-full {
float: right
}
#commentform #comment-form-wrapper #comment-form-elements {
width: 84%
}
#commentform #comment-form-wrapper #comment-form-elements-full {
width: 92%
}
#comment-form-avatar {
padding: 2px;
border: 1px solid #eee
}
#commentform .form-allowed-tags {
cursor: pointer
}
#commentform pre {
display: none;
font-size: 10px
}
#form-inputs {
margin-bottom: 20px
}
#commentform label {
float: left;
width: auto;
color: #777;
text-align: left
}
#commentform .required {
float: left;
color: red
}
#commentform input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 10px;
width: 100%;
height: 32px
}
#commentform textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%
}
#commentform input[type="submit"] {
margin: 0 12px 10px 0
}
.comment-notes,.comment-form-author,.comment-form-email,.comment-form-url,.comment-form-comment {
float: left;
width: 100%
}
.comment-navigation {
padding: 20px
}
.comment-navigation a {
color: #999;
opacity: .6
}
.comment-navigation a:hover {
text-decoration: none;
opacity: 1
}
.comment-navigation i {
opacity: .4
}
.comment-prev-nav,.comment-prev-nav {
float: left
}
.comment-next-nav {
float: right
}
h2#authors,h2#pages,h2#posts {
margin-top: 15px;
margin-bottom: 15px;
padding-left: 35px;
border-bottom: 1px solid #eee;
background: url(https://8solutions.de/wp-content/themes/8solutions-v7/assets/css/images/icn-sitemap.png) no-repeat;
background-position: 0 5px;
font-weight: normal
}
h2#pages {
background-position: 0 -25px
}
h2#posts {
background-position: 0 -52px
}
.sitemap-author-meta {
position: relative;
margin-top: 5px
}
.sitemap-author-meta>img {
padding: 5px;
border: 1px solid #eee;
background: #f9f9f9
}
.sitemap-author-meta>span {
position: absolute;
top: -4px;
left: -4px
}
ul#sitemap-posts {
margin-left: 0
}
ul#sitemap-posts>li {
list-style: none
}
ul#sitemap-posts>li h3 {
margin-bottom: 0;
font-weight: normal
}
ul#sitemap-posts ul {
margin-top: 10px;
margin-bottom: 10px
}
#cse-search-results iframe {
width: 100%;
height: 1080px
}
#offline-wrapper {
display: table;
overflow: hidden;
width: 100%;
height: 800px;
text-align: center
}
#offline-container {
display: table-cell;
vertical-align: middle
}
#offline-content {
position: relative;
top: -50%
}
#offline-wrapper .offline-message {
margin: 20px 0 40px;
padding-bottom: 40px;
border-bottom: 1px solid #e0e0e0
}
#offline-wrapper .offline-message p {
font-weight: 900;
font-size: 48px;
line-height: 1
}
#offline-wrapper #offline-title {
font-size: 18px
}
#offline-wrapper #offline-title small {
color: #888;
font-size: 14px
}
body.error404 {
min-height: 800px
}
#nothing-found {
padding: 40px 0 180px;
text-align: center
}
#nothing-found h1 {
color: #000;
font-size: 8em;
line-height: 100%
}
#nothing-found h1 span {
color: red
}
#nothing-found label {
float: none
}
#search-page-title,#archive-page-title {
margin-bottom: 20px
}
#search-page-title h3,#archive-page-title h3 {
margin-bottom: 0;
color: #999;
font-weight: normal;
font-size: 14px
}
.no-results {
padding: 20px
}
.no-results .entry-content {
padding: 20px 0
}
#footer {
padding: 0;
background: #e0e0e0
}
#footer #footer-widgets {
padding-top: 40px
}
#footer #sub-floor {
padding: 10px 0;
background: #000
}
#footer #footer-links {
float: left
}
#footer #sub-floor #credit {
float: right;
padding: 13px 0;
color: #666;
text-align: right
}
#footer #sub-floor #credit a {
color: #999
}
#footer #sub-floor #credit a:hover {
color: #fff;
text-decoration: none
}
#sidebar .widget {
margin-bottom: 30px
}
.widget_categories ul.children {
padding-left: 5px;
border-left: 1px solid #e0e0e0
}
#footer-widgets .widget {
margin-bottom: 30px
}
.widget label {
float: none;
width: auto
}
.widget h4.widget-title {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e0e0e0;
font-size: 18px;
line-height: 24px
}
.widget h4.widget-title a {
color: #444;
text-decoration: none
}
#footer-widgets .widget h4.widget-title {
border-bottom: 1px solid #999
}
.widget ul {
margin: 0;
padding: 0
}
.widget ul li {
list-style: none
}
.widget ul li a:hover {
color: #999
}
#standard-post-advertisement {
text-align: center
}
#standard-post-advertisement .widget {
margin-bottom: 20px
}
.textwidget img {
max-width: 100%;
height: auto
}
#header-widget .widget_search {
float: right;
padding: 10px;
width: 260px;
background: rgba(255,255,255,0.2)
}
#header-widget .widget_search form,#header-widget .widget_search form input {
margin-bottom: 0
}
#sidebar .widget_search {
margin-bottom: 10px
}
#sidebar .widget_search form {
margin-bottom: 0
}
.widget_search label.screen-reader-text {
padding-top: 0;
padding-right: 5px;
width: 100%;
text-align: left
}
.widget_nav_menu ul.sub-menu {
padding-left: 5px;
border-left: 1px solid #e0e0e0
}
#footer-widgets .widget_nav_menu ul.sub-menu {
border-left-color: #999
}
.widget_rss h3.widget-title a {
color: #444
}
.widget_rss a.rsswidget img {
display: none
}
.widget_rss ul li .rss-date {
font-style: italic;
font-size: 12px
}
.widget_rss ul li .rssSummary {
color: #404040;
font-size: 12px
}
.tagcloud a {
display: inline-block;
margin: 3px 1px;
padding: 4px 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f5f5f5;
}
body #wp-calendar td, body #wp-calendar{
border: none!important;
border-collapse: separate;
}
.entry-content .twitter-tweet-rendered {
max-width: 100%!important
}
.entry-content .sharing {
clear: both
}
.widget_freshposts ul li img {
width: 100%;
height: auto
}
.comment-subscription-form {
clear: both
}
.comment-subscription-form input[type="checkbox"] {
float: left;
margin-right: 10px
}
.jetpack_subscription_widget {
padding: 20px 20px 11px 20px;
border-radius: 5px;
background: #fff
}
.jetpack_subscription_widget form {
margin-bottom: 0
}
.jetpack_subscription_widget label {
font-weight: bold
}
.jetpack_subscription_widget input[type="text"] {
padding: 4px!important;
width: 96%!important
}
.jetpack_subscription_widget input[type="submit"] {
margin-bottom: 0
}
.contact-form>div {
margin-bottom: 15px
}
.contact-form .clear-form {
clear: both
}
.contact-form input[type='text'] {
margin-bottom: 13px
}
.contact-form select {
margin-bottom: 13px
}
.contact-form textarea {
float: none;
margin-bottom: 13px;
width: 97%;
height: 200px
}
.contact-form input[type='radio'],.contact-form input[type='checkbox'] {
margin-bottom: 13px
}
.contact-form label {
display: block;
float: none;
margin-bottom: 3px;
font-weight: bold
}
.contact-form label.checkbox,.contact-form label.radio {
display: inline-block;
float: none;
margin-bottom: 3px;
font-weight: bold
}
.contact-form label span {
margin-left: 4px;
color: #aaa;
font-weight: normal
}
#flickr_badge_wrapper {
border: 0;
background: 0
}
#ie8 .navbar .dropdown-menu .submenu>.dropdown-menu {
display: none
}
#ie8 .navbar .dropdown:hover>.submenu-show {
display: block;
margin-left: 100px
}
#ie8 .thumbnail,#ie8 .thumbnail a,#ie8 .thumbnail a img {
width: auto
}
#ie8 .post-title a {
display: block
}
#ie8 .format-image img {
width: auto\9
}
#ie8 body .entry-content .wp-caption {
background: #f6f6f6
}
#ie8 body .post .thumbnail {
width: 150px;
height: 150px
}
#ie8 body .format-image .entry-content img,#ie8 body .format-image .entry-content a {
min-width: 100%;
max-width: 100%
}
#ie8 body .format-video .entry-content>* {
margin-top: -20px
}
#ie8 body .post.format-status .post-header {
border: 1px solid #f6f6f6
}
#ie8 body #comments .comment-container .avatar-holder {
width: 50px
}
#ie8 body #comment-form-avatar img {
min-width: 50px;
min-height: 50px
}
#ie8 .menu-navigation {
min-height: 40px
}
#ie8 .tiled-gallery-item a {
float: left
}
#ie8 .tiled-gallery-item a img {
float: left;
width: auto
}.fa,
.fas,
.far,
.fal,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em;
}
.fa-xs {
font-size: .75em;
}
.fa-sm {
font-size: .875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul>li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border: solid 0.08em #eee;
border-radius: .1em;
padding: .2em .25em .15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
} .fa-500px:before {
content: "\f26e";
}
.fa-accessible-icon:before {
content: "\f368";
}
.fa-accusoft:before {
content: "\f369";
}
.fa-acquisitions-incorporated:before {
content: "\f6af";
}
.fa-ad:before {
content: "\f641";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-card:before {
content: "\f2bb";
}
.fa-adjust:before {
content: "\f042";
}
.fa-adn:before {
content: "\f170";
}
.fa-adobe:before {
content: "\f778";
}
.fa-adversal:before {
content: "\f36a";
}
.fa-affiliatetheme:before {
content: "\f36b";
}
.fa-air-freshener:before {
content: "\f5d0";
}
.fa-airbnb:before {
content: "\f834";
}
.fa-algolia:before {
content: "\f36c";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-right:before {
content: "\f038";
}
.fa-alipay:before {
content: "\f642";
}
.fa-allergies:before {
content: "\f461";
}
.fa-amazon:before {
content: "\f270";
}
.fa-amazon-pay:before {
content: "\f42c";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-amilia:before {
content: "\f36d";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-android:before {
content: "\f17b";
}
.fa-angellist:before {
content: "\f209";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angry:before {
content: "\f556";
}
.fa-angrycreative:before {
content: "\f36e";
}
.fa-angular:before {
content: "\f420";
}
.fa-ankh:before {
content: "\f644";
}
.fa-app-store:before {
content: "\f36f";
}
.fa-app-store-ios:before {
content: "\f370";
}
.fa-apper:before {
content: "\f371";
}
.fa-apple:before {
content: "\f179";
}
.fa-apple-alt:before {
content: "\f5d1";
}
.fa-apple-pay:before {
content: "\f415";
}
.fa-archive:before {
content: "\f187";
}
.fa-archway:before {
content: "\f557";
}
.fa-arrow-alt-circle-down:before {
content: "\f358";
}
.fa-arrow-alt-circle-left:before {
content: "\f359";
}
.fa-arrow-alt-circle-right:before {
content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
content: "\f35b";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-arrows-alt-h:before {
content: "\f337";
}
.fa-arrows-alt-v:before {
content: "\f338";
}
.fa-artstation:before {
content: "\f77a";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-asymmetrik:before {
content: "\f372";
}
.fa-at:before {
content: "\f1fa";
}
.fa-atlas:before {
content: "\f558";
}
.fa-atlassian:before {
content: "\f77b";
}
.fa-atom:before {
content: "\f5d2";
}
.fa-audible:before {
content: "\f373";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-autoprefixer:before {
content: "\f41c";
}
.fa-avianex:before {
content: "\f374";
}
.fa-aviato:before {
content: "\f421";
}
.fa-award:before {
content: "\f559";
}
.fa-aws:before {
content: "\f375";
}
.fa-baby:before {
content: "\f77c";
}
.fa-baby-carriage:before {
content: "\f77d";
}
.fa-backspace:before {
content: "\f55a";
}
.fa-backward:before {
content: "\f04a";
}
.fa-bacon:before {
content: "\f7e5";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-ban:before {
content: "\f05e";
}
.fa-band-aid:before {
content: "\f462";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-baseball-ball:before {
content: "\f433";
}
.fa-basketball-ball:before {
content: "\f434";
}
.fa-bath:before {
content: "\f2cd";
}
.fa-battery-empty:before {
content: "\f244";
}
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battle-net:before {
content: "\f835";
}
.fa-bed:before {
content: "\f236";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bezier-curve:before {
content: "\f55b";
}
.fa-bible:before {
content: "\f647";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bimobject:before {
content: "\f378";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-biohazard:before {
content: "\f780";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitcoin:before {
content: "\f379";
}
.fa-bity:before {
content: "\f37a";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-blackberry:before {
content: "\f37b";
}
.fa-blender:before {
content: "\f517";
}
.fa-blender-phone:before {
content: "\f6b6";
}
.fa-blind:before {
content: "\f29d";
}
.fa-blog:before {
content: "\f781";
}
.fa-blogger:before {
content: "\f37c";
}
.fa-blogger-b:before {
content: "\f37d";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-bold:before {
content: "\f032";
}
.fa-bolt:before {
content: "\f0e7";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-bone:before {
content: "\f5d7";
}
.fa-bong:before {
content: "\f55c";
}
.fa-book:before {
content: "\f02d";
}
.fa-book-dead:before {
content: "\f6b7";
}
.fa-book-medical:before {
content: "\f7e6";
}
.fa-book-open:before {
content: "\f518";
}
.fa-book-reader:before {
content: "\f5da";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-bootstrap:before {
content: "\f836";
}
.fa-bowling-ball:before {
content: "\f436";
}
.fa-box:before {
content: "\f466";
}
.fa-box-open:before {
content: "\f49e";
}
.fa-boxes:before {
content: "\f468";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-brain:before {
content: "\f5dc";
}
.fa-bread-slice:before {
content: "\f7ec";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-briefcase-medical:before {
content: "\f469";
}
.fa-broadcast-tower:before {
content: "\f519";
}
.fa-broom:before {
content: "\f51a";
}
.fa-brush:before {
content: "\f55d";
}
.fa-btc:before {
content: "\f15a";
}
.fa-buffer:before {
content: "\f837";
}
.fa-bug:before {
content: "\f188";
}
.fa-building:before {
content: "\f1ad";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-burn:before {
content: "\f46a";
}
.fa-buromobelexperte:before {
content: "\f37f";
}
.fa-bus:before {
content: "\f207";
}
.fa-bus-alt:before {
content: "\f55e";
}
.fa-business-time:before {
content: "\f64a";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-calendar:before {
content: "\f133";
}
.fa-calendar-alt:before {
content: "\f073";
}
.fa-calendar-check:before {
content: "\f274";
}
.fa-calendar-day:before {
content: "\f783";
}
.fa-calendar-minus:before {
content: "\f272";
}
.fa-calendar-plus:before {
content: "\f271";
}
.fa-calendar-times:before {
content: "\f273";
}
.fa-calendar-week:before {
content: "\f784";
}
.fa-camera:before {
content: "\f030";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-campground:before {
content: "\f6bb";
}
.fa-canadian-maple-leaf:before {
content: "\f785";
}
.fa-candy-cane:before {
content: "\f786";
}
.fa-cannabis:before {
content: "\f55f";
}
.fa-capsules:before {
content: "\f46b";
}
.fa-car:before {
content: "\f1b9";
}
.fa-car-alt:before {
content: "\f5de";
}
.fa-car-battery:before {
content: "\f5df";
}
.fa-car-crash:before {
content: "\f5e1";
}
.fa-car-side:before {
content: "\f5e4";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-caret-square-down:before {
content: "\f150";
}
.fa-caret-square-left:before {
content: "\f191";
}
.fa-caret-square-right:before {
content: "\f152";
}
.fa-caret-square-up:before {
content: "\f151";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-carrot:before {
content: "\f787";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cash-register:before {
content: "\f788";
}
.fa-cat:before {
content: "\f6be";
}
.fa-cc-amazon-pay:before {
content: "\f42d";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-apple-pay:before {
content: "\f416";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-centercode:before {
content: "\f380";
}
.fa-centos:before {
content: "\f789";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-chair:before {
content: "\f6c0";
}
.fa-chalkboard:before {
content: "\f51b";
}
.fa-chalkboard-teacher:before {
content: "\f51c";
}
.fa-charging-station:before {
content: "\f5e7";
}
.fa-chart-area:before {
content: "\f1fe";
}
.fa-chart-bar:before {
content: "\f080";
}
.fa-chart-line:before {
content: "\f201";
}
.fa-chart-pie:before {
content: "\f200";
}
.fa-check:before {
content: "\f00c";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-check-double:before {
content: "\f560";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-cheese:before {
content: "\f7ef";
}
.fa-chess:before {
content: "\f439";
}
.fa-chess-bishop:before {
content: "\f43a";
}
.fa-chess-board:before {
content: "\f43c";
}
.fa-chess-king:before {
content: "\f43f";
}
.fa-chess-knight:before {
content: "\f441";
}
.fa-chess-pawn:before {
content: "\f443";
}
.fa-chess-queen:before {
content: "\f445";
}
.fa-chess-rook:before {
content: "\f447";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-child:before {
content: "\f1ae";
}
.fa-chrome:before {
content: "\f268";
}
.fa-chromecast:before {
content: "\f838";
}
.fa-church:before {
content: "\f51d";
}
.fa-circle:before {
content: "\f111";
}
.fa-circle-notch:before {
content: "\f1ce";
}
.fa-city:before {
content: "\f64f";
}
.fa-clinic-medical:before {
content: "\f7f2";
}
.fa-clipboard:before {
content: "\f328";
}
.fa-clipboard-check:before {
content: "\f46c";
}
.fa-clipboard-list:before {
content: "\f46d";
}
.fa-clock:before {
content: "\f017";
}
.fa-clone:before {
content: "\f24d";
}
.fa-closed-captioning:before {
content: "\f20a";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-cloud-download-alt:before {
content: "\f381";
}
.fa-cloud-meatball:before {
content: "\f73b";
}
.fa-cloud-moon:before {
content: "\f6c3";
}
.fa-cloud-moon-rain:before {
content: "\f73c";
}
.fa-cloud-rain:before {
content: "\f73d";
}
.fa-cloud-showers-heavy:before {
content: "\f740";
}
.fa-cloud-sun:before {
content: "\f6c4";
}
.fa-cloud-sun-rain:before {
content: "\f743";
}
.fa-cloud-upload-alt:before {
content: "\f382";
}
.fa-cloudscale:before {
content: "\f383";
}
.fa-cloudsmith:before {
content: "\f384";
}
.fa-cloudversify:before {
content: "\f385";
}
.fa-cocktail:before {
content: "\f561";
}
.fa-code:before {
content: "\f121";
}
.fa-code-branch:before {
content: "\f126";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cog:before {
content: "\f013";
}
.fa-cogs:before {
content: "\f085";
}
.fa-coins:before {
content: "\f51e";
}
.fa-columns:before {
content: "\f0db";
}
.fa-comment:before {
content: "\f075";
}
.fa-comment-alt:before {
content: "\f27a";
}
.fa-comment-dollar:before {
content: "\f651";
}
.fa-comment-dots:before {
content: "\f4ad";
}
.fa-comment-medical:before {
content: "\f7f5";
}
.fa-comment-slash:before {
content: "\f4b3";
}
.fa-comments:before {
content: "\f086";
}
.fa-comments-dollar:before {
content: "\f653";
}
.fa-compact-disc:before {
content: "\f51f";
}
.fa-compass:before {
content: "\f14e";
}
.fa-compress:before {
content: "\f066";
}
.fa-compress-arrows-alt:before {
content: "\f78c";
}
.fa-concierge-bell:before {
content: "\f562";
}
.fa-confluence:before {
content: "\f78d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-contao:before {
content: "\f26d";
}
.fa-cookie:before {
content: "\f563";
}
.fa-cookie-bite:before {
content: "\f564";
}
.fa-copy:before {
content: "\f0c5";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-couch:before {
content: "\f4b8";
}
.fa-cpanel:before {
content: "\f388";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-creative-commons-by:before {
content: "\f4e7";
}
.fa-creative-commons-nc:before {
content: "\f4e8";
}
.fa-creative-commons-nc-eu:before {
content: "\f4e9";
}
.fa-creative-commons-nc-jp:before {
content: "\f4ea";
}
.fa-creative-commons-nd:before {
content: "\f4eb";
}
.fa-creative-commons-pd:before {
content: "\f4ec";
}
.fa-creative-commons-pd-alt:before {
content: "\f4ed";
}
.fa-creative-commons-remix:before {
content: "\f4ee";
}
.fa-creative-commons-sa:before {
content: "\f4ef";
}
.fa-creative-commons-sampling:before {
content: "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
content: "\f4f1";
}
.fa-creative-commons-share:before {
content: "\f4f2";
}
.fa-creative-commons-zero:before {
content: "\f4f3";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-critical-role:before {
content: "\f6c9";
}
.fa-crop:before {
content: "\f125";
}
.fa-crop-alt:before {
content: "\f565";
}
.fa-cross:before {
content: "\f654";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-crow:before {
content: "\f520";
}
.fa-crown:before {
content: "\f521";
}
.fa-crutch:before {
content: "\f7f7";
}
.fa-css3:before {
content: "\f13c";
}
.fa-css3-alt:before {
content: "\f38b";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-cut:before {
content: "\f0c4";
}
.fa-cuttlefish:before {
content: "\f38c";
}
.fa-d-and-d:before {
content: "\f38d";
}
.fa-d-and-d-beyond:before {
content: "\f6ca";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-database:before {
content: "\f1c0";
}
.fa-deaf:before {
content: "\f2a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-democrat:before {
content: "\f747";
}
.fa-deploydog:before {
content: "\f38e";
}
.fa-deskpro:before {
content: "\f38f";
}
.fa-desktop:before {
content: "\f108";
}
.fa-dev:before {
content: "\f6cc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-dharmachakra:before {
content: "\f655";
}
.fa-dhl:before {
content: "\f790";
}
.fa-diagnoses:before {
content: "\f470";
}
.fa-diaspora:before {
content: "\f791";
}
.fa-dice:before {
content: "\f522";
}
.fa-dice-d20:before {
content: "\f6cf";
}
.fa-dice-d6:before {
content: "\f6d1";
}
.fa-dice-five:before {
content: "\f523";
}
.fa-dice-four:before {
content: "\f524";
}
.fa-dice-one:before {
content: "\f525";
}
.fa-dice-six:before {
content: "\f526";
}
.fa-dice-three:before {
content: "\f527";
}
.fa-dice-two:before {
content: "\f528";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-digital-ocean:before {
content: "\f391";
}
.fa-digital-tachograph:before {
content: "\f566";
}
.fa-directions:before {
content: "\f5eb";
}
.fa-discord:before {
content: "\f392";
}
.fa-discourse:before {
content: "\f393";
}
.fa-divide:before {
content: "\f529";
}
.fa-dizzy:before {
content: "\f567";
}
.fa-dna:before {
content: "\f471";
}
.fa-dochub:before {
content: "\f394";
}
.fa-docker:before {
content: "\f395";
}
.fa-dog:before {
content: "\f6d3";
}
.fa-dollar-sign:before {
content: "\f155";
}
.fa-dolly:before {
content: "\f472";
}
.fa-dolly-flatbed:before {
content: "\f474";
}
.fa-donate:before {
content: "\f4b9";
}
.fa-door-closed:before {
content: "\f52a";
}
.fa-door-open:before {
content: "\f52b";
}
.fa-dot-circle:before {
content: "\f192";
}
.fa-dove:before {
content: "\f4ba";
}
.fa-download:before {
content: "\f019";
}
.fa-draft2digital:before {
content: "\f396";
}
.fa-drafting-compass:before {
content: "\f568";
}
.fa-dragon:before {
content: "\f6d5";
}
.fa-draw-polygon:before {
content: "\f5ee";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-dribbble-square:before {
content: "\f397";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-drum:before {
content: "\f569";
}
.fa-drum-steelpan:before {
content: "\f56a";
}
.fa-drumstick-bite:before {
content: "\f6d7";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-dumbbell:before {
content: "\f44b";
}
.fa-dumpster:before {
content: "\f793";
}
.fa-dumpster-fire:before {
content: "\f794";
}
.fa-dungeon:before {
content: "\f6d9";
}
.fa-dyalog:before {
content: "\f399";
}
.fa-earlybirds:before {
content: "\f39a";
}
.fa-ebay:before {
content: "\f4f4";
}
.fa-edge:before {
content: "\f282";
}
.fa-edit:before {
content: "\f044";
}
.fa-egg:before {
content: "\f7fb";
}
.fa-eject:before {
content: "\f052";
}
.fa-elementor:before {
content: "\f430";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-ello:before {
content: "\f5f1";
}
.fa-ember:before {
content: "\f423";
}
.fa-empire:before {
content: "\f1d1";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-text:before {
content: "\f658";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-envira:before {
content: "\f299";
}
.fa-equals:before {
content: "\f52c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-erlang:before {
content: "\f39d";
}
.fa-ethereum:before {
content: "\f42e";
}
.fa-ethernet:before {
content: "\f796";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-euro-sign:before {
content: "\f153";
}
.fa-evernote:before {
content: "\f839";
}
.fa-exchange-alt:before {
content: "\f362";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-expand:before {
content: "\f065";
}
.fa-expand-arrows-alt:before {
content: "\f31e";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-external-link-alt:before {
content: "\f35d";
}
.fa-external-link-square-alt:before {
content: "\f360";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-dropper:before {
content: "\f1fb";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-facebook-f:before {
content: "\f39e";
}
.fa-facebook-messenger:before {
content: "\f39f";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-fantasy-flight-games:before {
content: "\f6dc";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-feather:before {
content: "\f52d";
}
.fa-feather-alt:before {
content: "\f56b";
}
.fa-fedex:before {
content: "\f797";
}
.fa-fedora:before {
content: "\f798";
}
.fa-female:before {
content: "\f182";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-figma:before {
content: "\f799";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-alt:before {
content: "\f15c";
}
.fa-file-archive:before {
content: "\f1c6";
}
.fa-file-audio:before {
content: "\f1c7";
}
.fa-file-code:before {
content: "\f1c9";
}
.fa-file-contract:before {
content: "\f56c";
}
.fa-file-csv:before {
content: "\f6dd";
}
.fa-file-download:before {
content: "\f56d";
}
.fa-file-excel:before {
content: "\f1c3";
}
.fa-file-export:before {
content: "\f56e";
}
.fa-file-image:before {
content: "\f1c5";
}
.fa-file-import:before {
content: "\f56f";
}
.fa-file-invoice:before {
content: "\f570";
}
.fa-file-invoice-dollar:before {
content: "\f571";
}
.fa-file-medical:before {
content: "\f477";
}
.fa-file-medical-alt:before {
content: "\f478";
}
.fa-file-pdf:before {
content: "\f1c1";
}
.fa-file-powerpoint:before {
content: "\f1c4";
}
.fa-file-prescription:before {
content: "\f572";
}
.fa-file-signature:before {
content: "\f573";
}
.fa-file-upload:before {
content: "\f574";
}
.fa-file-video:before {
content: "\f1c8";
}
.fa-file-word:before {
content: "\f1c2";
}
.fa-fill:before {
content: "\f575";
}
.fa-fill-drip:before {
content: "\f576";
}
.fa-film:before {
content: "\f008";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-fingerprint:before {
content: "\f577";
}
.fa-fire:before {
content: "\f06d";
}
.fa-fire-alt:before {
content: "\f7e4";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-firefox:before {
content: "\f269";
}
.fa-first-aid:before {
content: "\f479";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-first-order-alt:before {
content: "\f50a";
}
.fa-firstdraft:before {
content: "\f3a1";
}
.fa-fish:before {
content: "\f578";
}
.fa-fist-raised:before {
content: "\f6de";
}
.fa-flag:before {
content: "\f024";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-flag-usa:before {
content: "\f74d";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-flipboard:before {
content: "\f44d";
}
.fa-flushed:before {
content: "\f579";
}
.fa-fly:before {
content: "\f417";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-minus:before {
content: "\f65d";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-folder-plus:before {
content: "\f65e";
}
.fa-font:before {
content: "\f031";
}
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-font-awesome-alt:before {
content: "\f35c";
}
.fa-font-awesome-flag:before {
content: "\f425";
}
.fa-font-awesome-logo-full:before {
content: "\f4e6";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-fonticons-fi:before {
content: "\f3a2";
}
.fa-football-ball:before {
content: "\f44e";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-fort-awesome-alt:before {
content: "\f3a3";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-forward:before {
content: "\f04e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-freebsd:before {
content: "\f3a4";
}
.fa-frog:before {
content: "\f52e";
}
.fa-frown:before {
content: "\f119";
}
.fa-frown-open:before {
content: "\f57a";
}
.fa-fulcrum:before {
content: "\f50b";
}
.fa-funnel-dollar:before {
content: "\f662";
}
.fa-futbol:before {
content: "\f1e3";
}
.fa-galactic-republic:before {
content: "\f50c";
}
.fa-galactic-senate:before {
content: "\f50d";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-gas-pump:before {
content: "\f52f";
}
.fa-gavel:before {
content: "\f0e3";
}
.fa-gem:before {
content: "\f3a5";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-ghost:before {
content: "\f6e2";
}
.fa-gift:before {
content: "\f06b";
}
.fa-gifts:before {
content: "\f79c";
}
.fa-git:before {
content: "\f1d3";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-github:before {
content: "\f09b";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-github-square:before {
content: "\f092";
}
.fa-gitkraken:before {
content: "\f3a6";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-gitter:before {
content: "\f426";
}
.fa-glass-cheers:before {
content: "\f79f";
}
.fa-glass-martini:before {
content: "\f000";
}
.fa-glass-martini-alt:before {
content: "\f57b";
}
.fa-glass-whiskey:before {
content: "\f7a0";
}
.fa-glasses:before {
content: "\f530";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-globe-africa:before {
content: "\f57c";
}
.fa-globe-americas:before {
content: "\f57d";
}
.fa-globe-asia:before {
content: "\f57e";
}
.fa-globe-europe:before {
content: "\f7a2";
}
.fa-gofore:before {
content: "\f3a7";
}
.fa-golf-ball:before {
content: "\f450";
}
.fa-goodreads:before {
content: "\f3a8";
}
.fa-goodreads-g:before {
content: "\f3a9";
}
.fa-google:before {
content: "\f1a0";
}
.fa-google-drive:before {
content: "\f3aa";
}
.fa-google-play:before {
content: "\f3ab";
}
.fa-google-plus:before {
content: "\f2b3";
}
.fa-google-plus-g:before {
content: "\f0d5";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-gopuram:before {
content: "\f664";
}
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-gratipay:before {
content: "\f184";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-greater-than:before {
content: "\f531";
}
.fa-greater-than-equal:before {
content: "\f532";
}
.fa-grimace:before {
content: "\f57f";
}
.fa-grin:before {
content: "\f580";
}
.fa-grin-alt:before {
content: "\f581";
}
.fa-grin-beam:before {
content: "\f582";
}
.fa-grin-beam-sweat:before {
content: "\f583";
}
.fa-grin-hearts:before {
content: "\f584";
}
.fa-grin-squint:before {
content: "\f585";
}
.fa-grin-squint-tears:before {
content: "\f586";
}
.fa-grin-stars:before {
content: "\f587";
}
.fa-grin-tears:before {
content: "\f588";
}
.fa-grin-tongue:before {
content: "\f589";
}
.fa-grin-tongue-squint:before {
content: "\f58a";
}
.fa-grin-tongue-wink:before {
content: "\f58b";
}
.fa-grin-wink:before {
content: "\f58c";
}
.fa-grip-horizontal:before {
content: "\f58d";
}
.fa-grip-lines:before {
content: "\f7a4";
}
.fa-grip-lines-vertical:before {
content: "\f7a5";
}
.fa-grip-vertical:before {
content: "\f58e";
}
.fa-gripfire:before {
content: "\f3ac";
}
.fa-grunt:before {
content: "\f3ad";
}
.fa-guitar:before {
content: "\f7a6";
}
.fa-gulp:before {
content: "\f3ae";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-hacker-news-square:before {
content: "\f3af";
}
.fa-hackerrank:before {
content: "\f5f7";
}
.fa-hamburger:before {
content: "\f805";
}
.fa-hammer:before {
content: "\f6e3";
}
.fa-hamsa:before {
content: "\f665";
}
.fa-hand-holding:before {
content: "\f4bd";
}
.fa-hand-holding-heart:before {
content: "\f4be";
}
.fa-hand-holding-usd:before {
content: "\f4c0";
}
.fa-hand-lizard:before {
content: "\f258";
}
.fa-hand-middle-finger:before {
content: "\f806";
}
.fa-hand-paper:before {
content: "\f256";
}
.fa-hand-peace:before {
content: "\f25b";
}
.fa-hand-point-down:before {
content: "\f0a7";
}
.fa-hand-point-left:before {
content: "\f0a5";
}
.fa-hand-point-right:before {
content: "\f0a4";
}
.fa-hand-point-up:before {
content: "\f0a6";
}
.fa-hand-pointer:before {
content: "\f25a";
}
.fa-hand-rock:before {
content: "\f255";
}
.fa-hand-scissors:before {
content: "\f257";
}
.fa-hand-spock:before {
content: "\f259";
}
.fa-hands:before {
content: "\f4c2";
}
.fa-hands-helping:before {
content: "\f4c4";
}
.fa-handshake:before {
content: "\f2b5";
}
.fa-hanukiah:before {
content: "\f6e6";
}
.fa-hard-hat:before {
content: "\f807";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-hat-wizard:before {
content: "\f6e8";
}
.fa-haykal:before {
content: "\f666";
}
.fa-hdd:before {
content: "\f0a0";
}
.fa-heading:before {
content: "\f1dc";
}
.fa-headphones:before {
content: "\f025";
}
.fa-headphones-alt:before {
content: "\f58f";
}
.fa-headset:before {
content: "\f590";
}
.fa-heart:before {
content: "\f004";
}
.fa-heart-broken:before {
content: "\f7a9";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-helicopter:before {
content: "\f533";
}
.fa-highlighter:before {
content: "\f591";
}
.fa-hiking:before {
content: "\f6ec";
}
.fa-hippo:before {
content: "\f6ed";
}
.fa-hips:before {
content: "\f452";
}
.fa-hire-a-helper:before {
content: "\f3b0";
}
.fa-history:before {
content: "\f1da";
}
.fa-hockey-puck:before {
content: "\f453";
}
.fa-holly-berry:before {
content: "\f7aa";
}
.fa-home:before {
content: "\f015";
}
.fa-hooli:before {
content: "\f427";
}
.fa-hornbill:before {
content: "\f592";
}
.fa-horse:before {
content: "\f6f0";
}
.fa-horse-head:before {
content: "\f7ab";
}
.fa-hospital:before {
content: "\f0f8";
}
.fa-hospital-alt:before {
content: "\f47d";
}
.fa-hospital-symbol:before {
content: "\f47e";
}
.fa-hot-tub:before {
content: "\f593";
}
.fa-hotdog:before {
content: "\f80f";
}
.fa-hotel:before {
content: "\f594";
}
.fa-hotjar:before {
content: "\f3b1";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-start:before {
content: "\f251";
}
.fa-house-damage:before {
content: "\f6f1";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-hryvnia:before {
content: "\f6f2";
}
.fa-html5:before {
content: "\f13b";
}
.fa-hubspot:before {
content: "\f3b2";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-ice-cream:before {
content: "\f810";
}
.fa-icicles:before {
content: "\f7ad";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-id-card:before {
content: "\f2c2";
}
.fa-id-card-alt:before {
content: "\f47f";
}
.fa-igloo:before {
content: "\f7ae";
}
.fa-image:before {
content: "\f03e";
}
.fa-images:before {
content: "\f302";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-indent:before {
content: "\f03c";
}
.fa-industry:before {
content: "\f275";
}
.fa-infinity:before {
content: "\f534";
}
.fa-info:before {
content: "\f129";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-intercom:before {
content: "\f7af";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-invision:before {
content: "\f7b0";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-italic:before {
content: "\f033";
}
.fa-itch-io:before {
content: "\f83a";
}
.fa-itunes:before {
content: "\f3b4";
}
.fa-itunes-note:before {
content: "\f3b5";
}
.fa-java:before {
content: "\f4e4";
}
.fa-jedi:before {
content: "\f669";
}
.fa-jedi-order:before {
content: "\f50e";
}
.fa-jenkins:before {
content: "\f3b6";
}
.fa-jira:before {
content: "\f7b1";
}
.fa-joget:before {
content: "\f3b7";
}
.fa-joint:before {
content: "\f595";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-journal-whills:before {
content: "\f66a";
}
.fa-js:before {
content: "\f3b8";
}
.fa-js-square:before {
content: "\f3b9";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-kaaba:before {
content: "\f66b";
}
.fa-kaggle:before {
content: "\f5fa";
}
.fa-key:before {
content: "\f084";
}
.fa-keybase:before {
content: "\f4f5";
}
.fa-keyboard:before {
content: "\f11c";
}
.fa-keycdn:before {
content: "\f3ba";
}
.fa-khanda:before {
content: "\f66d";
}
.fa-kickstarter:before {
content: "\f3bb";
}
.fa-kickstarter-k:before {
content: "\f3bc";
}
.fa-kiss:before {
content: "\f596";
}
.fa-kiss-beam:before {
content: "\f597";
}
.fa-kiss-wink-heart:before {
content: "\f598";
}
.fa-kiwi-bird:before {
content: "\f535";
}
.fa-korvue:before {
content: "\f42f";
}
.fa-landmark:before {
content: "\f66f";
}
.fa-language:before {
content: "\f1ab";
}
.fa-laptop:before {
content: "\f109";
}
.fa-laptop-code:before {
content: "\f5fc";
}
.fa-laptop-medical:before {
content: "\f812";
}
.fa-laravel:before {
content: "\f3bd";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-laugh:before {
content: "\f599";
}
.fa-laugh-beam:before {
content: "\f59a";
}
.fa-laugh-squint:before {
content: "\f59b";
}
.fa-laugh-wink:before {
content: "\f59c";
}
.fa-layer-group:before {
content: "\f5fd";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-lemon:before {
content: "\f094";
}
.fa-less:before {
content: "\f41d";
}
.fa-less-than:before {
content: "\f536";
}
.fa-less-than-equal:before {
content: "\f537";
}
.fa-level-down-alt:before {
content: "\f3be";
}
.fa-level-up-alt:before {
content: "\f3bf";
}
.fa-life-ring:before {
content: "\f1cd";
}
.fa-lightbulb:before {
content: "\f0eb";
}
.fa-line:before {
content: "\f3c0";
}
.fa-link:before {
content: "\f0c1";
}
.fa-linkedin:before {
content: "\f08c";
}
.fa-linkedin-in:before {
content: "\f0e1";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-linux:before {
content: "\f17c";
}
.fa-lira-sign:before {
content: "\f195";
}
.fa-list:before {
content: "\f03a";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-lock:before {
content: "\f023";
}
.fa-lock-open:before {
content: "\f3c1";
}
.fa-long-arrow-alt-down:before {
content: "\f309";
}
.fa-long-arrow-alt-left:before {
content: "\f30a";
}
.fa-long-arrow-alt-right:before {
content: "\f30b";
}
.fa-long-arrow-alt-up:before {
content: "\f30c";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-luggage-cart:before {
content: "\f59d";
}
.fa-lyft:before {
content: "\f3c3";
}
.fa-magento:before {
content: "\f3c4";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-magnet:before {
content: "\f076";
}
.fa-mail-bulk:before {
content: "\f674";
}
.fa-mailchimp:before {
content: "\f59e";
}
.fa-male:before {
content: "\f183";
}
.fa-mandalorian:before {
content: "\f50f";
}
.fa-map:before {
content: "\f279";
}
.fa-map-marked:before {
content: "\f59f";
}
.fa-map-marked-alt:before {
content: "\f5a0";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-map-marker-alt:before {
content: "\f3c5";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-markdown:before {
content: "\f60f";
}
.fa-marker:before {
content: "\f5a1";
}
.fa-mars:before {
content: "\f222";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mask:before {
content: "\f6fa";
}
.fa-mastodon:before {
content: "\f4f6";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-medal:before {
content: "\f5a2";
}
.fa-medapps:before {
content: "\f3c6";
}
.fa-medium:before {
content: "\f23a";
}
.fa-medium-m:before {
content: "\f3c7";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-medrt:before {
content: "\f3c8";
}
.fa-meetup:before {
content: "\f2e0";
}
.fa-megaport:before {
content: "\f5a3";
}
.fa-meh:before {
content: "\f11a";
}
.fa-meh-blank:before {
content: "\f5a4";
}
.fa-meh-rolling-eyes:before {
content: "\f5a5";
}
.fa-memory:before {
content: "\f538";
}
.fa-mendeley:before {
content: "\f7b3";
}
.fa-menorah:before {
content: "\f676";
}
.fa-mercury:before {
content: "\f223";
}
.fa-meteor:before {
content: "\f753";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-alt:before {
content: "\f3c9";
}
.fa-microphone-alt-slash:before {
content: "\f539";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-microscope:before {
content: "\f610";
}
.fa-microsoft:before {
content: "\f3ca";
}
.fa-minus:before {
content: "\f068";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-mitten:before {
content: "\f7b5";
}
.fa-mix:before {
content: "\f3cb";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-mizuni:before {
content: "\f3cc";
}
.fa-mobile:before {
content: "\f10b";
}
.fa-mobile-alt:before {
content: "\f3cd";
}
.fa-modx:before {
content: "\f285";
}
.fa-monero:before {
content: "\f3d0";
}
.fa-money-bill:before {
content: "\f0d6";
}
.fa-money-bill-alt:before {
content: "\f3d1";
}
.fa-money-bill-wave:before {
content: "\f53a";
}
.fa-money-bill-wave-alt:before {
content: "\f53b";
}
.fa-money-check:before {
content: "\f53c";
}
.fa-money-check-alt:before {
content: "\f53d";
}
.fa-monument:before {
content: "\f5a6";
}
.fa-moon:before {
content: "\f186";
}
.fa-mortar-pestle:before {
content: "\f5a7";
}
.fa-mosque:before {
content: "\f678";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-mountain:before {
content: "\f6fc";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-mug-hot:before {
content: "\f7b6";
}
.fa-music:before {
content: "\f001";
}
.fa-napster:before {
content: "\f3d2";
}
.fa-neos:before {
content: "\f612";
}
.fa-network-wired:before {
content: "\f6ff";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-newspaper:before {
content: "\f1ea";
}
.fa-nimblr:before {
content: "\f5a8";
}
.fa-nintendo-switch:before {
content: "\f418";
}
.fa-node:before {
content: "\f419";
}
.fa-node-js:before {
content: "\f3d3";
}
.fa-not-equal:before {
content: "\f53e";
}
.fa-notes-medical:before {
content: "\f481";
}
.fa-npm:before {
content: "\f3d4";
}
.fa-ns8:before {
content: "\f3d5";
}
.fa-nutritionix:before {
content: "\f3d6";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-oil-can:before {
content: "\f613";
}
.fa-old-republic:before {
content: "\f510";
}
.fa-om:before {
content: "\f679";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-openid:before {
content: "\f19b";
}
.fa-opera:before {
content: "\f26a";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-osi:before {
content: "\f41a";
}
.fa-otter:before {
content: "\f700";
}
.fa-outdent:before {
content: "\f03b";
}
.fa-page4:before {
content: "\f3d7";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-pager:before {
content: "\f815";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-paint-roller:before {
content: "\f5aa";
}
.fa-palette:before {
content: "\f53f";
}
.fa-palfed:before {
content: "\f3d8";
}
.fa-pallet:before {
content: "\f482";
}
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-parachute-box:before {
content: "\f4cd";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-parking:before {
content: "\f540";
}
.fa-passport:before {
content: "\f5ab";
}
.fa-pastafarianism:before {
content: "\f67b";
}
.fa-paste:before {
content: "\f0ea";
}
.fa-patreon:before {
content: "\f3d9";
}
.fa-pause:before {
content: "\f04c";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-peace:before {
content: "\f67c";
}
.fa-pen:before {
content: "\f304";
}
.fa-pen-alt:before {
content: "\f305";
}
.fa-pen-fancy:before {
content: "\f5ac";
}
.fa-pen-nib:before {
content: "\f5ad";
}
.fa-pen-square:before {
content: "\f14b";
}
.fa-pencil-alt:before {
content: "\f303";
}
.fa-pencil-ruler:before {
content: "\f5ae";
}
.fa-penny-arcade:before {
content: "\f704";
}
.fa-people-carry:before {
content: "\f4ce";
}
.fa-pepper-hot:before {
content: "\f816";
}
.fa-percent:before {
content: "\f295";
}
.fa-percentage:before {
content: "\f541";
}
.fa-periscope:before {
content: "\f3da";
}
.fa-person-booth:before {
content: "\f756";
}
.fa-phabricator:before {
content: "\f3db";
}
.fa-phoenix-framework:before {
content: "\f3dc";
}
.fa-phoenix-squadron:before {
content: "\f511";
}
.fa-phone:before {
content: "\f095";
}
.fa-phone-slash:before {
content: "\f3dd";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-phone-volume:before {
content: "\f2a0";
}
.fa-php:before {
content: "\f457";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-pied-piper-hat:before {
content: "\f4e5";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-piggy-bank:before {
content: "\f4d3";
}
.fa-pills:before {
content: "\f484";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-pizza-slice:before {
content: "\f818";
}
.fa-place-of-worship:before {
content: "\f67f";
}
.fa-plane:before {
content: "\f072";
}
.fa-plane-arrival:before {
content: "\f5af";
}
.fa-plane-departure:before {
content: "\f5b0";
}
.fa-play:before {
content: "\f04b";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-playstation:before {
content: "\f3df";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-plus:before {
content: "\f067";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-poll:before {
content: "\f681";
}
.fa-poll-h:before {
content: "\f682";
}
.fa-poo:before {
content: "\f2fe";
}
.fa-poo-storm:before {
content: "\f75a";
}
.fa-poop:before {
content: "\f619";
}
.fa-portrait:before {
content: "\f3e0";
}
.fa-pound-sign:before {
content: "\f154";
}
.fa-power-off:before {
content: "\f011";
}
.fa-pray:before {
content: "\f683";
}
.fa-praying-hands:before {
content: "\f684";
}
.fa-prescription:before {
content: "\f5b1";
}
.fa-prescription-bottle:before {
content: "\f485";
}
.fa-prescription-bottle-alt:before {
content: "\f486";
}
.fa-print:before {
content: "\f02f";
}
.fa-procedures:before {
content: "\f487";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-project-diagram:before {
content: "\f542";
}
.fa-pushed:before {
content: "\f3e1";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-python:before {
content: "\f3e2";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-question:before {
content: "\f128";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-quidditch:before {
content: "\f458";
}
.fa-quinscape:before {
content: "\f459";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-quran:before {
content: "\f687";
}
.fa-r-project:before {
content: "\f4f7";
}
.fa-radiation:before {
content: "\f7b9";
}
.fa-radiation-alt:before {
content: "\f7ba";
}
.fa-rainbow:before {
content: "\f75b";
}
.fa-random:before {
content: "\f074";
}
.fa-raspberry-pi:before {
content: "\f7bb";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-react:before {
content: "\f41b";
}
.fa-reacteurope:before {
content: "\f75d";
}
.fa-readme:before {
content: "\f4d5";
}
.fa-rebel:before {
content: "\f1d0";
}
.fa-receipt:before {
content: "\f543";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-red-river:before {
content: "\f3e3";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-redhat:before {
content: "\f7bc";
}
.fa-redo:before {
content: "\f01e";
}
.fa-redo-alt:before {
content: "\f2f9";
}
.fa-registered:before {
content: "\f25d";
}
.fa-renren:before {
content: "\f18b";
}
.fa-reply:before {
content: "\f3e5";
}
.fa-reply-all:before {
content: "\f122";
}
.fa-replyd:before {
content: "\f3e6";
}
.fa-republican:before {
content: "\f75e";
}
.fa-researchgate:before {
content: "\f4f8";
}
.fa-resolving:before {
content: "\f3e7";
}
.fa-restroom:before {
content: "\f7bd";
}
.fa-retweet:before {
content: "\f079";
}
.fa-rev:before {
content: "\f5b2";
}
.fa-ribbon:before {
content: "\f4d6";
}
.fa-ring:before {
content: "\f70b";
}
.fa-road:before {
content: "\f018";
}
.fa-robot:before {
content: "\f544";
}
.fa-rocket:before {
content: "\f135";
}
.fa-rocketchat:before {
content: "\f3e8";
}
.fa-rockrms:before {
content: "\f3e9";
}
.fa-route:before {
content: "\f4d7";
}
.fa-rss:before {
content: "\f09e";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-ruble-sign:before {
content: "\f158";
}
.fa-ruler:before {
content: "\f545";
}
.fa-ruler-combined:before {
content: "\f546";
}
.fa-ruler-horizontal:before {
content: "\f547";
}
.fa-ruler-vertical:before {
content: "\f548";
}
.fa-running:before {
content: "\f70c";
}
.fa-rupee-sign:before {
content: "\f156";
}
.fa-sad-cry:before {
content: "\f5b3";
}
.fa-sad-tear:before {
content: "\f5b4";
}
.fa-safari:before {
content: "\f267";
}
.fa-salesforce:before {
content: "\f83b";
}
.fa-sass:before {
content: "\f41e";
}
.fa-satellite:before {
content: "\f7bf";
}
.fa-satellite-dish:before {
content: "\f7c0";
}
.fa-save:before {
content: "\f0c7";
}
.fa-schlix:before {
content: "\f3ea";
}
.fa-school:before {
content: "\f549";
}
.fa-screwdriver:before {
content: "\f54a";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-scroll:before {
content: "\f70e";
}
.fa-sd-card:before {
content: "\f7c2";
}
.fa-search:before {
content: "\f002";
}
.fa-search-dollar:before {
content: "\f688";
}
.fa-search-location:before {
content: "\f689";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-searchengin:before {
content: "\f3eb";
}
.fa-seedling:before {
content: "\f4d8";
}
.fa-sellcast:before {
content: "\f2da";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-server:before {
content: "\f233";
}
.fa-servicestack:before {
content: "\f3ec";
}
.fa-shapes:before {
content: "\f61f";
}
.fa-share:before {
content: "\f064";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-shekel-sign:before {
content: "\f20b";
}
.fa-shield-alt:before {
content: "\f3ed";
}
.fa-ship:before {
content: "\f21a";
}
.fa-shipping-fast:before {
content: "\f48b";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-shoe-prints:before {
content: "\f54b";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-shopware:before {
content: "\f5b5";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-shuttle-van:before {
content: "\f5b6";
}
.fa-sign:before {
content: "\f4d9";
}
.fa-sign-in-alt:before {
content: "\f2f6";
}
.fa-sign-language:before {
content: "\f2a7";
}
.fa-sign-out-alt:before {
content: "\f2f5";
}
.fa-signal:before {
content: "\f012";
}
.fa-signature:before {
content: "\f5b7";
}
.fa-sim-card:before {
content: "\f7c4";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-sistrix:before {
content: "\f3ee";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-sith:before {
content: "\f512";
}
.fa-skating:before {
content: "\f7c5";
}
.fa-sketch:before {
content: "\f7c6";
}
.fa-skiing:before {
content: "\f7c9";
}
.fa-skiing-nordic:before {
content: "\f7ca";
}
.fa-skull:before {
content: "\f54c";
}
.fa-skull-crossbones:before {
content: "\f714";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-skype:before {
content: "\f17e";
}
.fa-slack:before {
content: "\f198";
}
.fa-slack-hash:before {
content: "\f3ef";
}
.fa-slash:before {
content: "\f715";
}
.fa-sleigh:before {
content: "\f7cc";
}
.fa-sliders-h:before {
content: "\f1de";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-smile:before {
content: "\f118";
}
.fa-smile-beam:before {
content: "\f5b8";
}
.fa-smile-wink:before {
content: "\f4da";
}
.fa-smog:before {
content: "\f75f";
}
.fa-smoking:before {
content: "\f48d";
}
.fa-smoking-ban:before {
content: "\f54d";
}
.fa-sms:before {
content: "\f7cd";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-snowboarding:before {
content: "\f7ce";
}
.fa-snowflake:before {
content: "\f2dc";
}
.fa-snowman:before {
content: "\f7d0";
}
.fa-snowplow:before {
content: "\f7d2";
}
.fa-socks:before {
content: "\f696";
}
.fa-solar-panel:before {
content: "\f5ba";
}
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-alpha-down:before {
content: "\f15d";
}
.fa-sort-alpha-up:before {
content: "\f15e";
}
.fa-sort-amount-down:before {
content: "\f160";
}
.fa-sort-amount-up:before {
content: "\f161";
}
.fa-sort-down:before {
content: "\f0dd";
}
.fa-sort-numeric-down:before {
content: "\f162";
}
.fa-sort-numeric-up:before {
content: "\f163";
}
.fa-sort-up:before {
content: "\f0de";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-sourcetree:before {
content: "\f7d3";
}
.fa-spa:before {
content: "\f5bb";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-speakap:before {
content: "\f3f3";
}
.fa-speaker-deck:before {
content: "\f83c";
}
.fa-spider:before {
content: "\f717";
}
.fa-spinner:before {
content: "\f110";
}
.fa-splotch:before {
content: "\f5bc";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-spray-can:before {
content: "\f5bd";
}
.fa-square:before {
content: "\f0c8";
}
.fa-square-full:before {
content: "\f45c";
}
.fa-square-root-alt:before {
content: "\f698";
}
.fa-squarespace:before {
content: "\f5be";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-stamp:before {
content: "\f5bf";
}
.fa-star:before {
content: "\f005";
}
.fa-star-and-crescent:before {
content: "\f699";
}
.fa-star-half:before {
content: "\f089";
}
.fa-star-half-alt:before {
content: "\f5c0";
}
.fa-star-of-david:before {
content: "\f69a";
}
.fa-star-of-life:before {
content: "\f621";
}
.fa-staylinked:before {
content: "\f3f5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-steam-symbol:before {
content: "\f3f6";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-sticker-mule:before {
content: "\f3f7";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-stop:before {
content: "\f04d";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stopwatch:before {
content: "\f2f2";
}
.fa-store:before {
content: "\f54e";
}
.fa-store-alt:before {
content: "\f54f";
}
.fa-strava:before {
content: "\f428";
}
.fa-stream:before {
content: "\f550";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-stripe:before {
content: "\f429";
}
.fa-stripe-s:before {
content: "\f42a";
}
.fa-stroopwafel:before {
content: "\f551";
}
.fa-studiovinari:before {
content: "\f3f8";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-subway:before {
content: "\f239";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-suitcase-rolling:before {
content: "\f5c1";
}
.fa-sun:before {
content: "\f185";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-supple:before {
content: "\f3f9";
}
.fa-surprise:before {
content: "\f5c2";
}
.fa-suse:before {
content: "\f7d6";
}
.fa-swatchbook:before {
content: "\f5c3";
}
.fa-swimmer:before {
content: "\f5c4";
}
.fa-swimming-pool:before {
content: "\f5c5";
}
.fa-symfony:before {
content: "\f83d";
}
.fa-synagogue:before {
content: "\f69b";
}
.fa-sync:before {
content: "\f021";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-syringe:before {
content: "\f48e";
}
.fa-table:before {
content: "\f0ce";
}
.fa-table-tennis:before {
content: "\f45d";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-tablet-alt:before {
content: "\f3fa";
}
.fa-tablets:before {
content: "\f490";
}
.fa-tachometer-alt:before {
content: "\f3fd";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-tape:before {
content: "\f4db";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-taxi:before {
content: "\f1ba";
}
.fa-teamspeak:before {
content: "\f4f9";
}
.fa-teeth:before {
content: "\f62e";
}
.fa-teeth-open:before {
content: "\f62f";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-telegram-plane:before {
content: "\f3fe";
}
.fa-temperature-high:before {
content: "\f769";
}
.fa-temperature-low:before {
content: "\f76b";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-tenge:before {
content: "\f7d7";
}
.fa-terminal:before {
content: "\f120";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-the-red-yeti:before {
content: "\f69d";
}
.fa-theater-masks:before {
content: "\f630";
}
.fa-themeco:before {
content: "\f5c6";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-thermometer:before {
content: "\f491";
}
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-think-peaks:before {
content: "\f731";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbtack:before {
content: "\f08d";
}
.fa-ticket-alt:before {
content: "\f3ff";
}
.fa-times:before {
content: "\f00d";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-tint:before {
content: "\f043";
}
.fa-tint-slash:before {
content: "\f5c7";
}
.fa-tired:before {
content: "\f5c8";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-toilet:before {
content: "\f7d8";
}
.fa-toilet-paper:before {
content: "\f71e";
}
.fa-toolbox:before {
content: "\f552";
}
.fa-tools:before {
content: "\f7d9";
}
.fa-tooth:before {
content: "\f5c9";
}
.fa-torah:before {
content: "\f6a0";
}
.fa-torii-gate:before {
content: "\f6a1";
}
.fa-tractor:before {
content: "\f722";
}
.fa-trade-federation:before {
content: "\f513";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-traffic-light:before {
content: "\f637";
}
.fa-train:before {
content: "\f238";
}
.fa-tram:before {
content: "\f7da";
}
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-trash-alt:before {
content: "\f2ed";
}
.fa-trash-restore:before {
content: "\f829";
}
.fa-trash-restore-alt:before {
content: "\f82a";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-trello:before {
content: "\f181";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-trophy:before {
content: "\f091";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-truck-loading:before {
content: "\f4de";
}
.fa-truck-monster:before {
content: "\f63b";
}
.fa-truck-moving:before {
content: "\f4df";
}
.fa-truck-pickup:before {
content: "\f63c";
}
.fa-tshirt:before {
content: "\f553";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-tv:before {
content: "\f26c";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-twitter:before {
content: "\f099";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-typo3:before {
content: "\f42b";
}
.fa-uber:before {
content: "\f402";
}
.fa-ubuntu:before {
content: "\f7df";
}
.fa-uikit:before {
content: "\f403";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-umbrella-beach:before {
content: "\f5ca";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-undo:before {
content: "\f0e2";
}
.fa-undo-alt:before {
content: "\f2ea";
}
.fa-uniregistry:before {
content: "\f404";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-university:before {
content: "\f19c";
}
.fa-unlink:before {
content: "\f127";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-untappd:before {
content: "\f405";
}
.fa-upload:before {
content: "\f093";
}
.fa-ups:before {
content: "\f7e0";
}
.fa-usb:before {
content: "\f287";
}
.fa-user:before {
content: "\f007";
}
.fa-user-alt:before {
content: "\f406";
}
.fa-user-alt-slash:before {
content: "\f4fa";
}
.fa-user-astronaut:before {
content: "\f4fb";
}
.fa-user-check:before {
content: "\f4fc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-clock:before {
content: "\f4fd";
}
.fa-user-cog:before {
content: "\f4fe";
}
.fa-user-edit:before {
content: "\f4ff";
}
.fa-user-friends:before {
content: "\f500";
}
.fa-user-graduate:before {
content: "\f501";
}
.fa-user-injured:before {
content: "\f728";
}
.fa-user-lock:before {
content: "\f502";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-user-minus:before {
content: "\f503";
}
.fa-user-ninja:before {
content: "\f504";
}
.fa-user-nurse:before {
content: "\f82f";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-user-shield:before {
content: "\f505";
}
.fa-user-slash:before {
content: "\f506";
}
.fa-user-tag:before {
content: "\f507";
}
.fa-user-tie:before {
content: "\f508";
}
.fa-user-times:before {
content: "\f235";
}
.fa-users:before {
content: "\f0c0";
}
.fa-users-cog:before {
content: "\f509";
}
.fa-usps:before {
content: "\f7e1";
}
.fa-ussunnah:before {
content: "\f407";
}
.fa-utensil-spoon:before {
content: "\f2e5";
}
.fa-utensils:before {
content: "\f2e7";
}
.fa-vaadin:before {
content: "\f408";
}
.fa-vector-square:before {
content: "\f5cb";
}
.fa-venus:before {
content: "\f221";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-vial:before {
content: "\f492";
}
.fa-vials:before {
content: "\f493";
}
.fa-viber:before {
content: "\f409";
}
.fa-video:before {
content: "\f03d";
}
.fa-video-slash:before {
content: "\f4e2";
}
.fa-vihara:before {
content: "\f6a7";
}
.fa-vimeo:before {
content: "\f40a";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-vimeo-v:before {
content: "\f27d";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-vk:before {
content: "\f189";
}
.fa-vnv:before {
content: "\f40b";
}
.fa-volleyball-ball:before {
content: "\f45f";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-mute:before {
content: "\f6a9";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-vote-yea:before {
content: "\f772";
}
.fa-vr-cardboard:before {
content: "\f729";
}
.fa-vuejs:before {
content: "\f41f";
}
.fa-walking:before {
content: "\f554";
}
.fa-wallet:before {
content: "\f555";
}
.fa-warehouse:before {
content: "\f494";
}
.fa-water:before {
content: "\f773";
}
.fa-wave-square:before {
content: "\f83e";
}
.fa-waze:before {
content: "\f83f";
}
.fa-weebly:before {
content: "\f5cc";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-weight:before {
content: "\f496";
}
.fa-weight-hanging:before {
content: "\f5cd";
}
.fa-weixin:before {
content: "\f1d7";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-whatsapp-square:before {
content: "\f40c";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-whmcs:before {
content: "\f40d";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-wind:before {
content: "\f72e";
}
.fa-window-close:before {
content: "\f410";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-windows:before {
content: "\f17a";
}
.fa-wine-bottle:before {
content: "\f72f";
}
.fa-wine-glass:before {
content: "\f4e3";
}
.fa-wine-glass-alt:before {
content: "\f5ce";
}
.fa-wix:before {
content: "\f5cf";
}
.fa-wizards-of-the-coast:before {
content: "\f730";
}
.fa-wolf-pack-battalion:before {
content: "\f514";
}
.fa-won-sign:before {
content: "\f159";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-wordpress-simple:before {
content: "\f411";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-wpressr:before {
content: "\f3e4";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-x-ray:before {
content: "\f497";
}
.fa-xbox:before {
content: "\f412";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-y-combinator:before {
content: "\f23b";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-yammer:before {
content: "\f840";
}
.fa-yandex:before {
content: "\f413";
}
.fa-yandex-international:before {
content: "\f414";
}
.fa-yarn:before {
content: "\f7e3";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-yen-sign:before {
content: "\f157";
}
.fa-yin-yang:before {
content: "\f6ad";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-youtube:before {
content: "\f167";
}
.fa-youtube-square:before {
content: "\f431";
}
.fa-zhihu:before {
content: "\f63f";
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-brands-400.eot);
src: url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-brands-400.woff2) format("woff2"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-brands-400.woff) format("woff"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-brands-400.ttf) format("truetype"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-brands-400.svg#fontawesome) format("svg");
}
.fab {
font-family: 'Font Awesome 5 Brands';
}
@font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-regular-400.eot);
src: url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-regular-400.woff2) format("woff2"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-regular-400.woff) format("woff"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-regular-400.ttf) format("truetype"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-regular-400.svg#fontawesome) format("svg");
}
.far {
font-family: 'Font Awesome 5 Pro';
font-weight: 400;
}
@font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-solid-900.eot);
src: url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-solid-900.woff2) format("woff2"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-solid-900.woff) format("woff"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-solid-900.ttf) format("truetype"), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fa,
.fas {
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
}@font-face{font-family:Simple-Line-Icons;src:url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/Simple-Line-Icons.eot);src:url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/Simple-Line-Icons.eot?#iefix)format('embedded-opentype'),url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/Simple-Line-Icons.woff)format('woff'),url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/Simple-Line-Icons.ttf)format('truetype'),url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/Simple-Line-Icons.svg#Simple-Line-Icons)format('svg');font-weight:400;font-style:normal}[data-icon]:before{font-family:Simple-Line-Icons;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-action-redo,.icon-action-undo,.icon-anchor,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-badge,.icon-bag,.icon-ban,.icon-bar-chart,.icon-basket,.icon-basket-loaded,.icon-bell,.icon-book-open,.icon-briefcase,.icon-bubble,.icon-bubbles,.icon-bulb,.icon-calculator,.icon-calendar,.icon-call-end,.icon-call-in,.icon-call-out,.icon-camcorder,.icon-camera,.icon-check,.icon-chemistry,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-compass,.icon-control-end,.icon-control-forward,.icon-control-pause,.icon-control-play,.icon-control-rewind,.icon-control-start,.icon-credit-card,.icon-crop,.icon-cup,.icon-cursor,.icon-cursor-move,.icon-diamond,.icon-direction,.icon-directions,.icon-disc,.icon-dislike,.icon-doc,.icon-docs,.icon-drawer,.icon-drop,.icon-earphones,.icon-earphones-alt,.icon-emoticon-smile,.icon-energy,.icon-envelope,.icon-envelope-letter,.icon-envelope-open,.icon-equalizer,.icon-eye,.icon-eyeglasses,.icon-feed,.icon-film,.icon-fire,.icon-flag,.icon-folder,.icon-folder-alt,.icon-frame,.icon-game-controller,.icon-ghost,.icon-globe,.icon-globe-alt,.icon-graduation,.icon-graph,.icon-grid,.icon-handbag,.icon-heart,.icon-home,.icon-hourglass,.icon-info,.icon-key,.icon-layers,.icon-like,.icon-link,.icon-list,.icon-lock,.icon-lock-open,.icon-login,.icon-logout,.icon-loop,.icon-magic-wand,.icon-magnet,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-map,.icon-microphone,.icon-mouse,.icon-moustache,.icon-music-tone,.icon-music-tone-alt,.icon-note,.icon-notebook,.icon-paper-clip,.icon-paper-plane,.icon-pencil,.icon-picture,.icon-pie-chart,.icon-pin,.icon-plane,.icon-playlist,.icon-plus,.icon-pointer,.icon-power,.icon-present,.icon-printer,.icon-puzzle,.icon-question,.icon-refresh,.icon-reload,.icon-rocket,.icon-screen-desktop,.icon-screen-smartphone,.icon-screen-tablet,.icon-settings,.icon-share,.icon-share-alt,.icon-shield,.icon-shuffle,.icon-size-actual,.icon-size-fullscreen,.icon-social-dribbble,.icon-social-dropbox,.icon-social-facebook,.icon-social-tumblr,.icon-social-twitter,.icon-social-youtube,.icon-speech,.icon-speedometer,.icon-star,.icon-support,.icon-symbol-female,.icon-symbol-male,.icon-tag,.icon-target,.icon-trash,.icon-trophy,.icon-umbrella,.icon-user,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-users,.icon-vector,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-wallet,.icon-wrench{font-family:Simple-Line-Icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-user-female:before{content:"\e000"}.icon-user-follow:before{content:"\e002"}.icon-user-following:before{content:"\e003"}.icon-user-unfollow:before{content:"\e004"}.icon-trophy:before{content:"\e006"}.icon-screen-smartphone:before{content:"\e010"}.icon-screen-desktop:before{content:"\e011"}.icon-plane:before{content:"\e012"}.icon-notebook:before{content:"\e013"}.icon-moustache:before{content:"\e014"}.icon-mouse:before{content:"\e015"}.icon-magnet:before{content:"\e016"}.icon-energy:before{content:"\e020"}.icon-emoticon-smile:before{content:"\e021"}.icon-disc:before{content:"\e022"}.icon-cursor-move:before{content:"\e023"}.icon-crop:before{content:"\e024"}.icon-credit-card:before{content:"\e025"}.icon-chemistry:before{content:"\e026"}.icon-user:before{content:"\e005"}.icon-speedometer:before{content:"\e007"}.icon-social-youtube:before{content:"\e008"}.icon-social-twitter:before{content:"\e009"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-facebook:before{content:"\e00b"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-dribbble:before{content:"\e00d"}.icon-shield:before{content:"\e00e"}.icon-screen-tablet:before{content:"\e00f"}.icon-magic-wand:before{content:"\e017"}.icon-hourglass:before{content:"\e018"}.icon-graduation:before{content:"\e019"}.icon-ghost:before{content:"\e01a"}.icon-game-controller:before{content:"\e01b"}.icon-fire:before{content:"\e01c"}.icon-eyeglasses:before{content:"\e01d"}.icon-envelope-open:before{content:"\e01e"}.icon-envelope-letter:before{content:"\e01f"}.icon-bell:before{content:"\e027"}.icon-badge:before{content:"\e028"}.icon-anchor:before{content:"\e029"}.icon-wallet:before{content:"\e02a"}.icon-vector:before{content:"\e02b"}.icon-speech:before{content:"\e02c"}.icon-puzzle:before{content:"\e02d"}.icon-printer:before{content:"\e02e"}.icon-present:before{content:"\e02f"}.icon-playlist:before{content:"\e030"}.icon-pin:before{content:"\e031"}.icon-picture:before{content:"\e032"}.icon-map:before{content:"\e033"}.icon-layers:before{content:"\e034"}.icon-handbag:before{content:"\e035"}.icon-globe-alt:before{content:"\e036"}.icon-globe:before{content:"\e037"}.icon-frame:before{content:"\e038"}.icon-folder-alt:before{content:"\e039"}.icon-film:before{content:"\e03a"}.icon-feed:before{content:"\e03b"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-drop:before{content:"\e03e"}.icon-drawer:before{content:"\e03f"}.icon-docs:before{content:"\e040"}.icon-directions:before{content:"\e041"}.icon-direction:before{content:"\e042"}.icon-diamond:before{content:"\e043"}.icon-cup:before{content:"\e044"}.icon-compass:before{content:"\e045"}.icon-call-out:before{content:"\e046"}.icon-call-in:before{content:"\e047"}.icon-call-end:before{content:"\e048"}.icon-calculator:before{content:"\e049"}.icon-bubbles:before{content:"\e04a"}.icon-briefcase:before{content:"\e04b"}.icon-book-open:before{content:"\e04c"}.icon-basket-loaded:before{content:"\e04d"}.icon-basket:before{content:"\e04e"}.icon-bag:before{content:"\e04f"}.icon-action-undo:before{content:"\e050"}.icon-action-redo:before{content:"\e051"}.icon-wrench:before{content:"\e052"}.icon-umbrella:before{content:"\e053"}.icon-trash:before{content:"\e054"}.icon-tag:before{content:"\e055"}.icon-support:before{content:"\e056"}.icon-size-fullscreen:before{content:"\e057"}.icon-size-actual:before{content:"\e058"}.icon-shuffle:before{content:"\e059"}.icon-share-alt:before{content:"\e05a"}.icon-share:before{content:"\e05b"}.icon-rocket:before{content:"\e05c"}.icon-question:before{content:"\e05d"}.icon-pie-chart:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-microphone:before{content:"\e063"}.icon-loop:before{content:"\e064"}.icon-logout:before{content:"\e065"}.icon-login:before{content:"\e066"}.icon-list:before{content:"\e067"}.icon-like:before{content:"\e068"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-equalizer:before{content:"\e06c"}.icon-dislike:before{content:"\e06d"}.icon-cursor:before{content:"\e06e"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-calendar:before{content:"\e075"}.icon-bulb:before{content:"\e076"}.icon-bar-chart:before{content:"\e077"}.icon-arrow-up:before{content:"\e078"}.icon-arrow-right:before{content:"\e079"}.icon-arrow-left:before{content:"\e07a"}.icon-arrow-down:before{content:"\e07b"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camcorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-check:before{content:"\e080"}.icon-clock:before{content:"\e081"}.icon-close:before{content:"\e082"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-doc:before{content:"\e085"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-folder:before{content:"\e089"}.icon-heart:before{content:"\e08a"}.icon-info:before{content:"\e08b"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-plus:before{content:"\e095"}.icon-pointer:before{content:"\e096"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-settings:before{content:"\e09a"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-users:before{content:"\e001"}@font-face{font-family:et-line;src:url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/et-line.eot);src:url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/et-line.eot?#iefix)format('embedded-opentype'),url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/et-line.woff)format('woff'),url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/et-line.ttf)format('truetype'),url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/et-line.svg#et-line)format('svg');font-weight:400;font-style:normal}[data-icon]:before{font-family:et-line;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.et-adjustments,.et-alarmclock,.et-anchor,.et-aperture,.et-attachment,.et-bargraph,.et-basket,.et-beaker,.et-bike,.et-book-open,.et-briefcase,.et-browser,.et-calendar,.et-camera,.et-caution,.et-chat,.et-circle-compass,.et-clipboard,.et-clock,.et-cloud,.et-compass,.et-desktop,.et-dial,.et-document,.et-documents,.et-download,.et-dribbble,.et-edit,.et-envelope,.et-expand,.et-facebook,.et-flag,.et-focus,.et-gears,.et-genius,.et-gift,.et-global,.et-globe,.et-googleplus,.et-grid,.et-happy,.et-hazardous,.et-heart,.et-hotairballoon,.et-hourglass,.et-key,.et-laptop,.et-layers,.et-lifesaver,.et-lightbulb,.et-linegraph,.et-linkedin,.et-lock,.et-magnifying-glass,.et-map,.et-map-pin,.et-megaphone,.et-mic,.et-mobile,.et-newspaper,.et-notebook,.et-paintbrush,.et-paperclip,.et-pencil,.et-phone,.et-picture,.et-pictures,.et-piechart,.et-presentation,.et-pricetags,.et-printer,.et-profile-female,.et-profile-male,.et-puzzle,.et-quote,.et-recycle,.et-refresh,.et-ribbon,.et-rss,.et-sad,.et-scissors,.et-scope,.et-search,.et-shield,.et-speedometer,.et-strategy,.et-streetsign,.et-tablet,.et-target,.et-telescope,.et-toolbox,.et-tools,.et-tools-2,.et-trophy,.et-tumblr,.et-twitter,.et-upload,.et-video,.et-wallet,.et-wine{font-family:et-line;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.et-mobile:before{content:"\e000"}.et-laptop:before{content:"\e001"}.et-desktop:before{content:"\e002"}.et-tablet:before{content:"\e003"}.et-phone:before{content:"\e004"}.et-document:before{content:"\e005"}.et-documents:before{content:"\e006"}.et-search:before{content:"\e007"}.et-clipboard:before{content:"\e008"}.et-newspaper:before{content:"\e009"}.et-notebook:before{content:"\e00a"}.et-book-open:before{content:"\e00b"}.et-browser:before{content:"\e00c"}.et-calendar:before{content:"\e00d"}.et-presentation:before{content:"\e00e"}.et-picture:before{content:"\e00f"}.et-pictures:before{content:"\e010"}.et-video:before{content:"\e011"}.et-camera:before{content:"\e012"}.et-printer:before{content:"\e013"}.et-toolbox:before{content:"\e014"}.et-briefcase:before{content:"\e015"}.et-wallet:before{content:"\e016"}.et-gift:before{content:"\e017"}.et-bargraph:before{content:"\e018"}.et-grid:before{content:"\e019"}.et-expand:before{content:"\e01a"}.et-focus:before{content:"\e01b"}.et-edit:before{content:"\e01c"}.et-adjustments:before{content:"\e01d"}.et-ribbon:before{content:"\e01e"}.et-hourglass:before{content:"\e01f"}.et-lock:before{content:"\e020"}.et-megaphone:before{content:"\e021"}.et-shield:before{content:"\e022"}.et-trophy:before{content:"\e023"}.et-flag:before{content:"\e024"}.et-map:before{content:"\e025"}.et-puzzle:before{content:"\e026"}.et-basket:before{content:"\e027"}.et-envelope:before{content:"\e028"}.et-streetsign:before{content:"\e029"}.et-telescope:before{content:"\e02a"}.et-gears:before{content:"\e02b"}.et-key:before{content:"\e02c"}.et-paperclip:before{content:"\e02d"}.et-attachment:before{content:"\e02e"}.et-pricetags:before{content:"\e02f"}.et-lightbulb:before{content:"\e030"}.et-layers:before{content:"\e031"}.et-pencil:before{content:"\e032"}.et-tools:before{content:"\e033"}.et-tools-2:before{content:"\e034"}.et-scissors:before{content:"\e035"}.et-paintbrush:before{content:"\e036"}.et-magnifying-glass:before{content:"\e037"}.et-circle-compass:before{content:"\e038"}.et-linegraph:before{content:"\e039"}.et-mic:before{content:"\e03a"}.et-strategy:before{content:"\e03b"}.et-beaker:before{content:"\e03c"}.et-caution:before{content:"\e03d"}.et-recycle:before{content:"\e03e"}.et-anchor:before{content:"\e03f"}.et-profile-male:before{content:"\e040"}.et-profile-female:before{content:"\e041"}.et-bike:before{content:"\e042"}.et-wine:before{content:"\e043"}.et-hotairballoon:before{content:"\e044"}.et-globe:before{content:"\e045"}.et-genius:before{content:"\e046"}.et-map-pin:before{content:"\e047"}.et-dial:before{content:"\e048"}.et-chat:before{content:"\e049"}.et-heart:before{content:"\e04a"}.et-cloud:before{content:"\e04b"}.et-upload:before{content:"\e04c"}.et-download:before{content:"\e04d"}.et-target:before{content:"\e04e"}.et-hazardous:before{content:"\e04f"}.et-piechart:before{content:"\e050"}.et-speedometer:before{content:"\e051"}.et-global:before{content:"\e052"}.et-compass:before{content:"\e053"}.et-lifesaver:before{content:"\e054"}.et-clock:before{content:"\e055"}.et-aperture:before{content:"\e056"}.et-quote:before{content:"\e057"}.et-scope:before{content:"\e058"}.et-alarmclock:before{content:"\e059"}.et-refresh:before{content:"\e05a"}.et-happy:before{content:"\e05b"}.et-sad:before{content:"\e05c"}.et-facebook:before{content:"\e05d"}.et-twitter:before{content:"\e05e"}.et-googleplus:before{content:"\e05f"}.et-rss:before{content:"\e060"}.et-tumblr:before{content:"\e061"}.et-linkedin:before{content:"\e062"}.et-dribbble:before{content:"\e063"}@font-face {
font-family: 'Glyphicons Halflings';
src: url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/glyphicons-halflings-regular.eot);
src: url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/glyphicons-halflings-regular.woff) format('woff'), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(//8solutions.de/wp-content/themes/8solutions-v7/core/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
} html{
overflow-x: hidden;
background: #fafafa;
}
@media (max-width: 992px){
[class*="col-md-"] [class*="col-md-"] {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 992px){
[class*="col-md-"] [class*="col-md-"]:first-child {
padding-left: 0px;
}	
[class*="col-md-"] [class*="col-md-"]:last-child {
padding-right: 0px;
}
}	
:focus {
outline: none 0px;
}
ol, ul {
list-style: none outside none;
}
blockquote::before, blockquote::after, q::before, q::after {
}
blockquote, q {
}
a img {
border: 0px none;
}
article, .widget, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body{
background-color: #f0f0f0;
background-attachment: fixed;
}
body code {
display: inline-block;
white-space: normal;
}
.container-fluid{ }
.full-width {
min-width: 100%;
max-width: 100%;
width: 100%;
margin: 0px;
padding: 0px;
}
.full-width.layout-boxed{
min-width: 0px;
}
.layout-boxed .wpb_revslider_element{
width: 100%;
overflow:hidden;
}
html body .layout-boxed .rowlevelone.limit-width {
margin: 0px auto !important;
padding: 0 18px;
}
.noanimate{
-webkit-animation-name: none !important;
animation-name: none !important;
}
.alignleft {
display: inline;
float: left;
text-align: left;
}
img.alignleft {
margin-right: 18px;
}
.alignright {
display: inline;
float: right;
text-align: right;
}
img.alignright {
margin-left: 18px;
}
.aligncenter {
text-align: center;
}
a.more-link {
margin: 0px 0px 10px;
}
caption{
text-align: left;
}
pre {
background-image: none;
background-attachment: scroll;
background-color: rgb(244, 244, 244);
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
code, kbd, samp, var {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}
abbr, acronym, dfn {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: rgb(102, 102, 102);
cursor: help;
}
address {
display: block;
margin: 0px 0px 1.625em;
}
.execphpwidget{
float: left;
width: 100%;
}
.assistive-text {
clip: rect(1px 1px 1px 1px);
position: absolute !important;
}
.hentry, .no-results {
clear: both;
}
.page.type-page {
}
img.sizefullwidth {
margin: 10px 0px 20px;
width: 99.5% !important;
}
body.search .hentry {
padding-bottom: 10px;
}
.hentry:last-child, .no-results {
border-bottom-width: medium;
border-bottom-style: none;
}
.page-link span {
margin-right: 6px;
}
.layout-boxed{
margin: 0px auto;
background: #fff;
display: inline-block;
text-align: left;
transition: all 500ms ease-out;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
html body .layout-boxed .full{
margin: 0px !important;
}
.layout-boxed .footer1{
padding-bottom: 10px;
}
.layout-boxed .widget .container{
width: auto;
}
.entry-meta .edit-link a, .commentlist .edit-link a {
color: rgb(102, 102, 102);
float: right;
font-size: 12px;
font-weight: 300;
line-height: 1.5em;
padding: 3px 10px;
}
.entry-meta .edit-link a:hover, .commentlist .edit-link a:hover {
color: rgb(255, 255, 255);
}
.entry-content .edit-link {
clear: both;
display: block;
}
.entry-content img, .comment-content img, .widget img {
max-width: 100%;
max-height: 100%;
}
.entry-content .ls-container img{
max-height: inherit;
max-width: inherit;
}
.imgframe5 img{
border: none !important;
background-color: #fff; 
}
.widget .ls-wp-container img{
max-width: inherit;
max-height: inherit;	
}
.ls-wp-container{
float: left;
}
.widget_contents-component img{	
border: 1px solid rgba(0,0,0,0.05);
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
height: auto;
}
img.size-full, img.size-large {
max-width: 100%;
width: auto;
height: auto;
}
.entry-content img.wp-smiley {
border: medium none;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
}
img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 1.625em;
}
p img, .wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background-image: none;
background-attachment: scroll;
background-color: rgb(238, 238, 238);
margin-bottom: 1.625em;
max-width: 100%;
padding: 9px;
margin-right: 18px;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
.wp-caption img {
display: block;
margin: 0px auto;
max-width: 100%;
}
.wp-caption .wp-caption-text, .gallery-caption {
color: rgb(102, 102, 102);
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 10px 5px 10px;
position: relative;
text-align: center;
}
.wp-caption .wp-caption-text::before {
color: rgb(102, 102, 102);
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
ul#links404 {
list-style: inherit;
margin-left: 20px;
}
ul#links404 li {
line-height: 25px;
}
.wp-caption img {
border-color: rgb(238, 238, 238);
}
.rssicon {
height: 20px;
width: 20px;
margin-top: 15px;
background-repeat: no-repeat no-repeat;
}
embed, iframe, object {
max-width: 100%;
}
.post-password-required .entry-header .comments-link {
margin: 1.625em 0px 0px;
}
.post-password-required input[type="password"] {
margin: 0.8125em 0px;
}
.post-password-required input[type="password"]:focus {
background-image: none;
background-attachment: scroll;
background-color: rgb(247, 247, 247);
background-position: 0% 0%;
background-repeat: repeat repeat;
}
#author-info {
font-size: 12px;
overflow: hidden;
}
header.entry-header {
text-align: left;
display: inline-block;
width: 100%;
margin: 15px 0 10px;
}
li.ext-nav,.minicart-li{
position: relative !important;
z-index: 1000000;
}
li.ext-nav>a{
padding-right: 18px;
padding-left: 13px;
}
li.ext-nav i{
margin-top: 5px;
transition: all 350ms;
font-size: 15px;
font-weight: 600;
display: inherit;
}
li.ext-nav:hover i,.minicart-li:hover i{
transform: scale(1.2);
}
li.ext-nav>ul,.minicart-li>ul{
border: none;
top: 29px;
padding-top: 20px;
padding-bottom: 20px;
background-color: transparent;
right: 0px;
left: inherit !important;
box-shadow: none;
position: absolute;
padding-bottom: 0px;
}
.minicart-li>ul {
top: 100%;
margin-top: -5px;
}
.minicart-li>ul .minicart-wrp{
box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
}
.minicart-li:hover>ul{
display: block;
}
.minicart-li .total strong{
color: #555;
}
.minicart-li .buttons .checkout{
margin-right: 0px !important;
}
.compact li.ext-nav>ul, .compact .minicart-li>ul{
top: 42px;
}
li.ext-nav:last-child>a{
margin-right: 0px;
padding-left: 0px;
}
li.ext-nav.search-nav #searchform{
box-shadow: none;
}
li.ext-nav #searchform #s{
background-color: #eee;
}
li.ext-nav #searchform #searchsubmit{
padding: 7px 10px 6px;
}	
.minicart-wrp{
background: #fff;
}
.minicart-wrp .empty{
padding: 15px;
}	
.search-nav #searchform #searchsubmit{
float: right;
}
.search-nav #searchform #s{
border: none;
font-size: 12px;
}
.search-nav #searchform{
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
display: inline-block;
min-width: 250px;
}
.search-nav .dropdown-menu{
min-width: 250px;
}
#content{
min-height: 500px;
}
#logo img{
max-height: 50px;
transition: all 450ms ease-out;
-webkit-transition: all 450ms ease-out;
-moz-transition: all 450ms ease-out;
max-width: initial;
}
.compact #logo img{
max-height: 30px;
margin-top: 5px;
}
.singular #author-info {
background-image: none;
background-attachment: scroll;
background-color: rgb(249, 249, 249);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(221, 221, 221);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(221, 221, 221);
margin: 2.2em -35.6% 0px -35.4%;
padding: 20px 35.4%;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
.archive #author-info {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(221, 221, 221);
margin: 0px 0px 2.2em;
padding: 0px 0px 2.2em;
}
#author-avatar {
float: left;
margin-right: -78px;
}
#author-avatar img {
background-image: none;
background-attachment: scroll;
background-color: rgb(255, 255, 255);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
box-shadow: rgb(187, 187, 187) 0px 1px 2px;
padding: 3px;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
#author-description {
float: left;
margin-left: 108px;
}
#author-description h2 {
color: rgb(0, 0, 0);
font-size: 15px;
font-weight: bold;
margin: 5px 0px 10px;
}
.entry-header .comments-link a {
background-attachment: scroll;
background-color: rgb(238, 238, 238);
color: rgb(102, 102, 102);
font-size: 13px;
font-weight: normal;
line-height: 35px;
overflow: hidden;
padding: 0px;
position: absolute;
top: 1.5em;
right: 0px;
text-align: center;
width: 43px;
height: 36px;
background-position: 0% 0%;
background-repeat: no-repeat no-repeat;
}
.king-LvCRow{
width: 100%;
display: inline-block;
min-height: 20px;
}
.devnConColbody{
width: 100%;
height: 100%;
display: block;
min-height: 20px;
}
.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active {
background-color: rgb(25, 130, 209);
color: rgba(255, 255, 255, 0.8);
}
.entry-header .comments-link .leave-reply {
visibility: hidden;
}
.entry-header hgroup .entry-title {
padding-top: 15px;
}
article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content {
padding: 20px 0px 0px;
}
article.format-status .entry-content {
min-height: 65px;
}
.recent-posts .entry-header .entry-format {
display: none;
}
.recent-posts .entry-header hgroup .entry-title {
padding-top: 0px;
}
.singular .hentry {
border-bottom-width: medium;
border-bottom-style: none;
padding: 4.875em 0px 0px;
position: relative;
}
.singular.page .hentry {
padding: 0px;
}
.singular .entry-title {
color: rgb(0, 0, 0);
font-size: 36px;
font-weight: bold;
line-height: 48px;
}
.singular .entry-title, .singular .entry-header .entry-meta {
padding-right: 0px;
}
.singular .entry-header .entry-meta {
position: absolute;
top: 0px;
left: 0px;
}
blockquote.pull {
font-size: 21px;
font-weight: bold;
line-height: 1.6125em;
margin: 0px 0px 1.625em;
text-align: center;
}
.singular blockquote.pull {
margin: 0px -22.25% 1.625em;
}
.pull.alignleft {
margin: 0px 1.625em 0px 0px;
text-align: right;
}
.singular .pull.alignleft {
margin: 0px 1.625em 0px -22.25%;
}
.pull.alignright {
margin: 0px 0px 0px 1.625em;
text-align: left;
}
blockquote.pull.alignleft, blockquote.pull.alignright {
width: 33%;
}
.singular .pull.alignright {
margin: 0px -22.25% 0px 1.625em;
}
.singular blockquote.pull.alignleft, .singular blockquote.pull.alignright {
width: 33%;
}
.singular .entry-meta .edit-link a {
bottom: auto;
left: 50px;
position: absolute;
right: auto;
top: 80px;
}
.format-aside .entry-title, .format-aside .entry-header .comments-link {
display: none;
}
.singular .format-aside .entry-title {
display: block;
}
.format-aside .entry-content {
padding: 0px;
}
.singular .format-aside .entry-content {
padding: 1.625em 0px 0px;
}
.format-link .entry-title, .format-link .entry-header .comments-link {
display: none;
}
.singular .format-link .entry-title {
display: block;
}
.format-link .entry-content {
padding: 0px;
}
.singular .format-link .entry-content {
padding: 1.625em 0px 0px;
}
.format-gallery .gallery-thumb {
float: left;
display: block;
margin: 0.375em 1.625em 0px 0px;
}
.format-status .entry-title, .format-status .entry-header .comments-link {
display: none;
}
.singular .format-status .entry-title {
display: block;
}
.format-status .entry-content {
padding: 0px;
}
.singular .format-status .entry-content {
padding: 1.625em 0px 0px;
}
.format-status img.avatar {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
box-shadow: rgb(204, 204, 204) 0px 1px 2px;
float: left;
margin: 4px 10px 2px 0px;
padding: 0px;
}
.format-quote blockquote {
color: rgb(85, 85, 85);
font-size: 17px;
margin: 0px;
}
.indexed.format-image .entry-header {
min-height: 61px;
}
.indexed.format-image .entry-content {
padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
margin: 1em 0px;
}
.indexed.format-image .entry-content p:first-child, .indexed.format-image .entry-content p:first-child a, .indexed.format-image .entry-content p:first-child img {
display: block;
margin: 0px;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
margin: 0px;
padding-bottom: 1em;
}
.indexed.format-image footer.entry-meta {
background-image: none;
background-attachment: scroll;
background-color: rgb(221, 221, 221);
overflow: hidden;
padding: 4%;
max-width: 96%;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
.indexed.format-image div.entry-meta {
display: inline-block;
float: left;
width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
float: none;
width: 65%;
}
.indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link {
display: block;
}
.indexed.format-image footer.entry-meta a {
color: rgb(68, 68, 68);
}
.indexed.format-image footer.entry-meta a:hover {
color: rgb(255, 255, 255);
}
#content .indexed.format-image img {
border: medium none;
max-width: 100%;
padding: 0px;
}
.indexed.format-image .wp-caption {
background-image: none;
background-attachment: scroll;
background-color: rgb(17, 17, 17);
margin-bottom: 0px;
max-width: 96%;
padding: 2% 2% 0px;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
.indexed.format-image .wp-caption .wp-caption-text {
color: rgb(221, 221, 221);
}
.indexed.format-image .wp-caption .wp-caption-text::before {
color: rgb(68, 68, 68);
}
.indexed.format-image a:hover img {
opacity: 0.8;
}
h1.showcase-heading {
color: rgb(102, 102, 102);
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
article.intro {
background-image: none;
background-attachment: scroll;
background-color: rgb(249, 249, 249);
border-bottom-width: medium;
border-bottom-style: none;
margin: -1.855em -8.9% 1.625em;
padding: 0px 8.9%;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
article.intro .entry-title {
display: none;
}
article.intro .entry-content {
color: rgb(17, 17, 17);
font-size: 16px;
padding: 1.625em 0px 0.625em;
}
article.intro .edit-link a {
background-image: none;
background-attachment: scroll;
background-color: rgb(170, 170, 170);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
color: rgb(255, 255, 255);
font-size: 12px;
padding: 0px 8px;
position: absolute;
top: 30px;
right: 20px;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active {
background-image: none;
background-attachment: scroll;
background-color: rgb(119, 119, 119);
background-position: 0% 0%;
background-repeat: repeat repeat;
}
section.featured-post {
float: left;
margin: -1.625em -8.9% 1.625em;
padding: 1.625em 8.9% 0px;
position: relative;
width: 100%;
}
section.featured-post .hentry {
border: medium none;
color: rgb(102, 102, 102);
margin: 0px;
}
section.featured-post .entry-meta {
clip: rect(1px 1px 1px 1px);
position: absolute !important;
}
section.featured-post .attachment-small-feature {
float: right;
height: auto;
margin: 0px -8.9% 1.625em 0px;
max-width: 59%;
position: relative;
right: -15px;
}
section.featured-post.small {
padding-top: 0px;
}
section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active {
opacity: 0.8;
}
article.feature-image.small {
float: left;
margin: 0px 0px 1.625em;
width: 45%;
}
article.feature-image.small .entry-title {
line-height: 1.2em;
}
article.feature-image.small .entry-summary {
color: rgb(85, 85, 85);
font-size: 13px;
}
article.feature-image.small .entry-summary p a {
background-image: none;
background-attachment: scroll;
background-color: rgb(34, 34, 34);
color: rgb(238, 238, 238);
display: block;
left: -23.8%;
padding: 9px 26px 9px 85px;
position: relative;
top: 20px;
width: 180px;
z-index: 1;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
article.feature-image.small .entry-summary p a:hover {
background-image: none;
background-attachment: scroll;
background-color: rgb(25, 130, 209);
color: rgba(255, 255, 255, 0.8);
background-position: 0% 0%;
background-repeat: repeat repeat;
}
section.feature-image.large {
border: medium none;
max-height: 288px;
padding: 0px;
width: 100%;
}
section.feature-image.large .showcase-heading {
display: none;
}
section.feature-image.large .hentry {
border-bottom-width: medium;
border-bottom-style: none;
left: 9%;
margin: 1.625em 9% 0px 0px;
position: absolute;
top: 0px;
}
article.feature-image.large .entry-title a {
background-image: none;
background-attachment: scroll;
background-color: rgba(0, 0, 0, 0.8);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
font-weight: 300;
padding: 0.2em 20px;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a {
background-image: none;
background-attachment: scroll;
background-color: rgba(255, 255, 255, 0.8);
color: rgb(34, 34, 34);
background-position: 0% 0%;
background-repeat: repeat repeat;
}
article.feature-image.large .entry-summary {
display: none;
}
section.feature-image.large img {
display: block;
height: auto;
max-width: 117.9%;
padding: 0px 0px 6px;
}
.featured-posts {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(221, 221, 221);
display: block;
height: 328px;
margin: 1.625em -8.9% 20px;
max-width: 1000px;
padding: 0px;
position: relative;
overflow: hidden;
}
body.error404 .widget-title {
margin-bottom: 10px;
}
.featured-posts .showcase-heading {
padding-left: 8.9%;
}
.featured-posts section.featured-post {
background-image: none;
background-attachment: scroll;
background-color: rgb(255, 255, 255);
height: 288px;
left: 0px;
margin: 0px;
position: absolute;
top: 30px;
width: auto;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
.featured-posts section.featured-post.large {
max-width: 100%;
overflow: hidden;
}
.featured-posts section.featured-post {
}
.featured-posts section.featured-post {
opacity: 0;
visibility: hidden;
}
.featured-posts #featured-post-1 {
opacity: 1;
visibility: visible;
}
.featured-post .feature-text::after, .featured-post .feature-image.small::after {
width: 100%;
height: 45px;
position: absolute;
top: 230px;
}
.featured-post .feature-image.small::after {
top: 253px;
}
#content .feature-slider {
top: 5px;
right: 8.9%;
overflow: visible;
position: absolute;
}
.feature-slider ul {
list-style-type: none;
margin: 0px;
}
.feature-slider li {
float: left;
margin: 0px 6px;
}
.feature-slider a {
background-image: none;
background-attachment: scroll;
background-color: rgba(60, 60, 60, 0.901961);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px inset, rgba(255, 255, 255, 0.498039) 0px 0px 2px inset;
display: block;
width: 14px;
height: 14px;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
.feature-slider a.active {
background-image: none;
background-attachment: scroll;
background-color: rgb(25, 130, 209);
box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px inset, rgba(255, 255, 255, 0.8) 0px 0px 2px inset;
cursor: default;
opacity: 0.5;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
section.recent-posts {
padding: 0px 0px 1.625em;
}
section.recent-posts .hentry {
border: medium none;
margin: 0px;
}
section.recent-posts .other-recent-posts {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(221, 221, 221);
list-style: none outside none;
margin: 0px;
}
section.recent-posts .other-recent-posts li {
padding: 0.3125em 0px;
position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(221, 221, 221);
font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
color: rgb(55, 55, 55);
float: left;
max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]::after {
color: transparent;
font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: rgb(153, 153, 153);
bottom: -2px;
color: rgb(68, 68, 68);
display: block;
font-size: 10px;
font-weight: 500;
line-height: 2.76333em;
padding: 0.3125em 0px 0.3125em 1em;
position: absolute;
right: 0px;
text-align: right;
text-transform: uppercase;
z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
border-color: rgb(187, 187, 187);
color: rgb(136, 136, 136);
}
section.recent-posts .other-recent-posts .comments-link a:hover {
color: rgb(25, 130, 209);
border-color: rgb(25, 130, 209);
}
section.recent-posts .other-recent-posts li::after {
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
.image-attachment div.attachment {
background-image: none;
background-attachment: scroll;
background-color: rgb(249, 249, 249);
border-style: solid;
border-color: rgb(221, 221, 221);
border-image-source: none;
border-width: 1px 0px;
margin: 0px -8.9% 1.625em;
overflow: hidden;
padding: 1.625em 1.625em 0px;
text-align: center;
background-position: 0% 0%;
background-repeat: repeat repeat;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0px auto 1.625em;
max-width: 100%;
}
.image-attachment div.attachment a img {
border-color: rgb(249, 249, 249);
}
.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
border-color: rgb(221, 221, 221);
background-image: none;
background-attachment: scroll;
background-color: rgb(255, 255, 255);
background-position: 0% 0%;
background-repeat: repeat repeat;
}
.image-attachment .entry-caption p {
font-size: 10px;
letter-spacing: 0.1em;
line-height: 2.6em;
margin: 0px 0px 2.6em;
text-transform: uppercase;
}
.bypostauthor{
}
#content nav {
clear: both;
overflow: hidden;
padding: 30px 0;
}
#nav-above {
padding: 0px 0px 1.625em;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#content nav .meta-nav {
font-weight: normal;
}
#wrap {
display: inline-block;
position: relative;
height: 30px;
float: right;
padding: 0;
position: relative;
margin-right: 15px;
margin-top: 15px;
}
#wrap input[type="text"] {
height: 30px;
font-size: 15px;
display: inline-block;
border: none;
outline: none;
color: #999;
padding: 0px 10px;
padding-right: 60px;
width: 0px;
position: absolute;
top: 0;
right: 0;
background: none;
z-index: 3;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
cursor: pointer;
border-radius: 3px;
}
#wrap input[type="text"]:focus:hover {
background-color: #fff;
-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
#wrap input[type="text"]:focus {
width: 300px;
z-index: 1;
cursor: text;
background-color: #fff;
-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
#wrap input[type="submit"] {
height: 30px;
width: 30px;
display: inline-block;
color: red;
float: right;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-search-menu.png) no-repeat center 1px;
text-indent: -10000px;
border: none;
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
opacity: 0.4;
cursor: pointer;
transition: opacity .4s ease;
background-size: 30px;
}
#wrap input[type="submit"]:hover {
opacity: 0.8;
}
.edit-link a {
float: right;
height: 20px;
line-height: 20px;
font-size: 12px !important;
text-transform: none !important;
} .pagination-comments {
padding: 5px;
margin: 0;
}
.pagination-comments li {
display: inline;
list-style: none;
}
.pagination-comments a {
background: #e7e7e7;
border: 1px solid #d7d7d7;
color: #666666;
margin-right: 4px;
padding: 3px 6px;
text-align: center;
text-decoration: none;
}
.pagination-comments a:hover,.pagination-comments a:active {
background: #d7d7d7;
color: #888888;
}
.pagination-comments .title {
margin-right: 4px;
}
.pagination-comments .gap {
color: #999999;
margin-right: 4px;
}
.pagination-comments .current {
color: #666666;
background: #f7f7f7;
border: 1px solid #e7e7e7;
margin-right: 4px;
padding: 3px 6px;
}
.pagination-comments .page {
}
.pagination-comments .prev,.pagination-comments .next {
}html body{
text-align: center;
}
body #main{
text-align: left;
}
body .container .container{
max-width: 100%;
}
.clearfix {
width: 100%;
clear: both;
}
.center,.king-align-center{
text-align: center;
}
.king-align-left{
float: left;
text-align: left;
}
.king-align-right{
float: right;
text-align: right;
}
#primary{
padding-bottom: 50px;
clear: both;
}
#primary.site-content{
float: left;
width: 100%;
background: #fff;
padding: 100px 0px 100px 0px;
}
#content{
margin: 0 auto;
}
.layout-boxed .row{
margin: 0px;
}
.pop-wrapper2 li,
.pop-wrapper4 li,
.pop-wrapper li{
list-style: none !important;
}
body .wpb_row{
margin-bottom: 0px;
width: 100%;
float: left;
}
.menu-top-navigation-container{
float: right;
}
#king-top-nav li{
float: left;
}
#king-top-nav li a{
border-left: 1px solid #f3f3f3;
color: #c3c3c3;
float: right;
margin-left: 0;
padding: 7px 18px;
transition: all 0.3s ease 0s;
}
.king_res_cart i{
font-weight: bold;
}
#king-top-nav li:last-child a{
border-right: 1px solid rgba(243, 243, 243, 0.21);
}
#king-top-nav li a:hover, #king-top-nav li a:active, #king-top-nav li a.active {
background: #f9f9f9 none repeat scroll 0 0;
color: #999;
}
.dropdown-menu>li>a>i{
margin-right: 5px;
}
.hidden{
display: none;
}
#wp-admin-bar-vc_inline-admin-bar-link{
display: none !important;
}
.simplePopupBackground {
background: rgba(0,0,0,0.7);
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
opacity: 0;
z-index: 1000000
}
.simplePopup {
position: absolute;
background: #fff;
z-index: 10000000;
border: 5px solid #fff;
display: none;
opacity: 0;
left: 50%;
top: 50%
}
.simplePopup .rimg{
display: block;	
}
.simplePopupClose {
right: 0;
top: 0;
float: right;
cursor: pointer;
padding: 3px 10px;
background: #fff;
position: absolute;
color: #333;
font-weight: bold
}
body .cbp-panel {
display: inline-block;
width: 100%;
}
body .vc_column_container{
padding: 0px;
}
body .vc_row-fluid ul{
margin-left: 0px;
}
body .vc_row-fluid li{
list-style: none;
}
body .vc_row{
margin-left: 0px;
margin-right: 0px;
}
@media only screen and (min-width: 1025px){
.layout-boxed .container {
width: 1170px;
} 
.layout-boxed .demos-page.content_area .container{
width: 1200px
}
.layout-boxed .demos-page .wpb_row > .one_half{
width: 49%;
}
.layout-boxed .header .container {
padding: 0 30px;
width: 1230px;
}	
.layout-boxed .container .container{
padding: 0px;
}
.limit-width,.layout-boxed{
max-width:1230px;
}
.compact .layout-boxed .header,.layout-boxed .header{
left: auto;
width: auto;
}
.layout-boxed .container_fhstyle, .layout-boxed .container_fhstyle2{
width: 1170px;
margin: 0 30px;
}
.layout-boxed .container_fhstyle .menu_main,.layout-boxed .container_fhstyle2 .menu_main{
width: 80%;
}
.layout-boxed .featured_section47 li img{
margin: 0 15px;
}
.layout-boxed .client_logos3 li{
margin-right: 9px;
}
.layout-boxed .featured_section42 .left{
padding-left: 30px;
}
.layout-boxed .logo2{
padding-left: 0px;
}
.layout-boxed div[class^='menu_rlinks']{
display: none;
}
.layout-boxed .featured_section109 img{
max-width: 50%;
}
.layout-boxed .fixednav3{
width: 1230px;
}
}
.vc_empty_space{
display: inline-block;
width: 100%;
clear: both;
}
body * .no-margin{
margin: 0px;
}
.bgGrey{
background: #888;
height: 100px;
float: left;
width: 100%;
}
body .parallax{
min-height:250px;
width:100% !important;
background-size:cover !important;
background-attachment: fixed !important;
background-position:center center !important;
background-repeat:no-repeat !important;
display: inline-block;
}
.wpb_single_image .vc_single_image-wrapper{
max-width: 100%;
}
body .footer3 .widget-title{
color:#fff;
}
body.compose-mode .left.wpb_column.vc_column_container, 
body.compose-mode .center.wpb_column.vc_column_container, 
body.compose-mode .right.wpb_column.vc_column_container, 
body.compose-mode .one_half.wpb_column.vc_column_container, 
body.compose-mode .one_third.wpb_column.vc_column_container, 
body.compose-mode .one_fourth.wpb_column.vc_column_container, 
body.compose-mode .two_third.wpb_column.vc_column_container, 
body.compose-mode .three_fourth.wpb_column.vc_column_container, 
body.compose-mode .one_fifth.wpb_column.vc_column_container, 
body.compose-mode .onecol_forty.wpb_column.vc_column_container, 
body.compose-mode .onecol_sixty.wpb_column.vc_column_container, 
body.compose-mode .onecol_thirtyfive.wpb_column.vc_column_container{
width: initial;
float: none;
}
.compose-mode .vc_control-btn .vc_btn-content, .compose-mode .vc_control-btn .vc_btn-content span{
margin-bottom: 0px;
margin-top: 0px;
background-color: inherit;
}
.compose-mode .vc_element-name .vc_btn-content,.compose-mode .vc_control-btn .vc_btn-content{
float: inherit !important;
width: inherit !important;
height: inherit !important;
background-color: inherit;
margin-bottom: inherit !important;
}
.compose-mode .vc_element-name .vc_btn-content,.compose-mode .vc_element-name .vc_btn-content span{
background-color: inherit;	
}
wpb_single_image .vc_single_image-wrapper{
max-width: 100%;
}
.compose-mode .wpb_column.vc_column_container .vc_empty-shortcode-element{
display: inline-block;
}
.compose-mode .vc_pricing{
width: 100%;
}
.king-video-play-wrapper{
width: 100%;
float: left;
position: relative;
text-align: center;
}
.king-video-play-wrapper .play-button{
width: 102px;
height: 102px;
background: #A4D058 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/video-icon.png) no-repeat left top;
background-size: 102px;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
position: absolute;
opacity: 0.8;
border-radius: 100%;
}    
.king-video-play-wrapper .play-button:hover{
opacity: 1;	
}
.king-video-play-wrapper .left-des{
left: 0px;
top: 0px;
width: 45%;
text-align: right;
display: block;
opacity: 1;
margin: 0px 0px 18px;
padding: 0px;
position: absolute;
display: table;    
height: 100%;
}    
.king-video-play-wrapper .right-des{
right: 0px;
top: 0px;
width: 45%;
text-align: left;
display: block;
opacity: 1;
position: absolute;
margin: 0px 0px 30px;
padding: 0px;
display: table;
height: 100%;
}
.left-des .valign,.right-des .valign{
text-align: center;
display: table-cell;
vertical-align: middle;
}
.left-des .valign *,.right-des .valign *{
margin-bottom: 0px;	
}
.king-video-play-wrapper .video-player{
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
opacity: 0;
display: none;
overflow: hidden;
}
.video-player .video-close{
height: 25px;
width: 25px;
border-radius: 100%;
font-size: 14px;
color: #fff;
text-decoration: none;
position: absolute;
right: 20px;
top: 20px;
text-align: center;
opacity: 0.8;
background-color: rgba(255,255,255,0.5);
line-height: 25px;
font-family: 'Roboto', sans-serif;
font-weight: 100;
}	
.video-player .video-close:hover{
opacity: 1;	
}
.video-player iframe{
border: none;
height: 100%;
width: 100%;
display: inline-block;
}
.dropdown-menu>li>a {
padding: 10px 20px;
border-bottom: 1px solid #e6e6e6;
} .container-set,.container-set>.king-group{
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
clear: both;
}
.list-unstyled a,.dropdown-menu>li>a{
font: 400 13px 'Open Sans', Arial, Helvetica, sans-serif;
}
.overBox{
width: 200% !important;
margin-left: -50% !important;
}
.layout-boxed .overBox{
margin-left: -18px !important;
margin-right: -18px !important;
width: 103.2% !important;
}
#breadcrumb{
background-size: cover;
}	
#searchsubmit{
border: none;
color: #fff;
padding: 5px 18px;	
float: left;
}
.spanlevelone.col-md-12{
padding: 0px;
}
code.king-code{
display: inline-block;
width: 100%;
padding: 10px;
margin-bottom: 20px;
color: #3C3C3C;
background-color: #F2F2F2;
border-radius: 0px;
border-left: 3px solid #000000;
margin-top: 10px;
}
body .flexslider ul{
margin: 0px;
}
body .page_title h5{
margin-top: 0px;
}
body .address_info h4{
margin-top: 0px;
} .blog_post {
float: left;
width: 100%;
}
.blog_post h3.entry-title {
float: left;
text-align: left;
color: #333;
width: 85%;
line-height: 30px;
clear: none;
margin-bottom: 15px;
}
.blog_post h3 a{
color: #86c724;
}
.blog_post h3.entry-title a {
text-decoration: none;
float: left;
text-transform: none;
font-weight: 700;
font-size: 27px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
line-height: 35px;
}
.blog_post h3.entry-title a:hover {
color: #383634;
}
.post_info_content {
padding: 0px;
margin: 10px 0 0 10%;
width: 90%;
float: left;
}
ul.post_meta_links {
float: left;
margin: -10px 0px 0px -6px;
padding: 0px 0px 0px 0px;
width: 80%;
}
ul.post_meta_links>li:last-child a{
padding: 0px;
}
.post_meta_links li {
float: left;
margin: 0px;
padding: 0px 0px 0px 4px;
list-style-type: none;
color: #999;
max-width: 100%;
}
#content .artciles-between{
padding-top: 60px;
margin-bottom: 80px;
}
.single #content .artciles-between{
padding-top: 50px;
margin-bottom: 50px;
}
.post p, #content p{
margin-bottom: 15px;
}
.post p:last-child,body.wpb-js-composer #content p:last-child {
margin-bottom: 0px;
}
.post_meta_links li a {
color: #999;
padding: 0px 18px 0px 0px;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
}
.post_meta_links li a.date {
color: #454545;
font-size: 16px;
font-weight: normal;
} 
.post_meta_links li i{ 
color: #bbb;
font-size: 12px;
font-style: normal;
}	
.post_meta_links li.tag-links a {
padding-right: 0px;
}
.post_meta_links li.post_categoty a{
padding-right: 5px;
}
.post_meta_links li.post_categoty a:last-child{
padding-right: 18px;
}
.post_meta_links li a:hover {
color: #727272;
text-decoration: none;
}
.blog-2-columns div[class^="imgframe"] a{
display: inline-block;
max-height: 200px;
overflow: hidden;
float: left;
max-width: 100%;
} .widget_contents-component{
margin-bottom: 80px;
display: inline-block !important;	
width: 100%;
}
.blog_postcontent {
float: left;
width: 100%;
min-height: 50px;
}
.blog_postcontent .image_frame {
float: left;
max-width: 98%;
border: 7px solid #fff;
margin-bottom: 25px;
-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.15);
box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.15);
}
.blog_postcontent .image_frame img {
float: left;
max-width: 99.7%;
border: 1px solid #fff;
}
.blog_postcontent .video_frame iframe {
float: left;
width: 100%;
height: 400px;
}
.content_halfsite .video_frame iframe {
max-height: 180px;
margin-bottom: 10px;
}
body * .list54 li,body * .list54 ul{
list-style: none;
}
body * .list54 li h5{
margin: 0px;
} .blog_post h3.entry-title {
width: 100%;
clear: both;
margin-top: 0px;
}
#content>div[class^="col-md-"]:first-child{
margin-left: -15px;
float: left;
}
#content>div[class^="col-md-"]:last-child{
padding-right: 0px;
float: right;
}
.post_info_content_small {
padding: 0px;
margin: 0 0 0 4%;
width: 50%;
float: left;
}
ul.post_meta_links_small {
float: left;
margin: -15px 0px 12px 80px;
padding: 0px 0px 0px 0px;
width: 80%;
}
.post_meta_links_small li a {
color: #a1a1a1;
padding: 0px 5px 0px 0px;
text-decoration: none;
font-size: 11px;
}
.post_meta_links_small li a:hover {
color: #727272;
padding: 0px 5px 0px 0px;
text-decoration: none;
font-size: 11px;
}
.post_readmore:link, .post_readmore:visited {
float: right;
height: 27px;
width: 185px;
text-align: center;
padding-top: 7px;
color: #fff;
text-decoration: none;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/skin01/but_post_readmore.jpg) no-repeat left top;
}
.post_readmore:hover {
float: right;
height: 27px;
width: 185px;
text-align: center;
padding-top: 7px;
color: #fff;
text-decoration: none;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/skin01/but_post_readmore_hover.jpg) no-repeat left top;
}
.sharepost {
width: 100%;
margin-bottom: 30px;
}
.sharepost ul {
margin: 0px;
padding: 0px;
}
.sharepost li {
margin: 0px 7px 5px 0px;
padding: 2px 5px;
float: left;
border-radius: 2px;
list-style-type: none;
background-color: #86c724;
}
.sharepost li i {
color: #fff;
}
.sharepost li:hover {
background-color: #383634;
}
.sharepost h4{
text-transform: uppercase;
}
.dropdown-menu>li.current_page_item>a{
color: #333;
text-decoration: none;
background-color: #f3f3f3;
}
body .flexslider .wpb_single_image .vc_single_image-wrapper{
display: block;
}
#nav-single {
text-align: right;
z-index: 1;
width: 100%;
height: 30px;
line-height: 30px;
margin-bottom: 30px;
overflow: hidden;
display: inline-block;
}
#nav-single a {
font-weight: normal;
}
#nav-single .nav-previous {
text-align: left;
}
.about_author {
float: left;
width: 100%;
padding: 20px;
background-color: #f9f9f9;
border: 1px dashed #B2B2B2;
}
.about_author img {
float: left;
margin-right: 20px;
}
.about_author a {
font-family: 'Open Sans' !important;
font-weight: normal;
font-weight: 600;
color: #333;
}
.about_author a:hover {
color: #86c724;
}
.widget_contents-component [class*="su-"] img{
border: none;
}
.king-sidebar ul.arrows_list1 i {
margin-right: 5px;
}
body .king-sidebar ul li{
list-style: none;
}	
.king-sidebar {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.king-sidebar ul.arrows_list1{
padding: 0px;
margin: 0px;
float: left;
margin-top: -10px;
}
.king-sidebar ul.arrows_list1 i {
margin-right: 4px;
}
.sidebar_title {
float: left;
width: 100%;
}
.king-sidebar ul.arrows_list1{
padding: 0px;
margin: 0px;
float: left;
margin-top: -10px;
width: 100%;
clear: both;
}
.king-sidebar ul.arrows_list1 ul.arrows_list1{
margin-top: 0px;
margin-left: 15px;
}
.king-sidebar ul.arrows_list1 i {
margin-right: 4px;
}
.clientsays_widget h4 {
margin-bottom: 18px;
float: left;
font-weight: 300;
width: 100%;
}
.entry-content h4{
float: none;
}
.king-sidebar h4 i, .clientsays_widget h4 i {
font-weight: 500;
font-style: normal;
}
.widget_rss li{
display: inline-block;
margin: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
padding-bottom: 8px;
}
h3.widget-title{
margin-bottom: 30px;
float: left;
font-size: 18px;
line-height: 28px;
font-style: normal;   
clear: both;
width: 100%;
text-transform: uppercase;
}
h3.widget-title i {
font-weight: 500;
font-style: normal;
}
.king-sidebar h3.widget-title span{
font-weight: 500;
color: #181818; 
}
#sliderContent h3.widget-title{
margin-bottom: 15px;
}
.right-column .widget, .king-sidebar .widget{
margin-bottom: 40px;
width: 100%;
clear: both;
float: right;
}
.king-sidebar select{
max-width: 90%;
}
#searchform #s,.widget_product_search .search-field{
box-shadow: none;
border: 1px solid #ccc;
padding: 6px 10px 5px;
float: left;
height: 36px;
width: 70%;
}
#searchform #searchsubmit,.widget_product_search input[type="submit"]{
padding: 9px 10px;
width: 30%;
margin-left: -1px;
cursor: pointer;
background: #86c724;
}
#searchform #searchsubmit:hover,.widget_product_search input[type="submit"]:hover{
background: #333;
color: #fff;
}
#searchform{
max-width: 350px;
}
#comment_submit{
float: left;
padding: 10px 15px;
margin-bottom: 20px;
border-top: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9f9;
font-weight: 600; 
} 
#comment_submit:hover{
background-color: #eee;	
}
#calendar_wrap{
clear: both;
}
.clogo_small, .clogo_small li{
list-style: none !important;
margin: 0px;
}
.right-column .widget:first-child{
margin-top: 0px;
}
#wp-calendar{
border-spacing: 1px;
width: 100%;
}	
#wp-calendar th{
text-align: center;
line-height: 30px;
background: #86c724;
color: #fff;	
}
#wp-calendar td{
text-align: center;
line-height: 28px;
background: #f9f9f9;
border-right: 1px solid #F0F0F0;
padding: 5px;
}
#footer-group h3.widget-title{
margin-bottom: 20px;
}
body * .wpb_content_element{
margin-bottom: 0px;
}
ul.list1,body ul.list1 li{
list-style: none;
} ul.recent_posts_list {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.recent_posts_list li {
padding: 0px 0px 13px 0px;
margin: 0px 0px 16px 0px;
list-style-type: none;
border-bottom: none;
float: left;
width: 100%;
}
.recent_posts_list li a {
text-decoration: none;
line-height: 17px;
display: block;
color: #999;
}
.recent_posts_list li a:hover {
color: #86c724;
}
.recent_posts_list li img{
max-width: 100%;
}
.recent_posts_list li span {
float: left;
margin-right: 15px;
}
.recent_posts_list li span img {
float: left;
margin-right: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
border: 1px solid #eee;
}
.recent_posts_list li span img:hover {
float: left;
margin-right: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.recent_posts_list li i {
padding: 1px 0px 0px 0px;
margin: 0px;
display: block;
font-size: 10px;
font-style: normal;
color: #c9c9c9;
}
.recent_posts_list li.last {
padding: 0px 0px 7px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 0px solid #f5f6f6;
} .clientsays_widget {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
color: #999;
}
.clientsays_widget strong {
font-weight: 600;
color: #454545;
}
.clientsays_widget h3 {
margin-bottom: 18px;
}
.clientsays_widget img {
float: left;
margin-right: 13px;
margin-top: 7px;
border: 1px solid #e3e3e3;
} .error_pagenotfound {
padding: 50px 30px 58px 30px;
margin: 0 auto 80px;
width: 59%;
background-color: #fff;
border: 1px solid #eee;
border-bottom: 5px solid #eee;
text-align: center;
}
.error_pagenotfound strong {
display: block;
font-size: 145px;
line-height: 100px;
color: #e3e3e3;
font-weight: normal;
margin-bottom: 10px;
}
.error_pagenotfound b {
display: block;
font-size: 40px;
line-height: 50px;
color: #999;
margin: 0;
font-weight: 300;
}
.error_pagenotfound em {
display: block;
font-size: 18px;
line-height: 59px;
color: #86c724;
margin: 0;
font-style: normal;
} .pagination {
clear:both;
margin-bottom: 50px;
}
.pagination b{
float:left;
margin: 10px 5px 2px 0;
padding:0px 10px;
font-weight: normal;
color: #999;
}
.pagination .page-numbers {
font-size: 12px;
color: #454545;
background-color: #eee;
font-weight: 600;
text-transform: uppercase;
padding: 7px 10px;
border-radius: 3px;
margin-right: 8px;
margin-bottom: 10px;
}
.pagination .page-numbers:hover {
color: #fff;
background-color: #454545;
}
.pagination .page-numbers.current {
color: #fff;
background-color: #454545;
}
#sidebar ul.arrows_list1 li {
padding: 5px 0px;
}
.adsbanner-list li{
width: 50%;
display: inline-block;
float: left;
margin-bottom: 5%;
}
#tabs {
padding: 0px 0px 0px 0px;
float: left;
clear: both;
width: 100%;
background-color: #eee;
}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 43px;
width: 100%;
font-family: 'Raleway', sans-serif;
}
.tab_container .recent_posts_list li {
border-bottom: 1px solid #eee;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 43px;
width: 80px;
line-height: 43px;
border-left: none;
margin-bottom: -1px;
overflow: hidden;
position: relative;
border-right: 1px solid #fff;
}
ul.tabs li a {
text-decoration: none;
color: #333;
display: block;
font-size: 13px;
font-weight: 600;
outline: none;
cursor: pointer;
background: #eee;
text-align: center;
text-transform: uppercase;
}
ul.tabs li a:hover {
background: #454545;
color:#fff;
}
ul.tabs li.last {
border-right: 0px solid #fff;
}
ul.tabs li.active, html ul.tabs li.active a,  html ul.tabs li.active a:hover  {
background: #86c724;
color: #fff;
}
.tab_container {
overflow: hidden;
clear: both;
float: left; 
background: #fafafa;
padding: 20px 20px 20px 20px;
width: 100%;
display: none;
}
.tab_content {
padding: 10px 0;
font-size: 12px;
background: #fff;
}
.gray_border {
width: 100%;
height: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #DCDCDC;
}
ul.tags {
padding: 0px 0px 10px 0px;
margin: 0px;
float: left;
}
.tags li {
float: left;
padding: 0px;
margin: 0px 5px 5px 0px;
list-style-type: none;
line-height: 25px;
}
.tags li a,.tagcloud a {
float: left;
padding: 3px 10px;
background-color: #EEEEEE;
border-radius: 2px;
color: #909090;
font-size: 12px;
}
.tagcloud a {
margin: 0px 5px 5px 0px;
}	
.tags li a:hover,.tagcloud a:hover {
background-color: #86c724;
color: #fff;
}
.footer .tagcloud a{
float: left;
color: #999;
padding: 5px 10px;
margin: 0px 5px 10px 5px;
transition: all 0.3s ease;
background: rgba(0, 0, 0, 0.2);
font-size: 13px !important;
}
.footer .tagcloud a:hover{
background: rgba(0, 0, 0, 0.5);
}
.footer.light .tagcloud a{
color: #fff;
}
#comments{
display: inline-block;
width: 100%;
border-top: 1px solid #eee;
padding-top: 20px;
}
#comments h3#reply-title{
display: inline-block;
width: 100%;
}
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%;
}
select{
max-width: 100%;
}
.entry-content  h1,
.entry-content  h2,
.entry-content  h3,
.entry-content  h4,
.entry-content  h5,
.entry-content  h6 {
clear: both;
}
.wpb_row h1,.wpb_row h2,.wpb_row h3,.wpb_row h4,.wpb_row h5,.wpb_row h6{
clear: inherit;	
}
.entry-content li h1,
.entry-content li h2,
.entry-content li h3,
.entry-content li h4,
.entry-content li h5,
.entry-content li h6 {
clear: none;
line-height: initial;
} body .flips1 p{
margin-bottom: 0px;
}
body .flips1 h4{
margin-bottom: 10px;
}
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;
}
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 p{
font-style: italic;
}
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;
}
#gallery-1 .gallery-item{
margin: 0px;
}
.entry-content ol{
list-style-type: decimal;	
}
.entry-content ol ul{
list-style-type: circle;		
}
.entry-content ol ul ul{
list-style-type: square;
}
.entry-content ul ul{
list-style-type: square;
}
menu,
.entry-content ol,
.entry-content ul {
padding: 0;
margin: 0 0 10px 25px;
}
.entry-content .post_meta_links{
margin: 0px;
padding: 0px;
width: 100%;
clear: both;
}
.entry-content ul{
list-style-type: disc;
}
ul.post_meta_links,ul.post_meta_links li,.entry-content [class^="parallax_"] li,.entry-content [class^="features"] li{
list-style: none;
}
nav ul,
nav ol,. {
list-style: none;
list-style-image: none;
}
li > ul,
li > ol {
margin: 0;
}
.entry-content li{
list-style: inherit;
}
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 {
margin: 0;
vertical-align: baseline;
}
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;
}
.post input[type="text"],.post input[type="email"],.post input[type="password"],.woocommerce-product-search input[type="submit"]{
border: 1px solid #e0e0e0;
background-color: #fff;
height: 35px;
padding: 5px 10px 5px 10px;
color: #999;
font-size: 13px;
}
.post input[type="submit"]{
padding: 0 15px;
cursor: pointer;
height: 35px;
background: #555;
color: #fff;
border: none;
}
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;
}
#calendar_wrap caption{
margin: 0 0 10px 0;
font-size: 13px;
}
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;
color: #333;
padding: 0 5px;
}
hr {
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/images/dotted-line.png) repeat center top;
background-size: 4px 4px;
border: 0;
height: 1px;
margin: 0 0 24px;
}
.entry-content img.alignleft,.entry-content .wp-caption.alignleft{
margin-right: 18px;
}
.entry-content img.alignright,.entry-content .wp-caption.alignright{
margin-left: 18px;
}
.entry-content .page-link{
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.entry-content .page-link a{
font-size: 12px;
color: #454545;
background-color: #eee;
margin-right: 4px;
font-weight: 600;
text-transform: uppercase;
padding: 7px 10px;
border-radius: 3px;
}
.entry-content .page-link a:hover{
color: #fff;
background-color: #454545;
}
.entry-content .post_meta_links li.post_categoty a{
display: inline-block;
}
.title35 {
color: #333;
font-size: 30px;
font-weight: 300;
margin-bottom: 70px;
padding-bottom: 15px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line11.png) no-repeat left bottom;
}
.client_logos3.two {
padding: 120px 0px;
background: #f3f3f3;
}
.client_logos3.two li {
border: 1px solid #fff;
background: #fff;
} .parallax_section19 {
float: left;
width: 100%;
text-align: center;
padding: 160px 0px 160px 0px;
background: #393939 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img193.jpg);
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat:no-repeat;
background-position:100% 0;
background-position: center;
border-top: 10px solid #2a2a30;
}
body .parallax_section19 h1 {
color: #fff;
font-size: 45px;
font-weight: 300;
margin-bottom: 59px;
}
body .parallax_section19 h1 strong {
display: block;
margin: 21px 0px 21px 0px;
}
body .parallax_section19 a {
color: #fff;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
border-radius: 3px;
padding: 13px 27px;
border: 2px solid #fff;
transition: all 0.3s ease;
}
body .parallax_section19 a:hover {
color: #454545;
background: #fff;
}
.list_empty li{
list-style: none;
} .nav > .king-cart{
display: none;
position:relative;
}
.nav > .king-cart:hover #king-cart-content{
}
.nav > .king-cart > a{
background-image: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/king-cart.png);
background-repeat: no-repeat;
background-size: 455px;
background-position: 0 0;
width: 35px;
height: 48px;
padding: 10px 0 0 0!important;
display: block;
vertical-align: middle;
text-align: center;
margin-top: 5px;
}
.nav > .king-cart > a:hover{
background-image: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/king-cart.png);
background-repeat: no-repeat;
background-size: 455px;      
transition: background-position 0s ease 0s;
}
#king-cart-content{
background: none repeat scroll 0 0 #262626;
display: none;
padding: 15px;
position: absolute;
width: 320px;
right: 0;
}
.shopping_cart_inner>ul>li{
clear: both;
border-bottom: 1px solid;
float: left;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
}
.shopping_cart_inner > ul > li > a {
color: #9d9d9d;
display: block;
}
.shopping_cart_inner > ul > li > a:hover{
color: #FFFFFF;
}
.shopping_cart_inner > ul > li > a > img {
display: block !important;
float: left;
max-width: 60px;
padding: 0 10px 0 0;
}
.shopping_cart_inner .quantity{
color: #FFFFFF;
font-size: 12px;
}
.king-cart-footer{
clear: both;
padding-top: 5px;
}
.king-cart-footer .total{
float: right;
margin-top: 3px;
}
.king-cart-footer .total .amount{
color: #FFFFFF;
}
.king-cart-footer .k-cart-button{
border: 2px solid #ffffff;
border-radius: 5px;
color: #fff;
display: inline-block;
padding: 2px 10px;
transition: color 0.1s linear 0s, background-color 0.1s linear 0s, border-color 0.1s linear 0s;
}
.king-cart-footer .k-cart-button:hover{
background: #86c724;
border: 2px solid #86c724;
}
.no-product-in-cart{
color: #FFFFFF;
text-transform: uppercase;
font-size: 12px;
}
.product_list_widget{
clear: both;
}
.shopping_cart_inner ul{
max-height: 500px;
overflow-y: auto;
}  *,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .cd-container { width: 98%;
max-width: 1170px;
margin: 0 auto;
text-align: center;
}
.cd-container::after { content: '';
display: table;
clear: both;
}  @media only screen and (min-width: 1170px) { }
#cd-timeline {
position: relative;
padding: 0em 0;
margin-top: 2em;
margin-bottom: 2em;
}
#cd-timeline:before { content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #f3f3f3;
}
.cd-nomore{
position: relative;
background-color: #eee;
padding: 5px 10px;
color: #aaa;
font-size: 12px;
display: inline-block;
margin-bottom: -10px;
}
#cd-timeline .btn{
display: inline-block;
}
@media only screen and (min-width: 1000px) {
#cd-timeline {
margin-top: 3em;
margin-bottom: 3em;
}
#cd-timeline:before {
left: 50%;
margin-left: -2px;
}
}
.cd-timeline-block {
position: relative;
margin: 2em 0;
text-align: left;
*zoom: 1;
}
.cd-timeline-block:before,
.cd-timeline-block:after {
content: " ";
display: table;
}
.cd-timeline-block:after { clear: both; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }
@media only screen and (min-width: 1170px) {
.cd-timeline-block { margin: 4em 0; }	
.cd-timeline-block:first-child { margin-top: 0; }	
.cd-timeline-block:last-child { margin-bottom: 0; }
}
.cd-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 0 4px #f3f3f3, inset 0 2px 0 rgba(0, 0, 0, 0.05), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
display: block;
width: 60px;
height: 60px;
position: relative;
border-radius: 100%;
max-height: 100%;
}
.cd-timeline-img.cd-picture { background: #e3e3e3; }
.cd-timeline-img.cd-movie { background: #e3e3e3; }
.cd-timeline-img.cd-location { background: #e3e3e3; }
@media only screen and (min-width: 1000px) {
.cd-timeline-img {
width: 60px;
height: 60px;
left: 50%;
margin-left: -30px; -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.cssanimations .cd-timeline-img.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-img.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-1 0.6s;
-moz-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s;
}
}
@-webkit-keyframes cd-bounce-1 { 
0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes 
cd-bounce-1 {  0% {
opacity: 0;
-moz-transform: scale(0.5);
}
60% {
opacity: 1;
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes 
cd-bounce-1 {  0% {
opacity: 0;
-o-transform: scale(0.5);
}
60% {
opacity: 1;
-o-transform: scale(1.2);
}
100% {
-o-transform: scale(1);
}
}
@keyframes 
cd-bounce-1 {  0% {
opacity: 0;
transform: scale(0.5);
}
60% {
opacity: 1;
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.cd-timeline-content {
position: relative;
margin-left: 60px;
background: #f3f3f3;
border-radius: 0.25em;
padding: 1em;
box-shadow: 0 3px 0 #e3e3e3;
*zoom: 1;
}
.cd-timeline-content:before,
.cd-timeline-content:after {
content: " ";
display: table;
}
.cd-timeline-content:after { clear: both; }
.cd-timeline-content h2 { color: #86c724; font-weight: normal; margin-bottom: 0px;}
.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
font-size: 13px;
font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date { display: inline-block; }
.cd-timeline-content p.text {
margin: 5px 0;
line-height: 23px;
font-size: 14px;
}
.cd-timeline-content .cd-read-more {
float: right;
padding: .58em 1em;
background: #999;
color: white;
border-radius: 0.25em;
transition: all 0.3s ease;
}
.no-touch .cd-timeline-content .cd-read-more:hover { background-color: #86c724; }
.cd-timeline-content .cd-date {
float: left;
padding: .8em 0;
}
.cd-timeline-content .cd-date strong {
background-color: #86c724;
color: #fff;
padding: 5px 12px;
}
.cd-timeline-content .cd-date strong {
position: relative;
background: #86c724;
}
.cd-timeline-content .cd-date strong:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(47, 146, 238, 0);
border-right-color: #86c724;
border-width: 8px;
margin-top: -8px;
}
.cd-timeline-content .cd-date b {
background-color: #86c724;
color: #fff;
padding: 5px 12px;
}
.cd-timeline-content .cd-date b {
position: relative;
background: #86c724;
}
.cd-timeline-content .cd-date b:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(47, 146, 238, 0);
border-left-color: #86c724;
border-width: 8px;
margin-top: -8px;
}
.cd-timeline-content:before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid white;
}
@media only screen and (min-width: 320px) {
.cd-timeline-content h2 {
font-size: 20px;
font-size: 1.25rem;
}
.cd-timeline-content p {
font-size: 16px;
font-size: 1rem;
}
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
font-size: 14px;
font-size: 0.875rem;
}
}
@media only screen and (min-width: 1000px) {
.cd-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 45%;
}
.cd-timeline-content:before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: white;
}
.cd-timeline-content .cd-read-more { float: left; }
.cd-timeline-content .cd-date {
position: absolute;
width: 100%;
left: 122%;
top: 6px;
font-size: 16px;
font-size: 1rem;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: white;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
left: auto;
right: 122%;
text-align: right;
}
.cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
@media only screen and (min-width: 1000px) { .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
}
@-webkit-keyframes 
cd-bounce-2 {  0% {
opacity: 0;
-webkit-transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes 
cd-bounce-2 {  0% {
opacity: 0;
-moz-transform: translateX(-100px);
}
60% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes 
cd-bounce-2 {  0% {
opacity: 0;
-o-transform: translateX(-100px);
}
60% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes 
cd-bounce-2 {  0% {
opacity: 0;
transform: translateX(-100px);
}
60% {
opacity: 1;
transform: translateX(20px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes 
cd-bounce-2-inverse {  0% {
opacity: 0;
-webkit-transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes 
cd-bounce-2-inverse {  0% {
opacity: 0;
-moz-transform: translateX(100px);
}
60% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes 
cd-bounce-2-inverse {  0% {
opacity: 0;
-o-transform: translateX(100px);
}
60% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes 
cd-bounce-2-inverse {  0% {
opacity: 0;
transform: translateX(100px);
}
60% {
opacity: 1;
transform: translateX(-20px);
}
100% {
transform: translateX(0);
}
} .comment_wrap{
padding:20px 20px 20px 0px;
overflow:hidden;
}
.comment_wrap article{
border-bottom:1px solid #eee;
padding: 10px 0;
}	
.comment_wrap.chaild{
border-bottom:1px solid #eee;
margin:10px 20px 10px 50px;
overflow:hidden;
}
.gravatar{
float:left;
}
.commentlist ul.children{
margin-left: 30px;
}
.comment_content{
overflow:hidden;
padding-left:20px;
position:relative;
min-height:80px; 
}
.comment_content .comment_meta{
position:relative;
}
.comment_content .comment_meta .comment_author{
display:inline;
font-size:14px;
font-style: normal;
}
.comment_content .comment_meta .comment_author i{
display:inline;
font-size:11px;
font-style: italic;
}
.comment_content .comment_text {
clear:both;
padding-top:0px;
overflow:hidden;
}
.comment_content .comment_text a {
color: #d3d3d3;
margin-top: 5px;
float: left;
}
.comment_content .comment_text a:hover {
color: #727272;
margin-top: 5px;
float: left;
}
#comments_section li ul li{
margin-left: 30px;
} .comment-form {
float: left;
width: 100%;
}
.comment-form label{
float: left;
width: 90px;
height: 15px;
padding: 7px 10px;
margin-bottom: 40px;
font-weight: normal;
}
.comment_input_bg {
float: left;
width: 75%;
height: 40px;
padding: 7px 10px 0px 10px;
border-top: 2px solid #e3e3e3;
border-left: 2px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9f9;
}
.comment_textarea_bg {
float: left;
width: 90%;
height: 235px;
padding: 7px 10px 0px 10px;
margin-bottom: 20px;
border-top: 2px solid #e3e3e3;
border-left: 2px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9f9;
}
.comment_checkbox {
float: left;
display: block;
width: 90%;
margin-top: 10px;
}
.comment_submit {
background-color: #eee;
border: 1px solid #ddd;
padding: 9px 13px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
border-radius: 4px;
color: #333;
text-transform: uppercase;
}
.comment_submit:hover {
background-color: #f9f9f9;
cursor: pointer;
}
.comment_wrap.chaild{
border-bottom:1px solid #eee;
margin:10px 20px 10px 50px;
overflow:hidden;
}
.gravatar{
float:left;
}
.comment_content{
overflow:hidden;
padding-left:20px;
position:relative;
min-height:80px; 
}
.comment_content .comment_meta{
position:relative;
}
.comment_content .comment_meta .comment_author{
display:inline;
font-size:14px;
font-style: normal;
}
.comment_content .comment_meta .comment_author i{
display:inline;
font-size:11px;
font-style: italic;
}
.comment_content .comment_text {
clear:both;
padding-top:0px;
overflow:hidden;
}
.comment_content .comment_text a {
color: #d3d3d3;
margin-top: 5px;
float: left;
}
.comment_content .comment_text a:hover {
color: #727272;
margin-top: 5px;
float: left;
}
#comments_section li ul li{
margin-left: 30px;
} .portfolio_widget {
float: left;
width: 100%;
padding: 0px 0px 0px 0px;
text-align: center;
}
.portfolio_widget .box {
float: left;
width: 100%;
}
.portfolio_widget .box strong {
font-size: 16px;
color: #181818;
font-weight: 600;
display: block;
margin-bottom: 5px;
margin-top: 25px;
}
.portfolio_widget .box strong a {
color: #181818;
}
.portfolio_widget .box strong a:hover {
color: #2191ed;
}
.portfolio_widget .box i {
font-size: 22px;
color: #fff;
border: 1px solid #fff;
border-radius: 100%;
width: 58px;
height: 58px;
text-align: center;
vertical-align: middle;
line-height: 58px;
margin-top: 26%;
} body .error_pagenotfound {
padding: 50px 30px 58px 30px;
margin: 0 auto;
width: 59%;
background-color: #fff;
border: 1px solid #eee;
border-bottom: 5px solid #eee;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.error_pagenotfound strong {
display: block;
font-size: 145px;
line-height: 100px;
color: #e3e3e3;
font-weight: normal;
margin-bottom: 10px;
text-shadow: 5px 5px 1px #fafafa;
}
.error_pagenotfound b {
display: block;
font-size: 40px;
line-height: 50px;
color: #999;
margin: 0;
font-weight: 300;
}
.error_pagenotfound em {
display: block;
font-size: 18px;
line-height: 59px;
color: #e54c4c;
margin: 0;
font-style: normal;
} .portfolio_area {
padding: 0px;
margin: 0px;
width: 100%;
float: left;
}
.portfolio_area_left {
padding: 0px;
margin: 0px;
width: 74%;
float: left;
}
.portfolio_area_left img {
padding: 0px;
margin: 0px;
width: 100%;
float: left;
}
.portfolio_area_right {
padding: 0px;
margin: 0px 0px 0px 4%;
width: 22%;
float: left;
}
.project_details {
padding: 0px;
margin: 80px 0px 0px 0px;
}
.project_details span {
padding: 10px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
font-weight: bold;
color: #454545;
float: left;
width: 100%;
border-bottom: 1px solid #e3e3e3;
}
.project_details strong {
padding: 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 13px;
font-weight: bold;
color: #727272;
float: left;
width: 40%;
}
.project_details em {
padding: 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 13px;
font-weight: normal;
font-style: normal;
color: #727272;
float: left;
width: 60%;
}
.project_details span a {
padding: 3px 10px;
margin: 0px 0px 0px 3px;
font-size: 11px;
line-height: 30px;
font-weight: normal;
font-style: normal;
color: #727272;
background-color: #e3e3e3;
border-radius:3px;
}
.project_details span a:hover {
background-color: #ddd;
}
.portfolio_thumbnails{
text-align: center;
clear: both;
}
.portfolio_thumbnails a{
color: #BDBDBD;
display: inline-block;
width: 100px;
height: 70px;
overflow: hidden;
text-align: center;
margin-top: 20px;
line-height: 70px;
font-size: 12px;
}
.portfolio_thumbnails a img{
transition: all ease 350ms;
opacity: 0.7;
}
.portfolio_thumbnails a:hover img{
transform: scale(1.2);
opacity: 1;
}
#portfolio-large-preview{
background: #fff;
}
.addto_favorites {
padding: 3px 10px 5px 10px;
margin: 27px 0px 0px 0px;
width: 142px;
display: block;
border-radius:3px;
font-size: 13px;
color: #999;
background: #eee;
}
.addto_favorites:hover {
background: #e3e3e3;
}
.addto_favorites i {
color: #c3c3c3;
}
ul.small_social_links {
padding: 0px;
margin: 18px 0 25px 0px;
}
.small_social_links li {
padding: 0px;
margin: 0px 5px 0px 0px;
float: left;
}
.small_social_links li i {
font-size: 11px;
color: #e54c4c;
border: 1px solid #eee;
width: 25px;
height: 25px;
border-radius: 100%;
text-align: center;
vertical-align: middle;
line-height: 23px;
}
.small_social_links li a {
opacity: 1;
}
.small_social_links li a:hover {
opacity: 0.7;
}
ul.list_5 {
float: left;
padding: 0px;
margin: 0px;
}
.list_5 li {
float: left;
padding: 0px;
margin: 0px 0px 5px 0px;
}
.list_5 li.last {
margin: 0px 0px 0px 0px;
}
.list_5 li img {
float: left;
margin-right: 18px;
}
.list_5 li em {
float: left;
font-style: normal;
margin: 9px 0px 0px 0px;
}
.list_5 li a {
color: #999;
}
body div[class*="features_"] p{
margin: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 999px){
ul.tabs li a {
font-size: 11px;
}
ul.tabs li {
width: 59px;
}
.tab_container {
padding: 10px 9px 10px 10px;
width: 100%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
#tabs {
padding:0px 0 3px 0;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 43px;
width: 100px;
line-height: 43px;
border-left: none;
margin-bottom: -1px;
overflow: hidden;
position: relative;
border-right: 1px solid #fff;
}
.tab_container {
overflow: hidden;
clear: both;
float: left;
background: #fff;
padding: 15px 15px 20px 15px;
width: 98%;
margin-left: 1%;
}
ul.tabs {
padding-left: 4px;
}
}
body .footer .qlinks li, body .footer .faddress li, body .footer .twitter_feeds_three li, body .footer_social_links li{list-style: none;}
.section-videobg{
position: relative;
overflow: hidden;
height: 520px;
width: 100%;
}
.section-videobg iframe{
position: absolute;
left: 0px;
top: -50%;
min-width: 1000px;
height: 900px;
width: 100%;
}
.section-videobg .overlay-on-video{
position: absolute;
text-align: center;
top: 150px;
left: 0px;
width: 100%;
height: 250px;
}
.logregform .feildcont input[type="checkbox"]{
float: left;
width: 20px;
}
.featured_section12 .wpb_single_image img{
clear: both;
}
body div[data-equal-height="true"]>div:not(.wpb_column), body div[data-equal-height="true"].container_full{
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
align-content: center;
justify-content: center;
flex-direction: row;
}
body div[data-equal-height="true"].container_full>.wpb_column,
body div[data-equal-height="true"]>div>.wpb_column{
flex: 1;
display: -webkit-flex;
display: -moz-flex;
}.site_wrapper {
width: 100%;
margin: 0 auto 0 auto;
position: relative;
}
.container_full {
width: 100%;
float: left;
margin: auto;
}
.container {
width: 1170px;
margin: auto;
}
#main{
background: #fff;
}
.content_fullwidth {
float: left;
width: 100%;
padding: 120px 0px 0px 0px;
}
.content_fullwidth.less {
padding: 0px 0px 0px 0px;
}
.content_fullwidth.less2 {
padding: 100px 0px 0px 0px;
}
.content_left {
float: left;
width: 71%;
padding: 0px 0px 0px 0px;
}
.left_sidebar {
float: left;
width: 25%;
padding: 0px 0px 0px 0px;
}
.content_right {
float: right;
width: 71%;
padding: 0px 0px 0px 0px;
}
.right_sidebar {
float: right;
width: 25%;
padding: 0px 0px 0px 0px;
}
.content_halfsite {
float: left;
width: 47.5%;
margin-right: 5%;
padding: 0px 0px 0px 0px;
}
.content_halfsite.last {
margin-right: 0;
} body .one_half, body .one_third, body .one_fourth, body .two_third, body .three_fourth, body .one_fifth, body .onecol_forty, body .onecol_sixty, body .onecol_thirtyfive {
position: relative;
margin-right: 4%;
float: left;
}
body .one_full {
width: 100%;
}
body .one_half {
width: 48%;
}
body .one_third {
width: 30.650%;
}
body .one_fourth {
width: 22%;
}
body .one_fifth {
width: 16.800%;
}
body .two_third {
width: 65.350%;
}
body .three_fourth {
width: 74%;
}
body .onecol_forty {
width: 40%;
}
body .onecol_sixty {
width: 56%;
}
body .onecol_thirtyfive {
width: 35%;
} body .one_half_less, body .one_third_less, body .one_fourth_less, body .two_third_less, body .three_fourth_less, body .one_fifth_less, body .onecol_forty_less, body .onecol_sixty_less, body .onecol_thirtyfive_less {
position: relative;
margin-right: 2%;
float: left;
}
body .one_full_less {
width: 100%;
}
body .one_half_less {
width: 49%;
}
body .one_third_less {
width: 32%;
}
body .one_fourth_less {
width: 23.500%;
}
body .one_fifth_less {
width: 18.400%;
}
body .two_third_less {
width: 66%;
}
body .three_fourth_less {
width: 74.500%;
}
body .onecol_forty_less {
width: 40%;
}
body .onecol_sixty_less {
width: 58%;
}
body .onecol_thirtyfive_less {
width: 36.250%;
}
.last {
margin-right: 0 !important;
clear: right;
}  .header {
-moz-transition: padding 550ms ease-out, height 550ms ease-out;
-webkit-transition: padding 550ms ease-out, height 550ms ease-out;
-o-transition: padding 550ms ease-out, height 550ms ease-out;
transition: padding 550ms ease-out, height 550ms ease-out;
}
#logo {
float:left;
display:block;
width:100%;
min-height: 50px;
margin-top:3px;
position: relative;
}
.logo {
float: left;
width: 25%;
margin-top: 5px;
}
.menu_main {
float: left;
width: 75%;
z-index: 9999;
} .top_nav {
float: left;
width: 100%;
background: #2a363f;
font-size: 13px;
color: #fff;
font-family: 'Roboto', sans-serif;
min-height: 45px;
}
.top_nav strong {
font-size: 14px;
color: #fff;
font-weight: 500;
margin-right: 10px;
letter-spacing: 0.3px;
}
.top_nav strong i {
color: #dadcdd;
background: #6a7379;
font-size: 13px;
width: 22px;
height: 22px;
text-align: center;
vertical-align: middle;
line-height: 22px;
border-radius: 100%;
margin-right: 3px;
}
.top_nav .left {
float: left;
width: 30%;
padding: 12px 0px 12px 0px;
}
.top_nav .select-style {
padding: 0;
margin: 0;
width: 95px;
border-radius: 2px;
overflow: hidden;
background-color: #2a363f;
background: #404a53 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/arrow-down.png?sd) no-repeat 90% 10px;
background-size: 11px 5px;
}
.top_nav .select-style select {
color: #fff;
font-size: 12px;
font-family: 'Roboto', sans-serif;
letter-spacing: 0.5px;
padding: 5px 10px;
width: 100%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.top_nav .select-style select:focus {
outline: none;
}
.top_nav ul.topsocial {
float: left;
padding: 0px;
margin: 0px;
padding: 0px;
}
.top_nav .topsocial li {
background: #6a7379;
font-size: 13px;
width: 22px;
height: 22px;
text-align: center;
vertical-align: middle;
line-height: 22px;
border-radius: 100%;
margin-right: 3px;
display: inline-block;
}
.top_nav .topsocial li a {
color: #dadcdd;
font-size: 12px;
border-radius: 100%;
text-align: center;
vertical-align: middle;
transition: all 0.3s ease;
margin-right: 0px;
height: 22px;
line-height: 22px;
display: inline-block;
}
.top_nav .topsocial li a:hover {
color: #eee;
}
.top_nav .right {
float: left;
width: 70%;
text-align: right;
}
.top_nav ul.tplinks {
float: right;
padding: 0px;
margin: 0px 0px 0px 0px;
padding-top: 12px;
}
.top_nav .tplinks li {
float: left;
padding: 0px;
margin: 0px 23px 0px 0px;
letter-spacing: 0.3px;
}
.top_nav .tplinks li img {
float: left;
margin-top: 5px;
margin-right: 5px;
opacity: 0.4;
width: 15px;
height: 13px;
}
.top_nav .tplinks li a {
float: left;
color: #fff;
font-size: 13px;
border-radius: 100%;
text-align: center;
vertical-align: middle;
transition: all 0.3s ease;
margin-right: 0px;
cursor: pointer;
}
.top_nav .tplinks li a:hover {
color: #999;
}
.tpbut {
float: right;
color: #fff;
margin-top: 10px;
padding: 2px 12px 4px 12px;
background: #4e5760;
border-radius: 2px;
margin-left: 10px;
transition: all 0.3s ease;
}
.tpbut i {
color: #a0a5a9;
transition: all 0.3s ease;
}
.tpbut:hover {
color: #fff;
background: #86c724;
}
.tpbut:hover i {
color: #fff;
}
.top_nav .tpbut.minicart-nav:hover i{
color: #86c724;
}
.tpbut.two {
padding: 3px 0px 5px 0px;
background: none;
margin-left: 20px;
}
.tpbut.three {
padding: 3px 0px 8px 0px;
background: none;
margin-left: 0px;
}
.minicart-nav{
padding-bottom: 0px;
position: relative;
}
.minicart-nav i{
font-weight: bold;
font-size: 16px;
margin-top: 8px;
}
.minicart-nav .cart-items{
position: absolute;
top: 50%;
right: -10px;
margin-top: -20px;
display: block;
background: #86c724;
border-radius: 3px;
color: #FFF;
text-align: center;
font-size: 10px;
padding: 0px 5px;
line-height: 16px;
}
.slidermar {
margin-top: 108px;
}
.demo-preview{
border-radius: 3px;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
transition: transform ease-in-out 350ms, box-shadow 250ms 300ms, z-index 350ms;
-webkit-transition: -webkit-transform ease-in-out 350ms, box-shadow 250ms 300ms, z-index 350ms;
-moz-transition: -moz-transform ease-in-out 350ms, box-shadow 250ms 200ms, z-index 350ms;
position: relative;
}
.demo-preview:hover{
box-shadow: 0 0 50px 0 rgba(0,0,0,0.85);
transform: scale(1.2);
z-index: 20;
} .yamm-content {
float: left;
width: 100%;
font-family: 'Roboto', sans-serif;
}
.yamm-content .section-box {
float: left;
width: 33.3333333333%;
color: #999;
font-weight: 300;
transition: all 0.3s ease;
}
.yamm-content .section-box.last {
background: #f3f3f3;
}
.yamm-content .section-box strong {
color: #454545;
font-size: 18px;
font-weight: 400;
display: block;
transition: all 0.3s ease;
}
.yamm-content .section-box span {
float: left;
color: #6e7a83;
font-size: 30px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 14px;
margin-right: 12px;
border-right: 1px solid #eee;
transition: all 0.3s ease;
}
.yamm-content .section-box i {
float: left;
color: #6e7a83;
font-size: 30px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 14px;
margin-right: 12px;
border-right: 1px solid #eee;
transition: all 0.3s ease;
}
.yamm-content .section-box a {
color: #999;
}
.yamm-content .section-box a:hover,
.yamm-content .section-box a:hover strong,
.yamm-content .section-box a:hover span,
.yamm-content .section-box a:hover i {
color: #86c724;
}
.yamm-content .section-box.last {
text-align: center;
background: #f7f7f7;
border-left: 1px solid #e3e3e3;
padding: 25px 0px 38px 0px;
font-size: 14px;
color: #2a363f;
}
.yamm-content .section-box.last strong {
color: #2a363f;
font-size: 40px;
font-weight: 800;
margin: 12px 0px 5px 0px;
}
.yamm-content .section-box.last strong em {
font-size: 18px;
font-weight: 400;
font-style: normal;
}
.yamm-content .section-box.last b {
text-decoration: line-through;
font-style: normal;
font-weight: normal;
color: #999;
}
.yamm-content .section-box.last a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #2a363f;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
transition: all 0.3s ease;
}
.yamm-content .section-box.last a:hover {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #86c724;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
}
.menu-sepbox {
float: right;
width: 136%;
padding: 27px 40px 31px 40px;
background: #f7f7f7;
margin-top: -5px;
text-align: center;
font-family: 'Roboto', sans-serif;
}
.menu-sepbox img {
float: left;
width: 100%;
}
.menu-sepbox h6 {
margin-bottom: 0px;
}
.menu-sepbox a.purcnow {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #2a363f;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
transition: all 0.3s ease;
display: inline-block;
width: auto;
margin: 0 auto;
float: none;
}
.menu-sepbox a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #2a363f;
border-radius: 3px;
font-weight: 600;
transition: all 0.3s ease;
display:block;
float:left;
}
.menu-sepbox a:hover {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #86c724;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
}
.menu-sepbox a.purcnow:hover {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #86c724;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
} .domain_search {
float: left;
width: 100%;
background: #2a363f;
font-family: 'Roboto', sans-serif;
}
.domain_search .serch_area {
float: left;
width: 100%;
padding: 60px 0px 45px 0px;
border-bottom: 1px solid #1d262c;
}
.domain_search .serch_area h5 {
float: left;
margin: 14px 12px 0px 0px;
}
.domain_search .serch_area .enter_email_input {
float: left;
font-family: 'Roboto', sans-serif;
padding: 3px 0px 4px 20px;
height: 54px;
width: 55%;
background: #fff;
border-radius: 3px;
border: none;
color: #727272;
font-size: 16px;
}
.domain_search .serch_area .input_submit {
float: left;
font-family: 'Roboto', sans-serif;
padding: 15px 25px 16px 25px;
background-color: #86c724;
border: 0px;
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
transition: all 0.3s ease;
border-radius: 3px;
margin-left: 12px;
}
.domain_search .serch_area .input_submit:hover {
color: #86c724;
cursor: pointer;
background-color: #fff;
}
#domain_search_results .input_select {
font-family: 'Roboto', sans-serif;
padding: 15px 25px 16px 25px;
background-color: #86c724;
border: 0px;
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
transition: all 0.3s ease;
border-radius: 3px;
margin-left: 12px;
}
#domain_search_results .input_select:hover {
color: #86c724;
cursor: pointer;
background-color: #fff;
}
.domain_search .offers {
float: left;
width: 100%;
border-top: 1px solid #354049;
}
.domain_search .offers ul {
float: right;
padding: 0px;
margin: 0px;
}
.domain_search .offers li {
float: left;
padding: 30px 18px 35px 18px;
margin: 0px;
color: #fff;
font-size: 27px;
font-weight: 200;
border-left: 1px solid #1d262c;
border-right: 1px solid #3f3f3f;
list-style: none;
}
.domain_search .offers li:first-child{
border-left: none;
}
.domain_search .offers li:last-child{
border-right: none;
}
.domain_search .offers.sty2 li{
padding: 15px 20px 10px 20px;
text-align: center;
min-height: 90px;
}
.domain_search .offers.sty2 li span.small{
color: #878d93;
font-size: 12px;
line-height: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
margin: 0 auto;
display: block;
clear: both;
text-align: center;
max-width: 70px;
padding-top: 5px;
padding-bottom: 5px;
}
.domain_search .offers li.last {
padding-bottom: 30px;
}
.domain_search .offers li small {
color: #878d93;
font-size: 12px;
line-height: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
margin: 0;
float: left;
}
.domain_search .offers.sty2 li:first-child{
border: none;
}
.domain_search .offers.sty2 li small {
font-weight: bold;
color: #ccc;
line-height: 16px;
text-align: right;
margin-top: 15px;
} .domain_search.sty2 {
float: left;
width: 100%;
padding: 40px 0px 50px 0px;
background: #2a363f url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img105.jpg) repeat-y center -40px;
text-align: center;
font-family: 'Roboto', sans-serif;
}
.domain_search.sty2 .serch_area {
float: left;
width: 100%;
text-align: center;
}
.domain_search.sty2 .serch_area h1 {
color: #fff;
margin-bottom: 10px;
}
.domain_search.sty2 .serch_area h4 {
color: #fff;
font-weight: 300;
margin-bottom: 40px;
}
.domain_search.sty2 .serch_area .enter_email_input {
float: left;
font-family: 'Roboto', sans-serif;
padding: 3px 0px 4px 20px;
height: 54px;
width: 58%;
background: #fff;
border-radius: 3px;
border: none;
color: #727272;
font-size: 16px;
margin-left: 13.5%;
}
.domain_search.sty2 .serch_area .input_submit {
float: left;
font-family: 'Roboto', sans-serif;
padding: 15px 25px 16px 25px;
background-color: #86c724;
border: 0px;
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
transition: all 0.3s ease;
border-radius: 3px;
margin-left: 12px;
}
.domain_search.sty2 .serch_area .input_submit:hover {
color: #86c724;
cursor: pointer;
background-color: #fff;
}
.domain_search.sty3 {
background: #334049;
}
.host_plans {
float: left;
width: 100%;
padding: 100px 0px;
text-align: center;
font-family: 'Roboto', sans-serif;
background: #fff;
}
.host_plans .planbox {
float: left;
width: 100%;
border: 1px solid #e3e3e3;
border-radius: 3px;
}
.host_plans .planbox .title {
float: left;
width: 100%;
padding: 20px 0px 10px 0px;
}
.host_plans .planbox .prices {
background: #5f686f;
display: inline-block;
margin-bottom: 35px;
position: relative;
width: 100%;
padding: 27px 0px 23px 0px;
color: #fff;
}
.host_plans .planbox .prices:before {
border-top: 21px solid #5f686f;
border-left: 200px solid transparent;
border-right: 200px solid transparent;
margin-left: -200px;
margin-right: -200px;
content: "";
height: 0;
position: absolute;
bottom: -20px;
width: 0;
left: 50%;
}
.host_plans .planbox .prices strong {
color: #fff;
font-size: 45px;
font-weight: 800;
display: block;
}
.host_plans .planbox .prices strong i {
color: #fff;
font-size: 12px;
font-weight: 400;
font-style: normal;
}
.host_plans .planbox .prices b {
color: #fff;
font-size: 12px;
font-weight: 300;
font-style: normal;
display: block;
margin-bottom: 20px;
}
.host_plans .planbox .prices b em {
font-style: normal;
text-decoration: line-through;
}
.host_plans .planbox .prices a {
color: #5f686f;
font-size: 14px;
background: #fff;
padding: 11px 32px;
border-radius: 3px;
text-transform: uppercase;
font-weight: 600;
transition: all 0.3s ease;
}
.host_plans .planbox .prices a:hover {
color: #fff;
background: #86c724;
}
.host_plans .planbox ul {
float: left;
width: 100%;
padding: 0px;
margin: 0px 0px 20px 0px;
}
.host_plans .planbox li {
float: left;
width: 100%;
padding: 9px 0px;
color: #2a363f;
border-bottom: 1px solid #f3f3f3;
list-style: none;
}
.host_plans .planbox ul.price_des li:last-child {
border-bottom: none;
}
.host_plans .planbox.highlight .prices {
background: #86c724;
}
.host_plans .planbox.highlight .prices:before {
border-top: 21px solid #86c724;
}
.host_plans .planbox.highlight .prices a {
color: #86c724;
background: #fff;
}
.host_plans .planbox.highlight .prices a:hover {
color: #5f686f;
}
.host_plans .planbox.highlight .hiimg {
display: block;
position: absolute;
top: -22px;
margin-left: -67px;
left: 50%;
}
.host_plans_sty3 {
float: left;
width: 100%;
padding: 90px 0px;
text-align: center;
background: #f3f3f3;
font-family: 'Roboto', sans-serif;
}
.host_plans_sty3 .one_third {
background: #fff;
padding: 45px 30px 54px 30px;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
}
.host_plans_sty3 .one_third img {
border: 1px solid #2a363f;
padding: 20px;
width: 112px;
border-radius: 100%;
margin: 0 auto 20px auto;
display: block;
}
.host_plans_sty3 .one_third li {
padding: 5px 0px;
list-style: none;
}
.host_plans_sty3 .one_third li i {
color: #d9d9d9;
margin-right: 3px;
}
.host_plans_sty3 .one_third .price h1 {
color: #86c724;
font-weight: 300;
}
.host_plans_sty3 .one_third .price h1 strong {
display: inline;
}
.host_plans_sty3 .one_third .price em {
color: #2a363f;
font-size: 12px;
font-style: normal;
text-transform: uppercase;
}
.host_plans_sty3 .one_third a.but {
color: #fff;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
background: #86c724;
padding: 14px 32px;
border-radius: 27px;
white-space: nowrap;
transition: all 0.3s ease;
}
.host_plans_sty3 .one_third a.but:hover {
background: #2a363f;
} .features_sec35 {
float: left;
width: 100%;
padding: 120px 0px;
}
.features_sec35 .box {
float: left;
width: 100%;
text-align: center;
}
.features_sec35 .box .element-icon {
color: #b3b3b3;
font-size: 40px;
width: 120px;
height: 134px;
margin: 0 auto;
text-align: center;
vertical-align: middle;
line-height: 134px;
margin-bottom: 35px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img58.png) no-repeat center top;
transition: all 0.3s ease;
}
.features_sec35 .box .element-icon:hover {
color: #fff;
} .features_sec40 {
float: left;
width: 100%;
padding: 120px 0px;
background: #eee;
}
.features_sec40 .ibox{
display: inline-block;
clear: both;
margin-bottom: 40px;
}
.features_sec40 .rimg {
width: auto;
}
.features_sec40 h2 {
font-weight: 400;
margin-bottom: 18px;
text-align: left;
}
body .features_sec40 h6 {
font-weight: 500;
line-height: 18px;
margin-bottom: 7px;
clear: none;
}
.features_sec40 .element-icon {
float: left;
color: #fff;
font-size: 25px;
background: #9eca45;
border-radius: 3px;
width: 45px;
height: 45px;
text-align: center;
vertical-align: middle;
line-height: 45px;
margin-right: 20px;
margin-bottom: 30px;
}
.parallax_section6 {
float: left;
width: 100%;
text-align: center;
padding: 140px 0px 185px 0px;
background: #333 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/fullsite-img11.jpg);
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat:no-repeat;
background-position:100% 0;
background-position: center;
}
.parallax_section6 h2 {
color: #333;
font-size: 40px;
font-weight: bold;
line-height: 38px;
font-family: 'Dancing Script', cursive;
}
.parallax_section6 .box {
float: left;
margin-top: 100px;
margin-left: 10.2%;
}
.hexagon {
width: 170px;
height: 100px;
background: rgba(0,0,0, 0.6);
position: relative;
float: left;
margin-right: 20px;
transition: all 0.3s ease;
color: #fff;
}
.hexagon.two {
margin-right: 0px;
margin-left: 95px;
}
.hexagon.three,
.hexagon.four,
.hexagon.five {
margin-right: 0px;
margin-left: 20px;
}
.hexagon:before {
content: "";
position: absolute;
top: -45px;
left: 0;
width: 0;
height: 0;
border-left: 85px solid transparent;
border-right: 85px solid transparent;
border-bottom: 45px solid rgba(0,0,0, 0.6);
transition: all 0.3s ease;
}
.hexagon:after {
content: "";
position: absolute;
bottom: -45px;
left: 0;
width: 0;
height: 0;
border-left: 85px solid transparent;
border-right: 85px solid transparent;
border-top: 45px solid rgba(0,0,0,0.6);
transition: all 0.3s ease;
}
.haxmargin {
float: left;
width: 100%;
margin-top: 60px;
}
.hexagon:hover {
background: rgba(0, 0, 0, 0.9);
}
.hexagon:hover:before {
border-bottom: 45px solid rgba(0, 0, 0, 0.9);
}
.hexagon:hover:after {
border-top: 45px solid rgba(0, 0, 0, 0.9);
}
.hexagon i {
color: #fff;
font-size: 30px;
margin-bottom: 10px;
}
.hexagon h6 {
margin-bottom: 5px;
color: #fff;
}
.hexagon p {
color: #ababab;
font-size: 13px;
line-height: 16px;
}
.hexagon:hover i {
color: #9eca45;
}
.hexagon:hover h6 {
color: #9eca45;
}  .feature_section101 {
float: left;
width: 100%;
padding: 95px 0px 90px 0px;
text-align: center;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img101.png) no-repeat center 215px;
background-size: 1170px 120px;
}
.feature_section101 img {
margin-bottom: 23px;
}
.feature_section101 p {
width: 75%;
margin: 0 auto;
}
.feature_section101 .sprice {
width: 75%;
margin: 0 auto;
}
.feature_section101 .sprice h4 {
margin-bottom: 23px;
}
.feature_section101 .sprice a {
color: #fff;
background: #86c724;
padding: 0px 30px 2px 30px;
border-radius: 3px;
font-size: 45px;
font-weight: 900;
font-family: 'Roboto', sans-serif;
white-space: nowrap;
transition: all 0.3s ease;
}
.feature_section101 .sprice a em {
font-size: 18px;
font-weight: 300;
font-style: normal;
}
.feature_section101 .sprice a:hover {
background: #2a363f;
} .feature_section102 {
float: left;
width: 100%;
padding: 90px 0px 90px 0px;
text-align: center;
}
.feature_section102 .plan {
float: left;
width: 100%;
text-align: left;
padding: 0px 0px 90px 0px;
}
.feature_section102 .plan img {
float: right;
}
.feature_section102 .plan h1 {
font-size: 45px;
line-height: 45px;
font-weight: 200;
}
.feature_section102 .plan h1 b {
font-weight: 900;
}
.feature_section102 .plan ul {
float: left;
padding: 0px;
margin: 10px 0px 35px 0px !important;
}
.feature_section102 .plan li {
float: left;
margin: 0px 20px 5px 0px;
}
.feature_section102 .plan h2 strong {
color: #86c724;
font-size: 45px;
font-weight: 900;
}
.feature_section102 .plan.two {
float: left;
width: 100%;
text-align: right;
padding: 90px 0px 81px 0px;
background: #eee;
}
.feature_section102 .plan.two img {
float: left;
}
.feature_section102 .plan.two li {
float: right;
}
.feature_section102 .plan.three {
padding: 90px 0px 0px 0px;
} .feature_section103 {
float: left;
width: 100%;
padding: 90px 0px 90px 0px;
text-align: center;
background: #2a363f;
}
.feature_section103 .box {
float: left;
width: 25%;
padding: 10px 20px 45px 0px;
text-align: left;
border-right: 1px solid #1f282f;
border-bottom: 1px solid #1f282f;
}
.feature_section103 .box i {
color: #fff;
font-size: 35px;
margin-bottom: 18px;
}
.feature_section103 .box h4 {
color: #fff;
font-weight: 400;
margin-bottom:7px;
}
.feature_section103 .box .line {
display: block;
width: 50px;
height: 1px;
background: #555e65;
margin-top: 7px;
margin-bottom: 18px;
}
.feature_section103 .box.two {
padding: 10px 0px 45px 20px;
border-left: 1px solid #39444d;
}
.feature_section103 .box.two.last {
border-right: none;
}
.feature_section103 .box.three {
padding: 45px 20px 45px 0px;
border-bottom: none;
border-top: 1px solid #39444d;
}
.feature_section103 .box.four {
padding: 45px 0px 45px 20px;
border-left: 1px solid #39444d;
border-top: 1px solid #39444d;
border-bottom: none;
}
.feature_section103 .box.four.last {
border-right: none;
}
.feature_section103 .box.end {
padding-bottom: 10px;
border-bottom: none;
}
.feature_section103.sty2 .box{
border-bottom: 1px solid #1f282f;
} .feature_section104 {
float: left;
width: 100%;
padding: 90px 0px 90px 0px;
text-align: center;
background: #e3e3e3;
}
.feature_section104 .box {
width: 75%;
padding: 0px 50px 50px 50px;
background: #fff;
text-align: left;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.18);
display: inline-block;
}
.feature_section104 .box h1 {
float: left;
margin-left: 38%;
color: #fff;
font-size: 18px;
font-weight: 400;
background: #86c724;
padding: 9px 27px 10px 27px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.feature_section104 .box img {
float: left;
margin-right: 30px;
}
.feature_section104 .box .item {
padding-bottom: 16px;
} .feature_section105 {
float: left;
width: 100%;
padding: 90px 0px 90px 0px;
text-align: center;
}
.feature_section105_elm .box {
width: 100%;
position: relative;
}
.feature_section105_elm .box-cnt {
width: 100%;
height: auto;
}
.feature_section105_elm .box-cnt img {
width: 100%;
height: auto;
display: block;
}
.feature_section105_elm .box-details {
position: absolute;
z-index: 2;
bottom: 0;
background: rgba(42,54,63,0.98);
width: 100%;
height: 100px;
overflow:hidden;
transition: height 450ms;
-moz-transition: height 450ms;
-webkit-transition: height 450ms;
}
.feature_section105_elm .box:hover .box-details,
.feature_section105_elm .box.active .box-details {
height: 270px;
background: rgba(42,54,63,0.97);
}
.feature_section105_elm .box.active .box-details h5 {
padding-top: 35px;
}
.feature_section105_elm .box.active .box-details .hline {
visibility: visible;
}
.feature_section105_elm .box:hover .box-details h5 {
padding-top: 35px;
}
.feature_section105_elm .box:hover .hline {
visibility: visible;
}
.feature_section105_elm .box-details h5 {
color: #fff;
font-weight: 600;
padding-top: 27px;
line-height: 21px;
transition: all 0.3s ease;
}
.feature_section105_elm .box-details h5 em {
color: #fff;
font-size: 12px;
font-style: normal;
display: block;
}
.feature_section105_elm .box-details .hline {
width: 80px;
height: 1px;
background: #fff;
margin: 0 auto;
visibility: hidden;
}
.feature_section105_elm .box-details p {
color: #fff;
width: 77%;
margin: 0 auto;
padding-top: 21px;
padding-bottom: 30px;
line-height: 18px;
}
.feature_section105_elm .box-details a {
color: #fff;
font-size: 11px;
text-transform: uppercase;
border: 1px solid #fff;
padding: 9px 20px;
transition: all 0.3s ease;
}
.feature_section105_elm .box-details a:hover {
color: #393939;
background: #fff;
} .feature_section106 {
float: left;
width: 100%;
padding: 0px;
background: #eee;
}
.left .less6,.right .less6{
width: 100%;
}
.feature_section106 .left {
float: left;
width: 33.5%;
padding: 90px 0px 90px 0px;
margin-left: 13%;
}
.feature_section106 .left .climg {
float: left;
width: 23%;
margin-right: 30px;
background: none;
}
.feature_section106 .left .climg img {
float: left;
width: 100%;
margin-bottom: 0px;
max-width: 100%;
border-radius: 3px;
}
.feature_section106 .left .climg strong {
float: left;
color: #86c724;
}
.feature_section106 .left .climg em {
font-size: 12px;
font-style: normal;
}
.feature_section106 .right {
float: right;
width: 50%;
padding: 90px 0px 75px 70px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img110.jpg) no-repeat left top;
}
.feature_section106 .right ul {
float: left;
width: 80%;
padding: 0px;
margin: 0px;
}
.feature_section106 .right li {
float: left;
width: 27%;
padding: 12px 0px 7px 0px;
margin-right: 4%;
margin-bottom: 20px;
border: 1px solid #fff;
text-align: center;
border-radius: 3px;
list-style:none;
}
.feature_section106 .right li img {
width: 50%;
} .feature_section107 {
padding: 50px 0px;
text-align: center;
}
.feature_section107 h1 {
font-size: 30px;
}
.feature_section107 h1 b {
font-weight: 900;
}
.feature_section107 h1 a {
color: #fff;
font-weight: 700;
background: #86c724;
padding: 2px 10px 2px 10px;
border-radius: 3px;
margin-left: 5px;
transition: all 0.3s ease;
display: inline-block;
}
.feature_section107 h1 a:hover {
background: #2a363f;
} .feature_section1 {
float: left;
width: 100%;
padding: 95px 0px 90px 0px;
background: #f3f3f3;
text-align: center;
}
.feature_section1 .one_third {
text-align: left;
}
.feature_section1 i {
float: left;
width:62px;
height:62px;
border-radius:100%;
background-color:#fff;
text-align:center;
line-height:62px;
position:relative;
margin:6px;
color: #2a363f;
font-size: 23px;
margin-right: 20px;
}
.feature_section1 i:after {
border-radius:100%;
background:rgba(255,255,255,0.1);
border:2px solid #fff;
position:absolute;
content:"";
z-index:1;
top:0px;
left:0;
bottom:0;
right:0;
transition:all ease 0.3s;
}
.feature_section1 i:hover:after {
top:-5px;
bottom:-5px;
right:-5px;
left:-5px;
}
.feature_section1.sty2 {
padding: 75px 0px 90px 0px;
background: #fff;
border-top: 1px solid #f3f3f3;
}
.feature_section1.sty2 i {
background-color:#f3f3f3;
}
.feature_section1.sty2 i:after {
border:2px solid #f3f3f3;
} .feature_section2  {
float: left;
width: 100%;
}
.feature_section2 .title  {
float: left;
width: 100%;
text-align: center;
padding: 75px 0px 30px 0px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/up-arrow.png) no-repeat center bottom;
background-size: 60px 30px;
}
.feature_section2 .twoboxes  {
float: left;
position: relative;
z-index: 9;
background: #3f4a52;
width: 100%;
padding: 85px 0px 85px 0px;
}
.feature_section2 .twoboxes:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right:50%;
bottom: 0;
left: 0;
background: #2a363f;
display: inline-block;
}
.feature_section2 .twoboxes .left {
float: left;
width: 45%;
text-align: left;
}
.feature_section2 .twoboxes .right {
float: right;
width: 43.5%;
text-align: left;
}
.feature_section2 .twoboxes i {
float: left;
margin-right: 25px;
color: #fff;
font-size: 58px;
margin-top: 14px;
}
.feature_section2 .twoboxes strong {
color: #fff;
font-size: 43px;
line-height: 35px;
font-weight: 900;
display: block;
text-transform: uppercase;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;
margin-bottom: 45px;
}
.feature_section2 .twoboxes strong em {
color: #fff;
font-size: 18px;
font-weight: 300;
display: block;
margin-bottom: 0px;
font-style: normal;
}
.feature_section2 .twoboxes ul {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.feature_section2 .twoboxes li {
width: 100%;
padding: 14px 0px;
margin: 0px;
color: #fff;
font-size: 16px;
}
.feature_section2 .twoboxes li i {
color: #959b9f;
float: left;
font-size: 14px;
margin-right: 12px;
margin-top: 4px;
margin-bottom: 30px;
}
.feature_section2 .twoboxes li a {
float: left;
margin-top: 10px;
} .feature_section3 {
float: left;
width: 100%;
padding: 85px 0px 65px 0px;
}
.feature_section3_elm .lstblogs {
float: left;
width: 100%;
background: #2a363f;
font-family: 'Roboto', sans-serif;
}
.feature_section3_elm .lstblogs img {
float: left;
width: 100%;
}
.feature_section3_elm .lstblogs .date {
float: left;
color: #fff;
font-size: 14px;
padding: 10px 0px;
border-radius: 3px;
background: #86c724;
text-align: center;
margin: 30px 20px 30px 30px;
width: 10%;
transition: all 0.3s ease;
}
.feature_section3_elm .lstblogs .date:hover {
color: #2a363f;
background: #fff;
}
.feature_section3_elm .lstblogs .date strong {
font-size: 27px;
display: block;
font-weight: 400;
}
.feature_section3_elm .lstblogs h4 {
float: left;
margin: 30px 20px 0px 0px;
width: 76%;
transition: all 0.3s ease;
}
.feature_section3_elm .lstblogs .hline {
width: 50px;
height: 1px;
background: #fff;
margin-top: 10px;
opacity: 0.5;
float:left;
}
.feature_section3_elm .lstblogs h4 a:hover {
color: #86c724;
} .feature_section4 {
float: left;
width: 100%;
padding: 90px 0px;
}
.feature_section4 .left,
.feature_section4 .center,
.feature_section4 .right {
float: left;
width: 33.3333333333%;
padding: 45px 50px 56px 50px;
text-align: center;
}
.feature_section4 .left {
background: #2a363f;
}
.feature_section4 .center {
background: #86c724;
}
.feature_section4 .right {
background: #f3f3f3;
}
.feature_section4 strong {
color: #fff;
font-size: 27px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.feature_section4 strong em {
color: #fff;
font-size: 21px;
font-weight: 300;
font-style: normal;
display: block;
text-transform: none;
margin-bottom: 9px;
}
.feature_section4 .right strong,
.feature_section4 .right strong em {
color: #2a363f;
}
.feature_section4 img {
margin: 25px auto 20px auto;
display: block;
}
.feature_section4.sty2 {
padding: 0px 0px;
}
.feature_section4.sty2 .left,
.feature_section4.sty2 .center,
.feature_section4.sty2 .right {
padding: 35px 50px 35px 50px;
}
.feature_section4.sty2 strong {
font-size: 45px;
font-weight: 900;
}
.feature_section4.sty2 strong em {
margin-bottom: 0px;
margin-top: 7px;
} .feature_section5 {
float: left;
width: 100%;
padding: 40px 0px 65px 0px;
}
.feature_section5 .two_third {
padding-top: 70px;
}
.feature_section5 ul {
float: left;
width: 100%;
padding: 0px;
margin: 5px 0px 9px 0px;
}
.feature_section5 li {
float: left;
padding: 5px 7px;
border: 1px dashed #d9dbdc;
text-align: center;
margin: 0px 14px 14px 0px;
list-style:none;
}
.feature_section5 li img {
display: block;
margin: 0 auto;
width: 100%;
} .feature_section6 {
float: left;
width: 100%;
background: #f3f3f3;
padding: 90px 0px 80px 0px;
text-align: center;
}
.feature_section6_elm .climg {
float: left;
width: 100%;
text-align: center;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-lines.png) no-repeat center 48px;
}
.feature_section6_elm .climg img {
width: 12.5%;
border-radius: 100%;
margin-bottom: 25px;
max-width: 100px;
height: auto !important;
}
.feature_section6_elm .item strong {
color: #86c724;
font-size: 16px;
font-weight: 600;
}
.feature_section6_elm .item em {
font-style: normal;
color: #999;
}
.feature_section6.sty2 {
background: #fff;
} .feature_section7 {
float: left;
width: 100%;
padding: 90px 0px 97px 0px;
background: #f3f3f3;
text-align: center;
}
.feature_section7 .one_fifth_less {
border: 1px solid #e3e3e3;
border-radius: 3px;
padding: 25px 0px 14px 0px;
background: #fff;
transition: all 0.1s ease;
}
.feature_section7 .one_fifth_less i {
color: #727272;
display: block;
font-size: 45px;
margin-bottom: 14px;
}
body .feature_section7 .one_fifth_less  h5, body #main .feature_section7 .one_fifth_less  h5{
margin-bottom:12px;
}
.feature_section7 .one_fifth_less:hover {
border: 1px solid #2a363f;
background: #2a363f;
}
.feature_section7 .one_fifth_less:hover i,
.feature_section7 .one_fifth_less:hover h5 {
color: #fff;
} .feature_section8 {
float: left;
width: 100%;
background: #2a363f url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img22.jpg) no-repeat left top;
padding: 85px 0px 67px 0px;
text-align: center;
}
.feature_section8_elm .slidesec {
float: left;
width: 100%;
padding: 40px;
background: #fff;
text-align: left;
}
.feature_section8_elm .imgbox {
float: left;
width: 40%;
margin-right: 45px;
}
.feature_section8_elm .imgbox img {
float: left;
width: 100%;
}
.feature_section8_elm i {
color: #86c724;
font-size: 14px;
} .feature_section9 {
float: left;
width: 100%;
padding: 90px 0px 95px 0px;
text-align: center;
}
.feature_section9 .box {
float: left;
width: 100%;
text-align: left;
margin-bottom: 50px;
padding: 25px 30px;
background: #fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
} .feature_section10 {
float: left;
padding: 50px 0 45px;
text-align: center;
width: 100%;
}
.feature_section10 .box {
border: 4px solid #f3f3f3;
border-radius: 5px;
float: left;
padding: 16px 0 10px;
width: 100%;
}
.feature_section10 .box h1, .feature_section10 .box h6 {
margin-bottom: 5px;
} .feature_section11 {
float: left;
width: 100%;
padding: 75px 0px 75px 0px;
background: #eee;
font-family: 'Roboto', sans-serif;
text-align: center;
}
.feature_section11 h1 {
margin-bottom: 20px;
}
.feature_section11 .tabs {
display: table;
table-layout: fixed;
width: 100%;
-webkit-transform: translateY(5px);
transform: translateY(5px);
padding: 0px;
margin: 0px;
}
.feature_section11 .tabs > li{
transition-duration: .25s;
display: table-cell;
list-style: none;
text-align: center;
padding: 20px 20px 25px 20px;
position: relative;
overflow: hidden;
cursor: pointer;
color: #2a363f;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.feature_section11 .tabs > li:before {
z-index: -1;
position: absolute;
content: "";
width: 100%;
height: 120%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition-duration: .25s;
border-radius: 3px 3px 0 0;
}
.feature_section11 .tabs > li:hover:before{
-webkit-transform: translateY(70%);
transform: translateY(70%);
}
.feature_section11 .tabs > li.active {
color: #86c724;
}
.feature_section11 .tabs > li.active:before{
transition-duration: .5s;
background-color: white;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.feature_section11 .king-tabs {
border:none;
}
.feature_section11 .king-tabs-panes {
background-color: white;
position: relative;
width: 100%;
border-radius: 3px;
}
.feature_section11 .king-tabs-panes > li {
width: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
list-style: none;
}
.feature_section11 .king-tabs-panes > .king-tabs-pane .content__wrapper {
text-align: center;
border-radius: 5px;
width: 100%;
padding: 45px 40px 40px 40px;
background-color: #fff;
}
.feature_section11 .king-tabs .king-tabs-nav li{
display: table-cell;
list-style: none;
text-align: center;
position: relative;
overflow: hidden;
cursor: pointer;
}
.feature_section11 .king-tabs .king-tabs-nav.vc_clearfix:before, .feature_section11 .king-tabs .king-tabs-nav.vc_clearfix:after{
display:none;
}
.feature_section11 .king-tabs .king-tabs-nav li:before{
z-index: -1;
position: absolute;
content: "";
width: 100%;
height: 120%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition-duration: .25s;
border-radius: 3px 3px 0 0;
}
.feature_section11 .king-tabs .king-tabs-nav li:hover:before {
-webkit-transform: translateY(70%);
transform: translateY(70%);
}
.feature_section11 .king-tabs .king-tabs-nav li.ui-tabs-active:before {
transition-duration: .5s;
background-color: white;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.feature_section11 .king-tabs .king-tabs-nav li a{
transition-duration: .25s;
display: block;
padding: 20px 20px 25px 20px;
color: #2a363f;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.5px;
text-align: center;
line-height:24px;
border-right:none;
}
.feature_section11 .king-tabs .king-tabs-nav li a:hover{
background:none;
}
.feature_section11 .king-tabs .king-tabs-nav{
display: table;
table-layout: fixed;
width: 100%;
-webkit-transform: translateY(5px);
transform: translateY(5px);
padding: 0px;
margin: 0px;
}
.feature_section11 .king-tabs .king-tabs-nav li.ui-tabs-active {
border-top:1px solid #3183d7;
}
.feature_section11 .king-tabs .king-tabs-nav li.ui-tabs-active a{
color:#3183d7;
}
.feature_section11 ul.domlist1, .feature_section11 .domlist1 {
float: left;
width: 20%;
padding: 0px 0px 0px 0px;
margin: 0px 0px;
border-right: 5px solid #fff;
border-left: 5px solid #fff;
text-align:center;
}
.feature_section11 .domlist1 li {
width: 100%;
height: 50px;
padding-top: 13px;
margin: 0px;
border-bottom: 1px solid #f3f3f3;
color: #2a363f;
font-size: 16px;
}
.feature_section11 .domlist1 li.title {
height: 50px;
padding-top: 0px;
}
.feature_section11 .domlist1 li.title h6 {
line-height: 18px;
}
.feature_section11 .domlist1 li em {
color: #ccc;
text-decoration: line-through;
margin-right: 5px;
font-style: normal;
font-weight: 300;
font-size: 12px;
} .feature_section12 {
float: left;
width: 100%;
padding: 18px 0px 50px 0px;
text-align: center;
}
.feature_section12 .one_fourth {
text-align: left;
}
.feature_section12 i {
float: left;
width:45px;
height:45px;
border-radius:100%;
background-color:#f3f3f3;
text-align:center;
line-height:45px;
position:relative;
margin:6px;
color: #2a363f;
font-size: 18px;
margin-right: 18px;
}
.feature_section12 i:after {
border-radius:100%;
background:rgba(255,255,255,0.1);
border:2px solid #f3f3f3;
position:absolute;
content:"";
z-index:1;
top:0px;
left:0;
bottom:0;
right:0;
transition:all ease 0.3s;
}
.feature_section12 i:hover:after {
top:-5px;
bottom:-5px;
right:-5px;
left:-5px;
}
.client_logos {
float: left;
width: 100%;
padding: 40px 0px 40px 0px;
text-align: center;
}
.client_logos a,.client_logos img {
display: inline-block;
width: 12%;
}
.client_logos a img{
width: 100%;
}
.client_logos ul {
float: left;
width: 100%;
padding: 0px;
margin: 0 0 0 3%;
}
.client_logos li {
float: left;
padding: 0px 12px;
margin: 0px;
}
.client_logos.two {
padding: 0px 0px 50px 0px;
} .feature_section13 {
float: left;
width: 100%;
padding: 75px 0px 90px 0px;
text-align: center;
background: #f3f3f3;
}
.feature_section13 .one_half_less {
padding: 35px 30px 35px 30px;
background: #fff;
} .feature_section14 {
float: left;
width: 100%;
padding: 90px 0px 95px 0px;
text-align: center;
background: #f3f3f3;
}
.feature_section14_elm .one_half {
float: left;
padding: 30px 35px;
background: #fff;
text-align: left;
border-radius: 3px;
transition: all 0.3s ease;
margin-bottom:30px;
}
.feature_section14_elm .one_half:hover {
color: #fff;
background: #2a363f;
}
.feature_section14_elm .one_half img {
float: left;
width: 140px;
height: 140px;
border-radius: 100%;
margin-right: 25px;
}
.feature_section14_elm .one_half h5 em {
display: block;
font-size: 13px;
font-style: normal;
color: #999;
font-weight: 300;
}
.video_full_site {
width: 70%;
height: 450px;
margin: 0 auto;
display:inline-block;
} .feature_section15 {
float: left;
width: 100%;
padding: 90px 0px 95px 0px;
text-align: center;
background: #f3f3f3;
}
.feature_section15_elm .one_fourth_less {
float: left;
padding: 10px 10px 30px 10px;
background: #fff;
border-radius: 3px;
transition: all 0.3s ease;
}
.feature_section15_elm .one_fourth_less:hover {
color: #fff;
background: #2a363f;
}
.feature_section15_elm .one_fourth_less img {
width: 100%;
margin-bottom: 20px;
}
.feature_section15_elm .one_fourth_less h5 em {
display: block;
font-size: 13px;
font-style: normal;
color: #999;
font-weight: 300;
}
.feature_section15_elm .one_fourth_less p {
width: 80%;
margin: 0 auto 16px auto;
}
.feature_section15_elm .one_fourth_less a i  {
color: #fff;
font-size: 13px;
width: 26px;
height: 26px;
border-radius: 100%;
background: #d3d3d3;
text-align: center;
vertical-align: middle;
line-height: 26px;
transition: all 0.3s ease;
}
.feature_section15_elm .one_fourth_less a:hover i  {
color: #fff;
background: #86c724;
} .feature_section16 {
float: left;
width: 100%;
padding: 50px 0px 40px 0px;
background: #f3f3f3;
} .feature_section17 {
float: left;
width: 100%;
padding: 95px 0px 90px 0px;
text-align: center;
font-family: 'Roboto', sans-serif;
}
.feature_section17 .one_third {
float: left;
padding: 35px 50px 45px 50px;
background: #fff;
border-radius: 5px;
border: 5px solid #f3f3f3;
}
.feature_section17 .one_third i {
color: #2a363f;
font-size: 45px;
margin-bottom: 27px;
border-radius: 100%;
text-align: center;
vertical-align: middle;
}
.feature_section17 .one_third a.but1 {
color: #fff;
border-radius: 3px;
padding: 13px 27px;
background: #86c724;
text-transform: uppercase;
white-space: nowrap;
transition: all 0.3s ease;
}
.feature_section17 .one_third a.but1:hover {
color: #fff;
background: #2a363f;
} .feature_section18 {
float: left;
width: 100%;
padding: 140px 0px 140px 0px;
background: #f3f3f3 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img179.jpg) no-repeat center top;
}
.feature_section18 a {
color: #fff;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
background: #86c724;
padding: 14px 32px;
border-radius: 27px;
white-space: nowrap;
transition: all 0.3s ease;
}
.feature_section18 a:hover {
background: #2a363f;
} .feature_section401 {
float: left;
width: 100%;
padding: 61px 0px;
background: #2a363f;
color: #999;
}
.feature_section401 .element-icon {
float: left;
color: #fff;
font-size: 35px;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 5px;
} .feature_section402 {
float: left;
width: 100%;
padding: 100px 0px 80px 0px;
}
.feature_section402 .box {
float: left;
width: 33.33333333%;
background: #2a363f;
text-align: center;
}
.feature_section402 .box.two {
background: #7399e7;
}
.feature_section402 .box.three {
background: #75d366;
}
.feature_section402 .box span, .feature_section402 .box .span {
float: left;
width: 100%;
padding: 30px 40px 50px 40px;
}
.feature_section402 .box a {
color: #2a363f;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
background: #fff;
padding: 10px 22px;
border-radius: 3px;
border: 1px solid #fff;
transition: all 0.3s ease;
}
.feature_section402 .box a:hover {
color: #fff;
background: none;
border: 1px solid #fff;
} .feature_section403 {
float: left;
width: 100%;
padding: 100px 0px 81px 0px;
text-align: center;
}
.price_compare {
float: left;
width: 100%;
padding: 90px 0px;
text-align: center;
}
.price_compare .rowsremain p{
font-family:'Roboto', sans-serif;
}
.price_compare .table-wrapper{
font-family: 'Roboto', sans-serif;
}
.price_compare .table-wrapper div.fa {
font-size: 14px;
border-radius: 100%;
width: 23px;
height: 23px;
text-align: center;
vertical-align: middle;
line-height: 22px;
background: #fff;
}
.price_compare .table-wrapper .first.first-row {
background: #fff;
}
.price_compare .rowsremain, .price_compare .first{
padding: 12px 0px 12px 0px;
text-align: left;
text-align: center;
color: #2a363f;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-left:5px solid #fff;
border-right:5px solid #fff;
}
.price_compare .th .first-row, .price_compare .th .rowsremain{
padding: 12px 0px 12px 0px;
text-align: left;
text-align: center;
font-weight: normal;
color: #2a363f;
}
.price_compare .td .rowsremain, .price_compare .td .first.rowfirst{
background: #f9f9f9;
}
.price_compare .th .first.rowfirst{
background: #f3f3f3;
}
.price_compare .alileft,
.price_compare .alileft {
text-align: left;
padding: 12px 0px 12px 18px;
color: #2a363f;
font-weight: 500;
font-size: 15px;
}
.price_compare .rowfirst {
width: 37%;
}
body .price_compare .first.rowfirst{
text-align:left;
padding: 12px 0px 12px 18px;
}
body .price_compare .first.rowfirst p{
color: #2a363f;
font-weight: 500;
font-size: 15px;
font-family:'Roboto', sans-serif;
}
.price_compare .rowsremain {
width: 21%;
background: #eee;
}
.price_compare .title {
float: left;
width: 75%;
text-align: right;
}
.price_compare .title .arrow_box {
position: relative;
background: #5f686f;
padding: 12px 20px 12px 0px;
}
.price_compare .title .arrow_box:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(153, 153, 153, 0);
border-left-color: #5f686f;
border-width: 18px;
margin-top: -18px;
}
.price_compare .title h5 {
color: #fff;
margin-bottom: 0px;
font-weight: 300;
}
.price_compare .title h3 {
color: #fff;
font-weight: 900;
margin-bottom: 0px;
}
.price_compare .prices {
float: left;
width: 100%;
text-align: center;
padding: 20px 0px 30px 0px;
}
.price_compare .prices h4 {
margin-bottom: 18px;
}
.price_compare .prices strong {
color: #86c724;
font-size: 45px;
font-weight: 800;
display: block;
}
.price_compare .prices strong i {
color: #2a363f;
font-size: 12px;
font-weight: 400;
font-style: normal;
background: none;
}
.price_compare .prices b {
color: #727272;
font-size: 12px;
font-weight: 300;
font-style: normal;
display: block;
margin-bottom: 22px;
margin-top: 5px;
}
.price_compare .prices b em {
font-style: normal;
text-decoration: line-through;
}
.price_compare .prices a {
color: #fff;
font-size: 14px;
background: #2a363f;
padding: 10px 27px;
border-radius: 3px;
text-transform: uppercase;
font-weight: 600;
transition: all 0.3s ease;
}
.price_compare .prices a:hover {
color: #fff;
background: #86c724;
}
.price_compare .rowsremain.center {
background: #2a363f;
}
.price_compare .rowsremain.center .prices strong {
color: #fff;
}
.price_compare .rowsremain.center .prices a {
color: #2a363f;
background: #fff;
}
.price_compare .rowsremain.center .prices a:hover {
color: #fff;
background: #86c724;
}
.price_compare .rowsremain.center .prices i {
color: #fff;
}
.price_compare .rowsremain.center .span {
color: #fff;
padding: 3px 10px 4px 10px;
background: #86c724;
margin-top: -62px;
margin-bottom: 32px;
display: block;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.5px;
white-space: nowrap;
}
body .price_compare .first.rowfirst.first-row{
padding-left:0;
padding-top:148px;
}  .parallax_section1 {
float: left;
width: 100%;
text-align: center;
padding: 90px 0px 70px 0px;
background: #eee url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img4.jpg);
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat:no-repeat;
background-position:100% 0;
background-position: center;
} .parallax_section2 {
float: left;
width: 100%;
text-align: center;
padding: 90px 0px 100px 0px;
background: #eee url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img13.jpg);
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat:no-repeat;
background-position:100% 0;
background-position: center;
-moz-box-shadow:    inset  0  3px 3px -3px #e0e0e0,
inset  0 -3px 3px -3px #e0e0e0;
-webkit-box-shadow: inset  0  3px 3px -3px #e0e0e0,
inset  0 -3px 3px -3px #e0e0e0;
box-shadow:        inset  0  3px 3px -3px #e0e0e0,
inset  0 -3px 3px -3px #e0e0e0;
}
.parallax_section2 .one_fifth_less {
float: left;
background:  rgba(255, 255, 255, 0.75);
border-radius: 3px;
padding: 20px 0px 25px 0px;
}
.parallax_section2.sty2 {
float: left;
width: 100%;
text-align: center;
padding: 90px 0px 90px 0px;
background: #eee;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.parallax_section2.sty2 .one_fifth_less {
float: left;
background: #e3e3e3;
border-radius: 3px;
padding: 20px 0px 25px 0px;
} .parallax_section3 {
float: left;
width: 100%;
text-align: center;
padding: 90px 0px 70px 0px;
background: #454545 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img22.jpg);
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat:no-repeat;
background-position:100% 0;
background-position: center;
} .parallax_section4 {
float: left;
width: 100%;
text-align: center;
padding: 90px 0px 70px 0px;
background: #454545 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img31.jpg);
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat:no-repeat;
background-position:100% 0;
background-position: center;
} .parallax_section5 {
float: left;
width: 100%;
text-align: center;
padding: 90px 0px 70px 0px;
background: #eee url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img31.jpg);
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat:no-repeat;
background-position:100% 0;
background-position: center;
} .masonry_section1 {
float: left;
width: 100%;
background: #fff;
padding: 0px 0px 0px 0px;
}
.masonry_section1 img {
float: left;
width: 100%;
height: auto;
}
.masonry_section1 .cbp{
height: auto !important;
}
.masonry_section1 .cbp-item, .masonry_section1 .cbp-wrapper-outer, .masonry_section1 .cbp-wrapper{
margin: 0px !important;
position: static !important;
}
.masonry_section1 .one {
float: left;
width: 66.6666666667% !important;
}
.masonry_section1 .two {
float: left;
width: 50% !important;
}
.masonry_section1 .three {
float: left;
width: 33.3333333333% !important;
}
.masonry_section1 .four {
float: left;
width: 25% !important;
opacity: 0.9;
}
.masonry_section1 .box {
cursor: pointer;
float: left;
position: relative;
overflow: hidden;
width: 100%;
}
.masonry_section1 .one .box {
height: 676px;
}
.masonry_section1 .two .box {
height: 540px;
}
.masonry_section1 .three .box {
height: 338px;
}
.masonry_section1 .four .box {
height: 254px;
}
.masonry_section1 .box img {
width: 100%;
position: absolute;
left: 0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.masonry_section1 .box .caption {
background-color: rgba(0,0,0,0.8);
position: absolute;
color: #fff;
z-index: 100;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
left: 0;
}
.masonry_section1 .box .scale-caption  {
opacity: 0;
width: 100%;
height: 100%;
text-align: left;
}
.masonry_section1 .one .box .scale-caption {
padding: 100px 100px 0px 100px;
}
.masonry_section1 .two .box .scale-caption {
padding: 75px 75px 0px 75px;
}
.masonry_section1 .three .box .scale-caption {
padding: 50px 50px 0px 50px;
}
.masonry_section1 .four .box .scale-caption {
padding: 50px 50px 0px 50px;
}
.masonry_section1 .box .scale-caption h3,
.masonry_section1 .box .scale-caption p {
position: relative;
left: -700px;
width: 100%;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.masonry_section1 .box .scale-caption h3 {
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-o-transition-delay: 50ms;
-ms-transition-delay: 50ms;
transition-delay: 50ms;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 7px;
font-size: 1.8vw;
}
.masonry_section1 .box .scale-caption p {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
-ms-transition-delay: 100ms;
transition-delay: 100ms;
line-height: 23px;
}
.masonry_section1 .box:hover .scale-caption  {
opacity: 1;
}
.masonry_section1 .box:hover #image-6 {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.masonry_section1 .box:hover .scale-caption h3,
.masonry_section1 .box:hover .scale-caption p {
-moz-transform: translateX(700px);
-o-transform: translateX(700px);
-webkit-transform: translateX(700px);
transform: translateX(700px);
} .footer {
float: left;
width: 100%;
}
.footer .ftop {
float: left;
width: 100%;
height: 130px;
background: #fff url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/footer-img1.png) no-repeat center top;
background-size: 1920px 130px;
}
.footer .ftop .left {
float: left;
width: 33.1%;
margin-top: 32px;
text-align: right;
}
.footer .ftop .left h4 {
margin-bottom: 5px;
}
.footer .ftop .left h1 {
color: #86c724;
font-size: 45px;
font-weight: 900;
letter-spacing: 1px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.footer .ftop .right {
float: right;
width: 50%;
margin-top: 50px;
}
.footer .ftop .right p {
color: #fff;
font-size: 13px;
line-height: 18px;
margin-bottom: 11px;
}
.footer .ftop .right .newsle_eminput {
float: left;
font-family: 'Roboto', sans-serif;
padding: 3px 0px 4px 20px;
height: 50px;
width: 78.4%;
background: #fff;
border-radius: 3px;
border: none;
color: #727272;
font-size: 14px;
}
.footer .ftop .right .input_submit {
float: left;
font-family: 'Roboto', sans-serif;
padding: 13px 30px 14px 30px;
background-color: #7f868c;
border: 0px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
transition: all 0.3s ease;
border-radius: 3px;
margin-left: 12px;
}
.footer .ftop .right .input_submit:hover {
color: #86c724;
cursor: pointer;
background-color: #fff;
}
.footer .secarea {
float: left;
width: 100%;
padding: 75px 0px 35px 0px;
background: #2a363f url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/footer-bg-graph.png) no-repeat center bottom;
}
.footer .secarea h3.widget-title {
margin-bottom: 14px;
color: #fff;
font-size: 20px;
line-height: 25px;
font-style: normal;
text-transform: capitalize;
}
.footer .secarea aside.widget{
display: inline-block;
margin-bottom: 25px;
}
.footer ul.foolist {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.footer .foolist li {
padding: 4px 0px;
margin: 0px;
}
.footer .foolist li a {
color: #aaa;
transition: all 0.3s ease;
}
.footer .foolist li a:hover {
color: #fff;
}
.footer ul.foosocial {
float: left;
width: 100%;
padding: 0px;
margin: 7px 0px 0px 0px;
}
.footer .foosocial li {
float: left;
margin: 0px 7px 0px 0px;
padding: 0px;
}
.footer .foosocial li i {
color: #fff;
width: 34px;
height: 34px;
text-align: center;
vertical-align: middle;
line-height: 34px;
border-radius: 100%;
background-color: #555;
}
.footer .foosocial li.faceboox i {
background: #2b87c7;
}
.footer .foosocial li.twitter i {
background: #38c0dd;
}
.footer .foosocial li.gplus i {
background: #dc6218;
}
.footer .foosocial li.youtube i {
background: #b34300;
}
.footer .foosocial li.linkdin i {
background: #2862d8;
}
.footer .foosocial li.flickr i {
background: #ff0b81;
}
.footer .secarea .address {
float: left;
width: 100%;
color: #aaa;
text-align: right;
}
.footer .secarea.sty2 .address {
text-align: left;
}
.footer .secarea .address b {
color: #fff;
font-weight: normal;
}
.footer .secarea .address a {
color: #fff;
transition: all 0.3s ease;
}
.footer .secarea .address a:hover {
color: #86c724;
}
.footer .secarea .address a.smbut {
font-size: 12px;
color: #999;
transition: all 0.3s ease;
}
.footer .secarea .address a.smbut:hover {
color: #fff;
}
.copyrights {
float: left;
width: 100%;
background: #1c2329;
padding: 35px 0px 30px 0px;
color: #8e9194;
font-size: 13px;
}
.copyrights a {
color: #8e9194;
padding: 0px 5px;
transition: all 0.3s ease;
}
.copyrights a:hover {
color: #fff;
} .page_title1 {
position: relative;
float: left;
width: 100%;
color: #fff;
text-align: center;
padding: 100px 0px 59px 0px;
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img18.jpg) no-repeat center top;
background-size: cover;
}
.page_title1 .container > h1,
.page_title1 .container > h2,
.page_title1 .container > h3,
.page_title1 .container > h4,
.page_title1 .container > h5,
.page_title1 .container > h6,
.page_title1 .container > span {
color: #fff;
font-size: 45px;
font-weight: 700;
line-height: 45px;
text-transform: uppercase;
}
.page_title1 h1 em {
color: #fff;
font-weight: 400;
display: block;
font-size: 18px;
font-style: normal;
text-transform: none;
}
.page_title1.sty2 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img23.jpg) no-repeat center top;
}
.page_title1.sty3 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img24.jpg) no-repeat center top;
}
.page_title1.sty4 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img25.jpg) no-repeat center top;
}
.page_title1.sty5 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img26.jpg) no-repeat center top;
}
.page_title1.sty6 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img27.jpg) no-repeat center top;
}
.page_title1.sty7 {
padding: 100px 0px 85px 0px;
background: #7ebb21 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img28.png) no-repeat center top;
}
.page_title1.sty7 .serch_area {
width: 61%;
padding: 10px 0px 0px 0px;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
}
.page_title1.sty7 .serch_area .enter_email_input {
float: left;
font-family: 'Roboto', sans-serif;
padding: 3px 0px 4px 30px;
height: 64px;
width: 73.6%;
background: #fff;
border-radius: 3px;
border: none;
color: #727272;
font-size: 16px;
}
.page_title1.sty7 .serch_area .input_submit {
float: left;
font-family: 'Roboto', sans-serif;
padding: 20px 30px 21px 30px;
background-color: #2a363f;
border: 0px;
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
transition: all 0.3s ease;
border-radius: 3px;
margin-left: 12px;
}
.page_title1.sty7 .serch_area .input_submit:hover {
color: #2a363f;
cursor: pointer;
background-color: #fff;
}
.page_title1.sty7 .serch_area .molinks {
float: left;
width: 100%;
text-align: left;
margin-top: 14px;
}
.page_title1.sty7 .serch_area .molinks a {
color: #fff;
margin: 0px 10px 0px 0px;
transition: all 0.3s ease;
}
.page_title1.sty7 .serch_area .molinks a:hover {
color: #2a363f;
}
.page_title1.sty8 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img29.jpg) no-repeat center top;
text-align: left;
padding: 120px 0px 81px 0px;
}
.page_title1.sty9 {
text-align: left;
padding: 58px 0px 45px 0px;
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img30.jpg) no-repeat center top;
}
.page_title1.sty9 h1 {
float: left;
font-size: 30px;
color: #2a363f;
margin-bottom: 12px;
}
.page_title1.sty10 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img34.jpg) no-repeat center top;
text-align: left;
padding: 120px 0px 81px 0px;
}
.page_title1.sty11 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img35.jpg) no-repeat center top;
text-align: left;
padding: 90px 0px 59px 0px;
}
.page_title1.sty12 {
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img36.jpg) no-repeat center top;
text-align: left;
padding: 90px 0px 59px 0px;
}
.page_title1.sty13 {
text-align: left;
padding: 58px 0px 45px 0px;
background: #999 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img37.jpg) no-repeat center center;
}
.page_title1.sty13 h1 {
float: left;
font-size: 30px;
color: #fff;
margin-bottom: 12px;
}
.page_title1.sty13 .pagenation {
color: #fff;
}
.page_title1.sty13 .pagenation a {
color: #ccc;
}
.page_title1.sty13 .pagenation a:hover {
color: #fff;
}
.page_title1 .pagenation {
float: right;
color: #727272;
font-size: 13px;
margin-top: 13px;
}
.page_title1 .pagenation a {
color: #999;
transition: all 0.3s ease;
}
.page_title1 .pagenation a:hover {
color: #2a363f;
} .sidebar_widget {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.sidebar_widget ul.arrows_list1{
padding: 0px;
margin: 0px;
float: left;
margin-top: -10px;
}
.sidebar_widget ul.arrows_list1 li a {
color: #9eca45;
line-height: 30px;
}
.sidebar_widget ul.arrows_list1 li a:hover {
color: #272727;
}
.sidebar_widget ul.arrows_list1 i {
margin-right: 4px;
}
.sidebar_title {
float: left;
width: 100%;
}
.sidebar_widget h4, .clientsays_widget h4 {
margin-bottom: 30px;
float: left;
font-weight: 500;
} ul.recent_posts_list {
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}
.recent_posts_list li {
padding: 0px 0px 13px 0px;
margin: 0px 0px 16px 0px;
list-style-type: none;
border-bottom: 1px solid #eee;
float: left;
width: 100%;
}
.recent_posts_list li a {
text-decoration: none;
line-height: 17px;
display: block;
color: #999;
}
.recent_posts_list li a:hover {
color: #9eca45;
}
.recent_posts_list li span {
float: left;
margin-right: 15px;
}
.recent_posts_list li span img {
float: left;
margin-right: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.recent_posts_list li span img:hover {
float: left;
margin-right: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.recent_posts_list li i {
padding: 1px 0px 0px 0px;
margin: 0px;
display: block;
font-size: 10px;
font-style: normal;
color: #c9c9c9;
}
.recent_posts_list li.last {
padding: 0px 0px 7px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 0px solid #f5f6f6;
} .clientsays_widget {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
color: #999;
}
.clientsays_widget strong {
font-weight: 600;
color: #454545;
}
.clientsays_widget h3 {
margin-bottom: 18px;
}
.clientsays_widget img {
float: left;
margin-right: 13px;
margin-top: 7px;
}
.login_form {
width: 35%;
margin: 0 auto;
}
.regist_form {
width: 45%;
margin: 0 auto;
} .error_pagenotfound {
padding: 50px 30px 58px 30px;
margin: 0 auto;
width: 59%;
background-color: #fff;
border: 1px solid #eee;
border-bottom: 5px solid #eee;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.error_pagenotfound strong {
display: block;
font-size: 145px;
line-height: 100px;
color: #e3e3e3;
font-weight: normal;
margin-bottom: 10px;
text-shadow: 5px 5px 1px #fafafa;
}
.error_pagenotfound b {
display: block;
font-size: 40px;
line-height: 50px;
color: #999;
margin: 0;
font-weight: 300;
}
.error_pagenotfound em {
display: block;
font-size: 18px;
line-height: 59px;
color: #9eca45;
margin: 0;
font-style: normal;
} .portfolio_area {
padding: 0px;
margin: 0px;
width: 100%;
float: left;
}
.portfolio_area_left {
padding: 0px;
margin: 0px;
width: 74%;
float: left;
}
.portfolio_area_left img {
padding: 0px;
margin: 0px;
width: 100%;
float: left;
box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.portfolio_area_right {
padding: 0px;
margin: 0px 0px 0px 4%;
width: 22%;
float: left;
}
.project_details {
padding: 0px;
margin: 80px 0px 0px 0px;
}
.project_details span {
padding: 10px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
font-weight: bold;
color: #454545;
float: left;
width: 100%;
border-bottom: 1px solid #e3e3e3;
}
.project_details strong {
padding: 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 13px;
font-weight: bold;
color: #727272;
float: left;
width: 40%;
}
.project_details em {
padding: 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 13px;
font-weight: normal;
font-style: normal;
color: #727272;
float: left;
width: 60%;
}
.project_details span a {
padding: 3px 10px;
margin: 0px 0px 0px 3px;
font-size: 11px;
line-height: 30px;
font-weight: normal;
font-style: normal;
color: #727272;
background-color: #e3e3e3;
border-radius:3px;
}
.project_details span a:hover {
background-color: #ddd;
}
.addto_favorites {
padding: 3px 10px 5px 10px;
margin: 27px 0px 0px 0px;
width: 142px;
display: block;
border-radius:3px;
font-size: 13px;
color: #999;
background: #eee;
}
.addto_favorites:hover {
background: #e3e3e3;
}
.addto_favorites i {
color: #c3c3c3;
}
ul.small_social_links {
padding: 0px;
margin: 18px 0 25px 0px;
}
.small_social_links li {
padding: 0px;
margin: 0px 5px 0px 0px;
float: left;
}
.small_social_links li i {
font-size: 11px;
color: #9eca45;
border: 1px solid #eee;
width: 25px;
height: 25px;
border-radius: 100%;
text-align: center;
vertical-align: middle;
line-height: 23px;
}
.small_social_links li a {
opacity: 1;
}
.small_social_links li a:hover {
opacity: 0.7;
} .blog_post {
float: left;
width: 100%;
}
.blog_post h3 {
text-align: left;
color: #333;
line-height: 30px;
display: block;
}
.blog_post h3 a {
color: #9eca45;
text-decoration: none;
margin-top: 3px;
text-transform: none;
font-weight: 400;
font-size: 30px;
}
.blog_post h3 a:hover {
color: #383634;
}
ul.post_meta_links {
float: left;
margin: -5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.post_meta_links li {
float: left;
margin: 0px;
padding: 0px 0px 0px 4px;
list-style-type: none;
color: #999;
}
.post_meta_links li a {
color: #999;
padding: 0px 18px 0px 0px;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
}
.post_meta_links li a:hover {
color: #727272;
text-decoration: none;
}
.post_meta_links li i {
color: #bbb;
font-size: 12px;
font-style: normal;
}
.blog_postcontent {
float: left;
width: 100%;
}
.blog_postcontent .image_frame {
float: left;
width: 100%;
margin-bottom: 27px;
}
.blog_postcontent .image_frame.mone {
float: left;
width: 100%;
height: 280px;
overflow: hidden;
}
.blog_postcontent .image_frame.mtwo {
float: left;
width: 100%;
height: 180px;
overflow: hidden;
}
.blog_postcontent .image_frame.mthree {
float: left;
width: 100%;
height: 480px;
overflow: hidden;
}
.blog_postcontent .image_frame.mone img,
.blog_postcontent .image_frame.mtwo img,
.blog_postcontent .image_frame.mthree img {
float: left;
width: auto;
margin-left: -45%;
margin-top: -10%;
}
.blog_postcontent .video_frame.mtwo iframe {
float: left;
width: 100%;
height: 280px;
overflow: hidden;
}
.blog_postcontent .image_frame.small {
float: left;
width: 43%;
border: 7px solid #fff;
margin-bottom: 25px;
-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.blog_postcontent .image_frame.small:hover {
border: 7px solid #f9f9f9;
}
.blog_postcontent .image_frame img {
float: left;
width: 100%;
}
.blog_postcontent .video_frame.small iframe {
height: 250px;
}
.blog_postcontent .video_frame iframe {
float: left;
width: 100%;
height: 520px;
margin-bottom: 27px;
}
.post_info_content_small {
padding: 0px;
margin: 0 0 0 4%;
width: 50%;
float: left;
}
ul.post_meta_links_small {
float: left;
margin: -15px 0px 12px 80px;
padding: 0px 0px 0px 0px;
width: 80%;
}
.post_meta_links_small li a {
color: #a1a1a1;
padding: 0px 5px 0px 0px;
text-decoration: none;
font-size: 11px;
}
.post_meta_links_small li a:hover {
color: #727272;
padding: 0px 5px 0px 0px;
text-decoration: none;
font-size: 11px;
}
.blog_post a.date {
color: #454545;
font-size: 16px;
font-weight: normal;
}
.blog_post a.date:hover {
color: #9eca45;
}
.post_readmore:link, .post_readmore:visited {
float: right;
height: 27px;
width: 185px;
text-align: center;
padding-top: 7px;
color: #fff;
text-decoration: none;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/skin01/but_post_readmore.jpg) no-repeat left top;
}
.post_readmore:hover {
float: right;
height: 27px;
width: 185px;
text-align: center;
padding-top: 7px;
color: #fff;
text-decoration: none;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/skin01/but_post_readmore_hover.jpg) no-repeat left top;
}
.sharepost {
float: left;
width: 80%;
margin-bottom: 40px;
}
.sharepost ul {
margin: 0px;
padding: 0px;
}
.sharepost li {
margin: 0px 7px 5px 0px;
padding: 2px 5px;
float: left;
border-radius: 2px;
list-style-type: none;
background-color: #9eca45;
transition: all 0.3s ease;
}
.sharepost li i {
color: #fff;
}
.sharepost li:hover {
background-color: #383634;
}
.about_author {
float: left;
width: 100%;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #eee;
}
.about_author img {
float: left;
margin-right: 20px;
}
.about_author a {
font-family: 'Open Sans' !important;
font-weight: normal;
font-weight: 600;
color: #333;
}
.about_author a:hover {
color: #9eca45;
} .pagination.center {
text-align: center;
}
.pagination.center b{
float: inherit;
}
.pagination {
clear:both;
padding:10px 0;
margin-bottom:20px;
font-family: 'Open Sans', sans-serif;
}
.pagination b{
float:left;
margin: 0px 5px 2px 0;
padding:0px 10px;
font-weight: normal;
color: #999;
}
.pagination a.navlinks {
font-size: 12px;
color: #454545;
background-color: #eee;
font-weight: 600;
text-transform: uppercase;
padding: 7px 10px;
border-radius: 3px;
}
.pagination a.navlinks:hover {
color: #fff;
background-color: #454545;
}
.pagination a.current {
color: #fff;
background-color: #454545;
} .comment_wrap{
padding:20px 20px 20px 0px;
overflow:hidden;
border-bottom:1px solid #eee;
}
.comment_wrap.chaild{
border-bottom:1px solid #eee;
margin:10px 20px 10px 50px;
overflow:hidden;
}
.gravatar{
float:left;
}
.comment_content{
overflow:hidden;
padding-left:20px;
position:relative;
min-height:80px;
}
.comment_content .comment_meta{
position:relative;
}
.comment_content .comment_meta .comment_author{
display:inline;
font-size:14px;
font-style: normal;
}
.comment_content .comment_meta .comment_author i{
display:inline;
font-size:11px;
font-style: italic;
}
.comment_content .comment_text {
clear:both;
padding-top:0px;
overflow:hidden;
}
.comment_content .comment_text a {
color: #d3d3d3;
margin-top: 5px;
float: left;
}
.comment_content .comment_text a:hover {
color: #727272;
margin-top: 5px;
float: left;
}
#comments_section li ul li{
margin-left: 30px;
} .comment_form {
float: left;
width: 100%;
margin-top: 30px;
}
.comment_form label{
float: left;
width: 90px;
height: 15px;
padding: 7px 10px;
margin-bottom: 40px;
font-weight: normal;
}
.comment_input_bg {
float: left;
width: 75%;
height: 40px;
padding: 7px 10px 0px 10px;
border-top: 2px solid #e3e3e3;
border-left: 2px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9f9;
}
.comment_textarea_bg {
float: left;
width: 90%;
height: 235px;
padding: 7px 10px 0px 10px;
margin-bottom: 20px;
border-top: 2px solid #e3e3e3;
border-left: 2px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9f9;
}
.comment_checkbox {
float: left;
display: block;
width: 90%;
margin-top: 10px;
}
.comment_submit {
background-color: #eee;
border: 1px solid #ddd;
padding: 9px 13px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
border-radius: 4px;
color: #333;
text-transform: uppercase;
}
.comment_submit:hover {
background-color: #f9f9f9;
cursor: pointer;
} .comment_wrap{
padding:20px 20px 20px 0px;
overflow:hidden;
border-bottom:1px solid #eee;
}
.comment_wrap.chaild{
border-bottom:1px solid #eee;
margin:10px 20px 10px 50px;
overflow:hidden;
}
.gravatar{
float:left;
}
.comment_content{
overflow:hidden;
padding-left:20px;
position:relative;
min-height:80px;
}
.comment_content .comment_meta{
position:relative;
}
.comment_content .comment_meta .comment_author{
display:inline;
font-size:14px;
font-style: normal;
}
.comment_content .comment_meta .comment_author i{
display:inline;
font-size:11px;
font-style: italic;
}
.comment_content .comment_text {
clear:both;
padding-top:0px;
overflow:hidden;
}
.comment_content .comment_text a {
color: #d3d3d3;
margin-top: 5px;
float: left;
}
.comment_content .comment_text a:hover {
color: #727272;
margin-top: 5px;
float: left;
}
#comments_section li ul li{
margin-left: 30px;
} ul.adsbanner-list {
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
width: 100%;
}
.adsbanner-list li {
margin: 0px 10px 10px 0px;
padding: 0px;
float: left;
width: 130px;
height: 130px;
list-style-type: none;
}
.adsbanner-list li img {
margin: 0px;
padding: 0px;
float: left;
width: 130px;
height: 130px;
list-style-type: none;
}
.adsbanner-list li.last {
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
width: 130px;
height: 130px;
list-style-type: none;
}
.address_info , .address_info.wpb_content_element{
float: left;
background-color: #fff;
border: 1px solid #eee;
padding: 25px 30px 18px 30px;
width: 100%;
margin-bottom: 40px;
}
.address_info li{
list-style: none;
}
.address_info.two {
background-color: #fff;
border: none;
padding-top: 0px;
}
.address_info h3 i {
font-weight: 500;
font-style: normal;
}
.google-map {
width: 99%;
height: 350px;
border: 5px solid #fff;
-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.google-map2 {
width: 100%;
height: 450px;
}
.google-map3 {
width: 100%;
height: 300px;
border: 10px solid #fff;
-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}
.google-map4 {
width: 100%;
height: 200px;
border: 5px solid #fff;
-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
} .cforms label {
float: left;
width: 100%;
color: #454545;
font-weight: normal;
}
.cforms label em {
color: #9eca45;
font-size: 12px;
font-style: normal;
}
.cforms input, body #content .wpb_text_column .cforms input, .cforms .wpcf7-select{
color: #454545;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: 1px solid #eee;
background: #f9f9f9;
-webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
-moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);
}
.cforms input, body #content .wpb_text_column .cforms input[type="radio"]{
float: none;
width: auto;
}
.cforms textarea {
color: #454545;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: 1px solid #eee;
background: #f9f9f9;
-webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
-moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);
}
.cforms .button, body #content .wpb_text_column .cforms  .button {
float: left;
margin-top: 25px;
color: #fff;
padding: 14px 20px;
font-size: 14px;
font-weight: 500;
background: #86c724;
border: 1px solid #7ea821;
border-radius: 3px;
font-family: 'Raleway', sans-serif;
cursor: pointer;
transition: all 0.3s ease;
width:auto;
line-height:15px;
box-shadow: none;
}
.cforms .button:hover, body #content .wpb_text_column .cforms  .button:hover {
background: #454545;
border: 1px solid #393939;
}
.cforms .button2 {
float: left;
margin-top: 10px;
color: #fff;
padding: 14px 20px;
font-size: 14px;
font-weight: 500;
background: #d2527f;
border: 1px solid #d2527f;
border-radius: 3px;
font-family: 'Raleway', sans-serif;
cursor: pointer;
transition: all 0.3s ease;
}
.cforms .button2:hover {
background: #727272;
border: 1px solid #393939;
}
.cforms .button3 {
float: left;
margin-top: 10px;
color: #fff;
padding: 18px 30px;
font-size: 14px;
font-weight: 500;
background: #db6364;
border: 1px solid #db6364;
border-radius: 3px;
font-family: 'Raleway', sans-serif;
cursor: pointer;
transition: all 0.3s ease;
}
.cforms .button3:hover {
background: #454545;
border: 1px solid #454545;
}
#form_status span{
color: #fff;
font-size: 14px;
font-weight: normal;
background: #E74C3C;
width: 100%;
text-align: center;
display: inline-block;
padding: 10px 0px;
border-radius: 3px;
margin-bottom: 18px;
}
#form_status span.loading{
color: #333;
background: #eee;
border-radius: 3px;
padding: 18px 0px;
}
#form_status span.notice{
color: yellow;
}
#form_status .success{
color: #fff;
text-align: center;
background: #9eca45;
border-radius: 3px;
padding: 30px 0px;
}
#form_status .success i{
color: #fff;
font-size: 45px;
margin-bottom: 14px;
}
#form_status .success h3{
color: #fff;
margin-bottom: 10px;
}
.cforms.two label {
float: left;
width: 100%;
color: #fff;
font-weight: normal;
}
.cforms.two label em {
color: #999;
font-size: 12px;
font-style: normal;
}
.cforms.two input {
color: #fff;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: none;
background: none;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}
.cforms.two textarea {
color: #fff;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: none;
background: none;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}
.cforms.two .button {
float: left;
margin-top: 10px;
color: #fff;
padding: 14px 20px;
font-size: 14px;
font-weight: 500;
background: #9eca45;
border: 1px solid #9eca45;
border-radius: 3px;
font-family: 'Raleway', sans-serif;
cursor: pointer;
transition: all 0.3s ease;
}
.cforms.two .button:hover {
background: #999;
border: 1px solid #999;
}
.cforms.three label {
float: left;
width: 100%;
color: #fff;
font-size: 14px;
margin-bottom: 0px;
font-weight: normal;
}
.cforms.three label em {
color: #fff;
font-size: 12px;
font-style: normal;
}
.cforms.three input {
color: #fff;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: none;
background: #44c7af;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}
.cforms.three textarea {
color: #fff;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: none;
background: #44c7af;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}
.cforms.three .button {
float: left;
margin-top: 10px;
color: #fff;
width: 100%;
padding: 12px 0px;
font-size: 14px;
font-weight: 500;
background: #393939;
border: 1px solid #393939;
border-radius: 0px;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
}
.cforms.three .button:hover {
background: #575757;
border: 1px solid #575757;
}
.cforms.four label {
float: left;
width: 100%;
color: #fff;
font-size: 14px;
margin-bottom: 0px;
font-weight: normal;
margin: 0;
padding-left: 0px;
}
.cforms.four label.lst {
text-align: left;
}
.cforms.four label em {
color: #fff;
font-size: 12px;
font-style: normal;
}
.cforms.four input {
color: #fff;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: none;
background: none;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}
.cforms.four textarea {
color: #fff;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: none;
background: none;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}
.cforms.four .button {
float: left;
margin-top: 10px;
color: #fff;
width: 100%;
padding: 12px 0px;
font-size: 14px;
font-weight: 500;
background: #6f6f75;
border: 1px solid #6f6f75;
border-radius: 0px;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
}
.cforms.four .button:hover {
background: #919195;
border: 1px solid #919195;
}
.logregform {
float: left;
width: 35%;
margin-left: 32.5%;
background: #fff;
border: 1px solid #f9f9f9;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.logregform.two {
float: left;
width: 50%;
margin-left: 25%;
}
.logregform .title {
float: left;
width: 100%;
background: #f3f3f3;
text-align: center;
padding: 23px 0px 21px 0px;
}
.logregform .title h3 {
margin-bottom: 3px;
font-weight: 700;
text-transform: uppercase;
}
.logregform .title p {
font-size: 12px;
}
.logregform .feildcont {
float: left;
width: 100%;
padding: 30px 30px 40px 30px;
text-align: left;
}
.logregform .feildcont label {
float: left;
width: 100%;
font-weight: normal;
color: #727272;
}
.logregform .feildcont label em {
color: #9eca45;
font-style: normal;
}
.logregform .feildcont input {
float: left;
width: 100%;
padding: 7px 12px;
border: 1px solid #e3e3e3;
margin-bottom: 12px;
}
.logregform.two .feildcont input {
margin-bottom: 18px;
}
.logregform .feildcont .checkbox {
float: left;
width: 100%;
}
.logregform .feildcont .checkbox label {
float: left;
width: auto;
font-size: 13px;
}
.logregform .feildcont .checkbox label strong {
font-weight: 600;
}
.logregform .feildcont .checkbox label a {
margin-left: 10px;
}
.logregform .feildcont .fbut {
float: left;
background: #9eca45;
padding: 13px 23px;
border: none;
border-radius: 3px;
color: #fff;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
transition: all 0.3s ease;
margin-top: 18px;
}
.logregform .feildcont .fbut:hover {
background: #393939;
}
.logregform .feildcont .radiobut input {
float: left;
width: auto;
}
.logregform .feildcont .radiobut .onelb {
float: left;
color: #aaa;
margin: 0px 12px 0px 5px;
}
.logregform .feildcont select {
float: left;
width: 100%;
border: 1px solid #e3e3e3;
padding: 9px 5px 10px 5px;
color: #999;
text-align: left;
}
.mgmenucols {
float: left;
width: 100%;
}
.mgmenucols .one_fourth {
width: 23.5%;
margin-right: 2%;
padding-right: 2%;
border-right: 1px solid #f3f3f3;
text-align: center;
}
.mgmenucols .one_fourth.last {
margin-right: 0;
border-right: none;
}
.bordbox {
float: left;
width: 100%;
padding: 30px 40px;
border: 2px solid #f3f3f3;
text-align: left;
border-radius: 3px;
}
.videofre1 {
float: left;
width: 100%;
height: 350px;
}
body .ovt_section_title {
float: left;
width: 28.4%; height: 686px;
padding: 95px 0px 95px 0px;
background: #f3f3f3;
}
body .ovt_section_title h1 {
color: #2a2a30;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-size: 45px;
font-weight: 700;
margin-bottom: 40px;
padding-left: 80px;
margin-top: 30px;
line-height: 33px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line12.png) no-repeat left 3px;
}
body .ovt_section_title h4 {
color: #727272;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 27px;
margin: 0px 75px 0px 80px;
}
body .ovt_section_title.two {
height: 430px;
}
body .ovt_section_title.three {
height: 470px;
}
body .ovt_section_title.four {
height: 400px;
} body .ovt_section01 {
float: left;
width: 71.6%;
}
body .ovt_section01 .one_fourth {
float: left;
width: 25%;
margin: 0;
padding: 100px 45px;
text-align: center;
border-right: 1px solid #f3f3f3;
transition: all 0.3s ease;
}
body .ovt_section01 .one_fourth.last {
border-right: none;
}
body .ovt_section01 .one_fourth .element-icon {
font-size: 40px;
color: #aaa;
width: 90px;
height: 90px;
border-radius: 100%;
border: 1px solid #e3e3e3;
line-height: 93px;
vertical-align: middle;
text-align: center;
margin-bottom: 21px;
transition: all 0.3s ease;
}
body .ovt_section01 .one_fourth:hover {
background: #f3f3f3;
}
body .ovt_section01 .one_fourth:hover .element-icon {
background: #fff;
}
body .ovt_section01 .drcse {
float: left;
width: 100%;
background: #2a2a30;
color: #fff;
padding: 75px 0px 75px 100px;
font-family: 'Roboto', sans-serif;
font-size: 40px;
}
body .ovt_section01 .drcse h1 {
font-family: 'Roboto', sans-serif;
font-size: 40px;
color: #fff;
font-weight: 300;
line-height: 45px;
text-transform: uppercase;
margin: 0;
}
body .ovt_section01 .drcse h1 strong {
font-weight: 800;
}
body .ovt_section01 .drcse h2 {
font-family: 'Roboto', sans-serif;
font-size: 27px;
color: #fff;
font-weight: 300;
margin-bottom: 5px;
} body .ovt_section04 {
float: left;
width: 71.6%;
}
body .ovt_section04 .one_half {
float: left;
width: 50%;
margin: 0;
padding: 112px 70px;
text-align: left;
border-right: 1px solid #f3f3f3;
}
body .ovt_section04 .one_half.last {
border-right: none;
}
body .ovt_section04 .one_half h2 {
margin-bottom: 3px;
} body .ovt_section05 {
float: left;
width: 100%;
padding: 100px 80px;
background: #f3f3f3;
}
body .ovt_section05 .one_fourth_less .box {
float: left;
width: 100%;
text-align: center;
background: #fff;
padding: 50px 45px;
}
body .ovt_section05 .one_fourth_less .box i {
border:  2px solid #f3f3f3;
border-radius: 100%;
width: 100px;
height: 100px;
font-size: 45px;
color: #454545;
text-align: center;
vertical-align: middle;
line-height: 100px;
margin-bottom: 30px;
transition: all 0.3s ease;
}
body .ovt_section05 .one_fourth_less .box i:hover {
border:  2px solid #f3f3f3;
color: #ccc;
} body .ovt_section09 {
float: left;
width: 71.6%;
}
body .ovt_section09 .one_half {
float: left;
width: 50%;
margin: 0;
padding: 0px 0px 70px 0px;
text-align: left;
border-right: 1px solid #f3f3f3;
}
body .ovt_section09 .one_half.last {
border-right: none;
}
body .ovt_section09 .one_half img {
float: left;
}
body .ovt_section09 .one_half span {
float: left;
color: #fff;
padding: 7px 12px;
background: #2a2a30;
}
body .ovt_section09 .one_half h4 {
padding: 30px 50px 0px 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body .ovt_section09 .one_half p {
color: #999;
padding: 0px 50px;
line-height: 25px;
}
body .ovt_section09 .cateinfo {
color: #ccc;
font-size: 12px;
padding: 0px 50px;
margin-top: 40px;
text-transform: capitalize;
}
body .ovt_section09 .cateinfo a {
color: #ccc;
transition: all 0.3s ease;
}
body .ovt_section09 .cateinfo a:hover {
color: #999;
}
body .ovt_section09 .cateinfo i {
font-size: 14px;
margin-left: 12px;
margin-right: 3px;
} body .ovt_section10 {
float: left;
width: 100%;
border-top: 1px solid #f3f3f3;
}
body .ovt_section10 img{
float: left;
}
body .ovt_section10.two {
border-top: none;
}
body .ovt_section10 .left {
float: left;
width: 50%;
}
body .ovt_section10 .right {
float: left;
width: 50%;
}
body .ovt_section10 span {
float: left;
color: #fff;
padding: 7px 12px;
background: #2a2a30;
}
body .ovt_section10 h4 {
width: 85%;
padding: 30px 50px 10px 50px;
}
body .ovt_section10 p {
color: #999;
padding: 0px 50px;
line-height: 25px;
}
body .ovt_section10 .cateinfo {
color: #ccc;
font-size: 12px;
padding: 0px 50px;
margin-top: 40px;
text-transform: capitalize;
}
body .ovt_section10 .cateinfo a {
color: #ccc;
transition: all 0.3s ease;
}
body .ovt_section10 .cateinfo a:hover {
color: #999;
}
body .ovt_section10 .cateinfo i {
font-size: 14px;
margin-left: 12px;
margin-right: 3px;
}
body .ovt_section10 .lspace {
float: left;
padding-left: 80px;
}
body .ovt_section10 .lspace h4,
body .ovt_section10 .lspace p,
body .ovt_section10 .lspace .cateinfo {
padding-left: 0px;
} .featured_section82 {
float: left;
width: 100%;
background: #59abe3;
color: #fff;
}
body .featured_section82.two {
background: #c1c1c7;
}
.featured_section82 .box {
float: left;
width: 33.3%;
padding: 59px 48px;
text-align: left;
margin: 0px;
border-left: 1px solid rgba(255,255,255,0.30);
}
.featured_section82 .box.last {
border-right: 1px solid rgba(255,255,255,0.30);
}
.featured_section82 .box span {
float: left;
color: #fff;
font-size: 25px;
width: 56px;
height: 56px;
text-align: center;
vertical-align: middle;
line-height: 53px;
border: 1px solid #fff;
border-radius: 100%;
margin-right: 25px;
}
.featured_section82 .box b {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
display: block;
}
.featured_section82 .box strong {
font-size: 21px;
font-weight: bold;
display: block;
}
.featured_section82 .box a {
color: #fff;
}
.featured_section82 .box a:hover {
text-decoration: underline;
}
.featured_section82 .box i {
float: left;
color: #fff;
font-size: 25px;
width: 56px;
height: 56px;
text-align: center;
vertical-align: middle;
line-height: 53px;
border: 1px solid #fff;
border-radius: 100%;
margin-right: 10px;
transition: all 0.3s ease;
}
.featured_section82 .box i:hover {
color: #59abe3;
border: 1px solid #fff;
background: #fff;
} .featured_section207 {
float: left;
width: 100%;
}
.featured_section207 .container {
position: absolute;
}
.featured_section207 .ongmp_contact {
float: left;
width: 37%;
height: 650px;
position: absolute;
background: rgba(70,216,189,0.95);
}
.featured_section207 .box {
float: left;
color: #fff;
width: 40%;
font-size: 16px;
line-height: 25px;
padding: 70px 0px 0 80px;
text-align: left;
}
.featured_section207 .box i {
float: left;
font-size: 30px;
margin-right: 18px;
margin-top: 3px;
}
.featured_section207 .box strong {
display: block;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.featured_section207 .box a {
color: #fff;
text-decoration: underline;
transition: all 0.3s ease;
}
.featured_section207 .box a:hover {
color: #fff;
text-decoration: none;
}
.featured_section207.two .ongmp_contact {
float: left;
width: 45%;
background: rgba(42,42,48,0.95);
}
.featured_section207.two .box {
width: 43%;
padding: 70px 0px 0 80px;
}
.featured_section207 .wpcf7-form section{
width: 100%;
color: #fff;
margin: 0px;
}
.featured_section207 .wpcf7-form input[type="text"],.featured_section207 .wpcf7-form input[type="email"],.featured_section207 .wpcf7-form textarea{
color: #fff;
float: left;
width: 100%;
padding: 9px 12px;
margin-bottom: 10px;
border: none;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}
.featured_section207 .wpcf7-form .button{
float: left;
margin-top: 10px;
color: #fff;
width: 100%;
padding: 15px 0px;
font-size: 14px;
font-weight: 500;
background: #393939;
border: 1px solid #393939;
border-radius: 0px;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
}
.featured_section207 .wpcf7-form .button:hover{
background: #575757;
border: 1px solid #575757;
}
.footer_social-op2{
display: inline-block;
list-style: none;
margin: 0px;
}
.footer_social-op2 li{
display: inline-block;
}
.featured_section208 .ctmidarea{
width: 100%;
margin: 0 auto;
} .featured_section208 {
float: left;
width: 100%;
color: #fff;
font-size: 12px;
padding: 40px 0px 30px 0px;
background: #393939;
text-align: left;
}
.featured_section208 a {
color: #fff;
transition: all 0.3s ease;
}
.featured_section208 a:hover {
color: #46d8bd;
}
.featured_section208 a i {
width: 22px;
height: 22px;
font-size: 10px;
text-align: center;
border-radius: 100%;
line-height: 22px;
vertical-align: middle;
background-color: #46d8bd;
color: #fff;
margin-left: 1px;
transition: all 0.3s ease;
}
.featured_section208 a i:hover {
color: #46d8bd;
background-color: #fff;
}
.featured_section208.two {
color: #ccc;
background: #2a2a30;
}
.featured_section208.two span {
color: #ccc;
float: right;
}
.fgmapfull3 {
float: left;
width: 100%;
}
.fgmapfull3 iframe {
float: left;
width: 100%;
height: 650px;
padding: 0;
margin: 0;
}
.ovfull_container {
float: left;
width: 100%;
padding: 0px 80px 0px 80px;
}
.ovfull_container.two {
padding: 0px 0px 0px 80px;
}
.button.twentytwo {
color: #999;
font-size: 12px;
padding: 9px 20px;
border-radius: 3px;
white-space: nowrap;
background: #f3f3f3;
transition: all 0.3s ease;
}
.button.twentytwo:hover {
color: #fff;
background: #999;
} .scrollup{
width:40px;
height:40px;
opacity:1;
position:fixed;
bottom:22px;
right:20px;
display:none;
text-indent:-9999px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/scroll-top-arrow.png) no-repeat left top;
z-index: 9001;
}
#loadMore-container{
padding-bottom: 60px;
}
.subcrb_form{
float: left;
width: 100%;
background: #fff;
border: 1px solid #f9f9f9;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
text-align: left;
}
.subcrb_form .feildcont label {
float: left;
width: 100%;
font-weight: 500;
color: #727272;
}
.subcrb_form .feildcont .input_text {
float: left;
width: 100%;
padding: 7px 12px;
border: 1px solid #e3e3e3;
margin-bottom: 20px;
border-radius:3px;
}
.subcrb_form .feildcont {
float: left;
width: 100%;
padding: 30px 30px 40px 30px;
text-align: left;
}
body .subcrb_form  .but_medium1{
border:none;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
font-family:'Roboto', sans-serif;
}
.launch{
width:100px;
height:100px;
line-height:100px;
border-radius:100%;
background-color:#fff;
font-size:40px;
color:#9eca45;
}
#king_newsletter_status{
width:100%;
float:left;
position: relative;
margin-top:10px;
} body #content #bridge nav{
padding:0;
margin-right:0;
}
#content #bridge #main-menu .navbar-nav{
margin-bottom:0;
}
#bridge .navbar-main .navbar-nav > li > a{
line-height:20px;
}
#bridge .nav>li>a{
padding:9px 18px;
background-image:none;
font-weight: 400;
text-transform: uppercase;
font-family: 'Roboto',sans-serif;
}
#content #bridge .navbar-default .navbar-nav>.open>a, #content #bridge .navbar-default .navbar-nav>.open>a:hover, #content #bridge .navbar-default .navbar-nav>.open>a:focus{
padding:9px 15px;
}
#content #bridge .navbar-nav>li>.dropdown-menu{
border-radius:4px;
border-top-right-radius: 0;
border-top-left-radius: 0;
padding:5px 0;
}
#bridge .hidden-xs{
display: inline-block!important;
}
#bridge .container>.navbar-collapse{
margin-left:0;
margin-right:0;
}
#bridge .row{
margin-top:inherit;
}
section#home-banner h2{
color:#fff;
text-align: center;
padding:0 25px 10px 25px;
}
#bridge a{
text-align: inherit;
}
#bridge .sidebar .panel{
width:100%;
float: left;
}
body .entry-content #bridge ol.breadcrumb{
padding: 8px 15px;
margin-left:0;
}
#bridge .hidden-print .btn{
text-align:center;
}
body #content #bridge nav{
overflow: inherit;
}
body #content .entry-content #bridge nav li{
list-style:none;
}
body #content .entry-content #bridge .dropdown-menu>li>a{
border:none;
}
body #content .entry-content #bridge nav ul{
margin-left:0;
}
body .navbar-default{
background:none;
border:none;
}
body #bridge .dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
white-space: nowrap;
}
body #bridge .navbar-default .navbar-toggle{
border-color: #ddd;
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
body #bridge .breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
body #bridge .breadcrumb>li {
display: inline-block;
}
body #bridge .breadcrumb>.active {
color: #777;
}
body #bridge .breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
body #bridge .panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
body #bridge .panel-default {
border-color: #ddd;
}
body #bridge .panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
body #bridge .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
overflow: hidden;
}
body #bridge .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
float: left;
width: 100%;
}
body #bridge .panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
body #bridge .btn{
text-align:center;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
#bridge .label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
body #bridge .panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
body #bridge .panel-body {
padding: 15px;
overflow: hidden;
}
body #bridge .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
body #bridge .panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
body #bridge .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
body #bridge .panel-title > a,
body #bridge .panel-title > small,
body #bridge .panel-title > .small,
body #bridge .panel-title > small > a,
body #bridge .panel-title > .small > a {
color: inherit;
}
body #bridge .panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
body #bridge .panel > .list-group,
body #bridge .panel > .panel-collapse > .list-group {
margin-bottom: 0;
float: left;
width: 100%;
}
body #bridge .panel > .list-group .list-group-item,
body #bridge .panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
body #bridge .panel > .list-group:first-child .list-group-item:first-child,
body #bridge .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
body #bridge .panel > .list-group:last-child .list-group-item:last-child,
body #bridge .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
body #bridge .panel > .panel-heading + body #bridge .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
body #bridge .panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
body #bridge .panel-heading + .list-group .list-group-item .truncate{
float: left;
}
body #bridge .list-group + body #bridge .panel-footer {
border-top-width: 0;
}
body #bridge .panel > .table,
body #bridge .panel > .table-responsive > .table,
body #bridge .panel > .panel-collapse > .table {
margin-bottom: 0;
}
body #bridge .panel > .table caption,
body #bridge .panel > .table-responsive > .table caption,
body #bridge .panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
body #bridge .panel > .table:first-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
body #bridge .panel > .table:first-child > thead:first-child > tr:first-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
body #bridge .panel > .table:first-child > tbody:first-child > tr:first-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
body #bridge .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
body #bridge .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
body #bridge .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
body #bridge .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
body #bridge .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
body #bridge .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
body #bridge .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
body #bridge .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
body #bridge .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
body #bridge .panel > .table:last-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
body #bridge .panel > .table:last-child > tbody:last-child > tr:last-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
body #bridge .panel > .table:last-child > tfoot:last-child > tr:last-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
body #bridge .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
body #bridge .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
body #bridge .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
body #bridge .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
body #bridge .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
body #bridge .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
body #bridge .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
body #bridge .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
body #bridge .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
body #bridge .panel > .panel-body + .table,
body #bridge .panel > .panel-body + .table-responsive,
body #bridge .panel > .table + body #bridge .panel-body,
body #bridge .panel > .table-responsive + body #bridge .panel-body {
border-top: 1px solid #ddd;
}
body #bridge .panel > .table > tbody:first-child > tr:first-child th,
body #bridge .panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
body #bridge .panel > .table-bordered,
body #bridge .panel > .table-responsive > .table-bordered {
border: 0;
}
body #bridge .panel > .table-bordered > thead > tr > th:first-child,
body #bridge .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
body #bridge .panel > .table-bordered > tbody > tr > th:first-child,
body #bridge .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
body #bridge .panel > .table-bordered > tfoot > tr > th:first-child,
body #bridge .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
body #bridge .panel > .table-bordered > thead > tr > td:first-child,
body #bridge .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
body #bridge .panel > .table-bordered > tbody > tr > td:first-child,
body #bridge .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
body #bridge .panel > .table-bordered > tfoot > tr > td:first-child,
body #bridge .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
body #bridge .panel > .table-bordered > thead > tr > th:last-child,
body #bridge .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
body #bridge .panel > .table-bordered > tbody > tr > th:last-child,
body #bridge .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
body #bridge .panel > .table-bordered > tfoot > tr > th:last-child,
body #bridge .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
body #bridge .panel > .table-bordered > thead > tr > td:last-child,
body #bridge .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
body #bridge .panel > .table-bordered > tbody > tr > td:last-child,
body #bridge .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
body #bridge .panel > .table-bordered > tfoot > tr > td:last-child,
body #bridge .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
body #bridge .panel > .table-bordered > thead > tr:first-child > td,
body #bridge .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
body #bridge .panel > .table-bordered > tbody > tr:first-child > td,
body #bridge .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
body #bridge .panel > .table-bordered > thead > tr:first-child > th,
body #bridge .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
body #bridge .panel > .table-bordered > tbody > tr:first-child > th,
body #bridge .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
body #bridge .panel > .table-bordered > tbody > tr:last-child > td,
body #bridge .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
body #bridge .panel > .table-bordered > tfoot > tr:last-child > td,
body #bridge .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
body #bridge .panel > .table-bordered > tbody > tr:last-child > th,
body #bridge .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
body #bridge .panel > .table-bordered > tfoot > tr:last-child > th,
body #bridge .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
body #bridge .panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
body #bridge .panel-group {
margin-bottom: 20px;
}
body #bridge .panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
body #bridge .panel-group .panel + .panel {
margin-top: 5px;
}
body #bridge .panel-group body #bridge .panel-heading {
border-bottom: 0;
}
body #bridge .panel-group body #bridge .panel-heading + body #bridge .panel-collapse > .panel-body,
body #bridge .panel-group body #bridge .panel-heading + body #bridge .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
body #bridge .panel-group body #bridge .panel-footer {
border-top: 0;
}
body #bridge .panel-group body #bridge .panel-footer + body #bridge .panel-collapse body #bridge .panel-body {
border-bottom: 1px solid #ddd;
}
body #bridge .panel-default {
border-color: #ddd;
}
body #bridge .panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
float: left;
width: 100%;
}
body #bridge .panel-default > .panel-heading + body #bridge .panel-collapse > .panel-body {
border-top-color: #ddd;
}
body #bridge .panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
body #bridge .panel-default > .panel-footer + body #bridge .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
body #bridge .panel-primary {
border-color: #337ab7;
}
body #bridge .panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
body #bridge .panel-primary > .panel-heading + body #bridge .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
body #bridge .panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
body #bridge .panel-primary > .panel-footer + body #bridge .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
body #bridge .panel-success {
border-color: #d6e9c6;
}
body #bridge .panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
body #bridge .panel-success > .panel-heading + body #bridge .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
body #bridge .panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
body #bridge .panel-success > .panel-footer + body #bridge .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
body #bridge .panel-info {
border-color: #bce8f1;
}
body #bridge .panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
body #bridge .panel-info > .panel-heading + body #bridge .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
body #bridge .panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
body #bridge .panel-info > .panel-footer + body #bridge .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
body #bridge .panel-warning {
border-color: #faebcc;
}
body #bridge .panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
body #bridge .panel-warning > .panel-heading + body #bridge .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
body #bridge .panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
body #bridge .panel-warning > .panel-footer + body #bridge .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
body #bridge .panel-danger {
border-color: #ebccd1;
}
body #bridge .panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
body #bridge .panel-danger > .panel-heading + body #bridge .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
body #bridge .panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
body #bridge .panel-danger > .panel-footer + body #bridge .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.text-center {
text-align: center;
}
body #bridge .status {
display: block;
font-size: 0.9em;
line-height: 22px;
}
body #bridge .pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
body #bridge .pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
body #bridge .pagination > li {
display: inline;
}
body #bridge .pagination > li > a,
body #bridge .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
body #bridge .pagination > li:first-child > a,
body #bridge .pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body #bridge .pagination > li:last-child > a,
body #bridge .pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body #bridge .pagination > li > a:hover,
body #bridge .pagination > li > span:hover,
body #bridge .pagination > li > a:focus,
body #bridge .pagination > li > span:focus {
z-index: 3;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
body #bridge .pagination > .active > a,
body #bridge .pagination > .active > span,
body #bridge .pagination > .active > a:hover,
body #bridge .pagination > .active > span:hover,
body #bridge .pagination > .active > a:focus,
body #bridge .pagination > .active > span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #87C827;
border-color: #87C827;
}
body #bridge .pagination > .disabled > span,
body #bridge .pagination > .disabled > span:hover,
body #bridge .pagination > .disabled > span:focus,
body #bridge .pagination > .disabled > a,
body #bridge .pagination > .disabled > a:hover,
body #bridge .pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
body #bridge .pagination-lg > li > a,
body #bridge .pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
body #bridge .pagination-lg > li:first-child > a,
body #bridge .pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
body #bridge .pagination-lg > li:last-child > a,
body #bridge .pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
body #bridge .pagination-sm > li > a,
body #bridge .pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
body #bridge .pagination-sm > li:first-child > a,
body #bridge .pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
body #bridge .pagination-sm > li:last-child > a,
body #bridge .pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
body #bridge .host_plans .planbox li{
list-style:none;
}
body .entry-content #bridge li{
list-style:none;
}
body #bridge .dropdown-menu{
margin-left:0;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
line-break: auto;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
body .wpb_single_image .vc_figure{
display:inline;
}
body #slide-29-layer-5{
background:none!important;
}
.king-form .status{
display:inline-block;
width:100%;
}
#whmcsorderfrm .pull-md-right{float:left!important;}
#whmcsorderfrm .pull-md-left.sidebar{float:right!important;}
#order-standard_cart .col-sm-12{
display: inline-block;
}
.whmcscontainer .tab-content{
width:100%;
}
.king-whmcs-wrapper .recordslimit select{
width:80px;
}
#bridge #tabs{
float:none;
}
.king-tabs .king-tabs-pane li{
list-style: initial;
}
.king-tabs .king-tabs-pane ul{
margin-left:25px;
}
#order-verticalsteps .maincontent{
float:left;
margin-left:20px;
}
#bridge .has-feedback label ~ .form-control-feedback{
top:3px;
}
#bridge h1, #bridge h2, #bridge h3, #bridge h4, #bridge h5, #bridge h6{
font-size:inherit;
letter-spacing: normal;
}
#bridge .h1, #bridge h1{font-size:30px;}
#bridge .h2, #bridge h2{font-size:26px;}
#bridge .h3, #bridge h3{font-size:22px;}
#bridge .h4, #bridge h4{font-size:18px;}
#bridge .h5, #bridge h5{font-size:14px;}
#bridge .h6, #bridge h6{font-size:12px;}
body #order-comparison h1, body #order-comparison h2, body #order-comparison h3, body #order-comparison h4, body #order-comparison h5, body #order-comparison h6{
text-transform: capitalize;
}
#bridge td{
border-top:none;
}
.overlay_menu{
position:fixed;
display:none;
top:0;
left:0;
width: 100%;
height:100%;
background:rgba(0,0,0,0.5);
z-index:9998!important;
}
body.menu-active .overlay_menu{
display:block;
}
body.slide-menu .slide-menu-close{
display:none;
float: right;
padding: 9px;
font-size: 30px;
font-weight: 300;
line-height: 15px;
margin-top: 5px;
position: absolute;
top: 5px;
right: 10px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.slide-menu.menu-active .slide-menu-close{
display:block;
}
body .tplinks a i{
background: #999;
color: #333E47;
border-radius: 100%;
width: 15px;
height:15x;
font-size:11px;
line-height: 15px;
}
#bridge .pull-md-right{
float: right;
}
#bridge .pull-md-left{
float:left;
}
#lang_sel_list a.lang_sel_sel {
background-image: none;
color: #444;
height: 20px;
line-height: 20px;
margin-top: 3px;
}
#order-verticalsteps .maincontent .orderbox{
margin-top:10px;
}
.tbl_five.price_compare .rowsremain{
width:15%;
}
.tbl_five.price_compare .rowfirst{
width:25%;
}
.tbl_five.price_compare .prices strong{
font-size:30px;
}
.tbl_five.price_compare .rowsremain.center h4{
padding-top:32px;
}
body .tbl_four.price_compare .rowfirst{
width:25%;
}
.tbl_four.price_compare .rowsremain{
width:18%;
}
.tbl_four.price_compare .prices strong{
font-size:35px;
}
.tbl_four.price_compare .rowsremain.center h4{
padding-top:32px;
}
.host_plans .planbox{
overflow-x: hidden;
}
.host_plans .one_fifth .planbox .prices strong i{
margin-top: 15px;
display: block;
}
body.menu-active.slide-menu .navbar-collapse[data_show *= "1"]{
-ms-transform: translate3d( 0, 0, 0 )!important;
-webkit-transform: translate3d( 0, 0,0)!important;
-moz-transform: translate3d( 0, 0,0)!important;
-o-transform: translate3d( 0, 0,0)!important;
transform: translate3d( 0, 0, 0)!important;
}
body #bridge .modal-open {
overflow: hidden;
}
body #bridge .modal {
position: fixed;
top: 100px;
right: 0;
bottom: auto;
left: 0;
z-index: 999999;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
margin: auto;
}
body #bridge .modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition:      -o-transform .3s ease-out;
transition:         transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
body #bridge .modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
body #bridge .modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
body #bridge .modal-dialog {
position: relative;
width: auto;
}
body #bridge .modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
body #bridge .modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
body #bridge .modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
body #bridge .modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
body #bridge .modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
body #bridge .modal-header .close {
margin-top: -2px;
}
body #bridge .modal-title {
margin: 0;
line-height: 1.42857143;
}
body #bridge .modal-body {
position: relative;
padding: 15px;
}
body #bridge .modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
body #bridge .modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
body #bridge .modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
body #bridge .modal-footer .btn-block + .btn-block {
margin-left: 0;
}
body #bridge .modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
body #bridge .modal-dialog {
width: 600px;
}
body #bridge .modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
body #bridge .modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
body #bridge .modal-lg {
width: 900px;
}
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
body #whmcsorderfrm h2{
text-transform: uppercase;
}
body #bridge .main-body .col-sm-12 {
display: inline-block;
width: 100%;
}
.our-works-nav{
height: 33px;
width: 33px;
display: inline-block;
border: 1px solid #b4b4b4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: border-color .15s ease-in-out;
transition: border-color .15s ease-in-out;
text-align: center;
float: left;
}
.our-works-nav i{
color: #272727;
line-height: 33px;
position: relative;
top: -1px;
font-size: 11px;
-webkit-transition: color .15s ease-in-out;
transition: color .15s ease-in-out;
}
.our-works-nav-next i{
right: -1px;
}
.our-works-nav-next{
float: right;
}
.our-works-nav-prev i{
left: -1px;
}
.our-works-nav:hover{
border: 1px solid #9eca45;
}
.our-works-nav:hover i{
color: #9eca45;
}
.portfolio_pagination{
display: block;
width: 100%;
float: left;
margin-top: 50px;
padding-top: 30px;
text-align: center;
border-top: 1px solid #ececec;
}
.portfolio_pagination .main-page-our-works i{
font-size: 25px;
line-height: 35px;
}
.vps-wrapper {
border-radius: 10px;
display: block;
margin-bottom: 20px;
box-sizing: border-box;
background: #3f4a52;
color: #FFF;
}
.vps_top_part{
padding: 30px 30px 0px;
}
.vps_bot_part{
padding: 30px 30px;
background: rgba(0,0,0,.1);
}
body .vps-wrapper .slider.slider-horizontal {
width: 100%;
height: 60px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/vps_line.png) repeat-x bottom;
margin-bottom: 60px!important;
}
.vps-wrapper .slider-selection.tick-slider-selection {
background-image: -webkit-linear-gradient(top,#3183d7 0,#3183d1 100%);
background-image: -o-linear-gradient(top,#3183d7 0,#3183d1 100%);
background-image: linear-gradient(to bottom,#3183d7 0,#3183d1 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3183d7',endColorstr='#3183d1',GradientType=0);
}
.vps-wrapper h4{
color: #fff;
}
.vps-wrapper .slider.slider-horizontal .slider-tick-label-container{
margin-top: 70px;
font-weight: 600;
display: block;
width:100%;
}
.vps_display .vps_value{
color: #fff;
font-size: 27px;
font-weight: 600;
}
.vps_display .but_small1{
font-weight: 400;
}
.vps_display .but_small1:hover{
background: #fff;
color: #3f4a52;
}
.vps_display .aliright.last .vps_value{
font-size: 35px;
padding-bottom: 20px;
}
.archive-our-works .pagination{
padding-top: 30px;
}
.per_text{
font-size: 15px;
}
.admin-bar .header{
margin-top: 32px;
}
.domlist1 ul {
margin-left: 0px!important;
}
.yamm-content .section-box.vc_col-sm-6{
width: 50%;
}
.res_margin_top47 {
-moz-transition: margin 550ms ease-out;
-webkit-transition: margin 550ms ease-out;
-o-transition: margin 550ms ease-out;
transition: margin 550ms ease-out;
}
.compact .res_margin_top47 {
margin-top:0;
}
.menu-sub-left .dropdown-menu{
right: 100%!important;
}.button.one {
color: #86c724;
font-size: 14px;
text-transform: uppercase;
background: #fff;
padding: 13px 30px;
border-radius: 3px;
white-space: nowrap;
transition: all 0.3s ease;
font-family: 'Roboto', sans-serif;
}
.button.one:hover {
color: #fff;
background: #86c724;
}
.button.two {
color: #86c724;
font-size: 14px;
text-transform: uppercase;
border: 2px solid #86c724;
padding: 9px 20px;
border-radius: 3px;
white-space: nowrap;
transition: all 0.3s ease;
font-family: 'Roboto', sans-serif;
}
.button.two:hover {
color: #fff;
background: #86c724;
}
.button.three {
color: #86c724;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
background: #fff;
padding: 10px 25px;
border-radius: 20px;
white-space: nowrap;
transition: all 0.3s ease;
font-family: 'Roboto', sans-serif;
}
.button.three:hover {
color: #fff;
background: #86c724;
}
.button.three.dark {
color: #fff;
background: #86c724;
}
.button.three.dark:hover {
color: #fff;
background: #86c724;
}
.button.three {
color: #86c724;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
background: #fff;
padding: 10px 25px;
border-radius: 20px;
white-space: nowrap;
transition: all 0.3s ease;
font-family: 'Roboto', sans-serif;
}
.button.three:hover {
color: #fff;
background: #86c724;
}
.button.three.dark {
color: #fff;
background: #86c724;
}
.button.three.dark:hover {
color: #fff;
background: #86c724;
}
.button.four {
color: #86c724;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
padding: 12px 45px;
border-radius: 3px;
white-space: nowrap;
transition: all 0.3s ease;
font-family: 'Roboto', sans-serif;
border: 1px solid #86c724;
}
.button.four:hover {
color: #fff;
background: #86c724;
border: 1px solid #86c724;
}
.button.five {
color: #86c724;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
padding: 16px 45px;
border-radius: 3px;
white-space: nowrap;
transition: all 0.3s ease;
font-family: 'Roboto', sans-serif;
background: #fff;
}
.button.five:hover {
color: #fff;
background: #86c724;
}
.button.six {
color: #86c724;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding: 10px 25px;
border-radius: 3px;
white-space: nowrap;
transition: all 0.3s ease;
font-family: 'Roboto', sans-serif;
border: 2px solid #86c724;
}
.button.six:hover {
color: #fff;
background: #86c724;
border: 2px solid #86c724;
} .list_divlines {
padding: 0px;
margin: 0px;
}
.list_divlines li {
padding: 10px 0px 12px 0px;
margin: 0px;
line-height: 23px;
border-bottom: 1px solid #3d3d3d;
}
.list_divlines li i {
color: #999;
font-size: 11px;
margin-right: 3px;
}
.list_divlines2 {
padding: 0px;
margin: 0px;
}
.list_divlines2 li {
color: #999;
padding: 10px 0px 11px 0px;
margin: 0px;
line-height: 23px;
border-top: 1px solid #eee;
}
.list_divlines2 li.last {
border-bottom: 1px solid #eee;
}
.list_divlines2 li i {
color: #ccc;
margin-right: 7px;
}
.harrow_line {
float: left;
width: 100%;
height: 20px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-arrow-line2.png) no-repeat center top;
}
.harrow_line2 {
float: left;
width: 100%;
height: 20px;
background: #eee url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-arrow-line3.png) no-repeat center top;
} .piechart1 {
float: left;
color: #393939;
width: 20%;
font-size: 16px;
font-weight: normal;
text-align: center;
}
.piechart1.white {
color: #fff;
}
.piechart2 {
float: left;
width: 200px;
text-align: center;
color: #1e1e1e;
}
.piechart2.s1 {
width: 100px;
}
.piechart2.s2 {
width: 120px;
}
.piechart2.s3 {
width: 160px;
}
.piechart2.s4 {
width: 180px;
}
.piechart3 {
float: left;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
width: 25%;
text-align: center;
} .stcode_title1 h3{
font-size: 27px;
z-index: 1;
position: relative;
text-align: left;
font-weight: normal;
}
.stcode_title1 .line{
background: #000;
border-top: solid 1px #e3e3e3;
position: absolute;
height: 1px;
display: block;
top: 18px;
width: 100%;
}
.stcode_title1 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 18px 0px 0px;
}
.stcode_title2 h3{
font-size: 27px;
z-index: 1;
position: relative;
text-align: left;
font-weight: 300;
}
.stcode_title2 .line{
background: #000;
border-top: solid 1px #e3e3e3;
position: absolute;
height: 1px;
display: block;
top: 16px;
width: 100%;
}
.stcode_title2 .line2{
background: #000;
border-top: solid 1px #e3e3e3;
position: absolute;
height: 1px;
display: block;
top: 20px;
width: 100%;
}
.stcode_title2 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 18px 0px 0px;
}
.stcode_title3 h3{
font-size: 27px;
z-index: 1;
position: relative;
text-align: left;
font-weight: 300;
}
.stcode_title3 .line{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/hcross-lines.jpg) repeat-x left top;
position: absolute;
height: 8px;
display: block;
top: 14px;
width: 100%;
}
.stcode_title3 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 18px 0px 0px;
}
.stcode_title4 h3{
font-size: 27px;
padding-bottom: 16px;
z-index: 1;
position: relative;
text-align: left;
font-weight: normal;
}
.stcode_title4 .line{
background: #9eca45;
position: absolute;
height: 2px;
display: block;
bottom: 0px;
width: 72px;
}
.stcode_title4 .text{
z-index: 20;
position: relative;
text-align: center;
}
.stcode_title5 h3{
font-size: 27px;
padding-bottom: 16px;
z-index: 1;
position: relative;
text-align: left;
font-weight: normal;
margin-bottom: 25px;
}
.stcode_title5 h3.nmb{
margin-bottom: 3px;
}
.stcode_title5 .line{
background: #9eca45;
position: absolute;
height: 3px;
display: block;
bottom: 0px;
width: 100px;
}
.stcode_title5 .line2{
background: #000;
border-top: solid 1px #e3e3e3;
position: absolute;
height: 1px;
display: block;
bottom: 1px;
width: 100%;
}
.stcode_title5 .text{
z-index: 20;
position: relative;
text-align: center;
}
.stcode_title6 {
text-align: center;
}
.stcode_title6 h2 b {
font-weight: bold;
}
.stcode_title6 h2 strong {
color: #fff;
padding: 0px 10px 3px 10px;
background-color: #393939;
}
.stcode_title6.white h2 strong {
color: #393939;
padding: 0px 10px 3px 10px;
background-color: #fff;
}
.stcode_title7 {
text-align: center;
}
.stcode_title7 em {
display: block;
font-size: 16px;
margin-top: 5px;
font-style: normal;
font-weight: 400;
}
.stcode_title7 .line{
background: #9eca45;
height: 3px;
display: block;
bottom: 0px;
width: 100px;
margin: 18px auto 0 auto;
}
.stcode_title8 h2{
font-size: 35px;
z-index: 1;
position: relative;
text-align: center;
font-weight: 300;
}
.stcode_title8 .line{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line.jpg) no-repeat center top;
position: absolute;
height: 1px;
display: block;
top: 18px;
width: 100%;
margin: 0 auto;
}
.stcode_title8 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 25px;
}
.stcode_title9 {
text-align: center;
}
.stcode_title9 em {
display: block;
font-size: 18px;
margin-top: 5px;
font-style: normal;
font-weight: 400;
}
.stcode_title9 .line{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line2.png) no-repeat center top;
height: 3px;
display: block;
bottom: 0px;
width: 210px;
margin: 18px auto 0 auto;
}
.stcode_title10 {
text-align: center;
}
.stcode_title10 em {
display: block;
font-size: 18px;
margin-top: 5px;
font-style: normal;
font-weight: 400;
}
.stcode_title10 .line{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line3.png) no-repeat center 13px;
height: 39px;
display: block;
bottom: 0px;
width: 300px;
margin: 3px auto 0 auto;
}
.stcode_title10 i{
display: block;
color: #999;
font-size: 14px;
line-height: 50px;
}
.stcode_title11 {
text-align: center;
}
.stcode_title11 em {
display: block;
font-size: 16px;
line-height: 27px;
margin-top: 12px;
font-style: normal;
color: #999;
font-weight: 400;
}
.stcode_title11 .line{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line8.png) no-repeat center top;
height: 7px;
display: block;
bottom: 0px;
width: 140px;
margin: 7px auto 0 auto;
}
.stcode_title11 .line2{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line9.png) no-repeat center top;
height: 7px;
display: block;
bottom: 0px;
width: 140px;
margin: 18px auto 0 auto;
}
.stcode_title11 .line3{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line8.png) no-repeat center top;
height: 7px;
display: block;
bottom: 0px;
width: 140px;
margin: 20px auto 0 auto;
}
.stcode_title11 .line4{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line8.png) no-repeat center top;
height: 7px;
display: block;
bottom: 0px;
width: 140px;
margin: 16px auto 0 auto;
}
.stcode_title12 h2{
font-size: 35px;
z-index: 1;
position: relative;
text-align: center;
font-weight: 300;
margin-bottom: 14px;
color: #9eca45;
}
.stcode_title12 h4{
font-size: 22px;
z-index: 1;
position: relative;
text-align: center;
font-weight: 400;
color: #727272;
}
.stcode_title12 .line{
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line.jpg) no-repeat center top;
position: absolute;
height: 1px;
display: block;
top: 14px;
width: 100%;
margin: 0 auto;
}
.stcode_title12 .text{
background-color: #FFFFFF;
z-index: 20;
position: relative;
text-align: center;
padding: 0px 20px;
}
.stcode_title13 {
padding: 1px 12px;
font-size: 40px;
color: #f7ca18;
font-family: 'Roboto', sans-serif;
font-weight: 800;
text-transform: uppercase;
border-top: 1px solid #f7ca18;
border-left: 5px solid #f7ca18;
border-right: 5px solid #f7ca18;
border-bottom: 1px solid #f7ca18;
background: #fff;
}
.stcode_title14 {
text-align: center;
}
.stcode_title14 em {
display: block;
font-size: 18px;
font-style: normal;
font-weight: 400;
margin-bottom: 1px;
}
.stcode_title14 strong {
font-weight: 800;
}
.stcode_title14 .line{
background: #d64541;
height: 2px;
display: block;
bottom: 0px;
width: 140px;
margin: 16px auto 0 auto;
}
.stcode_title14 .line.white {
background: #fff;
}
.stcode_title15 {
text-align: center;
}
.stcode_title15 .line{
background: #181818;
height: 2px;
display: block;
bottom: 0px;
width: 50px;
margin: 5px auto 0 auto;
} .divider_line {
float: left;
width: 100%;
border-bottom: 1px solid #f3f3f3;
}
.divider_line1, body .wpb_column > .wpb_wrapper .divider_line1{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
border-bottom: 1px solid #eee;
}
.divider_line1.nomp {
float: left;
width: 100%;
padding-top: 0px;
margin-bottom: 0px;
border-bottom: 1px solid #eee;
}
.divider_line2, body .wpb_column > .wpb_wrapper .divider_line2 {
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/divider-line1.png) no-repeat center bottom;
}
.divider_line2.nop {
padding-top: 0px;
height: 10px;
}
.divider_line3, body .wpb_column > .wpb_wrapper  .divider_line3 {
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
text-align: center;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line.jpg) repeat-x left 113px;
}
.divider_line3 i {
color: #fff;
width: 27px;
height: 27px;
border-radius: 100%;
background-color: #d3d3d3;
text-align: center;
vertical-align: middle;
line-height: 27px;
}
.divider_line4, body .wpb_column > .wpb_wrapper .divider_line4 {
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
text-align: center;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line.jpg) repeat-x left 121px;
}
.divider_line4 i {
color: #d3d3d3;
width: 45px;
height: 45px;
border-radius: 100%;
background-color: #fff;
text-align: center;
vertical-align: middle;
line-height: 45px;
font-size: 20px;
}
.divider_line4.lessm, body .wpb_column > .wpb_wrapper .divider_line4.lessm{
padding-top: 65px;
margin-bottom: 75px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line.jpg) repeat-x left 88px;
}
.divider_line5, body .wpb_column > .wpb_wrapper  .divider_line5{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line.jpg) repeat-x left 115px;
text-align: center;
}
.divider_line5 i {
color: #d3d3d3;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #fff;
text-align: center;
vertical-align: middle;
line-height: 28px;
font-size: 18px;
border: 1px solid #d3d3d3;
}
.divider_line6, body .wpb_column > .wpb_wrapper  .divider_line6{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/shadow3.png) repeat-x left bottom;
text-align: center;
}
.divider_line7, body .wpb_column > .wpb_wrapper  .divider_line7{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
border-bottom: 1px dashed #e3e3e3;
}
.divider_line8, body .wpb_column > .wpb_wrapper  .divider_line8{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
border-bottom: 1px dotted #d9d9d9;
}
.divider_line9, body .wpb_column > .wpb_wrapper  .divider_line9{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/shadow2.png) no-repeat center bottom;
text-align: center;
}
.divider_line9.lessm, body .wpb_column > .wpb_wrapper  .divider_line9.lessm{
padding-top: 59px;
margin-bottom: 50px;
}
.divider_line9.lessm2, body .wpb_column > .wpb_wrapper  .divider_line9.lessm2{
padding-top: 10px;
margin-bottom: 106px;
}
.divider_line10, body .wpb_column > .wpb_wrapper  .divider_line10{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/hcross-lines.jpg) repeat-x left bottom;
text-align: center;
}
.divider_line11, body .wpb_column > .wpb_wrapper  .divider_line11{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line5.png) no-repeat center bottom;
text-align: center;
}
.divider_line12, body .wpb_column > .wpb_wrapper .divider_line12 {
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line6.png) no-repeat center bottom;
text-align: center;
}
.divider_line13, body .wpb_column > .wpb_wrapper  .divider_line13{
float: left;
width: 100%;
padding-top: 100px;
margin-bottom: 100px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/h-line7.png) no-repeat center bottom;
text-align: center;
}
.divider_line13.lessm, body .wpb_column > .wpb_wrapper  .divider_line13.lessm{
padding-top: 50px;
margin-bottom: 50px;
}
.divider_line20 {
width: 80%;
padding-top: 20px;
margin: 0 auto 0 auto;
border-bottom: 1px solid #999;
}
.divider_line21, body .wpb_column > .wpb_wrapper .divider_line21 {
float: left;
width: 100%;
margin-top: 18px;
margin-bottom: 25px;
border-bottom: 1px solid #eee;
}
.divider_line21.last {
margin-bottom: 0px;
}
.divider_line22, body .wpb_column > .wpb_wrapper  .divider_line22 {
float: left;
width: 100%;
margin-top: 18px;
margin-bottom: 25px;
border-bottom: 1px solid #e1e1e1;
}
.divider_line23, body .wpb_column > .wpb_wrapper  .divider_line23{
float: left;
width: 100%;
padding-top: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #d0d0d0;
} body .infomes, body .errormes, body .noticemes, body .successmes {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid #bbb;
font-size: 14px;
padding:20px 20px 20px 4em;
}
.infomes i, .errormes i, .noticemes i, .successmes i {
margin-right: 7px;
}
p.error {
border: none;
}
.infomes strong, .errormes strong, .noticemes strong, .successmes strong {
font-size: 16px;
}
body .message-box-wrap {
border: 0px solid #fff;
padding:20px 20px;
}
body .infomes, body .infomes.vc_message_box{
color: #3378b9;
border-color: #9ecaf3;
background-color: #dbedfd;
}
bpdy .errormes, body .errormes.vc_message_box {
color: #bd6767;
border-color: #f1bdbd;
background-color: #ffdddd;
}
bpdy .noticemes, body .noticemes.vc_message_box {
color: #a79a30;
border-color: #d7d099;
background-color: #f6f2d2;
}
bpdy .successmes, body .successmes.vc_message_box {
color: #1ea133;
border-color: #a9ecb4;
background-color: #dffbe4;
}
.close-but {
width: 10px;
height: 10px;
float: right;
border: none;
margin: 8px;
cursor: pointer;
font-size: 0px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/elements/icon-remove.png) no-repeat center top;
}
body .alertymes1, body .alertymes1.vc_message_box {
float: left;
width: 100%;
padding: 22px 22px 22px 4em;
border-radius: 5px;
border-color: #eee;
color: #393939!important;
border: 1px solid #eee;
background-color: #f9f9f9;
-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
}
body .alertymes1.vc_message_box .vc_message_box-icon{
color: #393939;
}
.alertymes1 i {
margin-right: 10px;
}
body .alertymes2, body .alertymes2.vc_message_box {
float: left;
width: 100%;
padding: 22px 22px 22px 4em;
color: #fff;
background-color: #9eca45;
}
body .alertymes2.vc_message_box .vc_message_box-icon{
color: #fff;
}
.alertymes2 i {
margin-right: 10px;
}
body .alertymes3, body .alertymes3.vc_message_box  {
float: left;
width: 100%;
padding: 22px 22px 22px 4em;
color: #dda614;
border: 5px solid #e3b028;
background-color: #fff;
}
body .alertymes3.vc_message_box .vc_message_box-icon{
color: #dda614;
}
.alertymes3 i {
margin-right: 10px;
}
body .alertymes4, body .alertymes4.vc_message_box  {
float: left;
width: 100%;
padding: 22px 22px 22px 4em;
color: #eb3535;
border: 1px solid #eb3535;
background-color: #fff;
text-align: center;
}
.alertymes4 i {
margin-right: 10px;
}
body .alertymes4.vc_message_box .vc_message_box-icon{
color: #eb3535;
} a.but_goback,
a.but_ok_2,
a.but_wifi,
a.but_warning_sign,
a.but_user,
a.but_tag,
a.but_table,
a.but_star,
a.but_search,
a.but_phone,
a.but_pencil,
a.but_new_window,
a.but_music,
a.but_hand_right,
a.but_thumbs_down,
a.but_thumbs_up,
a.but_globe,
a.but_hospital,
a.but_coffe_cup,
a.but_settings,
a.but_chat,
a.but_play_button,
a.but_remove_2,
a.but_lock,
a.but_shopping_cart,
a.but_exclamation_mark,
a.but_info,
a.but_question_mark,
a.but_minus,
a.but_plus,
a.but_folder_open,
a.but_file,
a.but_envelope,
a.but_edit,
a.but_cogwheel,
a.but_check,
a.but_camera,
a.but_calendar,
a.but_bookmark,
a.but_book,
a.but_download,
a.but_pdf,
a.but_word_doc,
a.but_woman {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #fff;
font-weight: 600;
-moz-border-radius: 3px;
border-radius: 3px;
transition: all 0.3s ease;
}
a.but_goback i {
color: #fff;
}
a.but_goback {
padding: 13px 25px 13px 22px;
margin: 0px 0px 0px 0px;
background: #9eca45;
border-bottom: 1px solid #999;
}
a.but_goback:hover {
color: #fff;
background-color: #383634;
}
a.but_ok_2 {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_ok_2:hover {
background-color: #ff9900;
}
a.but_wifi {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #0099cc;
border-bottom: 1px solid #909090;
}
a.but_wifi:hover {
background-color: #00abde;
}
a.but_warning_sign {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #e5cc19;
border-bottom: 1px solid #909090;
}
a.but_warning_sign:hover {
background-color: #efda1b;
}
a.but_user {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #007f99;
border-bottom: 1px solid #909090;
}
a.but_user:hover {
background-color: #0090ad;
}
a.but_tag {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #e59919;
border-bottom: 1px solid #909090;
}
a.but_tag:hover {
background-color: #efa61b;
}
a.but_table {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c6699;
border-bottom: 1px solid #909090;
}
a.but_table:hover {
background-color: #5674ad;
}
a.but_star {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #99cc4c;
border-bottom: 1px solid #909090;
}
a.but_star:hover {
background-color: #a6da52;
}
a.but_search {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #66667f;
border-bottom: 1px solid #909090;
}
a.but_search:hover {
background-color: #747490;
}
a.but_phone {
padding: 10px 20px 10px 20px;
margin: 0px 0px 0px 0px;
background: #e56619;
border-bottom: 1px solid #909090;
}
a.but_phone:hover {
background-color: #ef6f1b;
}
a.but_pencil {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #cc4c19;
border-bottom: 1px solid #909090;
}
a.but_pencil:hover {
background-color: #da521b;
}
a.but_new_window {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #001900;
border-bottom: 1px solid #909090;
}
a.but_new_window:hover {
background-color: #393939;
}
a.but_music {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #cccc7f;
border-bottom: 1px solid #909090;
}
a.but_music:hover {
background-color: #dada8a;
}
a.but_hand_right {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_hand_right:hover {
color: #fff;
background-color: #ff9900;
}
a.but_thumbs_down {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #9999cc;
border-bottom: 1px solid #909090;
}
a.but_thumbs_down:hover {
background-color: #a6a6da;
}
a.but_thumbs_up {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #00cce5;
border-bottom: 1px solid #909090;
}
a.but_thumbs_up:hover {
background-color: #00daef;
}
a.but_globe {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #669999;
border-bottom: 1px solid #909090;
}
a.but_globe:hover {
background-color: #6fa6a6;
}
a.but_hospital {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #196666;
border-bottom: 1px solid #909090;
}
a.but_hospital:hover {
background-color: #1b6f6f;
}
a.but_coffe_cup {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #7f994c;
border-bottom: 1px solid #909090;
}
a.but_coffe_cup:hover {
background-color: #8aa652;
}
a.but_settings {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #997f4c;
border-bottom: 1px solid #909090;
}
a.but_settings:hover {
background-color: #a68a52;
}
a.but_chat {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #7f9919;
border-bottom: 1px solid #909090;
}
a.but_chat:hover {
background-color: #8aa61b;
}
a.but_play_button {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c664c;
border-bottom: 1px solid #909090;
}
a.but_play_button:hover {
background-color: #567456;
}
a.but_remove_2 {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #e59966;
border-bottom: 1px solid #909090;
}
a.but_remove_2:hover {
background-color: #efa66f;
}
a.but_lock {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #994c19;
border-bottom: 1px solid #909090;
}
a.but_lock:hover {
background-color: #a6521b;
}
a.but_shopping_cart {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #cc7f4c;
border-bottom: 1px solid #909090;
}
a.but_shopping_cart:hover {
background-color: #da8a52;
}
a.but_exclamation_mark {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c7f7f;
border-bottom: 1px solid #909090;
}
a.but_exclamation_mark:hover {
background-color: #528a8a;
}
a.but_info {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #667fcc;
border-bottom: 1px solid #909090;
}
a.but_info:hover {
background-color: #6f8ada;
}
a.but_question_mark {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c0019;
border-bottom: 1px solid #909090;
}
a.but_question_mark:hover {
background-color: #620020;
}
a.but_minus {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #666666;
border-bottom: 1px solid #909090;
}
a.but_minus:hover {
background-color: #747474;
}
a.but_plus {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #393939;
border-bottom: 1px solid #909090;
}
a.but_plus:hover {
background-color: #444444;
}
a.but_folder_open {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #99cc99;
border-bottom: 1px solid #909090;
}
a.but_folder_open:hover {
background-color: #a6daa6;
}
a.but_file {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #999999;
border-bottom: 1px solid #909090;
}
a.but_file:hover {
background-color: #a6a6a6;
}
a.but_envelope {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #727272;
border-bottom: 1px solid #909090;
}
a.but_envelope:hover {
background-color: #7c7c7c;
}
a.but_edit {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #e5cc7f;
border-bottom: 1px solid #909090;
}
a.but_edit:hover {
background-color: #efda8a;
}
a.but_cogwheel {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #194c7f;
border-bottom: 1px solid #909090;
}
a.but_cogwheel:hover {
background-color: #1e5c99;
}
a.but_check {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #004c4c;
border-bottom: 1px solid #909090;
}
a.but_check:hover {
background-color: #005c5c;
}
a.but_camera {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #007fcc;
border-bottom: 1px solid #909090;
}
a.but_camera:hover {
background-color: #008ada;
}
a.but_calendar {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #4c99e5;
border-bottom: 1px solid #909090;
}
a.but_calendar:hover {
background-color: #52a6ef;
}
a.but_bookmark {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #990000;
border-bottom: 1px solid #909090;
}
a.but_bookmark:hover {
background-color: #b60000;
}
a.but_book {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #7f9999;
border-bottom: 1px solid #909090;
}
a.but_book:hover {
background-color: #8aa6a6;
}
a.but_download {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_download:hover {
background-color: #ff9900;
}
a.but_pdf {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_pdf:hover {
background-color: #ff9900;
}
a.but_word_doc {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_word_doc:hover {
background-color: #ff9900;
}
a.but_woman {
padding: 10px 22px 10px 22px;
margin: 0px 0px 0px 0px;
background: #ff8100;
border-bottom: 1px solid #909090;
}
a.but_woman:hover {
background-color: #ff9900;
} .but_small1 {
color: #fff;
padding: 10px 25px;
background-color: #9eca45;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
}
.but_small1:hover {
color: #fff;
background-color: #393939;
}
.but_small1.gray {
color: #fff;
background-color: #393939;
}
.but_small1.gray:hover {
color: #fff;
background-color: #9eca45;
}
.but_small3 {
display: inline-block;
height: 41px;
line-height: 41px;
padding-right: 20px;
padding-left: 58px;
position: relative;
background-color: #9eca45;
color: #fff;
border-radius: 4px;
white-space: nowrap;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_small3 span, .but_small3 b {
position: absolute;
left: 0;
width: 41px;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid  rgba(0,0,0,0.15);
transition: all 0.3s ease;
text-align: center;
}
.but_small3:hover {
color: #fff;
}
.but_small3 span i ,.but_small3 b i {
color: #fff;
font-size: 18px;
margin-left: 12px;
}
.but_small3:hover span, .but_small3.active span ,.but_small3:hover b, .but_small3.active b {
color: #fff;
background-color: #393939;
border-right: 1px solid #181818;
}
.but_small3.gray {
background-color: #636363;
}
.but_small3.gray span,.but_small3.gray b{
background-color: rgba(0, 0, 0, 0.1);
}
.but_small3.gray:hover {
color: #fff;
}
.but_small3.gray span i ,.but_small3.gray b i {
color: #fff;
font-size: 18px;
margin-left: 12px;
}
.but_small3.gray:hover span, .but_small3.gray.active span,.but_small3.gray:hover b, .but_small3.gray.active b {
color: #fff;
background-color: #393939;
border-right: 1px solid #181818;
}
.but_small2 {
color: #fff;
padding: 10px 25px;
background-color: #9eca45;
border-radius: 20px;
transition: all 0.3s ease;
border-bottom: 1px solid #393939;
white-space: nowrap;
}
.but_small2:hover {
color: #fff;
background-color: #393939;
}
.but_small2.nob {
padding: 10px 30px;
border-bottom: 0px solid #393939;
}
.but_small4 {
color: #fff;
padding: 10px 25px;
background-color: #9eca45;
border-radius: 5px;
transition: all 0.3s ease;
border-bottom: 3px solid #393939;
white-space: nowrap;
}
.but_small4:hover {
color: #fff;
background-color: #393939;
border-bottom: 0px solid #454545;
}
.but_small5 {
color: #9eca45;
padding: 10px 25px;
background-color: #fff;
border-radius: 2px;
transition: all 0.3s ease;
white-space: nowrap;
border: 2px solid #9eca45;
}
.but_small5:hover {
color: #393939;
border: 2px solid #393939;
}
.but_small5.light {
color: #fff;
background: none;
border: 2px solid #fff;
}
.but_small5.light:hover {
color: #9eca45;
background-color: #fff;
border: 2px solid #fff;
}
.but_small5.light2 {
color: #fff;
background: none;
border: 1px solid #fff;
padding: 8px 18px;
}
.but_small5.light2:hover {
color: #9eca45;
background-color: #fff;
border: 1px solid #fff;
} .but_medium1 {
color: #fff;
padding: 14px 35px;
background-color: #9eca45;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
}
.but_medium1:hover {
color: #fff;
background-color: #393939;
}
.but_medium1.white {
color: #fff;
padding: 14px 35px;
border: 2px solid #fff;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
text-transform: uppercase;
font-weight: bold;
}
.but_medium1.white:hover {
color: #272727;
background-color: #fff;
}
.but_medium1.white.active {
color: #272727;
background-color: #fff;
}
.but_medium3 {
display: inline-block;
height: 48px;
line-height: 48px;
padding-right: 30px;
padding-left: 68px;
position: relative;
background-color: #9eca45;
color: #fff;
border-radius: 4px;
white-space: nowrap;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_medium3 span,.but_medium3 b {
position: absolute;
left: 0;
width: 48px;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid  rgba(0,0,0,0.15);
transition: all 0.3s ease;
}
.but_medium3:hover {
color: #fff;
}
.but_medium3 span i ,.but_medium3 b i {
color: #fff;
font-size: 18px;
margin-left: 16px;
}
.but_medium3:hover span, .but_medium3.active span , .but_medium3:hover b, .but_medium3.active b {
color: #fff;
background-color: #393939;
border-right: 1px solid #181818;
}
.but_medium2 {
color: #fff;
padding: 14px 35px;
background-color: #9eca45;
border-radius: 30px;
transition: all 0.3s ease;
border-bottom: 1px solid #393939;
white-space: nowrap;
}
.but_medium2:hover {
color: #fff;
background-color: #393939;
}
.but_medium4 {
color: #fff;
padding: 14px 35px;
background-color: #9eca45;
border-radius: 5px;
transition: all 0.3s ease;
border-bottom: 3px solid #393939;
white-space: nowrap;
}
.but_medium4:hover {
color: #fff;
background-color: #393939;
border-bottom: 0px solid #454545;
}
.but_medium5 {
color: #9eca45;
padding: 12px 35px;
background-color: #fff;
border-radius: 2px;
transition: all 0.3s ease;
white-space: nowrap;
border: 2px solid #9eca45;
}
.but_medium5:hover {
color: #393939;
border: 2px solid #393939;
} .but_large1 {
color: #fff;
padding: 18px 50px;
background-color: #9eca45;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
}
.but_large1:hover {
color: #fff;
background-color: #393939;
}
.but_large1.two:hover {
color: #fff;
background-color: #727272;
}
.but_large1.small {
color: #fff;
padding: 13px 50px;
background-color: #9eca45;
border-radius: 3px;
transition: all 0.3s ease;
white-space: nowrap;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
.but_large1.small:hover {
color: #fff;
background-color: #393939;
}
.but_large3 {
display: inline-block;
height: 50px;
line-height: 50px;
padding-right: 35px;
padding-left: 83px;
position: relative;
background-color: #9eca45;
color: #fff;
border-radius: 4px;
white-space: nowrap;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_large3 span, .but_large3 b {
position: absolute;
left: 0;
width: 58px;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 1px solid  rgba(0,0,0,0.15);
transition: all 0.3s ease;
}
.but_large3:hover {
color: #fff;
}
.but_large3 span i ,.but_large3 b i {
color: #fff;
font-size: 18px;
margin-left: 20px;
}
.but_large3:hover span, .but_large3.active span, .but_large3:hover b, .but_large3.active b {
color: #fff;
background-color: #393939;
border-right: 1px solid #181818;
}
.but_large2 {
color: #fff;
padding: 16px 50px;
background-color: #9eca45;
border-radius: 30px;
transition: all 0.3s ease;
border-bottom: 1px solid #393939;
white-space: nowrap;
}
.but_large2:hover {
color: #fff;
background-color: #393939;
}
.but_large4 {
color: #fff;
padding: 16px 50px;
background-color: #9eca45;
border-radius: 5px;
transition: all 0.3s ease;
border-bottom: 3px solid #393939;
white-space: nowrap;
}
.but_large4:hover {
color: #fff;
background-color: #393939;
}
.but_large4.white {
color: #9eca45;
background-color: #fff;
border-bottom: 0px solid #393939;
}
.but_large4:hover {
color: #fff;
background-color: #393939;
border-bottom: 0px solid #454545;
}
.but_large5 {
color: #9eca45;
padding: 16px 45px;
background-color: #fff;
border-radius: 2px;
transition: all 0.3s ease;
white-space: nowrap;
border: 2px solid #9eca45;
}
.but_large5:hover {
color: #393939;
border: 2px solid #393939;
}
.but_full {
float: left;
width: 100%;
text-align: center;
color: #272727;
padding: 30px 0px;
background-color: #f7f7f7;
border-radius: 4px;
transition: all 0.3s ease;
white-space: nowrap;
border: 1px solid #e3e3e3;
font-size: 22px;
font-weight: 600;
}
.but_full:hover {
background-color: #fff;
}
.imagede {
-webkit-animation:spin 3s linear infinite;
-moz-animation:spin 3s linear infinite;
animation:spin 3s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.but_full2 {
width: 100%;
height: 70px;
background-color: #f3f3f3;
overflow:hidden;
text-align:center;
color:#272727;
border-radius: 4px;
vertical-align: middle;
line-height: 70px;
font-size: 18px;
font-weight: 600;
}
.but_full2 .butprogress {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
height:70px;
width:10px;
background: #9eca45;
position:absolute;
overflow:hidden; 
border-radius: 4px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.but_full2 .done {
float: left;
text-align:center;
line-height:70px;
font-size: 18px;
font-weight:bold;
color:#EEE;
height:70px;
width: 100%;
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);		
cursor:pointer;
vertical-align: middle;
line-height: 70px;
font-weight: 600;
position: relative;
z-index: 98;
}
.but_full2 strong {
position: relative;
z-index: 99;
font-weight: normal;
}
.but_full2:hover .butprogress{
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
width: 100%;
border-radius: 4px;
}
.but_full2 .butprogress a {
color: #fff;
}
.but_full2.two .butprogress {
background: #e3e3e3;
} .pricing-layout-1,
.pricing-layout-3,
.pricing-layout-2{
transition: all .3s ease-out 0s!important;
z-index: 90;
}
.pricing-layout-1:hover,
.pricing-layout-3:hover,
.pricing-layout-2:hover{
box-shadow: 0 20px 30.4px 2.6px rgba(0,0,0,.24);
transition: box-shadow .2s ease-in-out 0s;
transform: scale(1.1,1.1);
z-index: 999!important;
}
.pricing-layout-2{
background: #fff;
}
.pritable {
float: left;
width: 100%;
padding: 120px 0px;
}
.pritable.ltp {
padding-top: 80px;
}
.pritable .pacdetails {
float: left;
width: 25%;
text-align: center;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
box-shadow: 0px -5px 0px #393939;
}
.pritable .pacdetails .title {
float: left;
width: 100%;
padding: 30px 0px 45px 0px;
border-bottom: 1px solid #eee;
margin-bottom: 40px;
clear: both;
display: block;
}
.pritable .pacdetails .title strong {
color: #393939;
font-size: 40px;
font-weight: bold;
display: block;
}
.pritable .pacdetails .title h2 {
font-size: 22px;
color: #999;
font-weight: normal;
margin-bottom: 12px;
display: block;
}
.pritable .pacdetails ul {
padding: 0px;
margin: 0px;
clear: both;
}
.pritable .pacdetails li {
padding: 0px;
margin: 18px 0px;
list-style:none;
clear: both;
}
.pritable .pacdetails li strong {
font-weight: 600;
}
.pritable .pacdetails .bottom {
float: left;
width: 100%;
padding: 40px 0px;
margin-top: 20px;
border-top: 1px solid #eee;
}
.pritable .pacdetails .bottom a {
color: #393939;
font-size: 16px;
background: #eee;
padding: 12px 35px;
border-radius: 3px;
transition: all 0.3s ease;
}
.pritable .pacdetails .bottom a:hover {
color: #fff;
background: #999;
}
.pritable .pacdetails .title sup {
font-size: 18px;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.pritable .pacdetails .title sub {
font-size: 14px;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.pritable .pacdetails.two {
border-right: 0px solid #eee;
border-bottom: 1px solid #eee;
border-left: 0px solid #eee;
}
.pritable .pacdetails.four {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 0px solid #eee;
}
.pritable .pacdetails.highlight {
margin-top: -30px;
box-shadow: 0px -5px 0px #9eca45;
}
.pritable .pacdetails.highlight .title strong {
color: #9eca45;
}
.pritable .pacdetails.highlight .bottom a {
color: #fff;
background: #9eca45;
}
.pritable .pacdetails.highlight h6 {
width: 140px;
color: #fff;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
background: #9eca45;
margin: 0 auto;
line-height: 18px;
border-radius: 10px;
}
.pritable .pacdetails.highlight .title {
padding-top: 30px;
}
.pritable .pacdetails.highlight .title h2 {
margin-top: 12px;
}
.pritable.stwo {
float: left;
width: 100%;
text-align: center;
padding: 160px 0px 120px 0px;
background: #393939 url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/site-img227.jpg);
background-attachment: fixed;
background-origin: initial;
background-clip: initial;
background-size: cover;
background-repeat:no-repeat;
background-position:100% 0;
background-position: center;
}
.pritable.stwo .pacdetails {
background: rgba(255,255,255,0.97);
border-right: 1px solid #999;
box-shadow: 0px -5px 0px #999;
}
.pritable.stwo .pacdetails .title {
border-bottom: 1px solid #e3e3e3;
}
.pritable.stwo .pacdetails.highlight .title strong {
color: #3498db;
}
.pritable.stwo .pacdetails.highlight .bottom a {
color: #fff;
background: #3498db;
}
.pritable.stwo .pacdetails.highlight h6 {
width: 140px;
color: #fff;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
background: #3498db;
margin: 0 auto;
line-height: 18px;
border-radius: 10px;
}
.pritable.stwo .pacdetails.highlight {
box-shadow: 0px -5px 0px #3498db;
}
.pricingtable1 {
float: left;
width: 100%;
text-align: center;
padding: 70px 0px 0px 0px;
}
.pricingtable1 ul {
float: left;
width: 107%;
padding: 0px;
margin: 0px;
}
.pricingtable1 li {
width: 100%;
padding: 10px 0px;
margin: 0px;
text-align: center;
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
}
.pricingtable1 li.title {
padding: 25px 0px;
background-color: #eee;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.pricingtable1 li.title h4 {
font-weight: 300;
margin-bottom: 10px;
}
.pricingtable1 li.title h1 {
font-weight: bold;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
}
.pricingtable1 li.title h1 em {
font-size: 16px;
font-weight: normal;
font-style: normal;
}
.pricingtable1 li.planbut {
padding: 35px 0px;
background-color: #eee;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.pricingtable1 li.planbut a {
color: #fff;
font-size: 16px;
padding: 12px 28px;
background-color: #b1b1b1;
border-radius: 4px;
transition: all 0.3s ease;
}
.pricingtable1 li.planbut a:hover {
color: #fff;
background-color: #9eca45;
}
.pricingtable1 ul.active li.planbut a {
color: #fff;
background-color: #9eca45;
}
.pricingtable1 ul.active li.title h4 {
color: #9eca45;
}
.pricingtable1 ul.active li.title h1 {
color: #9eca45;
}
.pricingtable1 ul.active li.title {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.pricingtable1 ul.active li.mostp {
color: #fff;
padding: 5px 0px;
background-color: #9eca45;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.pricingtable1 ul.active {
margin-top: -34px;
}
.pritable .one_fifth_less.pacdetails {
width: 16.800%;
}
.pritable .one_third_less.pacdetails {
width: 32%;
} .pricing-tables-main {
position: relative;
float: left;
margin-top: 50px;
}
.pricing-tables {
position: relative;
float: left;
width: 24%;
border: 1px solid #eee;
}
.one_third_less, .pricing-tables-main.one_half_less, .pricing-tables-main.one_fifth_less {
position: relative;
float: left;	
border: 1px solid #eee;
}
.pricing-tables .title,
.pricing-tables-main.one_fifth_less .title,
.pricing-tables-main.one_half_less .title,
.pricing-tables-main.one_third_less .title {
float: left;
width: 100%;
height: 57px;
padding: 13px 0 10px 0;
background-color: #454545;
text-align: center;
font-size: 23px;
color: #fff;
border-top: 3px solid #272727;
border-bottom: 1px solid #818181;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-main.one_third_less .price,
.pricing-tables-main.one_fifth_less .price,
.pricing-tables-main.one_half_less .price,
.pricing-tables .price {
float: left;
width: 100%;
padding: 30px 0 30px 0;
background-color: #636363;
text-align: center;
font-size: 40px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables .price i,
.pricing-tables-main.one_half_less .price i,
.pricing-tables-main.one_fifth_less .price i,
.pricing-tables-main.one_third_less .price i {
font-size: 14px;
color: #ccc;
display: block;
font-weight: normal;
font-style: normal;
margin-top: 5px;
}
.pricing-tables .cont-list,
.pricing-tables-main.one_half_less .cont-list,
.pricing-tables-main.one_fifth_less .cont-list,
.pricing-tables-main.one_third_less .cont-list {
float: left;
width: 100%;
padding: 15px 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background-color: #f9f9f9;
text-align: center;
color: #727272;
}
.pricing-tables .cont-list ul,
.pricing-tables-main.one_fifth_less .cont-list ul,
.pricing-tables-main.one_half_less .cont-list ul,
.pricing-tables-main.one_third_less .cont-list ul {
margin: 0;
padding: 0;
}
.pricing-tables .cont-list li,
.pricing-tables-main.one_fifth_less .cont-list li,
.pricing-tables-main.one_half_less .cont-list li,
.pricing-tables-main.one_third_less .cont-list li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 35px;
border-bottom: 1px solid #fff;
}
.pricing-tables .cont-list li.last,
.pricing-tables-main.one_fifth_less .cont-list li.last,
.pricing-tables-main.one_half_less .cont-list li.last,
.pricing-tables-main.one_third_less .cont-list li.last {
border: none;
}
.pricing-tables .ordernow,
.pricing-tables-main.one_half_less .ordernow,
.pricing-tables-main.one_fifth_less .ordernow,
.pricing-tables-main.one_third_less .ordernow {
float: left;
width: 100%;
padding: 28px 0px;
background-color: #eee;
text-align: center;
}
.pricing-tables .ordernow .but_small3 span i,
.pricing-tables-main.one_half_less .ordernow .but_small3 span i,
.pricing-tables-main.one_fifth_less .ordernow .but_small3 span i,
.pricing-tables-main.one_third_less .ordernow .but_small3 span i {
margin-left: 3px;
}
.pricing-tables-main.pricing-tables-helight .ordernow .but_small3 span i{
margin-left: 3px;
}
.pricing-tables-main.pricing-tables-helight{
position: relative;
float: left;
width: 27%;
z-index: 9;
-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.1);
box-shadow:  0px 0px 8px 5px rgba(0, 0, 0, 0.1);
}
.pricing-tables-main.pricing-tables-helight .title {
float: left;
width: 100%;
height: 73px;
padding: 20px 0 0 0;
margin-top: -10px;
background-color: #88b330;
text-align: center;
font-size: 23px;
color: #fff;
border-top: 3px solid #739b20;
border-bottom: 1px solid #abd457;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-main.pricing-tables-helight .price {
float: left;
width: 100%;
padding: 30px 0 30px 0;
background-color: #9eca45;
text-align: center;
font-size: 45px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.pricing-tables-main.pricing-tables-helight .price i {
font-size: 14px;
color: #eee;
display: block;
font-weight: normal;
font-style: normal;
margin-top: 5px;
}
.pricing-tables-main.pricing-tables-helight .cont-list {
float: left;
width: 100%;
padding: 15px 0;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
background-color: #f9f9f9;
text-align: center;
color: #727272;
}
.pricing-tables-main.pricing-tables-helight .cont-list ul {
margin: 0;
padding: 0;
}
.pricing-tables-main.pricing-tables-helight .cont-list li {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 35px;
border-bottom: 1px solid #fff;
}
.pricing-tables-main.pricing-tables-helight .cont-list li.last {
border: none;
}
.pricing-tables-main.pricing-tables-helight .ordernow {
float: left;
width: 100%;
padding: 30px 0 35px 0;
background-color: #f3f3f3;
text-align: center;
color: #fff;
} .pricingtable3 {
float: left;
width: 100%;
text-align: center;
box-shadow: 0px 0px 3px rgba(0,0,0,0.12);
}
.pricingtable3 ul {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.pricingtable3 li {
width: 100%;
padding: 10px 0px;
margin: 0px;
text-align: center;
background-color: #fff;
}
.pricingtable3 li.title {
color: #fff;
padding: 18px 0px;
background-color: #999;
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);
}
.pricingtable3 li.title h3 {
margin: 0px;
}
.pricingtable3 li.price {
padding: 30px 0px 20px 0px;
}
.pricingtable3 li.price h1 {
font-family: 'Open Sans', sans-serif;
margin: 0px;
font-weight: bold;
}
.pricingtable3 li.price h1 em {
font-size: 16px;
font-style: normal;
font-weight: normal;
}
.pricingtable3 li.hecont {
padding: 25px 50px 40px 50px;
background-color: #f3f3f3;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
box-shadow: inset 0px 0px 1px rgba(0,0,0,0.1);
}
.pricingtable3 li.hecont strong {
background-color: #454545;
border-radius: 4px;
clear: both;
color: #fff;
display: inline-block;
margin-top: 15px;
padding: 12px 30px;
white-space: nowrap;
}
.pricingtable3 li.title.act {
background-color: #9eca45;
}
.pricingtable3 li.hecont.act strong {
background-color: #9eca45;
}
.pricingtable3 li.price.act h1 {
color: #9eca45;
} .pricingtable9 {
float: left;
width: 100%;
text-align: center;
background: #fff;
padding: 50px 0px 0px 0px;
}
.pricingtable9 strong {
color: #9eca45;
font-family: 'Roboto', sans-serif;
font-size: 72px;
font-weight: 300;
margin: 40px 0px 40px 0px;
display: block;
}
.pricingtable9 b {
color: #9eca45;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
display: block;
}
.pricingtable9 span {
float: left;
width: 100%;
padding: 25px 0px 32px 0px;
color: #fff;
background: #393939;
margin-top: 45px;
line-height: 27px;
}
.pricingtable9 span i {
font-size: 13px;
margin-right: 1px;
}
.pricingtable9.two strong {
color: #f9bf36;
}
.pricingtable9.two b {
color: #f9bf36;
} .pricingtable10 {
float: left;
width: 100%;
text-align: center;
background: #f3f3f3;
padding: 50px 0px 0px 0px;
}
.pricingtable10 strong {
color: #ee7164;
font-family: 'Roboto', sans-serif;
font-size: 90px;
font-weight: 300;
margin: 50px 0px 45px 0px;
display: block;
}
.pricingtable10 b {
color: #999;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
display: block;
}
.pricingtable10 span {
float: left;
width: 100%;
padding: 25px 0px 30px 0px;
color: #fff;
background: #ee7164;
margin-top: 45px;
line-height: 30px;
font-size: 16px;
}
.pricingtable10 span i {
font-size: 14px;
margin-right: 5px;
} ul.list_empty {
float: left;
padding: 0px;
margin: 0px;
width: 100%;
}
.list_empty li {
float: left;
padding: 0px;
margin: 0px 16px 40px 0px;
}
ul.list_empty2 {
float: left;
padding: 0px;
margin: 0px;
width: 100%;
}
.list_empty2 li {
float: left;
padding: 0px;
margin: 0px 5px 0px 0px;
}
ul.list1 {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.list1 li {
padding: 8px 0px;
margin: 0px;
}
.list1 li i {
font-size: 18px;
margin-right: 8px;
}
.list1.small li i {
font-size: 12px;
margin-right: 5px;
}
ul.list2 {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.list2 li {
padding: 0px;
margin: 0px;
line-height: 32px;
}
.list2 li i {
font-size: 18px;
margin-right: 8px;
}
ul.list9 {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.list9 li {
padding: 7px 0px;
margin: 0px;
font-size: 16px;
}
.list9 li i {
color: #9eca45;
font-size: 14px;
margin-right: 8px;
}
.list9 li a {
color: #393939;
}
.list9 li a:hover {
color: #9eca45;
} .counters1 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
.counters1 span {
font-family: 'Open Sans', sans-serif;
font-size: 50px;
color: #393939;
}
.counters1 h4 {
font-size: 21px;
color: #999;
font-weight: 400;
margin: 13px 0px 0px 0px;
}
.counters1.two span {
font-size: 40px;
color: #fff;
font-weight: 700;
}
.counters1.two h4 {
font-size: 16px;
color: #fff;
margin: 3px 0px 0px 0px;
}
.counters1.three span {
font-size: 40px;
color: #393939;
font-weight: 400;
}
.counters1.three h4 {
font-size: 16px;
color: #999;
margin: 3px 0px 0px 0px;
}
.counters2 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
.counters2 i {
color: #9eca45;
font-size: 40px;
display: block;
margin-bottom: 30px;
}
.counters2 h4 {
font-size: 18px;
color: #999;
font-weight: 400;
margin: 30px 0px 0px 0px;
}
.counters2 .one_fourth {
background-color: #f3f3f3;
padding: 30px 0px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 50px;
color: #393939;
font-weight: bold;
}
.counters2 .one_fifth {
background: none;
padding: 0px 0px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 50px;
color: #393939;
font-weight: bold;
}
.counters2 .one_fifth h4 {
font-size: 16px;
color: #393939;
font-weight: 400;
text-transform: uppercase;
margin: 30px 0px 0px 0px;
}
.counters2 .one_fifth .vlines {
font-size: 16px;
color: #393939;
font-weight: 400;
margin: 10px 0px 0px 0px;
}
.counters3 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
.counters3 .one_fourth {
padding: 0px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 45px;
color: #393939;
text-align: left;
}
.counters3 .one_fourth i {
float: left;
font-size: 55px;
margin-bottom: 20px;
margin-right: 25px;
}
.counters3 .one_fourth.white {
color: #e3e3e3;
}
.counters3 .one_fourth.white i {
color: #9eca45;
}
.counters3 .one_fourth.one {
color: #9eca45;
}
.counters3 .one_fourth.one i {
color: #9eca45;
}
.counters3 .one_fourth.two {
color: #9eca45;
}
.counters3 .one_fourth.two i {
color: #9eca45;
}
.counters3 .one_fourth.three {
color: #3fc35f;
}
.counters3 .one_fourth.three i {
color: #3fc35f;
}
.counters3 .one_fourth.four {
color: #febc1d;
}
.counters3 .one_fourth.four i {
color: #febc1d;
}
.counters3 h4 {
text-align: left;
font-size: 18px;
color: #999;
font-weight: 400;
margin: 10px 0px 0px 0px;
}
body .counters4 {
float: left;
width: 100%;
text-align: center;
padding: 50px 0px 45px 0px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 50px;
border: 1px solid #e9e9e9;
color: #9eca45;
}
body .counters4 span {
font-weight: bold;
}
body .counters4 h4 {
font-size: 21px;
color: #454545;
font-weight: 400;
margin-top: 30px;
margin-bottom: 0px;
}
body .counters4.two {
padding: 70px 0px;
border: none;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #f9f9f9;
}
body .counters4.three {
padding: 100px 0px 100px 0px;
border: none;
border-bottom: 1px solid #eee;
}
body .counters5 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
body .counters5 span {
font-size: 67px;
font-weight: 600;
color: #fff;
}
body .counters5 h4 {
color: #fff;
font-weight: 400;
margin: 0px 0px 35px 0px;
}
body .counters6 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 50px;
color: #fff;
font-weight: 300;
}
body .counters6 i {
color: #fff;
font-size: 20px;
display: block;
margin-bottom: 35px;
}
body .counters6 h4 {
display: block;
width: 50%;
font-size: 16px;
color: #fff;
font-weight: 400;
margin: 35px auto 0 auto;
border-top: 1px solid rgba(255,255,255,0.10);
border-bottom: 1px solid rgba(255,255,255,0.10);
padding: 5px 0px 8px 0px;
}
body .counters7 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 45px;
color: #fff;
font-weight: 600;
}
body .counters7 i {
color: #59abe3;
font-size: 30px;
display: block;
margin-bottom: 35px;
}
body .counters7 h4 {
display: block;
width: 50%;
font-size: 16px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin: 21px auto 0 auto;
}
body .counters7.two i {
color: #46d8bd;
}
body .counters8 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 45px;
color: #393939;
font-weight: 600;
}
.counters8 h4 {
display: block;
width: 50%;
font-size: 16px;
color: #727272;
margin: 27px auto 0 auto;
}
body .counters9 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
}
body .counters9 .circle {
width: 138px;
height: 138px;
padding-top: 40px;
border: 1px solid #eee;
border-radius: 100%;
margin: 0 auto;
}
body .counters9 span {
font-family: 'Open Sans', sans-serif;
font-size: 35px;
color: #393939;
font-weight: 300;
}
body .counters9 h4 {
font-size: 16px;
color: #999;
font-weight: 300;
margin: 5px 0px 0px 0px;
}
body .counters10 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 45px;
color: #2a2a30;
font-weight: 700;
}
.counters10 h4 {
display: block;
width: 100%;
font-size: 16px;
color: #727272;
margin: 18px auto 0 auto;
}
.counters10 .one_half {
padding: 30px 0px 30px 0px;
border: 2px solid #e9e9e9;
}
body .counters11 {
float: left;
width: 100%;
padding: 0px;
text-align: center;
font-size: 50px;
color: #272727;
font-weight: 300;
font-family: 'Roboto', sans-serif;
}
.counters11 i {
color: #d64541;
font-size: 20px;
display: block;
margin-bottom: 35px;
}
.counters11 h4 {
font-family: 'Roboto', sans-serif;
display: block;
width: 50%;
font-size: 16px;
color: #999;
font-weight: 300;
margin: 25px auto 0 auto;
padding: 5px 0px 8px 0px;
}
.counters12 {
float: left;
width: 100%;
}
.counters12 h1 {
font-weight: 800;
margin-bottom: 0px;
}
.counters12 h5 {
margin-bottom: 5px;
} body .fati1 {
width: 100px;
height: 100px;
color: #fff;
font-size: 50px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
background-color: #393939;
margin-right: 13px;
margin-bottom: 13px!important;
}
body .fati2 {
color: #393939;
font-size: 50px;
vertical-align: middle;
margin-right: 30px;
margin-bottom: 30px!important;
}
body .fati3 {
color: #393939;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 1px solid #999;
margin-bottom: 12px!important;
}
body .fati4 {
color: #fff;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #9eca45;
margin-bottom: 12px!important;
}
body .fati4.two {
float: left;
font-size: 22px;
width: 40px;
height: 40px;
line-height: 40px;
margin-bottom: 30px!important;
margin-right: 14px;
}
body .fati5 {
color: #9eca45;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 1px solid #9eca45;
margin-bottom: 12px!important;
}
body .fati6 {
color: #760001;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #ed2b2b;
margin-bottom: 12px!important;
}
body .fati7 {
color: #999;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #f3f3f3;
border: 1px solid #e3e3e3;
margin-bottom: 12px!important;
}
body .fati8 {
color: #393939;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 1px solid #393939;
margin-bottom: 12px!important;
}
body .fati9 {
color: #9eca45;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 95px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 5px solid #9eca45;
margin-bottom: 12px!important;
}
body .fati10 {
color: #fff;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #febc1d;
margin-bottom: 12px!important;
}
body .fati11 {
color: #fff;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #35d3b7;
margin-bottom: 12px!important;
}
body .fati12 {
color: #527c00;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #a5d549;
margin-bottom: 12px!important;
}
body .fati13 {
color: #727272;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 95px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
background-color: #f9f9f9;
border: 5px solid #e3e3e3;
margin-bottom: 12px!important;
}
body .fati14 {
color: #393939;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 4px;
text-align: center;
margin-right: 12px;
border: 1px solid #999;
margin-bottom: 12px!important;
}
body .fati15 {
color: #fff;
font-size: 45px;
width: 100px;
height: 100px;
vertical-align: middle;
line-height: 100px;
border-radius: 4px;
text-align: center;
margin-right: 12px;
background-color: #393939;
margin-bottom: 12px!important;
}
body .fati16 {
width: 75px;
height: 75px;
color: #fff;
font-size: 35px;
vertical-align: middle;
line-height: 75px;
border-radius: 100%;
text-align: center;
background-color: #393939;
margin-right: 14px;
margin-bottom: 14px!important;
}
body .fati17 {
width: 50px;
height: 50px;
color: #fff;
font-size: 27px;
vertical-align: middle;
line-height: 50px;
border-radius: 100%;
text-align: center;
background-color: #393939;
margin-right: 14px;
margin-bottom: 14px!important;
}
body .fati18 {
width: 30px;
height: 30px;
color: #fff;
font-size: 16px;
vertical-align: middle;
line-height: 30px;
border-radius: 100%;
text-align: center;
background-color: #393939;
margin-right: 7px;
margin-bottom: 7px!important;
}
body .fati19 {
color: #fff;
font-size: 21px;
width: 50px;
height: 50px;
vertical-align: middle;
line-height: 50px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
border: 1px solid #fff;
transition: all 0.3s ease;
}
.fati19:hover {
color: #9eca45;
border: 1px solid #fff;
background: #fff;
} .flips1 {
width:100%;
height: 320px;
margin:0;
position: relative;
}
.flipscont1 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align:center;
}
.flips1_front {
padding:0px;
width:100%;
z-index: 2;
}
.flips1_front img {
width:100%;
height: 259px;
margin-bottom: 10px;
}
.flips1.vc img {
height: auto;
}
.flips1_front h5 {
margin-bottom: 3px;
}
.flips1_front img.full {
width:100%;
height: auto;
}
.flips1_back {
width:100%;
padding:50px 35px;
color: #fff;
background-color:#86c724;
z-index: 1;
height:320px;
margin: 0px;
text-align: center;
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);  
transform: rotateY(-180deg);
-sand-transform: rotateY(180deg);  
}
.flips1:hover .flips1_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips1:hover .flips1_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}
.flips1_back .fsoci {
float: left;
width: 100%;
margin: 18px 0px 32px 0px;
}
.flips1_back .fsoci i {
border-radius: 100%;
width: 25px;
height: 25px;
border: 1px solid #fff;
text-align: center;
vertical-align: middle;
line-height: 25px;
color: #fff;
transition: all 0.3s ease;
}
.flips1_back .fsoci i:hover {
background: #fff;
color: #272727;
}
.flips2 {
width:100%;
height: 320px;
margin:0;
position: relative;
}
.flipscont2 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align:center;
background-color:#eee;
}
.flips2_front {
padding:0px;
width:100%;
z-index: 2;
}
.flips2_front img {
width:100%;
}
.flips2_back {
width:100%;
padding:50px 35px;
color: #fff;
background-color:#9eca45;
z-index: 1;
height:320px;
margin: 0px;
text-align: center;
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);  
transform: rotateX(-180deg);
-sand-transform: rotateX(180deg);  
}
.flips2:hover .flips2_front {
z-index: 1;
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
transform: rotateX(180deg);
-sand-transform: rotateX(180deg);
}
.flips2:hover .flips2_back {
z-index: 2;   
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
transform: rotateX(0deg);
-sand-transform: rotate(0deg);
}
.flips3 {
width:100%;
height: 230px;
margin:0;
position: relative;
}
.flipscont3 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align:center;
background-color:#fff;
}
.flips3_front.flipscont3 i {
font-size: 50px;
color: #9eca45;
margin-top: 50px;
margin-bottom: 20px;
}
.flips3_front {
padding:0px;
width:100%;
z-index: 2;
}
.flips3_back {
width:100%;
padding:27px 35px;
color: #fff;
background-color:#9eca45;
z-index: 1;
height:230px;
margin: 0px;
text-align: center;
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);  
transform: rotateY(-180deg);
-sand-transform: rotateY(180deg);  
}
.flips3:hover .flips3_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips3:hover .flips3_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}
.flips3.active .flips3_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips3.active .flips3_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}
.flips4 {
width:100%;
height: 100px;
margin:0;
position: relative;
}
.flipscont4 {
width: 100%;
height: 100%;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
text-align:center;
border: 1px solid #eee;
}
.flips4_front {
padding:0px;
width:100%;
z-index: 2;
}
.flips4_front img {
width:100%;
}
.flips4_back {
width:100%;
padding:12px 25px 0px 25px;
background-color:#eee;
z-index: 1;
height:100px;
margin: 0px;
text-align: center;
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);  
transform: rotateY(-180deg);
-sand-transform: rotateY(180deg);  
}
.flips4:hover .flips4_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips4:hover .flips4_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
}
.flips4_back h5 {
margin-bottom: 5px;
}
.flips4_back h5 a:hover {
color: #9eca45;
}
.flips4.active .flips4_front {
z-index: 1;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-sand-transform: rotateY(180deg);
}
.flips4.active .flips4_back {
z-index: 2;   
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-sand-transform: rotate(0deg);
} .imgframe1 {
float: left;
width: 100%;
border: 8px solid #d3d3d3;
}
.imgframe2 {
float: left;
width: 100%;
border: 8px solid #fff;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
}
.imgframe3 {
float: left;
width: 100%;
text-align: center;
background-color: #393939;
border: 8px solid #393939;
}
.imgframe3 img {
float: left;
width: 100%;
}
.imgframe3 strong {
float: left;
color: #fff;
font-size: 18px;
font-weight: normal;
width: 100%;
padding: 14px 0px 12px 0px;
text-align: center;
}
.imgframe4 {
float: left;
width: 100%;
-webkit-box-shadow: 0 10px 6px -6px #454545;
-moz-box-shadow: 0 10px 6px -6px #454545;
box-shadow: 0 10px 6px -6px #454545;
}
.imgframe5 {
float: left;
width: 100%;
position: relative;
z-index:2;
}
.imgframe5 img {
float: left;
width: 100%;
}
.imgframe5:before, .imgframe5:after {
z-index: 1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 12px 10px #454545;
-moz-box-shadow: 0 12px 10px #454545;
box-shadow: 0 12px 10px #454545;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.imgframe5:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.imgframe6 {
float: left;
width: 100%;
position: relative;
}
.imgframe6 img {
float: left;
width: 100%;
border: 10px solid #f3f3f3;
position: relative;
z-index: 2;
}
.imgframe6:before, .imgframe6:after {
z-index: 1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 16px 10px #454545;
-moz-box-shadow: 0 16px 10px #454545;
box-shadow: 0 16px 10px #454545;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.imgframe6:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
} .pop-wrapper{
width: 90%;
padding: 0;
margin: 0px auto 30px auto;
}
.pop-wrapper li, .pop-wrapper .king-elements{
float: left;
margin: 0px 25px 70px 25px!important;
}
.pop-wrapper li a, .pop-wrapper .king-elements-inner{
display: block;
width: 120px;
height: 120px;
margin: 0 2px;
outline: none;
position: relative;
background-color: #f3f3f3;
border-radius: 100%;
text-align: center;
}
.pop-wrapper li a span, .pop-wrapper .king-elements span{
width: 300px;
height: auto;
line-height: 21px;
padding: 10px;
left: 50%;
margin-left: -150px;
font-family: 'Alegreya SC', Georgia, serif;
font-weight: 400;	
font-style: italic;
font-size: 14px;
color: #719DAB;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
text-align: center;
border: 4px solid #fff;
background: #f9f9f9;
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 100px;
opacity: 0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pop-wrapper li a span:before,
.pop-wrapper li a span:after, .pop-wrapper .king-elements span:before, .pop-wrapper .king-elements span:after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper li a span:after, .pop-wrapper .king-elements span:after{
bottom: -14px;
margin-left: -10px;
border-top: 10px solid #fff;
}
.pop-wrapper li a:hover span , .pop-wrapper .king-elements-inner:hover span{
opacity: 0.9;
bottom: 116px;
}
.pop-wrapper h6 {
margin-top: 10px;
}
.pop-wrapper2 {
width: 90%;
padding: 0;	margin: 0px auto 30px auto;
}
.pop-wrapper2 li{
float: left;
}
.pop-wrapper2 li a span{
width: 200px;
height: auto;
line-height: 21px;
padding: 10px;
left: 50%;
margin-left: -134px;
font-weight: 400;	
font-style: italic;
font-size: 14px;
color: #719DAB;
text-align: center;
border: 4px solid #fff;
background: #fff;
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 80px;
opacity: 0;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
white-space: normal;
}
.pop-wrapper2 li a span:before,
.pop-wrapper2 li a span:after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper2 li a span:after{
bottom: -14px;
margin-left: -10px;
border-top: 10px solid #fff;
}
.pop-wrapper2 li a:hover span{
opacity: 1;
bottom: 59px;
}
.pop-wrapper2.colored li a span{
color: #fff;
border: 4px solid #9eca45;
background: #9eca45;
box-shadow: none;
}
.pop-wrapper2.colored  li a span:after{
border-top: 10px solid #9eca45;
}
.pop-wrapper2 li a span.grayd{
color: #fff;
background: #454545;
border: 4px solid #454545;
box-shadow: none;
}
.pop-wrapper2 li a span.grayd:after{
border-top: 10px solid #454545;
}
.pop-wrapper2 li a span.bord{
background: #eee;
border: 4px solid #e3e3e3;
box-shadow: none;
}
.pop-wrapper2 li a span.bord:after{
border-top: 10px solid #e3e3e3;
}
.pop-wrapper4{
padding: 0;
margin: 0px auto 30px auto;
}
.pop-wrapper4 li{
float: left;
margin: 0px 0px;
padding: 0;
}
.pop-wrapper4 li a{
position: relative;
}
.pop-wrapper4 li a span{
width: 100px;
height: auto;
line-height: 21px;
padding: 10px;
left: 50%;
margin-left: -56px;
font-weight: 400;	
font-style: italic;
font-size: 14px;
color: #fff;
text-align: center;
border: 4px solid #454545;
background: #454545;
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 40px;
opacity: 0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pop-wrapper4 li a span:before,
.pop-wrapper4 li a span:after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper4 li a span:after{
bottom: -14px;
margin-left: -10px;
border-top: 10px solid #454545;
}
.pop-wrapper4 li a:hover span{
opacity: 0.9;
bottom: 50px;
}
.smlined {
width: 21%;
height: 1px;
background: #999;
margin: 0 auto;
} .lirts {
float: left;
width: 100%;
}
.lirts h5 {
margin-bottom: 10px;
}
.lirts i {
float: left;
font-size: 40px;
color: #999;
margin-right: 30px;
margin-top: 7px;
}
.lirts p {
margin-left: 70px;
}
.lirts span {
float: left;
font-size: 40px;
color: #999;
margin-right: 30px;
margin-top: 3px;
}
.big_text1 {
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 21px;
line-height: 32px;
color: #454545;
}
.big_text1 i {
color: #9eca45;
font-style: normal;
}
.josstext {
color: #393939;
font-size: 27px;
font-weight: normal;
line-height: 36px;
font-family: 'Josefin Sans', sans-serif;
}
.josstext span {
width: 100px;
height: 1px;
background: #393939;
display: block;
margin-top: 20px;
}
.josstext2 {
width: 85%;
margin: 0 auto 67px auto;
color: #393939;
font-size: 27px;
font-weight: normal;
line-height: 36px;
font-family: 'Josefin Sans', sans-serif;
}
.josstext2 span {
width: 100px;
height: 1px;
background: #393939;
display: block;
margin: 20px auto 0 auto;
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
.flips1 {
height: 264px;
}
.flips1_back {
padding:20px 10px;
height: 264px;
}
.flips2 {
height: 264px;
}
.flips2_back {
padding:20px 10px;
height: 264px;
}
.flips4_back {
padding:12px 10px 0px 10px;
}
.pop-wrapper2 li a span{
margin-left: -112px;
}
.counters10 {
font-size: 30px;
}
.counters10 h4 {
font-size: 12px;
margin: 10px auto 0 auto;
}
.counters10 .one_half {
padding: 20px 0px 20px 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px){
.piechart1 {
width: 30%;
}
.piechart3 {
width: 50%;
}
.flips1 {
height: 203px;
}
.flips1_back {
padding:20px 10px;
height: 203px;
}
.flips1_back h4 {
font-size: 16px;
margin-bottom: 5px;
}
.flips1_back p {
font-size: 12px;
line-height: 18px;
margin-bottom: -25px;
}
.flips2 {
height: 203px;
}
.flips2_back {
padding:20px 10px;
height: 203px;
}
.flips2_back h4 {
font-size: 16px;
margin-bottom: 5px;
}
.flips2_back p {
font-size: 12px;
line-height: 18px;
margin-bottom: -25px;
}
.flips4_back {
padding:12px 0px 0px 0px;
}
.flips4_back p {
font-size: 13px;
line-height: 18px;
}
.pricingtable3 li.hecont {
padding: 20px 5px 35px 5px;
}
.pricingtable3 .but_small1 {
padding: 10px 10px;
}
.pop-wrapper{
width: 100%;
}
.pop-wrapper li{
float: left;
margin: 0px 40px 120px 40px;
}
.pop-wrapper li a, .pop-wrapper .king-elements-inner{
width:100px;
height: 100px;
}
.pop-wrapper2 li a span{
margin-left: -91px;
}
.counters5 span {
font-size: 55px;
}
.counters5 h4 {
font-size: 16px;
}
.counters9 .circle {
width: 120px;
height: 120px;
padding-top: 34px;
}
.one_half_less.pricing-layout-3.pricing-tables-helight,
.one_half_less.pricing-layout-2
{
width: 49%;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px){
.piechart1 {
width: 50%;
}
.piechart3 {
width: 50%;
}
.pritable .pacdetails {
width: 100%;
margin-bottom: 100px;
}
.pritable .pacdetails.two {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.counters4 {
font-size: 35px;
line-height: 35px;
}
.flips1_front img {
width:100%;
height: 100%;
}
.flips1_front img.full {
width:100%;
height: 320px;
}
.flips2_front img {
width:100%;
height: 100%;
}
.flips4_front img {
width: auto;
}
.flips4_back {
padding:22px 25px 0px 25px;
}
.pricing-tables-main.one_third_less,
.pricing-tables {
width: 100%;
margin-bottom: 80px;
}
.pricing-tables-main.pricing-tables-helight{
width: 100%;
margin-bottom: 80px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #eee;
}
.pop-wrapper{
width: 75%;
}
.pop-wrapper li{
float: left;
margin: 0px 40px 120px 40px;
}
.pop-wrapper2 li a span {
margin-left: -100px;
}
.counters5 span {
font-size: 45px;
}
.counters5 h4 {
font-size: 16px;
}
.button.five {
padding: 13px 20px;
}
.pricingtable9 strong {
font-size: 55px;
margin: 30px 0px 30px 0px;
}
.counters9 .circle {
width: 100px;
height: 100px;
padding-top: 27px;
}
.counters9 span {
font-size: 27px;
}
.counters9 h4 {
font-size: 14px;
margin: 0px 0px 0px 0px;
}
body .pop-wrapper li, body .pop-wrapper .king-elements{
width:50%;
text-align: center;
margin: 0px 0 70px 0!important;
}
body .pop-wrapper li a, body .pop-wrapper .king-elements-inner{
margin: 0 auto;
}
.but_large1{
padding: 18px 28px;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px){
.one_fifth_less.pacdetails.pricing-layout-2,
.one_fifth_less.pricing-layout-3.pricing-tables-helight{
width: 100%;
}
.piechart1 {
width: 50%;
}	
.piechart3 {
width: 100%;
}
.pritable .pacdetails {
width: 100%;
margin-bottom: 100px;
}
.pritable .pacdetails.two {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.counters4 {
font-size: 35px;
line-height: 35px;
}
.flips1_front img {
width:100%;
height: 100%;
}
.flips1_front img.full {
width:100%;
height: 320px;
}
.flips2_front img {
width:100%;
height: 100%;
}
.flips4_front img {
width: auto;
}
.flips4_back {
padding:22px 25px 0px 25px;
}
.pricing-tables {
width: 100%;
margin-bottom: 80px;
}
.pricing-tables-helight{
width: 100%;
margin-bottom: 80px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #eee;
}
.pop-wrapper{
width: 50%;
}
.pop-wrapper li, .pop-wrapper .king-elements{
text-align: center;
float: none;
margin-bottom:100px!important;
}
.pop-wrapper li{
float: left;
margin: 0px 40px 120px 40px;
}
body .pop-wrapper li a, body .pop-wrapper .king-elements-inner{
margin: 0 auto;
}
.pop-wrapper2 li a span{
margin-left: -217px;
}
.counters5 span {
font-size: 35px;
}
.counters5 h4 {
font-size: 13px;
margin-bottom: 10px;
}
.stcode_title13 {
font-size: 30px;
}
.one_third_less.pricing-layout-3{
width: 100%;
}
}
@media only screen and (max-width: 479px){
.one_fifth_less.pacdetails.pricing-layout-2,
.one_fifth_less.pricing-layout-3.pricing-tables-helight{
width: 100%;
}
.piechart1 {
width: 100%;
}
.piechart3 {
width: 100%;
}
.pritable .pacdetails {
width: 100%;
margin-bottom: 100px;
}
.pritable .pacdetails.two {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.counters4 {
font-size: 35px;
line-height: 35px;
}
.flips4_front img {
width: auto;
}
.flips4_back {
padding:12px 10px 0px 10px;
}
.pricing-tables ,
.one_third_less.pricing-tables-helight
{
width: 100%;
margin-bottom: 80px;
}
.pricing-tables-helight,
.pricing-tables-main.pricing-tables-helight
{
width: 100%;
margin-bottom: 80px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #eee;
}
.pop-wrapper{
width: 68%;
}
.pop-wrapper li{
float: left;
margin: 0px 40px 120px 40px;
}
.pop-wrapper2 li a span{
margin-left: -150px;
}
.but_medium1,
.but_medium1.white {
padding: 14px 20px;
}
.counters5 span {
font-size: 27px;
}
.counters5 h4 {
font-size: 12px;
margin-bottom: 7px;
}
.stcode_title13 {
padding: 1px 10px;
font-size: 25px;
}
body .pop-wrapper li, body .pop-wrapper .king-elements{
float: none;
margin-bottom:100px!important;
}
body .pop-wrapper li a, body .pop-wrapper .king-elements-inner{
margin: 0 auto;
}
}body,
a {
text-align: left;
}
.king-clearfix:before,
.king-clearfix:after {
display: table;
content: " ";
}
.king-clearfix:after {
clear: both;
} .king-tabs {
margin: 0;
background: #eee;
width: 100%;
display: inline-block;
border: 1px solid #e0e0e0;
}
.king-tabs ul {
margin: 0px;
}
.king-tabs li {
list-style-type: none;
display: inline-block;
}
.king-tabs.king-tabs-vertical li {
display: block;
}
.king-tabs.king-tabs-vertical {
background: transparent;
border: none;
}
.king-tabs-nav a {
display: inline-block;
border-right: 1px solid #fff;
padding: 0px 40px;
min-height: 54px;
line-height: 50px;
font-weight: 400;
color: #272727;
cursor: pointer;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
white-space: nowrap;
text-decoration: none;
font-size: 14px;
border-right: 1px solid #fff;
background-color: #eee;
}
.king-tabs-nav a:hover {
background: #f5f5f5;
}
.king-tabs-nav .ui-tabs-active a {
background: #FFF;
cursor: default;
}
.tabs2 .king-tabs-nav .ui-tabs-active a {
background: #F62459;
cursor: default;
color: #FFF;
}
.king-tabs-nav a.king-tabs-disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default;
}
.king-tabs-pane {
padding: 5% 4% 5% 4%;
display: none;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
background: #fff;
color: #333;
}
.king-tabs-panes .king-tabs-pane:first-child {
display: block;
}
.king-tabs-vertical:before,
.king-tabs-vertical:after {
content: " ";
display: table;
}
.king-tabs-vertical:after {
clear: both;
}
.king-tabs-vertical .king-tabs-nav {
padding: 0;
margin: 0;
float: right;
width: 13%;
}
.king-tabs-vertical .king-tabs-nav a {
width: 100%;
text-align: center;
margin: 0px 0px 10px 0px;
transition: all 0.3s ease;
line-height: 23px;
color: #454545;
display: block;
height: 98px;
padding: 22px 0px 20px 0px;
text-decoration: none;
font-size: 14px;
background-color: #eee;
position: relative;
}
.king-tabs-vertical .king-tabs-nav li {
display: list-item;
margin: 0px 0px 25px 0px;
text-align: center;
}
.king-tabs-vertical .king-tabs-nav .ui-tabs-active a {
background: #F62459;
color: #fff;
}
.king-tabs-vertical .king-tabs-nav a:hover {}
.king-tabs-vertical .king-tabs-nav .ui-tabs-active a:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(238, 238, 238, 0);
border-right-color: #F62459;
border-width: 10px;
margin-top: -10px;
z-index: 1;
}
.king-tabs-vertical .king-tabs-nav a .element-icon {
font-size: 30px;
margin-bottom: 8px;
text-align: center;
display: block;
}
.king-tabs-vertical .king-tabs-panes {
overflow: hidden;
position: relative;
text-align: left;
padding: 20px;
width: 83%;
float: left;
text-align: left;
}
.king-tabs-vertical .king-tabs-pane {
border-radius: 0;
padding: 20px 20px 20px 0 !important;
color: inherit;
}
.king-tabs-vertical .king-tabs-pane img {
margin: 0 0 20px 0 !important;
}
.king-tabs-nav,
.king-tabs-nav a,
.king-tabs-panes,
.king-tabs-pane {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
text-align: left;
}
.style2 .king-tabs-nav {
border-bottom: 1px solid #eee;
background: #fff;
margin-top: -1px;
margin-left: -1px;
margin-right: -1px;
height: 40px;
overflow: hidden;
}
.style2 .king-tabs-nav a {
background: #e3e3e3;
color: #454545;
height: 40px;
line-height: 40px;
padding: 0 30px;
}
.style2 .king-tabs-nav .ui-tabs-active a,
.style2 .king-tabs-nav a:hover {
background: #f62459;
color: #fff;
}
.king-tabs.detached {
background: transparent;
border: none;
padding: 25px 0;
}
.king-tabs.detached ul.king-tabs-nav {
zoom: 1;
display: table;
list-style: none;
margin: 0 auto 0 auto;
padding: 0;
}
.king-tabs.detached ul.king-tabs-nav li {
color: #eee;
float: left;
padding-bottom: 52px;
position: relative;
background: transparent no-repeat center 150px;
background-size: 28px 15px;
}
.king-tabs.detached ul.king-tabs-nav li.ui-tabs-active {
color: #fff;
pointer-events: none;
z-index: 99;
border-radius: 3px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/up-arrow-small.png) no-repeat center bottom;
background-size: 28px 15px;
transition: background 450ms;
-webkit-transition: background 450ms;
}
.sty2.king-tabs.detached ul.king-tabs-nav li.ui-tabs-active {
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/up-arrow-e.png) no-repeat center bottom;
}
.king-tabs.detached ul.king-tabs-nav a {
font-size: 18px;
padding: 0px 46px;
text-align: center;
margin: 0 16px;
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-weight: 600;
min-height: 40px;
line-height: 47px;
border: none;
}
.king-tabs.detached ul.king-tabs-nav li.ui-tabs-active a,
.king-tabs.detached ul.king-tabs-nav a:hover {
background: #86c724;
color: #fff;
}
.king-tabs.detached .king-tabs-panes {
display: inline-block;
text-align: center;
}
.king-tabs.detached .king-tabs-pane {
padding: 50px;
text-align: left;
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
width: 100%;
margin: 0 auto;
}
.sty2.king-tabs.detached .king-tabs-pane {
background: #eee;
}
.sty2.king-tabs.detached .button.two {
color: #2a363f;
border: 2px solid #2a363f;
}
.sty2.king-tabs.detached .button.two:hover {
background: #2a363f;
color: #fff;
} .king-spoiler {
border-bottom: 1px solid #e3e3e3;
}
.king-spoiler .king-spoiler:last-child {
margin-bottom: 0;
}
.king-accordion {
margin-bottom: 1.5em;
}
.king-accordion .king-spoiler {
margin-bottom: 0.5em;
} .accrodation {
width: 100%;
}
.acc-trigger {
cursor: pointer;
display: block;
margin: 0 0 0 0;
width: 100%;
}
.acc-trigger:last-of-type,
.acc-container:last-of-type {
margin-bottom: 10px;
}
.no-js .acc-trigger:last-of-type {
border-bottom: none;
}
.acc-trigger a {
font-size: 16px;
color: #f62459;
display: block;
position: relative;
line-height: 46px;
padding-left: 25px;
outline: none;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
} .acc-trigger a:hover,
.acc-trigger a,
.acc-trigger.active a:hover {}
.acc-trigger a:hover {
color: #f62459;
}
.acc-trigger.active a:hover {
background-color: transparent;
}
.acc-trigger.active {
cursor: default;
background: #fff;
}
.acc-trigger.active:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.acc-trigger.active a {
background-position: 14px -58px;
cursor: default;
}
.acc-container .content {
padding: 0px 0px 10px 0px;
}
.white .acc-trigger a {
border-bottom-color: #676767;
}
.white .king-spoiler *,
.white .king-spoiler a {
color: #fff;
}
.white .king-spoiler .content {
background: transparent;
}
.white.king-spoiler-style2 .king-spoiler {
border-bottom-color: rgba(255, 255, 255, 0.4);
text-align: left;
}
.white .acc-container .content {
border: 1px solid #676767;
border-top: 0px solid #676767;
}
.king-spoiler-style2 .acc-trigger a,
body .king-spoiler-style2 .content {
border: none !important;
padding-left: 0px;
font: 16px 'Open Sans', sans-serif;
font-weight: normal;
line-height: 22px;
}
.king-spoiler-style2 .acc-trigger a:hover .king-spoiler-icon {
opacity: 1;
top: 35px;
}
.king-spoiler-style2 .king-spoiler {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 0px;
}
.king-spoiler-style2 .acc-trigger a {
padding-top: 0px;
padding-bottom: 0px;
line-height: 58px;
}
.king-spoiler-style2 .king-spoiler-icon {
left: auto;
right: 0px;
top: 15px;
}
.king-spoiler-style3 .acc-trigger {
background: #eee;
}
.king-spoiler-style3 .acc-trigger a {
color: #1e1e1e;
border: none;
padding-left: 35px;
}
.king-spoiler-style3 p {
color: #727272;
font-size: 14px;
padding-left: 50px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 7px;
}
.king-spoiler-style3 .king-spoiler-content .content {
padding-top: 20px;
padding-bottom: 0px;
background: #fafafa;
border: none;
color: #727272;
}
.king-spoiler-style3 .king-spoiler-content {
margin-bottom: 0px;
border-bottom: 0;
}
.king-spoiler-style3 .king-spoiler {
margin-bottom: 1px;
}
.king-spoiler .ui-accordion-header-icon {
display: none !important;
}
.king-spoiler .king-spoiler-title {
position: relative;
cursor: pointer;
min-height: 20px;
line-height: 20px;
font-weight: bold;
font-size: inherit;
margin-bottom: 0px;
clear: both;
}
.king-spoiler-icon {
position: absolute;
left: 0px;
top: 15px;
display: block;
width: 20px;
height: 20px;
line-height: 22px;
padding-left: 5px;
text-align: center;
font-family: 'Font Awesome 5 Pro';
font-style: normal;
-webkit-font-smoothing: antialiased;
font-weight: 300;
font-size: 14px;
}
.king-spoiler-content {
transition: all .2s;
}
.king-spoiler.king-spoiler-closed>.king-spoiler-content {
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
opacity: 0;
}
.king-spoiler-icon-plus .ui-state-active .king-spoiler-icon:before {
content: "\f146";
}
.king-spoiler-icon-plus .king-spoiler-icon:before {
content: "\f0fe";
}
.king-spoiler-icon-plus-circle .ui-state-active .king-spoiler-icon:before {
content: "\f056";
}
.king-spoiler-icon-plus-circle .king-spoiler-icon:before {
content: "\f055";
}
.king-spoiler-icon-plus-square-1 .ui-state-active .king-spoiler-icon:before {
content: "\f146";
}
.king-spoiler-icon-plus-square-1 .king-spoiler-icon:before {
content: "\f0fe";
}
.king-spoiler-icon-plus-square-2 .ui-state-active .king-spoiler-icon:before {
content: "\f146";
}
.king-spoiler-icon-plus-square-2 .king-spoiler-icon:before {
content: "\f0fe";
}
.king-spoiler-icon-arrow .ui-state-active .king-spoiler-icon:before {
content: "\f063";
}
.king-spoiler-icon-arrow .king-spoiler-icon:before {
content: "\f061";
}
.king-spoiler-icon-arrow-circle-1 .ui-state-active .king-spoiler-icon:before {
content: "\f0ab";
}
.king-spoiler-icon-arrow-circle-1 .king-spoiler-icon:before {
content: "\f0a9";
}
.king-spoiler-icon-arrow-circle-2 .ui-state-active .king-spoiler-icon:before {
content: "\f01a";
}
.king-spoiler-icon-arrow-circle-2 .king-spoiler-icon:before {
content: "\f18e";
}
.king-spoiler-icon-chevron .ui-state-active .king-spoiler-icon:before {
content: "\f078";
}
.king-spoiler-icon-chevron .king-spoiler-icon:before {
content: "\f054";
}
.king-spoiler-icon-chevron-circle .ui-state-active .king-spoiler-icon:before {
content: "\f13a";
}
.king-spoiler-icon-chevron-circle .king-spoiler-icon:before {
content: "\f138";
}
.king-spoiler-icon-caret .ui-state-active .king-spoiler-icon:before {
content: "\f0d7";
}
.king-spoiler-icon-caret .king-spoiler-icon:before {
content: "\f0da";
}
.king-spoiler-icon-caret-square .ui-state-active .king-spoiler-icon:before {
content: "\f150";
}
.king-spoiler-icon-caret-square .king-spoiler-icon:before {
content: "\f152";
}
.king-spoiler-icon-folder-1 .ui-state-active .king-spoiler-icon:before {
content: "\f07c";
}
.king-spoiler-icon-folder-1 .king-spoiler-icon:before {
content: "\f07b";
}
.king-spoiler-icon-folder-2 .ui-state-active .king-spoiler-icon:before {
content: "\f115";
}
.king-spoiler-icon-folder-2 .king-spoiler-icon:before {
content: "\f114";
}
.king-spoiler-style-default {}
.king-spoiler-icon-arrow2 .ui-state-active .king-spoiler-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
right: 0px;
opacity: 1;
}
.king-spoiler-icon-arrow2 .king-spoiler-icon {
background: transparent url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/down.png) no-repeat center center;
text-indent: -9000px;
width: 26px;
height: 14px;
position: absolute;
top: 50%;
right: 0px;
margin-top: -7px;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.king-spoiler-style-default>.king-spoiler-title {
padding-right: 0;
}
.king-spoiler-style-default>.king-spoiler-title>.king-spoiler-icon {
left: 0;
}
.king-spoiler-style-fancy {
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff;
color: #333;
}
.king-spoiler-style-fancy>.king-spoiler-title {
border-bottom: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0;
font-size: 0.9em;
}
.king-spoiler-style-fancy.king-spoiler-closed>.king-spoiler-title {
border: none;
}
.king-spoiler-style-fancy>.king-spoiler-content {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.king-spoiler-style-simple {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.king-spoiler-style-simple>.king-spoiler-title {
padding: 5px 10px;
background: #f0f0f0;
color: #333;
font-size: 0.9em;
}
.king-spoiler-style-simple>.king-spoiler-title>.king-spoiler-icon {
display: none;
}
.king-spoiler-style-simple>.king-spoiler-content {
padding: 1em 10px;
background: #fff;
color: #333;
}
.king-spoiler-style3 .king-spoiler-icon {
font-size: 16px;
width: 30px;
height: 30px;
}
.white.king-spoiler-style2 .king-spoiler-icon {
left: 0;
right: auto;
}
.white.king-spoiler-style2 .acc-trigger a {
padding-left: 35px;
}
.white.king-spoiler-style2 .acc-trigger a:hover .king-spoiler-icon {
top: 15px;
} .king-quote-style-default {
position: relative;
margin-bottom: 1.5em;
padding: 0.5em 3em;
font-style: italic;
}
.king-quote-style-default.king-quote-has-cite {
margin-bottom: 3em;
}
.king-quote-style-default:before,
.king-quote-style-default:after {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/quote.png);
content: '';
}
.king-quote-style-default:before {
top: 0;
left: 0;
background-position: 0 0;
}
.king-quote-style-default:after {
right: 0;
bottom: 0;
background-position: -20px 0;
}
.king-quote-style-default .king-quote-cite {
position: absolute;
right: 4em;
bottom: -1.5em;
font-style: normal;
}
.king-quote-style-default .king-quote-cite:before {
content: "\2014\0000a0";
}
.king-quote-style-default .king-quote-cite a {
text-decoration: underline;
} .king-pullquote {
display: block;
width: 30%;
padding: 0.5em 1em;
}
.king-pullquote-align-left {
margin: 0.5em 1.5em 1em 0;
padding-left: 0;
float: left;
border-right: 5px solid #eee;
}
.king-pullquote-align-right {
margin: 0.5em 0 1em 1.5em;
padding-right: 0;
float: right;
border-left: 5px solid #eee;
} .king-row {
clear: both;
zoom: 1;
margin-bottom: 1.5em;
}
.king-row:before,
.king-row:after {
display: table;
content: "";
}
.king-row:after {
clear: both;
}
.king-column {
display: block;
margin: 0 4% 0 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.king-column-last {
margin-right: 0;
}
.king-row .king-column {
margin: 0 0 0 4%;
}
.king-row .king-column.king-column-size-1-1 {
margin-left: 0;
margin-right: 0;
}
.king-row .king-column:first-child {
margin-left: 0;
}
.king-column-centered {
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}
.king-column img,
.king-column iframe,
.king-column object,
.king-column embed {
max-width: 100%;
}
@media only screen {
[class*="devn-column"]+[class*="devn-column"]:last-child {
float: right;
}
}
.king-column-size-1-1 {
width: 100%;
}
.king-column-size-1-2 {
width: 48%;
}
.king-column-size-1-3 {
width: 30.66%;
}
.king-column-size-2-3 {
width: 65.33%;
}
.king-column-size-1-4 {
width: 22%;
}
.king-column-size-3-4 {
width: 74%;
}
.king-column-size-1-5 {
width: 16.8%;
}
.king-column-size-2-5 {
width: 37.6%;
}
.king-column-size-3-5 {
width: 58.4%;
}
.king-column-size-4-5 {
width: 79.2%;
}
.king-column-size-1-6 {
width: 13.33%;
}
.king-column-size-5-6 {
width: 82.66%;
} @media only screen and (max-width: 768px) {
.king-column {
width: 100% !important;
margin: 0 0 0 0 !important;
float: none !important;
}
.king-row .king-column:last-child {
margin-bottom: 0 !important;
}
} .king-service {
position: relative;
margin: 0 0 0 0;
}
.king-service-title {
display: block;
margin-bottom: 0.5em;
color: #333;
font-weight: bold;
font-size: 1.1em;
}
.king-service-title img {
position: absolute;
top: 0;
left: 0;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.king-service-title i {
position: absolute;
top: 0;
left: 0;
display: block !important;
width: 1em;
height: 1em;
text-align: center;
line-height: 1em;
}
.king-service-content {
line-height: 1.4;
} .king-box {
margin: 0 0 0 0;
border-width: 2px;
border-style: solid;
}
.king-box-title {
display: block;
padding: 0.5em 1em;
font-weight: bold;
font-size: 1.1em;
}
.king-box-content {
background-color: #fff;
color: #444;
padding: 1em;
}
.king-box-style-soft .king-box-title {
background-image: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/styles/style-soft.png);
background-position: 0 0;
background-repeat: repeat-x;
}
.king-box-style-glass .king-box-title {
background-image: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/styles/style-glass.png);
background-position: 0 50%;
background-repeat: repeat-x;
}
.king-box-style-bubbles .king-box-title {
background-image: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/styles/style-bubbles.png);
background-position: 0 50%;
background-repeat: repeat-x;
}
.king-box-style-noise .king-box-title {
background-image: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/styles/style-noise.png);
background-position: 0 0;
background-repeat: repeat-x;
} .king-note {
margin: 0;
border-width: 1px;
border-style: solid;
}
.king-note-inner {
padding: 1em;
border-width: 1px;
border-style: solid;
} .divider {
margin: 15px 0 !important;
border-top: 1px solid #ccc;
}
.king-column-inner>*:first-child,
.king-accordion>*:first-child,
.king-spoiler-content>*:first-child,
.king-service-content>*:first-child,
.king-box-content>*:first-child,
.king-note-inner>*:first-child {
margin-top: 0;
}
.king-column-inner>*:last-child,
.king-tabs-pane>*:last-child,
.king-accordion>*:last-child,
.king-spoiler-content>*:last-child,
.king-service-content>*:last-child,
.king-box-content>*:last-child,
.king-note-inner>*:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
.acc-trigger a {
font-size: 16px;
line-height: 24px;
padding: 13px 25px;
}
.king-spoiler-style2 .king-spoiler-icon {
top: 5px;
}
.king-spoiler-style3 p {
padding-left: 0;
}
}.cbp,.cbp *,.cbp :after,.cbp :before,.cbp-l-filters-alignCenter,.cbp-l-filters-alignCenter *,.cbp-l-filters-alignLeft,.cbp-l-filters-alignLeft *,.cbp-l-filters-alignRight,.cbp-l-filters-alignRight *,.cbp-l-filters-button,.cbp-l-filters-button *,.cbp-l-filters-buttonCenter,.cbp-l-filters-buttonCenter *,.cbp-l-filters-dropdown,.cbp-l-filters-dropdown *,.cbp-l-filters-list,.cbp-l-filters-list *,.cbp-l-filters-work,.cbp-l-filters-work *,.cbp-l-filters-big,.cbp-l-filters-big *,.cbp-l-filters-text,.cbp-l-filters-text *,.cbp-l-filters-underline,.cbp-l-filters-underline *,.cbp-popup-wrap,.cbp-popup-wrap *,.cbp-popup-singlePage,.cbp-popup-singlePage *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cbp-l-grid-agency-title,.cbp-l-grid-agency-desc,.cbp-l-grid-work-title,.cbp-l-grid-work-desc,.cbp-l-grid-blog-title,.cbp-l-grid-projects-title,.cbp-l-grid-projects-desc,.cbp-l-grid-masonry-projects-title,.cbp-l-grid-masonry-projects-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbp-l-filters-alignCenter,.cbp-l-filters-alignCenter *,.cbp-l-filters-alignLeft,.cbp-l-filters-alignLeft *,.cbp-l-filters-alignRight,.cbp-l-filters-alignRight *,.cbp-l-filters-button,.cbp-l-filters-button *,.cbp-l-filters-buttonCenter,.cbp-l-filters-buttonCenter *,.cbp-l-filters-dropdown,.cbp-l-filters-dropdown *,.cbp-l-filters-list,.cbp-l-filters-list *,.cbp-l-filters-work,.cbp-l-filters-work *,.cbp-l-filters-big,.cbp-l-filters-big *,.cbp-l-filters-text,.cbp-l-filters-text *,.cbp-l-filters-underline,.cbp-l-filters-underline *{-webkit-tap-highlight-color:transparent}.cbp-item{display:inline-block;margin:0 10px 20px 0}.cbp{position:relative;margin:0 auto;z-index:1;height:400px}.cbp:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-loading.gif) no-repeat scroll center center transparent}.cbp>*{visibility:hidden}.cbp .cbp-item{position:absolute;top:0;left:0;list-style-type:none;margin:0;padding:0;overflow:hidden}.cbp img{display:block;width:auto;height:auto;min-width:100%;max-width:100%;max-height:100% !important;}.cbp a,.cbp a:hover,.cbp a:active{text-decoration:none;outline:0}.cbp a.more{font-size: 15px;}.cbp-ready>*{visibility:visible}.cbp-ready:before{display:none}.cbp-wrapper-outer{overflow:hidden}.cbp-wrapper-outer,.cbp-wrapper,.cbp-wrapper-helper{position:absolute;top:0;left:0;list-style-type:none;margin:0;padding:0;width:100%;height:100%;z-index:1}.cbp-item-off{z-index:-1;pointer-events:none;visibility:hidden}.cbp-item-on2off{z-index:0}.cbp-item-off2on{z-index:1}.cbp-item-on2on{z-index:2}.cbp-item-wrapper{width:100%;height:100%;position:relative;top:0;left:0}.cbp-l-project-related-wrap img,.cbp-l-inline img{display:block;width:100%;height:auto}.cbp-addItems{-webkit-transition:height .5s ease-in-out !important;transition:height .5s ease-in-out !important;will-change:height}.cbp-loading-fadeIn{-webkit-animation:fadeIn .6s ease-in;animation:fadeIn .6s ease-in}.cbp-panel{margin:0 auto}.cbp-misc-video{position:relative;height:0;padding-bottom:56.25%;background:#000}.cbp-misc-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.cbp-caption,.cbp-caption-defaultWrap,.cbp-caption-activeWrap{display:block}.cbp-caption-activeWrap{background-color:#282727}.cbp-caption-active .cbp-caption,.cbp-caption-active .cbp-caption-defaultWrap,.cbp-caption-active .cbp-caption-activeWrap{width:100%;overflow:hidden;position:relative;z-index:1}.cbp-caption-active .cbp-caption-defaultWrap{top:0}.cbp-caption-active .cbp-caption-activeWrap{position:absolute;z-index:2;height:100%}.cbp-l-caption-title{color:#fff;font:400 16px/21px "Open Sans",sans-serif}.cbp-l-caption-desc{color:#aaa;font:400 12px/16px "Open Sans",sans-serif}.cbp-l-caption-text{font:400 14px/21px "Open Sans",sans-serif;color:#fff;letter-spacing:3px;padding:0 6px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{background-color:#3288C4;color:#FFFFFF;display:inline-block;font:400 12px/30px "Open Sans",sans-serif;min-width:90px;text-align:center;margin:4px;padding:0 6px}.cbp-l-caption-buttonLeft:hover,.cbp-l-caption-buttonRight:hover{background-color:#2578B3;color:#fff}.cbp-caption-none .cbp-caption-activeWrap{display:none}.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:18px 30px}.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body{padding-top:30px}.cbp-l-caption-alignCenter{display:table;width:100%;height:100%}.cbp-l-caption-alignCenter .cbp-l-caption-body{display:table-cell;vertical-align:middle;text-align:center;padding:10px 0}.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{position:relative;-webkit-transition:left .4s cubic-bezier(.19, 1, .22, 1);transition:left .4s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft{left:-20px}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{left:20px}.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{left:0}.cbp-caption-fadeIn .cbp-caption-activeWrap{opacity:0;background-color:rgba(0,0,0,0.85);-webkit-transition:opacity .6s cubic-bezier(.19, 1, .22, 1);transition:opacity .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap{top:0;opacity:1}.cbp-caption-minimal .cbp-l-caption-title,.cbp-caption-minimal .cbp-l-caption-desc{position:relative;left:0;opacity:0;-webkit-transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out}.cbp-caption-minimal .cbp-l-caption-title{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cbp-caption-minimal .cbp-l-caption-desc{-webkit-transform:translateY(70%);transform:translateY(70%)}.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title,.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.cbp-caption-minimal .cbp-caption-activeWrap{top:0;background-color:black;background-color:rgba(0,0,0,0.8);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}.cbp-caption-moveRight .cbp-caption-activeWrap{left:-100%;top:0;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-overlayBottom .cbp-caption-activeWrap{height:80px;background-color:#181616;background-color:rgba(18,18,18,0.9);-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-cols-4 .cbp-caption-activeWrap {height: 100px;}.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap,.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{height:60px}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap{-webkit-transition:top .6s cubic-bezier(.19, 1, .22, 1);transition:top .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{bottom:-60px;height:60px;-webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1);transition:bottom .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap{top:-60px}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap{bottom:0}.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap{z-index:2;-webkit-transition:top .5s cubic-bezier(.19, 1, .22, 1);transition:top .5s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap{bottom:0;z-index:1;height:60px}.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap{top:-60px}.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{top:0;left:-50%;width:50%}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateX(25%);transform:translateX(25%)}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-pushDown .cbp-caption-defaultWrap,.cbp-caption-pushDown .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-pushDown .cbp-caption-activeWrap{top:-102%;height:102%}.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(99%);transform:translateY(99%)}.cbp-caption-pushTop .cbp-caption-activeWrap,.cbp-caption-pushTop .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-pushTop .cbp-caption-activeWrap{height:102%}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-99%);transform:translateY(-99%)}.cbp-caption-revealBottom .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-revealBottom .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-revealLeft .cbp-caption-activeWrap{left:100%;top:0;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.cbp-caption-revealTop .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-revealTop .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-zoom .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:scale(1.25);transform:scale(1.25)}.cbp-caption-zoom .cbp-caption-activeWrap{opacity:0;background-color:rgba(0,0,0,0.9);-webkit-transition:opacity .8s cubic-bezier(.19, 1, .22, 1);transition:opacity .8s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap{opacity:1;top:0}.cbp-caption-opacity .cbp-item{padding:1px}.cbp-caption-opacity .cbp-caption,.cbp-caption-opacity .cbp-caption-activeWrap,.cbp-caption-opacity .cbp-caption-defaultWrap{background-color:transparent}.cbp-caption-opacity .cbp-caption{border:1px solid transparent}.cbp-caption-opacity .cbp-caption:hover{border-color:#EDEDED}.cbp-caption-opacity .cbp-caption-defaultWrap{opacity:1;-webkit-transition:opacity .6s cubic-bezier(.19, 1, .22, 1);transition:opacity .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap{opacity:.8}.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap{top:0}.cbp-caption-expand .cbp-caption,.cbp-caption-expand .cbp-caption-activeWrap,.cbp-caption-expand .cbp-caption-defaultWrap{background-color:transparent}.cbp-caption-expand .cbp-caption-activeWrap{height:auto}.cbp-caption-expand .cbp-caption{border-bottom:1px dotted #eaeaea}.cbp-caption-expand .cbp-caption-defaultWrap{cursor:pointer;font:500 15px/23px "Roboto",sans-serif;color:#474747;padding:12px 0 11px 0}.cbp-caption-expand .cbp-caption-defaultWrap .fa{margin-right:6px;width:16px;text-align:center;font-size:14px}.cbp-caption-expand .cbp-caption-defaultWrap .fa-angle-down{position:absolute;right:0;margin-top:4px;width:16px;text-align:center;font-size:14px}.cbp-caption-expand .cbp-l-caption-body{font:400 13px/21px "Roboto",sans-serif;color:#888;padding:0 0 20px 26px}.cbp-caption-expand-active{transition:height .4s !important}.cbp-caption-expand-active .cbp-item{transition:left .4s,top .4s !important}.cbp-caption-expand-open .cbp-caption-activeWrap{transition:height .4s}.cbp-l-filters-alignCenter{margin-bottom:40px;text-align:center;font:400 12px/21px sans-serif;color:#DADADA}.cbp-l-filters-alignCenter .cbp-filter-item{color:#949494;cursor:pointer;font:400 13px/21px "Open Sans",sans-serif;padding:0 12px;transition:all .3s ease-in-out;position:relative;overflow:visible;margin:10px 0 0;display:inline-block}.cbp-l-filters-alignCenter .cbp-filter-item:hover{color:#2D2C2C}.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{color:#2D2C2C;cursor:default}.cbp-l-filters-alignCenter .cbp-filter-counter{background:none repeat scroll 0 0 #626161;border-radius:3px;color:#FFFFFF;font:400 11px/18px "Open Sans",sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:all .25s ease;transition:all .25s ease}.cbp-l-filters-alignCenter .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #626161;display:none}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter{bottom:30px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-alignLeft{margin-bottom:40px}.cbp-l-filters-alignLeft .cbp-filter-item{background-color:#fff;border:1px solid #cdcdcd;cursor:pointer;font:400 12px/30px "Open Sans",sans-serif;padding:0 13px;position:relative;overflow:visible;margin:10px 8px 0 0;display:inline-block;color:#888888;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cbp-l-filters-alignLeft .cbp-filter-item:hover{color:#111}.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active{background-color:#6C7A89;border:1px solid #6C7A89;color:#fff;cursor:default}.cbp-l-filters-alignLeft .cbp-filter-counter{display:inline}.cbp-l-filters-alignRight{margin-bottom:40px;text-align:right}.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color:#8B8B8B;cursor:pointer;font:400 11px/29px "Open Sans",sans-serif;padding:0 12px;position:relative;overflow:visible;margin:10px 0 0 5px;border:1px solid #E4E2E2;text-transform:uppercase;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cbp-l-filters-alignRight .cbp-filter-item:hover{color:#2B3444}.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter{bottom:44px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active{color:#FFFFFF;background-color:#049372;border-color:#049372;cursor:default}.cbp-l-filters-alignRight .cbp-filter-counter{background:none repeat scroll 0 0 #049372;border-radius:3px;color:#fff;font:400 11px/18px "Open Sans",sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:opacity .25s ease,bottom .25s ease;transition:opacity .25s ease,bottom .25s ease}.cbp-l-filters-alignRight .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #049372;display:none}.cbp-l-filters-button{margin-bottom:30px}.cbp-l-filters-button .cbp-filter-item{background-color:#FFFFFF;border:2px solid #ECECEC;border-radius:2px;color:#888888;cursor:pointer;font:400 12px/29px "Open Sans",sans-serif;margin:10px 10px 0 0;overflow:visible;padding:0 17px;position:relative;display:inline-block;-webkit-transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}.cbp-l-filters-button .cbp-filter-item:hover{color:#5d5d5d}.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active{background-color:#4D4C4D;color:#fff;border-color:#4D4C4D;cursor:default}.cbp-l-filters-button .cbp-filter-counter{background-color:#4D4C4D;border-radius:3px;color:#fff;font:400 11px/18px "Open Sans",sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity .25s ease,bottom .25s ease;transition:opacity .25s ease,bottom .25s ease}.cbp-l-filters-button .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #4D4C4D;display:none}.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter{bottom:44px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-buttonCenter{margin-bottom:40px;text-align:center}.cbp-l-filters-buttonCenter .cbp-filter-item{background-color:#FFFFFF;border:1px solid #ECECEC;color:#888888;cursor:pointer;font:400 12px/32px Roboto,sans-serif;margin:10px 10px 0 0;overflow:visible;padding:0 17px;position:relative;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cbp-l-filters-buttonCenter .cbp-filter-item:hover{color:#5d5d5d}.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active{color:#3B9CB3;border-color:#8CD2E5;cursor:default}.cbp-l-filters-buttonCenter .cbp-filter-counter{background-color:#68ABBC;border-radius:3px;color:#fff;font:400 11px/18px Roboto,sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity .25s ease,bottom .25s ease;transition:opacity .25s ease,bottom .25s ease}.cbp-l-filters-buttonCenter .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #68ABBC;display:none}.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter{bottom:44px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-dropdown{margin-bottom:40px;height:38px;position:relative;z-index:5}.cbp-l-filters-dropdownWrap{width:200px;position:absolute;right:0;background:#3288C4}.cbp-l-filters-dropdownHeader{font:400 12px/38px "Open Sans",sans-serif;margin:0 17px;color:#FFF;cursor:default;position:relative}.cbp-l-filters-dropdownHeader:after{border-color:#FFFFFF transparent;border-style:solid;border-width:5px 5px 0;content:"";height:0;position:absolute;right:0;top:50%;width:0;margin-top:-1px}.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after{border-width:0 5px 5px}.cbp-l-filters-dropdownList{display:none;list-style:none outside none;margin:0;padding:0}.cbp-l-filters-dropdownList>li{margin:0;list-style:none}.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList{display:block;margin:0}.cbp-l-filters-dropdownList .cbp-filter-item{background:none;color:#9FBCE7;width:100%;text-align:left;font:400 12px/40px "Open Sans",sans-serif;margin:0;padding:0 17px;cursor:pointer;border:none;border-top:1px solid #5592C2}.cbp-l-filters-dropdownList .cbp-filter-item:hover{color:#e6e6e6}.cbp-l-filters-dropdownList .cbp-filter-item-active{color:#e6e6e6;cursor:default}.cbp-l-filters-dropdownList .cbp-filter-counter{display:inline}.cbp-l-filters-list{margin-bottom:40px;content:"";display:table;clear:both}.cbp-l-filters-list .cbp-filter-item{background-color:transparent;color:#585252;cursor:pointer;font:400 12px/35px "Open Sans",sans-serif;padding:0 18px;position:relative;overflow:visible;margin-top:10px;float:left;border:1px solid #3288C4;border-right-width:0;-webkit-transition:left .3s ease-in-out;transition:left .3s ease-in-out}.cbp-l-filters-list .cbp-filter-item:hover{color:#000}.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active{cursor:default;color:#FFFFFF;background-color:#3288C4}.cbp-l-filters-list-first{border-radius:6px 0 0 6px}.cbp-l-filters-list-last{border-radius:0 6px 6px 0;border-right-width:1px !important}.cbp-l-filters-list .cbp-filter-counter{display:inline}@media only screen and (max-width: 600px){.cbp-l-filters-list .cbp-filter-item{margin-right:5px;border-radius:6px;border-right-width:1px}}.cbp-l-filters-work{margin-bottom:40px;text-align:center}.cbp-l-filters-work .cbp-filter-item{background-color:#FFFFFF;color:#888;cursor:pointer;font:600 11px/37px "Open Sans",sans-serif;margin:10px 5px 0 0;overflow:visible;padding:0 16px;position:relative;display:inline-block;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.cbp-l-filters-work .cbp-filter-item:hover{color:#fff;background:#607D8B}.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active{background:#607D8B;color:#fff;cursor:default}.cbp-l-filters-work .cbp-filter-counter{font:600 11px/37px "Open Sans",sans-serif;text-align:center;display:inline-block;margin-left:8px}.cbp-l-filters-work .cbp-filter-counter:before{content:'('}.cbp-l-filters-work .cbp-filter-counter:after{content:')'}.cbp-l-filters-big{margin-bottom:40px;text-align:center}.cbp-l-filters-big .cbp-filter-item{color:#444;cursor:pointer;font:400 15px/22px Roboto,sans-serif;margin:10px 15px 0 0;padding:10px 23px;position:relative;display:inline-block;border:1px solid transparent;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.cbp-l-filters-big .cbp-filter-item:hover{color:#888}.cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active{border-color:#d5d5d5;cursor:default;color:#444}.cbp-l-filters-text{margin-bottom:45px;text-align:center;font:400 12px/21px Lato,sans-serif;color:#DADADA;padding:0 15px}.cbp-l-filters-text .cbp-filter-item{color:#949494;cursor:pointer;font:400 13px/21px Lato,sans-serif;padding:0 12px;transition:all .3s ease-in-out;position:relative;overflow:visible;margin:10px 0 0;display:inline-block}.cbp-l-filters-text .cbp-filter-item:hover{color:#2D2C2C}.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active{color:#2D2C2C;cursor:default}.cbp-l-filters-text .cbp-filter-counter{background:none repeat scroll 0 0 #626161;border-radius:3px;color:#FFFFFF;font:400 11px/16px Lato,sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:32px;position:absolute;bottom:0;left:0;right:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:all .25s ease;transition:all .25s ease}.cbp-l-filters-text .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #626161;display:none}.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter{bottom:30px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-text-sort{display:inline-block;font:400 13px/21px Lato,sans-serif;color:#949494;margin-right:15px}.cbp-l-filters-underline{margin-bottom:40px}.cbp-l-filters-underline .cbp-filter-item{border-bottom:3px solid transparent;cursor:pointer;font:600 14px/21px "Open Sans",sans-serif;padding:8px 10px;position:relative;overflow:visible;margin:10px 20px 0 0;display:inline-block;color:#787878;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cbp-l-filters-underline .cbp-filter-item:hover{color:#111}.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active{border-bottom-color:#666;color:#444;cursor:default}.cbp-l-filters-underline .cbp-filter-counter{display:inline}.cbp-animation-quicksand{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-quicksand .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-quicksand .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-quicksand .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:quicksand-off .6s ease-out both;animation:quicksand-off .6s ease-out both}.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:quicksand-on .6s ease-out both;animation:quicksand-on .6s ease-out both}@-webkit-keyframes quicksand-off{100%{opacity:0;-webkit-transform:scale3d(0, 0, 0)}}@keyframes quicksand-off{100%{opacity:0;transform:scale3d(0, 0, 0)}}@-webkit-keyframes quicksand-on{0%{opacity:0;-webkit-transform:scale3d(0, 0, 0)}}@keyframes quicksand-on{0%{opacity:0;transform:scale3d(0, 0, 0)}}.cbp-animation-fadeOut,.cbp-animation-boxShadow{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-fadeOut .cbp-item,.cbp-animation-boxShadow .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-fadeOut .cbp-item,.cbp-animation-boxShadow .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-fadeOut .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:fadeOut-off .6s ease-in-out both;animation:fadeOut-off .6s ease-in-out both}.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:fadeOut-on .6s ease-in-out both;animation:fadeOut-on .6s ease-in-out both}@-webkit-keyframes fadeOut-off{0%{opacity:1}80%,100%{opacity:0}}@keyframes fadeOut-off{0%{opacity:1}80%,100%{opacity:0}}@-webkit-keyframes fadeOut-on{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut-on{0%{opacity:0}100%{opacity:1}}.cbp-animation-flipOut{-webkit-transition:height .7s ease-in-out;transition:height .7s ease-in-out;will-change:height}.cbp-animation-flipOut .cbp-item{-webkit-transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out}.cbp-animation-flipOut .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOut .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:flipOut-out .7s both ease-in;animation:flipOut-out .7s both ease-in}.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:flipOut-in .7s ease-out both;animation:flipOut-in .7s ease-out both}@-webkit-keyframes flipOut-out{50%,100%{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipOut-out{50%,100%{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipOut-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipOut-in{0%,50%{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}.cbp-animation-flipBottom{-webkit-transition:height .7s ease-in-out;transition:height .7s ease-in-out;will-change:height}.cbp-animation-flipBottom .cbp-item{-webkit-transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out}.cbp-animation-flipBottom .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipBottom .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:flipBottom-out .7s both ease-in;animation:flipBottom-out .7s both ease-in}.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:flipBottom-in .7s ease-out both;animation:flipBottom-in .7s ease-out both}@-webkit-keyframes flipBottom-out{50%,100%{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipBottom-out{50%,100%{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipBottom-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipBottom-in{0%,50%{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}.cbp-animation-scaleSides{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-scaleSides .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-scaleSides .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-scaleSides .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:scaleSides-out .9s ease both;animation:scaleSides-out .9s ease both}.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:scaleSides-in .9s ease both;animation:scaleSides-in .9s ease both}@-webkit-keyframes scaleSides-out{50%,100%{-webkit-transform:scale(.6);opacity:0}}@keyframes scaleSides-out{50%,100%{transform:scale(.6);opacity:0}}@-webkit-keyframes scaleSides-in{0%,50%{-webkit-transform:scale(.6);opacity:0}}@keyframes scaleSides-in{0%,50%{transform:scale(.6);opacity:0}}.cbp-animation-skew{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-skew .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-skew .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-skew .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:skew-off .6s ease-out both;animation:skew-off .6s ease-out both}.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:skew-on .6s ease-out both;animation:skew-on .6s ease-out both}@-webkit-keyframes skew-off{100%{opacity:0;-webkit-transform:scale3d(0, 0, 0) skew(20deg, 0)}}@keyframes skew-off{100%{opacity:0;transform:scale3d(0, 0, 0) skew(20deg, 0)}}@-webkit-keyframes skew-on{0%{opacity:0;-webkit-transform:scale3d(0, 0, 0) skew(0, 20deg)}}@keyframes skew-on{0%{opacity:0;transform:scale3d(0, 0, 0) skew(0, 20deg)}}.cbp-animation-fadeOutTop{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-fadeOutTop .cbp-wrapper-outer{overflow:visible}.cbp-animation-fadeOutTop .cbp-item{-webkit-perspective:1000px;perspective:1000px;overflow:visible}.cbp-animation-fadeOutTop .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:fadeOutTop-out .6s both ease-in-out;animation:fadeOutTop-out .6s both ease-in-out}.cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper{-webkit-animation:fadeOutTop-in .6s both ease-in-out;animation:fadeOutTop-in .6s both ease-in-out}@-webkit-keyframes fadeOutTop-out{0%{-webkit-transform:translateY(0);opacity:1}50%,100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fadeOutTop-out{0%{transform:translateY(0);opacity:1}50%,100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes fadeOutTop-in{0%,50%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeOutTop-in{0%,50%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-slideLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-slideLeft .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-slideLeft .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:slideLeft-out .8s both ease-in-out;animation:slideLeft-out .8s both ease-in-out}.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper{-webkit-animation:slideLeft-in .8s both ease-in-out;animation:slideLeft-in .8s both ease-in-out}@-webkit-keyframes slideLeft-out{0%{opacity:1;transform:scale(1)}25%{opacity:.75;-webkit-transform:scale(.8)}75%{opacity:.75;-webkit-transform:scale(.8) translateX(-200%)}100%{opacity:.75;-webkit-transform:scale(.8) translateX(-200%)}}@keyframes slideLeft-out{0%{opacity:1;transform:scale(1)}25%{opacity:.75;transform:scale(.8)}75%{opacity:.75;transform:scale(.8) translateX(-200%)}100%{opacity:.75;transform:scale(.8) translateX(-200%)}}@-webkit-keyframes slideLeft-in{0%,25%{opacity:.75;-webkit-transform:scale(.8) translateX(200%)}75%{opacity:.75;-webkit-transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes slideLeft-in{0%,25%{opacity:.75;transform:scale(.8) translateX(200%)}75%{opacity:.75;transform:scale(.8)}100%{opacity:1;transform:scale(1) translateX(0)}}.cbp-animation-sequentially{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-sequentially .cbp-wrapper-outer{overflow:visible}.cbp-animation-sequentially .cbp-item{-webkit-perspective:1000px;perspective:1000px;overflow:visible}.cbp-animation-sequentially .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:fadeOutTop-out .6s both ease;animation:fadeOutTop-out .6s both ease}.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper{-webkit-animation:fadeOutTop-in .6s both ease-out;animation:fadeOutTop-in .6s both ease-out}.cbp-animation-3dflip{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-3dflip .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-3dflip .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:flip-out 0.6s both ease-in-out;animation:flip-out 0.6s both ease-in-out}.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:flip-in 0.6s both ease-in-out;animation:flip-in 0.6s both ease-in-out}@-webkit-keyframes flip-out{100%{opacity:0;-webkit-transform:rotateY(90deg)}}@keyframes flip-out{100%{opacity:0;transform:rotateY(90deg)}}@-webkit-keyframes flip-in{0%{opacity:0;-webkit-transform:rotateY(-90deg)}100%{opacity:1;-webkit-transform:rotateY(0deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateY(-90deg)}100%{opacity:1;transform:rotateY(0deg)}}.cbp-animation-flipOutDelay{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-flipOutDelay .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOutDelay .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:flipOut-out 1s both ease-in;animation:flipOut-out 1s both ease-in}.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper{-webkit-animation:flipOut-in 1s both ease-out;animation:flipOut-in 1s both ease-out}.cbp-animation-slideDelay{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-slideDelay .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-slideDelay .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:slideDelay-out 0.5s both ease-in-out;animation:slideDelay-out 0.5s both ease-in-out}.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper{-webkit-animation:slideDelay-in 0.5s both ease-in-out;animation:slideDelay-in 0.5s both ease-in-out}@-webkit-keyframes slideDelay-out{100%{-webkit-transform:translateX(-100%)}}@keyframes slideDelay-out{100%{transform:translateX(-100%)}}@-webkit-keyframes slideDelay-in{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@keyframes slideDelay-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.cbp-animation-rotateSides{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-rotateSides .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateSides .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSides-out .5s both ease-in;transform-origin:-50% 50%;animation:rotateSides-out .5s both ease-in}.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSides-in .6s both ease-out;transform-origin:150% 50%;animation:rotateSides-in .6s both ease-out}@-webkit-keyframes rotateSides-out{100%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg)}}@keyframes rotateSides-out{100%{opacity:0;transform:translateZ(-500px) rotateY(90deg)}}@-webkit-keyframes rotateSides-in{0%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}40%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}}@keyframes rotateSides-in{0%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}40%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}}.cbp-animation-foldLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-foldLeft .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-foldLeft .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:foldLeft-out .7s both ease;animation:foldLeft-out .7s both ease}.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper{-webkit-animation:foldLeft-in .7s both ease;animation:foldLeft-in .7s ease both}@-webkit-keyframes foldLeft-out{100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@keyframes foldLeft-out{100%{opacity:0;transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes foldLeft-in{0%{opacity:0.3;-webkit-transform:translateX(100%)}}@keyframes foldLeft-in{0%{opacity:0.3;transform:translateX(100%)}}.cbp-animation-unfold{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-unfold .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-unfold .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:unfold-out .8s ease both;animation:unfold-out .8s ease both}.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;-webkit-animation:unfold-in .8s both ease;transform-origin:0% 50%;animation:unfold-in .8s both ease}@-webkit-keyframes unfold-out{90%{opacity:0.3}100%{opacity:0;-webkit-transform:translateX(-100%)}}@keyframes unfold-out{90%{opacity:0.3}100%{opacity:0;transform:translateX(-100%)}}@-webkit-keyframes unfold-in{0%{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@keyframes unfold-in{0%{opacity:0;transform:translateX(100%) rotateY(90deg)}}.cbp-animation-scaleDown{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-scaleDown .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-scaleDown .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:scaleDown-out .7s ease both;animation:scaleDown-out .7s ease both}.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper{-webkit-animation:scaleDown-in .6s ease both;animation:scaleDown-in .6s ease both}@-webkit-keyframes scaleDown-out{100%{opacity:0;-webkit-transform:scale(.8)}}@keyframes scaleDown-out{100%{opacity:0;transform:scale(.8)}}@-webkit-keyframes scaleDown-in{0%{-webkit-transform:translateX(100%)}}@keyframes scaleDown-in{0%{transform:translateX(100%)}}.cbp-animation-frontRow{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-frontRow .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-frontRow .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:frontRow-out .7s both ease;animation:frontRow-out .7s both ease}.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper{-webkit-animation:frontRow-in .6s both ease;animation:frontRow-in .6s both ease}@-webkit-keyframes frontRow-out{100%{-webkit-transform:translateX(-60%) scale(.8);opacity:0}}@keyframes frontRow-out{100%{transform:translateX(-60%) scale(.8);opacity:0}}@-webkit-keyframes frontRow-in{0%{-webkit-transform:translateX(100%) scale(.8)}100%{opacity:1;-webkit-transform:translateX(0%) scale(1)}}@keyframes frontRow-in{0%{transform:translateX(100%) scale(.8)}100%{opacity:1;transform:translateX(0%) scale(1)}}.cbp-animation-rotateRoom{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-rotateRoom .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateRoom .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:rotateRoom-out .8s both ease;animation:rotateRoom-out .8s both ease}.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:rotateRoom-in .8s both ease;animation:rotateRoom-in .8s both ease}@-webkit-keyframes rotateRoom-out{90%{opacity:.3}100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoom-out{90%{opacity:.3}100%{opacity:0;transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoom-in{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoom-in{0%{opacity:.3;transform:translateX(100%) rotateY(-90deg)}}.cbp-animation-bounceBottom{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceBottom .cbp-wrapper-helper{-webkit-animation:bounceBottom-out .6s both ease-in-out;animation:bounceBottom-out .6s both ease-in-out}.cbp-animation-bounceBottom .cbp-wrapper{-webkit-animation:bounceBottom-in .6s both ease-in-out;animation:bounceBottom-in .6s both ease-in-out}@-webkit-keyframes bounceBottom-out{100%{-webkit-transform:translateY(100%);opacity:0}}@keyframes bounceBottom-out{100%{transform:translateY(100%);opacity:0}}@-webkit-keyframes bounceBottom-in{0%{-webkit-transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bounceBottom-in{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-bounceLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceLeft .cbp-wrapper-helper{-webkit-animation:bounceLeft-out .6s both ease-in-out;animation:bounceLeft-out .6s both ease-in-out}.cbp-animation-bounceLeft .cbp-wrapper{-webkit-animation:bounceLeft-in .6s both ease-in-out;animation:bounceLeft-in .6s both ease-in-out}@-webkit-keyframes bounceLeft-out{100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes bounceLeft-out{100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes bounceLeft-in{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes bounceLeft-in{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cbp-animation-bounceTop{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceTop .cbp-wrapper-helper{-webkit-animation:bounceTop-out .6s both ease-in-out;animation:bounceTop-out .6s both ease-in-out}.cbp-animation-bounceTop .cbp-wrapper{-webkit-animation:bounceTop-in .6s both ease-in-out;animation:bounceTop-in .6s both ease-in-out}@-webkit-keyframes bounceTop-out{100%{-webkit-transform:translateY(-100%);opacity:0}}@keyframes bounceTop-out{100%{transform:translateY(-100%);opacity:0}}@-webkit-keyframes bounceTop-in{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bounceTop-in{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-moveLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-moveLeft .cbp-wrapper-helper{-webkit-animation:moveLeft-out .6s both ease-in-out;animation:moveLeft-out .6s both ease-in-out}.cbp-animation-moveLeft .cbp-wrapper{-webkit-animation:moveLeft-in .6s both ease-in-out;animation:moveLeft-in .6s both ease-in-out}@-webkit-keyframes moveLeft-out{100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes moveLeft-out{100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes moveLeft-in{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes moveLeft-in{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cbp-displayType-lazyLoading{-webkit-animation:fadeIn .5s both ease-in;animation:fadeIn .5s both ease-in}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.cbp-displayType-fadeInToTop{-webkit-perspective:1000px;perspective:1000px;-webkit-animation:fadeInToTop .5s both ease-in;animation:fadeInToTop .5s both ease-in}@-webkit-keyframes fadeInToTop{0%{opacity:0;-webkit-transform:translateY(30px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInToTop{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.cbp-displayType-sequentially .cbp-item{-webkit-animation:fadeIn .5s both ease-in;animation:fadeIn .5s both ease-in}.cbp-displayType-bottomToTop{-webkit-perspective:1000px;perspective:1000px}.cbp-displayType-bottomToTop .cbp-item{-webkit-animation:fadeInBottomToTop .4s both ease-in;animation:fadeInBottomToTop .4s both ease-in}@-webkit-keyframes fadeInBottomToTop{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInBottomToTop{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}.cbp-popup-ie8bg{position:absolute;width:100%;height:100%;min-height:100%;top:0;left:0;z-index:-1;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}.cbp-popup-wrap{height:100%;text-align:center;position:fixed;width:100%;left:0;top:0;display:none;overflow-y:scroll;overflow-x:hidden;z-index:9990;padding:0 10px}.cbp-popup-lightbox{background:rgba(0,0,0,0.8)}.cbp-popup-singlePage{background:white;padding:0}.cbp-popup-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.cbp-popup-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;max-width:100%}.cbp-popup-singlePage .cbp-popup-content{position:relative;z-index:1;margin-top:145px;max-width:1024px;vertical-align:top;width:94%}.cbp-popup-singlePage .cbp-popup-content-basic{position:relative;z-index:1;margin-top:104px;vertical-align:top;width:100%;display:inline-block;text-align:left}.cbp-popup-lightbox-figure{position:relative}.cbp-popup-lightbox-bottom{left:0;position:absolute;top:100%;width:100%;margin-top:3px}.cbp-popup-lightbox-title{padding-right:70px;font:400 12px/18px "Open Sans",sans-serif;color:#eee}.cbp-popup-lightbox-counter{position:absolute;top:0;right:0;font:400 12px/18px "Open Sans",sans-serif;color:#eee}.cbp-popup-lightbox-img{width:auto;max-width:100%;height:auto;display:block;margin:40px 0 40px;box-shadow:0 0 8px rgba(0,0,0,0.6)}.cbp-popup-lightbox-img[data-action]{cursor:pointer}.cbp-popup-lightbox-isIframe .cbp-popup-content{width:75%}@media only screen and (max-width: 768px){.cbp-popup-lightbox-isIframe .cbp-popup-content{width:95%}}.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom{left:0;position:absolute;top:100%;width:100%;margin-top:3px}.cbp-popup-lightbox-iframe{position:relative;height:0;padding-bottom:56.25%;background:#000}.cbp-popup-lightbox-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6)}.cbp-popup-lightbox-iframe audio{margin-top:27%}.cbp-popup-singlePage .cbp-popup-navigation-wrap{position:absolute;top:0;left:0;width:100%;z-index:9990;height:104px;background-color:#34425C}.cbp-popup-singlePage .cbp-popup-navigation{position:relative;width:100%;height:100%}.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap{position:fixed;top:0 !important}.cbp-popup-singlePage-counter{color:#bbc0df;position:absolute;margin:auto;right:40px;top:0;bottom:0;font:400 13px/30px "Open Sans",sans-serif;height:30px}@media only screen and (max-width: 768px){.cbp-popup-singlePage-counter{right:3%}}.cbp-popup-next,.cbp-popup-prev,.cbp-popup-close{padding:0;border:medium none;position:absolute;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-popup-lightbox .cbp-popup-prev,.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-lightbox .cbp-popup-close{visibility:hidden}.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close{visibility:visible}.cbp-popup-lightbox .cbp-popup-prev{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat scroll 0 0 transparent;width:44px;height:44px;top:0;bottom:0;left:20px;margin:auto}.cbp-popup-lightbox .cbp-popup-prev:hover{background-position:0 -46px}.cbp-popup-singlePage .cbp-popup-prev{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat scroll 0 -92px transparent;width:44px;height:44px;margin:auto;top:0;right:108px;bottom:0;left:0}.cbp-popup-singlePage .cbp-popup-prev:hover{background-position:0 -138px}.cbp-popup-lightbox .cbp-popup-next{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat scroll -46px 0 transparent;width:44px;height:44px;top:0;bottom:0;right:20px;margin:auto}.cbp-popup-lightbox .cbp-popup-next:hover{background-position:-46px -46px}.cbp-popup-singlePage .cbp-popup-next{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat scroll -46px -92px transparent;width:44px;height:44px;margin:auto;top:0;right:0;bottom:0;left:108px}.cbp-popup-singlePage .cbp-popup-next:hover{background-position:-46px -138px}.cbp-popup-lightbox .cbp-popup-close{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat scroll -92px 0 transparent;height:40px;width:40px;right:20px;top:20px}.cbp-popup-lightbox .cbp-popup-close:hover{background-position:-92px -46px}.cbp-popup-singlePage .cbp-popup-close{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat scroll -92px -92px transparent;height:44px;width:44px;margin:auto;top:0;right:0;bottom:0;left:0}.cbp-popup-singlePage .cbp-popup-ie8bg{background-color:#fff}.cbp-popup-singlePage .cbp-popup-close:hover{background-position:-92px -138px}@media only screen and (max-width: 360px),(max-height: 600px){.cbp-popup-next,.cbp-popup-prev,.cbp-popup-close{-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}.cbp-popup-lightbox .cbp-popup-close{right:10px;top:10px}.cbp-popup-lightbox .cbp-popup-next{right:10px}.cbp-popup-lightbox .cbp-popup-prev{left:10px}.cbp-popup-singlePage .cbp-popup-navigation-wrap{height:84px}.cbp-popup-singlePage .cbp-popup-content{margin-top:120px}}.cbp-popup-loadingBox{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:2;background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-loading-popup.gif) no-repeat scroll center center #0D0D0D;border:1px solid rgba(79,80,79,0.3);border-radius:3px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=71)";opacity:.71;width:50px;height:50px}.cbp-popup-ready .cbp-popup-loadingBox{visibility:hidden}.cbp-popup-loading .cbp-popup-loadingBox{visibility:visible}.cbp-popup-singlePage{left:100%;-webkit-transition:left .6s ease-in-out;transition:left .6s ease-in-out}.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content{opacity:0}.cbp-popup-singlePage-open{left:0}.cbp-popup-singlePage.cbp-popup-singlePage-fade{left:0;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.cbp-popup-singlePage-open.cbp-popup-singlePage-fade{opacity:1}.cbp-popup-singlePage.cbp-popup-singlePage-right{left:-100%;-webkit-transition:left .6s ease-in-out;transition:left .6s ease-in-out}.cbp-popup-singlePage-open.cbp-popup-singlePage-right{left:0}.cbp-l-project-title{color:#454444;font:600 42px/46px "Open Sans",sans-serif;letter-spacing:2px;margin-bottom:15px;text-align:center;text-transform:uppercase}.cbp-l-project-subtitle{color:#787878;font:400 14px/21px "Open Sans",sans-serif;margin:0 auto 50px;max-width:500px;text-align:center}.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img{display:block;margin:0 auto;max-width:100%}.cbp-l-project-container{overflow:hidden;margin:40px auto 0;clear:both}.cbp-l-project-desc{float:left;width:64%}.cbp-l-project-social-wrapper,.cbp-l-inline-social-wrapper{display:inline-block;width:100px;height:20px;overflow:hidden}.cbp-l-inline-social-wrapper{margin-top:5px}.cbp-l-project-details{float:right;width:36%;padding-left:40px;margin-bottom:15px}@media only screen and (max-width: 768px){.cbp-l-project-title{font-size:30px;line-height:34px}.cbp-l-project-desc{width:100%}.cbp-l-project-details{width:100%;margin-top:20px;padding-left:0}}.cbp-l-project-desc-title{border-bottom:1px solid #cdcdcd;margin-bottom:22px;color:#444}.cbp-l-project-desc-title span,.cbp-l-project-details-title span{border-bottom:1px solid #747474;display:inline-block;margin:0 0 -1px 0;font:400 16px/36px "Open Sans",sans-serif;padding:0 5px 0 0}.cbp-l-project-desc-text{font:400 13px/20px "Open Sans",sans-serif;color:#555;margin-bottom:20px}.cbp-l-project-details-title{border-bottom:1px solid #cdcdcd;margin-bottom:19px;color:#444}.cbp-l-project-details-list{}.cbp-l-project-details-list>li,.cbp-l-project-details-list>div{border-bottom:1px dotted #DFDFDF;padding:inherit;color:#666;font:400 12px/30px "Open Sans",sans-serif}.cbp-l-project-details-list strong{display:inline-block;color:#696969;font-weight:600;min-width:100px}.cbp-l-project-details-visit{color:#FFFFFF;float:right;clear:both;text-decoration:none;font:400 11px/18px "Open Sans",sans-serif;margin-top:10px;background-color:#53668A;padding:8px 19px}.cbp-l-project-details-visit:hover{opacity:0.9;color:#fff}.cbp-l-project-related{}.cbp-l-project-related-wrap{font-size:0;margin:0}.cbp-l-project-related-item{margin-right:5%;max-width:30%;float:left}.cbp-l-project-related-item:last-child{margin-right:0}.cbp-l-project-related-title{font:700 14px/18px "Open Sans",sans-serif;color:#474747;margin-top:20px}.cbp-l-project-related-link{text-decoration:none}.cbp-l-project-related-link:hover{opacity:0.9}.cbp-l-member-img{float:left;width:40%;margin-top:20px}.cbp-l-member-img img{border:1px solid #e2e2e2;width:auto;max-width:100%;height:auto;display:inline-block}.cbp-l-member-info{margin-top:20px;padding-left:25px;float:left;width:60%}@media only screen and (max-width: 768px){.cbp-l-member-img{width:100%;text-align:center}.cbp-l-member-info{width:100%;padding-left:0}}.cbp-l-member-name{font:400 28px/28px "Open Sans",sans-serif;color:#474747}.cbp-l-member-position{font:400 13px/21px "Open Sans",sans-serif;color:#888;margin-top:6px}.cbp-l-member-desc{font:400 12px/18px "Open Sans",sans-serif;margin-top:25px;color:#474747}.cbp-popup-singlePageInline-open{-webkit-transition:height .5s ease 0s !important;transition:height .5s ease 0s !important}.cbp-popup-singlePageInline-open .cbp-item{-webkit-transition:-webkit-transform .5s ease 0s !important;transition:transform .5s ease 0s !important}.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline::before{display:none}.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content,.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation{-webkit-transition-delay:0;transition-delay:0}.cbp-popup-singlePageInline{width:100%;position:absolute;top:0;left:0;z-index:0;overflow:hidden}.cbp-popup-singlePageInline:before{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:2;content:'';width:30px;height:30px;border:1px solid rgba(79,80,79,0.3);border-right:5px solid #000;border-bottom:5px solid #000;border-radius:50%;border-left:5px solid transparent;border-top:5px solid transparent;animation:loading .5s infinite linear;-webkit-animation:loading .5s infinite linear;opacity:0.6}.cbp-popup-singlePageInline .cbp-popup-content{opacity:0;width:100%;z-index:1;min-height:300px}.cbp-popup-singlePageInline .cbp-popup-content,.cbp-popup-singlePageInline .cbp-popup-navigation{-webkit-transition:opacity .4s ease-in .2s;transition:opacity .4s ease-in .2s}.cbp-popup-singlePageInline .cbp-popup-navigation{opacity:0;position:absolute;top:0;right:0;z-index:2;width:40px;height:40px}.cbp-popup-singlePageInline .cbp-popup-close{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat scroll -92px 0 transparent;height:40px;width:40px;right:20px;top:30px}.cbp-popup-singlePageInline .cbp-popup-close:hover{opacity:0.7}.cbp-popup-singlePageInline-ready{z-index:4}.cbp-popup-singlePageInline-ready .cbp-popup-content,.cbp-popup-singlePageInline-ready .cbp-popup-navigation{opacity:1}.cbp-popup-singlePageInline-ready:before{display:none}.cbp-singlePageInline-active{opacity:0.6 !important}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cbp-l-inline{margin:20px 0;overflow:hidden;background:#FAFAFA;padding:30px}.cbp-l-inline-left{float:left;width:44%}.cbp-l-project-img{max-width:100%}.cbp-l-inline-right{float:right;width:56%;padding-left:inherit}@media only screen and (max-width: 768px){.cbp-l-inline-left{width:100%;text-align:center;margin-top:40px}.cbp-l-inline-right{width:100%;padding-left:0;margin-top:20px}}.cbp-l-inline-title{font:400 28px/30px "Open Sans",sans-serif;color:#474747}.cbp-l-inline-subtitle{font:400 13px/21px "Open Sans",sans-serif;color:#888;margin-top:7px}.cbp-l-inline-desc{font:400 13px/20px "Open Sans",sans-serif;color:#474747;margin-top:25px}.cbp-l-inline-view-wrap{text-align:right}.cbp-l-inline-view{font:400 13px/35px "Open Sans",sans-serif;color:#9C9C9C;margin-top:40px;display:inline-block;padding:0 20px;border:1px solid #ccc;text-decoration:none}.cbp-l-inline-view:hover{color:#757575}.cbp-l-inline-details{margin-top:15px;font:13px/22px "Open Sans",sans-serif}.cbp-l-loadMore-defaultText,.cbp-l-loadMore-button-defaultText{display:block}.cbp-l-loadMore-loadingText,.cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-button-loadingText,.cbp-l-loadMore-button-noMoreLoading{display:none}.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText,.cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText{display:block}.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText,.cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText,.cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading{display:none}.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading{display:block}.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText,.cbp-l-loadMore-stop .cbp-l-loadMore-loadingText,.cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText,.cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText{display:none}.cbp-l-loadMore-button{text-align:center}.cbp-l-loadMore-button .cbp-l-loadMore-link,.cbp-l-loadMore-button .cbp-l-loadMore-button-link{border:2px solid #DEDEDE;border-radius:2px;color:#7E7B7B;display:inline-block;font:400 11px/34px "Open Sans",sans-serif;min-width:80px;text-decoration:none;padding:0 20px;outline:0;margin-top:30px;box-shadow:none}.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover{color:#B0B0B0}.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop{cursor:default;color:#B0B0B0}.cbp-l-loadMore-text{text-align:center;margin-top:50px}.cbp-l-loadMore-text .cbp-l-loadMore-link,.cbp-l-loadMore-text .cbp-l-loadMore-text-link{font:400 15px "Open Sans",sans-serif;color:#5D5D5D;text-decoration:none;cursor:pointer}.cbp-l-loadMore-text .cbp-l-loadMore-stop,.cbp-l-loadMore-text .cbp-l-loadMore-text-stop{color:#5D5D5D;cursor:default}.cbp-mode-slider{-webkit-transition:height .35s cubic-bezier(0.22, 0.6, 0.345, 1);transition:height .35s cubic-bezier(0.22, 0.6, 0.345, 1)}.cbp-mode-slider .cbp-wrapper,.cbp-mode-slider .cbp-item{-webkit-transition:-webkit-transform .35s cubic-bezier(0.22, 0.6, 0.345, 1);transition:transform .35s cubic-bezier(0.22, 0.6, 0.345, 1)}.cbp-mode-slider-dragStart .cbp-wrapper{-webkit-transition:none;transition:none}.cbp-mode-slider-dragStart *{cursor:move !important;cursor:-webkit-grab !important;cursor:-o-grab !important;cursor:-ms-grab !important;cursor:grab !important}.cbp-nav-next,.cbp-nav-prev{position:relative;background:#7c8b90;cursor:pointer;display:inline-block;margin-left:1px;height:22px;width:21px}.cbp-nav-next{border-radius:0 2px 2px 0}.cbp-nav-prev{border-radius:2px 0 0 2px}.cbp-nav-next:hover,.cbp-nav-prev:hover{opacity:0.8}.cbp-nav-next:after,.cbp-nav-prev:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat;height:10px;width:7px}.cbp-nav-next:after{background-position:-134px 0}.cbp-nav-prev:after{background-position:-134px -12px}.cbp-nav-stop{opacity:0.5 !important;cursor:default !important}.cbp-nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-nav-controls{position:absolute;top:-51px;right:0;z-index:100}.cbp-nav-pagination{position:absolute;bottom:-30px;right:0;z-index:100;left:0;text-align:center}.cbp-nav-pagination-item{position:relative;width:10px;height:10px;border-radius:50%;margin:0 4px;display:inline-block;cursor:pointer;background:#c2c2c2;-webkit-transition:background 0.5s;transition:background 0.5s}.cbp-nav-pagination-active{background:#797979}.cbp-slider-wrap,.cbp-slider-item{margin:0;padding:0;list-style-type:none}.cbp-slider .cbp-nav-controls{position:static}.cbp-slider .cbp-nav-next,.cbp-slider .cbp-nav-prev{background:transparent;position:absolute;margin:auto;top:0;bottom:0;z-index:100;width:44px;height:44px}.cbp-slider .cbp-nav-next{right:25px;left:auto}.cbp-slider .cbp-nav-prev{left:25px;right:auto}.cbp-slider .cbp-nav-next:after,.cbp-slider .cbp-nav-prev:after{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat;width:44px;height:44px}.cbp-slider .cbp-nav-next:after{background-position:-46px -92px}.cbp-slider .cbp-nav-next:hover:after{background-position:-46px -46px}.cbp-slider .cbp-nav-prev:after{background-position:0 -92px}.cbp-slider .cbp-nav-prev:hover:after{background-position:0 -46px}.cbp-slider .cbp-nav-pagination{text-align:right;bottom:20px;right:25px}.cbp-slider-edge .cbp-nav-controls{position:static}.cbp-slider-edge .cbp-nav-next,.cbp-slider-edge .cbp-nav-prev{background:transparent;position:absolute;margin:auto;top:0;bottom:0;z-index:100;width:44px;height:44px}.cbp-slider-edge .cbp-nav-next{right:-14px;left:auto}.cbp-slider-edge .cbp-nav-prev{left:-14px;right:auto}.cbp-slider-edge .cbp-nav-next:after,.cbp-slider-edge .cbp-nav-prev:after{background:url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/cube/cbp-sprite.png) no-repeat;width:9px;height:16px}.cbp-slider-edge .cbp-nav-next:after{background-position:-134px -24px}.cbp-slider-edge .cbp-nav-prev:after{background-position:-134px -42px}.cbp-slider-edge .cbp-nav-pagination{bottom:-50px}.cbp-slider-edge .cbp-nav-pagination-item{border:2px solid #0f0f0f;opacity:0.4;background:transparent}.cbp-slider-edge .cbp-nav-pagination-active{background:#000}.cbp-l-grid-agency .cbp-caption:after{position:absolute;content:'';width:0;height:0;border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent;bottom:0px;left:50%;margin-left:-5px;z-index:1}.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:scale(1.15);transform:scale(1.15)}.cbp-l-grid-agency-title{margin-top:18px;font:700 17px/24px Lato,sans-serif;color:#666;text-align:center}.cbp-item:hover .cbp-l-grid-agency-title{color:#222}.cbp-l-grid-agency-desc{font:400 12px/21px "Open Sans",sans-serif;color:#aaa;text-align:center}.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap{background-color:rgba(0,0,0,0.7)}.cbp-l-grid-work .cbp-item{padding:3px}.cbp-l-grid-work .cbp-item-wrapper{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.2);padding:7px 7px 27px;border-top:1px solid #F4F4F4}.cbp-l-grid-work-title{margin-top:17px;font:400 17px/25px "Roboto Condensed",sans-serif;color:#607D8B;text-align:center;text-transform:uppercase;display:block}.cbp-l-grid-work-title:hover{color:#365D67}.cbp-l-grid-work-desc{font:400 11px/16px "Open Sans",sans-serif;color:#888888;text-align:center;text-transform:uppercase}.cbp-l-grid-blog-title{font:400 18px/30px "Open Sans",sans-serif;color:#444;display:block;margin-top:17px}.cbp-l-grid-blog-title:hover{color:#787878}.cbp-l-grid-blog-date{font:400 12px/18px "Open Sans",sans-serif;color:#787878;display:inline-block}.cbp-l-grid-blog-comments{font:400 12px/18px "Open Sans",sans-serif;color:#3C6FBB;display:inline-block}.cbp-l-grid-blog-comments:hover{opacity:.8}.cbp-l-grid-blog-desc{font:400 13px/18px "Open Sans",sans-serif;color:#9B9B9B;margin-top:9px}.cbp-l-grid-blog-split{margin:0 4px;font:400 13px/16px "Open Sans",sans-serif;color:#787878;display:inline-block}.cbp-l-grid-clients{height:180px}.cbp-l-clients-title-block{font:400 32px/53px Roboto,sans-serif;color:#666464;text-align:center;margin-bottom:40px}.cbp-l-grid-projects-title{font:700 14px/21px "Open Sans",sans-serif;color:#474747;margin-top:15px}.cbp-l-grid-projects-desc{font:400 12px/18px "Open Sans",sans-serif;color:#888888;margin-top:5px}.cbp-l-grid-masonry-projects .cbp-caption-activeWrap{background-color:#f62459;background-color:rgba(89,163,182,0.95)}.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight{background-color:#4d4d4d}.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft:hover,.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight:hover{background-color:#f62459}.cbp-l-grid-masonry-projects-title{font:500 15px/22px Roboto,sans-serif;color:#f62459;text-align:center;display:block;margin-top:12px}.cbp-l-grid-masonry-projects-title:hover{color:#457C8B}.cbp-l-grid-masonry-projects-desc{font:400 12px/18px Roboto,sans-serif;color:#b2b2b2;text-align:center}.cbp-l-grid-team .cbp-caption{border:1px solid #E7E7E7}.cbp-l-grid-team-name{font:400 17px/24px "Open Sans",sans-serif;color:#456297;display:block;text-align:center;margin-top:18px}.cbp-l-grid-team-name:hover{color:#34425C}.cbp-l-grid-team-position{font:italic 400 13px/21px "Open Sans",sans-serif;color:#999;text-align:center}.cbp-l-slider-title-block{border-bottom:1px solid #cdcdcd;margin-bottom:22px}.cbp-l-slider-title-block div{padding:0 2px 6px 0;display:inline-block;border-bottom:1px solid #a9a5a5;color:#5e5e5e;margin-bottom:-1px;font:15px/21px Roboto,sans-serif}.cbp-l-grid-slider-team-name{float:left;font:20px/30px Roboto,sans-serif;color:#494949;margin-top:16px}.cbp-l-grid-slider-team-position{clear:both;font:14px/21px Roboto,sans-serif;color:#A6A6A6}.cbp-l-grid-slider-team-desc{font:13px/20px Roboto,sans-serif;color:#969696;margin-top:15px}.cbp-l-grid-slider-team-social{float:right;margin-top:16px}.cbp-l-grid-slider-team-social a{color:#737373;line-height:30px;margin-left:6px}.cbp-l-grid-slider-team-social a:hover{opacity:0.8}.cbp-l-slider-testimonials-wrap{background:#f8f9f9;padding:80px 0 110px;border-width:1px 0;border-style:solid;border-color:#dce1e2}.cbp-l-grid-slider-testimonials-body{color:#424242;max-width:800px;margin:0 auto;font:20px/32px sans-serif;text-align:center;padding:0 20px}.cbp-l-grid-slider-testimonials-footer{font:12px/19px Roboto,sans-serif;color:#777;text-align:center;margin-bottom:10px;margin-top:30px}.cbp-l-grid-tabs{height:100px}.cbp-l-grid-tabs .cbp-item{font:14px/24px Lato,sans-serif;max-width:700px;width:100%;margin:0 auto;right:0;text-align:center;color:#5a5a5a}.cbp-l-testimonials-title-block{position:relative;text-align:center;font:26px/36px Roboto,sans-serif;color:#E7E7E7;margin-bottom:60px}.cbp-l-testimonials-title-block :after{content:'';position:absolute;margin:0 auto;width:23px;height:2px;bottom:-6px;background-color:#C2C2C2;left:0;right:0}.cbp-l-testimonials-wrap{background:#2D2D2D;padding:60px 0 110px}.cbp-l-grid-testimonials-body{color:#e7e7e7;max-width:800px;margin:0 auto;font:20px/32px sans-serif;text-align:center;padding:0 20px}.cbp-l-grid-testimonials-footer{font:12px/19px Roboto,sans-serif;color:#C2C2C2;text-align:center;margin-bottom:40px;margin-top:35px}.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); }
}.owl-theme .owl-controls{
margin-top: 27px;
text-align: center;
}
.owl-carousel.small .owl-controls{
margin-top: 20px;
text-align: left;
}
.owl-carousel.small .owl-controls .owl-page span{
display: block;
width: 10px;
height: 10px;
margin: 5px 3px;
filter: Alpha(Opacity=30); opacity: 0.3;
border-radius: 100%;
background: #727272;
}
.owl-carousel.small .owl-controls .owl-page.active span,
.owl-carousel.small .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
}
.owl-carousel.small.two .owl-controls{
text-align: right;
}
.owl-carousel.small.three .owl-controls{
margin-top: 0px;
text-align: right;
}
.owl-carousel.small.four .owl-controls{
text-align: left;
}
.owl-demo .item{
margin: 3px;
}
.owl-demo .item img{
display: block;
width: 100%;
height: auto;
}
.owl-demo7 .item{
margin: 3px;
}
.owl-demo7 .item img{
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
.owl-demo2 .owl-item img{
display: block;
width: 100%;
height: auto;
}
.owl-demo8 .owl-item img{
display: block;
width: 100%;
height: auto;
}
.owl-demo9 .item img{
display: block;
width: 100%;
height: 400px;
}
.owl-demo9 .owl-item img{
display: block;
width: 100%;
height: auto;
}
body .owl-carousel .owl-item .vc_single_image-wrapper{
max-width: inherit;
display: inherit;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
padding: 5px 18px 7px 18px;
font-size: 12px;
border-radius: 20px;
background: #ccc;
line-height: 10px;
transition: all 0.3s ease;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
text-decoration: none;
background: #393939;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 10px;
height: 10px;
margin: 5px 3px;
filter: Alpha(Opacity=30); opacity: 0.3;
border-radius: 100%;
background: #707070;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/AjaxLoader.gif) no-repeat center center
}
.owl-demo22 .owl-controls{
margin-top: 0px;
text-align: center;
float: left;
}
.owl-demo22 .owl-controls .owl-buttons div{
float: left;
position: absolute;
top: 50%;
color: #e3e3e3;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
width: 25px;
height: 49px;
font-size: 0px;
border-radius: 20px;
background: none;
line-height: 10px;
transition: all 0.3s ease;
}
.owl-demo22 .owl-controls .owl-buttons .owl-prev {
float: left;
left: -110px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/arrow-prev.png) no-repeat center top;
background-size: 25px 49px;
opacity: 0.6;
}
.owl-demo22 .owl-controls .owl-buttons .owl-prev:hover {
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/arrow-prev.png) no-repeat center top !important;
background-size: 25px 49px !important;
opacity: 1;
}
.owl-demo22 .owl-controls .owl-buttons .owl-next {
float: left;
margin-left: 0px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/arrow-next.png) no-repeat center top;
background-size: 25px 49px;
opacity: 0.6;
left: auto;
right: -110px;
}
.owl-demo22 .owl-controls .owl-buttons .owl-next:hover {
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/images/arrow-next.png) no-repeat center top !important;
background-size: 25px 49px !important;
opacity: 1;
}  .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%;
float: left;
-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(//8solutions.de/wp-content/themes/8solutions-v7/assets/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);
}
#bar{
width: 0%;
max-width: 100%;
height: 4px;
background: #e54c4c;
}
#progressBar{
width: 100%;
clear: both;
background: #454545;
}
#sync1 .item{
background: #eee;
padding: 0px 0px;
height: auto;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#sync1 .owl-item img{
display: block;
width: 100%;
height: auto;
}
#sync1 .owl-item iframe{
display: block;
width: 100%;
height: 480px;
}
#sync2 {
width: 55%;
margin: 20px auto 0 auto;
display: block;
}
#sync2 .item{
background: #C9C9C9;
padding: 0px 0px 0px 0px;
width: 120px;
height: 50px;
margin: 25px 5px 5px 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item img {
width: 120px;
height: 50px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
}
#sync2 .synced .item{
background: #eee;
}
#sync3 .item {
float: left;
width: 100%;
background: #f3f3f3;
padding: 0px 0px;
height: auto;
text-align: center;
}
#sync3 .item .left {
float: left;
width: 50%;
}
#sync3 .item .left img {
float: left;
width: 100%;
}
#sync3 .item .right {
float: left;
width: 50%;
text-align: left;
padding: 90px 50px 90px 75px;
}
#sync4 {
float: left;
width: 27%;
margin-left: 41.5%;
}
#sync4 .item{
background: none;
padding: 0px 0px;
margin: 0px 10px;
text-align: center;
cursor: pointer;
color: #181818;
font-size: 32px;
}
#sync4 .synced .item{
color: #f62459;
}
.owl-demo14 .item {
color: #ccc;
}
.owl-demo14 .item .one_fourth {
margin-bottom: 18px;
}
.owl-demo14 .item h4 {
font-weight: 600;
margin-bottom: 10px;
}
.owl-demo14 .item img {
float: left;
margin-bottom: 22px;
}
.owl-demo15 .item {
margin-bottom: 10px;
}
.owl-demo15 .item img {
float: left;
}
.owl-demo15 .item span {
float: left;
width: 100%;
padding: 23px;
text-align: center;
background: rgba(255,255,255,0.90);
position: absolute;
left: 0;
bottom: 0;
}
.owl-demo15 .item span h4 {
margin-bottom: 3px;
}
.owl-demo16 .item {
border: 1px solid #eee;
text-align: center;
}
.owl-demo16 .item h5 {
margin-top: 40px;
margin-bottom: 5px;
}
.owl-demo16 .item i {
color: #87d37c;
font-size: 11px;
margin: 0 1px;
}
.owl-demo16 .item p {
width: 80%;
margin: 30px auto 75px auto;
}
.owl-demo16 .item .who {
width: 100%;
padding: 22px 0px 25px 0px;
background: #f3f3f3;
text-align: left;
}
.owl-demo16 .item .who img {
float: left;
margin-right: 16px;
margin-left: 34%;
border-radius: 100%;
}
.owl-demo16 .item .who strong {
color: #87d37c;
font-weight: 600;
line-height: 14px;
}
.owl-demo16 .item .who strong em {
color: #727272;
font-size: 11px;
font-weight: normal;
font-style: normal;
display: block;
}
.owl-demo17 .item {
float: left;
width: 85%;
margin: 0px 20px 0px 20px;
}
.owl-demo17 .item img {
float: left;
width: 100%;
}
.owl-demo17 .item span {
float: left;
width: 85%;
padding: 23px;
text-align: center;
background: rgba(255,255,255,0.90);
position: absolute;
left: 20px;
bottom: 0;
}
.owl-demo17 .item span h4 {
margin-bottom: 3px;
}
.owl-demo18 .item {
color: #fff;
padding-bottom: 18px;
}
.owl-demo18 .item h4 {
color: #fff;
font-weight: 300;
line-height: 30px;
width: 80%;
margin: 0 auto;
}
.owl-demo18 .item h4 strong {
font-weight: 600;
}
.owl-demo18 .item h4 em {
font-size: 14px;
font-weight: 400;
font-style: normal;
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
#sync2 .item{
width: 100px;
height: 50px;
margin: 5px;
}
#sync2 .item img {
width: 100px;
height: 50px;
}
#sync3 .item .right {
padding: 40px 30px 40px 40px;
}
.owl-demo14 .item img {
width: 100%;
}
.owl-demo16 .item p {
width: 90%;
margin-bottom: 52px;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px){
.owl-demo14 .item img {
width: 100%;
}
#sync3 .item .left {
width: 100%;
}
#sync3 .item .right {
width: 100%;
padding: 75px 75px 90px 75px;
}
#sync4 {
margin-left: 35%;
}
.owl-demo16 .item p {
width: 90%;
margin-top: 20px;
margin-bottom: 40px;
}
.owl-demo18 .item h4 {
width: 90%;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px){
.owl-demo14 .item img {
width: 100%;
}
.owl-demo18 .item h4 {
width: 100%;
}
#sync3 .item .left {
width: 100%;
}
#sync3 .item .right {
width: 100%;
padding: 75px 50px 90px 50px;
}
#sync4 {
margin-left: 35%;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px){
#sync2 .item{
width: 80px;
height: 40px;
margin: 5px;
}
#sync2 .item img {
width: 80px;
height: 40px;
}
#sync1 .owl-item iframe{
height: 350px;
}
#sync3 .item .left {
width: 100%;
}
#sync3 .item .right {
width: 100%;
padding: 50px 40px 90px 50px;
}
#sync4 {
width: 45%;
margin-left: 25%;
}
.owl-demo14 .item img {
width: 100%;
}
.owl-demo14 .item .one_fourth {
margin-bottom: 40px;
}
.owl-demo16 .item .who img {
margin-left: 25%;
}
.owl-demo18 .item h4 {
width: 100%;
font-size: 16px;
line-height: 23px;
}
}
@media only screen and (max-width: 479px){
#sync2 {
width: 72%;
}
#sync2 .item{
width: 65px;
height: 35px;
margin: 5px;
}
#sync2 .item img {
width: 65px;
height: 35px;
}
#sync1 .owl-item iframe{
height: 200px;
}
#sync3 .item .left {
width: 100%;
}
#sync3 .item .right {
width: 100%;
padding: 40px 30px 75px 30px;
}
#sync4 {
width: 45%;
margin-left: 27%;
}
#sync4 .item{
font-size: 21px;
}
.owl-demo14 .item img {
width: 100%;
}
.owl-demo14 .item .one_fourth {
margin-bottom: 40px;
}
.owl-demo16 .item .who img {
margin-left: 18%;
}
.owl-demo18 .item h4 {
width: 100%;
font-size: 16px;
line-height: 23px;
}
}#slider-outline{
clear: both;
}
#slider-outline #slider{
position: relative;
width: 100%;
overflow: hidden;
background: #fff;
padding:0px 0px;
}
#slider-outline #sl-view{
clear: both;
position: relative;
margin: 0 auto;
}
#slider-outline #sl-wrap{
clear: both;
position: absolute;
margin: 0 auto;
text-align: center;
}
#slider-outline .sl-div{
float: left;
color: #fff;
background: #2a363f;
}
#slider-outline .sl-div img {
opacity: 0.7;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
#slider-outline .sl-div img:hover {
cursor: pointer;
opacity: 1;
}
#slider-outline .sl-div a {
position: relative;
z-index: 2;
height: 100%;
display: inline-block;
}
#slider-outline .sl-div a:first-child:after {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
border-radius: 3px;
content: "Visite Website";
float: left;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
background: #2a363f;
height: 40px;
width: 150px;
margin: -19px 0px 0px -75px;
z-index: 4;
line-height: 40px;
transition: opacity 250ms;
-webkit-transition: opacity 250ms;
}
#slider-outline .sl-div:hover a:first-child:after {
opacity: 1;	
}
#slider-outline .sl-div:hover a {
visibility: visible;
}
#slider-outline #sl-next, #slider-outline #sl-prev{
position: absolute;
width: 100px;
text-align: center;
font-size: 72px;
font-weight: 300;
height: 100%;
top: 0px;
cursor: pointer;
background-color: rgba(0,0,0,0.75);
}
#slider-outline #sl-next>span, #slider-outline #sl-prev>span{
display: block;
position: absolute;
top: 50%;
width: 100%;
margin: 0 auto;
margin-top: -25px !important;
color: #fff;
}
#slider-outline #sl-next:hover, #slider-outline #sl-prev:hover{
background-color: rgba(0,0,0,0.9);
transition: all 0.3s ease;
}
#slider-outline #sl-next{
right: 0px;
z-index: 5000;
}
#slider-outline #sl-prev{
left: 0px;
z-index: 5000;
}
#slider-outline #sl-nav{
position: absolute;
z-index: 5000;
}
#slider-outline #sl-nav>p{
font-size: 20px;
float: left;
margin: 0 10px;
color: #aaa;
cursor: pointer;
}
#slider-outline #sl-nav>p:hover{
color: #eee;
text-shadow: 0px 1px 0px #333;
}
#slider-outline #sl-nav>p.hit{
color: #0080FF;
}
#slider-outline #sl-nav>p.hit:hover{
color: #eee;
}.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
}
.clearfix:after,
.clearfix:before {
display: table;
content: "";
}
.accordion > section {
display: block;
}
.accordion > section > :first-child + * {
overflow: hidden;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: height;
-moz-transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.js .accordion > section > :first-child {
cursor: pointer;
}
.tabs {
overflow-y: hidden;
position: relative;
}
.tabs.cross-fade.transition {
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.tabs.cross-fade.transition > section {
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.js .tabs.hide-title > section > :first-child {
display: none;
}
.tabs > section {
width: 100%;
}
.js .tabs > section {
opacity: 0;
position: absolute;
visibility: hidden;
}
.tabs > section[aria-expanded="true"] {
opacity: 1;
visibility: visible;
}
.tabs > ul {
position: relative;
z-index: 99;
}
.tabs > ul > li {
cursor: pointer;
}.detached {
margin: 0;
}
.detached:focus {
outline: none;
}
.detached.accordion > section { padding: 50px;
text-align: left;
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
}
.detached.accordion > section > * {
max-width: 100%;
}
.detached.accordion > section[aria-expanded="true"] > :first-child {
border-bottom-color: #dddddd;
}
.detached.accordion > section > :first-child {
margin-top: 0;
}
.js .detached.accordion > section {
padding: 10px 0px;
}
.js .detached.accordion > section > :first-child {
border-bottom: 1px solid transparent;
color: #393939;
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 20px 24px 20px 24px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.js .detached.accordion > section > :first-child span {
font-size: 16px;
padding: 12px 45px;
text-align: center;
margin: 0 0px;
color: #fff;
background: #2a363f;
border-radius: 3px;
}
.js .detached.accordion .bigtfont {
font-size: 14px;
line-height: 23px;
}
.js .detached.accordion > section > :first-child + * > * {
padding: 0px 20px 20px 20px;
}
.js .detached.accordion > section > :first-child + * > * > * {
max-width: 100%;
}
.js .detached.accordion > section > :first-child + * > * > :first-child {
margin-top: 0;
}
.js .detached.accordion > section > :first-child + * > * > :last-child {
margin-bottom: 0;
}
.detached.accordion > section > :last-child {
margin-bottom: 0;
}
.detached.accordion > section + section {
margin-top: 12px;
}
.detached.tabs {
padding: 25px 0;
text-align: center;
}
.js .detached.tabs.hide-title > section > :first-child + * {
margin-top: 0;
}
.detached.tabs > section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 50px;
text-align: left;
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
width: 100%;
}
.detached.tabs > section > :first-child {
margin-top: 0;
}
.js .detached.tabs > section > * > * > * {
max-width: 100%;
}
.js .detached.tabs > section > * > * > :first-child {
margin-top: 0;
}
.js .detached.tabs > section > * > * > :last-child {
margin-bottom: 0;
}
.detached.tabs > section > :last-child {
margin-bottom: 0;
}
.detached.tabs > section + section {
margin-top: 12px;
}
.js .detached.tabs > section + section {
margin-top: 0;
}
.detached.tabs > ul {
zoom: 1;
display: table;
list-style: none;
margin: 0 auto 0 auto;
padding: 0;
}
.detached.tabs > ul:after {
clear: both;
}
.detached.tabs > ul:after,
.detached.tabs > ul:before {
display: table;
content: "";
}
.detached.tabs > ul > li {
color: #2a363f;
float: left;
padding-bottom: 52px;
position: relative;
}
.detached.tabs > ul > li.current {
color: #fff;
pointer-events: none;
z-index: 99;
border-radius: 3px;
background: url(//8solutions.de/wp-content/themes/8solutions-v7/assets/css/up-arrow.png) no-repeat center bottom;
}
.detached.tabs > ul > li:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.detached.tabs > ul > li:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.detached.tabs > ul > li + li {
margin-left: -1px;
}
.detached.tabs > ul > li span {
font-size: 18px;
padding: 13px 46px;
text-align: center;
margin: 0 16px;
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-weight: 600;
}
.detached.tabs > ul > li.current span {
background: #86c724;
}
.detached.tabs > section img {
float: left;
margin-right: 50px;
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
.detached.tabs > ul > li span {
padding: 13px 30px;
margin: 0 12px;
}
}.text1 {
color: #2a363f;
font-size: 30px;
line-height: 35px;
font-family: 'Roboto', sans-serif;
font-weight: normal;
letter-spacing: 1px;
}
.text1.center {
width: 100%;
text-align: center;
}
.text1 strong {
font-weight: 800;
}
.text14 {
color: #fff;
font-size: 45px;
line-height: 50px;
font-family: 'Roboto', sans-serif;
font-weight: normal;
letter-spacing: 1px;
}
.text14.center {
width: 100%;
text-align: center;
}
.text14 strong {
font-weight: 900;
}
.text14 em {
font-size: 18px;
font-weight: 300;
font-style: normal;
}
.text2 {
color: #2a363f;
font-size: 72px;
line-height: 75px;
font-family: 'Roboto', sans-serif;
font-weight: normal;
letter-spacing: 2px;
}
.text2 em {
color: #86c724;
font-style: normal;
}
.text2 strong {
font-weight: 900;
}
.text2.center {
width: 100%;
text-align: center;
}
.text3 {
color: #2a363f;
font-size: 18px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 1px;
}
.text3 em {
color: #86c724;
font-style: normal;
font-weight: bold;
}
.text3.center {
width: 100%;
text-align: center;
}
.text3.two {
text-align: center;
}
.text4 {
color: #2a363f;
font-size: 45px;
line-height: 50px;
font-family: 'Roboto', sans-serif;
font-weight: normal;
letter-spacing: 2px;
text-align: center;
}
.text4 em {
color: #86c724;
font-style: normal;
}
.text4 strong {
font-weight: 900;
}
.text4.center {
width: 100%;
text-align: center;
}
body .text5{
color: #fff;
font-size: 18px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 1px;
}
body .text6 {
color: #fff;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
body .bgclor-text {
color: #fff;
background: #2a3740;
font-size: 14px;
font-weight: 400;
padding: 2px 10px;
}
body .vline {
width: 1px;
height: 70px;
background: #86c724;
border-left: 1px solid #86c724;
}
body .sbox1 {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 25px;
padding: 20px 16px 57px 20px;
background: #86c724;
}
body .sbox1 strong {
font-size: 27px;
font-weight: 800;
line-height: 32px;
}
body .sbut1, body .tp-caption .sbut1 {
color: #fff;
font-size: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
background: #2a363f;
padding: 16px 34px;
border-radius: 3px;
cursor: pointer;
text-transform: uppercase;
transition: all 0.3s ease;
line-height:23px;
display:inline-block;
}
.sbut1:hover, body .tp-caption .sbut1:hover {
color: #fff;
background: #86c724;
}
body .tp-caption  .sbut1.white {
color: #2a363f;
background: #fff;
white-space: nowrap;
}
body .tp-caption  .sbut1.white:hover {
color: #fff;
background: #2a363f;
}
.sbut2, body .tp-caption .sbut2 {
color: #fff;
font-size: 16px;
line-height: 27px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
background: #9eca45;
padding: 13px 30px;
cursor: pointer;
transition: all 0.3s ease;
}
.sbut2:hover, body .tp-caption .sbut2:hover {
color: #fff;
background: #393939;
}
body .sbut10 {
color: #fff;
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
background: #3799e4;
padding: 14px 23px;
cursor: pointer;
text-transform: uppercase;
transition: all 0.3s ease;
}
body .sbut10:hover, body .tp-caption.sbut10:hover{
color: #3799e4;
background: #FFF!important;
}
body .cirbox1 {
color: #fff;
font-family: 'Roboto', sans-serif;
text-align: center;
font-size: 21px;
font-weight: 600;
width: 115px;
height: 115px;
padding-top: 27px;
border-radius: 100%;
background: #2a363f;
text-align: center!important;
}
body .cirbox1 em {
font-size: 14px;
font-weight: 500;
font-style: normal;
}
body .cirbox1.colored {
color: #fff;
background: #86c724;
}
body .dncfont {
color: #fff;
font-size: 18px;
font-weight: bold;
font-family: 'Dancing Script', cursive;
letter-spacing: 1px;
line-height: 27px;
}
body .cirbox2 {
color: #fff;
font-family: 'Roboto', sans-serif;
text-align: center;
font-size: 14px;
font-weight: 400;
width: 100px;
height: 100px;
padding-top: 10px;
border-radius: 100%;
background: #86c724;
}
body .cirbox2 strong {
font-size: 35px;
font-weight: 700;
display: block;
padding: 4px 0px;
}
body .squarebox {
color: #fff;
font-family: 'Roboto', sans-serif;
text-align: center;
font-size: 18px;
font-weight: 400;
padding: 23px 23px 16px 23px;
background: #86c724;
}
body .squarebox strong {
font-size: 45px;
font-weight: 900;
}
body .squarebox em {
font-size: 12px;
font-weight: 300;
text-decoration: line-through;
font-style: normal;
display: block;
line-height:14px;
}
body .squarebox  .squarebox {
padding:0px;
}
.tp-caption.cirbox1text .dncfont, .tp-caption.cirbox1text{
text-align: center!important;
}