/*
Theme Name: Slaask - Main Website
Theme URI: https://get.slaask.com
Author: Slaask Team
Author URI: https://get.slaask.com
Description: Slaask theme
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: slaask
*/
body{ margin:0; padding:0; background:#ffffff; font-family:sans-serif; font-family: 'Source Sans Pro', sans-serif!important; color: #444;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-overflow-scrolling: touch;}

#bodymovin{
  width:100%;
  height:100%;
  display:block;
  overflow: hidden;
  transform: translate3d(0,0,0);
  margin: auto;
  opacity: 1;
}
#bodymovin svg{ display:block !important; }
img{ border:0; }
.main{ margin:auto; width:100%; max-width: 1920px; position:relative;}
.cta{ display:inline-block; height:66px; line-height:66px; color:#ffffff; background:#e01765; text-transform:uppercase; border-radius:5px; padding:0 25px 0 15px; text-decoration:none; transition:all .15s ease; letter-spacing:1px; font-weight:bold;}
.cta:hover{ transform:translateY(-2px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25)}
.cta img{ vertical-align: middle; width:60px; }
.clearfix:after{ content:""; display: block; clear:both; }
.center{ text-align:center; }
.wrap{ max-width:1170px; width:100%;  margin:auto; }
h1, h2, h3, h4, p{ margin:0; }
h1, h2{ font-family:'Brandon', sans-serif;  font-weight: 600; }
h2{ font-size:24px; }
p{ font-size:18px; line-height:25px; font-weight:300; }
.popup{ display:none; z-index:4; text-align:center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }


/* LANDING */

.popup.popup_video > div{ position:relative; padding:35px; box-sizing: border-box; background:#ffffff; width:95%; max-width:600px; margin:auto; margin-top:100px; display:inline-block; }
.popup.popup_video > div img.close_popup{ position:absolute; top:5px; right:5px; cursor:pointer; }

.popup.popup_demo > div{ position:relative; padding:35px; box-sizing: border-box; background:#ffffff; width:95%; max-width:600px; margin:auto; margin-top:100px; display:inline-block; }
.popup.popup_demo > div img.close_popup{ position:absolute; top:5px; right:5px; cursor:pointer; }

header{ height:62px; background:#ffffff; padding:10px 20px 0 20px; box-sizing: border-box; position: fixed;top: 0; left:0; z-index:6; width:100%; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1);}
header.no-fixed { position: relative }
header .nav_m{ display:none; }
header nav{ float:right; display:block; }
header nav a{ display: inline-block; box-sizing: border-box; height:40px; line-height:40px; padding:0 22px; font-family:'Brandon', sans-serif; font-size:13px; color:#4c5577; text-decoration:none;text-transform:uppercase; }
header nav a:hover{ color:#e01765; transition:color 200ms; text-decoration: none; }
header nav a.active{ color:#e01765; transition:color 200ms; text-decoration: none;}
header nav a:first-child{ display:none; }
header nav a:last-child{ color:#e01765; border:1px solid #e01765; border-radius:5px; transition:background 200ms; }
header nav a:last-child:hover{ color:#ffffff; background:#e01765; }

.intro{ position:relative; height:52vw; max-height: 952px;text-align: center;  }
.intro .bgleft{ z-index:0; position:absolute; bottom:0; left:0; width:50%; height:100%; background:#cfd6e3; }
.intro .bgright{ z-index:0; position:absolute; bottom:0; left:50%; width:50%; height:100%; background:#eff3f6; }
.intro .content_intro{ z-index:1; position:absolute; top:0; left:0; width:100%; box-sizing: border-box;  padding-top:280px; height:52vw; max-height: 952px;background:url(images/cover_picture.jpg) no-repeat top center; background-size: cover; border-bottom-left-radius: 50% 20%; border-bottom-right-radius: 50% 20%; background-color:#2B2F3E;}
.intro h1{ margin:0; color:#ffffff; font-size:40px; font-weight: 600; letter-spacing: 1px; text-shadow: 1px 1px #000000; }
.intro .cta{ margin-top:83px;}
.intro p{ margin-top:100px; color:#ffffff; font-size:20px; font-weight: 400;}
.intro .calltoscroll_d{ z-index:2; position:absolute; bottom:0; left:50%; width:0; height:15.2%; border-right:1px solid #ffffff; }
.intro .calltoscroll_g{ z-index:2; position:absolute; bottom:0; right:50%; width:0; height:15.2%; border-left:1px solid #ffffff; }
.intro .calltoscroll_circle{ z-index:2; position:absolute; bottom:15%; left:0; height:20px; width:100%; background:url(images/circle.svg) no-repeat center; }
.intro .widget_slaask{ z-index:2; position:absolute; bottom:-30px; right:0; padding:60px; border:1px solid rgba(255,255,255, 0.2); border-radius: 150px; }
.intro .widget_slaask > div{ position:relative; padding:27px; border:1px solid rgba(255,255,255, 0.2); border-radius: 100px; }
.intro .widget_slaask > div .tryitnow{ position:absolute; bottom:112px; right:30px; }
.intro .widget_slaask > div .arrow{ position:absolute; bottom:60px; right:120px; }

.anim{ position:relative; min-height:32vw; }
.anim .bgleft{ z-index:0; position:absolute; bottom:0; left:0; width:50%; height:100%; background:#cfd6e3; }
.anim .bgright{ z-index:0; position:absolute; bottom:0; left:50%; width:50%; height:100%; background:#eff3f6; }
.anim .inthepast{ opacity:0; position:absolute; top:10vw; right:61%; text-transform:uppercase; font-family:'Brandon', sans-serif; color:#4c5577; text-align:center; font-weight:bolder; font-size:36px; line-height:36px; }
.anim .now{ opacity:0; position:absolute; top:10vw; left:61%; text-transform:uppercase; font-family:'Brandon', sans-serif; color:#4c5577; text-align:center; font-weight:bolder; font-size:36px; line-height:36px;background: -webkit-gradient(linear, left top, right top, from(#44528f), to(#df1765) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.anim .calltoscroll_d{ position:absolute; top:0; left:50%; width:0; height:100%; border-right:1px solid #ffffff; }
.anim .calltoscroll_g{ position:absolute; top:0; right:50%; width:0; height:100%; border-left:1px solid #ffffff; }
.anim .img_no_anim{ display:none; }

.details{ display:flex;}
.details > div{ float:left; width:50%; box-sizing:border-box; padding:60px 0; }
.details > div:first-child{ background:#ffffff; color:#4c5577; }
.details > div:first-child > div{ max-width:585px; float:right }
.details > div:first-child h2{ margin:0; font-size:24px; margin:0; font-size:24px;}
.details > div:first-child h2:before{ content:""; display:block; margin-bottom:16px; width:40px; height:2px; background:linear-gradient(to right, #43538f, #de1866); }
.details > div:first-child p{ margin-top:20px; color:#767f9a; font-weight: lighter; }
.details > div:first-child ul{ margin:0; padding:0; }
.details > div:first-child ul li{  color:#767f9a; list-style:none; float:left; width:50%; margin-top:45px;  display: flex;}
.details > div:first-child ul li img{ float:left; width:70px; height:70px;}
.details > div:first-child ul li div{ float:left;font-size:13px;margin: auto; margin-left: 20px; text-transform: uppercase;}
.details > div:last-child{ background:url(images/slack_spe_background.jpg) no-repeat center; background-size: cover; color:#ffffff; }
.details > div:last-child > div{ max-width:585px; padding-left:7%; box-sizing: border-box; margin-right:10%;}
.details > div:last-child h2{ margin:0 auto; font-size:24px; }
.details > div:last-child h2:before{ content:""; display:block; margin-bottom:16px; width:40px; height:2px; background:#ffffff; }
.details > div:last-child p{ margin-top:34px; font-weight: lighter; }
.details > div:last-child p span{ text-decoration:underline; }
.details > div:last-child a{ display:inline-block; margin-top:25px; padding:12px 25px; color:#ffffff; border:1px solid #ffffff; text-decoration:none; text-transform: uppercase; border-radius:5px; transition:all 200ms, color 200ms ;letter-spacing:1px; font-size:16px; }
.details > div:last-child a:hover{ transform:translateY(-1px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25) }

.unify{ /*background: url(images/unify_illustration@2x.png) no-repeat #eff3f6; background-size:801px 801px; background-position: 100px center ;*/ background:#eff3f6; display:flex; }
.unify > div{ float:left; width:50%; box-sizing:border-box; padding:0; margin:auto;}
.unify > div:first-child { padding: 40px; }
.unify > div:first-child > div{ max-width:585px; float:right  }
.unify > div:last-child > div{ max-width:585px; box-sizing: border-box; padding-left:7%; margin-right:10%; }
.unify h2{ margin:0; font-size:36px; color:#df1765; max-width:585px;  }
.unify h2 span{ color:#df1765; display:block; width:320px; background: -webkit-gradient(linear, left top, right top, from(#44528f), to(#df1765) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.unify p{ margin:34px 0 0 0; color:#767f9a;  max-width:585px;}
.unify p span{ color:#4c5577; font-weight:400; }

.testimonial article{ display:flex; color:#ffffff;}
.testimonial article img{ display:block; }
.testimonial article h2{ font-size:26px; font-style: italic; text-transform: none; line-height: 28px;}
.testimonial article p{ font-size:16px; margin-top:30px; line-height:25px; font-style: italic; }
.testimonial article p.testi_people{ text-transform:uppercase; font-style: normal;}
.testimonial article > div{ float:left; width:50%; box-sizing:border-box; max-height:430px;}

.testi1 > div{ background:#4c74b4; }
.testi1 > div:first-child{ overflow: hidden; }
.testi1 > div:last-child{ position:relative;display: flex;}
.testi1 > div:last-child:before{ content:""; display:block; position:absolute; top:48%; left:-20px; width: 0;height: 0;border-style: solid;border-width: 20px 20px 20px 0;border-color: transparent #4c74b4 transparent transparent;}
.testi1 > div:last-child div{padding-left: 7%;  max-width: 585px; margin:auto; margin-left:0; margin-right:10%; box-sizing: border-box; transform: translateY(-20px);}
.testi1 > div:last-child h2:before{ content:""; display:block; margin-bottom:16px; width:50px; height:41px;  background:url(images/quote1.png) no-repeat #4c74b4; background-size: 50px 41px;}


.testi2 > div{ background:#e01765; }
.testi2 > div:last-child{ overflow: hidden; }
.testi2 > div:first-child{ position:relative; display: flex; }
.testi2 > div:first-child:after{ content:''; display:block; position:absolute; top:48%; right:-20px; width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 20px;;border-color: border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #e01765}
.testi2 > div:first-child div{padding-right: 7%; max-width: 585px; margin: auto; float: right; margin-right: 0;  box-sizing: border-box; transform: translateY(-20px);}
.testi2 > div:first-child h2:before{ content:""; display:block; margin-bottom:16px; width:50px; height:41px;  background:url(images/quote2.png) no-repeat #e01765; background-size: 50px 41px;}

.testi3 > div{ background:#4c5577; }
.testi3 > div:first-child{ overflow: hidden; }
.testi3 > div:last-child{ position:relative; display:flex; }
.testi3 > div:last-child div{padding-left: 7%;  max-width: 585px; margin: auto; margin-left: 0; margin-right:10%; box-sizing: border-box;  transform: translateY(-20px);}
.testi3 > div:last-child h2:before{ content:""; display:block; margin-bottom:16px; width:50px; height:41px;  background:url(images/quote3.png) no-repeat #4c5577; background-size: 50px 41px;}
.testi3 > div:last-child:before{ content:''; display:block; position:absolute; top:48%; left:-20px; width: 0;height: 0;border-style: solid;border-width: 20px 20px 20px 0;border-color: transparent #4c5577 transparent transparent;}
.flexslider{ margin-bottom:0; }
.flexslider .slides > li{ float:none !important; }
.flexslider{ border:0; }
.flex-pauseplay, .flex-direction-nav, .flex-control-nav{ display:none; }

.satisfied_customers{ height:423px; padding-top:60px; color:#4c5577; background:url(images/worldmap_bg@2x.jpg) no-repeat center; background-size:cover;}
.satisfied_customers .wrap{  }
.satisfied_customers h2{ text-align:center; font-size:24px; }
.satisfied_customers h2:before{ content:""; display:block; margin:auto; margin-bottom:22px; width:40px; height:2px; background:linear-gradient(to right, #43538f, #e01765); }
.satisfied_customers p{ color:#767f9a; text-align:center; max-width:560px; margin: auto; margin-top:20px; }
.satisfied_customers ul{ padding:0; margin-top:50px; }
.satisfied_customers ul li{ list-style:none; float:left; width:20%; text-align:center; }

.video{ background:#43538f; background: linear-gradient(45deg, #43538f, #e01765); }
.video .bg_pattern{background:url(images/Pattern_slaask_blue@2x.png); background-size:200px 200px; padding: 0 5%; }
.video .wrap{ display:flex;}
.video .wrap .txt{ margin-left:auto; width:32%; padding:70px 0 110px 0; color:#ffffff;}
.video .wrap .txt h2{ font-size:28px; font-weight:normal; font-style:italic;}
.video .wrap .txt h2 span{ display:block; font-size:34px; font-style:normal; font-weight:bold;}
.video .wrap .txt p{ margin-top:35px; font-size:16px; line-height:24px;}
.video .wrap .txt div{ margin-top:15px; text-transform:uppercase; }
.video .wrap .txt div img{ vertical-align:middle; margin-right:10px;}
.video .wrap .txt span.launch_video{ display:inline-block; margin-top:34px; font-size:16px; padding:12px 25px; border:1px solid #ffffff; border-radius:5px; cursor:pointer; text-transform: uppercase; transition:all 200ms, color 200ms ;letter-spacing:1px; }
.video .wrap .txt span.launch_video:hover{ transform:translateY(-1px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25)}
.video .wrap .player_mobile{ display:none; }
.video .wrap .player{ margin-left:4%; width:63.8%; display: flex; }
.video .wrap .player div{ position:relative; width:100%; margin: auto;  }
.video .wrap .player div:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(images/play_btn.svg) no-repeat center; background-size:72px 72px; cursor:pointer;}
.video .wrap .player img{ }
.video .op{ opacity:0.8;box-shadow: 2px 2px 100px 0px rgba(0,0,0,0.3); border-radius:20px;}

/*.chatbot{ background: url(images/Polaroids@2x.png) no-repeat #eff3f6; background-size:495px 471px; background-position: 420px center ; }*/
.chatbot{ background:#eff3f6; display:flex }
.chatbot > div{ float:left; width:50%; box-sizing:border-box; padding: 60px 0; margin:auto;}
.chatbot > div:first-child { padding: 60px 40px; }
.chatbot > div:first-child > div{ max-width:585px; float:right; text-align: right }
.chatbot > div:last-child > div{ max-width:585px; box-sizing: border-box; padding-left:7%; margin-right:10%;}
.chatbot h2{ font-size:36px; color:#df1765;  }
.chatbot h2 span{ color:#df1765; display:block; width:200px; background: -webkit-gradient(linear, left top, right top, from(#44528f), to(#df1765) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.chatbot p{ margin:34px 0 0 0; color:#767f9a; }
.chatbot a{ display:inline-block; font-size:16px; margin-top:25px; text-transform: uppercase; padding:12px 25px 12px 55px; border-radius:5px; color:#ffffff; text-decoration:none;  transition:all .15s ease; letter-spacing:1px; background:url(images/Slack_Mark_Monochrome_White.svg) no-repeat #e01765 center left 9px; background-size:45px; }
.chatbot a:hover{ transform:translateY(-1px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25)}

/* ALTERNATIVES */

.alternative-box{ background:#eff3f6; display:flex }
.alternative-box > div{ float:left; width:50%; box-sizing:border-box; padding: 60px 0; margin:auto;}
.alternative-box > div:first-child { padding: 40px; }
.alternative-box > div:first-child > div{ max-width:585px; float:right  }
.alternative-box > div:last-child > div{ max-width:585px; box-sizing: border-box; padding-left:7%; margin-right:10%;}
.alternative-box-white{ background:#ffffff; display:flex }
.alternative-box h2{ font-size:36px; color:#df1765;  }
.alternative-box h2 span{ color:#df1765; display:block; width:200px; background: -webkit-gradient(linear, left top, right top, from(#44528f), to(#df1765) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.alternative-box p{ margin:34px 0 0 0; color:#767f9a; }
.alternative-box a{ display:inline-block; font-size:16px; margin-top:25px; text-transform: uppercase; padding:12px 25px 12px 55px; border-radius:5px; color:#ffffff; text-decoration:none;  transition:all .15s ease; letter-spacing:1px; background:url(images/Slack_Mark_Monochrome_White.svg) no-repeat #e01765 center left 9px; background-size:45px; }
.alternative-box a:hover{ transform:translateY(-1px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25)}

.biggs{ background: #eff3f6; padding:0 5%; }
.biggs .wrap > div{ padding:26px; border-radius:5px; background:  linear-gradient(to right, #45b795, #95da90); }
.biggs .wrap > div img.biggs_img{ display:inline-block; float:left; width:128px;  }
.biggs .wrap > div img.biggs_img_mobile{ display:none; }
.biggs .wrap > div div{ display:inline-block; float:right; width:83%;}
.biggs .wrap > div div p{ font-size:28px; color:#ffffff; font-style: italic; line-height:36px;}
.biggs .wrap > div div p span{ display:block; margin-top:16px; font-size:16px; font-style: normal; text-transform:uppercase;}
.biggs .wrap > div .name_mobile{ display:none; }

.twitter{ background:url(images/twitter_bg.svg) top 100px left -100px no-repeat #eff3f6; padding:130px 5% 115px 5%;}
.twitter h2{ text-align:center; color:#4c5577;}
.twitter ul{ padding:0; margin-top:40px; }
.twitter ul li{ list-style:none; float:left; width:32%; height: 200px; padding:0 0.6666%; margin-bottom: 22px;}
.twitter .show_more{ text-align:center; color:#4c5577; font-size:15px; text-transform:uppercase; }
.twitter .show_more span{ cursor:pointer; }
.twitter .show_more img{ vertical-align:middle; margin-right:5px; }
.twitter .twitter-tweet{ box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1); border-radius: 5px}
.twitter .twitter-tweet p{ color:#697882; }
.twitter li {padding:0 0.555%;}
.tweet-container { display: block; position: static; visibility: visible; }
.twitter-tweet { max-width: 100%; min-width: 220px;   margin-top: 10px;   margin-bottom: 10px; max-width: 520px; overflow: hidden; padding: 20px 20px 12px; background-color: rgb(255, 255, 255);   border-radius: 5px;   border: 1px solid rgb(225, 232, 237);}
.twitter-tweet .tweet-photo {   display: inline-block;   width: 36px;   height: 36px;   background-color: transparent;   overflow: hidden;   border-radius: 50%;    }
.twitter-tweet .tweet-author { display: inline-block; font-weight: 700; vertical-align: top; font-size: 14px; margin-left: 10px;    }
.twitter-tweet .tweet-author .tweet-username { display: block; color: rgb(105, 120, 130); font-weight: 300;    }
.twitter-tweet .tweet-content { margin-top: 14px;    }
.twitter-tweet .tweet-date { font-size: 14px; color: rgb(105, 120, 130); margin-top: 5px; }

.integrations{ padding-top:60px; background:url(images/Integrations_line_background.svg) no-repeat center top; background-size:1170px; margin-top: 110px; }
.integrations h2{ text-align:center; color:#4c5577;}
.integrations p{ text-align:center; color:#4c5577; text-transform:uppercase; }
.integrations .wrap{ padding-bottom:80px; border-bottom:1px solid #cfd6e3; }
.integrations .wrap ul{ padding:0; margin-top:50px; }
.integrations .wrap ul li{ list-style:none; float:left; width:25%; text-align:center; }
.integrations .wrap .mask{ position:relative; overflow:hidden; height:270px; }
.integrations .wrap .mask .degrade{ position:absolute; bottom:0; width:100%; height:100px; background:linear-gradient(to top, #ffffff, rgba(255,255,255,0));}
.integrations .wrap .mask .view{ position:absolute; bottom:-10px; width:100%; text-align:center; height:80px;}
.integrations .wrap .mask .view span{ display:inline-block; padding:12px 25px; background:#4c5577; border:1px solid #4c5577; border-radius:5px; color:#ffffff; font-size:16px; text-transform:uppercase; cursor:pointer; text-decoration:none; letter-spacing:1px;transition:all .2s ease; }
.integrations .wrap .mask .view span:hover{ transform:translateY(-1px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25);}

.slack_coupon{ text-align:center; padding:10px 5% 45px 5%; }
.slack_coupon .wrap{ ;background-image: url(images/slack_coupon_graphics_ls.svg), url(images/slack_coupon_graphics_ls.svg); background-position: center left, center right; background-repeat: no-repeat; }
.slack_coupon p{ color:#767f9a; max-width:750px; margin:auto; font-size:20px; line-height:28px; }
.slack_coupon p strong{ color:#4c5577; }
.slack_coupon p > span{ position:relative; font-weight:bold; color:#e01765; }
.slack_coupon p > span span{ position:absolute; left:0; bottom:-2px; height:3px; width:100%; background:url(images/rounded_border.gif) repeat-x; background-size:8px 3px; }
.slack_coupon a{ display:inline-block; margin-top:40px; font-size:16px; color:#767f9a; padding:12px 25px; border:1px solid #767f9a; border-radius:5px;text-transform:uppercase; text-decoration:none;  text-transform: uppercase;  transition:all .15s ease; letter-spacing:1px}
.slack_coupon a:hover{ transform:translateY(-1px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25)}

.seo_links{ display:flex; }
.seo_links article{ box-sizing:border-box; width:50%; padding:40px 0; background:#4c5577; color:#ffffff; }
.seo_links article:last-child{ background:#e01765; }
.seo_links article h3{ font-size:15px; text-transform:uppercase; }
.seo_links article p{  margin:auto;margin-top:13px; font-size:16px; line-height:24px;}
.seo_links article a{ display:block; text-decoration:none; color:#ffffff; max-width: 585px; float:right;  box-sizing:border-box; padding-right:7%; margin-left:10%;}
.seo_links article:last-child a{ float:left; padding-left:7%; margin-right:10%; padding-right:0; margin-left:0;}

footer{ background:#eff3f6; padding:25px 5% 30px 5%; }
footer > div:first-child{ padding-bottom:20px; border-bottom:1px solid #cfd6e3; }
footer > div:first-child > div{ float:right; margin-top:10px; }
footer > div:first-child > div a{ display:inline-block; padding-left:30px; height:22px; line-height:23px; font-size:13px; color:#767f9a; text-decoration:none; text-transform:uppercase;}
footer > div:first-child > div a:hover{ text-decoration: underline;}
footer > div:first-child > div a:first-child{ margin-right:40px; background:url(images/icons/ic_gen_doc.svg) no-repeat; background-size:22px; }
footer > div:first-child > div a:last-child{ background:url(images/icons/ic_code.svg) no-repeat; background-size:22px; }
footer .links{ padding:30px 0; }
footer .links > div:first-child{ float:left; }
footer .links > div:first-child a{ margin-right:43px; text-decoration: none; }
footer .links > div:last-child{ float:right; padding-top:5px; }
footer .links > div:last-child a{ margin-left:28px; font-size:13px; color:#767f9a; text-decoration:none; text-transform:uppercase; }
footer .links > div:last-child a:hover{ text-decoration: underline;}
footer p{ text-align: center; color:#767f9a; font-size:12px;}

/* PRICING */
.cta_green{ display:inline-block; font-size:15px; margin-top:26px; background:#2fbd71; text-transform: uppercase; font-family:'Brandon', sans-serif;  height:40px; line-height:40px; padding:0 25px; border-radius:5px; color:#ffffff; text-decoration:none;  transition:all .15s ease; letter-spacing:1px}
.cta_green:hover{ color: #fff; text-transform: uppercase; text-decoration: none; transform:translateY(-1px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25)}
.cta_green.slack_mark{ background:url(images/Slack_Mark_Monochrome_White.svg) no-repeat #2fbd71 center left 9px; background-size:45px; padding-left:55px; }
.green{ color:#2fbd71; }

.pricing_v1_top{ text-align:center; background:#e8eef2; background:linear-gradient(to top, #e1e8ed, #eef3f6); padding-top:62px; height:580px; border-bottom-left-radius: 50% 25%; border-bottom-right-radius: 50% 25%;}
.pricing_v1_top h1{ font-size:26px; color:#4c5577; margin-top:35px; font-family: 'Source Sans Pro', sans-serif; text-transform:none; padding: 0 5%; font-weight:normal; }
.pricing_v1_top .choose_plan{ width:390px; margin:auto; margin-top:55px; background:#cfd6e3; padding:4px; border-radius:40px; }
.pricing_v1_top .choose_plan > div{ position:relative; float:left; width:130px; height:32px; line-height:32px; border-radius:32px; color:#767f9a; font-size:13px; text-transform:uppercase; transition: all 200ms; cursor:pointer; }
.pricing_v1_top .choose_plan > div:hover, .pricing_v1_top .choose_plan > div.active{ background:#2fbd71; color:#ffffff; }
.pricing_v1_top .choose_plan > div div{ position:absolute; bottom:35px; left:35px; width:60px; height:24px; line-height:24px; background:#ffffff; color:#2fbd71; font-size:14px; border-radius:5px; text-transform:none;}
.pricing_v1_top .choose_plan > div div:after{ content:""; display:block; width: 0; margin-left:25px; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ffffff transparent transparent transparent; }
.pricing_v1_top .plans{ padding: 0 5%;  margin-top:40px; }
.pricing_v1_top .plans > li{ position:relative; float:left; list-style:none; box-sizing:border-box; width:30%; margin-right:5%; height:425px; padding:0 30px;background:#fcfeff; border-radius:5px; box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3); color:#767f9a;}
.pricing_v1_top .plans > li:first-child{ background:#f7f9fc;}
.pricing_v1_top .plans > li:last-child{margin-right:0; background:#ffffff;}
.pricing_v1_top .plans > li .description_plan{ font-size:20px; font-weight:bold; padding-top:30px; font-family:'Brandon', sans-serif; line-height:23px;}
.pricing_v1_top .plans > li .description_plan .conversations{ color:#2fbd71; }
.pricing_v1_top .plans > li .description_plan .frequency{ display:block; font-weight:normal;}
.pricing_v1_top .plans > li .price_plan{ font-family:'Brandon', sans-serif; color:#4c5577;  }
.pricing_v1_top .plans > li .price_plan sup{font-size:36px; font-weight:300; margin-bottom:;}
.pricing_v1_top .plans > li .price_plan .price{ font-size:60px; }
.pricing_v1_top .plans > li .price_plan .frequency2{ font-size:18px; font-weight:300; }
.pricing_v1_top .plans > li .free{ font-size:14px; }
.pricing_v1_top .plans > li a{ margin:8px auto 24px auto;}
.pricing_v1_top .plans > li .details_plan{ text-align: left; padding-top:30px; border-top:1px solid #cfd6e3; text-transform:uppercase; font-size:13px;}
.pricing_v1_top .plans > li ul{ padding:0;}
.pricing_v1_top .plans > li ul li{ list-style:none; margin-top:18px; padding-left:22px; background:url(images/icons/ic_check.svg) no-repeat center left; background-size:15px; text-align:left; font-size:15px;}
.pricing_v1_top .plans > li .taxes{ position:absolute; bottom:22px; left:0; width:100%; font-size:12px; font-style:italic; }

.more_conversations{ padding:0 5%; margin-top:220px;}
.more_conversations .wrap > div { background:#43538f; border-radius:5px;  }
.more_conversations .wrap .bg_pattern{background:url(images/Pattern_slaask_blue@2x.png); background-size:200px 200px; padding:40px 5%; text-align: center; box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3); border-radius:5px; }
.more_conversations .wrap .bg_pattern h2{ color:#ffffff; text-transform:none;font-family: 'Source Sans Pro', sans-serif; text-transform:none; }
.more_conversations .wrap .bg_pattern p{ color:#ffffff; margin-top:26px; }

.customer_com{ padding:56px 5%; text-align:center; }
.customer_com h2{ max-width: 560px; margin:auto; font-style:italic; text-transform:none; color:#4c5577; }
.customer_com p{ max-width: 660px; margin:auto; margin-top:20px; color:#767f9a;}

.questions{ padding:60px 5% 75px 5%; background:#eff3f6; }
.questions .wrap h2{ color:#4c5577; text-align:center; margin-top:85px;}
.questions .wrap h2:first-child:before{ content:""; display:block; margin:auto; margin-bottom:16px; width:40px; height:2px; background:linear-gradient(to right, #43538f, #de1866); }
.questions .wrap h2:first-child{ margin-top:0; }
.questions .wrap .list_questions{ margin-top:65px; }
.questions .wrap .list_questions > div > div{ float:left; margin-top:30px; width:50%; box-sizing: border-box; padding:0 3%; }
.questions .wrap .list_questions > div > div h3{ color:#4c5577; font-size:18px; font-weight:bold;line-height: 36px; }
.questions .wrap .list_questions > div > div p{ color:#767f9a; line-height: 36px; }

.pricing_v1 .integrations .wrap{ border:0; }

.slaask_action{ background:#43538f; background: linear-gradient(45deg, #43538f, #e01765);;text-align:center;  }
.slaask_action .bg_pattern{background:url(images/Pattern_slaask_blue@2x.png); background-size:200px 200px; padding:70px 5% 0 5%; }
.slaask_action h2{ color:#ffffff; font-size:30px; }
.slaask_action p{ color:#ffffff; margin-top:20px;}
.slaask_action a{ display:inline-block; color:#ffffff!important; font-size:16px; padding:12px 20px; text-decoration:none!important; text-transform:uppercase; font-family:'Brandon', sans-serif; margin-top:20px; border:1px solid #dddddd; border-radius:5px;transition: all 200ms ; letter-spacing:1px;}
.slaask_action a:hover{ color:#ffffff!important; text-decoration:none!important; transform:translateY(-1px); box-shadow:0 7px 14px rgba(50,50,93,.25),0 3px 6px rgba(0,0,0,.25) }
.slaask_action .wrap > div{ height:115px; overflow: hidden; margin:auto;margin-top:60px; width:100%; max-width:600px; -webkit-mask-box-image : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.1)));}

.pricing_bottom{ padding:22px 5%; background:#eff3f6; text-align:center; }
.pricing_bottom p{ color:#767f9a; text-transform:uppercase; font-size:13px; margin-top:10px;  }

.pricing_v2_top{ text-align:center!important; background:#e8eef2!important; padding: 62px 5% 0 5%!important; height:550px!important; border-bottom-left-radius: 50% 25%!important; border-bottom-right-radius: 50% 25%!important; margin-bottom:22px!important; }
.pricing_v2_top .wrap{  }
.pricing_v2_top h1{ font-size:26px!important; color:#4c5577!important; margin-top:35px!important; font-family: 'Source Sans Pro', sans-serif!important; text-transform:none!important; font-weight:normal!important; }
.pricing_v2_top p{ font-size:24px!important; color:#767f9a!important; margin-top:25px;font-weight:lighter!important; }
.pricing_v2_top .range{ width:100%!important; max-width:500px!important; margin:auto!important; margin-top:35px!important; }
.pricing_v2_top .slider-container.theme-green{ width:100% !important; }
.pricing_v2_top .theme-green .back-bar{ background:#c2c8d3!important; }
.pricing_v2_top .theme-green .back-bar .selected-bar{ background:#2fbd71!important; }
.pricing_v2_top .theme-green .back-bar .pointer{ width:20px!important; height:20px!important; top:-7px!important; background:#2fbd71!important; border: 4px solid #ffffff!important; box-shadow: 0 0 0 3px #2fbd71, 0 0 0 3px #2fbd71!important; }
.pricing_v2_top .pointer-label.high{ top:auto!important; bottom:-107px!important; width:160px!important; background:#4c5577!important; padding:10px 0!important; border-radius:5px!important; text-align:center!important; font-family:'Brandon', sans-serif!important; font-size:34px!important; color:#ffffff!important;  box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3)!important; }
.pricing_v2_top .pointer-label.high:after{ content:""!important; display:block!important; position:absolute!important; top:-10px!important; left:73px!important; width: 0!important; height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #4c5577 transparent!important; }
.pricing_v2_top .pointer-label .external_txt{ margin-top:2px!important; font-size:13px!important; color:#cfd6e3!important; text-transform:uppercase!important; }
.pricing_v2_top .scale{ display:none!important; }
.pricing_v2_top .custom_plan{ z-index:1!important; max-width:850px!important; margin:auto!important; margin-top:60px!important; box-sizing:border-box!important; padding:60px 5% 40px 5%!important; background:#ffffff!important; border-radius:5px!important; box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3)!important; text-align: center!important; }
.pricing_v2_top .custom_plan_details{ font-size:26px!important; color:#4c5577!important; font-weight:lighter!important; }
.pricing_v2_top .custom_plan_details .green{ font-weight:bold!important; border-bottom:1px solid #cfd6e3!important; }
.pricing_v2_top .custom_plan_details .frequency{ position:relative!important; padding-right:20px!important; cursor:pointer!important; background:url(images/icons/ic_arrow_dropdown.svg) no-repeat!important; background-position: center right -10px!important; background-size:39px 26px!important; }
.pricing_v2_top .offers_payment{ font-size:15px!important; color:#767f9a!important; font-weight:lighter!important; margin-top:20px!important; }
.pricing_v2_top .request_demo{ margin-top:30px!important; }
.pricing_v2_top .request_demo a{ color:#767f9a!important; font-size:15px!important; font-weight:lighter!important; }
.popup_frequency{ z-index:5; display:none; width:195px; position:absolute; top:0; left:0; background:#ffffff;  text-align:left; padding:15px; border-radius: 5px; box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);}
.popup_frequency ul{ padding:0; margin:0; }
.popup_frequency ul li{ color:#4c5577; font-size:16px; list-style: none; padding-left:28px; margin-bottom:5px; background:url(images/icons/ic_radio_button_unchecked.svg) no-repeat top 9px left; background-size:20px; cursor:pointer; }
.popup_frequency ul li.active{ background:url(images/icons/ic_radio_button_checked.svg) no-repeat top 9px left; background-size:20px;}
.popup_frequency ul li span{ font-size:26px; }
.popup_frequency ul li.active span{ font-weight:bold; color:#2fbd71; }

/* MEDIA QUERIES */

@media screen and (max-width: 1919px){
  .intro .content_intro{ padding-top:14vw; }
  .intro .cta{ margin-top:4.2vw; }
  .intro p{ margin-top:6.1vw; }
  .intro .calltoscroll_d{ height:18.3%; }
  .intro .calltoscroll_g{ height:18.3%; }
  .intro .calltoscroll_circle{ bottom:18%; }
  .intro .widget_slaask{ bottom:-8%; }
  /*.unify{ background: url(images/unify_illustration@2x.png) no-repeat #eff3f6; background-size:600px 600px; background-position: 90px center; }
  .unify > div:last-child{ padding-top: 120px;padding-bottom: 150px; }*/
  .testimonial article > div{ max-height:430px; }
  /*.chatbot{ background: url(images/Polaroids@2x.png) no-repeat #eff3f6; background-size:495px 471px; background-position: 150px center ; }*/

}
@media screen and (max-width: 1280px){
  .intro .calltoscroll_d{  height:8.3%; }
  .intro .calltoscroll_g{  height:8.3%; }
  .intro .calltoscroll_circle{ bottom:8%;  }
  .testi2 > div:first-child div{ margin-left:10%; }
  .details > div:first-child > div{ margin-left:10%; }
}
@media screen and (max-width: 1279px){
  .intro .widget_slaask{ bottom:-14%; }
  .anim .inthepast{ top:7vw; right:62%; font-size:30px; line-height:30px; }
  .anim .now{ top:7vw; left:62%; font-size:30px; line-height:30px;}
  /*.unify{ background: url(images/unify_illustration@2x.png) no-repeat #eff3f6; background-size:600px 600px; background-position: -50px center ; }*/
  /*.chatbot{ background: url(images/Polaroids@2x.png) no-repeat #eff3f6; background-size:495px 471px; background-position: -50px center ; }*/
  .testimonial article p{ font-size:14px; margin-top:25px; line-height:23px; }
  .testi1 > div:last-child:before{ top:17.6vw; }
  .testi2 > div:first-child:after{ top:17.6vw; }
  .testi3 > div:last-child:before{ top:17.6vw; }

  .satisfied_customers ul li img{ width:200px; height:auto; }

  .biggs .wrap > div div p{ font-size:24px; }

  .pricing_v1_top .plans > li{ padding:0 15px;}
}
@media screen and (max-width: 1024px){
  .intro .calltoscroll_d{  height:8.3%; }
  .intro .calltoscroll_g{  height:8.3%; }
  .intro .calltoscroll_circle{ bottom:8%;  }
}

@media screen and (max-width: 1023px){
  .popup > div{ padding:37px 10px 6px 10px; }
  h2{ font-size:18px !important; }
  p{ font-size:15px; }
  .cta{ height:60px; line-height:60px;}
  .mobile_none{ display:none; }
  header{ height:53px; padding:5px 20px 0 20px; }
  header .nav_m{ display:block; float:right; height:40px; line-height:40px; padding:0 30px; font-size:14px; color:#4c5577; text-transform:uppercase; background:url(images/icons/ic_arrow_dropdown.svg) no-repeat; background-position: center right; background-size:36px 24px; font-weight:bold;}
  header .nav_m.opened{ background:url(images/icons/ic_arrow_dropup.svg) no-repeat; background-position: center right; background-size:36px 24px;}
  header nav{ display:none; float:none; z-index:3; width:100%; background:#ebeff2; position:absolute; top:53px; left:0; padding:70px 0 60px 0; box-shadow: 0px 30px 50px 0px rgba(0,0,0,0.3);}
  header nav a{ display:block; text-align:center; margin:auto; margin-top:18px; width:200px; padding:0;}
  header nav a:first-child{ display:block; margin-top:0; color:#ffffff; background:#e01765; border-radius:5px; box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.37); }
  header nav a:last-child{ display:none; }

  .intro{ height:455px; }
  .intro .content_intro{ box-sizing: border-box;  padding:120px 5% 0 5%; height:450px; background:url(images/cover_picture.jpg) no-repeat top left; background-size:cover;     border-bottom-left-radius: 50% 12%; border-bottom-right-radius: 50% 12%;}
  .intro .content_intro{ text-align: center;}
  .intro h1{  font-size:20px; }
  .intro .cta{ margin-top:30px;}
  .intro p{ margin-top:30px;  font-size:16px;}
  .intro .calltoscroll_d{ height:14.3%; }
  .intro .calltoscroll_g{ height:14.3%; }
  .intro .calltoscroll_circle{ bottom:13.8%; }
  .intro .widget_slaask{ z-index:2; position:absolute; bottom:-25px; right:5%; padding:0; border:none; }
  .intro .widget_slaask > div{ padding:0; border:none; }
  .intro .widget_slaask > div .tryitnow{ position:absolute; bottom:90px; right:0; }
  .intro .widget_slaask > div .arrow{ position:absolute; bottom:40px; right:90px; }

  .anim{ position:relative; height:300px ; overflow:hidden;}
  #bodymovin svg{ height:300px !important; width:auto !important;}
  .anim .inthepast{ top:72px; right:68%; font-size:24px; line-height:24px; }
  .anim .now{ top:72px; left:68%; font-size:24px; line-height:24px;}
  .anim .img_no_anim{ display:block; position:absolute; top:0; left:0; height:376px; width:auto; background:url(images/before_after_illustration.svg) no-repeat center; background-size: cover;}

  .details{ display:block; /*text-align:center;*/}
  .details > div{ float:none; width:100%; box-sizing:border-box; padding:35px 5%; }
  .details > div:first-child > div{ float: none; margin:auto; }
  .details > div:first-child ul li { float: none; width: 206px; margin: auto; margin-top: 22px; text-align: left; }
  .details > div:first-child ul li div {width: auto; white-space: nowrap; float: left; font-size: 13px; margin: auto; margin-left: 20px; text-transform: uppercase; }
  .details > div:first-child ul li img{  width:35px; height:35px;}
  .details > div:first-child h2, .details > div:last-child h2{ text-align:center; }
  .details > div:first-child h2:before, .details > div:last-child h2:before{  margin:auto; margin-bottom:16px; }
  .details > div:first-child p{ margin-top:20px; font-size:15px; text-align: center; }
  .details > div p:last-child { margin-top:20px; font-size:15px; text-align: center;}
  .details > div:last-child > div{ margin:auto; padding:0;}
  /*.unify{ background: url(images/unify_illustration_mobile@2x.png) no-repeat #eff3f6; background-size:300px 300px; background-position: center 35px ; }*/
  .unify{ display:block; }
  .unify > div:first-child { width:100%; padding:30px 5%;  }
  .unify > div:first-child div{ float:none; max-width:300px; margin:auto; }
  .unify > div:last-child{ padding-left:5%; padding-right:5%; padding-top:0; padding-bottom:50px; width:100% }
  .unify h2 span{ text-align:center; width:auto;}
  .unify p{ margin:20px auto 0 auto; /*text-align:center;*/ font-size:15px;}
  .unify > div:last-child > div{ margin:auto; padding:0 }

  .chatbot{ display:block; }
  .chatbot > div:first-child { width:100%; padding:30px 5%;  }
  .chatbot > div:first-child div{ float:none; max-width:300px; margin:auto; }
  .chatbot > div:last-child{ padding-left:5%; padding-right:5%; padding-top:0; padding-bottom:50px; width:100% }
  .chatbot h2 span{ text-align:center; margin:auto;}
  .chatbot p{ margin:20px auto 0 auto; /*text-align:center;*/ font-size:15px;}
  .chatbot > div:last-child > div{ margin:auto; padding:0 }

  .alternative-box{ display:block; }
  .alternative-box > div:first-child { width:100%; padding:30px 5%;  }
  .alternative-box > div:first-child div{ float:none; max-width:300px; margin:auto; }
  .alternative-box > div:last-child{ padding-left:5%; padding-right:5%; padding-top:0; padding-bottom:50px; width:100% }
  .alternative-box h2 span{ text-align:center; margin:auto;}
  .alternative-box p{ margin:20px auto 0 auto; /*text-align:center;*/ font-size:15px;}
  .alternative-box > div:last-child > div{ margin:auto; padding:0 }

  .testimonial{ width:100%; }
  .testimonial > div{ width:100%; }
  .testimonial article{ display:inline-block; float:left; width:100%; color:#ffffff; position:relative; /*text-align:center;*/ }
  .testimonial article img{ display:block; }
  .testimonial article p{ font-size:15px; margin-top:15px; line-height:25px; }
  .testimonial article > div{ float:none; width:100%; max-height:450px; }
  .testi1 > div:last-child{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(55,103,156, 0.85);}
  .testi1 > div:last-child div{ padding:0 5%; width:100%; max-width:585px; margin: auto;}
  .testi1 > div:last-child h2:before{display:none;}
  .testi1 > div:last-child:before{ display:none;}
  .testi2 > div:first-child{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(224,23,101, 0.85);}
  .testi2 > div:first-child div{ padding:0 5%; width:100%; max-width:585px; margin: auto;}
  .testi2 > div:first-child h2:before{display:none;}
  .testi2 > div:first-child:after{ display:none;}
  .testi3 > div:last-child{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(76,85,119, 0.85);}
  .testi3 > div:last-child div{ padding:0 5%; width:100%; max-width:585px; margin: auto;}
  .testi3 > div:last-child h2:before{display:none;}
  .testi3 > div:last-child:before{ display:none;}
  .flexslider .slides > li{ float:left !important; }
  .flex-control-nav{ display:block; bottom:10px; }
  .flex-control-nav li{ margin:0 3px;}
  .flex-control-paging li a{ width:6px; height:6px; background:rgba(255,255,255,0.5); box-shadow:none; }
  .flex-control-paging li a.flex-active { background:#ffffff; }
  .flex-control-paging li a:hover{background:#ffffff;}

  .satisfied_customers{  padding:35px 5%; height:auto; background-size:contain; }
  .satisfied_customers ul{ max-width: 440px; margin:auto; margin-top: 30px;}
  .satisfied_customers ul li{ width:50%; }
  .satisfied_customers ul li img{ width:100%; height:auto; }

  .video{ background:#43538f; background: linear-gradient(45deg, #43538f, #de1866);  }
  .video .wrap{ display:block;}
  .video .wrap .txt{ width:100%; padding:35px 0;}
  .video .wrap .txt h2{ font-size:16px; text-align:center;}
  .video .wrap .txt h2 span{font-size:18px; }
  .video .wrap .txt p{ margin-top:35px; font-size:15px; line-height:20px;}
  .video .wrap .txt span.launch_video{ display:block; margin:auto; margin-top:40px; font-size:15px; box-sizing:border-box; text-align: center; max-width: 280px}
  .video .wrap .txt .player_mobile{ display:block; cursor:pointer; margin:auto; margin-top:25px; max-width: 500px; }
  .video .wrap .txt .player_mobile div{ position:relative; width:100%; margin: auto;  }
  .video .wrap .txt .player_mobile div:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(images/play_btn.svg) no-repeat center; background-size:72px 72px; }
  .video .wrap .player{ display: none;}

  /*.chatbot{ background: url(images/Polaroids@2x.png) no-repeat #eff3f6; background-size:290px 276px; background-position: center 20px ; /*text-align:center; }
  .chatbot div{ float:none; margin:auto; padding-left:5%; padding-right:5%; padding-top:345px; padding-bottom:50px; width:100%; max-width:585px; }
  .chatbot h2{ text-align:center;}
  .chatbot h2 span{ display:inline; }
  .chatbot p{ margin:20px 0 0 0; /*text-align:center; font-size:15px;}*/
  .chatbot p:last-child{ text-align: center;}
  .chatbot .cta{ text-align:center; margin:auto; margin-top:25px;}

  .biggs .wrap > div{ padding:20px; /*text-align:center;*/ }
  .biggs .wrap > div img.biggs_img{ display:none; }
  .biggs .wrap > div img.biggs_img_mobile{ float:none;   display:inline; vertical-align: middle;}
  .biggs .wrap > div div{ float:none; width:100%;}
  .biggs .wrap > div div p{ font-size:18px; line-height:26px; margin-bottom:20px;}
  .biggs .wrap > div div p span{ display:none; }
  .biggs .wrap > div .name_mobile{ display:inline; font-size:16px; margin-top:16px; font-style: normal; text-transform:uppercase; color:#ffffff;}

  .twitter{ background:url(images/twitter_bg.svg) center left -100px no-repeat #eff3f6; background-size: 450px; padding:50px 5% 35px 5%; }
  .twitter .mobile_scroll{ overflow-x: scroll; -webkit-overflow-scrolling: touch; }
  .twitter .twitter-tweet{ width:270px !important; }
  .twitter ul{margin-top:20px; }
  .twitter ul li{ list-style:none; float:left; width:auto; padding:0 10px 0 0;}
  .twitter .show_more{ display:none;}

  .integrations{ padding-top:40px; }
  .integrations .wrap{ padding-bottom:50px; }
  .integrations .wrap .mask{ position:relative; overflow:hidden; height:300px; }
  .integrations .wrap ul{ max-width: 440px; margin:auto; margin-top: 30px;}
  .integrations .wrap ul li{ width:50%; }
  .integrations .wrap ul li img{ width:100%; height:auto; }

  .slack_coupon p{ font-size:16px; line-height:24px; }
  .slack_coupon .wrap{ ;background-image: url(images/slack_coupon_graphics_ls.svg), url(images/slack_coupon_graphics_ls.svg); background-position: top left, top right; background-repeat: no-repeat; }

  .seo_links{ display:block; }
  .seo_links article{ width:100%; padding:20px 5%; }
  .seo_links article h3{ font-size:13px; text-transform:uppercase;}
  .seo_links article p{ margin-top:6px; font-size:15px; line-height:22px;}
  .seo_links article a{ display:block; text-decoration:none; color:#ffffff; max-width: 585px; float:none;  box-sizing:border-box; padding-right:0; margin:auto; }
  .seo_links article:last-child a{ float:none; padding-left:0; margin:auto;}

  footer { text-align:center }
  footer > div:first-child{ padding-bottom:30px;width:300px; margin:auto; }
  footer > div:first-child > div{ float:none; margin-top:10px; }
  footer > div:first-child > div a{ display:block; }
  footer > div:first-child > div a:first-child{ width:190px;margin:auto; margin-top:25px; }
  footer > div:first-child > div a:last-child{  width:200px;margin:auto; margin-top:25px;}
  footer .links{ padding:30px 0 10px 0 ; }
  footer .links > div:first-child{ float:none; margin:auto; width:300px; text-align:center; padding-bottom:10px; border-bottom:1px solid #cfd6e3;  }
  footer .links > div:first-child a{ margin:0; }
  footer .links > div:first-child a img{ margin:0 20px 20px 20px; }
  footer .links > div:last-child{ float:none; padding-top:25px; width:250px; margin:auto; }
  footer .links > div:last-child a{ margin:0; display:inline-block; padding:0 20px 20px 20px; }

  .questions { margin-top: 0!important }

  .pricing_v1_top h1 { font-size:16px; margin-top: 25px; }
  .pricing_v1_top .plans > li{ position:relative!important; float:none!important; list-style:none; box-sizing:border-box; width:100%!important; max-width:350px!important; margin:auto!important; margin-bottom:16px!important; padding:0 27px!important;}
  .pricing_v1_top .plans > li:last-child{ margin:auto; }

  .pricing_v1_top .choose_plan{ width:100%; padding:4px 0; border-radius:0; text-align:center; }
  .pricing_v1_top .choose_plan > div{ position:relative; float:none; display: inline-block; width:100px; }
  .pricing_v1_top .choose_plan > div div{ left:20px; width:60px;}

  .questions{ padding:40px 5% 50px 5%; }
  .questions .wrap .list_questions > div > div{ float:none; width:100%; padding:0; }
  .questions .wrap .list_questions > div > div h3, .questions .wrap > div > div > div p{ line-height: 28px !important;}
  .questions .wrap h2{ margin-top:45px; }
  .questions .wrap .list_questions{ margin-top:45px; }

  .pricing_v1 .integrations .wrap{ padding-bottom:10px; }
  .pricing_v1_top{ height: auto!important;border-bottom-left-radius: 90% 15%;border-bottom-right-radius: 90% 15%; }
  .more_conversations{ margin-top: 260px; }
  .more_conversations .wrap .bg_pattern h2{ font-size:20px; }
  .more_conversations .wrap .bg_pattern p{ font-size:16px; }
  .slaask_action .bg_pattern{ padding:35px 5% 0 5%; }
  .slaask_action .wrap > div{ margin-top:30px; }

  .pricing_v2_top{ height:450px!important; margin-bottom:100px!important; border-bottom-left-radius: 100% 15%!important; border-bottom-right-radius: 100% 15%!important; }
  .pricing_v2_top h1{ font-size:16px!important; }
  .pricing_v2_top p{ font-size:16px!important; }
  .pricing_v2_top .custom_plan{ margin-top:30px!important; padding: 22px 5% 30px 5%!important; }
  .pricing_v2_top .custom_plan_details{ font-size:18px!important; color:#4c5577!important; font-weight:lighter!important; }
  .pricing_v2_top .pointer-label.high{ display:none!important; }
  .pricing_v2_top .range{ width:270px!important; }
  .pricing_v2_top .custom_plan{ max-width:430px!important; }
  .popup_frequency{ width:150px; }
  .popup_frequency ul li{ color:#4c5577; font-size:13px; list-style: none; padding-left:28px; margin-bottom:5px; background:url(images/icons/ic_radio_button_unchecked.svg) no-repeat top 6px left; background-size:15px; cursor:pointer; }
  .popup_frequency ul li:hover{ font-weight:none; }
  .popup_frequency ul li.active{ background:url(images/icons/ic_radio_button_checked.svg) no-repeat top 6px left; background-size:15px; }
  .popup_frequency ul li.active:hover{ text-decoration:none; }
  .popup_frequency ul li span{ font-size:18px; }
}
@media screen and (max-width: 767px){
  .pricing_v2_top {height:540px; margin-bottom:75px;!important }
}
@media screen and (max-width: 640px){
  .pricing_v2_top { margin-bottom:100px!important; }
}

@media screen and (max-width: 375px){
  .testimonial article h2{ font-size:15px !important; line-height: 22px;}
  .testimonial article p{ font-size:13px !important;  line-height:16px !important; }
  .anim{ min-height:300px;}
  #bodymovin svg{ height:300px !important;}
}
@media screen and (max-width: 374px){
  .pricing_v2_top {  margin-bottom:155px!important; }
}
.hidden{ display: none; }


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.recommended_plan::before{background : #2fbd71;}
.recommended_plan{z-index:2;}
.team p {margin-bottom: 20px;}