@font-face {font-family:'Open Sans'; font-style:normal; font-weight:300; font-display:swap; src:url('/ffonts/OpenSans-Light-webfont.eot?#iefix'); src:url('/ffonts/OpenSans-Light-webfont.eot') format('embedded-opentype'), url('/ffonts/OpenSans-Light.woff') format('woff')}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:400; font-display:swap; src:url('/ffonts/OpenSans-Regular-webfont.eot?#iefix'); src:url('/ffonts/OpenSans-Regular-webfont.eot') format('embedded-opentype'), url('/ffonts/OpenSans.woff') format('woff')}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:600; font-display:swap; src:url('/ffonts/OpenSans-Semibold-webfont.eot?#iefix'); src:url('/ffonts/OpenSans-Semibold-webfont.eot') format('embedded-opentype'), url('/ffonts/OpenSans-Semibold.woff') format('woff')}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:700; font-display:swap; src:url('/ffonts/OpenSans-Bold-webfont.eot?#iefix'); src:url('/ffonts/OpenSans-Bold-webfont.eot') format('embedded-opentype'), url('/ffonts/OpenSans-Bold.woff') format('woff')}

/* Fix for Apple Family / Format of forms and Text Size small / Select Sizing */
body {-webkit-text-size-adjust:none;}
input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0px; border-radius:0px;}
select {box-sizing:content-box; -webkit-border-radius:0px; border-radius:0px;}

