@font-face {font-family:'Lora'; font-style:normal; font-weight:400; src:url('/files/fonts/Lora-Regular.eot?#iefix'); src:url('/files/fonts/Lora-Regular.eot') format('embedded-opentype'), url('/files/fonts/Lora-Regular.woff') format('woff')}
@font-face {font-family:'Lora'; font-style:normal; font-weight:500; src:url('/files/fonts/Lora-SemiBold.eot?#iefix'); src:url('/files/fonts/Lora-SemiBold.eot') format('embedded-opentype'), url('/files/fonts/Lora-SemiBold.woff') format('woff')}
@font-face {font-family:'Lora'; font-style:normal; font-weight:600; src:url('/files/fonts/Lora-SemiBoldItalic.eot?#iefix'); src:url('/files/fonts/Lora-SemiBoldItalic.eot') format('embedded-opentype'), url('/files/fonts/Lora-SemiBoldItalic.woff') format('woff')}
@font-face {font-family:'Manrope'; font-style:normal; font-weight:400; src:url('/files/fonts/Manrope-Regular.eot?#iefix'); src:url('/files/fonts/Manrope-Regular.eot') format('embedded-opentype'), url('/files/fonts/Manrope-Regular.woff') format('woff')}
@font-face {font-family:'Manrope'; font-style:normal; font-weight:500; src:url('/files/fonts/Manrope-Medium.eot?#iefix'); src:url('/files/fonts/Manrope-Medium.eot') format('embedded-opentype'), url('/files/fonts/Manrope-Medium.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;}

/* 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:'Lora'; font-size:14px;}
input, button, textarea, select {font-family:'Open Sans', sans-serif; font-size:15px;}
a {color:#ff5301; text-decoration:none;}
a:hover {text-decoration:underline;}

.clear {clear:both;}

h1 {color:#28345e; font-size:37px; font-weight:500; text-align:left; margin:5px 0px 25px 0px; line-height:41px; font-family:'Lora';}
h2, .h2 {color:#ff5301; display:block; margin:0px 0px 20px 0px; font-weight:500; font-size:24px; text-align:left; font-family:'Lora';}
.st {color:#ff5301; display:block; margin:0px 0px 20px 0px; font-weight:500; font-size:28px; text-align:left; font-family:'Lora';}
.req-field {border:solid 1px red !important;}
.cwcSVFInvalidField {border:solid 1px red !important;}

.gdivb {padding:10px 0px;}

/* Paging Start */
.pagerFooter {float:right; margin-top:10px; clear:both;}
.pagerFooter a.btn-pg {background:#28345e; text-align:center; line-height:34px; color:#fff;}
.pagerFooter a.btn-pg:hover {background:#ff5301;}
.pagerFooter a {display:block; float:left; background:#28345e; width:33px; height:35px; text-align:center; line-height:34px; color:#fff; margin:0 2px; text-decoration:none;}
.pagerFooter span {display:block; float:left; height:35px; text-align:center; line-height:34px; color:#000; letter-spacing:1px; margin:0 2px; text-decoration:none;}
.pagerFooter a.ppselected {background:#ff5301;}
.pagerFooter a:hover {background:#ff5301;}
.carea .pagerFooter span {display:block; float:left; margin:0 6px; color:#000; letter-spacing:1px; line-height:35px;}

/* ************ Header ************ */
.header {z-index:2; width:100%; margin:0px; padding:0px; position:relative;}
.header .top {background:#28345e; overflow:hidden;}
.header .top .tarea {height:auto; padding:0px 20px 0px 20px; max-width:1130px; margin:0 auto;}
.header .top .tarea .cntc {font-size:23px; color:#fff; line-height:15px; font-weight:700; display:block; float:right; margin:15px 0px 15px 0px; border-left:solid 1px; padding-left:10px;}
.header .top .tarea .cntc a {padding:0px 0px; font-weight:500; color:#fff; line-height:20px;}
.header .top .tarea .sitetel {color:#fff; display:block; float:right; font-weight:500; font-size:23px; margin:15px 15px 15px 0px; letter-spacing:2px; line-height:20px;}
.header .top .tarea .cu {float:right; color:#fff; font-weight:500; font-size:23px; border-left:solid 1px #fff; line-height:20px; padding-left:9px; margin:15px 8px 15px 0px;}
.header .top .tarea .chat {font-size:23px; color:#fff; font-weight:500; background:url(/images/1/chat.png) left center no-repeat; padding-left:33px; display:block; float:right; margin:10px 10px 10px 0px; height:27px; cursor:pointer;}
.header .top .tarea .chat:hover {background:url(/images/1/chat-h.png) left center no-repeat;}
.header .top .tarea .sitetel:hover {text-decoration:none;}
.header .top .tarea .social {width:auto; height:50px; z-index:20; cursor:pointer; overflow:hidden; float:left; padding:0px 0px 0px 5px;}
.header .top .tarea .social a {width:45px; height:45px; display:block; float:left; margin-left:0px; padding:0px 0px 5px 0px;}
.header .top .tarea .social .sm-links {position:absolute; top:0px; right:28px; width:0; height:45px; overflow:hidden; background:url(/images/1/socialexpand.html)left center no-repeat;}
.header .top .tarea .social .fb {background:url(/images/1/sm-fb.png) center no-repeat;}
.header .top .tarea .social .fb:hover {background:url(/images/1/sm-fb-h.png) center no-repeat;}
.header .top .tarea .social .in {background:url(/images/1/sm-ig.png) center no-repeat;}
.header .top .tarea .social .in:hover {background:url(/images/1/sm-ig-h.png) center no-repeat;}
.header .top .tarea .social .lk {background:url(/images/1/sm-lik.png) center no-repeat;}
.header .top .tarea .social .lk:hover {background:url(/images/1/sm-lik-h.png) center no-repeat;}
.header .top .tarea .social .tw {background:url(/images/1/sm-tw.png) center no-repeat;}
.header .top .tarea .social .tw:hover {background:url(/images/1/sm-tw-h.png) center no-repeat;}
.header .top .tarea .social .yt {background:url(/images/1/sm-yt.png) center no-repeat;}
.header .top .tarea .social .yt:hover {background:url(/images/1/sm-yt-h.png) center no-repeat;}
.header .top .tarea .social .prin {background:url(/images/1/sm-pt.png) center no-repeat;}
.header .top .tarea .social .prin:hover {background:url(/images/1/sm-pt-h.png) center no-repeat;}
.header .top .tarea .sep {width:2px; background:#fff; height:17px; float:left; margin:20px 0px 12px 0px;}
.header .top .tarea .btn-wr {display:block; width:40px; height:50px; background:url(/images/1/wr-review.png) center no-repeat; float:left; margin-right:5px; text-indent:-999px;}
.header .top .tarea .btn-wr:hover {background:url(/images/1/wr-review-h.png) center no-repeat;}

.header .harea {height:91px; width:auto; max-width:1130px; margin:0px auto; font-size:13px; z-index:100; padding:0px 20px;}
.header .harea .logo img {float:left; display:block; margin:10px 0px 9px 0px; width:auto; height:auto; border:0px;}
.header .harea #menuc {float:right; clear:right; margin:22px 0px 0px 0px; padding:0px;}
.header .harea #menuc .menucompact {color:#28345e; font-size:20px; line-height:29px; cursor:pointer; float:right; background:url(/images/1/menu-button.png) 100% 50% no-repeat; padding:0px 45px 0px 0px; margin:0px 10px 0px 10px; display:none;}
.header .harea #menuc .menucompact:hover {background:url(/images/1/menu-button-h.png) 100% 50% no-repeat;}
.header .harea #menuc .menucompact.wct-active {background:url(/images/1/menu-button-h.png) 100% 50% no-repeat;}
.header .harea #menuc .menu {height:auto; float:right; margin:17px 0px 0px 0px; display:block;}
.header .harea #menuc .menu ul {z-index:2; margin:0px; padding:0px; list-style:none;}
.header .harea #menuc .menu ul li {float:left; position:relative; padding:0px 0px 30px 0px; margin-left:72px;}
.header .harea #menuc .menu ul li a {display:block; font-size:23px; color:#28345e; letter-spacing:0px; font-weight:500;}
.header .harea #menuc .menu ul li a:hover {text-decoration:none; color:#ff5301;}
.header .harea #menuc .menu ul li a.selected {text-decoration:none; color:#ff5301;}
.header .harea #menuc .menu ul li ul {z-index:21000; position:absolute; padding:0px; top:60px !important; display:block; margin:0px 0px 0px 0px; background:#28345e; width:230px;}
.header .harea #menuc .menu ul li ul li {display:list-item; float:none; margin:0px; padding:0px;}
.header .harea #menuc .menu ul li ul li a {display:block; color:#fff; text-transform:none; border:none; padding:10px 15px 10px 15px; margin:0px; font-size:20px;}
.header .harea #menuc .menu ul li ul li a:hover {background:#ff5301; color:#fff;}
.header .harea #menuc .menu ul li ul li a.selected {background:#ff5301; color:#fff;}
.header .harea #menuc .menu ul li ul li ul {top:0px !important;}
.header .top .tarea .share-btn {display:none;}

.res1810 .header .top .tarea {max-width:1770px;}
.res1810 .header .top .tarea .cntc a {font-size:26px;}
.res1810 .header .top .tarea .sitetel {font-size:26px;}
.res1810 .header .top .tarea .cu {font-size:26px;}
.res1810 .header .harea {max-width:1770px;}
.res1810 .header .harea .logo img {margin:18px 0px 18px 0px;}
.res1810 .header .harea #menuc .menu ul li {margin-left:108px; padding-bottom:44px;}
.res1810 .header .harea #menuc .menu ul li ul li {margin-left:0px; padding-bottom:0px;}
.res1810 .header .harea #menuc .menu ul li a {font-size:26px;}
.res1810 .header .harea #menuc .menu ul li ul li a {font-size:24px;}
.res1810 .header .harea #menuc .menu ul li ul {top:77px !important; width:255px !important;}
.res1810 .header .harea #menuc .menu ul li ul li ul {top:0px !important;}

.res940 .header .top .tarea .chat {font-size:0px;}
.res940 .header .top .tarea .cntc a {font-size:20px;}
.res940 .header .top .tarea .sitetel {font-size:20px;}
.res940 .header .harea #menuc .menu ul li a {font-size:20px;}
.res940 .header .harea #menuc .menu ul li ul {top:63px !important;}
.res940 .header .harea #menuc .menu ul li ul li ul {top:0px !important;}
.res940 .header .harea .logo img {margin:11px 0px 11px 0px;}
.res940 .header .harea #menuc .menu ul li {padding:0px 0px 29px 0px; margin-left:43px;}
.res940 .header .harea #menuc .menu ul li ul li {margin:0px; padding:0px;}

.res720 .header .top .tarea .social {position:absolute; background:url(/images/1/bg-share-mobile.png) center no-repeat; top:142px; width:246px; padding:0px; height:46px; right:97px; display:none;}
.res720 .header .top .tarea .btn-wr {position:absolute; top:72px; right:190px; background:url(/images/1/wr-review-mobile.png) center no-repeat;}
.res720 .header .top .tarea .btn-wr:hover {background:url(/images/1/wr-review-mobile-h.png) center no-repeat;}
.res720 .header .top .tarea {max-width:498px;}
.res720 .header .top .tarea .share-btn {display:block;background:url(/images/1/boton-share.png) top center no-repeat;width:20px;height:20px;position:absolute;top:88px;right:148px;cursor:pointer;}
.res720 .header .top .tarea .share-btn:hover {background:url(/images/1/boton-share-h.png) top center no-repeat;}
.res720 .header .top .tarea .cntc a {font-size:20px;}
.res720 .header .top .tarea .social a {width:41px;}
.res720 .header .top .tarea .sep {background:#28345e; position:absolute; top:70px; right:184px;}
.res720 .header .top .tarea .sitetel {font-size:20px; float:right; margin:15px 10px 15px 0px;}
.res720 .header .top .tarea .chat {font-size:0px; position:relative; left:30px; float:none; top:10px; margin:0px;}
.res720 .header .top .tarea .cu {font-size:20px;}
.res720 .header .harea #menuc .menucompact {display:block; margin:12px 0px 0px 0px; font-weight:500; letter-spacing:0px;}
.res720 .header .harea #menuc .menu {display:none;}
.res720 .header .harea #menuc .menu ul {position:absolute; right:20px; top:149px; background:#28345e; margin:0px 0px 0px 0px; width:260px;}
.res720 .header .harea #menuc .menu ul li {width:auto; float:none; display:block; padding:0px; margin:0px;}
.res720 .header .harea #menuc .menu ul li a {padding:10px 10px; display:block; font-size:20px; color:#fff; font-weight:500;}
.res720 .header .harea #menuc .menu ul li a:hover {text-decoration:none; background:#ff5301; border:none; color:#fff;}
.res720 .header .harea #menuc .menu ul li a.selected {text-decoration:none; background:#ff5301; border:none; color:#fff;}
.res720 .header .harea #menuc .menu ul li ul {display:block !important; position:static; background:none; width:auto !important; padding:0px; margin:0px;}
.res720 .header .harea #menuc .menu ul li ul li a {padding:10px 20px;}
.res720 .header .harea #menuc .menu ul li ul li ul li a {padding:10px 30px;}

.res480 .header .top .tarea .social {position:absolute; background:url(/images/1/bg-share-mobile.png) center no-repeat; top:143px; width:246px; padding:0px; height:46px; right:27px; display:none;}
.res480 .header .top .tarea .btn-wr {position:absolute; top:75px; right:113px; background:url(/images/1/wr-review-mobile.png) center no-repeat; z-index:101;}
.res480 .header .harea .logo img {margin:14px 0px 5px 0px;}
.res480 .header .top .tarea .btn-wr:hover {background:url(/images/1/wr-review-mobile-h.png) center no-repeat;}
.res480 .header .top .tarea .share-btn {display:block;background:url(/images/1/boton-share.png) top center no-repeat;width:20px;height:20px;position:absolute;top:91px;right:75px;cursor:pointer;z-index:101;}
.res480 .header .top .tarea .share-btn:hover {background:url(/images/1/boton-share-h.png) top center no-repeat;}
.res480 .header .top .tarea .cntc a {font-size:19px;}
.res480 .header .top .tarea .social a {width:41px;}
.res480 .header .top .tarea .sep {background:#28345e; position:absolute; top:72px; right:109px;}
.res480 .header .top .tarea .sitetel {font-size:19px;margin:15px 5px 15px 2px;width:auto;letter-spacing:0px;}
.res480 .header .top .tarea .chat {font-size:0px; position:relative; left:5px; float:left; width:0px; top:10px; margin:0px;}
.res480 .header .top .tarea .cu {font-size:19px;margin:15px 5px 15px 0px;}
.res480 .header {height:auto; width:100%; float:left; margin:0px; padding:0px; position:static;}
.res480 .header .top {padding:0px; height:50px; z-index:99;}
.res480 .header .top .tarea {max-width:443px;}
.res480 .header .top .tarea .cntc {margin:15px 0px; font-size:20px; padding-left:7px;}
.res480 .header .harea {position:relative; margin:0px 0px 0px 0px; padding:0px 20px; height:100px;}

.res480 .header .harea #menuc {display:block; height:auto; min-height:58px; width:100%; margin:-92px 0px 0px 0px; position:relative; clear:none;}
.res480 .header .harea #menuc .menucompact {display:block; position:absolute; top:16px; right:0px; background:url(/images/1/menu-button.png) 100% 50% no-repeat; margin:0px 0px 0px 0px; letter-spacing:2px; font-weight:600; font-size:0px; top:36px;}
.res480 .header .harea #menuc .menucompact:hover {background:url(/images/1/menu-button-h.png) 100% 50% no-repeat;}
.res480 .header .harea #menuc .menucompact.wct-active {background:url(/images/1/menu-button-h.png) 100% 50% no-repeat;}
.res480 .header .harea #menuc .menu {display:none; width:100%; margin:0px; padding:0px; position:absolute; z-index:5; float:none; top:100px; right:0px;}
.res480 .header .harea #menuc .menu ul {position:static; background:#28345e; margin:0px 0px 0px 0px; width:auto;}
.res480 .header .harea #menuc .menu ul li {width:auto; float:none; display:block; padding:0px; margin:0px;}
.res480 .header .harea #menuc .menu ul li a {padding:10px 10px; display:block; font-size:20px; color:#fff; font-weight:400;}
.res480 .header .harea #menuc .menu ul li a:hover {text-decoration:none; background:#ff5301; border:none; color:#fff;}
.res480 .header .harea #menuc .menu ul li a.selected {text-decoration:none; background:#ff5301; border:none; color:#fff;}
.res480 .header .harea #menuc .menu ul li ul {display:block !important; position:static; background:none; width:auto !important; padding:0px; margin:0px;}
.res480 .header .harea #menuc .menu ul li ul li a {padding:10px 20px;}
.res480 .header .harea #menuc .menu ul li ul li ul li a {padding:10px 30px;}

.res320 .header .top .tarea .social {position:absolute; background:url(/images/1/bg-share-mobile.png) center no-repeat; top:162px; width:246px; padding:0px; height:46px; right:10px; display:none;}
.res320 .header .top .tarea .btn-wr {position:absolute;top:102px;right:79px;background:url(/images/1/wr-review-mobile.png) center no-repeat;z-index:101;}
.res320 .header .harea .logo img {margin:14px 0px 5px 0px;}
.res320 .header .top .tarea .btn-wr:hover {background:url(/images/1/wr-review-mobile-h.png) center no-repeat;}
.res320 .header .top .tarea .share-btn {display:block;background:url(/images/1/boton-share.png) top center no-repeat;width:20px;height:20px;position:absolute;top:118px;right:60px;cursor:pointer;z-index:101;}
.res320 .header .top .tarea .share-btn:hover {background:url(/images/1/boton-share-h.png) top center no-repeat;}
.res320 .header .top .tarea .cntc a {font-size:18px;}
.res320 .header .top .tarea .social a {width:41px;}
.res320 .header .top .tarea .sep {background:#28345e; position:absolute; top:100px; right:86px; display:none;}
.res320 .header .top .tarea .sitetel {font-size:18px;margin:0px 0px 0px 0px;width:auto;letter-spacing:0px;left:50%;position:absolute;top:21px;}
.res320 .header .top .tarea .chat {font-size:0px; position:absolute; width:0px; top:17px; margin:0px 0px 0px -127px; left:50%;}
.res320 .header .top .tarea .cu {font-size:18px;position:absolute;top:5px;left:50%;margin-left:-91px;}
.res320 .header {height:auto; width:100%; float:left; margin:0px; padding:0px; position:static;}
.res320 .header .top {padding:0px; height:89px; z-index:99;}
.res320 .header .top .tarea {max-width:443px;}
.res320 .header .top .tarea .cntc {margin:0px; font-size:20px; clear:both; float:none; text-align:center; position:absolute; top:55px; border:none; padding:0px; width:260px; left:50%; margin-left:-130px;}
.res320 .header .harea {position:relative; margin:0px 0px 0px 0px; padding:0px 10px; height:80px;}

.res320 .header .harea #menuc {display:block; height:auto; min-height:58px; width:100%; margin:-92px 0px 0px 0px; position:relative; clear:none;}
.res320 .header .harea #menuc .menucompact {display:block; position:absolute; top:16px; right:0px; background:url(/images/1/menu-button.png) 100% 50% no-repeat; margin:0px 0px 0px 0px; letter-spacing:2px; font-weight:600; font-size:0px; top:47px;}
.res320 .header .harea #menuc .menucompact:hover {background:url(/images/1/menu-button-h.png) 100% 50% no-repeat;}
.res320 .header .harea #menuc .menucompact.wct-active {background:url(/images/1/menu-button-h.png) 100% 50% no-repeat;}
.res320 .header .harea #menuc .menu {display:none; width:100%; margin:0px; padding:0px; position:absolute; z-index:5; float:none; top:103px; right:0px;}
.res320 .header .harea #menuc .menu ul {position:static; background:#28345e; margin:0px 0px 0px 0px; width:auto;}
.res320 .header .harea #menuc .menu ul li {width:auto; float:none; display:block; padding:0px; margin:0px;}
.res320 .header .harea #menuc .menu ul li a {padding:10px 10px; display:block; font-size:20px; color:#fff; font-weight:400;}
.res320 .header .harea #menuc .menu ul li a:hover {text-decoration:none; background:#ff5301; border:none; color:#fff;}
.res320 .header .harea #menuc .menu ul li a.selected {text-decoration:none; background:#ff5301; border:none; color:#fff;}
.res320 .header .harea #menuc .menu ul li ul {display:block !important; position:static; background:none; width:auto !important; padding:0px; margin:0px;}
.res320 .header .harea #menuc .menu ul li ul li a {padding:10px 20px;}
.res320 .header .harea #menuc .menu ul li ul li ul li a {padding:10px 30px;}

/* ************ Container ************ */
.container {width:100%; margin:0px; padding:0px; position:relative; z-index:1; border-top:solid 1px #28345e;}
.carea {padding:24px 0px 30px 0px; font-size:16px; overflow:hidden; min-height:181px; text-align:justify; width:100%; max-width:1130px; margin:0px auto;}
.carea .cpage {display:block; padding:0px 20px 0px 20px; margin:0px; font-size:18px; font-family:'Manrope'; font-weight:400;}
.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;}

.res1810 h1 {font-size:42px;}
.res1810 .carea {max-width:1810px;}
.res1810 .carea .cpage {font-size:20px;}

.res720 h1 {font-size:28px; line-height:32px;}
.res720 .st {font-size:24px;}
.res720 h2 {font-size:22px;}
.res720 .carea .cpage {font-size:16px;}
.res720 .carea {width:100%; margin:0px auto; padding:30px 0px 30px 0px;}

.res480 .carea {width:100%; margin:0px auto; 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; 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 {overflow:hidden; background:url(/images/1/bg-footer.jpg) top center no-repeat; position:relative;}
.footer .layer {width:100%; height:100%; background:url(/images/2/bg-testimonial.png); position:absolute;}
.footer .farea {max-width:1130px; margin:0px auto; min-height:825px; position:relative; padding:45px 0px 2px 0px;}
.footer .farea .form-cnt {display:block; padding:0px; margin:0px; position:relative; overflow:hidden; float:left; width:566px;}
.footer .farea .map {float:right; overflow:hidden; width:535px;}
.footer .farea .map img {display:block; float:right;}
.footer .farea .map .location {font-size:28px; color:#fff; float:left; clear:both; font-weight:500; background:url(/images/1/location.png) top left no-repeat; padding-left:44px; margin-top:33px;}
.footer .farea .map .phone {font-size:28px; color:#fff; font-weight:500; background:url(/images/1/phone.png) top left no-repeat; float:left; padding-left:44px; margin-top:20px;}
.footer .farea .map .phone a {color:#fff;}
.footer .farea .ttl {display:block; margin:0px 0px 22px 0px; padding:0px; font-weight:500; font-size:37px; color:#fff; text-align:center;}
.footer .farea .tlbox {display:block; margin:0px 0px 55px 0px; line-height:28px; text-align:center; font-size:28px; color:#fff; font-family:'Manrope';}
.footer .farea .form-cnt .fform {margin:0px 0px 0px 0px; padding:0px; float:left; width:100%;}
.footer .farea .form-cnt .fform form {display:block; width:auto; padding:0px; margin:0px 32px 0px 0px; padding-left:2px;}

.res940 .footer .farea .form-cnt .fform {}
.footer .farea .form-cnt .fform form .note {color:#fff; font-family:'Manrope'; font-size:24px; font-weight:400;}
.footer .farea .form-cnt .fform form label {font-size:28px; display:inline-block; color:#fff; margin-bottom:5px; width:auto;}
.footer .farea .form-cnt .fform form label .frmbrequired {float:right; display:inline; margin-left:8px;}
.footer .farea .form-cnt .fform input {display:block; width:100%; margin:0px 0px 23px 0px; height:50px; padding:0px 15px 0px 15px; color:#fff; border:none; background:url(/images/1/bg-field-form.png); font-size:28px;}
.footer .farea .form-cnt .fform textarea {display:block; font-size:28px; width:100%; margin:0px 0px 26px 0px; height:114px; padding:7px 15px 7px 15px; border:none; background:url(/images/1/bg-field-form.png); color:#fff;}
.footer .farea .form-cnt .fform .security {display:block; width:auto; margin:0px -30px 10px 0px; padding:0px; font-size:28px;}
.footer .farea .form-cnt .fform .security span {color:#fff; float:left; line-height:32px; width:160px;}
.footer .farea .form-cnt .fform .security span b {text-decoration:underline; font-weight:500; color:#fff;}
.footer .farea .form-cnt .fform .security .code {float:right; width:149px; margin:0px 10px 0px 10px; height:48px; text-align:center; padding:0px 5px 0px 5px; border:1px solid #fff; background:transparent;}
.footer .farea .form-cnt .fform .security .submit {float:right; width:161px; height:50px; color:#fff; background:#ff5301; border:0; font-weight:500; cursor:pointer; font-size:28px; font-family:'Lora';}
.footer .farea .form-cnt .fform .security .submit:hover {background:#28345e;}

.footer .flinks {background:#ff5301; position:relative; overflow:hidden; padding:54px 20px 38px 20px; min-height:288px;}
.footer .flinks .flarea {max-width:1130px; margin:0 auto; overflow:hidden;}
.footer .flinks .col {float:left; color:#fff; font-family:'Manrope'; font-weight:400;}
.footer .flinks .col.col1 img {display:block; float:left; clear:both; margin-bottom:20px;}
.footer .flinks .col.col1 {width:310px; margin-right:75px; font-size:24px; font-family:'Lora'; font-weight:500;}
.footer .flinks .col.col1 .left {float:left; margin-right:15px; width:46%;}
.footer .flinks .col.col1 .right {float:left; width:49%;}
.footer .flinks .col.col2 {width:300px; margin-right:85px;}
.footer .flinks .col.col3 {width:360px; font-family:'Manrope'; font-weight:400; font-size:24px;}
.footer .flinks .col.col2 span {float:left; font-size:24px;}
.footer .flinks .col.col2 .ttl {font-size:28px; font-weight:500; float:left; clear:both; width:100%; margin:0px 0px 30px 0px; font-family:'Lora';}
.footer .flinks .col.col2 a {font-size:24px; clear:both; display:block; float:left; margin-bottom:32px;}
.footer .flinks .col.col3 .ttl {font-size:28px; float:left; width:100%; display:block; font-family:'Lora'; margin-bottom:36px; font-weight:500;}
.footer .flinks .col a {color:#fff; float:left; display:block; clear:both; margin-bottom:5px;}
.footer .farea a.up {display:inline-block; width:55px; height:55px; position:absolute; border:none; bottom:14px; padding:0px; right:0px; background:url(/images/1/bg-up.png) center no-repeat; text-indent:-9999px; font-size:0px;}

.footer .farea a.up span {display:block; background:url(/images/1/up.png) center no-repeat; width:28px; height:17px; margin:0px auto 0px auto; padding:30px 14px 8px 14px;}
.footer .farea a.up span:hover {background:url(/images/1/up-h.png) center no-repeat; margin:0px; width:55px; height:55px; padding:0px;}
.footer .exfoot {padding:28px 15px 28px 15px; background:#28345e; position:relative;}
.footer .exfoot .earea {color:#fff; width:100%; max-width:1130px; margin:0px auto; font-size:18px; font-weight:500;}
.footer .exfoot .wfy {color:#fff; display:block; margin:0px auto 0px auto; float:right;}
.footer .exfoot .wfy a {color:#fff; padding:0px; margin:0px; text-decoration:none;}
.footer .exfoot .wfy a:hover {text-decoration:underline;}

.res1810 .footer {background:url(/images/1/bg-footer-1810.jpg) top center no-repeat;}
.res1810 .footer .farea {max-width:1770px;}
.res1810 .footer .farea .form-cnt {width:851px;}
.res1810 .footer .farea .map {width:850px;}
.res1810 .footer .farea .ttl {font-size:42px;}
.res1810 .footer .farea .form-cnt .fform .security span {width:249px;}
.res1810 .footer .farea .form-cnt .fform .security .code {width:260px; margin:0px 33px;}
.res1810 .footer .farea .form-cnt .fform .security .submit {width:260px;}
.res1810 .footer .flinks {padding:54px 66px 52px 67px;}
.res1810 .footer .flinks .flarea {max-width:1770px;}
.res1810 .footer .flinks .col.col1 {width:445px; font-size:32px;}
.res1810 .footer .flinks .col.col1 img {margin-bottom:15px;}
.res1810 .footer .flinks .col.col2 {width:335px;}
.res1810 .footer .flinks .col.col3 {width:540px; margin-left:172px;}
.res1810 .footer .flinks .col.col2 span {font-size:28px;}
.res1810 .footer .flinks .col.col2 .ttl {font-size:32px;}
.res1810 .footer .flinks .col.col2 a {font-size:28px;}
.res1810 .footer .flinks .col.col3 .ttl {font-size:32px;}
.res1810 .footer .flinks .col a {margin-bottom:12px;}
.res1810 .footer .exfoot .earea {max-width:1770px;}

.res940 .footer {background:url(/images/1/bg-footer-940.jpg) top center no-repeat;}
.res940 .footer .farea {margin:0px 20px; min-height:870px; position:relative;}
.res940 .footer .farea a.up {padding:0px; right:20px;}
.res940 .footer .farea .form-cnt {width:auto; float:none; padding-right:460px;}
.res940 .footer .farea .map {width:434px;position:absolute;right:0px;top:205px;}
.res940 .footer .farea .map .location {font-size:24px;}
.res940 .footer .farea .map .phone {font-size:24px;}
.res940 .footer .farea .ttl {font-size:32px;margin:0px 0px 40px 0px;}
.res940 .footer .farea .tlbox {font-size:24px; margin-bottom:50px;}
.res940 .footer .farea .form-cnt .fform form .note {font-size:20px;}
.res940 .footer .farea .form-cnt .fform form label {font-size:24px; margin-bottom:8px;}
.res940 .footer .farea .form-cnt .fform .security span {font-size:24px; width:145px;}
.res940 .footer .farea .form-cnt .fform .security .code {width:120px;}
.res940 .footer .farea .form-cnt .fform .security .submit {font-size:24px; width:132px;}
.res940 .footer .flinks {padding:33px 20px 20px 20px; min-height:247px;}
.res940 .footer .flinks .flarea {max-width:940px;}
.res940 .footer .flinks .col.col1 {font-size:20px; width:277px; margin-right:57px;}
.res940 .footer .flinks .col.col1 .left {width:45%;}
.res940 .footer .flinks .col.col2 {margin-right:130px; width:170px;}
.res940 .footer .flinks .col.col3 {font-size:20px; width:266px;}
.res940 .footer .flinks .col.col2 span {font-size:20px;}
.res940 .footer .flinks .col.col2 .ttl {font-size:24px;}
.res940 .footer .flinks .col.col2 a {margin-bottom:32px; font-size:20px;}
.res940 .footer .flinks .col.col3 .ttl {font-size:24px;}
.res940 .footer .flinks .col a {margin-bottom:12px;}
.res940 .footer .exfoot {padding:28px 15px 25px 15px;}
.res940 .footer .exfoot .earea {font-size:16px;}

.res720 .footer {background:url(/images/1/bg-footer.jpg) top center no-repeat;}
.res720 .footer .farea {padding:30px 0px 20px 0px; min-height:685px; margin:0px 20px;}
.res720 .footer .farea a.up {height:37px; padding:0px; background:url(/images/1/bg-up-720.png) center no-repeat; right:20px; width:36px; bottom:10px;}
.res720 .footer .farea a.up span {background:url(/images/1/up-720.png) center no-repeat; padding:20px 9px 6px 9px; margin:0 auto; width:18px; height:11px;}
.res720 .footer .farea a.up span:hover {background:url(/images/1/up-h-720.png) center no-repeat;}
.res720 .footer .farea .form-cnt {width:auto; float:none; padding-right:350px;}
.res720 .footer .farea .map {width:329px; position:absolute; right:0px; top:162px;}
.res720 .footer .farea .map .location {font-size:20px; background:url(/images/1/location-720.png) top left no-repeat; padding-left:34px; line-height:23px; margin-top:20px;}
.res720 .footer .farea .map .phone {font-size:20px; background:url(/images/1/phone-720.png) top left no-repeat; padding-left:34px;}
.res720 .footer .farea .ttl {font-size:28px; margin:0px 0px 22px 0px;}
.res720 .footer .farea .tlbox {font-size:19px; line-height:24px; margin-bottom:25px; font-weight:400;}
.res720 .footer .farea .form-cnt .fform form .note {font-size:18px; line-height:19px; display:block; float:left; width:330px;}
.res720 .footer .farea .form-cnt .fform form label {font-size:20px; margin-bottom:10px;}
.res720 .footer .farea .form-cnt .fform input {height:36px; font-size:20px;}
.res720 .footer .farea .form-cnt .fform textarea {height:88px; font-size:20px;}
.res720 .footer .farea .form-cnt .fform .security span {font-size:20px; width:125px; line-height:23px;}
.res720 .footer .farea .form-cnt .fform .security .code {width:78px; height:37px;}
.res720 .footer .farea .form-cnt .fform .security .submit {font-size:20px; width:90px; height:39px;}
.res720 .footer .flinks {padding:30px 20px 20px 20px; min-height:200px;}
.res720 .footer .flinks .flarea {max-width:700px;}
.res720 .footer .flinks .col.col1 {font-size:18px; width:233px; margin-right:25px;}
.res720 .footer .flinks .col.col1 .left {margin-right:11px;}
.res720 .footer .flinks .col.col2 {width:155px; margin-right:55px;}
.res720 .footer .flinks .col.col3 {font-size:18px; width:212px; line-height:23px;}
.res720 .footer .flinks .col.col2 span {font-size:18px;}
.res720 .footer .flinks .col.col2 .ttl {font-size:20px;}
.res720 .footer .flinks .col.col2 a {font-size:18px; margin-bottom:32px;}
.res720 .footer .flinks .col.col3 .ttl {font-size:20px;}
.res720 .footer .flinks .col a {margin-bottom:15px;}
.res720 .footer .exfoot {overflow:hidden; padding:15px 15px 25px 15px;}
.res720 .footer .exfoot .earea {text-align:left; width:48%; font-size:13px; float:left;}
.res720 .footer .exfoot .earea .wfy {position:absolute; right:20px; font-size:14px; top:15px;}

.res480 .footer {background:url(/images/1/bg-footer-480.jpg) top center no-repeat;}
.res480 .footer .farea {padding:0px 20px 25px 20px;}
.res480 .footer .farea .form-cnt {width:auto; padding:20px 0px 0px 0px; float:none; margin:0px auto 20px auto;}
.res480 .footer .farea .form-cnt .fform {float:none;}
.res480 .footer .farea .map .location {font-size:20px; background:url(/images/1/location-720.png) top left no-repeat; padding-left:34px; line-height:23px; margin-top:20px;}
.res480 .footer .farea .map .phone {font-size:20px; background:url(/images/1/phone-720.png) top left no-repeat; padding-left:34px;}
.res480 .footer .farea a.up {height:37px; padding:0px; background:url(/images/1/bg-up-720.png) center no-repeat; right:20px; width:36px; bottom:10px;}
.res480 .footer .farea a.up span {background:url(/images/1/up-720.png) center no-repeat; padding:20px 9px 6px 9px; margin:0 auto; width:18px; height:11px;}
.res480 .footer .farea a.up span:hover {background:url(/images/1/up-h-720.png) center no-repeat;}
.res480 .footer .farea .map {width:440px; margin:0 auto; float:none;}
.res480 .footer .farea .ttl {font-size:24px; padding-top:24px;}
.res480 .footer .farea .tlbox {font-size:18px; margin-bottom:0px;}
.res480 .footer .farea .form-cnt .fform form .note {font-size:18px; text-align:center; width:100%; display:block;}
.res480 .footer .farea .form-cnt .fform form label {font-size:20px; margin-bottom:10px;}
.res480 .footer .farea .form-cnt .fform input {height:36px; margin-bottom:15px; font-size:20px;}
.res480 .footer .farea .form-cnt .fform textarea {height:88px; margin-bottom:18px; font-size:20px;}
.res480 .footer .farea .form-cnt .fform .security span {font-size:20px; width:110px; line-height:23px; float:right;}
.res480 .footer .farea .form-cnt .fform .security .code {width:92px; height:37px;}
.res480 .footer .farea .form-cnt .fform .security .submit {font-size:20px; width:90px; height:39px;}

.res480 .footer .flinks {padding:30px 20px 20px 20px; min-height:200px;}
.res480 .footer .flinks .flarea {max-width:440px;}
.res480 .footer .flinks .col.col1 {font-size:18px; width:240px; margin-right:25px;}
.res480 .footer .flinks .col.col1 .left {margin-right:11px;}
.res480 .footer .flinks .col.col2 {width:173px; margin-right:0px;}
.res480 .footer .flinks .col.col3 {font-size:18px; width:auto; line-height:23px; float:none; margin:0px auto 0px auto; clear:both; padding-top:6px;}
.res480 .footer .flinks .col.col2 span {font-size:18px;}
.res480 .footer .flinks .col.col2 .ttl {font-size:20px;}
.res480 .footer .flinks .col.col2 a {font-size:18px; margin-bottom:32px;}
.res480 .footer .flinks .col.col3 .ttl {font-size:20px; margin-bottom:20px;}
.res480 .footer .flinks .col a {margin-bottom:15px;}
.res480 .footer .exfoot {overflow:hidden; padding:15px 15px 20px 15px;}
.res480 .footer .exfoot .earea {text-align:center; font-size:14px; max-width:370px;}
.res480 .footer .exfoot .earea .wfy {float:none; margin-top:10px;}

.res320 .footer {background:url(/images/1/bg-footer-320.jpg) top center no-repeat;}
.res320 .footer .farea {padding:0px 10px 25px 10px;}
.res320 .footer .farea .form-cnt {width:auto; padding:20px 0px 0px 0px; float:none; margin:0px auto 20px auto;}
.res320 .footer .farea .form-cnt .fform {float:none;}
.res320 .footer .farea .map .location {font-size:16px; background:url(/images/1/location-720.png) top left no-repeat; padding:0px 0px 0px 34px; line-height:20px; text-align:left; width:auto; float:none; margin:0px auto 0px auto;}
.res320 .footer .farea .map .phone {font-size:16px; background:url(/images/1/phone-720.png) top left no-repeat; padding-left:34px; line-height:25px; width:auto; margin:15px auto 0px; float:none;}
.res320 .footer .farea a.up {height:37px; padding:0px; background:url(/images/1/bg-up-720.png) center no-repeat; right:20px; width:36px; bottom:10px;}
.res320 .footer .farea a.up span {background:url(/images/1/up-720.png) center no-repeat; padding:20px 9px 6px 9px; margin:0 auto; width:18px; height:11px;}
.res320 .footer .farea a.up span:hover {background:url(/images/1/up-h-720.png) center no-repeat;}
.res320 .footer .farea .map {width:298px; margin:0 auto; float:none;}
.res320 .footer .farea .ttl {font-size:20px; padding-top:24px;}
.res320 .footer .farea .tlbox {line-height:21px; font-size:16px; margin-bottom:0px;}
.res320 .footer .farea .form-cnt .fform form .note {font-size:16px; text-align:center; width:100%; display:block;}
.res320 .footer .farea .form-cnt .fform form label {font-size:18px; margin-bottom:8px; text-align:center;}
.res320 .footer .farea .form-cnt .fform input {height:36px; margin-bottom:15px; font-size:18px;}
.res320 .footer .farea .form-cnt .fform textarea {height:88px; margin-bottom:18px; font-size:18px;}
.res320 .footer .farea .form-cnt .fform .security span {font-size:16px; width:95px; line-height:23px; float:right;}
.res320 .footer .farea .form-cnt .fform .security .code {width:92px; height:37px;}
.res320 .footer .farea .form-cnt .fform .security .submit {font-size:18px; width:75px; height:39px;}
.res320 .footer .farea .map img {margin-bottom:20px; float:none;}
.res320 .footer .farea .form-cnt .fform form {margin:0px;}
.res320 .footer .farea .form-cnt .fform .security {margin:0px 0px 10px 0px;}
.res320 .footer .flinks .col.col1 img {width:204px; float:none; margin:0px auto 20px auto;}

.res320 .footer .flinks {padding:28px 10px 20px 10px; min-height:200px;}
.res320 .footer .flinks .flarea {max-width:300px;}
.res320 .footer .flinks .col.col1 {font-size:18px; width:300px; margin:0 auto; float:none; clear:both; overflow:hidden;}
.res320 .footer .flinks .col.col1 .left {margin-right:6px; width:49%;}
.res320 .footer .flinks .col.col2 {width:300px; margin:20px auto; float:none; overflow:hidden; text-align:center;}
.res320 .footer .flinks .col.col3 {font-size:18px; width:auto; line-height:23px; float:none; margin:0px auto 0px auto; clear:both; padding-top:6px; text-align:center;}
.res320 .footer .flinks .col.col2 span {font-size:18px; text-align:center; float:none; clear:both; display:block;}
.res320 .footer .flinks .col.col2 .ttl {font-size:20px;}
.res320 .footer .flinks .col.col2 a {font-size:18px; margin-bottom:32px;}
.res320 .footer .flinks .col.col3 .ttl {font-size:19px; margin-bottom:20px;}
.res320 .footer .flinks .col a {margin-bottom:15px; text-align:center; width:100%;}
.res320 .footer .exfoot {overflow:hidden; padding:15px 15px 20px 15px;}
.res320 .footer .exfoot .earea {text-align:center; font-size:14px; max-width:370px;}
.res320 .footer .exfoot .earea .wfy {float:none; margin-top:10px;}

/* ***** Chat Button ***** */
.req-field1 {border-color:#e80000 !important;}

.wfyChat {width:167px; height:124px; position:fixed; bottom:23px; right:22px; z-index:101; margin:0px 17px 0px 0px !important;}
.wfyChat .btn-chat {width:95px; height:95px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; position:fixed; bottom:20px; right:20px; z-index:99; cursor:pointer; margin:0px 17px 0px 0px !important;}
.wfyChat .btn-chat::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:85px; height:85px; border:10px solid #ff5301; border-radius:100%; animation:pulso linear 1s infinite;}
.wfyChat .btn-chat::after {animation-delay:-1.5s;}
.wfyChat .cld-chat {width:87px; height:60px; position:absolute; left:0px; top:0px; background:url('/images/1/speech-buble.png') left center no-repeat; text-align:left; color:#fff; padding:8px 0px 0px 8px; cursor:pointer; margin:0px !important; z-index:100;}
.wfyChat .cld-chat .agntname {font-size:13.4px; font-weight:600; line-height:13px; padding:2px 0px 0px 0px;}
.wfyChat .cld-chat .agntstatus {font-size:11px; line-height:13px; font-style:italic; font-weight:400; letter-spacing:0.3px;}
.wfyChat .cld-chat .agntmsg {font-size:9px; font-weight:600;}

.res720 .wfyChat {bottom:20px;}
.res720 .wfyChat .btn-chat {bottom:20px;}

.res480 .wfyChat {bottom:20px; right:27px;}
.res480 .wfyChat .btn-chat {bottom:20px; right:10px;}

.res320 .wfyChat {bottom:20px; right:22px;}
.res320 .wfyChat .btn-chat {bottom:20px; right:5px;}

@keyframes pulso {0% {width:90px; height:90px; border:0px solid #28345e;}
100% {width:100px; height:100px; border:15px solid transparent;}
}
/* ***** Chat Button END ***** */

/* ***** PopUp Chat Form START ***** */
#CloseChat {position:absolute;left:75px;top:8px;width:15px;height:15px;background:url('/images/1/close-chat-btn-bg.png') center no-repeat;z-index:102;cursor:pointer;}
#CloseChat span {background:url('/images/1/close-chat-btn.png') center no-repeat; display:block; width:7px; height:5px; margin:5px auto 0px auto;}
#EmailTest {margin:0px 0px 5px 0px; font-size:15px; display:none; color:red;}
#PhoneTest {margin:0px 0px 5px 0px; font-size:15px; display:none; color:red;}

#popupChat {display:none; position:fixed; top:0; left:0; z-index:999999; display:none; width:100%; height:100%; overflow-y:scroll;}
#popupChat .inline {display:block; position:absolute; right:35px; padding-top:2px; z-index:1;}
#popupChat .conten .detected {display:block; color:#ff0000;}
#popupChat .conten {position:absolute;background:#fff;padding:0px;max-width:722px;top:35%;left:50%;margin-left:-361px;margin-top:-254px;border-radius:5px;}
#popupChat .conten form {padding:12px 27px 11px 23px; position:relative;}
#popupChat .conten .msg {color:#322e2f;font-weight:400;font-size:17px;margin:0px auto 5px auto;float:none;display:block;line-height:20px;text-align:center;}
#popupChat .conten .msg .sitetel {font-weight:700;}
#popupChat .conten .infocnt {float:left;width:31%;height:573px;text-align:center;padding:23px 20px 19px 15px;color:#fff;border-radius:5px 0px 0px 5px;background:#28345e;}
#popupChat .conten .infocnt .logocnt {border-bottom:1px solid #ff5301; padding:0px 0px 24px 0px;}
#popupChat .conten .infocnt .logocnt .txt {text-transform:uppercase; font-size:24px; font-weight:400; line-height:24px; margin-top:13px;}
#popupChat .conten .infocnt .logocnt .txt .emphasis {font-weight:500;}
#popupChat .conten .infocnt .logocnt .txt2 {font-size:17px; font-weight:400; line-height:21px;}
#popupChat .conten .infocnt .chatagnt {border-bottom:1px solid #ff5301; overflow:hidden; padding:5px 0px 5px 0px;}
#popupChat .conten .infocnt .chatagnt .agntpic {float:left; width:95px; height:95px; margin-right:2px;}
#popupChat .conten .infocnt .chatagnt .agntname {float:left; margin-top:29px; font-size:16px; font-weight:700; letter-spacing:0.5px;}
#popupChat .conten .infocnt .chatagnt .agntstatus {float:left; font-size:16px; font-style:italic; font-weight:400; line-height:15px;}
#popupChat .conten .infocnt .chatcall {border-bottom:1px solid #ff5301; padding:18px 0px 21px 0px;}
#popupChat .conten .infocnt .chatcall .sitetel {text-decoration:none; border:none; color:#fff !important; padding:3px 0px 3px 26px; background:url('/images/1/cellph.png') left center no-repeat; font-size:20.1px; font-weight:700; letter-spacing:0.3px;}
#popupChat .conten .infocnt .chatcall .sitetel:hover {text-decoration:underline;}
#popupChat .conten .infocnt .chatcall .stnum {color:#bfbfbf !important; font-size:16px; font-weight:400; letter-spacing:0.3px; line-height:13px; width:170px; text-align:right; margin:0px auto;}
#popupChat .conten .infocnt .chatcall .text {margin:11px auto 0px auto; font-size:15px; line-height:18px; font-weight:400; width:191px;}
#popupChat .conten .formcnt {float:right; width:64%;}
#popupChat .closeChat {cursor:pointer; width:27px; height:27px; background:url('/images/1/close-ctab.png') center no-repeat; position:absolute; top:10px; right:10px; z-index:5;}
#popupChat .closeChat:hover {background:url('/images/1/close-ctab-h.png') center no-repeat;}
#popupChat .bg {background:url('/images/0/bg-video.png') repeat; position:fixed; width:100%; height:100%; top:0; left:0;}
#popupChat .fmText {right:10px !important; margin:3px 0px 0px 0px; height:auto;}
#popupChat .title {font-weight:400; color:#28345e; font-size:23px; margin:0px; padding:15px 12px 6px 12px; text-align:center; text-transform:uppercase; z-index:1;}
#popupChat .title .emphasis {font-weight:700;}
#popupChat .form {float:right; list-style:none; width:89%;}
#popupChat .inputblock {position:relative;}
#popupChat 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;}
#popupChat label {font-size:15px;display:inline-block;width:auto;}
#popupChat .security label {float:right;}
#popupChat label span {display:inline-block; float:right; margin-left:4px;}
#popupChat input#F3SecurityCode {width:auto; float:right; margin:0 10px;}
#popupChat input::-webkit-input-placeholder {color:#333;}
#popupChat input:-moz-placeholder {color:#333;}
#popupChat input::-moz-placeholder {color:#333;}
#popupChat input:-ms-input-placeholder {color:#333;}
#popupChat 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;}
#popupChat textarea::-webkit-input-placeholder {color:#333;}
#popupChat textarea:-moz-placeholder {color:#333;}
#popupChat textarea::-moz-placeholder {color:#333;}
#popupChat textarea:-ms-input-placeholder {color:#333;}
#popupChat .security {margin-right:-2px;}
#popupChat .security span {float:left;width:155px;color:#333;font-weight:500;text-align:right;height:43px;font-size:15px;line-height:44px;}
#popupChat .security span u {text-decoration:none;}
#popupChat #Text5 {width:113px; background:none; border:2px solid #e6e6e6; margin:0px 7px 0px 7px; height:44px; text-align:center;}
#popupChat .submit {background:#28345e;border:0;margin:0px 2px 0px 0px;font-weight:500;color:#fff !important;width:126px !important;float:right;cursor:pointer;font-size:22px;height:34px;text-align:center;padding:6px 0px 4px 0px !important;border-radius:5px;}
#popupChat .submit:hover {background:#ff5301;}

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

.res720 #popupChat .conten {max-width:680px; margin-left:-340px; margin-top:0px; top:65px;}
.res720 #popupChat .conten .infocnt {padding:30px 20px 30px 15px;}
.res720 #popupChat .conten .formcnt {width:63.85%;}
.res720 #popupChat .conten .msg {width:320px; margin:0px auto 3px auto;}
.res720 #popupChat .security span {width:125px;}

.res480 #popupChat .conten {margin-left:-220px; margin-top:0px; max-width:440px; padding-bottom:60px; top:15px;}
.res480 #popupChat .conten .infocnt {float:none; width:auto; height:80px; padding:10px 20px 13px 15px; border-radius:4px 4px 0px 0px;}
.res480 #popupChat .conten .infocnt .logocnt {border-bottom:none; padding-bottom:0px; float:left; margin:-4px 0px 0px 12px;}
.res480 #popupChat .conten .infocnt .logocnt .txt {font-size:17px; margin-top:2px; line-height:20px;}
.res480 #popupChat .conten .infocnt .logocnt .txt2 {font-size:13px; line-height:15px;}
.res480 #popupChat .conten .infocnt .chatagnt {border-bottom:none; padding:0px 14px 0px 0px; float:right; width:185px;}
.res480 #popupChat .conten .infocnt .chatagnt .agntpic {width:85px; height:85px; margin:0px;}
.res480 #popupChat .conten .infocnt .chatagnt .agntname {margin-top:27px; font-size:14px;}
.res480 #popupChat .conten .infocnt .chatagnt .agntstatus {font-size:14px; line-height:12px;}
.res480 #popupChat .conten .infocnt .chatcall {border-bottom:none; border-radius:0px 0px 4px 4px; padding:10px 0px 16px 0px; position:absolute; bottom:0px; left:0px; width:100%; background:#28345e;}
.res480 #popupChat .conten .infocnt .chatcall .sitetel {background:url('/images/1/cellph-480.png') left center no-repeat; font-size:19px; float:left; margin:10px 0px 0px 10px; letter-spacing:0.8px; line-height:20px; padding:4px 0px 6px 26px;}
.res480 #popupChat .conten .infocnt .chatcall .stnum {position:absolute; bottom:17px; width:205px;}
.res480 #popupChat .conten .infocnt .chatcall .text {margin:5px 10px 0px 0px; float:right; width:175px; font-size:14px; letter-spacing:0.5px;}
.res480 #popupChat .conten .formcnt {float:none; width:auto; overflow:hidden; min-height:550px;}
.res480 #popupChat .title {font-size:21px; padding:13px 12px 2px 12px;}
.res480 #popupChat .conten .msg {font-size:15px; margin:0px auto 3px auto;}
.res480 #popupChat .conten form {padding:11px 28px 16px 25px;}
.res480 #popupChat input {font-size:15px; padding:0px 10px 0px 10px; height:33px; margin:0px 0px 8px 0px;}
.res480 #popupChat textarea {height:49px; font-size:15px;}
.res480 #popupChat .closeChat {background:url('/images/1/close-ctab.png') center no-repeat;}
.res480 #popupChat .closeChat:hover {background:url('/images/1/close-ctab-h.png') center no-repeat;}
.res480 #popupChat .submit {width:115px !important;height:30px;font-size:20px;line-height:27px;}
.res480 #popupChat .security span {padding:0px; font-size:14px; width:150px;}
.res480 #popupChat #Text5 {margin:0px 12px 0px 6px; width:103px; height:40px;}

.res320 #popupChat .title {font-size:19px;}
.res320 #popupChat .closeChat {top:5px; right:5px; width:22px; height:22px; background:url('/images/1/close-ctab.png') center no-repeat; background-size:cover;}
.res320 #popupChat .closeChat:hover {background:url('/images/1/close-ctab-h.png') center no-repeat; background-size:contain;}
.res320 #popupChat .conten {max-width:290px; margin-left:-145px; margin-top:0px; padding-bottom:91px; top:15px;}
.res320 #popupChat .conten .infocnt {float:none; width:auto; height:80px; padding:8px 10px 15px 8px; border-radius:4px 4px 0px 0px;}
.res320 #popupChat .conten .infocnt .logocnt {border-bottom:none; padding-bottom:0px; float:left; margin:-3px 0px 0px 0px;}
.res320 #popupChat .conten .infocnt .logocnt .txt {font-size:14px; margin-top:0px; line-height:17px;}
.res320 #popupChat .conten .infocnt .logocnt .txt2 {font-size:13px; line-height:13px; width:94px; margin:0px auto;}
.res320 #popupChat .conten .infocnt .chatagnt {border-bottom:none; padding:3px 0px 0px 0px; float:right; width:54%;}
.res320 #popupChat .conten .infocnt .chatagnt .agntpic {width:80px; height:80px; margin:0px;}
.res320 #popupChat .conten .infocnt .chatagnt .agntname {margin-top:22px; font-size:14px; letter-spacing:0.3px;}
.res320 #popupChat .conten .infocnt .chatagnt .agntstatus {font-size:13px; width:60px; text-align:left; line-height:13px;}
.res320 #popupChat .conten .infocnt .chatcall {border-bottom:none; border-radius:0px 0px 4px 4px; padding:11px 0px 9px 0px; position:absolute; bottom:0px; left:0px; width:100%; background:#28345e;}
.res320 #popupChat .conten .infocnt .chatcall .sitetel {background:url('/images/1/cellph-480.png') left center no-repeat; font-size:21px; line-height:21px; margin-left:25px; float:none; margin:0px;}
.res320 #popupChat .conten .infocnt .chatcall .stnum {width:176px; margin:2px auto 0px auto;}
.res320 #popupChat .conten .infocnt .chatcall .text {margin:9px auto 0px auto; float:none; width:200px; font-size:14px; letter-spacing:0.5px; font-weight:200;}
.res320 #popupChat .conten .formcnt {float:none; width:auto;}
.res320 #popupChat .title {font-size:20px; padding:10px 12px 5px 12px;}
.res320 #popupChat .conten .msg {font-size:15px; line-height:17px; margin:0px auto 3px auto; width:250px;}
.res320 #popupChat .conten form {padding:11px 28px 23px 25px;}
.res320 #popupChat input {padding:0px 10px 0px 10px; height:33px; margin:0px 0px 8px 0px;}
.res320 #popupChat textarea {height:72px;}
.res320 #popupChat .security {margin-right:0px;}
.res320 #popupChat #Text5 {margin:0px 0px 0px 9px; width:83px; padding:0px 5px 0px 5px; height:34px;}
.res320 #popupChat .security span {padding-left:0px; width:65px; font-size:14px; line-height:17px; height:auto;}
.res320 #popupChat .close-popup {right:10px;}
.res320 #popupChat .conten form {padding:11px 15px 20px 15px;}
.res320 #popupChat .submit {width:93px !important;margin:0px;height:33px;font-size:17px;padding:5px 0px 5px 0px;line-height:33px;}
.res320 #popupChat .inline {right:22px; padding-top:0px; font-size:13px;}
.res320 #popupChat input#F3SecurityCode {width:87px;}
.res320 #popupChat .security label {width:58px;}

/* ***** PopUp Chat Form END ***** */