@charset "UTF-8";
.crp-tile-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; -webkit-transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
}
.crp-tile-inner * {
position: absolute;
margin: 0;
padding: 0; -webkit-font-smoothing: antialiased;
} .crp-tile-inner .overlayM,
.crp-tile-inner .overlayT,
.crp-tile-inner .overlayB,
.crp-tile-inner .overlayL,
.crp-tile-inner .overlayR {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}  .overlay-none .overlayM,
.overlay-none .overlayT,
.overlay-none .overlayB,
.overlay-none .overlayL,
.overlay-none .overlayR {
display: none;
} .overlay00 .overlayM {
display: block;
opacity: 0;
}
.overlay00:hover .overlayM,
.overlay00:focus .overlayM {
opacity: 1;
} .overlay01 .overlayT,
.overlay01 .overlayB {
display: block;
left: 0;
}
.overlay01 .overlayT {
top: -100%;
}
.overlay01 .overlayB {
top: 100%;
}
.overlay01:hover .overlayT {
top: 0;
}
.overlay01:hover .overlayB {
top: 0;
} .overlay02 .overlayL,
.overlay02 .overlayR {
display: block;
top: 0;
}
.overlay02 .overlayL {
left: -100%;
}
.overlay02 .overlayR {
left: 100%;
}
.overlay02:hover .overlayL,
.overlay02:focus .overlayL {
left: 0;
}
.overlay02:hover .overlayR,
.overlay02:focus .overlayR {
left: 0;
} .overlay03 .overlayT,
.overlay03 .overlayB {
display: block;
}
.overlay03 .overlayT {
left: -100%;
top: -100%;
}
.overlay03 .overlayB {
left: 100%;
top: 100%;
}
.overlay03:hover .overlayT,
.overlay03:focus .overlayT {
left: 0;
top: 0;
}
.overlay03:focus .overlayB {
left: 0;
top: 0;
} .overlay04 .overlayT,
.overlay04 .overlayB {
display: block;
}
.overlay04 .overlayT {
left: 100%;
top: -100%;
}
.overlay04 .overlayB {
left: -100%;
top: 100%;
}
.overlay04:hover .overlayT,
.overlay04:focus .overlayT {
left: 0;
top: 0;
}
.overlay04:hover .overlayB,
.overlay04:focus .overlayB {
left: 0;
top: 0;
} .overlay05 .overlayT,
.overlay05 .overlayB {
display: block;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.overlay05 .overlayT {
left: -100%;
top: -100%;
}
.overlay05 .overlayB {
left: 200%;
top: 200%;
}
.overlay05:hover .overlayT,
.overlay05:focus .overlayT {
left: -50%;
top: 0%;
}
.overlay05:hover .overlayB,
.overlay05:focus .overlayB {
left: 50%;
top: 0%;
} .overlay06 .overlayT,
.overlay06 .overlayB {
display: block;
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.overlay06 .overlayT {
left: -100%;
top: -100%;
}
.overlay06 .overlayB {
left: 200%;
top: 200%;
}
.overlay06:hover .overlayT,
.overlay06:focus .overlayT {
left: -50%;
top: 0%;
}
.overlay06:hover .overlayB,
.overlay06:focus .overlayB {
left: 50%;
top: 0%;
} .overlay07 .overlayT,
.overlay07 .overlayB {
display: block;
}
.overlay07 .overlayT {
height: 50%;
left: 0;
top: -50%;
}
.overlay07 .overlayB {
height: 50%;
left: 0;
top: 100%;
}
.overlay07:hover .overlayT,
.overlay07:focus .overlayT {
top: 0;
}
.overlay07:hover .overlayB,
.overlay07:focus .overlayB {
top: 50%;
} .overlay08 .overlayL,
.overlay08 .overlayR {
display: block;
}
.overlay08 .overlayL {
width: 50%;
top: 0;
left: -50%;
}
.overlay08 .overlayR {
width: 50%;
left: 100%;
top: 0;
}
.overlay08:hover .overlayL,
.overlay08:focus .overlayL {
left: 0;
}
.overlay08:hover .overlayR,
.overlay08:focus .overlayR  {
left: 50%;
} .overlay09 .overlayM {
display: block;
width: 190%;
height: 100%;
left: -230%;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
transform: skewX(-45deg);
}
.overlay09:hover .overlayM,
.overlay09:focus .overlayM {
left: -40%;
} .overlay10 .overlayM {
display: block;
width: 200%;
height: 110%;
left: 180%;
-webkit-transform: skewX(45deg);
-moz-transform: skewX(45deg);
-ms-transform: skewX(45deg);
-o-transform: skewX(45deg);
transform: skewX(45deg);
}
.overlay10:hover .overlayM,
.overlay10:focus .overlayM {
left: -40%;
} .overlay11 .overlayM {
display: block;
width: 210%;
height: 120%;
left: 130%;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
transform: skewX(-45deg);
}
.overlay11:hover .overlayM,
.overlay11:focus .overlayM {
left: -45%;
} .overlay12 .overlayM {
display: block;
width: 210%;
height: 120%;
left: -250%;
-webkit-transform: skewX(45deg);
-moz-transform: skewX(45deg);
-ms-transform: skewX(45deg);
-o-transform: skewX(45deg);
transform: skewX(45deg);
}
.overlay12:hover .overlayM,
.overlay12:focus .overlayM {
left: -45%;
} .overlay13 .overlayM {
display: block;
left: 0;
top: -100%;
-webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
-moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
-o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}
.overlay13:hover .overlayM,
.overlay13:focus .overlayM {
top: 0;
} .overlay14 .overlayM {
display: block;
left: 0;
top: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
-moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
-o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}
.overlay14:hover .overlayM,
.overlay14:focus .overlayM {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
} .overlay15 .overlayM {
display: block;
left: 0;
top: 0;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
-moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
-o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}
.overlay15:hover .overlayM,
.overlay15:focus .overlayM {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
} .overlay16 .overlayM {
display: block;
left: 0;
top: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
-moz-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
-o-transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
transition: all 0.3s cubic-bezier(0.815, 1.650, 0.400, 0.680);
}
.overlay16:hover .overlayM,
.overlay16:focus .overlayM {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
} .overlay17 .overlayM {
display: block;
left: 0;
top: -100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
}
.overlay17:hover .overlayM,
.overlay17:focus .overlayM {
top: 0;
} .overlay18 .overlayM {
display: block;
left: 100%;
top: 0;
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}
.overlay18:hover .overlayM,
.overlay18:focus .overlayM {
left: 0;
} .overlay19 .overlayM {
display: block;
left: 0;
top: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}
.overlay19:hover .overlayM,
.overlay19:focus .overlayM {
top: 0;
} .overlay20 .overlayM {
display: block;
left: -100%;
top: 0;
background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
}
.overlay20:hover .overlayM,
.overlay20:focus .overlayM {
left: 0;
} .overlay21 .overlayM {
display: block;
left: 0;
top: 0;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(-90deg);
-moz-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
-o-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
}
.overlay21:hover .overlayM,
.overlay21:focus .overlayM {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
} .overlay22 .overlayM {
display: block;
left: 0;
top: 0;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(-90deg);
-moz-transform: perspective(400px) rotateY(-90deg);
-ms-transform: perspective(400px) rotateY(-90deg);
-o-transform: perspective(400px) rotateY(-90deg);
transform: perspective(400px) rotateY(-90deg);
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
}
.overlay22:hover .overlayM,
.overlay22:focus .overlayM {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
} .overlay23 .overlayM {
display: block;
left: 0;
top: 0;
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.overlay23:hover .overlayM,
.overlay23:focus .overlayM {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
} .overlay24 .overlayM {
display: block;
left: 0;
top: 0;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
-o-transform-origin: left;
transform-origin: left;
}
.overlay24:hover .overlayM,
.overlay24:focus .overlayM {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
} .overlay25 .overlayM {
display: block;
left: 0;
top: 0;
opacity: 0;
-webkit-transform: scale(0.5) rotateZ(180deg);
-moz-transform: scale(0.5) rotateZ(180deg);
-ms-transform: scale(0.5) rotateZ(180deg);
-o-transform: scale(0.5) rotateZ(180deg);
transform: scale(0.5) rotateZ(180deg);
}
.overlay25:hover .overlayM,
.overlay25:focus .overlayM {
opacity: 1;
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
} .overlay26 .overlayM {
display: block;
left: 0;
top: 0;
}
.overlay26:hover .overlayM,
.overlay26:focus .overlayM {
-webkit-box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 0 10px 15px rgba(0, 0, 0, 0.5) inset;
} .overlay27 .overlayM {
display: block;
left: 0;
top: -100%;
}
.overlay27:hover .overlayM,
.overlay27:focus .overlayM {
top: 0;
} .crp-tile-inner .ic {
left: 50%;
top:50%;
width: 40px;
height: 40px;
margin-top: -20px;  text-align: center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.crp-tile-inner .ic-link {
margin-left: -45px;
}
.crp-tile-inner .ic-search {
margin-left: 5px;
box-shadow: none;
-webkit-box-shadow: none;
}
.crp-tile-inner .ic.crp-hvr-fade:hover,
.crp-tile-inner .ic.crp-hvr-fade:focus,
.crp-tile-inner .ic.crp-hvr-fade:active {
background-color: rgba(200,0,0,0.7);
}
.crp-tile-inner .ic:hover::before,
.crp-tile-inner .ic:focus::before,
.crp-tile-inner .ic:active::before,
.crp-tile-inner .ic:hover::after,
.crp-tile-inner .ic:focus::after,
.crp-tile-inner .ic:active::after {
background-color: rgba(200,0,0,0.7);
}
.crp-tile-inner .ic i {
width: 40px;
margin-left: -20px;
line-height: 40px;
font-size: 16px;
text-decoration: none;
color: rgba(10, 50, 10, 0.9);
}  .button-none .ic {
display: none;
}  .button00 .ic {
}  .button01 .ic {
top:-40px;
}
.button01:hover .ic,
.button01:focus .ic {
top: 50%;
}  .button02 .ic {
left:-50px;
}
.button02:hover .ic,
.button02:focus .ic {
left: 50%;
}  .button03 .ic {
top: calc( 100% + 20px);
}
.button03:hover .ic,
.button03:focus .ic {
top: 50%;
}  .button04 .ic {
left: calc(100% + 50px);
}
.button04:hover .ic,
.button04:focus .ic {
left:50%;
}  .button05 .ic {
opacity: 0;
}
.button05:hover .ic,
.button05:focus .ic {
opacity: 1;
}  .button06 .ic {
opacity: 0;
}
.button06 .ic-link {
transform: translateX(-60px);
}
.button06 .ic-search {
transform: translateX(50px);
}
.button06:hover .ic,
.button06:focus .ic {
opacity: 1;
transform: translateX(0px);
}  .button07 .ic {
opacity: 0;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.button07:hover .ic,
.button07:focus .ic {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}  .button08 .ic {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.button08:hover .ic,
.button08:focus .ic {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}  .button09 .ic {
}
.button09 .ic-link {
-webkit-transform-origin: 165% 50%;
-moz-transform-origin: 165% 50%;
-ms-transform-origin: 165% 50%;
-o-transform-origin: 165% 50%;
transform-origin: 165% 50%;
-webkit-transform: rotateZ(0deg) scale(0);
-moz-transform: rotateZ(0deg) scale(0);
-ms-transform: rotateZ(0deg) scale(0);
-o-transform: rotateZ(0deg) scale(0);
transform: rotateZ(0deg) scale(0);
}
.button09 .ic-search {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.button09:hover .ic-link,
.button09:focus .ic-link {
-webkit-transform: rotateZ(360deg) scale(1);
-moz-transform: rotateZ(360deg) scale(1);
-ms-transform: rotateZ(360deg) scale(1);
-o-transform: rotateZ(360deg) scale(1);
transform: rotateZ(360deg) scale(1);
}
.button09:hover .ic-search,
.button09:focus .ic-search {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}  .button10 .ic {
}
.button10 .ic-link {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.button10 .ic-search {
-webkit-transform-origin: -65% 50%;
-moz-transform-origin: -65% 50%;
-ms-transform-origin: -65% 50%;
-o-transform-origin: -65% 50%;
transform-origin: -65% 50%;
-webkit-transform: rotateZ(0deg) scale(0);
-moz-transform: rotateZ(0deg) scale(0);
-ms-transform: rotateZ(0deg) scale(0);
-o-transform: rotateZ(0deg) scale(0);
transform: rotateZ(0deg) scale(0);
}
.button10:hover .ic-link,
.button10:focus .ic-link {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.button10:hover .ic-search,
.button10:focus .ic-search {
-webkit-transform: rotateZ(360deg) scale(1);
-moz-transform: rotateZ(360deg) scale(1);
-ms-transform: rotateZ(360deg) scale(1);
-o-transform: rotateZ(360deg) scale(1);
transform: rotateZ(360deg) scale(1);
} .button11 .ic {
-webkit-transform: rotateZ(360deg) scale(0);
-moz-transform: rotateZ(360deg) scale(0);
-ms-transform: rotateZ(360deg) scale(0);
-o-transform: rotateZ(360deg) scale(0);
transform: rotateZ(360deg) scale(0);
}
.button11 .ic-link {
-webkit-transform-origin: 105% 50%;
-moz-transform-origin: 105% 50%;
-ms-transform-origin: 105% 50%;
-o-transform-origin: 105% 50%;
transform-origin: 105% 50%;
}
.button11 .ic-search {
-webkit-transform-origin: -5% 50%;
-moz-transform-origin: -5% 50%;
-ms-transform-origin: -5% 50%;
-o-transform-origin: -5% 50%;
transform-origin: -5% 50%;
}
.button11:hover .ic,
.button11:focus .ic {
-webkit-transform: rotateZ(0deg) scale(1);
-moz-transform: rotateZ(0deg) scale(1);
-ms-transform: rotateZ(0deg) scale(1);
-o-transform: rotateZ(0deg) scale(1);
transform: rotateZ(0deg) scale(1);
}  .button12 .ic {
}  .button13 .ic {
opacity: 0;
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.button13 .ic-link {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
}
.button13 .ic-search {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.button13:hover .ic,
.button13:focus .ic {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}  .button14 .ic {
opacity: 0;
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.button14 .ic-link {
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.button14 .ic-search {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
}
.button14:hover .ic,
.button14:focus .ic {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}  .button15 .ic {
opacity: 0;
}
.button15 .ic-link {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.button15 .ic-search {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.button15:hover .ic-link,
.button15:focus .ic-link {
opacity: 1;
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.button15:hover .ic-search,
.button15:focus .ic-search {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}  .button16 .ic {
}
.button16 .ic-link {
top: calc(0% - 40px);
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.button16 .ic-search {
top: calc(100% + 40px);
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.button16:hover .ic-link,
.button16:focus .ic-link {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.button16:hover .ic-search,
.button16:focus .ic-search {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.button16:hover .ic,
.button16:focus .ic {
top:50%;
}  .button17 .ic {
opacity: 0;
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.button17:hover .ic,
.button17:focus .ic {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}  .button18 .ic {
opacity: 0;
-webkit-transform: rotateZ(-360deg);
-moz-transform: rotateZ(-360deg);
-ms-transform: rotateZ(-360deg);
-o-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
}
.button18:hover .ic,
.button18:focus .ic {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}  .button19 .ic {
}  .button20 .ic {
}  .button21 .ic {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
.button21:hover .ic,
.button21:focus .ic {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}  .button22 .ic {
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
}
.button22:hover .ic,
.button22:focus .ic {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
} .crp-tile-inner .details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
overflow: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.crp-tile-inner .details * {
position: relative;
color: #fff;
}
.crp-tile-inner .details {
padding-top: 15px;
padding-bottom: 15px;
}
.crp-tile-inner .details h3 {
margin: 0px 20px 8px 20px;
font-size: 18px; }
.crp-tile-inner .details p {
margin: 0px 20px 0px 20px;
font-size: 13px;
line-height: normal;
font-weight: normal;
}  .details-none .details {
display: none;
}  .details00 .details {
}  .details01 .details {
left: -70%;
opacity: 0;
}
.details01:hover .details,
.details01:focus .details {
left: 0;
opacity: 1;
}  .details02 .details {
top: -70%;
opacity: 0;
visibility: hidden;
}
.details02:hover .details,
.details02:focus .details {
top: 0;
opacity: 1;
visibility: visible;
}  .details03 .details {
left: 70%;
opacity: 0;
visibility: hidden;
}
.details03:hover .details,
.details03:focus .details {
left: 0;
opacity: 1;
visibility: visible;
}  .details04 .details {
top: 70%;
opacity: 0;
visibility: hidden;
}
.details04:hover .details,
.details04:focus .details {
top: 0;
opacity: 1;
visibility: visible;
}  .details05 .details {
}
.details05:hover .details,
.details05:focus .details {
visibility: visible;
left: 0;
}  .details06 .details {
}  .details07 .details {
}  .details08 .details {
}  .details09 .details {
}  .details10 .details {
}  .details11 .details {
visibility: hidden;
-webkit-transform: scale(0) rotateZ(180deg);
-moz-transform: scale(0) rotateZ(180deg);
-ms-transform: scale(0) rotateZ(180deg);
-o-transform: scale(0) rotateZ(180deg);
transform: scale(0) rotateZ(180deg);
}
.details11:hover .details,
.details11:focus .details {
visibility: visible;
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
}  .details12 .details {
left: -100%;
visibility: hidden;
-webkit-transform: scale(0.7) rotateZ(180deg);
-moz-transform: scale(0.7) rotateZ(180deg);
-ms-transform: scale(0.7) rotateZ(180deg);
-o-transform: scale(0.7) rotateZ(180deg);
transform: scale(0.7) rotateZ(180deg);
}
.details12:hover .details,
.details12:focus .details {
visibility: visible;
left: 0;
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
}  .details13 .details {
visibility: hidden;
opacity: 0;
}
.details13:hover .details,
.details13:focus .details {
visibility: visible;
opacity: 1;
}  .details14 .details {
}  .details15 .details {
}  .details16 .details {
}  .details17 .details {
}  .details18 .details {
}  .details19 .details {
}  .details20 .details {
}  .details21 .details {
}  .details22 .details {
}  .details23 .details * {
top: -170px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.details23 .details {
opacity: 0;
visibility: hidden;
}
.details23 .details h3 {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.details23 .details p {
}
.details23:hover .details,
.details23:focus .details {
visibility: visible;
opacity: 1;
}
.details23:hover .details *,
.details23:focus .details * {
top: 0;
}  .details24 .details {
opacity: 0;
visibility: hidden;
}
.details24 .details * {
top: 200px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.details24 .details h3 {
}
.details24 .details p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.details24:hover .details,
.details24:focus .details {
opacity: 1;
visibility: visible;
}
.details24:hover .details *,
.details24:focus .details * {
top: 0;
}  .details25 .details * {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.details25 .details {
opacity: 0;
}
.details25 .details h3 {
left: -100%;
}
.details25 .details p {
top: 30px;
}
.details25:hover .details,
.details25:focus .details {
visibility: visible;
opacity: 1;
}
.details25:hover .details h3,
.details25:focus .details h3 {
left: 0;
}
.details25:hover .details p,
.details25:focus .details p {
top: 0;
}  .details26 .details * {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.details26 .details {
opacity: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.details26 .details h3 {
left: -100%;
}
.details26 .details p {
left: 100%;
}
.details26:hover .details,
.details26:focus .details {
visibility: visible;
opacity: 1;
}
.details26:hover .details *,
.details26:focus .details * {
left: 0;
}  .details27:hover .details,
.details27:focus .details {
visibility: visible;
opacity: 1;
}
.details27 .details * {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
opacity: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.details27 .details {
opacity: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.details27 .details h3 {
}
.details27 .details p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.details27:hover .details *,
.details27:focus .details * {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}  .details28 .details {
opacity: 0;
}
.details28 .details * {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.details28 .details h3 {
}
.details28 .details p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.details28:hover .details,
.details28:focus .details {
visibility: visible;
opacity: 1;
}
.details28:hover .details *,
.details28:focus .details * {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}  .details29 .details {
}  .details30 .details {
}  .details31 .details {
height: auto;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.details31:hover .details,
.details31:focus .details {
top: 0;
}  .details32 .details {
height: auto;
top: auto;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.details32:hover .details,
.details32:focus .details {
bottom: 0;
}  .details33 .details {
height: auto;
top: auto;
bottom: -100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details33:hover .details,
.details33:focus .details {
bottom: 0;
}  .details34 .details {
height: auto;
top: -100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details34:hover .details,
.details34:focus .details {
top: 0;
}  .details35 .details {
height: auto;
left: -100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details35:hover .details,
.details35:focus .details {
left: 0;
}  .details36 .details {
height: auto;
left: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details36:hover .details,
.details36:focus .details {
left: 0;
}  .details37 .details {
height: auto;
top: auto;
bottom: 0;
left: -100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details37:hover .details,
.details37:focus .details {
left: 0;
}  .details38 .details {
height: auto;
top: auto;
bottom: 0;
left: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details38:hover .details,
.details38:focus .details {
left: 0;
}  .details39 .details {
height: auto;
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
-webkit-transform: perspective(600px) rotateX(-90deg);
-moz-transform: perspective(600px) rotateX(-90deg);
-ms-transform: perspective(600px) rotateX(-90deg);
-o-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.details39:hover .details,
.details39:focus .details {
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
-moz-transform: perspective(600px) rotateX(0deg);
-ms-transform: perspective(600px) rotateX(0deg);
-o-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
}  .details40 .details {
height: auto;
top: auto;
bottom: 0;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: perspective(600px) rotateX(90deg);
-moz-transform: perspective(600px) rotateX(90deg);
-ms-transform: perspective(600px) rotateX(90deg);
-o-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg);
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.details40:hover .details,
.details40:focus .details {
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
-moz-transform: perspective(600px) rotateX(0deg);
-ms-transform: perspective(600px) rotateX(0deg);
-o-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
}  .details41 .details {
height: auto;
top: auto;
bottom: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details41:hover .details,
.details41:focus .details {
bottom: 20px;
}  .details42 .details {
height: auto;
top: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details42:hover .details,
.details42:focus .details {
top: 20px;
}  .details43 .details {
height: auto;
top: auto;
bottom: 20px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.details43:hover .details,
.details43:focus .details {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}  .details44 .details {
height: auto;
top: 20px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.details44:hover .details,
.details44:focus .details {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
} .image01 .crp-tile-img,
.image02 .crp-tile-img,
.image03 .crp-tile-img,
.image04 .crp-tile-img,
.image05 .crp-tile-img,
.image06 .crp-tile-img,
.image07 .crp-tile-img {  transition-property: transform, filter, -webkit-filter;
transition-duration: .3s, .3s, .3s;
transition-delay: 0s, 0s, 0s;
}  .image-none .crp-tile-img {
}  .image01 .crp-tile-img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image01:hover .crp-tile-img,
.image01:focus .crp-tile-img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}  .image02 .crp-tile-img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.image02:hover .crp-tile-img,
.image02:focus .crp-tile-img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}  .image03 .crp-tile-img {
}
.image03:hover .crp-tile-img,
.image03:focus .crp-tile-img {
-webkit-filter: blur(2px);
filter: blur(2px);
}  .image04 .crp-tile-img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image04:hover .crp-tile-img,
.image04:focus .crp-tile-img {
-webkit-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}  .image05 .crp-tile-img {
}
.image05:hover .crp-tile-img,
.image05:focus .crp-tile-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}  .image06 .crp-tile-img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.image06:hover .crp-tile-img,
.image06:focus .crp-tile-img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}  .image07 .crp-tile-img {
}
.image07:hover .crp-tile-img,
.image07:focus .crp-tile-img {
-webkit-transform: rotate(5deg) scale(1.2);
-moz-transform: rotate(5deg) scale(1.2);
-ms-transform: rotate(5deg) scale(1.2);
-o-transform: rotate(5deg) scale(1.2);
transform: rotate(5deg) scale(1.2);
} .crp-tile-inner .share-panel {
display: block;
position: absolute;
width: auto;
height: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.crp-tile-inner .ic-share {
display: block;
position: relative;
float: left;
height: 40px;
width: 40px;
line-height: 40px;  text-align: center;
text-decoration: none;
border: 0px solid;
box-shadow: 0px;
opacity: 1;
}
.crp-tile-inner .ic-share:hover,
.crp-tile-inner .ic-share:focus {
opacity: .7;
}
.crp-tile-inner .ic-share i {
width: 40px;
margin-left: -20px;
line-height: 40px;
font-size: 16px;
text-decoration: none;
color: #fff;
}
.crp-tile-inner .ic-share.ic-facebook {
background-color: #3b5998;
transition-property: top, left, right, bottom, opacity;
transition-duration: .2s, .2s, .2s, .2s, .2s;
transition-delay: 0s, 0s, 0s, 0s, 0s; }
.crp-tile-inner .ic-share.ic-twitter {
background-color: #55acee;
transition-property: top, left, right, bottom, opacity;
transition-duration: .2s, .2s, .2s, .2s, .2s;
transition-delay: .1s, .1s, .1s, .1s, 0s; }
.crp-tile-inner .ic-share.ic-plus {
background-color: #dd4b39;
transition-property: top, left, right, bottom, opacity;
transition-duration: .2s, .2s, .2s, .2s, .2s;
transition-delay: .2s, .2s, .2s, .2s, 0s; }
.crp-tile-inner .ic-share.ic-pinterest {
background-color: #cc2127;
transition-property: top, left, right, bottom, opacity;
transition-duration: .2s, .2s, .2s, .2s, .2s;
transition-delay: .3s, .3s, .3s, .3s, 0s; }
.crp-tile-inner .ic-share.ic-linkedin {
background-color: #0976b4;
transition-property: top, left, right, bottom, opacity;
transition-duration: .2s, .2s, .2s, .2s, .2s;
transition-delay: .4s, .4s, .4s, .4s, 0s; }  .share-none .share-panel {
display: none;
}  .share01 .share-panel {
left: 0;
top: 0;
}
.share01 .ic-share {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}  .share02 .share-panel {
left: 0;
bottom: 0;
}
.share02 .ic-share {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}  .share03 .share-panel {
right: 0;
top: 0;
}
.share03 .ic-share {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}  .share04 .share-panel {
right: 0;
bottom: 0;
}
.share04 .ic-share {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}  .share05 .share-panel {
left: 0;
top: -40px;
}
.share05:hover .share-panel,
.share05:focus .share-panel {
left: 0;
top: 0;
}  .share06 .share-panel {
left: 0;
bottom: -40px;
}
.share06:hover .share-panel,
.share06:focus .share-panel {
left: 0;
bottom: 0;
}  .share07 .share-panel {
right: 0;
top: -40px;
}
.share07:hover .share-panel,
.share07:focus .share-panel {
right: 0;
top: 0;
}  .share08 .share-panel {
right: 0;
bottom: -40px;
}
.share08:hover .share-panel,
.share08:focus .share-panel {
right: 0;
bottom: 0;
}  .share09 .share-panel {
left: 0;
top: 0;
width: 40px;
max-width: 40px;
}
.share09 .ic-share {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}  .share10 .share-panel {
left: 0;
bottom: 0;
width: 40px;
max-width: 40px;
}
.share10 .ic-share {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}  .share11 .share-panel {
right: 0;
top: 0;
width: 40px;
max-width: 40px;
}
.share11 .ic-share {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}  .share12 .share-panel {
right: 0;
bottom: 0;
width: 40px;
max-width: 40px;
}
.share12 .ic-share {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}  .share13 .share-panel {
left: -40px;
top: 0;
width: 40px;
max-width: 40px;
}
.share13:hover .share-panel,
.share13:focus .share-panel {
left: 0;
top: 0;
}  .share14 .share-panel {
left: -40px;
bottom: 0;
width: 40px;
max-width: 40px;
}
.share14:hover .share-panel,
.share14:focus .share-panel {
left: 0;
bottom: 0;
}  .share15 .share-panel {
right: -40px;
top: 0;
width: 40px;
max-width: 40px;
}
.share15:hover .share-panel,
.share15:focus .share-panel {
right: 0;
top: 0;
}  .share16 .share-panel {
right: -40px;
bottom: 0;
width: 40px;
max-width: 40px;
}
.share16:hover .share-panel,
.share16:focus .share-panel {
right: 0;
bottom: 0;
}  .share17 .share-panel {
left: 0;
top: 0px;
}
.share17 .ic-share {
top: -40px;
}
.share17:hover .ic-share,
.share17:focus .ic-share {
top: 0;
}  .share18 .share-panel {
left: 0;
bottom: 0;
}
.share18 .ic-share {
bottom: -40px;
}
.share18:hover .ic-share,
.share18:focus .ic-share {
bottom: 0;
}  .share19 .share-panel {
right: 0;
top: 0;
}
.share19 .ic-share {
top: -40px;
}
.share19:hover .ic-share,
.share19:focus .ic-share {
top: 0;
}  .share20 .share-panel {
right: 0;
bottom: 0;
}
.share20 .ic-share {
bottom: -40px;
}
.share20:hover .ic-share,
.share20:focus .ic-share {
bottom: 0;
}  .share21 .share-panel {
left: 0px;
top: 0;
width: 40px;
max-width: 40px;
}
.share21 .ic-share {
left: -40px;
}
.share21:hover .ic-share,
.share21:focus .ic-share {
left: 0;
}  .share22 .share-panel {
left: 0;
bottom: 0;
width: 40px;
max-width: 40px;
}
.share22 .ic-share {
left: -40px;
}
.share22:hover .ic-share,
.share22:focus .ic-share {
left: 0;
}  .share23 .share-panel {
right: 0;
top: 0;
width: 40px;
max-width: 40px;
}
.share23 .ic-share {
right: -40px;
}
.share23:hover .ic-share,
.share23:focus .ic-share {
right: 0;
}  .share24 .share-panel {
right: 0;
bottom: 0;
width: 40px;
max-width: 40px;
}
.share24 .ic-share {
right: -40px;
}
.share24:hover .ic-share,
.share24:hover .ic-share {
right: 0;
}.crp-wrapper {
width: 100% !important;
height: auto !important;
}
.crp-wrapper .crp-tile-inner { overflow: hidden;
}
.crp-wrapper .crp-tile:hover {
cursor: pointer;
}
.crp-wrapper .crp-tile-img {
max-width: 9999em !important;
max-height: auto !important;
}.crp-hvr {
vertical-align: middle;
overflow: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}  .crp-hvr-grow {
}
.crp-hvr-grow:hover, .crp-hvr-grow:focus, .crp-hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .crp-hvr-shrink {
}
.crp-hvr-shrink:hover,
.crp-hvr-shrink:focus,
.crp-hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
} @-webkit-keyframes crp-hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes crp-hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.crp-hvr-pulse {
}
.crp-hvr-pulse:hover,
.crp-hvr-pulse:focus,
.crp-hvr-pulse:active {
-webkit-animation-name: crp-hvr-pulse;
animation-name: crp-hvr-pulse;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes crp-hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes crp-hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.crp-hvr-pulse-grow {
}
.crp-hvr-pulse-grow:hover,
.crp-hvr-pulse-grow:focus,
.crp-hvr-pulse-grow:active {
-webkit-animation-name: crp-hvr-pulse-grow;
animation-name: crp-hvr-pulse-grow;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes crp-hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes crp-hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.crp-hvr-pulse-shrink {
}
.crp-hvr-pulse-shrink:hover,
.crp-hvr-pulse-shrink:focus,
.crp-hvr-pulse-shrink:active {
-webkit-animation-name: crp-hvr-pulse-shrink;
animation-name: crp-hvr-pulse-shrink;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes crp-hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes crp-hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.crp-hvr-push {
}
.crp-hvr-push:hover,
.crp-hvr-push:focus,
.crp-hvr-push:active {
-webkit-animation-name: crp-hvr-push;
animation-name: crp-hvr-push;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes crp-hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes crp-hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.crp-hvr-pop {
}
.crp-hvr-pop:hover, .crp-hvr-pop:focus, .crp-hvr-pop:active {
-webkit-animation-name: crp-hvr-pop;
animation-name: crp-hvr-pop;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .crp-hvr-bounce-in {
}
.crp-hvr-bounce-in:hover,
.crp-hvr-bounce-in:focus,
.crp-hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .crp-hvr-bounce-out {
}
.crp-hvr-bounce-out:hover,
.crp-hvr-bounce-out:focus,
.crp-hvr-bounce-out:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .crp-hvr-rotate {
}
.crp-hvr-rotate:hover,
.crp-hvr-rotate:focus,
.crp-hvr-rotate:active {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
} .crp-hvr-grow-rotate {
}
.crp-hvr-grow-rotate:hover,
.crp-hvr-grow-rotate:focus,
.crp-hvr-grow-rotate:active {
-webkit-transform: scale(1.1) rotate(5deg);
transform: scale(1.1) rotate(5deg);
} .crp-hvr-float {
}
.crp-hvr-float:hover,
.crp-hvr-float:focus,
.crp-hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
} .crp-hvr-sink {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-sink:hover,
.crp-hvr-sink:focus,
.crp-hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes crp-hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes crp-hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes crp-hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes crp-hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.crp-hvr-bob {
}
.crp-hvr-bob:hover,
.crp-hvr-bob:focus,
.crp-hvr-bob:active {
-webkit-animation-name: crp-hvr-bob-float, crp-hvr-bob;
animation-name: crp-hvr-bob-float, crp-hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes crp-hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes crp-hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes crp-hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes crp-hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.crp-hvr-hang {
}
.crp-hvr-hang:hover,
.crp-hvr-hang:focus,
.crp-hvr-hang:active {
-webkit-animation-name: crp-hvr-hang-sink, crp-hvr-hang;
animation-name: crp-hvr-hang-sink, crp-hvr-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .crp-hvr-skew {
}
.crp-hvr-skew:hover,
.crp-hvr-skew:focus,
.crp-hvr-skew:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .crp-hvr-skew-forward {
}
.crp-hvr-skew-forward:hover,
.crp-hvr-skew-forward:focus,
.crp-hvr-skew-forward:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .crp-hvr-skew-backward {
}
.crp-hvr-skew-backward:hover,
.crp-hvr-skew-backward:focus,
.crp-hvr-skew-backward:active {
-webkit-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes crp-hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes crp-hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.crp-hvr-wobble-vertical {
}
.crp-hvr-wobble-vertical:hover,
.crp-hvr-wobble-vertical:focus,
.crp-hvr-wobble-vertical:active {
-webkit-animation-name: crp-hvr-wobble-vertical;
animation-name: crp-hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes crp-hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes crp-hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.crp-hvr-wobble-horizontal {
}
.crp-hvr-wobble-horizontal:hover,
.crp-hvr-wobble-horizontal:focus,
.crp-hvr-wobble-horizontal:active {
-webkit-animation-name: crp-hvr-wobble-horizontal;
animation-name: crp-hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes crp-hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes crp-hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.crp-hvr-wobble-to-bottom-right {
}
.crp-hvr-wobble-to-bottom-right:hover,
.crp-hvr-wobble-to-bottom-right:focus,
.crp-hvr-wobble-to-bottom-right:active {
-webkit-animation-name: crp-hvr-wobble-to-bottom-right;
animation-name: crp-hvr-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes crp-hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes crp-hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.crp-hvr-wobble-to-top-right {
}
.crp-hvr-wobble-to-top-right:hover, .crp-hvr-wobble-to-top-right:focus, .crp-hvr-wobble-to-top-right:active {
-webkit-animation-name: crp-hvr-wobble-to-top-right;
animation-name: crp-hvr-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes crp-hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes crp-hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.crp-hvr-wobble-top {
}
.crp-hvr-wobble-top:hover, .crp-hvr-wobble-top:focus, .crp-hvr-wobble-top:active {
-webkit-animation-name: crp-hvr-wobble-top;
animation-name: crp-hvr-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes crp-hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes crp-hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.crp-hvr-wobble-bottom {
}
.crp-hvr-wobble-bottom:hover, .crp-hvr-wobble-bottom:focus, .crp-hvr-wobble-bottom:active {
-webkit-animation-name: crp-hvr-wobble-bottom;
animation-name: crp-hvr-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes crp-hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes crp-hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.crp-hvr-wobble-skew {
}
.crp-hvr-wobble-skew:hover, .crp-hvr-wobble-skew:focus, .crp-hvr-wobble-skew:active {
-webkit-animation-name: crp-hvr-wobble-skew;
animation-name: crp-hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes crp-hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes crp-hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.crp-hvr-buzz {
}
.crp-hvr-buzz:hover, .crp-hvr-buzz:focus, .crp-hvr-buzz:active {
-webkit-animation-name: crp-hvr-buzz;
animation-name: crp-hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes crp-hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes crp-hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.crp-hvr-buzz-out {
}
.crp-hvr-buzz-out:hover, .crp-hvr-buzz-out:focus, .crp-hvr-buzz-out:active {
-webkit-animation-name: crp-hvr-buzz-out;
animation-name: crp-hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}  .crp-hvr-fade {
}
.crp-hvr-fade:hover, .crp-hvr-fade:focus, .crp-hvr-fade:active { } .crp-hvr-sweep-to-right {
}
.crp-hvr-sweep-to-right:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-sweep-to-right:hover, .crp-hvr-sweep-to-right:focus, .crp-hvr-sweep-to-right:active {
color: white;
}
.crp-hvr-sweep-to-right:hover:before, .crp-hvr-sweep-to-right:focus:before, .crp-hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .crp-hvr-sweep-to-left {
}
.crp-hvr-sweep-to-left:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-sweep-to-left:hover, .crp-hvr-sweep-to-left:focus, .crp-hvr-sweep-to-left:active {
color: white;
}
.crp-hvr-sweep-to-left:hover:before, .crp-hvr-sweep-to-left:focus:before, .crp-hvr-sweep-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .crp-hvr-sweep-to-bottom {
}
.crp-hvr-sweep-to-bottom:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-sweep-to-bottom:hover, .crp-hvr-sweep-to-bottom:focus, .crp-hvr-sweep-to-bottom:active {
color: white;
}
.crp-hvr-sweep-to-bottom:hover:before, .crp-hvr-sweep-to-bottom:focus:before, .crp-hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .crp-hvr-sweep-to-top {
}
.crp-hvr-sweep-to-top:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-sweep-to-top:hover, .crp-hvr-sweep-to-top:focus, .crp-hvr-sweep-to-top:active {
color: white;
}
.crp-hvr-sweep-to-top:hover:before, .crp-hvr-sweep-to-top:focus:before, .crp-hvr-sweep-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .crp-hvr-bounce-to-right {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.crp-hvr-bounce-to-right:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-bounce-to-right:hover, .crp-hvr-bounce-to-right:focus, .crp-hvr-bounce-to-right:active {
color: white;
}
.crp-hvr-bounce-to-right:hover:before, .crp-hvr-bounce-to-right:focus:before, .crp-hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .crp-hvr-bounce-to-left {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.crp-hvr-bounce-to-left:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-bounce-to-left:hover, .crp-hvr-bounce-to-left:focus, .crp-hvr-bounce-to-left:active {
color: white;
}
.crp-hvr-bounce-to-left:hover:before, .crp-hvr-bounce-to-left:focus:before, .crp-hvr-bounce-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .crp-hvr-bounce-to-bottom {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.crp-hvr-bounce-to-bottom:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-bounce-to-bottom:hover, .crp-hvr-bounce-to-bottom:focus, .crp-hvr-bounce-to-bottom:active {
color: white;
}
.crp-hvr-bounce-to-bottom:hover:before, .crp-hvr-bounce-to-bottom:focus:before, .crp-hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .crp-hvr-bounce-to-top {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.crp-hvr-bounce-to-top:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-bounce-to-top:hover, .crp-hvr-bounce-to-top:focus, .crp-hvr-bounce-to-top:active {
color: white;
}
.crp-hvr-bounce-to-top:hover:before, .crp-hvr-bounce-to-top:focus:before, .crp-hvr-bounce-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .crp-hvr-radial-out {
}
.crp-hvr-radial-out:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-radial-out:hover, .crp-hvr-radial-out:focus, .crp-hvr-radial-out:active {
color: white;
}
.crp-hvr-radial-out:hover:before, .crp-hvr-radial-out:focus:before, .crp-hvr-radial-out:active:before {
-webkit-transform: scale(2);
transform: scale(2);
} .crp-hvr-radial-in {
}
.crp-hvr-radial-in:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; border-radius: 100%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-radial-in:hover, .crp-hvr-radial-in:focus, .crp-hvr-radial-in:active {
color: white;
}
.crp-hvr-radial-in:hover:before, .crp-hvr-radial-in:focus:before, .crp-hvr-radial-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .crp-hvr-rectangle-in {
}
.crp-hvr-rectangle-in:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-rectangle-in:hover, .crp-hvr-rectangle-in:focus, .crp-hvr-rectangle-in:active {
color: white;
}
.crp-hvr-rectangle-in:hover:before, .crp-hvr-rectangle-in:focus:before, .crp-hvr-rectangle-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .crp-hvr-rectangle-out {
}
.crp-hvr-rectangle-out:before {
content: "";
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; -webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-rectangle-out:hover, .crp-hvr-rectangle-out:focus, .crp-hvr-rectangle-out:active {
color: white;
}
.crp-hvr-rectangle-out:hover:before, .crp-hvr-rectangle-out:focus:before, .crp-hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
} .crp-hvr-shutter-in-horizontal {
}
.crp-hvr-shutter-in-horizontal:before {
content: "";
position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0; -webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-shutter-in-horizontal:hover, .crp-hvr-shutter-in-horizontal:focus, .crp-hvr-shutter-in-horizontal:active {
color: white;
}
.crp-hvr-shutter-in-horizontal:hover:before, .crp-hvr-shutter-in-horizontal:focus:before, .crp-hvr-shutter-in-horizontal:active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
} .crp-hvr-shutter-out-horizontal {
}
.crp-hvr-shutter-out-horizontal:before {
content: "";
position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0; -webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-shutter-out-horizontal:hover, .crp-hvr-shutter-out-horizontal:focus, .crp-hvr-shutter-out-horizontal:active {
color: white;
}
.crp-hvr-shutter-out-horizontal:hover:before, .crp-hvr-shutter-out-horizontal:focus:before, .crp-hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .crp-hvr-shutter-in-vertical {
}
.crp-hvr-shutter-in-vertical:before {
content: "";
position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0; -webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-shutter-in-vertical:hover, .crp-hvr-shutter-in-vertical:focus, .crp-hvr-shutter-in-vertical:active {
color: white;
}
.crp-hvr-shutter-in-vertical:hover:before, .crp-hvr-shutter-in-vertical:focus:before, .crp-hvr-shutter-in-vertical:active:before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
} .crp-hvr-shutter-out-vertical {
}
.crp-hvr-shutter-out-vertical:before {
content: "";
position: absolute; top: 0;
bottom: 0;
left: 0;
right: 0; -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-shutter-out-vertical:hover, .crp-hvr-shutter-out-vertical:focus, .crp-hvr-shutter-out-vertical:active {
color: white;
}
.crp-hvr-shutter-out-vertical:hover:before, .crp-hvr-shutter-out-vertical:focus:before, .crp-hvr-shutter-out-vertical:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}  .crp-hvr-underline-from-left {
}
.crp-hvr-underline-from-left:before {
content: "";
position: absolute; left: 0;
right: 100%;
bottom: 0; height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-underline-from-left:hover:before, .crp-hvr-underline-from-left:focus:before, .crp-hvr-underline-from-left:active:before {
right: 0;
} .crp-hvr-underline-from-center {
}
.crp-hvr-underline-from-center:before {
content: "";
position: absolute; left: 50%;
right: 50%;
bottom: 0; height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-underline-from-center:hover:before, .crp-hvr-underline-from-center:focus:before, .crp-hvr-underline-from-center:active:before {
left: 0;
right: 0;
} .crp-hvr-underline-from-right {
}
.crp-hvr-underline-from-right:before {
content: "";
position: absolute; left: 100%;
right: 0;
bottom: 0; height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-underline-from-right:hover:before, .crp-hvr-underline-from-right:focus:before, .crp-hvr-underline-from-right:active:before {
left: 0;
} .crp-hvr-overline-from-left {
}
.crp-hvr-overline-from-left:before {
content: "";
position: absolute; left: 0;
right: 100%;
top: 0; height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-overline-from-left:hover:before, .crp-hvr-overline-from-left:focus:before, .crp-hvr-overline-from-left:active:before {
right: 0;
} .crp-hvr-overline-from-center {
}
.crp-hvr-overline-from-center:before {
content: "";
position: absolute; left: 50%;
right: 50%;
top: 0; height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-overline-from-center:hover:before, .crp-hvr-overline-from-center:focus:before, .crp-hvr-overline-from-center:active:before {
left: 0;
right: 0;
} .crp-hvr-overline-from-right {
}
.crp-hvr-overline-from-right:before {
content: "";
position: absolute; left: 100%;
right: 0;
top: 0; height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-overline-from-right:hover:before, .crp-hvr-overline-from-right:focus:before, .crp-hvr-overline-from-right:active:before {
left: 0;
} .crp-hvr-underline-reveal {
}
.crp-hvr-underline-reveal:before {
content: "";
position: absolute; left: 0;
right: 0;
bottom: 0; height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-underline-reveal:hover:before, .crp-hvr-underline-reveal:focus:before, .crp-hvr-underline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
} .crp-hvr-overline-reveal {
}
.crp-hvr-overline-reveal:before {
content: "";
position: absolute; left: 0;
right: 0;
top: 0; height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.crp-hvr-overline-reveal:hover:before, .crp-hvr-overline-reveal:focus:before, .crp-hvr-overline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}.ftg-filters *,
.ftg-filters *:after,
.ftg-filters *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.crp-wrapper .ftg-filters {
padding-bottom: 5px;
margin-bottom: 5px;
text-align: center;
}
.crp-wrapper .ftg-filters a {
position: relative;
display: inline-block;
min-width: 120px;
text-align: center;
font-size: 14px;
margin-right: 10px;
color: #666;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}
.ftg-filters a:hover,
.ftg-filters a:focus,
.ftg-filters a.selected {
outline: none;
} .crp-filter-style-1 a {
padding: 8px 0px;
border: 1px solid #666;
}
.crp-filter-style-1 a:hover,
.crp-filter-style-1 a.selected {
color: #000;
border: 1px solid #000;
text-decoration: none;
} .crp-filter-style-2 a {
padding: 8px 0;
}
.crp-filter-style-2 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
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);
}
.crp-filter-style-2 a:hover::after,
.crp-filter-style-2 a:focus::after,
.crp-filter-style-2 a.selected::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .crp-filter-style-3 a {
padding: 0 0 8px;
}
.crp-filter-style-3 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);
}
.crp-filter-style-3 a:hover::after,
.crp-filter-style-3 a:focus::after,
.crp-filter-style-3 a.selected::after {
height: 1px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .crp-filter-style-4 a {
padding: 8px 8px;
}
.crp-filter-style-4 a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.crp-filter-style-4 a::after {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
background: #fff;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.crp-filter-style-4 a:hover::before,
.crp-filter-style-4 a.selected::before {
top: 100%;
opacity: 1;
}
.crp-filter-style-4 a:hover::after,
.crp-filter-style-4 a.selected::after {
height: 100%;
} .crp-filter-style-5 a {
padding: 8px 8px 8px; }
.crp-filter-style-5 a::before,
.crp-filter-style-5 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #566473;
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);
}
.crp-filter-style-5 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;
}
.crp-filter-style-5 a:hover::before,
.crp-filter-style-5 a:hover::after,
.crp-filter-style-5 a:focus::before,
.crp-filter-style-5 a:focus::after,
.crp-filter-style-5 a.selected::before,
.crp-filter-style-5 a.selected::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.crp-filter-style-5 a:hover::after,
.crp-filter-style-5 a:focus::after,
.crp-filter-style-5 a.selected::after {
top: 0%;
opacity: 1;
} .crp-filter-style-6 a {
padding: 8px 8px;
}
.crp-filter-style-6 a::before,
.crp-filter-style-6 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;
}
.crp-filter-style-6 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);
}
.crp-filter-style-6 a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
}
.crp-filter-style-6 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%);
}
.crp-filter-style-6 a:hover::before,
.crp-filter-style-6 a:focus::before,
.crp-filter-style-6 a.selected::before {
height: 3px;
}
.crp-filter-style-6 a:hover::before,
.crp-filter-style-6 a:hover::after,
.crp-filter-style-6 a:focus::before,
.crp-filter-style-6 a:focus::after,
.crp-filter-style-6 a.selected::before,
.crp-filter-style-6 a.selected::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.crp-filter-style-6 a:hover span:last-child,
.crp-filter-style-6 a:focus span:last-child,
.crp-filter-style-6 a.selected span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
} .crp-filter-style-7 a {
height: 45px;
line-height: 45px;
}
.crp-filter-style-7 a::before,
.crp-filter-style-7 a::after {
position: absolute;
width: 45px;
height: 1px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.crp-filter-style-7 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;
}
.crp-filter-style-7 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;
}
.crp-filter-style-7 a:hover::before,
.crp-filter-style-7 a:hover::after,
.crp-filter-style-7 a:focus::before,
.crp-filter-style-7 a:focus::after,
.crp-filter-style-7 a.selected::before,
.crp-filter-style-7 a.selected::after {
opacity: 1;
}
.crp-filter-style-7 a:hover::before,
.crp-filter-style-7 a:focus::before ,
.crp-filter-style-7 a.selected::before {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.crp-filter-style-7 a:hover::after,
.crp-filter-style-7 a:focus::after,
.crp-filter-style-7 a.selected::after {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}.ftg-pages *,
.ftg-pages *:after,
.ftg-pages *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.crp-wrapper .ftg-pages {
padding-bottom: 5px;
margin-bottom: 5px;
text-align: center;
}
.crp-wrapper .ftg-pages a {
position: relative;
display: inline-block;
min-width: 50px;
text-align: center;
font-size: 14px;
margin-right: 10px;
color: #666;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}
.ftg-pages a:hover,
.ftg-pages a:focus,
.ftg-pages a.selected {
outline: none;
} .crp-pagination-style-1 a {
padding: 8px 0px;
border: 1px solid #666;
}
.crp-pagination-style-1 a:hover,
.crp-pagination-style-1 a.selected {
color: #000;
border: 1px solid #000;
text-decoration: none;
} .crp-pagination-style-2 a {
padding: 8px 0;
}
.crp-pagination-style-2 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
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);
}
.crp-pagination-style-2 a:hover::after,
.crp-pagination-style-2 a:focus::after,
.crp-pagination-style-2 a.selected::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .crp-pagination-style-3 a {
padding: 0 0 8px;
}
.crp-pagination-style-3 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);
}
.crp-pagination-style-3 a:hover::after,
.crp-pagination-style-3 a:focus::after,
.crp-pagination-style-3 a.selected::after {
height: 1px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .crp-pagination-style-4 a {
padding: 8px 8px;
}
.crp-pagination-style-4 a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.crp-pagination-style-4 a::after {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
background: #fff;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.crp-pagination-style-4 a:hover::before,
.crp-pagination-style-4 a.selected::before {
top: 100%;
opacity: 1;
}
.crp-pagination-style-4 a:hover::after,
.crp-pagination-style-4 a.selected::after {
height: 100%;
} .crp-pagination-style-5 a {
padding: 8px 8px 8px; }
.crp-pagination-style-5 a::before,
.crp-pagination-style-5 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #566473;
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);
}
.crp-pagination-style-5 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;
}
.crp-pagination-style-5 a:hover::before,
.crp-pagination-style-5 a:hover::after,
.crp-pagination-style-5 a:focus::before,
.crp-pagination-style-5 a:focus::after,
.crp-pagination-style-5 a.selected::before,
.crp-pagination-style-5 a.selected::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.crp-pagination-style-5 a:hover::after,
.crp-pagination-style-5 a:focus::after,
.crp-pagination-style-5 a.selected::after {
top: 0%;
opacity: 1;
} .crp-pagination-style-6 a {
padding: 8px 8px;
}
.crp-pagination-style-6 a::before,
.crp-pagination-style-6 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;
}
.crp-pagination-style-6 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);
}
.crp-pagination-style-6 a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
}
.crp-pagination-style-6 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%);
}
.crp-pagination-style-6 a:hover::before,
.crp-pagination-style-6 a:focus::before,
.crp-pagination-style-6 a.selected::before {
height: 3px;
}
.crp-pagination-style-6 a:hover::before,
.crp-pagination-style-6 a:hover::after,
.crp-pagination-style-6 a:focus::before,
.crp-pagination-style-6 a:focus::after,
.crp-pagination-style-6 a.selected::before,
.crp-pagination-style-6 a.selected::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.crp-pagination-style-6 a:hover span:last-child,
.crp-pagination-style-6 a:focus span:last-child,
.crp-pagination-style-6 a.selected span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
} .crp-pagination-style-7 a {
height: 45px;
line-height: 45px;
}
.crp-pagination-style-7 a::before,
.crp-pagination-style-7 a::after {
position: absolute;
width: 45px;
height: 1px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.crp-pagination-style-7 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;
}
.crp-pagination-style-7 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;
}
.crp-pagination-style-7 a:hover::before,
.crp-pagination-style-7 a:hover::after,
.crp-pagination-style-7 a:focus::before,
.crp-pagination-style-7 a:focus::after,
.crp-pagination-style-7 a.selected::before,
.crp-pagination-style-7 a.selected::after {
opacity: 1;
}
.crp-pagination-style-7 a:hover::before,
.crp-pagination-style-7 a:focus::before ,
.crp-pagination-style-7 a.selected::before {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.crp-pagination-style-7 a:hover::after,
.crp-pagination-style-7 a:focus::after,
.crp-pagination-style-7 a.selected::after {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//scalemodelyacht.com/wp-content/plugins/grid-kit-premium/css/viewer/owl-carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//scalemodelyacht.com/wp-content/plugins/grid-kit-premium/css/viewer/owl-carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.gkit-slider-layout {
position: relative;
}
.gkit-slider-layout a img,
.gkit-slider-layout a:hover img {
opacity: 1;
}
.gkit-slider-layout .owl-carousel {
width: auto;
}
.gkit-slider-layout .gkit-slider-cell{
position: relative;
}
.gkit-slider-layout .gkit-slider-image-wrapper {
overflow: hidden;
}
.gkit-slider-layout .gkit-slider-image{
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;     }
.gkit-slider-cell--content__image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.gkit-slider-layout .gkit-slider-overlay {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
opacity: 0;     display: block;
}
.gkit-slider-layout .gkit-slider-overlay-caption {
padding: 20px;
position: absolute;
text-decoration: none;
}
.gkit-slider-layout .gkit-slider-overlay-caption.gkit-info-opened {
overflow-y: scroll;
}
.gkit-slider-title + .gkit-slider-desc {
padding-top: 10px;
}
.gkit-slider-layout .gkit-slider-overlay-caption h3,
.gkit-slider-layout .gkit-slider-overlay-caption p {
display: block;
margin: 0;
}
.gkit-slider-layout .gkit-slider-overlay-caption .owl-icon {
display: inline-block;
}
.gkit-slider-layout .gkit-slider-ctrl-prev,
.gkit-slider-layout .gkit-slider-ctrl-next {
z-index: 2;
transform: translateY(-50%);
position: absolute;
text-align: center;
cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
display: block;
text-decoration: none;
}
.gkit-slider-layout .gkit-slider-ctrl-prev {
left: 0;
}
.gkit-slider-layout .gkit-slider-ctrl-next {
right: 0;
}
.gkit-slider-layout .gkit-slider-ctrl-prev,
.gkit-slider-layout .gkit-slider-ctrl-next,
.gkit-slider-layout .gkit-slider-ctrl-prev:hover,
.gkit-slider-layout .gkit-slider-ctrl-next:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: table;
color: rgba(0,0,0,0) !important;
}
.gkit-slider-layout .gkit-slider-ctrl-prev i,
.gkit-slider-layout .gkit-slider-ctrl-next i {
width: 100%;
left: 0;
top: 50%;
display: table-cell;
vertical-align: middle;  -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.gkit-slider-layout .gkit-slider-ctrl-prev i.fa-caret-left {
margin: 0 0 0 -2px;
}
.gkit-slider-layout .gkit-slider-ctrl-next i.fa-caret-right {
margin: 0 0 0 2px;
}
.gkit-slider-layout .gkit-slider-ctrl-prev i.fa-angle-left {
margin: -1px 0 0 -2px;
}
.gkit-slider-layout .gkit-slider-ctrl-next i.fa-angle-right {
margin: -1px 0 0 2px;
}
.gkit-slider-layout .gkit-slider-ctrl-prev i.fa-angle-double-left {
margin: -1px 0 0 -2px;
}
.gkit-slider-layout .gkit-slider-ctrl-next i.fa-angle-double-right {
margin: -1px 0 0 2px;
}
.gkit-slider-layout .gkit-slider-ctrl-prev i.fa-arrow-left {
margin: -1px 0 0 -2px;
}
.gkit-slider-layout .gkit-slider-ctrl-next i.fa-arrow-right {
margin: -1px 0 0 2px;
}
.gkit-slider-layout .gkit-slider-info-toggle {
position: absolute;
color: white;
width: 20px;
line-height: 20px;
height: 20px;
font-size: 16px;
text-align: center;
cursor: pointer;
display: none;
font-weight: bold;
padding-bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
.gkit-slider-layout .gkit-slider-info-hidden {
display: none!important;
}
.gkit-slider-layout .gkit-slider-overlay-caption.gkit-info-opened .gkit-slider-title,
.gkit-slider-layout .gkit-slider-overlay-caption.gkit-info-opened .gkit-slider-desc {
height: auto!important;
overflow-y: visible!important;
}
.gkit-slider-layout.gkit-slider-mobile .gkit-slider-info-toggle {
display: block;
margin: 0 3px 3px 0;
}
.gkit-slider-layout .owl-dots {
-webkit-tap-highlight-color: transparent;
text-align: center;
}
.gkit-slider-layout .owl-dots .owl-dot {
zoom: 1; display: inline-block;
background: none;
}
.gkit-slider-layout .owl-dots .owl-dot span {
width: 10px;
height: 10px;
line-height: 10px;
margin: 5px 5px;
background: #cccccc; -webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
display: block;
}
.gkit-slider-layout .owl-dot,
.gkit-slider-layout .owl-dot:active,
.gkit-slider-layout .owl-dot:focus {
outline: none;
}
.gkit-slider-layout .gkit-slider-onslide-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.gkit-slider-cell--content:not([data-url=""]) {
cursor: pointer;
}
.gkit-slider-cell--content {
overflow: hidden;
box-sizing:border-box;
position: relative;
}
.gkit-slider-layout .gkit-slider-onslide-content .gkit-slider-onslide-details{
position: absolute;
width: 100%;
}
.gkit-slider-layout .gkit-slider-onslide-content .gkit-slider-button {
color: white;
text-decoration: none;
box-shadow: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transition: opacity 0.1s ease-in;
-moz-transition: opacity 0.1s ease-in;
-ms-transition: opacity 0.1s ease-in;
-o-transition: opacity 0.1s ease-in;
transition: opacity 0.1s ease-in;
}
.gkit-slider-layout .gkit-slider-onslide-content .gkit-slider-button-icon {
width: 40px;
height: 40px;
background-color: rgba(0,0,0,0.6);
}
.gkit-slider-layout .gkit-slider-onslide-content .gkit-slider-button-icon i {
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
position: absolute;
}
.owl-item {
box-sizing: border-box;
}
.gkit-slider-carousel-layout.gkit-slider-mobile .gkit-slider-ctrl {
display: none;
}
.gkit-slider-carousel-layout.gkit-slider-mobile .owl-carousel {
padding-left: 0!important;
padding-right: 0!important;
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}.gallery-11 div:not(.crp-catalog-widget,.crp-catalog-widget-item){margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.gallery-11 .ftg-pages{float:right}.gallery-11 #crp_preloader .crp_progress_loaded{border-bottom:2px solid #5c9b30!important}.gallery-11 .crp-smooth-loader i{color:#5c9b30!important}.gallery-11 .ftg-pages a{color:#969696;border-color:#969696;text-decoration:none!important}.gallery-11 .ftg-pages a::after,.gallery-11 .ftg-pages a::before{background-color:#969696}.gallery-11 .ftg-pages a:hover,.gallery-11 .ftg-pages a.selected,.gallery-11 .ftg-pages a.selected{color:#1e73be;border-color:#1e73be}.gallery-11 .ftg-pages a:hover::after,.gallery-11 .ftg-pages a.selected::after,.gallery-11 .ftg-pages a.selected::after,.gallery-11 .ftg-pages a:hover::before,.gallery-11 .ftg-pages a.selected::before,.gallery-11 .ftg-pages a.selected::before{background-color:#1e73be}.gallery-11 .ftg-filters a{color:#969696;border-color:#969696;text-decoration:none!important}.gallery-11 .ftg-filters a::after,.gallery-11 .ftg-filters a::before{background-color:#969696}.gallery-11 .ftg-filters a:focus{background-color:transparent!important}.gallery-11 .ftg-filters a:hover,.gallery-11 .ftg-filters a.selected,.gallery-11 .ftg-filters a.selected{color:#1e73be;border-color:#1e73be}.gallery-11 .ftg-filters a:hover::after,.gallery-11 .ftg-filters a.selected::after,.gallery-11 .ftg-filters a.selected::after,.gallery-11 .ftg-filters a:hover::before,.gallery-11 .ftg-filters a.selected::before,.gallery-11 .ftg-filters a.selected::before{background-color:#1e73be}.gallery-11 .crp-tile:hover{cursor:pointer!important}.ui-widget-content[aria-describedby=crp-product-enquiry-dialog-11],.ui-widget-content[aria-describedby=crp-success-dialog-11]{z-index:20000}.ui-widget-content[aria-describedby=crp-product-enquiry-dialog-11] .ui-dialog-titlebar .ui-dialog-titlebar-close{float:right;background:none;font-size:18px;padding:.4em;outline:0;border:0;cursor:pointer}.ui-widget-content[aria-describedby=crp-product-enquiry-dialog-11] .ui-dialog-titlebar{border-bottom:1px solid #eee!important;padding:15px!important}.ui-widget-content[aria-describedby=crp-product-enquiry-dialog-11] .ui-dialog-title{font-weight:bold!important}.ui-widget-content[aria-describedby=crp-product-enquiry-dialog-11] .crp-submit-btn,.ui-widget-content[aria-describedby=crp-success-dialog-11] .crp-close-btn{width:100px}.ui-widget-content[aria-describedby=crp-success-dialog-11] .ui-dialog-titlebar{display:none!important}.ui-widget-content[aria-describedby=crp-success-dialog-11] .crp-close-btn{width:100px}#crp-content-11 .crp-catalog-widget.gkit-mobile-880{height:91px!important}#crp-content-11 .crp-catalog-widget-item select,#crp-content-11 .crp-catalog-widget-item input[type=text]{color:#969696!important;border-color:#969696!important}#crp-content-11 .crp-catalog-widget-item select:hover,#crp-content-11 .crp-catalog-widget-item input[type=text]:hover{color:#1e73be!important;border-color:#1e73be!important}#crp-content-11 .crp-catalog-widget-item select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='#969696'><polygon points='0,0 14,0 7, 7'/></svg>")}#crp-content-11 .crp-catalog-widget-item select:hover{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='#1e73be'><polygon points='0,0 14,0 7, 7'/></svg>")}#crp-content-11 .crp-catalog-widget-item input[type=text]{background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id=Capa_1 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16" height="16" viewBox="0 0 250.313 250.313" style="enable-background:new 0 0 250.313 250.313;" xml:space="preserve"> <g id="Search"> <path fill="#969696" style="fill-rule:evenodd;clip-rule:evenodd;" d="M244.186,214.604l-54.379-54.378c-.289-.289-.628-.491-.93-.76 c10.7-16.231,16.945-35.66,16.945-56.554C205.822,46.075,159.747,0,102.911,0S0,46.075,0,102.911 c0,56.835,46.074,102.911,102.91,102.911c20.895,0,40.323-6.245,56.554-16.945c0.269,.301,.47,.64,.759,.929l54.38,54.38 c8.169,8.168,21.413,8.168,29.583,0C252.354,236.017,252.354,222.773,244.186,214.604z M102.911,170.146 c-37.134,0-67.236-30.102-67.236-67.235c0-37.134,30.103-67.236,67.236-67.236c37.132,0,67.235,30.103,67.235,67.236 C170.146,140.044,140.043,170.146,102.911,170.146z"/> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>')}#crp-content-11 .crp-catalog-widget-item input[type=text]:hover{background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id=Capa_1 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16" height="16" viewBox="0 0 250.313 250.313" style="enable-background:new 0 0 250.313 250.313;" xml:space="preserve"> <g id="Search"> <path fill="#1e73be" style="fill-rule:evenodd;clip-rule:evenodd;" d="M244.186,214.604l-54.379-54.378c-.289-.289-.628-.491-.93-.76 c10.7-16.231,16.945-35.66,16.945-56.554C205.822,46.075,159.747,0,102.911,0S0,46.075,0,102.911 c0,56.835,46.074,102.911,102.91,102.911c20.895,0,40.323-6.245,56.554-16.945c0.269,.301,.47,.64,.759,.929l54.38,54.38 c8.169,8.168,21.413,8.168,29.583,0C252.354,236.017,252.354,222.773,244.186,214.604z M102.911,170.146 c-37.134,0-67.236-30.102-67.236-67.235c0-37.134,30.103-67.236,67.236-67.236c37.132,0,67.235,30.103,67.235,67.236 C170.146,140.044,140.043,170.146,102.911,170.146z"/> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>')}.gallery-11 .crp-tile .crp-tile-inner .overlayM,.gallery-11 .crp-tile .crp-tile-inner .overlayT,.gallery-11 .crp-tile .crp-tile-inner .overlayB,.gallery-11 .crp-tile .crp-tile-inner .overlayL,.gallery-11 .crp-tile .crp-tile-inner .overlayR{background-color:rgba(255,255,255,.65098039215686)!important}.gallery-11 .crp-tile .crp-tile-inner.crp-details-bg .details{background-color:rgba(255,255,255,.65098039215686)!important}.gallery-11 .crp-tile .crp-tile-inner .ic-link,.gallery-11 .crp-tile .crp-tile-inner .ic-search{background-color:rgba(255,255,255,.73333333333333)!important;color:#000}.gallery-11 .crp-tile .crp-tile-inner .ic-link i,.gallery-11 .crp-tile .crp-tile-inner .ic-search i{color:#000}.gallery-11 .crp-tile .crp-tile-inner .ic-link::after,.gallery-11 .crp-tile .crp-tile-inner .ic-search::after,.gallery-11 .crp-tile .crp-tile-inner .ic-link::before,.gallery-11 .crp-tile .crp-tile-inner .ic-search::before{background-color:rgba(255,255,255,1)!important;color:#000}.gallery-11 .crp-tile .details h3{color:#424242;text-align:center;font-size:18px;line-height:20px;font-weight:normal}.gallery-11 .crp-tile .details p{color:#424242;text-align:center;font-size:13px;line-height:15px;font-weight:normal}.gallery-11 .crp-tile .crp-tile-inner.crp-has-custom-link.crp-has-fb-link .ic-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-custom-link.crp-has-fb-link .ic-link{margin-left:-45px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-has-custom-link.crp-has-fb-link .ic-link.ic-fb-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-custom-link.crp-has-fb-link .ic-link.ic-fb-link{margin-left:5px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-has-custom-link.crp-has-ln-link .ic-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-custom-link.crp-has-ln-link .ic-link{margin-left:-45px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-has-custom-link.crp-has-ln-link .ic-link.ic-ln-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-custom-link.crp-has-ln-link .ic-link.ic-ln-link{margin-left:5px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-has-fb-link.crp-has-ln-link .ic-link.ic-fb-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-fb-link.crp-has-ln-link .ic-link.ic-fb-link{margin-left:-45px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-has-fb-link.crp-has-ln-link .ic-link.ic-ln-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-fb-link.crp-has-ln-link .ic-link.ic-ln-link{margin-left:5px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-has-custom-link.crp-has-fb-link.crp-has-ln-link .ic-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-custom-link.crp-has-fb-link.crp-has-ln-link .ic-link{margin-left:-70px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-has-custom-link.crp-has-fb-link.crp-has-ln-link .ic-link.ic-fb-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-custom-link.crp-has-fb-link.crp-has-ln-link .ic-link.ic-fb-link{margin-left:-20px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-has-custom-link.crp-has-fb-link.crp-has-ln-link .ic-link.ic-ln-link,.gallery-11 .crp-tile:hover .crp-tile-inner.crp-has-custom-link.crp-has-fb-link.crp-has-ln-link .ic-link.ic-ln-link{margin-left:30px!important}.gallery-11 .crp-tile .crp-tile-inner.crp-fix-explore-icon-pos .ic-search{margin-left:-20px!important}#colorbox,#cboxOverlay{z-index:9999999}body.lg-on{text-align:left!important}.fixed-size.lg-outer .lg-sub-html h4{text-align:center}.fixed-size.lg-outer .lg-sub-html p{display:none}.fixed-size.lg-outer .lg-inner{background-color:none!important}.fixed-size.lg-outer .lg-sub-html{position:absolute;text-align:center;margin:0 auto}.fixed-size.fixed-size-11.lg-outer .lg-sub-html{top:0;bottom:auto!important;background:transparent!important;width:50%}.fixed-size.fixed-size-11.lg-outer .lg-inner .lg-img-wrap{padding:40px 5px 10px 5px}.fixed-size.lg-outer .lg-toolbar{background-color:transparent;height:0}.fixed-size.lg-outer .lg-toolbar .lg-icon{color:#FFF}.crp-popup-fixed-theme-light.lg-outer .lg-inner{border:1px solid #b3b3b3}.crp-popup-full-theme-light.lg-outer .lg-toolbar{background-color:rgba(255,255,255,.7);-webkit-box-shadow:grey 0 0 15px 0;-moz-box-shadow:grey 0 0 15px 0;box-shadow:grey 0 0 15px 0}.crp-popup-full-theme-light.lg-outer .lg-actions .lg-prev,.crp-popup-full-theme-light.lg-outer .lg-actions .lg-next{background-color:rgba(255,255,255,.7);border:1px solid #b3b3b3}.crp-popup-full-theme-light.lg-outer .lg-toogle-thumb,.crp-popup-full-theme-light.lg-outer #lg-counter,.crp-popup-full-theme-light.lg-outer .lg-toolbar .lg-icon,.crp-popup-full-theme-light.lg-outer .lg-actions .lg-prev,.crp-popup-full-theme-light.lg-outer .lg-actions .lg-next{color:grey}.crp-popup-simple-theme-light.lg-outer .lg-actions .lg-prev,.crp-popup-simple-theme-light.lg-outer .lg-actions .lg-next{background-color:rgba(255,255,255,.7);color:gray;border:1px solid gray}.crp-popup-simple-theme-light.lg-outer #lg-counter,.crp-popup-simple-theme-light.lg-outer .lg-toolbar .lg-icon{color:gray}.crp-popup-simple-theme-light.lg-outer .lg-toolbar .lg-close:hover,.crp-popup-simple-theme-light.lg-outer .lg-actions .lg-prev:hover,.crp-popup-simple-theme-light.lg-outer .lg-actions .lg-next:hover{color:#303030}.crp-popup-simple-theme-light.lg-outer .lg-sub-html *,.crp-popup-full-theme-light.lg-outer .lg-toolbar .lg-icon:hover,.crp-popup-full-theme-light.lg-outer .lg-actions .lg-prev:hover,.crp-popup-full-theme-light.lg-outer .lg-actions .lg-next:hover,.crp-popup-full-theme-light.lg-outer .lg-toogle-thumb:hover{color:rgb(66,66,66)}.crp-popup-full-theme-light.lg-outer .lg-sub-html{background-color:rgba(255,255,255,.7);-webkit-box-shadow:grey 0 0 15px 0;-moz-box-shadow:grey 0 0 15px 0;box-shadow:grey 0 0 15px 0}.crp-popup-full-theme-light.lg-outer .lg-sub-html *{color:#303030}.crp-popup-fixed-theme-light.lg-outer .lg-actions .lg-prev,.crp-popup-fixed-theme-light.lg-outer .lg-actions .lg-next{background-color:rgba(255,255,255,.7)!important;color:grey}.crp-popup-fixed-theme-light.lg-outer .lg-actions .lg-prev:hover,.crp-popup-fixed-theme-light.lg-outer .lg-actions .lg-next:hover,.crp-popup-fixed-theme-light.lg-outer .lg-toolbar .lg-icon:hover{color:#303030}.crp-popup-fixed-theme-dark.lg-outer .lg-actions .lg-prev,.crp-popup-fixed-theme-dark.lg-outer .lg-actions .lg-next{color:#cbcbcb}.crp-popup-fixed-theme-dark.lg-outer .lg-actions .lg-prev:hover,.crp-popup-fixed-theme-dark.lg-outer .lg-actions .lg-next:hover,.crp-popup-fixed-theme-dark.lg-outer .lg-toolbar .lg-icon:hover{color:#fff}.crp-popup-fixed-theme-light.lg-outer .lg-sub-html{background-color:rgba(255,255,255,.7)!important;margin:1px}.crp-popup-fixed-theme-light.lg-outer .lg-sub-html *{color:#303030!important}.crp-popup-fixed-theme-light.lg-outer .lg-inner{background-color:#fff}.crp-popup-full-theme-light.lg-outer .lg-toogle-thumb{background-color:rgba(255,255,255,.5);border:1px solid #b3b3b3;border-bottom:none!important}.crp-popup-full-theme-dark.lg-outer .lg-toogle-thumb{background-color:rgba(0,0,0,.5)}.crp-full-popup.lg-outer .lg-toolbar a{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;text-decoration:none!important}.crp-popup-full-theme-light.lg-outer.lg-thumb-open .lg-thumb-outer{background-color:#fff;-webkit-box-shadow:grey 2px 2px 20px 2px;-moz-box-shadow:grey 2px 2px 20px 2px;box-shadow:grey 2px 2px 20px 2px}.crp-popup-full-theme-light.lg-outer .lg-thumb-outer .lg-thumb-item{border:1px solid #999!important}.crp-popup-full-theme-light.lg-outer .lg-thumb-outer .lg-thumb-item.active{border:1px solid #a90707!important}.fixed-size-frame.lg-outer .lg-img-wrap{padding:0 0 8px 0!important}.lg-pager-thumb-cont{display:none!important}.lg-thumb-item{cursor:pointer!important}.lg-backdrop.crp-3-popup-backdrop{opacity:.7!important}.lg-backdrop.crp-2-popup-backdrop{opacity:.85!important}.lg-backdrop.crp-1-popup-backdrop{opacity:1!important}.fixed-size-frame.lg-outer .lg-close{margin:-20px -20px 0 0!important;width:40px;height:40px;padding-top:5px!important}.crp-popup-fixed-theme-light.lg-outer .lg-close{background-color:rgb(255,255,255);border:1px solid #b3b3b3;color:#b3b3b3}.crp-popup-fixed-theme-dark.lg-outer .lg-close{background-color:rgba(0,0,0,.7);border:1px solid #000;color:#cbcbcb}.fixed-size-frame.lg-outer .lg{overflow:visible!important}.fixed-size-frame.lg-outer .lg-inner{overflow:hidden!important}.crp-popup-thumbs-grid.lg-outer .lg-thumb{padding:10px!important;max-height:250px;overflow-y:scroll}.lg-outer .lg-pager-outer{top:64px!important;bottom:auto!important}@media(max-width:750px){.crp-popup-fixed-theme-light.lg-outer .lg-close{margin:0!important;background-color:rgba(255,255,255,0);border:0 solid #b3b3b3;color:#b3b3b3;width:45px;height:45px;padding-top:10px!important}.crp-popup-fixed-theme-dark.lg-outer .lg-close{margin:0!important;background-color:rgba(255,255,255,0);border:0 solid #b3b3b3;color:#fff;width:45px;height:45px;padding-top:10px!important}}body {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4f5d75;
word-wrap: break-word;
background-color: #fafbff;
line-height: 1.9;
font-weight: 400;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #2d3142;
font-family: 'Noto Sans', sans-serif;
margin-top: 20px;
margin-bottom: 20px;
line-height: 1.2;
}
p {
margin-bottom: 15px;
}
*:focus {
outline: 0 !important;
}
blockquote {
border-left: 5px solid #e5eaf5;
padding: 15px;
background: #fafafd;
}
a {
outline: 0 !important;
color: #3772fe;
-webkit-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
a:hover , a:focus , a:active {
text-decoration: none;
outline: 0 !important;
}
table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #e0e0e0;
}
th {
background-color: #f9f9f9;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
padding: 10px;
vertical-align: top;
font-weight: 400;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
border: 1px solid #dddddd;
}
pre {
background-color: #f9f9f9;
padding: 15px;
}
.so-panel .widget-title {
text-transform: uppercase;
margin-bottom: 60px;
font-size: 30px;
text-align: center;
}
.more-link a {
font-size: 16px;
color: #3772fe;
}
input {
max-width: 100%;
border: 2px solid #e5eaf5;
padding: 12px 15px;
border-radius: 5px;
font-size: 16px;
color: #4f5d75;
}
textarea {
width: 100%;
border: 2px solid #e5eaf5;
padding: 10px 15px;
border-radius: 5px;
font-size: 16px;
color: #4f5d75;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce button.single_add_to_cart_button.button {
background-color: #7261EE;
color: #fff;
font-size: 13px;
border: 0;
text-transform: uppercase;
padding: 15px 30px;
display: inline-block;
font-weight: bold;
border-radius: 5px;
transition: all 300ms ease 0s;
line-height: 1.9;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.woocommerce button.single_add_to_cart_button.button:hover {
-webkit-box-shadow: 0px 0px 40px 0px rgba(114,97,238,0.54);
-moz-box-shadow: 0px 0px 40px 0px rgba(114,97,238,0.54);
box-shadow: 0px 0px 40px 0px rgba(114,97,238,0.54);
color: #fff;
background-color: #7261EE;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
.white-btn.button {
background-color: #fff;
color: #2d3142;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
}
.white-btn.button:hover {
color: #2d3142;
background-color: #fff;
box-shadow: 0px 0px 40px 0px rgba(255,255,255,0.3);
}
input:focus {
background: #FAFBFF;
}
textarea:focus {
background: #FAFBFF;
}
input::-webkit-input-placeholder {
color: #4f5d75 !important;
opacity: 1 !important;
}
input:-moz-placeholder {
color: #4f5d75 !important;
opacity: 1 !important;
}
input::-moz-placeholder {
color: #4f5d75 !important;
opacity: 1 !important;
}
input:-ms-input-placeholder {
color: #4f5d75 !important;
opacity: 1 !important;
}
textarea::-webkit-input-placeholder {
color: #4f5d75 !important;
opacity: 1 !important;
}
textarea:-moz-placeholder {
color: #4f5d75 !important;
opacity: 1 !important;
}
textarea::-moz-placeholder {
color: #4f5d75 !important;
opacity: 1 !important;
}
textarea:-ms-textarea-placeholder {
color: #4f5d75 !important;
opacity: 1 !important;
}  .is-sticky .site-header {
z-index: 1000 !important;
}
.admin-bar .is-sticky .site-header {
top: 32px !important;
}
.main-header {
padding: 15px 0;
-webkit-box-shadow: 0px 5px 22px -5px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 5px 22px -5px rgba(122,122,122,0.1);
box-shadow: 0px 5px 22px -5px rgba(122,122,122,0.1);
-webkit-backface-visibility: hidden;
}
.main-header .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.site-title {
font-size: 36px;
margin: 0;
}
.site-description {
margin-top: 10px;
margin-bottom: 0;
}
.site-description:empty {
margin-top: 0;
}
.main-header .logo-box {
padding: 18px 0;
}  .site-footer {
background: #2E3142;
padding: 120px 0;
position: relative;
z-index: 11;
}
.footer-widgets .widget {
margin-bottom: 30px;
}
.footer-widgets .widget:last-of-type {
margin-bottom: 0;
}
.site-footer .widget-title {
color: #fff;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 0;
}
.site-footer a {
color: #4f5d75;
}
.site-footer a:hover {
color: #fff;
}
.site-footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-navigation,
.site-info {
margin-top: 40px;
}
.footer-navigation {
text-align: right;
}
.footer-navigation li {
display: inline-block;
margin: 3px 5px;
}  .section-button {
clear: both;
display: table;
margin: 80px auto 0;
}
.main-slider {
margin-bottom: 0 !important;
}
.main-slider .slick-slide {
position: relative !important;
}
.main-slider .slider-item img {
width: 100%;
}
.main-slider-caption {
position: absolute;
left: 0;
right: 0;
top: 30%;
margin: auto;
}
.main-slider-caption > div {
width: 60%;
}
.main-slider-caption h1 {
font-size: 42px;
text-transform: uppercase;
color: #fff;
margin-bottom: 30px;
}
.main-slider-caption p {
font-size: 16px;
color: #fff;
margin-bottom: 30px;
}
.services-section {
text-align: center;
}
.services-section .services-item {
text-align: center;
padding: 30px;
width: 32%;
display: inline-block;
position: relative;
vertical-align: top;
}
.services-section .services-item:before {
content: "";
position: absolute;
top: auto;
width: 100%;
height: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
z-index: -1;
}
.services-section .services-item:hover:before {
height: 100%;
}
.services-section.two-cols .services-item {
width: 49%;
}
.services-section .services-item .services-thumb {
margin-bottom: 25px;
text-align: center;
}
.services-section .services-item .services-icon {
text-align: center;
max-height: 60px;
margin-bottom: 25px;
}
.services-section .services-item .services-icon i {
font-size: 60px;
color: #2d3142;
}
.services-section .services-item .service-name {
margin-bottom: 25px;
}
.services-section .services-item .service-name h3 {
font-size: 18px;
color: #2d3142;
}
.services-section .services-item .service-text {
margin-bottom: 23px;
}
.services-section .services-item .service-link a {
font-size: 16px;
transition: all 300ms ease 0s;
}
.button-wrapper .button {
display: inline-block;
margin: 3px;
}
.pricing-section .col-md-4 {
margin-bottom: 15px;
}
.plan-item {
position: relative;
top: 0;
text-align: center;
padding: 65px 45px;
border-radius: 5px;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
position: relative;
background-color: #fff;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.plan-item:hover {
top: -3px;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4);	
}
.plan-icon {
text-align: center;
max-height: 60px;
margin-bottom: 35px;
}
.plan-icon i {
font-family: "et-line";
font-size: 60px;
color: #7261EE;
}
.plan-text h3 {
font-size: 24px;
color: #2d3142;
margin-bottom: 20px;
}
.plan-text p {
font-size: 16px;
line-height: 26px;
color: #4f5d75;
margin-bottom: 15px;
}
.plan-price p {
font-size: 48px;
color: #2d3142;
margin-bottom: 15px;
}
.plan-price p span {
font-size: 32px;
}
.featured-plan-symbol {
display: none;
}
.featured-plan .featured-plan-symbol {
display: block;
position: absolute;
top: 0;
left: 0;
line-height: 1;
font-size: 24px;
color: #a4a5b1;	
}
.fps-bg {
position: absolute;
width: 0; 
height: 0; 
border-bottom: 60px solid transparent;
border-left: 60px solid #eeeff3;
}
.fps-icon {
position: relative;
z-index: 11;
top: 6px;
left: 6px;
}
.team-section {
text-align: center;
}
.team-item {
display: inline-block;
vertical-align: top;
width: 24%;
text-align: center;
padding: 60px 15px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: relative;
transition: all 300ms ease 0s;
z-index: 11;
position: relative;
margin: 15px 0;
}
.team-item:before {
content: "";
position: absolute;
top: auto;
width: 100%;
height: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
z-index: -1;
}
.team-item:hover:before {
height: 100%;
}
.team-item-img {
margin: 0 35px 30px 35px;
overflow: hidden;
}
.team-item-img img {
border-radius: 50%;
}
.team-item-name h3 {
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
}
.team-item-name h3 a,
.team-social a {
color: #2d3142;	
}
.team-social a:hover {
color: #7261EE;
}
.team-social i {
font-size: 24px;
margin: 3px;
}
.team-item-name p {
font-size: 13px;
}
.team-section.style2 .team-item {
position: relative;
top: 0;
width: 48%;
padding: 30px;
background-color: #fff;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
margin: 0.5% 0.3%;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.team-section.style2 .team-item:hover {
top: -3px;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4);	
}
.team-section.style2 .team-item::before {
display: none;
}
.team-section.style2 .team-item-img {
margin: 15px 0 0;
width: 30%;
float: left;
}
.team-section.style2 .team-inner {
width: 70%;
float: left;
}
.team-section.style2 .team-inner {
text-align: left;
padding-left: 30px;
}
.team-section.style3 .team-item {
width: 32%;
margin: 15px 0 0;
padding: 0;
}
.team-section.style3 .team-item-img {
margin: 0;
}
.team-section.style3 .team-item-img img {
border-radius: 0;
}
.team-section.style3 .team-inner {
position: absolute;
bottom: 10%;
width: 80%;
left: 10%;
background-color: #fff;
padding: 15px;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.team-section.style3 .team-item:hover .team-inner {
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.4);
bottom: 10.5%;
}
.team-section.style3 .team-item:before {
display: none;
}
.timeline-section .slick-dotted.slick-slider {
margin-bottom: 0;
}
.timeline-section ul.slick-dots {
position: static;
margin-top: 30px;
}
.timeline-section .slick-dots li button:before {
border-color: #d2d7e4;
width: 18px;
border-radius: 0;
height: 8px;
}
.timeline-section .slick-dots li.slick-active button:before {
background-color: #d2d7e4;
}
.timeline-item {
text-align: center;
}
.timeline-item:nth-of-type(odd) {
border-bottom: 8px solid #E6EAF5;
}
.timeline-item:nth-of-type(even) {
border-top: 8px solid #E6EAF5;
}
.timeline-item h4 {
margin-bottom: 7px;
margin-top: 0;
}
.timeline-item p {
font-size: 13px;
margin-bottom: 0;
}
.timeline-item::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
background-color: #6F60ED;
left: 0;
right: 0;
margin: auto;
border: 4px solid #E6EAF5;
border-radius: 50%;
z-index: 12 !important;
transition: all 300ms ease 0s;
}
.timeline-item:nth-of-type(odd)::before {
bottom: -12px;
}
.timeline-item:nth-of-type(even)::before {
top: -11px;
}
.timeline-item:hover:before {
border: none;
}
.timeline-item:nth-of-type(odd) .timeline-inner {
}
.timeline-item:nth-of-type(even) .timeline-inner {
margin-top: 30px;
}
.talon-contact-map {
position: relative;
}
.map-contact {
height: 300px;
}
.talon-contact-map .contact-data {
position: absolute;
top: 120px;
max-width: 700px;
}
.talon-contact-map .wpcf7-submit {
width: 100%;
}
.talon-contact-map .contact-data {
background-color: #fff;
padding: 80px 70px;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
}
.talon-contact-map .row {
margin-bottom: 30px;
}
.facts-section {
text-align: center;
}
.facts-item {
display: inline-block;
width: 24%;
text-align: center;
vertical-align: top;
}
.facts-icon {
text-align: center;
font-size: 60px;
margin-bottom: 25px;
line-height: 1;
}
.facts-text span {
display: block;
font-size: 32px;
margin-bottom: 10px;
line-height: 1;
}
.facts-text p {
font-size: 14px;
}
.testimonials-box {
padding: 70px;
background: #fff;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
}
.testimonials-box .slick-dotted.slick-slider {
margin-bottom: 0 !important;
}
.testimonials-box .slick-dots {
text-align: right;
bottom: 0;
right: -2px;
width: 200px;
padding-top: 20px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.84) 36%, rgba(255,255,255,1) 43%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.84) 36%,rgba(255,255,255,1) 43%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.84) 36%,rgba(255,255,255,1) 43%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
.testimonials-box .slick-dots li {
margin: 0;
width: 15px;
height: 15px;
}
.testimonials-box .slick-dots li.slick-active {
width: 30px !important;
}
.testimonials-box .slick-dots li button::before {
border: none;
background: #E4EBF5;
}
.testimonials-box .slick-dots li.slick-active button::before {
background-color: #7261EE;
width: 14px;
height: 14px;
}
.testimonials-slider-item .testimonials-text p {
font-size: 16px;
font-style: italic;
}
.testimonials-user-info {
margin-top: 20px;
}
.testimonials-user-info .user-img {
max-width: 36px;
border-radius: 50%;
overflow: hidden;
max-height: 36px;
float: left;
}
.testimonials-user-info .user-img img {
width: 100%;
}
.testimonials-user-info .name-user {
float: left;
padding-top: 5px;
margin-left: 10px;
}
.testimonials-user-info .name-user p {
font-size: 16px;
color: #2d3142;
}
.testimonials-user-info .name-user span {
font-size: 13px;
color: #4f5d75;
margin-left: 4px;
}
.customer-box {
text-align: center;
padding: 70px 0;
}
.customer-box p {
font-size: 18px;
color: #2d3142;
margin-top: 5px;
margin-bottom: 8px;
}
.customer-box h3 {
font-size: 42px;
color: #7161ef;
margin-bottom: 40px;
}
.portfolio-section {
text-align: center;
}
.projects-container {
max-width: 1800px;
margin: 0 auto;
}
.portfolio-item {
width: 25%;
display: inline-block;
padding: 7px;
}
.portfolio-filter {
text-align: center;
margin-bottom: 60px;
padding: 0;
}
.portfolio-filter ul li {
display: inline-block;
}
.portfolio-filter ul li a {
font-size: 16px;
margin: 0 15px;
padding-bottom: 13px;
color: #4f5d75;
border-bottom: 3px solid #fff;
transition: all 300ms ease 0s;
}
.portfolio-filter ul li a:hover {
color: #2d3142;
}
.portfolio-filter ul .active a {
color: #2d3142;
border-bottom: 3px solid #7261EE;
}
.portfolio-item img {
-webkit-transition: all 0.4s;
transition: all 0.4s;
position: relative;
z-index: 11;
top: 0;
}
.portfolio-item:hover img {
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
top: -50px;
}
.portfolio-item:hover .portfolio-content {
bottom: 50px;
}
.portfolio-item h4 {
margin-bottom: 0;
}
.portfolio-item h4 a {
color: #2d3142;
}
.portfolio-item h4 a:hover {
color: #7261EE;
}
.portfolio-item:hover .portfolio-content {
opacity: 1;
}
.portfolio-item span {
display: block;
margin-top: 10px;
}
.portfolio-content {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
opacity: 0;
left: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.portfolio-section.style2 .portfolio-content {
bottom: 0;
opacity: 1;
z-index: 13;
padding: 0 10px 25px 25px;
text-align: left;
}
.portfolio-section.style2 .portfolio-item:hover .portfolio-content {
bottom: 20%;
padding-bottom: 0;
}
.portfolio-section.style2 .portfolio-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
top: auto;
}
.portfolio-section.style2 .portfolio-item > a {
display: block;
position: relative;
}
.portfolio-section.style2 .portfolio-item > a::before {
background-color: rgba(0, 0, 0, 0.6);
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 12;
}
.portfolio-section.style2 .portfolio-item > a {
overflow: hidden;
}
.portfolio-section.style2 .portfolio-item h4 a {
color: #e6e6e6;
position: relative;
}
.portfolio-section.style2 h4 a::before {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background-color: #ababad;
-webkit-transition: width 0.3s 0.3s;
transition: width 0.3s 0.3s;
}
.portfolio-section.style2 .portfolio-item:hover h4 a::before {
width: 100%;
}
.portfolio-section.style4 .portfolio-item:hover img,
.portfolio-section.style3 .portfolio-item:hover img {
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: auto;	
}
.portfolio-section.style3 .portfolio-item > a {
display: block;
position: relative;
}
.portfolio-section.style3 .portfolio-item > a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: -webkit-linear-gradient(top, rgba(68, 212, 80, 0) 0%, rgba(23, 23, 35, 0.8) 75%);
background: linear-gradient(to bottom, rgba(68, 212, 80, 0) 0%, rgba(23, 23, 35, 0.8) 75%);	
z-index: 13;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.portfolio-section.style3 .portfolio-item:hover > a::before {
height: 100%;
}
.portfolio-section.style3 .portfolio-item:hover .portfolio-content {
z-index: 14;
}
.portfolio-section.style4 .portfolio-item h4 a,
.portfolio-section.style3 .portfolio-item h4 a {
color: #e6e6e6;
position: relative;
}
.portfolio-section.style4 .portfolio-content,
.portfolio-section.style4 .portfolio-item img {
-webkit-transition: all 0.8s;
transition: all 0.8s;
opacity: 1;
}
.portfolio-section.style4 .portfolio-item > a {
display: block;
overflow: hidden;
}
.portfolio-section.style4 .portfolio-item:hover img {
top: -500px;
}
.portfolio-section.style4 .portfolio-content {
height: -webkit-calc(100% - 14px);
height: calc(100% - 14px);
width: -webkit-calc(100% - 14px);
width: calc(100% - 14px);
bottom: 0;
padding: 0;
background-color: #2a2d38;
top: 7px;
left: 7px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;	
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.portfolio-section.style4 .portfolio-content h4 {
width: 100%;
text-align: center;
margin: 0;
}
.portfolio-section.style4 .portfolio-item h4 a {
border-bottom: 2px solid #ababad;
}
.skills-section-text h3 {
font-size: 32px;
text-transform: uppercase;
margin-bottom: 25px;
}
.skills-section-text p {
color: #4f5d75;
margin-bottom: 25px;
}
.skills-item {
margin-bottom: 90px;
}
.skills-progress-bar {
display: block;
height: 8px;
background: #E4EAF6;
border-radius: 5px;
position: relative;
}
.skills-progress-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-radius: 5px;
}
.skills-progress-inner .skills-progress-text {
position: absolute;
right: -45px;
bottom: -45px;
}
.skills-progress-inner .skills-progress-text p {
font-size: 16px;
color: #4f5d75;
}
.skills-item:last-of-type {
margin-bottom: 0;
}
.inner-bar {
height: 8px;
background-color: #7261EE;
border-radius: 5px;
}
.skills-item:nth-child(2) .skills-progress-inner .inner-bar {
opacity: 0.75;
}
.skills-item:nth-child(3) .skills-progress-inner .inner-bar {
opacity: 0.55;
} 
.skills-item:nth-child(4) .skills-progress-inner .inner-bar {
opacity: 0.35;
}
.featured-section {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.features-title-item {
float: left;
width: 24%;
margin: 5px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;	
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.features-title-item .widget-title {
text-align: left;
margin-bottom: 0;
}
.features-title-item h2 {
font-size: 32px;
color: #2d3142;
margin-top: 15px;
margin-bottom: 20px;
}
.featured-item {
float: left;
border: 2px solid #E6EAF5;
position: relative;
height: 281px;
width: 24%;
margin: 5px;
border-radius: 5px;
}
.featured-item img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.featured-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 20px;
padding-left: 25px;
}
.featured-text h5 {
font-size: 16px;
color: #2d3142;
margin-bottom: 3px;
}
.featured-text p {
font-size: 13px;
color: #4f5d75;
}
.featured-btn-box {
float: left;
position: relative;
height: 281px;
width: 24%;
text-align: center;
}
.featured-btn-box h4 {
text-transform: uppercase;
font-size: 18px;
margin-top: 100px;
margin-bottom: 25px;
}
.home-blog-item {
text-align: center;
transition: all 300ms ease 0s;
}
.blog-button {
text-align: center;
}
.home-blog-item .home-blog-img {
border-radius: 5px;
}
.home-post-info {
margin-top: 25px;
}
.home-post-title h3 {
font-size: 18px;
margin-top: 15px;
}
.home-post-title h3 a {
color: #2d3142;	
transition: all 300ms ease 0s;	
}
.home-post-title h3 a:hover {
color: #3772fe;
}
.home-blog-more {
margin-top: 35px;
text-align: center;
font-size: 16px;
}
.no-posts-notice {
background-color: #E57373;
color: #fff;
padding: 10px 15px;
}
.no-posts-notice a {
color: #864545;
text-decoration: underline;
}  .site-content {
margin: 60px 0;
}
.sticky {
display: block;
}
.hentry {
margin: 0 0 40px;
padding: 30px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);	
}
.page .entry-title {
margin: 0 0 40px;
}
.content-area.fullwidth {
width: 100%;
}
.fullwidth-single .content-area {
width: 100%;
} .masonry-layout {
width: 100% !important;
padding: 0;
}
.masonry-layout .hentry {
width: 350px;
margin: 15px;
padding: 30px;
border: 0;
}
.masonry-layout .posts-layout {
margin: 0 auto;
}
.masonry-layout .has-post-thumbnail.post-item .post-content,
.masonry-layout .post-item .entry-thumb {
width: 100%;
float: none;
}
.masonry-layout .post-item .entry-thumb {
margin-bottom: 15px;
}
.masonry-layout.content-area .posts-navigation {
margin: 25px 30px 0;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
}
.page-links {
clear: both;
margin: 0 0 30px;
}
.latest-post .latest-post-img-box {
border-radius: 5px;
overflow: hidden;
max-height: 433px;
}
.entry-meta {
margin-top: 20px;
font-size: 14px;
margin-bottom: 5px;
}
.single .entry-meta,
.single-thumb {
margin-bottom: 40px;
}
.entry-meta .cat-links a {
color: #3772fe;
}
.edit-link {
margin-left: 0;
display: block;
}
.entry-meta span {
color: #4f5d75;
}
.meta-dash {
margin: 0 8px;
}
.latest-post .latest-post-title h2 {
font-size: 32px;
color: #2d3142;
margin-top: 20px;
margin-bottom: 60px;
transition: all 300ms ease 0s;
}
.post-item .entry-thumb {
border-radius: 5px;
overflow: hidden;
width: 37%;
float: left;
}
.has-post-thumbnail.post-item .post-content {
float: left;
width: 60%;
margin-left: 3%;
}
.post-item .post-content .entry-title {
font-size: 18px;
margin-top: 5px;
margin-bottom: 0;
}
.post-item .post-content .entry-title a {
color: #2d3142;
-webkit-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.post-item .entry-meta {
margin-top: 10px;
}
.post-item .post-short-text {
margin-top: 5px;
}
.post-item .post-short-text p {
color: #4f5d75;
font-size: 16px;
margin: 0;
}
.latest-post-title a:hover , .post-item .post-content .entry-title a:hover {
color: #3772fe;
} .widget-area .widget {
padding: 30px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);	
clear: both;
}
.widget-area .widget:last-of-type {
margin-bottom: 0;
}
.widget-area .widget {
margin-bottom: 30px;
}
.widget-area .widget-title {
border-bottom: 2px solid #e5eaf5;
text-align: center;
margin-top: 0;
}
.widget-area .widget-title span {
background: #fff;
padding: 5px 8px;
margin-bottom: -5px;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
}
.widget_search .search-field {
width: 100%;
max-width: 100%;
margin-bottom: 15px;
}
.sidebar-subtitle {
margin-top: 55px;
}
.sidebar-subtitle p {
font-size: 13px;
color: #4f5d75;
}
.widget-area .widget ul {
padding: 0 0 0 20px;
}
.widget-area .widget li {
padding-top: 2px;
padding-bottom: 2px;
}
.widget-area .widget .children {
padding-left: 20px;
}
.widget-area .widget,
.widget-area .widget a {
color: #4f5d75;
}
.widget-area .widget a:hover {
color: #3772fe;
}  .single-article-cont {
margin-bottom: 100px;
}
.single-article-title h1 {
font-size: 42px;
}
.sing-article-user-info .user-info-img {
max-height: 42px;
max-width: 42px;
border-radius: 50%;
overflow: hidden;
float: left;
margin-right: 15px;
}
.sing-article-user-info .user-info-img img {
width: 100%;
}
.sing-article-user-info {
margin-top: 20px;
}
.sing-article-user-info .user-text {
float: left;
}
.sing-article-user-info .user-text .user-name h3 {
font-size: 16px;
color: #2d3142;
margin-top: 2px;
}
.sing-article-user-info .user-text .article-info p {
font-size: 13px;
color: #4f5d75;
}
.sing-article-user-info .user-text .article-info p span {
color: #3772fe;
}
.single-article-img {
margin-top: 60px;
border-radius: 5px;
overflow: hidden;
}
.single-article-img img {
width: 100%;
}
.single-article-main-text {
margin-top: 60px;
}
.single-article-main-text h4 {
font-size: 18px;
}
.single-article-simple-text {
margin-top: 60px;
}
.single-article-simple-text p {
font-size: 16px;
color: #4f5d75;
}
.quote-box {
margin: 50px 60px;
}
.quote-box h4 {
font-size: 24px;
font-style: italic;
}
.quote-info p {
font-size: 13px;
color: #4f5d75;
}
.quote-info p span {
color: #3772fe;
}
.lists-box {
margin: 50px 0;
}
.lists-box h5 {
font-size: 18px;
color: #2d3142;
margin-bottom: 15px;
}
.lists-box ul li {
position: relative;
padding-left: 20px;
margin-bottom: 7px;
}
.lists-box ul li:before {
content: "";
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
background-color: #7261EE;
}
.lists-box ul li p {
font-size: 16px;
}
.lists-box ol {
padding: 0;
list-style: none;
}
.lists-box ol li {
position: relative;
padding-left: 20px;
margin-bottom: 7px;
counter-increment: step-counter;
}
.lists-box ol li:before {
content: counter(step-counter);
font-weight: bold;
font-size: 16px;
color: #7161ef;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.lists-box ol li p {
font-size: 16px;
}
.tags-section {
margin-top: 60px;
}
.tags-section h3 {
text-transform: uppercase;
font-size: 18px;
}
.tags {
margin-top: 30px;
}
.tags-links a {
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #4f5d75;
padding: 5px 15px;
background: #E6EAF5;
display: inline-block;
border-radius: 4px;
margin: 0 4px;
transition: all 300ms ease 0s;
}
.tags-links a:hover {
color: #fff;
background-color: #7261EE;
}  .comments-area {
background-color: #fff;
padding: 30px;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
}
.comment-list {
padding: 0;
list-style: none;
margin: 0 0 30px;
}
.comments-title {
margin: 0 0 40px;
}
.comment-author img {
border-radius: 50%;
margin-right: 10px;
}
.comments-area .comment-body {
margin-bottom: 15px;
border-bottom: 2px solid #e5eaf5;
padding-bottom: 15px;
}
.bypostauthor }{
}
.comment-metadata a {
color: #4f5d75;
}
.comment-metadata {
font-size: 14px;
margin: 5px 0;
}
.comment .reply {
font-size: 14px;
}
.comment .children {
list-style: none;
padding-left: 20px;
}
.comment-respond {
margin-top: 40px;
}
.comment-respond label {
display: block;
}
.comment-respond input {
width: 100%;
max-width: 100%;
}
.form-submit {
margin: 30px 0 0;
}  .sidebar-search-box {
position: relative;
margin-bottom: 60px;
}
.search-submit span {
color: #4f5d75;
}
.results-bar {
margin-bottom: 60px;
}
.display-btns {
border: 2px solid #e5eaf5;
float: left;
padding: 0 10px;
border-radius: 5px;
}
.display-btns .display-btn-item {
display: inline-block;
}
.display-btns .display-btn-item a {
display: block;
padding: 13px 8px;
opacity: 0.2;
transition: all 300ms ease 0s;
}
.display-btns .display-btn-item a:hover {
opacity: 1;
}
.display-active a {
opacity: 1 !important;
}
.search-name {
float: left;
padding-left: 25px;
padding-top: 14px;
}
.search-name h3 {
font-size: 18px;
color: #2d3142;
}
.features-filter-box {
margin-top: 25px;
}
.features-filter-item {
margin-bottom: 15px;
} .check-box {
height: 16px;
width: 16px;
margin-right: 20px;
margin-top: 3px;
border-radius: 3px;
background: #E4EAF6;
position: relative;
float: left;
overflow: hidden;
transition: all 300ms ease 0s;
}
.check-box input {
position: absolute;
width: 36px;
height: 36px;
border-radius: 50% !important;
margin: 0;
border-radius: 50%;
opacity: 0;
display: block;
left: -4px;
right: -4px;
top: -4px;
bottom: -4px;
margin: auto;
}
.check-box:hover {
cursor: pointer;
}
.check-box .checkbox-inner {
position: absolute;
margin: auto;
left: 4px;
right: 4px;
top: 4px;
bottom: 4px;
transition: all 300ms ease 0s;
}
.check-box-active .checkbox-inner {
background-color: #7261EE;
} .features-filter-item p {
float: left;
font-size: 16px;
color: #4f5d75;
}
.data-filter-box {
margin-top: 25px;
}
.filter-aply {
margin-top: 60px;
}
.filter-aply .purple-btn a {
display: block;
text-align: center;
}
.sort-by {
float: right;
}
.sort-by p {
float: left;
font-size: 16px;
color: #4f5d75;
margin-top: 14px;
margin-right: 15px;
}
.sort-by .sort-select {
float: left;
}
.orderby {
border: 2px solid #e5eaf5;
padding: 12px 15px 11px 15px;
font-size: 16px;
color: #4f5d75;
}
.btn-default:hover {
background: none;
}
.btn-group.open .dropdown-toggle {
box-shadow: none;
}
.product-item {
margin-bottom: 60px;
}
.product-item .product-img {
border-radius: 4px;
overflow: hidden;
position: relative;
max-height: 270px;
}
.product-item .product-img img {
width: 100%;
}
.single-product.woocommerce .content-area {
width: 100%;
}
.single-product.woocommerce .widget-area {
display: none;
}
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
position: absolute;
top: 20px;
right: 20px;
height: 60px;
width: 60px;
text-align: center;
background-color: #7261EE;
border-radius: 50%;
padding: 9px 0;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;	
}
.woocommerce-cart table.cart img {
max-width: 100px;
width: auto;
}
.widget-area .widget.woocommerce ul {
padding: 0;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 13px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #7261EE;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 4px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 16px;
height: 16px;
top: -6px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #E6EAF5;
}
.woocommerce-product-search input[type="submit"] {
margin-top: 15px;
}
.price_slider_wrapper {
margin-top: 30px;
}
.price_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
margin-bottom: 30px;
}
.product-thumbnail {
width: 15%;
}
.woocommerce a.remove {
margin: 0 auto;
}
.woocommerce a.remove:hover {
background: #ef8484;
}
.woocommerce a.remove {
color: #ef8484 !important;
}
.woocommerce table.shop_table .product-name {
font-size: 18px;
}
.woocommerce table.shop_table .product-name a {
color: #333;
}
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
opacity: 1;
color: #fff;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
border: 2px solid #e5eaf5;
width: auto !important;
padding: 4px 10px;
margin-right: 10px;
}
.wc-image-wrapper {
width: 48%;
float: left;
position: relative;
}
.woocommerce #content .wc-image-wrapper div.images {
width: 100% !important;
float: none;
}
.woocommerce span.onsale {
left: auto;
}
a.woocommerce-review-link {
font-size: 14px;
}
.product-item-name {
margin-top: 25px;
}
.woocommerce-message {
border-color: #7261EE;
}
.woocommerce-message:before {
color: #7261EE;
}
.woocommerce ul.products li.product h3 {
font-size: 18px;
color: #2d3142;
transition: all 300ms ease 0s;
padding: 0;
}
.woocommerce table.shop_table td {
border: 0;
padding: 28px 14px;
}
.woocommerce table.shop_table tr {
border: 2px solid #e5eaf5;
}
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce table.shop_table {
border: 0;
border-collapse: collapse;
}
.shop_table.cart thead {
display: none;
}
.product-item a:hover .product-item-name h4 {
color: #3772fe;
}
.woocommerce ul.products li.product a img {
margin-bottom: 25px;
}
.product-item-price-box {
margin-top: 15px;
}
.woocommerce .products .star-rating {
margin-top: 15px;
}
.woocommerce ul.products li.product .price {
font-weight: 700;
font-size: 18px;
color: #7161ef;
}
.product-item-price-box .save-text {
float: right;
}
.product-description {
margin-top: 15px;
}
.product-description p {
color: #4f5d75;
}
.woocommerce form.checkout_coupon {
border: 0;
margin: 0;
padding: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 31.33333333%;
padding: 15px;
margin: 1%;
background-color: #fff;
-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);	
}
.woocommerce .star-rating {
letter-spacing: 0.2em;
width: 6.4em;
color: #f6bb43;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button.alt {
background-color: #7261EE;
color: #fff;
font-size: 13px;
border: 0;
text-transform: uppercase;
padding: 10px 15px;
display: inline-block;
font-weight: bold;
border-radius: 5px;
transition: all 300ms ease 0s;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover {
background-color: #7261EE;
-webkit-box-shadow: 0px 0px 40px 0px rgba(114,97,238,0.54);
-moz-box-shadow: 0px 0px 40px 0px rgba(114,97,238,0.54);
box-shadow: 0px 0px 40px 0px rgba(114,97,238,0.54);
color: #fff;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
vertical-align: middle;
background-color: transparent;
}
.cart_totals table.shop_table td {
border: 2px solid #e5eaf5 !important;
}
.woocommerce ul.products li.product .button::before {
content: '\e027';
font-family: et-line;
margin-right: 5px;
}
.woocommerce ul.products li.product .price del {
font-size: 14px;
}
.woocommerce ul.products li.product .price ins {
text-decoration: none;
}
@media (min-width: 992px) {
.woocommerce .widget-area {
width: 25%;
}
}  .woocommerce .content-area {
float: right;
}
.woocommerce div.product .product_title {
font-size: 42px;
margin-bottom: 60px;
margin-top: 30px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 42px;
color: #7161ef;
font-weight: 700;
}
.woocommerce div.product p.price ins {
text-decoration: none;
}
.product-price .main-price h2 span {
font-size: 24px;
}
.woocommerce div.product p.price del {
font-size: 24px;
color: #4f5d75;
text-decoration: line-through;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
padding-top: 30px;
padding-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
box-shadow: none;
border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
border-top: 2px solid #e5eaf5;	
padding: 0;
margin: 0 0 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0;
}
.woocommerce .description_tab {
margin-right: 40px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: transparent;
margin: 0;
}
.product-description-text p {
color: #4f5d75;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-top: 2px solid #7261EE;
border-radius: 0;
}
.woocommerce .quantity .qty {
width: 70px;
}
.type-product h2 {
font-size: 18px;
}
.woocommerce table.shop_table .product-subtotal {
font-size: 24px;
margin-top: 5px;
color: #7161ef;
}
.cross-sells h2,
.cart_totals h2 {
font-size: 24px;
}  .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
text-align: right;
}
.main-navigation ul {
display: inline-block;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
position: relative;
display: inline-block;
font-size: 13px;
}
.main-navigation a {
display: block;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
color: #4f5d75;
margin: 0 10px;
transition: all 300ms ease 0s;	
}
.main-navigation a:hover {
color: #8b98ae;
}
.main-navigation ul ul {
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
opacity: 0;
text-align: left;
padding-top: 30px;
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
padding: 0;
}
.main-navigation ul ul li {
background-color: #2E3142;
padding: 0 10px;
}
.main-navigation ul ul li:last-of-type a {
border-bottom: 0;
}
.main-navigation ul ul a {
width: 200px;
color: #fff;
padding: 10px 5px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0;
opacity: 1;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.menu-btn-toggle {
display: none;
position: absolute;
left: 0;
top: 50%; 
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
cursor: pointer;
} .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 40px;
overflow: hidden;
background-color: #fff;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
padding: 30px;
}
.site-main .posts-navigation {
margin: 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.site-main .comment-navigation a,
.site-main .posts-navigation a,
.site-main .post-navigation a {
color: #2d3142;
}
.site-main .comment-navigation a:hover,
.site-main .posts-navigation a:hover,
.site-main .post-navigation a:hover {
color: #23527c;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
}
img {
max-width: 100%;
width: auto;
height: auto;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .page-template-template_page-builder {
background-color: #fff;
}
.page-template-template_page-builder .site-content {
margin: 0;
}
.panel-row-style {
position: relative;
z-index: 11;
}
.row-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
opacity: 0.6;
z-index: -1;
}
@media (min-width: 1025px) {
.panel-row-style[data-fullscreen="true"] {
min-height: 100vh;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;		
}
.panel-row-style[data-fullscreen="true"] .panel-grid-cell {
width: 100%;
}
.panel-row-style[data-vcenter="true"] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;		
}	
}
@media (max-width: 600px) {
.panel-row-style[data-hide-mobile="true"] {
display: none;
}
}
@media (min-width:601px) and (max-width: 1024px) {
.panel-row-style[data-hide-tablet="true"] {
display: none;
}
}
@media (min-width: 1025px) {
.panel-row-style[data-hide-desktop="true"] {
display: none;
}
} .contact-popup {
background-color: #1a1b20;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s;
transition: all 0.7s;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;	
justify-content: center;
overflow-y: auto;
}
.contact-popup-form {
padding-right: 45px;
}
.contact-popup.contact-active {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);	
}
#contact-item {
background-color: #7261ee;
color: #fff;
padding: 5px 15px;
margin-left: 10px;
cursor: pointer;
}
#contact-item span {
margin-right: 5px;
}
.contact-popup-inner {
text-align: left;
}
.contact-popup .contact-block {
display: inline-block;
margin-right: 30px;
}
.contact-popup .contact-block:last-of-type {
margin-right: 0;
}
.contact-popup-info {
text-align: center;
margin-bottom: 60px;
}
.contact-block i {
color: #7261ee;
font-size: 32px;
margin-bottom: 15px;
display: block;
}
.contact-block a {
display: inline-block;
text-transform: none;
margin: 0;
color: #4f5d75;
}
.contact-popup-map {
height: 410px;
}
.contact-popup textarea,
.contact-popup input:not(.wpcf7-submit) {
background-color: transparent;
border-color: rgba(229, 234, 245, 0.15);
}
.contact-popup-map > div {
left: 0;
}
.contact-popup .wpcf7-form .col-md-6 {
margin-bottom: 30px;
}
.contact-close {
position: absolute;
top: 10%;
right: 10%;
color: #fff;
font-size: 28px;
cursor: pointer;
padding: 10px;
line-height: 1;
}
.contact-popup .row {
display: block;
}  .shortcode-area .wp-video {
width: 100% !important;
vertical-align: bottom;
}
@media only screen and (min-width: 1199px) {
.shortcode-area .mejs-controls {
display: none !important;
}
}  .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: 25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 2px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
box-shadow: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 26px;
line-height: 20px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #fff;
content: '';
text-align: center;
}
.slick-dots li.slick-active button:before
{
background: #fff;
}  [canvas] {
z-index: 1;
}
[canvas=container] {
width: 100%;
height: 100%;
position: relative;
-webkit-overflow-scrolling: touch;
}
[canvas=container]:before, [canvas=container]:after {
clear: both;
content: '';
display: table;
}
[off-canvas] {
display: none;
position: fixed;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #2E3142;
}
.admin-bar [off-canvas] {
top: 32px;
}
[off-canvas*=left] {
width: 255px;
height: 100%;
top: 0;
left: 0;
display: block;
margin-left: -255px;
}
[off-canvas*=shift] {
z-index: 0;
}
[canvas], [off-canvas] {
-webkit-transition: -webkit-transform 300ms;
transition:         transform 300ms;
-webkit-backface-visibility: hidden;
}
.mobile-branding {
background-color: #1c1c1c;
padding: 19px 30px;
}
.mobile-branding .site-branding {
margin-left: 0;
text-align: left;
}
.site-title {
line-height: 1.2;
}
.mobile-branding .site-title a,
.mobile-branding .site-title a:hover,
.mobile-branding .site-description {
color: #fff;
}
.mobile-branding .site-title {
font-size: 22px;
}
.mobile-menu {
list-style: none;
margin: 0;
padding: 10px 0;
}
.mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.mobile-menu a {
color: #f2f2f2;
display: inline-block;
padding: 10px 30px;
}
.mobile-menu .btn-submenu {
padding: 0 10px;
font-size: 22px;
vertical-align: middle;
cursor: pointer;
}
.body-overflow {
overflow-x: hidden;
}
@media print {
[canvas] {
-webkit-transform: translate( 0px, 0px ) !important;
-ms-transform: translate( 0px, 0px ) !important;
transform: translate( 0px, 0px ) !important;
}
[off-canvas] {
display: none !important;
}
}
.menu-btn {
width: 30px;
height: 30px;
position: relative;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.menu-btn span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #2d3142;
opacity: 1;
left: 0;
-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;
}
.menu-btn span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.menu-btn span:nth-child(2) {
top: 12px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.menu-btn span:nth-child(3) {
top: 24px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.menu-btn.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 4px;
left: 5px;
}
.menu-btn.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.menu-btn.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 25px;
left: 5px;
} .featured-product-area .fpa-inner {
display: table;
position: relative;
margin: 0 auto;
}
.featured-product-area .fpa-feature {
position: absolute;
}
.featured-product-area .fpa-symbol {
display: block;
color: #7261ee;
font-size: 18px;
height: 30px;
width: 30px;
border-radius: 50%;
text-align: center;
background-color: #fff;
box-shadow: 0px 5px 22px -5px #7a7a7a;
cursor: pointer;
}
.featured-product-area .fpa-feature:first-of-type .fpa-symbol {
-webkit-transition: all 0.3s;
transition: all 0.3s;	
}
.featured-product-area .fpa-feature:nth-of-type(2) .fpa-symbol {
-webkit-transition: all 0.3s 0.6s;
transition: all 0.3s 0.2s;	
}
.featured-product-area .fpa-feature:nth-of-type(3) .fpa-symbol {
-webkit-transition: all 0.3s 0.9s;
transition: all 0.3s 0.4s;	
}
.featured-product-area .fpa-feature:nth-of-type(4) .fpa-symbol {
-webkit-transition: all 0.3s 1.2s;
transition: all 0.3s 0.6s;	
}
.fpa-inner:hover .fpa-symbol {
color: #fff;
background-color: #7261ee;
}
.featured-product-area .fpa-text {
display: none;
background-color: #fff;
padding: 30px;
border: 1px solid #ebebeb;
border-radius: 3px;
position: relative;
left: -45%;
width: 300px;
z-index: 11;
margin-top: 15px;
font-size: 14px;
box-shadow: 0px 5px 22px -5px #7a7a7a;
}
.featured-product-area .fpa-text h1,
.featured-product-area .fpa-text h2,
.featured-product-area .fpa-text h3,
.featured-product-area .fpa-text h4,
.featured-product-area .fpa-text h5,
.featured-product-area .fpa-text h6 {
margin-top: 0;
} .typed-wrapper {
line-height: 1.2;
}
.typed-element {
display: inline-block;
color: #bdcad2;
line-height: 1.2;
}
.typed-element p {
margin-bottom: 0;
}
.typed-cursor{
color: rgba(189, 202, 210, 0.3);
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-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; }
} .wp-custom-header video {
display: block;
height: auto;
max-width: 100%;
width: 100%;
}
.wp-custom-header iframe {
vertical-align: top;
}
.wp-custom-header {
position: relative;
}
.wp-custom-header .wp-custom-header-video-button {
position: absolute;
top: 30px;
right: 30px;
padding: 15px;
border: 0;
background-color: rgba(51, 51, 51, 0.70);
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.wp-custom-header .wp-custom-header-video-button:hover {
color: #fff;
background-color: #333;
box-shadow: none;
}
.wp-custom-header .wp-custom-header-video-button:focus {
outline: none;
} @media (max-width: 1199px) {
.menu-btn-toggle {display: block;}
.menu-container{display: none;}
.logo-container {width: 100%;}
.logo-container .logo-box > a {display: block; padding: 4px 0;}
.logo-container .logo-box > a > img{ margin: 0 auto;display: block;}
.logo-container .cart-link { display: block;  position: absolute;top: 0;right: 0;}
.main-header > .container > .row {margin: 0;}
.call-to-action-section {background-attachment: scroll; background-size: cover; padding: 60px 0;}
.call-to-action-box h2 {font-size: 24px;}
.call-to-action-box p {font-size: 14px;}
.team-item-img {max-width: 163px;margin: 0 auto 30px auto}
.home-media .home-media-item {
width: 32%;
}
.team-section.style3 .team-item-img {
max-width: 100%;
}
.site-branding {
margin-left: 45px;
}
.features-title-item {
width: 23%;
}
.featured-item {
width: 23%;
}
.featured-item .featured-img {
max-width: 90%;
left: 0;
right: 0;
margin: auto;
}
.featured-item .featured-img img {
max-width: 100%;
}
.featured-btn-box {
width: 23%;
}
.masonry-layout .hentry {
width: 283px;
}	
.main-slider-caption h1 {
font-size: 32px;
}
.talon-contact-map .contact-data {
padding: 30px;
max-width: 500px;
}
.branding-container {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
}	
}
@media (max-width: 1024px) {
.main-header .row {
display: block;
}	
}
@media (max-width: 991px) {
.facts-item,
.team-item,
.team-section.style3 .team-item {
width: 49%;
}
.facts-item:first-of-type,
.facts-item:nth-of-type(2) {
margin-bottom: 30px;
}
.site-branding {
text-align: center;
}	
.comment .children {
padding-left: 10px;
}	
.masonry-layout .hentry {
width: 330px;
}	
.footer-widgets .widget:last-of-type {
margin-bottom: 30px;
}
.footer-widgets .sidebar-column:last-of-type .widget:last-of-type {
margin-bottom: 0;
}
.footer-navigation {
text-align: left;
}
.site-footer {
padding: 60px 0;
}
.footer-navigation,
.site-info {
margin-top: 15px;
}
.panel-row-style[data-mobile-padding="0px"] {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.panel-row-style[data-mobile-padding="25px"] {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.panel-row-style[data-mobile-padding="50px"] {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.panel-row-style[data-mobile-padding="75px"] {
padding-top: 75px !important;
padding-bottom: 75px !important;
}
.panel-row-style[data-mobile-padding="100px"] {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.portfolio-item {
width: 33.3333%;
}
h1 {
font-size: 24px !important;
}
h2 {
font-size: 20px !important;
}
h3 {
font-size: 18px !important;
}
.widget-area {
margin-top: 30px;
}
.so-panel .panel-widget-style {
font-size: 16px !important;
}
.talon-contact-map .contact-data {
position: static;
max-width: 100%;
}
.wpcf7-form input {
margin-bottom: 15px;
width: 100%;
}
.talon-contact-map .row {
margin-bottom: 0;
}
.map-contact {
min-height: 300px !important;
}
.contact-popup {
display: block;
padding: 30px;
}
.contact-close {
top: 15px;
right: 15px;
}
.contact-popup-form {
padding-right: 15px;
}
.contact-popup .contact-block,
.contact-popup .contact-block:last-of-type {
margin: 7px 15px;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.portfolio-box .portfolio-item {width: 48%;margin-bottom:2%;margin-right: 0;}
.portfolio-box > .row > .col-md-12 .portfolio-item:nth-child(2n+2) {margin-left: 2%;} 
}
@media (max-width: 767px) {
.contact-popup-form {
padding: 0;
}
.contact-popup .wpcf7-form .col-md-6 {
margin-bottom: 10px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 48%;
}
.portfolio-box .portfolio-item {width: 98%;margin:2% 0!important;}
.portfolio-filter ul li > a {padding: 13px 0;display: block;}
.skills-section-text .purple-btn {margin-bottom: 30px;}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {padding: 10px 20px;}
.white-btn a {padding: 10px 20px;}
.custom-container {width: 90%;}
.services-section.two-cols .services-item,
.services-section .services-item,
.team-item,
.team-section.style2 .team-item,
.team-section.style3 .team-item {
width: 100%;
}
.team-item::before {
background: none !important;
}
.facts-icon {
font-size: 28px;
}
.facts-text span {
font-size: 16px;
}
.process-bar-section {
padding-top: 60px;
padding-bottom: 0;
}
.process-bar-box {
margin-top: 0;
}
.pr-progress-box {
display: none;
}
.process-bar-box::before {
display: none;
}
.process-first-item::before {
display: none;
}
.process-item::before {
display: none;
}
.process-item {
padding-bottom: 60px !important;
padding-top: 0 !important;
}
.facts-section {
padding: 60px 0;
}
.so-panel .widget-title {
font-size: 24px;
margin-bottom: 30px;
}
.testimonials-box {
padding: 30px;
}
.breadcrumbs-box {
margin-bottom: 60px;
}
.main-slider-caption {
top: 15%;
}
.main-slider-caption > div {
width: 100%;
}
.main-slider-caption h1 {
font-size: 16px !important;
margin-bottom: 10px;
}
.main-slider-caption p {
font-size: 14px;
margin-bottom: 15px;
}
.features-title-item {
width: 100%;
}
.featured-item {
width: 47%;
}
.featured-btn-box {
width: 100%;
text-align: center;
height: auto;
}
.featured-btn-box h4 {
margin-top: 15px;
}
.home-blog-item {
margin-bottom: 20px;
} .latest-post-img-box img {
width: 100%;
}
.latest-post .latest-post-title h2 {
font-size: 22px;
}
.post-item .entry-thumb {
width: 100%;
margin-bottom: 15px;
}
.post-item .post-content {
width: 100%;
}
.pages-number {
display: none;
}
.prev-next-box {
display: none;
}
.blog-pagination {
margin-bottom: 50px;
}
.sidebar-post-item .entry-thumb {
width: 100%;
}
.sidebar-post-item .entry-thumb img {
width: 100%;
}
.sidebar-banner-box .sidebar-banner {
width: 100%;
height: auto;
}
.sidebar-banner-box .sidebar-banner img {
width: 100%;
}
.inst-img-item {
width: 47%;
}
.single-article-title h1 {
font-size: 24px;
}
.user-text {
width: 78%;
}
.masonry-layout .hentry {
width: 100%;
max-width: 380px;
margin: 0 0 15px;
}
.masonry-layout .posts-layout {
display: table;
margin-left: auto;
margin-right: auto;
width: 100% !important;
max-width: 380px;
}
.widget-area {
clear: both;
}
.woocommerce div.product .product_title {
font-size: 24px;
margin-top: 0;
margin-bottom: 15px;
}
.wc-image-wrapper {
width: 100%;
}
.coupon input.button {
width: 100% !important;
}
[off-canvas*=left] {
width: 220px;
}
.woocommerce div.product p.price {
font-size: 28px;
}
.button.wc-forward {
float: none;
display: block;
margin-bottom: 5px;
text-align: center;
}
.woocommerce table.shop_table td {
padding: 14px;
}
input#coupon_code {
width: 100% !important;
margin-bottom: 10px;
}
.hentry {
padding: 15px;
}
.portfolio-item {
width: 50%;
}
.services-section .services-item .service-text,
.services-section .services-item .service-text p {
margin-bottom: 0;
}
.team-item {
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.main-header {
padding: 25px 0;
}
.has-post-thumbnail.post-item .post-content {
width: 100%;
margin-left: 0;
}
.fpa-text {
font-size: 13px;
}
.featured-product-area .fpa-symbol {
font-size: 20px;
}
.featured-product-area .fpa-text {
padding: 15px;
width: 200px;
}
.typed-wrapper {
margin-bottom: 30px;
text-align: center;
}
.fluid-width-video-wrapper + #wp-custom-header-video-button {
display: none;
}
}
@media (max-width: 500px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
}
.portfolio-item {
width: 100%;
}
.featured-item {
width: 100%;
}
.main-slider-caption {
top: 10%;
}
.timeline-item:nth-of-type(even) {
margin-top: 0 !important;
}
.timeline-item {
border: 0 !important;
margin: 0;
height: auto !important
}
.timeline-item:nth-of-type(even) .timeline-inner {
margin: 0;
}
.timeline-item::before {
display: none;
}
.team-section.style2 .team-item-img,
.team-section.style2 .team-inner {
width: 100%;
padding: 0;
float: none;
text-align: center;
max-width: 100%;
}
.team-section.style2 .team-item {
padding: 15px;
}
.team-section.style3 .team-inner {
width: 100%;
left: 0;
}	
}