@charset "utf-8";
/* CSS Document */

body{
    margin: 0;
    padding: 0;
	font-weight: 300;
    text-align: left;
	font-family: "Montserrat", sans-serif;
	background-color:#F4F7FF;
	line-height: 1.64;
font-size: 19px;
}
.hp_box{border-radius: 5px;
background-color: #f2f9ff;
height: 100px;
padding: 20px;
    padding-right: 40px;
padding-left: 40px;}
.hp_pr{font-size: 22px;
margin-top: 30px;}
.hp_pr_sub{color: #929292;}
.hp_pr_right{float: right;
margin-top: -30px;}

#hp_container{

   margin-top: 120px;
padding-bottom: 60px;
}
.cc_txt_xs{color: #AABAC8;

font-size: 12px;

margin-top: 20px;}





.plans_cont {
    display: flex;
    flex-direction: row;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: auto;
    width: 100%;
    justify-content: space-between !important;
    margin-bottom: 45px;
}
.cc_talking {

    width: 100%;
    background-color: #fff;
    padding-top: 20px;
 padding-bottom: 1px;
    clear: both;

}
@keyframes shrink {
  0% {
    color: green;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
    color: grey;
  }
}
@keyframes grow {
  0% {
    transform: scale(1);
    color: grey;
  }
  100% {
    transform: scale(2);
    color: green;
  }
}
/* $. Classes
 \*----------------------------------------------------------------*/
