html,body{font-family:Lato;font-size:15px;font-weight:300;line-height:1.33;letter-spacing:0.4px;color:#2a2f36;overflow-x:hidden!important;}.container{max-width:100%!important;overflow-x:hidden!important;}#nav-header-container{background-color:#2A2F36;padding-bottom:15px;}#nav-header-container.navbar-lg{}#nav-header-container.navbar-sm{height:85px;}#nav-header-container>.container-fluid{overflow:hidden;line-height:52px;margin:0px 35px;}#nav-header-container.navbar-lg>.container-fluid{transition:all 0.65s ease-in-out;}#nav-header-container.navbar-sm>.container-fluid{transition:all 0.65s ease-in-out;margin-top:0px;}#nav-header{display:inline-block;margin-top:2px;}#nav-header button{font-size:22px;}#nav-header button.offcanvas-toggle{top:-5px;padding:0px;margin:7px 20px 0px 0px;float:left;}#nav-header button.navbar-toggle>img{width:20px;height:16px;margin-top:-19px;}.navbar{margin-bottom:0px;}.navbar-brand{padding:8px 0px 0px 16px;}.navbar-brand>img{margin-top:-10px;height:20px;line-height:50px;display:inline-block;margin-top:3px;}.navbar-default{background-color:transparent;border-color:transparent;}.navbar-nav.navbar-left ul::after{content:'';display:block;width:0;height:2px;background:#000;}.navbar-default .navbar-nav>li{position:static;}.navbar-default .navbar-nav>li>span,.navbar-default .navbar-nav>li>a{font-family:Lato;font-weight:700;font-size:12px;color:#fff;display:inline-block;line-height:12px;padding:0px;margin:0px 10px 0px 0px;}.navbar-default .navbar-nav>li>a:visited,.navbar-default .navbar-nav>li>a:focus{color:#fff;}.navbar-default .navbar-nav>li>a.green,.navbar-default .navbar-nav>li>a.green:hover{color:#5bc45e;margin-top:20px;}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#2A2F36;color:#fff;}.navbar-default .navbar-nav>li>a:hover{color:#fff;}.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:not(.no-hover):hover{font-family:Lato;color:#E5E5E5;padding-bottom:3px;border-bottom:2px solid #96dd45;}.navbar-default .navbar-nav>li>a.btn.button{color:#fff;background-color:#5bc45e;border-color:#5bc45e;margin:0px;margin-bottom:12px;}.navbar-default .navbar-nav>li>a.btn.link{color:#5bc45e;margin-bottom:12px;}#navbar-right ul li.cta:last-child{position:relative;height:52px;}#navbar-right ul li.cta:last-child a:last-child{position:relative;top:1px;}#navbar-right .navbar-nav>li>.dropdown-menu{top:86px;border-radius:5px;border:1px solid #d8d8d8;right:auto!important;margin-top:-10px;transform:translate(-35%,0)!important;padding:15px 26px;box-shadow:0 6px 12px rgba(0,0,0,.095);}#navbar-right .navbar-nav .dropdown-menu>li{padding-top:10px;padding-bottom:12px;border-bottom:1px solid #d8d8d8;}#navbar-right .navbar-nav .dropdown-menu>li:last-child{border-bottom:none;}#navbar-right .navbar-nav .dropdown-menu>li a{color:#909AA8;font-weight:500;padding:0px;}#navbar-right .navbar-nav .dropdown-menu>li.green>a{color:#5bc45e;}.navbar-default .navbar-toggle{border:none;margin-right:0px;}.navbar-left{margin-left:20px;}#navbar-left>ul{transition:all 0.5s ease-in-out;}#navbar-right>ul{transition:all 0.5s ease-in-out;}#navbar-left>ul.slideUp,#navbar-right>ul.slideUp{}#navbar-right li span,#navbar-right li a{font-weight:500;}#navbar-right>ul>li:last-child{margin-top:2px;}#cta2{margin:4px 0px 0px 0px;padding:14px 26px;font-weight:500;line-height:15px;}.navbar-offcanvas.offcanvas-transform.in{background-color:#2A2F36;margin-bottom:0px;}.navbar-offcanvas.offcanvas-transform.in .navbar-nav{float:none;}.navbar-offcanvas.offcanvas-transform.in>ul{margin-bottom:0px;position:relative;}#close-menu{text-align:left;color:#fff;padding-top:0px;padding-left:20px;font-size:20px;border:none;background-color:transparent;position:absolute;top:-10px;left:5px;}#close-menu img{height:auto;width:auto;max-width:18px;max-height:18px;}.navbar-offcanvas.offcanvas-transform::-webkit-scrollbar,.navbar-offcanvas.offcanvas-transform.in::-webkit-scrollbar{display:none;}.navbar-offcanvas.offcanvas-transform a,.navbar-offcanvas.offcanvas-transform.in a,.navbar-offcanvas.offcanvas-transform.in a:hover,.navbar-offcanvas.offcanvas-transform.in a:focus,{color:#fff;text-decoration:none;outline:none;}.navbar-offcanvas.offcanvas-transform a>span,.navbar-offcanvas.offcanvas-transform.in a>span{display:inline-block;margin-left:12px;margin-top:-5px;line-height:10px;font-size:10px;vertical-align:middle;}.navbar-offcanvas.offcanvas-transform .top,.navbar-offcanvas.offcanvas-transform.in .top{margin-top:25%;text-align:center;}.navbar-offcanvas.offcanvas-transform .top a,.navbar-offcanvas.offcanvas-transform.in .top a{color:#fff;text-transform:uppercase;}.navbar-offcanvas.offcanvas-transform .top a.active,.navbar-offcanvas.offcanvas-transform.in .top a.active{text-transform:uppercase;font-weight:500;padding-bottom:3px;border-bottom:2px solid #96dd45;text-decoration:none;}.navbar-offcanvas.offcanvas-transform .top li,.navbar-offcanvas.offcanvas-transform.in .top li{padding-bottom:5px;font-size:14px;}.navbar-offcanvas.offcanvas-transform .bottom,.navbar-offcanvas.offcanvas-transform.in .bottom{color:#fff;margin-top:150px;text-align:center;}.navbar-offcanvas.offcanvas-transform .bottom li,.navbar-offcanvas.offcanvas-transform.in .bottom li{padding-top:24px;color:#2d2d2d;font-weight:200;font-size:16px;line-height:24px;}.navbar-offcanvas.offcanvas-transform .bottom li a,.navbar-offcanvas.offcanvas-transform.in .bottom li a{color:#fff;font-weight:300;}.navbar-offcanvas.offcanvas-transform.in .bottom li a:focus,.navbar-offcanvas.offcanvas-transform.in .bottom li a:active,.navbar-offcanvas.offcanvas-transform.in .bottom li a:hover{text-decoration:none;outline:none;}.navbar-offcanvas.offcanvas-transform .signup,.navbar-offcanvas.offcanvas-transform.in .signup{margin-top:20px;height:300px;background-color:#fff;text-align:center;}.navbar-offcanvas.offcanvas-transform .signup li a,.navbar-offcanvas.offcanvas-transform.in .signup li a{color:grey;text-transform:uppercase;font-weight:500;}.navbar-offcanvas.offcanvas-transform .signup li a.green,.navbar-offcanvas.offcanvas-transform.in .signup li a.green{color:#5bc45e;}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent;}#intro-container{background-color:#2A2F36;padding-top:48px;padding-bottom:48px;}#intro-container .header{font-family:Lora;font-weight:400;font-size:40px;color:#FFFFFF;letter-spacing:0;}#intro-container .sub-header{font-family:Lato;font-weight:300;font-size:20px;line-height:24px;color:#FFFFFF;letter-spacing:0;}#intro-container .btn{font-family:Lato;font-weight:700;font-size:12px;text-transform:uppercase;background-color:#5BC45E;color:#fff;border:1px solid #5BC45E;padding:15px 26px;margin-top:30px;margin-bottom:55px;width:200px;}#intro-container .img-wrapper{position:relative;padding-top:0;padding-bottom:67.5%;height:0;}#intro-container .img-wrapper>p,#intro-container .img-wrapper>img{width:100%;}#intro-container .img-wrapper video{box-sizing:border-box;background:url('https://cdn.refersion.com/site/v3/images/HeroGIFbg.png') center center no-repeat;background-size:contain;padding:3% 3.7% 1.6%;position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 105.2%;}#intro-container .cta{padding-top:80px;padding-bottom:90px;}#intro-container .cta img{display:inline-block;padding-right:12px;}#intro-container .cta p{font-family:Lato;font-weight:500;font-size:12px;color:#FFF;letter-spacing:0;display:inline-block;text-transform:uppercase;}#intro-container .cta .btn{text-transform:uppercase;background-color:transparent;color:#fff;border:none;padding:0px;margin:0px;text-align:left;width:200px;text-decoration:none;}#intro-container .cta .btn:focus{border:none;outline:none;}#main-features-container{padding-top:64px;padding-bottom:44px;}#main-features-container .feature img{padding-top:32px;padding-bottom:21px;}#main-features-container .feature .header{font-family:Lora;font-size:28px;color:#2A2F36;letter-spacing:0.26px;padding-bottom:24px;line-height:34px;}#main-features-container .feature ul{text-align:center;padding:0px;}#main-features-container .feature li{font-family:Lato;font-weight:300;font-size:16px;color:#373F49;letter-spacing:0;line-height:25px;list-style:none;}#main-features-container .feature li hr{border-color:#5BC45E;width:16px;margin-top:12px;margin-bottom:12px;}#testimonials-container{background-color:rgba(236,240,246,0.35);padding-top:96px;padding-bottom:48px;background-image:url(https://cdn.refersion.com/site/v3/images/quotes.png);background-repeat:no-repeat;background-position:center center;}#testimonials-container .item{}#testimonials-container .item .text{font-family:Lora-Italic;font-size:40px;color:#909AA8;letter-spacing:0;line-height:52px;font-style:italic;font-weight:100;}#testimonials-container .item img{width:33px;height:33px;display:inline-block;}#testimonials-container .item .suffix{display:inline-block;}#testimonials-container .owl-theme .owl-dots{line-height:16px;}#testimonials-container .owl-theme .owl-dots .owl-dot{vertical-align:middle;}#testimonials-container .owl-theme .owl-dots .owl-dot span,#testimonials-container .owl-theme .owl-dots .owl-dot span:hover{width:5px;height:5px;background:#5BC45E;border:1px solid #5BC45E;}#testimonials-container .owl-theme .owl-dots .owl-dot.active span,#testimonials-container .owl-theme .owl-dots .owl-dot.active span:hover{width:12px;height:12px;}#other-features-container{background-color:#5BC45E;}#other-features-container .col{padding:0px;}#other-features-container .img-wrapper{position:relative;height:600px;}#other-features-container img{background-image:url(https://cdn.refersion.com/site/v3/images/browser-green-lg.png);background-repeat:no-repeat;background-position:left top;background-size:107% 95%;float:right;display:inline-block;max-height:550px;padding:45px 0px 0px 22px;bottom:25px;}#vid-container-1{border:1px solid blue;display:table-cell;vertical-align:middle;}#other-features-container .features-wrapper{background-color:#2A2F36;height:600px;}#other-features-container .features-wrapper .header{font-family:Lora;font-weight:200;font-size:32px;color:#ECF0F6;letter-spacing:0.43px;line-height:39px;margin-left:52px;padding-top:42px;width:60%;}#other-features-container .features-wrapper ol{padding:0px;padding-top:23px;}#other-features-container .features-wrapper li{font-family:Lato;font-weight:200;font-size:16px;color:#FFFFFF;letter-spacing:0;line-height:25px;list-style:none;padding-bottom:30px;}#other-features-container .features-wrapper li>span{width:20px;margin-left:16px;margin-right:16px;color:#2A2F36;}#other-features-container .features-wrapper li.active,#other-features-container .features-wrapper li.active>span,#other-features-container .features-wrapper.mobile li.active,#other-features-container .features-wrapper.mobile li.active>span,#other-features-container .features-wrapper li:hover,#other-features-container .features-wrapper li:hover>span #other-features-container .features-wrapper.mobile li:hover,#other-features-container .features-wrapper.mobile li:hover>span{color:#96DD45;font-weight:400;}.video-responsive{position:relative;}.video-responsive iframe{box-sizing:border-box;background:url('https://cdn.refersion.com/site/v3/images/browser-green.png') center top no-repeat;background-size:109% auto;position:absolute;display:inline-block;padding:60px 0% 0% 0%;margin:0px;right:-10px;margin-top:50px;}.mobile .video-responsive>div{text-align:center;}.mobile .video-responsive iframe{position:static;display:inline-block;width:90%;margin:50px auto -10px;}#other-features-container .mobile .features-wrapper{color:#fff;}#other-features-container .mobile .features-wrapper li{padding:0px;text-align:center;}#other-features-container .mobile .features-wrapper li>span{display:block;width:18px;margin:0px auto;}#plans-container{padding-top:73px;padding-bottom:10px;border-bottom:1px solid #ECF0F6;}#plans-container .header{font-family:Lora;font-size:40px;font-weight:400;color:#2A2F36;letter-spacing:-0.75px;line-height:52px;}#plans-container .subheader{font-family:Lato;font-weight:300;font-size:20px;color:#2A2F36;letter-spacing:0;line-height:25px;margin-bottom:17px;}#plans-container .cta{font-family:Lato;font-weight:500;font-size:12px;text-transform:uppercase;margin-top:17px;margin-bottom:43px;}#plans-container .cta a{color:#5BC45E;text-decoration:none;}#plans-container .purple a{color:#72488B;}#plans-container .green a{color:#5BC45E;}#plans-container .blue a{color:#175992;}#plans-container .img-wrapper{width:100%;max-width:600px;position:relative;}#plans-container img{max-width:627px;}#plans-container video,#plans-container img.background{max-width:415px;position:relative;top:0%;left:0%;z-index:5;}#plans-container img.foreground{max-width:390px;position:absolute;top:60%;left:50%;z-index:10;}#plans-container div.plans.owl-carousel{padding-top:0px;padding-bottom:130px;}#plans-container .owl-carousel .item{padding-right:30px;}#plans-container .owl-carousel .item .category{font-family:Lato;font-size:10px;letter-spacing:0.62px;line-height:25px;text-transform:uppercase;margin-top:50px;}#plans-container .owl-carousel .item .title{font-family:Lora-Regular;font-size:28px;letter-spacing:0.26px;line-height:34px;margin-top:5px;margin-bottom:12px;}#plans-container .owl-carousel .item .text{font-family:Lato;font-weight:300;font-size:16px;letter-spacing:0;line-height:25px;}#plans-container .owl-carousel .item .cta{font-family:Lato;font-weight:400;font-size:12px;letter-spacing:0.75px;line-height:25px;padding-top:16px;padding-bottom:16px;}#plans-container .owl-carousel .owl-dots{text-align:left;}#plans-container .owl-theme .owl-dots .owl-dot{vertical-align:middle;}#plans-container .owl-theme .owl-dots .owl-dot span,#plans-container .owl-theme .owl-dots .owl-dot span:hover{width:5px;height:5px;}#plans-container .owl-theme .owl-dots .owl-dot.active span,#plans-container .owl-theme .owl-dots .owl-dot.active span:hover{width:12px;height:12px;border-radius:6px;}#home-getting-started-container{padding-top:50px;padding-bottom:64px;}#home-getting-started-container .header{font-family:Lora-Regular;font-size:40px;color:#2A2F36;letter-spacing:0.38px;line-height:49px;}#home-getting-started-container .cta a{font-family:Lato;font-weight:500;font-size:12px;color:#5BC45E;letter-spacing:0.75px;line-height:25px;text-transform:uppercase;padding-top:11px;text-decoration:none;margin-left:22px;}#home-getting-started-container img{max-width:561px;}#home-getting-started-container .steps{padding-left:22px;}#home-getting-started-container .steps:first-child{padding-top:48px;}#home-getting-started-container .steps+.cta{margin-left:62px;}#home-getting-started-container .steps .number{display:inline-block;background-color:#7CDE08;font-family:Lora;font-weight:200;font-size:20px;color:#FFFFFF;letter-spacing:0;height:36px;width:36px;line-height:36px;text-align:center;border-radius:18px;margin-right:20px;}#home-getting-started-container .steps .action{font-family:Lora;font-style:italic;font-size:28px;line-height:35px;letter-spacing:0.26px;display:inline-block;vertical-align:middle;margin:0px;}#home-getting-started-container .steps .text{font-family:Lato;font-weight:300;font-size:16px;line-height:25px;width:60%;color:#373F49;margin:0px;margin-left:60px;margin-bottom:27px;}#home-getting-started-container area:focus{border:none;outline-style:none;-moz-outline-style:none;}#trial-container{padding-top:68px;padding-bottom:0px;background-color:#ECF0F6;}#trial-container .col{padding-bottom:1px;}#trial-container .header{font-family:Lora;font-weight:400;font-size:40px;color:#2A2F36;letter-spacing:0;line-height:49px;}#trial-container .btn{color:#fff;background-color:#5BC45E;text-transform:uppercase;font-family:Lato;font-size:12px;font-weight:700;padding:15px 26px;margin-top:30px;margin-bottom:55px;width:200px;border-color:#5BC45E;}#trial-container .img-wrapper{width:100%;max-height:325px;float:right;}#trial-container img{display:inline-block;}#trial-container .event .intro{font-family:Lato;font-weight:500;font-size:10px;color:#909AA8;letter-spacing:0.75px;line-height:25px;text-transform:uppercase;margin-top:48px;}#trial-container .event .title{font-family:Lora;font-weight:400;font-size:32px;color:#2A2F36;letter-spacing:0.3px;line-height:39px;margin-top:15px;width:350px;}#trial-container .event .date{font-family:Lato;font-weight:300;font-size:16px;color:#2A2F36;letter-spacing:0;line-height:25px;margin-top:15px;width:330px;}#trial-container .event .cta a{font-family:Lato;font-weight:500;font-size:12px;color:#5BC45E;letter-spacing:0.75px;line-height:25px;text-transform:uppercase;margin-top:16px;text-decoration:none;}#integrations-certifications-container{padding:48px 0;background-color:#ECF0F6;}#integrations-partners-container{padding-top:63px;padding-bottom:63px;}#integrations-partners-container .header{font-family:Lora;font-size:40px;font-weight:400;color:#2A2F36;letter-spacing:-0.75px;line-height:52px;margin-bottom:53px;}#integrations-partners-container .subheader{font-family:Lora;font-size:20px;color:#2A2F36;letter-spacing:0;line-height:24px;margin:15px 0;}#integrations-partners-container .logo{margin-bottom:15px;min-height:52px;}#integrations-partners-container .partner{border:1px solid #ECF0F6;padding:30px;line-height:24px;margin-bottom:30px;min-height:290px;}@media only screen and (max-width: 768px) {#integrations-partners-container .partner{min-height:310px;}}#integrations-partners-container .partner:hover{cursor:pointer;}#integrations-partners-container .partner{z-index:90;position:relative;display:inline-block;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.1);-webkit-transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);overflow:hidden;}#integrations-partners-container .partner::after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;box-shadow:0 5px 15px rgba(0,0,0,0.3);opacity:0;-webkit-transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);}#integrations-partners-container .partner:hover{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}#integrations-partners-container .partner:hover::after{opacity:1;}#integrations-partners-container .cta{min-height:26px;}#integrations-partners-container .cta a{font-family:Lato;font-weight:500;font-size:12px;text-transform:uppercase;color:#5BC45E;display:none;}#integrations-partners-terms p{text-align:center;font-size:12px;padding-bottom:63px;}
}
#integrations-detail-header {
}
#integrations-detail-header {
padding-top: 64px;
padding-bottom: 64px;
border-top: 1px solid #ECF0F6;
}
#integrations-detail-header .main-text {
font-family: Lora;
font-size: 40px;
color: #2a2f36;
}
#integrations-detail-header .secondary-text {
font-family: Lato;
font-size: 20px;
color: #4a4a4a;
width: 70%;
margin: 0 auto;
font-weight: 300;
}
#integrations-detail-header .btn {
font-family: Lato;
font-size: 12px;
font-weight: 500;
background-color: #5BC45E;
color: #fff;
padding: 15px 26px;
border-color: #5BC45E;
margin-top: 35px;
}
#integrations-detail-description {
border-top: 1px #EDF0F7 solid;
}
#integrations-detail-description .row, #integrations-detail-features .row, #integrations-detail-container .row {
padding: 0 160px;
}
#integrations-detail-features ul {
list-style: none;
padding: 0;
margin: 0;
}
#integrations-detail-features li {
padding-left: 0.55em;
margin-bottom: 45px;
text-indent: -.7em;
list-style-position: outside;
}
#integrations-detail-features li span {
position: relative;
left: 15px;
}
#integrations-detail-features li.last-item {
margin-bottom: 0px;
}
#integrations-detail-features li div {
margin-left: 15px;
}
#integrations-detail-features li::before {
content: "•";
color: #5AC35C;
}
#integrations-detail-features, #integrations-detail-description {
padding: 30px 0;
margin: 30px 0;
text-align: justify;
font-size: 20px;
color: #4A4A4A;
letter-spacing: 0;
line-height: 30px;
}
#integrations-detail-features .heading, #integrations-detail-description .heading {
color: #9EA6B1;
font-size: 11px;
text-transform: uppercase;
}
/* Screenshots */
#integrations-detail-screenshots {
background-color: rgba(236, 240, 246, 0.35);
padding-top: 96px;
padding-bottom: 48px;
background-repeat: no-repeat;
background-position: center center;
}
#integrations-detail-screenshots .item {
padding-bottom: 10px;
}
#integrations-detail-screenshots .item p {
padding-top: 30px;
width: 850px;
margin: 0 auto;
background: #909AA8 url(https://cdn.refersion.com/site/v3/images/integrations/window-buttons.png) 10px 8px no-repeat;
/*height: 700px;*/
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border: 0px solid #000000;
-webkit-box-shadow: 0px 3px 7px -1px rgba(179,179,179,1);
-moz-box-shadow: 0px 3px 7px -1px rgba(179,179,179,1);
box-shadow: 0px 3px 7px -1px rgba(179,179,179,1);
}
#integrations-detail-screenshots .item img {
display: inline-block;
/*padding: 48px 0 0 0;*/
width: 850px;
height: 500px;
}
#integrations-detail-screenshots .owl-theme .owl-dots {
line-height: 16px;
}
#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot {
vertical-align: middle;
}
#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot span,
#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot span:hover {
width: 5px;
height: 5px;
background: #5BC45E;
border: 1px solid #5BC45E;
}
#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot.active span,
#integrations-detail-screenshots .owl-theme .owl-dots .owl-dot.active span:hover {
width: 12px;
height: 12px;
}
#integrations-detail-container {
padding-top: 64px;
padding-bottom: 64px;
border-top: 1px solid #ECF0F6;
}
#integrations-detail-container .review {
overflow: hidden;
}
#integrations-detail-container .review span {
font-family: Lora;
font-size: 32px;
padding-bottom: 12px;
letter-spacing: 0.3px;
}
#integrations-detail-container .review .stars {
color: #FAC300;
margin-right: 25px;
}
#integrations-detail-container .btn {
font-family: Lato;
font-size: 12px;
font-weight: 500;
background-color: #5BC45E;
color: #fff;
padding: 15px 26px;
border-color:#5BC45E;
float: right;
}
#integrations-detail-container .no-reviews .btn {
float: none;
}
/*==================================================
Pricing
==================================================*/
#pricing-table-container {
background-image: url(https://cdn.refersion.com/site/v3/images/line-chart_2048x424.png);
background-repeat: no-repeat;
background-position: left 110px;
background-size: 105% auto;
}
#pricing-table-header {
margin-top: 60px;
margin-bottom: 180px;
}
#pricing-table-header .main-text {
font-family: Lora;
font-size: 40px;
color: #2a2f36;
}
#pricing-table-header .secondary-text {
font-family: Lato;
font-size: 20px;
color: #4a4a4a;
width: 70%;
margin: 0 auto;
font-weight: 300;
}
.panel-pricing {
padding-left: 36px;
padding-right: 36px;
border-radius: 4%;
text-align: left;
/*height: 330px;*/
}
.panel-pricing .head {
font-family: Lora;
font-style: italic;
font-size: 22px;
padding-top: 30px;
padding-bottom: 16px;
line-height: 27px;
}
.panel-pricing .body {
font-family: Lato;
font-size: 16px;
font-weight: 300;
color: #2A2F36;
letter-spacing: 0.38px;
line-height: 22px;
min-height: 100px;
}
.panel-pricing .price {
font-family: Lora;
margin-top: 20px;
margin-bottom: 20px;
font-size: 40px;
line-height: 18px;
font-weight: 300;
}
.panel-pricing .contact-us {
font-family: Lora;
font-size: 26px;
/*font-weight: 300;*/
letter-spacing: -0.9;
}
.panel-pricing sup,
.panel-pricing sub {
font-size: 14px;
font-weight: 300;
}
.panel-pricing sup {
top: -14px;
font-size: 22px;
font-weight: 300;
padding-right: 2px;
}
.panel-pricing sub {
font-family: Lato;
bottom: 0em;
}
.panel-pricing.starter {
border: 1px solid #5BC45E;
}
.plan-details-group .glyphicon-question-sign {
color: #5BC45E;
font-size: 18px;
}
.panel-pricing.starter .head,
.panel-pricing.starter .price {
color: #5BC45E;
}
.outer-border.professional {
margin: 0 auto;
}
.panel-pricing.professional {
border: 1px solid #175992;
}
.panel-pricing.professional .head,
.panel-pricing.professional .price {
color: #175992;
}
.panel-pricing.enterprise {
border: 1px solid #72488B;
}
.panel-pricing.enterprise .head,
.panel-pricing.enterprise .price {
color: #72488B;
}
.panel-pricing .btn {
font-family: Lato;
font-weight: 500;
margin-top: 30px;
margin-bottom: 28px;
width: 100%;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
border-color: inherit
}
.panel-pricing.starter .btn {
background-color: #5BC45E;
border-color: #5BC45E;
}
.panel-pricing.professional .btn {
background-color: #175992;
border-color: #175992;
}
.panel-pricing.enterprise .btn {
background-color: #72488B;
border-color: #72488B;
}
.plan-details-group>li {
color: #2A2F36;
font-size: 16px;
padding-top: 8px;
padding-bottom: 8px;
list-style: none;
border-bottom: 1px solid #ECF0F6;
}
.plan-details-group>li.title {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
border-bottom: none;
}
.plan-details-group>li:last-child {
border-bottom: none;
}
.plan-details-group {
text-align: left;
padding: 0px 36px;
}
/*==================================================
Popular Pricing questions
==================================================*/
#learn-pricing-questions-container {
padding-top: 72px;
padding-bottom: 36px;
}
#pricing-questions-container p.header,
#learn-pricing-questions-container p.header {
font-family: Lora;
font-weight: 400;
font-size: 32px;
color: #2A2F36;
line-height: 39px;
margin-bottom: 31px;
}
#pricing-questions-container .panel-title > a.accordion-toggle,
#learn-pricing-questions-container .panel-title > a.accordion-toggle,
#pricing-questions-container .panel-title > a.accordion-toggle.collapsed,
#learn-pricing-questions-container .panel-title > a.accordion-toggle.collapsed {
font-family: Lato;
font-weight: 300;
font-size: 20px;
color: #909AA8;
letter-spacing: 0;
line-height: 24px;
text-decoration: none;
padding:28px 42px 28px 30px;
display: block;
background-color:#ECF0F6;
}
#pricing-questions-container .panel-title > a.accordion-toggle:not(.collapsed),
#learn-pricing-questions-container .panel-title > a.accordion-toggle:not(.collapsed) {
font-weight: 400;
color: #2A2F36;
}
#pricing-questions-container .panel-title > i,
#learn-pricing-questions-container .panel-title > i {
font-size: 10px;
color: #909AA8;
position: absolute;
top: 50%;
right: 30px;
}
#pricing-questions-container .panel-heading,
#learn-pricing-questions-container .panel-heading {
padding: 0px;
position: relative;
}
#pricing-questions-container .panel-body,
#learn-pricing-questions-container .panel-body {
background-color: #ECF0F6;
border-top: 0px;
}
#pricing-questions-container .panel-body p,
#learn-pricing-questions-container .panel-body p {
font-family: Lato;
font-weight: 300;
font-size: 16px;
color: #909AA8;
letter-spacing: 0;
padding-left: 16px;
padding-right: 36px;
}
#pricing-questions-container .panel-body ul,
#learn-pricing-questions-container .panel-body ul {
margin-left: 16px;
}
#pricing-questions-container .panel-body li,
#learn-pricing-questions-container .panel-body li {
padding-bottom: 5px;
}
#pricing-questions-container .panel-body a,
#learn-pricing-questions-container .panel-body a,
#pricing-questions-container .panel-body a:hover,
#learn-pricing-questions-container .panel-body a:hover {
margin-top: 32px;
display: inline-block;
text-decoration: none;
}
#pricing-questions-container .panel-default,
#learn-pricing-questions-container .panel-default {
margin-bottom: 10px;
}
#pricing-questions-container .panel-default,
#learn-pricing-questions-container .panel-default {
background-color: #ECF0F6;
}
/*==================================================
Carousel
==================================================*/
#learn-intro-container {
padding-top: 49px;
}
#learn-intro-container .header {
font-family: Lora-Regular;
font-size: 40px;
color: #2A2F36;
letter-spacing: 0;
line-height: 49px;
width: 50%;
margin: 0 auto;
}
#learn-intro-container .sub-header {
font-family: Lato;
font-size: 20px;
color: #4A4A4A;
letter-spacing: 0;
line-height: 24px;
padding-top: 10px;
padding-bottom: 44px;
}
#learn-intro-container .owl-carousel .item .duration {
text-transform: uppercase;
font-family: Lato;
font-weight: 400;
font-size: 10px;
color: #909AA8;
letter-spacing: 0.62px;
line-height: 25px;
padding-left: 30px;
margin: 0px;
margin-top: 20px;
}
#learn-intro-container .owl-carousel .item .title {
font-family: Lato;
font-weight: 300;
font-size: 20px;
color: #4A4A4A;
letter-spacing: 0;
line-height: 24px;
padding-left: 30px;
margin: 0px;
}
#learn-intro-container .owl-carousel.owl-drag .owl-item.center img {
display: inline-block;
}
#learn-intro-container .owl-carousel .owl-dots {
padding-top: 32px;
padding-bottom: 39px;
}
#learn-intro-container .owl-theme .owl-dots {
line-height: 16px;
}
#learn-intro-container .owl-theme .owl-dots .owl-dot {
vertical-align: middle;
}
#learn-intro-container .owl-theme .owl-dots .owl-dot span,
#learn-intro-container .owl-theme .owl-dots .owl-dot span:hover {
width: 5px;
height: 5px;
background: #5BC45E;
border: 1px solid #5BC45E;
}
#learn-intro-container .owl-theme .owl-dots .owl-dot.active span,
#learn-intro-container .owl-theme .owl-dots .owl-dot.active span:hover {
width: 12px;
height: 12px;
transition: all 500ms;
}
#learn-intro-container .owl-carousel .owl-video-wrapper {
background-color: #fff;
}
/*==================================================
Section 2
==================================================*/
#section2-container {
background-color: #2A2F36;
padding-top: 49px;
padding-bottom: 52px;
color: #fff;
}
#section2-container .img-wrapper {
text-align: right;
}
#section2-container img{
height: auto;
width: auto;
max-width: 229px;
max-height: 140px;
}
#section2-container .head {
font-family: Lato;
font-weight: 700;
font-size: 12px;
line-height: 22px;
letter-spacing: 0.6px;
color: #ECF0F6;
text-transform: uppercase;
}
#section2-container .text {
font-family: Lato;
font-size: 18px;
line-height: 22px;
font-weight: 300;
letter-spacing: 0.6px;
}
#section2-container .cta a{
font-family: Lato;
font-size: 14px;
color: #5BC45E;
letter-spacing: 0.75px;
line-height: 25px;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
}
/*==================================================
Section 3
==================================================*/
#section3-container {
padding-top: 114px;
padding-bottom: 41px;
border-bottom: 1px solid #ECF0F6;
}
#section3-container img {
width: 60px;
}
#section3-container .lead {
font-family: Lora;
font-size: 32px;
color: #2A2F36;
letter-spacing: 0.3px;
line-height: 39px;
font-weight: 300;
margin-top: 28px;
margin-bottom: 12px;
}
#section3-container .text {
font-family: Lato;
font-size: 18px;
color: #2A2F36;
letter-spacing: 0;
line-height: 28px;
padding-left: 10%;
padding-right: 10%;
font-weight: 300;
}
#section3-container .cta a{
font-family: Lato;
font-size: 14px;
color: #5BC45E;
letter-spacing: 0.75px;
line-height: 25px;
text-transform: uppercase;
font-weight: 500;
padding-top: 15px;
text-decoration: none;
}
/*==================================================
Affiliate Marketing Resources
==================================================*/
#marketing-resources-container {
padding-top: 36px;
padding-bottom: 36px;
}
#marketing-resources-container .col {
min-height: 450px;
}
#marketing-resources-container .header {
padding-top: 16px;
color: #4a4a4a;
font-family: Lora;
font-size: 40px;
letter-spacing: 0.6px;
font-weight: 200;
}
#marketing-resources-container .footer a{
font-family: Lato;
font-size: 14px;
color: #5BC45E;
letter-spacing: 0.75px;
line-height: 25px;
text-transform: uppercase;
font-weight: 500;
padding-top: 15px;
text-decoration: none;
padding-bottom: 36px;
}
#marketing-resources-container .footer{
padding-bottom: 36px;
}
#marketing-resources-container img {
width: 100%;
}
#marketing-resources-container img {
width: 100%;
}
#marketing-resources-container .meta {
margin-top: 18px;
text-transform: uppercase;
font-size: 12px;
color: #2A2F36;
letter-spacing: 0.62px;
line-height: 25px;
}
#marketing-resources-container .text a{
font-family: Lora;
font-size: 26px;
color: #4a4a4a;
font-weight: 100;
}
#marketing-resources-container .text a:hover{
text-decoration: none;
color: #909AAB;
}
#marketing-resources-container .cta {
text-transform: uppercase;
color: #175992;
font-size: 13px;
font-weight: 400;
padding-top: 16px;
padding-bottom: 36px;
}
/*==================================================
Support hub
==================================================*/
#support-hub-container {
background-color: #2A2F36;
padding-top: 72px;
padding-bottom: 36px;
color: #fff;
}
#support-hub-container .header {
color: rgba(236,240,246,1);
font-family: Lora;
font-size: 32px;
font-weight: 400;
font-size: 40px;
line-height: 39px;
font-weight: 200;
}
#support-hub-container .subheader {
font-family: Lato;
font-weight: 300;
font-size: 15px;
color: #ECF0F6;
letter-spacing: 0;
line-height: 25px;
margin-bottom: 50px;
}
#support-hub-container ul.topics {
list-style: none;
text-align: center;
padding-left: 10px;
}
#support-hub-container ul.topics li {
display: inline-block;
}
#support-hub-container ul.topics li a {
display: block;
border: 1px solid #fff;
border-radius: 25px;
padding: 12px 17px;
margin-right: 12px;
margin-bottom: 12px;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #ECF0F7;
}
#support-hub-container ul.topics li a:hover {
color: #2A2F36;
background-color: #fff;
}
#support-hub-container .footer {
}
#support-hub-container .footer a {
font-family: Lato;
font-weight: 500;
font-size: 14px;
display: inline-block;
color: #5BC45E;
letter-spacing: 0.75px;
line-height: 25px;
padding-top: 36px;
text-transform: uppercase;
text-decoration: none;
}
/*==================================================
Our team
==================================================*/
#team-container {
padding-top: 48px;
padding-bottom: 64px;
border-bottom: 1px solid #ECF0F6;
}
#team-container.integrations {
border-bottom: none!important;
margin-top: 70px;
}
#team-container .team-info,
#team-container .team-image {
}
#team-container .team-info .header {
font-family: Lora;
padding-bottom: 18px;
font-size: 32px;
line-height: 40px;
color: #2A2F36;
letter-spacing: 0.6px;
}
#team-container .team-info .body-text {
font-size: 16px;
line-height: 28px;
color: #2A2F36;
font-weight: 300;
padding-bottom: 24px;
letter-spacing: 0.6;
}
#team-container .team-info a {
font-size: 13px;
}
#team-container .team-image .img-wrapper {
max-width: 439px;
}
#team-container .cta {
font-family: Lato;
font-size: 14px;
letter-spacing: 0.75px;
line-height: 25px;
text-transform: uppercase;
font-weight: 500;
padding-top: 15px;
text-decoration: none;
}
/*==================================================
Getting Started
==================================================*/
#learn-getting-started-container {
padding-top: 42px;
padding-bottom: 72px;
}
#learn-getting-started-container .text-center{
padding-bottom: 80px;
}
#learn-getting-started-container .headline-text {
font-family: Lora;
font-size: 32px;
color: #2A2F36;
padding-bottom: 28px;
letter-spacing: 0.3px;
line-height: 39px;
padding-top: 64px;
}
#learn-getting-started-container .btn {
font-family: Lato;
font-size: 12px;
font-weight: 500;
padding: 15px 26px;
/*width: 35%;*/
background-color: #5BC45E;
border: 1px solid #5BC45E;
color: #fff;
}
/*==================================================
Getting Started
==================================================*/
#getting-started2-container {
padding-top: 64px;
padding-bottom: 64px;
border-top: 1px solid #ECF0F6;
}
#getting-started2-container .headline-text {
font-family: Lora;
font-size: 32px;
color: #2A2F36;
padding-bottom: 12px;
letter-spacing: 0.3px;
}
#getting-started2-container .btn {
font-family: Lato;
font-size: 12px;
font-weight: 500;
background-color: #5BC45E;
color: #fff;
padding: 15px 26px;
border-color:#5BC45E;
}
/*==================================================
Contact Form
==================================================*/
#contact-form-container form {
padding-top: 36px;
padding-bottom: 62px;
}
#contact-form-container form .row > div {
font-family: Lato;
padding-bottom: 24px;
}
#contact-form-container .header {
font-family: Lora;
font-size: 40px;
color: #2A2F36;
letter-spacing: 0;
text-align: center;
padding-top: 48px;
}
#contact-form-container .sub-header {
/* Please submit your i: */
font-family: Lato;
font-weight: 300;
font-size: 20px;
color: #4A4A4A;
letter-spacing: 0;
padding-left: 20%;
padding-right: 20%;
text-align: center;
}
#contact-form-container .material .material-input label {
font-family: Lato;
font-size: 24px;
font-weight: 300;
line-height: 46px;
padding-bottom: 10px;
color: #9099A9;
}
#contact-form-container .material .material-input label:hover {
color: #2A2E36;
font-weight: 300;
}
#contact-form-container .material .material-input :focus ~ label,
#contact-form-container .material .material-input .filled ~ label,
#contact-form-container .material .error:focus ~ label {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
top: -16px;
color: #73458C;
}
#contact-form-container .material .material-input :focus ~ label {
color: #73458C;
}
#contact-form-container .material .material-input .filled ~ label {
color: #000;
}
#contact-form-container .material .material-input .filled.error ~ label,
#contact-form-container .material .error:focus ~ label {
color: red;
}
#contact-form-container .material .material-input :active ~ label {
color: #73458C;
}
#contact-form-container .material .material-input input,
#contact-form-container .material .material-input input .filled {
font-family: Lato;
font-size: 24px;
font-weight: 300;
line-height: 46px;
height: auto;
color: #000;
}
#contact-form-container .material .material-input input.filled,
#contact-form-container .material .material-input textarea.filled,
#contact-form-container .material .material-select.filled > label
{
border-bottom: 1px solid #000;
}
#contact-form-container .material .material-select > input:checked ~ ul {
top: 66px;
}
#contact-form-container .material .material-input textarea {
height: auto;
padding: 7px 7px 16px 0px;
font-size: 24px;
}
#contact-form-container .material .material-select {
padding-bottom: 6px;
}
#contact-form-container .material .material-select > label {
font-family: Lato;
font-size: 24px;
font-weight: 300;
color: #2A2F36;
padding-bottom: 46px;
border-bottom: 1px dotted lightgray;
overflow: hidden;
}
#contact-form-container .material .material-select > label > span {
color: #9099A9;
max-width: 100%;
display: inline-block;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#contact-form-container .material .material-input.textarea > label {
max-width: 100%;
display: inline-block;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#contact-form-container .material .material-select.filled:not(.active) > .material-title {
/*border: 1px solid red;*/
color: #000;
font-weight: 500;
text-transform: uppercase;
font-size: 10px;
top: -5px;
}
#contact-form-container .material .material-input.textarea.filled > label {
color: #000;
}
#contact-form-container .material .material-select.filled:not(.active) > label > span {
color: #000;
}
#contact-form-container .material .material-select.active > .material-title,
#contact-form-container .material .material-select.active > label > span {
color: #73458C;
}
#contact-form-container .material .material-select ul {
list-style-type: none;
padding: 0px;
}
#contact-form-container .material .material-select ul li label {
padding: 10px 10px 10px 15px;
font-size: 20px;
font-weight: 200;
margin: 5px 15px;
}
#contact-form-container .material .material-select ul li label:hover {
background-color: #ECF0F6;
}
#contact-form-container .pt-title p {
margin-top: 36px;
font-family: Lato;
font-size: 20px;
color: #909AA8;
font-weight: 300;
padding: 0px;
padding-bottom: 10px;
border-bottom: 2px solid #909AA8;
}
.material .material-select{
z-index: auto;
}
#contact-form-container .material .material-group label {
font-family: Lato;
font-weight: 300;
font-size: 20px;
text-transform: none;
line-height: 30px;
padding-left: 40px;
color: #9099A9;
}
.material .material-group label{
z-index: auto;
}
#contact-form-container .pt-action .material-checkbox {
border: 1px solid #5BC45E;
font-family: Lato;
font-weight: 300;
font-size: 30px;
text-transform: none;
width: 24px;
height: 24px;
top: 12px;
}
#contact-form-container .pt-action {
margin-top: 29px;
}
#contact-form-container .material .material-checkbox:before {
font-size: 17px;
padding-top: 6px;
color: #5BC45E;
background: #fff;
}
#contact-form-container .cta {
margin-top: 27px;
margin-bottom: 55px;
}
#contact-form-container .g-recaptcha {
margin-left: -15px;
margin-top: 44px;
}
#contact-form-container .cta img {
display: inline-block;
padding-right: 12px;
}
#contact-form-container .cta-wrapper.right {
text-align: right;
}
#contact-form-container .cta button {
font-family: Lato;
font-weight: 500;
font-size: 12px;
color: #2A2F36;
letter-spacing: 0;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
}
#contact-form-container .cta button:focus {
border: none;
outline: none;
}
#contact-form-container .cta a.btn {
font-family: Lato;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
background-color: #72488B;
color: #fff;
border: 1px solid ##72488B;
padding: 15px 26px;
width: 200px;
}
/*==================================================
Support chat
==================================================*/
#customer-chat-container {
padding-top: 72px;
padding-bottom: 48px;
border-top: 1px solid #ECF0F6;
}
#customer-chat-container .header {
font-family: Lora;
font-weight: 200;
font-size: 32px;
color: #2A2F36;
letter-spacing: 0;
line-height: 39px;
padding-top: 36px;
}
#customer-chat-container .text {
font-family: Lato;
font-weight: 300;
font-size: 20px;
color: #4A4A4A;
letter-spacing: 0;
line-height: 24px;
}
#customer-chat-container .cta {
/* Open Chat: */
font-family: Lato;
font-size: 12px;
font-weight: 500;
color: #5BC45E;
letter-spacing: 0;
line-height: 15px;
text-transform: uppercase;
padding-top: 24px;
}
#customer-chat-container .cta a {
text-decoration: none;
color: #5BC45E;
}
/*==================================================
Contact Form Map
==================================================*/
#about-map-container,
#contact-map-container {
text-align: center;
}
#about-map-container .img-wrapper,
#contact-map-container .img-wrapper {
background-image:url(https://cdn.refersion.com/site/v3/images/map-lg-1.png);
background-repeat: no-repeat;
background-position: center center;
height: 500px;
}
#about-map-container img,
#contact-map-container img {
width: 100%;
}
/*==================================================
About us - Intro
==================================================*/
#about-us-intro {
background-color: #2A2F36;
padding-top: 66px;
padding-bottom: 66px;
}
#about-us-intro .header {
font-family: Lora;
font-weight: 400;
font-size: 40px;
color: #ECF0F6;
letter-spacing: 0;
line-height: 49px;
}
#imageset-1 {
}
#imageset-1 .img-wrapper {
text-align: center;
height: 400px;
/*background-image:url(https://cdn.refersion.com/site/v3/images/headshots/Founders.png);*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
}
#imageset-2 .img-wrapper {
text-align: center;
height: 419px;
background-image:url(https://cdn.refersion.com/site/v3/images/imageset-2-bg.png);
background-repeat: no-repeat;
background-position: center center;
}
/*==================================================
About us - Our Story
==================================================*/
#our-story {
padding-top: 58px;
padding-bottom: 62px;
border-bottom: 1px solid #ECF0F6;
}
#our-story .body > img {
}
#our-story .body .title {
font-family: Lora;
font-weight: 400;
font-size: 32px;
color: #2A2F36;
letter-spacing: 0;
line-height: 39px;
margin-top: 20px;
}
#our-story .body .text {
font-family: Lato;
font-weight: 300;
font-size: 20px;
color: #2A2F36;
letter-spacing: 0;
line-height: 30px;
margin-top: 10px;
padding-bottom: 20px;
}
/*==================================================
About us - Stats
==================================================*/
#stats {
padding-top: 95px;
padding-bottom: 95px;
position: relative;
}
#stats p {
Font-family: Lora;
font-weight: 100;
font-size: 27px;
color: #909AA8;
letter-spacing: 0;
line-height: 86px;
}
#stats p.fg {
z-index: 10;
border: 1px solid red;
}
#stats p.bg {
z-index: 5;
border: 1px solid blue;
}
#stats .left-col img{
margin-top: 30px;
width: 80%;
display: block;
}
#stats .right-col img {
width: 100%;
display: block;
}
/*==================================================
About us - Section 1
==================================================*/
#section-1 {
padding-top: 98px;
padding-bottom: 102px;
border-bottom: 1px solid #ECF0F6;
}
#section-1 p {
font-family: Lora;
font-style: italic;
font-size: 32px;
color: #5BC45E;
letter-spacing: 0.2px;
line-height: 44px;
}
/*==================================================
About us - Leadership team
==================================================*/
#leadership-team {
padding-top: 72px;
padding-bottom: 52px;
}
#leadership-team .header {
font-family: Lora-Regular;
font-size: 32px;
color: #2A2F36;
letter-spacing: 0;
line-height: 39px;
margin-bottom: 52px;
}
#leadership-team .img-wrapper {
width: 100%;
text-align: center;
}
#leadership-team img {
display: block;
margin: 0 auto;
width: 238px;
height: 236px;
}
#leadership-team .position {
font-family: Lato;
font-weight: 500;
font-size: 10px;
color: #909AA8;
letter-spacing: 0.62px;
line-height: 25px;
text-transform: uppercase;
margin: 0px;
}
#leadership-team .name a{
font-family: Lora;
font-size: 28px;
color: #5BC45E;
letter-spacing: 0.26px;
line-height: 34px;
margin-bottom: 37px;
text-decoration: none;
}
#leadership-team .cta {
font-family: Lato;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
background-color: #5BC45E;
color: #fff;
border: 1px solid #5BC45E;
padding: 15px 26px;
margin-top: 30px;
margin-bottom: 55px;
width: 200px;
}
/*==================================================
About us - Section 2
==================================================*/
#section-2 {
padding-top: 70px;
padding-bottom: 50px;
}
#section-2 .header {
font-family: Lora-Regular;
font-size: 32px;
color: #2A2F36;
letter-spacing: 0;
line-height: 39px;
margin-bottom: 100px;
}
#section-2 .img-wrapper {
margin-bottom: 30px;
text-align: center;
}
#section-2 img {
max-width: 150px;
width: 100%;
display: inline-block;
}
#section-2 .eq img{
margin-top: -20px;
}
#section-2 .tk img{
/*margin-top:5%*/
}
/*==================================================
Checkbox and radio buttons -- http://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs
==================================================*/
.checkbox label:after,
.radio label:after {
content: '';
display: table;
clear: both;
}
.checkbox .cr,
.radio .cr {
position: relative;
display: inline-block;
border: 1px solid #a9a9a9;
border-radius: 6px;
width: 24px;
height: 24px;
margin-right: 12px;
}
.radio .cr {
border-radius: 50%;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
position: absolute;
font-size: 15px;
line-height: 0;
top: 50%;
left: 10%;
color: #5BC45E;
}
.radio .cr .cr-icon {
margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
transform: scale(3) rotateZ(-20deg);
opacity: 0;
transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
transform: scale(1) rotateZ(0deg);
opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
opacity: .5;
}
/*==================================================
Accordion
==================================================*/
/*==================================================
Footer
==================================================*/
#footer {
background-color: #2A2F36;
color: #ECF0F6;
padding-top: 46px;
padding-bottom: 64px;
font-size: 14px;
letter-spacing: 1.4px;
}
#footer .footer-links li {
font-family: Lato;
font-weight: 100;
font-size: 14px;
list-style: none;
padding-bottom: 16px;
}
#footer .footer-links li.heading {
font-weight: 500;
font-size: 10px;
letter-spacing: 1px;
line-height: 12px;
text-transform: uppercase;
color: #ECF0F6;
}
#footer img {
text-align: right;
width: 121px;
}
#footer .footer-links a{
color:inherit;
text-decoration: none;
}
/*==================================================
Popover content
==================================================*/
.popover {
max-width:350px;
}
.popover-content {
padding: 24px;
}
.popover-content .text {
color: #999;
font-size: 14px;
line-height: 30px;
font-weight: 200;
letter-spacing: 1px;
}
.popover-content .cta {
color: #5BC45E;
padding-top: 18px;
}
.popover-content .cta a {
color: #5BC45E;
padding-top: 18px;
text-decoration: none;
cursor: pointer;
}
/*==================================================
Round Buttons
==================================================*/
.btn-round-lg{
border-radius: 28.5px;
}
.btn-round{
border-radius: 17px;
}
.btn-round-sm{
border-radius: 15px;
}
.btn-round-xs{
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}
/*==================================================
Pagination dots
==================================================*/
.dot-nav ul {
list-style: none;
margin:0;
padding: 0;
display: inline-block;
}
.dot-nav li {
background-color: #bdc3c7;
border-radius: 15px 15px 15px 15px;
cursor: pointer;
padding: 5px;
height: 2px;
margin: 10px 10px 0px 0px;
width: 2px;
float: left;
}
.dot-nav li.active {
margin-top: 7px;
background-color: #bbb;
border:3px solid #bdc3c7;
}
/*==================================================
Helper classes
==================================================*/
.nav-fixed {
position: fixed;
top: 0;
}
.sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
}
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}
.padding-top {
padding-top: 16px;
}
.padding-right-lg {
padding-right: 64px;
}
.red-border {
border: 1px solid red;
}
.blue-border {
border: 1px solid blue;
}
.green-border {
border: 1px solid green;
}
.green {
color: #5bc45e;
}
.blue {
color: #175992;
}
.purple {
color: #72488B;
}
.white {
color: #fff;
}
.overlay {
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.65);
z-index:5;
width:100%;
height:100%;
display:none;
pointer-events:none;
}
/*==================================================
Media Queries
==================================================*/
/*less than or equal to 767px*/
@media only screen and (max-width : 767px) {
#nav-header-container > .container {
height: 60px;
}
#nav-header-container,
#navbar-left > ul,
#navbar-right > ul,
#nav-header-container.navbar-lg > .container-fluid,
#nav-header-container.navbar-sm > .container-fluid {
transition: none;
max-height: 51px;
padding-top: 0px!important;
}
#navbar-right a.button {
right: 10px;
top: -4px;
padding: 10px 20px;
line-height: 22px;
}
#pricing-table-container {
background-position: right 185px;
background-size: 140% auto;
}
#pricing-table-header {
margin-top: 40px;
margin-bottom: 120px;
}
#navbar-right {
margin-right: 4px;
float: right;
}
#nav-header button.offcanvas-toggle {
margin: 10px 8px 0px 26px;
}
#navbar-bottom ul.animated {
top: -70px;
right: 10px;
opacity: 1;
transform: scale(1.0) translate3d(0,0,0);
}
.outer-border {
border-radius: 10px;
margin-bottom: 16px;
background-color: #fff;
}
.plan-details-group>li {
font-size: 13px;
}
.outer-border.starter {
border: 1px solid #5BC45E;
padding: 5px;
}
.panel-pricing.starter {
border: none;
box-shadow: none;
}
.outer-border.professional {
width: auto;
margin-bottom: 16px;
}
.outer-border.professional {
border: 1px solid #175992;
padding: 5px;
}
.panel-pricing.professional {
border: none;
box-shadow: none;
}
.outer-border.enterprise {
border: 1px solid #72488B;
padding: 5px;
}
.panel-pricing.enterprise {
border: none;
box-shadow: none;
}
.panel-pricing {
height: auto;
}
.panel-pricing .body {
min-height: 60px;
}
#team-container .team-image {
text-align: center;
padding-top: 48px;
}
#team-container {
padding-top: 0px;
}
#getting-started2-container .btn {
font-size: 11px;
width: 50%;
}
#footer .footer-links {
padding-bottom: 36px;
}
#footer .footer-links li {
font-size: 12px;
font-weight: 300;
}
#footer img {
text-align: left;
margin-left: 35px;
}
#getting-started-container .steps {
text-align: center;
padding-bottom: 40px;
}
#getting-started-container .steps .text {
width: 80%;
margin: 0 auto;
}
#trial-container .img-wrapper {
text-align: center;
width: 100%;
}
#trial-container .img-wrapper img {
text-align: center;
}
#trial-container .event {
text-align: center;
}
#trial-container .event .title,
#trial-container .event .date {
width: 100%;
}
#plans-container .img-wrapper {
text-align: center;
display: inline-block;
width: 90%;
margin: 0 auto;
}
#plans-container div.plans.owl-carousel {
padding-bottom: 0px;
padding-top: 40px;
}
#plans-container .owl-carousel .item {
padding-right: 0px;
text-align: center;
}
#plans-container .owl-carousel .owl-dots {
text-align: center;
padding-bottom: 36px;
}
#other-features-container .img-wrapper {
float: none;
text-align: center;
bottom: -5px;
height: auto;
position: relative;
display: inherit;
}
#other-features-container img {
float: none;
padding: 6% 0% 0% 2.9%;
right: 5px;
width: 90%;
margin-top: 30px;
background-size: 103.1%;
}
#other-features-container .features-wrapper .header {
text-align: center;
width: 100%;
margin: 0px;
}
#other-features-container .mobile .features-wrapper .header {
text-align: center;
width: 90%;
margin: 0px auto;
}
#other-features-container .features-wrapper {
height: 200px;
}
#other-features-container .mobile .features-wrapper {
height: 250px;
}
#home-getting-started-container .img-wrapper {
text-align: center;
}
#home-getting-started-container img {
max-width: 428px;
display: inline-block;
}
#home-getting-started-container .steps .number {
text-align: center;
height: 30px;
width: 30px;
line-height: 30px;
border-radius: 15px;
margin-right: 15px;
font-size: 18px;
}
#home-getting-started-container .steps + .cta {
margin-left: 50px;
}
#home-getting-started-container .steps .text{
margin-left: 50px;
}
#section2-container .img-wrapper {
text-align: center;
margin-bottom: 30px;
}
#section2-container .webinar-content {
text-align: center;
}
#contact-form-container .sub-header {
padding-left: 10%;
padding-right: 10%;
}
#contact-form-container .cta-wrapper.left {
text-align: center;
padding-bottom: 50px;
}
#contact-form-container .cta-wrapper.right {
text-align: center;
}
#contact-form-container .cta-wrapper.right .btn {
text-align: center;
width: 90%;
}
#customer-chat-container .col {
padding-bottom: 53px;
}
#plans-container video,
#plans-container img.background {
width: 80%;
left: 20%;
}
#plans-container img.foreground {
top: 60%;
}
#marketing-resources-container .col {
min-height: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
#customer-chat-container .cta {
padding-bottom: 30px;
}
#learn-getting-started-container .btn {
font-weight: 400;
padding: 15px 30px;
}
#section3-container {
padding-top: 50px;
}
#section2-container .cta a {
font-weight: 500;
}
#plans-container div.plans.owl-carousel {
padding-bottom: 0px;
}
#plans-container .cta {
padding-bottom: 0px
}
#testimonials-container {
background-position: 50% 40%
}
#imageset-2 .img-wrapper {
background-image:url(https://cdn.refersion.com/site/v3/images/InOffice-Working.png);
background-size: contain;
}
.video-responsive iframe {
height: 100%;
min-height: 400px;
padding: 8% 0% 0% 0%;
}
#stats .left-col img{
margin-left: 10%;
}
#section-2 .eq img {
margin-top: -30px;
}
#integrations-certifications-container img {
width: 100%;
}
#integrations-partners-container .partner {
padding: 20px 10px;
}
#integrations-detail-container .review {
/*text-align: center;*/
}
#integrations-detail-container .review span {
display: block;
}
#integrations-detail-container .review .btn {
margin-top: 10px;
float: none;
}
#integrations-detail-container .review .stars {
margin-right: 0px;
}
#integrations-detail-features li span {
left: 10px;
}
#integrations-detail-screenshots .item p {
height: inherit;
width: 95%;
}
#integrations-detail-screenshots .item img {
height: inherit;
width: 100%;
}
}
/*greater than or equal to 1025 (iPad Pro) px*/
@media only screen and (max-width : 1025px) {
#navbar-right span.phone-number {
display: none;
}
#integrations-detail-description .row, #integrations-detail-features .row, #integrations-detail-container .row {
padding: 0 40px;
}
}
/*less than or equal to 767px*/
@media only screen and (max-width : 768px) {
#integrations-detail-description .row, #integrations-detail-features .row, #integrations-detail-container .row {
padding: 0 15px;
}
}
/*less than or equal to 414px*/
@media only screen and (max-width : 414px) {
#nav-header-container > .container-fluid {
margin: 0px;
}
#intro-container .cta {
padding-bottom: 0px;
}
#testimonials-container {
padding-top: 46px;
}
#home-getting-started-container img {
max-width: 96%;
}
#trial-container .event {
padding-top: 0px;
}
#trial-container .event .cta {
margin-bottom: 30px;
}
#trial-container .btn {
margin-bottom: 30px;
}
#learn-intro-container .header {
width: 90%;
}
#other-features-container .features-wrapper .header {
margin: 0px;
padding: 10px 15px;
width: 100%;
}
#other-features-container img {
max-width: 450px;
margin: 0px;
margin-top: 10px;
margin-right: 8px;
width: 90%;
}
#pricing-table-container {
background-image: url(https://cdn.refersion.com/site/v3/images/pricing-graph-sm.png);
background-position: left 180px;
background-size: 100% auto;
}
#pricing-table-header .secondary-text {
width: 90%;
}
.panel-pricing .body {
margin-bottom: 30px;
}
#getting-started2-container .btn {
width: 62%;
font-size: 9px;
}
.question-list dt:before {
margin-right: 10px;
border-radius: 100%;
padding-top: 5px;
font-size: 18px;
width: 30px;
height: 30px;
}
#stats {
padding-top: 53px;
padding-bottom: 53px;
}
#stats.left-col p {
margin-bottom: 53px;
}
#stats .left-col,
#stats .right-col {
background-size: 90%;
}
#section-2 .img-wrapper {
text-align: center;
}
#section-2 .img-wrapper img {
display: inline-block;
}
#plans-container video,
#plans-container img.background {
width: 90%;
left: 10%;
}
#plans-container img.foreground {
width: 90%;
}
.mobile .video-responsive iframe {
height: 100%;
min-height: 270px;
}
}
/*769px to 992px*/
@media only screen and (min-width : 768px) and (max-width : 992px) {
.navbar-default .navbar-nav>li>a.green {
margin-top: 19px;
}
#navbar-right a.button {
right: 10px;
padding: 10px 20px;
line-height: 22px;
}
#home-getting-started-container img {
max-width: 468px;
}
#home-getting-started-container .steps .text {
width: 80%;
}
#other-features-container img {
max-width: 635px;
width: auto;
position: relative;
right: -25%;
}
#trial-container .event {
padding: 0px;
}
#trial-container .event .intro,
#trial-container .event .title,
#trial-container .event .date {
margin: 0px;
}
#trial-container .event .intro {
margin-top: 10px;
}
#section2-container .head {
font-size: 10px;
}
#section2-container .text {
font-size: 16px;
}
#section3-container .text {
font-size: 15px;
line-height: 26px;
}
#section3-container .cta {
font-size: 12px;
}
#support-hub-container .footer {
padding-bottom: 32px;
}
#pricing-table-container {
background-position: left 160px;
background-size: 105% auto;
}
.panel-pricing .body {
min-height: 130px;
}
.panel-pricing .btn {
font-size: 12px;
}
#getting-started-container .steps {
text-align: center;
padding-bottom: 40px;
}
#getting-started-container .steps .text {
width: 80%;
margin: 0 auto;
}
#other-features-container .features-wrapper li>span {
margin-left: 10px;
margin-right: 10px;
}
#other-features-container img{
bottom: 0px;
padding: 45px 0px 0px 19px;
}
#other-features-container .features-wrapper li {
padding-bottom: 20px;
font-size: 14px;
}
#other-features-container .features-wrapper ol {
padding-top: 20px;
}
#other-features-container .features-wrapper .header {
font-size: 32px;
letter-spacing: 0.43px;
padding-top: 28px;
padding-right: 30px;
padding-top: 42px;
margin-left: 32px;
width: 90%;
}
#other-features-container .img-wrapper {
float: right;
padding-top: 40px;
}
#vid-container-1 {
padding: 20px 0px;
}
#other-features-container iframe {
right: -15%;
left: 50px;
}
#integrations-detail-screenshots .item img {
width: 720px;
display: block;
}
#integrations-detail-container .review a {
float: left;
}
#integrations-detail-container .review span {
display: block;
}
}
/*greater than or equal to 992px*/
@media only screen and (min-width : 992px) {
.navbar-default .navbar-nav>li>a.green {
margin-top: 20px;
}
#other-features-container .img-wrapper {
float: right;
padding-top: 40px;
}
#vid-container-1 {
padding: 20px 0px;
}
#other-features-container iframe {
right: 0px;
}
#other-features-container img {
width: auto;
position: relative;
}
}
/*greater than or equal to 1200px*/
@media only screen and (min-width : 1200px) {
.navbar-default .navbar-nav>li>a.green {
margin-top: 19px;
}
#trial-container .img-wrapper {
max-width: 520px;
}
#pricing-table-container {
background-position: left 150px;
background-size: 100% auto;
}
#pricing-table-header {
margin-bottom: 180px;
}
#other-features-container img {
width: auto;
}
#other-features-container iframe {
right: 0px;
}
}
#contact-form-container form ul li label {
color: #000;
font-weight: 300 !important;
}
@media only screen and (max-width:1136px) {
#rfsn-phone {
display: none !important;
}
}
.corner-stripe {
width: 175px;
height: 23px;
top: 15px;
right: -60px;
background: #5BC45E;
color: #FFF;
position: absolute;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
font-weight: 500;
font-size: 12px;
}