Showing source for: https://dietmoitamphat.com/
Duration: 2.308708s
Server: nginx
<!DOCTYPE html>
<html lang="vi">
<head>
<meta name="google-site-verification" content="wLagZJYIZ21x2ZnCHTK2TNxxn5n4oGpcQWy5xHJtefo" />
<!--UTF-8 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Base Href -->
<base href="https://dietmoitamphat.com/"/>
<!-- Title, Keywords, Description -->
<title>Công ty Diệt Mối Và Diệt Côn Trùng TPHCM Uy Tín</title>
<meta name="keywords" content="dịch vụ diệt côn trùng, công ty diệt côn trùng, cong ty diet con trung, cong ty diet moi"/>
<meta name="description" content="Công ty dịch vụ diệt mối và côn trùng chuyên nghiệp Giá Rẻ uy tín TPHCM , Hà Nội và Toàn Quốc. Nhận tư vấn khảo sát, báo giá MIỄN PHÍ Trong Tháng Này TẠI ĐÂY."/>
<!-- Robots -->
<meta name="robots" content="noodp,index,follow" />
<!-- Favicon -->
<link href="upload/photo/favicon_15111101102019.jpg" rel="shortcut icon" type="image/x-icon" />
<!-- Google Webmaster Tool -->
<meta name="google-site-verification" content="BqeEooD8KHr8sfut__rzhXhzEeg8ou4IPPkqZfMLaZU" />
<!-- GEO meta -->
<meta name="geo.region" content="VN" />
<meta name="geo.placename" content="Hồ Chí Minh" />
<meta name="geo.position" content="10.823099;106.629664" />
<meta name="ICBM" content="10.823099, 106.629664" />
<!-- Author - Copyright -->
<meta name='revisit-after' content='1 days' />
<meta name="author" content="Diệt Mối Tâm Phát" />
<meta name="copyright" content="Diệt Mối Tâm Phát [[email protected]]" />
<!-- Share Image Facebook -->
<meta property="og:image:width" content="675" />
<meta property="og:image:height" content="1000" />
<!-- Google Plus -->
<meta itemprop="name" content="Công ty Diệt Mối Và Diệt Côn Trùng TPHCM Uy Tín">
<meta itemprop="description" content="Công ty dịch vụ diệt mối và côn trùng chuyên nghiệp Giá Rẻ uy tín TPHCM , Hà Nội và Toàn Quốc. Nhận tư vấn khảo sát, báo giá MIỄN PHÍ Trong Tháng Này TẠI ĐÂY.">
<meta itemprop="image" content="https://dietmoitamphat.com/upload/photo/logo1_15003501102019.jpg"/>
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Công ty Diệt Mối Và Diệt Côn Trùng TPHCM Uy Tín" />
<meta name="twitter:description" content="Công ty dịch vụ diệt mối và côn trùng chuyên nghiệp Giá Rẻ uy tín TPHCM , Hà Nội và Toàn Quốc. Nhận tư vấn khảo sát, báo giá MIỄN PHÍ Trong Tháng Này TẠI ĐÂY." />
<!-- Canonical -->
<link rel="canonical" href="https://dietmoitamphat.com:443/" />
<!-- Chống đổi màu trên IOS -->
<meta name="format-detection" content="telephone=no">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150928523-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-150928523-1');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M5H5NLN');</script>
<!-- End Google Tag Manager <!-- Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- CSS DESKTOP -->
<style type="text/css">
/*moi*/
.text_nd {
text-align: center;
font-size: 30px;
color: #666666
}
#desc {
margin-bottom: 10px;
}
.text_nd span {
font-size: 20px;
color: #005861;
cursor: pointer;
}
.text_nd .an_nd.noactive {
display: none;
}
.text_nd .hien_nd {
display: none;
}
.text_nd .hien_nd.active {
display: inline-block;
}
.toc-list,
.box-readmore {
transition: 1s;
}
.toc-list.noactive {
display: none;
}
.box-readmore.noactive {
display: inline-block;
}
#main-mota ul {
list-style: initial !important;
}
#main-mota {
height: 150px;
overflow: hidden;
transition: all 0.4s;
}
.btn-view-more {
margin-bottom: 15px;
margin-top: 10px;
text-align: center;
}
#wrap-phone a span {
display: block;
}
.btn-view-more a {
transition: all 0.4s;
width: 126px;
height: 36px;
display: inline-block;
text-align: center;
line-height: 36px;
border-radius: 4px;
background: #005861;
font-family: var(--black-font);
font-size: 14px;
color: #fff;
text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(255, 255, 255, .5);
}
#main-mota.active {
height: auto;
}
.box-readmore {
padding: 10px;
border: 1px solid #dedede;
margin-bottom: 1rem
}
.box-readmore li ul>li {
margin: 0;
margin-bottom: 8px
}
.box-readmore li ul>li:before {
content: counters(item, ".") " "
}
.box-readmore ul {
list-style-type: none;
counter-reset: item;
margin-bottom: 0px;
padding-left: 0px !important;
margin-top: 8px;
}
.box-readmore ul li {
display: table;
counter-increment: item;
margin-bottom: 5px
}
.box-readmore ul li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 10px
}
.box-readmore ul li a {
color: #cd1818 !important;
cursor: pointer;
font-weight: 700;
}
@media (max-width: 1024px) {
.header {
padding-bottom: 10px;
}
}
@charset "UTF-8";
@-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: .75s;
animation-duration: .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: .75s;
animation-duration: .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: .75s;
animation-duration: .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: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s
}
@media (print),
(prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important
}
}
@font-face {
font-family: 'FontAwesome';
src: url(assets/css/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);
src: url(assets/css/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(assets/css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(assets/css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(assets/css/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(assets/css/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
font-weight: 400;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before,
.fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before,
.fa-users:before {
content: "\f0c0"
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before,
.fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155"
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158"
}
.fa-won:before,
.fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper-pp:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240"
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241"
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242"
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-sticky-note-o:before {
content: "\f24a"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-clone:before {
content: "\f24d"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-hourglass-o:before {
content: "\f250"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251"
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255"
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256"
}
.fa-hand-scissors-o:before {
content: "\f257"
}
.fa-hand-lizard-o:before {
content: "\f258"
}
.fa-hand-spock-o:before {
content: "\f259"
}
.fa-hand-pointer-o:before {
content: "\f25a"
}
.fa-hand-peace-o:before {
content: "\f25b"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-registered:before {
content: "\f25d"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-safari:before {
content: "\f267"
}
.fa-chrome:before {
content: "\f268"
}
.fa-firefox:before {
content: "\f269"
}
.fa-opera:before {
content: "\f26a"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-tv:before,
.fa-television:before {
content: "\f26c"
}
.fa-contao:before {
content: "\f26d"
}
.fa-500px:before {
content: "\f26e"
}
.fa-amazon:before {
content: "\f270"
}
.fa-calendar-plus-o:before {
content: "\f271"
}
.fa-calendar-minus-o:before {
content: "\f272"
}
.fa-calendar-times-o:before {
content: "\f273"
}
.fa-calendar-check-o:before {
content: "\f274"
}
.fa-industry:before {
content: "\f275"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-map-o:before {
content: "\f278"
}
.fa-map:before {
content: "\f279"
}
.fa-commenting:before {
content: "\f27a"
}
.fa-commenting-o:before {
content: "\f27b"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-vimeo:before {
content: "\f27d"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-fonticons:before {
content: "\f280"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-edge:before {
content: "\f282"
}
.fa-credit-card-alt:before {
content: "\f283"
}
.fa-codiepie:before {
content: "\f284"
}
.fa-modx:before {
content: "\f285"
}
.fa-fort-awesome:before {
content: "\f286"
}
.fa-usb:before {
content: "\f287"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-scribd:before {
content: "\f28a"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-pause-circle-o:before {
content: "\f28c"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stop-circle-o:before {
content: "\f28e"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-bluetooth:before {
content: "\f293"
}
.fa-bluetooth-b:before {
content: "\f294"
}
.fa-percent:before {
content: "\f295"
}
.fa-gitlab:before {
content: "\f296"
}
.fa-wpbeginner:before {
content: "\f297"
}
.fa-wpforms:before {
content: "\f298"
}
.fa-envira:before {
content: "\f299"
}
.fa-universal-access:before {
content: "\f29a"
}
.fa-wheelchair-alt:before {
content: "\f29b"
}
.fa-question-circle-o:before {
content: "\f29c"
}
.fa-blind:before {
content: "\f29d"
}
.fa-audio-description:before {
content: "\f29e"
}
.fa-volume-control-phone:before {
content: "\f2a0"
}
.fa-braille:before {
content: "\f2a1"
}
.fa-assistive-listening-systems:before {
content: "\f2a2"
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3"
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4"
}
.fa-glide:before {
content: "\f2a5"
}
.fa-glide-g:before {
content: "\f2a6"
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7"
}
.fa-low-vision:before {
content: "\f2a8"
}
.fa-viadeo:before {
content: "\f2a9"
}
.fa-viadeo-square:before {
content: "\f2aa"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fa-snapchat-ghost:before {
content: "\f2ac"
}
.fa-snapchat-square:before {
content: "\f2ad"
}
.fa-pied-piper:before {
content: "\f2ae"
}
.fa-first-order:before {
content: "\f2b0"
}
.fa-yoast:before {
content: "\f2b1"
}
.fa-themeisle:before {
content: "\f2b2"
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3"
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4"
}
.fa-handshake-o:before {
content: "\f2b5"
}
.fa-envelope-open:before {
content: "\f2b6"
}
.fa-envelope-open-o:before {
content: "\f2b7"
}
.fa-linode:before {
content: "\f2b8"
}
.fa-address-book:before {
content: "\f2b9"
}
.fa-address-book-o:before {
content: "\f2ba"
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb"
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc"
}
.fa-user-circle:before {
content: "\f2bd"
}
.fa-user-circle-o:before {
content: "\f2be"
}
.fa-user-o:before {
content: "\f2c0"
}
.fa-id-badge:before {
content: "\f2c1"
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2"
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3"
}
.fa-quora:before {
content: "\f2c4"
}
.fa-free-code-camp:before {
content: "\f2c5"
}
.fa-telegram:before {
content: "\f2c6"
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7"
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8"
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9"
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca"
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb"
}
.fa-shower:before {
content: "\f2cc"
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd"
}
.fa-podcast:before {
content: "\f2ce"
}
.fa-window-maximize:before {
content: "\f2d0"
}
.fa-window-minimize:before {
content: "\f2d1"
}
.fa-window-restore:before {
content: "\f2d2"
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3"
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4"
}
.fa-bandcamp:before {
content: "\f2d5"
}
.fa-grav:before {
content: "\f2d6"
}
.fa-etsy:before {
content: "\f2d7"
}
.fa-imdb:before {
content: "\f2d8"
}
.fa-ravelry:before {
content: "\f2d9"
}
.fa-eercast:before {
content: "\f2da"
}
.fa-microchip:before {
content: "\f2db"
}
.fa-snowflake-o:before {
content: "\f2dc"
}
.fa-superpowers:before {
content: "\f2dd"
}
.fa-wpexplorer:before {
content: "\f2de"
}
.fa-meetup:before {
content: "\f2e0"
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.ddsmoothmenu {}
.ddsmoothmenu ul {
z-index: 100;
margin: 0;
padding: 0;
list-style-type: none
}
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left
}
.ddsmoothmenu ul li a {
display: block;
color: #fff;
color: #2d2b2b;
text-decoration: none
}
* html .ddsmoothmenu ul li a {
display: inline-block
}
.ddsmoothmenu ul li a:link,
.ddsmoothmenu ul li a:visited {
color: #fff
}
.ddsmoothmenu ul li a.selected {}
.ddsmoothmenu ul li a:hover {}
.ddsmoothmenu ul li ul {
position: absolute;
left: -3000px;
display: none;
visibility: hidden
}
.ddsmoothmenu ul li ul li {
display: list-item;
float: none
}
.ddsmoothmenu ul li ul li ul {
top: 0
}
.ddsmoothmenu ul li ul li a {
margin: 0;
}
* html .ddsmoothmenu {
height: 1%
}
.downarrowclass {
position: absolute;
top: 12px;
right: 7px
}
.rightarrowclass {
position: absolute;
top: 6px;
right: 5px
}
.leftarrowclass {
margin-right: 5px
}
.ddshadow {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #ccc
}
.toplevelshadow {
margin: 5px 0 0 5px;
opacity: .8
}
.ddcss3support .ddshadow.toplevelshadow {
margin: 0
}
.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #aaa;
-moz-box-shadow: 5px 5px 5px #aaa;
-webkit-box-shadow: 5px 5px 5px #aaa
}
div.ddsmoothmobile {
background: #414141;
color: #fff;
position: fixed;
top: 0;
left: 0;
width: 200px;
height: 300px;
overflow: hidden;
visibility: hidden;
border-radius: 0 0 10px 0;
box-shadow: 0 0 10px gray
}
div.ddsmoothmobile a {
color: #fff;
text-decoration: none
}
div.ddsmoothmobile div.topulsdiv {
position: relative;
background: #414141;
overflow-y: auto;
width: 100%;
height: 100%
}
div.ddsmoothmobile ul {
list-style: none;
width: 100%;
top: 0;
left: 0;
background: #414141;
margin: 0;
padding: 0
}
div.ddsmoothmobile ul.submenu {
position: absolute;
height: 100%;
overflow-y: auto
}
div.ddsmoothmobile ul li {
border-bottom: 1px solid gray;
position: relative;
font-weight: 700
}
div.ddsmoothmobile ul li.breadcrumb {
cursor: pointer;
padding: 10px;
background: #000
}
div.ddsmoothmobile ul li a {
display: block;
padding: 6px
}
div.ddsmoothmobile ul li a:hover {
background: #000
}
.animateddrawer {
font-size: 10px;
width: 3em;
height: 2.8em;
outline: none;
position: fixed;
display: none;
top: 10px;
right: 10px;
background: #fff;
z-index: 1000
}
.animateddrawer:before,
.animateddrawer:after {
position: absolute;
content: '';
display: block;
width: 100%;
height: .6em;
background: #000;
border-radius: 2px;
top: 0;
left: 0;
opacity: 1;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in
}
.animateddrawer:after {
top: auto;
bottom: 0
}
.animateddrawer span {
width: 100%;
height: .6em;
background: #000;
position: absolute;
top: 50%;
margin-top: -.3em;
border-radius: 2px;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .3s ease-in .3s;
transition: all .3s ease-in .3s
}
.animateddrawer span::after {
content: '';
display: block;
width: 100%;
height: .6em;
background: #000;
border-radius: 2px;
position: absolute;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .3s ease-in .3s;
transition: all .3s ease-in .3s
}
.animateddrawer.open:before {
top: 50%;
margin-top: -.3em;
opacity: 0
}
.animateddrawer.open:after {
bottom: 50%;
opacity: 0
}
.animateddrawer.open span {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.animateddrawer.open span:after {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.mm-menu.mm-horizontal>.mm-panel {
-webkit-transition: -webkit-transform .4s ease;
transition: transform .4s ease
}
.mm-menu .mm-hidden {
display: none
}
.mm-wrapper {
overflow-x: hidden;
position: relative
}
.mm-menu,
.mm-menu>.mm-panel {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0
}
.mm-menu {
background: inherit;
display: block;
overflow: hidden;
padding: 0
}
.mm-menu>.mm-panel {
background: inherit;
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 20px;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0)
}
.mm-menu>.mm-panel.mm-opened {
-webkit-transform: translate(0%, 0);
-moz-transform: translate(0%, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate(0%, 0);
transform: translate(0%, 0)
}
.mm-menu>.mm-panel.mm-subopened {
-webkit-transform: translate(-30%, 0);
-moz-transform: translate(-30%, 0);
-ms-transform: translate(-30%, 0);
-o-transform: translate(-30%, 0);
transform: translate(-30%, 0)
}
.mm-menu>.mm-panel.mm-highest {
z-index: 1
}
.mm-menu .mm-list {
padding: 20px 0
}
.mm-menu>.mm-list {
padding-bottom: 0
}
.mm-menu>.mm-list:after {
content: '';
display: block;
height: 40px
}
.mm-panel>.mm-list {
margin-left: -20px;
margin-right: -20px
}
.mm-panel>.mm-list:first-child {
padding-top: 0
}
.mm-list,
.mm-list>li {
list-style: none;
display: block;
padding: 0;
margin: 0
}
.mm-list {
font: inherit
}
.mm-list a,
.mm-list a:hover {
text-decoration: none
}
.mm-list>li {
position: relative
}
.mm-list>li>a,
.mm-list>li>span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
line-height: 20px;
display: block;
padding: 10px 10px 10px 20px;
margin: 0;
transition: .3s
}
.mm-list>li>a:hover {
background-color: rgba(255, 255, 255, 0.1)
}
.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
width: auto;
margin-left: 20px;
position: relative;
left: auto
}
.mm-list a.mm-subopen {
background: rgba(3, 2, 1, 0);
width: 80px;
height: 100%;
padding: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2
}
.mm-list a.mm-subopen:before {
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.mm-list a.mm-subopen.mm-fullsubopen {
width: 100%
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
border-left: none
}
.mm-list a.mm-subopen+a,
.mm-list a.mm-subopen+span {
padding-right: 5px;
margin-right: 80px
}
.mm-list>li.mm-selected>a.mm-subopen {
background: transparent
}
.mm-list>li.mm-selected>a.mm-fullsubopen+a,
.mm-list>li.mm-selected>a.mm-fullsubopen+span {
padding-right: 45px;
margin-right: 0
}
.mm-list a.mm-subclose {
text-indent: 20px;
padding-top: 30px;
margin-top: -20px
}
.mm-list>li.mm-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px;
padding-right: 5px
}
.mm-list>li.mm-spacer {
padding-top: 40px
}
.mm-list>li.mm-spacer.mm-label {
padding-top: 25px
}
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
content: '';
border: 2px solid transparent;
display: inline-block;
width: 7px;
height: 7px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-bottom: -5px;
position: absolute;
bottom: 50%
}
.mm-list a.mm-subopen:after {
border-top: none;
border-left: none;
right: 36px
}
.mm-list a.mm-subclose:before {
border-right: none;
border-bottom: none;
margin-bottom: -15px;
left: 22px
}
.mm-menu.mm-vertical .mm-list .mm-panel {
display: none;
padding: 10px 0 10px 10px
}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
border-color: transparent
}
.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel {
display: block
}
.mm-menu.mm-vertical .mm-list>li>a.mm-subopen {
height: 40px
}
.mm-menu.mm-vertical .mm-list>li>a.mm-subopen:after {
top: 16px;
bottom: auto
}
.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.mm-menu.mm-vertical .mm-list>li.mm-label>a.mm-subopen {
height: 25px
}
html.mm-opened .mm-page {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.mm-menu {
background: #333;
color: rgba(255, 255, 255, 0.6)
}
.mm-menu .mm-list>li:after {
border-color: rgba(0, 0, 0, 0.15)
}
.mm-menu .mm-list>li>a.mm-subclose {
background: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.3)
}
.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
border-color: rgba(255, 255, 255, 0.3)
}
.mm-menu .mm-list>li>a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.15)
}
.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu .mm-list>li.mm-selected>span {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu .mm-list>li.mm-label {
background: rgba(255, 255, 255, 0.05)
}
.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened>ul {
background: rgba(255, 255, 255, 0.05)
}
.mm-page {
box-sizing: border-box;
position: relative
}
.mm-slideout {
-webkit-transition: -webkit-transform .4s ease;
-ms-transition: -ms-transform .4s ease;
transition: transform .4s ease
}
html.mm-opened {
overflow: hidden;
position: relative
}
html.mm-opened body {
overflow: hidden
}
html.mm-background .mm-page {
background: inherit
}
#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999
}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
display: block
}
.mm-menu.mm-offcanvas {
display: none;
position: fixed
}
.mm-menu.mm-current {
display: block
}
.mm-menu {
width: 80%;
min-width: 140px;
max-width: 440px
}
html.mm-opening .mm-slideout {
-webkit-transform: translate(80%, 0);
-moz-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
-o-transform: translate(80%, 0);
transform: translate(80%, 0)
}
@media all and (max-width:175px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0)
}
}
@media all and (min-width:550px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(440px, 0);
-moz-transform: translate(440px, 0);
-ms-transform: translate(440px, 0);
-o-transform: translate(440px, 0);
transform: translate(440px, 0)
}
}
.mm-buttonbar {
border: 1px solid transparent;
border-radius: 5px;
text-align: center;
line-height: 20px;
overflow: hidden;
display: block;
padding: 0;
margin: 0;
position: relative
}
.mm-buttonbar:after {
content: '';
display: block;
clear: both
}
.mm-buttonbar>* {
border-left: 1px solid transparent;
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.mm-buttonbar>a {
text-decoration: none
}
.mm-buttonbar>input {
position: absolute;
left: -1000px;
top: -1000px
}
.mm-buttonbar>input:checked+label {
border-color: transparent !important
}
.mm-buttonbar> :first-child,
.mm-buttonbar>input:first-child+* {
border-left: none
}
.mm-buttonbar.mm-buttonbar-2>* {
width: 50%
}
.mm-buttonbar.mm-buttonbar-3>* {
width: 33.33%
}
.mm-buttonbar.mm-buttonbar-4>* {
width: 25%
}
.mm-buttonbar.mm-buttonbar-5>* {
width: 20%
}
.mm-header .mm-buttonbar {
margin-top: 20px;
margin-left: -30px;
margin-right: -30px
}
.mm-footer .mm-buttonbar {
border: none;
border-radius: none;
line-height: 40px;
margin: -10px -10px 0 -20px
}
.mm-footer .mm-buttonbar>* {
border-left: none
}
.mm-list>li>.mm-buttonbar {
margin: 10px 20px
}
.mm-menu .mm-buttonbar {
border-color: rgba(255, 255, 255, 0.6);
background: #333
}
.mm-menu .mm-buttonbar>* {
border-color: rgba(255, 255, 255, 0.6)
}
.mm-menu .mm-buttonbar>input:checked+label {
background: rgba(255, 255, 255, 0.6);
color: #333
}
em.mm-counter {
font: inherit;
font-size: 14px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -10px;
position: absolute;
right: 40px;
top: 50%
}
em.mm-counter+a.mm-subopen {
padding-left: 40px
}
em.mm-counter+a.mm-subopen+a,
em.mm-counter+a.mm-subopen+span {
margin-right: 80px
}
em.mm-counter+a.mm-fullsubopen {
padding-left: 0
}
.mm-vertical em.mm-counter {
top: 12px;
margin-top: 0
}
.mm-nosubresults>em.mm-counter {
display: none
}
.mm-menu em.mm-counter {
color: rgba(255, 255, 255, 0.3)
}
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
-webkit-transition-duration: 0;
-moz-transition-duration: 0;
-ms-transition-duration: 0;
-o-transition-duration: 0;
transition-duration: 0
}
.mm-footer {
background: inherit;
border-top: 1px solid transparent;
text-align: center;
line-height: 20px;
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 10px 10px 0 20px;
position: absolute;
z-index: 2;
bottom: 0;
left: 0
}
.mm-menu.mm-hasfooter>.mm-panel:after {
height: 80px
}
.mm-menu .mm-footer {
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.3)
}
.mm-header {
background: inherit;
border-bottom: 1px solid transparent;
text-align: center;
line-height: 20px;
box-sizing: border-box;
width: 100%;
height: 60px;
padding: 0 50px;
position: absolute;
z-index: 2;
top: 0;
left: 0
}
.mm-header .mm-title,
.mm-header .mm-prev,
.mm-header .mm-next,
.mm-header .mm-close {
padding-top: 30px
}
.mm-header .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 100%;
position: relative
}
.mm-header .mm-prev,
.mm-header .mm-next,
.mm-header .mm-close {
text-decoration: none;
display: block;
box-sizing: border-box;
min-width: 10px;
height: 100%;
position: absolute;
top: 0;
z-index: 1
}
.mm-header .mm-prev {
padding-left: 20px;
padding-right: 10px;
left: 0
}
.mm-header .mm-next,
.mm-header .mm-close {
padding-left: 10px;
padding-right: 20px;
right: 0
}
.mm-header [href].mm-prev:before,
.mm-header [href].mm-next:after {
content: '';
border: 2px solid transparent;
display: inline-block;
width: 7px;
height: 7px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.mm-header [href].mm-prev:before {
border-right: none;
border-bottom: none;
margin-left: 2px;
margin-right: 5px
}
.mm-header [href].mm-next:after,
.mm-header [href].mm-close:after {
margin-left: 5px;
margin-right: -2px
}
.mm-header [href].mm-next:after {
border-top: none;
border-left: none
}
.mm-header [href].mm-close:after {
content: 'x'
}
.mm-menu.mm-hassearch .mm-header {
height: 50px;
top: 50px
}
.mm-menu.mm-hassearch .mm-header .mm-title,
.mm-menu.mm-hassearch .mm-header .mm-prev,
.mm-menu.mm-hassearch .mm-header .mm-next,
.mm-menu.mm-hassearch .mm-header .mm-close {
padding-top: 20px
}
.mm-menu.mm-hasheader li.mm-subtitle {
display: none
}
.mm-menu.mm-hasheader>.mm-panel {
padding-top: 80px
}
.mm-menu.mm-hasheader>.mm-panel.mm-list {
padding-top: 60px
}
.mm-menu.mm-hasheader>.mm-panel>.mm-list:first-child {
margin-top: -20px
}
.mm-menu.mm-hasheader.mm-hassearch>.mm-panel {
padding-top: 120px
}
.mm-menu.mm-hasheader.mm-hassearch>.mm-panel.mm-list {
padding-top: 100px
}
.mm-menu .mm-header {
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.3)
}
.mm-menu .mm-header .mm-prev:before,
.mm-menu .mm-header .mm-next:after,
.mm-menu .mm-header .mm-close:after {
border-color: rgba(255, 255, 255, 0.3)
}
.mm-list li.mm-label>span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0;
line-height: 25px
}
.mm-list li.mm-label.mm-opened a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.mm-list li.mm-collapsed:not(.mm-uncollapsed) {
display: none
}
.mm-menu.mm-vertical .mm-list>li.mm-label>a.mm-subopen:after {
top: 8.5px
}
.mm-menu .mm-list li.mm-label>div>div {
background: rgba(255, 255, 255, 0.05)
}
.mm-search,
.mm-search input {
box-sizing: border-box
}
.mm-list>li.mm-search {
padding: 10px;
margin-top: -20px
}
.mm-list>li.mm-subtitle+li.mm-search {
margin-top: 0
}
div.mm-panel>div.mm-search {
padding: 0 0 10px
}
.mm-menu.mm-hasheader .mm-list>li.mm-search {
margin-top: 0
}
.mm-menu>.mm-search {
background: inherit;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
.mm-search {
padding: 10px
}
.mm-search input {
border: none;
border-radius: 30px;
font: inherit;
font-size: 14px;
line-height: 30px;
outline: none;
display: block;
width: 100%;
height: 30px;
margin: 0;
padding: 0 10px
}
.mm-search input::-ms-clear {
display: none
}
.mm-menu .mm-noresultsmsg {
text-align: center;
font-size: 21px;
display: none;
padding: 60px 0
}
.mm-menu .mm-noresultsmsg:after {
border: none !important
}
.mm-noresults .mm-noresultsmsg {
display: block
}
.mm-menu li.mm-nosubresults>a.mm-subopen {
display: none
}
.mm-menu li.mm-nosubresults>a.mm-subopen+a,
.mm-menu li.mm-nosubresults>a.mm-subopen+span {
padding-right: 10px
}
.mm-menu.mm-hassearch>.mm-panel {
padding-top: 70px
}
.mm-menu.mm-hassearch>.mm-panel>.mm-list:first-child {
margin-top: -20px
}
.mm-menu.mm-hasheader>.mm-panel>div.mm-search:first-child {
margin-top: -10px
}
.mm-menu.mm-hasheader>.mm-panel>div.mm-search:first-child+.mm-list {
padding-top: 0
}
.mm-menu .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6)
}
.mm-menu .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.3)
}
input.mm-toggle,
input.mm-check {
position: absolute;
left: -10000px
}
label.mm-toggle,
label.mm-check {
margin: 0;
position: absolute;
bottom: 50%;
z-index: 2
}
label.mm-toggle:before,
label.mm-check:before {
content: '';
display: block
}
label.mm-toggle {
border-radius: 30px;
width: 50px;
height: 30px;
margin-bottom: -15px
}
label.mm-toggle:before {
border-radius: 30px;
width: 28px;
height: 28px;
margin: 1px
}
input.mm-toggle:checked~label.mm-toggle:before {
float: right
}
label.mm-check {
width: 30px;
height: 30px;
margin-bottom: -15px
}
label.mm-check:before {
border-left: 3px solid;
border-bottom: 3px solid;
width: 40%;
height: 20%;
margin: 25% 0 0 20%;
opacity: .1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
input.mm-check:checked~label.mm-check:before {
opacity: 1
}
.mm-menu.mm-vertical .mm-list>li label.mm-toggle,
.mm-menu.mm-vertical .mm-list>li label.mm-check {
bottom: auto;
margin-bottom: 0
}
.mm-menu.mm-vertical .mm-list>li label.mm-toggle {
top: 5px
}
.mm-menu.mm-vertical .mm-list>li label.mm-check {
top: 5px
}
label.mm-toggle,
label.mm-check {
right: 20px
}
label.mm-toggle+a,
label.mm-toggle+span {
margin-right: 70px
}
label.mm-check+a,
label.mm-check+span {
margin-right: 50px
}
a.mm-subopen+label.mm-toggle,
a.mm-subopen+label.mm-check {
right: 50px
}
a.mm-subopen+label.mm-toggle+a,
a.mm-subopen+label.mm-toggle+span {
margin-right: 100px
}
a.mm-subopen+label.mm-check+a,
a.mm-subopen+label.mm-check+span {
margin-right: 80px
}
em.mm-counter+a.mm-subopen+label.mm-toggle,
em.mm-counter+a.mm-subopen+label.mm-check {
right: 90px
}
em.mm-counter+a.mm-subopen+label.mm-toggle+a,
em.mm-counter+a.mm-subopen+label.mm-toggle+span {
margin-right: 140px
}
em.mm-counter+a.mm-subopen+label.mm-check+a,
em.mm-counter+a.mm-subopen+label.mm-check+span {
margin-right: 120px
}
.mm-menu label.mm-toggle {
background: rgba(0, 0, 0, 0.15)
}
.mm-menu label.mm-toggle:before {
background: #333
}
.mm-menu input.mm-toggle:checked~label.mm-toggle {
background: #4bd963
}
.mm-menu label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6)
}
html.mm-slide .mm-menu {
-webkit-transition: -webkit-transform .4s ease;
transition: transform .4s ease
}
html.mm-slide.mm-opened .mm-menu {
-webkit-transform: translateX(-30%);
-moz-transform: translateX(-30%);
-ms-transform: translateX(-30%);
-o-transform: translateX(-30%);
transform: translateX(-30%)
}
html.mm-slide.mm-opening .mm-menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
html.mm-slide.mm-right.mm-opened .mm-menu {
-webkit-transform: translateX(30%);
-moz-transform: translateX(30%);
-ms-transform: translateX(30%);
-o-transform: translateX(30%);
transform: translateX(30%)
}
html.mm-slide.mm-right.mm-opening .mm-menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
html.mm-slide.mm-top.mm-opened .mm-menu {
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-ms-transform: translateY(-30%);
-o-transform: translateY(-30%);
transform: translateY(-30%)
}
html.mm-slide.mm-top.mm-opening .mm-menu {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
html.mm-slide.mm-bottom.mm-opened .mm-menu {
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%)
}
html.mm-slide.mm-bottom.mm-opening .mm-menu {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
html.mm-zoom-menu .mm-menu {
-webkit-transition: -webkit-transform .4s ease;
transition: transform .4s ease
}
html.mm-zoom-menu.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(-30%);
-moz-transform: scale(0.7, 0.7) translateX(-30%);
-ms-transform: scale(0.7, 0.7) translateX(-30%);
-o-transform: scale(0.7, 0.7) translateX(-30%);
transform: scale(0.7, 0.7) translateX(-30%);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
html.mm-zoom-menu.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%)
}
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(30%);
-moz-transform: scale(0.7, 0.7) translateX(30%);
-ms-transform: scale(0.7, 0.7) translateX(30%);
-o-transform: scale(0.7, 0.7) translateX(30%);
transform: scale(0.7, 0.7) translateX(30%);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%)
}
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateY(-30%);
-moz-transform: scale(0.7, 0.7) translateY(-30%);
-ms-transform: scale(0.7, 0.7) translateY(-30%);
-o-transform: scale(0.7, 0.7) translateY(-30%);
transform: scale(0.7, 0.7) translateY(-30%);
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top
}
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateY(0%);
-moz-transform: scale(1, 1) translateY(0%);
-ms-transform: scale(1, 1) translateY(0%);
-o-transform: scale(1, 1) translateY(0%);
transform: scale(1, 1) translateY(0%)
}
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateY(30%);
-moz-transform: scale(0.7, 0.7) translateY(30%);
-ms-transform: scale(0.7, 0.7) translateY(30%);
-o-transform: scale(0.7, 0.7) translateY(30%);
transform: scale(0.7, 0.7) translateY(30%);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom
}
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateY(0%);
-moz-transform: scale(1, 1) translateY(0%);
-ms-transform: scale(1, 1) translateY(0%);
-o-transform: scale(1, 1) translateY(0%);
transform: scale(1, 1) translateY(0%)
}
html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel {
-webkit-transform: scale(1.5, 1.5) translateX(100%);
-moz-transform: scale(1.5, 1.5) translateX(100%);
-ms-transform: scale(1.5, 1.5) translateX(100%);
-o-transform: scale(1.5, 1.5) translateX(100%);
transform: scale(1.5, 1.5) translateX(100%);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition-property: -webkit-transform, left;
transition-property: transform, left
}
html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel.mm-opened {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%)
}
html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel.mm-opened.mm-subopened {
-webkit-transform: scale(0.7, 0.7) translateX(-30%);
-moz-transform: scale(0.7, 0.7) translateX(-30%);
-ms-transform: scale(0.7, 0.7) translateX(-30%);
-o-transform: scale(0.7, 0.7) translateX(-30%);
transform: scale(0.7, 0.7) translateX(-30%)
}
.mm-menu.mm-fullscreen {
width: 100%;
min-width: 140px;
max-width: 10000px
}
html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0)
}
@media all and (max-width:140px) {
html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0)
}
}
@media all and (min-width:10000px) {
html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(10000px, 0);
-moz-transform: translate(10000px, 0);
-ms-transform: translate(10000px, 0);
-o-transform: translate(10000px, 0);
transform: translate(10000px, 0)
}
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
@media all and (max-width:140px) {
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-140px, 0);
-moz-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
-o-transform: translate(-140px, 0);
transform: translate(-140px, 0)
}
}
@media all and (min-width:10000px) {
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-10000px, 0);
-moz-transform: translate(-10000px, 0);
-ms-transform: translate(-10000px, 0);
-o-transform: translate(-10000px, 0);
transform: translate(-10000px, 0)
}
}
.mm-menu.mm-front.mm-fullscreen.mm-top,
.mm-menu.mm-front.mm-fullscreen.mm-bottom {
height: 100%;
min-height: 140px;
max-height: 10000px
}
html.mm-opened.mm-fullscreen .mm-page {
box-shadow: none !important
}
.mm-menu.mm-top,
.mm-menu.mm-bottom {
width: 100%;
min-width: 100%;
max-width: 100%
}
.mm-menu.mm-right {
left: auto;
right: 0
}
.mm-menu.mm-bottom {
top: auto;
bottom: 0
}
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-80%, 0);
-moz-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
-o-transform: translate(-80%, 0);
transform: translate(-80%, 0)
}
@media all and (max-width:175px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-140px, 0);
-moz-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
-o-transform: translate(-140px, 0);
transform: translate(-140px, 0)
}
}
@media all and (min-width:550px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-440px, 0);
-moz-transform: translate(-440px, 0);
-ms-transform: translate(-440px, 0);
-o-transform: translate(-440px, 0);
transform: translate(-440px, 0)
}
}
html.mm-front .mm-slideout {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
z-index: 0 !important
}
.mm-menu.mm-front {
z-index: 1;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5)
}
html.mm-opened.mm-next .mm-page {
box-shadow: none
}
.mm-menu.mm-front,
.mm-menu.mm-next {
-webkit-transition: -webkit-transform .4s ease;
-ms-transition: -ms-transform .4s ease;
transition: transform .4s ease;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0)
}
.mm-menu.mm-front.mm-top {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%)
}
.mm-menu.mm-front.mm-bottom {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%)
}
html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.mm-menu.mm-front.mm-top,
.mm-menu.mm-front.mm-bottom {
height: 80%;
min-height: 140px;
max-height: 880px
}
html.mm-opened.mm-light .mm-page {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-light {
background: #f3f3f3;
color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-light .mm-list>li:after {
border-color: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-light .mm-list>li>a.mm-subclose {
background: rgba(255, 255, 255, 0.6);
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-light .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-light .mm-list>li>a.mm-subclose:before {
border-color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-light .mm-list>li>a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-light .mm-list>li.mm-selected>span {
background: rgba(255, 255, 255, 0.6)
}
.mm-menu.mm-light .mm-list>li.mm-label {
background: rgba(0, 0, 0, 0.03)
}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>ul {
background: rgba(0, 0, 0, 0.03)
}
.mm-menu.mm-light .mm-buttonbar {
border-color: rgba(0, 0, 0, 0.6);
background: #f3f3f3
}
.mm-menu.mm-light .mm-buttonbar>* {
border-color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-light .mm-buttonbar>input:checked+label {
background: rgba(0, 0, 0, 0.6);
color: #f3f3f3
}
.mm-menu.mm-light label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-light em.mm-counter {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-light .mm-footer {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-light .mm-header {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-light .mm-header .mm-prev:before,
.mm-menu.mm-light .mm-header .mm-next:after,
.mm-menu.mm-light .mm-header .mm-close:after {
border-color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-light .mm-list li.mm-label>div>div {
background: rgba(0, 0, 0, 0.03)
}
.mm-menu.mm-light .mm-search input {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-light .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-light label.mm-toggle {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-light label.mm-toggle:before {
background: #f3f3f3
}
.mm-menu.mm-light input.mm-toggle:checked~label.mm-toggle {
background: #4bd963
}
html.mm-opened.mm-white .mm-page {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-white {
background: #fff;
color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-white .mm-list>li:after {
border-color: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-white .mm-list>li>a.mm-subclose {
background: rgba(0, 0, 0, 0.06);
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-white .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-white .mm-list>li>a.mm-subclose:before {
border-color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-white .mm-list>li>a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-white .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-white .mm-list>li.mm-selected>span {
background: rgba(0, 0, 0, 0.06)
}
.mm-menu.mm-white .mm-list>li.mm-label {
background: rgba(0, 0, 0, 0.03)
}
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>ul {
background: rgba(0, 0, 0, 0.03)
}
.mm-menu.mm-white .mm-buttonbar {
border-color: rgba(0, 0, 0, 0.6);
background: #fff
}
.mm-menu.mm-white .mm-buttonbar>* {
border-color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-white .mm-buttonbar>input:checked+label {
background: rgba(0, 0, 0, 0.6);
color: #fff
}
.mm-menu.mm-white label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-white em.mm-counter {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-white .mm-footer {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-white .mm-header {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-white .mm-header .mm-prev:before,
.mm-menu.mm-white .mm-header .mm-next:after,
.mm-menu.mm-white .mm-header .mm-close:after {
border-color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-white .mm-list li.mm-label>div>div {
background: rgba(0, 0, 0, 0.03)
}
.mm-menu.mm-white .mm-search input {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-white .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-white label.mm-toggle {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-white label.mm-toggle:before {
background: #fff
}
.mm-menu.mm-white input.mm-toggle:checked~label.mm-toggle {
background: #4bd963
}
html.mm-opened.mm-black .mm-page {
box-shadow: none
}
.mm-menu.mm-black {
background: #000;
color: rgba(255, 255, 255, 0.6)
}
.mm-menu.mm-black .mm-list>li:after {
border-color: rgba(255, 255, 255, 0.2)
}
.mm-menu.mm-black .mm-list>li>a.mm-subclose {
background: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-black .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-black .mm-list>li>a.mm-subclose:before {
border-color: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-black .mm-list>li>a.mm-subopen:before {
border-color: rgba(255, 255, 255, 0.2)
}
.mm-menu.mm-black .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-black .mm-list>li.mm-selected>span {
background: rgba(255, 255, 255, 0.25)
}
.mm-menu.mm-black .mm-list>li.mm-label {
background: rgba(255, 255, 255, 0.15)
}
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>ul {
background: rgba(255, 255, 255, 0.15)
}
.mm-menu.mm-black .mm-buttonbar {
border-color: rgba(255, 255, 255, 0.6);
background: #000
}
.mm-menu.mm-black .mm-buttonbar>* {
border-color: rgba(255, 255, 255, 0.6)
}
.mm-menu.mm-black .mm-buttonbar>input:checked+label {
background: rgba(255, 255, 255, 0.6);
color: #000
}
.mm-menu.mm-black label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6)
}
.mm-menu.mm-black em.mm-counter {
color: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-black .mm-footer {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-black .mm-header {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-black .mm-header .mm-prev:before,
.mm-menu.mm-black .mm-header .mm-next:after,
.mm-menu.mm-black .mm-header .mm-close:after {
border-color: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-black .mm-list li.mm-label>div>div {
background: rgba(255, 255, 255, 0.15)
}
.mm-menu.mm-black .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6)
}
.mm-menu.mm-black .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-black label.mm-toggle {
background: rgba(255, 255, 255, 0.2)
}
.mm-menu.mm-black label.mm-toggle:before {
background: #000
}
.mm-menu.mm-black input.mm-toggle:checked~label.mm-toggle {
background: #4bd963
}
.mm-list>li>a,
.mm-list>li>span {
color: #fff;
text-transform: capitalize;
font-size: 14px;
text-transform: uppercase;
}
.mm-search {
position: relative;
}
.btn_search_res {
position: absolute;
right: 23px;
top: 17px;
}
.mm-search input {
color: #fff;
font-size: 14px;
text-indent: 20px;
}
.mm-search input::-webkit-input-placeholder {
color: #fff;
}
.mm-search input::-moz-placeholder {
color: #fff;
}
.mm-search input:-ms-input-placeholder {
color: #fff;
}
.mm-search input:-moz-placeholder {
color: #fff;
}
.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
border-bottom-color: rgba(255, 255, 255, 0.25);
}
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
border-color: #000;
}
.mm-menu .mm-list {
padding-top: 0px;
}
.mm-menu .mm-list>li>a.mm-subclose {
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 10px 10px 10px 20px;
margin-top: 0px;
}
.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
border-color: #000;
margin-bottom: -5px
}
.mm-menu .mm-list>li>a.mm-subopen:before {
border-color: rgba(255, 255, 255, 0.24);
}
.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
border-color: #fff;
}
.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
margin-left: 0px;
}
.mm-list>li.active>a {
background-color: #DC1616;
color: #fff;
}
.mm-menu {
background: #5abd6f;
}
.mm-menu::-webkit-scrollbar {
width: 6px;
}
.mm-menu::-webkit-scrollbar-thumb {
background-color: #3FBA78;
}
.mm-menu>.mm-list:after {
height: 0px;
}
#mobilemenu {
padding-left: 65px;
background: url(assets/images/bg_menu.jpg) repeat-y;
position: relative;
}
a.home2 {
position: absolute;
top: 9px;
left: 18px;
}
a.home2 i {
color: #fff;
font-size: 30px;
}
#hamburger {
display: block;
width: 100%;
height: 50px;
z-index: 999;
background: url(assets/images/bg_menu.jpg) repeat-y;
box-sizing: border-box;
border-left: 2px solid #F4F4F4;
}
#hamburger b {
text-transform: uppercase;
font-family: 'UTMHelvetIns';
color: #F4F4F4;
font-weight: normal;
font-size: 17px;
padding-left: 60px;
display: inline-block;
padding-top: 13px;
}
#hamburger:before,
#hamburger:after,
#hamburger span {
background: #F4F4F4;
content: '';
display: block;
width: 35px;
height: 6px;
position: absolute;
left: 85px;
}
#hamburger:before {
top: 12px;
}
#hamburger span {
top: 22px;
}
#hamburger:after {
top: 32px;
}
#hamburger:before,
#hamburger:after,
#hamburger span {
-webkit-transition: none 0.5s ease 0.5s;
transition: none 0.5s ease 0.5s;
-webkit-transition-property: transform, top, bottom, left, opacity;
transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
top: 22px;
}
html.mm-opening #hamburger span {
left: -50px;
opacity: 0;
}
html.mm-opening #hamburger:before {
transform: rotate(45deg);
}
html.mm-opening #hamburger:after {
transform: rotate(-45deg);
}
.wrap-comment {
margin: 20px 0
}
.ctsp-tit {
font-size: 13px;
margin-bottom: 10px
}
.frm_cm {
margin-top: 10px
}
.frm_cm textarea {
width: 100%;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid rgba(128, 128, 128, 0.5);
outline: none;
max-height: 300px;
resize: none
}
.frm_cm textarea,
.frm_cm input {
font-family: Arial
}
.frm_cm div {
margin-bottom: 10px
}
.frm_cm input[type="text"] {
width: 100%;
height: 30px;
max-width: 100%;
padding: 5px;
font-size: 12px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid rgba(128, 128, 128, 0.5);
outline: none
}
.frm_cm input[type="button"],
.frm_cm input[type="submit"] {
background: #cc000a;
color: #fff;
padding: 5px 15px;
border: none;
cursor: pointer;
outline: none;
outline: none
}
.btn-cms {
display: none
}
.btn-cmt {
text-align: right;
display: none
}
.box-cm {
margin-bottom: 15px
}
.box-cm:last-child {
margin-bottom: 0
}
.box-cm-c {
color: #FFF;
background: #cc000a;
text-align: center;
padding: 2px 5px;
font-size: 12px;
text-transform: uppercase;
float: left;
margin-right: 6px;
min-width: 30px
}
.box-cm-info {
margin-left: 35px;
margin-top: 10px;
}
.box-cm-info>div:first-child {
font-size: 13px
}
.box-cm-tl {
color: #4a90e2;
cursor: pointer;
font-size: 13px;
margin-top: 5px;
display: inline-block
}
.box-cm-name {
color: #313131;
text-transform: uppercase;
line-height: 23px;
font-size: 13px;
float: left;
}
.box-cm-name p {
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #666;
text-transform: lowercase;
padding-left: 4px;
}
.box-cm-name p:first-letter {
text-transform: uppercase;
}
.box-cm-namead {
color: red;
text-transform: uppercase
}
.box-cm-tool {
float: right;
font-size: 12px;
}
.tool-like {
float: left;
padding-right: 7px;
margin-right: 6px;
position: relative;
cursor: pointer;
color: #576569;
}
.tool-like:after {
content: "";
position: absolute;
width: 1px;
height: 10px;
background: #576569;
top: 3px;
right: 0px;
}
.tool-like i {
vertical-align: top;
margin-top: 2px;
}
.tool-like .count-like {
padding: 0px 3px;
font-size: 11px;
}
.tool-like .text-like,
.tool-like i {
color: #385593;
}
.tool-like.liked i,
.tool-like.liked .text-like {
color: #576569;
}
.tool-share {
float: left;
position: relative;
}
.title-share {
color: #004F8B;
cursor: pointer;
}
.list-share {
display: none;
position: absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=0,Color=#878787)";
-moz-box-shadow: 0 0 2px 1px rgba(135, 135, 135, 0.5);
-webkit-box-shadow: 0 0 2px 1px rgba(135, 135, 135, 0.5);
box-shadow: 0 0 2px 1px rgba(135, 135, 135, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#878787);
padding: 3px;
right: 0px;
min-width: 73px;
background: #fff;
text-align: center;
}
.list-share a {
color: #fff;
width: 20px;
height: 20px;
line-height: 22px;
display: inline-block;
vertical-align: middle;
font-size: 10px;
}
.list-share a.facebook {
background: #4064AC;
}
.list-share a.twitter {
background: #1C9BE9;
}
.list-share a.google {
background: #E34033;
}
.list-share a i {}
.w-cm-rl {
background: #f1f1f1;
padding: 10px;
margin-top: 15px;
position: relative
}
.w-cm-rl:before {
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f1f1f1;
display: block;
content: "";
left: 6px;
top: -10px
}
span.span-load-cm {
display: block;
line-height: 35px;
background: #dad9d9;
text-align: center;
color: #313131;
font-size: 13px;
margin-top: 10px;
cursor: pointer
}
span.span-load-cm:hover {
background: #cc000a;
color: #fff
}
.fancybox-enabled {
overflow: hidden;
-ms-touch-action: none;
touch-action: none
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fancybox-container~.fancybox-container {
z-index: 99992
}
.fancybox-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0f0f11;
opacity: 0;
transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fancybox-container--ready .fancybox-bg {
opacity: .87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
opacity: 0;
z-index: 99994;
transition: opacity 100ms;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fancybox-show-controls .fancybox-controls {
opacity: 1
}
.fancybox-infobar {
display: none
}
.fancybox-show-infobar .fancybox-infobar {
display: inline-block;
pointer-events: all
}
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased
}
.fancybox-buttons {
position: absolute;
top: 0;
right: 0;
display: none;
pointer-events: all
}
.fancybox-show-buttons .fancybox-buttons {
display: block
}
.fancybox-slider-wrap {
overflow: hidden
}
.fancybox-slider-wrap,
.fancybox-slider {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent
}
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.fancybox-slide>* {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box
}
.fancybox-slide--image {
overflow: hidden
}
.fancybox-slide--image::before {
display: none
}
.fancybox-content {
display: inline-block;
position: relative;
margin: 44px auto;
padding: 0;
border: 0;
width: 80%;
height: calc(100% - 88px);
vertical-align: middle;
line-height: normal;
text-align: left;
white-space: normal;
outline: none;
font-size: 16px;
font-family: Arial, sans-serif;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch
}
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
background: transparent
}
.fancybox-placeholder {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
background: transparent;
background-size: 100% 100%
}
.fancybox-controls--canzoomOut .fancybox-placeholder {
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.fancybox-controls--canzoomIn .fancybox-placeholder {
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.fancybox-controls--canGrab .fancybox-placeholder {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-controls--isGrabbing .fancybox-placeholder {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden
}
.fancybox-error {
position: absolute;
margin: 0;
padding: 40px;
top: 50%;
left: 50%;
width: 380px;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
cursor: default
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif
}
.fancybox-close-small {
position: absolute;
top: 4px;
right: 4px;
padding: 0;
margin: 0;
width: 30px;
height: 30px;
font: 21px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
cursor: pointer;
background: #fff;
transition: background .2s;
box-sizing: border-box;
z-index: 2
}
.fancybox-close-small:focus {
outline: 1px dotted #888
}
.fancybox-slide--video .fancybox-close-small {
top: -36px;
right: -36px;
background: transparent
}
.fancybox-close-small:hover {
color: #555;
background: #eee
}
.fancybox-caption-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0;
z-index: 99998;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
opacity: 0;
transition: opacity .2s;
pointer-events: none
}
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none
}
.fancybox-caption a,
.fancybox-caption button {
pointer-events: all
}
.fancybox-caption a {
color: #fff;
text-decoration: underline
}
.fancybox-button {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
background: transparent;
color: #fff;
box-sizing: border-box;
vertical-align: top;
outline: none
}
.fancybox-button--disabled {
cursor: default
}
.fancybox-infobar__body,
.fancybox-button {
background: rgba(30, 30, 30, 0.6)
}
.fancybox-button:hover {
background: rgba(0, 0, 0, 0.8)
}
.fancybox-button::before,
.fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
border-color: #fff;
background-color: currentColor;
color: currentColor;
opacity: .9;
box-sizing: border-box;
display: inline-block
}
.fancybox-button--left::after {
left: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.fancybox-button--right::after {
right: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.fancybox-button--left {
border-bottom-left-radius: 5px
}
.fancybox-button--right {
border-bottom-right-radius: 5px
}
.fancybox-button--close {
float: right
}
.fancybox-button--close::before,
.fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px)
}
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .6s infinite linear;
animation: fancybox-rotate .6s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999
}
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@media all and (max-width:800px) {
.fancybox-controls {
text-align: left
}
.fancybox-button--left,
.fancybox-button--right,
.fancybox-buttons button:not(.fancybox-button--close) {
display: none !important
}
.fancybox-caption {
padding: 20px 0;
margin: 0
}
}
.fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: 15px;
top: 16px;
border: 2px solid;
background: none
}
.fancybox-button--play::before {
top: 16px;
left: 18px;
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px;
background: transparent
}
.fancybox-button--pause::before {
top: 16px;
left: 18px;
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px;
background: transparent
}
.fancybox-button--thumbs span {
font-size: 23px
}
.fancybox-button--thumbs::before {
top: 20px;
left: 21px;
width: 3px;
height: 3px;
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 220px
}
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
z-index: 99993;
word-break: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box
}
.fancybox-thumbs>ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0
}
.fancybox-thumbs>ul>li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid #fff;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1)
}
.fancybox-thumbs>ul>li>img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-thumbs>ul>li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
opacity: 1
}
@media all and (max-width:800px) {
.fancybox-thumbs {
display: none !important
}
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 0
}
}
.fancybox-slide>* {
padding: 10px;
overflow: initial
}
.fancybox-close-small {
top: -15px;
right: -15px;
outline: none
}
.wrap-user {
width: 100%;
margin: auto;
border: 1px solid #bce8f1;
line-height: normal;
border-radius: 5px;
}
.wrap-user a {
color: #428bca;
}
.login-user {
max-width: 550px;
}
.signup-user {
max-width: 550px;
}
.title-user {
color: #31708f;
background-color: #d9edf7;
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 12px 15px;
border-radius: 5px 5px 0px 0px;
}
.title-user span {
font-size: 16px;
}
.title-user a {
font-size: 12px;
}
.frm-user {
padding: 25px 15px;
display: block;
}
.double-item-user {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 20px;
}
.double-item-user:last-child {
margin-bottom: 0px;
}
.double-item-user .label-item-user {
font-weight: bold;
width: 210px;
margin: 13px 20px 0px 0px;
text-align: right;
}
.double-item-user .label-item-user span {
color: #a94442;
padding-left: 3px;
}
.double-item-user .input-item-user {
width: 100%;
}
.double-item-user .input-item-user .item-user {
margin: 0px;
}
.checkbox-item-user .label-item-user,
.checkbox-item-user .input-item-user {
margin-top: 0px;
}
.checkbox-item-user .input-item-user label {
margin-right: 20px;
cursor: pointer;
}
.checkbox-item-user .input-item-user label input {
display: inline-block;
vertical-align: middle;
}
.checkbox-item-user .input-item-user label span {
display: inline-block;
vertical-align: middle;
font-weight: bold;
padding-left: 5px;
}
.item-user {
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 20px;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.item-user i {
padding: 10px;
width: 45px;
text-align: center;
background: #eee;
font-size: 18px;
color: #444;
border-radius: 3px 0px 0px 3px;
border-right: 1px solid #ccc;
}
.item-user input {
width: 100%;
text-indent: 10px;
border-radius: 0px 3px 3px 0px;
font-size: 14px;
}
.remember-user {
display: block;
cursor: pointer;
}
.remember-user input,
.remember-user span {
display: inline-block;
vertical-align: middle;
}
.remember-user span {
font-size: 13px;
}
.btn-user {
display: flex;
align-items: center;
justify-content: space-between;
}
.sm-user {
color: #fff;
background: #2A9CEA;
padding: 10px 15px;
border-radius: 5px;
font-size: 15px;
cursor: pointer;
}
.sm-login-user {
background: #5cb85c;
}
.sm-login-user:hover {
background: #53a953;
}
.checklogin-user {
border-top: 1px solid rgba(136, 136, 136, 0.4);
padding-top: 10px;
margin-top: 20px;
font-size: 12px;
}
.bgcart {
display: inline-block;
overflow: hidden;
border-radius: 4px;
font-size: 13px;
font-weight: 700;
margin-top: 10px;
cursor: pointer;
line-height: normal;
text-transform: uppercase;
color: #fff !important;
text-align: center;
background: #fd6e1d;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd6e1d), to(#f59000));
background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
background: -moz-linear-gradient(top, #f59000, #fd6e1d);
background: -ms-linear-gradient(top, #f59000, #fd6e1d);
background: -o-linear-gradient(top, #f59000, #fd6e1d);
}
.bgcart:hover {
background: #288ad6;
}
.frm-fancycart {
width: 100%;
max-width: 600px;
}
.frm-fancycart .wrap-cart {
display: block;
}
.frm-fancycart .top-cart {
width: 100%;
border: 0px;
padding: 0px;
margin: 0px;
}
.frm-fancycart .thanhtoan {
margin-top: 15px;
}
.wrap-cart {
padding: 20px 15px;
display: flex;
align-items: stretch;
justify-content: space-between;
background: #fff;
border: 1px solid #d8d8d8;
box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
.top-cart {
width: 50%;
border-right: 1px solid #eee;
padding-right: 15px;
margin-right: 15px;
}
.item-procart {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.pic-procart {
width: 85px;
text-align: center;
margin-right: 10px;
}
.pic-procart img {
max-width: 100%;
max-height: 100px;
}
.pic-procart .del-procart {
color: #999;
font-size: 12px;
display: block;
margin-top: 5px;
cursor: pointer;
}
.pic-procart .del-procart:hover {
color: red;
}
.info-procart {
width: calc(100% - 95px);
min-height: 120px;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}
.left-info-procart {
width: calc(100% - 125px);
margin: -5px 10px 0px 0px;
}
.right-info-procart {
width: 115px;
text-align: right;
position: relative;
}
.name-procart {
margin-bottom: 3px;
}
.name-procart a {
font-size: 14px;
font-weight: bold;
color: #000;
display: block;
}
.name-procart a:hover {
color: #005ab5;
}
.khuyenmai-procart {
font-size: 12px;
margin-bottom: 7px;
}
.mausize-procart select {
width: 45%;
padding: 6px 5px;
}
.price-new-cart {
color: #c10017;
font-size: 15px;
font-weight: bold;
}
.price-old-cart {
color: #999;
text-decoration: line-through;
}
.handle-counter {
position: absolute;
bottom: 0px;
right: 0px;
margin-top: 10px;
display: flex;
align-items: stretch;
justify-content: space-between;
border: 1px solid #dfdfdf;
width: 100%;
height: 30px;
line-height: normal;
text-align: center;
border-radius: 3px;
}
.handle-counter .counter-minus {
line-height: 25px;
}
.handle-counter .counter-plus {
line-height: 28px;
color: #005ab5;
}
.handle-counter .quantity-procat {
width: 40%;
box-sizing: border-box;
border: 0px;
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
font-size: 15px;
outline: none;
box-shadow: none;
padding: 0px;
color: #333;
text-align: center;
}
.btn-hc-pri {
background-color: transparent;
border: 0px;
width: 30%;
color: #333;
outline: none;
cursor: pointer;
font-size: 25px;
}
.btn-hc-pri:hover,
.btn-hc-pri:focus {
color: #005ab5;
}
.btn-hc-pri:disabled,
.btn-hc-pri:disabled:hover {
color: #ccc;
cursor: not-allowed;
}
.total-procart {
display: flex;
align-items: center;
justify-content: space-between;
}
.total-procart p {
font-weight: bold;
}
.total-procart p:first-child {
font-size: 13px;
}
.total-procart p:last-child,
.price-coupon {
color: #c10017;
font-size: 17px;
}
.price-line {
text-decoration: line-through;
color: gray !important;
font-size: 15px !important;
}
.coupon-procart {
flex-wrap: wrap;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.coupon-procart p {
width: 100%;
margin-bottom: 5px;
color: #005ab5;
font-weight: normal;
font-size: 12.5px !important;
}
.inp-coupon-procart {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.inp-coupon-procart .inp-cart {
width: calc(100% - 90px);
margin-right: 7px;
}
.inp-coupon-procart .bgcart {
padding: 7px 10px 6px 10px;
margin-top: -1px;
font-size: 12px;
}
.bottom-cart {
width: 50%;
}
.section-cart {
position: -webkit-sticky;
position: sticky;
top: 10px;
}
.title-cart {
font-size: 15px;
margin-bottom: 10px;
text-transform: uppercase;
color: #c10017;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
margin-bottom: 15px;
}
.information-cart {
text-align: center;
}
.inp-cart,
.sel-cart,
.information-cart textarea {
font-family: Arial, Helvetica, sans-serif;
color: #000;
cursor: pointer;
border: 1px solid #d9d9d9;
outline: none;
padding: 10px;
border-radius: 3px;
text-align: left;
}
.information-cart textarea {
width: 100%;
margin-bottom: 1%;
resize: none;
min-height: 80px;
}
.information-cart .input-cart {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
margin: 1% 0 2% 0;
}
.information-cart .input-cart input[type=text],
.information-cart .input-cart input[type=number] {
width: 49%;
}
.information-cart .input-cart input[type=email] {
width: 100%;
margin-top: 2%;
}
.information-cart .select-cart {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 2%;
}
.information-cart .select-cart select {
width: 100%;
cursor: pointer;
padding: 10px 5px;
}
.information-cart .select-cart select.sel-quanhuyen {
margin: 0 2%;
}
.thanhtoan {
border: 0px;
margin: 0px;
padding: 10px 15px 8px 15px;
outline: none;
width: 100%;
}
.empty-cart {
padding: 25px 30px;
display: block;
text-align: center;
color: #23527c !important;
width: 100%;
}
.empty-cart i {
color: red;
font-size: 70px;
}
.empty-cart p {
margin: 15px 0px;
color: #333;
font-size: 18px;
}
.empty-cart span {
display: inline-block;
border: 1px solid #2e9ef2;
border-radius: 3px;
padding: 10px;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
width: 100%;
max-width: 325px;
}
#pbOverlay *,
#pbOverlay:before,
#pbOverlay:after {
-moz-box-sizing: content-box;
box-sizing: content-box
}
#pbOverlay.show {
opacity: 1;
pointer-events: auto
}
#pbOverlay {
opacity: 0;
overflow: hidden;
width: 100%;
height: 100%;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
text-align: center;
pointer-events: none;
-moz-user-select: none;
background: rgba(0, 0, 0, .90);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
-webkit-transform: translate3d(0);
transition: opacity 300ms ease
}
#pbOverlay.msie {
background-color: rgba(0, 0, 0, .6)
}
.msie.pbLoading .pbWrapper {
background: url(assets/photobox/loading.gif) no-repeat center center
}
@keyframes pbLoaderFrames {
50% {
height: 5px
}
}
@-webkit-keyframes pbLoaderFrames {
50% {
height: 5px
}
}
.pbLoader {
display: none;
width: 100px;
height: 100px;
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
border-radius: 100%;
box-shadow: 15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;
transition: .3s
}
.thumbs .pbLoader {
-webkit-transform: translateY(-50px);
transform: translateY(-50px)
}
.pbLoading:not(.msie):not(.error) .pbLoader {
display: block
}
.pbLoader b {
display: inline-block;
vertical-align: middle;
margin: 0 2px;
width: 8px;
height: 60px;
border-radius: 5px;
background: rgba(255, 255, 255, .8);
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
-webkit-animation: .9s pbLoaderFrames infinite linear;
animation: .9s pbLoaderFrames infinite linear
}
.pbLoader b:nth-child(2) {
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.pbLoader b:nth-child(3) {
-webkit-animation-delay: .6s;
animation-delay: .6s
}
.mobile.pbLoading .pbLoader {
transform: none;
transition: 0
}
.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before {
content: "";
display: inline-block;
height: 100%;
margin-right: -.25em;
vertical-align: middle
}
@keyframes deadImage {
50% {
text-shadow: 0 0 25px rgba(255, 255, 255, .5);
transform: scale(.85)
}
}
@-webkit-keyframes deadImage {
50% {
text-shadow: 0 0 25px rgba(255, 255, 255, .5);
-webkit-transform: scale(.85)
}
}
#pbOverlay button {
outline: 0 !important;
box-shadow: 0
}
.pbWrapper {
-moz-box-sizing: border-box;
box-sizing: border-box;
transform: rotate(0deg);
vertical-align: middle;
height: 100%;
perspective: 1200px;
position: relative
}
.video>.pbWrapper {
z-index: 11;
display: inline-block
}
.pbLoading .pbWrapper {
display: inline-block\9;
width: 100%
}
.pbWrapper:before {
content: '\2716';
color: transparent;
text-shadow: 0 2px 35px rgba(255, 255, 255, 0);
font-size: 0;
vertical-align: middle;
cursor: default;
transition: text-shadow .7s ease-out
}
.error .pbWrapper:before {
font-size: 22em;
text-shadow: 0 0 0 #FFF;
-webkit-animation: 2s 1s deadImage infinite linear;
animation: 2s 1s deadImage infinite linear
}
.thumbs .pbWrapper {
padding: 0;
margin: 0
}
.error .pbWrapperr img {
width: 0
}
.pbWrapper>div {
display: none;
width: 624px;
height: 351px;
vertical-align: middle;
border-radius: 5px;
background: rgba(0, 0, 0, .5)
}
.video>.pbWrapper>div {
display: inline-block
}
#pbOverlay iframe,
#pbOverlay embed,
#pbOverlay object {
display: block;
width: 100%;
height: 100%;
opacity: 1;
transition: .5s
}
.pbWrapper .pbHide iframe {
opacity: 0
}
.pbWrapper>div,
.pbWrapper>img {
transition: .5s .5s cubic-bezier(.1, .87, .48, 1);
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-backface-visibility: hidden;
box-shadow: 0 0 20px #000;
opacity: 1
}
.mobile.show .pbWrapper>div,
.mobile.show .pbWrapper>img {
transition: 30ms
}
.pbWrapper>*,
.pbHide .pbWrapper>.prepare {
opacity: 0;
vertical-align: middle;
-webkit-transform: scale(.2) rotateX(80deg);
-ms-transform: scale(.2) rotateX(80deg);
transform: scale(.2) rotateX(80deg);
border-radius: 6px;
border: none;
max-height: 95%;
max-width: 100%
}
.on .pbWrapper>* {
transition-delay: 0
}
.pbWrapper .zoomable {
-webkit-transition: 0;
transition: 0;
position: relative;
z-index: 9
}
.pbWrapper .rotating {
-webkit-transition: .25s cubic-bezier(.4, .04, 0, 1);
transition: .25s cubic-bezier(.4, .04, 0, 1)
}
.pbHide .pbWrapper>* {
-webkit-transform: scale(1.2);
transform: scale(1.2);
transform: none\9;
opacity: 0;
transition: .4s ease-out
}
#pbCloseBtn,
#pbAutoplayBtn {
position: absolute;
top: -50px;
right: -50px;
z-index: 999;
display: block;
padding: 0 0 20px 20px;
text-align: center;
cursor: pointer;
color: #FFF;
transition: .3s .3s ease-out
}
.pbHide #pbCloseBtn {
top: -50px;
right: -50px
}
.on #pbCloseBtn {
top: -2px;
right: -2px
}
#pbCloseBtn:before {
content: '\00D7';
font: bold 1em/1 arial
}
#pbCloseBtn:before,
#pbAutoplayBtn:before {
display: inline-block;
height: 35px;
width: 35px;
padding: 8px 8px 12px 12px;
font-size: 2em;
opacity: .8;
vertical-align: middle;
background: rgba(255, 255, 255, .2);
border-radius: 0 0 0 70px;
transition: .1s ease-out
}
#pbCloseBtn:hover:before {
padding: 15px 10px 24px 24px;
background: rgba(255, 100, 100, .4)
}
#pbAutoplayBtn {
display: none;
right: auto;
left: -50px;
padding: 0;
width: 50px;
height: 50px;
font-size: 13px
}
.hasAutoplay #pbAutoplayBtn {
display: block
}
#pbAutoplayBtn:hover {
width: 60px;
height: 60px
}
.on #pbAutoplayBtn {
top: 0;
left: 0;
transition: .1s ease-out
}
#pbAutoplayBtn:before {
content: '\2016';
width: 100%;
height: 100%;
border-radius: 0 0 70px 0;
font-weight: 700;
padding: 0;
text-indent: -6px;
line-height: 1.6
}
#pbAutoplayBtn:active:before {
text-shadow: 0 0 3px #FFF, 0 0 6px #FFF
}
#pbAutoplayBtn.play:before {
content: '\25BA'
}
#pbAutoplayBtn .pbProgress {
display: none\9;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
padding: 6px;
top: 0;
left: 0;
opacity: .2;
transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: .3s;
transition: .3s
}
.mobile #pbAutoplayBtn .pbProgress {
-webkit-transition: 0;
transition: 0
}
#pbAutoplayBtn.playing .pbProgress {
-webkit-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
transform: rotateZ(90deg)
}
#pbAutoplayBtn .pbProgress:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 200%;
height: 200%;
border-radius: 50%;
box-shadow: 0 0 0 8px #FFF inset
}
#pbCaption,
.pbHide #pbCaption {
position: absolute;
z-index: 999;
margin-bottom: 5px;
bottom: -120px;
width: 100%;
overflow: hidden;
transform: translateZ(0px);
transition: .4s
}
.show.on #pbCaption {
bottom: 0;
transition-delay: .5s
}
#pbOverlay.thumbs #pbCaption label {
display: block
}
#pbCaption label {
display: none;
float: right;
margin: 0 1em;
color: #FFF;
opacity: .3;
transition: .2s;
cursor: pointer
}
#pbCaption label:after {
content: '\276F';
font-size: 30px;
line-height: 30px;
display: inline-block;
transform: rotate(-90deg);
transition: .2s ease-out
}
#pbCaption label:hover {
opacity: 1
}
#pbCaption .title,
#pbCaption .counter {
display: inline-block;
color: #FFF;
margin: 0 6px
}
#pbCaption .counter {
display: none;
opacity: .55
}
.hasCounter #pbCaption .counter {
display: inline-block
}
.pbCaptionText {
display: inline-block;
transition: .3s;
opacity: .9;
font-weight: 700;
vertical-align: middle;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
padding-left: 60px
}
.pbCaptionText.change {
-webkit-transform: translateY(25px);
transform: translateY(25px);
opacity: 0
}
#pbCaption .rotateBtn {
display: none;
background: none;
border: 0;
font: 800 1.7em/0 Arial;
vertical-align: middle;
color: rgba(255, 255, 255, .5);
width: 1.1em;
height: 1.1em;
padding: 0;
border-radius: 50%;
background: rgba(0, 0, 0, .2);
cursor: pointer;
transition: .15s ease-out
}
#pbCaption .rotateBtn.show {
display: block;
float: right
}
#pbCaption .rotateBtn:hover {
color: rgba(255, 255, 255, .7)
}
#pbCaption .rotateBtn:active {
color: #fff;
background: rgba(0, 0, 0, .4)
}
.mobile #pbCaption label {
display: none;
z-index: -1;
color: red
}
.mobile .pbCaptionText {
padding: 0
}
#pbThumbsToggler:checked~#pbCaption .pbThumbs {
margin: 0
}
#pbThumbsToggler:checked~#pbCaption label:after {
transform: rotate(90deg)
}
#pbThumbsToggler:checked~.pbWrapper {
margin-top: -50px;
padding: 50px 0
}
.pbThumbs {
display: none;
transition: .35s;
-webkit-overflow-scrolling: touch
}
.thumbs .pbThumbs {
display: block;
width: 100%;
padding: 5px 0 2px;
margin-bottom: -100px;
overflow: hidden
}
.mobile .pbThumbs {
overflow: auto
}
.pbThumbs:hover {
clear: both
}
.pbThumbs ul {
display: inline-block;
position: relative;
list-style: none;
height: 80px;
padding: 0 5px;
margin: 0;
white-space: pre;
transition: .2s
}
.pbThumbs ul:after {
vertical-align: bottom
}
.pbThumbs li {
display: inline-block;
vertical-align: bottom;
height: 70%;
opacity: .6;
text-align: center;
position: relative;
transition: .15s
}
.pbThumbs li.active {
height: 100%;
opacity: 1
}
.pbThumbs li:hover {
height: 100%;
opacity: 1
}
.pbThumbs li.video::before {
content: '\25BA';
color: #FFF;
font-size: 20px;
height: 20px;
width: 20px;
line-height: .9;
position: absolute;
bottom: 4px;
left: 7px;
background: rgba(0, 0, 0, .4);
box-shadow: 0 0 0 3px rgba(0, 0, 0, .4);
border-radius: 0 3px 0 0;
pointer-events: none
}
.pbThumbs a {
height: 100%;
padding: 0 2px;
display: block;
-moz-user-select: none
}
.pbThumbs img {
height: 96%;
min-height: 95.9%;
border: 2px solid #FFF;
max-width: none;
border-radius: 0;
transition: .15s
}
.pbThumbs li:hover img {
min-height: 96%
}
.pbThumbs li.fast a img {
transition: none
}
.pbThumbs li.active a img {
border-color: #D8FF16;
min-height: 96%
}
#pbOverlay .prevNext {
display: none;
background: rgba(0, 0, 0, 0);
position: absolute;
z-index: 10;
height: 100%;
width: 35%;
padding: 80px 0;
opacity: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
top: 0;
transition: .2s ease-out;
text-shadow: 0 0 12px #000, 0 0 10px #FFF;
user-select: none;
filter: alpha(opacity=0);
cursor: pointer
}
#pbOverlay.hasArrows .prevNext {
display: block
}
#pbOverlay .prevNext.pbHide {
display: none
}
#pbOverlay.on .prevNext:hover {
opacity: .5;
filter: alpha(opacity=50)
}
#pbOverlay.on .prevNext:hover:active {
transition: 80ms;
opacity: 1;
filter: alpha(opacity=100);
text-shadow: 0 0 16px #FFF, 0 0 10px #000
}
.prevNext b {
display: inline-block;
vertical-align: middle;
transition: .2s ease-in
}
.prevNext:hover b {
transition: .2s cubic-bezier(.095, .870, .485, .985)
}
#pbPrevBtn b {
transform: scale(.4) translateX(350px);
-webkit-transform: scale(.4) translateX(350px)
}
#pbNextBtn b {
transform: scale(.4) translateX(-350px);
-webkit-transform: scale(.4) translateX(-350px)
}
#pbPrevBtn b:before,
#pbNextBtn b:after {
display: inline;
line-height: .3;
font-size: 18em;
font-weight: 400;
color: #FFF;
font-family: Arial
}
#pbPrevBtn b:before {
content: '\2039'
}
#pbNextBtn b:after {
content: '\203A'
}
.on #pbPrevBtn:hover b {
transform: scale(1) translateX(20px);
-webkit-transform: scale(1) translateX(20px)
}
.on #pbNextBtn:hover b {
transform: scale(1) translateX(-20px);
-webkit-transform: scale(1) translateX(-20px)
}
.show #pbPrevBtn {
left: 0;
text-align: left
}
.show #pbNextBtn {
right: 0;
text-align: right
}
@media all and (max-width:700px) {
.pbWrapper img,
.pbHide .pbWrapper img.prepare {
max-height: 100%
}
.thumbs .pbWrapper {
padding: 0;
margin: 0
}
.pbThumbs {
margin-bottom: -60px
}
.pbThumbs.show {
margin: 0
}
.pbThumbs ul {
height: 50px
}
.pbThumbs li {
height: 100%;
opacity: 1
}
.pbThumbs li img {
min-height: 96.5%
}
}
@media all and (max-width:710px) {
.pbThumbs li.active a img {
min-height: 96%
}
}
.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
}
@charset "UTF-8";
.slick-loading .slick-list {
background: #fff url(assets/slick/ajax-loader.gif) center center no-repeat
}
@font-face {
font-family: 'slick';
font-weight: 400;
font-style: normal;
src: url(assets/slick/fonts/slick.eot);
src: url(assets/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(assets/slick/fonts/slick.woff) format("woff"), url(assets/slick/fonts/slick.ttf) format("truetype"), url(assets/slick/fonts/slick.svg#slick) format("svg")
}
.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;
z-index: 1;
}
.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:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.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 5px;
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
}
.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: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #000
}
.slick-slide {
outline: none !important;
}
.simply-scroll-container {
position: relative
}
.simply-scroll-clip {
position: relative;
overflow: hidden
}
.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none
}
.simply-scroll-list li img {
border: none;
display: block
}
.simply-scroll-btn {
position: absolute;
background-image: url(assets/simplyscroll/buttons.png);
width: 42px;
height: 44px;
z-index: 3;
cursor: pointer
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px
}
.simply-scroll-btn-left.disabled {
background-position: 0 0 !important
}
.simply-scroll-btn-left:hover,
.simply-scroll-btn-left:focus {
background-position: 0 -88px
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: -84px -44px
}
.simply-scroll-btn-right.disabled {
background-position: -84px 0 !important
}
.simply-scroll-btn-right:hover,
.simply-scroll-btn-right:focus {
background-position: -84px -88px
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important
}
.simply-scroll-btn-up:hover,
.simply-scroll-btn-up:focus {
background-position: -126px -88px
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important
}
.simply-scroll-btn-down:hover,
.simply-scroll-btn-down:focus {
background-position: -42px -88px
}
.simply-scroll-btn-pause {
right: 6px;
bottom: 6px;
background-position: -168px -44px
}
.simply-scroll-btn-pause:hover,
.simply-scroll-btn-pause:focus {
background-position: -168px -88px
}
.simply-scroll-btn-pause.active {
background-position: -84px -44px
}
.simply-scroll-btn-pause.active:hover,
.simply-scroll-btn-pause.active:focus {
background-position: -84px -88px
}
.simply-scroll {
width: 576px;
height: 200px;
margin-bottom: 1em
}
.simply-scroll .simply-scroll-clip {
width: 576px;
height: 200px
}
.simply-scroll .simply-scroll-list li {
float: left;
width: 290px;
height: 200px
}
.vert {
width: 340px;
height: 400px;
margin-bottom: 1.5em
}
.vert .simply-scroll-clip {
width: 290px;
height: 400px
}
.vert .simply-scroll-list li {
width: 290px;
height: 200px
}
.vert .simply-scroll-btn-up {
right: 0;
top: 0
}
.vert .simply-scroll-btn-down {
right: 0;
top: 52px
}
.simply-scroll,
.simply-scroll .simply-scroll-clip {
width: 100%;
height: 100%;
margin: auto;
}
.simply-scroll .simply-scroll-list li {
height: 100%;
}
.simply-scroll-list li img {
margin: auto;
}
.vert {
width: 100% !important;
height: 100% !important;
margin-bottom: 0px !important;
}
.vert .simply-scroll-clip {
width: 100% !important;
height: 100% !important;
}
.vert .simply-scroll-list li {
width: 100% !important;
height: auto;
margin: auto;
}
.theme-default .nivoSlider {
position: relative;
background: #fff url(assets/nivoslider/themes/default/loading.gif) no-repeat 50% 50%;
margin-bottom: 10px;
-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
box-shadow: 0 1px 5px 0 #4a4a4a
}
.theme-default .nivoSlider img {
position: absolute;
top: 0;
left: 0;
display: none
}
.theme-default .nivoSlider a {
border: 0;
display: block
}
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0
}
.theme-default .nivo-controlNav a {
display: inline-block;
width: 22px;
height: 22px;
background: url(assets/nivoslider/themes/default/bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin: 0 2px
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(assets/nivoslider/themes/default/arrows.png) no-repeat;
text-indent: -9999px;
border: 0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out
}
.theme-default:hover .nivo-directionNav a {
opacity: 1
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px
}
.theme-default a.nivo-prevNav {
left: 15px
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff
}
.theme-default .nivo-caption a:hover {
color: #fff
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto
}
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
max-width: none
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
background: #fff;
filter: alpha(opacity=0);
opacity: 0
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden
}
.nivo-box img {
display: block
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: .8;
overflow: hidden;
display: none;
-moz-opacity: .8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.nivo-caption p {
padding: 5px;
margin: 0
}
.nivo-caption a {
display: inline !important
}
.nivo-html-caption {
display: none
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer
}
.nivo-prevNav {
left: 0
}
.nivo-nextNav {
right: 0
}
.nivo-controlNav {
text-align: center;
padding: 15px 0
}
.nivo-controlNav a {
cursor: pointer
}
.nivo-controlNav a.active {
font-weight: 700
}
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0
}
.fotorama--fullscreen,
.fotorama__img {
max-width: 99999px !important;
max-height: 99999px !important;
min-width: 0 !important;
min-height: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important
}
.fotorama__wrap .fotorama__grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.fotorama__grabbing * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}
.fotorama__spinner {
position: absolute !important;
top: 50% !important;
left: 50% !important
}
.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
outline: 0
}
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
content: '';
border-radius: inherit;
background-color: rgba(0, 175, 234, .5)
}
.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
-webkit-transform: none !important;
transform: none !important
}
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
transition-property: -webkit-transform, width;
transition-property: transform, width;
transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
transition-duration: 0
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fotorama__select {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.fotorama__nav,
.fotorama__nav__frame {
margin: auto;
padding: 0
}
.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*display: inline;
*zoom: 1
}
.fotorama__nav__frame,
.fotorama__thumb-border {
box-sizing: content-box
}
.fotorama__caption__wrap {
box-sizing: border-box
}
.fotorama--hidden,
.fotorama__load {
position: absolute;
left: -99999px;
top: -99999px;
z-index: -1
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
-webkit-tap-highlight-color: transparent
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
background: url(assets/fotorama/fotorama.png) no-repeat
}
@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:2dppx) {
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
background: url([email protected]) 0 0/96px 160px no-repeat
}
}
.fotorama__thumb {
background-color: #7f7f7f;
background-color: rgba(127, 127, 127, .2)
}
@media print {
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__thumb-border,
.fotorama__video-close,
.fotorama__video-play {
background: none !important
}
}
.fotorama {
min-width: 1px;
overflow: hidden
}
.fotorama:not(.fotorama--unobtrusive)>:not(:first-child) {
display: none
}
.fullscreen {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #000
}
.fotorama--fullscreen {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
float: none !important;
z-index: 2147483647 !important;
background: #000;
width: 100% !important;
height: 100% !important;
margin: 0 !important
}
.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
background: #000
}
.fotorama__wrap {
-webkit-text-size-adjust: 100%;
position: relative;
direction: ltr;
z-index: 0
}
.fotorama__wrap--rtl .fotorama__stage__frame {
direction: rtl
}
.fotorama__nav,
.fotorama__stage {
overflow: hidden;
position: relative;
max-width: 100%
}
.fotorama__wrap--pan-y {
-ms-touch-action: pan-y
}
.fotorama__wrap .fotorama__pointer {
cursor: pointer
}
.fotorama__wrap--slide .fotorama__stage__frame {
opacity: 1 !important
}
.fotorama__stage__frame {
overflow: hidden
}
.fotorama__stage__frame.fotorama__active {
z-index: 8
}
.fotorama__wrap--fade .fotorama__stage__frame {
display: none
}
.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
display: block;
left: 0;
top: 0
}
.fotorama__wrap--fade .fotorama__fade-front {
z-index: 8
}
.fotorama__wrap--fade .fotorama__fade-rear {
z-index: 7
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
z-index: 9
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
display: none
}
.fotorama__img {
-ms-filter: alpha(Opacity=0);
filter: alpha(opacity=0);
opacity: 0;
border: none !important
}
.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
-ms-filter: alpha(Opacity=100);
filter: alpha(opacity=100);
opacity: 1
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
display: none
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
display: block
}
.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
max-width: 99999px !important
}
.fotorama__wrap--only-active .fotorama__stage__frame {
visibility: hidden
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
visibility: visible
}
.fotorama__nav {
font-size: 0;
line-height: 0;
text-align: center;
display: none;
white-space: nowrap;
z-index: 5
}
.fotorama__nav__shaft {
position: relative;
left: 0;
top: 0;
text-align: left
}
.fotorama__nav__frame {
position: relative;
cursor: pointer
}
.fotorama__nav--dots {
display: block
}
.fotorama__nav--dots .fotorama__nav__frame {
width: 18px;
height: 30px
}
.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
display: none
}
.fotorama__nav--thumbs {
display: block
}
.fotorama__nav--thumbs .fotorama__nav__frame {
padding-left: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
padding-right: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
display: none
}
.fotorama__dot {
display: block;
width: 4px;
height: 4px;
position: relative;
top: 12px;
left: 6px;
border-radius: 6px;
border: 1px solid #7f7f7f
}
.fotorama__nav__frame:focus .fotorama__dot:after {
padding: 1px;
top: -1px;
left: -1px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
width: 0;
height: 0;
border-width: 3px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
padding: 3px;
top: -3px;
left: -3px
}
.fotorama__thumb {
overflow: hidden;
position: relative;
width: 100%;
height: 100%
}
.fotorama__nav__frame:focus .fotorama__thumb {
z-index: 2
}
.fotorama__thumb-border {
position: absolute;
z-index: 9;
top: 0;
left: 0;
border-style: solid;
border-color: #00afea;
background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
}
.fotorama__caption {
position: absolute;
z-index: 12;
bottom: 0;
left: 0;
right: 0;
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #000
}
.fotorama__caption a {
text-decoration: none;
color: #000;
border-bottom: 1px solid;
border-color: rgba(0, 0, 0, .5)
}
.fotorama__caption a:hover {
color: #333;
border-color: rgba(51, 51, 51, .5)
}
.fotorama__wrap--rtl .fotorama__caption {
left: auto;
right: 0
}
.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
display: none
}
.fotorama__caption__wrap {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
padding: 5px 10px
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.fotorama__wrap--css3 .fotorama__spinner {
-webkit-animation: spinner 24s infinite linear;
animation: spinner 24s infinite linear
}
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
transition-property: opacity;
transition-timing-function: linear;
transition-duration: .3s
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
-ms-filter: alpha(Opacity=0);
filter: alpha(opacity=0);
opacity: 0
}
.fotorama__select {
cursor: auto
}
.fotorama__video {
top: 32px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 10
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
position: absolute;
z-index: 11;
cursor: pointer
}
.fotorama__arr {
position: absolute;
width: 32px;
height: 32px;
top: 50%;
margin-top: -16px
}
.fotorama__arr--prev {
left: 2px;
background-position: 0 0
}
.fotorama__arr--next {
right: 2px;
background-position: -32px 0
}
.fotorama__arr--disabled {
pointer-events: none;
cursor: default;
*display: none;
opacity: .1
}
.fotorama__fullscreen-icon {
width: 32px;
height: 32px;
top: 2px;
right: 2px;
background-position: 0 -32px;
z-index: 20
}
.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
border-radius: 50%
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
background-position: -32px -32px
}
.fotorama__video-play {
width: 96px;
height: 96px;
left: 50%;
top: 50%;
margin-left: -48px;
margin-top: -48px;
background-position: 0 -64px;
opacity: 0
}
.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
display: none
}
.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
opacity: 1;
display: block
}
.fotorama__nav__frame .fotorama__video-play {
width: 32px;
height: 32px;
margin-left: -16px;
margin-top: -16px;
background-position: -64px -32px
}
.fotorama__video-close {
width: 32px;
height: 32px;
top: 0;
right: 0;
background-position: -64px 0;
z-index: 20;
opacity: 0
}
.fotorama__wrap--css2 .fotorama__video-close {
display: none
}
.fotorama__wrap--css3 .fotorama__video-close {
-webkit-transform: translate3d(32px, -32px, 0);
transform: translate3d(32px, -32px, 0)
}
.fotorama__wrap--video .fotorama__video-close {
display: block;
opacity: 1
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
opacity: 0
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
opacity: 1
}
.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
opacity: 0 !important
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
display: none
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
display: block
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
display: none !important
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
-webkit-transform: translate3d(32px, -32px, 0);
transform: translate3d(32px, -32px, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
-webkit-transform: translate3d(-48px, 0, 0);
transform: translate3d(-48px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
-webkit-transform: translate3d(48px, 0, 0);
transform: translate3d(48px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
-webkit-transform: translate3d(32px, -32px, 0) !important;
transform: translate3d(32px, -32px, 0) !important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
-webkit-transform: translate3d(-48px, 0, 0) !important;
transform: translate3d(-48px, 0, 0) !important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
-webkit-transform: translate3d(48px, 0, 0) !important;
transform: translate3d(48px, 0, 0) !important
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
transition-duration: .3s
}
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
content: "";
display: block;
position: absolute;
text-decoration: none;
top: 0;
bottom: 0;
width: 10px;
height: auto;
z-index: 10;
pointer-events: none;
background-repeat: no-repeat;
background-size: 1px 100%, 5px 100%
}
.fotorama__nav:before,
.fotorama__stage:before {
background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
background-position: 0 0, 0 0;
left: -10px
}
.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
left: 0
}
.fotorama__nav:after,
.fotorama__stage:after {
background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
background-position: 100% 0, 100% 0;
right: -10px
}
.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
right: 0
}
.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
display: none
}
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
display: none;
}
.list_chinhanh ul.title {
width: 100%;
margin: 0px;
padding: 0px;
}
.list_chinhanh ul.title li {
list-style: none;
float: left;
padding-right: 5px;
height: 33px;
line-height: 33px;
border-bottom: none;
margin-right: 5px;
padding: 0px 15px;
text-align: center;
cursor: pointer;
background: #F1F1F1;
}
.list_chinhanh ul.title li.active {
background: #0F71CB;
}
.list_chinhanh ul.title li.active a {
color: white;
}
.list_chinhanh ul.title li:hover {
background: #0F71CB;
color: white
}
.list_chinhanh ul.title li:hover a {
color: white
}
.list_chinhanh ul.title li a {
color: #414141;
font-size: 14px;
font-family: 'robotocondensed-regular';
}
@media screen and (max-width:480px) {
.list_chinhanh ul.title li {
width: 100%;
padding: 0px;
}
}
#map_custom {
height: 400px;
width: 100%;
border: solid 1px #CCC;
float: left;
margin: 0px;
padding: 0px;
}
.map_description {
color: #000000;
overflow: auto;
width: 275px;
}
.map_description .default {
color: #FF0000;
}
.map_description div {
line-height: 18px;
margin: 3px;
font-family: Tahoma, Geneva, sans-serif !important;
}
.map_description div.map_title {
text-transform: uppercase;
}
.map_list_address {
float: left;
height: 250px;
overflow: hidden;
width: 250px;
max-width: 70%;
}
.map_list_address .list {
line-height: 18px;
margin-bottom: 5px;
}
.map_list_address span {
color: #FCFF46;
}
.map_title {
color: #0F71CB;
font-weight: bold;
}
.navigate .C {
width: 970px;
}
.ug-gallery-wrapper,
.ug-gallery-wrapper * {
transition: all !important;
-o-transition: all !important;
-webkit-transition: all;
-moz-transition: all !important;
-ms-transition: all !important;
max-width: none;
}
.ug-gallery-wrapper {
z-index: 0;
}
.ug-item-wrapper img {
width: auto;
max-width: none;
margin: 0px;
padding: 0px;
}
.ug-videoplayer-wrapper video {
height: 100%;
width: 100%;
}
.ug-rtl {
direction: rtl;
}
.ug-gallery-wrapper {
overflow: hidden;
position: relative;
font-family: Arial, Helvetica, sans-serif;
}
.ug-error-message {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
font-size: 20px;
color: #F30D0D;
}
.ug-error-message-wrapper {
width: 100%;
height: 100%;
border: 1px solid black;
}
.ug-gallery-wrapper .ug-canvas-pie {
position: absolute;
z-index: 4;
}
.ug-gallery-wrapper .ug-progress-bar {
position: absolute;
overflow: hidden;
z-index: 4;
}
.ug-gallery-wrapper .ug-progress-bar-inner {
xposition: absolute;
}
.ug-gallery-wrapper.ug-fullscreen {
height: 100% !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
}
.ug-gallery-wrapper.ug-fake-fullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
margin: 0px !important;
padding: 0px !important;
top: 0px !important;
left: 0px !important;
bottom: 0px !important;
right: 0px !important;
z-index: 999999 !important;
}
.ug-body-fullscreen {
overflow: hidden !important;
height: 100% !important;
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.ug-gallery-wrapper .ug-preloader-trans {
display: block;
height: 35px;
width: 32px;
height: 32px;
background-image: url('assets/unitegallery/images/loader_skype_trans.gif');
background-repeat: no-repeat;
}
.ug-gallery-wrapper .ug-slider-wrapper {
position: absolute;
overflow: hidden;
z-index: 1;
background-color: #000000;
}
.ug-slider-wrapper .ug-slide-wrapper {
position: absolute;
}
.ug-slide-wrapper.ug-slide-clickable {
cursor: pointer;
}
.ug-slider-wrapper .ug-slider-inner {
position: absolute;
z-index: 0;
}
.ug-slider-wrapper .ug-item-wrapper {
position: absolute;
overflow: hidden;
}
.ug-slider-wrapper,
.ug-item-wrapper img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
max-width: none !important;
box-sizing: border-box;
}
.ug-slider-wrapper .ug-slider-preloader {
position: absolute;
z-index: 1;
border: 2px solid #ffffff;
border-radius: 6px;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
}
.ug-slider-preloader.ug-loader1 {
width: 30px;
height: 30px;
background-image: url('assets/unitegallery/images/loader-white1.gif');
}
.ug-slider-preloader.ug-loader1.ug-loader-black {
background-image: url('assets/unitegallery/images/loader-black1.gif');
}
.ug-slider-preloader.ug-loader2 {
width: 32px;
height: 32px;
background-image: url('assets/unitegallery/images/loader-white2.gif');
}
.ug-slider-preloader.ug-loader2.ug-loader-black {
background-image: url('assets/unitegallery/images/loader-black2.gif');
}
.ug-slider-preloader.ug-loader3 {
width: 38px;
height: 38px;
background-image: url('assets/unitegallery/images/loader-white3.gif');
}
.ug-slider-preloader.ug-loader3.ug-loader-black {
background-image: url('assets/unitegallery/images/loader-black3.gif');
}
.ug-slider-preloader.ug-loader4 {
width: 32px;
height: 32px;
background-image: url('assets/unitegallery/images/loader-white4.gif');
background-color: white;
}
.ug-slider-preloader.ug-loader4.ug-loader-black {
background-image: url('assets/unitegallery/images/loader-black4.gif');
}
.ug-slider-preloader.ug-loader5 {
width: 60px;
height: 8px;
background-image: url('assets/unitegallery/images/loader-white5.gif');
background-color: white;
border: none;
border-radius: 0px;
}
.ug-slider-preloader.ug-loader5.ug-loader-black {
background-image: url('assets/unitegallery/images/loader-black5.gif');
border: 2px solid #000000;
}
.ug-slider-preloader.ug-loader6 {
width: 32px;
height: 32px;
background-image: url('assets/unitegallery/images/loader-white6.gif');
}
.ug-slider-preloader.ug-loader6.ug-loader-black {
background-image: url('assets/unitegallery/images/loader-black6.gif');
}
.ug-slider-preloader.ug-loader7 {
width: 32px;
height: 10px;
background-image: url('assets/unitegallery/images/loader-white7.gif');
border-width: 3px;
border-radius: 3px;
}
.ug-slider-preloader.ug-loader7.ug-loader-black {
background-image: url('assets/unitegallery/images/loader-black7.gif');
}
.ug-slider-preloader.ug-loader-black {
border-color: #000000;
background-color: #000000;
}
.ug-slider-preloader.ug-loader-nobg {
background-color: transparent;
}
.ug-slider-wrapper .ug-button-videoplay {
position: absolute;
z-index: 2;
cursor: pointer;
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-square {
width: 86px;
height: 66px;
background-image: url('assets/unitegallery/images/play-button-square.png');
background-position: 0px -66px;
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-square.ug-button-hover {
background-position: 0px 0px;
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-round {
width: 76px;
height: 76px;
background-image: url('assets/unitegallery/images/play-button-round.png');
opacity: 0.9;
filter: alpha(opacity=90);
transition: all 0.3s ease 0s !important;
}
.ug-slider-wrapper .ug-button-videoplay.ug-type-round.ug-button-hover {
opacity: 1;
filter: alpha(opacity=100);
transition: all 0.3s ease 0s !important;
}
.ug-gallery-wrapper .ug-videoplayer {
position: absolute;
z-index: 100;
background-color: #000000;
background-image: url('assets/unitegallery/images/loader-black1.gif');
background-repeat: no-repeat;
background-position: center center;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ug-videoplayer .ug-videoplayer-wrapper {
width: 100%;
height: 100%;
background-color: #000000;
background-image: url('assets/unitegallery/images/loader-black1.gif');
background-repeat: no-repeat;
background-position: center center;
}
.ug-videoplayer .ug-videoplayer-button-close {
position: absolute;
height: 64px;
width: 64px;
background-image: url('assets/unitegallery/images/button-close.png');
cursor: pointer;
z-index: 1000;
}
.ug-videoplayer .ug-videoplayer-button-close:hover {
background-position: 0px -64px;
}
.ug-gallery-wrapper .ug-thumbs-strip,
.ug-gallery-wrapper .ug-thumbs-grid {
position: absolute;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
xbackground-color: green;
z-index: 10;
}
.ug-thumbs-strip.ug-dragging {
xcursor: -webkit-grab;
xcursor: -moz-grab;
}
.ug-gallery-wrapper .ug-thumbs-strip-inner,
.ug-gallery-wrapper .ug-thumbs-grid-inner {
position: absolute;
}
.ug-thumb-wrapper.ug-thumb-generated {
position: absolute;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader,
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error {
position: absolute;
top: 0px;
left: 0px;
background-repeat: no-repeat;
background-position: center center;
}
.ug-thumb-wrapper .ug-thumb-border-overlay {
position: absolute;
top: 0px;
left: 0px;
z-index: 4;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-style: solid;
}
.ug-thumb-wrapper .ug-thumb-overlay {
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-dark {
background-image: url('assets/unitegallery/images/loader.gif');
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-bright {
background-image: url('assets/unitegallery/images/loader_bright.gif');
}
.ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error {
background-image: url('assets/unitegallery/images/not_loaded.png');
}
.ug-thumb-wrapper.ug-thumb-generated img {
position: absolute;
z-index: 1;
max-width: none !important;
}
.ug-thumb-wrapper.ug-thumb-generated img.ug-thumb-image-overlay {
position: absolute;
z-index: 2;
max-width: none !important;
}
img.ug-bw-effect {
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://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");
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
img.ug-blur-effect {
filter: blur(0.8px);
-webkit-filter: blur(0.8px);
-moz-filter: blur(0.8px);
-o-filter: blur(0.8px);
-ms-filter: blur(0.8px);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id='blur'><feGaussianBlur stdDeviation=\'0.8\' /></filter></svg>#blur");
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.8');
}
img.ug-sepia-effect {
-webkit-filter: sepia(1);
-webkit-filter: sepia(100%);
-moz-filter: sepia(100%);
-ms-filter: sepia(100%);
-o-filter: sepia(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'sepia\'><feColorMatrix values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\' /></filter></svg>#sepia");
filter: sepia(100%);
background-color: #5E2612;
filter: alpha(opacity=50);
zoom: 1;
}
.ug-gallery-wrapper .ug-bullets {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}
.ug-gallery-wrapper .ug-bullets .ug-bullet {
background-repeat: no-repeat;
cursor: pointer;
display: block;
float: left;
z-index: 2;
}
.ug-gallery-wrapper .ug-bullets .ug-bullet:first-child {
margin-left: 0px;
}
.ug-gallery-wrapper .ug-textpanel {
position: absolute;
overflow: hidden;
}
.ug-slider-wrapper .ug-textpanel {
z-index: 2;
}
.ug-gallery-wrapper .ug-textpanel-bg,
.ug-gallery-wrapper .ug-textpanel-title,
.ug-gallery-wrapper .ug-textpanel-description {
display: block;
position: absolute;
margin: 0px;
padding: 0px;
}
.ug-gallery-wrapper .ug-textpanel-bg {
background-color: #000000;
opacity: 0.4;
filter: alpha(opacity=40);
z-index: 1;
}
.ug-textpanel-textwrapper {
overflow: hidden;
}
.ug-gallery-wrapper .ug-textpanel-title {
font-size: 16px;
font-weight: bold;
color: white;
text-align: left;
z-index: 2;
}
.ug-gallery-wrapper .ug-textpanel-description {
font-size: 14px;
color: white;
text-align: left;
z-index: 3;
}
.ug-slider-wrapper .ug-zoompanel {
position: absolute;
top: 200px;
left: 100px;
}
.ug-zoompanel .ug-zoompanel-button {
background-repeat: no-repeat;
cursor: pointer;
display: block;
}
.ug-gallery-wrapper .ug-arrow-left {
position: absolute;
background-repeat: no-repeat;
display: block;
cursor: pointer;
}
.ug-gallery-wrapper .ug-arrow-right {
position: absolute;
background-repeat: no-repeat;
cursor: pointer;
}
.ug-gallery-wrapper .ug-grid-panel {
position: absolute;
background-color: #000000;
xbackground-color: blue;
z-index: 2;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow {
position: absolute;
background-repeat: no-repeat;
cursor: pointer;
z-index: 11;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow.ug-button-disabled {
cursor: default;
}
.ug-gallery-wrapper .ug-panel-handle-tip {
position: absolute;
z-index: 13;
cursor: pointer;
}
.ug-gallery-wrapper .ug-overlay-disabled {
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.3;
filter: alpha(opacity=30);
background-image: url('assets/unitegallery/images/cover-grid.png');
}
.ug-gallery-wrapper .ug-strip-panel {
position: absolute;
background-color: #000000;
z-index: 2;
}
.ug-strip-panel .ug-strip-arrow {
position: absolute;
cursor: pointer;
}
.ug-strip-panel .ug-strip-arrow.ug-button-disabled {
cursor: default;
}
.ug-strip-panel .ug-strip-arrow-tip {
position: absolute;
}
.ug-thumb-wrapper.ug-tile {
display: block;
position: absolute;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
padding: 0px;
margin: 0px;
}
.ug-tile .ug-tile-cloneswrapper {
position: absolute;
width: 0px;
height: 0px;
top: 0px;
left: 0px;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=90);
}
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile,
.ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile .ug-trans-enabled {
transition: left 0.7s ease 0s, top 0.7s ease 0s, width 0.7s ease 0s, height 0.7s ease 0s !important;
}
.ug-thumb-wrapper.ug-tile.ug-tile-clickable {
cursor: pointer;
}
.ug-thumb-wrapper.ug-tile .ug-image-container {
position: absolute;
overflow: hidden;
z-index: 1;
top: 0px;
left: 0px;
}
.ug-thumb-wrapper.ug-tile img.ug-thumb-image {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
max-width: none !important;
max-height: none !important;
display: block;
border: none;
padding: 0px !important;
margin: 0px !important;
width: auto;
height: auto;
position: absolute;
}
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay {
position: absolute;
overflow: hidden;
z-index: 2;
top: 0px;
left: 0px;
}
.ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img {
width: 100%;
max-width: none !important;
}
.ug-tiletype-justified .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img {
height: 100%;
max-width: none !important;
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon {
position: absolute;
width: 38px;
height: 38px;
background-repeat: no-repeat;
background-position: 0 0;
xbackground-color: green;
z-index: 6;
top: 1px;
left: 1px;
cursor: pointer;
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link {
background-image: url('assets/unitegallery/images/icon-link32.png');
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom {
background-image: url('assets/unitegallery/images/icon-zoom32.png');
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play {
background-image: url('assets/unitegallery/images/icon-play32.png');
}
.ug-thumb-wrapper.ug-tile .ug-tile-icon:hover {
background-position: 0 -38px;
}
.ug-thumbs-grid .ug-tile-image-overlay img {
width: auto;
height: auto;
position: absolute;
max-width: none !important;
}
.ug-tile .ug-textpanel {
z-index: 5;
cursor: default;
}
.ug-tile.ug-tile-clickable .ug-textpanel {
cursor: pointer;
}
.ug-tile .ug-textpanel-title {
font-size: 14px;
font-weight: bold;
}
.ug-gallery-wrapper .ug-carousel-wrapper {
position: absolute;
overflow: hidden;
}
.ug-gallery-wrapper .ug-carousel-inner {
position: absolute;
}
.ug-gallery-wrapper.ug-lightbox {
display: none;
position: fixed;
border: none;
padding: 0px;
margin: 0px;
outline: invert none medium;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: none !important;
max-height: none !important;
z-index: 999999;
}
.ug-lightbox .ug-lightbox-top-panel {
position: absolute;
z-index: 2;
}
.ug-lightbox .ug-lightbox-top-panel-overlay {
width: 100%;
height: 100%;
position: absolute;
background-color: #000000;
opacity: 0.4;
filter: alpha(opacity=40);
}
.ug-lightbox .ug-lightbox-overlay {
z-index: 1;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 1;
}
.ug-lightbox .ug-slider-wrapper {
z-index: 1;
xbackground-color: green;
background-color: transparent !important;
}
.ug-lightbox .ug-textpanel {
z-index: 2;
}
.ug-lightbox .ug-lightbox-arrow-left,
.ug-lightbox .ug-lightbox-arrow-right {
position: absolute;
width: 50px;
height: 55px;
background-repeat: no-repeat;
background-image: url('assets/unitegallery/images/lightbox-arrow-left.png');
background-position: 0px 0px;
z-index: 3;
cursor: pointer;
}
.ug-lightbox .ug-lightbox-arrow-right {
background-image: url('assets/unitegallery/images/lightbox-arrow-right.png');
}
.ug-lightbox .ug-lightbox-button-close {
position: absolute;
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-image: url('assets/unitegallery/images/lightbox-icon-close.png');
background-position: 0px 0px;
z-index: 4;
cursor: pointer;
}
.ug-lightbox-compact .ug-lightbox-button-close {
width: 45px;
height: 41px;
background-image: url('assets/unitegallery/images/lightbox-icon-close-compact2.png');
}
.ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover,
.ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover {
background-position: 0px -55px;
}
.ug-lightbox .ug-lightbox-button-close.ug-button-hover {
background-position: 0px -35px;
}
.ug-lightbox-compact .ug-lightbox-button-close.ug-button-hover {
background-position: 0px -40px;
}
.ug-lightbox .ug-lightbox-numbers {
position: absolute;
color: #e5e5e5;
font-size: 12px;
top: 14px;
left: 8px;
z-index: 3;
}
.ug-lightbox-compact .ug-lightbox-numbers {
font-size: 14px;
padding-right: 5px;
padding-top: 7px;
}
.ug-lightbox .ug-textpanel-title,
.ug-lightbox .ug-textpanel-description {
font-size: 14px;
font-weight: normal;
color: #e5e5e5;
}
.ug-lightbox-compact .ug-textpanel-title,
.ug-lightbox-compact .ug-textpanel-description {
color: #F3F3F3;
font-size: 16px;
}
.ug-tabs-wrapper {
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
}
.ug-tabs-wrapper a.ug-tab {
display: inline-block;
cursor: pointer;
text-decoration: none;
color: #ffffff;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
margin-left: 5px;
background-color: #333333;
border-radius: 3px;
font-size: 12px;
font-weight: normal;
border: 1px solid #969696;
}
.ug-tabs-wrapper a.ug-tab:hover {
background-color: #707070 !important;
}
.ug-tabs-wrapper a.ug-tab.ug-tab-selected,
.ug-tabs-wrapper a.ug-tab.ug-tab-selected:hover {
background-color: #2077A2 !important;
cursor: default !important;
}
.ug-tabs-wrapper a.ug-tab:first-child {
margin-left: 0px !important;
}
.ug-arrow-left.ug-skin-default,
.ug-arrow-right.ug-skin-default {
width: 15px;
height: 30px;
background-image: url('../skins/default/slider_arrow_left.png');
background-position: 0px 0px;
}
.ug-arrow-right.ug-skin-default {
background-image: url('../skins/default/slider_arrow_right.png');
}
.ug-arrow-left.ug-skin-default.ug-arrow-hover,
.ug-arrow-right.ug-skin-default.ug-arrow-hover {
background-position: 0px -30px;
}
.ug-arrow-left.ug-skin-default.ug-arrow-disabled,
.ug-arrow-right.ug-skin-default.ug-arrow-disabled {
background-position: 0px -60px;
}
.ug-bullets.ug-skin-default .ug-bullet {
width: 15px;
height: 15px;
background-image: url('../skins/default/slider_bullets.png');
background-position: top left;
margin-left: 5px;
}
.ug-bullets.ug-skin-default .ug-bullet.ug-bullet-active {
background-position: bottom left;
}
.ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet {
background-image: url('../skins/default/tile_bullets_gray.png');
}
.ug-bullets.ug-skin-default.ug-bullets-blue .ug-bullet {
background-image: url('../skins/default/tile_bullets_blue.png');
}
.ug-bullets.ug-skin-default.ug-bullets-brown .ug-bullet {
background-image: url('../skins/default/tile_bullets_brown.png');
}
.ug-bullets.ug-skin-default.ug-bullets-green .ug-bullet {
background-image: url('../skins/default/tile_bullets_green.png');
}
.ug-bullets.ug-skin-default.ug-bullets-red .ug-bullet {
background-image: url('../skins/default/tile_bullets_red.png');
}
.ug-button-tile-navigation {
width: 36px;
height: 36px;
background-position: top left;
cursor: pointer;
float: left;
}
.ug-button-tile-navigation.ug-button-tile-left {
background-image: url('../skins/default/tile_button_left.png');
}
.ug-button-tile-navigation.ug-button-tile-right {
background-image: url('../skins/default/tile_button_right.png');
}
.ug-button-tile-navigation:hover {
background-position: bottom left;
}
.ug-button-tile-navigation.ug-button-disabled {
opacity: 0.6;
}
.ug-button-tile-navigation.ug-button-disabled:hover {
background-position: top left;
}
.ug-button-tile-navigation.ug-button-tile-play {
background-image: url('../skins/default/tile_button_play_pause.png');
width: 35px;
}
.ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon {
background-position: bottom left;
}
.ug-button-tile-navigation.ug-button-tile-play:hover {
background-position: top left;
}
.ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon:hover {
background-position: bottom left;
}
.ug-button-play.ug-skin-default {
position: absolute;
background-image: url('../skins/default/button_playpause.png');
width: 14px;
height: 17px;
cursor: pointer;
background-position: 0px 0px;
}
.ug-button-play.ug-skin-default.ug-button-hover {
background-position: 0px -17px;
}
.ug-button-play.ug-skin-default.ug-stop-mode {
background-position: 0px -34px;
}
.ug-button-play.ug-skin-default.ug-stop-mode.ug-button-hover {
background-position: 0px -51px;
}
.ug-button-fullscreen.ug-skin-default {
position: absolute;
background-image: url('../skins/default/button_fullscreen.png');
width: 16px;
height: 16px;
cursor: pointer;
background-position: 0px 0px;
}
.ug-button-fullscreen.ug-skin-default.ug-button-hover {
background-position: 0px -16px;
}
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode {
background-position: 0px -32px;
}
.ug-button-fullscreen.ug-skin-default.ug-fullscreenmode.ug-button-hover {
background-position: 0px -48px;
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button {
background-repeat: no-repeat;
cursor: pointer;
height: 23px;
width: 23px;
margin-top: 5px;
background-position: 0px 0px;
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-plus {
margin-top: 0px;
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-plus {
background-image: url('../skins/default/icon_zoom_plus.png');
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-minus {
background-image: url('../skins/default/icon_zoom_minus.png');
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-return {
background-image: url('../skins/default/icon_zoom_back.png');
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover {
background-position: 0px -23px;
}
.ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled,
.ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover.ug-zoompanel-button-disabled {
background-position: 0px -46px;
cursor: default;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default {
width: 30px;
height: 15px;
background-position: 0px 0px;
background-image: url('../skins/default/arrow_grid_down.png');
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover {
background-position: 0px -15px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-disabled {
background-position: 0px -30px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default {
width: 30px;
height: 15px;
background-position: 0px 0px;
background-image: url('../skins/default/arrow_grid_up.png');
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover {
background-position: 0px -15px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-disabled {
background-position: 0px -30px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default {
width: 40px;
height: 40px;
background-position: 0px -40px;
background-image: url('../skins/default/grid_arrow_left.png');
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover {
background-position: 0px -0px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-disabled {
background-position: 0px -80px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default {
width: 40px;
height: 40px;
background-position: 0px -40px;
background-image: url('../skins/default/grid_arrow_right.png');
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover {
background-position: 0px -0px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-disabled {
background-position: 0px -80px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default {
width: 15px;
height: 30px;
background-image: url('../skins/default/slider_arrow_left.png');
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover {
background-position: 0px -30px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-disabled {
background-position: 0px -60px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default {
width: 15px;
height: 30px;
background-image: url('../skins/default/slider_arrow_right.png');
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover {
background-position: 0px -30px;
}
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover.ug-button-disabled,
.ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-disabled {
background-position: 0px -60px;
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default {
width: 25px;
height: 50px;
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip {
background-position: 0px 0px;
background-repeat: no-repeat;
width: 4px;
height: 7px;
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip {
background-image: url('../skins/default/arrows_strip_left.png');
}
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip {
background-image: url('../skins/default/arrows_strip_right.png');
}
.ug-strip-panel .ug-strip-arrow-left.ug-skin-default.ug-button-hover .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-right.ug-skin-default.ug-button-hover .ug-strip-arrow-tip {
background-position: 0px -7px;
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default {
height: 25px;
width: 50px;
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip {
background-position: 0px 0px;
background-repeat: no-repeat;
width: 7px;
height: 4px;
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip {
background-image: url('../skins/default/arrows_strip_up.png');
}
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip {
background-image: url('../skins/default/arrows_strip_down.png');
}
.ug-strip-panel .ug-strip-arrow-up.ug-skin-default.ug-button-hover .ug-strip-arrow-tip,
.ug-strip-panel .ug-strip-arrow-down.ug-skin-default.ug-button-hover .ug-strip-arrow-tip {
background-position: -7px 0px;
}
.ug-strip-panel .ug-strip-arrow.ug-skin-default.ug-button-disabled .ug-strip-arrow-tip {
background-position: 0px 0px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default {
width: 22px;
height: 36px;
background-image: url('../skins/default/grid_handle_black_left.png');
background-repeat: no-repeat;
background-position: 0px -36px;
}
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default {
background-image: url('../skins/default/grid_handle_black_right.png');
background-position: 0px -36px;
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-button-hover.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-right.ug-button-hover.ug-skin-default {
background-position: 0px -0px;
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed {
background-position: 0px -108px;
}
.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed.ug-button-hover {
background-position: 0px -72px;
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default {
width: 36px;
height: 22px;
background-image: url('../skins/default/grid_handle_black_top.png');
background-repeat: no-repeat;
background-position: -36px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default {
background-image: url('../skins/default/grid_handle_black_bottom.png');
background-position: -36px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-hover {
background-position: 0px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed {
background-position: -108px 0px;
}
.ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed.ug-button-hover,
.ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed.ug-button-hover {
background-position: -72px 0px;
}
@font-face {
font-family: "magictoolbox-thin";
font-weight: 400;
font-style: normal;
src: url(assets/magiczoomplus/fonts/magictoolbox-thin.eot);
src: url(assets/magiczoomplus/fonts/magictoolbox-thin.eot?#iefix) format("embedded-opentype"), url(assets/magiczoomplus/fonts/magictoolbox-thin.woff) format("woff"), url(assets/magiczoomplus/fonts/magictoolbox-thin.ttf) format("truetype"), url(assets/magiczoomplus/fonts/magictoolbox-thin.svg#magictoolbox-thin) format("svg")
}
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage>figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.MagicZoom,
.mz-figure {
display: inline-block;
outline: 0 !important;
font-size: 0 !important;
line-height: 100% !important;
direction: ltr !important;
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 auto;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.MagicZoom {
-webkit-transform: translate3d(0, 0, 0);
-ms-touch-action: pan-y;
touch-action: pan-y
}
figure.mz-figure {
-webkit-perspective: 300px;
perspective: 300px;
margin: 0 !important
}
.MagicZoom img,
.mz-figure img {
border: 0 !important;
margin: 0 !important;
outline: 0 !important;
padding: 0 !important
}
.MagicZoom>img,
.mz-figure>img {
width: 100%;
height: auto
}
.ie8-magic .MagicZoom>img,
.ie8-magic .mz-figure>img {
width: 100%;
max-width: none !important
}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
cursor: default !important
}
.mz-figure.mz-active,
.mz-expand {
-ms-touch-action: none;
touch-action: none
}
.mz-lens,
.mz-zoom-window {
position: absolute !important;
overflow: hidden !important;
pointer-events: none !important
}
.mz-lens img,
.mz-zoom-window img {
position: absolute !important;
max-width: none !important;
max-height: none !important
}
.mz-zoom-window {
z-index: 2000000000;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mz-zoom-window.mz-magnifier {
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
-webkit-mask-clip: content;
cursor: none
}
.mz-zoom-window.mz-magnifier.mz-expanded {
z-index: 2147483647
}
.mz-zoom-window img {
left: -1000%;
right: -1000%;
top: -1000%;
bottom: -1000%;
margin: auto !important;
-ms-transform-origin: 50% 50% !important;
-webkit-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important
}
.mz-zoom-window.mz-preview img {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
-webkit-transform: none !important;
transform: none !important;
width: 100% !important;
height: auto !important
}
.lt-ie9-magic .mz-zoom-window img {
margin: 0 !important
}
.mz-expand-controls {
z-index: 2147483647
}
.mz-fade {
-webkit-transition: opacity .25s;
transition: opacity .25s
}
.mz-hidden {
opacity: 0
}
.mz-visible {
opacity: 1
}
.mobile-magic .mz-expand .mz-expand-bg {
-webkit-transform-style: flat !important;
transform-style: flat !important
}
.mobile-magic .mz-expand .mz-image-stage>figure .mz-caption {
display: none !important
}
.mobile-magic .mz-expand-controls.mz-fade {
transition: none !important
}
.mobile-magic .mz-expand .mz-zoom-window {
top: 0 !important;
left: 0 !important
}
.mz-figure.mz-active {
background: #fff
}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mz-figure.mz-active.mz-no-expand {
cursor: crosshair
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
cursor: crosshair;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
cursor: none
}
.mz-figure.mz-active>img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");
-webkit-filter: grayscale(80%) opacity(60%);
filter: grayscale(80%) opacity(60%)
}
.no-cssfilters-magic .mz-figure.mz-active>img {
opacity: .6
}
.lt-ie10-magic .mz-figure.mz-active>img {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=0.6)
}
.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>img {
opacity: 0
}
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>.mz-zoom-window {
opacity: 1
}
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom>img {
filter: alpha(opacity=0)
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
background: transparent
}
.mz-lens {
border: 1px solid #aaa;
border-color: rgba(170, 170, 170, 0.7);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
cursor: none;
z-index: 10;
opacity: 0
}
.mz-figure.mz-active .mz-lens {
opacity: 1;
-webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
border-radius: 50%;
opacity: 0;
cursor: none
}
.mz-zoom-window {
background: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}
.mz-zoom-window.mz-magnifier {
border-radius: 50%;
border: 0;
background: rgba(255, 255, 255, .3)
}
.mz-zoom-window.mz-magnifier:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 100%;
border: 1px solid rgba(170, 170, 170, 0.7);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
background: transparent;
z-index: 1
}
.lt-ie9-magic .mz-zoom-window {
border: 1px solid #e5e5e5
}
.mz-zoom-window.mz-inner {
border: none;
box-shadow: none
}
.mz-zoom-window .mz-caption {
background: #777;
color: #fff;
font-size: 10pt;
opacity: .8;
position: absolute;
top: 0;
z-index: 150;
padding: 3px;
width: 100%;
line-height: normal !important;
text-align: center !important
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
filter: alpha(opacity=80)
}
.mz-zoom-window.caption-bottom .mz-caption {
top: auto;
bottom: 0
}
.mz-zoom-window.mz-expanded>.mz-caption {
display: none
}
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
-webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform .3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform .3s cubic-bezier(0.25, 0.5, 0.5, 0.9)
}
.mz-zoom-window.mz-deactivating {
-webkit-transition-duration: .25s, .25s, .25s;
transition-duration: .25s, .25s, .25s
}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
opacity: 0;
z-index: -100
}
.mz-zoom-window.mz-p-right {
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0)
}
.mz-zoom-window.mz-p-left {
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0)
}
.mz-zoom-window.mz-p-top {
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0)
}
.mz-zoom-window.mz-p-bottom {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0)
}
.mz-zoom-window>img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mz-zoom-window.mz-p-inner.mz-deactivating>img,
.mz-zoom-window.mz-p-inner.mz-activating>img {
-webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9)
}
.mz-zoom-window.mz-p-magnifier {
-webkit-transform: scale(.1);
transform: scale(.1)
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
-webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9)
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
-webkit-transition-duration: .2s;
transition-duration: .2s
}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
opacity: 0
}
.mz-hint,
.mz-loading {
color: #eee;
background: rgba(49, 51, 61, 0.7);
font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
direction: ltr;
display: inline-block;
margin: 0;
position: absolute;
z-index: 1000;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease
}
.mz-hint {
bottom: 8px;
left: 0;
right: 0;
padding: 0 10%;
background-color: transparent;
-webkit-transition: opacity .25s ease, z-index .25s ease;
transition: opacity .25s ease, z-index .25s ease
}
.mz-hint-message {
display: inline-block;
background: rgba(49, 51, 61, 0.7);
border-radius: 2em;
padding: .7em 1.1em
}
.mz-hint-message:before {
content: '\02295';
font-family: serif;
font-size: 1.5em;
speak: none;
text-align: center;
vertical-align: -2px;
margin-right: 6px;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease
}
.mobile-magic .mz-hint-message:before {
display: none
}
.mz-hint-hidden {
opacity: 0;
z-index: -1;
-webkit-transition-delay: .6s;
transition-delay: .6s
}
.mobile-magic .mz-expand .mz-hint {
font-size: 18px;
line-height: 1.1em;
top: 50%;
bottom: auto;
margin: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.mobile-magic .mz-expand .mz-hint-message {
padding: 1.1em
}
.mobile-magic .mz-expand .mz-hint-message:before {
display: none
}
.mobile-magic .mz-expand .mz-hint-hidden {
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0
}
.mz-loading {
font-size: 0;
border-radius: 4px;
opacity: 0;
padding: 0;
width: 36px;
height: 36px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.mz-loading:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 24px;
height: 24px;
margin: auto;
text-indent: -9999em;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 1);
border-top-color: transparent;
box-sizing: border-box
}
.mz-loading.shown {
opacity: 1;
z-index: 1;
-webkit-transition: opacity 0;
transition: opacity 0
}
.mz-loading.shown:after {
-webkit-animation: spin-loading .9s infinite linear;
animation: spin-loading .9s infinite linear
}
@-webkit-keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.lt-ie10-magic .mz-loading {
font-size: 12px;
padding: .7em 1.1em;
width: auto;
height: auto
}
.lt-ie10-magic .mz-loading:after {
content: 'Loading...';
text-indent: 0;
border: none;
position: relative
}
.lt-ie9-magic .mz-loading {
filter: alpha(opacity=0);
right: 0;
left: 0;
width: 126px;
margin: auto
}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
background: transparent !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7c31333D', EndColorStr='#7c31333D')
}
.lt-ie9-magic .mz-hint-hidden {
filter: alpha(opacity=0)
}
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg {
width: auto !important;
height: auto !important
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>svg {
min-width: 100% !important;
min-height: 100% !important
}
.mz-expand {
background-color: rgba(0, 0, 0, 1);
text-align: center;
vertical-align: middle;
display: block;
overflow: hidden;
z-index: 2100000000;
position: fixed;
width: auto;
height: auto;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-overflow-style: none
}
.mz-expand .mz-expand-bg {
display: inline-block;
vertical-align: middle;
margin: auto;
z-index: -100;
max-width: none !important;
max-height: none !important;
-webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
-ms-transform: translate(0, 0) scale(10, 10) rotate(0.01deg);
transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
-webkit-perspective: 600px;
perspective: 600px;
background-repeat: no-repeat;
background-size: cover
}
.mz-expand .mz-expand-bg>img {
margin: auto;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
-webkit-filter: blur(20px) brightness(60%);
filter: blur(20px) brightness(60%);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mz-expand .mz-expand-bg>svg {
margin: auto;
opacity: .6
}
.lt-ie10-magic .mz-expand .mz-expand-bg {
display: none !important
}
.lt-ie9-magic .mz-expand {
background: #1f1f1f
}
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
display: none !important
}
.mz-expand.dark-bg {
background-color: #1f1f1f;
background-color: rgba(31, 31, 31, .96)
}
.mz-expand.white-bg {
background-color: #fff
}
.mz-expand .mz-expand-stage {
z-index: 2100000000;
padding: 0
}
.mz-expand .mz-expand-stage .mz-image-stage {
z-index: 50;
left: 120px;
right: 120px;
padding: 20px 0 40px;
margin: 0;
text-align: center;
vertical-align: middle;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
padding-bottom: 120px
}
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
padding: 0 !important;
left: 0;
right: 0
}
.mz-expand .mz-image-stage>figure:before,
.mz-expand .mz-image-stage:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
font-size: 0;
line-height: 100%;
width: 0
}
.mz-expand .mz-image-stage>figure {
width: 100%;
max-width: 100%;
max-height: 100%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 100%;
position: relative
}
.mz-expand .mz-figure {
overflow: visible;
max-width: 100% !important
}
.mz-expand .mz-figure>img {
max-width: 100%;
width: auto;
height: auto
}
.mz-expand .mz-zoom-in .mz-image-stage>figure,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active {
width: 100%;
height: 100%
}
.mz-expand .mz-figure {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mz-expand .mz-figure.mz-active {
cursor: crosshair;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out
}
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage>figure>figure>img {
z-index: 1;
position: absolute !important;
top: -5000px !important;
bottom: -5000px !important;
left: -5000px !important;
right: -5000px !important;
margin: auto !important
}
.lt-ie10-magic .mz-zoom-window.mz-expanded img {
filter: alpha(opacity=100)
}
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
overflow: hidden;
filter: alpha(opacity=100)
}
.mz-expand .mz-caption {
color: #fff;
text-shadow: 0 0 46px #000;
padding: 10px 4px;
font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
position: absolute;
left: 0;
opacity: 0
}
.mz-expand .mz-caption.mz-show {
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out;
opacity: 1
}
.mz-expand .mz-caption a {
color: inherit;
cursor: pointer
}
.mz-expand.white-bg .mz-caption {
color: #555;
text-shadow: none
}
.lt-ie9-magic .mz-expand .mz-caption {
top: 100%
}
.mz-expand .mz-zoom-window {
box-shadow: none;
background: transparent
}
.lt-ie9-magic .mz-expand .mz-zoom-window {
border: 0
}
.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
left: 0;
right: 0
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
bottom: 0
}
.mobile-magic .mz-expand-stage .mz-image-stage {
padding: 0
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
padding: 5px 0 60px
}
.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
padding-top: 0
}
.mobile-magic .mz-expand .mz-expand-thumbnails {
padding: 0;
height: 60px
}
.mz-expand-controls,
.mz-button {
margin: 0;
padding: 0;
outline: 0
}
.mz-button {
color: #b4b4b4;
font: 900 34px/1 magictoolbox-thin;
cursor: pointer;
z-index: 90;
background-color: transparent;
border: 1px solid rgba(180, 180, 180, 0);
border-radius: 100%;
position: absolute;
text-transform: none !important;
text-align: center;
speak: none;
-webkit-font-smoothing: antialiased;
width: 60px;
height: 60px
}
.mz-button-prev,
.mz-button-next {
margin: auto 10px;
top: 0;
bottom: 0;
overflow: hidden
}
.mz-button-prev {
left: 0
}
.mz-button-next {
right: 0
}
.mz-button-close {
font-size: 30px;
margin: 10px;
top: 0;
right: 0;
z-index: 95
}
:root:not(.mobile-magic) .mz-button {
color: rgba(180, 180, 180, .75);
-webkit-transform: scale(.85);
transform: scale(.85);
-webkit-transition: color .25s, border-color .25s, -webkit-transform .25s;
transition: color .25s, border-color .25s, transform .25s
}
:root:not(.mobile-magic) .mz-button:hover {
color: rgba(180, 180, 180, 1);
border-color: rgba(180, 180, 180, .6);
-webkit-transform: scale(1);
transform: scale(1)
}
.mobile-magic .mz-button {
-webkit-transition: -webkit-transform .1s;
transition: transform .1s
}
.mobile-magic .mz-button:active {
border-color: rgba(180, 180, 180, .6);
-webkit-transform: scale(.95);
transform: scale(.95)
}
.mz-button.mz-button-close:before {
content: "\a001"
}
.mz-button.mz-button-prev:before {
content: "\a002"
}
.mz-button.mz-button-next:before {
content: "\a003"
}
@media screen and (max-device-width:767px) {
.mz-button-prev,
.mz-button-next {
display: none
}
.mobile-magic .mz-expand .mz-button {
background: rgba(255, 255, 255, .12);
border-color: rgba(180, 180, 180, .3)
}
}
.lt-ie9-magic .mz-button {
border: 0;
filter: alpha(opacity=75)
}
.lt-ie9-magic .mz-button:hover {
filter: alpha(opacity=100)
}
.mz-thumb,
.mz-thumb:focus {
display: inline-block;
line-height: 0;
outline: none
}
.mz-thumb img {
border: 0;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
box-sizing: border-box
}
.mz-thumb:hover:not(.mz-thumb-selected) img {
-webkit-filter: brightness(70%);
filter: brightness(70%)
}
.mz-thumb-selected img {
-webkit-filter: brightness(50%);
filter: brightness(50%)
}
.no-cssfilters-magic .mz-thumb {
background: #000
}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
opacity: .7;
filter: alpha(opacity=70)
}
.no-cssfilters-magic .mz-thumb-selected img {
opacity: .5;
filter: alpha(opacity=50)
}
.ie9-magic .mz-thumb img {
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3)
}
.mz-expand-thumbnails {
z-index: 50;
position: absolute;
bottom: 0;
left: 65px;
right: 65px;
height: 80px;
padding: 10px 0;
box-sizing: border-box
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb {
padding: 10px 2px
}
.mz-expand-thumbnails .magic-thumb>img {
cursor: pointer;
height: 40px;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3)
}
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected)>img:hover {
-webkit-filter: brightness(70%);
filter: brightness(70%)
}
.mz-expand-thumbnails .magic-thumb-selected img {
-webkit-filter: brightness(50%);
filter: brightness(50%)
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
box-shadow: none
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
opacity: 0
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
opacity: .7;
filter: alpha(opacity=70)
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
opacity: .5;
filter: alpha(opacity=50)
}
.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
margin: 0;
padding: 0;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.magic-thumbs {
direction: ltr;
overflow: visible;
z-index: 100;
position: relative;
left: 0;
top: 0;
padding: 0 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: none;
touch-action: none;
width: 100%;
height: 100%;
white-space: nowrap
}
.magic-thumbs.no-buttons {
padding: 0 !important
}
.magic-thumbs-wrapper {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
text-align: center
}
.magic-thumbs ul {
list-style: none;
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 100%;
position: relative;
white-space: nowrap
}
.magic-thumbs.no-buttons ul {
padding: 0 !important;
-webkit-transition: none !important;
transition: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
left: 0 !important
}
.magic-thumbs ul li {
margin: 0 4px;
height: 100%;
width: auto;
vertical-align: top;
line-height: 0;
display: inline-block
}
.magic-thumbs ul li:after {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.magic-thumbs ul li>img {
width: auto;
height: auto;
max-height: 100%;
vertical-align: middle
}
.ie8-magic .magic-thumbs ul li>img {
max-width: none !important;
max-height: none !important
}
.magic-thumbs.magic-thumbs-vertical {
height: 100%
}
.magic-thumbs-vertical {
padding: 30px 0
}
.magic-thumbs-vertical ul {
height: auto;
width: 100%;
white-space: normal
}
.magic-thumbs-vertical ul li {
width: 100%;
height: auto;
margin: 4px 0
}
.magic-thumbs-vertical ul li>img {
max-width: 100%;
max-height: none
}
.ie8-magic .magic-thumbs-vertical ul li>img {
width: 100%
}
.magic-thumbs .magic-thumbs-button {
cursor: pointer;
z-index: 90;
background-repeat: no-repeat;
background-color: transparent;
background-image: none;
border: 0;
border-radius: 0;
overflow: hidden;
position: absolute;
font-family: "magictoolbox-thin";
font-style: normal;
font-weight: 200;
font-variant: normal;
text-transform: none !important;
speak: none;
line-height: 1;
text-align: center;
color: #bbb;
-webkit-font-smoothing: antialiased;
font-size: 30px;
width: 30px;
height: 100%;
top: 0;
bottom: 0
}
.magic-thumbs .magic-thumbs-button-prev {
left: 0
}
.magic-thumbs .magic-thumbs-button-next {
right: 0
}
.magic-thumbs .magic-thumbs-button-prev:before {
content: "\a002"
}
.magic-thumbs .magic-thumbs-button-next:before {
content: "\a003"
}
.magic-thumbs-button:before {
-webkit-transition: opacity .25s;
transition: opacity .25s;
opacity: .6
}
.magic-thumbs .magic-thumbs-button:hover:before {
opacity: 1
}
.magic-thumbs-vertical .magic-thumbs-button {
width: 100%;
height: 30px;
left: 0;
right: 0;
top: auto;
bottom: auto
}
.magic-thumbs-vertical .magic-thumbs-button-prev {
top: 0
}
.magic-thumbs-vertical .magic-thumbs-button-next {
bottom: 0
}
.magic-thumbs-vertical .magic-thumbs-button-prev:before {
content: "\a005"
}
.magic-thumbs-vertical .magic-thumbs-button-next:before {
content: "\a004"
}
.magic-thumbs.no-buttons .magic-thumbs-button {
display: none !important
}
.magic-thumbs-button-disabled {
opacity: .2;
filter: alpha(opacity=20)
}
.MagicZoom,
.mz-figure {
z-index: 0;
}
.cfg-btn {
background-color: rgb(55, 181, 114);
color: #fff;
border: 0;
box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3);
outline: 0;
cursor: pointer;
width: 200px;
padding: 10px;
font-size: 1em;
position: relative;
display: inline-block;
margin: 10px auto;
}
.cfg-btn:hover:not([disabled]) {
background-color: rgb(37, 215, 120);
}
.mobile-magic .cfg-btn:hover:not([disabled]) {
background: rgb(55, 181, 114);
}
.cfg-btn[disabled] {
opacity: .5;
color: #808080;
background: #ddd;
}
.cfg-btn.btn-preview,
.cfg-btn.btn-preview:active,
.cfg-btn.btn-preview:focus {
font-size: 1em;
position: relative;
display: block;
margin: 10px auto;
}
.cfg-btn,
.preview,
.app-figure,
.api-controls,
.wizard-settings,
.wizard-settings .inner,
.wizard-settings .footer,
.wizard-settings input,
.wizard-settings select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.preview,
.wizard-settings {
padding: 10px;
border: 0;
min-height: 1px;
}
.preview {
position: relative;
}
.api-controls {
text-align: center;
}
.api-controls button,
.api-controls button:active,
.api-controls button:focus {
width: 80px;
font-size: .7em;
white-space: nowrap;
}
.app-figure {
width: 80% !important;
margin: 0px auto;
border: 0px solid red;
padding: 20px;
position: relative;
text-align: center;
}
.selectors {
position: relative;
z-index: 1;
width: auto !important;
margin: auto;
margin-top: 2px;
}
.selectors .mz-thumb img {}
.mz-thumb-selected img {
-webkit-filter: brightness(90%);
filter: brightness(90%);
}
.mz-thumb:hover:not(.mz-thumb-selected) img {
-webkit-filter: brightness(90%);
filter: brightness(90%);
}
@media (min-width:0px) {
.preview {
width: 100%;
float: none;
}
}
@media (min-width:1024px) {
.preview {
width: calc(100% - 340px);
}
.wizard-settings {
top: 0;
min-height: 100%;
}
.wizard-settings .inner {
margin-top: 60px;
}
.wizard-settings .footer {
position: absolute;
bottom: 0;
left: 0;
}
.wizard-settings .settings-controls {
position: fixed;
top: 0;
right: 0;
width: 340px;
padding: 10px 0 0;
text-align: center;
background-color: inherit;
}
}
@media screen and (max-width:1024px) {
.api-controls button,
.api-controls button:active,
.api-controls button:focus {
width: 70px;
}
}
@media screen and (max-width:1023px) {
.app-figure {
width: 98% !important;
margin: 50px auto;
padding: 0;
}
.app-code-sample {
display: none;
}
.wizard-settings {
width: 100%;
}
}
@media screen and (max-width:600px) {
.title_dv span {
font-size: 25px;
}
.mz-thumb img {
max-width: auto;
}
}
@media screen and (max-width:560px) {
.api-controls .sep {
content: '';
display: table;
}
}
@media screen and (min-width:1600px) {
.preview {
padding: 10px 160px;
}
}
ul.resp-tabs-list,
p {
margin: 0;
padding: 0
}
.resp-tabs-list li {
font-weight: 600;
font-size: 13px;
display: inline-block;
padding: 13px 15px;
margin: 0 4px 0 0;
list-style: none;
cursor: pointer;
float: left
}
.resp-tabs-container {
padding: 0;
background-color: #fff;
clear: left
}
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none
}
.resp-tab-content {
display: none;
padding: 15px
}
.resp-tab-active {
border: 1px solid #5AB1D0 !important;
border-bottom: none;
margin-bottom: -1px !important;
padding: 12px 14px 14px !important;
border-top: 4px solid #5AB1D0 !important;
border-bottom: 0 #fff solid !important;
border-bottom: none;
background-color: #fff
}
.resp-content-active,
.resp-accordion-active {
display: block
}
.resp-tab-content {
border: 1px solid #c1c1c1;
border-top-color: #5AB1D0
}
h2.resp-accordion {
font-size: 13px;
border: 1px solid #c1c1c1;
border-top: 0 solid #c1c1c1;
margin: 0;
padding: 10px 15px
}
h2.resp-tab-active {
border-bottom: 0 solid #c1c1c1 !important;
margin-bottom: 0 !important;
padding: 10px 15px !important
}
h2.resp-tab-title:last-child {
border-bottom: 12px solid #c1c1c1 !important;
background: blue
}
.resp-vtabs ul.resp-tabs-list {
float: left;
width: 30%
}
.resp-vtabs .resp-tabs-list li {
display: block;
padding: 15px !important;
margin: 0 0 4px;
cursor: pointer;
float: none
}
.resp-vtabs .resp-tabs-container {
padding: 0;
background-color: #fff;
border: 1px solid #c1c1c1;
float: left;
width: 68%;
min-height: 250px;
border-radius: 4px;
clear: none
}
.resp-vtabs .resp-tab-content {
border: none;
word-wrap: break-word
}
.resp-vtabs li.resp-tab-active {
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important
}
.resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #c1c1c1
}
h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid #9B9797
}
h2.resp-tab-active {
background: #DBDBDB
}
.resp-easy-accordion h2.resp-accordion {
display: block
}
.resp-easy-accordion .resp-tab-content {
border: 1px solid #c1c1c1
}
.resp-easy-accordion .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1
}
.resp-jfit {
width: 100%;
margin: 0
}
.resp-tab-content-active {
display: block
}
h2.resp-accordion:first-child {
border-top: 1px solid #c1c1c1
}
@media only screen and (max-width:768px) {
ul.resp-tabs-list {
display: none
}
h2.resp-accordion {
display: block
}
.resp-vtabs .resp-tab-content {
border: 1px solid #C1C1C1
}
.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: 100px;
clear: none
}
.resp-accordion-closed {
display: none !important
}
.resp-vtabs .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1 !important
}
}
.resp-tab-content {
border: 1px solid rgba(128, 128, 128, 0.35) !important;
border-top: 0px !important;
background: transparent;
font-size: 13px;
padding: 10px;
}
.resp-tabs-list li {
font-size: 13px !important;
font-weight: normal !important;
padding: 5px 20px !important;
color: #19212B;
border: 1px solid rgba(128, 128, 128, 0.35);
border-bottom: 0px;
border-radius: 2px 2px 0px 0px;
}
.resp-tab-active {
background-color: #fff !important;
border: 0px !important;
color: #19212B !important;
border: 1px solid rgba(128, 128, 128, 0.35) !important;
border-bottom: 0px !important;
border-top: 3px solid #19212B !important;
border-radius: 5px 5px 0px 0px;
}
.resp-tabs-container {
border-top: 1px solid;
border-color: rgba(128, 128, 128, 0.35) !important;
}
.coccoc-alo-phone {
position: fixed;
visibility: hidden;
background-color: transparent;
width: 200px;
height: 200px;
cursor: pointer;
z-index: 200000 !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
right: 150px;
top: 30px
}
.coccoc-alo-phone.coccoc-alo-show {
visibility: visible
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
.coccoc-alo-phone.coccoc-alo-static {
opacity: .6
}
.coccoc-alo-phone.coccoc-alo-hover,
.coccoc-alo-phone:hover {
opacity: 1
}
.coccoc-alo-ph-circle {
width: 160px;
height: 160px;
top: 20px;
left: 20px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, 0.4);
border: 2px solid #bfebfc 9;
opacity: .1;
-webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {
-webkit-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {
-webkit-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone:hover .coccoc-alo-ph-circle {
border-color: #00aff2;
opacity: .5
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
border-color: #75eb50;
border-color: #baf5a7 9;
opacity: .5
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
border-color: #00aff2;
border-color: #bfebfc 9;
opacity: .5
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle {
border-color: #ccc;
opacity: .5
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle {
border-color: #75eb50;
opacity: .5
}
.coccoc-alo-ph-circle-fill {
width: 100px;
height: 100px;
top: 50px;
left: 50px;
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill {
-webkit-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill {
-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
opacity: 0 !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {
background-color: rgba(0, 175, 242, 0.5);
background-color: #00aff2 9;
opacity: .75 !important
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
background-color: #baf5a7 9;
opacity: .75 !important
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
background-color: rgba(0, 175, 242, 0.5);
background-color: #a6e3fa 9;
opacity: .75 !important
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill {
background-color: rgba(204, 204, 204, 0.5);
background-color: #ccc 9;
opacity: .75 !important
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
opacity: .75 !important
}
.coccoc-alo-ph-img-circle {
width: 60px;
height: 60px;
top: 70px;
left: 70px;
position: absolute;
background: rgba(30, 30, 30, 0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .7;
-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle {
-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle {
-webkit-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {
background-color: #00aff2
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
background-color: #75eb50;
background-color: #75eb50 9
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
background-color: #00aff2;
background-color: #00aff2 9
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle {
background-color: #ccc
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle {
background-color: #75eb50
}
@-moz-keyframes coccoc-alo-circle-anim {
0% {
-moz-transform: rotate(0) scale(.5) skew(1deg);
opacity: .1;
-moz-opacity: .1;
-webkit-opacity: .1;
-o-opacity: .1
}
30% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .5;
-moz-opacity: .5;
-webkit-opacity: .5;
-o-opacity: .5
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg);
opacity: .6;
-moz-opacity: .6;
-webkit-opacity: .6;
-o-opacity: .1
}
}
@-webkit-keyframes coccoc-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(.5) skew(1deg);
-webkit-opacity: .1
}
30% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
-webkit-opacity: .5
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: .1
}
}
@-o-keyframes coccoc-alo-circle-anim {
0% {
-o-transform: rotate(0) kscale(.5) skew(1deg);
-o-opacity: .1
}
30% {
-o-transform: rotate(0) scale(.7) skew(1deg);
-o-opacity: .5
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg);
-o-opacity: .1
}
}
@-moz-keyframes coccoc-alo-circle-fill-anim {
0% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
opacity: .2
}
100% {
-moz-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
-webkit-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
0% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
-o-transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-moz-transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes coccoc-alo-circle-img-anim {
0% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
10% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
100% {
-o-transform: rotate(0) scale(1) skew(1deg)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-moz-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@-webkit-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@-o-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@-moz-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
#coccoc-alo-wrapper {
position: fixed;
width: 100%;
bottom: 0;
top: 0;
left: 0;
z-index: 2000000;
overflow: visible;
display: none;
color: #383838
}
#coccoc-alo-wrapper.night-mode {
color: #fff
}
.coccoc-alo-popup-close {
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: absolute !important;
right: -15px !important;
top: -15px !important;
height: 30px !important;
width: 30px !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");
background-position: center center;
background-repeat: no-repeat;
cursor: pointer !important;
-webkit-transition: .3s ease-out !important;
-moz-transition: .3s ease-out !important;
-o-transition: .3s ease-out !important;
transition: .3s ease-out !important
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")
}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover {
opacity: .6 !important
}
.coccoc-alo-popup {
display: inline-block;
position: relative;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
-webkit-transition: .6s ease-out;
-moz-transition: .6s ease-out;
-o-transition: .6s ease-out;
transition: .6s ease-out;
margin: 0 auto;
z-index: 200001;
text-align: center;
padding: 60px 75px
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")
}
#coccoc-alo-wrapper .coccoc-alo-overlay {
position: fixed;
width: 100%;
height: 100%;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");
top: 0;
left: 0;
z-index: 200000
}
.coccoc-alo-popup h3 {
font-size: 24px;
margin: 0 0 40px;
font-family: 'Open Sans';
font-weight: 300;
white-space: nowrap
}
.night-mode .coccoc-alo-popup h3 {
font-size: 23px
}
.night-mode .coccoc-alo-message {
padding-bottom: 0
}
.coccoc-alo-message {
height: 32px;
padding: 18px 0 13px 0;
text-align: center;
clear: both;
font-size: 14px
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label+.input {
float: left;
width: 49%
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input {
padding: 0 13px
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label {
color: #616161;
font-size: 18px;
height: 28px;
line-height: 28px;
padding-right: 15px
}
.coccoc-alo-number {
color: #00bed5;
font-size: 28px;
font-family: Montserrat, "Lucida Console", Monaco, monospace, sans-serif;
font-weight: normal;
background-color: transparent;
border: none;
border-width: 0;
display: inline-block;
border-bottom: #00bed5 solid 1px;
padding-bottom: 10px;
margin: 0 auto;
width: 221px
}
coccoc-alo-number::-ms-clear {
display: none;
width: 0;
height: 0
}
.night-mode .coccoc-alo-number {
border: #00bed5 solid 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 13px 31px
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid {
color: #ff496b
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus {
outline: 0
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
color: #d1d1d1
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #d1d1d1
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
color: #d1d1d1
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #d1d1d1
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
color: #60615f
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #60615f
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
color: #60615f
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #60615f
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit {
border: none;
border-width: 0;
padding: 20px 40px;
background-color: #333;
-webkit-border-radius: 68px;
-moz-border-radius: 68px;
-webkit-border-radius: 68px;
-moz-border-radius: 68px;
border-radius: 68px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 20px;
color: #fff;
cursor: pointer;
outline: none !important
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit {
background-color: #00bed5
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited {
outline: none !important
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner {
border: 0
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover {
background-color: #00aff2;
background-color: #00aff2
}
.coccoc-alo-blur {
-webkit-filter: blur(3px);
-ms-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")
}
#coccoc-countdown {
padding-top: 20px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: 300
}
.coccoc-alo-request-time {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
padding: 6px 12px;
font-size: 18px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time {
color: #fff;
background-color: #515350;
border: 1px solid #606260
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3 {
margin-bottom: 15px
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper {
margin-bottom: 35px
}
.coccoc-alo-table {
display: table;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.coccoc-alo-cell {
display: table-cell;
vertical-align: middle;
text-align: center
}
.valid-invalid-message {
font-size: 13px;
color: #ff496b
}
.valid-invalid-message:before {
content: "* "
}
.coccoc-alo-phone {
top: inherit;
right: inherit;
width: 90px;
height: 90px;
bottom: 55px;
left: 75px;
z-index: 999 !important;
}
.coccoc-alo-ph-img-circle {
width: 60px;
height: 60px;
top: calc(50% - 30px);
left: calc(50% - 30px);
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
background-color: #008C44;
opacity: 1;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
background-color: #C8941A;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
display: none;
}
.coccoc-alo-ph-circle-fill {
width: 90px;
height: 90px;
top: calc(50% - 45px);
left: calc(50% - 45px);
}
#fbmessenger_content .fb_iframe_widget {
padding-top: 95px !important;
}
ul.ChatLog {
list-style: none;
background: #fff;
width: 100%;
z-index: 1;
top: -6px;
padding-left: 0
}
a:hover,
a:focus {
text-decoration: none
}
#chat_text {
position: absolute
}
#fb_page {
margin-top: 20px;
display: none
}
.ChatLog {
margin: 0 auto
}
.ChatLog .ChatLog__entry {
margin: .5em
}
.ChatLog__entry {
display: flex;
flex-direction: row;
align-items: flex-end;
max-width: 100%
}
.ChatLog__entry.ChatLog__entry_mine {
flex-direction: row-reverse
}
.ChatLog__avatar {
flex-shrink: 0;
flex-grow: 0;
z-index: 1;
height: 28px;
width: 28px;
border-radius: 25px
}
.ChatLog__entry.ChatLog__entry_mine .ChatLog__avatar {
display: none
}
.ChatLog__entry .ChatLog__message {
position: relative;
margin: 0 12px
}
.ChatLog__entry .ChatLog__message::before {
position: absolute;
right: auto;
bottom: .6em;
left: -12px;
height: 0;
content: '';
border: 6px solid transparent;
border-right-color: #f1f0f0;
z-index: 2
}
.ChatLog__entry.ChatLog__entry_mine .ChatLog__message::before {
right: -12px;
bottom: .6em;
left: auto;
border: 6px solid transparent;
border-left-color: #08f
}
.ChatLog__message {
background-color: #f1f0f0;
padding: .5em;
border-radius: 4px;
font-weight: lighter;
max-width: 100%;
font-size: 13px;
color: rgba(0, 0, 0, 1)
}
.ChatLog__entry.ChatLog__entry_mine .ChatLog__message {
border-top: 1px solid #07f;
border-bottom: 1px solid #07f;
background-color: #08f;
color: #fff
}
.ChatLog__message .ChatLog__timestamp {
display: none
}
.ChatLog .Chat_button {
text-align: center;
width: 160px;
background: #000;
position: relative;
margin: 0 auto
}
.ChatLog .Chat_button .nj-facebook-messenger {
background: #0075ff url(https://gaubongcaocap.com/wp-content/themes/generatepress_child/img/facebook-messenger.svg) 10px center no-repeat;
background-size: auto 50%;
padding: 4px 9px;
position: relative;
color: #fff !important;
border-radius: 3px;
float: right;
clear: both;
padding-left: 30px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
margin-top: 20px;
z-index: 9999;
width: 110px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 50ms linear;
-moz-transition: transform 50ms linear;
transition: transform 50ms linear
}
.thing {
top: 0;
z-index: 99999
}
.chatHead {
background: #0075ff url(https://gaubongcaocap.com/wp-content/themes/generatepress_child/img/facebook-messenger.svg) center center no-repeat;
background-size: 50% auto
}
.drag-wrapper .thing .circle {
background: #0075ff
}
.messenger_icon {
background-image: url(https://gaubongcaocap.com/wp-content/themes/generatepress_child/img/facebook-messenger.svg);
background-size: 85px auto
}
.nj-facebook-messenger {
background: #0075ff url(https://gaubongcaocap.com/wp-content/themes/generatepress_child/img/facebook-messenger.svg) 15px center no-repeat;
background-size: auto 75%;
padding: 12px 18px;
color: #fff !important;
border-radius: 3px;
padding-left: 55px;
font-family: robotoRe;
position: fixed;
display: inline-block;
bottom: 30px;
right: 15px;
font-size: 18px;
z-index: 9999;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 50ms linear;
-moz-transition: transform 50ms linear;
transition: transform 50ms linear
}
.nj-facebook-messenger:hover {
background: #0060d1 url(https://gaubongcaocap.com/wp-content/themes/generatepress_child/img/facebook-messenger.svg) 15px center no-repeat;
background-size: auto 75%
}
.nj-facebook-messenger:active {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
background: #0060d1 url(https://gaubongcaocap.com/wp-content/themes/generatepress_child/img/facebook-messenger.svg) 15px center no-repeat;
background-size: auto 75%
}
#messenger_bg {
opacity: .8;
display: none;
height: 150%;
position: fixed;
width: 100%;
top: 0;
background: #000;
z-index: 9999
}
.wrapper {
position: relative;
width: 100%;
overflow: hidden
}
.drag-wrapper .thing,
.drag-wrapper .thing .circle,
.drag-wrapper .magnet {
width: 50px;
height: 50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%
}
.drag-wrapper .thing .circle,
.drag-wrapper .magnet-zone {
z-index: 999;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
perspective: 1000px;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.drag-wrapper,
.drag-wrapper *,
.drag-wrapper :before,
.drag-wrapper :after {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.drag-wrapper .thing {
position: fixed;
margin: 0;
cursor: pointer;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0)
}
.drag-wrapper .thing .circle {
position: absolute;
text-align: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #0075FF;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 50ms linear;
-moz-transition: transform 50ms linear;
transition: transform 50ms linear
}
.drag-wrapper .thing .circle img {
max-width: 100%;
height: auto;
width: 75%;
margin-top: 15%
}
.drag-wrapper .thing.edge {
-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1);
-moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1);
transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1)
}
.drag-wrapper .thing .content {
display: none;
overflow: hidden;
position: absolute;
top: 100%;
right: 0;
margin-top: 12px;
padding: 5px;
width: 320px;
height: auto;
background: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
border: none
}
.drag-wrapper .thing .content:before {
content: '';
position: absolute;
top: -10px;
right: 25px;
width: 12px;
height: 10px;
border-bottom: 10px solid #fff;
border-left: 6px solid transparent;
border-right: 6px solid transparent
}
.drag-wrapper .thing .content .inside {
max-height: 100%;
position: relative;
overflow: hidden;
width: 100%
}
.drag-wrapper .magnet-zone {
pointer-events: none;
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.175, 0.885, 0.145, 1.22);
-moz-transition: -webkit-transform 400ms cubic-bezier(0.175, 0.885, 0.145, 1.22);
transition: transform 400ms cubic-bezier(0.175, 0.885, 0.145, 1.22);
position: fixed;
bottom: 10px;
left: 50%;
z-index: 999;
padding: 10px 20px;
text-align: center;
-webkit-transform: translate(-50%, 100%) translateZ(0);
-moz-transform: translate(-50%, 100%) translateZ(0);
transform: translate(-50%, 100%) translateZ(0)
}
.drag-wrapper .magnet-zone.overlap .magnet {
-webkit-transform: scale(1.08) translateZ(0);
-moz-transform: scale(1.08) translateZ(0);
transform: scale(1.08) translateZ(0)
}
.touching .drag-wrapper .circle {
-webkit-transform: scale(0.9) translateZ(0);
-moz-transform: scale(0.9) translateZ(0);
transform: scale(0.9) translateZ(0)
}
.moving .drag-wrapper .container:before {
opacity: 1
}
.moving .drag-wrapper .magnet-zone {
-webkit-transform: translate(-50%, 0) translateZ(0);
-moz-transform: translate(-50%, 0) translateZ(0);
transform: translate(-50%, 0) translateZ(0)
}
.drag-wrapper .magnet-zone:after {
pointer-events: none;
content: '\00d7';
position: absolute;
left: 0;
right: 0;
top: 50%;
text-align: center;
font-size: 2em;
font-weight: 100;
color: #fff;
-webkit-transform: translateY(-50%) translateZ(0);
-moz-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0)
}
.drag-wrapper .magnet {
pointer-events: none;
position: relative;
border: 2px solid #fff;
background: rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-transform-origin: center;
-moz-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.145, 1.25);
-moz-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.145, 1.25);
transition: transform 200ms cubic-bezier(0.175, 0.885, 0.145, 1.25);
-webkit-transform: scale(0.7) translateZ(0);
-moz-transform: scale(0.7) translateZ(0);
transform: scale(0.7) translateZ(0)
}
body:not(.touching) .drag-wrapper .thing {
-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1);
-moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1);
transition: all 400ms cubic-bezier(0.175, 0.885, 0.345, 1.1)
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0
}
.ui-menu .ui-menu {
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-button-icon-only {
text-indent: 0
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block
}
.ui-controlgroup>.ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0
}
.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
z-index: 9999
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
border-left: none
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
border-top: none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid
}
.ui-checkboxradio-disabled {
pointer-events: none
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0
}
.ui-selectmenu-open {
display: block
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none
}
.ui-spinner-up {
top: 0
}
.ui-spinner-down {
bottom: 0
}
.ui-tabs {
position: relative;
padding: .2em
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px
}
body .ui-tooltip {
border-width: 2px
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333
}
.ui-widget-content a {
color: #333333
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold
}
.ui-widget-header a {
color: #333333
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("assets/datepicker/images/ui-icons_444444_256x240.png")
}
.ui-widget-header .ui-icon {
background-image: url("assets/datepicker/images/ui-icons_444444_256x240.png")
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("assets/datepicker/images/ui-icons_555555_256x240.png")
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("assets/datepicker/images/ui-icons_ffffff_256x240.png")
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("assets/datepicker/images/ui-icons_777620_256x240.png")
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("assets/datepicker/images/ui-icons_cc0000_256x240.png")
}
.ui-button .ui-icon {
background-image: url("assets/datepicker/images/ui-icons_777777_256x240.png")
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666
}
@charset "UTF-8";
@font-face {
font-family: 'UTMMagnesium';
src: url('assets/fonts/UTMMagnesium.eot');
src: url('assets/fonts/UTMMagnesium.eot') format('embedded-opentype'), url('assets/fonts/UTMMagnesium.woff2') format('woff2'), url('assets/fonts/UTMMagnesium.woff') format('woff'), url('assets/fonts/UTMMagnesium.ttf') format('truetype'), url('assets/fonts/UTMMagnesium.svg#UTMMagnesium') format('svg');
}
@font-face {
font-family: 'RobotoCondensedBold';
src: url('assets/fonts/RobotoCondensedBold.eot');
src: url('assets/fonts/RobotoCondensedBold.eot') format('embedded-opentype'), url('assets/fonts/RobotoCondensedBold.woff2') format('woff2'), url('assets/fonts/RobotoCondensedBold.woff') format('woff'), url('assets/fonts/RobotoCondensedBold.ttf') format('truetype'), url('assets/fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}
@font-face {
font-family: 'RobotoCondensedRegular';
src: url('assets/fonts/RobotoCondensedRegular.eot');
src: url('assets/fonts/RobotoCondensedRegular.eot') format('embedded-opentype'), url('assets/fonts/RobotoCondensedRegular.woff2') format('woff2'), url('assets/fonts/RobotoCondensedRegular.woff') format('woff'), url('assets/fonts/RobotoCondensedRegular.ttf') format('truetype'), url('assets/fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}
@font-face {
font-family: 'RobotoRegular';
src: url('assets/fonts/RobotoRegular.eot');
src: url('assets/fonts/RobotoRegular.eot') format('embedded-opentype'), url('assets/fonts/RobotoRegular.woff2') format('woff2'), url('assets/fonts/RobotoRegular.woff') format('woff'), url('assets/fonts/RobotoRegular.ttf') format('truetype'), url('assets/fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
font-family: 'RobotoBold';
src: url('assets/fonts/RobotoBold.eot');
src: url('assets/fonts/RobotoBold.eot') format('embedded-opentype'), url('assets/fonts/RobotoBold.woff2') format('woff2'), url('assets/fonts/RobotoBold.woff') format('woff'), url('assets/fonts/RobotoBold.ttf') format('truetype'), url('assets/fonts/RobotoBold.svg#RobotoBold') format('svg');
}
@font-face {
font-family: 'OpenSans-Semibold';
src: url('assets/fonts/OpenSans-Semibold.eot');
src: url('assets/fonts/OpenSans-Semibold.eot') format('embedded-opentype'), url('assets/fonts/OpenSans-Semibold.woff2') format('woff2'), url('assets/fonts/OpenSans-Semibold.woff') format('woff'), url('assets/fonts/OpenSans-Semibold.ttf') format('truetype'), url('assets/fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
}
@font-face {
font-family: 'OpenSansBold';
src: url('assets/fonts/OpenSansBold.eot');
src: url('assets/fonts/OpenSansBold.eot') format('embedded-opentype'), url('assets/fonts/OpenSansBold.woff2') format('woff2'), url('assets/fonts/OpenSansBold.woff') format('woff'), url('assets/fonts/OpenSansBold.ttf') format('truetype'), url('assets/fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}
@font-face {
font-family: 'OpenSans';
src: url('assets/fonts/OpenSans.eot');
src: url('assets/fonts/OpenSans.eot') format('embedded-opentype'), url('assets/fonts/OpenSans.woff2') format('woff2'), url('assets/fonts/OpenSans.woff') format('woff'), url('assets/fonts/OpenSans.ttf') format('truetype'), url('assets/fonts/OpenSans.svg#OpenSans') format('svg');
}
@font-face {
font-family: 'QuicksandBold';
src: url('assets/fonts/QuicksandBold.eot');
src: url('assets/fonts/QuicksandBold.eot') format('embedded-opentype'), url('assets/fonts/QuicksandBold.woff2') format('woff2'), url('assets/fonts/QuicksandBold.woff') format('woff'), url('assets/fonts/QuicksandBold.ttf') format('truetype'), url('assets/fonts/QuicksandBold.svg#QuicksandBold') format('svg');
}
@font-face {
font-family: 'UTMHelvetIns';
src: url('assets/fonts/UTMHelvetIns.eot');
src: url('assets/fonts/UTMHelvetIns.eot') format('embedded-opentype'), url('assets/fonts/UTMHelvetIns.woff2') format('woff2'), url('assets/fonts/UTMHelvetIns.woff') format('woff'), url('assets/fonts/UTMHelvetIns.ttf') format('truetype'), url('assets/fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}
@font-face {
font-family: 'SFUFuturaHeavy';
src: url('assets/fonts/SFUFuturaHeavy.eot');
src: url('assets/fonts/SFUFuturaHeavy.eot') format('embedded-opentype'), url('assets/fonts/SFUFuturaHeavy.woff2') format('woff2'), url('assets/fonts/SFUFuturaHeavy.woff') format('woff'), url('assets/fonts/SFUFuturaHeavy.ttf') format('truetype'), url('assets/fonts/SFUFuturaHeavy.svg#SFUFuturaHeavy') format('svg');
}
@font-face {
font-family: 'SFUFreewayRoman';
src: url('assets/fonts/SFUFreewayRoman.woff') format('woff');
}
* {
margin: 0;
text-decoration: none;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
top: 0px !important;
margin: 0 auto;
font-family: 'RobotoRegular';
line-height: 1.5;
font-size: 14px;
font-weight: normal;
}
img {
max-width: 100%;
height: auto;
box-sizing: border-box;
vertical-align: top
}
a,
input,
textarea {
outline: none;
padding: 0px;
border: 0px;
}
h1,
h2,
h3,
h4,
h5 {
font-weight: normal;
}
p {
margin: 0px !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.w-clear:after {
display: block;
content: "";
clear: both;
}
.clear {
clear: both;
}
.wrap-main,
.wrap-content {
max-width: 1200px;
margin: 30px auto;
}
.wrap-main-k {
max-width: 1200px;
margin: 0px auto;
}
.wrap-content {
margin: auto;
}
.left {
width: 270px;
float: left;
}
.right {
width: 895px;
float: right;
}
.title-main {
margin-bottom: 35px;
text-align: center;
padding-bottom: 25px;
background: url(assets/images/bg-title-main.png) no-repeat bottom center;
}
.title-main span {
font-size: 28px;
color: #e65423;
font-weight: normal;
text-transform: uppercase;
}
.title-right {
padding-left: 30px;
background: url(assets/images/b_title-right.png) left bottom 10px no-repeat;
font-family: 'QuicksandBold';
font-size: 30px;
text-transform: uppercase;
position: relative;
margin-bottom: 18px;
}
.title-right:before {
content: '';
position: absolute;
left: 30px;
width: 33px;
border-bottom: 1px solid #000;
bottom: 0px;
z-index: 9;
}
.title-right:after {
content: '';
position: absolute;
left: 30px;
width: 100%;
border-bottom: 1px solid #DADADA;
bottom: 0px;
}
.row1 {
margin: 0 -10px;
}
.canh_krot {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.block-left {
margin-bottom: 15px;
line-height: normal;
}
.block-left:last-child {
margin-bottom: 0px;
}
.title-left {
text-transform: uppercase;
font-size: 15px;
font-family: 'OpenSans-Semibold';
color: #fff;
background: #000;
text-align: center;
padding: 9px 17px 11px 17px;
position: relative;
}
.title-left:before {
content: '';
position: absolute;
left: 0px;
top: 16px;
background: #ADADAD;
width: 16px;
height: 6px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.title-left:after {
content: '';
position: absolute;
right: 0px;
top: 16px;
background: #ADADAD;
width: 16px;
height: 6px;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
}
.content-left {
padding: 12px;
}
.list-left {
padding: 0px;
}
.ddsmoothmenu-v ul {
padding: 0px;
background: #fff;
}
.ddsmoothmenu-v ul li {
position: relative;
}
.ddsmoothmenu-v ul li a:after {
content: '';
position: absolute;
left: 15px;
border-bottom: 1px dotted #dedede;
width: 77%;
bottom: 0px;
}
.ddsmoothmenu-v ul li:last-child {
border-bottom: 0px;
}
.ddsmoothmenu-v ul li a {
color: #000;
padding: 13px 25px 10px 50px;
text-transform: uppercase;
font-family: 'OpenSans-Semibold';
display: block;
position: relative;
background-image: url(assets/images/b_title-right.png);
background-repeat: no-repeat;
background-position: left 17px center;
text-decoration: none;
}
.ddsmoothmenu-v ul li a:hover {
color: red;
}
.ddsmoothmenu-v ul li ul li a {
background-image: none;
font-family: 'OpenSans';
text-transform: none;
padding-left: 55px;
}
.ddsmoothmenu-v ul li ul li:hover {
color: red;
}
.ddsmoothmenu-v ul ul ul {
width: 265px;
position: absolute;
left: 265px !important;
top: 0px;
border: 1px solid #dedede;
background: #fff;
margin-top: -1px;
opacity: 0;
transition: 0.3s;
visibility: hidden;
}
.ddsmoothmenu-v ul ul li:hover ul {
opacity: 1;
visibility: unset;
}
.ddsmoothmenu-v-last li a {
background-image: none !important;
}
.ddsmoothmenu-v ul li ul li ul li a {
padding-left: 15px;
}
.ddsmoothmenu-v ul li ul li ul li:last-child a:after {
border-bottom: none;
}
.intro {
width: 100%;
position: relative;
z-index: 1;
margin-bottom: 35px;
}
.content-intro {
max-width: 1200px;
margin: auto;
padding: 45px 0px;
padding-bottom: 1px;
}
.title_intro {
text-align: left;
margin-bottom: 45px;
position: relative;
}
.title_intro span {
color: #005861;
font-family: 'SFUFuturaHeavy';
font-size: 30px;
text-transform: uppercase;
display: inline-block;
}
.title_intro:before {
content: '';
position: absolute;
left: 0px;
bottom: -16px;
width: 53px;
border-bottom: 3px solid #4D4D4D;
z-index: 9;
}
.title_intro:after {
content: '';
position: absolute;
right: 0px;
bottom: -15px;
width: 92.5%;
border-bottom: 1px solid #DADADA;
}
.title_video {
text-align: left;
margin-bottom: 45px;
position: relative;
}
.title_video span {
color: #005861;
font-family: 'SFUFuturaHeavy';
font-size: 30px;
text-transform: uppercase;
display: inline-block;
}
.title_video:before {
content: '';
position: absolute;
left: 0px;
bottom: -16px;
width: 53px;
border-bottom: 3px solid #4D4D4D;
z-index: 9;
}
.title_video:after {
content: '';
position: absolute;
right: 0px;
bottom: -15px;
width: 84%;
border-bottom: 1px solid #DADADA;
}
.item-intro {
float: left;
padding: 0px;
padding-right: 25px;
}
.item-intro:last-child {
float: right;
padding: 0px;
padding-left: 15px;
}
#listvideos {
cursor: pointer;
outline: none;
width: 100%;
height: 30px;
border: 1px solid rgba(128, 128, 128, 0.38);
border-radius: 2px;
padding: 0px;
}
.news-est {
padding: 0px;
padding-right: 22px;
}
.slick-news-intro {
padding: 0px;
}
.item-tt-moi {
overflow: hidden;
height: 130px;
}
.pic-tt-moi {
float: left;
margin-right: 20px;
}
.pic-tt-moi img {
max-width: 150px;
max-height: 110px;
}
.name-tt-moi {
color: #000;
}
.name-tt-moi a {
font-size: 16px;
color: #000;
font-family: 'RobotoBold';
margin-bottom: 8px;
line-height: 20px;
display: block;
overflow: hidden;
text-align: justify;
}
.name-tt-moi1 a {
font-size: 14px;
color: #000;
font-family: 'RobotoBold';
margin-bottom: 8px;
line-height: 20px;
display: block;
overflow: hidden;
text-align: justify;
}
.name-tt-moi a:hover {
color: #D21313;
}
.pic-tt-moi img:hover {
opacity: 0.8;
}
.desc-tt-moi {
line-height: 22px;
color: #716c6c;
text-align: justify;
}
.xemthem_tt {
border: 2px solid #333333;
text-transform: uppercase;
font-size: 13px !important;
display: inline-block !important;
padding: 7px 16px;
margin-bottom: 0px;
margin-top: 20px;
font-family: 'SFUFreewayRoman'
}
.top {
background: #f2f2f2;
width: 100%;
float: left;
border-bottom: 1px solid #CCCCCC;
}
.top_left {
float: left;
font-family: 'RobotoBold';
font-size: 20px;
color: #ff0000;
text-transform: uppercase;
width: 36%;
padding-right: 10px;
}
.top marquee {
margin-top: 5px;
line-height: 27px;
}
.top_right {
width: 64%;
float: right;
margin-top: 3px;
}
.top_right span i {
margin-right: 10px;
font-size: 25px;
position: relative;
top: 4px;
}
.top_right span:first-child {
width: 40%;
float: left;
}
.top_right span:last-child {
width: 60%;
float: right;
padding-left: 10px;
position: relative;
}
.top_right span:last-child:before {
content: '';
position: absolute;
height: 18px;
border-left: 1px solid #4D4D4D;
left: 0px;
top: 9px;
}
.header {
width: 100%;
height: 100px;
}
.banner {
width: 100%;
height: 100px;
}
.header_content {
max-width: 1200px;
margin: auto;
}
.logo {
margin-top: 30px;
margin-left: 0px;
}
.banner_left {
float: left;
width: 30.5%;
}
.banner_right {
float: right;
width: 32%;
margin-top: 32px;
}
.mangxahoi {
list-style: none;
padding: 0px;
text-align: right;
float: right;
margin: 2px 0px;
}
.mangxahoi li {
display: inline-block;
vertical-align: middle;
margin: 0px 13px;
}
.mangxahoi_ft {
list-style: none;
padding: 0px;
float: left;
font-family: 'RobotoCondensedRegular';
margin: 0px;
font-size: 14px;
margin-top: 10px;
margin-right: 50px;
color: #fff;
}
.mangxahoi_ft li {
display: inline-block;
vertical-align: middle;
margin: 0px 2px;
}
.hotline {
width: 50%;
color: #0C0C0C;
float: right !important;
margin-top: -2px;
background: url(assets/images/icon_hl.png) left no-repeat;
padding-left: 50px;
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
font-family: 'RobotoBold';
font-size: 15px;
text-transform: uppercase;
line-height: 20px;
height: 40px;
}
.hotline>span {
color: #E61717;
font-family: 'UTMHelvetIns';
font-size: 22px;
}
.google_dich {
float: left;
width: 43%;
padding: 0px;
padding-left: 15px;
}
.goog-te-gadget-simple {
height: 40px;
width: 165px;
padding-top: 8px !important;
padding-left: 6px !important;
padding-bottom: 2px !important;
}
.fix_banner_left img {
max-width: 40px;
}
.fix_banner_left {
position: fixed;
left: 37px;
top: 0px;
width: 8%;
background: rgb(255, 255, 255, 0.2);
z-index: 999999;
text-align: center;
transition: all .5s ease;
animation: moveDown 0.6s ease-in-out 0.2s backwards;
}
.header_content {}
.fix_menu .wrap-content {
margin: auto;
max-width: auto !important;
float: right;
}
.menu {
background: url(assets/images/bg_menu.jpg);
margin: 0 auto;
background-size: 100% 100%;
}
.menu .wrap-content .ddsmoothmenu {
float: left;
line-height: 45px;
}
.menu .wrap-content .ddsmoothmenu ul {
padding: 0px;
list-style: none;
}
.menu .wrap-content .ddsmoothmenu>ul>li {
padding: 0px 41px !important;
}
.menu .wrap-content .ddsmoothmenu ul li a {
color: white;
display: block;
text-align: center;
text-transform: uppercase;
position: relative;
padding: 0px !important;
}
.menu .wrap-content .ddsmoothmenu ul li ul {
width: 265px !important;
}
.menu .wrap-content .ddsmoothmenu ul li ul li {
background: url(assets/images/bg_menu.jpg) repeat-y;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
background-size: 100% 100%;
}
.menu .wrap-content .ddsmoothmenu ul li ul li:last-child {
border-bottom: 0px;
}
.menu .wrap-content .ddsmoothmenu ul li ul li a {
margin: 0;
padding: 10px !important;
text-align: left !important;
background: none !important;
line-height: normal;
}
.menu .wrap-content .ddsmoothmenu ul li ul a.selected,
.menu .wrap-content .ddsmoothmenu ul li ul li a:hover {
color: #FCFF00;
}
.menu .wrap-content .ddsmoothmenu>ul>li:hover>a,
.menu .wrap-content .ddsmoothmenu>ul>li>a.active {
color: #FCFF00;
}
.menu .wrap-content .ddsmoothmenu ul li a.active:after {
content: '';
position: absolute;
width: 100%;
border-bottom: 2px solid #FCFF00;
left: 0px;
bottom: 0px;
}
.menu .wrap-content .ddsmoothmenu ul li.line {
height: 17px;
border-right: 1px solid rgb(255, 255, 255, 0.3);
padding: 0px !important;
margin-top: 14px;
}
.fix_menu {
position: fixed !important;
z-index: 9999 !important;
width: 100% !important;
transition: all .5s ease;
animation: moveDown 0.6s ease-in-out 0.2s backwards;
top: 0px;
margin: 0px auto;
}
@keyframes moveDown {
0% {
transform: translateY(-40px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
#wrap_menu_res {
display: none;
position: relative;
}
.invi_loading {
visibility: hidden !important;
}
.search {
float: left;
width: 37%;
border: 1px solid #E6E6E6;
margin-top: 32px;
}
.search input {
outline: none;
border: none;
padding: 0px;
height: 40px;
}
.search input[type=button] {
float: right;
width: 17%;
cursor: pointer;
color: #fff;
background: #C21F1F;
}
.search input[type=text] {
width: calc(100% - 17%);
float: left;
background: transparent;
text-indent: 10px;
color: #4D4D4D;
font-size: 13px;
font-family: 'RobotoRegular';
}
.search input[type=text]::-webkit-input-placeholder {
color: #4D4D4D;
}
.search input[type=text]::-moz-placeholder {
color: #4D4D4D;
}
.search input[type=text]:-ms-input-placeholder {
color: #4D4D4D;
}
.search input[type=text]:-moz-placeholder {
color: #4D4D4D;
}
.slideshow {
position: relative;
}
.box-slide .theme-default .nivoSlider {
background-color: transparent !important;
margin-bottom: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.theme-default .nivo-directionNav a {
width: 46px !important;
height: 53px !important;
}
.theme-default a.nivo-nextNav {
background-position: -23px 0 !important;
right: 0px !important;
}
.theme-default a.nivo-prevNav {
background-position: 23px 0 !important;
left: 0px !important;
}
.box-slide .nivo-caption a {
display: block !important
}
.box-slide .nivo-caption {
top: 50px;
right: 100px;
left: inherit;
bottom: inherit;
max-width: 400px;
background: transparent;
color: #000;
padding: 0px;
opacity: 1;
overflow: inherit !important;
-moz-opacity: 1;
filter: alpha(opacity=1);
}
.title-slide {
line-height: 35px;
height: 38px;
margin-bottom: 6px;
}
.title-slide a {
font-size: 25px;
font-weight: normal;
color: #fff !important;
border-bottom: 0px !important;
}
.title-slide a:hover {
color: #109748 !important;
}
.desc-slide {
line-height: 25px;
text-align: justify;
color: #fff;
margin-bottom: 15px;
}
.tva-detail a {
margin-bottom: 30px;
}
.fotorama__wrap {
margin: 0 auto;
}
.wrap-tags {
max-width: 1200px;
margin: auto;
margin-bottom: 10px;
color: #fff;
}
.wrap-tags>span {
color: #fff;
}
.wrap-tags>a {
color: #fff;
}
.wrap-tags>a:hover {
text-decoration: underline;
}
.crumbtrail {
padding-top: 15px;
}
.crumbtrail ul {
padding: 0px;
list-style: none;
line-height: normal;
}
.crumbtrail li {
float: left;
}
.crumbtrail li.crumbtrail_br {
margin: 0px 7px;
width: 6px;
height: 5px;
margin-top: 7px;
background: url(assets/images/navi.png) no-repeat center center;
}
.crumbtrail a {
font-family: 'RobotoRegular';
font-size: 14px;
color: #313131;
}
.crumbtrail a:hover {
color: #D21313;
text-decoration: underline;
}
.crumbtrail .crumbtrail_lst {
color: #414141;
}
.video {
margin-bottom: 30px;
text-align: center;
}
.pic-video img:hover {
opacity: 0.9;
}
.video h3 a {
font-size: 14px;
color: #222222;
text-transform: capitalize;
display: block;
font-weight: normal;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
line-height: 20px;
}
.video h3:hover,
.video h3:hover a {
color: #D21313;
}
.youtube-player {
position: relative;
padding-bottom: 170px;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}
.youtube-player img:hover {
-webkit-filter: brightness(75%);
}
.youtube-player .play {
width: 50px;
height: 35px;
left: calc(50% - 25px);
top: calc(50% - 17px);
position: absolute;
background: url("../images/play.png") no-repeat;
cursor: pointer;
}
.download {
width: 230px;
float: left;
margin-right: 12px;
margin-bottom: 12px;
text-align: center;
}
.download:nth-child(5n+1) {
clear: both;
}
.download:nth-child(5n) {
margin-right: 0px;
}
.download>span {
color: #313131;
display: block;
margin: 10px 0px;
font-size: 13px;
}
.download>a {
display: inline-block;
padding: 5px 20px 5px 20px;
background: #0EAD0F;
color: #fff;
font-size: 13px;
}
a.cart-pro {
display: block;
width: 150px;
height: 35px;
background: #0C0C0C;
text-align: center;
line-height: 35px;
color: #fff;
font-size: 13px;
cursor: pointer;
margin-bottom: 15px;
}
.double-item-user .label-item-user {
text-align: left;
}
.left-pro-detail {
position: relative;
float: left;
width: 40%;
text-align: center;
margin-right: 2%;
background: white;
}
.left-pro-detail .MagicZoom {
border: 1px solid rgba(128, 128, 128, 0.4);
}
.right-pro-detail {
width: calc(100% - 42%);
float: left;
}
.title-pro-detail {
text-transform: uppercase;
font-size: 22px;
display: block;
margin-bottom: 10px;
color: #D21313;
}
.desc-pro-detail {
margin-bottom: 15px;
}
.slick-thumb-pro {
margin: auto !important;
}
.slick-thumb-pro .slick-prev,
.slick-thumb-pro .slick-next {
width: 15px !important;
height: 20px !important;
}
.slick-thumb-pro .slick-prev:before,
.slick-thumb-pro .slick-next:before {
display: none !important
}
.slick-thumb-pro .slick-next {
background: url(assets/images/next-thumb-pro.png) no-repeat !important;
right: 5px;
}
.slick-thumb-pro .slick-prev {
background: url(assets/images/prev-thumb-pro.png) no-repeat !important;
left: 5px;
}
.thumb-pro-detail {
display: block !important;
margin: 5px auto;
max-width: 95%;
}
.thumb-pro-detail img {
box-shadow: none !important;
border: 1px solid rgba(128, 128, 128, 0.4);
}
.tabs-pro-detail {
margin-top: 20px;
}
.tbl-pro-detail-child {
margin-bottom: 5px;
}
.tbl-pro-detail-child span {
font-size: 13px;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.tbl-pro-detail-child p {
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
.tbl-pro-detail-child p input[type=number] {
width: 55px;
text-align: center;
height: 30px;
margin-left: 3px;
}
.tbl-pro-detail-child p input[type=number]::-webkit-outer-spin-button,
.tbl-pro-detail-child p input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button;
height: 30px;
opacity: 1;
}
.sel-product {
height: 30px;
font-size: 13px;
outline: none;
text-align: center;
cursor: pointer;
}
.loading-comment {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999999;
background: rgba(255, 255, 255, 0.8) url(assets/images/loading.gif) center no-repeat;
}
.price-detail p {
color: #d20000;
font-weight: bold;
font-size: 15px;
}
p.price-detail-old {
color: gray;
text-decoration: line-through;
font-weight: bold;
font-size: 17px;
}
.tinhtrang {
font-weight: normal;
}
.conhang {
color: #6A9701
}
.hethang,
.dangcapnhat {
color: #F00
}
a.item-mau-pro {
display: inline-block;
vertical-align: middle;
position: relative;
width: 30px;
height: 30px;
}
a.item-mau-pro.active {
position: relative;
}
a.item-mau-pro.active:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
z-index: 1;
box-sizing: border-box;
background: url(assets/images/ac_pro_cl_s.png) no-repeat bottom right;
border: 2px solid #e5101d;
}
a.item-mau-pro input[type=radio],
a.item-size-pro input[type=radio] {
outline: none;
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
-webkit-appearance: none;
border: 0px;
top: 0px;
left: 0px;
}
a.item-size-pro {
width: auto !important;
height: 30px !important;
border: 1px solid rgba(128, 128, 128, 0.5);
padding: 0px 15px;
display: inline-block;
position: relative;
vertical-align: middle;
}
a.item-size-pro span {
font-size: 12px;
line-height: 30px;
font-weight: normal;
cursor: pointer;
color: gray;
}
a.item-size-pro.active {
position: relative;
border-color: #e5101d;
}
a.item-size-pro.active:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
z-index: 1;
box-sizing: border-box;
background: url(assets/images/ac_pro_cl_s.png) no-repeat bottom right;
border: 1px solid #e5101d;
}
a.item-size-pro.active span {
color: #e5101d;
}
.comment-pro-detail {
margin-top: 15px;
}
.news {
width: 49%;
float: left;
margin-bottom: 15px;
border-bottom: 1px solid rgba(128, 128, 128, 0.42);
padding-bottom: 15px;
}
.news:nth-child(2n) {
float: right;
}
.news:nth-child(2n+1) {
clear: both;
}
.pic-news {
float: left;
margin-right: 10px;
width: 160px;
}
.pic-news:hover img {
opacity: 0.8;
}
h3.name-news {
margin: 0px;
}
.name-news a {
color: #333;
font-size: 16px;
display: block;
line-height: normal;
margin-bottom: 5px;
font-family: Arial;
}
.name-news a:hover {
color: #E52121;
}
.desc-news {
color: #333333;
margin-top: 5px;
text-align: justify;
font-size: 12px;
line-height: 20px;
}
.btn-news {
float: right;
color: #E52121;
font-size: 12px;
}
.btn-news a:hover {
color: #E52121;
}
.share {
padding: 17px 10px 10px 10px;
line-height: normal;
background: rgba(128, 128, 128, 0.15);
margin-top: 15px;
border-radius: 5px;
}
.share b {
display: block;
margin-bottom: 5px;
}
.othernews b {
margin-bottom: 10px;
}
.list-news-other {
padding-left: 17px;
list-style: square;
}
.list-news-other li {
margin-bottom: 2px;
}
.list-news-other li a {
text-transform: none;
color: #333333;
font-size: 13px;
}
.list-news-other li a:hover {
text-decoration: underline;
color: #E52121;
}
.top-contact {
border-bottom: 2px solid rgba(128, 128, 128, 0.52);
margin-bottom: 15px;
padding-bottom: 15px;
}
.bottom-contact {
position: relative;
height: 550px;
}
.bottom-contact iframe {
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0px;
left: 0px;
}
.info-contact {
font-size: 13px;
line-height: 1.5;
color: #333333;
}
#captcha {
margin-bottom: 10px;
}
#vimg {
vertical-align: middle;
margin-right: 5px;
}
#reloadCaptcha {
vertical-align: middle;
font-size: 20px;
cursor: pointer;
}
#map {
height: 480px;
margin: 10px 0px;
}
#directionsPanel {
display: none;
}
span#hint-map {
font-size: 13px;
display: block;
}
input.btn-map {
border: 0px;
width: 100px;
height: 31px;
background: gray;
color: white;
border-radius: 2px;
outline: none;
}
input.txt-map {
height: 27px;
width: calc(100% - 106px);
text-indent: 10px;
border: 1px solid;
border-color: #cecbcb;
border-radius: 0px;
outline: none;
}
span.tit-map {
color: #D21313;
text-transform: uppercase;
font-size: 14px;
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.diachi {
font-size: 13px;
}
.tablelienhe span {
color: #D21313;
}
.tablelienhe td {
height: 25px;
padding: 5px 0px;
}
.tablelienhe .input,
.tablelienhe textarea {
border: 1px #E9E9E9 solid;
font-size: 12px;
width: 100%;
padding: 5px;
box-sizing: border-box;
min-height: 30px;
}
.tablelienhe .title {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.button {
border: 1px solid #515151;
color: #fff;
font-size: 12px;
text-transform: capitalize;
padding: 5px 15px;
background: #414944;
border-radius: 1px;
display: inline-block;
cursor: pointer;
}
.button:hover {
color: #FFFFFF;
background: #202020;
-webkit-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
}
.tablelienhe .input::-webkit-input-placeholder {
color: #585757;
}
.tablelienhe .input:-moz-placeholder {
color: #585757;
}
.tablelienhe .input::-moz-placeholder {
color: #585757;
}
.tablelienhe .input:-ms-input-placeholder {
color: #585757;
}
.tablelienhe textarea::-webkit-input-placeholder {
color: #585757;
}
.tablelienhe textarea:-moz-placeholder {
color: #585757;
}
.tablelienhe textarea::-moz-placeholder {
color: #585757;
}
.tablelienhe textarea:-ms-input-placeholder {
color: #585757;
}
.footer {
width: 100%;
}
.footer_main {
max-width: 1200px;
margin: 0 auto;
padding-top: 60px;
padding-bottom: 60px;
}
.title_footer span {
margin-bottom: 15px;
color: #FFFC00;
font-size: 30px;
display: block;
font-family: 'UTMHelvetIns';
text-transform: uppercase;
position: relative;
}
.title_footer1 span {
margin-bottom: 15px;
color: #FFFC00;
font-size: 16px;
display: block;
font-family: 'RobotoBold';
text-transform: uppercase;
position: relative;
}
.content_footer {
color: #fff;
line-height: 40px;
font-family: 'OpenSans'
}
.footer_news {
float: left;
}
.footer_news:nth-child(1) {}
.footer_news:nth-child(2) {
padding: 0px;
}
.footer_news:nth-child(3) {
padding: 0px;
padding-left: 25px;
float: right;
}
.footer_news:nth-child(2) .fb_iframe_widget {
padding-top: 0px !important;
}
#map_footer iframe {
height: 425px;
width: 100%;
}
.footer-bottom {
min-height: 50px;
line-height: 50px;
background: #004047;
color: #fff;
font-size: 12px;
font-family: 'RobotoRegular'
}
.footer-bottom>div {
max-width: 1200px;
margin: auto;
}
span#copy {
display: block;
float: left;
}
div.thongke {
float: right;
}
div.thongke div.item-tk {
display: inline-block;
vertical-align: top;
}
div.thongke div.item-tk>span {}
div.thongke div.item-tk:nth-of-type(2n) {
margin: 0px 20px;
}
.title_dknt {
font-family: 'UTMAptima';
font-size: 14px;
position: relative;
margin-bottom: 15px;
color: #fff;
}
.title_dknt:after {
content: '';
position: absolute;
border-bottom: 3px solid #fff;
width: 50px;
bottom: 33px;
left: 0px;
}
.title_dknt h2 {
font-family: 'RobotoCondensedBold';
font-size: 24px;
margin: 0px;
position: relative;
color: #fff;
text-transform: uppercase;
margin-bottom: 35px;
}
.left_dknt {
padding: 0px;
float: left;
}
.right_kh {
padding: 0px;
float: right;
text-align: center;
}
.box-register-email1 .tit-register-email {
color: white;
font-family: 'Arial';
font-size: 17px;
line-height: 25px;
margin-bottom: 16px;
text-transform: uppercase;
}
.box-register-email1 input[type="text"] {
width: 100%;
height: 40px;
float: left;
color: #000;
font-weight: normal;
margin-bottom: 15px;
text-indent: 10px;
background: rgb(255, 255, 255, 0.7);
border: 1px solid #fff;
}
.box-register-email1 input[type="text"]:nth-child(2n) {
float: right;
}
.info-registertv2 {
text-align: center;
width: 100%;
float: left;
}
.info-registertv2 .bd_dknt {
border: 3px solid rgb(255, 255, 255, 0.4);
display: inline-block;
border-radius: 13px;
}
.right_dknt1 {
text-align: center;
}
.right_dknt1 input[type="button"] {
background: #FFE400;
color: #000;
font-family: 'RobotoBold';
padding: 9.5px 11px;
text-transform: uppercase;
cursor: pointer;
position: relative;
text-align: center;
}
.left_dknt1 {
padding: 0px;
padding-right: 7px;
}
.right_dknt1 {
padding: 0px;
padding-left: 7px;
}
.info-registertv11 {
position: relative;
margin-left: 2%;
}
.title-left2 {
color: #ffffff;
}
.title-left2 h3 {
text-align: left;
font-weight: normal;
font-size: 18px;
padding-bottom: 15px;
}
.title-left2 span {
padding-bottom: 4px;
display: block;
}
#flienhe1 {
background: #FAB253;
color: #fff;
padding: 15px;
}
.info-register1 {
position: relative;
float: left;
width: 100%;
}
.box-register-email1 .info-registertv1 p,
.info-registertv2 p {
color: white;
}
.info-registertvll input {
background: #E60000;
color: #fff;
border: none;
height: 40px;
font-family: 'QuicksandBold';
padding: 9px 19px;
font-size: 14px;
cursor: pointer;
float: right;
text-transform: uppercase;
}
.box-register-email1 textarea {
color: #000;
font-weight: normal;
background: rgb(255, 255, 255, 0.7);
border: 1px solid #fff;
width: 100%;
height: 150px;
padding-top: 10px;
text-indent: 10px;
margin-bottom: 10px;
}
#inline1 {
width: 500px;
}
.box-register-email1 input[type="text"]::-webkit-input-placeholder {
color: #000;
}
.box-register-email1 input[type="text"]::-moz-placeholder {
color: #000;
}
.box-register-email1 input[type="text"]:-ms-input-placeholder {
color: #000;
}
.box-register-email1 input[type="text"]:-moz-placeholder {
color: #000;
}
.box-register-email1 textarea::-webkit-input-placeholder {
color: #000;
}
.box-register-email1 textarea::-moz-placeholder {
color: #000;
}
.box-register-email1 textarea:-ms-input-placeholder {
color: #000;
}
.box-register-email1 textarea:-moz-placeholder {
color: #000;
}
.notice_pro {
width: 100%;
background: #EFECEC;
color: #7D7979;
border-radius: 5px;
}
.notice_pro h4 {
padding: 15px;
font-weight: normal;
}
.social-plugin {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 10px;
}
.social-plugin .at-share-btn {
margin-bottom: 0px !important;
}
.social-plugin .zalo-share-button {
margin-left: 2px;
}
.pagination {
text-align: center;
margin-top: 15px;
width: 100%;
}
.pagination ul {
display: inline-block;
margin-bottom: 0;
margin-left: 0;
padding: 0px;
}
.pagination ul>li {
display: inline;
}
.pagination ul>.active>a,
.pagination ul>.active>span {
cursor: default;
background: #D21313;
color: white;
}
.pagination ul>li>a,
.pagination ul>li>span {
font-size: 12px;
float: left;
padding: 1px 10px;
line-height: 20px;
text-decoration: none;
background-color: #fff;
color: #777;
border: 1px solid #D21313;
margin: 0 2px;
border-radius: 1px;
}
.pagination ul>li>a:hover,
.pagination ul>li>span:hover {
background: #D21313;
color: white;
}
.popup {
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.75);
z-index: 99999;
}
.wrap-pop-home {
max-width: 975px;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
border-radius: 3px;
}
.popup-close {
width: 30px;
height: 30px;
line-height: 29px;
display: inline-block;
position: absolute;
top: 30px;
right: 30px;
transition: ease 0.25s all;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
border-radius: 1000px;
background: rgba(0, 0, 0, 0.8);
border: 1px solid rgba(255, 255, 255, 0.5);
font-family: Arial, Sans-Serif;
font-size: 14px;
text-align: center;
color: #fff;
cursor: pointer;
}
.popup-close:hover {
-webkit-transform: translate(50%, -50%) rotate(180deg);
transform: translate(50%, -50%) rotate(180deg);
background: rgba(0, 0, 0, 1);
text-decoration: none;
}
.scrollToTop {
width: 50px;
height: 50px;
text-align: center;
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
bottom: 50px;
right: 2px;
display: none;
z-index: 3;
cursor: pointer;
}
.text-hide {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
}
.transition {
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.scale-img {
overflow: hidden;
display: block;
}
.scale-img img {
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.scale-img:hover>img {
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
-moz-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.blink {
-webkit-animation-name: blink;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blink;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blink;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blink {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@keyframes blink {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
.scroll-maded {
overflow-y: scroll;
overflow-x: hidden;
}
.scroll-maded::-webkit-scrollbar {
width: 2px;
}
.scroll-maded::-webkit-scrollbar-thumb {
width: 2px;
background: #e6c413
}
.scroll-maded::-webkit-scrollbar-thumb:hover {
width: 2px;
}
.scroll-maded::-webkit-scrollbar-thumb:active {
width: 2px;
}
.grecaptcha-badge {
display: none !important;
width: 0px !important;
height: 0px !important;
visibility: hidden !important;
overflow: hidden;
}
.bg_spmoi {
padding: 1px 0px 30px 0px;
}
.slick-moi {}
.slick-moi .slick-prev,
.slick-moi .slick-next {
width: 20px !important;
height: 20px !important;
}
.slick-moi .slick-prev:before,
.slick-moi .slick-next:before {
display: none !important
}
.slick-moi .slick-next {
background: url(assets/images/next.png) no-repeat !important;
right: 1%;
top: -20px;
}
.slick-moi .slick-prev {
background: url(assets/images/prev.png) no-repeat !important;
left: 95%;
top: -20px;
}
.title_main {
font-size: 30px;
font-family: 'QuicksandBold';
color: #fff;
text-align: center;
text-transform: uppercase;
position: relative;
margin-bottom: 45px;
}
.title_main:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -23px;
width: 210px;
height: 20px;
background: url(assets/images/a_title_main.png);
}
.item_spmoi {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
margin: 0 auto;
margin-bottom: 30px;
}
.item_spmoi:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.item_spmoi .bd_spmoi {
background: #fff;
width: 100%;
float: left;
}
.item_spmoi .images_spnb {
overflow: hidden;
position: relative;
border: 1px solid #E6E6E6;
}
.item_spmoi .name a {
padding: 10px 2px;
display: block;
text-align: center;
color: #656565;
}
.item_spmoi .bd_spmoi h3,
.item_spmoi .bd_spmoi h4,
.item_spmoi .bd_spmoi p {
min-height: 35px;
margin: 0px;
text-align: center;
margin-bottom: 4px;
margin-top: 9px;
}
.item_spmoi .mota_spnb {
padding: 0 20px;
width: 100%;
float: left;
min-height: 80px;
}
.item_spmoi .price_sanpham {
color: #5E5E5E;
padding-bottom: 5px;
float: left;
width: 100%;
text-align: center;
}
.item_spmoi .price_sanpham span {
color: #FF2626;
}
.item_spmoi h3,
.item_spmoi h4,
.item_spmoi p {
font-family: 'RobotoBold';
font-size: 16px;
color: #333333;
text-transform: uppercase;
}
.item_spmoi .images_spnb .boxpicde {
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
}
.item_spmoi .images_spnb .boxpicde span {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #fff;
font-size: 17px;
text-align: center;
background: url("../images/line_sanphamdetail.png") no-repeat top center, url("../images/line_sanphamdetail.png") no-repeat bottom center;
display: inline-block;
width: 170px;
line-height: 35px;
}
.item_spmoi .images_spnb .boxpicde span :hover {
color: yellow;
}
.item_spmoi .images_spnb:hover .boxpicde {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.item_spmoi .images_spnb:hover img {
opacity: 0.9;
transform: 0.5s;
}
.item_spmoi .muangay a.cart-prom {
border: 1px solid #ccc;
background: none;
text-align: center;
display: inline-block;
}
.item_spmoi .muangay a.cart-prom:hover {
color: #F2CA8C;
}
.item_spmoi .muangay_hv a {
background: none;
color: #fff;
padding: 10px;
}
.item_spmoi .muangay_hv a i {
padding: 10px 5px 10px 0px;
}
.item_spmoi .muangay_hv a i:hover {
color: red;
}
.item_spmoi .muangay_hv a:hover {
color: red;
}
.congtrinh {
background: #F2F2F2;
padding: 1px 0px;
}
.congtrinh ul {
text-align: center;
}
ul.tabs {
margin: 0px;
padding-left: 0px;
padding-bottom: 0px;
list-style: none;
}
ul.tabs li:hover {
background: #FF0000;
color: #fff;
border: 1px solid #FF0000;
padding: 8.5px 9.7px;
}
#sd {
position: absolute;
bottom: -5px;
left: -1px;
height: 5px;
width: 100%;
}
ul.tabs li:hover>#sd {
display: none;
}
ul.tabs li {
border: 1px solid #E6E6E6;
background: #fff;
color: #363636;
font-family: 'RobotoBold';
position: relative;
padding: 8.5px 9.7px;
text-transform: uppercase;
display: inline-block;
cursor: pointer;
margin: 0 10px;
}
ul.tabs li.current {
background: #FF0000;
color: #fff;
border: none;
border: 1px solid #FF0000;
}
ul.tabs li.current>#sd {
display: none;
}
ul.tabs li.current:hover {
background: #FF0000;
color: #fff;
border: 1px solid #FF0000;
padding: 8.5px 9.7px;
}
.tab-content {
display: none;
}
.tab-content.current {
display: inherit;
}
.images_duan {
position: relative;
overflow: hidden;
}
.img_duan .images_duan {
border-color: #EEEEEE;
position: relative;
overflow: hidden;
}
.img_duan .name a {
padding: 10px 2px;
display: block;
text-align: center;
color: #656565;
}
.item_ctduan {
position: relative;
}
.item_ctduan {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
margin: 0 auto;
margin-bottom: 30px;
}
.item_ctduan:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.item_ctduan h3 {
color: #fff;
font-size: 15px;
font-family: 'RobotoBold';
text-transform: uppercase;
margin: 0px;
padding: 0 10px;
padding-top: 30px;
position: absolute;
bottom: 0px;
left: 0px;
background: url(assets/images/bg_mota.png) center repeat-x;
width: 100%;
float: left;
text-align: center;
min-height: 61px;
}
.img_duan p {
font-size: 14px;
font-family: 'RobotoRegular';
text-align: center;
}
.item_ctduan {
margin-bottom: 30px;
}
.congtrinh .img_duan {
float: left;
width: 100%;
}
.img_duan .images_duan {
text-align: center;
}
.zoom_hinh a img {
transition: all 1s ease 0s;
}
.zoom_hinh:hover a img {
transform: scale(1.1);
}
.bg_item_ctduan {
position: relative;
}
.bg_gt {
padding: 30px 0px;
}
.bder_gt {
border: 1px solid #ccc;
padding: 4px;
box-shadow: 0px 0px 20px 1px #ccc;
}
.bder_gt img {
z-index: 9;
position: relative;
}
.hinhgioithieu {
padding: 0px;
width: 42.85%;
}
.left-gt {
padding: 0px;
padding-left: 37px;
width: 57.15%;
float: right;
margin-top: 5px;
}
.name_gioithieu {
font-family: 'RobotoBold';
font-size: 20px;
color: #292929;
line-height: 30px;
text-transform: uppercase;
position: relative;
margin-bottom: 13px;
padding-left: 20px;
}
.name_gioithieu:after {
content: '';
position: absolute;
left: 0px;
top: 6px;
border-left: 2px solid #000;
height: 57px;
}
.name_gioithieu span {
font-family: 'UTMHelvetIns';
font-size: 30px;
color: #FF0000;
}
.noidunggioithieu {
color: #000;
line-height: 30px;
}
.xemthem_gt {
color: #fff;
text-transform: uppercase;
padding: 9.5px 27px;
margin-top: 20px;
display: inline-block;
background: #008FE2;
font-family: 'RobotoBold';
}
.xemthem_gt:hover {
color: red;
}
.title_dv {
color: #000;
text-align: center;
position: relative;
margin-bottom: 45px;
}
.title_dv span,
.title_dv h2,
.title_dv h4 {
position: relative;
font-size: 32px;
font-family: 'SFUFuturaHeavy';
color: #005861;
display: inline-block;
text-transform: uppercase;
}
.title_dv span:after,
.title_dv h2:after,
.title_dv h4:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -13px;
width: 50px;
border-bottom: 3px solid #4D4D4D;
}
.item_dichvunb .mota_congtrinhbc {
padding: 20px 0px;
padding-bottom: 0px;
font-size: 13px;
color: #4D4D4D;
}
.item_dichvunb .mota_congtrinhbc h3 {
font-family: 'RobotoBold';
font-size: 16px;
color: #333333;
margin: 0px;
text-transform: uppercase;
margin-bottom: 10px;
}
.item_dichvunb .mota_congtrinhbc span {
color: #277CFD;
text-transform: capitalize;
font-family: 'RobotoCondensedRegular';
font-size: 12px;
}
.item_dichvunb {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
margin: 0 auto;
margin-bottom: 30px;
}
.item_dichvunb:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.item_dichvunb .box_mota_dvnb {
position: relative;
}
.xemthem_dv {
color: #fff;
text-transform: uppercase;
padding: 9.5px 27px;
margin-top: 20px;
display: inline-block;
background: #008FE2;
font-family: 'RobotoBold';
position: relative;
left: 50%;
transform: translateX(-50%);
}
.xemthem_dv:hover {
color: red;
}
.bg_baiviet {
min-height: 405px;
padding: 12px 0px;
background-repeat: no-repeat;
max-width: 1366px;
margin: 0px auto;
}
.title_bv {
text-align: center;
position: relative;
margin-bottom: 45px;
}
.title_bv span,
.title_bv h2 {
position: relative;
font-size: 32px;
font-family: 'SFUFuturaHeavy';
color: #FCFF00;
display: inline-block;
text-transform: uppercase;
}
.title_bv span:after,
.title_bv h2:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -13px;
width: 50px;
border-bottom: 3px solid #4D4D4D;
}
.br_bv {
float: left;
width: 100%;
}
.item_baivietnb {
margin-bottom: 30px;
}
.item_baivietnb .images_baivietnb {
text-align: center;
width: 22%;
float: left;
}
.item_baivietnb .mota_baivietbc {
width: 72%;
float: right;
color: #fff;
margin: 10px 0px;
}
.item_baivietnb .mota_baivietbc h3 {
margin: 0px;
margin-bottom: 5px;
font-size: 16px;
font-family: 'RobotoBold';
color: #fff;
text-transform: uppercase;
}
.item_baivietnb .images_baivietnb img {
border-radius: 50%;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow: hidden
}
.item_baivietnb:hover .images_baivietnb img {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg)
}
.item_baivietnb:hover .mota_baivietbc h3 {
color: #FCFF00;
}
.bg_kh {
padding: 12px 0px;
margin: 0px auto;
background-repeat: no-repeat;
max-width: 1366px;
}
.slick-kh .slick-prev,
.slick-kh .slick-next {
width: 0px !important;
height: 0px !important;
}
.slick-kh .slick-prev:before,
.slick-kh .slick-next:before {
display: none !important
}
.right_kh {
padding-left: 65px;
}
.title_kh {
text-align: center;
position: relative;
margin-bottom: 37px;
}
.title_kh span,
.title_kh h2 {
position: relative;
font-size: 32px;
font-family: 'SFUFuturaHeavy';
color: #FCFF00;
display: inline-block;
text-transform: uppercase;
}
.title_kh span:after,
.title_kh h2:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -13px;
width: 70px;
border-bottom: 3px solid #fff;
}
.images_khnb img {
margin: 0 auto;
border-radius: 50%;
}
.mota_khbc {
color: #fff;
}
.mota_khbc span {
color: yellow;
}
.mota_khbc h3 {
font-family: 'RobotoBold';
font-size: 15px;
}
.item_chinhanhnb .namen {
font-family: 'RobotoBold';
color: #fff;
font-size: 18px;
background: url(assets/images/tt_cn.jpg) repeat-y;
background-size: 100%;
width: 90%;
border-radius: 10px;
line-height: 45px;
text-align: center;
margin: 0 auto;
margin-bottom: -20px;
position: relative;
z-index: 9;
}
.mota_chinhanhnb {
border: 1px dashed #ccc;
border-radius: 5px;
padding: 25px 12px;
}
.zalo_right {
position: fixed;
bottom: 32%;
right: 0px;
z-index: 99;
}
#wrap-phone {
z-index: 999;
display: none;
}
#wrap-phone table {
width: 100%;
text-align: center;
margin: auto;
background: #F7941E;
border: 3px solid #e8e8e8;
}
#wrap-phone {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
}
#wrap-phone a {
color: #fff;
font-size: 16px;
}
#wrap-phone img {
width: 30%;
max-width: 35px;
vertical-align: middle;
}
@media (max-width:1200px) {
#wrap-phone {
display: block;
}
body {
padding: 0 10px
}
.row,
.row1,
.row2 {
margin: 0px;
}
.top {
padding-left: 10px;
padding-right: 10px;
}
.footer {
padding-left: 10px;
padding-right: 10px;
}
.footer-bottom {
padding: 0 10px;
margin-bottom: 50px;
}
.menu .wrap-content .ddsmoothmenu>ul>li {
padding: 0 39px !important;
}
.bg_kh {
padding-left: 10px;
padding-right: 10px;
}
.right_kh {
padding-left: 15px;
}
.zalo_right {
right: 30px;
}
}
@media (max-width:1150px) {
.menu .wrap-content .ddsmoothmenu>ul>li {
padding: 0 35px !important;
}
}
@media (max-width:1100px) {
.search input[type=button] {
width: 25%;
}
.search input[type=text] {
width: calc(100% - 25%);
}
.menu .wrap-content .ddsmoothmenu>ul>li {
padding: 0 33px !important;
}
}
@media (max-width:1050px) {
.hotline {
display: none;
}
.google_dich {
width: 100%;
text-align: right;
}
.search {
width: 45%;
margin-left: 4%;
}
.banner_right {
width: 20%;
}
.menu .wrap-content .ddsmoothmenu>ul>li {
padding: 0 29px !important;
}
}
@media (max-width:991px) {
.menu {
display: none;
}
#wrap_menu_res {
display: block;
}
.top {
display: none;
}
.banner .search {
display: none;
}
.hotline {
display: block;
width: 35%;
}
.banner_right {
width: 60%;
}
.google_dich {
width: 32%;
text-align: left;
}
.banner_left {
width: 39.5%;
}
.hinhgioithieu {
width: 100%;
}
.left-gt {
width: 100%;
padding-left: 0px;
}
.bder_gt {
border: none;
box-shadow: none;
text-align: center;
}
.hinhgioithieu {
margin-bottom: 30px;
}
.bg_baiviet {
background-size: 100% 100%;
}
.bg_kh {
background-size: 100% 100%;
}
.footer_news:nth-child(1) {
padding: 0px;
margin-bottom: 30px;
}
.footer_main {
padding-top: 30px;
}
.footer_news:nth-child(3) {
overflow: hidden;
}
.left_dknt {
margin-bottom: 30px;
}
.item_chinhanhnb {
margin-bottom: 30px;
}
}
@media (max-width:950px) {}
@media (max-width:900px) {
.slick-gioithieu {
display: none
}
.item-intro {
padding: 0px;
width: 100%;
}
.item-intro:first-child {
margin-bottom: 30px;
}
.item-intro:last-child {
padding: 0px;
}
.news-est img {
width: 100%;
}
}
@media (max-width:850px) {
.banner_left {
width: 44.5%;
}
.banner_right {
width: auto;
margin-top: 25px;
}
.hotline {
width: 44%;
}
.hotline>span {
font-size: 20px;
}
.banner {
height: auto;
}
.header {
height: auto;
}
}
@media (max-width:767px) {
.fix_banner_left {
position: relative;
}
.footer_news:nth-child(2) {
margin-bottom: 30px;
}
.footer_news:nth-child(3) {
padding-left: 0px;
}
}
@media (max-width:730px) {
.hotline {
display: none;
}
.google_dich {
width: 100%;
text-align: right;
}
.banner_left {
width: 48.5%;
}
}
@media (max-width:700px) {
.left-lienhe {
width: 100%;
}
.right-lienhe {
width: 100%;
}
span#copy {
width: 100%;
text-align: center;
}
div.thongke {
width: 100%;
text-align: center;
}
}
@media (max-width:650px) {
.fotorama img {
width: 100% !important;
height: auto !important;
left: 0 !important;
}
.maincontent img {
width: auto !important;
}
.canh_krot {
display: block;
}
.item_dichvunb:nth-child(2n+1),
.item_spmoi:nth-child(2n+1) {
clear: both;
}
.title_dv span,
.title_dv h2 {
font-size: 25px;
}
.news-est {
width: 100%;
padding-right: 0px;
margin-bottom: 30px;
}
.slick-news-intro {
width: 100%;
}
}
@media (max-width:600px) {
.news {
width: 100%;
}
.item_baivietnb {
width: 100%;
padding: 0px;
}
.bg_baiviet {
background: #000;
background-image: none !important;
}
.left_dknt1 {
width: 100%;
padding-right: 0px;
}
.right_dknt1 {
width: 100%;
padding-left: 0px;
}
.bg_kh {
background-size: 100% 100%;
background: #000;
background-image: none !important;
}
.item_chinhanhnb {
width: 100%;
}
ul.tabs li {
margin-bottom: 20px;
}
.item_ctduan {
padding: 0 5px;
margin-bottom: 10px;
}
.item_spmoi {
padding: 0 5px;
margin-bottom: 10px;
}
.item_dichvunb {
padding: 0 5px;
margin-bottom: 10px;
}
}
@media (max-width:550px) {
.banner_right {
margin-top: 20px;
}
}
@media (max-width:475px) {
.banner_right {
margin-top: 15px;
}
}
@media (max-width:415px) {}
@media (max-width:400px) {
.banner_left {
width: 40.5%;
}
.banner_right {
margin-top: 0px;
}
}
</style>
<!-- Background Body -->
<style type="text/css">body{ background:#ffffff}</style><style type="text/css">.footer{ background: url(upload/photo/bgft_09403723042019.jpg) no-repeat center center ;background-size:100% 100% } </style>
<!-- JS DESKTOP -->
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<!-- Google Analytic -->
<!-- Head JS -->
<script type="text/javascript">
var x = document.referrer;
var pattg = new RegExp("google.com");
var pattc = new RegExp("coccoc.com");
var pattc = new RegExp("google.com.vn");
var pattb = new RegExp("bing.com");
var patty = new RegExp("yahoo.com");
if (pattg.test(x) == true || pattc.test(x) == true || pattb.test(x) == true || patty.test(x) == true){
history.pushState(null, null, location.href);
window.onpopstate = function () {
history.go(1);
}
}
</script>
<meta name="web1s" content="k6toC1sSAh8subY6Fycj"> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148140411-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-148140411-1');
</script>
</head>
<body>
<h1 style="visibility: hidden; height:0px; margin:0px; overflow:hidden;">Công ty dịch vụ diệt mối côn trùng TPHCM</h1>
<div class="top">
<div class="wrap-main-k">
<div class="top_left"><marquee behavior="" direction="">Công Ty Diệt Mối Và dịch Vụ Diệt Côn Trùng | Uy Tín - Trách Nhiệm - Hiệu Quả là phương Châm làm việc của chúng tôi</marquee></div>
<div class="top_right">
<span><i class="fa fa-envelope" aria-hidden="true"></i>Email: [email protected]</span>
<span><i class="fa fa-map-marker" aria-hidden="true"></i>Địa chỉ: Số 292/18 Đường Cách Mạng Tháng 8, Phường 10, Quận 3, Hồ Chí Minh</span>
</div>
</div>
</div>
<div class="clear"></div>
<div class="header">
<div class="banner">
<div class="header_content w-clear">
<div class="banner_left">
<a class="logo" href=""><img src="upload/photo/logo1_15003501102019.jpg"/></a>
</div>
<div class="search">
<input type="button" onclick="onSearch('keyword');" value="Tìm kiếm" />
<input type="text" name="keyword" id="keyword" placeholder="Nhập từ khóa cần tìm" onkeypress="doEnter(event,'keyword');"/>
</div>
<div class="banner_right">
<div class="google_dich">
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'vi', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
<div class="hotline">
Hotline
<div class="claer"></div>
<span>0933282131 0984352190</span>
</div>
</div>
</div>
</div>
</div><div class="menu">
<div class="wrap-content w-clear">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul class="w-clear">
<li><a rel="dofollow" class="transition active" href="" title="Trang chủ" title="Trang chủ">Trang chủ</a></li>
<li class="line"></li>
<li><a rel="dofollow" class="transition " href="gioi-thieu/" title="Giới thiệu" title="Giới Thiệu">Giới thiệu</a></li>
<li class="line"></li>
<li>
<a rel="dofollow" class="transition " href="dich-vu/" title="Dịch vụ" title="Dịch vụ">Dịch vụ</a>
<ul>
<li>
<a title="DIỆT MỐI TẬN GỐC" href="diet-moi-tan-goc">DIỆT MỐI TẬN GỐC</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT CÔN TRÙNG" href="dich-vu-diet-con-trung">DỊCH VỤ DIỆT CÔN TRÙNG</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT CHUỘT" href="dich-vu-diet-chuot">DỊCH VỤ DIỆT CHUỘT</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT RUỒI" href="dich-vu-diet-ruoi">DỊCH VỤ DIỆT RUỒI</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT MUỖI" href="dich-vu-diet-muoi">DỊCH VỤ DIỆT MUỖI</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT KIẾN" href="dich-vu-diet-kien">DỊCH VỤ DIỆT KIẾN</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT GIÁN" href="dich-vu-diet-gian">DỊCH VỤ DIỆT GIÁN</a>
</li>
</ul>
</li>
<li class="line"></li>
<li>
<a rel="dofollow" class="transition " href="san-pham/" title="Sản phẩm" title="Sản phẩm">Sản phẩm</a>
<ul>
<li>
<a title="Thuốc Diệt Muỗi" href="thuoc-diet-muoi">Thuốc Diệt Muỗi</a>
</li>
<li>
<a title="Thuốc Diệt Mối" href="thuoc-diet-moi">Thuốc Diệt Mối</a>
</li>
</ul>
</li>
<li class="line"></li>
<li><a rel="nofollow" class="transition " href="du-an/" title="Dự án" title="Dự án">Dự
án</a>
<ul>
<li>
<a title="Đã hoàn thành" href="da-hoan-thanh/">Đã hoàn thành</a>
</li>
<li>
<a title="Dự án đang triển khai" href="du-an-dang-trien-khai/">Dự án đang triển khai</a>
</li>
</ul>
</li>
<li class="line"></li>
<li><a rel="nofollow" class="transition " href="video/" title="Video clip" title="Video Clip">Video clip</a></li>
<li class="line"></li>
<li>
<a rel="dofollow" class="transition " href="tin-tuc/" title="Tin tức" title="Tin tức">Tin tức</a>
</li>
<li class="line"></li>
<li><a rel="dofollow" class="transition " href="lien-he/" title="Liên hệ" title="Liên hệ">Liên hệ</a></li>
</ul>
</div>
</div>
</div><div id="wrap_menu_res">
<div id="mobilemenu">
<a href="" class="home2"><i class="fa fa-home" aria-hidden="true"></i></a>
<a href="#menu" title="Menu" id="hamburger"><b>Menu</b><span></span></a>
<nav class="invi_loading" id="menu">
<ul>
<li>
<a href="" style="padding: 10px;text-align: center;" title="Công ty Diệt Mối Và Diệt Côn Trùng TPHCM Uy Tín">
<img src="upload/photo/logo1_15003501102019.jpg" alt="Công ty Diệt Mối Và Diệt Côn Trùng TPHCM Uy Tín">
</a>
</li>
<div class="mm-search">
<input placeholder="Search" type="text" id="keyword_2" autocomplete="off">
<a class="btn_search_res" onclick="onSearch_2();"/><img src="assets/images/icon_search.png" alt=""></a>
</div>
<li><a href="" title="Trang chủ">Trang chủ</a></li>
<li><a class="transition " href="gioi-thieu/" title="Giới thiệu">Giới thiệu</a></li>
<li>
<a class="transition " href="dich-vu/" title="Dịch vụ">Dịch vụ</a>
<ul>
<li>
<a title="DIỆT MỐI TẬN GỐC" href="diet-moi-tan-goc">DIỆT MỐI TẬN GỐC</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT CÔN TRÙNG" href="dich-vu-diet-con-trung">DỊCH VỤ DIỆT CÔN TRÙNG</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT CHUỘT" href="dich-vu-diet-chuot">DỊCH VỤ DIỆT CHUỘT</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT RUỒI" href="dich-vu-diet-ruoi">DỊCH VỤ DIỆT RUỒI</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT MUỖI" href="dich-vu-diet-muoi">DỊCH VỤ DIỆT MUỖI</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT KIẾN" href="dich-vu-diet-kien">DỊCH VỤ DIỆT KIẾN</a>
</li>
<li>
<a title="DỊCH VỤ DIỆT GIÁN" href="dich-vu-diet-gian">DỊCH VỤ DIỆT GIÁN</a>
</li>
</ul>
</li>
<li>
<a class="transition " href="san-pham/" title="Sản phẩm">Sản phẩm</a>
<ul>
<li>
<a title="Thuốc Diệt Muỗi" href="thuoc-diet-muoi">Thuốc Diệt Muỗi</a>
</li>
<li>
<a title="Thuốc Diệt Mối" href="thuoc-diet-moi">Thuốc Diệt Mối</a>
</li>
</ul>
</li>
<li><a class="transition " href="du-an/" title="Dự án">Dự án</a>
<ul>
<li>
<a title="Đã hoàn thành" href="da-hoan-thanh/">Đã hoàn thành</a>
</li>
<li>
<a title="Dự án đang triển khai" href="du-an-dang-trien-khai/">Dự án đang triển khai</a>
</li>
</ul>
</li>
<li><a class="transition " href="video/" title="Video clip">Video clip</a></li>
<li>
<a class="transition " href="tin-tuc/" title="Tin tức">Tin tức</a>
</li>
<li><a href="lien-he.html" title="Liên hệ">Liên hệ</a></li>
</ul>
</nav>
</div>
</div> <div class="slideshow">
<div class="box-slide">
<div class="slider-wrapper theme-default">
<div id="slider-main" class="nivoSlider">
<a href="" target="_blank" title=""><img
src="upload/photo/1366x465x1/4360668421.jpg"
data-thumb="upload/photo/1366x465x1/4360668421.jpg"
alt="" title="#slide-caption0" /></a>
<a href="" target="_blank" title=""><img
src="upload/photo/1366x465x1/26261690290.jpg"
data-thumb="upload/photo/1366x465x1/26261690290.jpg"
alt="" title="#slide-caption1" /></a>
<a href="" target="_blank" title=""><img
src="upload/photo/1366x465x1/42061730130.jpg"
data-thumb="upload/photo/1366x465x1/42061730130.jpg"
alt="" title="#slide-caption2" /></a>
</div>
</div>
</div>
</div>
<div class="bg_gt w-clear">
<div class="wrap-main w-clear">
<div class="item_gt">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 hinhgioithieu row1">
<div class="slick-gioithieu">
<div class="item_gt">
<div class="bder_gt">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/photo/505x353x1/41367203110.jpg" alt="">
</div>
</div>
<div class="item_gt">
<div class="bder_gt">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/photo/505x353x1/34432295542.jpg" alt="">
</div>
</div>
<div class="item_gt">
<div class="bder_gt">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/photo/505x353x1/34432295541.jpg" alt="">
</div>
</div>
<div class="item_gt">
<div class="bder_gt">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/photo/505x353x1/34432295540.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 left-gt" >
<div class="name_gioithieu">
Giới thiệu
<div class="clear"></div>
<span>CÔNG TY DIỆT CÔN TRÙNG TÂM PHÁT | DỊCH VỤ DIỆT MỐI CHUYÊN NGHIỆP</span>
</div>
<div class="noidunggioithieu">
Với phương châm hoạt động UY TÍN - TRÁCH NHIỆM, khi đến với Công ty Diệt Mối Tâm Phát, quý khách sẽ nhận được sự hỗ trợ tư vấn nhiệt tình từ việc lựa chọn các phương pháp diệt các loại côn trùng "hóa sinh" không độc hại, không gây ô nhiễm môi trường, không cần phải đào bới, không gây ảnh hưởng tới sinh hoạt... Tiết kiệm thời gian và chi phí. Chúng tôi cam kết mang đến cho khách hàng dịch vụ diệt côn trùng tại TPHCM hiệu quả trong thời gian ngắn với chi phí hợp lý. </div>
<div class="clear"></div>
<a href="gioi-thieu/" target="_blank" class="xemthem_gt">Xem thêm</a>
</div>
</div>
</div>
</div><div class="wrap-main w-clear">
<div class="title_dv">
<h2>Dịch vụ của chúng tôi</h2>
</div>
<div class="row canh_krot">
<a href="dich-vu-diet-con-trung-tai-vung-tau" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/737213055135.jpg" alt="Dịch vụ diệt côn trùng tại Vũng Tàu">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>Dịch vụ diệt côn trùng tại Vũng Tàu</h3>
Công ty chuyên dịch vụ diệt côn trùng tại Vũng Tàu với giá rẻ, chuyên nghiệp, đảm bảo an toàn, nhanh chóng.... </div>
</div>
</a>
<a href="diet-moi-tan-goc-bang-tram-ba-cong-nghe-my" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/080435365061.jpg" alt="Diệt mối tận gốc bằng trạm bả công nghệ Mỹ">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>Diệt mối tận gốc bằng trạm bả công nghệ Mỹ</h3>
Dịch vụ diệt mối tận gốc bằng trạm bả công nghệ Mỹ với quy trình chuyên nghiệp, sử dụng bả mối... </div>
</div>
</a>
<a href="diet-moi-tan-goc-tai-da-nang" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/991216250052.jpg" alt="Diệt Mối Tận Gốc Tại Đà Nẵng">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>Diệt Mối Tận Gốc Tại Đà Nẵng</h3>
Công ty diệt mối tận gốc tại Đà Nẵng uy tín, chuyên nghiệp với quy trình thực hiện nhanh chóng, đảm bảo... </div>
</div>
</a>
<a href="cong-ty-phong-moi-cho-cong-trinh-xay-dung" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/028411424259.jpg" alt="Công ty phòng mối cho công trình xây dựng ">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>Công ty phòng mối cho công trình xây dựng </h3>
Công ty phòng mối cho công trình xây dựng chuyên nghiệp nhất tại khu vực TPHCM, quy trình triển khai uy tín,... </div>
</div>
</a>
<a href="cong-ty-diet-kien-chuyen-nghiep-tai-tphcm" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/129037380198.jpg" alt="Công ty diệt kiến Chuyên Nghiệp tại TPHCM">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>Công ty diệt kiến Chuyên Nghiệp tại TPHCM</h3>
Địa chỉ chuyên cung cấp dịch vụ diệt kiến uy tín, chuyên nghiệp, mang đến hiệu quả cao, xóa bỏ hoàn... </div>
</div>
</a>
<a href="cong-ty-phun-diet-muoi-uy-tin-gia-re" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/110575910963.jpg" alt="Công Ty Phun Diệt Muỗi Uy Tín Giá Rẻ ">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>Công Ty Phun Diệt Muỗi Uy Tín Giá Rẻ </h3>
Địa chỉ chuyên nhận phun thuốc diệt muỗi tại nhà, xóa sạch mọi sự sống của loài muỗi, giảm thiểu... </div>
</div>
</a>
<a href="dich-vu-diet-moi-tan-goc-tai-ha-noi" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/659535631807.jpg" alt="DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI HÀ NỘI">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI HÀ NỘI</h3>
Công ty Diệt Mối Tâm Phát là đơn vị chuyên cung cấp dịch vụ diệt mối tận gốc tại Hà Nội giá rẻ,... </div>
</div>
</a>
<a href="diet-moi-tan-goc-tai-quan-1" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/348050992213.jpg" alt="DIỆT MỐI TẬN GỐC TẠI QUẬN 1">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DIỆT MỐI TẬN GỐC TẠI QUẬN 1</h3>
Mối gây ra rất nhiều ảnh hưởng đến cuộc sống của bạn? Bạn vẫn chưa biết cách loại trừ chúng? Dịch... </div>
</div>
</a>
<a href="cong-ty-diet-moi-tan-goc-tai-tp-ho-chi-minh-uy-tin-chat-luong" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/634813148506.jpg" alt="CÔNG TY DIỆT MỐI TẬN GỐC TẠI TP HỒ CHÍ MINH UY TÍN CHẤT LƯỢNG">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>CÔNG TY DIỆT MỐI TẬN GỐC TẠI TP HỒ CHÍ MINH UY TÍN CHẤT LƯỢNG</h3>
Công ty diệt mối tận gốc tại TPHCM mang đến phương pháp an toàn, quy trình chuyên nghiệp, giá thành rẻ, cùng... </div>
</div>
</a>
<a href="dich-vu-phong-moi" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/996645000828.jpg" alt="DỊCH VỤ PHÒNG MỐI">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DỊCH VỤ PHÒNG MỐI</h3>
Dịch vụ phòng chống mối cho công trình giúp bạn loại bỏ sự sinh sôi cùng những ảnh hưởng mà loài mối... </div>
</div>
</a>
<a href="dich-vu-diet-moi-tan-goc-tai-quan-tan-phu" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/449043782113.jpg" alt="DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI QUẬN TÂN PHÚ">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI QUẬN TÂN PHÚ</h3>
Diệt mối tận gốc tại nhà ở Quận Tân Phú an toàn với quy trình triển khai chuyên nghiệp uy tín, mang đến... </div>
</div>
</a>
<a href="diet-moi-tan-goc-tai-quan-binh-thanh" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/866758716713.jpg" alt="DIỆT MỐI TẬN GỐC TẠI QUẬN BÌNH THẠNH">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DIỆT MỐI TẬN GỐC TẠI QUẬN BÌNH THẠNH</h3>
Dịch vụ diệt mối tận gốc tại Quận Bình Thạnh chuyên nghiệp, mang đến hiệu quả cao, giúp bạn xua tan... </div>
</div>
</a>
<a href="diet-moi-tan-goc-tai-quan-go-vap" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/680776071443.jpg" alt="DIỆT MỐI TẬN GỐC TẠI QUẬN GÒ VẤP">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DIỆT MỐI TẬN GỐC TẠI QUẬN GÒ VẤP</h3>
Công ty diệt mối Tâm Phát tại Gò Vấp nhận cung cấp dịch vụ diệt mối tận gốc giá rẻ trên địa bàn... </div>
</div>
</a>
<a href="dich-vu-diet-moi-tan-goc-tai-quan-thu-duc" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/978596127316.jpg" alt="DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI QUẬN THỦ ĐỨC">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI QUẬN THỦ ĐỨC</h3>
Tình trạng sinh sôi và những tác hại của mối gây ra sẽ không còn khiến bạn lo lắng khi đã có dịch vụ... </div>
</div>
</a>
<a href="dich-vu-diet-moi-tan-goc-tai-quan-12" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/411074801771.jpg" alt="DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI QUẬN 12">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI QUẬN 12</h3>
Nỗi lo về mối sẽ không còn xuất hiện vì đã có dịch vụ diệt mối tận gốc tại Quận 12 giá rẻ, đạt... </div>
</div>
</a>
<a href="dich-vu-diet-moi-tan-goc-tai-quan-11" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_dichvunb">
<div class="bg_congtrinhnb">
<div class="images_congtrinhnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/news/854621509410.jpg" alt="DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI QUẬN 11">
</div>
<div class="mota_congtrinhbc box_mota_dvnb">
<h3>DỊCH VỤ DIỆT MỐI TẬN GỐC TẠI QUẬN 11</h3>
Đơn vị diệt mối tại Quận 11 uy tín, chuyên nghiệp và nhanh chóng, mang đến hiệu quả tức thì khiến bạn... </div>
</div>
</a>
</div>
<a href="dich-vu/" target="_blank" class="xemthem_dv">Xem tất cả</a>
</div><div class="bg_baiviet w-clear lazy" src="assets/images/pixel.gif" data-src="upload/photo/bgdv_15071722042019.jpg">
<div class="wrap-main w-clear">
<div class="title_bv">
<h2>TẠI SAO CHỌN CHÚNG TÔI</h2>
</div>
<div class="row canh_krot">
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 item_baivietnb">
<div class="bg_baivietnb">
<div class="images_baivietnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/news/264480649322.png" alt="HÓA CHẤT AN TOÀN">
</div>
<div class="mota_baivietbc">
<h3>HÓA CHẤT AN TOÀN</h3>
Sản phẩm của công ty nhập khẩu từ Nhật, Mỹ an toàn sức khỏe cho người lớn và trẻ nhỏ </div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 item_baivietnb">
<div class="bg_baivietnb">
<div class="images_baivietnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/news/354533434199.png" alt="NHÂN SỰ CHUYÊN NGHIỆP">
</div>
<div class="mota_baivietbc">
<h3>NHÂN SỰ CHUYÊN NGHIỆP</h3>
Kỹ sư nhiều năm kinh nghiệm diệt mối chuyên nghiệp tư vấn hỗ trợ tận tình </div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 item_baivietnb">
<div class="bg_baivietnb">
<div class="images_baivietnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/news/260330634333.png" alt="HỖ TRỢ KHÁCH HÀNG 24/7">
</div>
<div class="mota_baivietbc">
<h3>HỖ TRỢ KHÁCH HÀNG 24/7</h3>
Luôn có mặt khi khách hàng cần. Chúng tôi làm việc cả ngày lễ, thứ 7, chủ nhật </div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 item_baivietnb">
<div class="bg_baivietnb">
<div class="images_baivietnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/news/240969264890.png" alt="GIÁ CẢ CẠNH TRANH">
</div>
<div class="mota_baivietbc">
<h3>GIÁ CẢ CẠNH TRANH</h3>
Công ty chúng tôi cam kết cung cấp dịch vụ diệt mối tận gốc giá rẻ nhất, chuyên nghiệp nhất và an toàn nhất. </div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 item_baivietnb">
<div class="bg_baivietnb">
<div class="images_baivietnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/news/017645054644.png" alt="CHẤT LƯỢNG BẢO ĐẢM">
</div>
<div class="mota_baivietbc">
<h3>CHẤT LƯỢNG BẢO ĐẢM</h3>
Diệt mối tận gốc, diệt côn trùng không hiệu quả xin hoàn tiền lại. </div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4 item_baivietnb">
<div class="bg_baivietnb">
<div class="images_baivietnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="upload/news/567876118143.png" alt="DIỆT MỐI TẬN GỐC 100%">
</div>
<div class="mota_baivietbc">
<h3>DIỆT MỐI TẬN GỐC 100%</h3>
Uy tín trách nhiệm hiệu quả là tiêu chí hàng đầu của chúng tôi khi triển khai dịch vụ </div>
</div>
</div>
</div>
</div>
</div><div class="bg_spmoi w-clear">
<div class="wrap-main w-clear">
<div class="title_dv">
<h2>Sản phẩm</h2>
</div>
<div class="row canh_krot">
<a href="thuoc-diet-con-trung-permekill-50ec" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/155501141013.jpg" alt="Thuốc Diệt Côn Trùng Permekill 50ec">
</div>
<div class="mota_spnb">
<h3>Thuốc Diệt Côn Trùng Permekill 50e...</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-con-trung-bifenstar-10sc" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/720605130474.jpg" alt="Thuốc Diệt Côn Trùng Bifenstar 10sc">
</div>
<div class="mota_spnb">
<h3>Thuốc Diệt Côn Trùng Bifenstar 10s...</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-con-trung-map-permethrin-50ec" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/354017697017.png" alt="THUỐC DIỆT CÔN TRÙNG MAP PERMETHRIN 50EC">
</div>
<div class="mota_spnb">
<h3>THUỐC DIỆT CÔN TRÙNG MAP PERMETHRIN...</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="hop-nhu-moi" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/673324995140.jpg" alt="Hộp nhử mối">
</div>
<div class="mota_spnb">
<h3>Hộp nhử mối</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-moi-mythic-240sc" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/758819493951.jpg" alt=" Thuốc diệt mối MyThic 240SC">
</div>
<div class="mota_spnb">
<h3> Thuốc diệt mối MyThic 240SC</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-moi-termize-200sc" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/865080680899.jpg" alt="Thuốc diệt mối TERMIZE 200SC">
</div>
<div class="mota_spnb">
<h3>Thuốc diệt mối TERMIZE 200SC</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-gian-kien-fendona" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/125351977816.jpg" alt="Thuốc diệt gián kiến Fendona">
</div>
<div class="mota_spnb">
<h3>Thuốc diệt gián kiến Fendona</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-mot-cao-cap-cislin" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/093770514187.jpg" alt="Thuốc diệt mọt cao cấp Cislin">
</div>
<div class="mota_spnb">
<h3>Thuốc diệt mọt cao cấp Cislin</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-moi-pmc90" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/534664485231.jpg" alt="Thuốc diệt mối PMC90">
</div>
<div class="mota_spnb">
<h3>Thuốc diệt mối PMC90</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="dau-tru-moi-m4" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/111587701182.jpg" alt="Dầu trừ mối M-4">
</div>
<div class="mota_spnb">
<h3>Dầu trừ mối M-4</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-moi-altriset-200sc-syngenta" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/679517400266.jpg" alt="Thuốc Diệt Mối Altriset 200SC Syngenta">
</div>
<div class="mota_spnb">
<h3>Thuốc Diệt Mối Altriset 200SC Syng...</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="ba-diet-moi-xterm" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/173770248243.jpg" alt="Bả diệt mối Xterm">
</div>
<div class="mota_spnb">
<h3>Bả diệt mối Xterm</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-phong-moi-pms" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/681072063597.jpg" alt="Thuốc phòng mối PMS">
</div>
<div class="mota_spnb">
<h3>Thuốc phòng mối PMS</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-tru-moi-map-boxer-30ec" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/176187841105.jpg" alt="Thuốc trừ mối Map Boxer 30EC">
</div>
<div class="mota_spnb">
<h3>Thuốc trừ mối Map Boxer 30EC</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-cloramin-b" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/099393389092.jpg" alt="Thuốc Cloramin B">
</div>
<div class="mota_spnb">
<h3>Thuốc Cloramin B</h3>
<div class="price_sanpham">
Giá: <span> Liên hệ</span>
</div>
</div>
</div>
</a>
<a href="thuoc-diet-muoi-pesguard-fg161" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_spmoi">
<div class="bd_spmoi">
<div class="images_spnb zoom_hinh">
<img class="lazy" src="assets/images/pixel.gif" data-src="watermark/550x500x1/upload/product/224388797095.jpg" alt="THUỐC DIỆT MUỖI PESGUARD FG161">
</div>
<div class="mota_spnb">
<h3>THUỐC DIỆT MUỖI PESGUARD FG161</h3>
<div class="price_sanpham">
Giá: <span>550.000 vnđ</span>
</div>
</div>
</div>
</a>
</div>
<a href="san-pham/" target="_blank" class="xemthem_dv">Xem tất cả</a>
</div>
</div><div class="congtrinh">
<div class="wrap-main w-clear">
<div class="title_dv">
<h2>Dự án của chúng tôi</h2>
</div>
<div class="clear"></div>
<ul class="tabs">
<li class="tab-link" rel="nofollow" data-tab="tab-1">
<p id="sd"></p>Đã hoàn thành </li>
<li class="tab-link" rel="nofollow" data-tab="tab-2">
<p id="sd"></p>Dự án đang triển khai </li>
</ul>
<div>
<div id="tab-1" class="tab-content">
<div class="wrap-main content_tab1 w-clear">
<div class="img_duan row canh_krot">
<a href="diet-moi-cong-trinh-tai-di-an" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_ctduan">
<div class="bg_item_ctduan">
<div class="images_duan zoom_hinh">
<img src="upload/news/520x480x1/329130976369.jpg" alt="Diệt mối công trình tại Dĩ An">
</div>
<h3>Diệt mối công trình tại Dĩ An</h3>
</div>
</a>
<a href="lam-nha-go-co-huyen-binh-chanh" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_ctduan">
<div class="bg_item_ctduan">
<div class="images_duan zoom_hinh">
<img src="upload/news/520x480x1/569861402186.jpg" alt="Làm nhà gỗ cổ huyện Bình Chánh">
</div>
<h3>Làm nhà gỗ cổ huyện Bình Chánh</h3>
</div>
</a>
<a href="cong-trinh-diet-moi-binh-chanh" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_ctduan">
<div class="bg_item_ctduan">
<div class="images_duan zoom_hinh">
<img src="upload/news/520x480x1/398764172325.jpg" alt="Công trình diệt mối Bình Chánh">
</div>
<h3>Công trình diệt mối Bình Chánh</h3>
</div>
</a>
<a href="cong-trinh-tai-quan-5" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_ctduan">
<div class="bg_item_ctduan">
<div class="images_duan zoom_hinh">
<img src="upload/news/520x480x1/830420895076.jpg" alt="Công trình tại Quận 5">
</div>
<h3>Công trình tại Quận 5</h3>
</div>
</a>
</div>
</div>
</div>
<div id="tab-2" class="tab-content">
<div class="wrap-main content_tab1 w-clear">
<div class="img_duan row canh_krot">
<a href="cong-trinh-diet-moi-tai-binh-duong" class="col-xs-6 col-sm-4 col-md-3 col-lg-3 item_ctduan">
<div class="bg_item_ctduan">
<div class="images_duan zoom_hinh">
<img src="upload/news/520x480x1/701103289694.jpg" alt="Công trình diệt mối tại Bình Dương">
</div>
<h3>Công trình diệt mối tại Bình Dương</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div><div class="bg_kh w-clear lazy" src="assets/images/pixel.gif" data-src="upload/photo/bgdknt_16493222042019.jpg">
<div class="wrap-main w-clear">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 left_dknt">
<div class="title_kh">
<h2>Đăng ký nhận tin</h2>
</div>
<div class="box-register-email1 w-clear">
<form method="post" name="nhanemaildktv" id="nhanemaildktv" action="">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 left_dknt1">
<input type="text" name="ten" id="ten" onclick="this.value=''" placeholder="Họ tên"/>
<input type="text" name="diachi" id="diachi" onclick="this.value=''" placeholder="Địa chỉ"/>
<input type="text" name="dienthoai" id="dienthoai" onclick="this.value=''" placeholder="Số điện thoại"/>
<input type="text" name="emailkhachhangdktv" id="emailkhachhangdktv" onclick="this.value=''" placeholder="Nhập email" />
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 right_dknt1">
<textarea name="noidung" cols="50" rows="5" class="ta_noidung" id="noidung" onclick="this.value=''" placeholder="Nội dung"></textarea>
<input type="button" name="guimail5" id="guimaildktv" onclick="checkemail()" value="Gửi thông tin"/>
</div>
<input type="hidden" name="command" />
<div class="clear"></div>
</form>
</div>
<script language="javascript">
function validEmail2(obj) {
var s = obj.value;
for (var i=0; i<s.length; i++)
if (s.charAt(i)==" "){
return false;
}
var elem, elem1;
elem=s.split("@");
if (elem.length!=2) return false;
if (elem[0].length==0 || elem[1].length==0)return false;
if (elem[1].indexOf(".")==-1) return false;
elem1=elem[1].split(".");
for (var i=0; i<elem1.length; i++)
if (elem1[i].length==0)return false;
return true;
}//Kiem tra dang email
function checkemail(){
var formdktv = document.nhanemaildktv;
var email = document.getElementById("emailkhachhangdktv").value;
var ten = document.getElementById("ten").value;
var dienthoai = document.getElementById("dienthoai").value;
var diachi = document.getElementById("diachi").value;
var noidung = document.getElementById("noidung").value;
if(formdktv.emailkhachhangdktv.value=='')
{
alert("Chưa nhập email");
formdktv.emailkhachhangdktv.value="";
formdktv.emailkhachhangdktv.focus();
return false;
}
if(!validEmail2(formdktv.emailkhachhangdktv)){
alert('Lỗi mail');
formdktv.emailkhachhangdktv.value="";
formdktv.emailkhachhangdktv.focus();
return false;
}
document.nhanemaildktv.command.value='dk';
formdktv.submit();
}
</script>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 right_kh">
<div class="title_kh">
<h2>Ý kiến khách hàng</h2>
</div>
<div class="slick-kh">
<a href="anh-nam-xay-dung-nam-an" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 item_khnb">
<div class="bg_khnb">
<div class="images_khnb zoom_hinh">
<img data-lazy="upload/news/90x90x1/646771133202.jpg" alt="Anh Nam - Xây Dựng Nam An">
</div>
<div class="mota_khbc">
<h3>Anh Nam - Xây Dựng Nam An</h3>
Chúng tôi, công ty xây dựng Nam An hài lòng với chất lượng dịch vụ của TÂM PHÁT. Các bạn đã cung cấp cho chúng tôi dịch vụ chất lượng tốt và an toàn, chăm sóc khách hàng tốt, chuyên nghiệp, lịch... <span>Xem thêm</span>
</div>
</div>
</a>
<a href="thanh-ha-cong-ty-cat-ha" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 item_khnb">
<div class="bg_khnb">
<div class="images_khnb zoom_hinh">
<img data-lazy="upload/news/90x90x1/661397674561.jpg" alt="Thanh Hà - Công Ty Cát Hạ">
</div>
<div class="mota_khbc">
<h3>Thanh Hà - Công Ty Cát Hạ</h3>
Đã sử dụng nhiều dịch vụ diệt mối ở nhiều công ty, tuy nhiên khi đến với Tâm Phát chúng tôi hoàn toàn hài lòng bởi đội ngũ tư vấn viên nhiệt tình, chuyên nghiệp, và hiệu quả đạt hơn cả mong... <span>Xem thêm</span>
</div>
</div>
</a>
<a href="ngoc-an-quan-5-tphcm" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 item_khnb">
<div class="bg_khnb">
<div class="images_khnb zoom_hinh">
<img data-lazy="upload/news/90x90x1/626261229873.jpg" alt="Ngọc An -Quận 5 - TPHCM">
</div>
<div class="mota_khbc">
<h3>Ngọc An -Quận 5 - TPHCM</h3>
Được biết Diệt mối Tâm Phát qua một người bạn, khi liên hệ đến chúng tôi được tư vấn và khảo sát mối rất cẩn thận. Kết quả hơn cả mong đợi, tôi sẽ giới thiệu cho nhiều người biết công... <span>Xem thêm</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div><div class="intro w-clear">
<div class="content-intro w-clear">
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 item-intro w-clear">
<div class="title_intro">
<h2>Tin tức nổi bật</h2>
</div>
<div class="info-intro w-clear">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 news-est">
<a title="Top 5+ loại thuốc diệt và phòng chống mối Chất Lượng" href="moi-chua-la-gi">
<img onerror="src='assets/images/noimage.png'" src="upload/news/365x200x1/618403173159.jpg" alt="Mối chúa là gì?" />
</a>
<div class="name-tt-moi" style="margin-top: 10px;">
<a title="Mối chúa là gì?" href="moi-chua-la-gi">
Mối chúa là gì? </a>
Mối chúa là gì? Khi đào ụ mối cần lưu ý những chi tiết nào? Mối chúa có tốt cho sức khỏe không? Chất dinh dưỡng chúng mang đến tốt không? XEM NGAY. <div class="clear"></div>
<a class="xemthem_tt" href="moi-chua-la-gi">Xem thêm</a>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 slick-news-intro">
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Mối chúa là gì?" href="moi-chua-la-gi">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/618403173159_150x110.jpg" alt="Mối chúa là gì?" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Mối chúa là gì?" href="moi-chua-la-gi">
Mối chúa là gì? </a>
</div>
<div class="desc-tt-moi">
Mối chúa là gì? Khi đào ụ mối cần lưu ý những chi tiết nào? Mối chúa có tốt cho sức khỏe không?... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="6+ Cách diệt và phòng chống mọt gỗ TRIỆT ĐỂ NHẤT" href="6-cach-diet-va-phong-chong-mot-go-triet-de-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/642477296884_150x110.jpg" alt="6+ Cách diệt và phòng chống mọt gỗ TRIỆT ĐỂ NHẤT" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="6+ Cách diệt và phòng chống mọt gỗ TRIỆT ĐỂ NHẤT" href="6-cach-diet-va-phong-chong-mot-go-triet-de-nhat">
6+ Cách diệt và phòng chống mọt gỗ TRIỆT ĐỂ NHẤT </a>
</div>
<div class="desc-tt-moi">
Bật mí 6+ cách diệt sạch mọt gỗ chỉ với những thứ rất gần gũi trong cuộc sống, dễ dàng tìm... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Top 5+ loại thuốc diệt và phòng chống mối Chất Lượng" href="top-5-loai-thuoc-diet-va-phong-chong-moi-chat-luong">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/095290616228_150x110.jpg" alt="Top 5+ loại thuốc diệt và phòng chống mối Chất Lượng" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Top 5+ loại thuốc diệt và phòng chống mối Chất Lượng" href="top-5-loai-thuoc-diet-va-phong-chong-moi-chat-luong">
Top 5+ loại thuốc diệt và phòng chống mối Chất Lượng </a>
</div>
<div class="desc-tt-moi">
Top 5 loại thuốc diệt trừ mối và phòng chống mối có cách sử dụng dễ dàng, an toàn với sức khỏe... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="7+ Cách diệt trừ mối tại nhà ĐƠN GIẢN mà bạn nên biết" href="7-cach-diet-tru-moi-tai-nha-don-gian-ma-ban-nen-biet">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/373926427245_150x110.jpg" alt="7+ Cách diệt trừ mối tại nhà ĐƠN GIẢN mà bạn nên biết" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="7+ Cách diệt trừ mối tại nhà ĐƠN GIẢN mà bạn nên biết" href="7-cach-diet-tru-moi-tai-nha-don-gian-ma-ban-nen-biet">
7+ Cách diệt trừ mối tại nhà ĐƠN GIẢN mà bạn nên bi�... </a>
</div>
<div class="desc-tt-moi">
7+ Cách diệt trừ mối tại nhà ĐƠN GIẢN, kết quả nhanh chóng, dễ thực hiện tại nhà mà bạn cần... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Bật mí cách diệt mối trong tường nhà hiệu quả chất lượng nhất hiện nay" href="bat-mi-cach-diet-moi-trong-tuong-nha-hieu-qua-chat-luong-nhat-hien-nay">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/253732716137_150x110.jpg" alt="Bật mí cách diệt mối trong tường nhà hiệu quả chất lượng nhất hiện nay" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Bật mí cách diệt mối trong tường nhà hiệu quả chất lượng nhất hiện nay" href="bat-mi-cach-diet-moi-trong-tuong-nha-hieu-qua-chat-luong-nhat-hien-nay">
Bật mí cách diệt mối trong tường nhà hiệu quả chất lượng... </a>
</div>
<div class="desc-tt-moi">
Do đó, qua bài viết dưới đây, Diệt Mối Tâm Phát chúng tôi sẽ cung cấp cho bạn thông tin về cách diệt... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Thuốc diệt mối dạng xịt" href="thuoc-diet-moi-dang-xit">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/472686228469_150x110.png" alt="Thuốc diệt mối dạng xịt" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Thuốc diệt mối dạng xịt" href="thuoc-diet-moi-dang-xit">
Thuốc diệt mối dạng xịt </a>
</div>
<div class="desc-tt-moi">
Bài viết sau sẽ giới thiệu chi tiết về những loại thuốc diệt mối dạng xịt an toàn và vô cùng... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Chuột sợ mùi gì nhất? " href="chuot-so-mui-gi-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/077671007138_150x110.jpg" alt="Chuột sợ mùi gì nhất? " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Chuột sợ mùi gì nhất? " href="chuot-so-mui-gi-nhat">
Chuột sợ mùi gì nhất? </a>
</div>
<div class="desc-tt-moi">
Chuột sợ mùi hương nào nhất? Cách diệt chuột nhanh chóng thông qua 8 loại mùi hương được bật... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Máy Đuổi Côn Trùng Hiệu Quả Nhất " href="may-duoi-con-trung-hieu-qua-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/146620246869_150x110.jpg" alt="Máy Đuổi Côn Trùng Hiệu Quả Nhất " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Máy Đuổi Côn Trùng Hiệu Quả Nhất " href="may-duoi-con-trung-hieu-qua-nhat">
Máy Đuổi Côn Trùng Hiệu Quả Nhất </a>
</div>
<div class="desc-tt-moi">
Top 5 loại máy đuổi công trùng tốt, được sử dụng rộng rãi và mang đến kết quả cực cao mà... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Cách Phun Thuốc Diệt Muỗi Tại Nhà Đơn Giản" href="cach-phun-thuoc-diet-muoi-tai-nha-don-gian">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/412915132660_150x110.jpg" alt="Cách Phun Thuốc Diệt Muỗi Tại Nhà Đơn Giản" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Cách Phun Thuốc Diệt Muỗi Tại Nhà Đơn Giản" href="cach-phun-thuoc-diet-muoi-tai-nha-don-gian">
Cách Phun Thuốc Diệt Muỗi Tại Nhà Đơn Giản </a>
</div>
<div class="desc-tt-moi">
Hướng dẫn cách phun thuốc diệt muỗi tại nhà nhanh chóng, dễ thực hiện, đảm bảo an toàn và mang... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="10+ Cách Diệt Kiến Hôi Trong Nhà Hiệu Quả " href="10-cach-diet-kien-hoi-trong-nha-hieu-qua">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/960089993981_150x110.jpg" alt="10+ Cách Diệt Kiến Hôi Trong Nhà Hiệu Quả " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="10+ Cách Diệt Kiến Hôi Trong Nhà Hiệu Quả " href="10-cach-diet-kien-hoi-trong-nha-hieu-qua">
10+ Cách Diệt Kiến Hôi Trong Nhà Hiệu Quả </a>
</div>
<div class="desc-tt-moi">
Bật mí 10+ cách diệt kiến hôi hiệu quả, nhanh chóng, từ những thành phần dễ dàng tìm kiếm nhưng... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Cách Diệt Bọ Chét Tại Nhà Đơn Giản & Hiệu Quả " href="cach-diet-bo-chet-tai-nha-don-gian-hieu-qua">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/083356689372_150x110.jpg" alt="Cách Diệt Bọ Chét Tại Nhà Đơn Giản & Hiệu Quả " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Cách Diệt Bọ Chét Tại Nhà Đơn Giản & Hiệu Quả " href="cach-diet-bo-chet-tai-nha-don-gian-hieu-qua">
Cách Diệt Bọ Chét Tại Nhà Đơn Giản & Hiệu Quả </a>
</div>
<div class="desc-tt-moi">
Các cách diệt bọ chét tại nhà đơn giản, hiệu quả, dễ thực hiện và mang đến kết quả cao sau... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Top 10+ Loại Thuốc Diệt Muỗi Tốt Nhất Hiện Nay" href="top-10-loai-thuoc-diet-muoi-tot-nhat-hien-nay">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/432736425847_150x110.jpg" alt="Top 10+ Loại Thuốc Diệt Muỗi Tốt Nhất Hiện Nay" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Top 10+ Loại Thuốc Diệt Muỗi Tốt Nhất Hiện Nay" href="top-10-loai-thuoc-diet-muoi-tot-nhat-hien-nay">
Top 10+ Loại Thuốc Diệt Muỗi Tốt Nhất Hiện Nay </a>
</div>
<div class="desc-tt-moi">
Bật mí 10+ những loại thuốc diệt muỗi hiệu quả, được ưa chuộng nhất hiện nay, mang đến kết... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Top 10 loại thuốc diệt kiến Tốt Nhất Hiện Nay" href="top-10-loai-thuoc-diet-kien-tot-nhat-hien-nay">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/652540643942_150x110.jpg" alt="Top 10 loại thuốc diệt kiến Tốt Nhất Hiện Nay" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Top 10 loại thuốc diệt kiến Tốt Nhất Hiện Nay" href="top-10-loai-thuoc-diet-kien-tot-nhat-hien-nay">
Top 10 loại thuốc diệt kiến Tốt Nhất Hiện Nay </a>
</div>
<div class="desc-tt-moi">
Top 10 loại thuốc diệt kiến Tốt Nhất Hiện Nay mà bạn không nên bỏ lỡ khi có nhu cầu phòng trừ... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Top 5 loại thuốc bôi côn trùng cắn TỐT NHẤT" href="top-5-loai-thuoc-boi-con-trung-can-tot-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/046455050233_150x110.jpg" alt="Top 5 loại thuốc bôi côn trùng cắn TỐT NHẤT" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Top 5 loại thuốc bôi côn trùng cắn TỐT NHẤT" href="top-5-loai-thuoc-boi-con-trung-can-tot-nhat">
Top 5 loại thuốc bôi côn trùng cắn TỐT NHẤT </a>
</div>
<div class="desc-tt-moi">
Top 5 loại thuốc bôi khi bị công trùng cắn hiệu quả, giảm ngay đau rát ở vết đốt, an toàn với... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="10+ Thuốc diệt côn trùng tại nhà Hiệu Quả Nhất" href="10-thuoc-diet-con-trung-tai-nha-hieu-qua-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/728848988275_150x110.jpg" alt="10+ Thuốc diệt côn trùng tại nhà Hiệu Quả Nhất" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="10+ Thuốc diệt côn trùng tại nhà Hiệu Quả Nhất" href="10-thuoc-diet-con-trung-tai-nha-hieu-qua-nhat">
10+ Thuốc diệt côn trùng tại nhà Hiệu Quả Nhất </a>
</div>
<div class="desc-tt-moi">
10 loại thuốc diệt côn trùng trong nhà hiệu quả tức thì, bảo vệ cả gia đình bạn, hòa toàn không... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Top 10 loại thuốc diệt chuột sinh học CHẤT LƯỢNG NHẤT hiện này" href="top-10-loai-thuoc-diet-chuot-sinh-hoc-chat-luong-nhat-hien-nay">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/624249348816_150x110.jpg" alt="Top 10 loại thuốc diệt chuột sinh học CHẤT LƯỢNG NHẤT hiện này" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Top 10 loại thuốc diệt chuột sinh học CHẤT LƯỢNG NHẤT hiện này" href="top-10-loai-thuoc-diet-chuot-sinh-hoc-chat-luong-nhat-hien-nay">
Top 10 loại thuốc diệt chuột sinh học CHẤT LƯỢNG NHẤT... </a>
</div>
<div class="desc-tt-moi">
Bạt mí top 10 loại thuốc diệt và xua đuổi chuột hiệu quả, mang đến không gian sống lành mạnh,... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Top 7+ thuốc diệt ve chó nhanh chóng và hiệu quà" href="top-7-thuoc-diet-ve-cho-nhanh-chong-va-hieu-qua">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/725471922756_150x110.jpg" alt="Top 7+ thuốc diệt ve chó nhanh chóng và hiệu quà" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Top 7+ thuốc diệt ve chó nhanh chóng và hiệu quà" href="top-7-thuoc-diet-ve-cho-nhanh-chong-va-hieu-qua">
Top 7+ thuốc diệt ve chó nhanh chóng và hiệu quà </a>
</div>
<div class="desc-tt-moi">
Bật mí 7+ loại thuốc diệt ve chó hiệu quả nhất hiện nay, giúp bạn xóa bỏ hoàn toàn những tác... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="10+ Cách đuổi và diệt ruồi tận gốc NHANH CHÓNG" href="10-cach-duoi-va-diet-ruoi-tan-goc-nhanh-chong">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/076179160898_150x110.jpg" alt="10+ Cách đuổi và diệt ruồi tận gốc NHANH CHÓNG" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="10+ Cách đuổi và diệt ruồi tận gốc NHANH CHÓNG" href="10-cach-duoi-va-diet-ruoi-tan-goc-nhanh-chong">
10+ Cách đuổi và diệt ruồi tận gốc NHANH CHÓNG </a>
</div>
<div class="desc-tt-moi">
Bật mí 10+ cách đuổi và diệt ruồi hiệu quả, nhanh chóng tức thì, xóa tan nhửng âu lo về các vấn... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Top 9+ Cách diệt gián tận ĐƠN GIẢN và HIỆU QUẢ NHẤT" href="top-9-cach-diet-gian-tan-don-gian-va-hieu-qua-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/221887066749_150x110.jpg" alt="Top 9+ Cách diệt gián tận ĐƠN GIẢN và HIỆU QUẢ NHẤT" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Top 9+ Cách diệt gián tận ĐƠN GIẢN và HIỆU QUẢ NHẤT" href="top-9-cach-diet-gian-tan-don-gian-va-hieu-qua-nhat">
Top 9+ Cách diệt gián tận ĐƠN GIẢN và HIỆU QUẢ NHẤT </a>
</div>
<div class="desc-tt-moi">
Bật mí những cách diệt gián tại nhà vô cùng đơn giản nhưng mang lại kết quả cao, giúp bạn xóa... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="15+ Cách đuổi chuột hiệu quả , ĐƠN GIẢN DỄ THỰC HIỆN" href="15-cach-duoi-chuot-hieu-qua-don-gian-de-thuc-hien">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/086059331089_150x110.jpg" alt="15+ Cách đuổi chuột hiệu quả , ĐƠN GIẢN DỄ THỰC HIỆN" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="15+ Cách đuổi chuột hiệu quả , ĐƠN GIẢN DỄ THỰC HIỆN" href="15-cach-duoi-chuot-hieu-qua-don-gian-de-thuc-hien">
15+ Cách đuổi chuột hiệu quả , ĐƠN GIẢN DỄ THỰC HI�... </a>
</div>
<div class="desc-tt-moi">
Top 15+ cách đuổi và diệt chuột vô cùng đơn giản với những nguyên liệu dễ tìm kiếm sẽ được... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="TOP 10 cách đuổi muỗi đơn giản có thể bạn chưa biết" href="top-10-cach-duoi-muoi-don-gian-co-the-ban-chua-biet">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/538021983553_150x110.jpg" alt="TOP 10 cách đuổi muỗi đơn giản có thể bạn chưa biết" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="TOP 10 cách đuổi muỗi đơn giản có thể bạn chưa biết" href="top-10-cach-duoi-muoi-don-gian-co-the-ban-chua-biet">
TOP 10 cách đuổi muỗi đơn giản có thể bạn chưa biết </a>
</div>
<div class="desc-tt-moi">
Những cách đuổi muỗi vô cùng đơn giản bằng các nguyên liệu sẵn có, quy trình thực hiện dễ dàng... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Bật mí cách đuổi kiến đơn giản và hiệu quả nhất" href="bat-mi-cach-duoi-kien-don-gian-va-hieu-qua-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/124044993227_150x110.jpg" alt="Bật mí cách đuổi kiến đơn giản và hiệu quả nhất" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Bật mí cách đuổi kiến đơn giản và hiệu quả nhất" href="bat-mi-cach-duoi-kien-don-gian-va-hieu-qua-nhat">
Bật mí cách đuổi kiến đơn giản và hiệu quả nhất </a>
</div>
<div class="desc-tt-moi">
Những cách đuổi và diệt kiến vô cùng đơn giản nhưng mang đến kết quả ngay tức khắc được... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Diệt mối bằng cách nào tốt nhất hiện nay? " href="diet-moi-bang-cach-nao-tot-nhat-hien-nay">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/496212670567_150x110.jpg" alt="Diệt mối bằng cách nào tốt nhất hiện nay? " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Diệt mối bằng cách nào tốt nhất hiện nay? " href="diet-moi-bang-cach-nao-tot-nhat-hien-nay">
Diệt mối bằng cách nào tốt nhất hiện nay? </a>
</div>
<div class="desc-tt-moi">
Trong bài viết hôm nay, hãy cùng Diệt mối Tâm Phát đi tìm hiểu các thông tin để cùng giải đáp cho... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Giải đáp thắc mắc: Thuốc diệt mối có độc hại hay không?" href="giai-dap-thac-mac-thuoc-diet-moi-co-doc-hai-hay-khong">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/784868147857_150x110.jpg" alt="Giải đáp thắc mắc: Thuốc diệt mối có độc hại hay không?" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Giải đáp thắc mắc: Thuốc diệt mối có độc hại hay không?" href="giai-dap-thac-mac-thuoc-diet-moi-co-doc-hai-hay-khong">
Giải đáp thắc mắc: Thuốc diệt mối có độc hại hay k... </a>
</div>
<div class="desc-tt-moi">
Nhiều người vẫn thắc mắc không biết liệu thuốc diệt mối có độc hay không? Bởi vậy qua bài... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Tại sao nên sử dụng dịch vụ diệt mối? Sử dụng dịch vụ này ở đâu?" href="tai-sao-nen-su-dung-dich-vu-diet-moi-su-dung-dich-vu-nay-o-dau">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/067166259496_150x110.png" alt="Tại sao nên sử dụng dịch vụ diệt mối? Sử dụng dịch vụ này ở đâu?" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Tại sao nên sử dụng dịch vụ diệt mối? Sử dụng dịch vụ này ở đâu?" href="tai-sao-nen-su-dung-dich-vu-diet-moi-su-dung-dich-vu-nay-o-dau">
Tại sao nên sử dụng dịch vụ diệt mối? Sử dụng dịch... </a>
</div>
<div class="desc-tt-moi">
Vậy, nếu phát hiện có mối thì Tại sao nên sử dụng dịch vụ diệt mối? Sử dụng dịch vụ này... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Dịch vụ phòng chống mối công trình hiệu quả " href="dich-vu-phong-chong-moi-cong-trinh-hieu-qua">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/971680119978_150x110.jpg" alt="Dịch vụ phòng chống mối công trình hiệu quả " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Dịch vụ phòng chống mối công trình hiệu quả " href="dich-vu-phong-chong-moi-cong-trinh-hieu-qua">
Dịch vụ phòng chống mối công trình hiệu quả </a>
</div>
<div class="desc-tt-moi">
Mỗi công trình xây dựng đều đòi hỏi sự chính xác, nghiêm ngặt cũng như đảm bảo chất lượng... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Mua thuốc diệt mối tại đâu uy tín chất lượng tốt nhất" href="mua-thuoc-diet-moi-tai-dau-uy-tin-chat-luong-tot-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/323824450893_150x110.jpg" alt="Mua thuốc diệt mối tại đâu uy tín chất lượng tốt nhất" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Mua thuốc diệt mối tại đâu uy tín chất lượng tốt nhất" href="mua-thuoc-diet-moi-tai-dau-uy-tin-chat-luong-tot-nhat">
Mua thuốc diệt mối tại đâu uy tín chất lượng tốt nh�... </a>
</div>
<div class="desc-tt-moi">
Mối có thể đem lại những tác hại rất nghiêm trọng đối với các công trình xây dựng, với đời... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Các tác hại của mối - Bạn đã biết hay chưa? " href="cac-tac-hai-cua-moi-ban-da-biet-hay-chua">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/254507119512_150x110.jpg" alt="Các tác hại của mối - Bạn đã biết hay chưa? " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Các tác hại của mối - Bạn đã biết hay chưa? " href="cac-tac-hai-cua-moi-ban-da-biet-hay-chua">
Các tác hại của mối - Bạn đã biết hay chưa? </a>
</div>
<div class="desc-tt-moi">
Mối là loại côn trùng có sức tàn phá mạnh mẽ, đặc biệt ưa thích các khu vực nấm mốc, ẩm thấp.... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Mách bạn một số biện pháp đuổi muỗi hiệu quả" href="mach-ban-mot-so-bien-phap-duoi-muoi-hieu-qua">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/833272236525_150x110.jpg" alt="Mách bạn một số biện pháp đuổi muỗi hiệu quả" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Mách bạn một số biện pháp đuổi muỗi hiệu quả" href="mach-ban-mot-so-bien-phap-duoi-muoi-hieu-qua">
Mách bạn một số biện pháp đuổi muỗi hiệu quả </a>
</div>
<div class="desc-tt-moi">
Việc phòng chống và đuổi muỗi đóng một vai trò vô cùng quan trọng trong việc bảo vệ sức khoẻ... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Mua thuốc diệt mối tốt ở đâu? - Dịch vụ diệt mối ở đâu uy tín chất lượng?" href="mua-thuoc-diet-moi-tot-o-dau-dich-vu-diet-moi-o-dau-uy-tin-chat-luong">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/232695357550_150x110.jpg" alt="Mua thuốc diệt mối tốt ở đâu? - Dịch vụ diệt mối ở đâu uy tín chất lượng?" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Mua thuốc diệt mối tốt ở đâu? - Dịch vụ diệt mối ở đâu uy tín chất lượng?" href="mua-thuoc-diet-moi-tot-o-dau-dich-vu-diet-moi-o-dau-uy-tin-chat-luong">
Mua thuốc diệt mối tốt ở đâu? - Dịch vụ diệt mối ở... </a>
</div>
<div class="desc-tt-moi">
Ngày nay, thuốc diệt mối tốt đang là một phương pháp diệt mối vô cùng hiệu quả được nhiều... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Thuốc diệt mối có gây độc hại cho sức khỏe hay không?" href="thuoc-diet-moi-co-gay-doc-hai-cho-suc-khoe-hay-khong">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/507618200139_150x110.jpg" alt="Thuốc diệt mối có gây độc hại cho sức khỏe hay không?" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Thuốc diệt mối có gây độc hại cho sức khỏe hay không?" href="thuoc-diet-moi-co-gay-doc-hai-cho-suc-khoe-hay-khong">
Thuốc diệt mối có gây độc hại cho sức khỏe hay không... </a>
</div>
<div class="desc-tt-moi">
Ngày nay, những loại thuốc diệt mối đang được sử dụng rất nhiều và phổ biến trên thị trường.... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Mách bạn cách đuổi côn trùng trong nhà hiệu quả tuyệt đối" href="mach-ban-cach-duoi-con-trung-trong-nha-hieu-qua-tuyet-doi">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/026325688341_150x110.jpg" alt="Mách bạn cách đuổi côn trùng trong nhà hiệu quả tuyệt đối" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Mách bạn cách đuổi côn trùng trong nhà hiệu quả tuyệt đối" href="mach-ban-cach-duoi-con-trung-trong-nha-hieu-qua-tuyet-doi">
Mách bạn cách đuổi côn trùng trong nhà hiệu quả tuyệt ... </a>
</div>
<div class="desc-tt-moi">
Cách đuổi côn trùng trong nhà một cách triệt để không phải là điều mà ai cũng biết. https://dietmoitamphat.com/... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="8 cách diệt gián trong nhà nhanh nhất" href="8-cach-diet-gian-trong-nha-nhanh-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/800286896063_150x110.jpg" alt="8 cách diệt gián trong nhà nhanh nhất" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="8 cách diệt gián trong nhà nhanh nhất" href="8-cach-diet-gian-trong-nha-nhanh-nhat">
8 cách diệt gián trong nhà nhanh nhất </a>
</div>
<div class="desc-tt-moi">
Gián là một trong những loại côn trùng thường xuyên xuất hiện trong mỗi ngôi nhà. Bạn có thể tham... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Danh sách những loại thuốc diệt mối sinh học phổ biến nhất và những lưu ý cần biết" href="danh-sach-nhung-loai-thuoc-diet-moi-sinh-hoc-pho-bien-nhat-va-nhung-luu-y-can-biet">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/820109287626_150x110.png" alt="Danh sách những loại thuốc diệt mối sinh học phổ biến nhất và những lưu ý cần biết" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Danh sách những loại thuốc diệt mối sinh học phổ biến nhất và những lưu ý cần biết" href="danh-sach-nhung-loai-thuoc-diet-moi-sinh-hoc-pho-bien-nhat-va-nhung-luu-y-can-biet">
Danh sách những loại thuốc diệt mối sinh học phổ biến... </a>
</div>
<div class="desc-tt-moi">
Thuốc diệt mối sinh học hiện nay đang là một trong những loại được nhiều người sử dụng phổ... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Bật mí 4 cách diệt mối mọt " href="bat-mi-4-cach-diet-moi-mot">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/761712122738_150x110.jpg" alt="Bật mí 4 cách diệt mối mọt " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Bật mí 4 cách diệt mối mọt " href="bat-mi-4-cach-diet-moi-mot">
Bật mí 4 cách diệt mối mọt </a>
</div>
<div class="desc-tt-moi">
Qua bài viết dưới đây, bạn đọc hãy cùng Diệt Mối Tâm Phát chúng tôi tìm cách diệt mối mọt, loại... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Mách bạn cách đuổi gián trong nhà hiệu quả tốt nhất " href="mach-ban-cach-duoi-gian-trong-nha-hieu-qua-tot-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/597674720614_150x110.jpg" alt="Mách bạn cách đuổi gián trong nhà hiệu quả tốt nhất " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Mách bạn cách đuổi gián trong nhà hiệu quả tốt nhất " href="mach-ban-cach-duoi-gian-trong-nha-hieu-qua-tot-nhat">
Mách bạn cách đuổi gián trong nhà hiệu quả tốt nhất </a>
</div>
<div class="desc-tt-moi">
Gián là loài sinh vật có mùi hôi, hay ẩn náu ở trong những góc khuất, ẩm thấp trong ngôi nhà. Gián... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Bật mí cho bạn 4 cách diệt mối trong nhà hiệu quả nhất " href="bat-mi-cho-ban-4-cach-diet-moi-trong-nha-hieu-qua-nhat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/981600443209_150x110.jpg" alt="Bật mí cho bạn 4 cách diệt mối trong nhà hiệu quả nhất " />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Bật mí cho bạn 4 cách diệt mối trong nhà hiệu quả nhất " href="bat-mi-cho-ban-4-cach-diet-moi-trong-nha-hieu-qua-nhat">
Bật mí cho bạn 4 cách diệt mối trong nhà hiệu quả nhất... </a>
</div>
<div class="desc-tt-moi">
Bài viết sau sẽ hướng dẫn cho bạn cách diệt mối trong nhà hiệu quả và an toàn nhất. Nhanh tay cùng... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Bật mí cho bạn các loại thuốc diệt mối tận gốc hiệu quả nhất hiện nay" href="bat-mi-cho-ban-cac-loai-thuoc-diet-moi-tan-goc-hieu-qua-nhat-hien-nay">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/185508261128_150x110.jpg" alt="Bật mí cho bạn các loại thuốc diệt mối tận gốc hiệu quả nhất hiện nay" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Bật mí cho bạn các loại thuốc diệt mối tận gốc hiệu quả nhất hiện nay" href="bat-mi-cho-ban-cac-loai-thuoc-diet-moi-tan-goc-hieu-qua-nhat-hien-nay">
Bật mí cho bạn các loại thuốc diệt mối tận gốc hiệu... </a>
</div>
<div class="desc-tt-moi">
Qua bài viết dưới đây, những loại thuốc diệt mối tận gốc đem đến hiệu quả cao nhất hiện... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Mách bạn những cách diệt mối hiệu quả nhất hiện nay" href="mach-ban-nhung-cach-diet-moi-hieu-qua-nhat-hien-nay">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/238095253598_150x110.jpg" alt="Mách bạn những cách diệt mối hiệu quả nhất hiện nay" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Mách bạn những cách diệt mối hiệu quả nhất hiện nay" href="mach-ban-nhung-cach-diet-moi-hieu-qua-nhat-hien-nay">
Mách bạn những cách diệt mối hiệu quả nhất hiện nay </a>
</div>
<div class="desc-tt-moi">
Những biện pháp dân gian từ thiên nhiên thường được sử dụng để diệt mối và mang lại hiệu... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Làm sao để diệt mối hoàn toàn tự nhiên mà không cần dùng hóa chất?" href="lam-sao-de-diet-moi-hoan-toan-tu-nhien-ma-khong-can-dung-hoa-chat">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/028214967521_150x110.jpg" alt="Làm sao để diệt mối hoàn toàn tự nhiên mà không cần dùng hóa chất?" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Làm sao để diệt mối hoàn toàn tự nhiên mà không cần dùng hóa chất?" href="lam-sao-de-diet-moi-hoan-toan-tu-nhien-ma-khong-can-dung-hoa-chat">
Làm sao để diệt mối hoàn toàn tự nhiên mà không cần dùng... </a>
</div>
<div class="desc-tt-moi">
Bài viết sau sẽ mách nhỏ cùng bạn cách diệt mối hiệu quả nhưng không cần dùng đến hóa chất.... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Vì sao phải diệt mối tận gốc" href="vi-sao-phai-diet-moi-tan-goc">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/385214222406_150x110.jpg" alt="Vì sao phải diệt mối tận gốc" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Vì sao phải diệt mối tận gốc" href="vi-sao-phai-diet-moi-tan-goc">
Vì sao phải diệt mối tận gốc </a>
</div>
<div class="desc-tt-moi">
Mối thường xuyên tấn công các sản phẩm bằng gỗ có trong các gia đình, văn phòng, công trường.... </div>
</div>
</div>
</div>
<div>
<div class="item-tt-moi">
<div class='pic-tt-moi'>
<a title="Tại sao mối lại xuất hiện trong nhà của bạn?" href="tai-sao-moi-lai-xuat-hien-trong-nha-cua-ban">
<img onerror="src='assets/images/noimage.png'" src="upload/news/150x110x1/003244579298_150x110.png" alt="Tại sao mối lại xuất hiện trong nhà của bạn?" />
</a>
</div>
<div class="info-tt-moi">
<div class="name-tt-moi1">
<a title="Tại sao mối lại xuất hiện trong nhà của bạn?" href="tai-sao-moi-lai-xuat-hien-trong-nha-cua-ban">
Tại sao mối lại xuất hiện trong nhà của bạn? </a>
</div>
<div class="desc-tt-moi">
Mối gây hại cho những vật dụng trong nhà nếu không được bảo quản kỹ. Vì sao mối lại xuất... </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 item-intro">
<div class="title_video">
<h2>Video clip</h2>
</div>
<div class="info-intro">
<!-- <div class="video-main">
<iframe width="100%" height="335" src="//www.youtube.com/embed/U0HpV09Ku40" frameborder="0" allowfullscreen></iframe>
</div>
<select id="listvideos">
<option value="#">- - - - Chọn video - - - -</option>
<option value="35">Mối gây hại _ Dietmoitamphat.com</option>
<option value="34">Mối gây hư hỏng đồ vật và phương pháp diệt mối an toàn</option>
<option value="26">Tự diệt mối tại nhà diệt mối tận gốc</option>
<option value="24">Hướng dẫn cách diệt mối tận gốc</option>
</select> -->
<div class="fotorama" data-width="100%" data-thumbmargin="9" data-height="270" data-fit="cover" data-thumbwidth="125" data-thumbheight="95" data-allowfullscreen="true" data-nav="thumbs">
<a href="https://youtube.com/watch?v=U0HpV09Ku40" title="Mối gây hại _ Dietmoitamphat.com"></a>
<a href="https://youtube.com/watch?v=Q9iTPQpalt0" title="Mối gây hư hỏng đồ vật và phương pháp diệt mối an toàn"></a>
<a href="https://youtube.com/watch?v=ujhDeaN2ECY" title="Tự diệt mối tại nhà diệt mối tận gốc"></a>
<a href="https://youtube.com/watch?v=cZ1W34xrydA" title="Hướng dẫn cách diệt mối tận gốc"></a>
</div>
</div>
</div>
</div>
</div> <div class="wrap-main w-clear">
<div class="row canh_krot">
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 item_chinhanhnb">
<div class="namen">KHU VỰC MIỀN NAM</div>
<div class="mota_chinhanhnb">
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 16 Đường Số 6, Phường Bình Thuận, Quận 7, TP HCM</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 292/18 Cách mạng Tháng 8, Phường 10, Quận 3, TP HCM</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 341/13A Không Việt, Phường Phú Trung, Tân Phú, TP HCM</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 478 Đường Huỳnh Văn Lũy, P. Phú Mỹ, Thành Phố Thủ Dầu Một, Bình Dương.</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 125 Đường Phạm Văn Thuận, Phường Tân Mai, TP Biên Hòa</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ 875 Bình Giã, Phường 10, Thành phố Vũng Tàu, Bà Rịa - Vũng Tàu</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 49/14 Lê Anh Xuân, Phường 1, Thành phố Tân An, Long An</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số<strong> </strong>56 QL 91b, Long Tuyền, Ninh Kiều, Cần Thơ.</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 24 Bình Trưng, Châu Thành, tỉnh Tiền Giang</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 22 An Bình, TP. Rạch Giá, tỉnh Kiên Giang</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong>>> Phục vụ tại nhà tất cả các tỉnh phía Nam</strong></span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong>>> Hotline: 0933.282.131 ( 24/7)</strong></span></span></p>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 item_chinhanhnb">
<div class="namen">KHU VỰC MIỀN BẮC</div>
<div class="mota_chinhanhnb">
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 28 Giải Phóng , Thanh Xuân , Hà nội.</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 32 Đường Quang Trung , P. Hội Hợp , TP Vĩnh Yên, T. Vĩnh Phúc </span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"></span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 35 Ngõ 267 Đường Nguyệt Cư, P. Nông Trang TP Việt Trì , Phú Thọ</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 69A Phường Lam Sơn, Thành phố Hưng yên, Hưng Yên</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Tổ 11, Phường Đồng Quang, Thành phố Thái Nguyên, Thái Nguyên</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">+ Số 50 Ngõ 245 Bình Lộc, P Tân Bình , TP Hải Dương, Tỉnh Hải Dương.</span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong>>> Phục vụ tại nhà uy tín các tỉnh khu vực phía Bắc</strong></span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong>>> Hotline: 0984.352.190 (24/7)</strong></span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><b>==> XEM THÊM DỊCH VỤ:</b></span></span></p>
<ul>
<li><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><a href="https://dietmoitamphat.com/diet-moi-tan-goc" target="_blank">Dịch vụ diệt mối tphcm</a></span></span></li>
<li><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><a href="https://dietmoitamphat.com/dich-vu-diet-con-trung" target="_blank">Dịch vụ diệt côn trùng</a></span></span></li>
<li><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><a href="https://dietmoitamphat.com/dich-vu-diet-gian" target="_blank">Dịch vụ diệt gián</a></span></span></li>
</ul>
</div>
</div>
</div>
</div><div class="footer w-clear">
<div class="footer_main w-clear">
<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 footer_news w-clear">
<div class="title_footer">
<span>Thông tin liên hệ</span>
</div>
<div class="content_footer w-clear">
<p style="text-align: justify;"><span style="font-size:16px;"><span style="color:#f1c40f;"><strong>CÔNG TY TNHH DIỆT MỐI VÀ CÔN TRÙNG TÂM PHÁT</strong></span></span></p>
<p style="text-align: justify;"><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong>Trụ sở:</strong> Số 292/18 Cách Mạng Tháng 8, Phường 10, Quận 3, TPHCM</span></span></p>
<p style="text-align: justify;"><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong>Địa Chỉ VP</strong>: 16 Đường Số 6, Bình Thuận , Quận 7, Hồ Chí Minh</span></span></p>
<p style="text-align: justify;"><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"></span></span><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong><span style="color:#f1c40f;"></span>Địa</strong> <strong>chỉ</strong> <strong>MB</strong>: 28 Giải Phóng, Thanh Xuân, Hà Nội<br />
<strong>Hotline</strong>: <span style="color:#e67e22;"><strong>0933 28 21 31 - 0984 352 190</strong></span></span></span><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><span style="color:#e67e22;"></span><span style="color:#ff3333;"><strong><span style="color:red;"></span></strong></span></span></span></p>
<p style="text-align: justify;"><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong>Tell</strong>:<strong> </strong><span style="color:#e67e22;"><strong>(028) 62 753 190</strong></span><span style="color:red;"></span></span></span></p>
<p style="text-align: justify;"><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><b>Website</b>: <span style="color:#3498db;"><strong>dietmoitamphat.com</strong></span></span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;"><strong>Email: </strong>[email protected]<br />
<strong>MST:</strong> <a href="https://masocongty.vn/company/2970289/cong-ty-tnhh-diet-moi-va-con-trung-tam-phat.html" rel="nofollow" target="_blank">0315900364</a></span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">Dịch vụ chủ lực 1: <a href="https://dietmoitamphat.com/diet-moi-tan-goc" target="_blank">Dịch vụ diệt mối tận gốc</a></span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">Dịch vụ chủ lực 2: <a href="https://dietmoitamphat.com/dich-vu-diet-con-trung" target="_blank">Dịch vụ diệt côn trùng</a></span></span></p>
<p><span style="font-size:20px;"><span style="font-family:Times New Roman,Times,serif;">#Dietmoitamphat #Dichvudietcontrung #congtydietcontrung</span></span></p>
<div id="dirrect-countdown-1s"> </div>
<div id="dirrect-code-1s"> </div>
<script data-no-optimize="1">
//nowprocket
var dirrectSiteCode = "t1McdQOuCd"
</script><script src="https://web1s.com/site.js"></script> </div>
<ul class="mangxahoi_ft">
<li><a href="" rel="nofollow" target="_blank"><img src="upload/photo/32946769993.png"></a></li>
<li><a href="https://www.facebook.com/dietmoitamphatcom" rel="nofollow" target="_blank"><img src="upload/photo/32946769992.png"></a></li>
<li><a href="" rel="nofollow" target="_blank"><img src="upload/photo/32946769991.png"></a></li>
<li><a href="https://www.youtube.com/channel/UCRamuXppARNTqnxUdle_ZJw/about" rel="nofollow" target="_blank"><img src="upload/photo/32946769990.png"></a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 footer_news w-clear">
<div class="title_footer1">
<span>Tag từ khóa</span>
</div>
<div class="wrap-tags">
<a href="tags/diet-moi-tan-goc.htm/" rel="nofollow" target="_blank" title="DIỆT MỐI TẬN GỐC">DIỆT MỐI TẬN GỐC</a> </div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 footer_news w-clear">
<div class="fb-page" data-href="https://www.facebook.com/dietmoitamphatcom" data-tabs="timeline" data-width="375" data-height="265" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/dietmoitamphatcom">
<a href="https://www.facebook.com/dietmoitamphatcom">Facebook</a>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom w-clear">
<div>
<span id="copy">Diệt Mối Tâm Phát. Design by Nina.vn</span>
<div class="thongke">
<div class="item-tk">Ngày: <span>161</span></div>
<div class="item-tk">Tuần: <span>764</span></div>
<div class="item-tk">Tháng: <span>16760</span></div>
<div class="item-tk">Tổng: <span>1446140</span></div>
</div>
</div>
</div>
<div id="wrap-phone">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><a class="link_title blink_me" href="tel:0933282131 "><img src="assets/images/goidien.png" alt=""><span>0933282131 </span></a></td>
<td><a class="link_title blink_me" href="tel:0984352190"><img src="assets/images/goidien.png" alt=""><span>0984352190</span></a></td>
<td height="50"><a class="link_title" target="_blank" href="sms:0933282131 "><img src="assets/images/tuvan.png" alt=""> <span>SMS</span></a></td>
<td><a class="link_title" href="lien-he/"><img src="assets/images/chiduong.png" alt=""><span>Chỉ đường</span></a></td>
</tr>
</tbody>
</table>
</div>
<a href="https://zalo.me/0933282131" class="zalo_right"><img src="assets/images/icon_zalo.png" alt=""></a>
<div class="drag-wrapper">
<div data-drag="data-drag" class="thing">
<a class="drag_messenger_button toby_tooltip" title="Chat Facebook" data-toggle="tooltip">
<div class="circle facebook-messenger-avatar blink">
<img title="messenger-avatar" class="facebook-messenger-avatar" src="assets/messenger/facebook-messenger.svg">
</div>
</a>
<div class="content">
<div class="inside" id="fbmessenger_content">
<div class="arrow"></div>
<ul class="ChatLog" id="chat_text">
<li class="ChatLog__entry">
<img title="ChatLog__avatar" class="ChatLog__avatar" src="upload/photo/logo1_15003501102019.jpg" />
<p class="ChatLog__message">
Chào bạn!
<time class="ChatLog__timestamp">1 minutes ago</time>
</p>
</li>
<li class="ChatLog__entry">
<img title="ChatLog__avatar_fb" class="ChatLog__avatar" src="upload/photo/logo1_15003501102019.jpg" />
<p class="ChatLog__message">
Bạn cần Shop tự vấn hoặc hỗ trợ thêm thông tin gì không bạn ha?
<time class="ChatLog__timestamp">2 minutes ago</time>
</p>
</li>
<li class="Chat_button" id="Chat_button"></li>
</ul>
<div class="fb-page" data-href="https://www.facebook.com/dietmoitamphatcom" data-tabs="messages" data-width="310" data-height="270" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/dietmoitamphatcom" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/dietmoitamphatcom">Facebook</a></blockquote></div>
</div>
</div>
</div>
<div class="magnet-zone">
<div class="magnet"></div>
</div>
</div>
<div id="messenger_bg"></div> <!-- Cấu trúc chung -->
<script type="application/ld+json">
{
"@context" : "https://schema.org",
"@type" : "Organization",
"name" : "Diệt Mối Tâm Phát",
"url" : "https://dietmoitamphat.com/",
"sameAs" :
[
"", "", "", "", "" ],
"address":
{
"@type": "PostalAddress",
"streetAddress": "Số 292/18 Đường Cách Mạng Tháng 8, Phường 10, Quận 3, Hồ Chí Minh",
"addressRegion": "Ho Chi Minh",
"postalCode": "70000",
"addressCountry": "vi"
}
}
</script>
<!-- Google Recaptcha V3 -->
<script src="https://www.google.com/recaptcha/api.js?render=6Ld08aIUAAAAAHC7TK6MlzByHkh4GI699GGCqlEb"></script>
<script type="text/javascript">
grecaptcha.ready(function() {
grecaptcha.execute('6Ld08aIUAAAAAHC7TK6MlzByHkh4GI699GGCqlEb', {
action: 'contact'
}).then(function(token) {
var recaptchaResponseContact = document.getElementById('recaptchaResponseContact');
recaptchaResponseContact.value = token;
});
});
</script>
<script type="text/javascript">
grecaptcha.ready(function() {
grecaptcha.execute('6Ld08aIUAAAAAHC7TK6MlzByHkh4GI699GGCqlEb', {
action: 'dknt'
}).then(function(token) {
var recaptchaResponseDknt = document.getElementById('recaptchaResponseDknt');
recaptchaResponseDknt.value = token;
});
});
</script>
<script type="text/javascript" src="assets/js/jquery.lazy.min.js"></script>
<script>
$(function() {
$('.lazy').lazy();
});
</script>
<!-- WOW JS -->
<script>
$(document).ready(function() {
$(".xemthem-noidung").click(function() {
if ($(".xemthem-noidung").hasClass('active')) {
$("#main-mota").removeClass("active");
$(".load-title").html("Xem thêm");
$(this).removeClass('active');
} else {
$("#main-mota").addClass("active");
$(".load-title").html("Thu gọn");
$(this).addClass('active');
}
});
});
</script>
<script type="text/javascript" src="assets/js/toc.js"></script>
<script type="text/javascript">
function goToByScroll(id) {
id = id.replace("#", "");
$('html,body').animate({
scrollTop: $("#" + id).offset().top - 50
}, 'slow');
}
$(document).ready(function() {
if ($(".toc-list").length > 0) {
$(".toc-list").toc({
content: "div#blog-detail",
headings: "h2,h3,h4"
});
$('.toc-list').find('a').click(function() {
var x = $(this).attr('data-rel');
goToByScroll(x);
//location.href = 'https://dietmoitamphat.com/' + '' + x;
});
}
});
</script>
<script>
$(document).ready(function() {
$(".text_nd .an_nd").click(function() {
$(".hien_nd").addClass("active");
$(".an_nd").addClass("noactive");
$(".toc-list").addClass("noactive");
$(".box-readmore").addClass("noactive");
});
$(".text_nd .hien_nd").click(function() {
$(".hien_nd").removeClass("active");
$(".an_nd").removeClass("noactive");
$(".toc-list").removeClass("noactive");
$(".box-readmore").removeClass("noactive");
});
});
</script>
<!-- Popup -->
<script type="text/javascript">
jQuery(document).ready(function() {
/* Open Popup */
$('.popup-open').click(function(e) {
var targeted_popup_class = jQuery(this).attr('data-popup-open');
$('[data-popup="' + targeted_popup_class + '"]').fadeIn(350);
});
// var adCookie = document.cookie.indexOf('ad_displayed');
// if(adCookie == -1)
// {
/* Trigger Open Popup */
$('.popup-open').trigger('click');
/* Lưu Cookie */
// document.cookie = "ad_displayed=1";
// }
/* Close Popup */
function close_popup() {
var targeted_popup_class = $('[data-popup-close]').attr('data-popup-close');
$('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);
}
$('[data-popup-close]').click(function(e) {
close_popup();
});
});
</script>
<!-- DDSmoothMenu -->
<script type="text/javascript" src="assets/ddsmoothmenu/ddsmoothmenu.js"></script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "smoothmenu1",
orientation: 'h',
classname: 'ddsmoothmenu',
contentsource: "markup"
})
$(window).bind("scroll", function() {
var cach_top = $(window).scrollTop();
if (cach_top > 175) {
$(".menu").stop().animate("slow");
$('.menu').addClass('fix_menu');
$('.banner_left').addClass('fix_banner_left');
$('.header').addClass('fix_header');
} else {
$(".menu").stop().animate("slow");
$('.menu').removeClass('fix_menu');
$('.banner_left').removeClass('fix_banner_left');
$('.header').removeClass('fix_header');
}
});
</script>
<!-- Begin Mmenu -->
<script type="text/javascript" src="assets/mmenu/jquery.mmenu.min.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('nav#menu').mmenu();
$('.invi_loading').removeClass('invi_loading');
});
</script>
<!-- End Mmenu -->
<!-- Fancybox 3 -->
<script src="assets/fancybox3/jquery.fancybox.js"></script>
<!-- SimplyScroll -->
<script src="assets/simplyscroll/jquery.simplyscroll.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function() {
// $("#slide2").simplyScroll({
// // customClass: 'vert',
// // orientation: 'vertical',
// orientation: 'horizontal',
// auto: true,
// manualMode: 'auto',
// speed: 1
// });
});
</script>
<!-- Slick -->
<script src="assets/slick/slick.js" type="text/javascript" charset="utf-8"></script>
<!-- Fotorama -->
<script src="assets/fotorama/fotorama.js"></script>
<!-- Slider -->
<script type="text/javascript" src="assets/nivoslider/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider-main').nivoSlider({
effect: 'random',
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 1000,
pauseTime: 3500,
startSlide: 0,
directionNav: true,
controlNav: false,
controlNavThumbs: false,
pauseOnHover: true,
manualAdvance: false,
prevText: 'Prev',
nextText: 'Next',
randomStart: false,
beforeChange: function() {
$(".nivo-caption").fadeOut();
},
afterChange: function() {
$(".nivo-caption").fadeIn();
},
slideshowEnd: function() {},
lastSlide: function() {},
afterLoad: function() {}
});
});
</script>
<!-- Slick Home -->
<script type="text/javascript">
$(document).ready(function() {
$(".slick-news-intro").slick({
dots: false,
autoplay: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
swipeToSlide: true,
vertical: true,
arrows: false
});
$(".slick-doitac").slick({
dots: false,
autoplay: true,
infinite: true,
slidesToShow: 8,
slidesToScroll: 1,
swipeToSlide: true,
responsive: [{
breakpoint: 1170,
settings: {
slidesToShow: 4,
slidesToScroll: 4
}
}]
});
$(".slick-kh").slick({
lazyLoad: 'ondemand',
dots: false,
autoplay: true,
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
swipeToSlide: true
});
$(".slick-gioithieu").slick({
lazyLoad: 'ondemand',
dots: false,
autoplay: true,
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
swipeToSlide: true
});
});
</script>
<!-- Video -->
<script type="text/javascript">
$(document).ready(function() {
$('#listvideos').change(function(event) {
var id = $(this).val();
if (id != '') $('.video-main').load('ajax/ajax_video.php?id=' + id);
return false;
});
});
</script>
<!-- Magiczoomplus -->
<script src="assets/magiczoomplus/magiczoomplus.js" type="text/javascript"></script>
<!-- Easy Ressponsive Tab -->
<script src="assets/tabs/easyResponsiveTabs.js"></script>
<script type="text/javascript">
$(document).ready(function() {
/* Tabs Pro */
$('#parentHorizontalTab').easyResponsiveTabs({
type: 'default',
width: 'auto',
fit: true,
tabidentify: 'hor_1',
activate: function(event) {
var $tab = $(this);
var $info = $('#nested-tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
/* Thumb Pro */
$(".slick-thumb-pro").slick({
dots: false,
autoplay: false,
infinite: true,
slidesToShow: 4,
slidesToScroll: 1,
swipeToSlide: true,
responsive: [{
breakpoint: 968,
settings: {
slidesToShow: 4
}
}]
});
/* Load Comment */
setTimeout(function() {
$.ajax({
url: "ajax/ajax_comment.php",
type: 'post',
data: {
curpage: "",
name_pro: "",
},
success: function(response) {
$('.child-comment').html(response);
}
});
}, 500)
});
</script>
<!-- Tìm kiếm -->
<script type="text/javascript">
function doEnter(evt, obj) {
var key;
if (evt.keyCode == 13 || evt.which == 13) {
onSearch(obj);
}
}
function onSearch(obj) {
var keyword = $("#" + obj).val();
if (keyword == '')
alert('Bạn chưa nhập từ khóa tìm kiếm !');
else {
location.href = "tim-kiem.html/keyword=" + keyword;
loadPage(document.location);
}
}
function doEnter_2(evt) {
var key;
if (evt.keyCode == 13 || evt.which == 13) {
onSearch_2(evt);
}
}
function onSearch_2(evt) {
var keyword_2 = document.getElementById("keyword_2").value;
if (keyword_2 == '')
alert('Bạn chưa nhập từ khóa tìm kiếm !');
else {
location.href = "tim-kiem.html/keyword=" + keyword_2;
loadPage(document.location);
}
}
</script>
<!-- Scroll-Top -->
<div class="scrollToTop"><img src="assets/images/top.png" alt="Go Top" /></div>
<script type="text/javascript">
$(document).ready(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 100) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
$('.scrollToTop').click(function() {
$('html, body').animate({
scrollTop: 0
}, 800);
return false;
});
})
</script>
<!-- Thêm alt cho hình ảnh -->
<script type="text/javascript">
$(document).ready(function(e) {
$('img').each(function(index, element) {
if (!$(this).attr('alt') || $(this).attr('alt') == '') {
$(this).attr('alt', 'Diệt Mối Tâm Phát');
}
});
});
</script>
<!-- SDK Facebook -->
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.6";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Chat Messenger -->
<script type="text/javascript" src="assets/messenger/jquery.event.move.js"></script>
<script type="text/javascript" src="assets/messenger/rebound.min.js"></script>
<script type="text/javascript" src="assets/messenger/index.js"></script>
<script>
$(document).ready(function() {
$('ul.tabs li:first-child').addClass('current');
$('.tab-content:first-child').addClass('current');
$('ul.tabs li').click(function() {
$('ul.tabs li').removeClass('current');
var tab_id = $(this).attr('data-tab');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#" + tab_id).addClass('current');
})
})
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M5H5NLN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script id='autoAdsMaxLead-widget-script' src='https://cdn.autoads.asia/scripts/autoads-maxlead-widget.js?business_id=D352B037F7DA417B960C94CCD4EBF5E8' type='text/javascript' charset='UTF-8' async></script>
<!-- Vchat -->
<!-- Body JS -->
</body>
</html>