/* WFY Responsive Classes */
.cwrTS {display:block !important;}
.cwrTH {display:none !important;}
.cwrPH {color:#fff !important;}

/* .wfy-1170 {display:none !important;}
.wfy-940 {display:none !important;}
.wfy-720 {display:none !important;}
.wfy-480 {display:none !important;}
.wfy-320 {display:none !important;}

.res1170 .wfy-1170 {display:block !important;}
.res940 .wfy-940 {display:block !important;}
.res720 .wfy-720 {display:block !important;}
.res480 .wfy-480 {display:block !important;}
.res320 .wfy-320 {display:block !important;}
 */

/* Menu Plugin Classes */
.ddshadow {position:absolute; left:0; top:0; width:0; height:0; background:transparent;}

/* ************ General - Customization Area ************ */
body {color:#000; padding:0px; margin:0px; font-family:'Open Sans', sans-serif; font-size:14px; line-height:1.6;}
input, button, textarea, select {font-family:'Open Sans', sans-serif; font-size:15px;}
a {color:#A32C00; text-decoration:none;}
a:hover {text-decoration:underline;}

.clear {clear:both;}

h1 {color:#000; text-transform:uppercase; font-size:36px; font-weight:600; text-align:left; margin:0px 0px 25px 0px; line-height:41px;}
h1 {border-bottom:3px solid #A32C00; padding:0px 0px 6px 0px; min-height:60px;}

h2, .h2 {color:#000; display:block; margin:0px 0px 20px 0px; font-weight:600; font-size:18px; line-height:26px; min-height:26px; text-align:left;}
.sttl {color:#000; display:block; margin:0px 0px 20px 0px; font-weight:600; font-size:24px; text-align:left;}

iframe.iframe {width:1000px; height:500px; margin:0 auto; display:block;}
.res720 iframe.iframe {width:100%; height:380px; padding:20px 0 0 0;}
.res480 iframe.iframe {width:100%; height:290px; padding:20px 0 0 0;}
.res320 iframe.iframe {width:100%; height:250px; padding:20px 0 0 0;}

/* ************ Header ************ */
.header {background:#fff; width:100%; margin:0px; padding:0px; position:relative; z-index:100;}
.header .harea {width:100%; margin:0px auto; font-size:13px;}

.header .harea .logo {display:block; padding:20px 0px; width:466px; height:112px; margin:0px auto;}
.header .harea .logo img {display:block; margin:0px auto; padding:0px; border:0px; max-width:100%;}

.header #menuc {clear:both; display:block; width:100%; position:relative; margin:0px; padding:0px; background:#000;}
.header .menucompact {color:#fff; display:none; font-weight:600; font-size:18px; text-transform:uppercase; line-height:29px; cursor:pointer; float:right; background:url(/images/1/btn-menu.png) 100% 50% no-repeat; padding:0px 45px 0px 0px; margin:0px 10px 0px 10px;}
.header .menucompact b {font-weight:600; font-size:18px;}
.header .menucompact:hover {background:url(/images/1/btn-menu-h.png) 100% 50% no-repeat;}
.header .menucompact:hover b {color:#000000}
.header .menucompact.wct-active {background:url(/images/1/btn-menu-active.png) 100% 50% no-repeat;}
.header .menucompact.wct-active b {color:#000000}

.header .harea .mcarea {padding:0px 0px 0px 0px; width:auto; max-width:1170px; margin:0px auto; display:block;}
.header .harea #menu {display:block;}
.header .harea .menu {height:auto; float:left; margin:0px 0px 0px 20px; padding:0px; display:block; z-index:105;}
.header .harea .menu ul {z-index:101; margin:0px; padding:0px; list-style:none;}
.header .harea .menu ul li {float:left; position:relative; padding:0px 0px 0px 0px;}
.header .harea .menu ul li a {color:#fff; text-transform:uppercase; display:block; font-size:18px; padding:0px 30px 0px 30px; line-height:60px; font-weight:600;}
.header .harea .menu ul li a:hover {color:#fff; text-decoration:none; background:#A32C00;}
.header .harea .menu ul li a.selected {color:#fff; text-decoration:none; background:#A32C00;}

.header .harea .menu ul li ul {z-index:102; position:absolute; left:0px; padding:0px; display:block; margin:0px 0px 0px 0px; display:none;}
.header .harea .menu ul li ul li {display:list-item; float:none; margin:0px; padding:0px; height:inherit;}
.header .harea .menu ul li ul li a {color:#000; display:block; text-transform:uppercase; min-width:200px; padding:10px 30px 10px 30px; margin:0px; background:#d1cfd1/* url(/images/1/bg-ddmenu.png) */; font-weight:600; letter-spacing:1px; line-height:20px;}
.brwIE7 .header .harea .menu ul li ul li a {line-height:21px;}
.header .harea .menu ul li ul li a:hover {color:#fff; border:none; background:#A32C00;}
.header .harea .menu ul li ul li a.selected {color:#fff; border:none; background:#A32C00;}
.header .harea .menu ul li ul li ul li a {width:220px;}

.header .harea .menu ul li ul li ul {position:absolute; z-index:103; left:259px !important; padding:0px; margin:0px; display:none; width:220px;}

/* Menu Arrow */
.header .harea .menu .ddmarrow {display:none; cursor:pointer; width:20px; height:20px; background:url('/images/1/ddmarrow-down.png') center no-repeat; position:absolute; top:10px; right:5px;}
.header .harea .menu .ddmarrowclose {background:url('/images/1/ddmarrow-up.png') center no-repeat;}
.header .hideImportant {display:none !important;}

.header .harea .menu li:hover .ddmarrow {background:url('/images/1/ddmarrow-down-h.png') center no-repeat;}
.header .harea .menu li:hover .ddmarrowclose {background:url('/images/1/ddmarrow-up-h.png') center no-repeat;}
.header .harea .menu li:hover li .ddmarrow {background:url('/images/1/ddmarrow-down.png') center no-repeat;}
.header .harea .menu li:hover li .ddmarrowclose {background:url('/images/1/ddmarrow-up.png') center no-repeat;}

.header .harea .menu li ul li:hover .ddmarrow {background:url('/images/1/ddmarrow-down-h.png') center no-repeat;}
.header .harea .menu li ul li:hover .ddmarrowclose {background:url('/images/1/ddmarrow-up-h.png') center no-repeat;}

.header .harea .phonetop {color:#fff; float:right; line-height:60px; margin:0px 20px 0px 0px; font-size:18px; font-weight:700; text-align:right; position:relative;}
.header .harea .phonetop a.sitetel {color:#fff; background:url(/images/1/cllph.png) left top no-repeat; padding:0px 0px 0px 30px; font-size:20px;}
.header .harea .phonetop a.sitetel:hover {color:#d1cfd1; background:url(/images/1/cllph-h.png) left top no-repeat; text-decoration:none;}
.header .harea .phonetop .wfychat {background:url(/images/1/chat-header.png) left center no-repeat; padding:0px 17px 0px 17px; font-size:18px;}
.header .harea .phonetop .wfychat:hover {background:url(/images/1/chat-header-h.png) left center no-repeat;}
.header .harea .phonetop .wfychat:hover {text-decoration:underline; cursor:pointer;}

.header .harea .arrowPhone {position:absolute; right:1px; top:0px; width:31px; height:60px; display:block; background:url(/images/1/ddcllph-down.png) center center no-repeat; cursor:pointer;}
.header .harea .arrowPhone:hover {background:url(/images/1/ddcllph-down-h.png) center center no-repeat;}
.header .harea .arrowPhone.wct-active {background:url(/images/1/ddcllph-up.png) center center no-repeat;}
.header .harea .arrowPhone.wct-active:hover {background:url(/images/1/ddcllph-up-h.png) center center no-repeat;}

.header .harea .ddphoneMore {display:none; line-height:30px; background:#222; width:auto !important;}
.header .harea .ddphoneMore {position:absolute; top:60px; right:16px; margin:0px 0px 0px 0px; min-width:180px; min-height:40px; z-index:99;}
.header .harea .ddphoneMore a {color:#000000 !important; text-decoration:none; background:none !important; padding:5px 11px 5px 11px !important; display:block !important; text-align:left !important;}
.header .harea .phonetop .ddphoneMore a:hover {color:#fff !important; background:#A32C00 !important;}

.header .social {position:fixed; right:20px; z-index:104; top:300px; cursor:pointer;}
.header .social .scnt {width:58px; height:58px; z-index:105; position:absolute; top:-6px; right:-4px; background:url(/images/1/btn-share-off.png) center no-repeat;}
.header .social a {width:45px; height:45px; display:block; float:left;}
.header .social .fb {background:url(/images/1/sm-fb.png) center no-repeat;}
.header .social .fb:hover {background:url(/images/1/sm-fb-h.png) center no-repeat;}
.header .social .tw {background:url(/images/1/sm-tw.png) center no-repeat;}
.header .social .tw:hover {background:url(/images/1/sm-tw-h.png) center no-repeat;}
.header .social .gp {background:url(/images/1/sm-gp.png) center no-repeat;}
.header .social .gp:hover {background:url(/images/1/sm-gp-h.png) center no-repeat;}
.header .social .in {background:url(/images/1/sm-in.png) center no-repeat;}
.header .social .in:hover {background:url(/images/1/sm-in-h.png) center no-repeat;}
.header .social .yt {background:url(/images/1/sm-yt.png) center no-repeat;}
.header .social .yt:hover {background:url(/images/1/sm-yt-h.png) center no-repeat;}
.header .social .lk {background:url(/images/1/sm-lk.png) center no-repeat;}
.header .social .lk:hover {background:url(/images/1/sm-lk-h.png) center no-repeat;}
.header .social .prin {background:url(/images/1/sm-pt.png) center no-repeat;}
.header .social .prin:hover {background:url(/images/1/sm-pt-h.png) center no-repeat;}
.header .social .sm-links {position:absolute; z-index:104; top:0px; right:19px; width:0; height:45px; padding-left:16px; overflow:hidden; background:url(/images/1/socialexpand.png) left center no-repeat;}
.header .social a.sm-share {display:block; background:url(/images/1/btn-share.png) center no-repeat; width:58px; height:58px; z-index:105; position:absolute; float:none;}
.header .social.open a.sm-share {display:block; background:url(/images/1/btn-share.png) center no-repeat;}
.header .social .scnt:hover {background:url(/images/1/btn-share-on.png) center no-repeat;}

.header .social.open .scnt {background:url(/images/1/btn-share-on.png) center no-repeat;}

.header .write-review {width:58px; height:58px; position:fixed; z-index:106; top:347px; right:17px; cursor:pointer; background:url(/images/1/btn-wr-off.png) center no-repeat;}
.header .write-review a.btn-wr {display:block; width:58px; height:58px; background:url(/images/1/btn-wr.png) center no-repeat;}
.header .write-review:hover {background:url(/images/1/btn-wr-on.png) center no-repeat;}

.res940 .header .harea .logo {width:418px; height:100px;}

.res940 .header .harea .menucompact {display:none;}
.res940 .header .harea .menu ul li a {font-size:16px; padding:0px 20px 0px 20px;}
.res940 .header .harea .menu ul li ul li a {padding:10px 20px 10px 20px; width:191px; min-width:191px;}
.res940 .header .harea .menu ul li ul li ul {margin:0px 0px 0px 0px; left:230px !important;}

.res720 .header .harea .logo {width:418px; height:100px;}

.res720 .header .harea #menuc {background:url('/images/1/bg-menu-720.png') right center no-repeat #000; height:auto; min-height:58px; float:none; margin:0px 0px 0px 0px; /* border-top:solid 1px #000; border-bottom:solid 1px #000; */}
.res720 .header .harea #menu {display:none;}
.res720 .header .menucompact {display:block; margin:15px 20px 15px 0px; min-height:30px;}
/* .res720 .header .menucompact b {display:none;}
 */

.res720 .header .harea .phonetop {float:none; margin:0px 0px 0px 0px; text-align:left; position:absolute; left:20px; top:0px; line-height:58px}
 
.res720 .header .harea .menu ul {position:absolute; right:0px; top:60px; background:#d1cfd1; margin:0px 20px 0px 0px; width:320px;}
.res720 .header .harea .menu ul li {float:none; display:block; padding:0px;}
.res720 .header .harea .menu ul li a {color:#000; padding:10px 25px 10px 20px; font-size:16px; line-height:22px; width:auto;}
.res720 .header .harea .menu ul li a:hover {color:#fff; text-decoration:none; background:#A32C00;}
.res720 .header .harea .menu ul li a.selected {color:#fff; text-decoration:none; background:#A32C00;}
.res720 .header .harea .menu ul li ul {display:none !important;}

.res720 .header .harea .menu ul li ul {display:block !important; position:relative; float:none; width:auto !important; margin:0 !important; top:0 !important; background:transparent;}
.res720 .header .harea .menu ul li ul li {width:auto!important;}
.res720 .header .harea .menu ul li ul li ul {display:block !important; position:relative; float:none; width:auto !important; margin:0 !important; top:0 !important; left:auto !important; background:transparent;}
.res720 .header .harea .menu ul li ul li a {padding:11px 14px 11px 40px; background:transparent;}
.res720 .header .harea .menu ul li ul li a:hover {color:#A32C00; background:transparent;}
.res720 .header .harea .menu ul li ul li a.selected {color:#A32C00; background:transparent;}
.res720 .header .harea .menu ul li ul li ul li a {color:#000; padding:11px 14px 11px 60px;}
.res720 .header .harea .menu ul li ul li ul li a:hover {color:#A32C00; background:transparent;}

/* Menu Arrow */
.res720 .header .harea .menu .ddmarrow {display:block;}
.res720 .header .harea .menu ul li ul.hideImportant {display:none !important;}
.res720 .header .harea .menu ul li ul li ul.hideImportant {display:none !important;}

.res720 .header .social .scnt {position:absolute; top:-2px; right:0px; width:45px; height:45px; background:none;}
.res720 .header .social {position:absolute; top:12px; right:130px;}
.res720 .header .social a {margin:6px 0px 0px 0px; width:40px; height:40px;}
.res720 .header .social a.sm-share {background:url(/images/1/btn-share-movil.png) center no-repeat; width:45px; height:45px; margin:0px 0px 12px 0px;}
.res720 .header .social a.sm-share:hover {background:url(/images/1/btn-share-movil-h.png) center no-repeat;}
.res720 .header .social a.sm-share.wct-active {background:url(/images/1/btn-share-movil-active.png) center no-repeat;}
.res720 .header .social .sm-links {width:215px !important; display:none; background:url('/images/1/socialexpand-movil.png') center bottom no-repeat; top:41px; right:0px; height:46px; padding:0px 0px 0px 0px;}

.res720 .header .write-review {position:absolute; top:150px; right:172px; width:45px; height:45px; background:none;}
.res720 .header .write-review a.btn-wr {width:45px; height:45px; background:url(/images/1/btn-wr-movil.png) center no-repeat;}
.res720 .header .write-review a.btn-wr:hover {background:url(/images/1/btn-wr-movil-h.png) center no-repeat;}

.res480 .header .harea .logo {width:367px; height:87px;}
.res480 .header .harea #menuc {background:url('/images/1/bg-menu-720.png') right center no-repeat #000; height:auto; min-height:58px; float:none; margin:0px 0px 0px 0px; /* border-top:solid 1px #000; */ /* border-bottom:solid 1px #000; */}
.res480 .header .harea #menu {display:none; border-bottom:solid 1px #000;}
.res480 .header .menucompact {display:block; margin:15px 20px 15px 0px; min-height:30px;}
/* .res480 .header .menucompact b {display:none;}
 */

.res480 .header .harea .phonetop {float:none; margin:0px 0px 0px 0px; text-align:left; position:absolute; left:20px; top:0px; line-height:58px}
.res480 .header .harea .phonetop a.sitetel {background:none; padding:0px 31px 0px 0px; font-size:18px;}

.res480 .header .harea .menu {display:none; width:100%; margin:0px; padding:0px; overflow:hidden; position:absolute; top:60px; left:0px;}
.res480 .header .harea .menu ul {position:static; width:100%; margin:0px 0px 0px 0px; background:#d1cfd1;}
.res480 .header .harea .menu ul li {display:list-item; float:none; margin:0px; padding:0px; width:100%; height:auto; z-index:108 !important;}
.res480 .header .harea .menu ul li a {color:#000; display:block; width:auto; margin:0px; padding:11px 14px 11px 17px; cursor:pointer; text-align:left; line-height:23px; background:transparent;}
.res480 .header .harea .menu ul li a:hover {color:#fff; border:none; background:#A32C00;}
.res480 .header .harea .menu ul li a.selected {color:#fff; border:none; background:#A32C00;}
.res480 .header .harea .menu ul li ul li a {padding:11px 14px 11px 40px; background:transparent;}
.res480 .header .harea .menu ul li ul li a:hover {color:#A32C00; background:transparent;}
.res480 .header .harea .menu ul li ul li a.selected {color:#A32C00; background:transparent;}
.res480 .header .harea .menu ul li ul li ul li a {color:#000; padding:11px 14px 11px 60px;}
.res480 .header .harea .menu ul li ul li ul li a:hover {color:#A32C00; background:transparent;}
.res480 .header .harea .menu ul li ul li ul li a.selected {color:#A32C00; background:transparent;}
.res480 .header .harea .menu ul li ul {display:block !important; position:relative; float:none; width:auto !important; margin:0 !important; top:0 !important; background:transparent;}
.res480 .header .harea .menu ul li ul li ul {display:block !important; position:relative; float:none; width:auto !important; margin:0 !important; top:0 !important; left:auto !important; background:transparent;}
.res480 .header .harea .menu .ddmarrow {display:block; right:20px;}
.res480 .header .harea .menu ul li ul.hideImportant {display:none !important;}
.res480 .header .harea .menu ul li ul li ul.hideImportant {display:none !important;}

.res480 .header .social {position:absolute; top:12px; right:133px;}
.res480 .header .social a {margin:4px 0px 0px 0px; width:40px; height:40px;}
.res480 .header .social a.sm-share {background:url(/images/1/btn-share-movil.png) center no-repeat; width:45px; height:45px; margin:0px 0px 12px 0px;}
.res480 .header .social a.sm-share:hover {background:url(/images/1/btn-share-movil-h.png) center no-repeat;}
.res480 .header .social a.sm-share.wct-active {background:url(/images/1/btn-share-movil-h.png) center no-repeat;}
.res480 .header .social .sm-links {width:200px !important; display:none; background:url('/images/1/socialexpand-movil.png') center bottom no-repeat; top:42px; right:5px; height:46px; padding:0px 0px 0px 0px;}
.res480 .header .social .scnt {background:none; width:45px; height:45px; top:-2px;}

.res480 .header .write-review {position:absolute; top:137px; right:175px; width:45px; height:45px; background:none;}
.res480 .header .write-review a.btn-wr {width:45px; height:45px; background:url(/images/1/btn-wr-movil.png) center no-repeat;}
.res480 .header .write-review a.btn-wr:hover {background:url(/images/1/btn-wr-movil-h.png) center no-repeat;}

.res320 .header .harea .logo {margin:0px auto; width:300px; height:102px;}

.res320 .header .harea #menuc {background:url('/images/1/bg-menu-320.png') right center no-repeat #000; height:auto; min-height:58px; float:none; margin:0px 0px 0px 0px;}
.res320 .header .harea #menu {display:none;}
.res320 .header .menucompact {display:block; margin:15px 10px 15px 0px; min-height:30px;}
.res320 .header .menucompact b {display:none;}
.res320 .header .harea .phonetop {float:none; margin:0px 0px 0px 0px; text-align:left; position:absolute; left:10px; top:0px; line-height:58px; font-size:15px; font-weight:600;}
.res320 .header .harea .phonetop .wfychat {padding:0px 13px 0px 13px;}

.res320 .header .harea .menu {display:none; width:100%; margin:0px; padding:0px; overflow:hidden; position:absolute; top:60px; left:0px; border-bottom:solid 1px #000;}
.res320 .header .harea .menu ul {position:static; float:none; clear:both; display:block; width:100%; margin:0px 0px 0px 0px; background:#d1cfd1;}
.res320 .header .harea .menu ul li {display:list-item; float:none; margin:0px; padding:0px; width:100%; height:auto; z-index:108 !important;}
.res320 .header .harea .menu ul li a {color:#000; display:block; width:auto; margin:0px; padding:11px 14px 11px 17px; cursor:pointer; text-align:left; text-transform:uppercase; line-height:23px; background:transparent;}
.res320 .header .harea .menu ul li a:hover {color:#fff; border:none; background:#A32C00;}
.res320 .header .harea .menu ul li a.selected {color:#fff; border-bottom:none; background:#A32C00;}
.res320 .header .harea .menu ul li ul li a:hover {color:#A32C00; background:transparent;}
.res320 .header .harea .menu ul li ul li a.selected {color:#A32C00; background:transparent;}
.res320 .header .harea .menu ul li ul {display:block !important; position:relative; float:none; width:auto !important; margin:0 !important; top:0 !important; background:transparent;}
.res320 .header .harea .menu ul li ul li a {padding:11px 14px 11px 40px;}
.res320 .header .harea .menu ul li ul li ul li a {color:#000; padding:11px 14px 11px 60px;}
.res320 .header .harea .menu ul li ul li ul li a:hover {color:#A32C00; background:transparent;}
.res320 .header .harea .menu ul li ul li ul li a.selected {color:#A32C00; background:transparent;}
.res320 .header .harea .menu ul li ul li ul {display:block !important; position:relative; float:none; width:auto !important; margin:0 !important; top:0 !important; left:auto !important; background:transparent;}
.res320 .header .harea .menu .ddmarrow {display:block; right:10px;}
.res320 .header .harea .menu ul li ul.hideImportant {display:none !important;}
.res320 .header .harea .menu ul li ul li ul.hideImportant {display:none !important;}

.res320 .header .social {position:absolute; top:12px; right:60px; width:36px;}
.res320 .header .social a {margin:6px 0px 0px 0px; width:40px; height:40px;}
.res320 .header .social a.sm-share {background:url(/images/1/btn-share-movil.png) center no-repeat; width:45px; height:45px; margin:0px 0px 12px 0px;}
.res320 .header .social a.sm-share:hover {background:url(/images/1/btn-share-movil-h.png) center no-repeat;}
.res320 .header .social a.sm-share.wct-active {background:url(/images/1/btn-share-movil-h.png) center no-repeat;}
.res320 .header .social .sm-links {width:205px !important; display:none; background:url('/images/1/socialexpand-movil.png') center bottom no-repeat; top:41px; right:0px; height:46px; padding:0px 0px 0px 0px;}
.res320 .header .social .scnt {background:none; width:45px; height:45px; top:-2px;}

.res320 .header .write-review {position:absolute; top:152px; right:100px; width:38px; height:45px; background:none;}
.res320 .header .write-review a.btn-wr {width:45px; height:45px; background:url(/images/1/btn-wr-movil.png) center no-repeat;}
.res320 .header .write-review a.btn-wr:hover {background:url(/images/1/btn-wr-movil-h.png) center no-repeat;}
.res320 .header .write-review a.btn-wr.wct-active {background:url(/images/1/btn-wr-movil-active.png) center no-repeat;}

.res320 .header .harea .phonetop a.sitetel {background:none; padding:0px 31px 0px 0px; font-size:14px;}
.res320 .header .harea .ddphoneMore {position:absolute; top:60px; right:15px; left:-10px; margin:0px 0px 0px 0px;}

/* ************ Container ************ */
.container {width:100%; margin:0px; padding:0px; z-index:80;}
.carea {padding:24px 0px 30px 0px; font-size:16px; overflow:hidden; min-height:181px; text-align:justify; width:100%; max-width:1170px; margin:0px auto;}
.carea .cpage {display:block; padding:0px 20px 0px 20px; margin:0px;}

.carea img {margin:0px auto; padding:0px; border:0px; display:block; max-width:100%;}
.carea img.right {float:right; margin:0px 0px 20px 20px;}
.carea img.left {float:left; margin:0px 20px 20px 0px;}
.carea img[width][height] {width:auto !important; height:auto !important; aspect-ratio:attr(width number) / attr(height number);}

.res720 .carea {width:100%; margin:0px auto; padding:30px 0px 30px 0px;}
.res480 .carea {width:100%; margin:0px auto; padding:30px 0px 442px 0px; font-size:16px; height:auto; position:relative;}

.res480 .carea img.right {float:none; margin:20px auto;}
.res480 .carea img.left {float:none; margin:20px auto;}

.res320 .carea {width:100%; margin:0px auto; padding:23px 0px 303px 0px; height:auto; position:relative; font-size:16px;}
.res320 .carea .cpage {padding:0px 20px 0px 20px;}

.res320 .carea img.right {float:none; margin:20px auto;}
.res320 .carea img.left {float:none; margin:20px auto;}

/* ************ Footer ************ */
/* .footer {background:#000;}
 */ /* -- Solid Color */
.footer {background:url('/images/1/background-footer.jpg') top center no-repeat;}
/* -- Image Background */
.footer {width:100%; margin:0px; padding:0px; position:relative; z-index:60;}

.footer .farea {padding:20px 0px 20px 0px; width:100%; max-width:1170px; margin:0px auto; font-size:13px;}

.footer .farea .fcols {color:#fff; display:block; padding:0px; margin:0px; position:relative; font-size:14px;}
.footer .farea .fcols a {color:#fff;}
.footer .farea .fcols .ttl {color:#fff; display:block; margin:0px 20px 16px 20px; padding:0px 0px 5px 0px; border-bottom:3px solid #A32C00; text-transform:uppercase; font-weight:700; font-size:23px;}
.footer .farea .fcols .tlbox {display:block; padding:0px 0px 0px 0px; margin:0px 20px 0px 20px; text-align:justify;}
.footer .farea .fcols .col1 .tlbox img {display:block; max-width:100%; height:auto;}

.footer .farea .fcols .col1 {position:absolute; z-index:61; top:0px; left:0px; width:420px;}
.footer .farea .fcols .col1 .tlbox {padding:0px 0px 37px 0px;}
.footer .farea .fcols .col1 .tlbox .tlpic {width:380px; height:140px; margin:0px auto 10px auto;}
.footer .farea .fcols .col1 .tlbox .rm {color:#fff; float:right; display:block; margin-top:3px;}
.footer .farea .fcols .col1 .tlbox .rm:hover {text-decoration:underline;}
/* .footer .farea .fcols .col1 .lkbox {padding:0px; margin:0px 20px 0px 20px;}
 */

.footer .farea .fcols .col2 {display:block; padding:0px; margin:2px 0px 0px 420px; position:relative;}
.footer .farea .fcols .col2 .fform {margin:20px 356px 0px 0px; padding:0px;}
.footer .farea .fcols .col2 .fform form {display:block; width:auto; padding:0px; margin:0px 32px 0px 0px;}
.footer .farea .fcols .col2 .fform input {display:block; width:100%; margin:0px 0px 15px 0px; height:36px; padding:0px 15px 0px 15px; border:1px solid #e2e2e2; background:transparent; color:#fff;}
.footer .farea .fcols .col2 .fform textarea {display:block; width:100%; margin:0px 0px 15px 0px; height:135px; padding:7px 15px 7px 15px; border:1px solid #e2e2e2; background:transparent; color:#fff;}
.footer .farea .fcols .col2 .security {display:block; width:auto; margin:0px -32px 0px 0px; padding:0px;}
.footer .farea .fcols .col2 .security span {float:right; line-height:38px;}
.footer .farea .fcols .col2 .security span b {color:#fff; text-decoration:underline; font-weight:600; margin-left:5px;}
.footer .farea .fcols .col2 .security .code {float:right; width:68px; margin:0px 10px 0px 10px; padding:0px 0px 0px 0px; text-align:center;}
.footer .farea .fcols .col2 .security .submit {color:#fff; float:right; width:70px; margin-bottom:0px; padding:0px 0px 0px 0px; height:38px; background:#000; border:0; text-transform:uppercase; font-style:normal; font-weight:700; cursor:pointer;}
.footer .farea .fcols .col2 .security .submit:hover {color:#fff; background:#A32C00;}
.footer .farea .col2 .fmap {position:absolute; right:20px; bottom:52px; width:330px; height:310px;}
	 /* 	-- Map */
.brwIE7 .footer .farea .col2 .fmap {bottom:71px;}
	 /* 	-- Map */
.footer .farea .col2 .fmap iframe {width:100%; height:100%; float:none; display:block;}
			 /* -- Map */
.footer .farea .col2 .banner {position:absolute; right:20px; bottom:52px; width:330px; height:310px;}
	 /* 	-- Banner */
.brwIE7 .footer .farea .col2 .banner {bottom:71px;}
	 /* 	-- Banner */
.footer .farea .col2 .banner img {width:330px; height:310px; border:0; outline:none;}
								 /* -- Banner */
.footer .farea .col2 .video {position:absolute; right:20px; bottom:52px;}
	 /* 	-- Video */
.brwIE7 .footer .farea .col2 .video {bottom:71px;}
	 /* 	-- Video */
.footer .farea .col2 .video img {width:330px; height:310px; border:0; outline:none;}
	 /* 	-- Video */
.footer .farea .col2 .video .mg {display:none; width:330px; height:310px; background:#000; opacity:0.5; cursor:pointer;}
	/* 	-- Video */
.footer .farea .col2 .video .mg span {display:block; margin:90px auto 0px auto; text-align:center;}
	/* 	-- Video */
.footer .farea .col2 .video:hover .mg {display:block; position:absolute;}
	/* 	-- Video */
.lnkvd {cursor:pointer; margin-left:0px !important;}
/* 	-- Video */
.last {margin-right:0px !important;}
/* 	-- Video */ 
.abs-layer {position:fixed; background:url(/images/0/bg-video.png); top:0; left:0; width:100%; height:100%; z-index:10000; display:none;}
/* 	-- Video */
.cnt-video-1 {position:fixed; width:640px; height:360px; top:20%; left:50%; margin-left:-316px; z-index:100000000; display:none; border:1px solid #000; background-color:#000;}
/* 	-- Video */
.cnt-video-2 {position:relative; width:640px; height:360px;}
/* 	-- Video */
.cnt-video {width:640px; height:360px;}
/* 	-- Video */
.lnk-close-video {cursor:pointer; position:absolute; top:-2px; left:640px; display:none; width:24px; height:24px; background:url(/images/0/close.png); z-index:10001; background-size:cover;}
/* 	-- Video */

.footer .farea .fcols .col2 .phonebottom {color:#fff; background:url(/images/1/cllph-footer.png) center left no-repeat; position:absolute; top:3px; right:20px; height:23px; padding:0px 0px 0px 25px; font-weight:700; font-size:18px; line-height:23px;}
.footer .farea .fcols .col2 .phonebottom a.sitetel {color:#fff; font-size:20px;}
.footer .farea .fcols .col2 .phonebottom a.sitetel:hover {text-decoration:none;}

.footer .flinks {color:#752000; width:100%; margin:0px; padding:0px; position:relative; background:#F4D77B;}
.footer .flinks .flarea {padding:19px 20px 20px 20px; width:auto; max-width:1130px; margin:0px auto; display:block; font-size:15px; letter-spacing:1px; text-align:center;}

.footer .flinks .flarea a {color:#752000; text-transform:uppercase; margin:0px 5px 10px 5px; text-decoration:none;}
.footer .flinks .flarea a:hover {color:#000;}

.footer .exfoot {padding:0px; margin:0px; background:#fff; z-index:60;}
.footer .exfoot .earea {color:#000; width:100%; max-width:1130px; padding:16px 20px 16px 20px; margin:0px auto; font-size:13px;}
.footer .exfoot .wfy {color:#A32C00; font-size:13px; display:block; float:right; margin:0px auto;}
.footer .exfoot .wfy a {color:#A32C00; padding:0px; margin:0px; text-decoration:none;}
.footer .exfoot .wfy a:hover {text-decoration:underline;}

.res940 .footer {background:url('/images/1/background-footer-940.jpg') top center no-repeat;}
/* -- Image Background */

.res940 .footer .farea .fcols .col2 .fform {margin:20px 272px 0px 0px;}

.res940 .footer .farea .fcols .col1 {width:318px;}
.res940 .footer .farea .fcols .col1 .tlbox .tlpic {width:278px; height:102px;}
.res940 .footer .farea .fcols .col2 {margin:2px 0px 0px 309px;}

.res940 .footer .earea {display:block; width:auto; max-width:none; margin:0px 10px 0px 10px}

.res940 .footer .farea .col2 .fmap {width:246px;}
			 /* Map */
.res940 .footer .farea .col2 .banner {width:246px;}
.res940 .footer .farea .col2 .banner img {width:246px;}
				 /* -- Banner */
.res940 .footer .farea .col2 .video .mg {width:246px;}
	 /* 	-- Video */
.res940 .footer .farea .col2 .video img {width:246px;}
/* 	-- Video */	

.res720 .footer {background:url('/images/1/background-footer-720.jpg') top center no-repeat;}
/* -- Image Background */

.res720 .footer .farea .fcols .col1 {position:relative; width:auto; padding:0px 0px 0px 0px; display:block; clear:both; margin:0px; z-index:61; min-height:277px;}

.res720 .footer .farea .fcols .col1 .tlbox {display:block; padding:0px 350px 0px 0px; float:none;}
.res720 .footer .farea .fcols .col1 .tlbox .tlpic {position:absolute; right:20px; top:61px; width:330px; height:122px;}

/* .res720 .footer .farea .fcols .col1 .lkbox {width:330px; position:absolute; right:0px; top:62px; margin-top:0px;}
 */

.res720 .footer .farea .fcols .col2 {width:auto; clear:both; padding:0px 0px 0px 0px; margin:30px 0px 0px 0px;}
.res720 .footer .farea .fcols .col2 .tlbox {padding-bottom:0px;}
.res720 .footer .farea .fcols .col2 .fform {width:auto; margin:18px 350px 0px 0px; float:none;}
.res720 .footer .farea .fcols .col2 .fmap {width:330px; height:310px; position:absolute; right:20px; bottom:53px; margin:0px;}
.res720 .footer .farea .fcols .col2 .security span {text-align:right;}
.res720 .footer .farea .fcols .col2 .security .code {float:right; width:60px;}
.res720 .footer .farea .col2 .banner {bottom:53px;}
		 /* -- Banner */
.res720 .footer .farea .col2 .video {bottom:53px;}
	 /* 	 -- Video */	

.res720 .footer .flinks .flarea {font-size:15px; line-height:25px; padding:16px 20px 16px 20px;}
.res720 .footer .flinks .flarea a {margin:0px 12px 0px 12px;}

.res720 .footer .exfoot .earea {display:block; width:auto; max-width:none; /* margin:0px 10px 0px 10px; */}

.res480 .footer {background:url('/images/1/background-footer-480.jpg') top center no-repeat;}
/* -- Image Background */
.res480 .footer .farea .fcols .tlbox {display:block; padding:0px 0px 35px 0px;}
.res480 .footer .farea .fcols .tlbox .tlpic {width:440px; height:162px;}

.res480 .footer .farea .col1 {position:inherit; width:auto; padding:0px 0px 0px 0px; display:block;}
/* .res480 .footer .farea .fcols .col1 .lkbox {margin:15px 20px 0px 20px; text-align:center;}
 */

.res480 .footer .farea .col2 {width:auto; clear:both; padding:0px 0px 0px 0px; margin:30px 0px 0px 0px;}
.res480 .footer .farea .col2 .tlbox {padding:0px 0px 0px 0px;}
.res480 .footer .farea .col2 .fform {width:100%; float:none; display:block; margin:20px 0px 0px 0px;}

.res480 .footer .farea .col2 .fmap {display:block; position:static; width:auto; height:391px; margin:20px auto 0 auto !important; overflow:hidden;}
/* Map */
.res480 .footer .farea .col2 .banner {display:block; position:static; width:440px; height:391px; margin:20px auto 0 auto;}
	 /* -- Banners */
.res480 .footer .farea .col2 .banner img {width:440px; height:391px;}
						 /* -- Banners */
.res480 .footer .farea .col2 .video {display:block; position:static; width:440px; margin:20px auto 0 auto !important;}
	 /* -- Video */
.res480 .footer .farea .col2 .video .mg {width:440px; height:391px;}
	 /* 	 -- Video */
.res480 .footer .farea .col2 .video img {width:440px; height:391px;}
	 /* 	 -- Video */
.res480 .lnk-close-video {left:432px; top:-23px;}
/* 	 -- Video */
.res480 .cnt-video {width:453px; height:255px;}
/* 	 -- Video */
.res480 .cnt-video-2 {width:453px; height:255px;}
/* 	 -- Video */
.res480 .cnt-video-1 {width:453px; height:255px; margin-left:-227px;}
/* 	 -- Video */

.res480 .footer .flinks .flarea {line-height:22px; padding:16px 20px 16px 20px;}
.res480 .footer .flinks .flarea a {margin:0px 12px 0px 12px;}

.res480 .footer .earea {text-align:center; width:auto;}
.res480 .footer .exfoot .wfy {width:auto; float:none; display:block; margin:8px 0px 0px 0px; padding:0px;}

/* ------ */

.res320 .footer {background:url('/images/1/background-footer-320.jpg') top center no-repeat;}
/* -- Image Background */
.res320 .footer .farea .fcols .ttl {margin:0px 10px 18px 10px;}
.res320 .footer .farea .fcols .tlbox {display:block; padding:0px 0px 0px 0px; margin:0px 10px 0px 10px;}
.res320 .footer .farea .fcols .tlbox .tlpic {width:300px; height:110px;}

.res320 .footer .farea .col1 {position:inherit; width:auto; padding:0px 0px 0px 0px; display:block;}
/* .res320 .footer .farea .fcols .col1 .lkbox {margin:35px auto 0px auto; text-align:center; width:300px;}
 */

.res320 .footer .farea .col2 {width:auto; clear:both; padding:0px 0px 0px 0px; margin:30px 0px 0px 0px;}
.res320 .footer .farea .col2 .fform {width:100%; float:none; display:block; margin:20px 0px 0px 0px;}
.res320 .footer .farea .fcols .col2 .security span {line-height:19px; width:98px; text-align:right;}
.res320 .footer .farea .fcols .col2 .security span b {display:inherit;}

.res320 .footer .farea .col2 .fmap {display:block; position:static; width:auto; height:249px; margin:20px auto 0 auto !important; overflow:hidden;}
					/* Map */
.res320 .footer .farea .col2 .banner {display:block; position:static; width:280px; height:249px; margin:20px auto 0 auto;}
	 /* -- Banners */
.res320 .footer .farea .col2 .banner img {width:280px; height:249px;}
						 /* -- Banners */
.res320 .footer .farea .col2 .video {display:block; position:static; width:300px; margin:20px auto 0 auto !important;}
	/* -- Video */
.res320 .footer .farea .col2 .video .mg {width:300px; height:249px;}
	 /* 	-- Video */
.res320 .footer .farea .col2 .video img {width:100%; height:249px;}
	 /* 	-- Video */
.res320 .lnk-close-video {top:-24px; left:293px;}
/* 	-- Video */
.res320 .cnt-video {width:313px; height:173px;}
/* 	-- Video */
.res320 .cnt-video-2 {width:307px; height:174px;}
/* 	-- Video */
.res320 .cnt-video-1 {width:315px; height:174px; margin-left:-158px;}
/* 	-- Video */

.res320 .footer .farea .fcols .col2 .phonebottom {top:6px; right:10px; background:none; font-weight:600; font-size:15px; padding:0;}

.res320 .footer .flinks .flarea {font-size:14px; line-height:22px; padding:16px 10px 16px 10px;}
.res320 .footer .flinks .flarea a {margin:0px 12px 0px 12px;}

.res320 .footer .earea {text-align:center; width:auto; padding:15px 10px 15px 10px;}
.res320 .footer .exfoot .wfy {width:auto; float:none; display:block; margin:8px auto 0px auto; padding:0px;}

/* CUSTOM CSS FOR SPECIFIC PAGES */
.container .carea .left {float:left; margin:5px 20px 15px 0px;}
.container .carea .right {float:right; margin:5px 0px 15px 20px;}

.res720 .container .carea .left {float:none; margin:0 auto 15px auto; width:560px;}
.res480 .container .carea .left {float:none; margin:0 auto 15px auto; width:560px;}
.res320 .container .carea .left {float:none; width:280px; margin:0 auto 15px auto;}
.res320 .container .carea .left iframe {width:280px;}

.res720 .container .carea .right {float:none; margin:0 auto 15px auto; width:auto;}
.res480 .container .carea .right {float:none; margin:0 auto 15px auto; width:auto;}
.res320 .container .carea .right {float:none; width:auto; margin:0 auto 15px auto;}
.res320 .container .carea .right iframe {width:280px;}

/* ***** WS BUTTON ***** */
.ws .btn-ws {position:fixed; width:86px; height:86px; background:url(/images/site/flotante-ws.png) no-repeat; background-size:cover; border-radius:50px; bottom:20px; left:20px; cursor:pointer; z-index:99;}
.ws .btn-ws:hover {background:url(/images/site/flotante-ws-h.png) no-repeat; background-size:cover;}
.ws .btn-ws::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:86px; height:86px; border:10px solid #00ce65; border-radius:100%; animation:pulse linear 1s infinite;}
.ws .btn-ws::after {animation-delay:-1.5s;}
@keyframes pulse {0% {width:86px; height:86px; border:0px solid #00ce65;}
100% {width:89px; height:89px; border:15px solid transparent;}
}

/* **** EBOOK ***** */
.cpage .ebook {width:22%; float:left; margin:0px 15px 20px;}
.cpage .ebook .ltext {display:block; text-align:left; color:#000; font-weight:600; font-size:14px; margin:5px 3px;}
.cpage .ebook .ltext:hover {color:#A32C00; text-decoration:none;}
.cpage .ebook a img {width:100%; height:auto;}
.cpage .ebook a:hover img {opacity:0.7;}

.res940 .cpage .cpage .ebook {margin:0px 12px 20px;}
.res720 .cpage .cpage .ebook {margin:0px 10px 20px;}
.res480 .cpage .cpage .ebook {width:45%; margin:0 10px 20px;}
.res320 .cpage .cpage .ebook {width:80%; margin:0 30px 20px;}

/* **** BROCHURE **** */
.brochure {display:block; width:720px; height:720px; margin:40px auto 0;}
.res720 .brochure {width:520px; height:520px;}
.res480 .brochure {width:440px; height:640px;}
.res320 .brochure {width:280px; height:370px;}

/* ***** POPUP CSS ***** */
.popup-layer {position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; display:none; background:url(/images/0/bg-video.png) center;}
.popup {position:fixed; width:660px; height:auto; z-index:999999; bottom:0px; left:50%; margin-left:-330px; display:none;}
.popup .text {color:#000; width:125px; height:35px; position:absolute; top:269px; margin-left:-230px; text-decoration:none; text-align:center; font-size:22px; font-weight:700;}
.popup .text:hover {text-decoration:underline;}
.popup .close {background:url(/images/site/close.png) center no-repeat; height:17px; width:17px; position:absolute; background-size:cover; margin-left:630px; top:15px !important; cursor:pointer;}
.popup .close:hover {background:url(/images/site/close-h.png) center no-repeat;}
.res480 .popup .close {margin-left:360px; top:10px !important;}
.res480 .popup {width:389px; margin-left:-199px;}
.res320 .popup {width:289px; margin-left:-147px;}
.res320 .popup a img {width:289px;}
.res320 .popup .close {margin-left:260px; top:10px !important;}

/* Bottom Cookies Message */
.res1810 .bannTxt .bannArea {padding:10px 0px 10px 0px;}
.res1810 .bannTxt .bannArea .close {right:0px;}

.bannTxt {min-height:70px; background:#F4D77B; color:#752000; display:none; position:fixed; width:100%; bottom:0px; left:0px; z-index:300;}
.bannTxt .bannArea {padding:12px 20px 12px 20px; max-width:1130px; margin:0 auto; overflow:hidden; position:relative;}
.bannTxt .bannArea .txt {font-size:16px; font-weight:600; display:block; padding-right:195px; text-align:justify; line-height:21px;}
.bannTxt .bannArea .txt a {color:#000; text-decoration:underline;}
.bannTxt .bannArea .close {position:absolute; background:#fff; width:145px; height:32px; right:20px; top:16px; cursor:pointer; text-align:center; font-weight:600; text-transform:uppercase; line-height:32px; font-size:16px; letter-spacing:0.3px;}
.bannTxt .bannArea .close:hover {text-decoration:underline;}

.res940 .bannTxt .bannArea {padding:8px 0px 8px 20px;}
.res940 .bannTxt .bannArea .txt {width:auto;}
.res720 .bannTxt .bannArea {padding:8px 20px 8px 20px;}
.res720 .bannTxt .bannArea .txt {width:auto; padding-right:0px;}
.res720 .bannTxt .bannArea .close {top:0px; position:static; margin:10px auto 0px auto;}
.res480 .bannTxt .bannArea {padding:8px 20px 8px 20px;}
.res480 .bannTxt .bannArea .txt {font-size:14px; padding-right:0px;}
.res320 .bannTxt .bannArea {padding:8px 10px 8px 10px;}
.res480 .bannTxt .bannArea .close {top:0px; right:0px; position:static; margin:10px auto 0px auto; font-size:15px; width:125px;}
.res320 .bannTxt .bannArea .txt {font-size:14px; width:auto; padding-right:0px;}
.res320 .bannTxt .bannArea .close {top:0px; right:0px; position:static; margin:10px auto 0px auto; font-size:14px; width:125px;}

/* .slide .text {background:#fc8bbf; color:#e33b89; width:320px; height:40px; position:relative; top:326px; margin-right:17%; text-decoration:none; text-align:center; font-size:20px; font-weight:700; line-height:38px; border-radius:40px; float:right;}
.slide .text:hover {background:#e1368a00; border:#f46da8 solid 4px; color:#f46da8;}
.res720 .slide .text {margin-right:10%; width:290px; font-size:17px;}
.res480 .slide .text {margin-right:10%; width:212px; height:30px; font-size:14px; top:220px; line-height:25px;}
.res320 .slide .text {margin-right:17.8%; width:212px; height:30px; font-size:14px; top:252px; line-height:25px;}
*/

/* ***** Chat Start ***** */
div#wfyInitChat {width:167px; height:124px; position:fixed; bottom:20px; right:42px; z-index:101;}
#wfyInitChat {width:167px; height:124px; position:fixed; bottom:20px; right:42px; z-index:101;}
#wfyInitChat .btn-chat {background:none; width:95px; height:95px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; position:fixed; bottom:20px; right:25px; margin-right:17px !important; cursor:pointer;}
#wfyInitChat.offline .btn-chat {width:95px; height:95px;}
#wfyInitChat .btn-chat .textOffLine {background:#000; border-radius:55px; height:95px; width:95px; color:#fff; text-align:center; padding:0px 0px 0px 0px; overflow:hidden;}
#wfyInitChat .btn-chat .textOffLine .offttl {display:block; font-size:13px; text-align:center; width:100%; background:#fff; color:#000; font-weight:700; margin-top:22px;}
#wfyInitChat .btn-chat .textOffLine .offstatus {font-style:italic; display:block; font-weight:300; line-height:15px;}
#wfyInitChat .btn-chat .textOffLine .offmsg {display:block; font-size:12px; position:absolute; bottom:26px; background:url(/images/0/chat/leave-message-icon.png) center left no-repeat; padding-left:23px; line-height:13px; text-align:left; left:8px;}
#wfyInitChat .btn-chat .textOffLine .offmsg:hover {background:url(/images/0/chat/leave-message-icon-h.png) center left no-repeat;}
#wfyInitChat .btn-chat img {width:95px; height:95px; object-fit:cover; border-radius:50px;}
#wfyInitChat .btn-chat::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:85px; height:85px; border:10px solid #00c91e; border-radius:100%; animation:pulsoOn linear 1s infinite;}
#wfyInitChat.offline .btn-chat::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:105px; height:105px; border:4px solid #999; border-radius:100%; animation:none;}
#wfyInitChat .btn-chat::after {animation-delay:-1.5s;}
/* #wfyInitChat .btn-chat.Active::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:85px; height:85px; border:10px solid #000; border-radius:100%; animation:pulsoOff linear 1s infinite;}
*/
#wfyInitChat .btn-chat.Active::before {content:""; position:absolute; top:48%; left:49%; transform:translate(-50%, -50%); width:105px; height:105px; border:6px solid #00c91e; border-radius:100%; animation:none;}
#wfyInitChat .btn-chat.Active::after {animation-delay:-1.5s;}
#wfyInitChat .btn-chat .loading {background:url(/images/0/chat/loading-opacity.png); width:95px; height:95px; display:block; position:absolute; bottom:0px; border-radius:50px;}
#wfyInitChat .cld-chat {width:87px; height:60px; position:absolute; left:0px; top:0px; background:url('/images/0/chat/speech-buble.png') left center no-repeat; text-align:left; color:#fff; padding:8px 0px 0px 9px; cursor:pointer;}
#wfyInitChat .cld-chat.Active {background:url(/images/0/chat/speech-buble-blue.png) left center no-repeat;}
#wfyInitChat .cld-chat .agntname {font-size:13.4px; font-weight:600; line-height:13px; padding:2px 0px 0px 0px; color:#fff;}
#wfyInitChat .cld-chat .agntstatus {font-size:10px; line-height:13px; font-style:italic; font-weight:400; letter-spacing:0.3px;}
#wfyInitChat .cld-chat .agntmsg {font-size:9px; font-weight:600;}
#wfyInitChat .cld-chat.Active .agntmsg {font-size:9px; font-weight:600; color:#00c91e;}
#wfyInitChat .btn-chat .on {background:url(/img/wfychat/online.png) center no-repeat; width:13px; height:13px; position:absolute; bottom:9px; right:15px; z-index:100;}
#wfyInitChat .btn-chat .off {background:url(/img/wfychat/offline.png) center no-repeat; width:13px; height:13px; position:absolute; bottom:7px; right:10px; z-index:100;}
#chatWindowLayer {position:fixed; bottom:0px; z-index:9999; right:20px; background:#fff; height:465px; width:300px; border-radius:6px 6px 0px 0px; display:none; border:solid 1px #000; border-bottom:none;}
#chatWindowLayer.ChatClose {height:auto;}
@keyframes pulsoOff {0% {width:90px; height:90px; border:0px solid #00c91e;}
100% {width:100px; height:100px; border:10px solid transparent;}
}
@keyframes pulsoOn {0% {width:90px; height:90px; border:0px solid #00c91e;}
100% {width:100px; height:100px; border:10px solid transparent;}
}
@keyframes pulsoOffLine {0% {width:110px; height:110px; border:0px solid #000;}
100% {width:120px; height:120px; border:10px solid transparent;}
}
#CloseChat {position:absolute; left:75px; top:8px; width:18px; height:16px; background:url('/images/0/chat/close-chat-btn.png') center no-repeat; z-index:102; cursor:pointer; border-radius:18px; text-align:center;}
.offline #CloseChat {top:25px; right:7px; left:auto; background:url('/images/0/chat/close-chat-off-bg.png') center no-repeat;}
.offline #CloseChat span {background:url('/images/0/chat/close-chat-off.png') center no-repeat; display:block; width:13px; height:13px; margin:1px;}

#chatContent {display:none;}
#chatContent {position:fixed; top:0; left:0; z-index:999999; display:none; width:100%; height:100%; overflow-y:scroll;}
#chatContent .conten .detected {display:block; color:#ff0000;}
#chatContent .conten {position:absolute; background:#fff; padding:0px; max-width:722px; top:20px; left:50%; margin:0px 0px 0px -361px; border-radius:5px; min-height:520px;}

#chatContent .conten.wfyCustomChatForm.One {min-height:420px;}
#chatContent .conten.wfyCustomChatForm.One .logocnt {display:none;}
#chatContent .conten.wfyCustomChatForm.Two {min-height:499px;}

#chatContent .conten .error {display:block; padding:35px 45px 20px 20px;}
#chatContent .conten form {padding:12px 27px 30px 23px; position:relative;}
#chatContent .conten .msg {color:#333; font-weight:400; font-size:17px; margin:0px auto 6px auto; float:none; display:block; line-height:20px; text-align:center; padding:0px 25px;}
#chatContent .conten .msg .sitetel {font-weight:700;}
#chatContent .conten .infocnt {float:left; width:259px; height:100%; text-align:center; color:#fff; border-radius:5px 0px 0px 5px; background:#000; position:absolute; padding:0px;}
#chatContent .conten .infocnt .infochat {padding:22px 20px 20px 15px;}
#chatContent .conten .infocnt .logocnt {border-bottom:1px solid #A32C00; padding:0px 0px 23px 0px;}
#chatContent .conten .infocnt .logocnt .txt {text-transform:uppercase; font-size:24px; font-weight:400; line-height:24px; margin-top:12px;}
#chatContent .conten .infocnt .logocnt .txt .emphasis {font-weight:700;}
#chatContent .conten .infocnt .logocnt .txt2 {font-size:17px; font-weight:400;}
#chatContent .conten .infocnt .chathours {border-bottom:1px solid #A32C00; padding:18px 12px 21px 12px; font-size:18px;}
#chatContent .conten .infocnt .chathours .hoursttl {background:url(/images/0/chat/chat-hours-icon.png) left center no-repeat; font-size:20px; font-weight:600; text-transform:uppercase; padding:0px 0px 0px 36px;}
#chatContent .conten .infocnt .chathours .chatdays {display:block; text-align:left; margin-top:15px;}
#chatContent .conten .infocnt .chathours .chathour {display:block; text-align:left;}
#chatContent .conten .infocnt .chatagnt {border-bottom:1px solid #A32C00; overflow:hidden; padding:5px 0px 5px 0px;}
#chatContent .conten .infocnt .chatagnt .agntpic {float:left; width:95px; height:95px; margin-right:2px; border-radius:50px;}
#chatContent .conten .infocnt .chatagnt .agntname {float:left; margin-top:29px; font-size:16px; font-weight:600;}
#chatContent .conten .infocnt .chatagnt .agntstatus {float:left; font-size:16px; font-style:italic; font-weight:300; line-height:15px; letter-spacing:0.3px;}
#chatContent .conten .infocnt .chatcall {border-bottom:1px solid #A32C00; padding:18px 0px 21px 0px;}
#chatContent .conten .infocnt .chatcall .sitetel {text-decoration:none; border:none; color:#fff !important; padding:3px 0px 3px 26px; background:url('/images/0/chat/cellph.png') left center no-repeat; font-size:20.1px; font-weight:700; letter-spacing:0.3px;}
#chatContent .conten .infocnt .chatcall .sitetel:hover {text-decoration:underline;}
#chatContent .conten .infocnt .chatcall .text {margin:8px auto 0px auto; font-size:15px; line-height:18px; font-weight:400; width:191px;}
#chatContent .conten .wfyChatFormCnt {float:right; width:64.15%; position:static; top:auto; right:auto;}
#chatContent .closeChat {cursor:pointer; width:27px; height:27px; background:url('/images/0/chat/close-ctab.png') center no-repeat; position:absolute; top:10px; right:10px; z-index:5;}
#chatContent .closeChat:hover {background:url('/images/0/chat/close-ctab-h.png') center no-repeat;}
#chatContent .bg {background:url('/images/0/chat/bg_capa_absoluta.png') repeat; position:fixed; width:100%; height:100%; top:0; left:0;}
#chatContent .fmText {color:#f00; position:absolute; right:31px !important; font-size:12px !important; line-height:11px !important; text-align:right; margin-top:5px; margin-right:7px; font-weight:400;}
#chatContent .title {font-weight:400; color:#000; font-size:23px; margin:0px; padding:16px 12px 8px 12px; text-align:center; text-transform:uppercase; z-index:1;}
#chatContent .title .emphasis {font-weight:700;}
#chatContent .form {float:right; list-style:none; width:43%;}
#chatContent label {display:block; float:left; margin:0px 0px 5px 0px;}
#chatContent input {background:#efefef; border:1px solid transparent; border-radius:5px; width:100%; height:40px; margin:0px 0px 10px 0px; padding-left:10px; color:#333 !important; box-sizing:border-box; font-size:15px; padding:9px 10px 9px 10px; font-family:'Open Sans', sans-serif;}
#chatContent input::-webkit-input-placeholder {color:#88898c;}
#chatContent input:-moz-placeholder {color:#88898c;}
#chatContent input::-moz-placeholder {color:#88898c;}
#chatContent input:-ms-input-placeholder {color:#88898c;}
#chatContent .conten p a {color:#304558; text-decoration:none; font-weight:600;}
#chatContent textarea {background:#efefef; border:1px solid transparent; border-radius:5px; width:100%; padding:5px 5px 0px 10px; margin:0px 0px 10px 0px; height:98px; font-family:'Open Sans', sans-serif; color:#333 !important; font-weight:400; box-sizing:border-box; font-size:15px;}
#chatContent textarea::-webkit-input-placeholder {color:#88898c;}
#chatContent textarea:-moz-placeholder {color:#88898c;}
#chatContent textarea::-moz-placeholder {color:#88898c;}
#chatContent textarea:-ms-input-placeholder {color:#88898c;}
#chatContent .security {margin-right:-2px;}
#chatContent .security label {float:left; width:146px; color:#333; font-weight:700; text-align:right; height:43px; font-size:15.4px; line-height:40px;}
#chatContent .security label u {text-decoration:none;}
#chatContent #ChatFormCode {width:108px; background:none; border:2px solid #e6e6e6; margin:0px 9px 0px 8px; height:44px; text-align:center;}
#chatContent .submit {background:#000; border:0; margin:0px 2px 0px 0px; font-weight:700; color:#fff !important; width:132px !important; float:right; cursor:pointer; font-size:22px; height:34px; text-align:center; padding:0px; border-radius:5px;}
#chatContent div.submit {height:44px; line-height:44px;}
#chatContent input.submit {height:43px;}
#chatContent .submit:hover {background:#A32C00;}
.res720 #chatContent .conten .infocnt .logocnt .txt {font-size:20px; line-height:20px;}
.res720 #chatContent .conten .infocnt .chathours {padding:18px 7px 21px 7px;}
.res720 div#chatContent .submit {width:112px !important;}
.res720 #chatContent .conten {max-width:680px; margin-left:-340px;}
.res720 #chatContent .conten .infocnt {width:250px;}
.res720 #chatContent .conten .wfyChatFormCnt {width:63.85%;}
.res720 #chatContent .conten .msg {width:320px; margin:0px auto 3px auto;}
.res720 #chatContent .security span {width:125px;}

.res480 #wfyInitChat {right:27px;}
.res480 #wfyInitChat .btn-chat {right:10px;}
.res480 #chatContent .conten {margin-left:-220px; margin-top:0px; max-width:440px; padding-bottom:120px; top:4%; min-height:430px;}
.res480 #chatContent .conten .infocnt {float:none; width:auto; min-height:140px; padding:0px; border-radius:4px 4px 0px 0px; position:static;}
.res480 #chatContent .conten .infocnt .infochat {padding:10px 20px 13px 15px; height:100%;}
.res480 #chatContent .conten .infocnt .logocnt {border-bottom:none; padding-bottom:0px; float:left; margin:0px; width:200px;}
.res480 #chatContent .conten.offline .infocnt .logocnt {/* float:none; *// * margin:0px auto; */}
.res480 #chatContent .conten .infocnt .logocnt .txt {font-size:17px; line-height:17px; margin-top:10px;}
.res480 #chatContent .conten .infocnt .logocnt .txt2 {font-size:13px; line-height:15px;}
.res480 #chatContent .conten .infocnt .chathours {border:none; font-size:16px; float:right; width:180px; padding:20px 15px 0px 0px;}
.res480 #chatContent .conten .infocnt .chathours .hoursttl {font-size:17px; padding:2px 0px 2px 34px;}
.res480 #chatContent .conten .infocnt .chathours .chatdays {text-align:center;}
.res480 #chatContent .conten .infocnt .chathours .chathour {text-align:center;}
.res480 #chatContent .conten .infocnt .chatagnt {border-bottom:none; padding:19px 12px 0px 0px; float:right; width:47%;}
.res480 #chatContent .conten .infocnt .chatagnt .agntpic {width:85px; height:85px; margin:0px;}
.res480 #chatContent .conten .infocnt .chatagnt .agntname {margin-top:27px; font-size:14px;}
.res480 #chatContent .conten .infocnt .chatagnt .agntstatus {font-size:14px; line-height:12px;}
.res480 #chatContent .conten .infocnt .chatcall {border-bottom:none; border-radius:0px 0px 0px 4px; padding:12px 0px 12px 0px; position:absolute; bottom:0px; left:0px; background:#000; width:50%;}
.res480 #chatContent .conten .infocnt .chatcall .sitetel {background:url('/images/0/chat/cellph-480.png') left center no-repeat; font-size:20px; float:left; margin-left:15px; line-height:20px; padding-left:20px;}
.res480 #chatContent .conten .infocnt .chatcall .text {margin:0px 18px 0px 0px; float:right; width:193px; font-size:14px; letter-spacing:0.5px;}
.res480 #chatContent .conten .wfyChatFormCnt {float:none; width:auto;}
.res480 #chatContent .title {font-size:20px; padding:15px 12px 2px 12px;}
.res480 #chatContent .conten .msg {font-size:15px; margin:0px auto 3px auto; padding:0px 20px;}
.res480 #chatContent .conten form {padding:11px 28px 23px 25px;}
.res480 #chatContent input {font-size:15px; padding:0px 10px 0px 10px; height:33px; margin:0px 0px 8px 0px;}
.res480 #chatContent textarea {height:49px; font-size:15px;}
.res480 #chatContent .submit {margin-right:3px; width:115px !important; height:44px; font-size:20px; padding:6px 0px 4px 0px; line-height:34px;}
.res480 #chatContent div.submit {padding:0px; line-height:44px;}
.res480 #chatContent .security span {padding:0px; font-size:14px;}

.res320 #wfyInitChat {right:22px;}
.res320 #wfyInitChat .btn-chat {right:5px;}
.res320 #chatContent .title {font-size:19px;}
.res320 #chatContent .closeChat {top:5px; right:5px; width:22px; height:22px; background:url('/images/0/chat/close-ctab.png') center no-repeat; background-size:cover;}
.res320 #chatContent .closeChat:hover {background:url('/images/0/chat/close-ctab-h.png') center no-repeat; background-size:cover;}
.res320 #chatContent .conten {max-width:290px; margin-left:-145px; margin-top:0px; padding-bottom:230px; top:4%; min-height:440px;}
.res320 #chatContent .conten .infocnt {float:none; width:auto; height:140px; padding:0px; border-radius:4px 4px 0px 0px; position:static;}
.res320 #chatContent .conten .infocnt .infochat {padding:8px 10px 15px 8px; overflow:hidden;}
.res320 #chatContent .conten .infocnt .logocnt {border-bottom:none; padding-bottom:0px; float:left; margin:0px; width:50%;}
.res320 #chatContent .conten.offline .infocnt .logocnt {/* float:none; *//* margin:0px auto; */}
.res320 #chatContent .conten .infocnt .logocnt .txt {font-size:13px; margin-top:6px; line-height:14px;}
.res320 #chatContent .conten .infocnt .logocnt .txt2 {font-size:12px; line-height:12px; width:90px; margin:0px auto;}
.res320 #chatContent .conten .infocnt .chathours {border:none; font-size:12px; float:right; width:50%; padding:46px 0px 0px 0px;}
.res320 #chatContent .conten .infocnt .chathours .hoursttl {background:url(/images/0/chat/chat-hours-icon.png) top center no-repeat; font-size:15px; padding:30px 0px 2px 0px;}
.res320 #chatContent .conten .infocnt .chathours .chatdays {margin-top:10px; text-align:center;}
.res320 #chatContent .conten .infocnt .chathours .chathour {text-align:center;}
.res320 #chatContent .conten .infocnt .chatagnt {border-bottom:none; padding:12px 0px 0px 0px; float:right; width:50%;}
.res320 #chatContent .conten .infocnt .chatagnt .agntpic {width:75px; height:75px; margin:0px;}
.res320 #chatContent .conten .infocnt .chatagnt .agntname {margin-top:22px; font-size:14px; letter-spacing:0.3px;}
.res320 #chatContent .conten .infocnt .chatagnt .agntstatus {font-size:13px; width:54px; text-align:left; line-height:13px;}
.res320 #chatContent .conten .infocnt .chatcall {border-bottom:none; border-radius:0px; padding:12px 0px 12px 0px; position:absolute; bottom:100px; left:0px; width:100%; background:#000;}
.res320 #chatContent .conten .infocnt .chatcall .sitetel {background:url('/images/0/chat/cellph-480.png') left center no-repeat; font-size:21px; float:left; margin-left:25px; float:none; margin:0px;}
.res320 #chatContent .conten .infocnt .chatcall .text {margin:7px auto 0px auto; float:none; width:200px; font-size:14px; letter-spacing:0.5px; font-weight:200;}
.res320 #chatContent .conten .wfyChatFormCnt {float:none; width:auto;}
.res320 #chatContent .title {font-size:20px; padding:10px 12px 5px 12px;}
.res320 #chatContent .conten .msg {font-size:15px; line-height:17px; margin:0px auto 3px auto; width:250px;}
.res320 #chatContent .conten form {padding:11px 28px 23px 25px;}
.res320 #chatContent input {padding:0px 10px 0px 10px; height:33px; margin:0px 0px 8px 0px;}
.res320 #chatContent textarea {height:49px; line-height:16px;}
.res320 #chatContent .security {margin-right:0;}
.res320 #chatContent .security input {width:85px !important; height:44px;}
.res320 #chatContent .security span {padding-left:0; width:65px; font-size:14px; line-height:17px; height:auto;}
.res320 #chatContent .close-popup {right:10px;}
.res320 #chatContent .conten form {padding:11px 15px 20px 15px;}
.res320 #chatContent .submit {width:88px !important; margin:0px; font-size:17px; line-height:36px; padding:5px 0px 5px 0px;}
.res320 #chatContent div.submit {padding:0px; line-height:44px;}
.res320 #chatContent .security label {width:70px; line-height:21px; text-align:left;}

#chatContent .charge {width:100%; height:100%; margin:0 auto 0; display:none; opacity:0.8; background:#fff; position:fixed;}
#chatContent img.load {width:100%; max-width:319px; position:relative; margin:0 auto; top:150px; display:none;}
#chatContent img.load-on {display:block;}
#chatContent .charge-on {display:block;}

#chatContent .conten.wfyCustomChatForm .infocnt .chatlinks {text-align:center;}
#chatContent .conten.wfyCustomChatForm .infocnt .chatlinks .title {font-size:16px; font-weight:700; color:#fff; text-transform:none; padding:15px 12px 15px 12px;}
#chatContent .conten.wfyCustomChatForm .infocnt .chatlinks .fbchat {background:url('/images/0/chat/messenger-icon.png') center no-repeat; width:38px; height:38px; display:inline-block; zoom:1; margin:0px 7px 0px 7px; text-indent:-9999px;}
#chatContent .conten.wfyCustomChatForm .infocnt .chatlinks .fbchat:hover {background:url('/images/0/chat/messenger-icon-h.png') center no-repeat;}
#chatContent .conten.wfyCustomChatForm .infocnt .chatlinks .wtsappchat {background:url('/images/0/chat/wp-icon.png') center no-repeat; width:38px; height:41px; display:inline-block; zoom:1; margin:0px 7px 0px 7px; text-indent:-9999px;}
#chatContent .conten.wfyCustomChatForm .infocnt .chatlinks .wtsappchat:hover {background:url('/images/0/chat/wp-icon-h.png') center no-repeat;}
.res480 #chatContent .conten.wfyCustomChatForm {padding-bottom:135px;}
.res480 #chatContent conten.wfyCustomChatForm.One .logocnt {display:block;}
.res480 #chatContent .infocnt .wfyFormAddonsChat {border-bottom:none; border-radius:0px 0px 4px 0px; padding:12px 0px 18px 0px; position:absolute; bottom:0px; right:0px; width:50%;}
.res480 #chatContent .infocnt .wfyFormAddonsChat .title {padding:2px 12px 5px 12px;}
.res480 #chatContent .infocnt .wfyFormAddonsChat {border-bottom:none; border-radius:0px 0px 4px 0px; padding:12px 0px 15px 0px; position:absolute; bottom:0px; right:0px; width:50%; background:#000;}
.res480 #chatContent .conten.wfyCustomChatForm .infocnt .chatcall {border-bottom:none; border-radius:0px 0px 0px 4px; padding:14px 0px 14px 0px; position:absolute; bottom:0px; left:0px; background:#000; width:50%;}
.res480 #chatContent .conten.wfyCustomChatForm .infocnt .chatcall .text {float:left; margin:8px 0px 0px 15px;}
.res320 #chatContent .conten.wfyCustomChatForm {padding-bottom:230px;}
.res320 #chatContent .conten.wfyCustomChatForm.One .logocnt {display:block;}
.res320 #chatContent .infocnt .wfyFormAddonsChat .title {padding:2px 12px 10px 12px;}
.res320 #chatContent .infocnt .wfyFormAddonsChat {border-bottom:none; border-radius:0px 0px 4px 0px; padding:0px 0px 18px 0px; position:absolute; bottom:0px; width:100%; right:0px; background:#000;}
.res320 #chatContent .conten.wfyCustomChatForm .infocnt .chatcall {border-bottom:none; border-radius:0px; padding:14px 20px 15px 20px; position:absolute; bottom:93px; left:0px; background:#000; width:auto;}
.res320 #chatContent .conten.wfyCustomChatForm .infocnt .chatcall .text {float:none; margin:7px 0px 0px 0px; width:100%;}

/* Main */
#chatContent.channelsCnt {overflow-y:hidden; width:0; height:0;}
#chatContent .wfyFormAddonsChat {overflow:hidden; text-align:center;}
#chatContent .wfyFormAddonsChat .title {font-size:16px; font-weight:700; color:#fff; text-transform:none; padding:15px 12px 15px 12px;}
#chatContent .wfyFormAddonsChat .wfyChatChannelIcon {display:inline-block; text-indent:-9999; width:50px; height:50px; margin:0px 2px;}
#chatContent .wfyFormAddonsChat .wfyChatChannelIcon a {display:block; cursor:pointer; width:100%; height:100%; text-indent:-9999px;}
#chatContent .wfyFormAddonsChat .wfyChatChannelIcon.ws a {background:url(/img/wfychat/wp-icon.png) center no-repeat;}
#chatContent .wfyFormAddonsChat .wfyChatChannelIcon.tg a {background:url(/img/wfychat/telegram-icon.png) center no-repeat;}
#chatContent .wfyFormAddonsChat .wfyChatChannelIcon.fb a {background:url(/img/wfychat/msn-icon.png) center no-repeat;}

.wfyChatChannelsLayer {position:fixed; bottom:0px; z-index:9999; right:20px; background:#fff; height:auto; width:325px; border-radius:6px 6px 0px 0px; border:solid 1px #000; border-bottom:none;}

.wfyChatAddons {overflow:hidden; position:fixed; bottom:16px; width:95px; right:42px; z-index:999; text-align:center;}
.wfyChatAddons .wfyChatChannelIcon {display:inline-block; text-indent:-999999px; width:20px; height:20px; cursor:pointer; margin:0px 1px;}
.wfyChatAddons .wfyChatChannelIcon a {display:block;}
.wfyChatAddons .wfyChatChannelIcon.webs {background:url(/img/wfychat/website.png) no-repeat;}
.wfyChatAddons .wfyChatChannelIcon.ws {background:url(/img/wfychat/whatsapp.png) no-repeat;}
.wfyChatAddons .wfyChatChannelIcon.tg {background:url(/img/wfychat/telegram.png) no-repeat;}
.wfyChatAddons .wfyChatChannelIcon.fb {background:url(/img/wfychat/fb-messenger.png) no-repeat;}
.wfyChatAddons .wfyChatChannelIcon.viewm {background:url(/img/wfychat/more.png) no-repeat;}
.res480 .wfyChatAddons {right:28px;}
.res320 .wfyChatAddons {right:24px;}

/* ***** WS BUTTON ***** */
.wfyChatChannelBubble.ws .btn-ws {position:fixed; width:86px; height:86px; background:url(/img/wfychat/wp-float-icon.png) no-repeat; background-size:cover; border-radius:50px; bottom:20px; right:20px; cursor:pointer; z-index:99;}
.wfyChatChannelBubble.ws.leftBubble .btn-ws {right:210px;}
.wfyChatChannelBubble.ws .btn-ws:hover {background:url(/img/wfychat/wp-float-icon-h.png) no-repeat; background-size:cover;}
.wfyChatChannelBubble.ws .btn-ws::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:86px; height:86px; border:10px solid #00ce65; border-radius:100%; animation:pulse linear 1s infinite;}
.wfyChatChannelBubble.ws .btn-ws::after {animation-delay:-1.5s;}
@keyframes pulsoOff {0% {width:86px; height:86px; border:0px solid #00ce65;}
100% {width:89px; height:89px; border:15px solid transparent;}
}

/* ***** Telegram BUTTON ***** */
.wfyChatChannelBubble.tg .btn-tg {position:fixed; width:86px; height:86px; background:url(/img/wfychat/tg-float-icon.png) no-repeat; background-size:cover; border-radius:50px; bottom:20px; right:135px; cursor:pointer; z-index:99;}
.wfyChatChannelBubble.tg.leftBubble .btn-tg {right:210px;}
.wfyChatChannelBubble.tg .btn-tg:hover {background:url(/img/wfychat/tg-float-icon-h.png) no-repeat; background-size:cover;}
.wfyChatChannelBubble.tg .btn-tg::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:86px; height:86px; border:10px solid #229ed9; border-radius:100%; animation:pulse-tg linear 1s infinite;}
.wfyChatChannelBubble.tg .btn-tg::after {animation-delay:-1.5s;}
@keyframes pulse-tg {0% {width:86px; height:86px; border:0px solid #229ed9;}
100% {width:89px; height:89px; border:15px solid transparent;}
}

/* ***** FB BUTTON ***** */
.wfyChatChannelBubble.fb .btn-fb {position:fixed; width:86px; height:86px; background:url(/img/wfychat/fb-float-icon.png) no-repeat; background-size:cover; border-radius:50px; bottom:20px; right:205px; cursor:pointer; z-index:999;}
.wfyChatChannelBubble.fb.leftBubble .btn-fb {right:210px;}
.wfyChatChannelBubble.fb .btn-fb:hover {background:url(/img/wfychat/fb-float-icon-h.png) no-repeat; background-size:cover;}
.wfyChatChannelBubble.fb .btn-fb::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:86px; height:86px; border:10px solid #0096ff; border-radius:100%; animation:pulse-fb linear 1s infinite;}
.wfyChatChannelBubble.fb .btn-fb::after {animation-delay:-1.5s;}
@keyframes pulse-fb {0% {width:86px; height:86px; border:0px solid #0096ff;}
100% {width:89px; height:89px; border:15px solid transparent;}
}
/* ***** Chat End ***** */