.bg-cover {
background-size: cover;
}
.bg-section,.bg {
color: transparent;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
min-height: 400px;
background-size:cover
}
.bg-section:after   {
content: "";
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
}
.parallax-black .bg:after  {
content: "";
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
}
.parallax-yellow .bg:after  {
content: "";
background-color: rgba(255, 195, 0, 0.7);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
} .bg-slideshow {
margin: 0;
padding: 0;
}
.bg-slideshow li {
list-style: none;
}
.parallax-white .parallax-bg:after {
background-color: rgba(255, 255, 255, 0.9);
}
.parallax-bg:after {
background-color: rgba(0, 0, 0, 0.7);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.parallax-bg {
background-color: rgba(0, 0, 0, 0.7);
height: 100%;
left: 0;
min-height: 400%;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
{
background-color: transparent !important;
overflow: hidden;
}
.text-white *, .text-white .about-tabs .tab-li-content h4 , .text-white *,  html .text-white .vc_progress_bar .vc_label{
color: #fff !important;
}
.parallax-yellow .bg-slideshow:after {
background-color: rgba(255, 195, 0, 0.7);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
}
.parallax-black .bg-slideshow:after {
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
}
.bg-slideshow, {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: -1;
}
.bg-slideshow:after {
content: '';
}
.bg-slideshow li .bg-slide {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
z-index: 0;
}
.bg-slideshow li .bg-slide {
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 18s linear infinite 0s;
-moz-animation: imageAnimation 18s linear infinite 0s;
-o-animation: imageAnimation 18s linear infinite 0s;
-ms-animation: imageAnimation 18s linear infinite 0s;
animation: imageAnimation 18s linear infinite 0s;
}
.bg-slideshow li:nth-child(2) .bg-slide {
-webkit-animation-delay: 9s;
-moz-animation-delay: 9s;
-o-animation-delay: 9s;
-ms-animation-delay: 9s;
animation-delay: 9s;
}
@-webkit-keyframes imageAnimation {
1% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
4% {
opacity: 0;
-webkit-transform: scale(1);
-webkit-animation-timing-function: ease-out;
}
22% {
opacity: 1;
-webkit-transform: scale(1.1) rotate(-2deg);
}
44% {
opacity: 1;
-webkit-transform: scale(1.1) rotate(1deg);
}
100% {
opacity: 0
}
}
@-moz-keyframes imageAnimation {
1% {
opacity: 0;
-moz-animation-timing-function: ease-in;
}
4% {
opacity: 0;
-moz-transform: scale(1);
-moz-animation-timing-function: ease-out;
}
22% {
opacity: 1;
-moz-transform: scale(1.1) rotate(-2deg);
}
44% {
opacity: 1;
-moz-transform: scale(1.1) rotate(1deg);
}
100% {
opacity: 0
}
}
@-o-keyframes imageAnimation {
1% {
opacity: 0;
-o-animation-timing-function: ease-in;
}
4% {
opacity: 0;
-o-transform: scale(1);
-o-animation-timing-function: ease-out;
}
22% {
opacity: 1;
-o-transform: scale(1.1) rotate(-2deg);
}
44% {
opacity: 1;
-o-transform: scale(1.1) rotate(1deg);
}
100% {
opacity: 0
}
}
@-ms-keyframes imageAnimation {
1% {
opacity: 0;
-ms-animation-timing-function: ease-in;
}
4% {
opacity: 0;
-ms-transform: scale(1);
-ms-animation-timing-function: ease-out;
}
22% {
opacity: 1;
-ms-transform: scale(1.1) rotate(-2deg);
}
44% {
opacity: 1;
-ms-transform: scale(1.1) rotate(1deg);
}
100% {
opacity: 0
}
}
@keyframes imageAnimation {
1% {
opacity: 0;
animation-timing-function: ease-in;
}
4% {
opacity: 0;
transform: scale(1);
animation-timing-function: ease-out;
}
22% {
opacity: 1;
transform: scale(1.1) rotate(-2deg);
}
44% {
opacity: 1;
transform: scale(1.1) rotate(1deg);
}
100% {
opacity: 0
}
} .contact-section {
height: 355px;
margin-bottom: -20px;
overflow: hidden;
}
.contact-section .icon-line .fa {
background: #f5f5f5 !important;
}
.contact-section .section-header .fa::after, .contact-section .section-header .fa::before {
background: #f5f5f5 !important;
font-size: 50px !important;
margin: 0 auto;
}
.cd-background-wrapper {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}
.no-touch .cd-background-wrapper {
-webkit-perspective: 4000px;
-moz-perspective: 4000px;
perspective: 4000px;
}
.cd-background-wrapper::before { content: 'web';
display: none;
}
.touch .cd-background-wrapper::before { content: 'mobile';
}
.cd-floating-background {
position: relative;
}
.cd-floating-background img {
display: block;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; background-color: rgba(255, 255, 255, 0.01);
}
.cd-floating-background img:not(:first-child) {
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
}
.no-touch .cd-floating-background {
top: 0;
left: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.no-touch .cd-floating-background.is-absolute {
position: absolute;
}
.no-touch .cd-floating-background img:first-child {
-webkit-transform: translateZ(50px);
-moz-transform: translateZ(50px);
-ms-transform: translateZ(50px);
-o-transform: translateZ(50px);
transform: translateZ(50px);
}
.no-touch .cd-floating-background img:nth-child(2) {
-webkit-transform: translateZ(290px);
-moz-transform: translateZ(290px);
-ms-transform: translateZ(290px);
-o-transform: translateZ(290px);
transform: translateZ(290px);
}
.no-touch .cd-floating-background img:nth-child(3) {
-webkit-transform: translateZ(400px);
-moz-transform: translateZ(400px);
-ms-transform: translateZ(400px);
-o-transform: translateZ(400px);
transform: translateZ(400px);
}
.no-touch.no-preserve-3d .cd-floating-background { position: relative;
}
body {
-webkit-backface-visibility: hidden
}
.animated-css .animated {
opacity: 0;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-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)
}
.animated-css .animated.animation-done {
opacity: 1
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-moz-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-o-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px)
}
}
@-moz-keyframes shake {
0%, 100% {
-moz-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-moz-transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-moz-transform:translateX(10px)
}
}
@-o-keyframes shake {
0%, 100% {
-o-transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-o-transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-o-transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
transform:translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px)
}
}
@-moz-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-moz-transform:translateY(0)
}
40% {
-moz-transform:translateY(-30px)
}
60% {
-moz-transform:translateY(-15px)
}
}
@-o-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-o-transform:translateY(0)
}
40% {
-o-transform:translateY(-30px)
}
60% {
-o-transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
transform:translateY(0)
}
40% {
transform:translateY(-30px)
}
60% {
transform:translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}
@-moz-keyframes tada {
0% {
-moz-transform:scale(1)
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg)
}
100% {
-moz-transform:scale(1) rotate(0)
}
}
@-o-keyframes tada {
0% {
-o-transform:scale(1)
}
10%, 20% {
-o-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-o-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-o-transform:scale(1.1) rotate(-3deg)
}
100% {
-o-transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
transform:scale(1)
}
10%, 20% {
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg)
}
100% {
transform:scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes swing {
100%, 20%, 40%, 60%, 80% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20% {
-moz-transform:rotate(15deg)
}
40% {
-moz-transform:rotate(-10deg)
}
60% {
-moz-transform:rotate(5deg)
}
80% {
-moz-transform:rotate(-5deg)
}
100% {
-moz-transform:rotate(0deg)
}
}
@-o-keyframes swing {
20% {
-o-transform:rotate(15deg)
}
40% {
-o-transform:rotate(-10deg)
}
60% {
-o-transform:rotate(5deg)
}
80% {
-o-transform:rotate(-5deg)
}
100% {
-o-transform:rotate(0deg)
}
}
@keyframes swing {
20% {
transform:rotate(15deg)
}
40% {
transform:rotate(-10deg)
}
60% {
transform:rotate(5deg)
}
80% {
transform:rotate(-5deg)
}
100% {
transform:rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%)
}
}
@-moz-keyframes wobble {
0% {
-moz-transform:translateX(0%)
}
15% {
-moz-transform:translateX(-25%) rotate(-5deg)
}
30% {
-moz-transform:translateX(20%) rotate(3deg)
}
45% {
-moz-transform:translateX(-15%) rotate(-3deg)
}
60% {
-moz-transform:translateX(10%) rotate(2deg)
}
75% {
-moz-transform:translateX(-5%) rotate(-1deg)
}
100% {
-moz-transform:translateX(0%)
}
}
@-o-keyframes wobble {
0% {
-o-transform:translateX(0%)
}
15% {
-o-transform:translateX(-25%) rotate(-5deg)
}
30% {
-o-transform:translateX(20%) rotate(3deg)
}
45% {
-o-transform:translateX(-15%) rotate(-3deg)
}
60% {
-o-transform:translateX(10%) rotate(2deg)
}
75% {
-o-transform:translateX(-5%) rotate(-1deg)
}
100% {
-o-transform:translateX(0%)
}
}
@keyframes wobble {
0% {
transform:translateX(0%)
}
15% {
transform:translateX(-25%) rotate(-5deg)
}
30% {
transform:translateX(20%) rotate(3deg)
}
45% {
transform:translateX(-15%) rotate(-3deg)
}
60% {
transform:translateX(10%) rotate(2deg)
}
75% {
transform:translateX(-5%) rotate(-1deg)
}
100% {
transform:translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.1)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes pulse {
0% {
-moz-transform:scale(1)
}
50% {
-moz-transform:scale(1.1)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes pulse {
0% {
-o-transform:scale(1)
}
50% {
-o-transform:scale(1.1)
}
100% {
-o-transform:scale(1)
}
}
@keyframes pulse {
0% {
transform:scale(1)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in
}
}
@-moz-keyframes flip {
0% {
-moz-transform:perspective(400px) rotateY(0);
-moz-animation-timing-function:ease-out
}
40% {
-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function:ease-out
}
50% {
-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function:ease-in
}
80% {
-moz-transform:perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function:ease-in
}
100% {
-moz-transform:perspective(400px) scale(1);
-moz-animation-timing-function:ease-in
}
}
@-o-keyframes flip {
0% {
-o-transform:perspective(400px) rotateY(0);
-o-animation-timing-function:ease-out
}
40% {
-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function:ease-out
}
50% {
-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function:ease-in
}
80% {
-o-transform:perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function:ease-in
}
100% {
-o-transform:perspective(400px) scale(1);
-o-animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
transform:perspective(400px) rotateY(0);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function:ease-in
}
100% {
transform:perspective(400px) scale(1);
animation-timing-function:ease-in
}
}
.flip {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible!important;
-moz-animation-name: flip;
-o-backface-visibility: visible!important;
-o-animation-name: flip;
backface-visibility: visible!important;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-moz-transform:perspective(400px) rotateX(-10deg)
}
70% {
-moz-transform:perspective(400px) rotateX(10deg)
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-o-keyframes flipInX {
0% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-o-transform:perspective(400px) rotateX(-10deg)
}
70% {
-o-transform:perspective(400px) rotateX(10deg)
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateX(-10deg)
}
70% {
transform:perspective(400px) rotateX(10deg)
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible!important;
-o-animation-name: flipInX;
backface-visibility: visible!important;
animation-name: flipInX
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@-o-keyframes flipOutX {
0% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible!important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible!important;
animation-name: flipOutX;
backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-moz-transform:perspective(400px) rotateY(-10deg)
}
70% {
-moz-transform:perspective(400px) rotateY(10deg)
}
100% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-o-keyframes flipInY {
0% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-o-transform:perspective(400px) rotateY(-10deg)
}
70% {
-o-transform:perspective(400px) rotateY(10deg)
}
100% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
transform:perspective(400px) rotateY(-10deg)
}
70% {
transform:perspective(400px) rotateY(10deg)
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible!important;
-o-animation-name: flipInY;
backface-visibility: visible!important;
animation-name: flipInY
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@-o-keyframes flipOutY {
0% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible!important;
-o-animation-name: flipOutY;
backface-visibility: visible!important;
animation-name: flipOutY
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translateY(20px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-o-keyframes fadeInUp {
0% {
opacity:0;
-o-transform:translateY(20px)
}
100% {
opacity:1;
-o-transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(20px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInDown {
0% {
opacity:0;
-moz-transform:translateY(-20px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-o-keyframes fadeInDown {
0% {
opacity:0;
-o-transform:translateY(-20px)
}
100% {
opacity:1;
-o-transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-20px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-o-keyframes fadeInLeft {
0% {
opacity:0;
-o-transform:translateX(-20px)
}
100% {
opacity:1;
-o-transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-20px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity:0;
-moz-transform:translateX(20px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-o-keyframes fadeInRight {
0% {
opacity:0;
-o-transform:translateX(20px)
}
100% {
opacity:1;
-o-transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(20px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity:0;
-moz-transform:translateY(2000px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity:0;
-o-transform:translateY(2000px)
}
100% {
opacity:1;
-o-transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
transform:translateY(2000px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity:0;
-moz-transform:translateY(-2000px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity:0;
-o-transform:translateY(-2000px)
}
100% {
opacity:1;
-o-transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
transform:translateY(-2000px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity:0;
-moz-transform:translateX(-2000px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity:0;
-o-transform:translateX(-2000px)
}
100% {
opacity:1;
-o-transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
transform:translateX(-2000px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity:0;
-moz-transform:translateX(2000px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity:0;
-o-transform:translateX(2000px)
}
100% {
opacity:1;
-o-transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
transform:translateX(2000px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-o-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px)
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(-20px)
}
}
@-o-keyframes fadeOutUp {
0% {
opacity:1;
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px)
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(20px)
}
}
@-o-keyframes fadeOutDown {
0% {
opacity:1;
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px)
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(-20px)
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity:1;
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px)
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(20px)
}
}
@-o-keyframes fadeOutRight {
0% {
opacity:1;
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(-2000px)
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity:1;
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px)
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity:1;
-moz-transform:translateY(0)
}
100% {
opacity:0;
-moz-transform:translateY(2000px)
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity:1;
-o-transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
transform:translateY(0)
}
100% {
opacity:0;
transform:translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(-2000px)
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity:1;
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity:1;
-moz-transform:translateX(0)
}
100% {
opacity:0;
-moz-transform:translateX(2000px)
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity:1;
-o-transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
transform:translateX(0)
}
100% {
opacity:0;
transform:translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes bounceIn {
0% {
opacity:0;
-moz-transform:scale(.3)
}
50% {
opacity:1;
-moz-transform:scale(1.05)
}
70% {
-moz-transform:scale(.9)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes bounceIn {
0% {
opacity:0;
-o-transform:scale(.3)
}
50% {
opacity:1;
-o-transform:scale(1.05)
}
70% {
-o-transform:scale(.9)
}
100% {
-o-transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
transform:scale(.3)
}
50% {
opacity:1;
transform:scale(1.05)
}
70% {
transform:scale(.9)
}
100% {
transform:scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes bounceInUp {
0% {
opacity:0;
-moz-transform:translateY(2000px)
}
60% {
opacity:1;
-moz-transform:translateY(-30px)
}
80% {
-moz-transform:translateY(10px)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes bounceInUp {
0% {
opacity:0;
-o-transform:translateY(2000px)
}
60% {
opacity:1;
-o-transform:translateY(-30px)
}
80% {
-o-transform:translateY(10px)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
transform:translateY(2000px)
}
60% {
opacity:1;
transform:translateY(-30px)
}
80% {
transform:translateY(10px)
}
100% {
transform:translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes bounceInDown {
0% {
opacity:0;
-moz-transform:translateY(-2000px)
}
60% {
opacity:1;
-moz-transform:translateY(30px)
}
80% {
-moz-transform:translateY(-10px)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes bounceInDown {
0% {
opacity:0;
-o-transform:translateY(-2000px)
}
60% {
opacity:1;
-o-transform:translateY(30px)
}
80% {
-o-transform:translateY(-10px)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
transform:translateY(-2000px)
}
60% {
opacity:1;
transform:translateY(30px)
}
80% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity:0;
-moz-transform:translateX(-2000px)
}
60% {
opacity:1;
-moz-transform:translateX(30px)
}
80% {
-moz-transform:translateX(-10px)
}
100% {
-moz-transform:translateX(0)
}
}
@-o-keyframes bounceInLeft {
0% {
opacity:0;
-o-transform:translateX(-2000px)
}
60% {
opacity:1;
-o-transform:translateX(30px)
}
80% {
-o-transform:translateX(-10px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
transform:translateX(-2000px)
}
60% {
opacity:1;
transform:translateX(30px)
}
80% {
transform:translateX(-10px)
}
100% {
transform:translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes bounceInRight {
0% {
opacity:0;
-moz-transform:translateX(2000px)
}
60% {
opacity:1;
-moz-transform:translateX(-30px)
}
80% {
-moz-transform:translateX(10px)
}
100% {
-moz-transform:translateX(0)
}
}
@-o-keyframes bounceInRight {
0% {
opacity:0;
-o-transform:translateX(2000px)
}
60% {
opacity:1;
-o-transform:translateX(-30px)
}
80% {
-o-transform:translateX(10px)
}
100% {
-o-transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
transform:translateX(2000px)
}
60% {
opacity:1;
transform:translateX(-30px)
}
80% {
transform:translateX(10px)
}
100% {
transform:translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1)
}
25% {
-webkit-transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3)
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform:scale(1)
}
25% {
-moz-transform:scale(.95)
}
50% {
opacity:1;
-moz-transform:scale(1.1)
}
100% {
opacity:0;
-moz-transform:scale(.3)
}
}
@-o-keyframes bounceOut {
0% {
-o-transform:scale(1)
}
25% {
-o-transform:scale(.95)
}
50% {
opacity:1;
-o-transform:scale(1.1)
}
100% {
opacity:0;
-o-transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
transform:scale(1)
}
25% {
transform:scale(.95)
}
50% {
opacity:1;
transform:scale(1.1)
}
100% {
opacity:0;
transform:scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px)
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform:translateY(0)
}
20% {
opacity:1;
-moz-transform:translateY(20px)
}
100% {
opacity:0;
-moz-transform:translateY(-2000px)
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform:translateY(0)
}
20% {
opacity:1;
-o-transform:translateY(20px)
}
100% {
opacity:0;
-o-transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
transform:translateY(0)
}
20% {
opacity:1;
transform:translateY(20px)
}
100% {
opacity:0;
transform:translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px)
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform:translateY(0)
}
20% {
opacity:1;
-moz-transform:translateY(-20px)
}
100% {
opacity:0;
-moz-transform:translateY(2000px)
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform:translateY(0)
}
20% {
opacity:1;
-o-transform:translateY(-20px)
}
100% {
opacity:0;
-o-transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
transform:translateY(0)
}
20% {
opacity:1;
transform:translateY(-20px)
}
100% {
opacity:0;
transform:translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px)
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform:translateX(0)
}
20% {
opacity:1;
-moz-transform:translateX(20px)
}
100% {
opacity:0;
-moz-transform:translateX(-2000px)
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform:translateX(0)
}
20% {
opacity:1;
-o-transform:translateX(20px)
}
100% {
opacity:0;
-o-transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
transform:translateX(0)
}
20% {
opacity:1;
transform:translateX(20px)
}
100% {
opacity:0;
transform:translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px)
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform:translateX(0)
}
20% {
opacity:1;
-moz-transform:translateX(-20px)
}
100% {
opacity:0;
-moz-transform:translateX(2000px)
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform:translateX(0)
}
20% {
opacity:1;
-o-transform:translateX(-20px)
}
100% {
opacity:0;
-o-transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
transform:translateX(0)
}
20% {
opacity:1;
transform:translateX(-20px)
}
100% {
opacity:0;
transform:translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin:center center;
-o-transform:rotate(-200deg);
opacity:0
}
100% {
-o-transform-origin:center center;
-o-transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
transform-origin:center center;
transform:rotate(-200deg);
opacity:0
}
100% {
transform-origin:center center;
transform:rotate(0);
opacity:1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(90deg);
opacity:0
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin:left bottom;
-o-transform:rotate(90deg);
opacity:0
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0
}
100% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(-90deg);
opacity:0
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin:left bottom;
-o-transform:rotate(-90deg);
opacity:0
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0
}
100% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(-90deg);
opacity:0
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin:right bottom;
-o-transform:rotate(-90deg);
opacity:0
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0
}
100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(90deg);
opacity:0
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin:right bottom;
-o-transform:rotate(90deg);
opacity:0
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0
}
100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(200deg);
opacity:0
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(200deg);
opacity:0
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin:center center;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:center center;
-o-transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
transform-origin:center center;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:center center;
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(-90deg);
opacity:0
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(90deg);
opacity:0
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(90deg);
opacity:0
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(-90deg);
opacity:0
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
100% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(700px);
opacity:0
}
}
@-moz-keyframes hinge {
0% {
-moz-transform:rotate(0);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out
}
20%, 60% {
-moz-transform:rotate(80deg);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out
}
40% {
-moz-transform:rotate(60deg);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out
}
80% {
-moz-transform:rotate(60deg) translateY(0);
opacity:1;
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out
}
100% {
-moz-transform:translateY(700px);
opacity:0
}
}
@-o-keyframes hinge {
0% {
-o-transform:rotate(0);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out
}
20%, 60% {
-o-transform:rotate(80deg);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out
}
40% {
-o-transform:rotate(60deg);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out
}
80% {
-o-transform:rotate(60deg) translateY(0);
opacity:1;
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out
}
100% {
-o-transform:translateY(700px);
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 {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rollIn {
0% {
opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg)
}
}
@-o-keyframes rollIn {
0% {
opacity:0;
-o-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-o-transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
transform:translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg)
}
}
@-moz-keyframes rollOut {
0% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-moz-transform:translateX(100%) rotate(120deg)
}
}
@-o-keyframes rollOut {
0% {
opacity:1;
-o-transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-o-transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
transform:translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-moz-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-moz-transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-moz-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-o-transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-o-transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-o-transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
.animated.lightSpeedIn {
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-moz-transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@-o-keyframes lightSpeedOut {
0% {
-o-transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-o-transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animated.lightSpeedOut {
-webkit-animation-duration: .25s;
-moz-animation-duration: .25s;
-o-animation-duration: .25s;
animation-duration: .25s
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform:skewX(9deg)
}
10% {
-webkit-transform:skewX(-8deg)
}
20% {
-webkit-transform:skewX(7deg)
}
30% {
-webkit-transform:skewX(-6deg)
}
40% {
-webkit-transform:skewX(5deg)
}
50% {
-webkit-transform:skewX(-4deg)
}
60% {
-webkit-transform:skewX(3deg)
}
70% {
-webkit-transform:skewX(-2deg)
}
80% {
-webkit-transform:skewX(1deg)
}
100%, 90% {
-webkit-transform:skewX(0deg)
}
}
@-moz-keyframes wiggle {
0% {
-moz-transform:skewX(9deg)
}
10% {
-moz-transform:skewX(-8deg)
}
20% {
-moz-transform:skewX(7deg)
}
30% {
-moz-transform:skewX(-6deg)
}
40% {
-moz-transform:skewX(5deg)
}
50% {
-moz-transform:skewX(-4deg)
}
60% {
-moz-transform:skewX(3deg)
}
70% {
-moz-transform:skewX(-2deg)
}
80% {
-moz-transform:skewX(1deg)
}
100%, 90% {
-moz-transform:skewX(0deg)
}
}
@-o-keyframes wiggle {
0% {
-o-transform:skewX(9deg)
}
10% {
-o-transform:skewX(-8deg)
}
20% {
-o-transform:skewX(7deg)
}
30% {
-o-transform:skewX(-6deg)
}
40% {
-o-transform:skewX(5deg)
}
50% {
-o-transform:skewX(-4deg)
}
60% {
-o-transform:skewX(3deg)
}
70% {
-o-transform:skewX(-2deg)
}
80% {
-o-transform:skewX(1deg)
}
100%, 90% {
-o-transform:skewX(0deg)
}
}
@keyframes wiggle {
0% {
transform:skewX(9deg)
}
10% {
transform:skewX(-8deg)
}
20% {
transform:skewX(7deg)
}
30% {
transform:skewX(-6deg)
}
40% {
transform:skewX(5deg)
}
50% {
transform:skewX(-4deg)
}
60% {
transform:skewX(3deg)
}
70% {
transform:skewX(-2deg)
}
80% {
transform:skewX(1deg)
}
100%, 90% {
transform:skewX(0deg)
}
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animated.wiggle {
-webkit-animation-duration: .75s;
-moz-animation-duration: .75s;
-o-animation-duration: .75s;
animation-duration: .75s
}.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-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{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.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(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{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(//ketozone.com/wp-content/themes/exproduct/assets/owl/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition: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;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.bx-wrapper {
position: relative;
margin: 0 auto 0px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport {
left: 0; -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//ketozone.com/wp-content/themes/exproduct/assets/bxslider/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: rgba( 255, 255, 255, 0.5);  
border: 0;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #237ac6;
} .bx-controls-direction  .bx-prev {
}
.bx-wrapper .bx-prev {
left: 10px;
text-indent: 1px !important;
font-size: 40px;
color: #333;
text-decoration: none !important;
}
.bx-wrapper .bx-next {
right: 10px;
text-indent: 1px !important;
font-size: 40px;
color: #333;
text-decoration: none !important;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
background: rgba( 0, 0, 0, 0.3) !important;
z-index: 79;
color: #fff;
text-align: center;
padding: 0;
}
.bx-wrapper .bx-controls-direction a i{
font-size: 27px;
position: relative;
top: -13px;
}
.bx-wrapper .bx-controls-direction a.disabled {
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//ketozone.com/wp-content/themes/exproduct/assets/bxslider/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//ketozone.com/wp-content/themes/exproduct/assets/bxslider/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}@font-face{font-family:flexslider-icon;src:url(//ketozone.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.eot);src:url(//ketozone.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//ketozone.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//ketozone.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//ketozone.com/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0;overflow:initial!important}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}@-moz-document url-prefix(){.loading .flex-viewport{max-height:none}}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}.rtl .flexslider{direction:rtl}.rtl .carousel li{margin-right:5px}.rtl .flex-direction-nav a:before{content:'\f002'}.rtl .flex-direction-nav a.flex-next:before{content:'\f001'}.rtl .flex-direction-nav .flex-prev{left:auto;right:-50px}.rtl .flex-direction-nav .flex-next{right:auto;left:-50px;text-align:left}.rtl .flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:auto;right:10px}.rtl .flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:auto;left:10px}.rtl .flex-pauseplay a{left:auto;right:10px}@media screen and (max-width:860px){.rtl .flex-direction-nav .flex-prev{left:auto;right:10px}.rtl .flex-direction-nav .flex-next{right:auto;left:10px}}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//ketozone.com/wp-content/themes/exproduct/assets/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//ketozone.com/wp-content/themes/exproduct/assets/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//ketozone.com/wp-content/themes/exproduct/assets/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//ketozone.com/wp-content/themes/exproduct/assets/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//ketozone.com/wp-content/themes/exproduct/assets/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//ketozone.com/wp-content/themes/exproduct/assets/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}@font-face{font-family:'FontAwesome';src:url(//ketozone.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//ketozone.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//ketozone.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//ketozone.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//ketozone.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//ketozone.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.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(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-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);-ms-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{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.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}@font-face {
font-family: 'Pe-icon-7-stroke';
src:url(//ketozone.com/wp-content/themes/exproduct/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?d7yf1v);
src:url(//ketozone.com/wp-content/themes/exproduct/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),
url(//ketozone.com/wp-content/themes/exproduct/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),
url(//ketozone.com/wp-content/themes/exproduct/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),
url(//ketozone.com/wp-content/themes/exproduct/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
display: inline-block;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
content: "\e6aa";
}
.pe-7s-arc:before {
content: "\e6ab";
}
.pe-7s-back-2:before {
content: "\e6ac";
}
.pe-7s-bandaid:before {
content: "\e6ad";
}
.pe-7s-car:before {
content: "\e6ae";
}
.pe-7s-diamond:before {
content: "\e6af";
}
.pe-7s-door-lock:before {
content: "\e6b0";
}
.pe-7s-eyedropper:before {
content: "\e6b1";
}
.pe-7s-female:before {
content: "\e6b2";
}
.pe-7s-gym:before {
content: "\e6b3";
}
.pe-7s-hammer:before {
content: "\e6b4";
}
.pe-7s-headphones:before {
content: "\e6b5";
}
.pe-7s-helm:before {
content: "\e6b6";
}
.pe-7s-hourglass:before {
content: "\e6b7";
}
.pe-7s-leaf:before {
content: "\e6b8";
}
.pe-7s-magic-wand:before {
content: "\e6b9";
}
.pe-7s-male:before {
content: "\e6ba";
}
.pe-7s-map-2:before {
content: "\e6bb";
}
.pe-7s-next-2:before {
content: "\e6bc";
}
.pe-7s-paint-bucket:before {
content: "\e6bd";
}
.pe-7s-pendrive:before {
content: "\e6be";
}
.pe-7s-photo:before {
content: "\e6bf";
}
.pe-7s-piggy:before {
content: "\e6c0";
}
.pe-7s-plugin:before {
content: "\e6c1";
}
.pe-7s-refresh-2:before {
content: "\e6c2";
}
.pe-7s-rocket:before {
content: "\e6c3";
}
.pe-7s-settings:before {
content: "\e6c4";
}
.pe-7s-shield:before {
content: "\e6c5";
}
.pe-7s-smile:before {
content: "\e6c6";
}
.pe-7s-usb:before {
content: "\e6c7";
}
.pe-7s-vector:before {
content: "\e6c8";
}
.pe-7s-wine:before {
content: "\e6c9";
}
.pe-7s-cloud-upload:before {
content: "\e68a";
}
.pe-7s-cash:before {
content: "\e68c";
}
.pe-7s-close:before {
content: "\e680";
}
.pe-7s-bluetooth:before {
content: "\e68d";
}
.pe-7s-cloud-download:before {
content: "\e68b";
}
.pe-7s-way:before {
content: "\e68e";
}
.pe-7s-close-circle:before {
content: "\e681";
}
.pe-7s-id:before {
content: "\e68f";
}
.pe-7s-angle-up:before {
content: "\e682";
}
.pe-7s-wristwatch:before {
content: "\e690";
}
.pe-7s-angle-up-circle:before {
content: "\e683";
}
.pe-7s-world:before {
content: "\e691";
}
.pe-7s-angle-right:before {
content: "\e684";
}
.pe-7s-volume:before {
content: "\e692";
}
.pe-7s-angle-right-circle:before {
content: "\e685";
}
.pe-7s-users:before {
content: "\e693";
}
.pe-7s-angle-left:before {
content: "\e686";
}
.pe-7s-user-female:before {
content: "\e694";
}
.pe-7s-angle-left-circle:before {
content: "\e687";
}
.pe-7s-up-arrow:before {
content: "\e695";
}
.pe-7s-angle-down:before {
content: "\e688";
}
.pe-7s-switch:before {
content: "\e696";
}
.pe-7s-angle-down-circle:before {
content: "\e689";
}
.pe-7s-scissors:before {
content: "\e697";
}
.pe-7s-wallet:before {
content: "\e600";
}
.pe-7s-safe:before {
content: "\e698";
}
.pe-7s-volume2:before {
content: "\e601";
}
.pe-7s-volume1:before {
content: "\e602";
}
.pe-7s-voicemail:before {
content: "\e603";
}
.pe-7s-video:before {
content: "\e604";
}
.pe-7s-user:before {
content: "\e605";
}
.pe-7s-upload:before {
content: "\e606";
}
.pe-7s-unlock:before {
content: "\e607";
}
.pe-7s-umbrella:before {
content: "\e608";
}
.pe-7s-trash:before {
content: "\e609";
}
.pe-7s-tools:before {
content: "\e60a";
}
.pe-7s-timer:before {
content: "\e60b";
}
.pe-7s-ticket:before {
content: "\e60c";
}
.pe-7s-target:before {
content: "\e60d";
}
.pe-7s-sun:before {
content: "\e60e";
}
.pe-7s-study:before {
content: "\e60f";
}
.pe-7s-stopwatch:before {
content: "\e610";
}
.pe-7s-star:before {
content: "\e611";
}
.pe-7s-speaker:before {
content: "\e612";
}
.pe-7s-signal:before {
content: "\e613";
}
.pe-7s-shuffle:before {
content: "\e614";
}
.pe-7s-shopbag:before {
content: "\e615";
}
.pe-7s-share:before {
content: "\e616";
}
.pe-7s-server:before {
content: "\e617";
}
.pe-7s-search:before {
content: "\e618";
}
.pe-7s-film:before {
content: "\e6a5";
}
.pe-7s-science:before {
content: "\e619";
}
.pe-7s-disk:before {
content: "\e6a6";
}
.pe-7s-ribbon:before {
content: "\e61a";
}
.pe-7s-repeat:before {
content: "\e61b";
}
.pe-7s-refresh:before {
content: "\e61c";
}
.pe-7s-add-user:before {
content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
content: "\e61d";
}
.pe-7s-paperclip:before {
content: "\e69c";
}
.pe-7s-radio:before {
content: "\e61e";
}
.pe-7s-note2:before {
content: "\e69d";
}
.pe-7s-print:before {
content: "\e61f";
}
.pe-7s-network:before {
content: "\e69e";
}
.pe-7s-prev:before {
content: "\e620";
}
.pe-7s-mute:before {
content: "\e69f";
}
.pe-7s-power:before {
content: "\e621";
}
.pe-7s-medal:before {
content: "\e6a0";
}
.pe-7s-portfolio:before {
content: "\e622";
}
.pe-7s-like2:before {
content: "\e6a1";
}
.pe-7s-plus:before {
content: "\e623";
}
.pe-7s-left-arrow:before {
content: "\e6a2";
}
.pe-7s-play:before {
content: "\e624";
}
.pe-7s-key:before {
content: "\e6a3";
}
.pe-7s-plane:before {
content: "\e625";
}
.pe-7s-joy:before {
content: "\e6a4";
}
.pe-7s-photo-gallery:before {
content: "\e626";
}
.pe-7s-pin:before {
content: "\e69b";
}
.pe-7s-phone:before {
content: "\e627";
}
.pe-7s-plug:before {
content: "\e69a";
}
.pe-7s-pen:before {
content: "\e628";
}
.pe-7s-right-arrow:before {
content: "\e699";
}
.pe-7s-paper-plane:before {
content: "\e629";
}
.pe-7s-delete-user:before {
content: "\e6a7";
}
.pe-7s-paint:before {
content: "\e62a";
}
.pe-7s-bottom-arrow:before {
content: "\e6a8";
}
.pe-7s-notebook:before {
content: "\e62b";
}
.pe-7s-note:before {
content: "\e62c";
}
.pe-7s-next:before {
content: "\e62d";
}
.pe-7s-news-paper:before {
content: "\e62e";
}
.pe-7s-musiclist:before {
content: "\e62f";
}
.pe-7s-music:before {
content: "\e630";
}
.pe-7s-mouse:before {
content: "\e631";
}
.pe-7s-more:before {
content: "\e632";
}
.pe-7s-moon:before {
content: "\e633";
}
.pe-7s-monitor:before {
content: "\e634";
}
.pe-7s-micro:before {
content: "\e635";
}
.pe-7s-menu:before {
content: "\e636";
}
.pe-7s-map:before {
content: "\e637";
}
.pe-7s-map-marker:before {
content: "\e638";
}
.pe-7s-mail:before {
content: "\e639";
}
.pe-7s-mail-open:before {
content: "\e63a";
}
.pe-7s-mail-open-file:before {
content: "\e63b";
}
.pe-7s-magnet:before {
content: "\e63c";
}
.pe-7s-loop:before {
content: "\e63d";
}
.pe-7s-look:before {
content: "\e63e";
}
.pe-7s-lock:before {
content: "\e63f";
}
.pe-7s-lintern:before {
content: "\e640";
}
.pe-7s-link:before {
content: "\e641";
}
.pe-7s-like:before {
content: "\e642";
}
.pe-7s-light:before {
content: "\e643";
}
.pe-7s-less:before {
content: "\e644";
}
.pe-7s-keypad:before {
content: "\e645";
}
.pe-7s-junk:before {
content: "\e646";
}
.pe-7s-info:before {
content: "\e647";
}
.pe-7s-home:before {
content: "\e648";
}
.pe-7s-help2:before {
content: "\e649";
}
.pe-7s-help1:before {
content: "\e64a";
}
.pe-7s-graph3:before {
content: "\e64b";
}
.pe-7s-graph2:before {
content: "\e64c";
}
.pe-7s-graph1:before {
content: "\e64d";
}
.pe-7s-graph:before {
content: "\e64e";
}
.pe-7s-global:before {
content: "\e64f";
}
.pe-7s-gleam:before {
content: "\e650";
}
.pe-7s-glasses:before {
content: "\e651";
}
.pe-7s-gift:before {
content: "\e652";
}
.pe-7s-folder:before {
content: "\e653";
}
.pe-7s-flag:before {
content: "\e654";
}
.pe-7s-filter:before {
content: "\e655";
}
.pe-7s-file:before {
content: "\e656";
}
.pe-7s-expand1:before {
content: "\e657";
}
.pe-7s-exapnd2:before {
content: "\e658";
}
.pe-7s-edit:before {
content: "\e659";
}
.pe-7s-drop:before {
content: "\e65a";
}
.pe-7s-drawer:before {
content: "\e65b";
}
.pe-7s-download:before {
content: "\e65c";
}
.pe-7s-display2:before {
content: "\e65d";
}
.pe-7s-display1:before {
content: "\e65e";
}
.pe-7s-diskette:before {
content: "\e65f";
}
.pe-7s-date:before {
content: "\e660";
}
.pe-7s-cup:before {
content: "\e661";
}
.pe-7s-culture:before {
content: "\e662";
}
.pe-7s-crop:before {
content: "\e663";
}
.pe-7s-credit:before {
content: "\e664";
}
.pe-7s-copy-file:before {
content: "\e665";
}
.pe-7s-config:before {
content: "\e666";
}
.pe-7s-compass:before {
content: "\e667";
}
.pe-7s-comment:before {
content: "\e668";
}
.pe-7s-coffee:before {
content: "\e669";
}
.pe-7s-cloud:before {
content: "\e66a";
}
.pe-7s-clock:before {
content: "\e66b";
}
.pe-7s-check:before {
content: "\e66c";
}
.pe-7s-chat:before {
content: "\e66d";
}
.pe-7s-cart:before {
content: "\e66e";
}
.pe-7s-camera:before {
content: "\e66f";
}
.pe-7s-call:before {
content: "\e670";
}
.pe-7s-calculator:before {
content: "\e671";
}
.pe-7s-browser:before {
content: "\e672";
}
.pe-7s-box2:before {
content: "\e673";
}
.pe-7s-box1:before {
content: "\e674";
}
.pe-7s-bookmarks:before {
content: "\e675";
}
.pe-7s-bicycle:before {
content: "\e676";
}
.pe-7s-bell:before {
content: "\e677";
}
.pe-7s-battery:before {
content: "\e678";
}
.pe-7s-ball:before {
content: "\e679";
}
.pe-7s-back:before {
content: "\e67a";
}
.pe-7s-attention:before {
content: "\e67b";
}
.pe-7s-anchor:before {
content: "\e67c";
}
.pe-7s-albums:before {
content: "\e67d";
}
.pe-7s-alarm:before {
content: "\e67e";
}
.pe-7s-airplay:before {
content: "\e67f";
}@font-face {
font-family: 'flaticon';
src: url(//ketozone.com/wp-content/themes/exproduct/fonts/flaticon/font/flaticon.eot?85286935);
src: url(//ketozone.com/wp-content/themes/exproduct/fonts/flaticon/font/flaticon.eot?85286935#iefix) format('embedded-opentype'),
url(//ketozone.com/wp-content/themes/exproduct/fonts/flaticon/font/flaticon.woff2?85286935) format('woff2'),
url(//ketozone.com/wp-content/themes/exproduct/fonts/flaticon/font/flaticon.woff?85286935) format('woff'),
url(//ketozone.com/wp-content/themes/exproduct/fonts/flaticon/font/flaticon.ttf?85286935) format('truetype'),
url(//ketozone.com/wp-content/themes/exproduct/fonts/flaticon/font/flaticon.svg?85286935#flaticon) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="flaticon-"]:before, [class*=" flaticon-"]:before {
font-family: "flaticon";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.flaticon-shopping-cart-empty:before { content: '\e810'; } .flaticon-shopping-cart:before { content: '\f101'; } .flaticon-shopping-bag:before { content: '\f102'; } .flaticon-basket:before { content: '\f103'; } .flaticon-food:before { content: '\f104'; } .flaticon-interface:before { content: '\f105'; } .flaticon-web:before { content: '\f106'; } .flaticon-social:before { content: '\f107'; } .flaticon-gps:before { content: '\f108'; } .flaticon-diamond-store:before { content: '\f109'; } .flaticon-day-one:before { content: '\f10a'; } .flaticon-map-placeholders:before { content: '\f10b'; } .flaticon-white-cogwheel:before { content: '\f10c'; } .flaticon-people:before { content: '\f10d'; } .flaticon-voice-recorder:before { content: '\f10e'; } .flaticon-history-clock-button:before { content: '\f10f'; }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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height:1.4;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q,
blockquote {
quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
} body {
font-size: 15px;
color: #333333;
overflow-x: hidden;
}
* {
outline: none !important;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
.img-responsive {
display: inline-block;
vertical-align: middle;
}
.vtop {
display: inline-block;
vertical-align: top;
float: none;
}
.vertical-middle {
vertical-align: middle;
}
.vertical-bottom {
vertical-align: bottom;
}
.no-margin {
margin: 0 !important;
}
.row.row-margin {
margin-bottom: 40px;
}
.row.no-gutter {
margin-left: 0;
margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
padding-left: 0;
padding-right: 0;
}
.relative {
position: relative;
}
.text-white {
color: #fff;
}
.no-border {
border: none !important;
}
.font-bold {
font-weight: bold;
}
.font-bold.btn {
font-weight: bold;
}
.invertX {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
display: none;
}
.gmnoprint div {
background: none !important;
}
h1 {
font-size: 44px;
margin: 0;
font-weight: 400;
}
h2 {
font-size: 36px;
margin: 0 ;
font-weight: 400;
}
h3 {
font-size: 28px;
margin: 0 
font-weight: 400;
}
h4 {
font-size: 20px;
margin: 0 ;
font-weight: 400;
} 
h5 {
font-size: 18px;
margin: 0 ;
font-weight: 400;
}
h6 {
font-size: 16px;
margin: 0 ;
font-weight: 400;
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
font-weight: bold;
}
h1.with-underline.under-orange:after,
h2.with-underline.under-orange:after,
h3.with-underline.under-orange:after,
h4.with-underline.under-orange:after,
h5.with-underline.under-orange:after,
h6.with-underline.under-orange:after {
border-color: #ed912a;
}
h1.with-underline.under-blue:after,
h2.with-underline.under-blue:after,
h3.with-underline.under-blue:after,
h4.with-underline.under-blue:after,
h5.with-underline.under-blue:after,
h6.with-underline.under-blue:after {
border-color: #088cdc;
}
h1.with-underline:after,
h2.with-underline:after,
h3.with-underline:after,
h4.with-underline:after,
h5.with-underline:after,
h6.with-underline:after {
content: "";
display: block;
width: 60px;
max-width: 100%;
border-bottom: 1px solid #088cdc;
margin-top: 20px;
margin-bottom: 0.5em;
}
.bold {
font-weight: bold;
}
a.orange:hover {
color: #ed912a;
}
a:hover {
text-decoration: none;
}
p , .rtd {
font-size: 15px;
line-height: 1.7;
margin-bottom: 10px;
color: #333333;
}
p span.hightlited-blue,
p span.hightlited-orange {
padding: 0 5px;
color: #fff;
}
p span.hightlited-blue {
background: #088cdc;
}
p span.hightlited-orange {
background: #ed912a;
}
p span.hightlited-dotted {
border: 1px dotted #777777;
color: #088cdc;
padding: 0 5px;
}
p .first-letter {
font-size: 48px;
width: 60px;
font-weight: bold;
text-align: center;
line-height: 60px;
margin: 8px 15px 15px 0;
float: left;
text-transform: uppercase;
}
p .first-letter.circle {
border-radius: 50%;
}
p .first-letter.blue-first-letter {
background: #237ac6;
color: #fff;
}
p .first-letter.square {
font-size: 32px;
line-height: 40px;
height: 40px;
width: 40px;
}
p .first-letter.orange-first-letter {
background: #ed912a;
color: #fff;
}
blockquote {
display: block;
}
blockquote.blockquote-free {
padding: 15px 0 15px 70px;
font-size: 26px;
color: #333;
font-style: italic;
line-height: 36px;
margin-bottom: 60px;
}
blockquote.blockquote-free .author {
font-size: 14px;
font-weight: bold;
color: #ed912a;
text-transform: uppercase;
font-style: normal;
}
blockquote.blockquote-box {
padding: 15px 35px 10px 35px;
font-size: 14px; font-style: italic;
line-height: 28px;
margin-bottom: 60px;
background: #f6f6f6;
border-left: 5px solid #ed912a;
}
blockquote.blockquote-box p{
font-size: 14px; 
font-style: italic;
line-height: 28px;
}
blockquote.blockquote-box.text-left {
text-align: left;
}
blockquote.blockquote-box.white-blockquote {
background-color: #fff;
}
blockquote.blockquote-full {
padding: 50px 25px 50px 135px;
font-size: 16px;
color: #fff;
font-weight: bold;
line-height: 30px;
margin-bottom: 60px;
background-color: #237ac6;
}
blockquote.blockquote-full.blue-blockquote {
background: url(//ketozone.com/wp-content/themes/exproduct/images/icons/quotes-orange-circle.png) 34px 59px no-repeat;
background-color: #237ac6;
}
.blockquote-box {
text-align: right;
margin-bottom: 20px;
}
.blockquote-box.white-box blockquote {
background: url(//ketozone.com/wp-content/themes/exproduct/images/icons/quotes-orange.png) 40px 40px no-repeat;
background-color: #fff;
background-size: 25px 20px;
}
.blockquote-box.white-box blockquote:after {
border-left-color: #fff;
}
.blockquote-box.white-box .wrap-author .avatar {
border: 5px solid #fff;
}
.blockquote-box blockquote {
text-align: left;
padding: 40px 20px 40px 80px;
color: #333333;
font-style: italic;
line-height: 28px;
position: relative;
margin-bottom: 30px;
background: url(//ketozone.com/wp-content/themes/exproduct/images/icons/quotes-orange.png) 40px 40px no-repeat;
background-color: #f6f6f6;
background-size: 25px 20px;
}
.blockquote-box blockquote:after {
content: "";
border: 20px solid transparent;
border-left-color: #f6f6f6;
display: block;
position: absolute;
top: 100%;
right: 30px;
margin-top: -20px;
}
.blockquote-box .wrap-author {
display: inline-block;
text-align: left;
}
.blockquote-box .wrap-author .avatar {
overflow: hidden;
width: 60px;
height: 60px;
border: 5px solid #f6f6f6;
border-radius: 50%;
background: #fff;
}
.blockquote-box .wrap-author .author {
padding-left: 10px;
}
.blockquote-box .wrap-author .author a {
display: block;
color: #237ac6;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.blockquote-box .wrap-author .author span {
color: #777777;
font-size: 13px;
font-style: italic;
text-align: left;
}
.post-password-form input[type=password]{
background: #fff none repeat scroll 0 0;
border: 1px solid #dddddd;
border-radius: 0;
color: #333;
font-size: 15px;
padding: 5px;
}
input[type=submit] , button[type=submit]  {
font-size: 15px;
font-weight: 700;
padding: 15px 25px;
line-height: 18px;
border:7px solid rgba(0, 0, 0, 0.1);
border-radius: 100px;
text-transform: uppercase;
background: #ffb049;
box-shadow: none !important;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
color: #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.pix-row-overlay{
overflow: hidden;
}
.wpcf7  input[type=submit]  {
float: right;
}
.wpcf7 input[type=text] , .wpcf7 input[type=email]{
border: 0;
border-bottom: 1px solid #eee ;
margin-bottom: 25px !important;
padding: 10px !important;
width: 100%;
margin: 10px 0px;
background: transparent;
}
.wpcf7-textarea{
border-bottom: 1px solid #eee !important;
background: transparent;
margin-bottom: 25px !important;
padding: 10px !important;
width: 100%;
margin: 10px 0px;
height: 245px;
border: 0;
}
.wpcf7  label {
display: inline-block;
width: 100%;
}
.wpcf7  .order-form label{
display: inline-block !important;
width: auto !important;
margin: 0 13px;
font-size: 39px;
}
.carlos-scroll  .wpcf7 input[type=text], .wpcf7 input[type=email] , .carlos-scroll .wpcf7-textarea {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.text-white-color  ::-webkit-input-placeholder {color:#fff; opacity: 0.5;}
.text-white-color  ::-moz-placeholder          {color:#fff;  opacity: 0.5;} .text-white-color  :-moz-placeholder           {color:#fff;  opacity: 0.5;} .text-white-color  :-ms-input-placeholder      {color:#fff;  opacity: 0.5;}
.text-white-color .wpcf7 input[type=text] , .text-white-color .wpcf7 input[type=email]{
color: #fff !important;
}
.wpcf7-not-valid{
border-color:red !important;
}
.wpcf7  .order-form input[type=text],  .wpcf7  .order-form input[type=email] {
border-bottom: 1px solid #eee !important;
color: #333333;
font-size: 35px;
padding-left: 0 !Important;
margin-left: 10px;
position: relative;
top: -2px;
margin-bottom: 0 !important;
}
.wpcf7  .order-form input[type=submit] {
float: none;
display: block;
margin: 29px auto 0 !important;
padding: 15px;
font-size: 18px;
height: auto;
max-width: 800px;
width: 100%;
}
.wpcf7  .order-form .wpcf7-form-control-wrap {
position: relative;
display: inline-block;
}
#respond .btn {
margin: 25px 0;
float: right;
}
.btn.btn-warning {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 10px 25px;
line-height: 30px;
border-radius: 3px;
text-transform: uppercase;
box-shadow: none !important;
}
.btn .fa {
font-size: 14px;
padding-left: 10px;
}
.btn .icon-envelope {
line-height: 30px;
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
}
.btn.btn-sm {
padding: 5px 15px;
font-size: 13px;
}
.btn.btn-lg {
padding: 15px 35px;
font-size: 18px;
}
.btn.btn-checkbox {
padding: 0;
line-height: 30px;
color: #555555;
text-transform: none;
margin-right: 10px;
}
.btn.btn-checkbox.active:before {
font-family: FontAwesome;
content: "\f00c";
color: #555;
}
.btn.btn-checkbox.checkbox-blue:before {
background: #088cdc;
border-color: #088cdc;
color: #fff;
}
.btn.btn-checkbox.checkbox-orange:before {
background: #ed912a;
border-color: #ed912a;
color: #fff;
}
.btn.btn-checkbox:before {
content: "";
width: 22px;
height: 22px;
border: 1px solid #cccccc;
background: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 5px;
line-height: 20px;
text-align: center;
}
.btn.btn-radio {
padding: 0;
line-height: 30px;
color: #555555;
text-transform: none;
margin-right: 10px;
}
.btn.btn-radio.active:before {
font-family: FontAwesome;
content: "\f111";
color: #555;
}
.btn.btn-radio.radio-blue:before {
background: #088cdc;
border-color: #088cdc;
color: #fff;
}
.btn.btn-radio.radio-white:before {
border: 1px solid #ccc;
background: #fff;
color: #088cdc;
}
.btn.btn-radio:before {
content: "";
width: 18px;
height: 18px;
border: 1px solid #cccccc;
background: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 5px;
line-height: 16px;
text-align: center;
border-radius: 50%;
font-size: 10px;
}
.btn.btn-primary {
background: #237ac6;
border: 1px solid #237ac6 !important;
color: #fff;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
background: #1664A9;
}
.btn.btn-white-orange {
color: #333;
background: #fff;
border: 1px solid #ddd;
}
.btn.btn-white-orange.orange {
color: #ed912a;
}
.btn.btn-white-orange.orange i {
color: #088cdc;
}
.btn.btn-white-orange:active,
.btn.btn-white-orange:focus,
.btn.btn-white-orange:hover {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
}
.btn.btn-white-orange:active i,
.btn.btn-white-orange:focus i,
.btn.btn-white-orange:hover i {
color: #fff;
}
.btn.btn-white-orange:active.no-border,
.btn.btn-white-orange:focus.no-border,
.btn.btn-white-orange:hover.no-border {
border: none !important;
}
.btn.btn-white-orange.no-border {
border: none !important;
}
.under-name:after {
border-top: 1px solid #237ac6;
content: "";
display: block;
margin: 15px auto 0;
width: 40px;
}
.post-body  .btn {
background: #ed912a;
border: 1px solid #ed912a !important;
color: #fff;
}
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:hover {
background: #DF831D;
}
.btn.btn-default {
background: #f6f6f6;
border: 2px solid #eeeeee !important;
color: #555555;
}
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover {
background: #EFEFEF;
}
.btn.btn-default.btn-default-bordered {
border: 2px solid #cccccc !important;
}
.btn.btn-transparent {
background: none;
border: none;
box-shadow: none;
}
.btn.btn-transparent.orange i {
color: #237ac6;
}
.btn.btn-transparent.orange:hover {
color: #ed912a;
}
.input-group input[type=text] {
height: 52px;
background: #fff;
}
.input-group input[type=text]:first-child {
padding-left: 15px;
border-radius: 3px 0 0 3px;
}
.form-group.has-feedback input[type=text]-feedback {
line-height: 40px;
height: 40px;
color: #ed912a;
}
.form-group.has-feedback input[type=text] {
padding-right: 45px;
}
textarea {
max-width: 100%;
}
textareainput[type=text] {
margin-bottom: 40px;
min-height: 100px;
resize: none;
}
input[type=text] {
padding: 10px 0;
background: none;
box-shadow: none !important;
outline: none;
border: none;
border-bottom: 1px solid #dddddd;
border-radius: 0;
border-radius: none;
padding-left: 0;
color: #999;
color: #aaaaaa;
font-size: 15px;
font-weight: 400;
width: 100%;
margin-bottom: 25px;
}
textarea {
background: none;
box-shadow: none !important;
outline: none;
border: none;
border-bottom: 1px solid #dddddd;
border-radius: 0;
border-radius: none;
padding-left: 0;
color: #999;
color: #aaaaaa;
font-size: 15px;
font-weight: 400;
width: 100%;
padding: 10px 0;
}
#respond textarea {
background: #fff;
border: 1px solid #dddddd;
padding-left: 0;
font-size: 15px;
width: 100% !important;
padding: 16px 30px;
min-height: 180px;
border-radius: 30px;
color: #333;
line-height: 26px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.logged-in-as{
padding-bottom: 10px;
padding-top: 10px;
font-size: 13px;
}
.comment-reply-title {
position: relative;
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
color: #333333;
}
.comment-reply-title small {
padding-left: 10px;
}
input[type=text]:focus,
input[type=text]:active {
border-color: #dddddd;
}
input[type=text].bordered {
border: 1px solid #ddd;
border-radius: 2px;
color: #777777;
font-style: italic;
padding: 0 15px;
}
input[type=text]-feedback { }
.orange {
color: #ed912a;
}
.orange + .tooltip .tooltip-inner {
background: #ed912a;
color: #fff;
text-transform: uppercase;
border-radius: 0;
}
.orange + .tooltip .tooltip-arrow {
border-top-color: #ed912a;
}
.blue {
color: #088cdc;
}
.blue + .tooltip .tooltip-inner {
background: #088cdc;
color: #fff;
text-transform: uppercase;
border-radius: 0;
}
.blue + .tooltip .tooltip-arrow {
border-top-color: #088cdc;
}
.grey {
color: #aaaaaa;
}
.dark {
position: relative;
}
.dark.dark-strong:after {
background: #0b0f12;
opacity: 0.9;
}
.dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #191919;
opacity: 0.72;
z-index: 1;
}
.blue-dark {
position: relative;
}
.blue-dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #237ac6;
opacity: 0.95;
z-index: 1;
}
.blue-dark.solid:after {
opacity: 1;
}
.orange-dark {
position: relative;
}
.orange-dark:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #ed912a;
opacity: 0.95;
z-index: 1;
}
.dark-content {
position: relative;
z-index: 2;
}
.light-title {
font-size: 30px;
margin-bottom: 30px;
font-weight: 100;
color: #777777;
}
ul.list,
ol.list {
margin-bottom: 30px;
}
ul.list.list-round-check.orange-list li:before,
ol.list.list-round-check.orange-list li:before {
color: #ed912a;
}
ul.list.list-round-check li:before,
ol.list.list-round-check li:before {
font-family: FontAwesome;
content: "\f05d";
color: #111;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-caret-right li:before,
ol.list.list-caret-right li:before {
font-family: FontAwesome;
content: "\f0da";
color: #237ac6;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-check li:before,
ol.list.list-check li:before {
font-family: FontAwesome;
content: "\f00c";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-check li.disable:before,
ol.list.list-check li.disable:before {
content: "\f00d";
color: #ed912a;
}
ul.list.list-angle-right li:before,
ol.list.list-angle-right li:before {
font-family: FontAwesome;
content: "\f105";
color: #ed912a;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-square li:before,
ol.list.list-square li:before {
font-family: FontAwesome;
content: "\f096";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-arrow-right li:before,
ol.list.list-arrow-right li:before {
font-family: FontAwesome;
content: "\f178";
color: #088cdc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list.list-circle li:before,
ol.list.list-circle li:before {
font-family: FontAwesome;
content: "\f111";
color: #ed912a;
font-size: 10px;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
ul.list li,
ol.list li {
line-height: 30px;
color: #333333;
font-size: 15px;
text-align: left;
list-style: none;
}
ul.list-counter,
ol.list-counter {
counter-reset: item;
}
ul.list-counter li,
ol.list-counter li {
line-height: 30px;
color: #333333;
font-size: 15px;
text-align: left;
}
ul.list-counter li:before,
ol.list-counter li:before {
content: counter(item) ". ";
counter-increment: item;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
color: #ed912a;
}
ul.list-counter.list-counter-circle li:before,
ol.list-counter.list-counter-circle li:before {
content: counter(item);
color: #fff;
background: #111;
border-radius: 50%;
line-height: 20px;
width: 20px;
text-align: center;
}
.table { border: 1px solid #eeeeee; }
.table thead tr th {
font-weight: bold;
text-transform: uppercase;
color: #333333;
font-size: 14px;
font-weight: 900;
text-align: left;
line-height: 30px;
padding: 12px 15px;
border-bottom: 4px solid #237ac6;
}
.table thead tr th:first-child {
text-align: center;
}
.table tbody tr td {
color: #333333;
font-size: 15px;
font-weight: 400;
line-height: 25px;
text-align: left;
border-bottom: 1px solid #eeeeee;
padding: 10px 15px;
}
.table tbody tr td:first-child {
text-align: center;
}
.table.table-warning thead tr th {
border-bottom: 4px solid #ed912a;
}
.table.table-mixed thead tr th {
background: #237ac6;
color: #fff;
border-left: none;
border-right: none;
border-bottom: 4px solid #ed912a;
}
.table.table-mixed tbody tr td {
border-color: #eeeeee;
} .footer .common-footer{
padding: 80px 0 80px;
}
.footer.contact-footer {
padding: 100px 0 20px;
}
.footer .footer-text {
margin-bottom: 60px;
color: #fefefe;
}
.footer .footer-logo {
margin-bottom: 20px;
}
.footer .list-social {
margin-bottom: 20px;
}
footer ul{
list-style: none;
margin: 0;
padding: 0;
}
.footer .list-social ul li {
display: inline-block;
vertical-align: middle;
}
.footer .list-social ul li a {
font-size: 16px;
color: rgba(170, 170, 170, 0.8);
padding: 0 10px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.footer .list-social ul li a:hover {
color: #fff;
}
.footer .copyright {
color: #777;
font-size: 12px;
text-transform: uppercase;
}
.footer input[type=text] {
border-color: #444444;
}
.footer{
margin-top: 40px;
font-size: 14px;
border-top: 1px solid #f0f0f0;
}
.footer li , .single-staticblocks .page-content li{
padding-bottom: 15px;
font-size: 14px;
}
.single-staticblocks .page-content{
padding-top: 5%;
}
.coming-soon-footer {
padding: 60px 0;
border-top: 1px solid #eeeeee;
position: relative;
color: #7e848e;
text-transform: uppercase;
}
.coming-soon-footer .footer-logo {
margin-bottom: 20px;
}
.coming-soon-footer .list-social {
margin-bottom: 20px;
}
.coming-soon-footer .list-social ul li {
display: inline-block;
vertical-align: middle;
}
.coming-soon-footer .list-social ul li a {
font-size: 16px;
color: rgba(170, 170, 170, 0.8);
padding: 0 10px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.coming-soon-footer .list-social ul li a:hover {
color: #fff;
}
.coming-soon-footer .copyright {
color: #7e848e;
font-size: 12px;
}
.coming-soon-footer:before {
content: "";
background-color: #ffffff;
border: 1px solid #eeeeee;
width: 10px;
height: 11px;
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
margin-top: -5px;
} body{
background: #fff  ;
transition: background 0.5s ease;
}
.page-layout-full-width   .page-content > .container{
width: 100%; 
}
.page-layout-boxed{
max-width: 1240px;
overflow: hidden;
margin: 0 auto;
background: #fff;
} .work-body-sticky  .sticky {
margin-top: 20px;
position: fixed;
z-index: 101;
}
.work-body-sticky  .stop {
position: relative;
z-index: 101;
}
.sidebar-widget {
margin-bottom: 40px;
}
.sidebar-widget .widget-heading {
color: #333333;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 25px;
}
.sidebar-widget .widget-heading:after {
content: "";
display: block;
width: 60px;
max-width: 100%;
border-bottom: 1px solid #ddd;
margin-top: 15px;
margin-bottom: 0.5em;
}
.sidebar-widget.widget-categories .categories-list ul li.active a,
.sidebar-widget.widget-categories .categories-list ul li:hover a {
color: #237ac6;
}
.sidebar-widget.widget-categories .categories-list ul li.active a i,
.sidebar-widget.widget-categories .categories-list ul li:hover a i {
color: #ed912a;
}
.sidebar-widget.widget-categories .categories-list ul li a {
color: #333333;
font-size: 15px;
line-height: 26px;
text-align: left;
display: block;
padding: 12px 0;
border-bottom: 1px solid #eeeeee;
}
.sidebar-widget.widget-categories .categories-list ul li a i {
color: #237ac6;
margin-right: 10px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item {
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #eeeeee;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item img {
width: 70px;
max-height: 70px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .media-left {
padding-right: 20px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-title {
color: #333333;
font-size: 15px;
font-weight: 700;
line-height: 22px;
text-align: left;
margin-bottom: 10px;
display: block;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a {
color: #237ac6;
font-size: 12px;
margin-right: 10px;
}
.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a span {
color: #ddd;
}
.sidebar-widget.widget-tags .btn {
margin-bottom: 5px;
text-transform: capitalize;
} .top-arrow-effect {
position: relative;
}
.top-arrow-effect:before {
content: "";
display: block;
pointer-events: none;
height: 10px;
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
background: linear-gradient(to top, #f6f6f6, #ececec);
background: -webkit-linear-gradient(to top, #f6f6f6, #ececec);
background: -moz-linear-gradient(to top, #f6f6f6, #ececec);
}
.top-arrow-effect:after {
content: "";
position: absolute;
top: 0;
left: 50%;
border: 20px solid transparent;
border-left-width: 30px;
border-right-width: 30px;
border-top-color: #fff;
margin-left: -30px;
}
.bulge-bottom-container {
margin-top: -90px;
position: relative;
bottom: -90px;
}
.bulge-top-container {
margin-bottom: -70px;
position: relative;
top: -70px;
}
.counter-item .count {
color: #333333;
font-size: 52px;
font-weight: 700;
margin-bottom: 5px;
}
.counter-item .counter-title {
color: #555555;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.counter-item .counter-title:after {
content: "";
display: block;
border-top: 1px solid #237ac6;
width: 40px;
margin-top: 20px;
}
.sep-element {
border-bottom: 1px solid #237ac6;
width: 100px;
display: inline-block;
position: relative;
margin: 0 auto;
}
.sep-element:after {
content: "";
background-color: #ffffff;
border: 1px solid #237ac6;
width: 10px;
height: 11px;
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
margin-top: -5px;
}
.section-heading {
text-align: center;
padding: 50px 0 50px;
}
.section-heading.white-heading .section-subtitle {
color: rgba(170, 170, 170, 0.8);
}
.section-heading.white-heading .section-title {
color: #ffffff;
}
.section-heading.white-heading .sep-element {
border-color: #fff;
}
.section-heading.white-heading .sep-element:after {
border-color: #fff;
background: #2f3849;
}
.section-heading .section-subtitle {
color: rgba(170, 170, 170, 0.8);
font-size: 20px;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 4px;
}
.section-heading .section-title {
color: #333333;
font-size: 44px;
font-weight: 400;
margin-bottom: 30px; }
.header-section {
padding: 180px 0 100px;
text-align: center;
border-bottom: 6px solid #088cdc;
background-size: cover;
background-attachment: fixed;
}
.page-title-box {
line-height: 44px;
}
.ui-title-page h1{
color: #fff;
margin: 0;
font-size: 32px;
text-transform: uppercase;
}
.ui-title-page.pull-left h1, .ui-title-page.pull-left .subtitle{
text-align: left;
}
.ui-title-page.pull-right h1, .ui-title-page.pull-right .subtitle{
text-align: right;
}
.ui-title-page .subtitle{
color: #fff;
display: inline-block;
width: 100%;
line-height: 26px;
max-width: 1000px;
margin-top: 10px;
}
.breadcrumbs, .breadcrumbs a {
color: #fff;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
font-size: 12px;
}
.header-section p {
color: #fff;
}
.header-section.elements-header {
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/section-1.jpg) top center no-repeat;
background-size: cover;
}
.header-section.portfolio-single-header {
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/section-6.jpg) top center no-repeat;
background-size: cover;
}
.section-headings {
padding: 110px 0 80px;
background: #fff;
border-bottom: 1px solid #eeeeee;
margin-bottom: 3px;
}
.section-texts {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-lists {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-blockquotes {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-blockquotes .light-title {
margin-bottom: 70px;
}
.section-buttons {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-buttons .buttons-row {
padding: 17px 0;
}
.section-buttons .buttons-row .btn {
margin: 0 10px;
display: inline-block;
vertical-align: middle;
}
.section-pagination {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-forms {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-alerts {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-bars {
padding: 80px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 3px;
}
.section-tables {
padding: 80px 0;
border-top: 1px solid #eee;
}
.section-header-slider .vertical-slider {
text-align: center;
width: 100%;
max-width: 100% !important;
position: relative;
}
.section-header-slider .vertical-slider .sp-buttons {
position: absolute;
right: 30px;
top: 50%;
width: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-header-slider .vertical-slider .sp-buttons .sp-button {
display: block;
width: 10px;
height: 10px;
margin-bottom: 5px;
border-radius: 50%;
border: 1px solid #666668;
}
.section-header-slider .vertical-slider .sp-buttons .sp-button:hover,
.section-header-slider .vertical-slider .sp-buttons .sp-button.sp-selected-button {
background: #088cdc;
border-color: #088cdc;
}
.section-header-slider .vertical-slider .sp-layer {
position: relative;
}
.section-header-slider .vertical-slider .sp-mask {
height: 800px !important;
width: 100% !important;
background: #333;
}
.section-header-slider .vertical-slider .slide-item {
width: 100%;
text-align: center;
z-index: 5;
position: absolute;
height: 800px !important;
width: 100% !important;
}
.section-header-slider .vertical-slider .slide-item .slider-title {
font-size: 12px;
text-transform: uppercase;
color: #dddddd;
font-weight: bold;
margin-bottom: 40px;
}
.section-header-slider .vertical-slider .slide-item .slider-title i {
margin: 0 5px 0 8px;
font-size: 24px;
color: #ed912a;
text-shadow: #393a39 2px 0px, #393a39 2px 2px, #393a39 0px 2px, #393a39 -2px 2px, #393a39 -2px 0px, #393a39 -2px -2px, #393a39 0px -2px, #393a39 2px -2px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px;
}
.section-header-slider .vertical-slider .slide-item p {
color: #fff;
}
.section-header-slider .vertical-slider .slide-item .slide-image {
background: #000;
height: 800px;
overflow: hidden;
}
.section-header-slider .vertical-slider .slide-item .slide-image img {
width: auto;
min-width: 100%;
}
.section-header-slider .vertical-slider .slide-item .time {
color: #999999;
font-size: 13px;
font-style: italic;
margin-bottom: 30px;
display: inline-block;
vertical-align: middle;
}
.section-header-slider .vertical-slider .slide-item .slide-content {
padding: 250px 15px 0;
position: absolute;
top: 0;
left: 0;
right: 0;
padding-top: 320px;
padding-bottom: 280px;
}
.section-header-slider .vertical-slider .slide-item .slide-content.right-slide-content {
text-align: left;
}
.section-header-slider .vertical-slider .slide-item .slide-content .above-title {
color: #ffffff;
font-size: 30px;
font-weight: 300;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
letter-spacing: 6px;
margin-bottom: 5px;
}
.section-header-slider .vertical-slider .slide-item .slide-content h1 {
color: #ffffff;
font-size: 50px;
font-weight: 700;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.section-header-slider .vertical-slider .slide-item .slide-content p {
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
margin-bottom: 30px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn {
color: #fff;
margin: 0 4px;
min-width: 145px;
margin-bottom: 10px;
margin-left: 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:first-child {
margin-left: 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:hover,
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:focus,
.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn.active {
color: #fff;
background: #ed912a;
border-color: #ed912a !important;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video {
text-decoration: none !important;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video i {
font-size: 30px;
display: inline-block;
color: #ed912a;
margin-bottom: 15px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .watch-video span {
display: block;
text-transform: uppercase;
color: #ffffff;
font-size: 15px;
font-weight: 700;
font-style: italic;
text-decoration: none !important;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}
.section-header-slider .vertical-slider .owl-dots {
position: absolute;
right: 30px;
top: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-header-slider .vertical-slider .owl-dots .owl-dot {
display: block;
width: 10px;
height: 10px;
margin-bottom: 5px;
border-radius: 50%;
border: 1px solid #666668;
}
.section-header-slider .vertical-slider .owl-dots .owl-dot:hover,
.section-header-slider .vertical-slider .owl-dots .owl-dot.active {
background: #088cdc;
border-color: #088cdc;
}
.section-intro .iphone {
margin-top: -60px;
margin-bottom: -60px;
}
.section-intro .iphone  img{
max-width: 100%;
height: auto;
}
.section-intro .arrow {
padding-top: 155px;
margin-bottom: 30px;
}
.section-intro{
min-height: 315px;
}
.section-intro .intro-title {
color: #ffffff;
font-size: 60px;
font-weight: 700;
padding-left: 20px;
text-transform: uppercase;
}
.section-intro .intro-text {
color: #ffffff;
font-size: 28px;
font-weight: 400;
height: 219px;
padding-top: 68px;
text-align: left;
margin-bottom: 11px;
line-height: 40px;
}
.section-intro .under-intro-text {
color: #ffffff;
font-size: 28px;
font-weight: 700;
text-align: left;
}
.section-intro-2 {
padding: 60px 0;
border-bottom: 1px solid #ebebeb;
}
.section-intro-2 .counters {
padding-top: 70px;
}
.section-intro-2 p {
margin-bottom: 32px;
}
.section-services-2 {
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/section-4.jpg) top center no-repeat;
background-size: cover;
background-attachment: fixed;
}
.service-features-section {
padding-bottom: 80px;
position: relative;
}
.service-features-section:before {
content: "";
border-left: 1px solid #4590cf;
position: absolute;
display: block;
top: 55px;
bottom: 145px;
left: 50%;
z-index: 2;
}
.service-features-section .pages a {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
opacity: 0.7;
text-decoration: none;
}
.service-features-section .pages a:hover {
opacity: 1;
}
.service-features-section .pages a i {
font-size: 16px;
color: #fff;
}
.section-gallery {
padding-top: 80px;
}
.section-error-404 {
text-align: center;
padding: 220px 0 0 0;
margin-bottom: 30px;
}
.section-error-404 .logo-container {
background: #f6f6f6;
padding: 0 15px;
}
.section-error-404 .logo-container .text-404 {
width: 378px;
height: 164px;
background: url(//ketozone.com/wp-content/themes/exproduct/img/404.png) center no-repeat;
background-size: contain;
margin: 0 auto -30px;
position: relative;
top: -70px;
max-width: 100%;
}
.section-error-404 .logo-container h5 {
letter-spacing: 7px;
margin-bottom: 75px;
}
.section-error-404 .logo-container p {
font-size: 20px;
margin-bottom: 100px;
}
.section-error-404 .logo-container p strong {
font-weight: bold;
}
.section-error-404 .gohome-container {
background: #237ac6;
padding: 35px 0;
margin-top: -35px;
}
.section-coming-soon {
padding: 140px 0 120px;
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/section-2.jpg) top center no-repeat;
background-size: cover;
text-align: center;
}
.section-coming-soon .big-logo {
margin-bottom: 35px;
}
.section-coming-soon.section-contact-2 {
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/section-2.jpg) top center no-repeat;
background-size: cover;
}
.section-coming-soon h5 {
color: #ffffff;
font-size: 26px;
font-weight: 400;
line-height: 26px;
letter-spacing: 7px;
text-transform: uppercase;
margin-bottom: 80px;
}
.section-coming-soon .wrap-email-form {
padding-top: 60px;
}
.section-coming-soon-2 {
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/section-6.jpg) top center no-repeat;
background-size: cover;
}
.section-contact {
padding: 120px 0;
background: #f6f6f6;
}
.section-socials {
padding: 90px 0;
}
.section-socials h4 {
margin-bottom: 35px;
letter-spacing: 4px;
}
.blog-content-section {
padding: 0;
}
.map-section {
padding: 70px 0;
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/map-section.jpg) top center/cover no-repeat;
}
.map-section a {
color: #ffffff;
font-size: 16px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
display: block;
text-decoration: none;
}
.section-purchase {
padding: 60px 0;
color: #fff;
display: inline-block;
width: 100%;
font-weight: normal;
}
.section-purchase h3 {
font-size: 26px;
margin: 0;
}
.section-purchase .btn.btn-default {
color: #fff;
padding: 10px 10px;
width: 100%;
text-align: center;
}
.section-purchase .btn.btn-default:hover {
color: #333;
}
.section-purchase .logo-block {
text-transform: uppercase;
border-right: 1px solid #f5c083;
padding: 10px 30px;
}
.section-who-we-are .text-container .col-md-6 {
margin-bottom: 30px;
}
.section-who-we-are .who-we-are-image {
padding-top: 60px;
text-align: center;
}
.section-who-we-are .who-we-are-image img {
max-width: 100%;
}
.section-who-we-are .who-we-are-collage {
padding-top: 60px;
text-align: center;
position: relative;
min-height: 700px;
margin-bottom: -100px;
}
.section-who-we-are .who-we-are-collage img {
max-width: 100%;
}
.section-who-we-are .who-we-are-collage .collage-item {
position: absolute;
}
.section-who-we-are .who-we-are-collage .collage-item.item-brac {
top: 57%;
right: 20%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-camera {
top: 51%;
left: 15%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-clips {
top: 28%;
left: 5%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-headphones {
top: 25%;
right: 0%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-keyboard {
top: 48%;
right: 42%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-mouse {
top: 48%;
right: 32%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-pen {
top: 39%;
right: 26%;
}
.section-skills .feature-section .wrap-feature-content {
position: relative;
}
.section-skills .feature-section .wrap-feature-content > img {
width: 100%;
}
.section-skills .feature-section .wrap-feature-content .feature-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-skills .feature-section .wrap-feature-content .feature-content img {
display: block;
margin: 0 auto 20px;
}
.section-skills .feature-section .wrap-feature-content .feature-content .feature-text {
text-align: center;
color: #ffffff;
font-size: 24px;
font-weight: 700;
line-height: 26px;
}
.section-skills .feature-section .wrap-feature-content .feature-content .feature-text span {
display: block;
color: #cccccc;
font-size: 20px;
font-weight: 400;
line-height: 26px;
}
.section-skills .feature-section .section-heading {
padding-top: 100px;
}
.section-skills .skills-section .skills-features-section {
padding: 70px 15px;
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/section-9.jpg) bottom center/cover no-repeat;
position: relative;
color: #fff;
}
.section-skills .skills-section .skills-features-section:before {
content: "";
border-left: 1px solid #4590cf;
position: absolute;
display: block;
top: 55px;
bottom: 55px;
left: 50%;
z-index: 2;
}
.section-trust-us {
padding: 120px 0 120px;
position: relative;
}
.section-trust-us .trus-image {
width: 50%;
position: absolute;
right: 50%;
top: 30px;
bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-trust-us .trus-image img {
max-width: 100%;
max-height: 100%;
}
.section-trust-us .section-heading {
padding-top: 40px;
text-align: left;
}
.section-trust-us .section-heading .section-title {
margin-bottom: 7px;
}
.section-blog {
background: url(//ketozone.com/wp-content/themes/exproduct/img/sections/section-10.jpg) top center/cover no-repeat;
background-attachment: fixed;
}
.section-blog .blog-list-container {
padding: 55px 15px 35px;
bottom: -80px;
}
.section-feedbacks {
padding-top: 80px;
}
.section-feedbacks .feedbacks-container {
background: #f6f6f6;
padding: 100px 0 100px;
}
.feedbacks-container .feedbacks-carousel .wrap-author {
margin-right: 30px;
}
.owl-dots {
text-align: center;
}
.owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
width: 11px;
height: 11px;
border-radius: 50%;
border: 1px solid #cecece;
margin: 0 4px;
}
.owl-dot.active,
.owl-dots .owl-dot:hover {
border-color: #088cdc !important;
background: #088cdc !important;
}
.feedbacks-container .carousel-item {
margin: 0 15px;
}
.section-brands {
text-align: center;
}
.section-brands .brand-item {
display: inline-block;
vertical-align: middle;
padding: 10px 30px;
}
.brand-item img{
max-width: 100%;
height: auto;
}
.section-price {
padding-bottom: 90px;
}
.section-price .list-prices {
padding: 40px 0 0 0;
}
.big-map-section .big-map {
height: 600px;
max-height: 70vh;
}
.contact-form-section {
padding: 60px 0;
background: #F9F9F9;
}
.contact-form-section .top-info {
margin-bottom: 15px;
}
.contact-form-section .bottom-info i,
.contact-form-section .bottom-info p,
.contact-form-section .bottom-info label {
margin: 0;
display: inline-block;
vertical-align: middle;
}
.contact-form-section .bottom-info i {
margin-right: 5px;
color: #088cdc;
}
.contact-form-section .bottom-info label {
margin-right: 15px;
font-weight: bold;
min-width: 70px;
}
@media (max-width: 991px) {
.contact-form-section .reply-form {
margin-bottom: 30px;
}
} .loader-center{
height: 60px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
width: 60px;
}
.loader01 {
width: 56px;
height: 56px;
border: 8px solid #0052ec;
border-right-color: transparent;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto; }
.loader01:after {
content: '';
width: 8px;
height: 8px;
background: #0052ec;
border-radius: 50%;
position: absolute;
top: -1px;
left: 33px; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.loader02 {
width: 56px;
height: 56px;
border: 8px solid rgba(0, 82, 236, 0.25);
border-top-color: #0052ec;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.loader03 {
width: 56px;
height: 56px;
border: 8px solid transparent;
border-top-color: #0052ec;
border-bottom-color: #0052ec;
border-radius: 50%;
position: relative;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: -28px auto 0 auto; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.loader04 {
width: 56px;
height: 56px;
border: 2px solid rgba(0, 82, 236, 0.5);
border-radius: 50%;
position: relative;
animation: loader-rotate 1s ease-in-out infinite;
top: 50%;
margin: -28px auto 0 auto; }
.loader04:after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #0052ec;
position: absolute;
top: -6px;
left: 50%;
margin-left: -5px; }
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
.loader05 {
display: inline-block;
width: 56px;
height: 56px;
border: 4px solid #ed912a;
border-radius: 50%;
position: relative;
animation: loader-scale 1s ease-out infinite;
top: 50%;
margin: -28px auto 0 auto; }
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0; }
50% {
opacity: 1; }
100% {
transform: scale(1);
opacity: 0; } }
.loader06 {
width: 56px;
height: 56px;
border: 4px solid transparent;
border-radius: 50%;
position: relative;
top: 50%;
margin: -28px auto 0 auto; }
.loader06:before {
content: '';
border: 4px solid rgba(0, 82, 236, 0.5);
border-radius: 50%;
width: 67.2px;
height: 67.2px;
position: absolute;
top: -9.6px;
left: -9.6px;
animation: loader-scale 1s ease-out infinite;
animation-delay: 1s;
opacity: 0; }
.loader06:after {
content: '';
border: 4px solid #0052ec;
border-radius: 50%;
width: 56px;
height: 56px;
position: absolute;
top: -4px;
left: -4px;
animation: loader-scale 1s ease-out infinite;
animation-delay: 0.5s; }
@keyframes loader-scale {
0% {
transform: scale(0);
opacity: 0; }
50% {
opacity: 1; }
100% {
transform: scale(1);
opacity: 0; } }
.loader07 {
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
animation: loader-circles 1s linear infinite;
top: 50%;
margin: -8px auto 0 auto; }
@keyframes loader-circles {
0% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec; }
12.5% {
box-shadow: 0 -27px 0 0 #0052ec, 19px -19px 0 0 rgba(0, 82, 236, 0.05), 27px 0 0 0 rgba(0, 82, 236, 0.1), 19px 19px 0 0 rgba(0, 82, 236, 0.2), 0 27px 0 0 rgba(0, 82, 236, 0.3), -19px 19px 0 0 rgba(0, 82, 236, 0.4), -27px 0 0 0 rgba(0, 82, 236, 0.6), -19px -19px 0 0 rgba(0, 82, 236, 0.8); }
25% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.8), 19px -19px 0 0 #0052ec, 27px 0 0 0 rgba(0, 82, 236, 0.05), 19px 19px 0 0 rgba(0, 82, 236, 0.1), 0 27px 0 0 rgba(0, 82, 236, 0.2), -19px 19px 0 0 rgba(0, 82, 236, 0.3), -27px 0 0 0 rgba(0, 82, 236, 0.4), -19px -19px 0 0 rgba(0, 82, 236, 0.6); }
37.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.6), 19px -19px 0 0 rgba(0, 82, 236, 0.8), 27px 0 0 0 #0052ec, 19px 19px 0 0 rgba(0, 82, 236, 0.05), 0 27px 0 0 rgba(0, 82, 236, 0.1), -19px 19px 0 0 rgba(0, 82, 236, 0.2), -27px 0 0 0 rgba(0, 82, 236, 0.3), -19px -19px 0 0 rgba(0, 82, 236, 0.4); }
50% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.4), 19px -19px 0 0 rgba(0, 82, 236, 0.6), 27px 0 0 0 rgba(0, 82, 236, 0.8), 19px 19px 0 0 #0052ec, 0 27px 0 0 rgba(0, 82, 236, 0.05), -19px 19px 0 0 rgba(0, 82, 236, 0.1), -27px 0 0 0 rgba(0, 82, 236, 0.2), -19px -19px 0 0 rgba(0, 82, 236, 0.3); }
62.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.3), 19px -19px 0 0 rgba(0, 82, 236, 0.4), 27px 0 0 0 rgba(0, 82, 236, 0.6), 19px 19px 0 0 rgba(0, 82, 236, 0.8), 0 27px 0 0 #0052ec, -19px 19px 0 0 rgba(0, 82, 236, 0.05), -27px 0 0 0 rgba(0, 82, 236, 0.1), -19px -19px 0 0 rgba(0, 82, 236, 0.2); }
75% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.2), 19px -19px 0 0 rgba(0, 82, 236, 0.3), 27px 0 0 0 rgba(0, 82, 236, 0.4), 19px 19px 0 0 rgba(0, 82, 236, 0.6), 0 27px 0 0 rgba(0, 82, 236, 0.8), -19px 19px 0 0 #0052ec, -27px 0 0 0 rgba(0, 82, 236, 0.05), -19px -19px 0 0 rgba(0, 82, 236, 0.1); }
87.5% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.1), 19px -19px 0 0 rgba(0, 82, 236, 0.2), 27px 0 0 0 rgba(0, 82, 236, 0.3), 19px 19px 0 0 rgba(0, 82, 236, 0.4), 0 27px 0 0 rgba(0, 82, 236, 0.6), -19px 19px 0 0 rgba(0, 82, 236, 0.8), -27px 0 0 0 #0052ec, -19px -19px 0 0 rgba(0, 82, 236, 0.05); }
100% {
box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec; } }
.loader08 {
width: 20px;
height: 20px;
position: relative;
animation: loader08 1s ease infinite;
top: 50%;
margin: -46px auto 0 auto; }
@keyframes loader08 {
0%, 100% {
box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2); }
25% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2); }
50% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, 0.2); }
75% {
box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #0052ec; } }
.loader09 {
width: 10px;
height: 48px;
background: #0052ec;
position: relative;
animation: loader09 1s ease-in-out infinite;
animation-delay: 0.4s;
top: 50%;
margin: -28px auto 0 auto; }
.loader09:after, .loader09:before {
content: '';
position: absolute;
width: 10px;
height: 48px;
background: #0052ec;
animation: loader09 1s ease-in-out infinite; }
.loader09:before {
right: 18px;
animation-delay: 0.2s; }
.loader09:after {
left: 18px;
animation-delay: 0.6s; }
@keyframes loader09 {
0%, 100% {
box-shadow: 0 0 0 #0052ec, 0 0 0 #0052ec; }
50% {
box-shadow: 0 -8px 0 #0052ec, 0 8px 0 #0052ec; } }
.loader10 {
width: 28px;
height: 28px;
border-radius: 50%;
position: relative;
animation: loader10 0.9s ease alternate infinite;
animation-delay: 0.36s;
top: 50%;
margin: -42px auto 0 auto; }
.loader10:after, .loader10:before {
content: '';
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
animation: loader10 0.9s ease alternate infinite; }
.loader10:before {
left: -40px;
animation-delay: 0.18s; }
.loader10:after {
right: -40px;
animation-delay: 0.54s; }
@keyframes loader10 {
0% {
box-shadow: 0 28px 0 -28px #0052ec; }
100% {
box-shadow: 0 28px 0 #0052ec; } }
.loader11 {
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 40px 0 #0052ec;
position: relative;
animation: loader11 0.8s ease-in-out alternate infinite;
animation-delay: 0.32s;
top: 50%;
margin: -50px auto 0 auto; }
.loader11:after, .loader11:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 40px 0 #0052ec;
animation: loader11 0.8s ease-in-out alternate infinite; }
.loader11:before {
left: -30px;
animation-delay: 0.48s; }
.loader11:after {
right: -30px;
animation-delay: 0.16s; }
@keyframes loader11 {
0% {
box-shadow: 0 40px 0 #0052ec; }
100% {
box-shadow: 0 20px 0 #0052ec; } }
.loader12 {
width: 20px;
height: 20px;
border-radius: 50%;
position: relative;
animation: loader12 1s linear alternate infinite;
top: 50%;
margin: -50px auto 0 auto; }
@keyframes loader12 {
0% {
box-shadow: -60px 40px 0 2px #0052ec, -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
25% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 2px #0052ec, 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
50% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 2px #0052ec, 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
75% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 2px #0052ec, 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
100% {
box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 2px #0052ec; } }
.thecube {
width: 75px;
height: 75px;
margin: 0 auto;
margin-top: 50px;
position: relative;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.thecube .cube {
position: relative;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.thecube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.thecube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2796de;
-webkit-animation: foldthecube 2.4s infinite linear both;
-moz-animation: foldthecube 2.4s infinite linear both;
-ms-animation: foldthecube 2.4s infinite linear both;
-o-animation: foldthecube 2.4s infinite linear both;
animation: foldthecube 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.thecube .c2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.thecube .c3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.thecube .c4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.thecube .c2:before {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.thecube .c3:before {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.thecube .c4:before {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-ms-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes foldthecube {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
-ms-transform: perspective(140px) rotateX(-180deg);
-o-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
-ms-transform: perspective(140px) rotateX(0deg);
-o-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
-ms-transform: perspective(140px) rotateY(180deg);
-o-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes foldthecube {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
-moz-transform: perspective(140px) rotateX(-180deg);
-ms-transform: perspective(140px) rotateX(-180deg);
-o-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
-moz-transform: perspective(140px) rotateX(0deg);
-ms-transform: perspective(140px) rotateX(0deg);
-o-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
-moz-transform: perspective(140px) rotateY(180deg);
-ms-transform: perspective(140px) rotateY(180deg);
-o-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.spinner {
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
display: block;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
border: 3px solid transparent;
border-top-color: #a91605;
border-radius: 50%;
}
.spinner:before,  .spinner:after {
position: absolute;
content: '';
border-radius: 50%;
}
.spinner:before {
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
border: 3px solid transparent;
border-top-color: red;
}
.spinner:after {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
border: 3px solid transparent;
border-top-color: #549404;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #f1f3f2;
z-index: 100500;
}
#page-preloader .spinner {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
border: 3px solid transparent;
border-top-color: #00c8c8;
border-radius: 50%;
z-index: 1001;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
}
#page-preloader .spinner:before, #page-preloader .spinner:after {
content: '';
position: absolute;
border-radius: 50%;
}
#page-preloader .spinner:before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 3px solid transparent;
border-top-color: #088cdc;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
#page-preloader .spinner:after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 3px solid transparent;
border-top-color: #52bf81;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .portfolio-list-section .portfolio-pagination-loading {
display: none;
padding-top: 30px;
}
.portfolio-list-section .portfolio-pagination a {
margin-top: 30px;
}
.portfolio-related-projects-section {
padding-top: 0;
padding-bottom: 50px;
border-top: 1px solid #eeeeee;
}
.portfolio-related-projects-section .list-works {
padding-top: 0;
}
.portfolio-section {
padding: 0 0 50px 0;
}
.work-footer {
position: relative;
padding-right: 0;
text-align: center;
padding: 20px;
background: #f9f9f9;
margin-bottom: -50px;
}
.work-footer .category {
margin-bottom: 5px;
}
.work-footer .category a , .portfolio-section .work-footer .category  {
font-size: 12px;
color: #999999;
}
.work-footer .views .icon {
font-size: 16px;
color: #666666;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
.work-footer .views span:not(.icon) {
font-size: 12px;
color: #999999;
vertical-align: middle;
display: inline-block;
}
.work-footer .controls ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.work-footer .controls ul li a {
line-height: 24px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.work-footer .controls ul li .fa {
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.work-footer .controls ul li a:hover .fa {
color: #000;
}
.work-footer .controls ul li a .fa {
font-size: 24px;
color: #cccccc;
line-height: 24px;
}
.work-footer .controls ul li a .fa.fa-th {
font-size: 16px;
line-height: 24px;
}
.portfolio-section .work-image {
margin-bottom: 30px;
}
.portfolio-section .work-image .portfolio-gallery-none {
display: none;
}
.portfolio-section .work-image .image {
text-align: center;
position: relative;
}
.portfolio-section .work-image .image img {
max-width: 100%;
height: auto;
}
.portfolio-section .work-image .image .controls {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 8;
}
.portfolio-section .work-image .image .controls .big-view a {
display: block;
width: 40px;
height: 40px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #2a64d9;
color: #fff;
text-align: center;
line-height: 44px;
text-decoration: none;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.portfolio-section .work-image .image .controls .big-view a:hover {
opacity: 0.8;
}
.portfolio-section .work-image .image .controls .big-view a span {
color: #fff;
font-size: 16px;
}
.portfolio-section .work-image .owl-controls .owl-pagination {
position: absolute;
top: 100%;
width: 100%;
z-index: 9;
padding: 15px 0;
text-align: center;
}
.portfolio-section .work-image .owl-controls .owl-pagination .owl-page {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
border: 1px solid #8e9195;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 4px;
cursor: pointer;
}
.portfolio-section .work-image .owl-controls .owl-pagination .owl-page.active {
background: #ff6400;
border-color: #ff6400;
}
.portfolio-section .work-body .work-body-left, .portfolio-section .work-body .work-body-right {
margin-bottom: 30px;
}
.portfolio-section .work-body .summary-list .col-md-12 {
padding: 15px;
border-bottom: 1px solid #eeeeee;
}
.portfolio-section .work-body .summary-list .col-md-12:first-child {
padding-top: 0;
}
.portfolio-section .work-body .summary-list .type-info {
font-size: 14px;
line-height: 12px;
text-transform: uppercase;
}
.portfolio-section .work-body .summary-list .type-info i {
min-width: 20px;
font-size: 21px;
display: inline-block;
vertical-align: baseline;
margin-right: 10px;
position: relative;
top: 2px;
}
.work-body  .pull-right *{
color:#8a8a8a;
}
.portfolio-section .work-body .summary-list .info .list-socials li {
display: inline-block;
vertical-align: middle;
padding: 0 3px;
}
.portfolio-section .work-body .summary-list .info .list-socials li a {
color: #7e848e;
}
.work-body   .btn{
display: inline-block;
width: 100%;
text-transform: uppercase;
font-size: 14px;
text-align: center;
background: #ed912a !important;
color: #fff;
border-color: #ed912a !important;
}
.box-sticky {
max-width: 393px;
margin-top: 30px;
}
.stack-portfolio-carousel img{
margin-bottom: 25px;
}
.work-image  .owl-dots {
text-align: center;
position: absolute;
bottom: 15px;
width: 100%;
text-align: center;
}
.work-image  .owl-dot {
border: 0;
background: #fff;
}
.work-body h5{
font-weight: 600;
margin-bottom: 0;
font-size: 32px;
padding-bottom: 10px;  
}
.work-heading  h3{
font-weight: 600;
margin-bottom: 0;
font-size: 27px;
padding-bottom: 10px;
}
.work-body  h5{
font-weight: 600;
margin-bottom: 20px;
font-size: 17px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 15px;
}
.work-name{
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #eeeeee;
}
.work-name h3 {
margin-bottom: 10px;
font-weight: 400;
font-size: 24px;
}
.work-body{
padding-bottom: 25px;
}
.summary-list{
padding-top: 20px;
border-top: 1px solid #eeeeee;
margin-top: 20px;
display: inline-block;
width: 100%;
}
.portfolio-centerd  .summary-list {
margin-top: 48px;
}
.portfolio-isotope  .summary-list {
margin-top: 48px;
}
.portfolio-isotope{
padding-bottom: 25px;
}
.portfolio-custom-content {
padding-left: 15px;
padding-right: 15px;
}
.work-category a{
font-size: 14px;
color: #999999;
font-weight: normal;
}
.work-body  .pix-social-share li{
list-style: none;
display: inline-block;
margin-right: 10px;
font-size: 16px;
margin-top: 3px;
}
.work-body  .pix-social-title{
display: none;
}
.work-body  .pix-social-share{
display: inline-block;
width: 100%;
} .folio-isotop-filter ul {
text-align: center;
border: none;
font-size: 0;
padding: 0 0 50px 0;
}
.folio-isotop-filter ul > li {
float: none;
display: inline-block;
border: 1px solid #eee;
border-right: 4px solid #eee;
margin-right: 5px;
background: #fff;
margin-bottom: 10px;
}
.folio-isotop-filter ul > li a {
display: block;
line-height: 1.1;
border: none;
padding: 0 35px;
line-height: 45px;
background: #fff;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #333;
font-size: 11px;
text-transform: uppercase;
position: relative;
margin: 0;
}
.folio-isotop-filter ul > li a.selected {
background: #2a64d9;
color: #fff;
text-decoration: none;
} .img-hover-effect {
position: relative;
overflow: hidden;
display: block;
height: 100%;
width: 100%;
}
.img-hover-effect img {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.img-hover-effect:after {
background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
content: "";
height: 100%;
left: -180%;
position: absolute;
top: 0;
transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
width: 100%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.img-hover-effect:hover img {
transform: scale(1.1);
}
.img-hover-effect:hover:after {
left: -75%;
}
.sidebar-container ul.styled {
margin: 0;
padding: 0;
} #page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 100500;
}
#page-preloader .spinner {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
border: 3px solid transparent;
border-top-color: #ed5c2a;
border-radius: 50%;
z-index: 1001;
-webkit-animation: spin 2.5s infinite linear;
animation: spin 2.5s infinite linear;
}
#page-preloader .spinner:before,
#page-preloader .spinner:after {
content: '';
position: absolute;
border-radius: 50%;
}
#page-preloader .spinner:before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 3px solid transparent;
border-top-color: #ed912a;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
#page-preloader .spinner:after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 3px solid transparent;
border-top-color: #fff;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .alert {
padding: 5px 20px;
line-height: 30px;
border-radius: 0;
border: none;
color: #fff;
}
.alert.alert-default {
background: #eeeeee;
color: #333333;
}
.alert.alert-default span {
color: #333;
}
.alert.alert-warning {
background: #edb82a;
}
.alert.alert-danger {
background: #ed5c2a;
}
.alert.alert-success {
background: #4fcd24;
}
.alert.alert-info {
background: #237ac6;
}
.alert.alert-default-2 {
background: #7323c6;
}
.alert span {
margin-right: 20px;
font-size: 16px;
color: #fff;
}
.alert.alert-dismissable {
position: relative;
padding: 30px 60px 30px 120px;
background: #fff;
border: 1px solid #eeeeee;
color: #333333;
}
.alert.alert-dismissable .alert-icon {
position: absolute;
top: 50%;
height: 50px;
left: 50px;
margin-top: -25px;
line-height: 50px;
font-size: 30px;
min-width: 30px;
text-align: center;
}
.alert.alert-dismissable .close {
position: absolute;
top: 50%;
right: 15px;
color: #ccc;
margin-top: -10px;
opacity: 1;
}
.alert.alert-dismissable .title {
color: #333333;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.alert.alert-dismissable.alert-warning {
background: #ffecb7;
border: none;
}
.alert.alert-dismissable.alert-warning .alert-icon,
.alert.alert-dismissable.alert-warning .close .fa {
color: #edb82a;
}
.alert.alert-dismissable.alert-danger {
background: #fcccd1;
border: none;
}
.alert.alert-dismissable.alert-danger .alert-icon,
.alert.alert-dismissable.alert-danger .close .fa {
color: #ed5c2a;
}
.alert.alert-dismissable.alert-success {
background: #c0f4af;
border: none;
}
.alert.alert-dismissable.alert-success .alert-icon,
.alert.alert-dismissable.alert-success .close .fa {
color: #4fcd24;
} .progress {
border: 1px solid #eeeeee;
border-radius: 0;
background: #fff;
box-shadow: none;
}
.progress.bordered.progress-primary {
border: 2px solid #237ac6;
}
.progress.bordered.progress-warning {
border: 2px solid #ed912a;
}
.progress.progress-primary .progress-bar {
background-color: #237ac6;
}
.progress.progress-warning .progress-bar {
background-color: #ed912a;
}
.progress.progress-danger .progress-bar {
background-color: #ed5c2a;
}
.progress.progress-custom .progress-bar {
background-color: #7323c6;
}
.progress.progress-custom-2 .progress-bar {
background-color: #c924ab;
}
.progress.progress-success .progress-bar {
background-color: #4fcd24;
}
.progress .progress-bar {
box-shadow: none;
} .wrap-services-tabs .wrap-tabs {
text-align: center;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs {
border: none;
text-align: center;
font-size: 0;
margin-bottom: 55px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li {
float: none;
display: inline-block;
vertical-align: middle;
font-size: 1em;
border: none !important;
background: none !important;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:last-child a {
border: none;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
padding-top: 20px;
padding-bottom: 5px;
text-align: center;
border: none;
background: none;
border-right: 1px solid #f0f0f0;
padding-left: 40px;
padding-right: 40px;
background: transparent !important;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons {
display: block;
height: 42px;
width: 100%;
margin-bottom: 25px;
font-size: 40px;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-support {
height: 41px;
background: url(//ketozone.com/wp-content/themes/exproduct/images/icons/tabs/support.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-responsive {
background: url(//ketozone.com/wp-content/themes/exproduct/images/icons/tabs/responsive.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-analytics {
background: url(//ketozone.com/wp-content/themes/exproduct/images/icons/tabs/analytics.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-customizable {
background: url(//ketozone.com/wp-content/themes/exproduct/images/icons/tabs/customizable.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-multipurpose {
background: url(//ketozone.com/wp-content/themes/exproduct/images/icons/tabs/multipurpose.png) top center no-repeat;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a span {
color: #555555;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a {
background: none;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a .icons,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a .icons {
background-position: bottom center;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a span,
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a span {
color: #ed912a;
}
.wrap-tabs-content {
background: #f6f6f6;
padding: 90px 0;
}
.wrap-tabs-content img {
max-width: 100%;
}
.wrap-tabs-content .tab-pane h5,
.wrap-tabs-content .tab-pane p,
.wrap-tabs-content .tab-pane ul {
margin-bottom: 30px;
}
.wrap-tabs-content .tab-pane .designations .last-year {
color: #999999;
font-size: 13px;
font-weight: 700;
text-align: left;
float: left;
margin-right: 30px;
text-transform: uppercase;
}
.wrap-tabs-content .tab-pane .designations .last-year span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-color: #237ac6;
width: 15px;
height: 10px;
}
.wrap-tabs-content .tab-pane .designations .this-year {
color: #999999;
font-size: 13px;
font-weight: 700;
text-align: left;
float: left;
margin-right: 30px;
text-transform: uppercase;
}
.wrap-tabs-content .tab-pane .designations .this-year span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-color: #cccccc;
width: 15px;
height: 10px;
} .service-item {
padding-top: 60px;
padding-bottom: 60px;
}
.service-item.border-bottom {
border-bottom: 1px solid #4590cf;
}
.service-item.right-text-item {
text-align: right;
}
.service-item.right-text-item .item-heading > .icon {
margin-right: 0;
margin-left: 15px;
}
.service-item.right-text-item .item-heading .title {
position: relative;
margin-bottom: 16px;
}
.service-item.right-text-item .item-heading .title:after {
position: absolute;
right: 0;
}
.service-item.right-text-item .item-body p {
text-align: right;
}
.service-item .item-heading {
margin-bottom: 30px;
}
.service-item .item-heading > .icon {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.service-item .item-heading > .icon span {
font-size: 44px;
}
.service-item .item-heading .title {
display: inline-block;
vertical-align: middle;
font-size: 18px;
font-weight: 400;
text-align: left;
}
.service-item .item-heading .title:after {
width: 40px;
content: "";
display: block;
border-bottom: 1px solid #92c0e4;
margin-top: 15px;
}
.service-item .item-body,
.service-item .item-body p {
margin: 0;
line-height: 28px;
text-align: left;
}
.text-white .service-item .item-body,
.text-white .service-item .item-body p{
color: #b7deff !important;
} .counters .counter-item {
margin-bottom: 15px;
display: inline-block;
vertical-align: middle;
padding: 0 30px 0;
}
.counters .counter-item:last-child .top-counter:after {
display: none;
}
.counters .counter-item .top-counter {
border-radius: 50%;
width: 115px;
height: 115px;
text-align: center;
border: 1px solid #fff;
margin-bottom: 30px;
position: relative;
}
.counters .counter-item .top-counter:after {
content: ":";
font-size: 48px;
font-weight: bold;
color: #fff;
display: block;
position: absolute;
top: 50%;
line-height: 40px;
margin-top: -25px;
left: 133%;
margin-left: -10px;
}
.counters .counter-item .top-counter span {
line-height: 115px;
color: #fff;
font-size: 48px;
font-weight: bold;
}
.counters .counter-item .bottom-counter {
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.counters .counter-item .bottom-counter:after {
content: "";
width: 40px;
border-top: 1px solid #fff;
margin: 25px auto 0;
display: block;
} .social-list {
display: inline-block;
font-size: 0;
}
.social-list.round-social-list li {
margin: 0 4px 8px;
}
.social-list.round-social-list li a {
margin: 0;
border-radius: 50%;
border-color: #cdcdcd;
color: #999999;
}
.social-list.round-social-list li a:hover {
border-color: #088cdc;
background: #088cdc;
}
.social-list li {
display: inline-block;
vertical-align: middle;
font-size: 15px;
}
.social-list li a {
display: block;
line-height: 48px;
width: 48px;
height: 48px;
border: 1px solid #cccccc;
margin-right: -1px;
margin-top: -1px;
color: #ccc;
}
.social-list li a:hover {
background: #088cdc;
border-color: #088cdc;
color: #fff;
} .pagination.text-center {
text-align: center;
width: 100%;
}
.pagination ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px 5px;
}
.pagination ul li span.current {
color: #fff;
line-height: 30px;
text-align: center;
width: 36px;
height: 36px;
font-size: 14px;
display: inline-block;
border: 3px solid #4494ec;
}
.pagination ul li a {
line-height: 30px;
width: 36px;
height: 36px;
text-align: center;
color: #555555;
font-size: 14px;
display: inline-block;
border: 3px solid #eeeeee;
text-decoration: none;
}
.pagination ul li:hover a{
color: #fff;
}
.pagination.orange-pagination ul li a:hover {
color: #ed912a;
}
.pagination.orange-pagination ul li.active span {
background: #ed912a;
border: 3px solid #ed912a;
}
.pagination.blue-pagination ul li a:hover {
color: #237ac6;
}
.pagination.blue-pagination ul li.active span {
background: #237ac6;
border: 3px solid #237ac6;
} .nav.nav-tabs.theme-tab {
border: none;
text-align: center;
font-size: 0;
}
.nav.nav-tabs.theme-tab li {
border: none;
background: none;
float: none;
display: inline-block;
vertical-align: middle;
margin: 0 4px;
font-size: 14px;
}
.nav.nav-tabs.theme-tab li:hover a,
.nav.nav-tabs.theme-tab li.active a {
border-color: #ed912a;
color: #fff;
}
.nav.nav-tabs.theme-tab li a {
padding: 20px 65px;
line-height: 1;
margin: 0;
background: none;
border: none;
border-bottom: 3px solid #555555;
color: rgba(170, 170, 170, 0.8);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.tab-content.theme-tab-content {
padding: 70px 0 140px;
} .contact-item .dotted-line {
position: absolute;
top: 0;
right: -51%;
overflow: hidden;
width: 100%;
}
.contact-item .dotted-line:after {
font-size: 30px;
line-height: 100px;
content: '\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022';
letter-spacing: 14px;
color: #555555;
font-size: 20px;
}
.contact-item h5 {
margin-top: 27px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.contact-item p {
color: #cccccc;
font-size: 14px;
font-weight: 400;
line-height: 28px;
}
.contact-item .striped-icon-xlarge {
font-size: 36px;
font-weight: 700;
line-height: 100px;
position: relative;
width: 100px;
height: 100px;
margin: auto;
text-align: center;
color: #fff;
border-radius: 50%;
background: rgba(35, 122, 198, 0.4);
}
.contact-item .striped-icon-xlarge:after {
position: absolute;
z-index: 0;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
content: '';
border-radius: 50%;
background: content-box #237ac6;
}
.contact-item .striped-icon-xlarge span {
vertical-align: middle;
position: relative;
z-index: 1;
top: -6px;
} .gallery-controls {
text-align: center;
margin-bottom: 40px;
}
.gallery-controls .btn-group a {
background: none !important;
border: 0;
color: #555555;
font-size: 17px;
text-transform: uppercase;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.gallery-controls .btn-group a i {
opacity: 0;
display: block;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: translate(0, -10px);
transform: translate(0, -10px);
padding: 0;
margin: auto;
font-size: 22px;
}
.gallery-controls .btn-group a:hover,
.gallery-controls .btn-group a.active {
color: #ed912a;
}
.gallery-controls .btn-group a:hover i,
.gallery-controls .btn-group a.active i {
color: #ed912a;
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.gallery-item {
position: relative;
width: 25%;
}
.gallery-item img {
vertical-align: middle;
width: 100%;
height: auto
}
.gallery-item .pix-gallery-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-item .pix-gallery-info .description {
text-align: center;
}
.gallery-item .pix-gallery-info .description a {
color: #fff;
}
.gallery-item .pix-gallery-info .description a span {
font-size: 22px;
color: #ed912a;
margin-bottom: 20px;
}
.gallery-item:hover .description span {
top: 0px;
}
.gallery-item .pix-gallery-info .description span {
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 10px;
position: relative;
top: -30px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.gallery-item .pix-gallery-info .description span + span a,
.gallery-item .pix-gallery-info .description span + span {
color: #cccccc;
font-size: 13px;
}
.gallery-item:hover .pix-gallery-info {
opacity: 1;
} .feature-item {
margin-bottom: 30px;
}
.feature-item h5 {
color: #ffffff;
font-size: 20px;
font-weight: 300;
}
.feature-item h5 span {
color: #ed912a;
font-size: 18px;
font-weight: 700;
margin-right: 10px;
}
.feature-item p {
color: rgba(170, 170, 170, 0.8);
font-size: 15px;
line-height: 24px;
}
.feature-item.right-feature-item {
text-align: left;
}
.feature-item.right-feature-item h5 span {
margin-left: 10px;
margin-right: 0;
}
.feature-item.right-feature-item.feature-divider .feature-divider-item {
margin-left: 0;
}
.feature-item.feature-divider {
padding: 66px 0;
}
.feature-item.feature-divider .feature-divider-item {
width: 125px;
height: 2px;
background: #777777;
position: relative;
margin-left: auto;
}
.feature-item.feature-divider .feature-divider-item:before {
content: "";
width: 5px;
height: 5px;
background: #777777;
border-radius: 50%;
position: absolute;
left: 0;
top: -1px;
}
.feature-item.feature-divider .feature-divider-item:after {
content: "";
width: 5px;
height: 5px;
background: #777777;
border-radius: 50%;
position: absolute;
right: 0;
top: -1px;
} .skill-item {
margin-bottom: 50px;
}
.skill-item:last-child {
margin-bottom: 0;
}
.skill-item .skill-label {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.skill-item .skill-label span {
margin-right: 15px;
}
.skill-item .skill-line {
height: 3px;
width: 100%;
background: #519ad4;
position: relative;
}
.skill-item .skill-line span {
display: block;
height: 3px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: #fff;
}
.skill-item .skill-count {
color: #7cb0e4;
font-size: 22px;
line-height: 10px;
} .panel-alt-two {
position: relative;
border: 0;
border: none;
box-shadow: none;
}
.panel-alt-two::after {
content: "";
position: absolute;
top: 25px;
bottom: 25px;
left: 25px;
width: 2px;
background: #eeeeee;
}
.panel-alt-two:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
bottom: 25px;
left: 22px;
border-radius: 50%;
background: #eeeeee;
}
.panel-alt-two .panel-heading {
padding-left: 70px;
}
.panel-alt-two .panel-body {
padding-left: 70px;
padding-top: 0;
line-height: 25px;
font-size: 15px;
}
.panel-alt-two .panel-body p {
color: #555555;
}
.panel-alt-two .panel-heading {
border: 0;
padding-bottom: 25px;
background: none;
}
.panel-alt-two .panel-heading .panel-title {
position: relative;
font-weight: 700;
}
.panel-alt-two .panel-heading .panel-title a {
color: #2b2e33;
font-weight: normal;
text-decoration: none;
}
.panel-alt-two .panel-heading .panel-title a b {
font-weight: bold;
}
.panel-alt-two .panel-heading .panel-title a:after {
content: "";
width: 40px;
border-top: 1px solid #ddd;
display: block;
margin-top: 15px;
}
.panel-alt-two .panel-heading .panel-title a:hover {
color: #237ac6;
}
.panel-alt-two .panel-heading a:hover .accordion-icon {
background: rgba(221, 221, 221, 0.3);
}
.panel-alt-two .panel-heading.active a {
color: #237ac6;
}
.panel-alt-two .panel-heading.active .accordion-icon {
background: rgba(221, 221, 221, 0.5);
}
.panel-alt-two .panel-heading.active .accordion-icon .stacked-icon {
color: white;
background: #237ac6;
}
.accordion-icon {
position: absolute;
top: -18px;
left: -72px;
background: transparent;
border-radius: 50%;
width: 56px;
height: 56px;
line-height: 50px;
padding: 3px;
z-index: 3;
}
.accordion-icon .stacked-icon {
height: 100%;
background: white;
border: 2px solid #e8e9ed;
border-radius: 50%;
color: #cacddb;
font-size: 18px;
text-align: center;
display: block;
} .disable-owl-carousel > div {
display: inline-block;
max-width: 24%;
}
.ms-tableCell  .disable-owl-carousel > div {
display: inline-block;
max-width: 32%;
}
.wrap-team-slider .image-overlay ul li:before{
display: none !important;
}
.wrap-team-slider {
margin-bottom: 0px;
padding: 0;
}
.wrap-team-slider .sp-thumbnail {
border: medium none;
max-width: 300px;
margin: 0 10px;
position: relative;
}
.wrap-team-slider .wrap-user-images {
font-size: 0;
margin-right: -15px;
}
.wrap-team-slider .team-slider { padding-left: 15px;
}
.wrap-team-slider .team-slider:after {
content: "";
display: table;
clear: both;
height: 0;
}
.wrap-team-slider .team-slider .sp-slides-container {
padding-left: calc((100vw - 1200px) / 2);
width: 50%;
float: left;
padding-right: 15px;
}
.wrap-team-slider .team-slider .sp-slides-container .sp-mask {
width: 100% !important;
}
.wrap-team-slider .team-slider .sp-slides-container .sp-mask .sp-slides .sp-slide {
width: 100% !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container {
width: 50% !important;
float: left;
margin: 0;
}
.sp-thumbnail {
border: medium none;
max-width: 300px;
position: relative;
}
.sp-thumbnail:hover .image-overlay {
opacity: 1 !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container {
margin: 0;
font-size: 14px;
display: inline-block;
vertical-align: top;
width: 212px !important;
position: relative;
height: auto !important;
}
.wrap-team-slider img {
max-width: 100%;
width: 100%;
vertical-align: middle;
}
.wrap-team-slider .image-overlay ul {}
.wrap-team-slider .image-overlay:hover ul li {
top: 0;
}
.wrap-team-slider .image-overlay ul li {
display: inline-block;
position: relative;
top: 50px;
transition: all 0.3s ease-out;
}
.wrap-team-slider .image-overlay ul li a {
margin: 0 5px;
}
.wrap-team-slider .image-overlay ul li i {
color: #fff;
font-size: 18px;
}
.wrap-team-slider .image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
transition: all 0.3s ease-out;
opacity: 0;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li {
display: inline-block;
vertical-align: middle;
color: #cccccc;
margin: 0 5px;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li a {
color: #ccc;
}
.person-description {
padding: 20px 10px;
text-align: center;
}
.person-description h5 {
color: #000000;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.person-description .under-name {
color: #8a8a8a;
font-size: 14px;
margin-bottom: 35px;
text-transform: uppercase;
padding-bottom: 10px;
}
.portfolio-image  .under-name:after {
margin: 15px 0 0;
width: 40px;
}
.under-name:after {
border-top: 1px solid #237ac6;
content: "";
display: block;
margin: 15px auto 0;
width: 40px;
} .responsive-features-list {
font-size: 0;
}
.responsive-features-list .list-item {
display: inline-block;
vertical-align: middle;
width: 50%;
font-size: 14px;
margin-bottom: 30px;
}
.responsive-features-list .list-item .icon {
height: 56px;
width: 56px;
background: #fff;
line-height: 56px;
text-align: center;
margin-right: 10px;
}
.responsive-features-list .list-item .icon span {
color: #ed912a;
font-size: 20px;
line-height: 56px;
}
.responsive-features-list .list-item > span {
color: #333333;
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-align: left;
} .taxonomy-page{
padding-top: 50px;
padding-bottom: 80px;
}
.sidebar-services li{
position: relative;
list-style: none;
margin-bottom: 6px;
}
.sidebar-services li a {
padding: 20px 20px;
text-transform: uppercase;
display: inline-block;
background: #f5f5f5;
width: 100%;
font-size: 13px;
font-weight: 700;
color: #333;
border: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
text-decoration: none !important;
position: relative;
}
.sidebar-services li:before {
display: none !important;
}
.sidebar-services li:after {
content: "";
display: block;
width: 4px;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
background: #e3e3e3;
}
.sidebar-services li a:hover, .sidebar-services .active a, .sidebar-services .current-cat a{
background: #337ab7;
border-color: transparent;
color: #fff;
text-decoration: none;
}
html .sidebar-services .current-cat:after , .sidebar-services .active:after {
background: #337ab7;
}
.services h4{
font-weight: 700;
text-transform: uppercase;
font-size: 17px;
margin: 0;
padding: 15px 0;
}
.services .service-item {
float: none;
display: inline-block;
vertical-align: top;
margin-left: -4px;
}
.services .service-item {
padding-top: 0;
padding-bottom: 50px;
}
.service-item .btn{
margin-top: 20px;
}
.services .isotope-frame {
padding-top: 20px;
}
.services .nav-tabs > a{
float:none;
display:inline-block;
border:1px solid #eee;
margin-right:5px;
background:#fff;
}
.services .nav-tabs > a + a{
margin: 10px 5px;
}
.services .nav-tabs > a.btn.active, .nav-tabs > a.btn.active:focus, .nav-tabs > a.btn.active:hover{
background: #337ab7;
color: #fff;
border-color: #337ab7;
}
.services .nav-tabs > a.btn{
position: relative;
border-radius: 3px;
margin-right: 0px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
padding: 5px 25px;
cursor: pointer;
}
.services .nav-tabs > a.btn > i{
display: none;
}
.services   .nav-tabs {
border-bottom: 0;
max-width: 80%;
text-align: center;
margin: 0 auto 10px;
}
html .our-services div > a:hover:after{
background: #ed912a !important ;
} .portfolio-item {
margin: 0 0 30px 0;
}
.portfolio-item .portfolio-image {
position: relative;
cursor: pointer;
overflow: hidden;
}
.portfolio-item .portfolio-image:hover > a::after,
.portfolio-item .portfolio-image:hover .portfolio-item-body {
opacity: 1;
}
.portfolio-item .portfolio-image > a {
display: block;
position: relative;
}
.portfolio-item .portfolio-image > a:after {
content: "";
background: rgba(0, 0, 0, 0.8);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tax-portfolio_category  .gallery-item-hover{
top: 30%;
}
.gallery-item-hover{
position: absolute;
top: 45%;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
}
.portfolio-item:hover .gallery-item-hover{
opacity: 0.9;
}
.item-hover-icon{
color: #fff;
border: 2px solid #fff;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
border-radius: 100px;
margin: 0 10px;
line-height: 37px;
font-size: 14px;
font-weight: normal;
}
.portfolio-item .portfolio-image img {
width: 100%;
height: auto;
vertical-align: middle;
min-width: 100%;
}
.portfolio-item .portfolio-image .portfolio-item-body {
position: absolute;
z-index: 3;
bottom: 35px;
left: 35px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
opacity: 0;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body {
top: 50%;
margin-top: -20px;
left: 0;
right: 0;
text-align: center;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a {
display: block;
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
text-decoration: none;
color: #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a:hover {
background: #ed912a;
border-color: #ed912a;
}
.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a span {
font-size: 16px;
line-height: 40px;
}
.portfolio-item .portfolio-image .portfolio-item-body .name {
color: #fff;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
}
.portfolio-item .portfolio-image .portfolio-item-body .name:before {
margin-bottom: 15px;
content: "";
width: 12px;
height: 12px;
border: 2px solid #ed912a;
border-radius: 50%;
display: block;
}
.portfolio-item .portfolio-image .portfolio-item-body .under-name,
.portfolio-item .portfolio-image .portfolio-item-body .under-name a {
color: #fff;
font-size: 12px;
font-weight: normal;
}
.portfolio-item .portfolio-item-footer {
padding-top: 25px;
position: relative;
padding-bottom: 25px;
border-bottom: 1px solid #eff2f7;
}
.portfolio-item .portfolio-item-footer .name {
font-size: 14px;
color: #333;
text-transform: uppercase;
margin-bottom: 5px;
font-weight: bold;
}
.portfolio-item .portfolio-item-footer .under-name {
color: #999999;
font-size: 12px;
}
.portfolio-item .portfolio-item-footer .views {
position: absolute;
line-height: 20px;
top: 50%;
margin-top: -10px;
right: 0;
}
.portfolio-item .portfolio-item-footer .views .icon {
font-size: 16px;
color: #666666;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
.portfolio-item .portfolio-item-footer .views span:not(.icon) {
font-size: 12px;
color: #999999;
vertical-align: middle;
display: inline-block;
}
.portfolio-item .portfolio-item-footer .under-name:after{
display: none !important;
}
.pix-no-space{
padding-right: 0 !important;
padding-left: 0 !important;
}
.pix-no-space  .portfolio-item {
margin: 0;
} .wrap-contact-form input[type="text"],
.wrap-contact-form input[type="email"],
.wrap-contact-form input[type="phone"],
.wrap-contact-form input[type="password"],
.wrap-contact-form textarea {
color: #fff;
}
.wrap-contact-form input[type="text"]:-moz-placeholder,
.wrap-contact-form input[type="email"]:-moz-placeholder,
.wrap-contact-form input[type="phone"]:-moz-placeholder,
.wrap-contact-form input[type="password"]:-moz-placeholder,
.wrap-contact-form textarea:-moz-placeholder {
color: #fff;
opacity: 1;
}
.wrap-contact-form input[type="text"]::-moz-placeholder,
.wrap-contact-form input[type="email"]::-moz-placeholder,
.wrap-contact-form input[type="phone"]::-moz-placeholder,
.wrap-contact-form input[type="password"]::-moz-placeholder,
.wrap-contact-form textarea::-moz-placeholder {
color: #fff;
opacity: 1;
}
.wrap-contact-form input[type="text"]:-ms-input-placeholder,
.wrap-contact-form input[type="email"]:-ms-input-placeholder,
.wrap-contact-form input[type="phone"]:-ms-input-placeholder,
.wrap-contact-form input[type="password"]:-ms-input-placeholder,
.wrap-contact-form textarea:-ms-input-placeholder {
color: #fff;
}
.wrap-contact-form input[type="text"]::-webkit-input-placeholder,
.wrap-contact-form input[type="email"]::-webkit-input-placeholder,
.wrap-contact-form input[type="phone"]::-webkit-input-placeholder,
.wrap-contact-form input[type="password"]::-webkit-input-placeholder,
.wrap-contact-form textarea::-webkit-input-placeholder {
color: #fff;
} @media (max-width: 1199px) {
.header .navbar .navbar-nav li a {
font-size: 12px;
padding: 0 8px;
}
.portfolio-item .portfolio-image img {
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img {
}
.section-intro .arrow {
padding-top: 70px;
}
.section-intro .intro-title {
padding-left: 0;
}
.section-intro .intro-text {
padding-top: 25px;
margin-bottom: 25px;
}
.section-intro .under-intro-text {
margin-bottom: 20px;
}
.section-intro .iphone img {
max-width: 100%;
}
.feature-item.feature-divider {
padding: 10px 0;
}
.wrap-team-slider .team-slider {
padding-left: 0;
}
.wrap-team-slider .team-slider .sp-slides-container {
padding-left: 15px;
}
.section-who-we-are .who-we-are-collage .collage-item.item-headphones {
right: -9%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-clips {
left: -3%;
}
.section-who-we-are .who-we-are-collage .collage-item.item-keyboard {
top: 44%;
right: 36%;
}
}
@media (max-width: 991px) {
.header .navbar .navbar-nav li a {
padding: 0 4px;
margin: 0 0px;
font-size: 11px;
}
.portfolio-item .portfolio-image .portfolio-item-body {
bottom: 15px;
left: 15px;
}
.portfolio-item .portfolio-image img {
}
.counters .counter-item .top-counter {
width: 90px;
height: 90px;
}
.counters .counter-item .top-counter span {
font-size: 36px;
line-height: 90px;
}
.section-intro-2 .counters {
padding-top: 0;
}
.section-intro-2 .counters .counter-item {
padding: 0;
}
.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {
padding-left: 15px;
padding-right: 15px;
}
.section-skills .feature-section .wrap-feature-content {
display: none !important;
}
.feature-item {
display: inline-block;
width: 49%;
vertical-align: top;
text-align: left !important;
}
.feature-item.feature-divider {
display: none;
}
.wrap-team-slider .team-slider .team-slide .person-description {
margin-bottom: 30px;
}
.wrap-team-slider .team-slider .sp-slides-container {
float: none;
width: 100%;
}
.wrap-team-slider .team-slider .sp-thumbnails-container {
width: 100% !important;
float: none;
}
.section-trust-us .trus-image {
display: none !important;
}
}
@media (max-width: 767px) {
.header .navbar.navbar-default {
position: static !important;
}
.portfolio-item .portfolio-image {
height: 220px;
}
.portfolio-item .portfolio-image img {
height: auto;
min-height: auto%;
min-width: 100%;
max-width: 100%;
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image {
height: 250px;
}
.portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img {
height: auto;
min-height: 100%;
min-width: 100%;
max-width: 100%;
}
.header .navbar.navbar-default {
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #E4E4E4;
padding-top: 20px;
padding-bottom: 19px;
}
.header .navbar.navbar-default .navbar-nav li {
padding: 0;
}
.header .navbar.navbar-default .navbar-nav li a {
color: #333;
}
.header .navbar.navbar-default .normal-logo {
display: none;
}
.header .navbar.navbar-default .scroll-logo {
display: inline-block !important;
}
.wrap-inside-nav {
position: static;
padding: 0;
}
.wrap-inside-nav .inside-col {
padding: 15px 0;
border-right: none;
border-bottom: 1px solid #26282d;
}
.wrap-inside-nav .inside-col .inside-nav li {
float: left;
width: 49%;
}
.wrap-inside-nav .inside-col .inside-nav li a {
font-size: 12px;
padding-left: 20px;
}
.header .navbar .main-menu > li.hidden-menu-item {
position: static;
right: 0;
}
.header .right-nav-block {
float: none !important;
}
.header .right-nav-block .navbar-collapse {
margin-top: 55px;
border: none;
box-shadow: none;
}
.header .right-nav-block .navbar-collapse .navbar-nav {
display: block;
}
.header .right-nav-block .navbar-collapse .navbar-nav.social-nav li {
display: inline-block;
}
.header .right-nav-block .navbar-collapse .navbar-nav.social-nav li a {
padding: 0 15px;
}
.header .navbar .navbar-nav li a {
padding: 0 15px;
margin-bottom: 5px;
}
.wrap-blog-post .post-description {
padding: 15px 15px 0 15px;
}
.wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date {
left: 15px;
bottom: 15px;
}
.wrap-blog-post .wrap-image .post-date {
right: 15px;
bottom: 15px;
}
.wrap-blog-post .post-body {
padding: 0 15px 15px 15px;
}
.counters .counter-item {
width: 48%;
margin-bottom: 30px;
}
.counters .counter-item .top-counter {
margin-left: auto;
margin-right: auto;
}
.counters .counter-item .top-counter:after {
display: none;
}
.section-coming-soon {
padding: 40px 0;
}
.footer {
padding-bottom: 30px;
}
.footer .tab-content.theme-tab-content {
padding: 30px 0 40px;
}
blockquote.blockquote-box {
padding: 35px 15px 35px 15px;
}
blockquote.blockquote-box.blue-blockquote {
background-position: 15px 5px;
}
blockquote.blockquote-full.blue-blockquote {
padding: 60px 15px 50px 15px;
background-position: 15px 15px;
background-size: 40px 40px;
}
.blog-post .post-body {
padding-left: 15px;
padding-right: 15px;
}
.post-footer {
margin-left: 15px;
margin-right: 15px;
}
.blog-comments .comment-item {
padding: 15px;
}
.blog-comments .comment-item .media-left img {
width: 50px;
}
.blog-comments .comment-item .comment-item-heading .btn {
margin-top: 10px;
}
.counters .counter-item {
width: 100%;
}
.service-item {
padding: 15px 0;
border: none !important;
text-align: left !important;
}
.service-item .item-body p {
text-align: left !important;
}
.service-item.right-text-item .item-heading > .icon {
float: left;
margin-left: 0;
margin-right: 15px;
}
.service-item.right-text-item .item-heading .title:after {
right: auto;
left: 0;
}
.service-features-section:before {
display: none;
}
.gallery-item {
width: 50%;
}
.section-purchase .logo-block {
text-align: left;
padding: 10px 15px;
}
.section-purchase .col-md-2.text-right {
text-align: left !important;
}
.skill-item:last-child {
margin-bottom: 50px;
}
.section-skills .skills-section .skills-features-section:before {
display: none;
}
.section-trust-us {
padding: 60px 0;
}
.section-intro {
padding: 30px 0;
}
.section-header-slider .vertical-slider .slide-item .slide-content {
padding-top: 170px;
padding-bottom: 170px;
padding-left: 15px;
padding-right: 15px;
}
.section-header-slider .vertical-slider .slide-item .slide-content .above-title {
font-size: 22px;
}
.section-header-slider .vertical-slider .slide-item .slide-content h1 {
font-size: 38px;
}
.section-header-slider .vertical-slider .slide-item .slide-content p {
font-size: 16px;
}
.section-header-slider .vertical-slider .sp-mask {
height: 600px !important;
}
.section-header-slider .vertical-slider .slide-item {
height: 600px !important;
}
.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container {
min-width: 200px;
}
}
@media (max-width: 500px) {
.list-works .col-xs-6 {
width: 100%;
float: none;
}
.list-works .portfolio-item .portfolio-image {
height: auto;
}
.list-works .portfolio-item .portfolio-image img {
width: 100%;
height: auto;
}
.list-works.mini-list-works .portfolio-item .portfolio-image {
height: auto;
}
.list-works.mini-list-works .portfolio-item .portfolio-image img {
width: 100%;
}
} .pricing-switcher {
margin-bottom: 50px;
text-align: center;
padding-top: 50px;
}
.pricing-switcher .btn-info {
background-color: #fff;
border: 1px solid #eee;
color: #333;
}
.pricing-switcher .btn.active {
color: #fff;
background-color: #237AC5!important;
border-color: #237ac6;
}
.touch .cd-pricing-wrapper {
-webkit-perspective: 2000px;
-moz-perspective: 2000px;
perspective: 2000px;
}
.cd-pricing-wrapper {
position: relative;
}
.cd-pricing-wrapper .is-visible {
position: relative;
z-index: 5;
}
.cd-pricing-wrapper .is-hidden {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.cd-pricing-wrapper .is-selected {
z-index: 3!important;
}
.cd-pricing-wrapper.is-switched .is-visible {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-animation: cd-rotate .5s;
-o-animation: cd-rotate .5s;
animation: cd-rotate .5s;
}
.cd-pricing-wrapper.is-switched .is-hidden {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-animation: cd-rotate-inverse .5s;
-o-animation: cd-rotate-inverse .5s;
animation: cd-rotate-inverse .5s;
opacity: 0;
}
.cd-pricing-wrapper.is-switched .is-selected {
opacity: 1;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-visible {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-animation: cd-rotate-back .5s;
-o-animation: cd-rotate-back .5s;
animation: cd-rotate-back .5s;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-animation: cd-rotate-inverse-back .5s;
-o-animation: cd-rotate-inverse-back .5s;
animation: cd-rotate-inverse-back .5s;
opacity: 0;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-selected {
opacity: 1;
}
.cd-pricing-wrapper > li {
outline: 1px solid transparent;
background-color: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-pricing-wrapper > li .is-ended::after {
display: none;
}
.cd-pricing-wrapper.panel-highlited {
margin: -10px;
position: relative;
z-index: 8;
}
.cd-pricing-wrapper.panel-highlited .panel {
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
.cd-pricing-wrapper.panel-highlited .panel .gap {
width: 100%;
height: 10px;
margin: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #28ad62;
}
.cd-pricing-wrapper.panel-highlited .panel .panel-footer {
padding-bottom: 50px;
}
.panel-highlited  .btn.btn-info {
background-color: #28ad62;
border-color: #28ad62;
color: #fff;
}
.no-js .cd-pricing-wrapper .is-hidden {
position: relative;
margin-top: 1em;
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
@-webkit-keyframes cd-rotate {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(180deg);
}
}
@-moz-keyframes cd-rotate {
0% {
-moz-transform: perspective(2000px) rotateY(0);
}
70% {
-moz-transform: perspective(2000px) rotateY(200deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(180deg);
}
}
@keyframes cd-rotate {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(200deg);
-moz-transform: perspective(2000px) rotateY(200deg);
-ms-transform: perspective(2000px) rotateY(200deg);
-o-transform: perspective(2000px) rotateY(200deg);
transform: perspective(2000px) rotateY(200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(180deg);
-moz-transform: perspective(2000px) rotateY(180deg);
-ms-transform: perspective(2000px) rotateY(180deg);
-o-transform: perspective(2000px) rotateY(180deg);
transform: perspective(2000px) rotateY(180deg);
}
}
@-webkit-keyframes cd-rotate-inverse {
0% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes cd-rotate-inverse {
0% {
-moz-transform: perspective(2000px) rotateY(-180deg);
}
70% {
-moz-transform: perspective(2000px) rotateY(20deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(0);
}
}
@keyframes cd-rotate-inverse {
0% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
-moz-transform: perspective(2000px) rotateY(-180deg);
-ms-transform: perspective(2000px) rotateY(-180deg);
-o-transform: perspective(2000px) rotateY(-180deg);
transform: perspective(2000px) rotateY(-180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(20deg);
-moz-transform: perspective(2000px) rotateY(20deg);
-ms-transform: perspective(2000px) rotateY(20deg);
-o-transform: perspective(2000px) rotateY(20deg);
transform: perspective(2000px) rotateY(20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
}
@-webkit-keyframes cd-rotate-back {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-back {
0% {
-moz-transform: perspective(2000px) rotateY(0);
}
70% {
-moz-transform: perspective(2000px) rotateY(-200deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(-180deg);
}
}
@keyframes cd-rotate-back {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-200deg);
-moz-transform: perspective(2000px) rotateY(-200deg);
-ms-transform: perspective(2000px) rotateY(-200deg);
-o-transform: perspective(2000px) rotateY(-200deg);
transform: perspective(2000px) rotateY(-200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
-moz-transform: perspective(2000px) rotateY(-180deg);
-ms-transform: perspective(2000px) rotateY(-180deg);
-o-transform: perspective(2000px) rotateY(-180deg);
transform: perspective(2000px) rotateY(-180deg);
}
}
@-webkit-keyframes cd-rotate-inverse-back {
0% {
-webkit-transform: perspective(2000px) rotateY(180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes cd-rotate-inverse-back {
0% {
-moz-transform: perspective(2000px) rotateY(180deg);
}
70% {
-moz-transform: perspective(2000px) rotateY(-20deg);
}
100% {
-moz-transform: perspective(2000px) rotateY(0);
}
}
@keyframes cd-rotate-inverse-back {
0% {
-webkit-transform: perspective(2000px) rotateY(180deg);
-moz-transform: perspective(2000px) rotateY(180deg);
-ms-transform: perspective(2000px) rotateY(180deg);
-o-transform: perspective(2000px) rotateY(180deg);
transform: perspective(2000px) rotateY(180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-20deg);
-moz-transform: perspective(2000px) rotateY(-20deg);
-ms-transform: perspective(2000px) rotateY(-20deg);
-o-transform: perspective(2000px) rotateY(-20deg);
transform: perspective(2000px) rotateY(-20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
-moz-transform: perspective(2000px) rotateY(0);
-ms-transform: perspective(2000px) rotateY(0);
-o-transform: perspective(2000px) rotateY(0);
transform: perspective(2000px) rotateY(0);
}
}
.cd-pricing-wrapper  .panel{
border: 0;
}
.pricing__feature-list li {
border-bottom: 1px solid #eeeeee;
padding: 10px;
}
.list-prices .panel{
border: 0 !important;
}
.list-prices  .btn {
text-transform: uppercase;
}
.pricing * {
line-height: 1.42857143;
color: #333;
}
.pricing__currency {
margin-right: 5px;
color: #fff;
}
.plan-item {
text-align: center;
margin: 0 15px;
}
.plan-item .item-heading {
background: #237ac6;
padding-top: 60px;
padding-bottom: 90px;
}
.plan-item .item-heading.blue-heading {
position: relative;
}
.plan-item .item-heading.orange-heading {
position: relative;
background: #ed912a;
}
.plan-item .item-heading.orange-heading:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #ed912a;
opacity: 0.9;
z-index: 1;
}
.plan-item .item-heading h4 {
color: #ffffff;
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
position: relative;
z-index: 2;
margin-bottom: 5px;
}
.plan-item .item-heading span {
color: #ffffff;
position: relative;
z-index: 2;
}
.plan-item .item-body {
border: 2px solid #eeeeee;
border-top: none;
padding: 0 50px 30px;
}
.plan-item .item-body .price-count {
top: -55px;
margin: 0 auto 0;
border-radius: 50%;
background-color: #ffffff;
text-align: center;
line-height: 110px;
width: 110px;
height: 110px;
position: relative;
z-index: 3;
border: 5px solid #f6f6f6;
box-shadow: 0 0 0 2px #eeeeee inset;
}
.plan-item .item-body .price-count span {
color: #333333;
position: relative;
font-size: 33px;
font-weight: 700;
top: -5px;
}
.plan-item .item-body .price-count span i {
font-size: 30px;
}
.plan-item .item-body .price-type {
color: #555555;
position: relative;
margin-bottom: 35px;
text-transform: uppercase;
}
.plan-item .item-body .price-type:after {
content: "";
display: block;
background-color: #237ac6;
width: 40px;
height: 1px;
margin: 10px auto;
}
.plan-item .item-body ul {
margin-bottom: 20px;
}
.plan-item .item-body ul li {
padding: 10px 0;
line-height: 30px;
border-bottom: 1px solid #eeeeee;
color: #555555;
font-size: 15px;
list-style: none;
}
.plan-item .item-body ul li:before{
display: none !important;
}
.plan-item .item-body ul li:last-child {
border-bottom: none;
}
.pricing {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin: 0 auto 3em;
}
.pricing__item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
text-align: center;
-webkit-flex: 0 1 330px;
flex: 0 1 330px;
}
.pricing__feature-list {
text-align: left;
}
.pricing__action {
color: inherit;
border: none;
background: none;
}
.pricing__action:focus {
outline: none;
} .pricing--sonam .pricing__item {
margin: 1em;
padding: 2em;
cursor: default;
border-radius: 10px;
background: #1F1F1F;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--sonam .pricing__item:hover {
background: #141315;
}
.pricing--sonam .pricing__title {
font-size: 2em;
width: 100%;
margin: 0 0 0.25em;
padding: 0 0 0.5em;
border-bottom: 3px solid rgb(27, 26, 28);
}
.pricing--sonam .pricing__price {
color: #E06060;
font-size: 1.75em;
padding: 1em 0 0.75em;
}
.pricing--sonam .pricing__sentence {
font-weight: bold;
}
.pricing--sonam .pricing__feature-list {
margin: 0;
padding: 1em 1.25em 2em;
}
.pricing--sonam .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 0.75em 2em;
border-radius: 5px;
background: #E06060;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--sonam .pricing__action:hover,
.pricing--sonam .pricing__action:focus {
background: #BD3C3C;
} .pricing--jinpa .pricing__item {
margin: 1.5em 0;
padding: 2em;
cursor: default;
color: #fff;
border: 2px solid #eeeeee;
-webkit-transition: background-color 0.6s, color 0.3s;
transition: background-color 0.6s, color 0.3s;
}
.pricing--jinpa .pricing__item:nth-child(2) {
border-right: none;
border-left: none;
}
.pricing--jinpa .pricing__item:hover {}
.pricing--jinpa .pricing__title {
font-size: 2em;
width: 100%;
margin: 0;
padding: 0;
}
.pricing--jinpa .pricing__price {
font-size: 1.45em;
font-weight: bold;
line-height: 95px;
width: 100px;
height: 100px;
margin: 1.15em auto 1em;
border-radius: 50%;
color: #fff;
background: #ea716e;
-webkit-transition: color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
}
.pricing--jinpa .pricing__item:first-child .pricing__price {
background: #eac36e;
}
.pricing--jinpa .pricing__item:nth-child(2) .pricing__price {
background: #eaa36e;
}
.pricing--jinpa .pricing__item:hover .pricing__price {
color: #fff;
background: #088cdc;
}
.pricing--jinpa .pricing__sentence {}
.pricing--jinpa .pricing__feature-list {
margin: 0;
padding: 1em 1em 2em 1em;
list-style: none;
text-align: center;
}
.pricing--jinpa .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 0.75em 2em;
opacity: 0;
color: #fff;
background: #088cdc;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
.pricing--jinpa .pricing__item:hover .pricing__action {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pricing--jinpa .pricing__action:hover,
.pricing--jinpa .pricing__action:focus {
background: #6EA76B;
}
@media screen and (max-width: 60em) {
.pricing--jinpa .pricing__item {
max-width: none;
width: 90%;
flex: none;
}
.pricing--jinpa .pricing__item:nth-child(2) {
border: 1px solid #fff;
}
} .pricing--tenzin .pricing__item {
margin: 1em;
padding: 2em 2.5em;
text-align: left;
color: #262b38;
background: #EEF0F3;
border-top: 3px solid #EEF0F3;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.pricing--tenzin .pricing__item:hover {
border-color: #3e62e0;
}
.pricing--tenzin .pricing__title {
font-size: 1em;
margin: 0 0 1em;
}
.pricing--tenzin .pricing__price {
font-size: 2em;
font-weight: bold;
padding: 0.5em 0 0.75em;
border-top: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--tenzin .pricing__sentence {
font-weight: bold;
padding: 0 0 0.5em;
color: #9CA0A9;
border-bottom: 3px solid rgba(139, 144, 157, 0.18);
}
.pricing--tenzin .pricing__feature-list {
font-size: 0.85em;
font-style: italic;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: right;
color: #8b909d;
}
.pricing--tenzin .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #3e62e0;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--tenzin .pricing__action:hover,
.pricing--tenzin .pricing__action:focus {
background-color: #3b5ac5;
} .pricing--yama .pricing__item {
margin: 1em;
padding: 0 0 2em;
color: #fff;
background: #1e1c20;
}
.pricing--yama .pricing__title {
font-size: 2.35em;
font-weight: 900;
line-height: 1;
width: 290px;
margin: 0 auto;
padding: 1em 1em 0em;
}
.pricing__amp {
padding: 0.15em 0 0.1em;
color: #0f0e0f;
}
.pricing--yama .pricing__sentence {
margin-bottom: 2em;
color: #555357;
}
.pricing--yama .pricing__price {
font-size: 2em;
font-weight: bold;
position: relative;
z-index: 10;
overflow: hidden;
padding: 0.75em;
cursor: default;
color: #ef7d46;
background: #1a181b;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--yama .pricing__item:hover .pricing__price {
color: #fff;
}
.pricing--yama .pricing__price::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: #141315;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(-150%, 0, 0) skewX(40deg);
transform: translate3d(-150%, 0, 0) skewX(40deg);
}
.pricing--yama .pricing__item:hover .pricing__price::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) skewX(0deg);
transform: translate3d(0, 0, 0) skewX(0deg);
}
.pricing--yama .pricing__period {
font-size: 0.5em;
font-weight: normal;
display: block;
color: #2a272c;
}
.pricing--yama .pricing__feature-list {
margin: 0;
padding: 2em 1em;
list-style: none;
text-align: center;
color: #6a6563;
}
.pricing--yama .pricing__action {
font-weight: bold;
margin: 0 2em;
padding: 1em 2em;
border-radius: 4px;
background: #ef7d46;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--yama .pricing__action:hover,
.pricing--yama .pricing__action:focus {
color: #ef7d46;
background: #fff;
} .pricing--rabten .pricing__item {
padding: 2em 4em;
cursor: default;
color: #262b38;
max-width: 320px;
}
.pricing--rabten .pricing__item:nth-child(2) {
border-right: 1px solid rgba(139, 144, 157, 0.18);
border-left: 1px solid rgba(139, 144, 157, 0.18);
}
.pricing--rabten .pricing__title {
font-size: 1em;
margin: 1.5em 0 0;
}
.pricing--rabten .icon {
font-size: 2.5em;
color: #8b909d;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--rabten .pricing__item:hover .icon {
color: #E03E3E;
}
.pricing--rabten .pricing__price {
font-size: 2em;
font-weight: bold;
margin: 0.5em 0 0.75em;
overflow: hidden;
}
.pricing--rabten .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--rabten .pricing__period {
font-size: 0.35em;
color: #8b909d;
}
.pricing--rabten .pricing__anim {
display: inline-block;
position: relative;
}
.pricing--rabten .pricing__item:hover .pricing__anim {
-webkit-animation: moveUp 0.4s forwards;
animation: moveUp 0.4s forwards;
-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.pricing--rabten .pricing__item:hover .pricing__anim--2 {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
@-webkit-keyframes moveUp {
50% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
52% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes moveUp {
50% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
52% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.pricing--rabten .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
color: #8b909d;
}
.pricing--rabten .pricing__feature-list {
font-size: 0.85em;
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
color: #8b909d;
}
.pricing--rabten .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #E03E3E;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--rabten .pricing__action:hover,
.pricing--rabten .pricing__action:focus {
background-color: #C53737;
}
@media screen and (max-width: 60em) {
.pricing--rabten .pricing__item {
max-width: none;
width: 90%;
flex: none;
border: none !important;
opacity: 1 !important;
}
} .pricing--pema .pricing__item {
padding: 2em 3em;
margin: 1em;
color: #262b38;
background: #fff;
cursor: default;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 66.250em) {
.pricing--pema .pricing__item {
margin: 1.5em 0;
}
.pricing--pema .pricing__item--featured {
z-index: 10;
margin: 0;
font-size: 1.15em;
}
}
.pricing--pema .pricing__title {
font-size: 2em;
margin: 0.5em 0 0;
color: #1d211f;
}
.pricing--pema .icon {
display: inline-block;
min-width: 2em;
color: #8A9790;
vertical-align: middle;
}
.pricing--pema .pricing__price {
font-size: 5em;
font-weight: 800;
color: #6ed19c;
position: relative;
z-index: 100;
}
.pricing--pema .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--pema .pricing__period {
font-size: 0.25em;
display: inline-block;
padding: 0 0 0 0.5em;
color: #CEDED6;
}
.pricing--pema .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
color: #6ed19c;
}
.pricing--pema .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 1.5em 0.5em 2.5em;
list-style: none;
}
.pricing--pema .pricing__feature {
padding: 0.15em 0;
}
.pricing--pema .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
color: #fff;
border-radius: 5px;
background: #6ed19c;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--pema .pricing__action:hover,
.pricing--pema .pricing__action:focus {
background-color: #4F5F56;
} .pricing--karma .pricing__item {
margin: 1em;
color: #382628;
background: #fff;
cursor: default;
text-transform: uppercase;
letter-spacing: 4px;
border: 2px solid #382628;
border-radius: 5px;
}
.pricing--karma .pricing__title {
font-size: 1em;
font-weight: 700;
margin: 0.5em 0 0;
padding: 1em;
border-bottom: 2px solid #382628;
}
.pricing--karma .icon {
display: inline-block;
min-width: 2em;
}
.pricing--karma .pricing__price {
font-size: 3em;
padding: 0.5em 0 0 0;
margin: 1em;
font-weight: bold;
border: 2px solid #382628;
position: relative;
z-index: 100;
}
.pricing--karma .pricing__item--featured .pricing__price::after {
background: url(//ketozone.com/wp-content/themes/exproduct/img/stamp.png);
background-size: cover;
content: '';
position: absolute;
top: -30px;
right: -20px;
width: 100px;
height: 100px;
pointer-events: none;
}
.pricing--karma .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--karma .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
margin-top: 1.25em;
border-top: 2px solid #382628;
}
.pricing--karma .pricing__sentence {
margin: 0 0 1em 0;
padding: 1em;
font-size: 0.85em;
border-bottom: 2px solid #382628;
}
.pricing--karma .pricing__feature-list {
font-size: 0.85em;
margin: 0;
letter-spacing: 0;
padding: 0 1em 2.5em 4em;
list-style-type: square;
}
.pricing--karma .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 1.25em 2em;
color: #fff;
background: #382628;
letter-spacing: 2px;
border-radius: 5px;
border: 2px solid #382628;
font-size: 0.95em;
text-transform: uppercase;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--karma .pricing__action:hover,
.pricing--karma .pricing__action:focus {
background-color: #ffdbd5;
color: #382628;
} .pricing--norbu .pricing__item {
margin: 1em;
color: #fff;
cursor: default;
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.08);
border-radius: 10px;
-webkit-transition: border-color 0.3s, background 0.3s;
transition: border-color 0.3s, background 0.3s;
}
.pricing--norbu .pricing__item:hover {
border: 1px solid rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 0.18);
}
.pricing--norbu .pricing__title {
font-size: 2em;
font-weight: 400;
margin: 0.5em 0;
padding: 1em;
position: relative;
}
.pricing--norbu .pricing__title::after {
content: '';
position: absolute;
width: 20%;
height: 1px;
background: #fff;
left: 40%;
bottom: 0;
}
.pricing--norbu .icon {
display: inline-block;
min-width: 2em;
}
.pricing--norbu .pricing__price {
font-size: 3.5em;
padding: 0.5em 0 0 0;
font-weight: 400;
position: relative;
z-index: 100;
}
.pricing--norbu .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--norbu .pricing__period {
font-size: 0.25em;
display: block;
padding: 1em;
}
.pricing--norbu .pricing__sentence {
padding: 1em 2em;
font-size: 1em;
margin: 0 auto 1em;
}
.pricing--norbu .pricing__feature-list {
font-size: 1.15em;
margin: 0 2em;
letter-spacing: 0;
padding: 2em 0;
list-style: none;
}
.pricing--norbu .pricing__feature {
line-height: 1.4;
}
.pricing--norbu .pricing__feature::before {
content: "\e87a";
font-family: 'linearicons';
display: inline-block;
vertical-align: middle;
padding: 0 0.75em 0 0;
}
.pricing--norbu .pricing__action {
font-weight: bold;
flex: none;
margin: auto 1em 1em;
padding: 1.25em 2em;
color: #4aa8e4;
background: rgba(255, 255, 255, 0.7);
border-radius: 5px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.pricing--norbu .pricing__action:hover,
.pricing--norbu .pricing__action:focus {
background: #fff;
} .pricing--dawa .pricing__item {
padding: 0 2em;
}
.pricing--dawa .pricing__title {
font-weight: bold;
font-size: 1.8em;
padding: 0 0 0.5em;
background: url(//ketozone.com/wp-content/themes/exproduct/img/line.png) no-repeat 50% 100%;
}
.pricing--dawa .pricing__price {
font-size: 3.75em;
line-height: 1;
margin: 1em 0 0.65em;
}
.pricing--dawa .pricing__period {
font-size: 0.25em;
display: block;
}
.pricing--dawa .pricing__sentence {
margin: 0;
}
.pricing--dawa .pricing__feature-list {
margin: 0 0 1.5em;
padding: 1em;
list-style: none;
text-align: center;
}
.pricing--dawa .pricing__action {
border-radius: 30px;
font-size: 1.5em;
padding: 0.5em 1.5em;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.pricing--dawa .pricing__action:hover,
.pricing--dawa .pricing__action:focus {
color: #fffa5c;
}
@media screen and (max-width: 40em) {
.pricing--dawa .pricing__item {
border: 1px solid rgba(255, 255, 255, 0.6);
margin: 1em;
}
} .pricing--yonten .pricing__item {
padding: 2em 4em;
cursor: default;
color: #fff;
margin: 1em;
border: 1px solid #5c6552;
max-width: 320px;
}
@media screen and (min-width: 66.250em) {
.pricing--yonten .pricing__item {
margin: 0;
}
.pricing--yonten .pricing__item:nth-child(2) {
border-right: none;
border-left: none;
}
}
.pricing--yonten .pricing__item:hover {
z-index: 100;
}
.pricing--yonten .pricing__item:hover::after {
content: '';
pointer-events: none;
position: absolute;
top: -5px;
left: -5px;
width: 100%;
height: 100%;
box-sizing: content-box;
border: 5px solid #8bc34a;
}
.pricing--yonten .pricing__title {
font-size: 1.5em;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em;
}
.pricing--yonten .icon {
font-size: 3em;
margin: 0 0 0.5em 0;
color: #85c34a;
}
.pricing--yonten .pricing__price {
font-size: 2em;
margin: 0 0 0.5em 0;
font-weight: bold;
color: #85c34a;
}
.pricing--yonten .pricing__currency {
font-size: 0.5em;
vertical-align: super;
}
.pricing--yonten .pricing__period {
font-size: 0.35em;
padding: 0 0 0 0.5em;
color: #646D5B;
}
.pricing--yonten .pricing__feature-list {
margin: 0;
padding: 0.25em 0 8em;
list-style: none;
text-align: center;
color: #81867D;
}
.pricing--yonten .pricing__feature {
padding: 0.25em;
}
.pricing--yonten .pricing__action {
font-weight: bold;
margin-top: auto;
padding: 1em 2em;
border-radius: 40px;
background: #85c34a;
color: ;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--yonten .pricing__action:hover,
.pricing--yonten .pricing__action:focus {
color: #85c34a;
background: #fff;
} .pricing--tashi .pricing__item {
margin: 0.5em;
padding: 2em 2.5em;
text-align: left;
color: #fff;
background: #262c37;
}
.pricing--tashi .pricing__title {
font-size: 2em;
font-weight: 300;
margin: 0 0 0.15em;
color: #E25A77;
}
.pricing--tashi .pricing__item:nth-child(2) .pricing__title {
color: #E25ABC;
}
.pricing--tashi .pricing__item:nth-child(3) .pricing__title {
color: #7E5AE2;
}
.pricing--tashi .pricing__price {
font-size: 3em;
font-weight: 300;
padding: 0.85em 0;
}
.pricing--tashi .pricing__currency {
font-size: 0.65em;
vertical-align: super;
color: #394150;
}
.pricing--tashi .pricing__period {
font-size: 0.35em;
padding: 0 0 0 0.5em;
color: #535965;
}
.pricing--tashi .pricing__sentence {
padding: 0 0 0.5em;
margin: 0;
color: #535965;
}
.pricing--tashi .pricing__feature-list {
font-size: 0.95em;
margin: 0;
padding: 0 0 2.5em;
list-style: none;
color: #757983;
}
.pricing--tashi .pricing__feature {
position: relative;
display: block;
padding: 0 0 0 20px;
line-height: 1.5;
}
.pricing--tashi .pricing__feature::before {
content: '';
position: absolute;
width: 10px;
height: 2px;
background: #1F242D;
left: 0;
top: 50%;
margin: -2px 0 0 0;
}
.pricing--tashi .pricing__action {
-webkit-align-self: flex-end;
align-self: flex-end;
margin-top: auto;
font-size: 1.55em;
width: 60px;
height: 60px;
line-height: 60px;
color: #fff;
border-radius: 30px;
background: #E25A77;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.pricing--tashi .pricing__item:nth-child(2) .pricing__action {
background: #E25ABC;
}
.pricing--tashi .pricing__item:nth-child(3) .pricing__action {
background: #7E5AE2;
}
.pricing--tashi .pricing__action:hover,
.pricing--tashi .pricing__action:focus {
background: #1A1F28 !important;
} .pricing--palden .pricing__item {
cursor: default;
color: #84697c;
background: #fff;
box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
border-radius: 20px 20px 10px 10px;
margin: 1em;
}
@media screen and (min-width: 66.250em) {
.pricing--palden .pricing__item {
margin: 1em -0.5em;
}
.pricing--palden .pricing__item--featured {
margin: 0;
z-index: 10;
box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
}
}
.pricing--palden .pricing__deco {
border-radius: 10px 10px 0 0;
background: #7a90ff;
padding: 4em 0 9em;
position: relative;
}
.pricing--palden .pricing__deco-img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 160px;
}
.pricing--palden .pricing__item--featured .pricing__deco {
padding: 5em 0 8.885em 0;
}
.pricing--palden .pricing__title {
font-size: 0.75em;
margin: 0;
text-transform: uppercase;
letter-spacing: 5px;
color: #ffd5bd;
}
.pricing--palden .deco-layer {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.pricing--palden .pricing__item:hover .deco-layer--1 {
-webkit-transform: translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.pricing--palden .pricing__item:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
.pricing--palden .icon {
font-size: 2.5em;
}
.pricing--palden .pricing__price {
font-size: 5em;
font-weight: bold;
padding: 0;
color: #fff;
margin: 0 0 0.25em 0;
line-height: 0.75;
}
.pricing--palden .pricing__currency {
font-size: 0.15em;
vertical-align: top;
color: rgba(0, 0, 0, 0.4);
}
.pricing--palden .pricing__period {
font-size: 0.15em;
padding: 0 0 0 0.5em;
color: rgba(0, 0, 0, 0.4);
font-style: italic;
}
.pricing--palden .pricing__sentence {
font-weight: bold;
margin: 0 0 1em 0;
padding: 0 0 0.5em;
}
.pricing--palden .pricing__feature-list {
margin: 0;
padding: 0.25em 0 2.5em;
list-style: none;
text-align: center;
}
.pricing--palden .pricing__feature {
padding: 1em 0;
}
.pricing--palden .pricing__action {
font-weight: bold;
margin: auto 3em 2em 3em;
padding: 1em 2em;
color: #fff;
border-radius: 30px;
background: #ffae7e;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.pricing--palden .pricing__action:hover,
.pricing--palden .pricing__action:focus {
background-color: #f38747;
} .wpb_gallery_slides.flexslider .slides img {
max-width: 100%;
display: block;
height: auto;
}
html .wpb_heading.wpb_pie_chart_heading{
color: #8a8a8a;
padding-top: 20px;
font-size: 14px;
text-transform: uppercase;
}
.home-template .vc_row {
position: relative;
}
.vc_row-overlay {
display: inline-block;
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.vc_row-overlay:after {
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.vc_row-overlay .wpb_column {
position: relative;
z-index: 3;
}
html .vc_row.vc_row-padding-top {
padding-top: 50px;
}
html .vc_row.vc_row-padding-bottom {
padding-bottom: 80px;
}
.vc_row.vc_row-padding-both {
padding-top: 50px;
padding-bottom: 80px;
}
.no-overlay,
.pix-row-overlay.pix-row-decor {
overflow: inherit !important;
}
.text-white-color a {
color: #fff;
}
html body  .container .text-white-color * {
color: #fff;
}
.text-white-color  .gallery-controls .btn-group a  ,  .text-white-color .section-heading , .white-heading * , .gallery-controls .btn-group a:hover i, .text-white-color .gallery-controls .btn-group a.active i{
color: #fff !important;
}
.skills-features-section {
position: relative;
z-index: 88;
}
aside .widget-title {
text-transform: uppercase;
margin-bottom: 15px;
font-size:16px ;
font-weight:600 ;
}
.block_content {
margin-bottom: 45px;
display: inline-block;
width: 100%;
} .vc_progress_bar .vc_single_bar
{
background: #eff2f7 !important;
margin-bottom: 35px !important;
height: 5px;
margin-top: 35px;
}
.vc_progress_bar .vc_single_bar .vc_label
{
padding: .5em 0 !important;
top: -23px;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
}
.vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
float: right;
color: #999;
}
.vc_progress_bar .wpb_progress_bar_heading {
margin-bottom: 55px;
}
.wpb_content_element,.wpb_row
{
margin-bottom: 0 !important;
}
.vc_btn3.vc_btn3-size-md
{
font-size: 14px !important;
text-transform: uppercase;
line-height: 20px !important;
font-weight: 400 !important;
}
.rtd > .vc_row {
margin-left: 0;
margin-right: 0;
} .vc_row.jarallax-nopadding{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.jarallax {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 1;
position: relative;
width: 100%;
}
.jarallax-content , .jarallax-content-inner{
width: 100%;
}
.background-attachment-fixed{
display: inline-block;
width: 100%;
}
.vc_row_use_jarallax.vc_row {
margin-left: 0;
margin-right: 0;
}
.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper{
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper  .jarallax{
display: flex;
height: 100%;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper  .jarallax  .jarallax-content{
display: flex;
height: 100%;
} .btn1{
font-weight: 500 !important;
position: relative;
font-size: 12px !important;
padding: 11px 23px !Important;
text-transform: uppercase;
border-radius: 0px;
border: 1px solid #acacac;
color: #313647;
background: #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
html .btn-style-1 {
font-weight: 500 !important;
position: relative;
font-size: 12px !important;
padding: 11px 23px !Important;
text-transform: uppercase;
border-radius: 0px;
border: 1px solid #acacac;
color: #313647;
background: #fff;
border-right: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
html .btn-style-1:before , .btn-style-1-hovered:before {
content: "";
display: block;
position: absolute;
right: 0px;
top: -1px;
bottom: -1px;
width: 4px;
opacity: 1;
transition: 0.4s;
transition-timing-function: cubic-bezier(.36,.99,.69,1.2);
z-index: 1;
background: #0060c1 ;
}
html .btn-style-1:hover:before  , .btn-style-1-hovered:before{
width: 100%  !important;
z-index: 1 !important;
}
html .btn-style-1:hover , html .btn-style-1:hover >  button {
color: #fff !important; 
}
.btn-style-1-hovered {
color: #fff !important;
border-left: 0 !important;  
}
.btn-style-1-hovered:hover {
opacity: 0.8; 
}
html .btn-style-1 span {
position: relative;
z-index: 2;
}
.exproduct-column-info  .btn-style-1{
margin: 35px 0 0 0;
display: inline-block;
padding: 13px 24px 13px 20px;
}
html .btn-style-1  button{
padding: 0 !important;
margin: 0 !important;
position: relative;
z-index: 2;
background: transparent !important;
color: #000 !important;
text-transform: uppercase;
}
.column-info h3 {
margin-top: 40px;
margin-bottom: 25px;
font-size: 19px;
}
html .btn-style-1:hover{
box-shadow: 5px 6px 8px #ccc;
}
.btn-style-1-hovered{
box-shadow: none !important; 
} html .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm.vc_icon_element-have-style-inner {
width: auto !important;
height: auto !important;
margin: 3px 15px 0 10px !important;
}
footer .pix_icon_element_content {
}
.vc_icon_element {
line-height: 0;
font-size: 14px;
margin: 0px 0px 0 0 !important;
display: inline-block;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner {
border: 1px solid #555;
}
.pix_icon_element_content {
width: 100%;
display: inline-block;
}
.pix_icon_element .vc_icon_element-inner {
margin-right: 15px;
}
.pix_icon_element_content .vc_icon_element-inner {
float: left;
}
.vc_icon_content {
float: left;
padding-top: 0;
margin-top: -5px;
padding-bottom: 22px;
margin-left: 0;
}
footer .vc_icon_content strong {
color: #fff;
}
.vc_icon_content p {
padding: 0;
margin: 0;
font-weight: 500 ;
color: #ccc;
font-size: 12px;
}
.pix_icon_element_content .vc_icon_element-inner {
float: left;
width: auto !important;
margin: 0 22px 0 0;
}
footer .pix_icon_element_content .fa-map-marker {
position: relative;
top: 5px !important;
}
.pix_icon_element_content .vc_icon_content {
padding-left: 5px;
}
.vc_icon_element-style-boxed-outline .vc_icon_element-icon {
border: 0;
border-right: 0;
margin: 9px 25px 0 0;
padding: 11px 5px 0 0;
height: 40px;
}
.vc_icon_element-style-boxed-outline .vc_icon_element-icon:before {
font-size: 16px !important;
top: -8px;
position: relative;
left: -3px;
}
_element-outer .vc_icon_content {
padding-left: 30px !important;
padding-top: 8px;
padding-bottom: 9px;
}
.vc_icon_element-outer .vc_icon_content {
padding-top: 7px;
padding-bottom: 10px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
height: auto !important;
width: auto !important;
margin:10px 15px 0 0;
}
.wpb_map_wraper iframe {
pointer-events: none;
}
.text-white-color .pix_icon_element  * {
color: #ccc !important;
}
html .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {
width: 35px !important;
height: 35px !important;
}
html .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
font-size: 16px !important;
} .shuffle h4{
min-height: 26px;
opacity: 0;
}
.shuffle-start {
opacity: 1 !important;
}
.vc_custom_heading.shuffle {
opacity: 0;  
min-height: 72px;
}
.vc_custom_heading.shuffle.shuffle-start{
opacity: 1;
}
footer .wpcf7-not-valid-tip{
display: none !important;
}
footer  .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {¬4291
width: auto;
} .b-advantages {
margin: 0 15px 0;
padding: 67px 50px 60px;
text-align: center;
border: 1px solid #f4f4f4;
background: #fff;
font-size: 14px;
line-height: 19px;
}
.b-advantages__title {
margin-top: 27px;
margin-bottom: 18px;
font-size: 16px;
font-weight: 700;
}
.b-advantages  .btn {
margin-top: 33px;
border-width: 1px;
background-color: #fff;
}
.b-advantages img{
max-width: 100%;
height: auto;
} .typed-cursor{
opacity: 1;
font-weight: 100;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-ms-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.section-decor-wrap{
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 90px;
text-align: center;
opacity: 1 !important;
z-index: 9;
}
.section-decor-wrap.bottom {
top: auto;
bottom: -1px;
}.wrap-blog-post {
margin-bottom: 45px; 
}
.wrap-blog-post.wrap-wide-blog-post {
background: #f6f6f6;
}
.wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date {
right: auto;
left: 40px;
}
.wrap-blog-post .wrap-image {
position: relative;
min-height: 50px;
}
.wrap-blog-post .wrap-image  blockquote:not([class]) ,  .post-image blockquote:not([class]){
margin: 0 !important;
padding-left: 140px !important;
padding-top: 60px !Important;
}
.wrap-image blockquote , .post-image  blockquote {
padding: 30px 30px 20px 60px !important;
border: 2px solid #ececec !important;
}
.wrap-image blockquote + .post-date , .post-image blockquote  + .post-date {
display: none !important;
}
.wrap-blog-post .wrap-image img {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
.wrap-image iframe , .post-image iframe{
max-width: 100%;
width: 100%;
}
.no-image .post-date{
bottom: 0 !important;
left: 0 !important;
}
.wrap-blog-post .wrap-image .post-date {
color: #ffffff;
font-size: 11px;
font-weight: 700;
position: absolute;
bottom: 25px;
padding: 20px 20px 10px 20px;
opacity: 1;
right: 25px;
display: inline-table;
width: inherit;
}
.wrap-blog-post .wrap-image .post-date:before{
background:#237ac6;
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity:1;
z-index: 2;
}
.wrap-blog-post .wrap-image .post-date a {
color: #fff;
position: relative;
z-index: 7;
border-right: 1px solid #fff;
padding-left: 0;
line-height: 9px;
padding: 0 5px 0px 5px;
display: inline-block;
margin-bottom: 10px;
font-weight: 400;
font-size: 11px;
font-weight: 400;
font-size: 11px;
font-size: 11px;
}
.wrap-blog-post .wrap-image .post-date a:last-child{
border: 0;
}
.post-description {
padding: 0px 0px 30px 0px;
line-height: 25px;
font-size: 11px;
}
.post-date i {
font-size: 14px;
margin-right: 8px;
color: #777;
position: relative;
top: 1px;
}
.wrap-blog-post .post-description .author {
color: #777;
font-size: 12px;
text-transform: uppercase;
margin-right: 10px;
font-weight: 400;
font-size: 11px;
}
.wrap-blog-post .post-description .author a {
color: #777;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
font-size: 11px;
}
.post-date   a{
padding-right: 2px;
padding-left: 2px;
line-height: 7px !important;
display: inline-block;
}
.post-date , .post-date a{
color: #777;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
font-size: 11px;
}
.post-date  .author{
padding-right: 5px;
}
.post-description .fa-comment-o {
color: #777;
margin-right: 5px;
margin-left: 10px;
top: -1px;
position: relative;
}
.post-description .fa-comment-o + a{
position: relative;
top: -2px;
}
.post-description .icon-heart {
position: relative;
top: 1px;
margin-right: 5px;
}
.post_footer{
clear: both;
display: inline-block;
width: 100%;
}
.post-body + .post_footer{
border: 1px solid #eaeaea;
padding: 20px 20px;
margin-top: 20px;
}
.post_read_more{
font-size: 13px;
padding: 10px 25px 9px 24px;
line-height: 27px;
border-radius: 100px;
text-transform: uppercase;
box-shadow: none !important;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
background: #ed912a;
color: #fff !important;
text-decoration: none !important;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
margin-top: 0;
display: inline-block;
clear: both;
font-weight: 700;
}
.post_read_more:hover .fa{
left: -2px;
}
.post_read_more .fa {
position: relative;
margin-left: 7px;
margin-right: -7px;
transition: all .3s ease-out;
}
.post_read_more:hover{
color: #fff;
opacity: 0.8;
}
.post-body {
padding:45px 20px 20px 20px;
}
.wrap-blog-post .post-body p {
margin: 15px 0 25px;
font-size: 14px;
line-height: 1.7;
}
.list-blog-item {
max-width: 290px;
margin: 0 auto 20px;
}
.list-blog-item .blog-image {
margin-bottom: 10px;
}
.list-blog-item .blog-image img {
max-width: 100%;
height: auto
}
.list-blog-item .tags {
margin-bottom: 10px;
font-size: 11px;
}
.list-blog-item .tags span {
color: #2b395b;
font-size: 10px;
text-transform: uppercase;
font-weight: normal;
}
.list-blog-item .blog-description p {
font-size: 14px;
font-weight: normal;
line-height: 22px;
}
.list-blog-item .blog-description .read-more {
opacity: 0.8;
display: inline-block;
padding-left: 14px;
border-radius: 0;
padding: 4px 12px;
float: right;
border-right: 1px solid rgba(255, 255, 255, 0.5);
margin-top: 20px; 
}
.list-blog-item .blog-description .read-more:hover {
opacity: 1;
}
.blog-description h4 a {
font-size: 24px;
font-weight: 700;
color: inherit;
padding-bottom: 10px;
display: inline-block;
}
.blog-description h4 a{
font-size: 16px;
text-transform: uppercase;
}
.tags *,
.tags a {
color: #fff !important;
}
.log-list-container  .list-blog-item  .tags , .log-list-container  .list-blog-item  .tags *,
.log-list-container  .list-blog-item  .tags a , .list-blog-item .tags  , html  .list-blog-item .tags span , .list-blog-item  .tags a {
color: #ed912a !important;
font-size: 12px !Important;
text-transform: uppercase !Important;
font-weight: 700 !important;
line-height: 20px;
} .blog-post {
background: #f6f6f6;
margin-bottom: 100px;
}
.blog-post .post-image {
position: relative;
min-height: 50px;
background: #fff;
}
.blog-post .post-image img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.blog-post .post-image .post-date {
color: #ffffff;
font-size: 11px;
font-weight: 700;
position: absolute;
bottom: 25px;
padding: 20px 20px 20px 20px;
opacity: 1;
right: 25px;
display: inline-table;
width: inherit;
background: #237ac6;
}
.blog-post .post-description {
padding: 40px 40px 5px 40px;
line-height: 25px;
}
.blog-post .post-description .author {
color: #aaaaaa;
font-size: 12px;
text-transform: uppercase;
margin-right: 10px;
}
.blog-post .post-description .author a {
color: #237ac6;
}
.blog-post .post-description a {
color: #237ac6;
}
.blog-post .post-description a span {
color: rgba(170, 170, 170, 0.8);
margin-right: 5px;
}
.blog-post .post-body {
padding: 0 40px 45px 40px;
}
.post-name{
font-weight: 700;
font-size: 22px;
color: #333;
padding: 0 0 15px 0;
margin: 0;
text-transform: uppercase;
}
.post-name a{
font-weight: 700;
font-size: 22px;
color: #333;
display: inline-block;
}
.post-body .rtd{
font-size: 14px;
line-height: 2;
}
.blog-post .post-body p {
margin-bottom: 20px;
}
.blog-post .post-body img.pull-right {
margin: 0 0 10px 15px;
}
.blog-post .post-body img.pull-left {
margin: 0 15px 10px 0;
}
.post-footer  a.btn.btn-transparent {
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: none;
background: #237ac6;
padding-left: 5px;
margin-right: -1px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
}
.post-footer  .blog-footer-title {
display: inline-block;
margin-right: 5px;
}
.btn-social a{
padding-right: 5px;
}
.post-footer {
font-size: 12px;
text-transform: uppercase;
color: #777;
position: relative;
padding: 25px 25px 0 25px;
margin: 45px 0;
border: 1px solid #eaeaea;
}
.post-footer *{
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.footer-meta:nth-child(even){
text-align: right;
position: relative;
right: -17px;
}
.post-footer .blog-footer-categories ,.post-footer .blog-footer-tags ,.post-footer .btn-social {
width: 49%; 
display: inline-block;
margin-bottom: 25px;
vertical-align: top;
}
.blog-cat-footer + .pull-right{
max-width: 50%;
display: inline-block;
vertical-align: top;
float: right;
}
.post-footer a {
font-size: 12px;
color: #777;
margin-right: 2px;
}
.pix-social-title{
background: #237ac6;
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 0;
line-height: 35px;
padding: 1px 15px;
margin: 0 2px 2px -7px;
height: auto;
display: inline-block;
}
.pix-social-share{
float: right;
width: 40%;
text-align: right;
}
.pix-social-share a{
margin-left: -7px;
} .reply {
position: absolute;
right: 10px;
top: 15px;
}
.reply a {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: translate(0, -10px);
font-size: 12px;
font-weight: 400;
padding: 10px 18px 10px 18px;
line-height: 30px;
border-radius: 3px;
text-transform: uppercase;
box-shadow: none !important;
background: #fff;
color: #333;
position: relative;
border: 1px solid #ccc;
border-radius: 100px;
}
.reply a:hover:after {
display: inline-block;
}
.reply a:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
content: "\f178";
margin-left: 10px;
color: #333;
display: none;
}
.reply a:hover {
background: #337ab7;
color: #fff;
}
.reply a:hover:after {
color: #fff !important;
}
.comment-list cite a {
font: 700 12px Raleway;
color: #222;
}
.comment-meta a {
font-size: 11px;
color: #666;
text-transform: uppercase;
}
.comment-info-content cite {
color: #333;
font-size: 14px;
font-weight: 700;
line-height: 25px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
.comment-list .comment-info-content {
margin-left: 90px;
padding-bottom: 0;
font-size: 14px;
padding-top: 10px;
}
.comment-list .comment-author {
float: left;
width: 65px;
height: 65px;
border: 5px solid #eee;
border-radius: 100px;
overflow: hidden;
}
.comment-list .comment-author img {
width: 100%;
height: auto;
}
.comment-list .comment , .comment-list > li {
position: relative;
list-style: none;
margin: 0;
margin-bottom: 25px;
}
.comment-list .comment  .comment {
position: inherit;
margin-bottom: 0;
padding-bottom: 0;
}
.comment-list ol.children {
margin-top: 20px;
}
.comment-respond {
padding: 0;
margin: 50px 0;
display: inline-block;
width: 100%;
}
.comment-notes {
margin-bottom: 20px;
padding-left: 0;
}
.comment-respond input[type=text],
.comment-respond i input[type=tel],
.comment-respond i input[type=password],
.comment-respond input[type=email] ,
.comment-respond input[type=url],
.comment-respond textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #dddddd;
color: #333;
font-size: 15px;
line-height: 26px;
outline: medium none;
padding: 10px 25px;
width: 100%;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
border-radius: 100px;
}
.comment-respond .wrap__btn-skew-r { margin-top: 10px;
padding-left: 12px;
padding-right: 12px;
overflow: hidden;
}
.comment-reply {
position: absolute;
top: 30px;
right: 30px;
}
.comment-reply .btn {
background-color: #f8f8f8;
}
.commentmetadata{
padding-bottom: 25px;
}
.comment-info-content p{
font-size: 15px;
color: #777;
}
#respond  .form-submit{
padding-top: 15px;
text-align: right;
}
.blog-comments {
margin-bottom: 40px;
}
.blog-comments h4 {
margin-bottom: 40px;
}
.blog-comments .comment-item {
background-color: #f6f6f6;
padding: 25px;
margin-bottom: 30px;
}
.blog-comments .comment-item .media-left {
padding-right: 25px;
}
.blog-comments .comment-item .media-left img {
max-width: 120px;
}
.blog-comments .comment-item .comment-item-heading {
margin-bottom: 10px;
}
.blog-comments .comment-item .comment-item-heading .author {
color: #237ac6;
font-size: 14px;
font-weight: 700;
line-height: 25px;
}
.blog-comments .comment-item .comment-item-heading .date {
color: rgba(170, 170, 170, 0.8);
font-size: 14px;
font-style: italic;
text-transform: uppercase;
}
.blog-comments .comment-item .comment-body p {
line-height: 24px;
}
.carousel-post img{
width: 100%;
height: auto;
}
.wrap-image  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 40px;
z-index: 7;
width: 100%;
}
.post-image  .bx-wrapper .bx-pager {
position: absolute;
bottom: 20px;
width: 100%;
}
.post-image  .bx-controls-direction , .wrap-image .bx-controls-direction{
opacity: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.post-image:hover  .bx-controls-direction ,  .wrap-image:hover  .bx-controls-direction{
opacity: 1;
}html .navbar-fixed-top.navbar-sticky-top {
top: 32px;
}
html.wpadmin-opacity  .navbar-fixed-top.navbar-sticky-top {
top: 0 !important;
}
html.wpadmin-opacity {
margin-top: 0 !important;
}
.wpadmin-opacity .wpadminbr{
opacity: 0;
transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
}
.wpadmin-opacity .wpadminbr:hover {
opacity: 1 !important;
} .yamm a,
.yamm li {
font-weight: 500;
}
.yamm  .dropdown-menu  {
background-color: #fff !important;
}
html .dropdown-menu > li  a , .full-width h1, .full-width h2, .full-width h3, .full-width h4, .full-width h5, .full-width h6 {
color: #333 !important;
} #nav > .container {
position: relative;
}
.full-width  {
position: static !important;
}
.submenu-width .dropdown-menu {
width: 100%;
}
.full-width .dropdown-menu {
left: 0 !important;
width: auto;
max-width: 100%;
min-width: 964px;
}
.full-width .dropdown-menu ul li {
display: inline-block !important;
float: none !important;
text-transform: initial;
border-bottom: 0;
font-weight: 400;
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
}
.full-width .dropdown-menu ul li a {
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
color: #333 !important;
font-weight: normal;
border-bottom: 1px dotted #eeeeee;
display: inline-block;
width: 100%;
padding-bottom: 8px;
padding-top: 2px;
}
.full-width .dropdown-menu ul li:hover {
margin-left: 2px;
}
.full-width .dropdown-menu ul li:hover a {
color: #2796de !important;
}
.full-width  h1, .full-width  h2, .full-width  h3, .full-width  h4, .full-width   h5, .full-width  h6 {
font-weight: 600;
border-bottom: 1px solid #eeeeee;
margin-bottom: 15px;
}
.dropdown-col-3,
.dropdown-col-2 {
position: relative !important;
}
.dropdown-col-3 .dropdown-menu,
.dropdown-col-2 .dropdown-menu {
min-width: 300px;
}
.dropdown-col-2.full-width .dropdown-menu li {
width: 46% !important;
margin: 0 1.5% 1.5% 1.5% !important;
border-bottom: 1px dotted #eeeeee;
padding-bottom: 1.5%;
}
.dropdown-col-2.full-width .dropdown-menu {
min-width: 400px !important;
padding: 3% 2% 3% 3% !important;
}
.dropdown-col-3.full-width .dropdown-menu li {
max-width: 29% !important;
margin: 0 1.5% 1.5% 1.5% !important;
border-bottom: 1px dotted #ccc;
padding-bottom: 1.5%;
}
.dropdown-col-3.full-width .dropdown-menu {
min-width: 500px;
padding: 3% 2% !Important;
}
.full-width .dropdown-menu li a {
font-size: 12px;
padding: 0;
}
.full-width .dropdown-menu {
padding: 0;
display: flex;
}
.full-width .dropdown-menu .widgettitle {
font-size: 14px;
margin-bottom: 10px;
padding: 10px 0 !important;
margin-top: 0;
color: #333;
border-bottom: 1px dotted #eeeeee;
font-weight: 600;
}
.full-width .dropdown-menu .menu-item > .vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 20px !important;
} .navbar-fixed-top {
position: fixed !important;
}
.header .navbar-brand {
float: left;
height: auto;
padding: 0;
font-size: 18px;
line-height: 20px;
margin-top: -2px;
padding-right: 25px;
}
.navbar-fixed-top {
position: fixed !important;
}
div[data-header="sticky"] .navbar-fixed-top {
position: absolute !important
}
.navbar-fixed-top {
position: fixed !important;
}
.header {
position: relative;
z-index: 992;
} .navbar-fixed-top.navbar-sticky-top {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
z-index: 77;
} .header.header-logo-white .normal-logo {
display: block !important;
}
.header.header-logo-white .scroll-logo {
display: none !important;
} .header.header-logo-black .normal-logo {
display: none !important;
}
.header.header-logo-black .scroll-logo {
display: block !important;
} .header.header-background-black,
.header-boxed-width.header.header-background-black #nav {
background: #484848;
}
.header.header-background-black .dropdown-menu {
background: #484848;
color: #fff;
}
.header.header-background-black .dropdown-menu a {
color: #fff;
} .header.header-background-white,
.header-boxed-width.header.header-background-white #nav {
background: #fff;
}
.header.header-background-white .top-bar {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.header-boxed-width  .top-bar {
border-bottom: 0 !important;
}
.header.header-background-white.header-menu-middle .header-navibox-2 {
display: inline-block;
width: 100%;
float: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.header.header-background-white.header-menu-middle .header-navibox-4 {
border-right: 1px solid rgba(0, 0, 0, 0.15);
border-left: 1px solid rgba(0, 0, 0, 0.15);
} .header.header-background-trans-white-rgba09,
.header-boxed-width.header.header-background-trans-white-rgba09 #nav {
background-color: rgba(255, 255, 255, 0.9);
}
.header. header-background-trans-white-rgba08,
.header-boxed-width.header.header-background-trans-white-rgba08 #nav {
background-color: rgba(255, 255, 255, 0.8);
}
.header.header-background-trans-white-rgba07,
.header-boxed-width.header.header-background-trans-white-rgba07 #nav {
background-color: rgba(255, 255, 255, 0.7);
}
.header.header-background-trans-white-rgba06,
,
.header-boxed-width.header.header-background-trans-white-rgba06 #nav {
background-color: rgba(255, 255, 255, 0.6)
}
.header.header-background-trans-white-rgba05,
.header-boxed-width.header.header-background-trans-white-rgba05 #nav {
background-color: rgba(255, 255, 255, 0.5);
}
.header.header-background-trans-white-rgba04,
.header-boxed-width.header.header-background-trans-white-rgba04 #nav {
background-color: rgba(255, 255, 255, 0.4);
}
.header.header-background-trans-white-rgba03,
.header-boxed-width.header.header-background-trans-white-rgba03 #nav {
background-color: rgba(255, 255, 255, 0.3);
}
.header.header-background-trans-white-rgba02,
.header-boxed-width.header-background-trans-white-rgba02 #nav {
background-color: rgba(255, 255, 255, 0.2);
}
.header.header-background-trans-white-rgba01,
.header-boxed-width.header.header-background-trans-white-rgba01 #nav {
background-color: rgba(255, 255, 255, 0.1);
}
.header.header-background-trans-white-rgba00,
.header-boxed-width.header.header-background-trans-white-rgba00 #nav {
background-color: transparent;
} html .header.header-background-trans-white-rgba09 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba08 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba07 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba06 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9)
}
html .header.header-background-trans-white-rgba05 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba04 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba03 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba02 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba01 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
}
html .header.header-background-trans-white-rgba00 .dropdown-menu {
background-color: rgba(255, 255, 255, 0.9);
} .header.header-background-trans-black-rgba09,
.header-boxed-width.header.header-background-trans-black-rgba09 #nav {
background-color: rgba(0, 0, 0, 0.9);
}
.header. header-background-trans-black-rgba08,
.header-boxed-width.header.header-background-trans-black-rgba08 #nav {
background-color: rgba(0, 0, 0, 0.8);
}
.header.header-background-trans-black-rgba07,
.header-boxed-width.header.header-background-trans-black-rgba07 #nav {
background-color: rgba(0, 0, 0, 0.7);
}
.header.header-background-trans-black-rgba06,
.header-boxed-width.header.header-background-trans-black-rgba06 #nav {
background-color: rgba(0, 0, 0, 0.6);
}
.header.header-background-trans-black-rgba05,
.header-boxed-width.header.header-background-trans-black-rgba05 #nav {
background-color: rgba(0, 0, 0, 0.5);
}
.header.header-background-trans-black-rgba04,
.header-boxed-width.header.header-background-trans-black-rgba04 #nav {
background-color: rgba(0, 0, 0, 0.4);
}
.header.header-background-trans-black-rgba03,
.header-boxed-width.header.header-background-trans-black-rgba03 #nav {
background-color: rgba(0, 0, 0, 0.3);
}
.header.header-background-trans-black-rgba02,
.header-boxed-width.header.header-background-trans-black-rgba02 #nav {
background-color: rgba(0, 0, 0, 0.2);
}
.header.header-background-trans-black-rgba01,
.header-boxed-width.header.header-background-trans-black-rgba01 #nav {
background-color: rgba(0, 0, 0, 0.1);
}
.header.header-background-trans-black-rgba00,
.header-boxed-width.header.header-background-trans-black-rgba00 #nav {
background-color: transparent;
} html .header.header-background-trans-black-rgba09 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.9);
}
html .header.header-background-trans-black-rgba8 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.8);
}
html .header.header-background-trans-black-rgba07 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.7);
}
html .header.header-background-trans-black-rgba06 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.6);
}
html .header.header-background-trans-black-rgba05 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba04 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba03 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba02 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba01 .dropdown-menu {
background-color: rgba(0, 0, 0, 0.5);
}
html .header.header-background-trans-black-rgba00 .dropdown-menu {
background-color: rgba(255, 255, 255, 1);
}
.header.header-background-trans-black-rgba01 .dropdown-menu li a,
.header.header-background-trans-black-rgba02 .dropdown-menu li a,
.header.header-background-trans-black-rgba03 .dropdown-menu li a,
.header.header-background-trans-black-rgba04 .dropdown-menu li a,
.header.header-background-trans-black-rgba05 .dropdown-menu li a,
.header.header-background-trans-black-rgba06 .dropdown-menu li a,
.header.header-background-trans-black-rgba07 .dropdown-menu li a,
.header.header-background-trans-black-rgba08 .dropdown-menu li a,
.header.header-background-trans-black-rgba09 .dropdown-menu li a,
.header.header-background-trans-black-rgba00 .dropdown-menu li a {
color: #fff;
}
.header.header-background-trans-black-rgba00 .dropdown-menu li a {
color: #333 !important;
} .header-color-white *,
.header.header-color-white .navbar .navbar-nav > li > a {
color: #fff;
}
.header.header-color-white .toggle-menu-button .toggle-menu-button-icon span {
background: #fff;
}
.header.header-color-white .navbar .navbar-nav > li > a:hover {
color: #fff;
}
.header.header-color-white .toggle-menu-button.is-open .toggle-menu-button-icon span {
background: #fff;
}
.header.header-color-white .header-cart-count {
background: #000;
color: #fff;
} .header-color-black *,
.header.header-color-black .navbar .navbar-nav > li > a {
color: #333 !important;
}
.header.header-color-black .toggle-menu-button .toggle-menu-button-icon span {
background:#333 !important;
}
.header.header-color-black .header-cart-count {
background: #333;
color: #fff;
} .navbar-scrolling * {
color: #333;
}
.header.navbar-scrolling .navbar .navbar-nav > li > a {
color: #333;
}
.header.navbar-scrolling .navbar .navbar-nav > li:hover > a,
.header.navbar-scrolling .navbar .navbar-nav > li a:hover {
color: #333 !important;
}
.header.navbar-scrolling .navbar .toggle-menu-button .toggle-menu-button-icon span {
background: #333;
}
.header.navbar-scrolling .header-cart-count {
background: #333;
color: #fff;
}
.header.navbar-scrolling {
background-color: rgba(255, 255, 255, 0.9);
}
.header.header.navbar-scrolling .normal-logo {
display: none !important;
}
.header.header.navbar-scrolling .scroll-logo {
display: block !important;
}
.header.header.navbar-scrolling .navbar {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.header-menu-middle.header.header.navbar-scrolling .header-navibox-2 {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.header-topbarbox-border.navbar-scrolling .header-topbarbox-1,
.header-topbarbox-border .header-topbarbox-2 {
border-right: 1px solid rgba(000, 000, 000, 0.15);
border-left: 1px solid rgba(000, 000, 000, 0.15);
}
.navbar-scrolling .navbar .toggle-menu-button.is-open .toggle-menu-button-icon span {
background: #333 !important;
}
.navbar-scrolling .top-bar {
border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.navbar-scrolling .header-navibox-4 {
border-right: 1px solid rgba(000, 000, 000, 0.15);
border-left: 1px solid rgba(000, 000, 000, 0.15);
} .header-normal-width .yamm > li > a {}
.header-normal-width .container-boxed-width {
width: 100%;
padding: 0;
} .header-full-width .container {
width: 100% !important;
padding: 0;
text-align: center;
}
.header-full-width .header-navibox-1 {
padding-left: 40px !important;
}
.header-full-width.header-navibox-2-left #nav .header-navibox-1,
.header-full-width.header-navibox-2-left #nav .header-navibox-2,
.header-full-width.header-navibox-2-left #nav .header-navibox-3,
.header-full-width.header-navibox-2-left #nav .header-navibox-4 {
float: none !important;
display: inline-table;
}
.header-full-width #nav .header-navibox-2 .navbar-nav > li {
margin: 0 4px;
}
.header-full-width.header-navibox-2-left .header-navibox-1 {
position: absolute;
left: 35px;
}
.header-full-width.header-navibox-2-left .header-navibox-3 {
position: absolute;
right: 35px;
}
.header-full-width.header-navibox-2-left .header-navibox-4 {
position: absolute;
right: 0;
}
.header-full-width .header-topbarbox-1,
.header-full-width .header-topbarbox-2 {
margin: 0 35px;
} .header.header-boxed-width {
background: none !important;
position: absolute !important;
width: 100%;
padding-top: 20px;
}
.header .navbar-scrolling.header-boxed-width .header-navibox-4 {
border-right: 0;
border-left: 1px solid rgba(000, 000, 000, 0.15);
}
.header-boxed-width #nav {
border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
border-top: 0;
}
.header-boxed-width .container-boxed-width .container {
width: auto !important;
}
.header-boxed-width .header-navibox-4 {
border-right: 0;
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-right: 0px !important;
margin-left: 15px !important;
padding-left: 7px !important;
}
.header-boxed-width .header-navibox-1 {
margin-left: 15px;
}
.header-boxed-width .navbar-scrolling {
background: none !important;
}
.header-boxed-width .navbar-scrolling #nav {
background: #fff;
margin-top: 15px;
}
.header-boxed-width .navbar-scrolling .top-bar {
display: none;
}
.header-boxed-width .navbar-scrolling #nav {
border: 1px solid rgba(000, 000, 000, 0.15) !important;
} .header-navibox-1-left .header-navibox-1,
.header-navibox-2-left .header-navibox-2,
.header-navibox-3-left .header-navibox-3,
.header-navibox-4-left .header-navibox-4 {
float: left !important;
}
.header-navibox-1-right .header-navibox-1,
.header-navibox-2-right .header-navibox-2,
.header-navibox-3-right .header-navibox-3,
.header-navibox-4-right .header-navibox-4 {
float: right !important;
}
.header-navibox-1-middle .header-navibox-1,
.header-navibox-2-middle .header-navibox-2,
.header-navibox-3-middle .header-navibox-3,
.header-navibox-4-middle .header-navibox-4 {
margin: 0 auto !important;
}
.header-navibox-4 #nav {
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-right: 15px !important;
margin-left: 15px !important;
}
.header-navibox-4 {
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-left: 1px solid rgba(255, 255, 255, 0.15);
} .header-topbar-hidden .top-bar {
display: none !important;
}
.top-bar {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.top-bar ul {
margin: 0;
padding: 0;
}
.top-bar li {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
margin-left: 5px;
}
.header-topbarbox-1-left .header-topbarbox-1,
header-topbarbox-2-left .header-topbarbox-2 {
float: left !important;
}
.header-topbarbox-1-right .header-topbarbox-1,
.header-topbarbox-2-right .header-topbarbox-2 {
float: right !important;
}
.header-topbarbox-1,
.header-topbarbox-2 {
padding: 15px 0;
}
.header-topbarbox-border .header-topbarbox-1,
.header-topbarbox-border .header-topbarbox-2 {
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-left: 1px solid rgba(255, 255, 255, 0.15);
padding-left: 25px;
padding-right: 25px;
} .header-menu-middle .header-navibox-2 .main-menu > li > a {
padding: 15px 25px 28px 0px !important;
}
.header-menu-middle .header-navibox-2 {
display: inline-block;
width: 100%;
float: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding: 17px 0 !Important;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.header-menu-middle .header-navibox-2 li a {
text-transform: uppercase;
}
.header-menu-middle.header. .center-logo a {
display: inline !important;
}
.header-menu-middle.header.header-logo-white .normal-logo,
.header-menu-middle.header .center-logo {
display: inline-block;
}
.header-menu-middle .nav .header-cart {
margin: 6px;
}
.header-menu-middle .header-cart {
margin: 1px 21px 27px 18px;
font-size: 20px;
position: relative;
float: right;
}
.header-menu-middle .navbar-collapse {
text-align: center;
}
.header-menu-middle .wrap-inside-nav {
top: 49px;
}
.header-menu-middle .header-navibox-2 .container {
position: relative;
}
.header-menu-middle .phone-menu {
position: absolute;
right: 25px;
top: 14px;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
list-style: none;
} .header-navibox-1,
.header-navibox-2,
.header-navibox-3,
.header-navibox-4 {
padding: 27px 0 !important;
max-height: 80px;
}
.header-navibox-2 {
padding: 0 !important;
}
.header-navibox-2 .main-menu > li > a {
padding: 30px 0 !important;
}
.navbar -brand {
padding: 21px 0 6px 15px;
height: auto;
}
html .navbar>.container .navbar-brand,
html .navbar>.container-fluid .navbar-brand {
margin-left: 10px;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing {
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #E4E4E4;
padding-top: 5px;
padding-bottom: 4px;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .navbar-nav li a,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .navbar-nav li a {
color: #333;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .normal-logo,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .normal-logo {
display: none;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .scroll-logo,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .scroll-logo {
display: inline-block;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling .toggle-menu-button .toggle-menu-button-icon span,
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing .toggle-menu-button .toggle-menu-button-icon span {
background: #333 !important;
}
.header.scrolling-header .navbar.navbar-default.navbar-scrolling-fixing {
background: #fff;
}
.header {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.navbar {
background: none;
border: none;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
background: none;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.navbar .toggle-button {
line-height: 40px;
cursor: pointer;
color: #333;
float: right;
padding: 0 5px;
}
.navbar .toggle-button.collapsed {
color: #999;
}
.navbar .toggle-button.collapsed:hover {
color: #333;
}
.navbar .scroll-logo {
display: none;
}
.navbar .navbar-nav.social-nav li a {
padding: 0 5px;
}
.navbar .navbar-nav > li {
padding-top: 0;
padding-bottom: 0;
text-transform: uppercase;
}
.navbar .navbar-nav > li.no-hover a {
border: none !important;
cursor: default;
}
.navbar .navbar-nav > li.active,
.navbar .navbar-nav > li:hover {
background: none;
border: none;
}
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li:hover > a {
background: none !important;
border: 0;
}
.navbar .navbar-nav > li > a {
text-transform: uppercase;
color: #fff;
line-height: 1.62;
border-radius: 0;
border: 0;
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
padding: 0 10px;
}
.navbar .header-navibox-2 .navbar-nav > li > a {
margin: 0 12px;
}
.header-navibox-3 a {}
.header-phone {
margin-left: 10px;
}
.navbar .navbar-nav > li > a .fa-bars {
margin-right: 10px;
}
.navbar .main-menu > li {
right: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navbar .main-menu > li.hidden-menu-item {
right: -1500px;
right: -100vw;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(1),
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2),
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(1) {
left: 2px;
top: 4px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2) {
left: calc(50% - 2px);
top: 4px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(3) {
left: -50%;
opacity: 0;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(4) {
left: 100%;
opacity: 0;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(5) {
left: 2px;
top: 11px;
}
.toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
left: calc(50% - 2px);
top: 11px;
}
.toggle-menu-button .toggle-menu-button-icon {
width: 22px;
height: 17px;
display: inline-block;
vertical-align: middle;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
position: relative;
top: -2px;
}
.toggle-menu-button .toggle-menu-button-icon span {
display: block;
position: absolute;
height: 2px;
width: 50%;
background: #eee;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(odd) {
left: 0px;
border-radius: 9px 0 0 9px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(1),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(2) {
top: 0px;
}
.toggle-menu-button .toggle-menu-button-icon:hover span:nth-child(1),
.toggle-menu-button .toggle-menu-button-icon:hover span:nth-child(2) {
top: 1px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(3),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(4) {
top: 6px;
}
.toggle-menu-button .toggle-menu-button-icon:hover span:nth-child(5),
.toggle-menu-button .toggle-menu-button-icon:hover span:nth-child(6) {
top: 11px;
}
.toggle-menu-button .toggle-menu-button-icon span:nth-child(5),
.toggle-menu-button .toggle-menu-button-icon span:nth-child(6) {
top: 12px;
}
.navbar-with-inside > li:hover .wrap-inside-nav {
display: block;
} .wrap-inside-nav {
position: absolute;
left: 0;
top: 60px;
display: none;
min-width: 220px;
text-align: left;
border-top: 2px solid #088cdc;
background: #1a1a1a;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.wrap-inside-nav .inside-col {
padding: 15px 0;
}
.wrap-inside-nav .inside-col .inside-nav:after,
.wrap-inside-nav .inside-col .inside-nav:before {
display: table;
clear: both;
height: 0;
content: '';
}
.wrap-inside-nav .inside-col .inside-nav li {
line-height: 45px;
min-height: 45px;
}
.wrap-inside-nav .inside-col .inside-nav li a {
display: block;
padding-left: 20px;
color: #7e848e !important;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.wrap-inside-nav .inside-col .inside-nav li a:active,
.wrap-inside-nav .inside-col .inside-nav li a:focus {
display: block;
padding-left: 20px;
color: #088cdc !important;
}
.wrap-inside-nav .inside-col .inside-nav li a:hover,
.wrap-inside-nav .inside-col .inside-nav li a:active:hover,
.wrap-inside-nav .inside-col .inside-nav li a:visited:hover,
.wrap-inside-nav .inside-col .inside-nav li a:focus:hover {
color: #088cdc !important;
background-color: #26282d;
}
.header-top-menu-support.wrap-fixed-menu {
top: 141px;
}
.wrap-fixed-menu {
display: none;
position: fixed;
background: rgba(34, 34, 34, 0.95);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
overflow: auto;
font-size: 0;
z-index: 99999;
}
.wrap-fixed-menu .top-items {
width: 100%;
height: 50%;
display: table;
}
.wrap-fixed-menu .top-items .menu-item {
border-bottom: 1px solid #484848;
}
.header-cart {
margin: 10px 10px 35px 20px;
font-size: 20px;
position: relative;
text-align: center;
display: inline-block;
width: 25px;
box-sizing: border-box;
max-height: 23px;
}
.header-cart-count {
position: absolute;
top: -5px;
right: -14px;
padding: 4px;
border-radius: 100px;
background: #2796de !important;
font-size: 10px;
width: 16px;
height: 16px;
line-height: 7px;
display: inline-block;
text-align: center;
color: #fff;
font-weight: 500;
}
.toggle-menu-button {
border: none;
background: none;
margin-top: 0px;
margin-right: 12px;
}
.header-section {
padding: 180px 0 100px;
text-align: center;
border-bottom: 6px solid #088cdc;
margin-bottom: 50px;
position: relative;
}
.header-section h2 {
color: #fff;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}
.header-section p {
color: #fff;
}
.header-section.elements-header {
background: url(//ketozone.com/wp-content/themes/exproduct/img/section-1-demo.jpg) top center no-repeat;
background-size: cover;
}
.header-section.portfolio-single-header {
background: url(//ketozone.com/wp-content/themes/exproduct/img/section-1-demo.jpg) top center no-repeat;
background-size: cover;
} .header-search-icon {
position: relative;
top: 0;
}
.header-search {
position: fixed;
top: 0;
left: 0;
display: block;
visibility: hidden;
width: 100%;
height: 100vh;
background-color: rgba(34, 34, 34, 0.95);
opacity: 0;
z-index: 9999;
transition: all 0.3s ease 0s;
}
.header-search.open {
visibility: visible;
opacity: 1;
}
.header-search .close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
.header-search .close * {
color: #000 !important;
}
.header-search .search-open {
float: right;
height: 40px;
padding-top: 6px;
padding-left: 22px;
font-size: 14px;
color: #666;
background-color: #fff;
}
.header-search.open {
visibility: visible;
opacity: 1;
}
.header-search .search-global {
position: absolute;
top: 50vh;
margin-top: -120px;
}
.header-search .search-global__input {
width: 100%;
color: #fff;
border: none;
border-bottom: 1px solid #919191 !important;
background-color: transparent;
opacity: 1;
height: auto !important;
padding: 0 !important;
padding-bottom: 23px !important;
padding-right: 40px !important;
font-size: 70px;
font-weight: bold;
line-height: 74px;
}
.header-search .search-global__input::-moz-placeholder {
color: #fff;
}
.header-search .search-global__input:-ms-input-placeholder {
color: #fff;
}
.header-search .search-global__input::-webkit-input-placeholder {
color: #fff;
}
.header-search .search-global__input:focus {
outline-style: none;
}
.header-search .search-global__btn {
position: absolute;
top: 17px;
right: 16px;
font-size: 42px;
color: #fff;
border: none;
background-color: transparent;
transition: all 0.3s;
}
.header-search .search-global__note {
margin-top: 0;
font-size: 14pxm;
color: #fff;
}  [data-canvas=container],
[data-off-canvas] {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-off-canvas*=reveal] {
z-index: 0;
padding: 25px 0;
} [data-canvas] {
z-index: 1;
}
[data-canvas=container] {
width: 100%;
height: 100%;
background-color: white; -webkit-overflow-scrolling: touch; }
[data-canvas=container]:before,
[data-canvas=container]:after {
clear: both;
content: '';
display: table;
} [data-off-canvas] {
display: none;
position: fixed;
overflow: hidden;
background-color: #141517; color: white; -webkit-overflow-scrolling: touch; }
[data-off-canvas*=top] {
width: 100%;
height: auto;
top: 0;
padding: 30px;
text-align: center;
}
[data-off-canvas*=top] ul {
margin: 0 !important;
float: none !important;
}
[data-off-canvas*=top] li {
float: none !important;
display: inline-block;
width: auto !important;
}
[data-off-canvas*=right] {
width: 255px;
height: 100%;
top: 0;
right: 0;
}
[data-off-canvas*=bottom] {
width: 100%;
bottom: 0;
}
html [data-off-canvas*=bottom] {
padding: 25px;
}
html [data-off-canvas*=bottom] li {
float: none !important;
width: auto;
margin: 0;
text-transform: uppercase;
text-align: left;
}
html [data-off-canvas*=bottom] ul {
margin: 0 auto !important;
text-align: center;
width: 100%;
}
[data-off-canvas*=left] {
width: 256px;
height: 100%;
top: 0;
left: 0;
}
[data-off-canvas*=left],
[data-off-canvas*=right] {
padding-top: 30px;
overflow: inherit !important;
}
[data-off-canvas*=slidebar-panel-left] {
width: 320px;
height: 100%;
top: 0;
left: 0;
padding-left: 70px;
}
html [data-off-canvas*=open] {
margin-left: -256px;
display: block;
transition-duration: 300ms;
transform: translate(256px, 0px);
}
[data-ff-canvas*=reveal] {
z-index: 0;
}
[data-off-canvas*=push] {
z-index: 1;
}
[data-off-canvas*=overlay] {
z-index: 9999;
}
[data-off-canvas*=shift] {
z-index: 0;
} [data-canvas],
[data-off-canvas] {
-webkit-transition: -webkit-transform 300ms;
transition: transform 300ms;
-webkit-backface-visibility: hidden; }
[data-off-canvas*=shift][data-off-canvas*=top] {
-webkit-transform: translate( 0px, 50%);
transform: translate( 0px, 50%);
}
[data-off-canvas*=shift][data-off-canvas*=right] {
-webkit-transform: translate( -50%, 0px);
transform: translate( -50%, 0px);
}
[data-off-canvas*=shift][data-off-canvas*=bottom] {
-webkit-transform: translate( 0px, -50%);
transform: translate( 0px, -50%);
}
[data-off-canvas*=shift][data-off-canvas*=left] {
-webkit-transform: translate( 50%, 0px);
transform: translate( 50%, 0px);
}
.menu-mobile-button {
position: absolute;
right: 0;
top: 20px;
z-index: 777;
}
html .header-menu-middle .submenu-controll {
right: 12px;
top: 20px;
}
[data-off-canvas] ul {
margin: 0 !important;
}
[data-off-canvas] li {
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
text-transform: uppercase;
text-align: left;
background: transparent !important;
}
[data-off-canvas] li.full-width:hover {
position: relative !important;
}
.menu-parent-link{
display: block;
width: 100%;
height: 1px;
top: 10px;
position: relative;
}
.header-menu-middle .menu-parent-link{
position: initial;
}
html .submenu-controll {
position: absolute;
right: 0px;
top: -57px;
display: block;
width: 12px;
text-align: center;
z-index: 99;
cursor: pointer;
height: 12px;
}
html ul li ul .submenu-controll {
display: none !important;
}
[data-off-canvas*=top] .submenu-controll-inner,
[data-off-canvas*=bottom] .submenu-controll-inner {
display: none !important;
}
[data-off-canvas*=right] .submenu-controll-inner {
position: absolute;
right: auto;
top: 12px;
display: block;
width: 21px;
text-align: center;
z-index: 999;
left: 10px;
height: 20px;
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
[data-off-canvas*=left] .submenu-controll-inner {
position: absolute;
right: 10px;
top: 4px;
display: block;
width: 21px;
text-align: center;
z-index: 999;
height: 20px;
}
.submenu-controll-inner {
position: absolute;
right: 10px;
top: 26%;
display: block;
width: 21px;
text-align: center;
z-index: 999;
height: 20px;
}
[data-off-canvas*=right] li ul .submenu-controll-inner {
position: absolute;
right: auto;
top: 8px;
}
[data-off-canvas*=left] li ul .submenu-controll-inner {
position: absolute;
right: 10px;
top: 8px;
}
.submenu-controll-inner * {
color: #ccc !important;
}
.submenu-controll {
position: absolute;
right: 18px;
top: 7px;
display: block;
width: 21px;
text-align: center;
z-index: 99;
cursor: pointer;
height: 20px;
}
.slidebar-menu .submenu-controll {
display: none !important;
}
.slidebar-menu .full-width .dropdown-menu,
.slidebar-nav-middle .full-width .dropdown-menu {
display: none !important;
}
html .cl-effect-13 .submenu-controll {
right: -3px;
}
html .cl-effect-7 .submenu-controll:before {
left: -3px !important;
}
html .menu-marker-arrow .submenu-controll:before {
font-family: 'FontAwesome';
content: "\f107";
display: block;
position: absolute;
right: 0;
font-size: 11px;
}
html .menu-marker-dot .submenu-controll:before {
content: ".";
top: -10px;
right: inherit;
left: 0px;
font-size: 16px;
position: relative;
}
#main-menu.cl-effect-1 > li {
margin: 0 3px;
}
html .cl-effect-1 li:hover .submenu-controll:before {
display: none
}
[data-off-canvas*=right] li.menu-item-has-children:after:hover,
[data-off-canvas*=left] li.menu-item-has-children:after:hover {
background-color: #fff !important;
color: #000 !important;
}
[data-off-canvas] li a {
font-size: 13px;
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
color: #fff;
padding: 7px 30px;
text-transform: uppercase;
background: transparent !important;
}
[data-off-canvas] li a:hover {
color: #088cdc;
}
[data-off-canvas*=left] .navbar-nav > li .dropdown-menu {
border-top-right-radius: 0;
border-top-left-radius: 0;
margin-left: 0px !important;
margin: 0px !important;
padding: 10px 0;
width: 100%;
}
[data-off-canvas*=left] .navbar-nav li:hover > .dropdown-menu,
[data-off-canvas*=right] .navbar-nav li:hover > .dropdown-menu {
visibility: visible;
background-color: #141517;
} .btn_header_search {
position: relative;
top: 1px;
}
.search-form-modal {
background-color: #000;
height: 0;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.search-form-modal.open {
height: 100%
}
.search-form_close {
color: #fff;
cursor: pointer;
font-size: 20px;
position: absolute;
right: 15px;
top: -20px;
}
.header_search_form {
bottom: 0;
display: block;
height: 80px;
left: 0;
margin: auto;
max-width: 550px;
padding: 15px;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.header_search_form .form-group {
float: left;
height: 100%;
width: 68%;
}
.header_search_form .form-group .form-control {
border-color: #fff;
border-style: solid none solid solid;
border-width: 2px 0 2px 2px;
font-size: 16px;
height: 100%;
float: left;
width: 100%;
padding: 10px 15px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.header_search_form .btn_search {
border: 2px solid #337ab7;
background: #337ab7;
color: #fff;
float: right;
font-size: 16px;
height: 100%;
text-transform: uppercase;
width: 32%;
text-shadow: none;
-moz-text-shadow: none;
-webkit-text-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
} @media (min-width:768px) and (max-width:1100px) {
.header-phone .no-tablet-phone {
display: none !important;
}
.no-tablet-search .btn_header_search {
display: none !important;
}
.no-tablet-minicart .header-navibox-4 {
display: none !important;
}
.no-tablet-socials .header-social-link {
display: none !important;
}
.no-tablet-phone .header-phone {
display: none !important;
}
}
@media (min-width:768px) and (max-width:1000px) {
html body .main-menu {
position: relative!important;
}
.top-bar {
display: none !important;
}
.center-logo {
padding-top: 20px;
}
.top-bar .header-topbarbox-1,
.top-bar .header-topbarbox-2,
.top-bar .header-topbarbox-3,
.top-bar .header-topbarbox-4 {
float: none !important;
text-align: center;
}
html .menu-mobile-button {
top: 26px;
}
.header-navibox-4,
.header-navibox-3,
.header-navibox-2 {
display: none !important;
}
.header .navbar {
min-height: 87px;
}
html .header-full-width .header-navibox-1 {
left: auto;
position: inherit;
}
html .menu-mobile-button {
display: block !important;
top: 26px;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
left: 0;
position: relative;
right: 0;
}
} @media (max-width:768px) {
html body .main-menu {
position: relative!important;
}
html #main-menu li .dropdown-menu {
background: #333 none repeat scroll 0 0;
float: none;
left: 0;
right: auto;
width: 95%;
}
html #main-menu li .dropdown-menu .dropdown-menu {
padding-left: 10px;
}
.mobile-slidebar-menu li .dropdown-menu .dropdown-menu html .header .navbar {
min-height: 75px;
}
.top-bar {
display: none !important;
}
html .header .navbar-brand {
margin-top: 10px;
padding: 0 25px 0 20px;
}
html .header-full-width.header-navibox-2-left .header-navibox-1 {
left: auto;
position: absolute;
width: 100%;
}
html .mobile-no-sticky.navbar-fixed-top {
position: absolute !important;
}
.no-mobile-topbar .top-bar {
display: none !important;
}
.mobile-slidebar-menu {
padding-top: 0px;
}
html .mobile-slidebar-menu .menu-mobile-button {
right: 0;
top: 20px;
}
html .header-topbarbox-1,
.header-topbarbox-2 {
padding: 0;
}
html body .header-navibox-1-left .header-navibox-1,
html body .header-navibox-2-left .header-navibox-2,
html body .header-navibox-3-left .header-navibox-3,
html body .header-navibox-4-left .header-navibox-4 {
float: none !important;
}
html .navbar-brand {
display: block;
left: 10px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 9px;
width: auto;
}
.center-logo {
padding-top: 20px;
}
.top-bar .header-topbarbox-1,
.top-bar .header-topbarbox-2,
.top-bar .header-topbarbox-3,
.top-bar .header-topbarbox-4 {
float: none !important;
text-align: center;
}
html .menu-mobile-button {
top: 50%;
}
.header-navibox-4,
.header-navibox-3,
.header-navibox-2 {
display: none !important;
}
.header .navbar {
min-height: 87px;
}
html .header-full-width .header-navibox-1 {
left: auto;
position: inherit;
}
html .header-search .search-global__input {
font-size: 18px;
height: auto !important;
line-height: 48px;
padding: 0 14px 1px 0 !important;
}
html .header-search .search-global__btn {
font-size: 17px;
position: absolute;
right: 0;
top: 7px;
}
} html yamm li a:hover {
cursor: pointer;
}
.dropdown-menu li a::before,
.dropdown-menu li a::after {
display: none !important;
}
html body header nav li > a:hover {
opacity: 0.8;
cursor: pointer;
background: transparent !Important;
}
.menu-all-pages-container {
padding-top: 35px;
}
.wrap-left-open .home-section > .container,
.wrap-left-open .wrap-gallery-item .container,
.wrap-left-open .gallery-single-header .container {
width: 100% !important;
}
.wrap-left-open .breadcrumb * {
color: #2796de !important;
}
.wrap-left-open .gallery-single-2 {
padding-bottom: 20px;
padding-top: 0px;
}
.wrap-left-open .gallery-single-header {
padding: 50px 0 30px 30px;
position: relative;
background: transparent !important;
}
.wrap-left-open .gallery-single-2 {
padding-bottom: 20px;
padding-left: 30px;
}
.wrap-left-open .home-section > .container,
.wrap-left-open .home-section > .container > .vc_row,
.wrap-left-open .home-section > .container > .vc_row > .wpb_column {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.box-sticky{
position: fixed;
}
.side-logo {
display: inline-block;
width: 100%;
padding: 10px;
margin-bottom: 30px;
}
.side-logo  a{
display: inline-block;
width: 100%;
text-align: center;
}
.side-logo  img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.side-cart {
display: inline-block;
width: 215px;
border: 1px solid rgba(255, 255, 255, 0.15);
margin-bottom: 10px;
margin-left: 20px;
padding-top: 34px;
padding-left: 10px;
height: 87px;
}
.side-cart a {
color: #fff;
}
.side-search {
display: inline-block;
width: 100%;
margin-bottom: 10px;
padding: 20px;
}
.side-form-search {
position: relative;
background: #fff;
}
.side-form-search input[type=search] {
border: none;
background: none;
padding: 10px;
color: #000;
width: 174px;
}
.side-form-search .button {
border: none;
background: none;
}
.side-form-search .button .fa {
color: #000;
}
html [data-off-canvas].header-background-black {
background-color: #141517;
}
html [data-off-canvas].header-background-white {
background-color: #fff;
}
[data-off-canvas].header-color-black li a,
[data-off-canvas].header-color-black li * {
color: #000 !important;
}
[data-off-canvas].header-color-black .side-form-search {
position: relative;
background: #fff;
border: 1px solid #ddd;
}
html .menu-sidebar-fixed .dropdown-menu {
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
html .layout-header2 .dropdown-menu,
.header-topbar-view .dropdown-menu {
top: 130%;
}
.open > .dropdown-menu {
top: 100%;
visibility: visible;
-webkit-transition: all 150ms ease 0s;
-moz-transition: all 150ms ease 0s;
-o-transition: all 150ms ease 0s;
transition: all 150ms ease 0s;
}
.open .dropdown-menu li:hover > .dropdown-menu {
visibility: visible;
}
html .dropdown-menu {
position: absolute;
top: 150%;
left: 0;
z-index: 1000;
display: block;
visibility: hidden;
float: left;
min-width: 160px;
padding: 10px 0;
margin: 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: rgba(255, 255, 255, 1);
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
z-index: 899;
background-clip: padding-box;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.header-full-width .header-navibox-2 {
position: relative;
}
.header-full-width .header-navibox-2 .yamm .full-width .dropdown-menu {
margin-left: -15%;
min-width: 1000px;
}
[data-off-canvas*=left] ul ul {
-webkit-transition: left 100ms ease 0s;
-moz-transition: left 100ms ease 0s;
-o-transition: left 100ms ease 0s;
transition: left 100ms ease 0s;
top: -10px !important;
left: 130%;
z-index: 1000;
padding: 0;
margin: 0;
list-style: none;
font-size: 12px;
text-align: left;
background-color: transparent;
border: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background-clip: padding-box;
margin-left: 0px !important;
border: 0 !important;
}
.mobile-slidebar-menu ul ul {
left: 0 !important;
padding-left: 20px !important;
position: relative !important;
}
.mobile-slidebar-menu .main-menu {
top: 30px;
position: relative;
}
.mobile-slidebar-menu li .dropdown-menu,
.mobile-slidebar-menu li .dropdown-menu .dropdown-menu {
display: none;
margin-top: 0 !important;
position: relative !important;
top: 0 !important;
}
.mobile-slidebar-menu li:hover > .dropdown-menu {
display: block;
}
.mobile-slidebar-menu .full-width .dropdown-menu {
display: none !important;
}
[data-off-canvas*=left] ul ul ul {
top: -10px;
}
[data-off-canvas*=right] ul ul {
position: absolute !important;
-webkit-transition: right 100ms ease 0s;
-moz-transition: right 100ms ease 0s;
-o-transition: right 100ms ease 0s;
transition: right 100ms ease 0s;
top: -6px;
right: 130%;
left: auto !important;
z-index: 1000;
padding: 5px 0 !important;
margin: 0;
list-style: none;
font-size: 12px;
text-align: left;
background-color: transparent;
border: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background-clip: padding-box;
margin-left: 0px !important;
border: 0 !important;
}
[data-off-canvas*=right] ul ul ul {
top: -10px;
}
[data-off-canvas*=right] li {
text-align: right !important;
}
[data-off-canvas*=left] ul li:hover > ul {
left: 100%;
}
[data-off-canvas*=right] ul li:hover > ul {
right: 100%;
}
[data-off-canvas] ul ul a {
float: none !important;
display: inline-block;
width: 100%;
margin: 0;
color: #fff;
padding: 5px 20px;
}
.fullmenu-close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
.fullmenu-close * {
color: #000;
}
.slidebar-nav-panel {
background-color: #141517;
padding: 20px;
position: fixed;
left: 0;
top: 0;
height: 100%;
z-index: 99999;
width: 75px;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button {
transform: rotate(90deg);
position: absolute;
top: 40%;
left: -119px;
outline: none;
width: 300px;
display: inline-block;
padding: 21px;
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button .toggle-menu-button-icon {
width: 60px;
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(6) {
left: calc(50% - 21px);
}
.slidebar-panel.slidebar-nav-middle .toggle-menu-button.is-open .toggle-menu-button-icon span:nth-child(2) {
left: calc(50% - 21px);
top: 4px;
} .page-id-3524 .yp-demo-link {
display: none !important;
}
#wpcf7-f5-o1 {
max-width: 500px;
margin: 0 auto;
}
#wpcf7-f5-o1 input,
#wpcf7-f5-o1 button,
#wpcf7-f5-o1 select,
#wpcf7-f5-o1 textarea {
width: 100%;
padding: 10px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
border: 0;
}
#wpcf7-f5-o1 input[type=text],
#wpcf7-f5-o1 select,
#wpcf7-f5-o1 textarea {
color: #000 !important;
} html .dropdown-menu > li > a {
padding: 7px 30px 7px 20px;
font-size: 14px;
text-transform: initial;
-webkit-transition: color 300ms ease 0s;
-moz-transition: color 300ms ease 0s;
-o-transition: color 300ms ease 0s;
transition: color 300ms ease 0s;
} .cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
position: absolute;
}
.cl-effect-1 a::before {
margin-left: -10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 5px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
} .cl-effect-2 a {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.cl-effect-2 a span {
position: relative;
display: inline-block;
padding: 0 14px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.csstransforms3d .cl-effect-2 a span::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0965a0;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
background: #28a2ee;	
} .cl-effect-3 a {
padding: 8px 0;
}
.cl-effect-3 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-5 a {
overflow: hidden;
padding: 0 4px;
height: 1em;
}
.cl-effect-5 a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-5 a span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 500;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
} .cl-effect-6 a {
margin: 0 10px;
padding: 10px 20px;
}
.cl-effect-6 a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.cl-effect-6 a::after {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #fff;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.cl-effect-6 a:hover::before {
top: 100%;
opacity: 1;
}
.cl-effect-6 a:hover::after {
height: 100%;
} .cl-effect-7 a {
padding: 12px 10px 10px;
text-shadow: none;
font-weight: normal;
}
.cl-effect-7 a::before,
.cl-effect-7 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background:  rgba(255, 255, 255, 0.15);
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
.cl-effect-7 a::after {
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
top: 0%;
opacity: 1;
} .cl-effect-8 a {
padding: 10px 20px;
}
.cl-effect-8 a::before,
.cl-effect-8 a::after  {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid rgba(255, 255, 255, 0.15);
content: '';
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-8 a::after  {
border-color: #fff;
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
-moz-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
} .cl-effect-9 a {
margin: 0 20px;
padding: 18px 20px;
}
.cl-effect-9 a::before,
.cl-effect-9 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
-moz-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
}
.cl-effect-9 a::after {
top: 100%;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-9 a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
}
.cl-effect-9 a span:last-child {
z-index: 1;
display: block;
padding: 8px 0 0 0;
color: rgba(0,0,0,0.4);
text-shadow: none;
text-transform: none;
font-style: italic;
font-size: 0.75em;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
height: 1px;
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
} .cl-effect-10  {
position: relative;
z-index: 1;
}
.cl-effect-10 a {
overflow: hidden;
margin: 0 15px;
}
.cl-effect-10 a span {
display: block;
padding: 10px 20px;
background: #0f7c67;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-10 a::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
background: #fff;
color: #0f7c67;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
} .cl-effect-11 a::before,
.cl-effect-11 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 91%;
height: 39px;
border: 2px solid rgba(0,0,0,0.1);
border-radius: 0%;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
#main-menu.cl-effect-11 > li > a{
padding-left: 15px !important;
padding-right: 15px !important;
}
.cl-effect-11 a::after {
width: 100%;
height: 45px;
border-width: 2px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-11 a:hover::before,
.cl-effect-11 a:hover::after,
.cl-effect-11 a:focus::before,
.cl-effect-11 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
} .cl-effect-12 a::before,
.cl-effect-12 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
border: 2px solid rgba(0,0,0,0.1);
border-radius: 50%;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.cl-effect-12 a::after {
width: 80px;
height: 80px;
border-width: 6px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
} .cl-effect-13 a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-13 a::before {
position: absolute;
top: 50%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
color: #ba7500;
}
.cl-effect-18.main-menu > li {
margin: 0 10px !important;
} .cl-effect-14 a {
padding: 0 20px;
height: 45px;
line-height: 45px;
}
.cl-effect-14 a::before,
.cl-effect-14 a::after {
position: absolute;
width: 45px;
height: 2px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.cl-effect-14 a::before {
top: 0;
left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}
.cl-effect-14 a::after {
right: 0;
bottom: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
opacity: 1;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
} .cl-effect-15 a {
color: rgba(0,0,0,0.2);
font-weight: 500;
text-shadow: none;
}
.cl-effect-15 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
} .cl-effect-16 a {
color: #6f8686;
text-shadow: 0 0 1px rgba(111,134,134,0.3);
}
.cl-effect-16 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
opacity: 0;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
} .cl-effect-17 a {
color: #10649b;
text-shadow: none;
padding: 10px 0;
}
.cl-effect-17 a::before {
color: #fff;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-18 {
position: relative;
z-index: 1;
}
.cl-effect-18 a {
padding: 0 5px;
color: #b4770d;
font-weight: 500;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background:rgba(255, 255, 255, 0.15);
content: '';
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-18 a::before {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 a::after {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #fff;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
opacity: 0.7;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .cl-effect-19 a {
line-height: 2em;
margin: 15px;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
width: 200px;
}
.cl-effect-19 a span {
position: relative;
display: inline-block;
width: 100%;
padding: 0 14px;
background: #e35041;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -100px;
-moz-transform-origin: 50% 50% -100px;
transform-origin: 50% 50% -100px;
}
.csstransforms3d .cl-effect-19 a span::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #b53a2d;
content: attr(data-hover);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
pointer-events: none;
}
.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
background: #ef5e50;	
} .cl-effect-20 a {
line-height: 2em;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
}
.cl-effect-20 a span {
position: relative;
display: inline-block;
padding: 3px 15px 0;
background: #587285;
box-shadow: inset 0 3px #2f4351;
-webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
transition: background 0.6s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cl-effect-20 a span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
color: #2f4351;
content: attr(data-hover);
-webkit-transform: rotateX(270deg);
-moz-transform: rotateX(270deg);
transform: rotateX(270deg);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
background: #2f4351;
}
.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
-webkit-transform: rotateX(10deg);	
-moz-transform: rotateX(10deg);
transform: rotateX(10deg);
} .cl-effect-21 a {
padding: 10px;
color: #237546;
font-weight: 500;
text-shadow: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::before {
top: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::after {
bottom: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
color: #fff;
}
.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}  .header-subscribe {
position: fixed;
top: 0;
left: 0;
display: block;
visibility: hidden;
width: 100%;
height: 100vh;
background-color: rgba(34, 34, 34, 0.95);
opacity: 0;
z-index: 9999;
transition: all 0.3s ease 0s;
}
.header-subscribe.open {
visibility: visible;
opacity: 1;
}
.header-subscribe .close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
}
.admin-bar .header-subscribe .close {
top: 35px;
}
.header-subscribe .close * {
color: #000 !important;
}
.header-subscribe .search-open {
float: right;
height: 40px;
padding-top: 6px;
padding-left: 22px;
font-size: 14px;
color: #666;
background-color: #fff;
}
.header-subscribe.open {
visibility: visible;
opacity: 1;
}
.header-subscribe .search-global {
position: absolute;
top: 50vh;
margin-top: -120px;
}
.header-subscribe .search-global__input {
width: 100%;
color: #fff;
border: none;
border-bottom: 1px solid #919191 !important;
background-color: transparent;
opacity: 1;
height: auto !important;
padding: 0 !important;
padding-bottom: 23px !important;
padding-right: 40px !important;
font-size: 70px;
font-weight: bold;
font-family: arial;
line-height: 74px;
}
.header-subscribe .search-global__input::-moz-placeholder {
color: #fff;
}
.header-subscribe .search-global__input:-ms-input-placeholder {
color: #fff;
}
.header-subscribe .search-global__input::-webkit-input-placeholder {
color: #fff;
}
.header-subscribe .search-global__input:focus {
outline-style: none;
}
.header-subscribe .search-global__btn {
position: absolute;
top: 17px;
right: 16px;
font-size: 42px;
color: #fff;
border: none;
background-color: transparent;
transition: all 0.3s;
}
.header-subscribe .search-global__note {
margin-top: 20px;
font-family: sans-serif;
font-size: 14pxm;
color: #555;
}
.btn_header_subscribe {
border: 1px solid #fff;
padding: 5px 20px;
cursor: pointer;
color: #fff;
font-weight: 500;
text-transform: uppercase;
margin-top: 20px;
display: inline-block;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.btn_header_subscribe:hover {
color: #2796de;
border-color: #2796de;
}
.countdown-vc h3 {
font-size: 30px;
color: #fff;
line-height: 1.7;
padding: 0 !important;
margin: 0 !important;
}
#note {
text-align: center;
font-size: 20px;
color: #fff;
line-height: 1.7;
}
.countdown-wrap {
display: inline-block;
text-align: center;
width: 100%;
}
.countdown-vc {
padding: 50px;
background: rgba( 0, 0, 0, 0.7);
display: inline-block;
margin: 0 auto;
max-width: 1000px;
}
html #main-menu li .dropdown-menu {
border-top: 0;
}  .fullscreen-center-menu {
display: inline-block;
width: 100%;
height: 100%;
padding-top: 15%;
text-align: center;
}
.fullscreen-center-menu nav,
.fullscreen-center-menu ul {
padding: 0;
display: inline-block;
margin: 0 auto;
float: none;
width: 100%;
}
.menu-top-container {
display: inline-block;
margin: 0 auto;
}
.fullscreen-center-menu li {
display: inline-block;
width: 100%;
text-align: center;
font-size: 30px;
text-transform: uppercase;
position: relative;
}
.fullscreen-center-menu li a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #fff !important;
position: relative;
z-index: 88;
margin-bottom: 20px;
display: inline-block;
}
.fullscreen-center-menu li a:before{
display: none !important;
}
.fullscreen-center-menu li a:hover {
opacity: 1;
color: #000 !important;
}
.fw-close {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 18px;
border: none;
background-color: #fff !important;
opacity: 1 !important;
z-index: 999;
transition: all 0.3s;
}
.fw-close:hover,
.fw-close:active,
.fw-close:focus {
color: inherit;
}
.fullscreen-center-menu .submenu-controll-inner,
.fullscreen-center-menu .submenu-controll {
display: none !important;
}
.fullscreen-center-menu .sub-menu {
visibility: hidden;
position: absolute;
top: 200px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
display: none !important;
}
.fullscreen-center-menu .menu-item-has-children:hover .sub-menu {
position: relative;
top: 0;
visibility: visible;
display: block;
}
.fullscreen-center-menu .sub-menu a {
font-size: 18px;
}
.fullscreen-center-menu .sub-menu .sub-menu a {
font-size: 14px;
}
.submenu-controll-fullscreen {
display: inline-block;
width: 100%;
position: absolute;
top: 32px;
left: 0;
color: #fff;
}
ul ul .submenu-controll-fullscreen {
top: 22px;
} header .nav>li>a:focus,
header .nav>li>a:hover {
text-decoration: none !important;
background: none !important;
} .header-social-link {
position: relative;
top: -2px;
}
.header-social-link a{
font-size: 14px !important;
} .promo-set{
position: fixed;
bottom: 20px;
right: 20px;
padding: 0;
z-index: 99999;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
opacity: 0;
}
.promo-set-view.promo-set{
opacity: 1;
}
.promo-set a{
color: #fff !important;
transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
.promo-set a:hover {
box-shadow: 0px 0px 3px #000;
text-decoration: none;
}
.envato-promo-link{
background: #6f9a37;
border-radius: 100px;
padding: 10px;
width: 70px;
height: 70px;
text-align: center;
display: inline-block;
line-height: 45px;
color: #fff;
font-weight: bold;
font-size: 23px;
opacity: 0.9;
}
.currency-promo{
position: relative;
font-size: 14px;
top: -10px;
left: -3px;
margin-left: -4px;
}
.envato-logo-small{
background:#6f9a37 url(//ketozone.com/wp-content/themes/exproduct/assets/header/images/envato-small.png) center center no-repeat;
width: 50px;
height: 50px;
border-radius: 100px;
padding: 10px;
display: inline-block;
position: relative;
top: 30px;
right: -20px;
}
.promo-set-icon{
background: #393939;
width: 50px;
height: 50px;
border-radius: 100px;
padding: 13px;
display: inline-block;
text-align: center;
font-size: 12px;
top: 13px;
position: relative;
left: 10px;
}
.header-search-icon a , .header-cart a{
border: 0 !important;
text-decoration: none !important;
}
html .phone-num{
position: relative;
top: -1px;
}
html .header-phone {
margin-left: 10px;
margin-top: 3px !important;
padding-right: 20px;
}
html .header .navbar .navbar-nav > li .toggle-menu-button{
margin-top: 5px !important;
margin-left: 5px;
}
html .woocommerce ul.products li.product h3 {
font-weight: 700;
}
html .header-cart {
margin: 0 18px 35px 19px ;
font-size: 20px;
position: relative;
text-align: center;
display: inline-block;
width: 25px;
box-sizing: border-box;
max-height: 23px;
}
html .header-cart  a{
font-size: 20px;
text-decoration: none !important;
background: transparent !Important;
margin-top: -7px;
}
html .header-cart  i:before {
margin-left: 0;
}
html .header-cart-count {
background: #ed912a !important;
text-decoration: none !important;
}
.pix-hidden-custom-link{
display: none;
}
html .header-cart-count {
border-radius: 100px;
color: #fff !important;
display: inline-block;
font-size: 9px;
font-weight: normal;
height: 16px;
line-height: 8px;
padding: 4px;
position: absolute;
right: -9px;
text-align: center;
top: -5px;
width: 16px;
}
.is-open .toggle-menu-button-icon  span:nth-child(2n) , .is-open .toggle-menu-button-icon  span:nth-child(4n) , .is-open .toggle-menu-button-icon  span:nth-child(6n) , .slidebar-nav-panel .toggle-menu-button-icon  span:nth-child(2n) , .slidebar-nav-panel  .toggle-menu-button-icon  span:nth-child(4n) , .slidebar-nav-panel  .toggle-menu-button-icon  span:nth-child(6n) {
max-width: 50%;
}
.toggle-menu-button-icon  span:nth-child(2n) {
max-width: 35%; 
}
.toggle-menu-button-icon  span:nth-child(4n){
max-width: 45%; 
}
.toggle-menu-button-icon  span:nth-child(6n){
max-width: 50%; 
}.yamm  li  a , .header   a , .header li {
font-weight: 600;
font-size: 14px;
}
.yamm  li .dropdown-menu   a , .header  .dropdown-menu   a{
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
}
.yamm *::selection {
background: none !important;
}
.yamm .navbar-inner,
.yamm .container {
position: relative;
}
html .yamm .dropdown-menu {
left: auto;
margin-top: -3px;
}
html .yamm .dropdown-menu .dropdown-menu{
margin-top: 0;
}
html .yamm .dropdown-menu .dropdown-menu {
left: 100%;
top: -10px;
}
.yamm .dropdown-menu > li {
display: block;
}
.yamm .dropdown-submenu .dropdown-menu {
left: 100%;
}
.yamm .nav.pull-right .dropdown-menu {
right: 0;
}
.yamm .yamm-content {
padding: 20px 30px;
*zoom: 1;
}
.yamm .yamm-content:before,
.yamm .yamm-content:after {
display: table;
content: "";
line-height: 0;
}
.yamm .yamm-content:after {
clear: both;
}
.yamm.navbar .nav > li > .dropdown-menu:after,
.yamm.navbar .nav > li > .dropdown-menu:before {
display: none;
}
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: 100%;
left: 0;
right: 0;
}
@media (max-width: 969px) {
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
width: auto;
}
.yamm .yamm-content {
padding-left: 0;
padding-right: 0;
}
.yamm .dropdown-menu > li > ul {
display: block;
}
}
.yamm{
position: relative;
margin-right: 20px;
}
.yamm .yamm-content *{
color: #000;
}
.yamm  li{
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.yamm > li:before{
content: '';
display: block;
width: 100%;
height: 30px;
position: absolute;
bottom: 27px;
}
.yamm > li.full-width:before{
max-width: 90px;
}
.yamm  li a{
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.yamm.nav>li>a:hover {
text-decoration: none;
}
.yamm.nav .open>a, .yamm.nav .open>a:focus, .yamm.nav .open>a:hover , yamm.nav li.open a , yamm.nav li:hover a{
background-color: transparent;
border-color: transparent;
}
.yamm .dropdown-menu li {
display: inline-block;
float: none;
width: 100%;
margin-bottom: 0;
padding-right: 0;
}
.yamm .full-width  li li{
padding-bottom: 10px;
}html  .folio-isotop-filter ul > li a.selected {
color: #ed912a;
background: transparent;
}
html  .folio-isotop-filter ul > li a.selected:before {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
bottom: -26px;
width: 20px;
left: 50%;
margin-left: -10px;
}
html .folio-isotop-filter ul > li {
border: 0;
margin-right:0;
background: #fff;
margin-bottom: 10px;
}
html .folio-isotop-filter ul > li a {
font-size: 16px;
font-weight: 400;
color: #555555;
}
.spl-title{
margin-bottom: 20px;
}
.spl-title h2 {
font-weight: 600;
font-size: 28px;
color: #333333;
padding-bottom: 10px;
}
.spl-title h4{
font-size: 20px;
line-height: 22px;
letter-spacing: 2px;
color: rgba(170, 170, 170, 0.8);
}
.spl-title.spl-title-white{
color: #fff !important;
} .pix-tabs{
font-size: 14px;
line-height: 22px;
}
.pix-tabs .nav-tabs {
text-align: center;
border: none;
margin-bottom: 50px;
margin-left: 0;
} .quote-form {
margin-top: -35px;
padding: 36px;
background: url(//ketozone.com/wp-content/themes/exproduct/img/form-bg.jpg) no-repeat center center;
background-size: cover;
overflow: hidden;
position: relative;
}
html .quote-form input,html .quote-form textarea {
margin-bottom: 15px !important;
border: none;
width: 100%;
padding: 15px !important;
max-height: 116px;
background-color: #fff;
font-weight: normal;
text-transform: uppercase;
font-size: 12px;
margin-top: 0 !important;
}
.quote-form input[type=submit] {
background-color: #2a64d9;
color: #fff;
font-weight: normal;
font-size: 15px;
text-transform: uppercase;
border-radius: 0 !important;
padding: 15px 8px;
}
.wpcf7-not-valid {
border: 1px solid red !important;
}
.quote-form span.wpcf7-form-control-wrap {
position: relative;
height: 65px;
display: block;
}
.quote-form button.btn, .quote-form a {
width: 100%;
}
.wpcf7-form  .quote-form  input.wpcf7-form-control.wpcf7-submit {
border: 1px solid #fff;
}
.tab-pane  input[type=text] , .tab-pane   textarea , .tab-pane  input[type=email] ,.tab-pane   input[type=tel]  {
background: none;
box-shadow: none !important;
outline: none;
border: none !important;
border-bottom: 1px solid #444444!important;
border-radius: 0;
border-radius: none;
padding-left: 0;
align-content: height: 40px;
color: #aaaaaa !important;
font-family: Karla, sans-serif;
color: #aaaaaa;
font-size: 15px;
font-weight: 400;
max-height: 120px;
}
.tab-pane  .nav.nav-tabs.theme-tab li  a{
background: none !important;
}
.tab-pane   .wpcf7{
max-width: 800px;
margin: 0 auto;
}
.tab-pane  .wpcf7 input[type=submit] {
float: none;
background: transparent !important;
color: #fff;
border-bottom: 2px solid #ed912a;
padding: 0;
padding-bottom: 14px;
border-radius: 0;
font-size: 14px;
padding-top: 20px;
}
.tab-pane   .sep-element:after {
border-color: #fff !important;
background: #2f3849 !important;
}
.tab-pane  .sep-element {
border-bottom-color:  #fff !important;
}
.tab-pane   .section-heading .section-subtitle{
color: rgba(170, 170, 170, 0.8) !important;
} .column-info img {
width: 100%;
height: auto;
}
.column-info > span {
display: block;
float: right;
margin-top: -20px;
margin-right: -8px;
position: relative;
z-index: 2;
height: 20px;
width: 60px;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
}
.column-info h3 {
margin-top: 30px;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.column-info a.btn {
margin-top: 25px;
background: #fff;
padding: 5px 20px;
}
.column-info .btn.btn-sm:hover:before{
width:100%;
z-index:1;
}
.column-info .btn.btn-sm span{
position: relative;
z-index:2;
} .our-services div > a {
position: relative;
padding:40px 33px 33px 105px;
display: block;
cursor: pointer;
border: 1px solid;
border-right: none;
margin-bottom: 40px;
min-height: 161px !important;
}
.our-services div > a:after {
display: block;
content: "";
position: absolute;
right: 0px;
top: -1px;
bottom: -1px;
width: 4px;
}
.our-services div > a:hover {
text-decoration: none;
}
.our-services  h4{
font-size: 100%;
font-weight: 700 !important;
font-size: 18px;
}
.home-template  .our-services div > a > span {
text-align: center;
padding-top: 20px;
}
.our-services div > a > span {
text-align: center;
padding-top: 7px;
width: 80px;
height: 80px;
position: absolute;
left: -10px;
top: 45px;
display: block;
border: 1px solid #eee;
background: #fff;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.our-services div > a > span:after {
border-bottom-color: #fff;
top: -2px;
right: -23px;
}
.our-services div > a > span > i:after , .our-services div > a > span > i:before{
font-size: 38px;
margin-left: 0;
}
.our-services div > a > span > i {
font-size:30px;
}
.our-services div > a:hover > span {
background-color: #2a64d9;
}
.our-services div > a:hover > span > i {
color: #fff;
}
.our-services div > a, .stats > div > div {
border-color: #eee !important;
min-height: 114px;
color: #333333;
}
.our-services div > a:hover > span > i:before {
font-size: 40px;
position: relative;
top: 0px;
}
.our-services div > a:after {
background: #f9f9f9 ;
}
.our-services p , .stats  p{
line-height: 22px;
font-size: 15px;
}
.list-services {
margin: 62px -20px 80px;
}
.list-services__item {
position: relative;
display: inline-block;
max-width: 540px;
margin-right: 17px;
margin-bottom: 30px;
margin-left: 0;
vertical-align: top;
background-size: cover;
text-align: left;
}
.list-services__item:after {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 0;
content: '';
transition: all 0.3s;
}
.list-services__item:hover:after {
background-color: rgba(0, 0, 0, 0.55);
}
.list-services__item .icon {
float: left;
width: 80px;
height: 80px;
margin-top: 5px;
padding-top: 28px;
font-size: 37px;
border: 2px solid #fff;
border-radius: 50%;
background-color: rgba(242, 193, 38, 0);
transition: all 0.3s;
text-align: center;
margin-right: 20px;
}
.list-services__item .icon:before{
position: relative;
left: 1px;
top: 1px;
margin: 0;
font-size: 30px;
}
.list-services__link {
position: relative;
display: block;
padding: 20px 35px 35px 35px;
color: #fff;
z-index: 1;
}
.list-services__item:hover .list-services__link {
color: #fff;
text-decoration: none;
}
.list-services__inner {
margin-left: 104px;
}
.list-services__title {
margin-bottom: 18px;
font-size: 16px;
font-weight: 700;
transition: all 0.3s;
text-transform: uppercase;
padding-top: 10px;
}
.list-services__description {
font-size: 13px;
line-height: 1.5;
color: #ccc;
}
.list-services-2 {
margin-top: 56px;
margin-right: -14px;
margin-left: -15px;
text-align: center;
}
.list-services-2__item {
position: relative;
display: inline-block;
background-color: #f4f4f4;
overflow: hidden;
vertical-align: top;
width: 100%;
}
.list-services-2__item .icon {
display: inline-block;
width: 80px;
height: 80px;
padding-top: 12px;
font-size: 37px;
color: #666;
border: 2px solid #fff;
border-radius: 50%;
background-color: #fff;
transition: all 0.3s;
}
.list-services-2__item .icon:before{
position: relative;
top: 15px;
margin: 0;
font-size: 30px;
}
.list-services-2__item .icon_mod-a {
border-color: #ddd;
background-color: transparent;
}
.list-services-2__item:hover .icon {
color: #fff;
background-color: transparent;
}
.list-services-2__item:hover .icon_mod-a {
color: #fff;
border-color: #fff;
background-color: transparent;
}
.list-services-2__link {
position: relative;
z-index: 77 !important;
display: block;
padding: 50px 40px 45px;
z-index: 1;
text-align: center;
}
.list-services-2__link:hover {
text-decoration: none;
}
.list-services-2__title {
margin-top: 40px;
margin-bottom: 20px;
font-size: 15px;
font-weight: 900;
color: #222;
transition: all 0.3s;
text-transform: uppercase;
}
.list-services-2__item:hover .list-services-2__title {
color: #fff;
}
.list-services-2__description {
font-size: 13px;
line-height: 1.53;
color: #666;
transition: all 0.3s;
}
.list-services-2__item:hover .list-services-2__description {
color: #fff;
}
.list-services-2__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-size: cover;
}
.list-services-2__item:hover .list-services-2__bg {
opacity: 1;
}
.list-services-2__bg img {
position: relative;
opacity: 0.15;
z-index: 1;
min-height: 315px;
}
.list-services-2_mod-a {
margin-bottom: 75px;
}
.list-services-2_mod-b {
margin-top: 20px;
margin-bottom: 70px;
}
.list-services__bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-color: #2a64d9;
}
.list-services-2__overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #2a64d9 ;
z-index: 7;
visibility: hidden;
opacity: 0.7;
}
.list-services-2__item:hover .list-services-2__overlay{
visibility: visible;
} .department-1-col-2,
.department-1-col-3,
.department-1-col-4,
.department-1-col-5,
.department-1-col-6,
.department-2-col-2,
.department-2-col-3,
.department-2-col-4,
.department-2-col-5,
.department-2-col-6,
.department-3-col-2,
.department-3-col-3,
.department-3-col-4,
.department-3-col-2,
.department-3-col-5,
.department-3-col-6
{
text-align: center;
}
.department-2-item{
margin-bottom: 4%;
}
.our-services {
max-width: 1920px;
margin: 0 auto;
}
@media (min-width:1000px)  {
.department-1-item, .department-2-item, .department-3-item{
text-align: left;
display: inline-block;
vertical-align: top;
}
.department-1-col-2 .department-1-item, .department-2-col-2 .department-2-item, .department-3-col-2 .department-3-item{
width: 47%;
margin-right: 2%;
}
.department-1-col-2 .department-1-item:nth-child(even), .department-2-col-2 .department-2-item:nth-child(even), .department-3-col-2 .department-3-item:nth-child(even){
margin-right: 0 !important;
width: 49%;
vertical-align: top;
margin-left: 1%;
}
.department-1-col-3 .department-1-item , .department-2-col-3 .department-2-item, .department-3-col-3 .department-3-item{
width: 31%;
margin-right: 2%;  
}
.department-1-col-4 .department-1-item , .department-2-col-4 .department-2-item, .department-3-col-4 .department-3-item{
width: 22%;
margin-right: 2%;  
}
.department-1-col-5 .department-1-item , .department-2-col-5 .department-2-item , .department-3-col-5 .department-3-item{
width: 18%;
margin-right: 2%;  
}
.department-1-col-6 .department-1-item  , .department-2-col-6 .department-2-item , .department-3-col-6 .department-3-item{
width: 14%;
margin-right: 2%; 
}
} .testimonial-content {
background: #f9f9f9;
}
.testimonial-content p{
color: #333;
}
.testimonial-content {
position: relative;
margin-left: 10px;
padding: 45px 28px 40px 80px;
margin-bottom: 40px;
}
#testimonials2 {
margin-left: -15px;
}
html .testimonial-content p {
font-size: 15px;
color: #333 !important;
}
.testimonial-content:after {
content: "";
display: block;
position: absolute;
bottom: -20px;
right: 45px;
width: 0;
height: 0;
border-top: 20px solid #f9f9f9;
border-right: 20px solid transparent;
}
.testimonial-content span {
display: table-cell;
text-align: center;
padding-top: 16px;
width: 50px;
height: 55px;
position: absolute;
left: -10px;
top: 45px;
border-right: none;
background: #2a64d9;
border: 0;
color: #fff;
line-height: 22px;
}
.testimonial-author {
margin-right: 40px;
}
.testimonial-author h4 {
margin-bottom: 7px;
}
#testimonials .owl-nav {
margin: -40px 0 0 10px;
}
#testimonials2 .owl-nav {
position: absolute;
top: -70px;
right: 20px;
}
#testimonials2 .owl-nav div, #testimonials .owl-nav div{
border:1px solid #dddddd;
display: inline-block;
zoom: 1;
display: inline; padding: 10px 20px;
filter: Alpha(Opacity=50); opacity: 0.8;
}
#testimonials .owl-nav div{
padding: 3px 10px;
}
#testimonials2 .owl-nav div:first-child, #testimonials .owl-nav div:first-child{
border-right:none;
}
#testimonials2 > div.owl-stage-outer > div > div > div {
margin-right: 20px;
}
.testimonial-author small{
font-size: 90%;
color: rgba(170, 170, 170, 0.8);
} #fleet-gallery {
position: relative;
}
#fleet-gallery .owl-item img {
padding: 0 5px;
}
#fleet-gallery img {
width: 100%;
height: auto;
}
#fleet-gallery .owl-nav {
position: absolute;
top: -100px;
right: 1px;
margin-top: 15px;
}
#fleet-gallery .owl-nav div{
border: 1px solid #dddddd;
display: inline-block;
zoom: 1;
padding: 10px 20px;
filter: Alpha(Opacity=50);
opacity: 0.8;
margin: 1px;
} .team > div > div.userpic {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 260px;
width: 100%;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.team .user-info + a.btn {
display: none;
}
.team.style-2 > div > div:hover span {
opacity: 1;
}
.team.style-2 > div > div span{
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.team > div > div span {
opacity:0;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 15px 15px;
text-align: center;
font-size: 15px;
line-height: 22px;
font-weight: 300;
background-color: rgba(42, 100, 217, 0.84);
color: #fff;
}
.team > div > div span p {
font-size: 14px;
line-height: 1.6;
}
.team .user-info {
padding: 20px 0 0px 2px;
text-align: center;
}
.team .user-info h4, .team .user-info small {
}
.team .user-info p {
margin-top: 0px;
}
.team .user-info h4 {
padding-top: 15px;
padding-bottom: 15px;
}
.team .soc-icons {
display: inline-block;
width: 100%;
padding-top: 0;
text-align: center;
}
.team .soc-icons i {
margin-right: 6px;
}
.team.style-2 div:hover .user-info p, .team.style-2 div .soc-icons {
display: none;
}
.team.style-2 div:hover .soc-icons {
display: block;
}
.team .user-info small{
font-size: 100%;
} #partners .owl-item img{
display: inline-block;
width: auto;
}
.title-space {
margin-left: 15px;
}
#partners .owl-item {
padding: 0 15px 0 0;
}
#partners a {
padding: 30px 0;
text-align: center;
display: block;
border-right: 3px solid;
background: #f9f9f9;
}
#partners .owl-nav {
position: absolute;
top: -100px;
right: 15px;
margin-top: 15px;
}
#partners .owl-nav div{
border: 1px solid #dddddd;
display: inline-block;
zoom: 1;
background: none;
padding: 10px 20px;
margin: 1px;
} .pix-tabs  .nav-tabs{
text-align:center;
border:none;
}
.pix-tabs   ul.styled{
margin:0px;
padding:0px;
}
.pix-tabs   ul.styled > li{
position:relative;
background:#f5f5f5;
list-style:none;
margin-bottom:6px;
}
.pix-tabs   ul.styled li > ul{
display:none;
position:absolute;
z-index:2;
width:100%;
padding:0;
left:0;
background:#e3e3e3;
padding:20px 15px;
padding-top:0;
padding-left:35px;
border-bottom:4px solid;
font-size:12px;
text-transform:uppercase;
}
.pix-tabs   ul.styled li > ul > li{
list-style:none;
}
.pix-tabs   ul.styled li > ul > li + li{
margin-top:10px;
display:block;
}
.pix-tabs   ul.styled li:hover > ul{
display:block;
}
.pix-tabs   ul.styled > li.active > a, ul.styled > li.current-cat > a{
color:#fff;
}
.pix-tabs   ul.styled > li:hover{
background:#e3e3e3;
}
.pix-tabs   ul.styled > li.active:after{
background:#fff;
opacity:0.5;
}
.pix-tabs   ul.styled > li:after{
content:"";
display:block;
width:4px;
position:absolute;
right:0px;
top:0px;
bottom:0px;
background:#e3e3e3;
}
.pix-tabs   ul.styled > li > a{
display:block;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
font-size:14px;
padding:20px 10px 20px 35px;
}
.pix-tabs   .nav-tabs > li{
float:none;
display:inline-block;
border:1px solid #eee;
border-right:4px solid #eee;
margin-right:5px;
background:#fff;
}
.pix-tabs   .nav-tabs > li + li{
margin-top:20px;
}
.pix-tabs   .nav-tabs > li.active > a,.pix-tabs   .nav-tabs > li.active > a:focus,.pix-tabs   .nav-tabs > li.active > a:hover,.pix-tabs  .nav-tabs > a.active:focus,.pix-tabs    .nav-tabs > a.active:hover{
cursor:default;
border:none;
}
.pix-tabs   .nav-tabs > li.active > a:after{
content:"";
display:block;
position:absolute;
width:4px;
top:-1px;
bottom:-1px;
right:-4px;
background:#fff;
opacity:0.5;
}
.pix-tabs   .nav-tabs > li > a{
position:relative;
border:none;
color: #333;
border-radius:0;
margin-right:0;
text-transform:uppercase;
font-weight:700;
font-size:12px;
padding:15px 30px;
}
.pix-tabs   .nav-tabs > li.active > a , .pix-tabs   .nav-tabs > li:focus > a , .pix-tabs   .nav-tabs > li:hover > a {
color: #fff;
background: #0060c1 !important;
}
.pix-tabs   img.full-width {
width: 100%;
height: auto;
}
.pix-tabs .tab-content{
font-size: 15px;
line-height: 1.7;
} html .big-hr:before, .big-hr:after ,html  .big-hr:after {
border-top-color: #2a64d9 ;
}
.big-hr {
position: relative;
margin: 0px auto;
max-width: 950px;
height: 135px;
padding-top: 25px;
text-align: center;
margin-top: -35px;
}
.big-hr:before {
position: absolute;
top: 0px;
left: -69px;
content: "";
display: block;
width: 0;
height: 0;
border-top: 135px solid;
border-left: 70px solid transparent;
}
.big-hr:after {
position: absolute;
right: -69px;
top: 0px;
content: "";
display: block;
width: 0;
height: 0;
border-top: 135px solid;
border-right: 70px solid transparent;
}
.big-hr h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 17px;
}
.big-hr div {
display: inline-block;
}
.big-hr a.btn {
margin-top: -30px;
} .why-us {
padding-left: 0px;
border-top: 1px solid;
}
.why-us li {
position: relative;
text-indent: 15px;
position: relative;
list-style: none;
border-bottom: 1px solid #eee;
padding: 20px 30px 20px 0;
}
.why-us li p {
margin-top: 15px;
font-size: 14px;
display: none;
}
.why-us li span {
cursor: pointer;
text-indent: 0px;
top: 20px;
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
position: absolute;
right: 5px;
}
.why-us li span, .topmenu nav, .topmenu:before, #to-top, .two-news > div div:last-child > div{
background:#191919;
} .stats > div > div {
position: relative;
margin-left: 10px;
border: 1px solid;
padding: 35px 30px 35px 75px;
line-height: 1.42857143;
}
.stats span:first-child {
text-align: center;
padding-top: 20px;
width: 70px;
height: 70px;
position: absolute;
left: -10px;
top: 20px;
display: block;
border: 1px solid #eee;
background: #fff;
}
.stats span:first-child i:before {
font-size: 30px;
margin: 0;
}
.stats > div {
margin-bottom: 30px;
}
.stats span.percent {
display: block;
float: left;
font-size: 23px;
font-weight: 700;
margin-right: 15px;
margin-top: 3px;
margin-left: 12px;
}
.stats span:first-child, footer .copy a, .twitter-feeds div span, .recent-posts div a:hover {
color:#333333 !important;
}
.stats .counter-item{
margin-right: 25px;
}
.percent-text{
padding-top: 10px;
display: block;
padding-left: 0;
float: left;
font-size: 15px;
font-weight: 800;
} .one-news a {
color: #fff;
}
.one-news > div {
position: relative;
width: 100%;
height: 300px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-left: -15px;
}
.one-news > div > div:hover {
opacity: 1;
}
.one-news > div > div {
bottom: 0px;
left: 0px;
width: 100%;
position: absolute;
padding: 30px 40px;
opacity: 0.9;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.one-news > div > div h3, .two-news > div div:last-child h3 {
font-size: 18px;
text-transform: none;
font-weight: 400;
margin: 0px;
margin-bottom: 20px;
}
.two-news > div div:last-child h3 {
font-size: 16px;
line-height: 24px;
}
.one-news > div > div small, .two-news > div div:last-child small {
display: inline-block;
padding-right: 5px;
font-size: 11px;
}
.one-news > div > div small.news-author, .two-news > div div:last-child small.news-author {
border-right: 1px solid;
margin-right: 5px;
}
.pix-lastnews-light .hgroup * {
color: #fff !important;
}
.pix-lastnews-light .one-news div, .pix-lastnews-light .news-item div div {
background-color: #fff !important;
color: #333;
}
.pix-lastnews-light .one-news div *, .pix-lastnews-light .news-item div * {
color: #333 !important;
}
.pix-lastnews-light .one-news  h3 a , .pix-lastnews-light .news-item  h3 a{
font-weight: bold;
}
.one-news div * {
text-transform: uppercase;
}
.pix-lastnews-dark .two-news > div h3 a {
color: #fff !important;
}
.news-item small {
text-transform: uppercase;
}
.news-item {
margin-bottom: 30px;
}
.pix-lastnews-light .news-item a {
color: #fff;
font-size: 18px;
font-weight: bold;
}
.news-item div:first-child {
padding-right: 0px;
}
.news-item div:last-child {
padding-left: 0px;
}
.two-news > div div:first-child > div {
height: 135px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.two-news > div div:last-child > div {
padding: 25px 30px;
height: 135px;
}
.read-all-news {
position: relative;
margin-top: -10px;
margin-right: 10px;
background: #237ac6;
border: 0 !important;
color: #fff;
}
.pix-lastnews-dark .read-all-news {
color: #666 !important;
border: 1px solid #ddd;
margin-top: -10px;
background: transparent !important;
border-right: 5px solid #2a64d9 !important;
}
.pix-lastnews-dark .read-all-news:hover {
background: #2a64d9 !important;
color: #fff !important;
}
#to-top {
top: 0px;
left: -30px;
cursor: pointer;
display: block;
position: absolute;
width: 80px;
text-align: center;
line-height: 60px;
height: 65px;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
}
#to-top i {
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
}
.contact-info {
margin-top: 30px;
}
.contact-info span {
display: block;
margin-bottom: 10px;
}
.contact-info strong {
font-weight: 700;
font-size: 12px;
}
.contact-info span:after {
content: "";
display: block;
width: 100%;
clear: both;
}
.contact-info i {
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.box-col1 {
display: inline-block;
float: right;
max-width: 236px;
padding-top: 49px;
}
.box-col2 {
text-align: center;
display: block;
width: 100%;
padding-top: 43px;
max-width: 530px;
margin: 0 auto;
overflow: hidden;
max-height: 100px;
}
.box-col2 p {
text-align: center;
width: 100%;
display: inline-block !important;
}
.box-col3 {
padding-top: 49px;
max-width: 235px;
display: inline-block;
float: left;
}
.info-texts {
position: relative;
}
.info-texts p {
position: relative;
z-index: 2;
vertical-align: middle;
display: table-cell;
z-index: 4;
text-align: center;
color: #fff;
line-height: 24px;
}
.info-texts div {
position: relative;
}
.info-texts div:before {
content: "";
display: block;
position: absolute;
border-bottom: 180px solid;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
z-index: 3;
left: -65px;
right: -65px;
top: -25px;
}
.info-texts div:after {
content: "";
display: block;
position: absolute;
bottom: 0px;
height: 15px;
left: -60px;
right: -60px;
background: #fff;
z-index: 2;
}
.info-texts div:first-child:before, .info-texts div:last-child:before {
border-top: 180px solid;
border-bottom: none;
z-index: 5;
top: 0px;
}
.info-texts div:last-child:before {
border-right: 0 none;
}
.info-texts div:first-child:after, .info-texts div:last-child:after {
display: none;
}
.info-texts div:first-child:before {
right: -15px;
left: 0px;
}
.info-texts div:last-child:before {
left: -15px;
right: 0px;
}
.info-texts div:first-child p, .info-texts div:last-child p {
margin-top: 15px;
z-index: 6;
}
.info-texts div:first-child p {
text-align: right;
padding-right: 40px;
}
.info-texts div:last-child p {
text-align: left;
padding-left: 40px;
}
.info-texts:before, .info-texts:after {
content: "";
display: block;
position: absolute;
width: 50%;
top: 0px;
height: 180px;
z-index: 1;
}
.info-texts:before {
left: 0;
}
.info-texts:after {
left: 50%;
}
.main-content img + * {
margin-top: 30px;
}.vc_custom_1488798033795 {
position: relative;
z-index: 8;
} .vc_carousel-slideline img{
max-width: 100%;
height: auto;
}
.navbar-scrolling.header.header-boxed-width{
position: fixed !important;
text-align: center;
margin-top: -125px;  
transition: top 0.4s ease;
}
.page-template-page-home .navbar-scrolling.navbar-scrolling-menu{
top:100px !important;   
}
.navbar-scrolling.header  .container-boxed-width{
width: 100%;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}
.navbar-scrolling.header   .header-navibox-2 {
padding: 0 !important;
float: none !important;
margin: 0 auto !important;
display: inline-block;
}
.navbar-scrolling.header  .top-bar , .navbar-scrolling.header  .header-navibox-1 , .navbar-scrolling.header  .header-navibox-3 , .navbar-scrolling.header  .header-navibox-4{
display: none !important;
}
.navbar-scrolling.header  .header-navibox-2 .main-menu > li > a {
padding: 22px 0 !important;
}
.top-bar li {
color: #fff !Important;
font-size: 11px !important;
font-weight: normal !important;
}
html .header .navbar-brand {
float: left;
height: auto;
padding: 0;
font-size: 18px;
line-height: 20px;
margin-top: -5px;
padding-right: 25px;
}
.header-main__buy{
background-color: #ffb049;
margin-top: -5px;
margin-right: 20px;
padding: 14px 25px;
font-size: 12px !important;
border: none !important;
position: relative;
z-index: 1000;
display: inline-block;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
color: #fff !important;
text-transform: uppercase;
min-width: 120px;
border-radius: 100px;
transition: all 0.3s ease 0s;
}
html body .header-cart {
box-sizing: border-box;
display: inline-block;
font-size: 20px;
margin: -4px 15px 0 -17px;
max-height: 23px;
position: relative;
text-align: center;
width: auto;
}
.page-template-page-home .current-menu-parent.current_page_item > a:before, .current_page_item > a:before {
content: '';
display: block;
border-top: 2px solid red; 
position: absolute;
bottom: 0;
z-index: 777;
width: 100%;
}
.page-template-page-home .current_page_item > a:before {
display: none;
}
.navbar-scrolling.header .current-menu-item a:before {
bottom: -5px;
left: 0;
}
html .header-boxed-width .header-navibox-1 {
margin-left: 0;
}
.navbar-scrolling.header   .submenu-controll {
position: absolute;
right: 0px;
top: -48px;
} .btn-effect {
position: relative;
margin-right: 1px;
overflow: hidden;
z-index: 1;
}
.btn-effect:after {
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 50%;
opacity: 0;
z-index: -1;
content: '';
transition: all 0.3s ease 0s;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-effect:hover{
color: #fff;
}
.btn-effect:hover:after {
height: 450%;
opacity: 1;
}
.border-effect {
position: relative;
padding: 20px;
overflow: hidden;
}
.border-effect__mark {
color: #fff;
}
.border-effect__top,
.border-effect__right,
.border-effect__bottom,
.border-effect__left {
position: absolute;
transition: all 300ms;
}
.border-effect__top,
.border-effect__bottom {
width: 100%;
height: 3px;
}
.border-effect__left,
.border-effect__right {
width: 3px;
height: 100%;
}
.border-effect__top {
top: 0;
left: -100%;
}
.border-effect__right {
top: -100%;
right: 0;
}
.border-effect__bottom {
right: -100%;
bottom: 0;
}
.border-effect__left {
bottom: -100%;
left: 0;
}  .ui-title-page {
margin-bottom: 40px;
font-size: 40px;
font-weight: 700;
color: #fff;
}
.ui-subtitle-page {
margin-top: 49px;
font-size: 16px;
letter-spacing: 0.5em;
}
.ui-title-block {
margin-top: 4px;
font-weight: 700;
font-size: 36px;
text-transform: uppercase;
}
.ui-title-block__inner {
display: block;
margin-left: 2px;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
}
.ui-title-block__brand {
position: relative;
top: -2px;
display: inline-block;
margin-right: 7px;
padding:8px 5px 8px 5px;
font-size: 32px;
line-height: 1;
color: #fff;
vertical-align: bottom;
background-color: #333;
}
html body  .container .text-white-color .ui-title-block__brand{
color: #333 !important;
background-color: #fff !important;
}
html body  .container .text-white-color  .btn-title{
border-color: #fff ;
}
.ui-title-block_sm {
margin-top: 0;
font-size: 20px;
}
.ui-title-block_sm .ui-title-block__inner {
font-size: 32px;
}
.ui-title-block_mod-a {
color: #fff;
}
.ui-title-block_mod-a .ui-title-block__inner__brand {
color: #333;
background-color: #fff;
}
.ui-title-block_mod-a .ui-title-block__brand {
color: #333;
background-color: #fff;
}
.ui-title-block_mod-a .ui-title-block__brand {
color: #333;
background-color: #fff;
}
html body .container .text-white-color   .ui-title-block_mod-a .ui-title-block__brand {
color: #333 !important;
background-color: #fff;
}
.ui-title-block_mod-b {
margin-bottom: 50px;
font-weight: 300;
font-size: 44px;
}
.ui-title-block_mod-c {
margin-top: 0;
margin-bottom: 34px;
font-size: 30px;
line-height: 1;
}
.ui-title-block_mod-c .ui-title-block__inner {
margin-top: 16px;
font-size: 44px;
line-height:1.4;
}
.ui-title-block_mod-c .ui-title-block__brand {
font-size: 44px;
}
.ui-title-block_mod-d {
margin-top: 0;
}
.ui-title-block_mod-d .ui-title-block__inner {
margin-bottom: 5px;
font-size: 40px;
line-height: 1;
}
.ui-title-block_mod-d .ui-title-block__brand {
font-size: 44px;
}
.ui-title-inner {
font-weight: 700;
font-size: 22px;
text-transform: uppercase;
}
.ui-title-inner_color_white {
color: #fff;
}
.ui-title-underline {
position: relative;
margin-top: 0;
margin-bottom: 30px;
font-size: 30px;
font-weight: 700;
color: #333;
text-transform: uppercase;
}
.ui-title-underline:after {
display: block;
width: 60px;
height: 4px;
margin-top: 15px;
content: '';
}
.ui-title-underline_mod-b:after {
background-color: #ffb049;
}
.title-brand {
font-size: 32px;
font-weight: 300;
color: #333;
}
.ui-p_mod-a {
line-height: 2;
}
.ui-subtitle-block {
margin-top: 7px;
margin-bottom: 18px;
font-weight: 400;
font-size: 22px;
color: #333;
text-transform: uppercase;
} .ui-btn {
display: inline-block;
margin-bottom: 14px;
padding: 10px 39px;
font-size: 14px;
font-weight: 700;
border-width: 2px;
border-style: solid;
transition: all 0.3s;
text-transform: uppercase;
}
.ui-btn:hover {
color: inherit;
text-decoration: none;
}
.btn .icon {
margin-right: 8px;
}
.group-btn-ui .ui-btn:last-child {
margin-bottom: 0;
}
.btn-normal {
font-size: 16px;
}
.btn_mod-a {
border-width: 2px;
border-color: #ccc;
}
.btn_mod-b {
border-width: 2px;
background-color: #fff;
}
.btn_mod-c {
color: #fff ;
border-radius: 100px !important;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) ;
font-weight: 700 ;
font-size: 18px ;
border: 7px solid rgba(0, 0, 0, 0.1);
padding: 20px 60px ;
display: inline-block;
}
.btn_mod-c.btn_mod-simple{
background: transparent;
color: #666;
border-radius: 100px !important;
text-shadow: none;
font-weight: 400;
border: 2px solid #666;
}
.btn_mod-c.btn-sm {
font-size: 14px;
padding: 11px 35px;
}
.btn_mod-c.btn_mod-orange{
background-color: #ffb049;
border: 7px solid rgba(0, 0, 0, 0.1);
}
.btn_mod-c:focus, .btn_mod-c:hover {
color: #fff ;
text-decoration: none;
opacity: 0.9;
}
.btn .icon {
margin-right: 7px;
}
.btn-xs .icon {
margin-right: 5px;
}
.btn-sm .icon {
margin-right: 6px;
}
.btn-lg .icon {
margin-right: 29px;
}
.btn-primary.btn-sm,
.btn-info.btn-sm {
padding: 9px 50px;
font-size: 11px;
}
.btn-primary.btn-lg,
.btn-info.btn-lg {
padding: 16px 85px;
font-size: 16px;
}
.btn-title {
display: inline-block;
margin-top: 15px;
margin-bottom: 40px;
padding: 12px 22px;
font-size: 16px;
color: #666;
border: 2px solid #666;
background-color: transparent;
text-transform: uppercase;
border-radius:0;
}
.btn-title_mod-a {
color: #fff;
border-color: #fff;
} .link-tooltip-1 {
font-weight: 600;
color: #000;
}
.link-tooltip-2 {
font-weight: 400;
color: #000;
}
.pagination_mod-a > .active > a,
.pagination_mod-a > .active > span,
.pagination_mod-a > .active > a:hover,
.pagination_mod-a > .active > span:hover,
.pagination_mod-a > .active > a:focus,
.pagination_mod-a > .active > span:focus {
color: #fff;
border-color: #eaeaea;
}
.pagination_mod-a > li > a:hover,
.pagination_mod-a > li > span:hover {
border-color: #eaeaea;
}
.pagination_mod-b > li > a:hover,
.pagination_mod-b > li > span:hover {
color: #fff;
}
.table-typography {
margin-bottom: 70px;
} .social-links {
padding-left: 0;
list-style-type: none;
}
.social-links > li {
display: inline-block;
margin-right: 9px;
}
.social-links > li > a {
display: block;
width: 40px;
height: 40px;
margin-right: -2px;
padding-top: 10px;
color: #999;
border: 2px solid #777;
border-radius: 50%;
transition: all 0.3s;
text-align: center;
margin-bottom: 9px;
}
.social-links > li > a:hover {
color: #fff;
text-decoration: none;
}
.raiting .raiting__item {
padding: 0 2px;
color: orange;
}
html .scroll-top-view {
opacity: 1;
}
.scroll-top {
position: fixed;
right: 4%;
bottom: 3%;
width: 40px;
height: 40px;
padding-top: 6px;
border: 2px solid #ccc;
background-color: #fff;
opacity: 0;
z-index: 100000;
cursor: pointer;
text-align: center;
}
.scroll-top .icon {
font-size: 24px;
}
.form-subscribe {
position: relative;
}
.form-subscribe__label {
margin-right: 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 15px;
}
.form-subscribe__input {
height: 41px;
padding-right: 45px;
width: 295px;
}
.form-subscribe__btn {
position: absolute;
top: 8px;
right: 4px;
font-size: 24px;
color: #333;
border: none;
background-color: transparent;
}
.form-subscribe__inner {
position: relative;
display: inline-block;
}
.social-sharing {
float: right;
margin-top: 10px;
}
.advantages__title {
padding-top: 10px;
padding-right: 40px;
line-height: 1;
text-align: right;
text-transform: uppercase;
}
.list-advantages {
position: relative;
}
.list-advantages:before {
position: absolute;
top: 10px;
left: 0;
height: 50px;
border-left: 1px dotted #7a7a7a;
content: '';
}
.list-advantages__item {
position: relative;
display: inline-block;
width: 25%;
margin-right: -3px;
padding-left: 35px;
vertical-align: top;
margin-bottom: 15px;
padding-right: 17px;
}
.list-advantages__item:after {
position: absolute;
top: 10px;
right: 0;
height: 50px;
border-right: 1px dotted #7a7a7a;
content: '';
}
.list-advantages__item .icon {
float: left;
width: 66px;
height: 66px;
padding-top: 20px;
font-size: 28px;
color: #626262;
border: 5px solid #eee;
border-radius: 50%;
background-color: #fff;
transition: all 0.3s;
text-align: center;
}
.list-advantages__item:hover .icon {
color: #fff;
}
.list-advantages__item.active .icon {
color: #fff;
}
.list-advantages__inner {
display: block;
margin-top: 16px;
margin-left: 85px;
padding-right: 0;
font-size: 13px;
color: #333;
vertical-align: middle;
text-transform: uppercase;
}
.list-advantages .list-advantages__link {
padding: 0;
outline: none !important;
background: transparent !important;
}
.list-advantages .list-advantages__link:hover {
background-color: transparent;
}
.list-advantages__link:hover .icon {
color: #fff;
}
.list-advantages_mod-a {
margin-top: 60px;
}
.list-advantages_mod-a:before {
content: none;
}
.list-advantages_mod-a .list-advantages__item:after {
content: none;
}
.list-advantages_mod-a .list-advantages__item {
display: inline-block;
width: 33.3%;
margin-bottom: 60px;
padding-right: 10px;
padding-left: 10px;
vertical-align: top;
border-right: 1px dotted #7a7a7a;
text-align: center;
}
.list-advantages_mod-a .list-advantages__item:nth-child(3n+3) {
border-right: none;
}
.list-advantages_mod-a .list-advantages__item .icon {
display: inline-block;
float: none;
vertical-align: top;
}
.list-advantages_mod-a .list-advantages__inner {
margin-top: 25px;
margin-left: 0;
font-size: 14px;
line-height: 18px;
font-weight: 700;
padding: 0 20px;
}
.tab-advantages__content p {
padding-bottom: 24px;
line-height: 2;
}
.tab-advantages__pane {
overflow: hidden; 
}
.list-description {
margin-top: 75px;
margin-right: -64px;
margin-left: 10px;
position: relative;
}
.list-description:after{
content: "";
border-right: 1px dotted #7a7a7a;
display: block;
height: 84%;
position: absolute;
right: 60px;
top: 10%;
z-index: 2;
}
.list-description:first-child {
margin-top: 110px;
}
.list-description__item {
margin-bottom: 80px;
position: relative;
z-index: 7;
}
.list-description__item:last-child {
margin-bottom: 50px;
}
.list-description__img {
float: right;
width: 128px;
height: 128px;
margin-top: 13px;
border: 10px solid #f2f2f2;
border-radius: 50%;
overflow: hidden;;
}
.list-description__inner {
display: block;
margin-right: 173px;
}
.list-description__title {
display: block;
margin-bottom: 15px;
font-weight: 700;
font-size: 20px;
color: #333;
text-align: right;
text-transform: uppercase;
}
.list-description__text {
font-size: 15px;
line-height: 2;
text-align: right;
display: inline-block;
}
.wrap-block {
padding-right: 10px;
padding-left: 10px;
}
.wrap-block_mod-a {
text-align: right;
}
.wrap-block_mod-b {
text-align: left;
}
#scroll-next + .list-goods {
display: none;
}
.list-goods {
margin-top: 50px;
text-align: center;
}
.list-goods___item {
position: relative;
display: inline-block;
width: 33.3%;
margin-top: 120px;
margin-right: -17px;
padding-right: 20px;
padding-left: 20px;
vertical-align: top;
}
.list-goods___item:nth-child(3n+2) {
margin-top: 70px;
}
.list-goods__img {
display: inline-block;
}
.list-goods__title {
margin-top: 65px;
margin-bottom: 27px;
font-weight: 700;
font-size: 22px;
color: #333;
text-transform: uppercase;
}
.list-goods__label {
position: absolute;
top: -47px;
left: 88px;
display: block;
width: 68px;
height: 68px;
padding-top: 14px;
font-size: 26px;
color: #fff;
border: 4px solid #eee;
border-radius: 50%;
}
.list-goods___item:nth-child(3n+1) .list-goods__label {
background-color: #53de40;
}
.list-goods___item:nth-child(3n+2) .list-goods__label {
background-color: #f857c9;
}
.list-goods___item:nth-child(3n+3) .list-goods__label {
background-color: #3fdbdb;
}
.list-goods__description {
font-size: 15px;
font-weight: 400;
line-height: 1.73;
color: #777;
}
.list-goods__btn {
margin-top: 52px;
margin-bottom: 55px;
padding: 10px 27px;
}
.list-descriptions {
margin-bottom: 50px;
}
.list-descriptions__name {
margin-bottom: 8px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
}
.list-descriptions__description {
margin-bottom: 30px;
line-height: 1.5;
}
.slider-reviews .owl-item {
padding-left: 0;
}
.slider-reviews__item {
padding: 0 40px;
border-right: 1px dotted #7f7f7f;
text-align: center;
width: 390px;
}
.slider-reviews   .owl-dots {
text-align: center;
margin: 70px 0 0 0;
}
.slider-reviews__title {
margin-bottom: 30px;
font-weight: 700;
font-size: 15px;
color: #333;
text-transform: uppercase;
}
.slider-reviews__text {
margin-bottom: 28px;
font-size: 14px;
line-height: 1.9;
}
.slider-reviews__img {
display: block;
margin: 43px auto 25px;
}
.slider-reviews__img img {
display: block !important;
width: 66px !important;
height: 66px !important;
border: 5px solid #eee !important;
border-radius: 50% !important;
overflow: hidden !important;
margin: 0 auto;
} 
.slider-reviews__name {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-style: normal;
color: #333;
text-transform: uppercase;;
}
.slider-reviews__time {
display: block;
font-size: 11px;
text-transform: uppercase;
}
.block-news {
float: left;
width: 50%;
height: 320px;
padding-top: 96px;
padding-bottom: 96px;
background-repeat: no-repeat;
background-size: cover;
}
.block-news:after {
background-color: rgba(17, 17, 17, 0.8);
transition: all 0.3s;
}
.block-news:hover:after {
background-color: rgba(68, 148, 236, 0.9);
}
.block-news:nth-child(1) {
background-image: url(//ketozone.com/wp-content/themes/exproduct/css/media/bg/bg-group-4_1.jpg);
}
.block-news:nth-child(2) {
background-image: url(//ketozone.com/wp-content/themes/exproduct/css/media/bg/bg-group-4_2.jpg);
}
.block-news:nth-child(3) {
background-image: url(//ketozone.com/wp-content/themes/exproduct/css/media/bg/bg-group-4_3.jpg);
}
.block-news:nth-child(4) {
background-image: url(//ketozone.com/wp-content/themes/exproduct/css/media/bg/bg-group-4_4.jpg);
}
.block-news:nth-child(1),
.block-news:nth-child(3) {
padding-right: 160px;
padding-left: 10vw;
}
.block-news:nth-child(2),
.block-news:nth-child(4) {
padding-right: 4vw;
padding-left: 160px;
}
.block-news__title {
margin-bottom: 20px;
font-size: 24px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
}
.block-news__title-link {
color: #fff !important;
}
.block-news__meta {
font-size: 11px;
transition: all 0.3s;
text-transform: uppercase;
color: #fff !Important;
}
.block-news__info{
color: #fff !important;
padding-top: 25px;
font-size: 14px;
line-height: 26px;
display: inline-block;
font-weight: 600 !important;
}
.block-news:hover .block-news__meta {
color: #fff;
}
.block-news__author cite {
font-style: normal;
}
.block-news__time,
.block-news__author {
transition: all 0.3s;
}
.block-news:hover .block-news__time,
.block-news:hover .block-news__author {
color: #fff;
}
.block-news__icon {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 76px;
height: 76px;
margin-top: -45px;
margin-left: -45px;
font-size: 28px;
border-radius: 50%;
background-color: #fff;
text-align: center;
}
.block-news__icon:before {
position: absolute;
top: -7px;
left: -7px;
width: 90px;
height: 90px;
padding-top: 28px;
border-radius: 50%;
background-color: rgba(238, 238, 238, 0.3);
}
.block-a {
margin-top: 72px;
margin-bottom: 70px;
}
.block-a .btn {
margin-top: 50px;
padding: 14px 32px;
}
.block-a .btn {
border-color: #7cd5d2;
}
.block-a .ui-title-inner {
margin-top: 36px;
margin-bottom: 25px;
}
.block-news  .block-news__time *{
color: #fff !important;
}
.variations   td{
padding: 0px 0 20px 0;
}
.tawcvs-swatches {
min-width: 115px;
}
.tawcvs-swatches .swatch{
font-size: 11px;
}
.tawcvs-swatches .swatch.selected {
-webkit-box-shadow:none !important;
-moz-box-shadow:!important;
box-shadow:!important;
box-shadow: 0px 1px 5px 0px #D8D8D8 !important;
border-color: #ccc;
opacity: 1;
}
.quantity .qty{
color: #777;
padding: 5px 20px;
box-shadow: 0px 1px 5px 0px #D8D8D8;
border: 1px solid #ddd;
border-radius: 100px;
width: auto;
margin-bottom: 20px;
width: 90px;
display: inline-block;
}
.form-cart {
margin-top: 45px;
margin-bottom: 50px;
}
.form-cart-table {
width: 100%;
border: 1px solid #f0f0f0;
background-color: #f4f4f4;;
}
.form-cart-table > thead > tr > th {
padding: 30px 55px;
font-size: 14px;
color: #333;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
font-weight: 700;
font-family: Montserrat !important;
}
.form-cart-table .product_title{
min-width: 120px;
text-align: center;
font-weight: normal !important;
text-transform: uppercase;
font-size: 14px;
}
.form-cart-table > tbody > tr > td {
position: relative;
font-size: 16px;
padding:20px;
vertical-align: middle;
min-height: 300px;
}
.form-cart-table > tbody > tr > td:first-child {
font-weight: 600;
padding: 20px 55px;
}
.form-cart-table > tbody > tr > td:first-child a{
color: #000;
}
.form-cart-table > tbody > tr > td:first-child a:hover{
text-decoration: underline;
}
.form-cart-table > tbody > tr > td:nth-child(2) {
width: 15%;
}
.form-cart-table > thead > tr > th:last-child,
.form-cart-table > tbody > tr > td:last-child {
text-align: center;
}
.form-cart__label {
top: 14px;
display: inline-block;
width: 20px;
height: 20px;
padding-left: 0;
border: solid 1px #d0d0d0;
border-radius: 50%;
}
.form-cart__label:after {
top: 5px;
left: 5px;
background-color: #fff;
}
.form-cart__label:before {
top: 1px;
left: 1px;
}
.form-cart__label_mod-a:before {
background-color: #c9e300;
}
.form-cart__label_mod-b:before {
background-color: #ff51be;
}
.form-cart__label_mod-c:before {
background-color: #29d3f2;
}
.form-cart__label_mod-d:before {
background-color: #ddd;
}
.form-cart__section {
padding: 55px 60px 60px 55px;
border-right: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
background-color: #f4f4f4;
}
.form-cart__section:nth-child(even) {
background-color: #fff;
}
.form-cart__title {
position: relative;
margin-bottom: 5px;
font-weight: 700;
font-size: 16px;
color: #333;
text-transform: uppercase;
}
.form-cart__title .icon {
display: inline-block;
padding-right: 10px;
font-size: 32px;
vertical-align: bottom;
width: 50px;
position: relative;
top: -6px;
margin-top: 16px;
}
.form-cart__label-text {
margin-top: 0;
margin-left: 95px;
font-size: 14px;
font-weight: 400;
vertical-align: sub;
}
.form-cart__input {
width: 240px;
margin-right: 10px;
margin-left: 10px;
}
.form-cart__label-row {
display: block;
margin-bottom: 15px;
padding: 20px 30px 20px 25px;
font-weight: 400;
border: 1px solid transparent;
background-color: #fff;
cursor: pointer;
margin-left: 100px;
max-width: 718px;
}
.form-cart__label-row_first {
margin-top: 30px;
}
.form-cart__btn {
padding: 11px 25px;
}
.form-cart__shipping-name {
margin-right: 50px;
font-size: 14px;
color: #333;
}
.form-cart__shipping-info {
font-size: 11px;
text-transform: uppercase;
}
.form-cart__label-inner {
float: left;
padding-right: 20px;
}
.form-cart__shipping-price {
float: right;
font-size: 16px;
font-weight: 700;
color: #333;
}
.form-cart__price {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f0f0f0;
padding-top: 0;
padding-right: 0;
}
.form-cart__price-total {
float: right;
width: 230px;
height: 70px;
padding-top: 22px;
font-weight: 700;
font-size: 20px;
color: #fff;
text-align: center;
margin-right: 10px;
}
.form-cart__price-title {
padding-top: 15px;
line-height: 1.4;
float: left;
}
.form-cart__submit.btn-lg {
margin-top: 110px;
margin-bottom: 25px;
padding-right: 30px;
padding-left: 30px;
}
.form-cart__note {
font-size: 11px;
text-transform: uppercase;
}
.form-cart__btn-group {
white-space: nowrap;
display: inline-block;
}
.block-contacts {
margin-top: 25px;
}
.block-contacts__title {
margin-top: 0;
margin-bottom: 56px;
font-weight: 700;
font-size: 22px;
color: #fff;
text-transform: uppercase;
}
.block-contacts__item {
position: relative;
margin-bottom: 18px;
padding-left: 0;
font-size: 14px;
color: #ccc;
}
.block-contacts__item .icon {
padding-right: 30px;
font-size: 18px;
}
.block-contacts .social-links {
margin-top: 60px;
}
.block-contacts__item  , html body  .container .text-white-color .block-contacts__item  {
color: #ccc !important;
}
.form-contacts {
padding-top: 34px;
padding-right: 55px;
}
.form-contacts .btn {
width: 100%;
margin-top: 5px;
}
.payment-total {
margin-bottom: 80px;
border: 1px solid #eaeaea;
}
.payment-total__title {
display: block;
padding: 30px 40px;
font-weight: 700;
font-size: 16px;
color: #333;
text-transform: uppercase;
}
.payment-total__title .icon {
margin-right: 13px;
font-size: 32px;
vertical-align: sub;
}
.payment-total__price {
display: block;
padding-top: 32px;
padding-bottom: 30px;
font-weight: 700;
font-size: 30px;
border-left: 1px solid #eaeaea;
background-color: #f4f4f4;
text-align: center;
}
.form-payment .form-control {
height: 41px;
}
.form-payment .form-control + .form-control {
margin-top: 20px;
}
.form-payment__section {
margin-bottom: 100px;
}
.form-payment__section:last-child {
margin-bottom: 0;
}
.form-payment__checkbox-block {
display: block;
margin-top: 44px;
margin-bottom: 55px;
padding: 20px 30px 1px;
background-color: #f4f4f4;
}
.payment-info {
margin-top: 29px;
padding-left: 40px;
border-left: 1px dotted #7f7f7f;
}
.payment-info p {
margin-bottom: 24px;
font-size: 13px;
line-height: 1.85;
}
.payment-info__title {
margin-bottom: 28px;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
}
.payment-info .list-mark_mod-b {
margin-top: 43px;
}
.payment-info .list-mark_mod-b li {
margin-bottom: 19px;
padding-left: 26px;
font-size: 13px;
font-weight: 400;
line-height: 1.8;
}
.payment-info .list-mark_mod-b li:before {
top: 5px;
left: 0;
}
.form-payment__info {
font-size: 15px;
color: #333;
}
.list-payment {
margin-top: 55px;
margin-bottom: 75px;
padding-left: 0;
list-style-type: none;
}
.list-payment__item {
display: inline-block;
max-width: 32px;
margin-right: 14px;
vertical-align: top;
}
.form-payment .bootstrap-select {
width: 100%;
}
.form-payment .bootstrap-select .btn {
width: 100%;
}
.form-payment .form-payment__submit {
margin-top: 30px;
padding: 15px 43px;
}  .section-title:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: inline-block;
opacity: 0.7;
}
.section-main-slider .main-slider:before,
.section-main-slider .main-slider:after {
position: absolute;
bottom: 0;
width: 50%;
border-bottom: 75px solid #f4f4f4;
z-index: 10;
content: '';
}
.section-main-slider .main-slider:before {
left: 0;
border-right: 50vw solid transparent;
}
.section-main-slider .main-slider:after {
right: 0;
border-left: 50vw solid transparent;
}
.main-slider__text {
font-size: 16px;
}
.main-slider__slogan {
font-size: 16px;
letter-spacing: 0.5em;
text-transform: uppercase;
}
.main-slider__title {
font-size: 40px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.main-slider__btn {
margin-right: 10px;
margin-bottom: 10px;
padding: 10px 28px;
color: #fff;
border-color: #fff;;
}
.main-slider__btn-group {
margin-top: 35px;
} .slider-color {
position: relative;
}
.slider-color.markers-bottom  .slider-color-nav {
position: absolute;
bottom: -20px;
left: 50%;
margin-top: 0;
top: auto;
margin-left: -40px;
}
.slider-color-nav-top .slider-color-nav {
position: absolute;
top: -20px;
left: 50%;
margin-top: -17px;
top: auto;
}
.slider-color-nav-left .slider-color-nav {
position: absolute;
top: 50%;
left: 0;
margin-top: -17px;
}
.slider-color-nav {
position: absolute;
top: 50%;
left: 50%;
margin-top: -17px;
}
.slider-color-nav-bottom .slider-color-nav {
position: absolute;
bottom: -20px;
left: 50%;
margin-top: -17px;
top: auto;
}
.slider-color-nav .slider-color-nav__item {
display: inline-block;
margin-right: 10px;
padding-bottom: 14px;
border-bottom: 2px solid transparent;
transition: all 0.3s;
}
.slider-color-nav__item.active  a{
border: 1px solid #aaa;
}
.slider-color-nav .slider-color-nav__link {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid transparent;
}
.slider-color-nav__item:nth-child(1) .slider-color-nav__link {
background-color: #c9e300;
}
.slider-color-nav__item:nth-child(2) .slider-color-nav__link {
background-color: #ff51be;
}
.slider-color-nav__item:nth-child(3) .slider-color-nav__link {
background-color: #29d3f2;
}
.slider-color-nav__item:nth-child(4) .slider-color-nav__link {
background-color: #ebebeb;
}
.slider-pro .slider-2__title {
font-size: 42px;
font-weight: 300;
color: #fff;
text-transform: uppercase;
}
.slider-2__title-inner {
font-weight: 700;
font-size: 36px;
}
.slider-2__text {
max-width: 450px;
margin-left: auto;
font-size: 16px;
text-align: right;
}
.slider-2__description {
display: block;
padding: 20px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.15);
text-align: center;
text-transform: uppercase;
}
.slider-2__btn {
margin-top: 10px;
padding: 19px 61px;
font-size: 16px;
border-color: #51585d;
}
.slider-3__img {
width: 100%;
height: auto;
}
.clients-logo {
height: 180px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.clients-logo img {
display: inline-block;
}
.slider-4 {
margin-top: 100px;
}
.slider-tumbnails {
margin-top: 55px;
}
.slider-reviews {
margin-top: 45px;
margin-bottom: 50px;
overflow: hidden;
}
.btn-reviews {
margin-top: 20px;
float: right;
}
.slider-4  .owl-item {
padding-left:0px !important;
} .ua-ie-8 body:after {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
padding-top: 10%;
font: 40px monospace;
color: #fff;
background-color: red;
z-index: 9999;
content: 'IE 8 NOT SUPPORT :(';
text-align: center;
}
.ua-ie-8 .layout-theme {
display: none !important;
}
.product-order{
text-align: center;
padding: 0px 0px 100px 0;
}
.product-order .btn_mod-c {
margin-top: 30px;
padding: 19px 27px;
margin-bottom: 16px;
font-size: 18px;
}
.vc_row-overlay{
display: inline-block;
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.vc_row-overlay:after{
display:block;
content:'';
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.vc_row-overlay .wpb_column{
position:relative;
z-index:3;
} .list-nobefore:before{
border: none !important;
}
.list-goods i.icon{
line-height: 28px;
margin-left: -10px;
}
.list-descriptions{
color: #fff;
}
.section-area {
position: relative;
}
.section-default {
position: relative;
padding-top: 130px;
padding-bottom: 75px;
}
.section_mod-a {
margin-bottom: 170px;
padding-top: 130px;
}
.section_mod-b {
margin-bottom: 30px;
padding-bottom: 470px;
background: url(//ketozone.com/wp-content/themes/exproduct/css/media/bg/bg-1.jpg) no-repeat 50% 100%;
}
.section_mod-c {
padding-bottom: 120px;
}
.section_mod-c .btn {
margin-top: 57px;
padding: 20px 34px;
}
.section_mod-d {
padding-top: 140px;
padding-bottom: 140px;
}
.breadcrumb-container, .section-title {
position: relative;
margin-bottom: 30px;
padding-top: 175px;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.breadcrumb-container:after, .section-title:after {
content: '';
}
.section-title .section__inner {
padding-bottom: 80px;
}
.section-title .section__inner:before,
.section-title .section__inner:after {
position: absolute;
bottom: 0;
width: 50%;
border-bottom: 90px solid #fff;
content: '';
}
.section-title .section__inner:before {
left: 0;
border-right: 50vw solid transparent;
}
.section-title .section__inner:after {
right: 0;
border-left: 50vw solid transparent;
}
.section-bg {
position: relative;
}
.section-bg:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 7;
}
.section-bg_mod-a {
background-color: #f4f4f4;
}
.section-bg_mod-b {
background: url(//ketozone.com/wp-content/themes/exproduct/css/media/bg/bg-group-1_1.jpg) no-repeat 50% 0;
background-size: cover;
}
.section-bg_mod-c:after {
background-color: rgb(62, 219, 215);
opacity: 0.85;
}
.section-bg_dark:after {
background-color: #000;
opacity: 0.78;
}
.section-bg_primary:after {
opacity: 0.9;
}
.section__inner {
position: relative;
z-index: 10;
text-align: left;
}
.section-main-first {
position: relative;
padding-top: 76px;
padding-bottom: 60px;
}
.section-color-white {
color: #fff;
}
.section-reply-form {
margin-top: 85px;
}
.section-block-news {
position: relative;
}
.typography-section {
padding-bottom: 75px;
}
.section-border {
padding-top: 80px;
border-bottom: 4px double #eee;
}
.section_border-right {
position: relative;
margin-right: 64px;
}
.section_border-right:before {
position: absolute;
top: 0;
right: 0;
height: 100%;
border-right: 1px dotted #7a7a7a;
content: '';
}
.section-subscribe {
padding-top: 45px;
padding-bottom: 45px;
}
.section-slider-3 {
min-height: 550px;
}
.section-clients {
padding-top: 145px;
padding-bottom: 40px;
}
.section-blog {
padding-right: 50px;
border-right: 1px dotted #7f7f7f;
}
.main-wrap {
margin-top: 110px;
margin-bottom: 115px;
}
.jarallax-content  .wpcf7 input[type="text"], .wpcf7 input[type="email"] {
background: #fff !important;
border: 1px solid #ddd !important;
border-radius:  20px !important;
padding: 10px 20px !important;
color: #555555 !important;
}
.jarallax-content  ::-webkit-input-placeholder {color:#555555 !important;}
.jarallax-content  ::-moz-placeholder          {color:#555555 !important;} .jarallax-content  :-moz-placeholder           {color:#555555 !important;} .jarallax-content  :-ms-input-placeholder      {color:#555555 !important;} 
.jarallax-content  .wpcf7 .wpcf7-textarea{
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 20px !important;
padding: 10px 20px !important;
color: #555555 !important;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 20px !important;
padding: 10px 20px !important;
color: #555555 !important;
}
.wpcf7 .wpcf7-textarea {
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 20px !important;
padding: 10px 20px !important;
color: #555555 !important;
}
.wpcf7-submit {
border: 2px solid #FFB049;
background: transparent !important;
width: 100%;
border-radius: 100px;
font-weight: 600;
}
.jarallax-content   .wpcf7-submit {
border: 2px solid #FFB049;
background: transparent !important;
width: 100%;
border-radius: 100px;
font-weight: 600;
}
.jarallax-content   .wpcf7-submit:hover{
background-color: #FFB049 !important;
}