@charset "utf-8";

 .post-grid * {box-sizing: border-box}
.post-grid{
overflow:hidden;
}
.post-grid .grid-items { overflow: hidden;
}
.post-grid .item {
display: inline-block; word-break: break-word; }
.post-grid .no-post-found {
color: #999;
text-align: center;
font-size: 18px;
}
.post-grid .item .layer-media {
line-height: 0;
}
.post-grid .item .layer-media img {
border-radius: 0;
box-shadow: none;
width: 100%;
}
.post-grid .item .layer-media iframe {
width: 100% !important;
height: auto;
}
.post-grid .layer-wrapper img {
max-width: 100%;
height: auto;
} .post-grid .grid-nav-top {
text-align: center;
margin-bottom: 30px;
} .field-wrap{
display: inline-block;
vertical-align: middle;
}
.field-wrap-keyword{
position: relative;
}
.post-grid  .post-grid-search{
display: block;
padding: 10px 0;
text-align: center;
}
.post-grid  .post-grid-search .keyword-wrap{
position: relative;
display: inline-block;
}
.post-grid  .post-grid-search .search-loading{
display: none;
}
.post-grid  .post-grid-search .search-loading.active{
display: inline-block;
}
.post-grid .grid-nav-top .submit-search {
background: #ddd none repeat scroll 0 0;
cursor: pointer;
display: inline-block;
font-size: 13px;
height: 24px;
margin: 0;
padding: 5px 10px;
}
.post-grid .post-grid-search  .search {
border: 1px solid #ddd;
border-radius: 0;
display: inline-block;
padding-left: 35px;
vertical-align: top;
}
.post-grid .post-grid-search .search-icon{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
color: rgba(0, 0, 0, 0.3);
}
.post-grid .grid-nav-top .nav-per-page-count {
display: inline-block;
float: right;
} .post-grid .pagination {
clear: both !important;
line-height: normal;
margin: 30px 0;
text-align: center;
}
.post-grid .pagination .current, .post-grid .pagination .pager.active {
opacity: 0.6;
}
.post-grid .pagination .page-numbers, .post-grid .pagination .pager, .post-grid .pagination .paginate.next-previous a{
cursor: pointer;
display: inline-block;
font-size: 17px;
line-height: normal;
margin: 5px 2px;
padding: 7px 15px;
text-decoration: none;
color: rgb(255, 255, 255);
}
.post-grid .pagination .page-numbers:hover, .post-grid .pagination .pager:hover{ }
.post-grid .pagination .prev  {}
.post-grid .pagination .next {} .post-grid .pagination .infinite-scroll {
background: rgba(220, 220, 220, 0.3) none repeat scroll 0 0;
border: 1px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
padding: 5px 15px;
} .post-grid .pagination .load-more {
background: rgba(220, 220, 220, 0.3) none repeat scroll 0 0;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
padding: 5px 25px;
border-radius: 3px;
}
.post-grid .pagination .load-more-spinner {
display: none;
}
.post-grid .pagination .load-more.loading {
}
.post-grid .pagination .load-more.loading .load-more-spinner{
display: inline-block;
}
.post-grid .pagination .load-more.no-post {
border: 1px dashed rgb(255, 91, 34);
} .post-grid .pagination .paginate-ajax{}
.post-grid .pagination .paginate-ajax .prev, .post-grid .pagination .paginate-ajax .next {
display: none;
}
.post-grid .pagination .paginate.next-previous{}
.post-grid .pagination .paginate.next-previous a{}   .post-grid-lazy {
text-align: center;
}
.post-grid-lazy img {
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
padding: 20px;
}
.grid-items-wrap {
overflow: hidden;
position: relative;
}  .layer-content .flat {
overflow: hidden;
} .layer-content .flat-center {
overflow: hidden;
} .layer-content .flat-right {
overflow: hidden;
} .layer-content .flat-left {
overflow: hidden;
} .layer-content .wc-center-price {
overflow: hidden;
text-align: center;
}
.layer-content .wc-center-price .wc_sale_price  {
} .layer-content .wc-center-cart {
overflow: hidden;
text-align: center;
}
.layer-content .wc-center-cart .wc_sale_price  {
}.skin.flat {
vertical-align: top;
}
.skin.flat .layer-media{}
.skin.flat .layer-content {
padding: 0px;
}
.skin.flat .layer-hover {
display: none;
} .skin.flip-x {
background: rgb(255, 255, 255) none repeat scroll 0 0;
overflow: hidden;
padding: 0;
-webkit-perspective: 600px;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-x:hover .layer-media {
background: rgb(255, 255, 255) none repeat scroll 0 0;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
z-index: 900;
}
.skin.flip-x .layer-media {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
float: none;
height: inherit;
left: 0;
text-align: center;
top: 0;
-webkit-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 900;
}
.skin.flip-x:hover .layer-content  {
background: rgb(255, 255, 255) none repeat scroll 0 0;
-webkit-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-x .layer-content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
float: none;
height: inherit;
left: 0;
padding: 0;
position: absolute;
top: 0;
-webkit-transform: rotateX(-179deg);
transform: rotateX(-179deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 800;
}
.skin.flip-x .layer-hover {
display: none;
} .skin.thumbgoleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoleft:hover .layer-media {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.5) translateX(-100%);
-ms-transform: scale(0.5) translateX(-100%);
transform: scale(0.5) translateX(-100%);
}
.skin.thumbgoleft .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgoleft:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.thumbgoleft .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.thumbgoleft .layer-hover {
display: none;
} .skin.thumbrounded{}
.skin.thumbrounded .layer-media {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-radius: 50%;
overflow: hidden;
}
.skin.thumbrounded .layer-media .thumb {
height:240px;
}
.skin.thumbrounded .layer-content{}
.skin.thumbrounded .layer-hover {
display: none;
} .skin.contentbottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentbottom:hover .layer-media {
z-index:9;
}
.skin.contentbottom .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentbottom:hover .layer-content{
}
.skin.contentbottom .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 0;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.contentbottom .layer-hover {
display: none;
} .skin.spinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinright:hover .layer-media {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
opacity: 0;
filter: alpha(opacity=0);
}
.skin.spinright .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinright:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.spinright .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.spinright .layer-hover {
display: none;
}.cl-btn {
display: inline-block;
vertical-align: top;
line-height: 1.5;
padding: 8px 20px;
margin: 4px 0;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.1);
}
[class^="cl-"][class*=" ratio_"]:before {
content: '';
display: block;
}
[class^="cl-"].ratio_2x1:before {
padding-top: 50%;
}
[class^="cl-"].ratio_3x2:before {
padding-top: 66.6666%;
}
[class^="cl-"].ratio_4x3:before {
padding-top: 75%;
}
[class^="cl-"].ratio_1x1:before {
padding-top: 100%;
}
[class^="cl-"].ratio_3x4:before {
padding-top: 125%;
}
[class^="cl-"].ratio_2x3:before {
padding-top: 150%;
}
[class^="cl-"].ratio_1x2:before {
padding-top: 200%;
}
[class^="cl-"] [class^="cl-"][class*=" ratio_"] > [class$="-h"],
[class^="cl-"] [class^="cl-"][class*=" ratio_"] > [class*="-h "] {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.easing_easeInOutExpo .cl-flipbox-hh,
.easing_easeInOutExpo .cl-flipbox-hhh,
.easing_easeInOutExpo .cl-flipbox-front,
.easing_easeInOutExpo .cl-flipbox-back,
.easing_easeInOutExpo .cl-flipbox-xflank,
.easing_easeInOutExpo .cl-flipbox-yflank,
.easing_easeInOutExpo .cl-ib-image,
.easing_easeInOutExpo .cl-ib-content,
.easing_easeInOutExpo .cl-ib-content:before,
.easing_easeInOutExpo .cl-ib-content-h,
.easing_easeInOutExpo .cl-ib-title,
.easing_easeInOutExpo .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.easing_easeInOutCirc .cl-flipbox-hh,
.easing_easeInOutCirc .cl-flipbox-hhh,
.easing_easeInOutCirc .cl-flipbox-front,
.easing_easeInOutCirc .cl-flipbox-back,
.easing_easeInOutCirc .cl-flipbox-xflank,
.easing_easeInOutCirc .cl-flipbox-yflank,
.easing_easeInOutCirc .cl-ib-image,
.easing_easeInOutCirc .cl-ib-content,
.easing_easeInOutCirc .cl-ib-content:before,
.easing_easeInOutCirc .cl-ib-content-h,
.easing_easeInOutCirc .cl-ib-title,
.easing_easeInOutCirc .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.easing_easeOutBack .cl-flipbox-hh,
.easing_easeOutBack .cl-flipbox-hhh,
.easing_easeOutBack .cl-flipbox-front,
.easing_easeOutBack .cl-flipbox-back,
.easing_easeOutBack .cl-flipbox-xflank,
.easing_easeOutBack .cl-flipbox-yflank,
.easing_easeOutBack .cl-ib-image,
.easing_easeOutBack .cl-ib-content,
.easing_easeOutBack .cl-ib-content:before,
.easing_easeOutBack .cl-ib-content-h,
.easing_easeOutBack .cl-ib-title,
.easing_easeOutBack .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.animated_bounceIn,
.animated_fadeIn,
.animated_fadeOut,
.animated_flipInX,
.animated_flipOutX,
.animated_zoomIn {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated_bounceIn,
.animated_flipInX,
.animated_flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.animated_bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animated_fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animated_fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
}
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.animated_flipInX {
transform-origin: 50% 0%;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
opacity: 0;
}
}
.animated_flipOutX {
transform-origin: 50% 100%;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animated_zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}.cl-popup.align_left {
text-align: left;
}
.cl-popup.align_center {
text-align: center;
}
.cl-popup.align_right {
text-align: right;
}
.cl-popup-trigger img {
vertical-align: top;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cl-popup-trigger:hover img {
opacity: 0.75;
}
.cl-popup-overlay,
.cl-popup-wrap {
display: none;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
}
.cl-popup-overlay.pos_absolute,
.cl-popup-wrap.pos_absolute {
position: absolute;
}
.cl-popup-overlay.pos_fixed,
.cl-popup-wrap.pos_fixed {
position: fixed;
}
.cl-popup-overlay {
z-index: 10001;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0;
}
.cl-popup-overlay.active {
opacity: 1;
}
.cl-popup-wrap {
cursor: pointer;
z-index: 10002;
}
.cl-popup-wrap.pos_fixed {
overflow-x: hidden;
overflow-y: auto;
}
.cl-popup-closer {
position: fixed;
top: 0;
right: 0;
text-align: center;
font-weight: normal;
line-height: 76px;
height: 80px;
width: 80px;
cursor: pointer;
color: #fff;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0;
}
.cl-popup-closer:before {
content: '\00D7';
font-size: 60px;
}
@media (max-width: 600px) {
.cl-popup-closer {
line-height: 48px;
height: 50px;
width: 50px;
background-color: rgba(0, 0, 0, 0.8);
}
.cl-popup-closer:before {
font-size: 40px;
}
}
.cl-popup-box.active + .cl-popup-closer {
opacity: 0.33;
}
.cl-popup-box.active + .cl-popup-closer:hover {
opacity: 1;
}
.cl-popup-box {
position: absolute;
top: 0;
left: 50%;
cursor: default;
}
.cl-popup-box-h {
height: 100%;
overflow: hidden;
border-radius: inherit;
}
.cl-popup-box-closer {
display: none;
position: absolute;
top: 0;
right: 0;
text-align: center;
font-weight: normal;
line-height: 76px;
height: 80px;
width: 80px;
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0.33;
}
.cl-popup-box-closer:before {
content: '\00D7';
font-size: 60px;
}
.cl-popup-box-closer:hover {
opacity: 1;
}
.cl-popup-box-title {
font-size: 1.15em;
line-height: 1.5;
font-weight: bold;
padding: 15px 25px;
}
.cl-popup-box-content {
overflow: hidden;
height: 100%;
padding: 40px;
}
.cl-popup-box-content img {
vertical-align: top;
}
.cl-popup-box-content iframe {
vertical-align: top;
}
.cl-popup-box-content h1,
.cl-popup-box-content h2,
.cl-popup-box-content h3,
.cl-popup-box-content h4,
.cl-popup-box-content h5,
.cl-popup-box-content h6 {
color: inherit;
}
.cl-popup-box.paddings_none .cl-popup-box-content {
padding: 0 !important;
}
.cl-popup-box.size_s {
width: 400px;
margin-left: -200px;
padding: 25px 0;
}
.cl-popup-box.size_m {
width: 600px;
margin-left: -300px;
padding: 25px 0;
}
@media (max-width: 700px) {
.cl-popup-box.size_m {
left: 50px;
right: 50px;
width: auto;
margin-left: 0;
}
.cl-popup-box.size_m + .cl-popup-closer {
width: 50px;
}
}
.cl-popup-box.size_l {
width: 800px;
margin-left: -400px;
padding: 25px 0;
}
.cl-popup-box.size_l .cl-popup-box-content {
padding: 50px;
}
@media (max-width: 900px) {
.cl-popup-box.size_l {
left: 50px;
right: 50px;
width: auto;
margin-left: 0;
}
.cl-popup-box.size_l + .cl-popup-closer {
width: 50px;
}
}
.cl-popup-box.size_xl {
width: 1000px;
margin-left: -500px;
padding: 25px 0;
}
.cl-popup-box.size_xl .cl-popup-box-content {
padding: 50px;
}
@media (max-width: 1100px) {
.cl-popup-box.size_xl {
left: 50px;
right: 50px;
width: auto;
margin-left: 0;
}
.cl-popup-box.size_xl + .cl-popup-closer {
width: 50px;
}
}
.cl-popup-box.size_f {
left: 0;
right: 0;
}
.cl-popup-box.size_f .cl-popup-box-content {
min-height: 100vh;
}
.cl-popup-box.size_f.paddings_none + .cl-popup-closer {
background-color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 601px) {
.cl-popup-box.size_f .cl-popup-box-title {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 25px 80px 25px 40px;
font-size: 20px;
line-height: 30px;
}
.cl-popup-box.size_f.paddings_none .cl-popup-box-title {
position: static;
}
.cl-popup-box.size_f .cl-popup-box-content {
padding: 100px 5% 5%;
}
.cl-popup-box.size_f .cl-popup-box-title + .cl-popup-box-content {
padding-top: calc(5% + 80px);
}
.cl-popup-box.size_f:not(.paddings_none) .cl-popup-box-closer {
display: block;
}
.cl-popup-box.size_f:not(.paddings_none) + .cl-popup-closer {
display: none;
}
}
@media (max-width: 600px) {
.cl-popup-box.size_s,
.cl-popup-box.size_m,
.cl-popup-box.size_l,
.cl-popup-box.size_xl {
left: 0;
right: 0;
width: auto;
padding: 0;
margin: 0;
}
.cl-popup-box-title {
line-height: 20px;
padding-right: 55px;
}
.cl-popup-box-content {
padding: 25px !important;
}
}
.cl-popup-box.animation_fadeIn .cl-popup-box-h {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cl-popup-box.animation_fadeIn.active .cl-popup-box-h {
opacity: 1;
}
.cl-popup-box.animation_scaleUp .cl-popup-box-h {
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cl-popup-box.animation_scaleUp.active .cl-popup-box-h {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.cl-popup-box.animation_scaleDown .cl-popup-box-h {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cl-popup-box.animation_scaleDown.active .cl-popup-box-h {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.cl-popup-box.animation_slideTop .cl-popup-box-h {
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.cl-popup-box.animation_slideTop.active .cl-popup-box-h {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cl-popup-box.animation_slideBottom .cl-popup-box-h {
-webkit-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cl-popup-box.animation_slideBottom.active .cl-popup-box-h {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.cl-popup-box.animation_flipHor {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.cl-popup-box.animation_flipHor .cl-popup-box-h {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-70deg);
transform: rotateY(-70deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.cl-popup-box.animation_flipHor.active .cl-popup-box-h {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
.cl-popup-box.animation_flipVer {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.cl-popup-box.animation_flipVer .cl-popup-box-h {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-70deg);
transform: rotateX(-70deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.cl-popup-box.animation_flipVer.active .cl-popup-box-h {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
html.cloverlay_fixed {
overflow: hidden;
}