.animate {
  transform: translate3d(0, 0, 0);
  perspective: 1000;
  
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform-origin: center left;
}
.animate--shrink, .hero__title .slick-current > span {
  animation-duration: 1s;
  animation-name: shrink;
  animation-timing-function: 'linear';
}
.animate--grow, .hero__title .slick-current + .slick-slide > span, .no-js .hero__title .slick-dupe:nth-child(2) > span {
  animation-duration: 1s;
  animation-timing-function: 'linear';
  animation-name: ;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-callout: none;
  user-select: none;
  touch-action: pan-y;
  tap-highlight-color: transparent;
  padding-top: 40px;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0;
  outline: none;
}
.slick-vertical .slick-slide:focus, .slick-vertical .slick-slide:active, .slick-vertical .slick-slide::selection {
  outline: none !important;
  border: 0 !important;
  box-shadow: none;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-current {
  position: relative;
}
.hero__title .slick-slide {
  overflow: hidden;
  padding: 20px 0;
}
.hero__title [aria-hidden] {
  transition: 1s;
}
/* 
 .hero__title [aria-hidden="false"]{
 opacity: 1;
 }
 .hero__title [aria-hidden="true"] {
 opacity: 0;
 }
 */
.hero__title .slick-current > span {
  box-sizing: border-box;
  display: block;
}
.no-js .hero__title .slick-dupe:nth-child(2) > span {
  padding: 1em;
}
.hero__title-misc {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: grey;
}
.mock_w_cont{}
.mock_noti{max-width: 220px;
height: auto;}




.social_proof_app{
  margin: 0 auto;
  width: 360px;
}


.cc_feat{height: 35px;}
.cc_feat_img{height: 75%;opacity:0.4}
.cc_feat_img:hover{opacity:0.7}
@media (max-width: 830px) {

.plans_cont{
    display: flex;
    flex-direction: column;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: auto;
    width: 100%;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 45px;
}}
.cc_bck_fff{background-color:#fff;}
.txt_hp_col{color:#4AA1EA;}
.cc_hd_sm{text-align:center; font-size:18px;}
.cc_hd_xs{text-align:center;margin-bottom: 30px;

color: #8d8a8a;}
.cc_ft_title{font-size:32px;text-align:center;font-weight: 500;}
.cc_ft_sub{text-align:center;}
.cc_feat_img{}
.widget_item{}
.txt_width_hd{

    width: 89%;

}

.noti_scroll{}
.testi_scroll{}
.cc_title{color: #6A6A6A;

font-size: 42px;

line-height: 42px;

font-weight: 500;}
.cc_sub{font-size: 22px;
font-weight: 400;

color: #6A6A6A;
margin-bottom: 20px;}
.cc_small{line-height: 30px;

font-size: 15px;}
.cc_margin{margin-bottom:80px}
.cc_hd{ font-size: 34px;
font-weight: 500;
text-align: center;}
.cc_txt{width: 70%;
margin:auto;margin-bottom: 30px;
text-align: center;}
.cc_join_us{width: 100%;

background-color: #fff;padding-top: 60px;

padding-bottom: 60px;

clear: both;}
.cc_btn_holder{

    margin: auto;
    width: 300px;

}
#cc_footer{

   width: 100%;

bottom: 0px;

padding-bottom: 20px;

padding-top: 60px;

}
.ft_h5{

    font-size: 17px;
color: #6a7e93;
}
.cc_ft_txt:hover:{opacity:0.8;}
.cc_ft_txt{

    font-size: 14px;
    color: #6a7e93;

}
.convertsign_ft{

    color: #a8a7a7;
    width: 180px;
    margin-top: 15px;
    margin-left: 10px;
    font-size: 12px;

}
.footer_1{float:left;width: 16.6%;}
.footer_2{float:right;width: 16.6%;}
.footer_3{float:right;width: 16.6%;}
.footer_4{float:right;width: 16.6%;}
.footer_5{float:right;width: 16.6%;}
.footer-col{list-style:none;}
.cc_button{
    border-radius: 4px;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 19px;
    text-decoration: none;
    text-align: center;
    padding-right: 55px;
    padding-left: 55px;
background-color: #4AA1EA;
    transition: 0.6s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.cc_button:hover{opacity:0.8; color:#fff; text-decoration:none;}


#container-l{float: left;

width: 45%;

margin-bottom: 40px;

padding-top: 40px;

height: 150px;

background-color: #fff;

border-radius: 5px;

margin-right: 1%;

margin-left: 1%;

text-align: center;}
.lc_btn_dark {
    float: left;
    border-radius: 3px;
    border:1px solid #6f6c6c;
    color: #6f6c6c;
    text-transform: uppercase;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 12px;
    text-decoration: none;
    width: 80px;
    text-align: center;
    margin-top: -5px;
    margin-left: 10px;
}
.l-chat-link-dark {
    float: left;
    margin-left: 10px;
    position: relative;
    white-space: nowrap;
    padding: 6px 10px;
    text-decoration: none;
    display: inline-block;
    color: #607683;

font-weight: 500;

font-size: 13px;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
}
.lcs-d{font-size: 14px;
color: #c0bebe;}
.lcs-ins-holder{
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
}
.mob-close{border-radius: 100%;

background-color: #4AAEEA;

width: 40px;

height: 40px;

position: absolute;

right: 20px;

color: #fff;

text-align: center;

font-size: 29px;

font-weight: bold;

box-shadow: 0 0 5px 2px rgba(75, 74, 74, 0.2);

cursor: pointer;}
.m-chat-link:hover{color:#4AAEEA;}
.m-chat-link{
width: 100%;

padding-top: 10px;

padding-bottom: 10px;

cursor: pointer;

font-size: 18px;

color: #747474;

padding-left: 30%; text-decoration:none;
}
#mobile-chat-menu{height:0px; transition:0.6s;position: fixed;
position: fixed;

margin-top: 60px;

display: flex;
padding-top: 0px;
flex-direction: column;

width: 100%;

align-items: center !important;

justify-content: space-between !important;

background-color: #fff;

text-align: left;
}
.prm_go {
    border-radius: 50px;
    border: 2px solid #4AAEEA;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 19px;
    text-decoration: none;
    text-align: center;
    padding-right: 55px;
    padding-left: 55px;
    font-family: "Roboto", sans-serif;
    background-color: #4AAEEA;
    transition: 0.6s;
}
.prm_go:hover {
padding-right: 68px;
padding-left: 68px;
    color: #4AAEEA;
    border: 2px solid #4AAEEA;
    background-color: transparent;
}
.pd_inner{}
.promo_lik{margin-top: 40px;text-align: center;}
#container{
max-width: 100%;
padding-right: 10%;
padding-left: 10%;
margin-right: auto;
margin-left: auto;}

#container_txt {

    max-width: 100%;
    padding-right: 20%;
    padding-left: 20%;
    margin-right: auto;
    margin-left: auto;

}

#container-img-right {
    max-width: 100%;
    padding-left: 10%;
    margin-right: auto;
    margin-left: auto;
}
#container-img-left {
    max-width: 100%;
    padding-right: 10%;
    margin-right: auto;
    margin-left: auto;
}

.live-chat-details{display: block};
	
	.mobile-menu {
    display: none;
}
	.mobile-menu-dark {
    display: none;
}

.lcs-ins-bx-2 {
    width: 300px;
    margin: 10px;
    text-align: center;
}


	
	
	.full-w-light {
    background-color: #fff;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
	











#chat-main{background-color: #4AAEEA;height: 450px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;}
#livechat-header{
max-width: 100%;
position: fixed !important;
padding: 14px 0;
left: 0;
top: 0;
right: 0;

z-index: 997;

}
.l-chat-link-dark:hover{text-decoration:none;}
.start-chatting:hover{padding-right: 45px;
padding-left: 45px;
background-color: transparent;
color: #fff;
}

.go_scroll{padding-right: 45px;
padding-left: 45px;
background-color: transparent;
color: #fff;
font-family: "Roboto", sans-serif;
transition:0.6s;
 border-radius: 50px;
border: 2px solid #fff;
padding-top: 9px;
padding-bottom: 9px;
font-size: 18px;
text-decoration: none;
text-align: center;}
.start-chatting{
  border-radius: 50px;
border: 2px solid #fff;
color: #5a5959;
padding-top: 9px;
padding-bottom: 9px;
font-size: 18px;
text-decoration: none;
text-align: center;
padding-right: 25px;
padding-left: 25px;
font-family: "Roboto", sans-serif;
background-color: #fff;
transition:0.6s;
}
.livechat-hd-inner{align-items: center !important;
justify-content: space-between !important;
display: flex !important;
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.livechat-company-logo{}
.live-chat-logo{}
.lc_btn{float: left;
border-radius: 3px;
background-color: #65B725;
color: #fff;
text-transform: uppercase;
padding-top: 9px;
padding-bottom: 9px;
font-size: 12px;
text-decoration: none;
width: 100px;
text-align: center;
margin-top: -5px;
margin-left: 10px;
font-weight: 400;
border: 1px solid #65B725;cursor: pointer;}
.lc_btn_white{float: left;
border-radius: 3px;
border: 1px solid #fff;
color: #fff;
text-transform: uppercase;
padding-top: 9px;
padding-bottom: 9px;
font-size: 12px;
text-decoration: none;
width: 80px;
text-align: center;
margin-top: -5px;
margin-left: 10px;}

.lcs_title{margin: 0px;
padding: 0px;
word-spacing: 17px;
font-size: 45px;
font-family: 'Varela Round', sans-serif;}


.hd-white{background-color:#fff;box-shadow:rgba(98, 98, 98, 0.11) 0px 0px 8px;}
.l-chat-link{float: left;
margin-left: 10px;
position: relative;
white-space: nowrap;
padding: 6px 10px;
text-decoration: none;
display: inline-block;
color: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
outline: none;cursor: pointer;}
.lc_btn:hover{color: #fff;text-decoration:none;}
.lc_btn_login{}
.promo_btn_ex{border-radius: 50px;
border: 2px solid #4AAEEA;
color: #4AAEEA;
padding-top: 12px;
padding-bottom: 12px;
font-size: 20px;
text-decoration: none;
text-align: center;
padding-right: 25px;
padding-left: 25px;
font-family: "Roboto", sans-serif;
width: 200px;
margin: auto;}
.det{text-align: center;

margin: auto;

    margin-top: auto;
    margin-bottom: auto;

margin-top: auto;

font-family: "Roboto", sans-serif;

font-size: 30px;

margin-top: 40px;
margin-bottom: 40px;}

#lcs-l-cont{margin-top: 460px;}
#lcs-main{
color: #fff;margin-top: 120px;text-align: center;}
#lcs-m-cont{margin-top: 150px;}
.lcs_sub_title{padding-bottom: 20px;margin-top: 0px;font-size:18px;
font-weight: lighter;}
.lcs_sub{padding-bottom: 20px;margin: auto;margin-top: 60px;font-size:18px;
font-weight: lighter; width: 500px;
}
.pr_img{ max-width: 85%;}
.lcs_promo_img{margin: auto;
text-align: center;margin-top: 35px;}
.promo_btn{Margin-top: 15%;
text-align: center;
font-size: 25px;}
.lcs-sm-txt{
    color: #c5c5c5;
    font-size: 13.5px;
}
#lcs_install{ display: flex;
flex-direction: row;
margin: auto;
width: 90%;
align-items: center !important;
justify-content: space-between !important;margin-bottom: 45px;}
.lcs-ins-bx{width: 200px;
  margin: 10px;
  text-align: center;}

.left-col{width: 40%;

float: left;}
.right-col{width:60%;float:left;margin-bottom: 70px;}

.lcs-ins-bx-img{}
.imgpromo{max-width:90px;opacity: 0.6;}
.promo-det{margin-top: 20px;
text-align: center;
color: #868484;}











.chat-logo-img-color{
height: auto; display:none;max-width: 220px;}
.chat-logo-img-white{max-width: 220px;
height: auto; display:block;}


@media (max-width: 1200px) {
.l-chat-link {
    float: left;
    margin-left: 10px;
    position: relative;
    white-space: nowrap;
    padding: 6px 0px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
}
#container {
    max-width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
}
#container_txt{
max-width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
}

#container-img-right {
    max-width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
}
#container-img-left {
    max-width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
}

}
@media (max-width: 800px) {
	#container-l{float: left;

width: 90%;
margin:auto;

margin-bottom: 40px;

padding: 20px;

height: 130px;

background-color: #fff;

border-radius: 5px;



text-align: center;}
	
	.hp_box{border-radius: 5px;
background-color: #f2f9ff;
height: 200px;
padding: 20px;
    padding-right: 40px;
padding-left: 40px;}
.hp_pr{font-size: 22px;
margin-top: 30px;}
.hp_pr_sub{color: #929292;}
.hp_pr_right{margin-top: 30px;
text-align: center; float: none;}


	.int_item {
    width: 300px;
	 margin: auto;
    margin: 10px;
    text-align: center;
    background-color: #fff;
    height: 180px;
    box-shadow: 0 10px 14px 0 rgba(74, 74, 74, 0.07);
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #f3f3f3;
   
}
.plans_cont {
    display: flex;
    flex-direction: column;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: auto;
    width: 100%;
    justify-content: space-between !important;
    margin-bottom: 45px;
    text-align: center;
}}
@media (max-width: 830px) {
	#container {

    max-width: 100%;
    padding-right: 10%;
    padding-left: 10%;
    margin-right: auto;
    margin-left: auto;

}

	#container-img-left {

    max-width: 100%;
    padding-right: 10%;
    padding-left: 10%;
    margin-right: auto;
    margin-left: auto;

}
	#container-img-right {

    max-width: 100%;
    padding-right: 10%;
    padding-left: 10%;
    margin-right: auto;
    margin-left: auto;

}
	 .live-chat-details{display: none;}
	.mobile-menu{display: block    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
width: 32px;
height: 32px;
    float: right;
    cursor: pointer;
}
.mobile-menu-dark{display: block; position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9999;
width: 32px;
height: 32px;
    float: right;
    cursor: pointer;
}
.lcs_title {

    margin: 0px;
    padding: 0px;
    word-spacing: 17px;
    font-size: 25px;
    font-family: 'Varela Round', sans-serif;

}


