body
{
display:block;
}
.searchandfilter p
{
margin-top: 1em;
display:inline-block;
}
.searchandfilter ul
{
display:inline-block;
}
.searchandfilter li
{
list-style: none;
display:inline-block;
padding-right:10px;
} .widget-area .searchandfilter li, .widget-area .searchandfilter p
{
display:block;
}
.searchandfilter label
{
display:block;
}
.searchandfilter h4
{
margin:15px 0;
font-size:16px;
}
.searchandfilter ul > li > ul:not(.children)
{
margin-left:0;
}.cd-container { width: 90%;
max-width: 1170px;
margin: 0 auto;
}
.cd-container:after {
content: "";
display: table;
clear: both;
}
.cd-img-replace { display: inline-block;
overflow: hidden; white-space: nowrap;
}
.cd-product {
text-align: center;
font-size: 0;
line-height: 0;
}
.cd-product .cd-product-wrapper > ul > li,.cd-img-replace,.cd-product .cd-product-wrapper > ul,.cd-product .cd-product-wrapper > img{margin:0!important; padding: 0!important}
.cd-product-wrapper {
display: inline-block;
position: relative;
margin: 0 auto;
font-size: 0;
line-height: 0;
}
.cd-product-wrapper > img {
display: block;
max-width: 100%;
height: auto;
}
.cd-single-point {
position: absolute;
}
.cd-single-point > a {
position: relative;
z-index: 2;
display: block;
max-width: 100%; 
max-height: 100%;
border-radius: inherit;
border: none!important;
}
.cd-single-point > a img{
width: 100%;
height: 100%;
max-width: 1000px;
}
.cd-single-point.is-open .cd-more-info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
font-size: 14px;
}
@media only screen and (min-width: 600px) {
.cd-single-point.is-open .cd-more-info.cd-left {
right: 140%;
}
.cd-single-point.is-open .cd-more-info.cd-right {
left: 140%;
}
.cd-single-point.is-open .cd-more-info.cd-top {
bottom: 140%;
}
.cd-single-point.is-open .cd-more-info.cd-bottom {
top: 140%;
}
}
.cd-single-point .cd-more-info {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
text-align: left;
line-height: 1.5;
background-color: rgba(255, 255, 255, 0.95);
padding: 2em 1em 1em;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point .cd-more-info::before { content: '';
position: absolute;
height: 0;
width: 0;
display: none;
border: 8px solid transparent;
}
.cd-single-point .cd-more-info h2 {
font-size: 22px;
font-size: 1.375rem;
margin-bottom: .6em;
}
.cd-single-point .cd-more-info p {
color: #000;
}
@media only screen and (min-width: 600px) {
.cd-single-point .cd-more-info {
position: absolute;
width: 220px;
height: 240px;
padding: 1.2em;
overflow-y: visible;
line-height: 1.4;
border-radius: 0.25em;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.cd-single-point .cd-more-info::before {
display: block;
}
.cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-single-point .cd-more-info.cd-left::before, .cd-single-point .cd-more-info.cd-right::before {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-single-point .cd-more-info.cd-left {
right: 160%;
left: auto;
}
.cd-single-point .cd-more-info.cd-left::before {
border-left-color: rgba(255, 255, 255, 0.95);
left: 100%;
}
.cd-single-point .cd-more-info.cd-right {
left: 160%;
}
.cd-single-point .cd-more-info.cd-right::before {
border-right-color: rgba(255, 255, 255, 0.95);
right: 100%;
}
.cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.cd-single-point .cd-more-info.cd-top::before, .cd-single-point .cd-more-info.cd-bottom::before {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.cd-single-point .cd-more-info.cd-top {
bottom: 160%;
top: auto;
}
.cd-single-point .cd-more-info.cd-top::before {
border-top-color: rgba(255, 255, 255, 0.95);
top: 100%;
}
.cd-single-point .cd-more-info.cd-bottom {
top: 160%;
}
.cd-single-point .cd-more-info.cd-bottom::before {
border-bottom-color: rgba(255, 255, 255, 0.95);
bottom: 100%;
}
.cd-single-point .cd-more-info h2 {
font-size: 20px;
font-size: 1.25em;
margin-bottom: 10px;
}
.cd-single-point .cd-more-info p {
font-size: 14px;
font-size: 0.85em;
}
} .cd-close-info {
position: fixed;
top: 0;
right: 0;
height: 44px;
width: 44px;
}
.cd-close-info::after, .cd-close-info:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
background-color: #475f74;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.cd-close-info::after {
height: 2px;
width: 16px;
}
.cd-close-info::before {
height: 16px;
width: 2px;
}
@media only screen and (min-width: 600px) {
.cd-close-info {
border-bottom: none!important;
width: 30px;
height: 30px;
}
}
.cd-more-content-info{overflow: auto;max-height: 190px;}
.cd-more-content-info h2{margin-top: 10px!important;}
.cd-more-content-info {
margin-top: 20px;
}@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
}
100% {
-webkit-transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
}
@-moz-keyframes cd-pulse {
0% {
-moz-transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
}
100% {
-moz-transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
}
100% {
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
-ms-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
} @-webkit-keyframes cd-rotate {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes cd-rotate {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@keyframes cd-rotate {
0% { -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg); }
} @-webkit-keyframes cd-scale {
0% { -webkit-transform: scale(0.5); }
100% { -webkit-transform: scale(1.5); }
}
@-moz-keyframes cd-scale {
0% { -moz-transform: scale(0.5); }
100% { -moz-transform: scale(1.5);}
}
@keyframes cd-scale {
0% { -webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5); }
100% { -webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5); }
} @-webkit-keyframes cd-opacity {
0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5;  -khtml-opacity: 0.5; opacity: 0.5; }
100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 1;  -khtml-opacity: 1; opacity: 1; }
}
@-moz-keyframes cd-opacity {
0% { -moz-opacity: 0.5; }
100% { -moz-opacity: 1; }
}
@keyframes cd-opacity {
0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5;  -khtml-opacity: 0.5; opacity: 0.5; }
100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 1;  -khtml-opacity: 1; opacity: 1; }
} @-webkit-keyframes cd-rubber {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-moz-keyframes cd-rubber {
0% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-moz-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-moz-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-moz-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-moz-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-moz-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes cd-rubber {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} @-webkit-keyframes cd-shake {
0%, 60%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
64%, 72%, 80%, 88%, 96% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
68%, 76%, 84%, 92% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@-moz-keyframes cd-shake {
0%, 60%, 100%  {
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
64%, 72%, 80%, 88%, 96%{
-moz-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
68%, 76%, 84%, 92% {
-moz-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@keyframes cd-shake {
0%, 60%, 100%  {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
64%, 72%, 80%, 88%, 96%{
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
68%, 76%, 84%, 92% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@-webkit-keyframes cd-shake-hover {
0%,50%,100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
55%, 65%, 75%, 85%, 95% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
60%, 70%, 80%, 90% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@-moz-keyframes cd-shake-hover {
0%,50%,100% {
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
55%, 65%, 75%, 85%, 95% {
-moz-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
60%, 70%, 80%, 90% {
-moz-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@keyframes cd-shake-hover {
0%,50%,100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
55%, 65%, 75%, 85%, 95% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
60%, 70%, 80%, 90% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
} @-webkit-keyframes cd-bounce {
0%, 60%, 68%, 81.2%, 92%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
76%, 77.2% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -90%, 0);
transform: translate3d(0, -90%, 0);
}
88% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -45%, 0);
transform: translate3d(0, -45%, 0);
}
99% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-12%,0);
}
}
@-moz-keyframes cd-bounce {
0%, 60%, 68%, 81.2%, 92%, 100% {
-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
76%, 77.2% {
-moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-moz-transform: translate3d(0, -90%, 0);
transform: translate3d(0, -90%, 0);
}
88% {
-moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-moz-transform: translate3d(0, -45%, 0);
transform: translate3d(0, -45%, 0);
}
99% {
-moz-transform: translate3d(0,-12%,0);
transform: translate3d(0,-12%,0);
}
}
@keyframes cd-bounce {
0%, 60%, 68%, 81.2%, 92%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
76%, 77.2% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -90%, 0);
transform: translate3d(0, -90%, 0);
}
88% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -45%, 0);
transform: translate3d(0, -45%, 0);
}
99% {
-webkit-transform: translate3d(0,-12%,0);
transform: translate3d(0,-12%,0);
}
} @-webkit-keyframes cd-tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-moz-keyframes cd-tada {
0% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-moz-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% {
-moz-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);
}
100% {
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes cd-tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} @-webkit-keyframes cd-flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-moz-keyframes cd-flip {
0% {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px);
transform: perspective(400px);
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes cd-flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
} @keyframes cd-floating {
0% {
transform: translateY(0%);  
}
50% {
transform: translateY(8%);  
} 
100% {
transform: translateY(0%);
}     
}
@-moz-keyframes cd-floating {
0% {
-moz-transform: translateY(0%); 
}
50% {
-moz-transform: translateY(8%); 
} 
100% {
-moz-transform: translateY(0%);
}     
}
@-webkit-keyframes cd-floating {
0% {
-webkit-transform: translateY(0%);  
}
50% {
-webkit-transform: translateY(8%);  
} 
100% {
-webkit-transform: translateY(0%);
}     
} @keyframes cd-tossing {
0% {
transform: rotate(-10deg);  
}
50% {
transform: rotate(10deg);
}
100% {
transform: rotate(-10deg);  
}           
}
@-moz-keyframes cd-tossing {
0% {
-moz-transform: rotate(-10deg); 
}
50% {
-moz-transform: rotate(10deg);
}
100% {
-moz-transform: rotate(-10deg); 
}       
}
@-webkit-keyframes cd-tossing {
0% {
-webkit-transform: rotate(-10deg);  
}
50% {
-webkit-transform: rotate(10deg);
}
100% {
-webkit-transform: rotate(-10deg);  
}       
} @keyframes heart-beat {
0% {
transform: scale(0.8);
opacity: 0.7;   
}
50% {
transform: scale(1);
opacity: 1; 
} 
100% {
transform: scale(0.8);
opacity: 0.7; 
}     
}
@-moz-keyframes heart-beat {
0% {
-moz-transform: scale(0.8);
opacity: 0.7;   
}
50% {
-moz-transform: scale(1);
opacity: 1; 
} 
100% {
-moz-transform: scale(0.8);
opacity: 0.7; 
}     
}
@-webkit-keyframes heart-beat {
0% {
-webkit-transform: scale(0.8);
opacity: 0.7;   
}
50% {
-webkit-transform: scale(1);
opacity: 1; 
} 
100% {
-webkit-transform: scale(0.8);
opacity: 0.7; 
}     
}
@-webkit-keyframes hot_spot {
0%    {-webkit-transform: scale(0.1); opacity: 0.0;}
50%   {opacity: 0.7;}
100%  {-webkit-transform: scale(1); opacity: 0.0;}
}
@-moz-keyframes hot_spot {
0%    {transform: scale(0.1); opacity: 0.0;}
50%   {opacity: 0.7;}
100%  {transform: scale(1); opacity: 0.0;}
}
@keyframes hot_spot {
0%    {transform: scale(0.1); opacity: 0.0;}
50%   {opacity: 0.7;}
100%  {transform: scale(1); opacity: 0.0;}
} @-webkit-keyframes cd-roaatate {
0% {  }
100% {  }
}
@-moz-keyframes cd-rotaaate {
}
@keyframes cd-rotaaate {
}.cd-poi-pulse > a{box-shadow:0 0 10px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3);-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.cd-poi-pulse::after{content:'';position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;border-radius:inherit;background-color:transparent;}
.cd-poi-pulse > a::after,.cd-poi-pulse > a:before{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:#fff;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}
.cd-poi-pulse > a::after{height:2px;width:12px}
.cd-poi-pulse > a::before{height:12px;width:2px}
.cd-poi-pulse.off-hover::after,.cd-poi-pulse.on-hover:hover::after{-webkit-animation:cd-pulse 1.5s infinite;-moz-animation:cd-pulse 1.5s infinite;animation:cd-pulse 1.5s infinite} .cd-poi-pulse.off-hover.is-open > a::after,.cd-poi-pulse.is-open.off-hover > a::before{-webkit-transform:translateX(-50%) translateY(-50%) rotate(135deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(135deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(135deg);-o-transform:translateX(-50%) translateY(-50%) rotate(135deg);transform:translateX(-50%) translateY(-50%) rotate(135deg)}
.cd-poi-pulse.off-hover.is-open::after{display:none} .cd-poi-pulse.off-hover.visited::after{display:none} .cd-poi-rotate.off-hover > a,.cd-poi-rotate.on-hover:hover > a{
-webkit-animation:cd-rotate 1s infinite;-moz-animation:cd-rotate 1s infinite;animation:cd-rotate 1s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-rotate.is-open.off-hover > a,.cd-poi-rotate.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-scale.off-hover > a,.cd-poi-scale.on-hover:hover > a{
-webkit-animation:cd-scale 1s infinite;-moz-animation:cd-scale 1s infinite;animation:cd-scale 1s infinite;
-webkit-animation-timing-function: ease;-moz-animation-timing-function: ease;animation-timing-function: ease;
}
.cd-poi-scale.is-open.cd-poi-scale.off-hover > a > a,.cd-poi-scale.visited.cd-poi-scale.off-hover > a > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-opacity.off-hover > a,.cd-poi-opacity.on-hover:hover > a{
-webkit-animation:cd-opacity 1s infinite;-moz-animation:cd-opacity 1s infinite;animation:cd-opacity 1s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-opacity.is-open.off-hover > a,.cd-poi-opacity.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-gray > a{
opacity: 0.7;	filter: alpha(opacity=70);	
-webkit-transition-duration: .3s;	-moz-transition-duration: .3s;	-ms-transition-duration: .3s;	-o-transition-duration: .3s;	transition-duration: .3s;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);
}
.cd-poi-gray.on-hover > a:hover,.cd-poi-gray.off-hover.is-open > a,.cd-poi-gray.off-hover.visited > a{
opacity: 1;	filter: alpha(opacity=100);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");	-webkit-filter: grayscale(0%);
} .cd-poi-rubber.off-hover > a,.cd-poi-rubber.on-hover:hover > a{
-webkit-animation:cd-rubber 1.5s infinite;-moz-animation:cd-rubber 1.5s infinite;animation:cd-rubber 1.5s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-opacity.is-open.off-hover > a,.cd-poi-opacity.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-shake.off-hover > a{
-webkit-animation:cd-shake 3s infinite;-moz-animation:cd-shake 3s infinite;animation:cd-shake 3s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-shake.on-hover:hover > a{
-webkit-animation:cd-shake-hover 1s infinite;-moz-animation:cd-shake-hover 1s infinite;animation:cd-shake-hover 1s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-shake.is-open.off-hover > a,.cd-poi-shake.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-bounce.off-hover > a{
-webkit-animation:cd-bounce 3s infinite;-moz-animation:cd-bounce 3s infinite;animation:cd-bounce 3s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-bounce.on-hover:hover > a{
-webkit-animation:cd-bounce 2s infinite;-moz-animation:cd-bounce 2s infinite;animation:cd-bounce 2s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-bounce.is-open.off-hover > a,.cd-poi-bounce.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-tada.off-hover > a,.cd-poi-tada.on-hover:hover > a{
-webkit-animation:cd-tada 1.5s infinite;-moz-animation:cd-tada 1.5s infinite;animation:cd-tada 1.5s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-tada.is-open.off-hover > a,.cd-poi-tada.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-flip.off-hover > a,.cd-poi-flip.on-hover:hover > a{
-webkit-animation:cd-flip 1.5s infinite;-moz-animation:cd-flip 1.5s infinite;animation:cd-flip 1.5s infinite;
}
.cd-poi-flip.is-open.off-hover > a,.cd-poi-flip.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-floating.off-hover > a,.cd-poi-floating.on-hover:hover > a{
-webkit-animation:cd-floating 1s infinite;-moz-animation:cd-floating 1s infinite;animation:cd-floating 1s infinite;
}
.cd-poi-floating.is-open.off-hover > a,.cd-poi-floating.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-tossing.off-hover > a,.cd-poi-tossing.on-hover:hover > a{
-webkit-animation:cd-tossing 1s infinite;-moz-animation:cd-tossing 1s infinite;animation:cd-tossing 1s infinite;
-webkit-animation-timing-function: ease;-moz-animation-timing-function: ease;animation-timing-function: ease;
}
.cd-poi-tossing.is-open.off-hover > a,.cd-poi-tossing.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-poi-heart-beat.off-hover > a,.cd-poi-heart-beat.on-hover:hover > a{
-webkit-animation:heart-beat 1.5s infinite;-moz-animation:heart-beat 1.5s infinite;animation:heart-beat 1.5s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-heart-beat.is-open.off-hover > a,.cd-poi-heart-beat.visited.off-hover > a{
-webkit-animation: none;-moz-animation: none;animation: none;
} .cd-hot-spot{position:relative;}
.cd-hot-spot.off-hover:after{border-radius: 100%;content: '';width: 150%; height: 150%;position:absolute;top:-25%;left:-25%;background:red;z-index: 1;
-webkit-animation:hot_spot 1.5s infinite;-moz-animation:hot_spot 1.5s infinite;animation:hot_spot 1.5s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-hot-spot.on-hover:hover:after{
border-radius: 100%;content: '';width: 150%; height: 150%;position:absolute;top:-25%;left:-25%;background:red;z-index: 1;
-webkit-animation:hot_spot 1s infinite;-moz-animation:hot_spot 1s infinite;animation:hot_spot 1s infinite;
-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;
}
.cd-poi-hot-spot > a{position: relative;z-index: 2;}
.cd-poi-hot-spot.is-open.off-hover:after,.cd-poi-hot-spot.visited.off-hover:after{
-webkit-animation: none;-moz-animation: none;animation: none;
}