@media only screen and (max-width: 480px) { 
	
	.rfid_cards_bg .artwork  { background-position: center !important;width: 98% !important; } 
	
	
	.dropmenu-res  .dropdown a { background: #f9f9f9;}
	.dropmenu-res .dropdown-content a { background: #fff; }
	.dropdown-content{     display: block !important;  }
.home_prasanthan_for_mobile { margin-left: -20%;} 
.hide_in_mobile { display:none !important} 
#main .banner-home {     background-position: inherit; } 
.summary-home .button { font-size: larger !important; }
.summary-home .h2 {     padding-bottom: 10px !important; padding-top: 10px !important; line-height: 2px !important; font-size: 19px !important; }
.summary-home .p_mobile_small_home { font-size: small; line-height: 150%; padding-bottom: 20px; }
.banner-home { height: 575px !important; }
.no_margin_in_mobile { margin:0px !important } 
.no_padding_in_mobile { padding:0px !important } 
.no_padding_in_mobile_only_in_top { padding:30px 0px 0px 0px !important } 
.yes_30_padding_in_mobile { padding:30px !important }
.yes_30_top_padding_in_mobile { padding-top:30px !important } 
.main-content .images { order: 1 !important; }
.height_250 { height: 200px !important }
.rfid_bg_in_mobile { background-size: contain !important;  background-position: inherit !important; } 
.rfid_bg_in_mobile2 { padding-bottom: 30px !important; padding-top: 25px !important; } 
.rfid_bg_in_mobile_block { padding:290px 0 0 0 !important; } 

.partner h2 { font-size: 24px !important;     margin-top: 0px !important}
.picture-home_only_in_mobile { display: -webkit-inline-box !important;     margin: 0px 0 0 0 !important;} 
.show_in_mobile_only { display:block !important } 
.hide_in_mobile_only { display:none !important }  
.artwork { width:100%; background-size:contain !important;     margin: 0 auto !important;     height: 1130px} 
.why_we_are_best .summary p { font-size: 70% !important; line-height: 170% !important; padding: 0px 0 !important; }
.why_we_are_best .summary { width: 100% !important;}
.partner-slider2 li img {     padding: 0px 0px !important; } 
.wrapper_of_partner-slider2 .bx-controls{  display:none } 
.wrapper_of_partner-slider .bx-controls{  display:none } 
.wrapper_of_partner-slider2 .summary{      margin: 0px !important; } 
.wrapper_of_partner-slider2 .block	{      padding: 0px !important; } 
.why_we_are_best {     padding-top: 10px !important; height:635px !important ;     padding-bottom: 0px !important} 

.why_we_are_best {  background: url(../img/ft-header3.png) !important;  background-position: inherit !important; background-size: contain !important; background-repeat: no-repeat !important } 
.why_we_are_best .summary1 { margin: 0 0 75px 0 !important; } 
.why_we_are_best .summary { color:#000 !important; } 
.why_we_are_best .summary { color:#000 !important; } 
.why_we_are_best.main-content .block:first-child {padding: 0px 0 !important; }
.why_we_are_best.main-content .block:last-child {padding: 0px 0 !important; }
.video_section_in_home .summary { margin: 20px 0 0px 0 !important; } 
.intial_font_in_mobile{ font-size: initial !important; } 
.bottom-content {     padding: 10px 0 !important } 
.twenty_font_in_mobile {   font-size: 20px !important;     line-height: inherit !important; } 
.width_90_in_mobile { width:95%  !important}

 } 
 
 
 
 @media screen and (max-width: 320px) { 
.no_padding_in_mobile_only_in_top { padding:60px 0px 0px 0px !important } 
.picture-home {    margin: 20px 0 0 0 !important;	} 
.banner-home { height: 535px !important; }
.picture-home_only_in_mobile { display: -webkit-inline-box !important; } 
} 
 

.partner-slider li img { padding: 5px 30px !important; display: inline-block; }
.partner-slider li img {  max-width: 100%; }
.main-content .summary h4 {
   /* color: #585d67;
    background: linear-gradient(to right, #106f97 30%, #6cc7ee 60%, #2F81CB 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}




.wrapper_of_partner-slider2 .bx-controls{  display:none } 
 .partner-slider2 li div span { width: 46% !important; } 
 .partner-slider2 li img { padding: 5px 0px !important; } 


.rfid_cards_bg::before { background: none !important; }
.why_we_are_best::before {     background: none !important; } 

@charset "utf-8";
/* Reset ================================================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content: none;}
:focus {outline: 0;}
fieldset{border: 0; margin: 0; padding: 0;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse; border-spacing: 0;}
img{ border:0;}
a{text-decoration: none; color: #1890ff;}
*{box-sizing: border-box;}
.button{ display: inline-block; font-size: 18px; font-weight: 600; border-radius: 5px;line-height: 26px; padding: 10px 30px; border:1px solid; cursor: pointer;}
.button:hover{opacity: 0.9;}
body{position: static; margin:0; padding: 0; font-family:'Muli', sans-serif; font-weight: 400; font-size: 16px; color: #4e4e4e;background: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrapper{ position: relative; width: 1200px; margin:0 auto;}
.header{position: relative; width: 100%; background: #FFF; z-index: 999999999; top: 0;}
#logo{float:left; width: 160px; height: 42px; background: url("../img/itsignature_logo_blue_only.png") no-repeat; margin:9px 0 0 0;}
.hellobar{position: relative; float: left; width: 100%; background: black; padding: 8px 0; color: #FFF; text-align:center; font-size: 14px;}
.hellobar a{ color: #FFF; text-decoration: underline;}
.hellobar.warning{background: #eda93b;}
.hellobar.success{background: #4cbe83;    z-index: 9;}
.hellobar.error{background: #e47c68;}
.banner-home, .whycfms, .partner, .channel, .bottom, .footer-link, .footer, .banner-feature, .banner-pricing, .tableplan, .plan-question, .plan-compare, .faqs-banner, .faqs-content, .partner-banner, .partner-content, .partner-list, .success-stories, .stories-banner, .stories-content, .banner-career, .career-content, .banner-contact, .contact-blog-wh, .contact-blog-bl, .banner-api, .banner-profile
, .profile-stastic, .home-img-prd, .upgrade-banner, .upgrade-content, .referral-banner, .referral-content, .cfmschat-content, .cfmschat-banner, .cfmsemail-banner, .messenger-banner, .ref-banner
{ position: relative; float: left;}
/*---------------------Nav----------------*/
.closenav {position: absolute;top: -5px; right: 20px; font-size: 34px; color: #474b53;}
.fa-bars{ color:#4e4e4e; font-size:30px; font-weight:bold; margin:5px 0 0 0; cursor:pointer;}
.menu-res{ position:relative; float: right; height: 50px;}
.open-menu{ font-size: 25px !important; margin: 12px 10px 20px 30px; display: -webkit-box;}
.menu-res{ display:none;}
.dropmenu-res{     z-index: 9999999999;; width:0; height: 100%; background:#FFF;right: -10px; box-shadow: 0 0 20px rgba(0,0,0, .15); position: fixed; overflow-x: hidden; transition: 0.1s; padding-top: 50px;}
.dropmenu-res li{ position:relative; float:left; width:100%; font-size:100%; font-weight:400;}
.dropmenu-res li:last-child{ border-bottom:0;}
.dropmenu-res li a{ color:#444; padding:10px 0 10px 20px; display:block;}
.dropmenu-res li a:hover, .dropmenu-res li a:focus{ background:#f5f5f5;}
.dropmenu-res li a.signup{font-weight: 700;color:#4289f0;}
.arrow_down{position: relative; display: inline-block;}
.home .dropmenu-res li .arrow_down:after{ border-top-color: #4e4e4e;}
.arrow_down:after {
	top: -8px;
	left: 5px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(78, 78, 78, 0);
	border-top-color: #4e4e4e;
	border-width: 4px;
}
#nav{ position: relative; float: right; margin-top: 15px;}
#nav ul:after{ content:''; display: block; clear: both;}
#nav>ul>li{ position: relative; float: left; height: 55px;}
#nav ul li a{ color: #4e4e4e; font-weight: 400; padding: 11px 14px;font-size: 15px; text-transform: uppercase;  display: block;}
#nav ul li a:hover{ color:#4e4e4e;}
#nav ul li a:hover .arrow_down:after{border-top-color: #4e4e4e;}
#nav ul li a.signup{border: 2px #1890ff solid; border-radius: 5px; color: #1890ff; padding: 8px 8px; margin: 0 0 0 15px;}
.dropdown-content{     display: none; position: absolute; min-width: 200px; top: 50px; background: #FFF; border-radius: 0px 0px 5px 5px; box-shadow: 0px 0px 8px rgba(0,0,0, .10); z-index: 99; width: auto; white-space: nowrap; filter: drop-shadow(0px 0px 8px rgba(0,0,0, .10));}
.dropdown-content:after{ top: -20px; left:60px; border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 10px; margin-left: -10px;}
.dropdown-content a:hover{ background: #f5f5f5;}
.dropdown-content li:last-child a:hover{ border-radius: 0px 0px 4px 4px;}
.dropmenu-res .dropdown-content{ width: 100%; position: relative; top: 0;}
.dropmenu-res .dropdown-content a{padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}
#nav ul li .dropdown-content a{ padding: 10px 25px; text-transform: none; font-weight: 400; color: #4e4e4e;}
.dropdown:hover .dropdown-content{ display: block;}
.language{ position: relative; float: right; width: 34px; margin: 25px 0 0 10px;}
.lang-current{ position: relative; float: left; width: 100%; cursor: default;}
.lang-current span{ display: none;}
.lang-dropdown{ position: absolute; min-width: 180px; background: #FFF; border-radius: 0px 0px 5px 5px; box-shadow: 0px 0 5px rgba(0,0,0, .10); filter: drop-shadow(0px 0px 5px rgba(0,0,0, .10)); top: 30px; right: -12px; padding: 10px 12px; display: none;}
.lang-dropdown:after{ top: -20px; right:25px; border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 10px; margin-left: -10px;}
.lang-dropdown ul li{display: inline-block; width: 100%; padding: 5px 0; text-align: left; font-size: 11px; cursor: pointer; vertical-align: middle;}
.lang-dropdown ul li span{ display: inline-block; vertical-align: middle;}
.icon-lang{ display: inline-block; width:45px; height: 23px; margin-right:3px; background: url("../img/lang.png") no-repeat; vertical-align: middle; border: 0px #f1f1f1 solid;}
.lang-dropdown ul li .arrow_down{ display: none;}
.vn{ background-position: 0px 0px;}
.id{ background-position: 0px -15px;}
.en{     background-size: 45px}
.pt{ background-position: 0px -45px;}
.th{ background-position: 0px -60px;}
.header.fixed .open-menu{color:#4289f0;}
/*----------------Nav end--------------*/
/*.banner-home{background: rgba(24,144,255, .8); background-image: url("../img/pattern-home.png"); background-size: 291px, contain; width: 100%;}*/
.banner-home{width: 100%; background: #FFF;}
.banner-home-content{position: relative; float: left; width: 100%; padding:24px 0 100px 0;}
.picture-home{float: right; width: 650px; text-align: center;}
.picture-home img{ max-width: 100%;    border-radius: 20px;}
.summary-home{position: relative; float: left; width: calc(100% - 500px - 180px); vertical-align: middle; font-size: 22px; line-height: 24px; font-weight: 300;color: #FFF;}
.summary-home div{position: absolute; top: 0; left: 0;}
.summary-home h2{ font-size: 55px; line-height: 60px; font-weight: 700; padding:60px 0 20px 0; color: #FFF;}
.summary-home p{ padding-bottom: 30px;}
.summary-home .button{ padding: 12px 30px;}
.home-img-prd{background: rgba(24,144,255, .8); background-image: url("../img/pattern-home.png"); background-size: 291px, contain; width: 100%; padding:50px 0; text-align: center;}
.home-img-prd img{ max-width: 100%;}
.home-img-prd p{ padding-top: 30px;}

.call-button { background: #fe9a28; border: none; font-size: x-large; font-family: sans-serif; font-weight: 900; color: #FFF; } 
.button-orange{ background: #fe9a28; border:none; color: #FFF;}
.button-blue{ background: #1890ff; border:none; color: #FFF; box-shadow: 0px 2px 3px rgba(0,0,0,.2);}
.button-yellow{ background: #ffa800; border-color: #d08900; color: #FFF; box-shadow: 0px 2px 3px rgba(0,0,0,.2); text-shadow: 0px 1px 2px rgba(0,0,0,.5); padding: 8px 80px 12px 80px;}
.button-bgnone{ background: #FFF; border-color: #288feb; color: #288feb; padding: 8px 60px 12px 60px;}
/*---------------Why cfms--------------*/
.whycfms{ width: 100%; background: #f0f5f7; padding: 60px 0 80px 0;}
.whycfms-slide{ position: relative; float: left; width: 100%; margin-top: 35px;}
.whycfms-icons{ display: inline-block; width: 80px; background: url("../img/whycfms-icon.png") no-repeat; vertical-align: middle;}
.all-in-one{ height: 65px; background-position: 0px 0px;}
.strong{ height: 80px; background-position: 0px -65px;}
.auto{ height: 76px; background-position: 0px -145px;}
.revenue{ height: 80px; background-position: 0px -222px;}
.enterprise{ height: 80px; background-position: 0px -305px;}
.interactive{ height: 80px; background-position: 0px -385px;}
/*---------------Partner----------------*/
.partner{ width: 100%; padding: 0px 0 70px 0;}
.partner h2{ text-align: center; font-size: 36px; font-weight: 400;}
.partner h4{ text-align: center; font-size: 22px; font-weight: 400;}
.partner-slide{ width: 100%; margin-top: 35px;}
/*----------------Bottom-----------------*/
.bottom{ width: 100%; background: #FFF; position: relative;}
.bottom-img{position:absolute; width: 100%; top: 10px; left:50%; transform: translate(-50%, 0); z-index: 1;}
.bottom-img img{ max-width: 100%;}
.bottom-content{position: relative; width: 100%; z-index: 2;}
.footer-link{ width: 100%; background: #222532; padding: 20px 0 40px 0;}
.footer-link-list{ float: left; width: calc(100% - 430px);}
.footer-link-list ul li{position: relative; float: left; width: 33%; margin-top: 30px;}
.footer-link-list ul li h4, .footer-link-right ul li h4{ font-size: 18px; font-weight: 700; color:#FFF; padding-bottom: 10px;}
.footer-link-list ul li a{ display: block; padding: 5px 0; font-size: 16px; color:#ecf0f1;}
.footer-link-list ul li a:hover{ color:#FFF;}
.footer-link-right{ float: right; width: 430px;}
.footer-link-right ul li, .other li{position:relative; float: left; width: 100%; margin-top: 30px;}
.footer-link-right ul li p, .other li p{ padding-top: 5px;}
.footer-link-right ul li .phone, .other li .phone{ font-weight: 700; color:#ff7800;}
.footer-link-right ul li .address, .other li .address{ color:#ecf0f1;}
.blog-popup{ display: block; padding: 0 10px; border-radius: 5px; background: #FFF; box-shadow: 0px 0px 8px rgba(0,0,0,.1); height: 200px;}

.footer{ width: 100%; background: #171d22; padding: 15px 0;}
.footer-left{ float: left; font-size: 14px; color:#4e4e4e;}
.logo-grey{ display: inline-block; width: 135px; height: 39px; background: url(../img/itsignature_logo_white_only.png) no-repeat; vertical-align: top; margin-right: 5px; background-size: 140px;}
.copyright{display: inline-block; vertical-align: top; padding-top: 8px; width:calc(100% - 250px); text-align: center; font-size: 16px; color: #ecf0f1;}
.footer-right{ float: right;}
.footer-right a{ color: #7f7f7f; font-size: 25px;}
.footer-right a:hover{color:#666;}
/*---------------cfms 4.0-----------------*/
.banner-feature{ width: 100%; background: #83c8dd url("../img/pattern-feature.png") repeat-x bottom center; height: 490px; color: #00476c; text-align: center;}
.rocket-img{ position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0);}
.banner-feature h2{ font-size: 60px; font-weight: 700; padding: 70px 0 0 0; color: #FFF;}
.banner-feature h3{ font-size: 30px; font-weight: 400; color: #dfeffd; padding: 5px 0 20px 0;}
.banner-feature .demo-image{position: absolute; bottom: -200px; z-index: 9; width:100%; text-align: center;}
.feature-block{ float: left; width: 100%; padding: 50px 0;}
.ft-bg-grey{ background: #f0f5f7;}
.ft-bg-white{ background: #FFF;}
.ft-bg-color{ background: #ecfaff;}
.feature-block-content{ float: left; width: 100%; margin: 40px 0 0 0;}
.feature-block-content .left{ float: left;}
.feature-block-content .right{ float: right;}
.feature-block-img{width: 400px;}
.feature-block-img img{ max-width: 100%;}
.ft-view{width: calc(100% - 400px - 50px);}
.ft-view ul li{ float: left; width: 50%; margin-bottom: 40px;}
.ft-view ul li h4{ font-size: 18px; font-weight: 700; padding-bottom: 8px;}
.ft-view ul li span{ display: block; padding: 5px 0; font-size: 15px; color: #252525;}
.ft-view.left{ padding-right:50px;}
.ft-view.right{ padding-left:50px;}
.feature-block-content .check{ color: #b2dd4c; margin-right:8px;}
.feature-other li{float: left; width:50%; margin-bottom: 40px;}
.feature-other li .bg-icons{display: inline-block; width:90px; height: 90px; margin-right:35px; background: #f5f5f5; border-radius: 50%; vertical-align: top; position: relative;}
.feature-other li .summary{ display: inline-block; width:calc(100% - 90px - 35px - 40px); padding-right: 40px; font-size: 16px; line-height: 22px;}
.feature-other li .summary h4{ font-size: 18px; font-weight: 700; padding-bottom: 8px;}
.ft-other-icon{position: absolute; width:50px; background: url("../img/ft-other.png") no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ft-other-icon1{ background-position: 0px 0px; height: 49px;}
.ft-other-icon2{ background-position: 0px -50px; height: 49px;}
.ft-other-icon3{ background-position: 0px -100px; height: 47px;}
.ft-other-icon4{ background-position: 0px -150px; height: 50px;}
/*-----------------Pricing------------------*/
.banner-pricing{width: 100%; background: #83c8dd url("../img/banner-pricing.jpg") center center; background-size: cover; height: 545px; color: #000; text-align: center; border-bottom: 1px #d7dbe4 solid; font-size: 20px;}
.banner-pricing h2{ font-size: 40px; color: #1890ff; padding: 90px 0 20px 0; font-weight: 400;}
.banner-pricing h3{ font-size: 24px; font-weight: 700; text-transform: uppercase; padding-bottom: 8px;}
.banner-pricing .link-reg{ padding-top: 50px;}
.banner-pricing .button-blue{ border: 0; box-shadow: 0 0 0; padding: 12px 30px;}
.banner-pricing p.text{ padding-top: 14px;}

.tableplan{ width: 100%; background:#FFF;}
.tableplan-block{ position: relative; width: 100%; background:#FFF; border-radius: 5px; top: -110px; z-index: 9;}
.tableplan-bg{ position: relative; float: left; width: 100%; background: #FFF; border-radius: 5px;}
.tableplan-blockin{ float: left; width: calc(100% - 50px); padding:45px 0 0 50px;}
.plan-tab{float:left; width: 100%; height: 40px; background: #f3f3f3; border-radius: 20px; margin-bottom: 50px;}
.plan-tab li{ float: left; width: 20%; font-size: 16px; color: #010101; text-align: center; line-height: 40px; cursor: pointer; border-radius: 20px;}
.plan-tab li .sale{ font-size: 12px; color: #ff6600;}
.plan-tab li.active{ background:#1890ff; color: #FFF;}
.plan-tab li.active .sale{ color: #FFF;}
.planitem{ float: left; width: calc((100% - 60px) / 3); margin-right: 30px; background:#FFF; padding-bottom: 30px; box-shadow: 0px 0px 15px rgba(0,0,0, .15);}
.planitem:nth-child(3){ margin-right: 0;}
.plan-head, .plan-head-un{ float: left; width: 100%; background: #288feb; text-align: center; padding:20px 0; color: #FFF;}
.free .plan-head, .free .plan-head-un{background: #f5f5f5; color: #555;}
.free .plan-head-un{ background: #f1f1f1;}
.free .plan-head .price-number{font-weight:400;}
.free .plan-head .plan-name{ color: #555; border-color: #555;}
.plan-head .plan-name{ display: inline-block; font-size: 16px; font-weight: 400; color: #FFF; border-bottom: 1px #FFF solid; padding-bottom: 4px; text-transform: uppercase;}
.plan-head .price-number{display: block; font-size: 50px; font-weight: 700; padding-top: 10px;}
.plan-head-un{ background: #53a5ef; font-size: 18px; font-weight: 700; padding: 15px 0;}
.plan-feature li{ float: left; width: 100%; border-bottom: 1px #f1f1f1 solid; padding: 15px 0; color: #1e1e1e; text-align: center;}
.plan-feature li:last-child{ border-bottom: 0;}
.custom-plan{ float: left; width: 100%; margin-top: 40px; text-align: center;}
.custom-plan .arrow-right{ font-size: 16px;}
.plan-question{ width: 100%; padding: 40px 0; background: #f8f9fa;}
.question-column{ float: left; width: calc((100% - 50px) / 2); margin:30px 50px 0 0;}
.question-column.right{ margin-right: 0;}
.question-column li{position: relative; float: left; width: 100%; padding: 10px 0 20px 0;}
.question-column .qs-title{ float: left; width: 100%; border-bottom: 1px #dbdbdb solid; padding-bottom: 18px; color: #333; font-size: 18px; cursor: pointer;}
.question-column .qs-title.less{ border-color: #288feb; color: #288feb;}
.question-column .qs-details{position: relative; float: left; width: calc(100% - 30px); padding-left: 15px; color: #1e1e1e; font-size: 16px; line-height: 24px; margin-top: 12px; display: none;}
.plan-compare{ width: 100%; background: #FFF;padding:0 0 50px 0; display: none;}
.table-compare{ width: 100%; border:0; padding: 0; margin: 0;}
.table-compare td, .table-compare th{ padding:14px 15px; font-size: 14px; color:#4e4e4e; border-bottom: 1px #dfdfdf solid; text-align: left;}
.table-compare td .tick{ color:#67b001; font-size: 16px;}
.table-compare thead th{ background: #f5f5f5; font-size: 18px; font-weight: 700;}
.table-compare thead th.name{ width: 20%; background: #1890FF; text-transform: uppercase; color: #FFF; font-weight: 700; text-align: center; border-left: 1px #FFF solid;}
.table-compare thead th.name.free{background: #b6dcff; color: #555; font-weight: 400;}
.table-compare td.title{ font-size: 16px; text-transform: uppercase; font-weight: 700;}
.table-compare td.name{ width: 20%; text-align: center;}
.table-compare td.name.free{background: #F9F9F9;}
#open-details{font-size: 20px;}
/*-----------------------FAQs-----------------*/
.faqs-banner{ background-image: url("../img/faq-pattern.png"); background-size: 513px, contain; width: 100%; height: 400px; color: #FFF; text-align: center;}
.faqs-bannerin{position: absolute; width: 100%; height: 100%; z-index: 2;background: rgba(0,0,0, .72); top: 0; left: 0;}
.faqs-banner h2{ display: block; font-size: 50px; font-weight: 400; padding-top: 80px; padding-bottom: 10px;}
.faqs-banner p{ display: block; font-size: 24px; padding-top: 10px;}
.faqs-banner a{ color: #FFF; text-decoration: underline;}
.faqs-search{ display: block; width: 70%; margin: 0 15%; margin-top: 40px; height: 45px; background: #FFF; border-radius: 3px;}
.faqs-search input.text{ float: left; width:calc(100% - 125px - 30px); padding-left: 15px; border: 0; font-size: 18px; font-weight: 400; color: #999; line-height: 45px; height: 45px; background: none;}
.faqs-search .btns{ float: right; width: 125px; height: 100%; border-radius: 0px 3px 3px 0px; background: #ffe400; text-align: center; text-decoration: none; line-height: 45px; font-size: 18px; font-weight: normal; color: #1e1e1e;}
.faqs-content{ width: 100%; background: #f2f2f8; padding: 30px 0 50px 0;}
.faqs-sidebar{ float: left; width: 300px;}
.faqs-view{ float: left; width: calc(100% - 300px - 80px); min-height: 600px; padding: 18px 40px; background: #FFF; border-radius: 5px;}
.faqs-details{position: relative; float: left; width: 100%; display: none;}
.faqs-tab li a{ display: block; padding: 15px 20px; font-size: 16px; font-weight: 700; color: #002e5b;}
.faqs-tab li.current a{ background: #FFF; color: #1890ff;}
.faqs-tab{ margin-top: 30px;}
#tab-1{ display: block;}
.q-block{position: relative; float: left; width: 100%; margin-top: 20px;}
.q-title{position: relative; float: left; width: 100%; font-size: 16px; cursor: pointer; color: #1e1e1e; border-bottom: 1px #DDD solid; padding:0 40px 12px 0;}
.q-title .fa-file{ margin-right: 8px; color: #888;}
.q-title .more, .q-title .less{ position: absolute; right: 0; color: #999; top: 4px;}
.q-title .less, .q-title.open .more{ display: none;}
.q-title.open .less{ display: inline-block;}
.q-details{ float: left; width: calc(100% - 40px); padding: 18px 0 18px 20px; font-size: 15px; display: none;}
.q-details p{ padding: 6px 0;}
.q-title.open, .q-title.open .fa-file{ color: #fe8900;}
.no-result {font-size: 18px; font-weight: bold; padding: 20px 0; margin-top: 20px; display: none; border: 1px #DDD solid; border-width: 1px 0px 1px 0px;}
/*--------------------Partner-page---------------------*/
.partner-banner{background: #33456d; width: 100%;padding: 50px 0;}
.partner-img{position: absolute; z-index: 0; left: 50%; transform: translate(-50%);}
.partner-content{ width: 100%; color: #FFF; text-align: center; padding: 70px 0 100px 0;}
.partner-content h3{ font-size: 40px; font-weight: 400; padding:0 0 15px 0;}
.partner-content h4{ font-size: 32px; font-weight: 400;}
.partner-list{ width: 100%; background: #f5f5f5; padding-bottom: 60px;}
.partner-list .rows{ float: left; width: 100%; margin: 45px 0 0 0;}
.partner-list .rows h3{ font-size: 24px; font-weight: 400; text-align: center; color: #4e4e4e; padding-bottom: 30px;}
.partner-list .rows .list-box{ width: 100%; background: #FFF; padding: 30px; box-shadow: 0px 0px 10px rgba(0,0,0, .15); text-align: center;}
.partner-list .rows .list-box img{ padding: 0 25px;}

/*--------------------Success-stories-------------------*/
.success-stories{background: url("../img/success-stories.jpg") no-repeat; background-size: cover; width: 100%; height: 400px;}
.stories-banner{width: 100%; height: 100%; background: rgba(86,86,86, .5); text-align: center; color:#FFF;}
.stories-banner hgroup{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.stories-banner h3{ font-weight: 400; text-shadow: 0px 1px 2px rgba(0,0,0,.25); font-size:40px; padding-bottom: 15px;}
.stories-banner h4{ font-weight: 400; text-shadow: 0px 1px 2px rgba(0,0,0,.25); font-size:24px;}
.stories-content{ width: 100%; background: #f5f5f5; padding: 60px 0 100px 0;}
.stories-content ul li{ float: left; width: calc((100% - 75px) / 4); margin:40px 25px 0 0; height: 320px; padding: 0 18px; background: #FFF; border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0, .15);}
.stories-content ul li:last-child{ margin-right: 0;}
.stories-content ul li a{ color: #4e4e4e;}
.stories-content ul li .head{ width: 100%; padding: 20px 0; text-align: center;}
.stories-content ul li .head h4{font-size: 18px; font-weight: 700; text-transform: uppercase; padding-top: 25px;}
.stories-content ul li p{ font-size: 16px; line-height: 22px;}

/*-------------------------Career-----------------------*/
.banner-career{background: url("../img/career.jpg") no-repeat; background-size: cover; width: 100%; height: 450px;}
.banner-career-bg{ width: 100%; height: 100%; background: rgba(0,22,72, .8);}
.quote{position: relative; width: 100%;}
.quote-content{ width: 100%; text-align: center; font-size: 20px; line-height: 35px; color: #FFF; font-weight: 300; padding-top: 100px;}
.quote-content p{ padding-bottom: 35px;}
.career-content{ width: 100%; padding: 40px 0; background: #f5f5f5;}
.career-content h2{ font-size: 32px; padding-bottom: 40px; text-transform: uppercase; text-align: center; font-weight: 400;}
.career-content .career-list{ width: 80%; margin: 0 10%; border-radius: 5px; background: #FFF; box-shadow: 0 0 8px rgba(0,0,0, .15);}
.career-content .career-list li{ width: 100%;}
.career-head{ position: relative; width: 100%; background: #f5f5f5; padding: 18px 0; border-bottom: 1px #DDD solid; cursor: pointer;}
.career-head .star{ width: 55px; text-align: center; display: inline-block; vertical-align: middle;}
.career-head .star .fa-star{ font-size: 20px; color: #a3a3a3;}
.career-head .career-name{ width: calc(100% - 55px - 120px); display: inline-block; vertical-align: middle;}
.career-head .career-name h4{ font-size: 18px; font-weight: 700; color: #999; padding-bottom: 5px;}
.career-head .career-name .desc{ font-size: 14px; color: #777;}
.career-head .career-name .desc span{ margin-right: 10px;}
.career-head .time{ display: inline-block; width: 100px;text-align: center; vertical-align: middle;}
.career-head .time span{display: inline-block; font-size: 12px; color: #4e4e4e; background: #DDD; border-radius: 3px; padding: 2px 15px;}
.career-details{ width: 100%; padding: 20px 50px; font-size: 16px; line-height: 22px; color: #4e4e4e; display: none; border-bottom: 1px #DDD solid;}
.career-details ul{ width: 100%; margin-top: 25px;}
.career-details ul li{padding: 0px 20px 8px 0; list-style: disc; margin-left: 20px;}
.career-details ul li.title{font-weight: 700; list-style: none; margin-left: 0;}
.career-details ul li.summary{ list-style: none; margin-left: 0;}
.career-details ul li.end{list-style: none; margin-left: 0; margin-top: 20px; background: #f5f5f5; border-radius: 3px; padding: 10px;}
.career-details .icon-share{ font-size: 24px; margin-right: 5px;}
.fb-share{ color: #475993;}
.tw-share{ color: #5da7db;}
.gg-share{ color: #dd4b38;}
.in-share{ color: #007bb5;}
.career-list li.on.open .career-head, .career-list li.on .career-head{ background: #FFF;}
.career-list li.on.open .fa-star, .career-list li.on .fa-star, .career-list li.on.open h4,  .career-list li.on h4{ color: #1890ff;}
/*------------------Contact-------------------*/
.banner-contact{width: 100%; background:url("../img/contact-bg.jpg") center center; background-size: cover; height: 500px;}
.banner-contact-bg{ width: 100%; height: 100%; background: rgba(0,34,95, .8); text-align: center;}
.banner-contact-content{ width: 100%; text-align: center; color: #FFF; font-weight: 300;}
.banner-contact-content h2{ font-size: 50px; font-weight: 400; padding: 160px 0 20px 0;}
.banner-contact-content p{ font-weight: 400; font-size: 24px; padding-bottom: 12px;}
.contact-blog-wh{ width: 100%; background: #FFF; padding-bottom: 60px;}
.contact-blog-bl{ width: 100%; background: #f3f7fa; padding: 50px 0 60px 0;}
.contact-blog-wh .rows{ float: left; width: 100%; margin: 50px 0 0 0;}
.contact-blog-wh .column{ float: left; width: calc((100% - 50px) / 2); margin-right: 50px;}
.contact-blog-wh .rows .column:nth-child(2){ margin-right: 0;}
.contact-blog-wh .title{position: relative; float: left; width:calc(100% - 5px); height: 40px; background: #f2f2f2; border-radius: 5px; margin-left: 5px;}
.contact-blog-wh .title h3{ font-size: 16px; font-weight: 700; color: #1e1e1e; line-height: 40px; padding-left: 60px; text-transform: uppercase;}
.contact-blog-wh .title-icon{ position: absolute; width: 50px; height: 50px; border-radius: 50%; left: -5px; top: -5px; text-align: center; box-shadow: 0px 0px 5px rgba(0,0,0,.1); background: #FFF; color:#1890FF; font-size: 30px;}
.contact-blog-wh .title-icon span{position: relative; float: left; width: 100%; height: 100%;}
.contact-blog-wh .title-icon .icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #4e4e4e;}
.contact-blog-wh .content{float: left; width: calc(100% - 30px); padding-left: 30px; color: #1e1e1e;}
.contact-blog-wh .content .desc{ font-size: 16px; line-height: 22px; padding: 20px 0;}
.contact-blog-wh .content .line-buttons{ text-align: center;}
.contact-blog-wh .content .line-buttons .button{ font-size: 16px; border: 0; padding: 8px 20px;}
.contact-blog-wh .content .phone{ font-size: 36px; font-weight: 700; color: #142963;}
.contact-blog-wh .content .link{ font-weight: 700;}
.form-reg{position: relative; width: 100%;}
.form-reg-bg{position: relative; display: inline-block; width: 100%; padding: 10px 20px; background: #FFF; border-radius: 5px; box-shadow: 0px 0px 8px rgba(0,0,0,.15); margin-top: 15px; display: none;}
.form-reg-bg ul li{ display: inline-block; width: 100%; margin: 12px 0 5px 0;}
.form-reg-bg ul li .column{ display: inline-block; width: calc((100% - 5px) /2 ); margin-right: 5px;}
.form-reg-bg ul li .column:nth-child(2){ margin-right: 0px;}
.form-reg-bg ul li .column .label{ width: 100%; padding-bottom: 5px; color:#4e4e4e;}
.form-reg-bg ul li .column .label .rq{ color: #ff0000;}
.form-reg-bg ul li .column input.text{ width: 100%; background: #fafafa; border:1px #DDD solid; border-radius: 3px; height: 35px; line-height: 35px; padding-left: 10px; font-size: 14px; color: #666;}
.form-reg-bg ul li .column input.text.error{ background: #fff7dd;}
.form-reg-bg ul li .column .validation{ padding-top: 5px; color: #ff6b2a; font-size: 12px; width: 100%;}
.form-reg-bg ul li .btn{display: inline-block; margin-right: 5px; border-radius: 3px; font-size: 16px; color: #FFF; padding: 0 18px; line-height: 35px;}
.form-reg-bg ul li .btn.reg{ background: #ff8f00;}
.form-reg-bg ul li .btn.cancel{ background: #bbbbbb; padding: 0 50px;}
.contact-other{ float: left; width: 100%; margin: 50px 0 20px 0;}
.contact-other li{ float: left; width: calc((100% - 90px) / 4); margin-right: 30px; background: #FFF; border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,98,188,.1); text-align: center; vertical-align: middle;}
.contact-other li a{ display: inline-block; font-weight: 700; vertical-align: middle; width: 100%; padding:20px 0;}
.contact-other li .icon{ font-size: 24px;vertical-align: middle; margin-right: 15px;}
.contact-other li:last-child{ margin-right: 0;}

/*---------------------Terms & Services-------------------*/
.terms-services{ width: 100%; padding: 50px 0;}
.terms-services h2{ border-bottom: 1px #DDD solid; padding-bottom: 20px; font-size: 40px; font-weight: 300; color: #1890FF;}
.terms-services-content{ width: 100%; margin-top: 50px;}
.terms-services-content .sidebar{ float: left; width: 300px;}
.terms-services-content .sidebar li a{ display: block; padding: 14px 0; border-bottom: 1px #DDD solid; color: #4e4e4e; text-transform: uppercase; font-size: 14px;}
.terms-services-content .terms-details{ float: left; width: calc(100% - 300px - 80px); margin-left: 80px; line-height: 22px;}
.terms-services-content .terms-details h3{ font-size: 22px; font-weight: 700; padding: 18px 0;}
.terms-services-content .terms-details p{ padding-bottom: 16px;}
/*------------------cfms Profile----------------*/
.banner-profile{width: 100%; background:url("../img/banner-profile.jpg") center center; background-size: cover; height:400px;}
.banner-profile-bg{ width: 100%; height: 100%; background: rgba(0,0,0,.8);}
.banner-profile-content{ position: absolute; width: 50%; text-align: center; color: #FFF; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 28px; font-weight: 400; line-height: 50px; font-style: italic;}
.profile-rows{ float: left; width: 100%; padding: 60px 0;}
.profile-rows h3{ font-size: 32px; font-weight: 400; text-align: center; color: #4e4e4e;}
.profile-about{ background: #f7f7f7;}
.profile-about h3{ color: #1890ff;}
.profile-stastic h3{ color: #FFF;}
.profile-value{background: #f5f5f5;}
.profile-value2{background: #FFF;}

.profile-about .summary{ padding-top: 20px; text-align: center; line-height: 22px;}
.profile-about-details{ margin: 40px 0 0 0;}
.profile-about-image{ float: left; width: 490px; text-align: center;}
.profile-about-image img{ max-width: 100%;}
.profile-about-info{position: relative; float: left; width: calc(100% - 490px); border-left: 2px #1890ff solid;}
.profile-about-info li{position: relative; float: left; width: 100%; padding: 15px 0;}
.profile-about-info li .circle{position: absolute; top: 15px; left:-10px; width: 20px; height: 20px; border-radius: 50%; background: #1890ff;}
.profile-about-info li .time{ float: left; width: 90px; text-align: center; color: #4e4e4e;}
.profile-about-info li .info-details{ float: left; width: calc(100% - 90px - 50px);}
.profile-about-info li .info-details h4{ font-size: 18px; font-weight: 700; color: #1890ff; padding-bottom: 5px;}
.profile-about-info li .info-details span{ margin-right: 20px;}
.profile-about-info li .info-details .icon{ color: #1890ff; font-size: 24px; margin-right: 5px;}
.profile-about-info li .info-details strong{ color: #1890ff;}
.profile-about-info li .info-details p{ padding-bottom: 18px;}
.profile-stastic{background: rgba(0,38,73, 1); background-image: url("../img/pattern-profile.png"); background-size: 440px, contain; width: 100%; height: 420px;}
.stastic{ width: 100%; padding-top: 40px;}
.stastic-left{ float: left; width: calc(100% - 460px - 30px - 30px); color:#FFF; font-size: 18px;}
.stastic-left li{ display:inline-block; width: 100%; padding: 6px 0; vertical-align: middle;}
.stastic-left li .number{ display: inline-block; width: 20%; font-size: 24px; font-weight: 700; vertical-align: middle;}
.testimonial{ float: right; width: 460px; padding:20px 30px 40px 30px; background: #FFF; border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0, 15); font-size: 14px; line-height: 22px; font-style: italic;}
.testimonial .agent{ font-weight: 700; font-style: normal; padding-top: 12px;}
.profile-value-rows{width: 100%; margin-top: 35px; float: left;}
.profile-value-rows .column{ float:left; width: calc((100% - 60px) / 2); margin-right: 60px;}
.profile-value-rows .column:nth-child(2){ margin-right: 0;}
.profile-value-rows .column h5{ font-size: 18px; font-weight: 700; text-transform: uppercase; color: #1890ff; padding-bottom: 18px;}
.profile-value-rows .column .summarry .img{float: left; width: 100px; text-align: center;}
.profile-value-rows .column .summarry .img .img-bg{position: relative; float: left; width: 68px; height: 68px; border-radius: 50%; background: #1890ff; text-align: center;}
.profile-value-rows .column .summarry .img .img-bg .icon-value{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.profile-value-rows .column .summarry .img .icon{ color: #1890ff; font-size: 60px;}
.profile-value-rows .column .summarry .info{ float: left; width: calc(100% - 100px); font-size: 16px; line-height: 20px;}
.profile-value-rows .column .summarry .info .title{ font-size: 18px; font-weight: 700; padding-bottom: 8px;}
.val{ display: inline-block; width: 40px; background: url("../img/img-value.png") no-repeat;}
.val1{ height: 40px; background-position: 0px 0px;}
.val2{ height: 42px; background-position: 0px -41px;}
.val3{ height: 40px; background-position: 0px -85px;}
.val4{ height: 22px; background-position: 0px -127px;}
/*-----------------------Upgrade----------------------*/
.upgrade-banner{ background: #3fc1c9; width: 100%; height: 400px; color: #FFF; text-align: center; text-shadow: 0px 1px 2px rgba(0,0,0,.2);}
.upgrade-banner-img{position: absolute; bottom: -4px; left: 50%; transform: translate(-50%, 0);}
.upgrade-banner-img img{ max-width: 100%;}
.upgrade-banner h2{ display: block; font-size: 50px; font-weight: 400; padding-top: 80px; padding-bottom: 10px;}
.upgrade-banner p{ display: block; font-size: 24px; padding-top: 10px;}
.upgrade-content{ width: 100%;}
.upgrade-content .rows{ float: left; width: 100%; padding: 50px 0; background: #f5f5f5;}
.upgrade-content .rows:nth-child(2n){ background: #FFF;}
.upgrade-content .rows .calendar{ float: left; width: 100%; color: #1890ff;}
.upgrade-content .rows .summary{ float: left; width: 100%; padding-top: 30px;}
.upgrade-content .rows .summary .thumb{ float: left; width: 300px; text-align: center; margin-right: 50px;}
.upgrade-content .rows .summary .thumb img{max-width:100%;}
.upgrade-content .rows .summary .desc{ float: left; width: calc(100% - 300px - 50px); font-size: 16px; line-height: 24px; color: #4e4e4e;}
.upgrade-content .rows .summary .desc h3{ font-size: 20px; font-weight: 700; color: #1890ff;}
.upgrade-content .rows .summary .desc p{ padding-top: 20px;}
/*----------------------referral---------------------*/
.referral-banner{width: 100%; background:url("../img/referral.jpg") center center; background-size: cover; height:500px; color: #FFF; text-align: center; text-shadow: 0px 1px 2px rgba(0,0,0,.2);}
.referral-banner-bg{ width: 100%; height: 100%; background: rgba(10,127,182,.8);}
.referral-banner h3{ font-size: 40px; padding-top: 80px; font-weight: 400;}
.referral-banner p{ padding-top: 20px; font-size: 22px;}
.referral-banner .number{ display: inline-block; font-size: 40px; font-weight: 700; color: #FFF; background: #ff9c00; padding: 5px 40px;}
.referral-banner .note{ font-size: 18px; font-style: italic;}
.refer-btn{ display: inline-block; border-radius: 5px; background: #FFF; color: #3d3d3d; font-size: 18px; font-weight: 700; padding: 12px 50px; margin-right: 12px;}
.referral-content{ width: 100%;}
.referral-content .rows{ float: left; width: 100%; background: #FFF; padding: 50px 0; font-size: 16px; line-height: 24px; color: #4e4e4e;}
.referral-content .rows:nth-child(2n){ background: #f5f5f5;}
.referral-content .rows .column{ width: 80%; margin: 0 10%;}
.referral-content .rows .column .picture{ float: left; width: 400px; text-align: center;}
.referral-content .rows .column .picture img{ max-width: 100%;}
.referral-content .rows .column .desc{ width: calc(100% - 400px);}
.referral-content .rows .column .desc h4{ font-size: 18px; font-weight: 700; padding:40px 0 15px 0;}
.referral-content .rows .column .left{ float: left;}
.referral-content .rows .column .right{ float: right;}
.referral-content .rows .title-block{float:left; text-align: center; width: 100%; padding-bottom: 50px; font-size: 24px; font-weight: 700;}
.referral-content .steps{ float: left; width: 100%; padding-bottom:80px;}
.referral-content .steps li{float:left; width: calc((100% - 40px) / 5); margin-right: 10px; height: 90px; border-radius: 5px; background: #1890FF; color: #FFF;}
.referral-content .steps li:last-child{ margin-right: 0;}
.referral-content .steps li .number{ display: inline-block; width: 42px; height: 90px; background: #004f98; font-size: 28px; font-weight: 700; color: #FFF; text-align: center; border-radius: 5px 0px 0px 5px; vertical-align: middle; line-height: 90px;}
.referral-content .steps li .name{ display: inline-block; width: calc(100% - 42px - 10px); padding-left: 10px; text-align: center; vertical-align: middle; font-size: 16px; line-height: 30px;}
.referral-reg{ float: left; width: 100%; text-align: center; font-size: 18px; color: #4e4e4e;}
.referral-reg p{ padding-bottom: 20px;}
.referral-reg .button-reg{ display: inline-block; font-size: 20px; font-weight: 400; color: #6c4200; padding: 12px 80px; background: #ff9c00; border-radius: 5px;}

/*---------------Api - Integrated-----------------*/
.banner-api{width: 100%; background:url("../img/banner-api.jpg") center center; background-size: cover; height:450px; color: #FFF; text-align: center; text-shadow: 0px 1px 2px rgba(0,0,0,.2);}
.banner-api-bg{ width: 100%; height: 100%; background: rgba(0,0,0,.7);}
.banner-api-content h2{font-size: 40px; padding: 120px 0 15px 0; font-weight: 400;}
.banner-api-content p{ padding-top: 5px; font-size: 22px;}
.banner-api-content a{ color: #FFF; text-decoration: underline;}
.api-rows{ float: left; width: 100%; padding: 60px 0;}
.api-image-right, .api-image-right{ float: right; width: 520px;}
.api-image-left{ float: left; width: 400px; text-align: center;}
.api-image-right img, .api-image-left img{ max-width: 100%;}
.api-content-left{ float: left; width: calc(100% - 520px - 50px); font-size: 16px; color: #4e4e4e; line-height: 24px;}
.api-content-right{ float: right; width: calc(100% - 400px - 50px); font-size: 16px; color: #4e4e4e; line-height: 24px;}
.api-content-left h3, .api-content-right h3, .integrated-content-left h3, .integrated-column h3{ font-size: 24px; font-weight: 400; padding: 20px 0 15px 0;}
.api-content-left p, .api-content-right p{ padding-bottom: 20px;}
#main .api-rows:nth-child(2n+1){ background: #f5f5f5;}
.integrated-content-left{ float: left; width: calc(100% - 520px - 50px - 30px); font-size: 16px; color: #4e4e4e; line-height: 24px; border-left:4px #1890ff solid; padding-left: 30px; margin-top: 40px;}
.integrated-rows{ float: left; width: 100%; margin-bottom: 10px;}
.integrated-content-left h3, .integrated-column h3{ color: #1890ff; padding-top: 0;}
.integrated-column{ float: left; width: calc((100% - 50px) / 2); margin-right:50px; text-align: center;}
.api-rows .integrated-column:nth-child(2){ margin-right: 0;}
.integrated-column p{ padding: 12px 0 20px 0; line-height: 24px;}
.integrated-column.end{ width: 100%;}
.integrated-column.end p{ padding: 12px 50px 20px 50px;}
.integrated-other{ width: 100%; padding-top: 50px;}
.integrated-other li{ float: left; width: calc((100% - 120px) / 4); margin-right: 40px; height: 70px; background: #FFF; box-shadow: 0px 0px 8px rgba(0,0,0,.15);}
.integrated-other li:last-child{ margin-right: 0;}
.integrated-other li a{ display: block; line-height: 90px;}

/*-----------------cfms chat--------------------*/
.cfmschat-banner, .ref-banner{width: 100%;}
.cfmschat-bg{ width: 100%; height: 100%; background: rgba(24,144,255,.85);}
.cfmschat-banner-content h2{font-size: 50px; padding: 130px 0 15px 0; font-weight: 400;}
.cfmschat-banner-content h3{font-size: 28px; padding: 0 0 15px 0; font-weight: 700;}
.cfmschat-banner-content p{ font-size: 24px; line-height: 32px; padding: 0 8%;}
.cfmschat-content{ width: 100%;}
.cfmschat-content .rows{ float: left; width: 100%; padding: 60px 0 0 0;}
.cfmschat-content .rows .column{float: left; width: calc((100% - 60px) / 2); margin-right: 60px;}
.cfmschat-content .rows .column:nth-child(2){ margin-right: 0;}
.cfmschat-content .rows .column .head{ text-align: center;}
.cfmschat-content .rows .column h3{font-size: 24px; font-weight: 400; text-transform: uppercase; text-align: center; color: #1890ff; padding: 30px 0 15px 0;}
.cfmschat-content .rows .column p{ line-height: 24px;}
.cfmschat-list{ padding-top: 15px;}
.cfmschat-list li{ float: left; width: 50%; padding: 6px 0; font-size: 14px; color: #4e4e4e;}
.cfmschat-list li .list{ font-size: 8px; color: #1890ff; margin-right: 8px;}
.cfmschat-content .rows:last-child .column{ width: 100%;}
.cfmschat-content .rows:last-child .column p{ text-align: center; padding: 0 8%;}
.cfmschat-content .rows:last-child .column .cfmschat-list li{ width: 20%;}
.cfmschat-content .rows .column .head{ width: 100%; display: inline-block; padding: 50px 0;}
/*----------------cfms email--------------------*/
.cfmsemail-banner{width: 100%; background:#926bc9; height:490px; color: #FFF; text-align: center; text-shadow: 0px 1px 2px rgba(0,0,0,.2);}
.cfmsemail-img{position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0); z-index: 0;}
.cfmsemail-img img{ max-width: 100%;}
.cfmsemail-banner h2{font-size: 50px; padding: 100px 0 15px 0; font-weight: 400;}
.cfmsemail-banner h3{font-size: 28px; padding: 0 0 15px 0; font-weight: 700;}
.cfmsemail-banner p{ font-size: 24px; line-height: 32px;}
.cfmsemail-list li{ width: 100%;}
.cfmschat-content .rows:last-child .column .cfmsemail-list li{ width: 33%;}
.cfmsemail-content .rows .column h3{ padding-top: 0;}
.cfmsemail-content .head{ padding: 30px 0;}
/*-----------------Facebook Messenger-------------*/
.messenger-banner{width: 100%; background:#0083fe; height:490px; color: #FFF; text-align: center; text-shadow: 0px 1px 2px rgba(0,0,0,.2);}
.messenger-img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0;}
.messenger-banner h2{font-size: 50px; padding: 100px 0 15px 0; font-weight: 400;}
.messenger-banner h3{font-size: 28px; padding: 0 0 15px 0; font-weight: 700;}
.messenger-banner p{ font-size: 24px; line-height: 32px;}
.messenger-content .rows:last-child .column{width: calc((100% - 60px) / 2);}
.messenger-content .rows:last-child .column .cfmschat-list li{ width: 50%;}
.messenger-content .rows:last-child .column p{text-align: left; padding: 0;}
.messenger-content .rows:last-child{ margin-bottom: 60px;}

/*----------New-style----------*/
.banner-home{background: url("../img/header.png"); background-repeat: no-repeat; height:675px; background-position:center center; position: relative; top: -105px; padding-top: 100px;}
.main-content{position: relative; float: left; width: 100%; background: #FFF; padding-bottom: 40px;padding-top: 70px;}
.main-content::before{position: absolute; content: ''; background: url("../img/pattern.png");width:225px; height:500px; right: 0; top: 75px; z-index: 0;}
.main-content .block{position: relative; width:100%; padding-bottom: 50px;}
.main-content .block:last-child{text-align:center; padding:40px 0;}
.main-content .summary{display: inline-block; width:500px; vertical-align: middle; font-size: 22px; color: #585d67; line-height: 30px; padding-right: 30px;}
.main-content .summary h4{font-size: 43px; font-weight: 700; line-height: 54px;}
.main-content .summary p{padding:10px 0;}
.main-content .summary h5{font-size: 24px; font-weight:700; color: #fe9a28;}
.main-content .images{display: inline-block; width:calc(100% - 500px - 30px); vertical-align: middle; text-align: left;}
.main-content .images img{max-width:100%;}
.bottom::before{position: absolute; content: ''; background: url("../img/pattern-left.png"); width:124px; height: 257px; left: 0; top: 30px; z-index: 0;}
.bottom-content{position: relative; width:100%; padding:30px 0 50px 0;}
.bottom-form{position:relative; display: inline-block; width:500px; height: 48px; border:1px #cccccc solid; border-radius: 5px; vertical-align: bottom;}
.bottom-desc{display: inline-block; width:calc(100% - 510px); vertical-align: middle; font-size: 22px; color: #585d67;}
.bottom-desc h3{font-size: 36px; font-weight: 700; color: #4289f0;}
.bottom-form input.text{position: relative; width:60%; height: 46px; line-height: 46px; padding-left: 18px; font-size: 20px; color: #444; border:0; border-radius: 5px;}
.bottom-form input.text::placeholder{ color:#a7a9ae;}
.btn-started{position: absolute; height: 48px; line-height: 46px; font-size: 20px; font-weight: 600; color: #FFF; background-color: #4289f0; border-radius: 0px 5px 5px 0px; right: -1px; top: -1px; padding: 0 45px;border:0; cursor: pointer;}
.home #nav ul li a{ color: #FFF;}
.home .arrow_down:after{border-top-color: #FFF;}
.home #logo{float:left; width: 242px; height: 95px; background: url("../img/itsignature_logo_white.png") no-repeat; margin:9px 0 0 0;    background-size: 220px;}
@media screen and (max-width: 480px) { .home #logo{ height: 40px !important; background-size: 120px !important;} } 
.home #nav ul li .dropdown-content a{color: #4e4e4e;}
.home #nav ul li a.signup{border-color:#FFF; color: #FFF;}
.home #nav ul li a:hover .arrow_down:after{border-top-color: #FFF;}
.banner-feature{background: url("../img/ft-header.png"); background-repeat: no-repeat; height:698px; background-position:center center; position: relative; top: -70px; padding-top: 100px;}
.feature-head-image{position: absolute; width: 100%; bottom:-200px; text-align: center; z-index: 2;}
.feature-head-image img{max-width: 100%;}
.feature-block-1{margin-top: 150px; position: relative;}
.feature-block-1::before{position: absolute; content: ''; background: url("../img/pattern-ft-r.png"); width:199px; height:431px; right: 0; top: -230px; z-index: 0;}
.title-block{ float: left; width: 100%; text-align: center; font-size: 45px; font-weight: 700; color: #585d68;}
.desc-block{ float: left; width: 100%; text-align: center; font-size: 22px; font-weight: 400; line-height: 24px; padding: 10px 0 0 0; color: #585d68; padding-bottom: 30px;}
.column-summary{display: inline-block; width: 280px; vertical-align: top; color: #585d68; vertical-align: middle;}
.column-summary h3{ font-size: 45px; font-weight: 600; padding: 40px 0 15px 0;}
.column-summary h5{ font-size: 22px; font-weight: 400; line-height: 30px;}
.column-summary .rows{position: relative; width: 100%; margin-top:45px; font-size: 24px;}
.column-summary .rows a{ font-weight: 700; color: #585d68;}
.column-summary .rows span{display: inline-block; vertical-align: middle; margin-right: 12px;}
.column-image{display: inline-block; width: calc(100% - 290px); text-align: center; vertical-align: middle;}
.column-image img{max-width: 90%; transition: transform .2s;}
.column-summary .ft-tabs{position: relative; width: 100%; margin-top:40px;}
.column-summary .ft-tabs li{display: inline-block; width: 40%; font-size: 24px; line-height: 30px; font-weight: 500; vertical-align: top;}
.column-summary .ft-tabs li a{ color: #585d68;}
.column-summary .ft-tabs li.tab-active a{ color: #0788ff;}
.tab-content{display: none;}
.tab-content.tab-active{display: inherit;}

.feature-block-2, .feature-block-3, .feature-block-4, .feature-block-5{ position: relative;}
.feature-block-2::before{position: absolute; content: ''; background: url("../img/pattern-left.png"); width:124px; height: 257px; left: 0; bottom: -70px; z-index: 2;}
.feature-block-4::before{position: absolute; content: ''; background: url("../img/pattern.png"); width:225px; height:500px; right: 0; bottom: -250px; z-index: 2;}
.feature-block-2 .column-summary, .feature-block-3 .column-summary, .feature-block-4 .column-summary , .feature-block-5 .column-summary{ width: 530px;}
.feature-block-2 .column-image, .feature-block-3 .column-image, .feature-block-4 .column-image, .feature-block-5 .column-image{ width: calc(100% - 540px);}
.feature-block-3 .column-image, .feature-block-5 .column-image{ text-align: left;}
.feature-block-6 .column-image{text-align: right;}
.column-image #segment img{ max-width: 50%;}

.feature-grey{ background: #f7fafd;}
.feature-block-3 .ft-tabs li{ width: 20%;}
.feature-block-3 .ft-tabs li:nth-of-type(2){ width: 35%;}
.feature-block-5 .ft-tabs li{ width: 30%;}
.feature-block-6 .ft-tabs li{ width:20%;}
.feature-block-6 .ft-tabs li:first-child{ width:40%;}
.cfmschat-banner{background: url("../img/livechat-header.png"); background-repeat: no-repeat; height:677px; background-position:center center; position: relative; top: -70px; padding-top: 100px;}
.livechat-banner-summary{float: right; width: 500px; color: #FFF; margin:100px 65px 0 0;}
.livechat-banner-summary h2{ font-size: 60px; font-weight: 600; padding-bottom: 10px;}
.livechat-banner-summary h4{ font-size: 28px; font-weight: 600; line-height: 34px;}
.livechat-banner-summary p{ font-size: 22px; line-height: 24px; padding: 15px 0;}
.livechat-banner-img{position: absolute; width: calc(100% - 510px); left: -150px; top: 40px;}
.livechat-banner-img img{max-width: 100%;}
.livechat-content{padding-bottom: 130px; position: relative; float: left; width: 100%;}
.livechat-content h2{ font-size: 55px; font-weight: 600; color: #585d68; padding-bottom: 20px;}
.livechat-tabs{display: inline-block;position: relative; float: left; width: 450px; margin-top: 20px;}
.livechat-tabs li{position: relative; width: 100%;}
.livechat-tabs li a{position: relative; display: block; font-size: 24px; font-weight: 600; color: #585d68; padding:20px 0 20px 40px;}
.livechat-tabs li a .arr-right, .livechat-tabs li a .arr-down{position: absolute; top:28px; left: 0; font-size: 20px;}
.livechat-tabs li a .arr-down{ display: none;}
.livechat-tabs li.tab-active .arr-down{ display: inline-block; color: #3b8af7;}
.livechat-tabs li.tab-active a{ color: #3b8af7;}
.livechat-tabs li.tab-active .arr-right{ display: none;}
.livechat-tabs li .desc{width: 100%; padding-left: 40px; font-size: 22px; line-height: 30px; color: #2d2f34; display: none;}
.livechat-tabs li.tab-active .desc{ display: inline-block;}
.livechat-tabs-images{display: inline-block;position: relative; float: left; width:calc(100% - 460px); text-align: center;}
.livechat-tabs-images div{position: relative;}
.livechat-tabs-images img{position: absolute; left: 50px; top: 0; width: auto;}
.cfmschat-email{background: url("../img/header-email.png"); background-repeat: no-repeat; width:100%; height:679px; background-position:center center; position: relative; top: -70px; padding-top: 100px;}

.cfmschat-email .livechat-banner-summary{float: left; margin:100px 0 0 0;}
.cfmschat-email .livechat-banner-img{width:800px; left: auto; right: -140px; top: 92px;}
.livechat-tabs-images #modern{margin-top: 40px;}

.fixed{position: fixed; top:0; left:0; width: 100%; background-color: #FFF; box-shadow: 0px 0px 30px rgba(0,42,118, .15);}
.home .header.fixed #nav ul li a{ color: #585d68;}
.home .header.fixed #nav ul li a.signup {border-color: #1994fb; color: #1994fb;}
.home .header.fixed #logo{float:left; width: 200px; height: 52px; background: url("../img/itsignature_logo_blue_only.png") no-repeat; background-size: 180px; margin:9px 0 0 0;} 
@media screen and (max-width: 480px) { .home .header.fixed #logo{ background-size: 130px; } 	}
.home .header.fixed .arrow_down:after{border-top-color: #585d68;}
.home .header.fixed #nav ul li a:hover .arrow_down:after{border-top-color: #585d68;}

/*------------Channel----------------*/
.channel{ width: 100%; background:#FFF; padding: 40px 0;}
.channel h2{ text-align: center; font-size: 45px; font-weight: 600; color: #585d67; padding-bottom: 10px;}
.channel h5{ text-align: center; font-size: 22px; font-weight: 400; color: #585d67;}
.channel-list li{display: inline-block; width:calc((100% - 10px) / 3); text-align: center; padding: 80px 0;}
.channel-list li a{ color: #585d68; font-size: 24px; font-weight:400;}
.channel-list li .channel-img{position: relative; width:100%; height:80px; padding-bottom: 40px;}
.img-channel{display: inline-block; background: url("../img/img-channel.png") no-repeat;}
.img-channel-cfms{width:95px; height: 70px; background-position: 0px 0px;}
.img-channel-messenger{width:76px; height: 80px; background-position: 0px -72px;}
.img-channel-email{width:95px; height: 70px; background-position: 0px -155px;}
.channel-pt-left{position: absolute; width:178px; height: 351px; background: url("../img/channel-pt-left.png") no-repeat; left: 0; top: -100px;}
.channel-pt-right{position: absolute; width:134px; height: 286px; background: url("../img/channel-pt-right.png") no-repeat; right: 0; bottom:0;}
.contact-column{margin-top: 80px;}
.ft-arrow{position: absolute; right: 0; top: 5px; font-size: 25px; color: #FFF; display: none;}

.content-mobile, .content-feature-mobile{display: none;}
.content-mobile .row{position: relative; width: 100%; margin-top: 50px; text-align: center;}
.content-mobile .row .summary{position: relative; width: 100%; font-size: 100%; color: #585d67;}
.content-mobile .row .summary h3{ font-size: 30px; line-height:45px; padding-bottom: 5px;}
.content-mobile .row .images{position: relative; width: 100%; text-align: center; margin-top: 25px;}
.content-mobile .row .images img{max-width: 100%;}

/*----------Referral-------------*/
.ref-banner{background: url("../img/referral-header.png"); background-repeat: no-repeat; height:785px; background-position:center center; position: relative; top: -10px; padding-top: 100px;}
.ref-banner-img{position: absolute; width: 540px; right: 0px; top: 0px;}
.ref-banner-img img{max-width: 100%;}
.ref-banner-summary{float: left; width: calc(100% - 545px - 85px); color: #FFF; margin:50px 85px 0 0; text-align: left;}
.ref-banner-summary h5{font-size: 20px; font-weight: 400; line-height: 20px; padding-bottom: 8px;}
.ref-banner-summary h4{font-size: 20px; font-weight: 700; line-height: 20px; text-transform: uppercase;}
.ref-banner-summary p{font-size: 24px; line-height: 36px; padding: 18px 0px 30px 0px;}
.ref-banner-summary .button{ font-size: inherit; padding: 12px 30px; text-align: center;}
.ref-banner-summary .introduct{ display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 400; text-decoration: underline; padding: 0 55px; color: #FFF;}
.ref-banner-summary img{max-width: 100%;}
.ref-partner{position: relative; width: 100%; float: left; padding-bottom: 40px;}
.ref-partner-head{ text-align: center; font-size: 22px; line-height: 30px; color: #000; position: relative; width: 100%;}
.ref-partner-head .desc{max-width: 60%; padding: 12px 0px 20px 0px; margin:0 auto;}
.ref-partner-head h5{font-size: 24px; font-weight: 700; color: #000;}
.ref-partner .logo-blue{ background: url("../img/itsignature_logo_blue_only.png") no-repeat; display: inline-block; margin:0; padding: 0; width: 160px; height: 42px;}
.ref-slide .bx-wrapper .bx-pager, .ref-slide .bx-wrapper .bx-controls-auto{bottom: 10px;}
.part-program{position: relative; float: left; width: 100%; background: #f9fbff; padding: 35px 0px 120px 0px;}
.part-program .row{ margin-top: 80px; font-size: 18px; line-height: 30px; color: rgba(0,0,0,.9);}
.part-program .row .col-1{position: relative; display: inline-block; vertical-align: top; width: 340px; margin-right: 45px;}
.part-program .row .col-2{position: relative; display: inline-block; vertical-align: top; width: calc(100% - 340px - 50px);}
.part-program .row .col-in{position: relative; display: inline-block; vertical-align: top; width: calc((100% - 85px - 90px) / 2); margin-left: 85px;}
.part-program .row .col-head{position: relative; display: inline-block; width: 100%; padding-bottom: 8px; font-size: 30px; font-weight: 700; color: #000;}
.part-program .row .col-head .icon{display: inline-block; vertical-align: middle; margin-right: 15px;}
.part-program .row .title-block{position: relative; width: 100%; color: #1890ff; text-align: left;}
.part-program .row .title-block h4{ font-size: 36px; font-weight: 400; line-height: 36px; padding-bottom: 12px;}
.part-program .row .title-block h3{font-size: 40px; font-weight: 700;}
.part-program .row .title-block:after{position: absolute; content: ''; width: 100px; height: 8px; background: #ffa300; left: 0px; bottom:-30px;}
.part-program::before {position: absolute; content: ''; background: url("../img/pattern-ft-r.png"); width: 199px; height: 431px; right: 0; top: -200px; z-index: 0;}
.attractive-gifts::before {position: absolute; content: ''; background: url("../img/pattern-left.png"); width: 124px; height: 257px; left: 0; top: -180px; z-index: 2;}
.attractive-gifts{position: relative; float: left; width: 100%; padding: 100px 0;}
.attractive-gifts .head{position: relative; width: 100%; text-align: center; font-size: 22px; font-weight: 400; color: rgba(0,0,0,.9);}
.attractive-gifts .head h2{font-size: 55px; font-weight: 700; line-height: 55px; color: #2e98ff; padding-bottom: 25px;}
.attractive-gifts .row{ padding: 30px 0px 20px 0px;}
.attractive-gifts .row.note{padding: 0px; text-align: right; font-size: 18px; font-style: italic; color: rgba(0,0,0,.9);}
.attractive-gifts .row.bottom-btn{padding: 50px 0 0 0; text-align: center;}
.attractive-gifts .row .col{position: relative; display: inline-block; width: calc((100% - 30px - 40px) / 3); margin-right: 30px; height: 500px; background: #FFF; box-shadow: 0px 0px 20px rgba(74,81,94, .15); border-radius: 5px;}
.attractive-gifts .row .col:last-child{margin-right: 0px;}
.attractive-gifts .row.bottom-btn .button-orange{ padding: 0px 100px; font-size: 24px; height: 50px; line-height: 45px;}
.attractive-gifts .row .col .col-head{position: relative; width: 100%; height: 235px;}
.attractive-gifts .row .col .col-headin{position: relative; width: 100%; height: 100%;background: #f7f7f7; text-align: center; z-index: 2;}

.attractive-gifts .row .col .col-head::after{position: absolute; content: ''; width: 100%; height:175px; background:#f7f7f7; bottom: -80px; border-radius: 50%; left: 0px;}
.attractive-gifts .row .col .col-head .icon{position: relative; width: 100%; text-align: center; padding: 62px 0 0 0;}
.attractive-gifts .row .col .col-head h2{text-align: center; padding: 35px 0 0 0; font-size: 60px; font-weight: 700; line-height: 60px; position: relative; z-index: 9;}
.attractive-gifts .row .col:nth-child(1) .col-head h2{ color: #2492fb;}
.attractive-gifts .row .col:nth-child(2) .col-head h2{ color: #ffa300;}
.attractive-gifts .row .col:nth-child(3) .col-head h2{ color: #8dc63f;}
.attractive-gifts .row .col .col-main{position: relative; width: 100%; text-align: center; font-size: 22px; color: rgba(0,0,0,.9); margin-top: 80px;}
.attractive-gifts .row .col .col-main h3{ font-size: 30px; font-weight: 700; line-height: 30px; padding: 45px 0px 30px 0px; text-transform: uppercase;} 
.attractive-gifts .row .col:nth-child(1) .col-main h3{ color: #2492fb;}
.attractive-gifts .row .col:nth-child(2) .col-main h3{ color: #ffa300;}
.attractive-gifts .row .col:nth-child(3) .col-main h3{ color: #8dc63f;}
.att-silver{display: inline-block; width: 78px; height: 96px; background: url("../img/att-silver.png");}
.att-gold{display: inline-block; width: 121px; height: 96px; background: url("../img/att-gold.png");}
.att-diamond{display: inline-block; width: 132px; height: 96px; background: url("../img/att-diamond.png");}
.attractive-gifts .row .col:hover{ box-shadow: 0px 0px 30px rgba(74,81,94, .15); cursor: pointer;}
.attractive-gifts .row .col:hover .att-silver{ background: url("../img/att-silver-white.png");}
.attractive-gifts .row .col:hover .att-gold{ background: url("../img/att-gold-white.png");}
.attractive-gifts .row .col:hover .att-diamond{ background: url("../img/att-diamond-white.png");}
.attractive-gifts .row .col:hover .col-head h2{color: #FFF;}
.attractive-gifts .row .col:hover .col-headin, .attractive-gifts .row .col:hover .col-head::after{ background: #2492fb;}

.ref-benefits{position: relative; float: left; width: 100%; padding: 75px 0; background: #f9fbff;}
.ref-benefits .head{position: relative; width: 100%; text-align: center; font-size: 22px; font-weight: 400; color: rgba(0,0,0,.9);}
.ref-benefits .head h4{font-size: 36px; font-weight: 400; line-height: 36px; color: #2492fb;}
.ref-benefits .head h3{font-size: 55px; font-weight: 700; line-height: 55px; color: #2492fb; padding-bottom: 28px;}
.ref-benefits .row{padding: 25px 0 0 0;}
.ref-benefits .row .col{position: relative; display: inline-block; vertical-align: top; width: calc((100% - 50px - 50px) / 3); text-align: center; font-size: 18px; line-height: 30px; color: rgba(0,0,0,.9); margin: 0 15px;}
.ref-benefits .row .col .icon{width: 100%; text-align: center; padding: 35px 0;}
.ref-benefits .row .col h3{font-size: 28px; font-weight: 700; color: #000; line-height: 30px; padding-bottom: 12px;}
.ref-benefits:before{position: absolute; content: ''; background: url("../img/pattern-left.png"); width: 124px; height: 257px; left: 0; bottom: -60px; z-index: 2;}
.ref-benefits:after{position: absolute; content: ''; background: url("../img/pattern-ft-r.png"); width: 199px; height: 431px; right: 0; top: -200px; z-index:2;}

.ref-participate{position: relative; float: left; width: 100%; padding: 100px 0;}
.ref-participate .head{position: relative; width: 100%; text-align: center; font-size: 22px; line-height: 30px; font-weight: 400; color: rgba(0,0,0,.9);}
.ref-participate .head h3{font-size: 55px; font-weight: 700; line-height: 55px; color: #2492fb; padding-bottom: 28px;}
.ref-participate .head .desc{max-width: 65%; margin:0 auto;}
.ref-participate .row{padding: 35px 0px;}
.ref-participate .row.bottom-btn{text-align: center;}
.ref-participate .row.bottom-btn .button-orange{ padding: 0px 80px; font-size: 24px; height: 50px; line-height: 45px;}
.ref-participate .row .col{position: relative; display: inline-block; width: calc((100% - 30px - 40px) / 3); margin-right: 30px; height: 230px; background: #FFF; box-shadow: 0px 0px 20px rgba(74,81,94, .15); border-radius: 5px; border:1px #ebebeb solid; text-align: center;}
.ref-participate .row .col:last-child{margin-right: 0px;}
.ref-participate .row .col .icon{position: relative; width: 100%; padding: 35px;}
.ref-participate .row .col p{font-size: 24px; font-weight: 600; color: #000; line-height: 16px;}
.ref-arrow{position: absolute; width: 141px; height: 21px; background: url("../img/ref-arrow.png") no-repeat; top: 102px; right: -85px; z-index: 2;}
.ref-arrow.up{width:140px; height: 23px; background: url("../img/ref-arrow2.png") no-repeat; top: 92px;}
.ref-ask{position: relative; float: left; width: 100%; padding: 85px 0px; background: #f9fbff;}
.ref-ask .head{position: relative; width: 100%; text-align: center; font-size: 22px; line-height: 30px; font-weight: 400; color: rgba(0,0,0,.9);}
.ref-ask .head h3{font-size: 55px; font-weight: 700; line-height: 55px; color: #2492fb; padding-bottom: 28px;}
.ref-ask .row{padding: 40px 0px;}
.ref-ask .ask-block{position: relative; width: 100%; margin-top:20px;}
.ref-ask .ask-block .title-ask{position: relative; width: 100%; border:1px #ebebeb solid; border-radius: 5px; background: #FFF; padding: 14px 20px 14px 30px; cursor: pointer;}
.ref-ask .ask-block .title-ask .icon{display: inline-block; width: 50px; vertical-align: middle; color: #555; font-size: 32px;}
.ref-ask .ask-block .title-ask .label{ display: inline-block; vertical-align: middle; width: calc(100% - 55px - 20px); font-size: 24px; font-weight: 400; color: #000; line-height: 24px;}
.ref-ask .ask-block .arrow-open{position: absolute; color: #636363; font-size: 28px; right: 20px; top: 15px;}
.ref-ask .ask-block .answer-content{position: relative; font-size: 22px; font-weight: 400; color: #000; line-height: 30px; padding: 15px 85px; display: none;}
.ref-ask .ask-block.active .title-ask .label{ font-weight: 700; color: #3b8af7;}
.ref-ask .ask-block.active .icon{ color: #3b8af7;}
.fa-chevron-down{display: none;}
.ref-ask .ask-block.active .fa-chevron-down{ display: inline-block;}
.ref-ask .ask-block.active .fa-chevron-right{ display: none;}
.ref-ask .ask-block.active .answer-content{display: inline-block;}
.ref-ask .row.bottom-btn{text-align: center; padding-top: 20px;}
.ref-ask .row.bottom-btn .button-orange{ padding: 0px 30px; font-size: 24px; height: 50px; line-height: 45px;}

.ref-ask:before{position: absolute; content: ''; background: url("../img/pattern-left.png"); width: 124px; height: 257px; left: 0; bottom: 0; z-index: 2;}
.ref-ask:after{position: absolute; content: ''; background: url("../img/pattern-ft-r.png"); width: 199px; height: 431px; right: 0; top: -200px; z-index:2;}
/* Media Queries */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1440px){
.livechat-tabs-images img{max-width: 100%;}
.cfmschat-email .livechat-banner-img{ width: calc(100% - 510px); right: -50px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.wrapper{ width: 90%; margin:0 5%;}
.banner-home-content{ padding:50px 0; text-align: center;}
.summary-home h2{ padding-top: 20px;}
.summary-home{ width: 100%; font-size: 22px;}
.summary-home h2{ font-size: 30px; line-height: 30px;}
.picture-home{ width: 100%; margin: 200px 0 0 0;}
.button{ width: 100%; text-align: center; padding-left: 0; padding-right: 0; font-size: 120%;}
.title-block, .partner h2{ font-size: 20px; font-weight: 700;}
.items{ width: 100%!important; box-shadow: 0 0 0!important; margin:0!important;}
.partner-slider li{height: 100px!important;}
.partner h4{ font-size: 18px;}
.bottom-content h2{ font-size: 20px;}
.footer-link-list ul li, .footer-link-list, .footer-link-right{ width: 100%}
.footer-left, .footer-right{ width: 100%; text-align: center;}
.copyright{ width: 100%; padding: 10px 0;}
#nav{ display: none;}
.menu-res{display:inline-block;}
.lang-dropdown{ left: auto; right: -12px;}
.banner-feature h2{ font-size: 32px;}
.banner-feature h3{ font-size: 22px;}
.desc-block{ font-size: 16px;}
.feature-block-img, .ft-view, .ft-view.right, .ft-view.left{ width: 100%;padding: 0;}
.ft-view ul li, .feature-other li{ width: 100%;}
.feature-other li{ text-align: center; }
.feature-other li .summary{ width: 100%; padding: 0;}
.feature-other li .bg-icons{ margin: 0;}
.banner-pricing h2{ font-size: 30px;}
.banner-pricing h3, .banner-pricing p{font-size: 16px;}
.banner-pricing .link-reg{ padding-top: 40px; font-size: 14px;}
.tableplan-blockin{ width: 100%; padding: 0;}
.plan-tab{ height: auto; margin-bottom: 20px;}
.plan-tab li{ width: 96%; margin: 5px 2% 0 2%;}
.planitem{width: 100%; margin: 0;}
.question-column{ width: 100%; margin-right: 0;}
.faqs-banner h2, .upgrade-banner h2{ font-size: 30px;}
.faqs-banner p, .upgrade-banner p{ font-size: 16px;}
.faqs-search{ width: 100%; margin: 20px 0 0 0; font-size: 16px;}
.faqs-sidebar, .faqs-view{ width: 100%;}
.q-title, .q-details{ font-size: 14px;}

.quote-content{ font-size: 16px; line-height: 22px; width: 90%; max-width: 90%;}
.career-content h2{font-size: 24px;}
.career-content .career-list{ width: 100%; margin: 0;}

.banner-contact-content h2{font-size: 30px;}
.banner-contact-content p{font-size: 20px;}
.contact-blog-wh .column{ width: 100%; margin-right: 0; margin-bottom: 25px;}
.contact-blog-wh .content .line-buttons .button{ margin-bottom: 12px;}
.contact-other li{ width: 100%; margin-right: 0; margin-bottom: 8px;}

.terms-services h2{font-size: 30px;}
.terms-services-content .sidebar{ width: 100%;}
.terms-services-content .terms-details{ width: 100%; margin: 30px 0 0 0;}

.banner-profile-content{font-size: 18px; width: 80%;}
.profile-about-info, .profile-about-image, .stastic-left, .stastic-left li .number{ width: 100%;}
.profile-rows h3{font-size: 22px;}
.stastic-left{font-size: 14px;}
.stastic{ padding-top: 20px;}
.testimonial{ display: none;}
.profile-rows{ padding-top: 30px;}
.profile-value-rows .column{ width: 100%; margin-right: 0; margin-top: 12px;}
.profile-value-rows .column .summarry .info .title{font-size: 16px;}
.profile-value-rows .column .summarry .info{ font-size: 14px;}

.upgrade-content .rows .summary .thumb, .upgrade-content .rows .summary .desc, .referral-content .rows .column .picture, .referral-content .rows .column .desc{ width: 100%; margin-bottom: 12px;}
.referral-content .rows .column{ width: 100%; margin: 0;}
.referral-banner h3{ font-size: 25px; padding-top: 40px;}
.referral-banner p{ font-size: 18px;}
.referral-banner .number{ font-size: 25px;}
.refer-btn{ margin: 0 0 10px 0; text-align: center;}
.referral-content .steps li{ width: calc((100% - 10px) / 2); margin: 0 10px 10px 0;}
.referral-content .steps li:nth-child(2n){ margin-right: 0;}

.cfmschat-banner-content h2{font-size: 30px;}
.cfmschat-banner-content h3{font-size: 20px;}
.cfmschat-banner-content p{font-size: 18px;}
.cfmschat-content .rows .column{ width: 100%; margin: 0;}
.cfmschat-list li, .cfmschat-content .rows:last-child .column .cfmschat-list li{ width: 100%;}

.cfmsemail-banner h2, .cfmschat-banner h2{font-size: 30px;}
.cfmsemail-banner h3, .cfmschat-banner h3{font-size: 20px;}
.cfmsemail-banner p, .cfmschat-banner p{ font-size: 18px;}
.cfmschat-content .rows:last-child .column p{ text-align: left; padding: 0;}
}
@media screen and (max-width: 480px) {
.wrapper{ width: 96%; margin: 0 2%;}		
.banner-home-content{ padding:50px 0;}
.summary-home h2{ padding-top: 60px;}
.summary-home{ width: 100%; font-size: 18px;}
.summary-home h2{ font-size: 25px; line-height: 40px;}
.picture-home{ width: 100%; margin: 20px 0 0 0;}
.summary-home .button{ width: 100%; text-align: center; padding-left: 0; padding-right: 0; font-size: x-large; padding:10px 0;}

.items{ width: 100%!important; box-shadow: 0 0 0!important; margin:0!important;}
.partner-slider li{height: 100px!important;}
.partner h4{ font-size: 18px;}
.bottom-content h2{ font-size: 20px;}
.footer-link-list ul li, .footer-link-list, .footer-link-right{ width: 100%}
.footer-left, .footer-right{ width: 100%; text-align: center;}
#nav{ display: none;}
.menu-res{display:inline-block;}
.lang-dropdown{ left: auto; right: -12px;}
.banner-feature h2{ font-size: 32px;}
.banner-feature h3{ font-size: 22px;}
.feature-block-img, .ft-view, .ft-view.right, .ft-view.left{ width: 100%;padding: 0;}
.ft-view ul li, .feature-other li{ width: 100%;}
.feature-other li{ text-align: center; }
.feature-other li .summary{ width: 100%; padding: 0;}
.feature-other li .bg-icons{ margin: 0;}
.banner-pricing h2{ font-size: 30px;}
.banner-pricing h3, .banner-pricing p{font-size: 16px;}
.banner-pricing .link-reg{ padding-top: 40px; font-size: 14px;}
.tableplan-blockin{ width: 100%; padding: 0;}
.plan-tab{ height: auto; margin-bottom: 20px;}
.plan-tab li{ width: 96%; margin: 5px 2% 0 2%;}
.planitem{width: 100%; margin: 0;}
.question-column{ width: 100%; margin-right: 0;}
.faqs-banner h2, .upgrade-banner h2{ font-size: 30px;}
.faqs-banner p, .upgrade-banner p{ font-size: 16px;}
.faqs-search{ width: 100%; margin: 20px 0 0 0; font-size: 16px;}
.faqs-sidebar, .faqs-view{ width: 100%;}
.q-title, .q-details{ font-size: 14px;}

.partner-img{ max-width: 100%;}
.partner-content h3{ font-size: 24px;}
.partner-content h4{ font-size: 18px;}
.partner-content{ padding: 20px 0;}
.partner-list .rows .list-box img{ padding: 15px 0;}

.stories-content ul li{ width: 100%; margin-right: 0;}
.stories-banner h3{font-size: 30px;}
.stories-banner h4{font-size: 18px;}
.success-stories{ height: 300px;}

.quote-content{ font-size: 14px; line-height: 18px; width: 90%; max-width: 90%;}
.career-content h2{font-size: 24px;}
.career-content .career-list{ width: 100%; margin: 0;}
.banner-contact-content h2{font-size: 30px;}
.banner-contact-content p{font-size: 20px;}
.contact-blog-wh .column{ width: 100%; margin-right: 0; margin-bottom: 25px;}
.contact-blog-wh .content .line-buttons .button{ margin-bottom: 12px;}
.contact-other li{ width: 100%; margin-right: 0; margin-bottom: 8px;}

.terms-services h2{font-size: 30px;}
.terms-services-content .sidebar{ width: 100%;}
.terms-services-content .terms-details{ width: 100%; margin: 30px 0 0 0;}

.banner-profile-content{font-size: 18px; width: 80%;}
.profile-about-info, .profile-about-image, .stastic-left, .stastic-left li .number{ width: 100%;}
.profile-rows h3{font-size: 22px;}
.stastic-left{font-size: 14px;}
.stastic{ padding-top: 20px;}
.testimonial{ display: none;}
.profile-rows{ padding-top: 30px;}
.profile-value-rows .column{ width: 100%; margin-right: 0; margin-top: 12px;}
.profile-value-rows .column .summarry .info .title{font-size: 16px;}
.profile-value-rows .column .summarry .info{ font-size: 14px;}

.upgrade-content .rows .summary .thumb, .upgrade-content .rows .summary .desc, .referral-content .rows .column .picture, .referral-content .rows .column .desc{ width: 100%; margin-bottom: 12px;}
.referral-content .rows .column{ width: 100%; margin: 0;}
.referral-banner h3{ font-size: 25px; padding-top: 40px;}
.referral-banner p{ font-size: 18px;}
.referral-banner .number{ font-size: 25px;}
.refer-btn{ width: 100%; margin: 0 0 10px 0; text-align: center;}
.referral-content .steps li{ width: 100%; margin: 0 0 10px 0;}

.cfmschat-banner-content h2{font-size: 30px;}
.cfmschat-banner-content h3{font-size: 20px;}
.cfmschat-banner-content p{font-size: 18px;}
.cfmschat-content .rows .column{ width: 100%; margin: 0;}
.cfmschat-list li, .cfmschat-content .rows:last-child .column .cfmschat-list li{ width: 100%;}

.cfmsemail-banner h2, .cfmschat-banner h2{font-size: 30px;}
.cfmsemail-banner h3, .cfmschat-banner h3{font-size: 20px;}
.cfmsemail-banner p, .cfmschat-banner p{ font-size: 18px;}
.cfmschat-content .rows:last-child .column p{ text-align: left; padding: 0;}
.contact-blog-wh .title h3{font-size: 14px;}
.fa-bars{color: #FFF;}
.summary-home h2{color: #FFF;}
.main-content .images, .main-content .summary, .bottom-desc, .bottom-form{width:100%;}
.main-content .summary h4, .bottom-desc h3{font-size: 25px; line-height: 35px;}
.main-content .summary{font-size: 18px;}
.main-content .summary h5{font-size: 20px;}
.btn-started{font-size: 16px; padding: 0 10px;}
.bottom-form{margin-top:12px;}
.bottom-form input.text{font-size: 14px;}
.copyright{width:100%; text-align: left;}
.feature-head-image{bottom: 0;}
.column-summary, .column-image, .column-summary .ft-tabs li{width: 100%!important; margin:20px 0;}
.feature-block-4::before{ display: none;}
.feature-block-1{ margin-top: 50px;}

.livechat-banner-img{position: relative; display: inline-block; left: 0;}
.livechat-tabs-images, .livechat-banner-summary, .livechat-banner-img, .livechat-tabs{width: 100%; margin:0;}
.livechat-tabs-images img{position: relative; max-width: 100%;}
.livechat-banner-summary{ color: #4e4e4e;}
.livechat-content h2{ font-size: 45px;}
.livechat-tabs-images{ margin-top: 30px;}
.button-orange{font-size: 16px;}
/*------update 9/2018----*/
.language{display: none;}
.footer, .copyright{text-align: center;}
.footer-dropdown{display: none;}
.footer-link-list ul li, .footer-link-right ul li{margin-top: 15px; border-bottom: 1px #494b51 solid;}
.footer-link-list ul li .ft-arrow-down, .footer-link-right li .ft-arrow-down{display: none;}
.footer-link-list li.active .ft-arrow-down, .footer-link-right li.active .ft-arrow-down{display: inline-block;}
.footer-link-list li.active .ft-arrow-right, .footer-link-right li.active .ft-arrow-right{display: none;}
.ft-arrow{display: inline-block;}
.footer-link-list li.active .footer-dropdown, .footer-link-right li.active .footer-dropdown{display: inline-block; padding-left: 20px; line-height: 25px; padding-bottom: 15px;}
.footer-dropdown img{max-width: 45%;}
.bottom-desc{ font-size: 90%;}
.partner h2{font-size: 28px; padding-bottom: 12px;}
.main-content .summary{text-align: center; margin: 0 0 30px 0; padding-right: 0;}
.main-content .summary h4, .bottom-desc h3{font-size: 28px;}
.main-content .summary p{font-size: 80%;}
.main-content .block{display: flex;flex-direction: column;align-items: flex-start;}
.main-content .summary{order: 1;}
.main-content .images{order: 2;}
.main-content .block .button-orange{margin: 0 auto;}
.main-content::before{background-size: 50%;background-position:top right; background-repeat: no-repeat;}
.partner-slider li div span{width: 32%!important; padding: 1px 0;}
.partner-slider2 li div span { width: 49%!important; } 
.partner-slider li div{margin-bottom: 0;}
.partner-slider li{height: 700px!important;}
.partner-slider_home_reviews li{height: 450px!important; }
.partner-slider2 li {     height: 150px!important; } 
.summary-home{text-align: center;}
.bottom-content{padding: 50px 0;}
.banner-home-content{padding: 0; margin-top: -30px;}
.summary-home h2{font-size: 30px;}
.summary-home p{padding-left: 6%; padding-right: 6%;}
.banner-feature h2{font-size: 35px; line-height: 40px; padding-bottom: 12px;}
.feature-block-1::before{background-size: 70%;background-position:top right; background-repeat: no-repeat;}
.feature-block-1{margin-top: 0;}
.title-block{font-size: 35px;}
.feature-block-1 .column-summary{float: right; width: 50%!important;}
.feature-block-1 .column-summary .rows{margin-top: 18px;}
.feature-block-1 .column-summary .rows span{ font-size: 16px; font-weight: 400; margin-right: 0;}
.feature-block-1 .column-summary .rows span img{max-width: 20px;}
.feature-block-1{position: relative;}
.feature-block-1 .column-image{ position: absolute; top: 200px; left: -175px;}
.feature-block-2 .column-summary, .feature-block-3 .column-summary{text-align: center;}
.feature-block-2 .column-summary h3, .feature-block-3 .column-summary h3, .feature-block-4 .column-summary h3, .feature-block-5 .column-summary h3{font-size: 35px; padding-top: 0; text-align: center;}
.feature-block-2 .column-summary h5, .feature-block-3 .column-summary h5, .feature-block-4 .column-summary h5, .feature-block-5 .column-summary h5{font-size: 110%; text-align: center;}
.column-summary .ft-tabs li{font-size: 18px;}
.channel h2{font-size: 30px; line-height: 40px;}
.channel-pt-left{ left: -90px;}
.channel-img img{max-width: 60px;}
.channel-list li a{font-size: 85%;}
.channel-list li .channel-img{padding-bottom: 20px;}

.cfmschat-banner .wrapper, .cfmschat-email .wrapper{display: flex;flex-flow: column; align-items: flex-start;}
.livechat-banner-img{order: 2; position: static; margin-top: 55px;}
.livechat-banner-summary{order: 1; text-align: center; color: #FFF;}
.cfmsemail-banner h2, .cfmschat-banner h2{font-size: 40px;}
.livechat-banner-summary h4{font-size: 19px; line-height: 22px;}
.cfmschat-banner{background: url("../img/livechat-header-mobile.png"); background-size: cover;}
.cfmschat-email{background: url("../img/header-email-mobile.jpg"); background-size: cover;}
.cfmschat-email .livechat-banner-summary{ margin-top: 80px; }
.cfmschat-email .livechat-banner-img{width: 100%;}
.cfmschat-email h2, .cfmsemail-banner h2, .cfmschat-banner h2{font-size: 40px;}
.livechat-banner-summary p{font-size: 110%;}
.cfmschat-email .livechat-banner-img{margin-top: 10px;}
.livechat-banner-img.faceebook{ margin-top: 75px;}
.livechat-banner-summary.faceebook{ margin-top: 50px;}

.content-desktop{display: none;}
.content-mobile, .content-feature-mobile{display: inline-block;}
.ft-tabs, .feature-block-6 .column-image, .feature-block-5 .column-image, .feature-block-4 .column-image,.feature-block-3 .column-image,.feature-block-2 .column-image, .feature-block-2::before{display: none;}
.content-feature-slide p{padding-top: 14px; font-size: 22px;}
.content-feature-mobile .bx-wrapper .bx-pager.bx-default-pager a{ background: #cccccc;}
.content-feature-mobile .bx-wrapper .bx-pager.bx-default-pager a:hover, .content-feature-mobile .bx-wrapper .bx-pager.bx-default-pager a.active, .content-feature-mobile .bx-wrapper .bx-pager.bx-default-pager a:focus{ background: #6086c1;}
.content-feature-mobile{text-align: center; margin-top: 20px;}

.ref-partner-slider li div span{width: 30%!important; padding: 12px 0;}
.ref-partner-slider li div{margin-bottom: 0;}
.ref-partner-slider li{height: 140px!important;}
.ref-banner-img, .ref-banner-summary{width: 90%; position: relative; margin:0 5%; text-align: center;}
.ref-banner-summary .button{padding: 10px 0; width: 100%; text-align: center;}
.ref-banner-summary .desc{text-align: left; font-size: 17px; padding: 10px 0;line-height: inherit; text-align: center;}
.ref-partner-head .desc{max-width: 95%;}
.ref-partner-head{font-size: 20px;}
.ref-partner-head h5{font-size: 22px;}
.part-program::before, .attractive-gifts::before, .ref-benefits:before, .ref-benefits:after, .ref-ask:before, .ref-ask:after{display: none;}
.part-program .row .col-1{width: 100%; margin: 10px 0; margin-bottom: 40px;}
.part-program .row .title-block:after{ left: 50%; margin-left: -50px;}
.part-program .row .col-2, .part-program .row .col-in{width: 100%; margin: 10px 0;}
.part-program .row{margin-top: 0px;}
.part-program .row .title-block{text-align: center;}
.part-program{padding-bottom: 50px;}
.attractive-gifts, .ref-benefits, .ref-participate{padding: 50px 0;}
.attractive-gifts .head{font-size: 20px;}
.attractive-gifts .head h2, .ref-participate .head h3{font-size: 35px;}
.ref-ask .head h3{font-size: 40px; line-height: 50px;}
.attractive-gifts .row .col, .ref-benefits .row .col{width: 100%; margin:10px 0;}
.attractive-gifts .row.note{text-align: center;}
.ref-benefits .head h3{font-size: 40px;}
.ref-participate .head .desc{max-width: 100%; font-size: 18px;}
.ref-ask .ask-block .title-ask .label{font-size: 16px;}
.ref-ask .ask-block .answer-content{padding: 15px 0px; font-size: 16px;}
.ref-ask .row.bottom-btn .button-orange{padding: 0; text-align: center; width: 100%; font-size: 14px;}
.ref-participate .row .col{width: 80%; margin:10px 10%;}
.ref-arrow, .ref-arrow.up{transform: rotate(90deg); right: auto; left: -90px; top: 220px;}
.ref-participate .row .col p{font-size: 18px;}
.ref-arrow.up{right: -90px; left: auto;}
.ref-ask .head{font-size: 18px;}
}


 @media screen and (max-width: 320px) { 
.partner-slider li { height: 600px!important; } 
}