#lcs-m-cont {

    margin-top: 100px;
    padding: 20px;

}
#chat-main {

    background-color: #4AAEEA;
    height: 520px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}
.lcs_sub {

    padding-bottom: 20px;
    margin: auto;
        margin-top: auto;
    margin-top: 60px;
    font-size: 13px;
    font-weight: lighter;
    text-align: center;
	width: 100%;

}

#lcs_install {

    display: flex;
    flex-direction: column;
    margin: auto;
        margin-bottom: auto;
    width: 100%;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 45px;

}
#lcs-l-cont {

    margin-top: 520px;

}
.lcs-ins-bx {

    width: 100%;
    margin: 10px;
    text-align: center;

}
.imgpromo {

    max-width: 70px;

}
.right-col {

    width: 100%;
    float: left;
	margin-bottom:0px;

}
.left-col {

    width: 100%;
    float: left;

}
.lcs-ins-bx {
    width: 100%;
    margin: 20px;
    text-align: center;
}
.lcs-ins-bx-2 {
    width: 100%;
    margin: 20px;
    text-align: center;
}
.promo_btn {
    Margin-top: 15%;
    font-size: 25px;
    text-align: center;
}

.full-w-light {
    background-color: #F0F5F9;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

}
.ft_int{

    width: 70%;

}
.pos_fix{
    margin-top: 60px;
    margin-bottom: 30px;
}
.ft_displaymode{box-shadow: 0 0 10px rgba(74, 74, 74, 0.3);width: 60%;}
.ft_bg_itm{
padding-top: 30px;

padding-bottom: 30px;
    text-align: center;
    margin: auto;
	margin-bottom: 50px;

}
.ft_mockup{box-shadow: 0 0 10px rgba(74, 74, 74, 0.1);width: 80%;}
.ft_cent{margin:auto;text-align:center;width: 70%;}
 .ft_feature{
	float: left;
margin: 20px;
width: 200px;
background-color: #3ea6fe80;
border-radius: 50px;
font-size: 14px;
text-align: center;
color: #fff;
padding-top: 9px;
padding-bottom: 9px;
}
.plans-text{   
text-align:center;
font-size:22px;

}
.plans-text-sm{   
text-align:center;
font-size:18px;
color: #b4b4b4;

}#container_blue{
    background-color: #f2f9ff;
    margin-top: 80px;
    padding-top: 60px;
	clear: both;
}


