/*  Created by Dexem exclusively for www.dexem.com
    Copyright 2000 - 2023. All rights reserved - Reach us at twitter.com/dexem */

/* Foundations
================================================== */

/* Resources */
@charset "utf-8";

/* Elements */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, cite, code, em, img, small, strong, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, time, nav, section {display: block; }

/* Body */
html, body {height: auto;min-height: 100%;}
body {font-family: 'Lato', Arial, sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#444648;background:#FFFFFF;overflow-x:hidden;}

/* Background */
.bg-white {background:#FFFFFF}
.bg-grey {background:#F4F6FF!important;}
.bg-ai {background: url(../../images/effects/background-ai.svg) no-repeat scroll top left #E6E4FC; background-size:100%;}
.bg-ai {background: url(../../images/effects/background-ai.jpg) no-repeat scroll top left #E6E4FC;}
@media only screen and (max-width: 767px) {
  .bg-ai {
background:#E6E4FC!important;
  }
}
.bg-grad-grey {background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, #F4F6FF 50%, #F4F6FF 100%);}
.bg-orange {background:#FAC171;}
.bg-red {background:#EB5F6F;}
.bg-grad {background-image: linear-gradient(to bottom right, #EB5F6F, #FAC171);}
.bg-blue {background:#3BBEEF;}
.bg-green {background:#A0CC8A;}
.bg-grad-gb {background-image: linear-gradient(to right, #A0CC8A, #3BBEEF);}
.bg-black {background:#34363F;}
.bg-form {background-image: url(../../images/forms/background.png);background-repeat: no-repeat;background-position:center 140px;background-color:#F4F6FF;}
.bg-what-is-call-tracking {background: url(../../images/products/call-tracking/definition/graph.png) no-repeat scroll center #FFFFFF;}
.bg-rad {border-radius:16px!important;}


/* Typography */
p {margin: 0 0 28px 0;font-family: 'Lato', Arial, sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#646668;}
h1, h2, h3, h4, h5, h6 {font-family:'itc-avant-garde-gothic-pro', 'Lato', Arial, sans-serif;font-weight:500;color:#24262F;text-rendering: optimizeLegibility;margin:0 0 28px;}
h1 {font-size:54px;line-height:72px;font-weight:700;}
h2 {font-size:34px;line-height:42px;font-weight:700;}
h3 {font-size:24px;line-height:30px;}
h4 {font-size:20px;line-height:28px;}
h5 {font-size:16px;line-height:28px;}
h6 {font-size:14px;line-height:20px;}
strong {font-weight: bold;}
em {font-style: italic;}
sup {line-height: 0;}
ul {list-style: none;}
::selection{background-color: #FAC171;color: white;}
.fs-20 {font-size:20px;line-height:24px;font-weight:bold;}
.fs-14 {font-size:14px;line-height:20px;}
.fs-12 {font-size:12px;line-height:16px;}
p.xxlarge {font-size:24px;line-height:32px;font-weight:300;}
p.xlarge {font-size:20px;font-weight:300;}
p.small {font-size:15px;line-height:22px;}
p.xsmall {font-size:14px;line-height:20px;}
h1.xlarge {font-size:60px;line-height:92px;}
h1.medium {font-size:42px;line-height:52px;}
h1.small {font-size:28px;line-height:28px;}
h1.xsmall {font-size:20px;line-height:24px;}
h2.xlarge {font-size:46px!important;line-height:60px!important;}
h2.large {font-size:36px!important;line-height:48px!important;}
h2.spacing {font-size:34px!important;line-height:50px!important;}
h2.medium {font-size:28px!important;line-height:36px!important;}
h2.small {font-size:20px!important;line-height:28px!important;}
h3.xlarge {font-size:32px!important;line-height:40px!important;}
h3.large {font-size:28px!important;line-height:36px!important;}
h3.medium {font-size:20px!important;line-height:28px!important;}
h3.small {font-size:16px!important;line-height:24px!important;}
h1.light {font-weight:300;}
h1.regular {font-weight:500;}
h1.bold {font-weight:700;}
h2.light {font-weight:300;}
h2.regular {font-weight:500;}
h2.bold {font-weight:700;}
h3.light {font-weight:300;}
h3.regular {font-weight:500;}
h3.bold {font-weight:700;}

.text-black {color:#04060F;}
.text-normal {color:#646668;}
.text-grey {color:#949698;}
.text-green {color:#00b368;}
.text-white {color:#FFFFFF;}
.text-orange {color:#FF6700;}
.text-red {color:#EB5F6F;}
.text-blue {color:#3BBEEF;}
.text-gold {color:#FAC171;}
.text-ia {color:#7179F5}
.text-grad {background:linear-gradient(to bottom right, #EB5F6F, #FAC171);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-grad-gb {background:linear-gradient(to bottom right, #A0CC8A, #3BBEEF);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-grad-ia {background:linear-gradient(to bottom right, #7179F5, #8493FA);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-white p, .text-white a, .text-white h1, .text-white h2, .text-white h3 {color:#FFFFFF!important;}
.text-white a:hover {font-weight:bold;}
.text-hide {display:none;}

.underline {border-bottom:4px solid #ec5f6f;}
.underline.white {border-color:#ffffff;}

/* Links */
a {color:#FF6700;text-decoration:none;outline:none;box-shadow:none;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
a:hover {color:#E74B1D;outline: none;box-shadow:none;}
a:active{outline:none;box-shadow:none;}
a:focus {outline:none;box-shadow:none;}
a.text-green:hover {color:#008B50;}
a.text-blue:hover {color:#0E7EAA}
a.text-ia:hover {color:#4B56FF}
.btn {font-size:18px;padding:8px 16px;margin:0 5px;border-radius:4px;color:#444648;}
.btn:hover {color:#040608;}
.btn:active {outline:none;box-shadow:none;}
.btn:focus {outline:none;box-shadow:none;}
.btn.btn-rad {border-radius:14px;}
.btn.btn-orange {color:#FFFFFF;border:2px solid #FF8D40;background:#FF8D40;}
.btn.btn-orange:hover {color:#FFFFFF;background:#FF6700;border:2px solid #FF6700;}
.btn.btn-green {color:#FFFFFF;border:2px solid#00b368;background:#00b368;}
.btn.btn-green:hover {color:#FFFFFF;background:#008b50;border-color:#008b50;}
.btn.btn-outline-green { color:#008b50;border-color:#008b50 }
.btn.btn-outline-green:hover { color:#fff;background-color:#008b50 ;border-color:#008b50 }
.btn.btn-light {color:#848688;border:2px solid #E4E6EF;background:transparent;}
.btn.btn-light:hover {color:#343638;background:#E4E6EF;border-color:#E4E6EF;}
.btn.btn-grad {background-image: linear-gradient(to bottom right, #EB5F6F, #FAC171);color:#ec5f6f;padding: 2px;border:none;}
.btn.btn-grad span {background: #FFFFFF;color:#ec5f6f;display: inline-block;border-radius: 2px;padding:8px 16px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.btn.btn-grad:hover	span {background: linear-gradient(to bottom right, #EB5F6F, #FAC171);color:#FFFFFF;}
.btn.btn-grad-x {background-image: linear-gradient(to right, #EB5F6F, #FAC171);color:#fff;border: none}
.btn.btn-grad-x:hover {background-image: linear-gradient(to left, #EB5F6F, #FAC171) }
.btn.btn-rad.btn-grad span {border-radius:12px;}
.btn.btn-ice {border:2px solid #CFE7FF;background:#CFE7FF;}
.btn.btn-ice:hover {background:#85C2FF;border-color:#85C2FF;}
.btn.btn-white {border:2px solid #FFFFFF;background:transparent;color:#FFFFFF;}
.btn.btn-white:hover {background:#FFFFFF;color:#ec5f6f;}
.btn.btn-transparent {border:1px solid #D4D6DF;background:transparent;color:#343638;}
.btn.btn-transparent:hover {border:1px solid #A4A6AF;background:transparent;color:#040608;}
.btn.btn-ia {background-image: linear-gradient(to bottom right, #7179F5, #8493FA);color:#7179F5;padding: 2px;border:none;}
.btn.btn-ia span {background:linear-gradient(to bottom right, #7179F5, #8493FA);color:#FFFFFF;display: inline-block;border-radius: 2px;padding:8px 16px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.btn.btn-ia {background-image: linear-gradient(to bottom right, #7179F5, #8493FA);color:#7179F5;padding: 2px;border:none;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.btn.btn-ia span {background:linear-gradient(to bottom right, #7179F5, #8493FA);color:#FFFFFF;display: inline-block;border-radius: 12px;padding:8px 16px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.btn.btn-ia:hover {background: linear-gradient(to bottom right, #4B56FF, #586EFF);color:#4B56FF;}
.btn.btn-ia:hover span {background: linear-gradient(to bottom right, #4B56FF, #586EFF);color:#FFFFFF;}

/* Pills */
.nav-pills .nav-link.bg-white {background:transparent!important;}
.nav-pills .nav-link.bg-white.active {background:#FFFFFF!important;color:#444648;}
.nav-pills .nav-link.bg-grey {background:transparent;}
.nav-pills .nav-link.bg-grey.active {background:#F4F6FF;color:#444648;}
.nav-pills .nav-link.bg-grad {background:transparent;}
.nav-pills .nav-link.bg-grad.active {background-image: linear-gradient(to bottom right, #EB5F6F, #FAC171);color:#FFFFFF;}
.nav-pills .nav-link.bg-grad-gb {background:transparent;}
.nav-pills .nav-link.bg-grad-gb.active {background-image: linear-gradient(to right, #A0CC8A, #3BBEEF);color:#FFFFFF;}

/* cookies */
.axeptio_mount button svg {opacity:0;}
.axeptio_widget {bottom:-60px;}
@media only screen and (max-width: 420px) {.axeptio_widget {bottom:0px;}}

/* Honey pot */
.dxmhp {opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1;}

/* scrollbars */
* {scrollbar-width: thin;scrollbar-color: #CFE7FF #F4F6FF;}
*::-webkit-scrollbar {width: 12px;}
*::-webkit-scrollbar-track {background: #F4F6FF;}
*::-webkit-scrollbar-thumb {background-color: #CFE7FF;border-radius: 20px;border: 3px solid #F4F6FF;}

/*  Layout
================================================== */

/* content */
.content {width: 1140px;height:auto;margin:0 auto;padding:30px 0;position:relative;overflow:hidden;}
.content.is-visible {overflow:visible;}
.content.is-transparent {opacity:0.4;}
@media only screen and (max-width: 1024px) {.content {width:92%;}}
/* header */
header {width:100%;z-index:99999;height:74px;}
header .content {overflow:visible;}
header .content.is-transparent {opacity:1;}
header nav.navbar {height:74px;box-shadow: 0 6px 16px -10px rgba(0,20,75,0.2);}
header nav.navbar .navbar-brand .dexem {height:36px;}
header nav.navbar.no-shadow {box-shadow:none;z-index:9999;}
header nav.navbar .dropdown-toggle::after {display:none;}
header nav.navbar ul li a {color:#646668!important;}
header nav.navbar ul li a:hover {color:#FF6700!important;}
header nav.navbar ul li a:focus {color:#FF6700!important;}
header nav.navbar ul li a.text-blue {color:#3BBEEF!important;}
header nav.navbar ul li a.text-blue:hover {color:#0E7EAA!important;}
header nav.navbar ul li a.text-blue:focus {color:#0E7EAA!important;}
header nav.navbar ul li a .bi-chevron-down {-moz-transition: transform .3s;-webkit-transition: transform .3s;transition: transform .3s;display:inline-block;}
header nav.navbar ul li a .chevron-rotate {transform: rotate(-180deg);}
header nav.navbar ul li ul.dropdown-menu {width: 100vw;position: fixed!important;top:74px;left: 50%;margin:0 0 0 -50vw;padding: 0 15px;box-shadow: 0 6px 16px -10px rgba(0,20,75,0.2);color:#848688;border:none;border-top:1px solid #E4E6E8;z-index:9999;}
header nav.navbar ul li ul.dropdown-menu li.with-shadow {-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
header nav.navbar ul li ul.dropdown-menu li.with-shadow:hover {box-shadow: 0 6px 16px -10px rgba(0,20,75,0.4);}
header nav.navbar ul li ul.dropdown-menu li.with-shadow a {color:#646668!important}
header nav.navbar ul li ul.dropdown-menu li.with-shadow:hover a {color:#343638!important}
header nav.navbar ul li ul.dropdown-menu li.with-shadow a:hover {color:#343638!important}
header nav.navbar ul li ul.dropdown-menu li img {width:100px;margin:5px auto;}
header nav.navbar ul li ul.dropdown-menu li img.logo-integration {width:32px;margin:0;}
header nav.navbar ul li ul.dropdown-menu li img.logo-produit {width:36px;margin:0;}
header nav.navbar ul li ul.dropdown-menu li img.logo-produit-big {width:46px;margin:0;}
header nav.navbar ul li ul.dropdown-menu li .product{color:#242628;font-size:24px;margin:15px 0 5px;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
header nav.navbar ul li ul.dropdown-menu li:hover .product {color:#FF6700;}
header nav.navbar ul li ul.dropdown-menu li .baseline {font-size:16px;line-height:24px;color:#949698;max-width:250px;margin:5px auto;white-space:normal;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
header nav.navbar ul li ul.dropdown-menu li:hover .baseline {color:#343638;}
header nav.navbar .btn.btn-grad {font-size:16px;}
header nav.navbar .btn.btn-grad span {padding:6px 12px;}
header nav.navbar .btn.btn-green {font-size:16px;color:#FFFFFF!important;padding:6px 12px;}
header nav.navbar.bg-grey .btn.btn-grad span {background: #F4F6FF;}
header nav.navbar.bg-grey .btn.btn-grad:hover span {background: linear-gradient(to bottom right, #EB5F6F, #FAC171);}
header .navbar-toggler.dexem-toggler {border-color:transparent;color:#444648;font-size:30px;}
header .navbar-toggler.dexem-toggler:hover {border-color:transparent;box-shadow:none;color:#040608;}
header .navbar-toggler.dexem-toggler:focus {border-color:transparent;box-shadow:none;color:#040608;}
header .desktop-nav {display:contents;}
header .mobile-nav {display:none;}
header .mobile-nav ul li.nav-item {border-bottom:1px solid #D4D6D8;}
header .mobile-nav ul li.nav-item:first-child {border-bottom:none;}
header .mobile-nav ul li.nav-item:last-child {border-bottom:none;}
header .mobile-nav ul li.nav-item a.nav-link {font-size:20px;color:#040608;padding:0 0 15px;}
@media only screen and (max-width: 1024px) {
	header .navbar-collapse {margin:10px -.75rem 0;border-top:1px solid #D4D6D8;border-bottom:1px solid #D4D6D8;}
	header .navbar-collapse ul {margin:10px 0;}
	header .navbar-collapse ul li {margin:10px 10px;}
	header .navbar-collapse ul li a.btn {width:100%;margin:0;}
	header .navbar-collapse ul li a.btn-green {padding:8px!important;font-size:20px!important;}
	header .navbar-collapse ul li a.btn span {width:100%;padding:8px!important;font-size:20px;}
	header .desktop-nav {display:none;}
	header .mobile-nav {display:contents;}
}
/* Menus */
section.navigation {border-top: 1px solid #E4E6EF;box-shadow: 0 6px 16px -10px rgba(0,20,75,0.2);z-index:999;}
section.navigation a.nav-link {font-weight:400;color:#34363F;}
section.navigation a.nav-link:hover {color:#FF6700;}
section.navigation a.nav-link.active {font-weight:bold;color:#FF6700;}
section.navigation li:first-child a.nav-link {font-weight:bold;font-size:18px;color:#04060F;}
section.navigation li:first-child a.nav-link:hover {color:#04060F;}
section.navigation .navbar-toggler.dexem-toggler {border-color:transparent;color:#444648;font-size:30px;}
section.navigation .navbar-toggler.dexem-toggler:hover {border-color:transparent;box-shadow:none;color:#040608;font-weight:bold;}
section.navigation .navbar-toggler.dexem-toggler:focus {border-color:transparent;box-shadow:none;color:#040608;font-weight:bold;}
@media only screen and (max-width: 1024px) {
	section.navigation .navbar-collapse {margin:10px -.75rem 0;border-top:1px solid #D4D6D8;border-bottom:1px solid #D4D6D8;}
	section.navigation .navbar-collapse ul {margin:10px 0;}
	section.navigation .navbar-collapse ul li {margin:10px 10px;}
	section.navigation .navbar-collapse ul li a.btn {width:100%;margin:0;}
	section.navigation .navbar-collapse ul li a.btn-green {padding:8px!important;font-size:20px!important;}
}
/* Waves */
svg.wave.full-flip {transform:scale(-1);margin-top:-1px;}
svg.wave.vert-flip {transform:scaleY(-1);}
svg.wave.hori-flip {transform:scaleX(-1);}
svg.wave.abs {position:absolute;bottom:0;left:0;z-index:99;}
@media only screen and (max-width: 1024px) {
	svg.wave.full-flip {margin-top:-8px;}
	svg.wave.vert-flip {margin-top:-8px;}
	svg.wave.hori-flip {margin-top:-8px;}
	svg.wave.only-desktop {display:none!important;}
}
/* Footer */
footer {font-weight:400;}
footer a {color:#646668;}
footer a:hover {color:#E74B1D;}
footer .footer-links ul li:first-child {font-weight:700;}
footer .footer-links ul li a {font-weight:300;}
footer .footer-links ul li.company img {width:130px!important;}
footer .footer-links ul li.baseline {font-weight:400;font-size:18px;line-height:24px;}
footer .footer-links .social {padding-top:6px;}
footer .footer-links .social a {font-size:18px;border:2px solid #D4D6D8;color:#B4B6B8;border-radius:50%;padding:6px 8px;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
footer .footer-links .social a:hover {color:#FFFFFF;}
footer .footer-links .social.fb a:hover {background-color:#3B5998;border-color:#3B5998;}
footer .footer-links .social.yt a:hover {background-color:#FF0000;border-color:#FF0000;}
footer .footer-links .social.tw a:hover {background-color:#00ACED;border-color:#00ACED;}
footer .footer-links .social.li a:hover {background-color:#007BB6;border-color:#007BB6;}
footer .footer-details {font-size:13px;color:#848688;}
footer .footer-details a {color:#848688;}
footer .footer-details a:hover {color:#E74B1D;}
footer .footer-details .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {border-radius:4px;}
footer .footer-details .btn {font-size:16px;}

/*  Sections
================================================== */

/* Hooks */
section.hook {height:auto;position:relative;text-align:left;}
section.hook .btn {margin:12px 5px 0 0;font-weight:400;}
section.hook .btn.btn-grad span {background: #F4F6FF;}
section.hook .btn.btn-grad:hover span {background: linear-gradient(to bottom right, #EB5F6F, #FAC171);}
section.hook .title {}
section.hook .title h1 {float:left;margin:5px 0 0;padding:0;text-transform:none;font-size:32px;line-height:32px;color:#141618;font-weight:500;}
section.hook .title img {float:left;margin:0 12px 0 0;}
section.hook .title img.icon {width:42px;}
section.hook .baseline {}
section.hook .baseline h2 {text-align:left;font-size:56px;line-height:58px;font-weight:700;color:#34263F;}
section.hook .details {font-weight:300;}
section.hook p {font-size:24px;line-height:30px;font-weight:300;color:#848688;}
section.hook .breadcrumb {font-size:13px;color:#A4A6AF;text-transform: uppercase;display:inline-block;}
section.hook .breadcrumb a {color:#A4A6AF;}
section.hook .breadcrumb a:hover {color:#04060F;}
section.hook .breadcrumb i {margin:auto 5px;}
section.hook .illustration{}
@media only screen and (max-width: 1024px) {
	section.hook .only-desktop {display:none;}
}
section.hook.small {height:260px;}
section.hook.large {height:680px;}
section.hook.xlarge {height:760px;}
section.hook.xxlarge {height:900px;}
section.hook.animated {height:760px;position:relative;text-align:left;overflow:hidden;}
section.hook.animated .title {position:absolute;left:calc(50% - 570px);top:70px;width:500px;animation:hookTitle 1.2s ease forwards;}
section.hook.animated .baseline {position:absolute;left:calc(50% - 570px);width:500px;top:150px;animation:hookBaseline 1.2s ease forwards;}
section.hook.animated .details {position:absolute;left:calc(50% - 570px);top:360px;width:500px;height:320px;animation:hookDetails 1.2s ease forwards;}
section.hook.animated .illustration {position:absolute;left:calc(50% + 30px);top:30px;width:540px;height:620px;animation:hookIllustration 1.2s ease forwards;}
section.hook.animated .illustration.product-overview {height:728px;width:1200px;}
@media only screen and (max-width: 1024px) {
	section.hook.animated  {text-align:center;}
	section.hook.animated .title {left:10%;top:60px;width:calc(80%);animation-name:none;}
	section.hook.animated .baseline {left:5%;width:calc(90%);top:170px;animation-name:none;}
	section.hook.animated .baseline h1 {font-size:44px!important;line-height:50px!important;}
	section.hook.animated .baseline h2 {text-align:center;font-size:48px;line-height:52px;}
	section.hook.animated .details {left:10%;top:370px;width:calc(80%);animation-name:none;}
	section.hook.animated .illustration {display:none;}
}
#productVideoModal .modal-dialog {margin-top:120px;}
#productVideoModal .product-video-close {position:absolute;right:-40px;top:0;z-index:999;font-size:3rem;font-weight: normal;color:#B4B6B8;opacity:1;background:none;border:none;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
#productVideoModal .product-video-close:hover {color:#FFFFFF;}
#problemVideoModal .modal-dialog {margin-top:120px;}
#problemVideoModal .product-video-close {position:absolute;right:-40px;top:0;z-index:999;font-size:3rem;font-weight: normal;color:#B4B6B8;opacity:1;background:none;border:none;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
#problemVideoModal .product-video-close:hover {color:#FFFFFF;}
section.hook.hp {height:680px;}
section.hook.hp .title {top:100px;}
section.hook.hp .baseline {width:540px;}
section.hook.hp .baseline h1 {font-size:54px;line-height:56px;}
section.hook.hp .details {width:520px;}
section.hook.hp .illustration {animation:none;top:70px;width:820px;height:540px;}
section.hook.hp .illustration .box {position:absolute;background:#FFFFFF;border-radius:6px;box-shadow:0 0 4px rgba(0,0,0,0.2);}
section.hook.hp .illustration .box.one {top:60px;right:215px;width:320px;height:200px;animation:hookHpBoxOne 1.2s ease forwards;}
section.hook.hp .illustration .box.two {top:60px;right:0;width:200px;height:200px;animation:hookHpBoxTwo 1.2s ease forwards;}
section.hook.hp .illustration .box.three {top:275px;right:335px;width:200px;height:200px;animation:hookHpBoxThree 1.2s ease forwards;}
section.hook.hp .illustration .box.four {top:275px;right:0;width:320px;height:200px;animation:hookHpBoxFour 1.2s ease forwards;}
@media only screen and (max-width: 1024px) {
	section.hook.hp {text-align:center;}
	section.hook.hp .baseline {left:5%;width:calc(90%);top:100px;animation-name:none;}
	section.hook.hp .baseline h1 {font-size:44px!important;line-height:50px!important;}
	section.hook.hp .details {left:10%;top:350px;width:calc(80%);animation-name:none;}
	section.hook.hp .illustration {display:none;}
}
section.hook.product {position:relative;overflow-x:hidden;}
section.hook.product h1 {font-size:32px;line-height:32px;color:#141618;font-weight:500;margin:30px 0;}
section.hook.product h2 {text-align:left;font-size:56px;line-height:58px;font-weight:700;color:#34263F;}
section.hook.product .illustration {position:absolute;left:calc(50% + 30px);top:30px;width:1200px;height:728px;}
@media only screen and (max-width: 1024px) {
	section.hook.product {text-align:center;}
	section.hook.product h2 {text-align:center;font-size:48px;}
	section.hook.product .illustration {display:none;}
}
section.hook.lp {height:720px;position:relative;text-align:left;}
section.hook.lp .product-name {position:absolute;left:calc(50% - 560px);top:70px;width:420px;height:30px;animation:lpProductName 1.2s ease forwards;}
section.hook.lp .product-name h1 {float:left;margin:5px 0 0 12px;padding:0;text-transform:none;font-family: 'Lato', Arial, sans-serif;font-size:32px;line-height:32px;color:#141618;font-weight:400;}
section.hook.lp .product-name img {float:left;}
section.hook.lp .product-hook {position:absolute;left:calc(50% - 560px);top:150px;width:400px;height:120px;animation:lpProductHook 1.2s ease forwards;}
section.hook.lp .product-hook h2 {font-size:50px;line-height:58px;}
section.hook.lp .product-cta {position:absolute;left:calc(50% - 560px);top:360px;width:440px;height:320px;animation:lpProductCta 1.2s ease forwards;}
@keyframes lpProductName {0% {left:calc(50% - 720px);}100% {left:calc(50% - 560px);}}
@keyframes lpProductHook {0% {left:calc(50% - 660px);}100% {left:calc(50% - 560px);}}
@keyframes lpProductCta {0% {top:440px;}100% {top:360px;}}
section.hook.lp.lp-ct {background: url(../../images/products/call-tracking/landing/worker.png) center bottom no-repeat scroll #F4F6FF!important;}
section.hook.lp.lp-ct .wave {position:absolute;top:415px;left:calc(50% + 18px);width:10px;height:10px;border-radius:50%;border-width:4px;border-style:solid;border-color:#ff6700 transparent transparent transparent;transform:rotate(45deg);opacity:0;}
section.hook.lp.lp-ct .wave.one {animation-name:lpctPhoneWave;animation-duration:1.8s;animation-delay:1.2s;animation-iteration-count:infinite;animation-timing-function: ease-in;}
section.hook.lp.lp-ct .wave.two {animation-name:lpctPhoneWave;animation-duration:1.8s;animation-delay:1.8s;animation-iteration-count:infinite;animation-timing-function: ease-in;}
section.hook.lp.lp-ct .wave.three {animation-name:lpctPhoneWave;animation-duration:1.8s;animation-delay:2.4s;animation-iteration-count:infinite;animation-timing-function: ease-in;}
@keyframes lpctPhoneWave {0% {opacity:1;width:0;height:0;top:415px;left:calc(50% + 20px);border-color:#ec5f6f transparent transparent transparent;}100% {opacity:0;width:200px;height:200px;top:215px;left:calc(50% + 220px);border-color:#fab758 transparent transparent transparent;}}
section.hook.lp.lp-ct .box {position:absolute;width:250px;height:140px;background:#FFFFFF;padding:15px;border-radius:6px;box-shadow:0 0 5px rgba(0,0,0,0.2);font-size:14px;line-height:18px;}
section.hook.lp.lp-ct .box img {width:30px;float:left;}
section.hook.lp.lp-ct .box h3 {float:left;font-family: 'Lato', Arial, sans-serif;font-size:18px;font-weight:300;font-style:italic;color:#040608;margin:0 12px;width:140px;}
section.hook.lp.lp-ct .box ul {float:left;margin:10px 0 0;padding:8px 0 0;border-top:1px solid #D4D6D8;width:100%;}
section.hook.lp.lp-ct .box ul li {font-size:13px;line-height:16px;padding:2px 0;color:#343638;}
section.hook.lp.lp-ct .box.one {width:250px;height:60px;top:100px;left:calc(50% + 310px);animation-name:lpctBoxOne;animation-duration:12s;animation-iteration-count:1;}
section.hook.lp.lp-ct .box.two {width:250px;height:175px;top:175px;left:calc(50% + 310px);animation-name:lpctBoxTwo;animation-duration:12s;animation-iteration-count:1;}
section.hook.lp.lp-ct .box.three {width:250px;height:115px;top:365px;left:calc(50% + 310px);animation-name:lpctBoxThree;animation-duration:12s;animation-iteration-count:1;}
@keyframes lpctBoxOne {0% {opacity:0;top:260px;left:calc(50% + 500px);}16% {opacity:0;top:260px;left:calc(50% + 500px);}24% {opacity:1;top:260px;left:calc(50% + 310px);}32% {opacity:1;top:100px;left:calc(50% + 310px);}100% {opacity:1;top:100px;left:calc(50% + 310px);}}
@keyframes lpctBoxTwo {0% {opacity:0;top:335px;left:calc(50% + 500px);}16% {opacity:0;top:335px;left:calc(50% + 500px);}19% {opacity:0;top:335px;left:calc(50% + 500px);}24% {opacity:1;top:335px;left:calc(50% + 310px);}32% {opacity:1;top:175px;left:calc(50% + 310px);}100% {opacity:1;top:175px;left:calc(50% + 310px);}}
@keyframes lpctBoxThree {0% {opacity:0;top:525px;left:calc(50% + 500px);}16% {opacity:0;top:525px;left:calc(50% + 500px);}21% {opacity:0;top:525px;left:calc(50% + 500px);}24% {opacity:1;top:525px;left:calc(50% + 310px);}32% {opacity:1;top:365px;left:calc(50% + 310px);}100% {opacity:1;top:365px;left:calc(50% + 310px);}}
section.hook.lp.lp-ivr img.menu {position:absolute;top:90px;left:calc(50% + 15px);animation-name:lpivrImage;animation-duration:1.5s;animation-iteration-count:1;}
@keyframes lpivrImage {0% {opacity:0;left:calc(50% + 75px);}100%{opacity:1;left:calc(50% + 15px);}}
@media only screen and (max-width: 1024px) {
	section.hook.lp {text-align:center;}
	section.hook.lp .product-name {left:6%;top:50px;width:calc(88%);height:30px;margin:0;animation-name:none;}
	section.hook.lp .product-name h1 {float:none;margin:15px 0 0;font-size:42px;}
	section.hook.lp .product-name img {float:none;width:100px;}
	section.hook.lp .product-hook {left:6%;top:250px;width:calc(88%);height:120px;margin:0;animation-name:none;}
	section.hook.lp .product-hook h2 {text-align:center;font-size:42px;line-height:50px;}
	section.hook.lp .product-cta {left:6%;top:420px;width:calc(88%);height:320px;margin:0;animation-name:none;}
	section.hook.lp .animated-illustration {display:none;}
	section.hook.lp.lp-ct {background:#F4F6FF!important;}

}

/* Articles */
article h2 {margin:0 0 28px;}
article h3 {margin:84px 0 28px;font-weight:700;}
article p {font-size:18px;line-height:30px;}
article ul {margin: 0 0 28px;}
article ul li {font-size:18px;color:#646668;}
article .stars {text-align:center;}
article .summary {font-size:24px;line-height:32px;font-weight:300;font-style:italic;color:#04060F;}
article .spacer {width:100%;height:1px;background:#D4D6DF;}
/* Benefits */
section.benefits h2 {margin:30px 0;font-size:32px;line-height:40px}
@media only screen and (max-width: 1024px) {
	section.benefits h2 {margin:90px 0 30px;}
	}
section.benefits h3 {font-size:20px;line-height:28px;}
section.benefits .accordion-button {font-size:18px;color:#242628;border-color:#C2CDFF;padding-left:0;}
section.benefits .accordion-button:focus {box-shadow:none;border-color:#A4A6A8;}
section.benefits .accordion-button.collapsed::after {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23242628'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");}
section.benefits .accordion-button:not(.collapsed) {color:#242628;background:transparent;}
section.benefits .accordion-button:not(.collapsed)::after {background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23242628'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");}
section.benefits .accordion-body {padding-left:0;color:#646668;}

/* Grids */
section.grid {}
.card {border:none;border-radius:15px;box-shadow:6px 6px 16px rgba(0,20,75,0.1);/*-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;*/}
.card:hover {box-shadow:6px 6px 16px rgba(0,20,75,0.2);}
.card .btn {margin:0 0 20px;}
.card .card-img, .card-img-top {border-top-left-radius:15px;border-top-right-radius:15px;}
.card .card-img, .card-img-bottom {border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.card-header:first-child {border-radius: 15px 15px 0 0;}
.card-footer:last-child {border-radius: 0 0 15px 15px;}
.bor-rad-top-15 {border-radius: 15px 15px 0 0;}
.bor-rad-bottom-15 {border-radius: 0 0 15px 15px;}
section.grid .filters .title {font-family:'itc-avant-garde-gothic-pro', 'Lato', Arial, sans-serif;font-weight:500;margin:30px 0 10px;color:#444648;}
section.grid .filters .title:first-child {margin:0 0 10px;}
section.grid .filters .btn {border:none;border-left:2px solid #C4C6CF;border-radius:0;background:transparent;box-shadow:none;width:100%;padding:4px 16px;text-align:left;color:#848688;font-size:16px;font-weight:normal;}
section.grid .filters .btn:hover {border-left:2px solid #FF6700;color: #FF6700;}
section.grid .filters .btn:focus {outline:none;}
section.grid .filters .btn.is-checked {border-left:2px solid #FF6700;color:#FF6700;font-weight:bold;}
section.grid .card.feature {box-shadow:none;}
section.grid .card.feature h3 {font-size:16px;font-weight:700;line-height:24px;margin:7px 0 10px;}
section.grid .card.feature .card-text {line-height:28px;}
section.grid .card.feature img {width:36px;float:left;margin-right:10px;}
section.grid .card.solution img {margin:30px auto 20px;}
section.grid .card.solution .card-title {font-size:20px;line-height:28px;font-weight:bold;margin:0 0 15px;}
section.grid .card.solution .card-text {line-height:24px;}
section.grid .card.solution .btn {font-size:16px;}
section.grid .card.solution.with-border {border:1px solid rgba(0,20,75,0.1);}
section.grid .card.integration .card-header {background:#F4F6FF;border:none;padding:40px 0 30px;}
section.grid .card.integration .card-title {font-size:20px;line-height:28px;font-weight:bold;margin:15px 0;}
section.grid .card.integration .card-text {margin:0 0 20px;}
section.grid .card.pricing {border:1px solid #E4E6EF;}
section.grid .card.pricing .card-header {background-image: linear-gradient(to bottom right, #EB5F6F, #FAC171);border:none;padding:20px 0;color:#FFFFFF;font-size:20px;font-weight:700;font-style:italic;}
section.grid .card.pricing .card-body {padding:40px 0 20px;}
section.grid .card.pricing .card-title {font-size:100px;line-height:100px;font-weight:bold;}
section.grid .card.pricing .card-title-details {position:absolute;top:165px;left:calc(50% + 60px);font-size:20px;font-weight:normal;}
section.grid .card.pricing .card-text {margin:0 20px;}
section.grid .card.pricing ul {padding:0 20px;margin:10px 0;border-top:none;}
section.grid .card.pricing ul li {font-weight:normal;}
section.grid .card.pricing ul li:first-child {border-width:1px 0;}
section.grid .card.pricing .card-footer {background:#F4F6FF;padding:20px;}
section.grid .card.pricing .card-footer .btn.btn-grad {margin:0;}
section.grid .card.pricing .card-footer .btn.btn-grad span {background: #F4F6FF;padding:4px 24px;}
section.grid .card.pricing .card-footer .btn.btn-grad:hover span {background: linear-gradient(to bottom right, #EB5F6F, #FAC171);}
section.grid .card.customer .card-img-overlay {opacity:0;padding:50px 0 0;border-radius:15px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
section.grid .card.customer:hover .card-img-overlay {opacity:1;background:rgba(0,0,0,0.7);box-shadow:6px 6px 16px rgba(0,20,75,0.2);}
section.grid .card.customer .card-img-overlay .card-title {color:#FFFFFF;font-size:18px;font-weight:700;}
section.grid .card.customer .card-img-overlay a {color:#949698;}
section.grid .card.customer .card-img-overlay a:hover {color:#FF6700;}
section.grid .card.customer .card-corner {position:absolute;bottom:10px;right:10px;border-radius:50%;height:28px;width:28px;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
section.grid .card.customer .card-corner:hover {transform:scale(1.2);}
section.grid .card.customer a.card-action {color:#FFFFFF;}
section.grid .card.verbatim {font-family:"Raleway", "Lato",arial, sans-serif;color:#4D6688;transform:rotate(-2deg);}
section.grid .card.verbatim .quote {padding:0 0 33px;margin:0 0 16px;border-bottom:1px solid #CFE7FF;font-size:20px;line-height:32px;font-weight:300;font-style:italic;}
section.grid .card.verbatim .name {font-weight:700;font-size:18px;line-height:26px;}
section.grid .card.verbatim .job {font-weight:300;font-size:16px;line-height:24px;font-style:italic;}
section.grid .card.verbatim .avatar {position:absolute;top:-42px;left:calc(50% - 42px);width:85px;height:85px;border-radius:50%;}
section.grid .card blockquote p {font-family:'Raleway', 'Lato', Arial, sans-serif;font-size:22px;line-height:36px;font-weight:300;font-style:italic;color:#FFFFFF;}
section.grid .card blockquote footer {color:#FFFFFF;font-size:16px;line-height:24px;}
section.grid .card blockquote footer.testimonial-footer::before {display:none;}
section.grid .card.resource .card-title {font-size:16px;font-weight:400;line-height:24px;margin:16px 0;text-align:left;}
section.grid .card.resource .card-text {text-transform:uppercase;color:#B4B6BF;margin:0;font-size:14px;}


/* Plans */
section.grid .card.plans .card-container {padding:34px 0}
section.grid .card.plans .card-banner {display:flex; align-items:center;justify-content:center;margin-top: 34px; height: 34px; color:#fff;border-radius:2px;}
section.grid .card.plans .card-banner h3 {color:#fff;margin:0; font-weight: bold;line-height:normal;font-size:16px;line-height:28px;}
section.grid .card.plans .card-title {font-size:31px; color:#444648;padding-left:34px;padding-right:34px;}
section.grid .card.plans .card-presentation {font-size:15px;color:#444648;font-family:'itc-avant-garde-gothic-pro';padding-left:13px;padding-right:13px;}
section.grid .card.plans .price {font-size:80px; color:#444648;padding-left:34px;padding-right:34px;}
section.grid .card.plans .price sup {font-size:23px;vertical-align: super;position:relative;left:-17px;}
section.grid .card.plans .card-text {font-size:17px;color:#848688;padding-left:34px;padding-right:34px;}
section.grid .card.plans .list {margin-bottom: 26px;padding-left:34px;padding-right:34px;}
section.grid .card.plans .list .list-title {font-size:16px;font-family:'itc-avant-garde-gothic-pro';color:#444648; font-style:italic;font-weight:bold; margin-bottom: 0;}
section.grid .card.plans .list li {color:#848688}
section.grid .card.plans .card-bottom-link {color:#3DBEEF;font-size:14px;font-weight:bold;padding-left:34px;padding-right:34px;}
section.grid .card.plans .card-bottom-link i::before {vertical-align: -1px;}
@media only screen and (min-width: 370px) { section.grid .card.plans { max-width: 450px;margin-left: auto; margin-right: auto; } }
@media only screen and (min-width: 1200px) { section.grid .card.plans.mt-6 {margin-top: 4rem;}}

.btn .bi-chevron-right::before {font-size: 17px;position:relative;top:1px;}
.btn .card.plans .bi-chevron-right.animate::before {-webkit-transition: transform .8s easeout;-moz-transition: transform .8s easeout;-ms-transition: transform .8s easeout;-o-transition: transform .8s easeout;transition: transform .8s easeout;}
.btn:hover > .bi-chevron-right.animate::before {transform: translateX(3px);}
.jumbotron .btn-white:hover {color: #259d7d}

.table.plans h2 { color: #444648 }
.table.plans th { color: #444648 }
.table.plans td { color: #646668; font-weight: bold; }
.table.plans .price sup {font-size: 14px;top: -14px;}
.table.plans tr {border-color: #CFE7FF}
.table.plans tr.row-pt-4 > th, .table tr.row-pt-4 > td { padding-top: 1.5rem!important; }
.table.plans .border-bottom-none > th, .table .border-bottom-none > td { border-bottom: none }
.table.plans .border-grey > th, .table.plans .border-grey > td { border-color: #C2C2C2}
.table.plans.table-hover tbody tr:hover {
	--bs-table-accent-bg: #F4F6FF;
  }

@media only screen and (min-width: 560px) {
	.plans-table .content {
		overflow: unset
	}
}

@media only screen and (max-width: 560px) {
	.plans-table .content {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

@media only screen and (max-width: 1024px) {section.grid iframe.embed-responsive-item {max-width:100%;height:auto;}}
.card-header.bg-ga {background:#Fceee5!important;}
.card-header.bg-gads {background:#e6f4ea!important;}
.card-header.bg-fb {background:#ccddfd!important;}
.card-header.bg-sf {background:#e0f4fb!important;}
.card-header.bg-hs {background:#ffefeb!important;}
.card-header.bg-gds {background:#ccdcfa!important;}
.card-header.bg-gtm {background:#e4edfb!important;}
.card-header.bg-da {background:#c4cdde!important;}
.card-header.bg-cs {background:#cdcff9!important;}
.card-header.bg-sl {background:#ece4ed!important;}
.card-header.bg-wp {background:#c7dce7!important;}
.card-header.bg-aa {background:#e2e1e6!important;}
.card-header.bg-gs {background:#e6f4ea!important;}
.card-header.bg-za {background:#ffe6e0!important;}
.card-header.bg-wh {background:#f8e7ec!important;}
.card-header.bg-api {background:#e7f1e0!important;}
.card-header.bg-mtm {background:#DFEEC8!important;}
.card-header.bg-eul {background:#FFEAE1!important;}
.card-header.bg-pa {background:#E7E7E8!important;}

/* Testimonials */
section.testimonials h2 {margin:30px 0;text-align:center;}
section.testimonials .carousel-dark .carousel-indicators button {background-color: #CFE7FF;width:10px;height:10px;margin:0 2px;border-radius:50%;opacity:1;}
section.testimonials .carousel-dark .carousel-indicators button.active {background-color: #3BBEEF;}
/* TO DELETE EVENTUALLY
section.testimonials .carousel-inner {background:transparent;height:520px;}
section.testimonials .carousel-inner .illustration {position: absolute;right:65px;top:15px;height: 430px;width:430px;background:#CFE7FF;border-radius:6px;box-shadow:6px 6px 16px rgba(0,20,75,0.1);}
section.testimonials .carousel-inner .illustration img {border-radius:6px;}
section.testimonials .carousel-inner .verbatim {position:absolute;left:65px;top:70px;height:320px;width:620px;background-image: linear-gradient(to bottom right, #ec5f6f, #fab758);border-radius:6px;box-shadow:6px 6px 16px rgba(0,20,75,0.2);padding:30px;font-family:"Raleway", "Lato",arial, sans-serif;color:#FFFFFF;} 
section.testimonials .carousel-inner .verbatim .quote {padding:0 0 40px;margin:0 0 20px;border-bottom:1px solid #FFFFFF;font-size:24px;font-weight:300;font-style:italic;}
section.testimonials .carousel-inner .verbatim .name {font-weight:700;font-size:18px;line-height:24px;}
section.testimonials .carousel-inner .verbatim .job {font-weight:300;font-size:18px;line-height:24px;font-style:italic;} */

section.testimonials .carousel-inner {background:transparent;height:460px;}
section.testimonials .carousel-inner .illustration {height:420px;background-image:url(/images/effects/testimonials-cloud.svg);background-position:left 235px bottom 5px;background-repeat:no-repeat;}
section.testimonials .carousel-inner .illustration img {border-radius:12px;box-shadow:6px 6px 16px rgba(0,20,75,0.1);}
section.testimonials .carousel-inner .verbatim {font-family:"Raleway", "Lato",arial, sans-serif;color:#4D6688;}
section.testimonials .carousel-inner .verbatim .quote {padding:0 0 40px;margin:0 0 20px;border-bottom:1px solid #CFE7FF;font-size:24px;line-height:38px;font-weight:300;font-style:italic;}
section.testimonials .carousel-inner .verbatim .name {font-weight:700;font-size:20px;line-height:26px;}
section.testimonials .carousel-inner .verbatim .job {font-weight:300;font-size:16px;line-height:24px;font-style:italic;}
section.testimonials .carousel-controls {position:absolute;top:160px;width:1140px;}
section.testimonials .carousel-control-prev {width:40px;height:40px;left:-100px;opacity:1;background:#FFFFFF;border-radius:50%;box-shadow:6px 6px 16px rgba(0,20,75,0.1);} 
section.testimonials .carousel-control-next {width:40px;height:40px;right:-100px;opacity:1;background:#FFFFFF;border-radius:50%;box-shadow:6px 6px 16px rgba(0,20,75,0.1);}
section.testimonials .carousel-control-prev:hover {box-shadow:6px 6px 16px rgba(0,20,75,0.3);}
section.testimonials .carousel-control-next:hover {box-shadow:6px 6px 16px rgba(0,20,75,0.3);}
section.testimonials .carousel-control-next-icon {background-image:url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234D6688'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e);background-size:75%;background-position:65%;}
section.testimonials .carousel-control-prev-icon {background-image:url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234D6688'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e);background-size:75%;background-position:25%;}
section.testimonials .testimonials-lines {position:absolute;bottom:375px;width:100%;height:200px;background-image:url(/images/effects/testimonials-lines.svg);background-position:center;background-repeat:repeat-x;background-size:1924px 200px;}
section.testimonials .line {height:1px;width:100%;background:#D4D6DF; margin:10px 0;}
section.testimonials .logos {text-align:center;margin:0 0 30px;}
section.testimonials .logos img {object-fit: cover;}
@media only screen and (max-width: 1024px) {
	section.testimonials .logos img {width:220px;height:85px;}
	section.testimonials .carousel-inner .illustration {display:none;}
	section.testimonials .carousel-inner .verbatim {position:absolute;left:5%;top:0px;height:460px;width:calc(90%);text-align:center;}
	section.testimonials .carousel-inner .verbatim .quote {font-size:20px;line-height:24px;} 
	section.testimonials .carousel-inner .verbatim .name {font-size:16px;line-height:20px;} 
	section.testimonials .carousel-inner .verbatim .job {font-size:16px;line-height:20px;} 
	section.testimonials .carousel-controls {display:none;}
	section.testimonials .testimonials-lines {display:none;}
}
/* Call-to-actions */
section.actions {text-align:center;padding:0 0 30px;position:relative;}
section.actions h2 {font-size:42px;color:#FFFFFF;margin:50px 0 20px;}
section.actions p {color:#FFFFFF;margin:0;line-height:28px;font-size:20px;font-weight:300;margin:0;}
section.actions .buttons {margin:40px auto 20px;}
section.actions .buttons a.btn {width:240px;padding:12px 18px;margin:12px 6px;font-size:18px;line-height:24px;font-size:20px;font-weight:700;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
section.actions .buttons a.btn:hover {padding:15px 18px;width:246px;margin:9px 3px;font-size:21px;}
section.actions .buttons a.btn-transparent {border:1px solid #FFFFFF!important;color:#FFFFFF;}
section.actions .buttons a.btn-transparent:hover {background:rgba(255,255,255,0.2);}
section.actions .buttons a.btn.btn-white {background:rgba(255,255,255,1);color:#FF6700;}
section.actions .buttons a.btn.btn-white:hover {color:#ec5f6f;}
section.actions .left-cloud {position:absolute;bottom:0;left:calc(50% - 846px);width:454px;height:164px;}
@media only screen and (max-width: 1024px) {section.actions .left-cloud {display:none;}}
section.actions .right-cloud {position:absolute;top:0;left:calc(50% + 421px);width:329px;height:122px;padding-top:15px;}
@media only screen and (max-width: 1024px) {section.actions .right-cloud {display:none;}}
/* Forms */
.block {max-width:610px;border:none;border-radius:15px;box-shadow:6px 6px 16px rgba(0,20,75,0.2);}
.dex-form {background-color:#F4F6FF;border:1.5px solid transparent;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.dex-form:focus {background-color:#FFFFFF;border:1.5px solid #3BBEEF;box-shadow:none;}
textarea.dex-form {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.form-floating > .dex-form:focus ~ label, .form-floating > .dex-form:not(:placeholder-shown) ~ label {opacity:1;color:#3BBEEF;}
.form-select.dex-form {padding-bottom:0.300rem;}
.layout-form-1 {z-index:0;height:300px;}
.layout-form-2 {z-index:1;transform: skewY(-10deg);height:520px;}
.layout-form-3 {z-index:1;transform: skewY(-10deg);height:460px;}
.layout-form-4 {z-index:2;left:calc(50% - 110px);width:800px;height:720px;background:url(../../images/forms/bg-layout-4.png) no-repeat top center transparent;}
.layout-form-5 {z-index:2;left:calc(50% - 110px);width:800px;height:600px;background:url(../../images/forms/bg-layout-5.png) no-repeat top center transparent;}
@media only screen and (min-width: 1500px) {
  .layout-form-0 {padding-top:110px;}
  .layout-form-1 {height:380px;}
  .layout-form-2 {transform: skewY(-10deg);height:600px;}
  .layout-form-3 {transform: skewY(-10deg);height:540px;}
  .layout-form-4 {left:calc(50% - 110px);width:800px;height:800px;background:url(../../images/forms/bg-layout-4.png) no-repeat center 80px transparent;}
  .layout-form-5 {left:calc(50% - 110px);width:800px;height:680px;background:url(../../images/forms/bg-layout-5.png) no-repeat center 80px transparent;}
}

/*  Animations
================================================== */
/* General Hooks */
@keyframes hookTitle {0% {left:calc(50% - 720px);}100% {left:calc(50% - 570px);}}
@keyframes hookBaseline {0% {left:calc(50% - 660px);}100% {left:calc(50% - 570px);}}
@keyframes hookDetails {0% {top:500px;}100% {top:360px;}}
@keyframes hookIllustration {0% {left:calc(50% + 130px);}100% {left:calc(50% + 30px);}}
/* Homepage Hook */
@keyframes hookHpBoxOne {0% {top:20px;right:245px;}100% {top:60px;right:215px;}}
@keyframes hookHpBoxTwo {0% {top:40px;right:20px;}100% {top:60px;right:0;}}
@keyframes hookHpBoxThree {0% {top:335px;right:385px;}100% {top:275px;right:335px;}}
@keyframes hookHpBoxFour {0% {top:295px;right:20px;}100% {top:275px;right:0;}}


/*  Docs
================================================== */
aside {background:#FFFFFF;height:100%;width:240px;float:left;position:fixed;padding:0 20px 80px;margin:-10px 0 0;overflow-y:scroll;}
aside a {color:#848688;font-size:14px;line-height:20px}
aside a:hover {color:#04060F;}
aside a.btn-aside {padding:0;margin:30px 0 5px;font-weight:bold;font-size:16px;}
aside a.btn-aside i {margin-right:5px;}
.docs-spacer {width:100%;height:1px;background:#A4A6AF;margin:60px 0 80px;}
.docs-example {padding:40px;width:100%;box-shadow:0 0 4px rgba(0,0,0,0.2);border-radius:6px;margin:-20px 0 20px;overflow:hidden;}
.docs-example.docs-white {font-family:monospace;color:#F4F6FF;font-size:14px;overflow:hidden;}
.docs-example pre {color:#F4F6FF;font-size:14px;overflow:hidden;}
.docs-example xmp {margin:-60px 0 -80px;overflow:hidden;}
.docs-example table td {font-weight:normal;border-top:1px solid #F4F6FF;vertical-align:middle;transition: all .2s ease-in;}
.docs-example table tr:hover td {background:#F4F6FF;}
.docs-example table .highlight {width:200px;height:52px;text-align:center;padding:12px;}
.docs-example table .highlight.border {border:1px solid #A4A6AF;height:50px;}
.docs-example table .highlight.font-Lato {font-family:'Lato', sans-serif;}
.docs-example table .highlight.font-itc {font-family:'itc-avant-garde-gothic-pro', sans-serif;font-weight:700;}
.docs-example table .highlight.font-raleway {font-family:'Raleway', sans-serif;font-weight:300;font-style:italic;}
.docs-example table .highlight.font-arial {font-family:'Arial';}
.docs-example table .highlight.waves {width:460px;height:60px;}
.docs-example .hook .illustration {color:#FFFFFF;text-align:center;font-style:italic;font-weight:400;font-size:24px;}
.docs-example .benefits .block-img {width:462px;height:200px;color:#FFFFFF;margin:120px 0 0;text-align:center;font-style:italic;font-weight:400;font-size:24px;padding:80px 0 0;}
.docs-example .benefits .block-img.right {float:right;}
.docs-example .benefits .block-img.left {float:left;}