.jv_cust{}


.plans_cont{
    display: flex;
    flex-direction: row;
    margin: auto;
        margin-bottom: auto;
    width: 100%;
    justify-content: space-between !important;
    margin-bottom: 45px;
}
.plans-text{   
text-align:center;
font-size:22px;

}
.plans-text-sm{   
text-align:center;
font-size:18px;
color: #b4b4b4;

}
.plan_price_text{
    font-size: 30px;
}
.plan_price{
    font-size: 38px;
}
.curr_sym{
    font-size: 14px;
}
.plan_title{
    font-size: 22px;
    padding-top: 8px;
}

.plan_price_ft{color: #b4b4b4;
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;}
.plan_item {
width: 270px;
    margin: 10px;
    text-align: center;
	background-color: #fff;
box-shadow: 0 10px 14px 0 rgba(74, 74, 74, 0.07);
border-radius: 5px;
cursor:pointer;
padding-bottom: 20px;

}
.plan_price_more{
    font-size: 13px;
}
.plan_price_for{

  

    
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
	margin:auto;
    margin-bottom: 5px;
    margin-top: 5px;

}
.plans-tp{margin-top: 55px;padding-top: 40px;
height: 100%;
width: 100%;
background-color:#f2f9ff;}

.prm_go_plans:hover{text-decoration:none; color: #fff; background-color:#4AAEEA;}
.prm_go_plans{padding-right: 35px;
padding-left: 35px;
color: #4AAEEA;
border: 2px solid #4AAEEA;
background-color: transparent;
border-radius: 50px;
border: 2px solid #4AAEEA;
padding-top: 9px;
padding-bottom: 9px;
font-size: 18px;
text-decoration: none;
text-align: center;
transition: 0.6s;}

.plan_item_btm{background-color:#fff;    border-radius: 0 0 5px 5px;padding-top: 20px;padding-left: 5px;

padding-right: 5px;}
.plan_top{background-color: #4AAEEA; color:#fff;    border-radius: 5px 5px 0 0;padding-bottom: 5px;}
.btn_cen{text-align:center;
margin-top: 20px;
margin-bottom: 30px;}