@charset "UTF-8";
/* font()
 * Metoda generuje css związane z czcionką na podstawie podanych parametrów
 * Jeśli pozostawimy któryś z parametrów pusty nie wygeneruje tej częsći css
 * $fontFamily (thin, light, medium, regular, bold)
 * $fontSize (int)px
 * $lineHeight (int)px */
/*====== Roboto-bold ======*/
@font-face {
  font-family: "robotobold";
  src: url("../../fonts/roboto/bold/roboto_bold.eot");
  src: url("../../fonts/roboto/bold/roboto_bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto/bold/roboto_bold.woff2") format("woff2"), url("../../fonts/roboto/bold/roboto_bold.woff") format("woff"), url("../../fonts/roboto/bold/roboto_bold.ttf") format("truetype"), url("../../fonts/roboto/bold/roboto_bold.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-roboto-bold {
  font-family: "robotobold" !important;
}

/*====== Roboto-light ======*/
@font-face {
  font-family: "robotolight";
  src: url("../../fonts/roboto/light/roboto_light.eot");
  src: url("../../fonts/roboto/light/roboto_light.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto/light/roboto_light.woff2") format("woff2"), url("../../fonts/roboto/light/roboto_light.woff") format("woff"), url("../../fonts/roboto/light/roboto_light.ttf") format("truetype"), url("../../fonts/roboto/light/roboto_light.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-roboto-light {
  font-family: "robotolight" !important;
}

/*====== Roboto-medium ======*/
@font-face {
  font-family: "robotomedium";
  src: url("../../fonts/roboto/medium/roboto_medium.eot");
  src: url("../../fonts/roboto/medium/roboto_medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto/medium/roboto_medium.woff2") format("woff2"), url("../../fonts/roboto/medium/roboto_medium.woff") format("woff"), url("../../fonts/roboto/medium/roboto_medium.ttf") format("truetype"), url("../../fonts/roboto/medium/roboto_medium.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-roboto-medium {
  font-family: "robotomedium" !important;
}

/*====== Roboto-regular ======*/
@font-face {
  font-family: "robotoregular";
  src: url("../../fonts/roboto/regular/roboto_regular.eot");
  src: url("../../fonts/roboto/regular/roboto_regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto/regular/roboto_regular.woff2") format("woff2"), url("../../fonts/roboto/regular/roboto_regular.woff") format("woff"), url("../../fonts/roboto/regular/roboto_regular.ttf") format("truetype"), url("../../fonts/roboto/regular/roboto_regular.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-roboto-regular {
  font-family: "robotoregular" !important;
}

/*====== Roboto-thin ======*/
@font-face {
  font-family: "robotothin";
  src: url("../../fonts/roboto/thin/roboto_thin.eot");
  src: url("../../fonts/roboto/thin/roboto_thin.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto/thin/roboto_thin.woff2") format("woff2"), url("../../fonts/roboto/thin/roboto_thin.woff") format("woff"), url("../../fonts/roboto/thin/roboto_thin.ttf") format("truetype"), url("../../fonts/roboto/thin/roboto_thin.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-roboto-thin {
  font-family: "robotothin" !important;
}

@font-face {
  font-family: "clickmeeting_pro_lightregular";
  src: url("../fonts/clickmeeting_pro_light/clickmeeting_pro_light.eot");
  src: url("../fonts/clickmeeting_pro_light/clickmeeting_pro_light.eot?#iefix") format("embedded-opentype"), url("../fonts/clickmeeting_pro_light/clickmeeting_pro_light.woff2") format("woff2"), url("../fonts/clickmeeting_pro_light/clickmeeting_pro_light.woff") format("woff"), url("../fonts/clickmeeting_pro_light/clickmeeting_pro_light.ttf") format("truetype"), url("../fonts/clickmeeting_pro_light/clickmeeting_pro_light.svg#clickmeeting_pro_lightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-cm-light {
  font-family: "clickmeeting_pro_lightregular" !important;
}

@font-face {
  font-family: "clickmeeting_proregular";
  src: url("../fonts/clickmeeting_pro/clickmeeting_pro.eot");
  src: url("../fonts/clickmeeting_pro/clickmeeting_pro.eot?#iefix") format("embedded-opentype"), url("../fonts/clickmeeting_pro/clickmeeting_pro.woff2") format("woff2"), url("../fonts/clickmeeting_pro/clickmeeting_pro.woff") format("woff"), url("../fonts/clickmeeting_pro/clickmeeting_pro.ttf") format("truetype"), url("../fonts/clickmeeting_pro/clickmeeting_pro.svg#clickmeeting_proregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-cm {
  font-family: "clickmeeting_proregular" !important;
}

@font-face {
  font-family: "reklame_script_regularregular";
  src: url("../fonts/reklame_script_regular/reklame_script_regular.eot");
  src: url("../fonts/reklame_script_regular/reklame_script_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/reklame_script_regular/reklame_script_regular.woff2") format("woff2"), url("../fonts/reklame_script_regular/reklame_script_regular.woff") format("woff"), url("../fonts/reklame_script_regular/reklame_script_regular.ttf") format("truetype"), url("../fonts/reklame_script_regular/reklame_script_regular.svg#reklame_script_regularregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-reklame {
  font-family: "reklame_script_regularregular" !important;
}

@font-face {
  font-family: "lobsterregular";
  src: url("../../fonts/lobster/lobster.eot");
  src: url("../../fonts/lobster/lobster.eot?#iefix") format("embedded-opentype"), url("../../fonts/lobster/lobster.woff2") format("woff2"), url("../../fonts/lobster/lobster.woff") format("woff"), url("../../fonts/lobster/lobster.ttf") format("truetype"), url("../../fonts/lobster/lobster.svg#lobsterregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-lobster {
  font-family: "lobsterregular" !important;
}

html,
body {
  height: 100% !important;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6, p {
  font-family: "robotolight";
}

body {
  font-family: "robotoregular";
  font-size: 14px;
}

body.modal-open nav,
body.modal-open header,
body.modal-open section,
body.modal-open footer {
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

a {
  color: #00afec;
}

a:hover, a:focus {
  color: #00afec;
}

.form-group {
  position: relative;
}

.svg-stroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.svg-stroke.w1 {
  stroke-width: 1;
}

.svg-stroke.w2 {
  stroke-width: 2;
}

.svg-fill {
  fill: currentColor;
}

.dropdown-menu {
  border: none;
  min-width: 145px;
  margin-top: 1px;
}

.dropdown-menu:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: -5px;
  right: 15px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff;
  border-left-color: transparent;
}

@media (min-width: 992px) {
  .nav.navbar-nav.navbar-right .dropdown:hover .dropdown-menu {
    display: block;
  }
}
.pull-right > .dropdown-menu:before {
  right: 20px;
}

@media (max-width: 991px) {
  .dropdown-menu:before {
    display: none;
  }
  .pull-right > .dropdown-menu:before {
    display: block;
  }
}
.dropdown-menu > li > a {
  padding: 12px 20px;
  color: #6b7183;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #6b7183;
}

/* NAV
-------------------------------------------------- */
.navbar-brand > img,
.top-nav-collapse .navbar-brand > img {
  height: 25px;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}

.navbar-brand > svg,
.top-nav-collapse .navbar-brand > svg {
  width: 151px;
  height: 30px;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}

.navbar-brand > svg {
  margin-top: -3px;
}

.top-nav-collapse .navbar-brand > svg {
  margin-top: -2px;
}

/*
.top-nav-collapse .navbar-brand > img {
    height: 25px;
}
.top-nav-collapse .navbar-brand > svg {
    width: 151px;
    height: 30px;
}*/
.navbar-brand {
  padding: 12px 15px;
  transition: padding 0.5s ease-in-out;
}

.top-nav-collapse .navbar-brand {
  padding: 12px 15px;
}

/*.navbar-inverse .navbar-collapse{
    background-color: #20242e;
}*/
@media (min-width: 992px) {
  .navbar {
    padding: 35px 0;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out, top 0.5s ease-in-out;
  }
  .navbar.bar-show {
    padding-top: 0;
  }
  .top-nav-collapse {
    padding: 0;
  }
  .navbar-brand > img {
    height: 34px;
  }
  .navbar-brand > svg {
    width: 205px;
    height: 41px;
  }
  .navbar-brand {
    padding: 8px 15px;
  }
  /*.navbar-inverse .navbar-collapse{
      background-color: transparent;
  }*/
  .navbar-right {
    margin-right: 0;
  }
}
.navbar-toggle {
  margin-right: 0px;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #1d2029;
  border-color: #1d2029;
}

.navbar-inverse .navbar-toggle.collapsed,
.navbar-inverse .navbar-toggle.collapsed:hover,
.navbar-inverse .navbar-toggle.collapsed:focus {
  background-color: #20242e;
  border-color: #20242e;
}

.navbar .language {
  padding: 14px 10px;
}

.navbar .language.pull-right {
  margin-right: -15px;
}

.navbar-inverse {
  background-color: transparent;
  border: none;
}

.navbar-inverse.top-nav-collapse {
  background-color: #20242e;
}

.navbar-nav > li > a {
  padding: 15px 12px;
  text-transform: uppercase;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.navbar-nav > li > a .beta {
  background: #00afec;
  position: absolute;
  top: 4px;
  right: 12px;
  font-size: 10px;
  line-height: 11px;
  text-transform: uppercase;
  padding: 1px 5px;
  color: #fff;
  border-radius: 2px;
}

.navbar-nav > li > .dropdown-menu {
  border-radius: 4px;
  margin-top: 0;
}

.navbar-nav > li > .dropdown-menu > li > a {
  color: #6b7183;
  padding: 12px 20px;
}

.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #73c145;
}

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 15px;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    text-align: center;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #73c145;
  }
}
.dropdown-menu > li > a .ico {
  margin-right: 15px;
}

.navbar-inverse .navbar-nav > li.dropdown > a {
  padding: 15px 30px 15px 20px;
  color: #fff;
}

.navbar-inverse .navbar-nav > li.dropdown > a .dropdown-arrow {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -5px;
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 991px) {
  .navbar-inverse .navbar-nav > li.dropdown > a .dropdown-arrow {
    right: auto;
    margin-left: 5px;
  }
}
.navbar-inverse .navbar-nav > li.dropdown > a .dropdown-arrow svg {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 50%;
  margin-left: -5px;
  stroke-width: 1px;
}

.navbar-inverse .navbar-nav > li.dropdown:hover > a .dropdown-arrow,
.navbar-inverse .navbar-nav > li.dropdown.open > a .dropdown-arrow {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #73c145;
}

.navbar-inverse .navbar-nav > li > a.btn {
  padding: 3px 15px;
  margin: 11px 5px;
  border-radius: 35px;
  box-shadow: none;
}

.navbar-inverse .navbar-nav > li > a.btn-menu {
  background-color: transparent;
  border-color: #77797d;
}
.navbar-inverse .navbar-nav > li > a.btn-menu.btn-border-green {
  border: 1px solid #73c145;
}

.navbar-inverse .navbar-nav > li > a.btn-menu:hover,
.navbar-inverse .navbar-nav > li > a.btn-menu:focus {
  background-color: #73c145;
  border-color: #73c145;
  color: #fff;
}

.navbar-inverse .navbar-nav > li > p.sentence-cre {
  padding: 4px 15px;
  margin: 11px 12px;
  color: #fff;
}

.navbar-inverse .navbar-nav > li > p.sentence-cre strong {
  font-family: "robotomedium";
}

.navbar-inverse .navbar-nav.product-hunt > li > a.btn-menu {
  background-color: transparent;
  border-color: rgba(243, 245, 247, 0.4);
}

.navbar-inverse .navbar-nav.product-hunt > li > a.btn-menu:hover,
.navbar-inverse .navbar-nav.product-hunt > li > a.btn-menu:focus {
  background-color: #73c145;
  border-color: #73c145;
  color: #fff;
}

@media (max-width: 991px) {
  .navbar-inverse {
    background-color: #20242e;
  }
  .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .navbar-inverse .navbar-nav > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .navbar-inverse .navbar-nav > li > a.btn {
    display: inline-block;
    min-width: 170px;
    margin: 11px auto;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-collapse {
    box-shadow: none;
  }
  .navbar-nav > li > a .beta {
    right: 50%;
    margin-right: -17px;
  }
}
.ico {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #73c145;
}

@media (min-width: 992px) and (max-width: 1259px) {
  .navbar-nav > li > a {
    padding: 15px 8px;
    font-size: 11px;
  }
  .navbar-nav > li > a.rwd-temporary-fix {
    display: none;
  }
  [lang=de] .navbar-nav > li > a,
  [lang=fr] .navbar-nav > li > a,
  [lang=es] .navbar-nav > li > a,
  [lang=ru] .navbar-nav > li > a {
    padding: 15px 5px;
    font-size: 10px;
  }
  .navbar-nav > li > a .beta {
    right: 8px;
    font-size: 9px;
  }
  [lang=de] .navbar-nav > li > a .beta,
  [lang=fr] .navbar-nav > li > a .beta,
  [lang=es] .navbar-nav > li > a .beta {
    right: 6px;
  }
  .navbar-nav > li > a.btn.btn-menu {
    margin: 11px 6px;
  }
  .navbar-nav > li.flag > a {
    padding: 14px 12px;
  }
}
@media (min-width: 1260px) {
  [lang=pl] .navbar-nav > li > a {
    padding: 15px 5px;
  }
  [lang=de] .navbar-nav > li > a,
  [lang=br] .navbar-nav > li > a,
  [lang=es] .navbar-nav > li > a,
  [lang=ru] .navbar-nav > li > a {
    padding: 15px 5px;
    font-size: 12px;
  }
  [lang=fr] .navbar-nav > li > a {
    padding: 15px 5px;
    font-size: 11px;
  }
  [lang=de] .navbar-nav > li > a .beta,
  [lang=fr] .navbar-nav > li > a .beta,
  [lang=es] .navbar-nav > li > a .beta {
    right: 10px;
  }
}
.navbar-inverse-colors .navbar-nav > li > a {
  color: #292d38;
}
@media (max-width: 991px) {
  .navbar-inverse-colors .navbar-nav > li > a {
    color: #fff;
  }
}
.navbar-inverse-colors .navbar-nav > li > a.btn-green {
  color: #fff;
}
.navbar-inverse-colors .fixed-logo {
  display: none;
}
.navbar-inverse-colors.top-nav-collapse .navbar-nav > li > a {
  color: #fff;
}
.navbar-inverse-colors.top-nav-collapse .normal-logo {
  display: none;
}
.navbar-inverse-colors.top-nav-collapse .fixed-logo {
  display: block;
}
@media (max-width: 991px) {
  .navbar-inverse-colors .normal-logo {
    display: none;
  }
  .navbar-inverse-colors .fixed-logo {
    display: block;
  }
}

/* HEADER
-------------------------------------------------- */
header {
  background-attachment: scroll;
  background-image: url(../../images/banner/header.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  color: #fff;
  min-height: 600px;
  height: 76%;
  width: 100%;
  display: table;
  position: relative;
}

header.welcome-clickmeeting {
  display: block;
  overflow: hidden;
}

@media (max-width: 991px) {
  header.welcome-clickmeeting {
    min-height: 750px;
    height: 100%;
  }
}
header .intro-table {
  display: table;
  height: 100%;
  width: 100%;
}

header.sales {
  background-image: url("../../images/use-cases/header-sales.jpg");
  background-position: center center;
}

header.marketing {
  background-image: url("../../images/use-cases/header-marketing.jpg");
  background-position: center center;
}

header.education {
  background-image: url("../../images/use-cases/header-education.jpg");
  background-position: center center;
}

header.hr {
  background-image: url("../../images/use-cases/header-hr.jpg");
  background-position: center center;
}

header.enterprise {
  background-image: url("../../images/use-cases/header-enterprise.jpg");
  background-position: center center;
}

/*
header {
    background: url(../../images/banner/1260x570p.png) no-repeat top center;
    min-height: 570px;
    height: 76%;
    width: 100%;
    display: table;
}*/
.intro-welcome {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.intro-welcome {
  padding-top: 105px;
  padding-bottom: 40px;
}

.intro-welcome--blend {
  background-color: rgba(31, 34, 40, 0.7);
}

.intro-welcome h1 {
  font-family: "robotothin";
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.intro-welcome h1.tag {
  font-family: "robotoregular";
  text-transform: uppercase;
  color: #6ebe3b;
  font-size: 14px !important;
  margin: 0px;
}

.intro-welcome h1.tag.sales {
  color: #fb4420;
}

.intro-welcome h1.tag.marketing {
  color: #ff9d1d;
}

.intro-welcome h1.tag.education {
  color: #6ebe3b;
}

.intro-welcome h1.tag.hr {
  color: #16bcf1;
}

.intro-welcome h1.tag.enterprise {
  color: #2661e6;
}

.intro-welcome h1.tag svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 26px;
  height: 26px;
  top: -1px;
  margin-right: 10px;
}

.intro-welcome h2 {
  font-family: "robotothin";
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.intro-welcome .form-try-free,
.intro-welcome form {
  margin: 35px auto;
  transition: all 0.3s ease-in-out;
}

.intro-welcome p.help-block {
  margin-top: 10px;
  color: #a8a8b0;
  transition: all 0.3s ease-in-out;
}

.intro-welcome p {
  color: #f9f9f9;
  transition: all 0.3s ease-in-out;
}

.intro-welcome .input-lg,
.intro-welcome .input-group-lg > .form-control {
  height: 50px;
  border-radius: 25px;
  border-color: #f0f0f0;
  border-width: 0 0 2px;
  padding: 11px 15px 9px 25px;
  color: #292d38;
  transition: padding 0.3s ease-in-out, height 0.3s ease-in-out;
}

.intro-welcome .form-control::-moz-placeholder {
  text-transform: uppercase;
  color: #c8ccd8;
}

.intro-welcome .form-control:-ms-input-placeholder {
  text-transform: uppercase;
  color: #c8ccd8;
}

.intro-welcome .form-control::-webkit-input-placeholder {
  text-transform: uppercase;
  color: #c8ccd8;
}

.intro-welcome .input-group .btn-lg,
.intro-welcome .btn-group-lg > .btn.btn-free {
  border-radius: 25px;
  border-width: 0 0 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 13px 35px 11px;
  height: 50px;
  transition: padding 0.3s ease-in-out, height 0.3s ease-in-out;
}

.btn-free {
  background-color: #85d04c;
  background-image: linear-gradient(to bottom, #85d04c 0%, #79c541 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff85d04c", endColorstr="#ff79c541", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #66a537;
  text-transform: uppercase;
  color: #fff;
  line-height: 24px;
}

.btn-free:hover,
.btn-free:focus {
  background-color: #79c541;
  background-position: 0 -15px;
  color: #fff;
}

.intro-welcome .btn-play {
  background: url(../../images/play-lg.png) no-repeat 29px center transparent;
  border-color: #f9f9f9;
  border-radius: 100%;
  margin: 10px 0;
  position: relative;
  width: 75px;
  height: 75px;
  text-indent: -9999px;
  transition: all 0.3s ease-in-out;
}

.intro-welcome .btn-play:hover,
.intro-welcome.large .btn-play:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.intro-welcome .scroll-down {
  background: url(../../images/arrow-down.png) no-repeat center center;
  display: block;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 10px;
  left: 50%;
}

.intro-welcome .sliding-vertical {
  display: inline-block;
  position: relative;
  width: 110px;
  height: 28px;
}

.intro-welcome .sliding-vertical .stress {
  /*background: url(../../images/green-stress-lg.png) no-repeat center center;*/
  position: absolute;
  right: 0px;
  bottom: -20px;
  height: 17px;
  width: 100%;
}

.intro-welcome .sliding-vertical .stress svg {
  position: absolute;
  display: block;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 17px;
  width: 100%;
  color: #6ebe3b;
}

.intro-welcome .sliding-vertical span {
  animation: topToBottom 8s linear infinite 0s;
  -ms-animation: topToBottom 8s linear infinite 0s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-family: "robotoregular";
}

.intro-welcome .sliding-vertical span:nth-child(2) {
  animation-delay: 2s;
  -ms-animation-delay: 2s;
  -webkit-animation-delay: 2s;
}

.intro-welcome .sliding-vertical span:nth-child(3) {
  animation-delay: 4s;
  -ms-animation-delay: 4s;
  -webkit-animation-delay: 4s;
}

.intro-welcome .sliding-vertical span:nth-child(4) {
  animation-delay: 6s;
  -ms-animation-delay: 6s;
  -webkit-animation-delay: 6s;
}

/*topToBottom Animation*/
@keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    transform: translateY(-50px);
  }
  10% {
    opacity: 1;
    transform: translateY(0px);
  }
  25% {
    opacity: 1;
    transform: translateY(0px);
  }
  30% {
    opacity: 0;
    transform: translateY(50px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .intro-welcome h1 {
    font-size: 48px;
  }
  .intro-welcome h2 {
    font-size: 20px;
    line-height: 38px;
  }
  .intro-welcome h2.title {
    font-size: 45px;
    font-size: 2.8125em;
  }
  .intro-welcome h2 .sliding-vertical {
    height: 27px;
    width: 77px;
  }
  [lang=en] .intro-welcome h2 .sliding-vertical {
    width: 75px;
  }
  [lang=pl] .intro-welcome h2 .sliding-vertical {
    width: 120px;
  }
  [lang=de] .intro-welcome h2 .sliding-vertical {
    width: 110px;
  }
  [lang=ru] .intro-welcome h2 .sliding-vertical {
    width: 250px;
    text-align: left;
  }
  [lang=es] .intro-welcome h2 .sliding-vertical {
    width: 80px;
  }
  /*.intro-welcome h2 .sliding-vertical .stress {
      background: url(../../images/green-stress-sm.png) no-repeat center center;
  }*/
  .intro-welcome p.help-block {
    font-size: 11px;
  }
  .intro-welcome p {
    font-size: 12px;
  }
  .intro-welcome .btn-play {
    background: url(../../images/play-md.png) no-repeat 23px center transparent;
    width: 60px;
    height: 60px;
  }
  .intro-welcome.large h1 {
    font-size: 75px;
  }
  [lang=ru] .intro-welcome.large h1 {
    font-size: 60px;
  }
  .intro-welcome.large h2 {
    font-size: 25px;
    line-height: 32px;
  }
  .intro-welcome.large h2.title {
    font-size: 50px;
  }
  .intro-welcome.large h2 .sliding-vertical {
    height: 26px;
    width: 92px;
  }
  [lang=en] .intro-welcome.large h2 .sliding-vertical {
    width: 100px;
  }
  [lang=pl] .intro-welcome.large h2 .sliding-vertical {
    width: 150px;
  }
  [lang=de] .intro-welcome.large h2 .sliding-vertical {
    width: 135px;
  }
  [lang=ru] .intro-welcome.large h2 .sliding-vertical {
    width: 300px;
    text-align: left;
  }
  [lang=es] .intro-welcome.large h2 .sliding-vertical {
    width: 105px;
  }
  /*.intro-welcome.large h2 .sliding-vertical .stress {
      background: url(../../images/green-stress-md.png) no-repeat center center;
  }*/
  .intro-welcome.large p.help-block {
    font-size: 12px;
  }
  .intro-welcome.large p {
    font-size: 14px;
  }
  .intro-welcome .input-lg,
  .intro-welcome .input-group-lg > .form-control {
    font-size: 14px;
    padding: 7px 10px 5px 20px;
    height: 42px;
  }
  .intro-welcome .input-group .btn-lg,
  .intro-welcome .btn-group-lg > .btn.btn-free {
    font-size: 14px;
    padding: 12px 20px 8px;
    height: 42px;
  }
}
/*@media (min-width: 421px) and (max-width: 767px) { }*/
/*@media (min-width: 768px) and (max-width: 1259px) {}*/
/*@media (min-width: 1260px) {}*/
@media (min-width: 768px) {
  .intro-welcome h1 {
    font-size: 75px;
  }
  [lang=pl] .intro-welcome h1,
  [lang=de] .intro-welcome h1,
  [lang=ru] .intro-welcome h1,
  [lang=es] .intro-welcome h1 {
    font-size: 60px;
  }
  .intro-welcome h2 {
    font-size: 25px;
    line-height: 37px;
  }
  .intro-welcome h2.title {
    font-size: 50px;
    font-size: 3.125rem;
  }
  .intro-welcome h2 .sliding-vertical {
    height: 28px;
    width: 92px;
  }
  [lang=en] .intro-welcome h2 .sliding-vertical {
    width: 92px;
  }
  [lang=pl] .intro-welcome h2 .sliding-vertical {
    width: 155px;
  }
  [lang=de] .intro-welcome h2 .sliding-vertical {
    width: 150px;
  }
  [lang=ru] .intro-welcome h2 .sliding-vertical {
    width: 300px;
    text-align: left;
  }
  [lang=es] .intro-welcome h2 .sliding-vertical {
    width: 128px;
  }
  /*.intro-welcome h2 .sliding-vertical .stress {
      background: url(../../images/green-stress-md.png) no-repeat center center;
  }*/
  .intro-welcome p.help-block {
    font-size: 12px;
  }
  .intro-welcome p {
    font-size: 14px;
  }
  .intro-welcome .btn-play {
    background: url(../../images/play-md.png) no-repeat 23px center transparent;
    width: 60px;
    height: 60px;
  }
  .intro-welcome.large h1 {
    font-size: 90px;
  }
  [lang=pl] .intro-welcome.large h1,
  [lang=de] .intro-welcome.large h1 {
    font-size: 85px;
  }
  [lang=ru] .intro-welcome.large h1 {
    font-size: 65px;
  }
  [lang=es] .intro-welcome.large h1 {
    font-size: 80px;
  }
  .intro-welcome.large h2 {
    font-size: 34px;
    line-height: 31px;
  }
  .intro-welcome.large h2.title {
    font-size: 55px;
  }
  .intro-welcome.large h2 .sliding-vertical {
    height: 29px;
    width: 110px;
  }
  [lang=en] .intro-welcome.large h2 .sliding-vertical {
    width: 125px;
  }
  [lang=pl] .intro-welcome.large h2 .sliding-vertical {
    width: 200px;
  }
  [lang=de] .intro-welcome.large h2 .sliding-vertical {
    width: 180px;
  }
  [lang=ru] .intro-welcome.large h2 .sliding-vertical {
    width: 375px;
    text-align: left;
  }
  [lang=es] .intro-welcome.large h2 .sliding-vertical {
    width: 135px;
  }
  /*.intro-welcome.large h2 .sliding-vertical .stress {
      background: url(../../images/green-stress-lg.png) no-repeat center center;
  }*/
  .intro-welcome.large p.help-block {
    font-size: 12px;
  }
  .intro-welcome.large p {
    font-size: 18px;
  }
  .intro-welcome.large .btn-play {
    background: url(../../images/play-lg.png) no-repeat 29px center transparent;
    width: 75px;
    height: 75px;
  }
}
/* SECTION features
-------------------------------------------------- */
section#features {
  background: url(../../images/features/bg-features.jpg) repeat-x top center;
  overflow: hidden;
}

section#features .row:first-child {
  margin-bottom: 0px;
}

section#features .row {
  margin-bottom: 165px;
}

@media (max-width: 991px) {
  section#features .row {
    margin-bottom: 45px;
  }
}
section#features h2 {
  margin-top: 80px;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}

section#features h3 {
  margin-top: 35px;
  margin-bottom: 115px;
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
}

@media (max-width: 991px) {
  section#features h3 {
    margin-bottom: 45px;
  }
}
section#features h4 {
  margin-top: 50px;
  margin-bottom: 32px;
  font-size: 40px;
  font-size: 2.5rem;
  color: #292d38;
}

section#features p {
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.125rem;
  color: #6b7183;
}

section#features img.pull-left {
  /*margin-left: -66px;*/
}

.tile-group {
  display: block;
  padding: 0;
  margin: 30px 0px;
}

@media (max-width: 991px) {
  .tile-group {
    margin: 30px auto;
  }
}
.tile-group.tile-size {
  width: 330px;
}

.tile-group li {
  display: table;
  padding: 0;
  list-style: none;
  vertical-align: middle;
  border: 1px solid #eff0f3;
  margin-bottom: -1px;
  margin-right: -1px;
  height: 162px;
}

.tile-group li.footer {
  height: 40px;
}

.tile-group li a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 15px;
  font-family: "robotolight";
}

.tile-group li a.tile {
  padding: 0px 15px;
  color: #6b7183;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.tile-group li a.tile:hover {
  color: #fff;
}

.tile-group li a.tile:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}

@media screen\0  {
  .tile-group li a.tile:before {
    height: 162px;
  }
}
.tile-group li a.tile:hover:before {
  background: #6ebe3b;
  box-shadow: 0px 7px 29px 0px rgba(192, 192, 216, 0.64);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.tile-group li a.tile svg {
  display: block;
  position: relative;
  margin: 20px auto 5px;
  max-width: 100px;
  height: 40px;
  color: #6ebe3b;
  transition: all 0.3s ease-in-out;
}

.tile-group li a.tile:hover svg {
  color: #fff;
}

.tile-group li a.tile img {
  display: block;
  margin: 20px auto 5px;
}

.tile-group li a.tile span.title {
  display: table;
  position: relative;
  width: 100%;
  height: 70px;
}

.tile-group li a.tile span.title span {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 480px) {
  .tile-group.tile-size {
    width: 280px;
  }
  .tile-group li {
    height: 140px;
  }
  .tile-group li a {
    font-size: 12px;
  }
}
/* SECTION use-cases
-------------------------------------------------- */
/* SECTION integrations
-------------------------------------------------- */
/* SECTION why-clickmeeting
-------------------------------------------------- */
section#why-clickmeeting {
  background: url(../../images/banner/why.jpg) no-repeat center top #22262f;
  padding-bottom: 82px;
  color: #fff;
}
@media (max-width: 992px) {
  section#why-clickmeeting {
    background-image: url(../../images/banner/why-min.jpg);
  }
}

section#why-clickmeeting h2 {
  margin-top: 75px;
  margin-bottom: 0px;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #fff;
}

section#why-clickmeeting h3 {
  margin-top: 30px;
  font-size: 28px;
  font-size: 1.75rem;
  color: #959eb1;
}

section#why-clickmeeting h3 span {
  color: #fff;
}

section#why-clickmeeting h4 {
  margin: 10px 0px 80px;
  font-size: 28px;
  font-size: 1.75rem;
  color: #959eb1;
}

section#why-clickmeeting h4 a {
  display: inline-block;
}

section#why-clickmeeting h5 {
  font-size: 18px;
  font-size: 1.125rem;
}

section#why-clickmeeting blockquote {
  background: url(../../images/quotation-mark.png) no-repeat 53px 4px;
  border: none;
  padding: 10px 20px 10px 85px;
}

section#why-clickmeeting blockquote p {
  line-height: 1.5;
  font-style: italic;
  font-size: 17px;
  font-size: 1.0625rem;
}

section#why-clickmeeting blockquote small::before {
  content: "";
}

section#why-clickmeeting blockquote small {
  margin-top: 45px;
  font-family: "robotolight";
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
}

section#why-clickmeeting blockquote small cite {
  font-size: 14px;
  color: #6ebe3b;
}

/*to remove*/
/*.block-circle-counter {*/
/*margin: 40px 0px;*/
/*}*/
/*.circle-counter {*/
/*background-color: rgba(34, 38, 47, 0.4);*/
/*border: 1px solid #6ebe3b;*/
/*padding: 15px;*/
/*width: 304px;*/
/*height: 304px;*/
/*margin: 40px auto;*/
/*-webkit-box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.1);*/
/*box-shadow: inset 0px 0px 0px 10px rgba(0, 0, 0, 0.1);*/
/*-webkit-border-radius: 50%;*/
/*-moz-border-radius: 50%;*/
/*border-radius: 50%;*/
/*}*/
section#why-clickmeeting .circle-counter h4.counter {
  margin-top: 82px;
  margin-bottom: 10px;
  font-size: 50px;
  color: #6ebe3b;
  font-family: "robotothin";
}

section#why-clickmeeting .circle-counter.circle-counter-cre h4.counter {
  margin-top: 0;
}

section#why-clickmeeting .circle-counter.circle-counter-cre svg {
  margin-top: 80px;
}

.circle-counter p.info {
  font-size: 18px;
  margin: 0px 15px;
}

.circle-counter p.info-more {
  margin: 0px 50px;
  font-size: 12px;
  color: #6a7486;
}

/* FOOTER
-------------------------------------------------- */
/* FEATURES
-------------------------------------------------- */
#use-case,
#all-features {
  padding: 90px 0px;
  overflow: hidden;
}

#use-case .chapter-case,
#all-features .chapter-feature {
  margin-bottom: 75px;
}

#use-case .chapter-case:first-child .tile-wrap {
  margin: 50px auto 10px;
}

#use-case .chapter-case.materials {
  background: url(../../images/features/bg-features.jpg) repeat-x top center;
  padding-top: 80px;
}

#use-case .chapter-case.support {
  background-color: #222630;
  padding: 80px 0px;
  margin-bottom: 0px;
}

#use-case .chapter-case.team {
  margin-bottom: 0px;
}

#use-case .chapter-case.form {
  background-color: #f4f6fb;
  padding: 90px 0px;
  margin-bottom: -90px;
  position: relative;
  min-height: 400px;
}

#use-case .main-point,
#all-features .main-point {
  position: relative;
}

#use-case .main-point span,
#all-features .main-point span {
  font-family: "robotobold";
  font-size: 85px;
  font-size: 5.3125rem;
  color: #e7e8ed;
  position: relative;
  margin: 10px 0px;
}

#use-case .main-point:after,
#all-features .main-point:after {
  border-top: 2px solid #e7e8ed;
  content: "";
  height: 0;
  right: 30px;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -140px;
  width: 60px;
}

#use-case .main-point:before,
#all-features .main-point:before {
  border-top: 2px solid #e7e8ed;
  content: "";
  height: 0;
  right: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -140px;
  width: 60px;
}

#use-case h4,
#all-features h4 {
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
  margin-bottom: 28px;
}

#use-case .chapter-case.support h4 {
  color: #fff;
}

#use-case .chapter-case.team img {
  margin: 30px auto 40px;
  width: 165px;
  height: 165px;
  border-radius: 100%;
}

#use-case p,
#all-features p {
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.125rem;
  color: #6b7183;
  margin-bottom: 30px;
}

#use-case p {
  font-size: 24px;
  font-size: 1.5rem;
}

#use-case .chapter-case.materials p {
  font-size: 18px;
  font-size: 1.125rem;
}

.chapter-feature .panel-wrap {
  position: relative;
}

.chapter-feature .panel-flashcard {
  width: 500px;
  position: absolute;
  bottom: -50px;
  left: -50px;
}

.chapter-feature .screens {
  float: left;
}

.chapter-feature .screens.right {
  float: right;
}

.chapter-feature .panel-flashcard.right {
  right: -50px;
  left: auto;
}

.chapter-feature .sticky {
  width: 100%;
}

.chapter-feature .sticky:hover {
  cursor: pointer;
}

header.features {
  height: 550px;
  position: relative;
}

header.features h2.sentence {
  line-height: 1.45;
}

header.features .wrap-btn-browse {
  position: absolute;
  text-align: center;
  width: 360px;
  bottom: -28px;
  left: 50%;
  margin-left: -180px;
}

@media all and (max-width: 450px) {
  header.features .wrap-btn-browse {
    width: 320px;
    margin-left: -160px;
  }
  header.features .wrap-btn-browse .btn-lg {
    font-size: 16px;
  }
}
header.features .intro-btn {
  margin: 70px 0px;
}

header.features .intro-btn .btn {
  margin: 0px 10px 15px;
}

.flashcards {
  position: absolute;
  bottom: 0px;
  width: 500px;
}

.flashcards.left {
  left: -50px;
}

.flashcards.right {
  right: -50px;
}

@media (max-width: 767px) {
  .flashcards {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flashcards.left {
    left: 50%;
    margin-left: -250px;
  }
  .flashcards.right {
    right: 50%;
    margin-right: -250px;
  }
}
#features .panel-flashcard,
#all-features .panel-flashcard {
  background: #6ebe3b;
  padding: 40px;
  color: #fff;
  box-shadow: 0px 7px 29px 0px rgba(192, 192, 216, 0.64);
  animation-duration: 0s;
  animation-fill-mode: both;
  /*-webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;*/
}

#features .panel-screen,
#all-features .panel-screen {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

#features .panel-flashcard h3,
#all-features .panel-flashcard h3 {
  font-size: 40px;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 25px;
}

#features .panel-flashcard p,
#all-features .panel-flashcard p {
  color: #fff;
  margin-bottom: 0px;
  font-size: 18px;
}

@media (max-width: 1500px) {
  #features .panel-flashcard h3,
  #all-features .panel-flashcard h3 {
    font-size: 32px;
    margin-bottom: 14px;
  }
  #features .panel-flashcard p,
  #all-features .panel-flashcard p {
    font-size: 16px;
  }
}
@keyframes AnimateFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate-fadeIn {
  animation-name: AnimateFadeIn;
}

/*
@-webkit-keyframes AnimateZoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes AnimateZoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.animate-ZoomIn {
  -webkit-animation-name: AnimateZoomIn;
  animation-name: AnimateZoomIn;
}
*/
/* POPUP FEATURES
-------------------------------------------------- */
.modal-backdrop.in {
  /*background-color: rgba(110, 190, 59, 0.95);
  opacity: 1;*/
}

.modal-fluid {
  width: auto;
}

.modal.features {
  background-color: rgba(110, 190, 59, 0.85);
  opacity: 1;
}

.modal.ues-cases {
  background-color: rgba(243, 246, 250, 0.95);
  opacity: 1;
}

.modal.bg-movie {
  background-color: #0a0c12;
  opacity: 1;
  margin-right: -15px;
}

.modal.features h2 {
  font-size: 55px;
  font-size: 3.4375rem;
  color: #fff;
  padding: 0 50px;
}

.modal.ues-cases h2 {
  font-size: 55px;
  font-size: 3.4375rem;
  color: #292d38;
  font-weight: 500 !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  padding: 0 50px;
}

.popup-body {
  position: relative;
  padding: 15px;
}

.panel-feature .main-point {
  position: relative;
}

.panel-feature .main-point:after,
.panel-feature .main-point:after {
  border-top: 1px solid #4a8e1f;
  content: "";
  height: 0;
  right: 30px;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -120px;
  width: 60px;
  opacity: 0.3;
  filter: alpha(opacity=50);
}

.panel-feature .main-point:before,
.panel-feature .main-point:before {
  border-top: 1px solid #4a8e1f;
  content: "";
  height: 0;
  left: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -120px;
  width: 60px;
  opacity: 0.3;
  filter: alpha(opacity=50);
}

.panel-feature .main-point span {
  font-family: "robotobold";
  font-size: 56px;
  color: #4a8e1f;
  opacity: 0.3;
  filter: alpha(opacity=50);
  margin-top: 0 !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  display: block;
}

.panel-feature h3 {
  font-size: 35px;
  font-size: 2.1875rem;
  color: #fff;
  padding: 0px 15px;
  text-align: left;
}

.panel-feature svg {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  max-width: 24px;
  height: 24px;
  top: 50%;
  left: 10px;
  margin-top: -12px;
}

.panel-feature ul li {
  margin: 15px 0px;
  padding: 0px 15px;
  position: relative;
  display: block;
  font-family: "robotolight";
  font-size: 18px;
  font-size: 1.125rem;
}

.panel-feature ul li a {
  display: inline-block;
  position: relative;
  padding: 5px 10px 5px 45px;
  text-decoration: none;
  border-radius: 3px;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.panel-feature ul li a .beta {
  background: #00afec;
  font-size: 12px;
  line-height: 11px;
  text-transform: uppercase;
  padding: 5px;
  color: #fff;
  border-radius: 2px;
  box-shadow: 0px 6px 16px 0px rgba(10, 19, 45, 0.18);
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
}

.panel-feature ul li a .new {
  background: #ff4200;
  font-size: 12px;
  line-height: 11px;
  text-transform: uppercase;
  padding: 5px;
  color: #fff;
  border-radius: 2px;
  box-shadow: 0px 6px 16px 0px rgba(10, 19, 45, 0.18);
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
}

.panel-feature ul li a:hover {
  background-color: rgba(43, 111, 0, 0.3);
}

.panel-feature .tooltip {
  min-width: 250px;
}

.panel-feature .tooltip .tooltip-inner {
  min-width: 250px;
  text-align: left;
  padding: 15px;
}

.close-modal {
  display: block;
  margin-top: 13px;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 15px;
  z-index: 1;
}

.close-modal svg {
  display: inline-block;
  height: 40px;
  max-width: 40px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  color: #fff;
}

.close-modal:hover svg {
  color: #c4eda9;
}

.modal.ues-cases .close-modal svg,
.modal.signup .close-modal svg {
  color: #292d38;
}

.modal.ues-cases .close-modal:hover svg,
.modal.signup .close-modal:hover svg {
  color: #343e5d;
}

.modal.bg-movie .close-modal {
  background-color: rgba(41, 45, 56, 0.5);
  right: 50px;
  margin-top: 50px;
  width: 35px;
  height: 35px;
  border-radius: 25px;
}

.modal.bg-movie .close-modal:hover {
  background-color: rgb(41, 45, 56);
}

.modal.bg-movie .close-modal svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0px 0px -7px;
  height: 14px;
  max-width: 14px;
}

.modal.bg-movie .close-modal:hover svg {
  color: #fff;
}

.modal.bg-movie .modal-dialog {
  margin: 0px;
  height: 100%;
}

.modal-movie {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  height: 100%;
  width: 100%;
  display: table;
  position: relative;
}

.modal-movie iframe {
  position: absolute;
  top: -99999px;
  bottom: -99999px;
  left: -99999px;
  right: -99999px;
  margin: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
}

/* TOOL
-------------------------------------------------- */
.tool {
  padding: 160px 0px 60px;
}
@media (max-width: 992px) {
  .tool {
    padding-top: 100px;
  }
}

.tool.features_live_streaming {
  background-image: url(../../images/tools/features-live-streaming-bg.jpg);
  background-repeat: no-repeat;
  background-position: center -280px;
}

@media (max-width: 1259px) {
  .tool.features_live_streaming {
    background-position: center -410px;
  }
}
@media (max-width: 991px) {
  .tool.features_live_streaming {
    background-position: center -490px;
  }
}
@media (max-width: 767px) {
  .tool.features_live_streaming {
    background-image: none;
  }
}
.tool h1.tag {
  font-family: "robotoregular";
  color: #6ebe3b;
  font-size: 14px;
  margin: 0px;
  text-transform: uppercase;
}

.tool .tag svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 26px;
  height: 26px;
  top: -1px;
  margin-right: 10px;
}

.tool h1,
.tool h2.title {
  font-size: 55px;
  font-size: 3.0375rem;
  color: #292d38;
  margin-bottom: 2.25rem;
}

.tool h2 {
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}

.tool p {
  font-size: 25px;
  font-size: 1.4625rem;
  color: #6b7183;
}

.tool img.center-block {
  margin: 0 auto 40px;
}

.tool img.center-block.features_live_streaming {
  margin-top: -10px;
  margin-bottom: 0;
}

.tool .embed-movie {
  margin: 20px auto 30px;
}

.tool-img {
  position: relative;
}

.tool-img .btn-play {
  background: url(../../images/play-lg.png) no-repeat 40px center rgba(40, 45, 56, 0.75);
  border: none;
  border-radius: 100%;
  position: absolute;
  display: block;
  width: 96px;
  height: 96px;
  top: 50%;
  left: 50%;
  margin-top: -48px;
  margin-left: -48px;
  text-indent: -9999px;
  transition: all 0.3s ease-in-out;
}

.tool-img .btn-play:hover {
  background-color: rgba(40, 45, 56, 0.5);
}

.tool .tool-work-list {
  background-color: #222630;
  padding-top: 90px;
  margin: 90px 0 0;
}

.tool .tool-work-list .tool-work-list__title {
  font-size: 45px;
  font-family: "robotolight";
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 70px;
}

.tool .tool-work-list .tool-work-list__single {
  text-align: center;
  margin: 0 auto 110px;
}

@media (max-width: 767px) {
  .tool .tool-work-list .tool-work-list__single {
    width: auto;
    margin: 0 auto 50px;
  }
}
.tool .tool-work-list .tool-work-list__single img {
  height: 280px;
}

.tool .tool-work-list .tool-work-list__content {
  margin-top: 43px;
}

.tool .tool-work-list .tool-work-list__content span {
  display: inline-block;
  margin-right: 5px;
  font-size: 25px;
  font-family: "robotomedium";
  color: #6ebe3b;
}

.tool .tool-work-list .tool-work-list__content p {
  display: inline-block;
  margin: 0;
  font-size: 21px;
  font-family: "robotoregular";
  color: #ffffff;
}

.tool-blog-banner {
  background-color: #1e222d;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 680px;
  position: relative;
}

.tool-blog-banner.features_published_recording_webinars {
  background-image: url(../../images/tools/blog-banner-demand.jpg);
}

.tool-blog-banner.features_live_streaming {
  background-image: url(../../images/tools/blog-banner-live-streaming.jpg);
}

.tool-blog-banner__content {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tool-blog-banner .label-blog {
  background: #6ebe3b;
  font-family: "robotobold";
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 12px;
  padding: 2px 10px 3px;
  border-radius: 0;
}

.tool-blog-banner h2 {
  font-size: 42px;
  font-family: "robotolight";
  line-height: 54px;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .tool-blog-banner h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}
.tool-blog-banner p {
  font-size: 24px;
  font-family: "robotolight";
  line-height: 38px;
  color: #e6e9f4;
  margin-top: 0;
  margin-bottom: 55px;
  max-width: 1000px;
}

@media (max-width: 767px) {
  .tool-blog-banner p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
.tool-blog-banner .btn {
  font-size: 16px;
  text-transform: uppercase;
  padding: 14px 35px;
}

@media (max-width: 767px) {
  .tool-blog-banner .btn {
    font-size: 14px;
    padding: 16px 26px;
  }
}
.tool .tool-benefits {
  padding: 70px 0px 0px;
}

.tool .tool-benefits h2 {
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}

.tool-benefits .box {
  margin-top: 70px;
}

.tool-benefits .box .box-wrapper {
  max-width: 320px;
  margin: 0 auto;
}

.tool-benefits .box .icon svg {
  display: block;
  margin: 20px auto 20px;
  max-width: 100px;
  height: 82px;
  color: #6ebe3b;
}

.tool-benefits .box h3 {
  color: #6ebe3b;
  font-size: 30px;
  font-size: 1.875rem;
  margin: 40px auto 20px;
}

.tool-benefits .box h4 {
  font-family: "robotoregular";
  color: #292d38;
  font-size: 18px;
  line-height: 1.4;
  margin: 40px auto 20px;
}

.tool-benefits .box p {
  color: #6b7183;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "robotolight";
}

@media (max-width: 1500px) {
  .tool-benefits .box .icon svg {
    height: 74px;
  }
}
.tool-benefits .box-inline {
  margin-top: 50px;
  position: relative;
}

.tool-benefits .box-inline .icon {
  position: absolute;
  top: 50%;
  margin-top: -36px;
}

.tool-benefits .box-inline .icon svg {
  display: block;
  max-width: 62px;
  height: 62px;
  color: #6ebe3b;
}

.tool-benefits .box-inline .box-body {
  padding: 15px 0px 15px 100px;
}

.tool-benefits .box-inline h3 {
  color: #6ebe3b;
  font-size: 30px;
  font-size: 1.875rem;
  margin: 40px auto 20px;
}

.tool-benefits .box-inline p {
  color: #6b7183;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "robotolight";
}

.tool-benefits .box-inline .desc-inline {
  display: inline-block;
  vertical-align: middle;
  max-width: 190px;
  margin-bottom: 0;
  margin-right: 40px;
}

.tool-benefits .box-inline .desc-inline.pl {
  max-width: 250px;
  margin-right: 10px;
}

@media (max-width: 1500px) {
  .tool-benefits .box-inline .icon {
    margin-top: -32px;
  }
  .tool-benefits .box-inline .icon svg {
    max-width: 54px;
    height: 54px;
  }
}
.section-bg-dark {
  background-color: #242833;
  padding: 90px 0px 80px;
  color: #fff;
  position: relative;
}

.section-bg-dark h2 {
  font-size: 45px;
  font-size: 2.8125rem;
}

.section-bg-dark p {
  font-size: 28px;
  font-size: 1.75rem;
  color: #959eb1;
}

.section-bg-dark p span {
  color: #fff;
}

.section-bg-dark .wrap-btn-browse {
  position: absolute;
  text-align: center;
  width: 320px;
  top: -28px;
  left: 50%;
  margin-left: -160px;
}

@media all and (max-width: 450px) {
  .section-bg-dark .wrap-btn-browse .btn-lg {
    font-size: 15px;
  }
}
.section-bg-dark .btn-panel {
  margin-top: 60px;
  margin-bottom: 10px;
}

.section-bg-dark .btn-panel .btn {
  margin: 0 0 10px;
  padding: 17px 25px;
  border-radius: 30px;
  min-width: 200px;
}

/*
[lang="de"] .section-bg-dark .btn-panel .btn,
[lang="ru"] .section-bg-dark .btn-panel .btn {
    width: 250px;
}*/
@media (max-width: 767px) {
  .section-bg-dark .btn-panel .text-left,
  .section-bg-dark .btn-panel .text-right {
    text-align: center;
  }
}
.section-bg-dark p.help-block {
  font-size: 12px;
  color: #a8a8b0;
}

/*
.btn.btn-sales:hover,
.btn.btn-sales:focus {
    background-color: #fb4420;
    background-position: 0 -15px;
}
.btn.btn-marketing:hover,
.btn.btn-marketing:focus {
    background-color: #ff9d1d;
    background-position: 0 -15px;
}
.btn.btn-education:hover,
.btn.btn-education:focus {
    background-color: #6bc02f;
    background-position: 0 -15px;
}
.btn.btn-hr:hover,
.btn.btn-hr:focus {
    background-color: #16bcf1;
    background-position: 0 -15px;
}
.btn.btn-enterprise:hover,
.btn.btn-enterprise:focus {
    background-color: #2661e6;
    background-position: 0 -15px;
}
.btn.btn-fb:hover,
.btn.btn-fb:focus {
    background-color: #4867aa;
    background-position: 0 -15px;
}
.btn.btn-green:hover,
.btn.btn-green:focus {
    background-color: #6bc02f;
    background-position: 0 -15px;
}
*/
.btn.btn-default .svg-stroke,
.btn.btn-default .svg-fill,
.btn.btn-sales .svg-fill,
.btn.btn-marketing .svg-fill,
.btn.btn-education .svg-fill,
.btn.btn-hr .svg-fill,
.btn.btn-enterprise .svg-fill,
.btn.btn-green .svg-fill {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 17px;
  height: 17px;
  top: -1px;
  margin-right: 10px;
}

.heading-middle-border:before {
  border-top: 1px solid #ededed;
  content: "";
  height: 0;
  position: absolute;
  left: auto;
  right: 0;
  top: 50%;
  width: 100%;
}

@media all and (max-width: 450px) {
  .heading-middle-border:before {
    border: none;
  }
}
.heading-middle-border .wrap {
  border-left: 20px solid #fff;
  border-right: 20px solid #fff;
  display: inline-block;
  position: relative;
}

@media all and (max-width: 450px) {
  .heading-middle-border .wrap {
    border: none;
    margin-left: -15px;
    margin-right: -15px;
  }
  .heading-middle-border .wrap .btn-lg {
    font-size: 15px;
    padding: 16px 16px;
  }
}
.how-does-it-work {
  background: #f5f6fb;
  padding: 100px 0px;
}

.how-does-it-work h2 {
  margin-top: 0px;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}

.how-does-it-work .block-step {
  padding: 20px 0px;
  margin: 40px 0px 20px;
}

.how-does-it-work .block-step .bg-circle {
  position: relative;
  width: 230px;
  height: 230px;
  margin: 0px auto;
  border-radius: 50%;
  box-shadow: 0px 6px 24px 0px rgba(40, 45, 56, 0.1);
}

.how-does-it-work .block-step .bg-circle .num {
  background: #6ebe3b;
  position: absolute;
  bottom: 25px;
  right: 5px;
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}

.how-does-it-work .block-step p {
  margin: 20px 0px;
  font-size: 21px;
  color: #6b7183;
}

.supported-file-formats {
  background: #f5f6fb;
  padding: 100px 0px;
}

.supported-file-formats h2 {
  margin-top: 0px;
  margin-bottom: 60px;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}

.list-unstyled.list-file li {
  padding: 10px 0 10px 15px;
  color: #6b7183;
  position: relative;
}

.list-unstyled.list-file li::after {
  background: #6ebe3b;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 2px;
}

.main-rules-webinar-hosting {
  padding: 0 0 100px;
}

.main-rules-webinar-hosting h3 {
  margin-bottom: 20px;
  font-size: 32px;
  font-size: 2rem;
  color: #292d38;
}

.main-rules-webinar-hosting h4 {
  margin: 50px 0 30px;
  font-size: 24px;
  font-size: 1.5rem;
  color: #292d38;
}

.main-rules-webinar-hosting p {
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #6b7183;
}

.main-rules-wrap {
  position: relative;
  overflow: hidden;
}

.main-rules-border {
  position: relative;
  display: inline-block;
  padding: 5px 25px;
}

.main-rules-border:before,
.main-rules-border:after {
  border-top: 1px solid #ededed;
  content: "";
  height: 0;
  position: absolute;
  top: 50%;
  width: 600px;
}

.main-rules-border:before {
  right: 100%;
}

.main-rules-border:after {
  left: 100%;
}

.btn-main-rules {
  position: relative;
  padding-right: 15px;
  font-family: "robotolight";
  font-size: 18px;
  font-size: 1.125rem;
  cursor: pointer;
}

.btn-main-rules.rules-close:after,
.btn-main-rules.rules-open:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  margin-top: -1px;
  right: 2px;
}

.btn-main-rules.rules-close:after {
  border-width: 4px 4px 0;
  border-top-color: #00afec;
}

.btn-main-rules.rules-open:after {
  border-width: 0px 4px 4px;
  border-bottom-color: #00afec;
}

/* BTN OUTLINE
-------------------------------------------------- */
.btn-outline {
  color: inherit;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.btn-default.btn-outline {
  color: #fff;
  border: 1px solid #fff;
}

.btn-default.btn-outline:hover,
.btn-default.btn-outline:focus {
  background-color: #fff;
  color: #20242e;
}

.btn-default.btn-outline:hover svg,
.btn-default.btn-outline:focus svg {
  color: #20242e;
}

.btn-green.btn-outline {
  color: #6ebe3b;
  border: 1px solid #6ebe3b;
}

.btn-primary.btn-outline {
  color: #428bca;
}

.btn-success.btn-outline {
  color: #5cb85c;
}

.btn-info.btn-outline {
  color: #5bc0de;
}

.btn-warning.btn-outline {
  color: #f0ad4e;
}

.btn-danger.btn-outline {
  color: #d9534f;
}

.btn-sales.btn-outline {
  color: #fb4420;
  border: 1px solid #fb4420;
}

.btn-marketing.btn-outline {
  color: #ff9d1d;
  border: 1px solid #ff9d1d;
}

.btn-education.btn-outline {
  color: #6ebe3b;
  border: 1px solid #6ebe3b;
}

.btn-hr.btn-outline {
  color: #16bcf1;
  border: 1px solid #16bcf1;
}

.btn-enterprise.btn-outline {
  color: #2661e6;
  border: 1px solid #2661e6;
}

.btn-green.btn-outline:hover,
.btn-green.btn-outline:focus,
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover,
.btn-sales.btn-outline:hover,
.btn-sales.btn-outline:focus,
.btn-marketing.btn-outline:hover,
.btn-marketing.btn-outline:focus .btn-education.btn-outline:hover,
.btn-education.btn-outline:focus,
.btn-hr.btn-outline:hover,
.btn-hr.btn-outline:focus,
.btn-enterprise.btn-outline:hover,
.btn-enterprise.btn-outline:focus {
  color: #fff;
}

/* ORDER FORM
-------------------------------------------------- */
.thank-you {
  background: #f4f6fb;
  padding: 100px 0;
}

.list-summary {
  background: #fff;
  padding: 65px 15px;
}

.list-summary-footer {
  background: url(../../images/order-form/bg-curtain.png) repeat-x center center;
  height: 25px;
}

.list-summary img.check {
  margin-bottom: 20px;
}

.list-summary h1 {
  margin-top: 30px;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}

.list-summary h2 {
  margin-top: 60px;
  font-size: 35px;
  color: #292d38;
}

.list-summary h3.order-id {
  margin-top: 60px;
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
}

.summary {
  position: fixed;
  /*position: relative;*/
  width: 400px;
}

@media (max-width: 1259px) {
  .summary {
    width: 295px;
  }
}
@media (min-width: 992px) {
  .summary {
    top: 80px;
    bottom: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    padding-left: 10px;
  }
  .order-form.show-promo .summary,
  .order-form.attendees-promo .summary,
  .order-form.cre .summary {
    top: 80px;
  }
  .order-form.show-promo.attendees-promo .summary {
    top: 204px;
  }
}
@media (max-width: 991px) {
  .sidebar-wrapper-summary {
    padding-top: 50px;
    background: #f4f6fb;
    border: 1px solid #f4f6fb;
  }
  .summary {
    position: relative;
    width: auto;
    top: 0 !important;
  }
}
.summary .summary-confirm {
  margin-top: 10px;
}

.summary .summary-confirm .buy-now {
  margin-top: 20px;
}

.summary .summary-confirm .clauses span,
.summary .summary-confirm .clauses p {
  color: #6b7183 !important;
  font-family: "robotoregular" !important;
}

.summary .summary-confirm .clauses .clickmeeting {
  color: #6b7183 !important;
  border-color: #6b7183;
  font-family: "robotomedium" !important;
}

.summary .summary-confirm .btn {
  margin: 0px 0px 10px;
  padding: 16px 40px;
  width: 100%;
}

.summary .summary-confirm.cre h1.price {
  margin: 15px 0;
}

.summary .summary-confirm.cre .btn {
  font-size: 21px;
  padding: 15px 20px;
  border-radius: 60px;
  width: 220px;
  white-space: normal;
}

.summary .summary-confirm.cre .btn small {
  display: block;
  font-size: 12px;
}

@media (max-width: 500px) {
  .summary-confirm .col-xs-6 {
    width: 100%;
  }
  .summary-confirm .col-xs-pull-6 {
    right: auto;
  }
  .summary-confirm .col-xs-push-6 {
    left: auto;
  }
}
.summary .summary-confirm .form-group {
  margin-bottom: 25px;
}

.summary .summary-confirm .form-group .checkbox label,
.summary .summary-confirm .form-group.form-basic .checkbox label {
  font-family: "robotolight";
  font-size: 12px;
  color: #bdc1cb;
}

.summary .table-responsive,
.list-summary .table-responsive {
  padding: 10px 0px;
  border-top: 1px solid #e2e5ed;
  margin: 30px 0px;
}

@media screen and (max-width: 767px) {
  .summary .table-responsive,
  .list-summary .table-responsive {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
}
.summary .table-responsive {
  margin: 0;
}
.summary .table-responsive:first-child {
  margin-top: 10px;
}

.summary .table-responsive > .table,
.list-summary .table-responsive > .table {
  margin-bottom: 0px;
}

.list-summary .table {
  text-align: left;
}

.summary .table > tbody > tr > td,
.list-summary .table > tbody > tr > td {
  font-family: "robotoregular";
  font-size: 12px;
  border: none;
  color: #6b7183;
  text-transform: uppercase;
}

.summary .table > tbody > tr > td {
  padding: 4px 0px;
}

.summary .table > tbody > tr > td .scratch {
  position: relative;
  padding: 0 3px;
}
.summary .table > tbody > tr > td .scratch:after {
  background: #f55155;
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}

.summary .table > tbody > tr > td.text-right,
.list-summary .table > tbody > tr > td.text-right {
  font-family: "robotomedium";
  font-size: 16px;
  color: #1b1f2b;
  text-transform: capitalize;
}

.summary .table > tbody > tr > td.text-save .list-summary .table > tbody > tr > td.text-save {
  color: #6ebe3b;
}

.summary .table > tbody > tr > td.text-save {
  color: #6ebe3b !important;
}

.summary .table > tbody > tr > td.text-save.promo-save {
  color: #d21935 !important;
}

.list-summary .price-block {
  margin-bottom: 45px;
}

.summary h1.price,
.list-summary .price-block h1 {
  font-size: 35px;
  color: #6ebe3b;
}

.summary .summary-confirm.cre h1.price {
  font-size: 30px;
}

.summary-final-price__label {
  font-size: 16px !important;
  font-family: "robotomedium" !important;
  color: #1b1f2b !important;
  vertical-align: bottom !important;
  text-transform: none !important;
}

.summary-final-price__value {
  font-size: 38px !important;
  font-family: "robotomedium" !important;
  color: #1b1f2b !important;
  vertical-align: bottom !important;
  line-height: 38px !important;
}

.summary h1.price {
  margin-top: 0px;
  margin-bottom: 5px;
}

.summary p.help-block,
.list-summary .price-block p {
  font-size: 9px;
  color: #6b7183;
  font-family: "robotoregular";
}

.summary p.help-block.vat {
  margin-bottom: 5px;
}

.link-discount {
  margin: 0 0 5px;
  font-size: 12px;
  text-transform: none;
  font-family: "robotoregular";
}
.link-discount a {
  cursor: pointer;
}

.block-discount {
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 20px;
  position: relative;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.03);
  border-radius: 2px;
}

.block-discount .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: -6px;
  left: 25px;
  margin-left: -5px;
  border-width: 0 6px 6px;
  border-bottom-color: #fff;
}

.block-discount .form-group {
  margin-bottom: 0px !important;
}

.block-discount .info-discount {
  margin-top: 24px;
  font-family: "robotomedium";
  color: #1b1f2b;
}

.block-discount .info-discount span {
  font-family: "robotomedium";
  display: inline-block;
  font-size: 16px;
}

.block-discount .info-discount span.text-save {
  color: #6ebe3b;
}

.thank-you .thank-you-more {
  background: url(../../images/order-form/bg-addons.png) no-repeat center 70px;
  padding: 70px 0px 135px;
}

.thank-you .thank-you-more h2 {
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
  margin-bottom: 40px;
}

.thank-you .thank-you-more .btn {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 12px 35px;
  color: #00afec;
}

.thank-you .thank-you-more .btn.btn-default {
  border-color: #d2d3d8;
}

.thank-you .thank-you-more .btn.btn-default:hover {
  background-color: #fff;
}

.order-form {
  padding: 25px 0px 100px;
  position: relative;
}

@media (max-width: 991px) {
  .order-form.upgrade-form {
    padding-bottom: 0;
  }
}
.order-form.show-promo {
  padding: 5px 0 100px;
}

.order-form.attendees-promo {
  padding: 25px 0 100px;
}

@media (max-width: 991px) {
  .order-form.attendees-promo {
    padding-bottom: 0;
  }
}
.order-form.cre {
  padding-top: 110px;
}

.order-form .bg-summary {
  background: #f4f6fb;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
}

@media (max-width: 991px) {
  .order-form .bg-summary {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  .order-form .bg-summary {
    width: 40%;
  }
}
@media (min-width: 1260px) and (max-width: 1499px) {
  .order-form .bg-summary {
    width: 39%;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .order-form .bg-summary {
    width: 40%;
  }
}
@media (min-width: 1600px) and (max-width: 1649px) {
  .order-form .bg-summary {
    width: 41%;
  }
}
@media (min-width: 1650px) and (max-width: 1949px) {
  .order-form .bg-summary {
    width: 42%;
  }
}
@media (min-width: 1950px) and (max-width: 2099px) {
  .order-form .bg-summary {
    width: 43%;
  }
}
@media (min-width: 2100px) {
  .order-form .bg-summary {
    width: 44%;
  }
}
#pricing.order-form .block-title {
  font-family: "robotomedium";
  font-size: 24px;
  color: #1b1f2b;
  margin: 0;
}

.order-form #order_form,
.order-form #free_upgrade_form {
  margin-top: 57px;
}

@media (max-width: 991px) {
  .order-form #order_form {
    margin-bottom: 0;
  }
  .order-form #free_upgrade_form {
    margin-bottom: 0;
  }
}
.order-form .block-header {
  margin: 0 0 25px;
}

.order-form .block-header .pull-right {
  font-size: 16px;
}

.order-form .block-header .alert-danger {
  margin-top: 20px;
  margin-bottom: 5px;
}

.order-form .summary .block-header {
  margin-bottom: 0;
}

.order-form .block-content {
  margin-bottom: 50px;
}

.order-form .popover {
  background-color: #1f232f;
  color: #fff;
  font-size: 11px;
  font-family: "robotoregular";
  border-radius: 4px;
  min-width: 276px;
}
.order-form .popover > .arrow {
  border-width: 5px;
}
.order-form .popover > .arrow:after {
  border-width: 5px;
}
.order-form .popover.right > .arrow {
  border-right-color: transparent;
  top: 50% !important;
}
.order-form .popover.right > .arrow:after {
  border-right-color: #1f232f;
  left: -4px;
}
.order-form .popover.left > .arrow:after {
  border-left-color: #1f232f;
  right: -4px;
}

.popover-cvv-info__title {
  font-size: 13px;
  font-family: "robotomedium";
  margin-bottom: 10px !important;
}
.popover-cvv-info__desc {
  font-size: 11px;
  font-family: "robotoregular";
}

.radio.radio-icon label {
  font-family: "robotolight";
  padding-left: 25px;
  font-size: 18px;
  font-size: 1.125rem;
}

.radio.radio-icon input[type=radio] {
  top: 50%;
  left: 0px;
  margin-top: -7px;
  margin-left: 5px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.radio.radio-icon label span.payment-logo {
  display: inline-block;
  float: right;
  margin-top: -2px;
}

/*
.radio.radio-icon label span.payment-logo.credit-cards {
    position: relative;
    display: block;
    margin-top: 4px;
    margin-left: 10px;
}
*/
.radio.radio-icon label span.payment-logo.credit-cards .card {
  background: url("../../images/credit-cards.png") no-repeat 0 0;
  display: block;
  float: right;
  height: 28px;
  width: 47px;
  margin-left: 8px;
}

.radio.radio-icon label span.payment-logo.credit-cards .card.visa {
  background-position: 0px 0px;
}

.radio.radio-icon label span.payment-logo.credit-cards .card.mastercard {
  background-position: -56px 0px;
}

.radio.radio-icon label span.payment-logo.credit-cards .card.discover {
  background-position: -111px 0px;
}

.radio.radio-icon label span.payment-logo.credit-cards .card.americanexpress {
  background-position: -167px 0px;
}

.radio.radio-icon label span.payment-logo.paypal {
  background: url("../../images/paypal.png") no-repeat center right;
  width: 97px;
  height: 24px;
  margin-top: 0px;
}

.radio.radio-icon label span.payment-logo.payu {
  background: url("../../images/payu.png") no-repeat center right;
  width: 70px;
  height: 36px;
  margin-top: -7px;
}

.radio.radio-icon label i.ico-radio {
  background: url("../../images/radio.png") no-repeat -25px 0px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 22px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

/*.radio.radio-icon label.check i.ico-radio {
   background: url("../../images/radio.png") no-repeat 0px 0px;
}*/
.panel.panel-payment.select .radio.radio-icon label i.ico-radio,
.panel.panel-pack-annual.select .radio.radio-icon label i.ico-radio,
.panel.panel-pack.select .radio.radio-icon label i.ico-radio {
  background: url("../../images/radio.png") no-repeat 0px 0px;
}

.panel.panel-pack,
.panel.panel-pack-annual {
  font-family: "robotolight";
  border: 1px solid #e2e2e8;
  border-radius: 0px;
  box-shadow: none;
  color: #292d38;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.panel.panel-pack:hover,
.panel.panel-pack-annual:hover {
  box-shadow: 0px 6px 21px 0px rgba(152, 162, 177, 0.15);
}

.panel.panel-pack > .panel-heading,
.panel.panel-pack-annual > .panel-heading {
  background: #fff;
  padding: 8px 15px;
  border-radius: 0px;
  border-bottom: 1px solid #f2f2f3;
  transition: all 0.3s ease-in-out;
}

.panel.panel-pack:hover > .panel-heading {
  background: #f1f1f1;
}

.panel.panel-pack-annual:hover > .panel-heading {
  background: #6ebe3b;
  color: #fff;
}

.panel.panel-pack-annual:hover {
  border-color: #6ebe3b;
}

.panel.panel-pack.select {
  box-shadow: 0px 6px 21px 0px rgba(152, 162, 177, 0.15);
}

.panel.panel-pack.select > .panel-heading {
  background-color: #f1f1f1;
}

.panel.panel-pack-annual.select {
  border-color: #6ebe3b;
  box-shadow: 0px 6px 21px 0px rgba(152, 162, 177, 0.15);
}

.panel.panel-pack-annual.select > .panel-heading {
  background-color: #6ebe3b;
  color: #fff;
}

.panel.panel-pack > .panel-heading .radio.radio-icon,
.panel.panel-pack-annual > .panel-heading .radio.radio-icon {
  text-align: center;
}

.panel.panel-pack > .panel-heading .radio.radio-icon label,
.panel.panel-pack-annual > .panel-heading .radio.radio-icon label {
  display: inline-block;
  position: relative;
}

.panel.panel-pack > .list-group,
.panel.panel-pack-annual > .list-group {
  padding: 12px 0px;
}

.panel.panel-pack > .list-group:last-child .list-group-item:last-child,
.panel.panel-pack-annual > .list-group:last-child .list-group-item:last-child {
  border: 0;
  border-radius: 0px;
}

.label-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.label.right {
  margin: 0px 5px;
}

.label.right .label-arrow {
  top: 50%;
  left: -5px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #ff4200;
}

.label.left {
  margin: 0px 5px;
}

.label.left .label-arrow {
  top: 50%;
  right: -5px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #ff4200;
}

.label.top .label-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #ff4200;
  border-left-color: transparent;
}

.label.top.label-promo-monthly .label-arrow {
  border-top-color: #9fa4b4;
}

.label.top.label-promo-annual .label-arrow {
  border-top-color: #c6c6c6;
  bottom: -5px;
}

.select .label.top.label-promo-annual .label-arrow {
  border-top-color: #ef421d;
}

.label.label-save {
  background: #ff4200;
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding: 5px 8px;
}

.label.label-promo-monthly {
  background: #9fa4b4;
  display: inline-block;
  position: relative;
  font-weight: normal;
  font-size: 12px;
  padding: 5px 8px;
}

.label.label-promo-annual {
  background: #c6c6c6;
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding: 5px 8px;
}

.select .label.label-promo-annual {
  background: #ef421d;
}

.panel .label.label-save {
  display: inline-block;
  position: relative;
  font-weight: normal;
  font-size: 12px;
  padding: 5px 8px;
}

.panel .label-wrap {
  position: absolute;
  min-width: 280px;
  top: -38px;
  left: 50%;
  margin-left: -140px;
}

.panel .label.label-promo-monthly,
.panel .label.label-promo-annual {
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}

.accordion-payment {
  border: 1px solid #e2e2e8;
}

.panel.panel-payment {
  border-width: 0px 0px 1px;
  border-style: solid;
  border-color: #e2e2e8;
  border-radius: 0px;
  box-shadow: none;
}

.panel.panel-payment:last-child {
  border-bottom-width: 0px;
}

.panel-payment .help-block.info {
  font-family: "robotolight";
  font-size: 12px;
  color: #bdc1cb;
}

.panel-payment > .panel-heading {
  background-color: #eef1f7;
  border-radius: 0px;
  padding: 0px;
}

.panel-payment > .panel-heading .radio.radio-icon {
  margin: 0px;
}

.panel-payment > .panel-heading .radio.radio-icon label {
  padding: 20px 15px 20px 40px;
  display: block;
  color: #1b1f2b;
  font-family: "robotoregular";
}

.panel-payment > .panel-heading .radio.radio-icon label i.ico-radio {
  left: 15px;
}

.panel-payment.one-option > .panel-heading .radio.radio-icon label {
  padding: 20px 15px 20px 15px;
}

.panel-payment.one-option > .panel-heading .radio.radio-icon label i.ico-radio {
  display: none;
}

.panel-payment > .panel-heading .radio.radio-icon label.check {
  background-color: #fff;
}

.panel-group .panel.panel-payment + .panel.panel-payment {
  margin-top: 0px;
}

.panel-group .panel.panel-payment > .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #e2e2e8;
  padding: 40px 35px;
}

#help_block_password.help-block {
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0px;
  margin: 0px;
}

#help_block_password.help-block .progress {
  background: none;
  border-radius: 0px 0px 2px 2px;
  margin-bottom: 3px;
  height: 2px;
}

#help_block_password.help-block .progress .progress-bar {
  box-shadow: none;
}

#help_block_password.help-block span {
  position: absolute;
}

.order-form .form-group {
  margin-bottom: 45px;
}
.order-form .form-group .error-info {
  top: 22px;
}
@media (max-width: 991px) {
  .order-form .form-group .error-info {
    top: 73px;
  }
}

.order-form .form-group label {
  font-size: 12px;
  color: #6b7183;
  text-transform: uppercase;
  position: relative;
}
.order-form .form-group label#vatLabel {
  white-space: nowrap;
}

.order-form .form-group .form-control {
  font-size: 16px;
  font-family: "robotoregular";
  border-color: #d1d7e3;
  box-shadow: none;
  color: #1b1f2b;
  padding-right: 50px;
  border-radius: 4px;
}
.order-form .form-group .form-control.select2-container {
  padding-right: 10px;
}

.order-form .star-require {
  display: inline-block;
  font-family: "robotolight";
  font-weight: 300;
  color: #6ebe3b;
  font-size: 18px;
  position: absolute;
  height: 20px;
}

.required-wrapper {
  float: right;
  position: relative;
  padding-left: 10px;
}
.required-wrapper .star-require {
  left: 0;
  top: -3px;
}
.required-wrapper span:last-child {
  color: #6b7183;
  font-size: 12px;
}

.order-form .form-group.has-require {
  padding-right: 0;
}
.order-form .form-group.has-require .star-require {
  top: -7px;
  right: initial;
  margin-left: 5px;
}

.order-form .form-group .form-vat-shortcut {
  font-size: 16px;
  color: #1b1f2b;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
}

.order-form .form-group .form-vat-input {
  display: inline-block;
  width: 224px;
}

.order-form .form-group .form-control:focus {
  border-color: #6ebe3b;
}

.signup .form-group .help-block,
.order-form .form-group .help-block {
  font-family: "robotoregular";
  font-size: 12px;
  margin: 2px 0px;
}

.order-form .form-group.has-error label {
  color: #ff4200;
}

.signup-form .form-group.has-error .form-control,
.order-form .form-group.has-error .form-control {
  border-color: #ff4200;
}

.signup-form .form-group.has-error .form-control-feedback.error svg,
.order-form .form-group.has-error .form-control-feedback.error svg {
  display: block;
}

.signup-form .form-group.has-error .help-block,
.order-form .form-group.has-error .help-block {
  color: #ff4200;
}

.signup-form .form-group.has-error .help-block {
  display: none !important;
}

.signup-form .form-group.has-error .form-control-feedback,
.order-form .form-group.has-error .form-control-feedback {
  color: #ff4200;
}

.signup-form .form-group .g-recaptcha {
  border: 1px solid transparent;
  border-radius: 3px;
  width: 304px;
  height: 78px;
  position: absolute;
  right: 50%;
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.signup-form .form-group.has-error .g-recaptcha {
  border-color: #ff4200;
}

.signup-form .form-group.has-success .g-recaptcha {
  border-color: #6ebe3b;
}

.order-form .form-group.has-success label {
  color: #6ebe3b;
}

.signup-form .form-group.has-success .form-control,
.order-form .form-group.has-success .form-control {
  border-color: #6ebe3b;
}

.signup-form .form-group.has-success .form-control-feedback.tick svg,
.order-form .form-group.has-success .form-control-feedback.tick svg {
  display: block;
}

.signup-form .form-group.has-success .help-block,
.order-form .form-group.has-success .help-block {
  color: #6ebe3b;
}

.signup-form .form-group.has-success .help-block {
  display: none !important;
}

.order-form .form-group.has-success .help-block {
  display: none !important;
}

.signup-form .form-group.has-success .form-control-feedback,
.order-form .form-group.has-success .form-control-feedback {
  color: #6ebe3b;
}

.order-form .form-group .form-control-feedback {
  top: auto;
  bottom: 0;
}

.order-form .block-content .row:last-child .form-group {
  margin-bottom: 10px;
}

.order-form .alert {
  position: relative;
  border-radius: 0px;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 12px 20px 12px 80px;
}

.order-form.show-promo .alert {
  margin-top: 95px;
}

.order-form.attendees-promo .alert {
  margin-top: 75px;
}

.order-form .alert-danger {
  background-color: #f55155;
  border-color: #f55155;
  color: #fff;
}

.order-form .alert-danger .icon {
  background: url(../../images/danger.png) no-repeat center center;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin: -20px 0px 0px;
}

.order-form .alert-danger p {
  font-family: "robotoregular";
}

.order-form .alert-danger ul li {
  font-size: 14px;
  color: #ffbabc;
}

/* BUSINESS SOLUTIONS
-------------------------------------------------- */
.slide-section {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  height: 100%;
  width: 100%;
  display: table;
  padding: 160px 0px 100px;
}

.slide-content-middle {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.slide-content-middle .modal-dialog {
  margin: 0px auto;
}

#business-solutions.slide-section {
  background-color: #f4f6fb;
}

#business-solutions h1 {
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}

#business-solutions h3 {
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
}

.slide-content-middle .use-case-group li a {
  min-height: inherit;
}

.slide-content-middle .use-case-group li a h4 {
  margin-bottom: 0px;
}

#sales.slide-section {
  background-image: url(../../images/use-cases/bg-sales.jpg);
}
@media (max-width: 767px) {
  #sales.slide-section {
    background-image: url(../../images/use-cases/bg-sales-min.jpg);
  }
}

#marketing.slide-section {
  background-image: url(../../images/use-cases/bg-marketing.jpg);
}
@media (max-width: 767px) {
  #marketing.slide-section {
    background-image: url(../../images/use-cases/bg-marketing-min.jpg);
  }
}

#education.slide-section {
  background-image: url(../../images/use-cases/bg-education.jpg);
}
@media (max-width: 767px) {
  #education.slide-section {
    background-image: url(../../images/use-cases/bg-education-min.jpg);
  }
}

#hr.slide-section {
  background-image: url(../../images/use-cases/bg-hr.jpg);
}
@media (max-width: 767px) {
  #hr.slide-section {
    background-image: url(../../images/use-cases/bg-hr-min.jpg);
  }
}

#enterprise.slide-section {
  background-image: url(../../images/use-cases/bg-enterprise.jpg);
}
@media (max-width: 767px) {
  #enterprise.slide-section {
    background-image: url(../../images/use-cases/bg-enterprise-min.jpg);
  }
}

.slide-section .box {
  background-color: #fff;
  padding: 40px;
  position: relative;
  border-right: 5px solid #ccc;
  box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.45);
}

.slide-section .box.box-sales {
  border-right-color: #fb4420;
}

.slide-section .box.box-marketing {
  border-right-color: #ff9d1d;
}

.slide-section .box.box-education {
  border-right-color: #6ebe3b;
}

.slide-section .box.box-hr {
  border-right-color: #16bcf1;
}

.slide-section .box.box-enterprise {
  border-right-color: #2661e6;
}

.slide-section .box .curtain {
  background: #ccc;
  position: absolute;
  overflow: hidden;
  text-decoration: none;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 0%;
  z-index: 1;
  transition: width 0.5s ease-in-out;
}

@media (max-width: 500px) {
  .slide-section .box .curtain {
    display: none;
  }
}
.slide-section .box.box-sales .curtain {
  background-color: #fb4420;
}

.slide-section .box.box-marketing .curtain {
  background-color: #ff9d1d;
}

.slide-section .box.box-education .curtain {
  background-color: #6ebe3b;
}

.slide-section .box.box-hr .curtain {
  background-color: #16bcf1;
}

.slide-section .box.box-enterprise .curtain {
  background-color: #2661e6;
}

.slide-section .box:hover .curtain {
  width: 100%;
}

.slide-section .box .curtain .row-curtain {
  display: table;
  width: 100%;
  height: 100%;
}

.slide-section .box .curtain .row-curtain .col-curtain {
  display: table-cell;
  vertical-align: middle;
}

.slide-section .box .curtain .row-curtain .col-curtain svg {
  display: block;
  margin: 0px auto;
  color: #fff;
  height: 150px;
}

.slide-section .box .curtain .row-curtain .col-curtain h2 {
  font-size: 55px;
  font-size: 3.4375rem;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 50px;
}

.slide-section .box .curtain .row-curtain .col-curtain p {
  color: #666;
  border: 1px solid #666;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 25px;
}

.slide-section .box.box-sales .curtain .row-curtain .col-curtain p {
  color: #c92a0b;
  border-color: #c92a0b;
}

.slide-section .box.box-marketing .curtain .row-curtain .col-curtain p {
  color: #bd710e;
  border-color: #bd710e;
}

.slide-section .box.box-education .curtain .row-curtain .col-curtain p {
  color: #418f10;
  border-color: #418f10;
}

.slide-section .box.box-hr .curtain .row-curtain .col-curtain p {
  color: #0082ac;
  border-color: #0082ac;
}

.slide-section .box.box-enterprise .curtain .row-curtain .col-curtain p {
  color: #003abd;
  border-color: #003abd;
}

.slide-section .box .box-heading {
  padding: 10px 15px;
}

.slide-section .box .box-heading h4 {
  margin-top: 0px;
  font-size: 40px;
  font-size: 2.5rem;
  color: #292d38;
}

.slide-section .box .box-heading p {
  margin-bottom: 0px;
  font-size: 24px;
  font-size: 1.5rem;
  color: #5f677f;
}

.slide-section .box .box-body {
  padding: 15px;
}

.slide-section .box .box-body p {
  font-size: 18px;
  font-size: 1.125rem;
  color: #6b7183;
}

.slide-section .box .box-footer {
  padding: 10px 15px;
}

.slide-section .box .box-heading h4 svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 40px;
  height: 40px;
  top: -1px;
  margin-right: 10px;
}

.slide-section .box.box-sales .box-heading h4 svg {
  color: #fb4420;
}

.slide-section .box.box-marketing .box-heading h4 svg {
  color: #ff9d1d;
}

.slide-section .box.box-education .box-heading h4 svg {
  color: #6ebe3b;
}

.slide-section .box.box-hr .box-heading h4 svg {
  color: #16bcf1;
}

.slide-section .box.box-enterprise .box-heading h4 svg {
  color: #2661e6;
}

/*
.btn.btn-sales {
    border-color: #fb4420;
    color: #fb4420;
}
.btn.btn-marketing {
    border-color: #ff9d1d;
    color: #ff9d1d;
}
.btn.btn-education {
    border-color: #6ebe3b;
    color: #6ebe3b;
}
.btn.btn-hr {
    border-color: #16bcf1;
    color: #16bcf1;
}
.btn.btn-enterprise {
    border-color: #2661e6;
    color: #2661e6;
}*/
.tile-wrap {
  display: table;
  margin: 20px auto;
  padding: 0px;
  font-size: 0;
}

.col-tile {
  height: 140px;
  width: 140px;
  box-sizing: border-box;
  border: 1px solid #eff0f3;
  display: inline-block;
  margin: -1px -1px 0px 0px;
  padding: 0px;
  position: relative;
}

.col-tile a.tile {
  position: absolute;
  font-size: 20px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: #6b7183;
  text-decoration: none;
  z-index: 1;
  padding: 0px 10px;
  transition: all 0.3s ease-in-out;
}

.col-tile a.tile:hover {
  background-color: #6ebe3b;
  color: #fff;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  z-index: 2;
  padding: 5px 15px;
  box-shadow: 0px 7px 29px 0px rgba(192, 192, 216, 0.64);
}

.col-tile a.tile.sales:hover {
  background-color: #fb4420;
}

.col-tile a.tile.marketing:hover {
  background-color: #ff9d1d;
}

.col-tile a.tile.education:hover {
  background-color: #6ebe3b;
}

.col-tile a.tile.hr:hover {
  background-color: #16bcf1;
}

.col-tile a.tile.enterprise:hover {
  background-color: #3c76f9;
}

.col-tile a.tile svg {
  display: block;
  margin: 20px auto 5px;
  max-width: 100px;
  height: 40px;
  color: #6ebe3b;
  transition: all 0.3s ease-in-out;
}

.col-tile a.tile.sales svg {
  color: #fb4420;
}

.col-tile a.tile.marketing svg {
  color: #ff9d1d;
}

.col-tile a.tile.education svg {
  color: #6ebe3b;
}

.col-tile a.tile.hr svg {
  color: #16bcf1;
}

.col-tile a.tile.enterprise svg {
  color: #3c76f9;
}

.col-tile a.tile:hover svg {
  color: #fff;
}

.col-tile a.tile img {
  display: block;
  height: 50px;
  margin: 15px auto 0px;
}

.col-tile a.tile span.title {
  display: table;
  width: 100%;
  height: 70px;
  font-size: 16px;
  font-family: "robotolight";
}

.col-tile a.tile span.title span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.col-tile a.tile span.title span em {
  font-size: 12px;
  font-style: normal;
  transition: all 0.3s ease-in-out;
}

.col-tile a.tile.sales span.title span em {
  color: #fb4420;
}

.col-tile a.tile.marketing span.title span em {
  color: #ff9d1d;
}

.col-tile a.tile.education span.title span em {
  color: #6ebe3b;
}

.col-tile a.tile.hr span.title span em {
  color: #16bcf1;
}

.col-tile a.tile.enterprise span.title span em {
  color: #3c76f9;
}

.col-tile a.tile:hover span.title span em {
  color: #fff;
}

/*.testimonial {*/
/*background: #ccc;*/
/*padding: 50px 40px 50px 100px;*/
/*border: none;*/
/*}*/
/*#use-case .testimonial p {*/
/*font-size: 24px;*/
/*color: #fff;*/
/*}*/
/*.testimonial small::before {*/
/*content: "";*/
/*}*/
/*.testimonial small {*/
/*font-family: 'robotolight';*/
/*font-size: 16px;*/
/*color: #fff;*/
/*}*/
/*.testimonial small cite {*/
/*opacity: 0.5;*/
/*}*/
/*.testimonial small.read a {*/
/*font-size: 14px;*/
/*color: #fff;*/
/*}*/
.testimonial.sales {
  background: #fb4420;
}

.testimonial.marketing {
  background: #ff9d1d;
}

.testimonial.education {
  background: #6ebe3b;
}

.testimonial.hr {
  background: #16bcf1;
}

.testimonial.enterprise {
  background: #3c76f9;
}

#use-case p.call {
  margin: 10px 0px 0px;
}

#use-case p.call b {
  position: relative;
  font-family: "robotoregular";
  color: #292d38;
  display: inline-block;
}

#use-case p.call b .stress {
  background: url(../../images/call-stress.png) no-repeat center center;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: -11px;
  left: 0px;
}

#use-case p.available {
  margin: 20px 0px 0px;
  font-size: 18px;
  font-size: 1.125rem;
}

#use-case p.available small.label {
  background: url(../../images/point.png) no-repeat 2px center;
  display: inline-block;
  vertical-align: 2px;
  margin-left: 10px;
  font-weight: normal;
  font-size: 12px;
  color: #6ebe3b;
  padding-left: 12px;
}

#use-case .tile-wrap {
  margin: 50px auto 90px;
}

#use-case .box .box-body {
  padding: 15px;
}

#use-case .box h4 {
  font-size: 23px;
  font-size: 1.4375rem;
}

#use-case .box p {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 10px;
  min-height: 100px;
}

#use-case .box svg {
  display: block;
  margin: 20px auto 20px;
  max-width: 100px;
  height: 45px;
  color: #3c76f9;
}

.from-sales-team {
  margin: 50px 0px 0px;
}

/* Frorm blue
----------------------------------*/
#use-case .chapter-case.form .form-group {
  margin-bottom: 40px;
}

#use-case .chapter-case.form .form-group.require-info {
  margin-bottom: 10px;
}

#use-case .chapter-case.form .form-group.require-info .star-require-desc {
  margin-top: -28px;
}

#use-case .chapter-case.form .stress {
  display: inline-block;
  position: relative;
  z-index: 0;
}

#use-case .chapter-case.form .stress-icon {
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: -14px;
  z-index: -1;
}

#use-case .chapter-case.form .stress-icon svg {
  display: block;
  width: 100%;
  height: 23px;
  color: #6ebe3b;
}

#use-case .chapter-case.form .form-group p.click-here {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 30px 0px 0px;
}

#use-case .chapter-case.form .btn-lg.btn-enterprise {
  text-transform: uppercase;
  padding: 18px 55px;
}

#use-case .chapter-case.webinars {
  background-attachment: scroll;
  background-image: url(../../images/use-cases/bg-webinars.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  height: 685px;
  width: 100%;
  display: table;
  padding: 80px 0px;
  margin-bottom: -90px;
}

#use-case .chapter-case.webinars h2 {
  font-family: "robotothin";
  font-size: 60px;
  color: #6ebe3b;
  margin-bottom: 40px;
  margin-top: 30px;
}

#use-case .chapter-case.webinars .label {
  background: url(../../images/use-cases/clickmeeting-label.png) no-repeat 15px 13px black;
  padding: 10px 15px 10px 130px;
  border-radius: 0px;
  font-family: "robotolight";
  font-style: italic;
  font-size: 16px;
  color: #fff;
}

#use-case .chapter-case.webinars p {
  font-family: "robotolight";
  font-size: 18px;
  font-size: 1.125rem;
  margin: 50px 0px;
  color: #282d38;
}

#use-case .chapter-case.webinars p b {
  font-family: "robotoregular";
}

#use-case .chapter-case.webinars p .date {
  background: url(../../images/clock.png) no-repeat center left;
  padding-left: 20px;
  font-family: "robotomedium";
  color: #6ebe3b;
}

#use-case .chapter-case.webinars p span.separation {
  margin: 0px 10px;
  color: #e0e1da;
}

#use-case .chapter-case.webinars .btn {
  font-size: 18px;
  margin-right: 15px;
}

/* PRICING
-------------------------------------------------- */
#pricing .btn-options .label.label-save {
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -50px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}

#pricing .upgrade-form .label.label-save {
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -50px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}

#pricing .upgrade-form .promo-annual-wrap {
  position: absolute;
  left: -80px;
  top: 50%;
  margin-top: -50px;
  min-width: 280px;
  text-align: center;
}

#pricing .upgrade-form .label.label-promo-annual {
  /*position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -54px;*/
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}

#pricing .upgrade-form .promo-monthly-wrap {
  position: absolute;
  right: 80px;
  top: 50%;
  margin-top: -50px;
  min-width: 280px;
}

#pricing .upgrade-form .label.label-promo-monthly {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -50px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}

/* PRICING FEATURES
-------------------------------------------------- */
/* PRICING ADD-ONS
-------------------------------------------------- */
/* PRICING CLIENTS
-------------------------------------------------- */
.vertical-center {
  height: 100%;
  width: 100%;
  display: table;
}

.vertical-center .cell {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.client-sitename__wrapper input, .client-sitename__wrapper strong {
  text-transform: lowercase;
}
.client-sitename__wrapper input:-ms-input-placeholder {
  text-transform: capitalize;
}
.client-sitename__wrapper input::placeholder {
  text-transform: capitalize;
}

.info-block {
  margin: 2px 0px;
  width: 100%;
}

.info-block p {
  margin: 0;
}

.info-block p.accountname {
  display: inline-block;
  margin-right: 12px;
  font-family: "robotoregular";
  font-size: 12px;
  color: #6b7183;
}

.info-block p.accountname span {
  font-family: "robotomedium";
}

.info-block a.info {
  background-color: #cdd2dd;
  color: #fff;
  font-family: "robotobold";
  display: inline-block;
  border: 1px solid #cdd2dd;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  text-align: center;
  font-size: 11px;
  line-height: 1.1;
  text-decoration: none;
  margin-top: 1px;
}

.info-block a.info:hover {
  background-color: #00afec;
  border: 1px solid #00afec;
  color: #fff;
}

.label-prompt {
  background-color: #fff;
  font-family: "robotobold";
  display: inline-block;
  border: 1px solid #00afec;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  text-align: center;
  font-size: 11px;
  line-height: 1.1;
  text-decoration: none;
  margin: 0 5px 5px;
  color: #00afec;
  font-weight: normal;
}

.label-prompt:hover {
  background-color: #00afec;
  border: 1px solid #00afec;
  color: #fff;
}

label .label-prompt {
  margin-bottom: 0;
}

.password-strength {
  position: relative;
}

.float-label {
  clear: both;
}

.float-label input,
.float-label textarea {
  display: block;
  width: 100%;
  outline: 0;
  resize: none;
}

/*.float-label input + label,
.float-label textarea + label*/
.float-label label,
.float-label label {
  background-color: #fff;
  padding: 1px 5px;
  font-family: "robotolight";
  color: #c1c4cc;
  position: absolute;
  z-index: 2;
  left: 15px;
  top: 12px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  /*transition: top 0.7s ease, opacity 0.7s ease;*/
  transition: all 0.5s ease-in-out;
}

/*.float-label input:valid + label,
.float-label textarea:valid + label*/
.float-label label.float,
.float-label label.float {
  font-size: 11px;
  opacity: 1;
  visibility: visible;
  top: 3px;
  -ms-transform: translateY(-12px);
  transform: translateY(-12px);
}

.float-label.has-success label {
  color: #6ebe3b;
}

.float-label.has-error label {
  color: #ff4200;
}

.signup .form-control-feedback {
  top: 0px !important;
}

/* TIP
-------------------------------------------------- */
.error-info {
  background-color: #20242e;
  position: absolute;
  right: -235px;
  top: 0;
  width: 230px;
  opacity: 0.95;
  filter: alpha(opacity=95);
  z-index: 5;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}

.error-info .tip-title {
  font-family: "robotoregular";
  font-size: 12px;
  padding-bottom: 0px;
  color: #fff;
}

.error-info .tip-content {
  font-family: "robotolight";
  padding: 15px;
}

.tip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.error-info .tip-arrow {
  top: 15px;
  left: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #20242e;
}

@media (max-width: 991px) {
  .error-info {
    top: 50px;
    right: 0px;
  }
  .error-info .tip-arrow {
    top: -5px;
    right: 15px;
    left: auto;
    border-width: 0 5px 5px;
    border-bottom-color: #20242e;
    border-right-color: transparent;
  }
}
.tip-content ul {
  margin: 0px;
}

.tip-content li {
  padding: 5px 5px 5px 20px;
  position: relative;
}

.tip-content .tip-control {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  margin-top: -10px;
  z-index: 2;
}

.tip-control svg {
  position: absolute;
  width: 100%;
  height: 10px;
  top: 50%;
  left: 0;
  margin: -5px 0 0;
  display: none;
}

.tip-control.error svg {
  display: block;
  color: #b9b9ba;
}

.has-success-field .tip-control.error svg,
.has-error-field .tip-control.tick svg {
  display: none;
}

.has-success-field .tip-control.tick svg {
  display: block;
  color: #6ebe3b;
}

.has-error-field .tip-control.error svg {
  display: block;
  color: #ff4200;
}

.open-street-maps {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -o-background-size: cover;
  height: 80%;
  width: 100%;
  display: block;
  position: relative;
}

.popover {
  border: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.popover.left > .arrow {
  border-left-color: rgba(0, 0, 0, 0.075);
}

@media (max-width: 1500px) {
  html, body {
    font-size: 14px;
  }
}
[lang=fr] .summary .summary-confirm .btn {
  padding: 14px 20px;
}

[lang=fr] .summary .summary-confirm .btn.btn-lg {
  font-size: 16px;
}

#livechat-compact-container {
  display: none;
}

#livechat-compact-container.visible {
  display: block;
}

.chat-widget {
  background: #61b60e;
  position: fixed;
  right: 8px;
  bottom: 16px;
  cursor: pointer;
  width: 60px;
  height: 60px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.chat-widget svg {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* alert like in account panel */
.prompt-alert {
  margin: 40px auto;
  min-width: 320px;
  max-width: 500px;
  color: #5c6273;
  font-size: 16px;
  line-height: 24px;
}

.prompt-alert-content {
  padding: 25px 30px 25px 115px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  position: relative;
  border-radius: 2px;
  text-align: left;
}

.prompt-alert-content p {
  margin-bottom: 0;
}

.prompt-alert-error .prompt-alert-content {
  border-color: #ff4200;
}

.prompt-alert-svg svg {
  width: 50px !important;
  height: 50px !important;
  stroke-width: 2px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 32px;
}

.prompt-alert-error.prompt-alert-svg .prompt-alert-content svg {
  color: #ff4200;
}

.section404 {
  background-color: #0c121f;
  min-height: 100vh;
  overflow: hidden;
}
.section404__img {
  width: 100%;
  height: auto;
  max-width: 1278px;
}
.section404__content {
  margin-top: -16rem;
}
.section404__title {
  font-family: "robotobold";
  color: #ffffff;
  font-size: 4rem;
}
.section404__desc {
  font-family: "robotoregular";
  color: #6b7183;
  font-size: 1.3rem;
}
.section404__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 48px;
  margin-bottom: 48px;
}
.section404__button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.section404__btn {
  font-size: 15px;
  font-weight: 500;
  min-width: 185px;
  padding: 12px 30px;
  transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out;
  text-align: center;
  color: #fff;
  border-radius: 50rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.section404__btn:hover {
  text-decoration: none;
  color: #fff;
}
.section404__btn.first {
  background-color: #44ab00;
  border-color: #44ab00;
}
.section404__btn.second {
  background-color: #6b7183;
  border-color: #6b7183;
}

@media (max-width: 1200px) {
  .section404__content {
    margin-top: -14rem;
  }
  .section404__title {
    font-size: 3.125rem;
  }
}
@media (max-width: 992px) {
  .section404__content {
    margin-top: -11rem;
  }
}
@media (max-width: 768px) {
  .section404 {
    padding-top: 48px;
  }
  .section404__content {
    margin-top: -3rem;
  }
  .section404__title {
    font-size: 2.6875rem;
  }
  .section404__actions {
    margin-top: 0;
  }
  .section404__button .second {
    margin-bottom: 0;
  }
  .section404__button .first {
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .section404__actions {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 20px;
  }
  .section404__btn {
    margin-left: 0;
    margin-right: 0;
  }
  .section404__btn.first {
    margin-bottom: 15px;
  }
}
.slider {
  background-position: top center;
  background-size: cover;
  text-align: center;
  padding: 160px 0 80px 0;
  overflow: hidden;
  position: relative;
}
.slider h1.tag {
  font-family: "robotoregular";
  text-transform: uppercase;
  color: #6ebe3b;
  font-size: 14px !important;
  margin: 0px;
}
.slider h1.tag.sales {
  color: #fb4420;
}
.slider h1.tag.marketing {
  color: #ff9d1d;
}
.slider h1.tag.education {
  color: #6ebe3b;
}
.slider h1.tag.hr {
  color: #16bcf1;
}
.slider h1.tag.enterprise {
  color: #2661e6;
}
.slider h1.tag.online-training {
  color: #9ec2ea;
}
.slider h1.tag.product-demonstration {
  color: #ffa689;
}
.slider h1.tag svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 26px;
  height: 26px;
  top: -1px;
  margin-right: 10px;
}
.slider h2 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  margin-top: 5px;
}
.slider h3 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.5;
  color: #fff;
}
.slider h4 {
  color: #6bc02f;
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.slider span {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  color: #949eb2;
}
.slider strong {
  background: #6ebe3b;
  color: #fff;
  padding: 0 5px;
  font-family: "robotomedium";
}
.slider p {
  color: #fff;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.slider .wrap-btn-browse {
  position: absolute;
  text-align: center;
  width: 360px;
  bottom: -28px;
  left: 50%;
  margin-left: -180px;
}
@media all and (max-width: 450px) {
  .slider .wrap-btn-browse {
    width: 320px;
    margin-left: -160px;
  }
  .slider .wrap-btn-browse .btn-lg {
    font-size: 16px;
  }
}
.slider .intro-btn {
  margin: 70px 0 0;
}
.slider .intro-btn--closer {
  margin-top: 40px;
}
.slider .intro-btn--free-trial {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
}
.slider .intro-btn--desc {
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.slider .intro-btn .btn {
  margin: 0px 10px 15px;
  text-transform: uppercase;
}
.slider .intro-btn .btn.btn-product-demonstration, .slider .intro-btn .btn.btn-online-training {
  position: relative;
  padding: 14px 35px 14px 60px;
}
.slider .intro-btn .btn.btn-product-demonstration svg, .slider .intro-btn .btn.btn-online-training svg {
  position: absolute;
  max-width: 25px;
  height: 25px;
  left: 25px;
  top: 50%;
  margin-top: -14px;
}
.slider-use-case {
  background-position: center center;
  overflow: visible;
  display: table;
  width: 100%;
  height: 570px;
  min-height: 570px;
}
.slider-use-case--bigger {
  height: 770px;
}
.slider-use-case .cell {
  display: table-cell;
  vertical-align: middle;
}
.slider-background-why-cm {
  padding: 230px 0 66px 0;
  background-image: url("../../images/why-clickmeeting/why-cm-background.jpg");
}
@media (max-width: 768px) {
  .slider-background-why-cm {
    padding-top: 160px;
  }
}
.slider-background-career {
  background-image: url("../../images/career/career-bg.jpg");
}
.slider-background-career-entry {
  background-image: url("../../images/career/career-entry-bg.jpg");
}
.slider-background-partners {
  padding: 230px 0 160px;
  background-image: url("../../images/partners/partners-bg.jpg");
}
.slider-background-about {
  padding-top: 230px;
  background-image: url("../../images/about-us/about-bg.jpg");
}
.slider-background-sales {
  background-image: url("../../images/use-cases/header-sales.jpg");
}
.slider-background-marketing {
  background-image: url("../../images/use-cases/header-marketing.jpg");
}
.slider-background-education {
  background-image: url("../../images/use-cases/header-education.jpg");
}
.slider-background-hr {
  background-image: url("../../images/use-cases/header-hr.jpg");
}
.slider-background-enterprise {
  background-image: url("../../images/use-cases/header-enterprise.jpg");
}
.slider-background-online-training {
  background-image: url("../../images/use-cases/online_training/header-ot.jpg");
}
@media all and (max-width: 767px) {
  .slider-background-online-training .text-left {
    text-align: center;
  }
}
.slider-background-product-demonstration {
  background-image: url("../../images/use-cases/product-demonstration/header-pd.jpg");
}
@media all and (max-width: 767px) {
  .slider-background-product-demonstration .text-left {
    text-align: center;
  }
}
.slider-background-clients {
  display: table;
  width: 100%;
  background-color: #7bcc48;
  background-size: cover;
  padding: 0;
  height: 428px;
  margin-top: 51px;
}
.slider-background-fitliner {
  background-image: url("../../images/our_clients/case_studies/fitliner/bg_hero.jpg");
}
.slider-background-paras {
  background-image: url("../../images/our_clients/case_studies/paras/bg_hero.jpg");
}
.slider-background-eadtu {
  background-image: url("../../images/our_clients/case_studies/eadtu/bg_hero.jpg");
}
.slider-background-datera {
  background-image: url("../../images/our_clients/case_studies/datera/bg_hero.jpg");
}
.slider-background-frsi {
  background-image: url("../../images/our_clients/case_studies/frsi/bg_hero.jpg");
}
.slider-background-montessori {
  background-image: url("../../images/our_clients/case_studies/montessori/bg_hero.jpg");
}
.slider-background-subway {
  background-image: url("../../images/our_clients/case_studies/subway/bg_hero.jpg");
}
.slider-background-edirectory {
  background-image: url("../../images/our_clients/case_studies/edirectory/bg_hero.jpg");
}
.slider-background-dyw {
  background-image: url("../../images/our_clients/case_studies/dyw/bg_hero.jpg");
}
.slider-bottom-text {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 50px;
  line-height: 3.125rem;
  color: #fff;
  text-align: center;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
.slider-bottom-arrow {
  text-align: center;
  color: #fff;
}
.slider-play-button {
  background: url("../../images/play-md.png") no-repeat 23px center transparent;
  width: 60px;
  height: 60px;
  border-color: #f9f9f9;
  border-radius: 100%;
  margin: 40px 0 10px 0;
  position: relative;
  text-indent: -9999px;
  transition: all 0.3s ease-in-out;
}
.slider-play-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.slider-play-button-text {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 0;
}
.slider-box-wrap {
  display: table-cell;
  vertical-align: middle;
}
.slider-box {
  background: #fff;
  padding: 50px 60px;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  z-index: 2;
  box-sizing: border-box;
  width: 50%;
}
.slider-box h2 {
  color: #545b7b;
}
.slider-box p {
  color: #6b7183;
}
.slider-nav {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
.slider-nav ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
.slider-nav-blend {
  opacity: 0;
  position: absolute;
  left: -2px;
  top: -2px;
  bottom: -2px;
  right: -2px;
  background: #6ebe3b;
  transition: opacity 300ms;
  z-index: 1;
}
.slider-nav a {
  display: block;
  color: #6b7183;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 10px 25px;
  z-index: 2;
  cursor: pointer;
  position: relative;
  transition: color 300ms;
}
.slider-nav a:hover {
  text-decoration: none;
}
.slider-nav li {
  display: inline-block;
  border-left: 1px solid #eff0f3;
  border-top: 1px solid #eff0f3;
  border-bottom: 1px solid #eff0f3;
  position: relative;
}
.slider-nav li:last-child {
  border-right: 1px solid #eff0f3;
}
.slider-nav li:hover .slider-nav-blend, .slider-nav li.active .slider-nav-blend {
  opacity: 1;
  webkit-box-shadow: 0px 7px 29px 0px rgba(192, 192, 216, 0.64);
  box-shadow: 0px 7px 29px 0px rgba(192, 192, 216, 0.64);
  -webkit-transform: scale(1.05);
}
.slider-nav li:hover a, .slider-nav li.active a {
  color: #fff;
}

@media all and (min-width: 1400px) {
  .slider-background-clients {
    height: 642px;
  }
}
@media all and (max-width: 768px) {
  .slider-text-wrap {
    padding: 74px 20px;
  }
  .slider-box {
    width: calc(100% - 30px);
  }
}
.circle-counter {
  background-color: rgba(34, 38, 47, 0.4);
  border: 1px solid #6ebe3b;
  padding: 15px;
  padding: 0.9375rem;
  width: 360px;
  width: 22.5rem;
  height: 360px;
  height: 22.5rem;
  box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: table;
  margin: 0 auto;
}
.circle-counter-block {
  padding: 75px 0;
}
.circle-counter-block > div {
  padding: 0px;
  margin-bottom: 20px;
}
.circle-counter-list {
  font-size: 0;
  padding: 70px 0 130px 0;
  display: table;
  text-align: center;
  width: 100%;
}
.circle-counter-box {
  width: 33.3333%;
  display: inline-block;
}
.circle-counter-text {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.circle-counter h4 {
  color: #6bc02f;
  font-family: "robotothin";
  font-weight: 200;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 80px;
  line-height: 5rem;
  margin: auto;
  font-weight: 200;
}
.circle-counter h4 span {
  color: #fff;
  line-height: 1;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
}
.circle-counter p {
  color: #fff;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
}
.circle-counter .svg-stroke {
  color: #6bc02f;
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
}

@media all and (max-width: 1260px) {
  .circle-counter-box {
    margin-bottom: 20px;
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .circle-counter-list {
    padding: 0 0 50px 0;
  }
  .circle-counter-box {
    margin-bottom: 20px;
    width: 100%;
  }
}
.countdown-wrap {
  color: #fff;
  text-align: center;
}
.countdown-title {
  font-family: "robotoregular";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  margin: 0 0 6px 0;
}
.countdown-clock {
  border-radius: 5px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 320px;
}
.countdown-item {
  position: relative;
  width: 45px;
  padding: 0 5px;
  text-align: center;
}
@media (max-width: 767px) {
  .countdown-item {
    width: 35px;
    margin: 0 2px;
  }
}
.countdown-item:before {
  content: ":";
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: -5px;
  margin-top: -24px;
  width: 10px;
  height: 34px;
  font-size: 18px;
  font-weight: bold;
  color: #a7afc6;
}
@media (max-width: 767px) {
  .countdown-item:before {
    margin-right: -7px;
  }
}
.countdown-item:last-child:before {
  content: none;
}
.countdown-time {
  display: block;
  font-size: 26px;
  border-radius: 5px;
  height: 35px;
  width: 35px;
  line-height: 35px;
}
@media (max-width: 1259px) {
  .countdown-time {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .countdown-time {
    height: 25px;
    width: 25px;
    line-height: 25px;
  }
}
.countdown-label {
  display: block;
  text-transform: capitalize;
  font-size: 10px;
}

.slides {
  display: table;
  width: 100%;
  height: 100%;
}
.slides-background {
  box-sizing: border-box;
  padding: 100px 0;
  background-size: cover;
  background-position: center;
  display: table-cell;
  vertical-align: middle;
}
.slides-background-childs {
  background-image: url("../../images/why-clickmeeting/childs.jpg");
}
.slides-background-blocks {
  background-image: url("../../images/why-clickmeeting/blocks.jpg");
}
.slides-background-your-back {
  background-image: url("../../images/why-clickmeeting/your-back.jpg");
}
.slides-background-quality {
  background-image: url("../../images/why-clickmeeting/quality.jpg");
}
.slides-box {
  box-sizing: border-box;
  background: #fff;
  border-right: 5px solid #6ebe3b;
  padding: 50px 60px;
}
.slides-number {
  color: #e7e8ed;
  font-family: "robotobold";
  font-size: 86px;
  font-size: 5.375rem;
  line-height: 90px;
  line-height: 5.625rem;
}
.slides h2 {
  color: #292d38;
  margin: 0 0 30px 0;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 40px;
  font-size: 2.5rem;
}
.slides p {
  color: #6b7183;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
}
.slides blockquote {
  border-left: none;
  margin-top: 50px;
  border-top: 1px solid #edeef2;
  padding: 50px 0 30px 40px;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: #6b7183;
  font-style: italic;
  position: relative;
}
.slides blockquote:before {
  content: "“";
  font-style: normal;
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 50px;
  color: #6bc02f;
  position: absolute;
  top: 50px;
  left: 0;
}
.slides-author {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
  padding-left: 40px;
}
.slides-author strong {
  color: #6bc02f;
  font-family: "robotolight";
  font-weight: 300;
}

@media all and (max-width: 768px) {
  .slides-background {
    padding: 100px 0;
  }
}
.slide-section.join-webinar {
  background-color: #22262F;
  background-image: url(../../images/bg-join-webinar.jpg);
  color: #fff;
  height: calc(100% - 80px);
}
.slide-section.join-webinar .slide-content-middle {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding-bottom: 75px;
}
.slide-section.join-webinar h2 {
  font-family: "robotothin";
  font-weight: 200;
  font-size: 56px;
  font-size: 3.5rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
.slide-section.join-webinar p {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.slide-section.join-webinar .form-group {
  margin: 27px auto 30px;
}
.slide-section.join-webinar .form-group input {
  background: #fff !important;
  color: #555 !important;
}
.slide-section.join-webinar .dark-span {
  color: #979cb2;
  font-size: 14px;
  font-family: "robotoregular";
  padding-top: 20px;
  display: inline-block;
}
.slide-section.join-webinar .footer {
  padding: 55px 0 0;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.slide-section.join-webinar .footer a {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  text-decoration: underline;
  transition: 300ms;
}
.slide-section.join-webinar .footer a:hover {
  color: #fff;
}
.slide-section.join-webinar .footer .spacer {
  display: inline-block;
  padding: 0 15px;
  color: #484c56;
  font-size: 10px;
  line-height: 14px;
}

.team {
  padding: 110px 0;
  background: #fff;
  text-align: center;
}
.team h2 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
}
.team h3 {
  padding: 60px 0 0 0;
  font-family: "robotobold";
  font-size: 32px;
  font-size: 2rem;
  color: #545b7b;
}
.team h3 strong {
  position: relative;
  color: #6ebe3b;
}
.team h3 strong:before {
  content: "";
  background: url("../../images/green-stress-md.png") no-repeat center center;
  position: absolute;
  right: 0;
  bottom: -8px;
  height: 8px;
  width: 100%;
}
.team p {
  color: #6b7183;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
}
.team-images {
  margin: 0 -15px;
  padding: 50px 0;
  font-size: 0;
}
.team-images-item {
  padding: 15px;
  box-sizing: border-box;
  display: inline-block;
  margin: -1px -1px 0 0;
  text-align: center;
}
.team-images-item img {
  border-radius: 50%;
}
.team.slide-scroll {
  display: table;
  width: 100%;
}

.footer-dark {
  background: #212730;
  padding: 100px 0;
  text-align: center;
}
.footer-dark h2 {
  color: #fff;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
}
.footer-dark h3 {
  color: #959eb1;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  padding-top: 25px;
}
.footer-dark h3 span {
  color: #fff;
}
.footer-dark .btn-panel {
  padding-top: 60px;
}
.footer-dark .btn {
  margin: 0 15px 10px;
  padding: 17px 25px;
  box-sizing: border-box;
  border-radius: 30px;
  min-width: 170px;
}
.footer-dark-help-block {
  margin-top: 10px;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
  color: #a8a8b0;
}

.functionality {
  padding: 80px 0;
  text-align: center;
}
.functionality h2 {
  color: #545b7b;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  margin: 0;
}
.functionality h3 {
  font-family: "robotobold";
  font-size: 28px;
  font-size: 1.75rem;
  color: #22262f;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.functionality p {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
}
.functionality-items {
  padding-top: 30px;
}
.functionality-item {
  padding: 0 30px;
  margin-top: 60px;
}
.functionality-item:nth-child(4n) {
  clear: both;
}
.functionality-feature {
  padding: 0 30px;
  margin-top: 100px;
}
.functionality-feature h3 {
  color: #545b7b;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  margin-top: 0;
}
.functionality-feature p {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
}
.functionality-feature svg {
  color: #6ebe3b;
  width: 60px;
  margin-bottom: 30px;
  height: 60px;
}
.functionality img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: auto !important;
}
.functionality-img-wrap {
  height: 200px;
  width: 100%;
}
.functionality-bottom {
  padding-top: 80px;
}
.functionality-img-bottom {
  display: table-cell;
  vertical-align: bottom;
}
.functionality-img-center {
  display: table-cell;
  vertical-align: middle;
}
.functionality-img-position-wrap {
  box-sizing: border-box;
  text-align: center;
  display: table;
  width: 100%;
  height: 322px;
}

.side-menu {
  background: #f5f6fb;
  margin-bottom: -10000px;
  padding: 70px 70px 10000px;
}
.side-menu h2 {
  color: #292d38;
  margin-top: 0;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 40px;
  font-size: 2.5rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.side-menu p {
  color: #6b7183;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
}
.side-menu-list {
  list-style: none;
  margin: 0 auto;
  padding: 45px 0;
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
}
.side-menu-list li {
  margin-bottom: 17px;
  max-width: 100%;
}
.side-menu-list a {
  display: block;
  text-decoration: none;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 35px;
  font-size: 2.1875rem;
  background: #fff;
  width: 530px;
  text-align: center;
  color: #6ebe3b;
  transition: 300ms;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.04);
  padding: 16px 0;
  max-width: 100%;
}
.side-menu-list a:hover {
  background: #6ebe3b;
  color: #fff;
}
.side-menu-icon-list {
  padding: 40px 0 35px 0;
  list-style: none;
}
.side-menu-icon-list li {
  margin-bottom: 45px;
}
.side-menu-icon-list svg {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  color: #6ebe3b;
}
.side-menu-icon-list span {
  box-sizing: border-box;
  padding-left: 30px;
  width: calc(100% - 60px);
  display: block;
  float: left;
  color: #292d38;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
}
.side-menu-icon-list strong {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
}
.side-menu-block {
  padding-bottom: 35px;
}
.side-menu-block .side-menu-list {
  padding-top: 0;
  width: 100%;
}
.side-menu-block .side-menu-list li {
  width: 100%;
}
.side-menu-block .side-menu-list a {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
.side-menu-blend {
  position: absolute;
  background: #f5f6fb;
  right: 0;
  top: 0;
  height: 100%;
  bottom: 0;
}

@media (min-width: 992px) and (max-width: 1500px) {
  .side-menu-blend {
    width: 30%;
  }
}
@media (min-width: 1499px) and (max-width: 2880px) {
  .side-menu-blend {
    width: 35%;
  }
}
@media (min-width: 2879px) {
  .side-menu-blend {
    width: 40%;
  }
}
.footer-refer {
  background: #22262f;
  width: 100%;
  position: relative;
}
.footer-refer h2 {
  color: #fff;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  margin-bottom: 45px;
  margin-bottom: 2.8125rem;
}
.footer-refer h3 {
  font-family: "robotomedium";
  font-size: 24px;
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}
.footer-refer p {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 45px;
}
.footer-refer p strong {
  color: #fff;
  font-family: "robotomedium";
}
.footer-refer-image {
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: url("../../images/career/refer-bg.jpg") center no-repeat;
  background-size: cover;
}
.footer-refer-image-about {
  background: url("../../images/about-us/person-bg-fot.jpg") center no-repeat;
}
.footer-refer-text {
  padding: 80px 100px;
}
.footer-refer ol {
  color: #fff;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 0 0 30px 0;
  margin: 0;
  list-style-position: inside;
}
.footer-refer ol li {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.footer-refer-list-item {
  color: #979cb2;
}
.footer-refer-list-item strong {
  color: #fff;
  font-family: "robotolight";
  font-weight: 300;
}

@media all and (max-width: 1259px) {
  .footer-refer-text {
    padding: 23px 0 50px 50px;
  }
}
@media all and (max-width: 991px) {
  .footer-refer-text {
    padding: 23px 25px 50px 25px;
  }
}
.block {
  padding: 80px 0;
  position: relative;
  box-sizing: border-box;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
}
.block--impressum {
  padding-top: 160px;
}
@media (max-width: 992px) {
  .block--impressum {
    padding-top: 100px;
  }
}
.block h2 {
  color: #545b7b;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
.block h2.title--second {
  color: #292d38;
  font-family: "robotobold";
  font-size: 42px;
  font-size: 2.625rem;
  padding-bottom: 22px;
}
.block p {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.block p.phone {
  color: #545b7b;
}
.block p.desc--second {
  color: #6b7183;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 25px;
  font-size: 1.5625rem;
}
.block p.work-hours {
  font-family: "robotoregular";
  font-size: 12px;
  padding: 0 5px;
}
.block p.work-hours.sales {
  font-size: 14px;
}
.block p.click-here {
  margin-top: 30px;
  font-size: 12px;
  color: #979cb2;
}
.block-bg-gray {
  background-color: #f4f6fb;
}
.block-space-top {
  padding-top: 40px;
}
.block-space-top-small {
  padding-top: 25px;
}
.block-gray {
  color: #6b7183;
  background: #f4f5fb;
}
.block-gray h2 {
  color: #545b7b;
}
.block-gray p {
  color: #6b7183;
}
.block.signup h1 {
  color: #292d38;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 55px;
  font-size: 3.4375rem;
}
.block.signup h4.free-days {
  color: #6b7183;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
}
.block.signup .clickmeeting-logo svg {
  height: 65px;
}
.block-signup {
  margin-top: 40px;
}
.block-position-top-right {
  margin-left: 30px;
  margin-bottom: 30px;
}
.block-smaller-text p {
  font-size: 24px;
  font-size: 1.5rem;
}
.block .block-tos {
  font-size: 12px;
  color: #c2c5cd;
  margin-top: 20px;
  text-align: center;
}
.block-back {
  display: inline-block;
  margin-top: 40px;
  position: relative;
}
.block-back:hover {
  text-decoration: underline;
}
.block-back:before {
  font-size: 20px;
  content: "‹";
}
.block-list-ul {
  list-style: none;
  margin: 0px 0px 30px;
  margin: 0rem 0rem 1.875rem;
  padding: 0;
}
.block-list-ul li {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #6b7183;
  padding: 0 35px 20px 40px;
  padding: 0 2.1875rem 1.25rem 2.5rem;
  display: block;
  position: relative;
  background: url("../../images/career/check.png") left 8px no-repeat;
  background-size: 18px;
  background-size: 1.125rem;
}
.block-list-ol {
  padding: 10px 0px 0px 21px;
  padding: 0.625rem 0rem 0rem 1.3125rem;
  margin: 0px 0px 0px;
  margin: 0rem 0rem 0rem;
}
.block-list-ol li {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  padding: 0 35px 20px 10px;
  padding: 0 2.1875rem 1.25rem 0.625rem;
  color: #6b7183;
}
.block-list-ol li p {
  margin: 0;
}

@media all and (max-width: 991px) {
  .block-position-top-left {
    margin-right: 0;
  }
  .block-position-top-right {
    margin-left: 0;
  }
  .block h2.title--second {
    font-size: 26px;
    line-height: 1.5;
  }
  .block p.desc--second {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media all and (max-width: 768px) {
  .block-position-top-left {
    padding: 0;
  }
  .block-position-top-right {
    padding: 0;
  }
}
.company-list {
  padding: 0;
  margin: 0;
}
.company-list li {
  padding: 0px;
  list-style: none;
}
.company-list .client {
  height: 180px;
  text-indent: -9999px;
  transition: all 0.3s ease-in-out;
}
.company-list .client:hover {
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.07);
}
.company-list .client .top {
  z-index: 1;
}
.company-list .client:hover .top {
  opacity: 0;
}
.company-list .client .bottom {
  opacity: 0;
}
.company-list .client:hover .bottom {
  opacity: 1;
}
.company-list .client .logo {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.3s ease-in-out;
}
.company-list .client .logo.client-1.top {
  background: url(../../images/company/fitliner@x2.png) no-repeat center center;
  background-size: 153px 36px;
}
.company-list .client .logo.client-1.bottom {
  background: url(../../images/company/fitliner@x2-color.png) no-repeat center center;
  background-size: 153px 36px;
}
.company-list .client .logo.client-2.top {
  background: url(../../images/company/uber@x2.png) no-repeat center center;
  background-size: 107px 22px;
}
.company-list .client .logo.client-2.bottom {
  background: url(../../images/company/uber@x2-color.png) no-repeat center center;
  background-size: 107px 22px;
}
.company-list .client .logo.client-3.top {
  background: url(../../images/company/wolters-kluwer@x2.png) no-repeat center center;
  background-size: 164px 26px;
}
.company-list .client .logo.client-3.bottom {
  background: url(../../images/company/wolters-kluwer@x2-color.png) no-repeat center center;
  background-size: 164px 26px;
}
.company-list .client .logo.client-4.top {
  background: url(../../images/company/sony@x2.png) no-repeat center center;
  background-size: 118px 21px;
}
.company-list .client .logo.client-4.bottom {
  background: url(../../images/company/sony@x2-color.png) no-repeat center center;
  background-size: 118px 21px;
}
.company-list .client .logo.client-5.top {
  background: url(../../images/company/siemens@x2.png) no-repeat center center;
  background-size: 130px 20px;
}
.company-list .client .logo.client-5.bottom {
  background: url(../../images/company/siemens@x2-color.png) no-repeat center center;
  background-size: 130px 20px;
}
.company-list .client .logo.client-6.top {
  background: url(../../images/company/neonet@x2.png) no-repeat center center;
  background-size: 153px 52px;
}
.company-list .client .logo.client-6.bottom {
  background: url(../../images/company/neonet@x2-color.png) no-repeat center center;
  background-size: 153px 52px;
}
.company-list .client .logo.client-7.top {
  background: url(../../images/company/pga@x2.png) no-repeat center center;
  background-size: 69px 95px;
}
.company-list .client .logo.client-7.bottom {
  background: url(../../images/company/pga@x2-color.png) no-repeat center center;
  background-size: 69px 95px;
}
.company-list .client .logo.fitliner.top {
  background: url(../../images/company/fitliner@x2.png) no-repeat center center;
  background-size: 153px 36px;
}
.company-list .client .logo.fitliner.bottom {
  background: url(../../images/company/fitliner@x2-color.png) no-repeat center center;
  background-size: 153px 36px;
}
.company-list .client .logo.wolters-kluwer.top {
  background: url(../../images/company/wolters-kluwer@x2.png) no-repeat center center;
  background-size: 150px 23px;
}
.company-list .client .logo.wolters-kluwer.bottom {
  background: url(../../images/company/wolters-kluwer@x2-color.png) no-repeat center center;
  background-size: 150px 23px;
}
.company-list .client .logo.siemens.top {
  background: url(../../images/company/siemens@x2.png) no-repeat center center;
  background-size: 130px 20px;
}
.company-list .client .logo.siemens.bottom {
  background: url(../../images/company/siemens@x2-color.png) no-repeat center center;
  background-size: 130px 20px;
}
.company-list .client .logo.sanofi.top {
  background: url(../../images/company/sanofi@2x.png) no-repeat center center;
  background-size: 150px 34px;
}
.company-list .client .logo.sanofi.bottom {
  background: url(../../images/company/sanofi@2x-color.png) no-repeat center center;
  background-size: 150px 34px;
}
.company-list .client .logo.msc-cruises.top {
  background: url(../../images/company/msc-cruises@x2.png) no-repeat center center;
  background-size: 91px 71px;
}
.company-list .client .logo.msc-cruises.bottom {
  background: url(../../images/company/msc-cruises@x2-color.png) no-repeat center center;
  background-size: 91px 71px;
}
.company-list .client .logo.neckermann.top {
  background: url(../../images/company/neckermann@x2.png) no-repeat center center;
  background-size: 153px 28px;
}
.company-list .client .logo.neckermann.bottom {
  background: url(../../images/company/neckermann@x2-color.png) no-repeat center center;
  background-size: 153px 28px;
}
.company-list .client .logo.national-geographic.top {
  background: url(../../images/company/national-geographic@x2.png) no-repeat center center;
  background-size: 109px 32px;
}
.company-list .client .logo.national-geographic.bottom {
  background: url(../../images/company/national-geographic@x2-color.png) no-repeat center center;
  background-size: 109px 32px;
}
.company-list .client .logo.education-dynamics.top {
  background: url(../../images/company/education-dynamics@x2.png) no-repeat center center;
  background-size: 115px 50px;
}
.company-list .client .logo.education-dynamics.bottom {
  background: url(../../images/company/education-dynamics@x2-color.png) no-repeat center center;
  background-size: 115px 50px;
}
.company-list .client .logo.neonet.top {
  background: url(../../images/company/neonet@x2.png) no-repeat center center;
  background-size: 153px 52px;
}
.company-list .client .logo.neonet.bottom {
  background: url(../../images/company/neonet@x2-color.png) no-repeat center center;
  background-size: 153px 52px;
}
.company-list .client .logo.subway.top {
  background: url(../../images/company/subway@x2.png) no-repeat center center;
  background-size: 149px 43px;
}
.company-list .client .logo.subway.bottom {
  background: url(../../images/company/subway@x2-color.png) no-repeat center center;
  background-size: 149px 43px;
}
.company-list .client .logo.abbott.top {
  background: url(../../images/company/abbott@x2.png) no-repeat center center;
  background-size: 91px 99px;
}
.company-list .client .logo.abbott.bottom {
  background: url(../../images/company/abbott@x2-color.png) no-repeat center center;
  background-size: 91px 99px;
}

@media (max-width: 450px) {
  .company-list .client .logo.client-1.top {
    background-size: 133px 31px;
  }
  .company-list .client .logo.client-1.bottom {
    background-size: 133px 31px;
  }
  .company-list .client .logo.client-2.top {
    background-size: 87px 18px;
  }
  .company-list .client .logo.client-2.bottom {
    background-size: 87px 18px;
  }
  .company-list .client .logo.client-3.top {
    background-size: 154px 24px;
  }
  .company-list .client .logo.client-3.bottom {
    background-size: 154px 24px;
  }
  .company-list .client .logo.client-4.top {
    background-size: 98px 17px;
  }
  .company-list .client .logo.client-4.bottom {
    background-size: 98px 17px;
  }
  .company-list .client .logo.client-5.top {
    background-size: 110px 17px;
  }
  .company-list .client .logo.client-5.bottom {
    background-size: 110px 17px;
  }
  .company-list .client .logo.client-6.top {
    background-size: 133px 45px;
  }
  .company-list .client .logo.client-6.bottom {
    background-size: 133px 45px;
  }
  .company-list .client .logo.client-7.top {
    background-size: 59px 81px;
  }
  .company-list .client .logo.client-7.bottom {
    background-size: 59px 81px;
  }
  .company-list .client .logo.fitliner.top {
    background-size: 133px 31px;
  }
  .company-list .client .logo.fitliner.bottom {
    background-size: 133px 31px;
  }
  .company-list .client .logo.wolters-kluwer.top {
    background-size: 150px 23px;
  }
  .company-list .client .logo.wolters-kluwer.bottom {
    background-size: 150px 23px;
  }
  .company-list .client .logo.siemens.top {
    background-size: 110px 17px;
  }
  .company-list .client .logo.siemens.bottom {
    background-size: 110px 17px;
  }
  .company-list .client .logo.sanofi.top {
    background-size: 110px 27px;
  }
  .company-list .client .logo.sanofi.bottom {
    background-size: 110px 27px;
  }
  .company-list .client .logo.msc-cruises.top {
    background-size: 81px 63px;
  }
  .company-list .client .logo.msc-cruises.bottom {
    background-size: 81px 63px;
  }
  .company-list .client .logo.neckermann.top {
    background-size: 133px 24px;
  }
  .company-list .client .logo.neckermann.bottom {
    background-size: 133px 24px;
  }
  .company-list .client .logo.national-geographic.top {
    background-size: 98px 29px;
  }
  .company-list .client .logo.national-geographic.bottom {
    background-size: 98px 29px;
  }
  .company-list .client .logo.education-dynamics.top {
    background-size: 105px 46px;
  }
  .company-list .client .logo.education-dynamics.bottom {
    background-size: 105px 46px;
  }
  .company-list .client .logo.neonet.top {
    background-size: 133px 45px;
  }
  .company-list .client .logo.neonet.bottom {
    background-size: 133px 45px;
  }
  .company-list .client .logo.subway.top {
    background-size: 129px 37px;
  }
  .company-list .client .logo.subway.bottom {
    background-size: 129px 37px;
  }
}
#company-logos {
  padding-top: 50px;
  margin-top: -50px;
}
#company-logos.cre {
  padding-top: 0;
  margin-top: 0;
}
#company-logos.cre .company-list {
  border-top: 1px solid #f4f5f8;
  border-bottom: 1px solid #f4f5f8;
}

.person-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  display: table;
  width: 100%;
  font-size: 0;
}
.person-item-text {
  opacity: 0;
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  padding: 35px;
  padding: 2.1875rem;
  background: #6ebe3b;
  text-align: left;
  transition: 300ms;
  z-index: 1;
  display: table;
}
.person-item-text-wrap {
  display: table-cell;
  padding-bottom: 6px;
  vertical-align: middle;
}
.person-item {
  position: relative;
  width: 320px;
  height: 320px;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.person-item img {
  width: 100%;
}
.person-item:hover .person-item-text {
  opacity: 1;
}
.person h3 {
  margin: 0;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
}
.person span {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  padding-top: 18px;
  padding-top: 1.125rem;
  display: block;
  color: #fff;
}
.person p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 14px;
  padding-top: 30px;
  padding-top: 1.875rem;
  font-style: italic;
  color: #fff;
  margin-bottom: 0;
}

@media all and (max-width: 1500px) {
  .person-item {
    width: 280px;
    height: 280px;
  }
}
@media all and (max-width: 1150px) {
  .person-item {
    width: 260px;
    height: 260px;
  }
  .person p {
    display: none;
  }
}
@media all and (max-width: 959px) {
  .person-item {
    width: 220px;
    height: 220px;
  }
}
@media all and (max-width: 659px) {
  .person-item {
    width: 200px;
    height: 200px;
  }
}
@media all and (max-width: 599px) {
  .person-item {
    width: 140px;
    height: 140px;
  }
  .person-item-text {
    display: none;
  }
}
.modal h2 {
  font-family: "robotothin";
  font-weight: 200;
  font-size: 56px;
  font-size: 3.5rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
.modal-dark {
  background: rgba(40, 45, 56, 0.87);
}
.modal-dark h2 {
  color: #fff;
}
.modal-dark p {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.modal-dark .close-modal {
  margin-top: 7px;
}
.modal-dark .close-modal:hover svg {
  color: #979cb2;
}
.modal-dark .btn-green {
  min-width: 210px;
  margin-top: 15px;
}
.modal-dark-span {
  color: #979cb2;
  font-size: 14px;
  font-family: "robotoregular";
  padding-top: 20px;
  display: inline-block;
}
.modal-join-webinar .modal-middle-wrap {
  height: calc(100% - 129px);
}
.modal-join-webinar-content {
  max-width: 450px;
  margin: 0 auto;
}
.modal-join-webinar-content .form-group {
  width: 347px;
  margin: 27px auto 30px;
}
.modal-join-webinar-content .form-group input {
  background: #fff !important;
  color: #555 !important;
}
.modal-join-webinar-error {
  display: none;
  font-family: "robotolight";
  font-weight: 300;
  color: #fff;
}
.modal-great-pop-up {
  background: rgba(40, 43, 49, 0.9);
}
.modal-great-pop-up .close-modal {
  margin: 0;
  right: -60px;
  top: 0;
}
@media (max-width: 767px) {
  .modal-great-pop-up .close-modal {
    top: -30px;
    right: 0;
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .modal-great-pop-up .close-modal svg {
    height: 20px;
    width: 20px;
  }
}
.modal-great-pop-up .modal-header {
  padding: 0;
}
.modal-great-pop-up .modal-header img {
  width: 100%;
}
.modal-great-pop-up .modal-content {
  background: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  display: block;
  text-decoration: none;
}
.modal-great-pop-up .modal-content:hover {
  text-decoration: none;
}
.modal-great-pop-up .modal-body {
  padding: 25px 15px 30px;
  border-bottom: 5px solid #fd4105;
}
.modal-great-pop-up__title {
  font-family: "robotolight" !important;
  font-weight: 300 !important;
  font-size: 36px !important;
  font-size: 2.25rem !important;
  line-height: 52px;
  line-height: 3.25rem;
  color: #fd4105;
  margin-top: 0;
  margin-bottom: 25px;
}
.modal-great-pop-up__desc {
  font-family: "robotolight" !important;
  font-weight: 300 !important;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 32px;
  line-height: 2rem;
  color: #979cb2;
  margin-bottom: 45px;
}
.modal-great-pop-up__btn {
  font-family: "robotomedium";
  font-size: 18px;
  font-size: 1.125rem;
  background-color: #fd4105;
  background-image: -ms-linear-gradient(90deg, rgb(18, 16, 11) 0%, rgb(255, 255, 255) 100%);
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  border-radius: 50px;
  width: 192px;
  height: 57px;
  box-shadow: 0px 9px 16px 0px rgba(152, 115, 103, 0.21), inset 0.035px -2px 0px 0px rgba(0, 0, 0, 0.23);
}
.modal-middle-wrap {
  display: table;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 0;
}
.modal-middle {
  display: table-cell;
  vertical-align: middle;
}
.modal-bottom {
  padding: 55px 0;
}
.modal-bottom a {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  text-decoration: underline;
  transition: 300ms;
}
.modal-bottom a:hover {
  color: #fff;
}
.modal-bottom-spacer {
  display: inline-block;
  padding: 0 15px;
  color: #484c56;
  font-size: 10px;
  line-height: 14px;
}
.modal-read-report2019 {
  background: rgba(40, 43, 49, 0.9);
}
.modal-read-report2019 .close-modal {
  margin: 0;
  right: -60px;
  top: 0;
}
@media (max-width: 767px) {
  .modal-read-report2019 .close-modal {
    top: -30px;
    right: 0;
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .modal-read-report2019 .close-modal svg {
    height: 20px;
    width: 20px;
  }
}
.modal-read-report2019 .modal-content {
  background: #066bbb;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.modal-read-report2019 .modal-content:hover {
  text-decoration: none;
}
.modal-read-report2019 .modal-content .img-responsive {
  margin: auto;
}
.modal-read-report2019 .modal-body {
  padding: 0;
}

#modal-read-report2019-border,
#great-pop-up-border {
  position: fixed;
  height: 10px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1031;
}

.form-basic label {
  font-size: 12px;
  color: #bdc1cb;
}
.form-basic .radio span,
.form-basic .radio label,
.form-basic .checkbox span,
.form-basic .checkbox label {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 14px;
  color: #292d38;
}
.form-basic .radio span input[type=radio],
.form-basic .radio label input[type=radio],
.form-basic .checkbox span input[type=radio],
.form-basic .checkbox label input[type=radio] {
  opacity: 0;
}
.form-basic .radio span input[type=checkbox],
.form-basic .radio label input[type=checkbox],
.form-basic .checkbox span input[type=checkbox],
.form-basic .checkbox label input[type=checkbox] {
  opacity: 0;
}
.form-basic .radio span:before,
.form-basic .radio label:before,
.form-basic .checkbox span:before,
.form-basic .checkbox label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 2px;
  border: 1px solid #e2e2e8;
}
.form-basic .radio span:hover:before,
.form-basic .radio label:hover:before,
.form-basic .checkbox span:hover:before,
.form-basic .checkbox label:hover:before {
  border-color: #6ebe3b;
}
.form-basic .radio span.check:hover:before,
.form-basic .radio label.check:hover:before,
.form-basic .checkbox span.check:hover:before,
.form-basic .checkbox label.check:hover:before {
  border-color: #e2e2e8;
}
.form-basic .radio span.check:after,
.form-basic .radio label.check:after,
.form-basic .checkbox span.check:after,
.form-basic .checkbox label.check:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  position: absolute;
  left: 4px;
  top: 6px;
  background-color: #6ebe3b;
}
.form-basic .radio span,
.form-basic .checkbox span {
  display: inline-block;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
}
.form-basic .radio span:before,
.form-basic .radio label:before {
  border-radius: 10px;
}
.form-basic .radio span.check:after,
.form-basic .radio label.check:after {
  border-radius: 5px;
}
.form-basic .checkbox span.check:after,
.form-basic .checkbox label.check:after {
  background: transparent;
  width: 11px;
  height: 6px;
  top: 6px;
  left: 3px;
  border: 3px solid #6ebe3b;
  border-top: none;
  border-right: none;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.form-basic .form-control {
  font-family: "robotolight";
  font-weight: 300;
  background-color: transparent;
  border-color: #e2e2e8;
  box-shadow: none;
  color: #292d38;
  resize: vertical;
}
.form-basic .form-control:focus {
  border-color: #6ebe3b;
  box-shadow: none;
}
.form-basic .form-control::-moz-placeholder {
  color: #c1c4cc;
}
.form-basic .form-control:-ms-input-placeholder {
  color: #c1c4cc;
}
.form-basic .form-control::-webkit-input-placeholder {
  color: #c1c4cc;
}
.form-basic .form-control.file {
  padding-left: 40px;
  border-style: dashed;
  position: relative;
}
.form-basic .form-control.file input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form-basic .form-control.file .placeholder {
  overflow: hidden;
  white-space: nowrap;
  color: #c1c4cc;
}
.form-basic .form-control.file .form-control-file {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  pointer-events: none;
}
.form-basic .form-control.file .form-control-file svg {
  position: absolute;
  width: 100%;
  height: 24px;
  top: 50%;
  left: 0;
  margin: -13px 0 0;
  color: #979cb2;
}
.form-basic .help-block {
  font-family: "robotolight";
  font-weight: 300;
  visibility: hidden;
  padding-bottom: 0;
  font-size: 12px;
  margin: 2px 0px;
}
.form-basic .help-block small {
  font-size: 85%;
}
.form-basic.has-require {
  padding-right: 15px;
}
.form-basic.has-require .star-require {
  display: inline-block;
  font-family: "robotolight";
  font-weight: 300;
  color: #6ebe3b;
  font-size: 18px;
  position: absolute;
  top: 12px;
  right: 0px;
  height: 20px;
}
.form-basic .form-control-feedback svg {
  position: absolute;
  display: none;
  width: 100%;
  height: 20px;
  top: 50%;
  left: 0;
  margin: -10px 0 0;
}
.form-basic.has-success .form-control {
  border-color: #6ebe3b !important;
}
.form-basic.has-success label,
.form-basic.has-success .help-block,
.form-basic.has-success .form-control-feedback,
.form-basic.has-success .form-control-icon {
  color: #6ebe3b !important;
}
.form-basic.has-success .form-control-feedback.tick svg {
  display: block;
}
.form-basic.has-success .help-block {
  visibility: visible;
}
.form-basic.has-error .form-control {
  border-color: #ff4200 !important;
}
.form-basic.has-error label,
.form-basic.has-error span,
.form-basic.has-error .help-block,
.form-basic.has-error .form-control-feedback,
.form-basic.has-error .form-control-icon,
.form-basic.has-error .clauses-more {
  color: #ff4200 !important;
}
.form-basic.has-error a {
  color: #ff4200 !important;
}
.form-basic.has-error .form-control-feedback.error svg {
  display: block;
}
.form-basic.has-error .help-block {
  visibility: visible;
}
.form-basic.form-animate label {
  background-color: #fff;
  padding: 1px 5px;
  font-family: "robotolight";
  font-weight: 300;
  font-weight: bold;
  /*color: #c1c4cc;*/
  color: #6ebe3b;
  position: absolute;
  z-index: 2;
  left: 15px;
  top: 12px;
  opacity: 0;
  visibility: hidden;
  border-radius: 2px;
  transition: all 0.5s ease-in-out;
}
.form-basic.form-animate label.float {
  font-size: 11px;
  top: 3px;
  opacity: 1;
  visibility: visible;
  -ms-transform: translateY(-12px);
  transform: translateY(-12px);
}
.form-basic.form-animate.has-feedback label ~ .form-control-feedback {
  top: 0;
}
.form-basic.form-animate.has-feedback.has-require label ~ .form-control-feedback {
  right: 15px;
}
.form-basic.form-animate.has-icon label {
  left: 25px;
}
.form-basic.form-animate.has-icon .form-control {
  padding-left: 30px;
}
.form-basic .tooltip {
  min-width: 250px;
}
.form-basic .tooltip .tooltip-inner {
  min-width: 250px;
  text-align: left;
  padding: 15px;
}
.form-basic .form-control-icon {
  position: absolute;
  width: 30px;
  left: 0;
  top: 0;
  bottom: 0;
  color: #a7afc6;
}
.form-basic .form-control-icon svg {
  position: absolute;
  width: 100%;
  height: 20px;
  top: 50%;
  left: 0;
  margin: -10px 0 0;
}

.form-group {
  margin-bottom: 40px;
}
.form-group .star-require-desc {
  display: inline-block;
  font-family: "robotolight";
  font-weight: 300;
  color: #979cb2;
  font-size: 16px;
  position: absolute;
  margin-top: -10px;
  top: 50%;
  right: 15px;
  height: 20px;
}
.form-group .star-require-desc i {
  color: #6ebe3b;
  font-size: 18px;
  font-style: normal;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .form-group .star-require-desc {
    position: relative;
    display: block;
    text-align: right;
    margin: -15px 0px 25px;
  }
}

[lang=ru] .form-group .star-require-desc {
  position: relative;
  display: block;
  text-align: right;
  margin: -15px 0px 25px;
}

.chapter-case.form label,
.block-bg-gray label {
  background-color: #f4f6fb !important;
}

.thank-you-screen {
  background-color: #f4f6fb;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.thank-you-screen h4 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 28px;
  font-size: 45px;
  color: #292d38;
}
.thank-you-screen p {
  line-height: 1.5;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  color: #6b7183;
  margin-bottom: 30px;
}
.thank-you-screen p strong {
  background-color: #6ebe3b;
  font-family: "robotomedium";
  padding: 0px 5px;
  color: #fff;
}
.thank-you-screen svg {
  display: block;
  margin: 20px auto 40px;
  max-width: 100px;
  height: 80px;
  color: #6ebe3b;
}
.thank-you-screen.blue p strong {
  background-color: #3c76f9;
}
.thank-you-screen.blue svg {
  color: #3c76f9;
}

.form-color-blue label {
  color: #2d68eb !important;
}
.form-color-blue .form-control:focus {
  border-color: #2d68eb;
}
.form-color-blue.has-require .star-require,
.form-color-blue .has-require .star-require {
  color: #2d68eb;
}
.form-color-blue.form-group .star-require-desc i,
.form-color-blue .form-group .star-require-desc i {
  color: #2d68eb;
}
.form-color-blue .checkbox label:hover:before, .form-color-blue .checkbox label.check:after,
.form-color-blue .checkbox span:hover:before,
.form-color-blue .checkbox span.check:after {
  border-color: #2d68eb;
}
.form-color-blue .form-control.select2-container.select2-dropdown-open,
.form-color-blue .form-control.select2-container.select2-dropdown-open.select2-drop-above {
  border-color: #2d68eb;
}
.form-color-blue.select2-drop-active, .form-color-blue.select2-drop.select2-drop-above.select2-drop-active {
  border-color: #2d68eb;
}
.form-color-blue .has-success .form-control.select2-container.select2-dropdown-open {
  border-color: #2d68eb !important;
}

.cloud-map {
  width: auto;
  height: auto;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.cloud-map .box-img {
  position: relative;
  overflow: hidden;
  width: 300px;
}
@media (max-width: 992px) {
  .cloud-map .box-img {
    display: none;
  }
}
.cloud-map .box-content {
  min-width: 200px;
  margin-left: 20px;
  font-size: 24px;
}
@media (max-width: 992px) {
  .cloud-map .box-content {
    margin-left: 0;
    min-width: auto;
  }
}
.cloud-map .box-content h3 {
  color: #6ebe3b;
}
.cloud-map .box-content p {
  color: #6b7183;
}

.leaflet-popup-content {
  margin: 0 !important;
  padding: 12px;
}
.leaflet-popup-content-wrapper {
  border-radius: 8px !important;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3) !important;
}

.contact-wrapper {
  padding-top: 160px;
}
@media (max-width: 992px) {
  .contact-wrapper {
    padding-top: 120px;
  }
}

.department {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 50px 0;
  font-size: 0;
  text-align: left;
}
.department-block {
  padding: 0 32px;
}
.department-block:not(:last-of-type) {
  border-right: 1px solid #f1f3f7;
}
.department-block .block-heading {
  width: 100%;
}
.department-block .block-heading svg {
  height: 48px;
  max-width: 46px;
  color: #44ab00;
  margin-bottom: 22px;
}
.department-block .block-body {
  display: table;
  width: 100%;
  padding: 42px 0 0;
}
.department-block .block-body.knowledge p {
  margin-bottom: 25px;
}
.department-block h2 {
  font-family: "robotobold";
  font-size: 24px;
  font-size: 1.5rem;
  color: #1b1f2b;
  padding: 0;
}
.department-block h5.work-day {
  font-family: "robotomedium";
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 0 2px;
  color: #1b1f2b;
}
.department-block p {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0;
}
.department-block p.work-hours {
  font-family: "robotoregular";
  font-size: 11px;
  font-size: 0.6875rem;
  padding: 0;
  color: #6b7183;
  margin-bottom: 19px;
}
.department-block p.label-online, .department-block p.label-offline {
  display: inline-block;
  padding: 4px 10px;
  font-family: "robotoregular";
  font-size: 14px;
  color: #fff;
}
.department-block p.label-online {
  background-color: #6ebe3b;
}
.department-block p.label-offline {
  background-color: #ff4200;
}
.department-block p.small {
  font-family: "robotoregular";
  font-size: 12px;
  font-size: 0.75rem;
  color: #a7afc6;
  line-height: 1.5;
  margin-bottom: 14px;
}
.department-block.phone, .department-block.chat {
  padding-top: 20px;
}
.department-block .block-quality-badge {
  height: 80px;
  position: relative;
}
.department-block .block-quality-badge .qb-content {
  width: 300px;
  height: 160px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -150px;
  border-radius: 6px;
  box-shadow: 0 4px 10px 3px rgba(83, 112, 177, 0.1);
}
.department-block .block-quality-badge .qb-content:hover {
  box-shadow: 0 4px 10px 1px rgba(83, 112, 177, 0.1);
}
.department-block .block-chat .btn {
  border-radius: 40px;
  font-family: "robotomedium";
  font-size: 14px;
  font-size: 0.875rem;
  margin: 8px 0 20px 0;
  padding: 5px 21px;
}
.department .block-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  margin-bottom: 25px;
}

@media (max-width: 1260px) {
  .department {
    text-align: center;
  }
  .department-block {
    margin-bottom: 32px;
    border-right: 1px solid #f1f3f7;
  }
  .department-block:nth-of-type(2n) {
    border-right: none;
  }
  .department-block .block-heading svg {
    max-width: 100%;
  }
  .department-block .block-body {
    padding: 34px 0 0;
  }
  .block-footer {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .block-footer .work {
    max-width: 33%;
    width: auto;
  }
}
@media (max-width: 992px) {
  .department {
    margin: 0;
  }
  .department-block {
    width: 100%;
    border-bottom: 1px solid #f1f3f7;
    padding: 30px 0 5px 0;
    margin-bottom: 0;
    border-right: none;
  }
  .department-block:not(:last-of-type) {
    border-right: none;
  }
  .department-block:last-of-type {
    border-bottom: none;
  }
  .department-block:first-of-type {
    padding-top: 11px;
  }
}
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #f4f6fb;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.ri-grid {
  margin: 0;
  text-align: center;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.ri-grid ul {
  list-style: none;
  display: block;
  width: 120%;
  margin: 0;
  padding: 0;
}

.ri-grid ul:before,
.ri-grid ul:after {
  content: "";
  display: table;
}

.ri-grid ul:after {
  clear: both;
}

.ri-grid ul li {
  -o-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  background: #6ebe3b;
  width: 214px !important;
  height: 214px !important;
}

.ri-grid ul li a {
  display: block;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #6ebe3b;
  box-sizing: content-box;
}

.ri-grid-loading:after,
.ri-grid-loading:before {
  display: none;
}

.ri-loading-image {
  display: none;
}

.ri-grid-loading .ri-loading-image {
  position: relative;
  width: 30px;
  height: 30px;
  left: 50%;
  margin: 100px 0 0 -15px;
  display: block;
}

.testimonial {
  padding: 0 15px;
  margin-bottom: 30px;
  background: transparent;
}
.testimonial.col-md-4:nth-child(3n+1) {
  clear: both;
}
.testimonial-img {
  margin-bottom: 20px;
  margin-left: 40px;
}
.testimonial blockquote {
  border-left: none;
  padding: 50px 0 10px 40px;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: #6b7183;
  font-style: italic;
  position: relative;
}
.testimonial blockquote:before {
  content: "“";
  font-style: normal;
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 50px;
  color: #6bc02f;
  position: absolute;
  top: 50px;
  left: 0;
}
.testimonial-author {
  font-family: "robotolight" !important;
  font-weight: 300 !important;
  font-size: 1.125rem !important;
  padding-left: 40px;
}
.testimonial-author strong {
  font-style: italic;
  color: #6bc02f;
  font-family: "robotolight";
  font-weight: 300;
}
.testimonial a {
  margin-top: 35px;
  display: inline-block;
}
.testimonial a:after {
  content: "›";
  padding-left: 0.3rem;
}
.testimonial a:hover {
  text-decoration: underline !important;
}
.testimonial-green {
  background: #6ebe3b;
}
.testimonial-green blockquote {
  padding: 34px 20px 10px 40px;
  color: #fff;
}
.testimonial-green blockquote:before {
  color: #fff;
  top: 32px;
  left: 4px;
}
.testimonial-gray {
  background: #f4f5fb;
}
.testimonial-gray blockquote {
  padding: 34px 20px 10px 40px;
}
.testimonial-gray blockquote:before {
  top: 32px;
  left: 4px;
}
.testimonial-blog h3 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  color: #292d38;
  margin-top: 10px;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.testimonial-blog p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 23px;
  line-height: 1.4375rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.testimonial-blog, .testimonial-case-study {
  background: #fff;
  margin: 40px auto;
  padding: 0 40px;
  box-shadow: 0 5px 16px 0 rgba(68, 87, 130, 0.1);
  min-width: 320px;
}
.testimonial-blog blockquote, .testimonial-case-study blockquote {
  padding-top: 20px;
}
.testimonial-blog blockquote:before, .testimonial-case-study blockquote:before {
  top: 20px;
}
.testimonial-blog a, .testimonial-case-study a {
  margin: 0;
}
.testimonial-blog a:after, .testimonial-case-study a:after {
  content: normal;
}
.testimonial-blog {
  box-shadow: 0 5px 35px 0 rgba(39, 47, 65, 0.42);
}
.testimonial-position-top-left {
  margin-right: 30px;
  margin-bottom: 30px;
}
.testimonial-position-top-right {
  margin-left: 30px;
  margin-bottom: 30px;
}
.testimonial-use-case {
  background: #6ebe3b;
  margin-top: 70px !important;
  padding: 40px 45px;
}
.testimonial-use-case blockquote {
  padding: 25px 21px 10px 64px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 35px;
  line-height: 2.1875rem;
  margin: 0;
  color: #fff;
}
.testimonial-use-case blockquote:before {
  font-size: 83px;
  font-size: 5.1875rem;
  color: #88d656;
  top: 32px;
  left: 4px;
}
.testimonial-use-case .testimonial-author {
  color: #fff !important;
  margin-bottom: 0 !important;
  padding-left: 64px;
}
.testimonial-use-case .testimonial-author strong {
  color: #a7ed7a;
}
.testimonial-use-case a {
  margin-top: 0;
  color: #fff;
  font-family: "robotolight";
  font-weight: 300;
  font-style: italic;
}
.testimonial-sales {
  background: #fb4420;
}
.testimonial-sales blockquote:before {
  color: #ff876f;
}
.testimonial-sales .testimonial-author strong {
  color: #ff876f;
}
.testimonial-hr {
  background: #16bcf1;
}
.testimonial-hr blockquote:before {
  color: #61d9ff;
}
.testimonial-hr .testimonial-author strong {
  color: #61d9ff;
}
.testimonial-marketing {
  background: #ff9d1d;
}
.testimonial-marketing blockquote:before {
  color: #ffc375;
}
.testimonial-marketing .testimonial-author strong {
  color: #ffc375;
}

@media all and (max-width: 991px) {
  .testimonial-position-top-left {
    margin-right: 0;
  }
  .testimonial-position-top-right {
    margin-left: 0;
  }
  .testimonial-green blockquote {
    padding: 34px 20px 34px 40px;
  }
}
.case-study {
  text-align: center;
}
.case-study-box {
  padding: 25px;
  display: inline-block;
  margin: 0 auto;
  transition: 300ms;
  max-width: 100%;
}
.case-study-box:hover {
  box-shadow: 0 7px 29px 0 rgba(192, 192, 216, 0.3);
}
.case-study p {
  text-align: left;
  padding-bottom: 0;
}
.case-study-read-more {
  margin-top: 40px;
  display: inline-block;
}
.case-study-read-more:after {
  content: "›";
  padding-left: 0.3rem;
}
.case-study-read-more:hover {
  text-decoration: underline !important;
}
.case-study-text {
  box-sizing: border-box;
  padding: 20px;
}
.case-study-author {
  font-family: "robotoregular" !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  margin-top: 30px;
}
.case-study-author strong {
  color: #6bc02f;
  font-family: "robotoregular";
  text-transform: uppercase;
}
.case-study-author .spacer {
  margin: 0px 10px;
  color: #cecece;
}
.case-study-author .more {
  text-transform: uppercase;
}
.case-study-logo {
  width: 132px;
}
.case-study-description {
  margin-top: 20px;
  font-size: 1.3125rem !important;
}
.case-study-slide {
  display: table;
  height: 285px;
  width: 100%;
}
.case-study-slide-footer {
  font-size: 12px !important;
  padding: 0 0 20px 40px;
}
.case-study-slide-footer a {
  font-size: 12px !important;
  margin: 0;
}
.case-study-slide-footer a:after {
  content: normal;
}
.case-study-slide-footer .logo {
  width: 135px;
}
.case-study-slide-footer .logo.paras {
  width: 85px;
}
.case-study-slide-footer .spacer {
  margin: 0 20px;
  color: #efeff0;
}
@media (max-width: 450px) {
  .case-study-slide {
    height: 400px;
  }
  .case-study-slide a {
    display: block;
    margin: 20px 0 0;
  }
  .case-study-slide .spacer {
    display: none;
  }
}
.case-study-middle {
  display: table-cell;
  vertical-align: middle;
}

.logos {
  padding-top: 30px;
  padding-bottom: 30px;
}
.logos-header {
  position: relative;
  margin-bottom: 20px;
}
.logos-header:before {
  border-top: 1px solid #e7e8ed;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  margin-left: -150px;
  width: 300px;
}
.logos h3 {
  margin: 20px auto;
  padding: 0 25px;
  display: inline-block;
  position: relative;
  color: #545b7b;
  background: #fff;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 30px;
  font-size: 1.875rem;
}
.logos-list {
  list-style: none;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 0;
}
.logos-item {
  box-sizing: border-box;
  border: 1px solid #eff0f3;
  display: inline-block;
  margin: -1px -1px 0 0;
  padding: 0;
  position: relative;
  height: 186px;
  width: 186px;
  transition: 300ms;
}
.logos-item:hover {
  box-shadow: 0 7px 29px 0 rgba(192, 192, 216, 0.3);
}
.logos-item-table {
  width: 100%;
  height: 100%;
  display: table;
}
.logos-item-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.navbar.navbar-footer {
  background-color: #fff;
  padding: 3px 0;
  box-shadow: 0 0 40px 0 rgba(49, 91, 132, 0.22);
  transition: bottom 0.5s ease-in-out;
}
.navbar.navbar-footer.nav-hide {
  bottom: -100px !important;
}
.navbar.navbar-footer p {
  margin: 16px 0;
  line-height: 20px;
  font-size: 15px;
  color: #292d38;
}
.navbar.navbar-footer p strong {
  color: #6ebe3b;
  font-family: "robotomedium";
}
.navbar.navbar-footer .form-group {
  margin: 0;
}
.navbar.navbar-footer .form-group .form-control {
  box-shadow: none;
  color: #292d38;
  height: 38px;
  padding-right: 36px;
  border-color: #e2e2e8;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.navbar.navbar-footer .form-group .form-control:focus {
  border-color: #6ebe3b;
  z-index: 2;
}
.navbar.navbar-footer .input-group-btn:last-child > .btn {
  margin-left: -20px;
  border-radius: 25px;
}
.navbar.navbar-footer .navbar-btn-group,
.navbar.navbar-footer .form-try-free {
  margin: 8px 0;
}
@media (max-width: 991px) {
  .navbar.navbar-footer {
    display: none;
    text-align: center;
  }
  .navbar.navbar-footer p {
    margin: 10px 0;
  }
}
.navbar-cre {
  background: #2f333e;
  position: fixed;
  left: 0;
  right: 0;
  height: 120px;
  z-index: 1030;
}
.navbar-cre:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  border-width: 15px 15px 0;
  border-top-color: #2f333e;
  border-left-color: transparent;
}
.navbar-cre-table {
  display: table;
  height: 120px;
  width: 100%;
}
.navbar-cre-title {
  font-family: "robotoregular";
  font-size: 34px;
  font-size: 2.125rem;
  color: #fff;
  margin: 0;
  padding: 15px 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.navbar-cre-title .stress {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.navbar-cre-title .stress-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  z-index: -1;
}
.navbar-cre-title .stress-icon svg {
  display: block;
  width: 100%;
  height: 37px;
  color: #6ebe3b;
}
@media (max-width: 767px) {
  .navbar-cre-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.tip {
  background-color: #20242e;
  position: absolute;
  right: -235px;
  top: 0;
  width: 230px;
  opacity: 0.95;
  filter: alpha(opacity=95);
  z-index: 5;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}
.tip-title {
  font-family: "robotoregular";
  font-size: 12px;
  padding-bottom: 0px;
  color: #fff;
}
.tip-content {
  font-family: "robotolight";
  padding: 15px;
}
.tip-content ul {
  margin: 0px;
}
.tip-content li {
  padding: 5px 5px 5px 20px;
  position: relative;
}
.tip-content li .has-success-field .tip-control.error svg,
.tip-content li .has-error-field .tip-control.tick svg {
  display: none;
}
.tip-content li .has-success-field .tip-control.tick svg {
  display: block;
  color: #6ebe3b;
}
.tip-content li .has-error-field .tip-control.error svg {
  display: block;
  color: #ff4200;
}
.tip-content .tip-control {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  margin-top: -10px;
  z-index: 2;
}
.tip-content .tip-control svg {
  position: absolute;
  width: 100%;
  height: 10px;
  top: 50%;
  left: 0;
  margin: -5px 0 0;
  display: none;
}
.tip-content .tip-control .error svg {
  display: block;
  color: #b9b9ba;
}
.tip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 15px;
  left: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #20242e;
}

@media (max-width: 991px) {
  .tip {
    top: 50px;
    right: 0px;
  }
  .tip .tip-arrow {
    top: -5px;
    right: 15px;
    left: auto;
    border-width: 0 5px 5px;
    border-bottom-color: #20242e;
    border-right-color: transparent;
  }
}
.scroll-indicators {
  position: fixed;
  top: 50%;
  bottom: auto;
  right: 25px;
  text-align: center;
  list-style: outside none none;
  padding: 0px;
  margin: 0px;
  z-index: 15;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.scroll-indicators li {
  display: block;
  margin: 10px 0px;
}
.scroll-indicators li a {
  display: block;
  position: relative;
  padding: 5px;
}
.scroll-indicators li a .label {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
}
.scroll-indicators li a .label-icon {
  background: #343842;
  right: 55px;
  padding: 5px 5px 6px;
  line-height: 1;
  text-transform: none;
  border-radius: 1px;
  margin: -10px 0 0;
  font-size: 11px;
  color: #fff;
}
.scroll-indicators li a .label-arrow {
  border: none;
  width: auto;
  height: auto;
  font-weight: normal;
}
.scroll-indicators li a .label-arrow:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.scroll-indicators li a .label-arrow-left:before {
  top: 50%;
  right: -4px;
  margin-top: -4px;
  border-width: 4px 0 4px 4px;
  border-left-color: #343842;
}
.scroll-indicators li a .dot {
  background-color: #ffffff;
  border-radius: 10px;
  cursor: pointer;
  display: block;
  height: 10px;
  width: 10px;
  transition: all 0.2s ease-in-out;
}
.scroll-indicators li a .icon {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
}
.scroll-indicators li a .icon svg {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  color: #a7afc6;
  stroke-width: 1;
  transition: all 0.3s ease-in-out;
}
.scroll-indicators li a:hover .label {
  opacity: 1;
  filter: alpha(opacity=100);
}
.scroll-indicators li a.active .label, .scroll-indicators li a:hover .label {
  color: #6ebe3b;
}
.scroll-indicators li a.active .label-icon, .scroll-indicators li a:hover .label-icon {
  color: #fff;
}
.scroll-indicators li a.active .dot, .scroll-indicators li a:hover .dot {
  background-color: #6ebe3b;
}
.scroll-indicators li a.active .icon svg, .scroll-indicators li a:hover .icon svg {
  margin-left: -21px;
  color: #6ebe3b;
}
.scroll-indicators li a.sales .label {
  color: #fb4420;
}
.scroll-indicators li a.sales.active .dot, .scroll-indicators li a.sales:hover .dot {
  background-color: #fb4420;
}
.scroll-indicators li a.marketing .label {
  color: #ff9d1d;
}
.scroll-indicators li a.marketing.active .dot, .scroll-indicators li a.marketing:hover .dot {
  background-color: #ff9d1d;
}
.scroll-indicators li a.education .label {
  color: #6ebe3b;
}
.scroll-indicators li a.education.active .dot, .scroll-indicators li a.education:hover .dot {
  background-color: #6ebe3b;
}
.scroll-indicators li a.hr .label {
  color: #16bcf1;
}
.scroll-indicators li a.hr.active .dot, .scroll-indicators li a.hr:hover .dot {
  background-color: #16bcf1;
}
.scroll-indicators li a.enterprise .label {
  color: #2661e6;
}
.scroll-indicators li a.enterprise.active .dot, .scroll-indicators li a.enterprise:hover .dot {
  background-color: #2661e6;
}

@media (max-width: 1199px) {
  .scroll-indicators.new-webinar-room {
    right: 10px;
  }
}
@media (max-width: 920px) {
  .scroll-indicators {
    right: 15px;
  }
  .scroll-indicators.new-webinar-room {
    right: 5px;
  }
}
@media (max-width: 850px) {
  .scroll-indicators {
    display: none;
  }
}
#integrations {
  background-color: #fbfcfe;
}
#integrations .title {
  position: absolute;
  top: 0px;
  left: 20%;
  right: 20%;
  z-index: 10;
}
#integrations h2 {
  color: #292d38;
  font-size: 45px;
  font-size: 2.8125rem;
  margin-top: 80px;
  margin-bottom: 0px;
}
#integrations h3 {
  margin-top: 30px;
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
}
@media (max-width: 991px) {
  #integrations .title {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
}

.all-integrations {
  margin-top: 45px;
  font-size: 18px;
  font-size: 1.125rem;
}

.infographics {
  position: relative;
  margin: 0px auto;
}

@media (max-width: 991px) {
  .infographics {
    height: 800px;
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
.marker-big,
.marker {
  background-color: #fff;
  position: absolute !important;
  display: block;
  width: 100px;
  height: 100px;
  box-shadow: 0px 0px 21px 0px rgba(49, 91, 132, 0.07);
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
.marker-big.disabled,
.marker.disabled {
  pointer-events: none;
  cursor: default;
}
.marker-big .logo,
.marker .logo {
  position: absolute;
  top: 50%;
  left: 50%;
}

.marker {
  /* slack */
  /* twitter */
  /* linkedin */
  /* office */
  /* getresponse */
  /* facebook */
  /* hubspot */
  /* dropbox */
  /* youtube */
  /* google */
}
.marker.slack {
  top: 18%;
  left: 9%;
}
.marker.slack .logo.logo-slack {
  background: url(../../images/infographics/slack.png) no-repeat center center;
  width: 74px;
  height: 22px;
  margin: -11px 0 0 -37px;
}
.marker.slack:hover {
  background-color: #78d4b6;
}
.marker.slack:hover .logo.logo-slack {
  background-image: url(../../images/infographics/slack-hover.png);
}
.marker.twitter {
  top: 45%;
  left: 17%;
}
.marker.twitter .logo.logo-twitter {
  background: url(../../images/infographics/twitter.png) no-repeat center center;
  width: 40px;
  height: 42px;
  margin: -21px 0 0 -20px;
}
.marker.twitter:hover {
  background-color: #55acee;
}
.marker.twitter:hover .logo.logo-twitter {
  background-image: url(../../images/infographics/twitter-hover.png);
}
.marker.linkedin {
  top: 63%;
  left: 1%;
}
.marker.linkedin .logo.logo-linkedin {
  background: url(../../images/infographics/linkedin.png) no-repeat center center;
  width: 38px;
  height: 38px;
  margin: -19px 0 0 -19px;
}
.marker.linkedin:hover {
  background-color: #007cb4;
}
.marker.linkedin:hover .logo.logo-linkedin {
  background-image: url(../../images/infographics/linkedin-hover.png);
}
.marker.office {
  top: 72%;
  left: 26%;
}
.marker.office .logo.logo-office {
  background: url(../../images/infographics/office.png) no-repeat center center;
  width: 74px;
  height: 24px;
  margin: -12px 0 0 -37px;
}
.marker.office:hover {
  background-color: #e8402e;
}
.marker.office:hover .logo.logo-office {
  background-image: url(../../images/infographics/office-hover.png);
}
.marker.getresponse {
  top: 77%;
  left: 46%;
}
.marker.getresponse .logo.logo-getresponse {
  background: url(../../images/infographics/getresponse.png) no-repeat center center;
  width: 44px;
  height: 28px;
  margin: -14px 0 0 -22px;
}
.marker.getresponse:hover {
  background-color: #00afec;
}
.marker.getresponse:hover .logo.logo-getresponse {
  background-image: url(../../images/infographics/getresponse-hover.png);
}
.marker.facebook {
  top: 81%;
  right: 26%;
}
.marker.facebook .logo.logo-facebook {
  background: url(../../images/infographics/facebook.png) no-repeat center center;
  width: 20px;
  height: 38px;
  margin: -19px 0 0 -10px;
}
.marker.facebook:hover {
  background-color: #3e5c98;
}
.marker.facebook:hover .logo.logo-facebook {
  background-image: url(../../images/infographics/facebook-hover.png);
}
.marker.hubspot {
  top: 63%;
  right: 22%;
}
.marker.hubspot .logo.logo-hubspot {
  background: url(../../images/infographics/hubspot.png) no-repeat center center;
  width: 70px;
  height: 20px;
  margin: -10px 0 0 -35px;
}
.marker.hubspot:hover {
  background-color: #f17631;
}
.marker.hubspot:hover .logo.logo-hubspot {
  background-image: url(../../images/infographics/hubspot-hover.png);
}
.marker.dropbox {
  top: 54%;
  right: 1%;
}
.marker.dropbox .logo.logo-dropbox {
  background: url(../../images/infographics/dropbox.png) no-repeat center center;
  width: 46px;
  height: 44px;
  margin: -22px 0 0 -23px;
}
.marker.dropbox:hover {
  background-color: #1480e1;
}
.marker.dropbox:hover .logo.logo-dropbox {
  background-image: url(../../images/infographics/dropbox-hover.png);
}
.marker.youtube {
  top: 36%;
  right: 17%;
}
.marker.youtube .logo.logo-youtube {
  background: url(../../images/infographics/youtube.png) no-repeat center center;
  width: 70px;
  height: 30px;
  margin: -15px 0 0 -35px;
}
.marker.youtube:hover {
  background-color: #dd3030;
}
.marker.youtube:hover .logo.logo-youtube {
  background-image: url(../../images/infographics/youtube-hover.png);
}
.marker.google {
  top: 9%;
  right: 9%;
}
.marker.google .logo.logo-google {
  background: url(../../images/infographics/google.png) no-repeat center center;
  width: 40px;
  height: 42px;
  margin: -21px 0 0 -20px;
}
.marker.google:hover {
  background-color: #e9463d;
}
.marker.google:hover .logo.logo-google {
  background-image: url(../../images/infographics/google-hover.png);
}
.marker-big {
  /* clickmeeting */
}
.marker-big.clickmeeting {
  width: 200px;
  height: 200px;
  top: 45%;
  left: 50%;
  margin: 0px 0 0 -100px;
}
.marker-big.clickmeeting .logo.logo-clickmeeting {
  background: url(../../images/infographics/clickmeeting.png) no-repeat center center;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
}
.marker-big.clickmeeting:hover {
  background-color: #6ebe3b;
}
.marker-big.clickmeeting:hover .logo.logo-clickmeeting {
  background-image: url(../../images/infographics/clickmeeting-hover.png);
}

@media (max-width: 499px) {
  .marker.slack {
    top: 25%;
    left: 12%;
  }
  .marker.twitter {
    top: 40%;
    left: 12%;
  }
  .marker.linkedin {
    top: 55%;
    left: 12%;
  }
  .marker.office {
    top: 70%;
    left: 12%;
  }
  .marker.getresponse {
    top: 85%;
    left: 12%;
  }
  .marker.facebook {
    top: 25%;
    right: 12%;
  }
  .marker.hubspot {
    top: 40%;
    right: 12%;
  }
  .marker.dropbox {
    top: 55%;
    right: 12%;
  }
  .marker.youtube {
    top: 70%;
    right: 12%;
  }
  .marker.google {
    top: 85%;
    right: 12%;
  }
  .marker-big.clickmeeting {
    top: 0;
    left: 50%;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .marker.slack {
    top: 25%;
    left: 25%;
  }
  .marker.twitter {
    top: 40%;
    left: 25%;
  }
  .marker.linkedin {
    top: 55%;
    left: 25%;
  }
  .marker.office {
    top: 70%;
    left: 25%;
  }
  .marker.getresponse {
    top: 85%;
    left: 25%;
  }
  .marker.facebook {
    top: 25%;
    right: 25%;
  }
  .marker.hubspot {
    top: 40%;
    right: 25%;
  }
  .marker.dropbox {
    top: 55%;
    right: 25%;
  }
  .marker.youtube {
    top: 70%;
    right: 25%;
  }
  .marker.google {
    top: 85%;
    right: 25%;
  }
  .marker-big.clickmeeting {
    top: 0;
    left: 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .marker.slack {
    top: 25%;
    left: 30%;
  }
  .marker.twitter {
    top: 40%;
    left: 30%;
  }
  .marker.linkedin {
    top: 55%;
    left: 30%;
  }
  .marker.office {
    top: 70%;
    left: 30%;
  }
  .marker.getresponse {
    top: 85%;
    left: 30%;
  }
  .marker.facebook {
    top: 25%;
    right: 30%;
  }
  .marker.hubspot {
    top: 40%;
    right: 30%;
  }
  .marker.dropbox {
    top: 55%;
    right: 30%;
  }
  .marker.youtube {
    top: 70%;
    right: 30%;
  }
  .marker.google {
    top: 85%;
    right: 30%;
  }
  .marker-big.clickmeeting {
    top: 0;
    left: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  .marker.slack {
    top: 18%;
    left: 9%;
  }
  .marker.twitter {
    top: 44%;
    left: 17%;
  }
  .marker.linkedin {
    top: 62%;
    left: 1%;
  }
  .marker.office {
    top: 72%;
    left: 24%;
  }
  .marker.getresponse {
    top: 77%;
    left: 45.5%;
  }
  .marker.facebook {
    top: 81%;
    right: 24%;
  }
  .marker.hubspot {
    top: 63%;
    right: 18%;
  }
  .marker.dropbox {
    top: 53%;
    right: 1%;
  }
  .marker.youtube {
    top: 35%;
    right: 17%;
  }
  .marker.google {
    top: 9%;
    right: 9%;
  }
  .marker-big.clickmeeting {
    top: 43%;
    left: 50%;
  }
}
#use-cases {
  background-color: #f4f6fb;
  padding-bottom: 70px;
}
#use-cases h2 {
  margin-top: 80px;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}
#use-cases h3 {
  margin-top: 30px;
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
}

#use-case #contact_preferredContact + .star-require,
#use-case #contact_industry + .star-require {
  display: none;
}

.use-case-group {
  margin-top: 40px;
  padding: 0;
}
.use-case-group li {
  padding: 0px;
  list-style: none;
}
.use-case-group li a {
  border: 1px solid transparent;
  display: block;
  padding: 32px 15px;
  text-align: center;
  min-height: 405px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.use-case-group li a h4 {
  font-size: 28px;
  font-size: 1.75rem;
  color: #5f677f;
  margin: 27px 0px 21px;
}
.use-case-group li a:hover {
  background: #fff;
  border-color: #f2f2f3;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.08);
}
.use-case-group li a:hover h4 {
  color: #292d38;
}
.use-case-group li a p {
  font-size: 18px;
  font-size: 1.125rem;
  color: #6b7183;
  line-height: 1.5;
  margin: 0px 0px 5px;
}
.use-case-group li a .bg-circle {
  position: relative;
  width: 144px;
  height: 144px;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
}
.use-case-group li a .bg-circle.lazy {
  width: 144px;
  height: 144px;
  display: block;
}
.use-case-group li a .bg-circle .curtain {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.use-case-group li a .bg-circle svg {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  color: #fff;
}
.use-case-group li a .bg-circle.sales {
  background: url(../../images/business/sales.png) no-repeat center center;
}
.use-case-group li a .bg-circle.sales .curtain {
  background-color: #ff4a26;
  background-image: linear-gradient(to bottom, #ff4a26 0%, #f9411d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff4a26", endColorstr="#fff9411d", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
}
.use-case-group li a .bg-circle.marketing {
  background: url(../../images/business/marketing.png) no-repeat center center;
}
.use-case-group li a .bg-circle.marketing .curtain {
  background-color: #ffa21d;
  background-image: linear-gradient(to bottom, #ffa21d 0%, #ff971d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffa21d", endColorstr="#ffff971d", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
}
.use-case-group li a .bg-circle.education {
  background: url(../../images/business/education.png) no-repeat center center;
}
.use-case-group li a .bg-circle.education .curtain {
  background-color: #74c640;
  background-image: linear-gradient(to bottom, #74c640 0%, #6ebe3b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff74c640", endColorstr="#ff6ebe3b", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
}
.use-case-group li a .bg-circle.hr {
  background: url(../../images/business/hr.png) no-repeat center center;
}
.use-case-group li a .bg-circle.hr .curtain {
  background-color: #18c1f7;
  background-image: linear-gradient(to bottom, #18c1f7 0%, #13b7ec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff18c1f7", endColorstr="#ff13b7ec", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
}
.use-case-group li a .bg-circle.enterprise {
  background: url(../../images/business/enterprise.png) no-repeat center center;
}
.use-case-group li a .bg-circle.enterprise .curtain {
  background-color: #2c67ed;
  background-image: linear-gradient(to bottom, #2c67ed 0%, #1f5ade 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff2c67ed", endColorstr="#ff1f5ade", GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
}
.use-case-group li a:hover .bg-circle .curtain {
  opacity: 0;
  filter: alpha(opacity=0);
}

.onboarding-stories-group {
  margin-top: 40px;
  padding: 0;
}
.onboarding-stories-group li {
  padding: 0px;
  list-style: none;
}
.onboarding-stories-group li .circle-wrap {
  background-color: #666;
  display: block;
  width: 225px;
  height: 225px;
  margin: 50px auto;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.onboarding-stories-group li .circle-wrap:hover {
  text-decoration: none;
  box-shadow: 0 6px 29px 0px rgba(67, 86, 132, 0.3);
}
.onboarding-stories-group li .circle-wrap:hover .circle-curtain {
  background: rgb(102, 102, 102);
}
.onboarding-stories-group li .circle-wrap.sales {
  background: url(../../images/landing/onboarding-stories/circle-sales.png) no-repeat center center #ff9e00;
}
.onboarding-stories-group li .circle-wrap.sales .circle-curtain {
  background: rgba(255, 158, 0, 0);
}
.onboarding-stories-group li .circle-wrap.sales:hover .circle-curtain {
  background: rgb(255, 158, 0);
}
.onboarding-stories-group li .circle-wrap.education {
  background: url(../../images/landing/onboarding-stories/circle-education.png) no-repeat center center #6ec432;
}
.onboarding-stories-group li .circle-wrap.education .circle-curtain {
  background: rgba(110, 196, 50, 0);
}
.onboarding-stories-group li .circle-wrap.education:hover .circle-curtain {
  background: rgb(110, 196, 50);
}
.onboarding-stories-group li .circle-wrap.hr {
  background: url(../../images/landing/onboarding-stories/circle-hr.png) no-repeat center center #00baf4;
}
.onboarding-stories-group li .circle-wrap.hr .circle-curtain {
  background: rgba(0, 186, 244, 0);
}
.onboarding-stories-group li .circle-wrap.hr:hover .circle-curtain {
  background: rgb(0, 186, 244);
}
.onboarding-stories-group li .circle-wrap.lifestyle {
  background: url(../../images/landing/onboarding-stories/circle-lifestyle.png) no-repeat center center #ec525f;
}
.onboarding-stories-group li .circle-wrap.lifestyle .circle-curtain {
  background: rgba(236, 82, 95, 0);
}
.onboarding-stories-group li .circle-wrap.lifestyle:hover .circle-curtain {
  background: rgb(236, 82, 95);
}
.onboarding-stories-group li .circle-table {
  display: table;
  width: 100%;
  height: 100%;
  padding: 30px;
  position: relative;
  z-index: 1;
}
.onboarding-stories-group li .circle-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.onboarding-stories-group li .circle-cell h4 {
  font-family: "robotomedium";
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
}
.onboarding-stories-group li .circle-curtain {
  background: rgba(102, 102, 102, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

#pricing.cre h2 {
  font-size: 36px;
  font-size: 2.25rem;
}
#pricing.cre h2 .stress {
  display: inline-block;
  position: relative;
  z-index: 0;
}
#pricing.cre h2 .stress-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  z-index: -1;
}
#pricing.cre h2 .stress-icon svg {
  display: block;
  width: 100%;
  height: 37px;
  color: #6ebe3b;
}
#pricing h2 {
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}
#pricing .btn-options {
  border: 1px solid #6ebe3b;
  display: inline-block;
  position: relative;
  padding: 2px 3px;
  margin: 60px 0px 20px;
  border-radius: 25px;
}
#pricing .btn-options .btn {
  font-size: 15px;
  padding: 5px 25px;
}
#pricing .btn-options .btn.btn-off {
  color: #6ebe3b;
  box-shadow: none;
}
#pricing .btn-options .btn.btn-off:hover {
  border: 1px solid #6ebe3b;
}
@media (min-width: 992px) {
  #pricing.order-form .wrapper-form, #pricing.upgrade-form .wrapper-form {
    padding: 0;
  }
}
#pricing.order-form .panel-btn-options, #pricing.upgrade-form .panel-btn-options {
  float: left;
}
#pricing.order-form .panel-btn-options .btn-options, #pricing.upgrade-form .panel-btn-options .btn-options {
  margin: 20px 30px 0;
}
@media (max-width: 991px) {
  #pricing.order-form .panel-btn-options, #pricing.upgrade-form .panel-btn-options {
    float: none;
    text-align: center;
  }
  #pricing.order-form .panel-btn-options .btn-options, #pricing.upgrade-form .panel-btn-options .btn-options {
    margin: 40px auto 0;
  }
}
#pricing.order-form .pricing-block, #pricing.upgrade-form .pricing-block {
  margin-top: 0;
}
#pricing.order-form .pricing-block .panel-pricing .frame, #pricing.upgrade-form .pricing-block .panel-pricing .frame {
  margin-top: auto;
}
#pricing.order-form .pricing-block .panel-pricing .frame .panel-heading, #pricing.upgrade-form .pricing-block .panel-pricing .frame .panel-heading {
  height: 190px;
  padding-top: 10px;
}
#pricing.order-form .pricing-block .panel-pricing .frame .panel-heading.panel-heading-badge-break, #pricing.upgrade-form .pricing-block .panel-pricing .frame .panel-heading.panel-heading-badge-break {
  padding-top: 50px;
}
#pricing.order-form .pricing-block .col-md-6, #pricing.upgrade-form .pricing-block .col-md-6 {
  margin-left: -2px;
  margin-right: 2px;
}
#pricing.order-form .pricing-block .col-md-6.active, #pricing.upgrade-form .pricing-block .col-md-6.active {
  margin-left: 2px;
  margin-right: -2px;
}
#pricing.order-form .pricing-block .col-md-6.active .panel, #pricing.upgrade-form .pricing-block .col-md-6.active .panel {
  box-shadow: 0 0 18px 0px rgba(39, 95, 222, 0.05);
}
#pricing.order-form .pricing-block .col-md-6.active .panel-pricing, #pricing.upgrade-form .pricing-block .col-md-6.active .panel-pricing {
  border-color: #eff0f3;
}
@media (max-width: 991px) {
  #pricing.order-form .pricing-block .col-md-6, #pricing.upgrade-form .pricing-block .col-md-6 {
    margin-left: 0;
    margin-right: 0;
  }
  #pricing.order-form .pricing-block .col-md-6.active, #pricing.upgrade-form .pricing-block .col-md-6.active {
    margin-left: 0;
    margin-right: 0;
  }
}
#pricing.order-form .pricing-tiles, #pricing.upgrade-form .pricing-tiles {
  margin: -1px;
}
@media (max-width: 767px) {
  #pricing.order-form .pricing-tiles, #pricing.upgrade-form .pricing-tiles {
    margin-right: auto;
    margin-left: auto;
    max-width: 330px;
  }
}
#pricing.order-form .pricing-tiles .col-sm-6, #pricing.upgrade-form .pricing-tiles .col-sm-6 {
  padding: 1px;
}
#pricing.order-form .pricing-tiles .col-sm-6 .panel.panel-pack, #pricing.upgrade-form .pricing-tiles .col-sm-6 .panel.panel-pack {
  border-color: #eef1f7;
}
#pricing.order-form .pricing-tiles .col-sm-6 .panel.panel-pack:hover, #pricing.order-form .pricing-tiles .col-sm-6 .panel.panel-pack.select, #pricing.upgrade-form .pricing-tiles .col-sm-6 .panel.panel-pack:hover, #pricing.upgrade-form .pricing-tiles .col-sm-6 .panel.panel-pack.select {
  position: relative;
  border-color: transparent;
  box-shadow: 0px 6px 40px 0px rgba(66, 91, 130, 0.3);
  z-index: 1;
}
#pricing.order-form .pricing-tiles .col-sm-6 .panel.panel-pack:hover, #pricing.upgrade-form .pricing-tiles .col-sm-6 .panel.panel-pack:hover {
  z-index: 2;
}
#pricing.order-form .pricing-tiles .col-sm-6 .panel.panel-pack .label-wrap, #pricing.upgrade-form .pricing-tiles .col-sm-6 .panel.panel-pack .label-wrap {
  min-width: auto;
  margin-left: auto;
  left: auto;
  right: 20px;
  top: -12px;
}
@media (min-width: 991px) and (max-width: 1260px) {
  #pricing.order-form .pricing-tiles .col-sm-6 .panel.panel-pack .label-wrap, #pricing.upgrade-form .pricing-tiles .col-sm-6 .panel.panel-pack .label-wrap {
    right: 12px;
  }
}
#pricing.order-form .pricing-tiles .col-sm-6 .panel.panel-pack .label-wrap .label.label-save, #pricing.upgrade-form .pricing-tiles .col-sm-6 .panel.panel-pack .label-wrap .label.label-save {
  background: #c6c6c6;
  position: relative;
  display: block;
  top: auto;
  left: auto;
  margin-top: auto;
  font-family: "robotobold";
  box-shadow: none;
  padding: 5px;
}
#pricing.order-form .pricing-tiles .col-sm-6 .panel.panel-pack.select .label-wrap .label.label-save, #pricing.upgrade-form .pricing-tiles .col-sm-6 .panel.panel-pack.select .label-wrap .label.label-save {
  background: #fd8539;
}
#pricing .btn-package-plans {
  font-family: "robotolight";
  font-weight: 300;
  position: relative;
  padding-right: 15px;
  cursor: pointer;
}
#pricing .btn-package-plans.plans-close:after, #pricing .btn-package-plans.plans-open:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  margin-top: -1px;
  right: 2px;
}
#pricing .btn-package-plans.plans-close:after {
  border-width: 4px 4px 0;
  border-top-color: #00afec;
}
#pricing .btn-package-plans.plans-open:after {
  border-width: 0px 4px 4px;
  border-bottom-color: #00afec;
}

.pricing-block {
  margin: 50px 0px 20px;
}
.pricing-block .col-md-4,
.pricing-block .col-md-6 {
  padding: 0px;
  margin-left: 3px;
  margin-right: 3px;
}
.pricing-block .col-md-4 .panel,
.pricing-block .col-md-6 .panel {
  border-radius: 0;
  margin-bottom: 0px;
  box-shadow: 0 0 18px 0px rgba(39, 95, 222, 0.05);
}
.pricing-block .col-md-4.active,
.pricing-block .col-md-6.active {
  margin-left: -6px;
  margin-right: -6px;
  z-index: 1;
}
.pricing-block .col-md-4.active .panel,
.pricing-block .col-md-6.active .panel {
  box-shadow: 0 0 18px 3px rgba(14, 47, 139, 0.13);
}
.pricing-block .col-md-4.active .panel-pricing,
.pricing-block .col-md-6.active .panel-pricing {
  border-color: #e7e8ed;
}
@media (max-width: 991px) {
  .pricing-block {
    margin: 50px auto 20px;
    max-width: 330px;
  }
  .pricing-block .col-md-4 .panel,
  .pricing-block .col-md-6 .panel {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .pricing-block .col-md-4.active .panel,
  .pricing-block .col-md-6.active .panel {
    margin-top: 40px;
  }
}
.pricing-notice .col-md-4, .pricing-notice-cre .col-md-4 {
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.pricing-notice .box-add-ons p, .pricing-notice-cre .box-add-ons p {
  font-family: "robotoregular";
  font-size: 21px;
  font-size: 1.3125rem;
  color: #4e5a7a;
  margin: 10px 0;
}
.pricing-notice .box-add-ons a, .pricing-notice-cre .box-add-ons a {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
}
.pricing-notice .box-promotion, .pricing-notice-cre .box-promotion {
  background: #6ebe3b;
  position: relative;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(167, 175, 189, 0.4);
}
.pricing-notice .box-promotion p, .pricing-notice-cre .box-promotion p {
  margin: 0;
  color: #fff;
}
.pricing-notice .box-promotion a, .pricing-notice-cre .box-promotion a {
  color: #fff;
  text-decoration: underline;
}
.pricing-notice .box-promotion svg, .pricing-notice-cre .box-promotion svg {
  display: none;
}
@media (min-width: 992px) {
  .pricing-notice .box-add-ons, .pricing-notice-cre .box-add-ons {
    margin-top: -150px;
  }
  .pricing-notice .box-promotion, .pricing-notice-cre .box-promotion {
    margin-top: 20px;
    margin-right: 20px;
  }
}
.pricing-product-demonstration {
  background: #bd2e00;
  padding: 0 15px 0 30px;
  margin: 20px 0 20px;
  border-radius: 3px;
  box-shadow: 0px 9px 76px 0px rgba(113, 27, 0, 0.5);
}
.pricing-product-demonstration .col-md-6 {
  padding: 0;
}
.pricing-product-demonstration .panel {
  margin: -12px 0;
  box-shadow: 0px 9px 76px 0px rgba(113, 27, 0, 0.5);
}
@media (max-width: 991px) {
  .pricing-product-demonstration .panel {
    margin: -15px 0 0;
  }
}
.pricing-product-demonstration .panel-pricing .panel-heading h3,
.pricing-product-demonstration .panel-pricing .panel-heading p {
  color: #fd4105;
}
.pricing-product-demonstration .panel-pricing .panel-heading h3 sup {
  top: -12px;
}
.pricing-product-demonstration .panel-pricing .panel-heading .panel-heading-badge {
  top: 10px !important;
}
.pricing-product-demonstration .panel-pricing .panel-body {
  padding-bottom: 35px;
}
.pricing-product-demonstration .panel-pricing .panel-body .price-box span {
  color: #fd4105;
}
.pricing-product-demonstration .panel-pricing .panel-body .btn-box .btn {
  padding: 15px 35px;
}
.pricing-product-demonstration .panel-pricing .panel-body .btn-box p {
  font-size: 14px;
  color: #5c6273;
}
.pricing-product-demonstration .panel-pricing .btn-select .select2-container .select2-choice {
  border-color: #fd4105;
  color: #fd4105;
}
.pricing-product-demonstration .panel-pricing .btn-select .select2-container .select2-choice:hover {
  color: #fff;
}
.pricing-product-demonstration .panel-pricing .btn-select .select2-container .select2-choice .select2-attendees svg,
.pricing-product-demonstration .panel-pricing .btn-select .select2-container .select2-choice .select2-arrow svg {
  color: #fd4105;
}
.pricing-product-demonstration .panel-pricing .btn-select .select2-container-active .select2-choice {
  color: #fff;
}
.pricing-product-demonstration .panel-pricing .btn-select .select2-container-active .select2-choice .select2-attendees svg,
.pricing-product-demonstration .panel-pricing .btn-select .select2-container-active .select2-choice .select2-arrow svg {
  color: #fff;
}
.pricing-product-demonstration .panel-pricing .btn-select .select2-container-active .select2-choice,
.pricing-product-demonstration .panel-pricing .btn-select .select2-container .select2-choice:hover {
  background-color: #fd4105;
  border: 1px solid #fd4105;
}
.pricing-product-demonstration .panel-pricing .select2-container .select2-choice:hover .select2-attendees svg,
.pricing-product-demonstration .panel-pricing .select2-container .select2-choice:hover .select2-arrow svg {
  color: #fff;
}
.pricing-product-demonstration .panel-features {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 535px;
}
.pricing-product-demonstration .panel-features .list-group {
  margin-bottom: 0;
}
.pricing-product-demonstration .panel-features .list-group-item {
  background: transparent;
  border: none;
  padding: 12px 5px;
}
.pricing-product-demonstration .panel-features .list-group-item a {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
  border-bottom: 1px dashed #ff7d54;
}
.pricing-product-demonstration .panel-features .list-group-item a:hover {
  text-decoration: none;
}
.pricing-product-demonstration .panel-features .tooltip {
  min-width: 250px;
}
.pricing-product-demonstration .panel-features .tooltip .tooltip-inner {
  min-width: 250px;
  text-align: left;
  padding: 15px;
}
@media (max-width: 991px) {
  .pricing-product-demonstration {
    padding-right: 30px;
  }
}

.panel-pricing {
  border-color: #eff0f3;
}
.panel-pricing .list-group-item {
  font-family: "robotolight";
  font-size: 16px;
  padding: 0px;
  border-color: #fafafa;
  color: #5b6583;
  display: table;
  width: 100%;
  height: 55px;
}
.panel-pricing .list-group-item .cell {
  display: table-cell;
  position: relative;
  padding: 10px 15px 15px;
  vertical-align: middle;
}
.panel-pricing .list-group-item a {
  border-bottom: 1px dotted;
  line-height: 28px;
  color: #5b6583;
}
.panel-pricing .list-group-item a:hover {
  text-decoration: none;
  color: #6ebe3b;
}
.panel-pricing .frame {
  position: relative;
  margin-top: -2px;
}
.panel-pricing .frame .frame-heading {
  background-color: #6ebe3b;
  position: absolute;
  top: -40px;
  left: -5px;
  right: -5px;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.panel-pricing .frame .frame-right {
  background-color: #6ebe3b;
  position: absolute;
  top: -1px;
  right: -5px;
  bottom: 0px;
  width: 4px;
}
.panel-pricing .frame .frame-left {
  background-color: #6ebe3b;
  position: absolute;
  top: -1px;
  left: -5px;
  bottom: 0px;
  width: 4px;
}
.panel-pricing .frame .frame-footer {
  background-color: #6ebe3b;
  position: absolute;
  bottom: -5px;
  left: -5px;
  right: -5px;
  height: 4px;
  bottom: 0px;
  margin: 0;
  width: auto;
}
.panel-pricing .frame .panel-heading {
  height: 192px;
  padding-top: 12px;
}
.panel-pricing .frame .panel-heading.panel-heading-badge-break {
  padding-top: 52px;
}
.panel-pricing .tooltip {
  min-width: 250px;
}
.panel-pricing .tooltip .tooltip-inner {
  min-width: 250px;
  text-align: left;
  padding: 15px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}
.panel-pricing .panel-heading {
  background-color: #fff;
  border-color: #f1f3f7;
  border-radius: 0;
  color: #333333;
  display: table;
  height: 190px;
  width: 100%;
}
.panel-pricing .panel-heading .cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.panel-pricing .panel-heading .cell.upgrade-form p {
  margin: 0 15px 10px;
}
.panel-pricing .panel-heading h3 {
  font-family: "robotoregular";
  font-size: 32px;
  color: #292d38;
  margin: 10px 0px 30px;
}
.panel-pricing .panel-heading p {
  font-family: "robotoregular";
  font-size: 13px;
  line-height: 21px;
  color: #6b7183;
}
.panel-pricing .panel-heading-badge {
  background: url("../../images/promotions/flashSale2018/sale.png") no-repeat center center;
  background-size: 45%;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 32px;
}
.panel-pricing .panel-heading-badge-break {
  padding-top: 50px;
}
.panel-pricing .panel-body {
  display: table;
  width: 100%;
}
.panel-pricing .panel-body .cell {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  height: 330px;
}
.panel-pricing .panel-body .cell.cre {
  height: 340px;
}
.panel-pricing .panel-body .cell.upgrade-form {
  height: 100px;
}
.panel-pricing .panel-body .info-box {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 14x;
  font-size: 14x;
  color: #b7c1ca;
  min-height: 20px;
  display: table;
  width: 100%;
}
.panel-pricing .panel-body .info-box p {
  display: table-cell;
  vertical-align: middle;
}
.panel-pricing .panel-body .value-box {
  position: relative;
  line-height: 45px;
  height: 50px;
  margin-top: 15px;
  margin-bottom: 20px;
  color: #6b7183;
}
.panel-pricing .panel-body .value-box .attendees-text {
  display: inline-block;
}
.panel-pricing .panel-body .value-box .attendees-text:first-child {
  margin-right: 3px;
}
.panel-pricing .panel-body .value-box .attendees-text:last-child {
  margin-left: 3px;
}
.panel-pricing .panel-body .value-box p.range {
  margin: 0px;
  font-size: 25px;
  line-height: 65px;
  color: #6ebe3b;
}
.panel-pricing .panel-body .value-box p.range span.value {
  display: inline-block;
  position: relative;
  padding-left: 28px;
}
.panel-pricing .panel-body .value-box p.range span.value svg {
  position: absolute;
  top: 50%;
  left: 2px;
  max-width: 24px;
  height: 20px;
  margin-top: -10px;
}
.panel-pricing .panel-body .value-box p.range a {
  color: #6ebe3b;
}
.panel-pricing .panel-body .value-box p.range a:hover {
  text-decoration: none;
}
.panel-pricing .panel-body .value-box .btn {
  font-family: "robotolight";
  padding: 3px 50px;
  font-size: 25px;
}
.panel-pricing .panel-body .value-box .btn svg {
  position: absolute;
  top: 50%;
  left: 10px;
  max-width: 24px;
  height: 20px;
  margin-top: -10px;
}
.panel-pricing .panel-body .value-box .btn .caret {
  position: absolute;
  top: 50%;
  right: 15px;
}
.panel-pricing .panel-body .price-box {
  position: relative;
  padding: 5px 0px;
  margin-top: 5px;
}
.panel-pricing .panel-body .price-box span {
  font-size: 72px;
  font-family: "robotolight";
  color: #292d38;
}
.panel-pricing .panel-body .price-box span span {
  margin: 0 5px;
  vertical-align: 12px;
  font-family: "robotoregular";
  font-size: 36px;
}
.panel-pricing .panel-body .price-box .custom-pricing {
  font-family: "robotoregular";
  margin: 40px 0 50px;
  font-size: 42px;
}
.panel-pricing .panel-body .price-box p {
  font-family: "robotoregular";
  color: #6b7183;
}
.panel-pricing .panel-body .price-box p.old-price, .panel-pricing .panel-body .price-box p.starts-form {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}
.panel-pricing .panel-body .price-box p.old-price b {
  color: #292d38;
  position: relative;
  padding: 0px 3px;
}
.panel-pricing .panel-body .price-box p.old-price b:after {
  border-top: 1px solid #ff4200;
  content: "";
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.panel-pricing .panel-body .btn-box {
  margin-top: 7px;
  padding: 5px 0px 15px;
}
.panel-pricing .panel-body .btn-box .btn {
  padding: 12px 30px;
}
.panel-pricing .panel-body .btn-box p {
  font-size: 12px;
  margin: 10px 0 0;
  color: #5b6583;
}
.panel-pricing .panel-footer {
  background-color: #fff;
  border-color: #f1f3f7;
  border-radius: 0;
}

#pricing.cre .panel-pricing .list-group-item a:hover {
  border-color: #6ebe3b;
}

#pricing-features {
  padding: 20px 0px 90px;
}
#pricing-features h2 {
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}
#pricing-features h3 {
  font-size: 35px;
  font-size: 2.1875rem;
  color: #292d38;
  margin-top: 60px;
  margin-bottom: 30px;
}
#pricing-features svg {
  position: absolute;
  max-width: 24px;
  height: 24px;
  top: 6px;
  left: 0;
  color: #6ebe3b;
}
#pricing-features ul li {
  margin: 15px 0px;
  padding: 5px 0px 5px 34px;
  position: relative;
  display: block;
  font-family: "robotolight";
  font-size: 18px;
  font-size: 1.125rem;
  color: #6b7183;
}
#pricing-features ul li a {
  color: #6b7183;
  text-decoration: none;
  border-bottom: 1px dotted;
}
#pricing-features ul li a:hover {
  color: #00afec;
  border-bottom-color: #00afec;
}
#pricing-features .tooltip {
  min-width: 250px;
}
#pricing-features .tooltip .tooltip-inner {
  min-width: 250px;
  text-align: left;
  padding: 15px;
}
@media (min-width: 992px) {
  #pricing-features {
    /* pangolin-regular - latin-ext_latin_cyrillic */
  }
  #pricing-features.cre {
    padding-top: 80px;
  }
  @font-face {
    font-family: "Pangolin";
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/pangolin-v11-latin-ext_latin_cyrillic-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("./fonts/pangolin-v11-latin-ext_latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/pangolin-v11-latin-ext_latin_cyrillic-regular.woff2") format("woff2"), url("./fonts/pangolin-v11-latin-ext_latin_cyrillic-regular.woff") format("woff"), url("./fonts/pangolin-v11-latin-ext_latin_cyrillic-regular.ttf") format("truetype"), url("./fonts/pangolin-v11-latin-ext_latin_cyrillic-regular.svg#Pangolin") format("svg"); /* Legacy iOS */
  }
  #pricing-features .all-features {
    font-family: "Pangolin", cursive;
    font-size: 20px;
    position: absolute;
    width: 300px;
    height: 64px;
    top: -35px;
    left: -55px;
    color: #6ebe3b;
    padding-right: 110px;
    padding-top: 20px;
    text-align: right;
  }
  #pricing-features .all-features svg {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    max-width: 106px;
    height: 64px;
  }
}
@media (max-width: 991px) {
  #pricing-features .all-features {
    display: none;
  }
}
#pricing-features .modal-content-pricing-features {
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
#pricing-features .modal-content-pricing-features .close-modal {
  right: -50px;
}
#pricing-features .modal-content-pricing-features .close-modal svg {
  height: 40px;
  max-width: 40px;
  top: 0;
  color: #fff;
}
#pricing-features .modal-content-pricing-features .close-modal:hover svg {
  color: #979cb2;
}
@media (max-width: 1259px) {
  #pricing-features .modal-content-pricing-features .close-modal {
    right: 15px;
  }
}
#pricing-features .modal-content-pricing-features .modal-header {
  background: #1c202a;
  color: #fff;
}
#pricing-features .modal-content-pricing-features .modal-title {
  font-family: "robotobold";
  font-size: 20px;
  font-size: 1.25rem;
}
#pricing-features .modal-content-pricing-features .modal-body {
  padding: 15px 60px 50px;
}
#pricing-features .modal-content-pricing-features .modal-body h3 {
  margin-top: 40px;
}
#pricing-features .modal-content-pricing-features .modal-body .btn-green {
  margin-top: 30px;
}
#pricing-features .modal-content-pricing-features .modal-body .btn-lg {
  font-family: "robotobold";
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
}

#pricing-add-ons {
  background: #f4f6fb;
  padding: 90px 0px;
}
#pricing-add-ons h2 {
  margin-bottom: 40px;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
}
#pricing-add-ons p {
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
}
#pricing-add-ons .box {
  display: table;
  height: 250px;
  width: 100%;
}
#pricing-add-ons .box .box-body {
  height: 100px;
}
#pricing-add-ons .box .cell {
  display: table-cell;
  vertical-align: middle;
}
#pricing-add-ons .box h4 {
  font-size: 23px;
  font-size: 1.4375rem;
  color: #292d38;
}
#pricing-add-ons .box p {
  font-size: 15px;
  color: #6b7183;
}
#pricing-add-ons .box .icon svg {
  display: inline-block;
  position: relative;
  max-width: 80px;
  height: 80px;
  color: #6ebe3b;
}

#pricing-clients {
  background: #21262f;
  padding: 90px 0px;
}
#pricing-clients h2 {
  margin-bottom: 40px;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #fff;
}
#pricing-clients p {
  font-size: 28px;
  font-size: 1.75rem;
  color: #959eb1;
}
#pricing-clients p span {
  color: #fff;
}
#pricing-clients .btn-panel {
  margin: 80px 0px;
}
#pricing-clients .btn-panel .btn {
  margin: 0px 15px 10px;
}
#pricing-clients hr {
  border-color: #363b44;
  margin-top: 80px;
  margin-bottom: 80px;
}
#pricing-clients .special-offer {
  display: none;
}
#pricing-clients .logo-block {
  display: table;
  width: 100%;
  height: 150px;
}
#pricing-clients .logo-block .cell {
  display: table-cell;
  vertical-align: middle;
}

.pricing-header {
  height: 415px;
  min-height: auto;
}
.pricing-header-intro {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 105px;
  padding-bottom: 40px;
}
.pricing-header-intro h2 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 48px;
  line-height: 3rem;
  display: inline-block;
  position: relative;
  padding: 10px 45px;
  transition: all 0.3s ease-in-out;
}
.pricing-header-intro h2:before, .pricing-header-intro h2:after {
  font-style: normal;
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 60px;
  line-height: 50px;
  height: 30px;
  width: 30px;
  position: absolute;
  color: #6ebe3b;
}
.pricing-header-intro h2:before {
  content: "“";
  top: 0;
  left: 0;
}
.pricing-header-intro h2:after {
  content: "”";
  bottom: 0;
  right: 0;
}
.pricing-header-intro h2 .stress {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.pricing-header-intro h2 .stress-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px;
  z-index: -1;
}
.pricing-header-intro h2 .stress-icon svg {
  display: block;
  width: 100%;
  height: 23px;
  color: #6ebe3b;
}
@media (max-width: 1500px) {
  .pricing-header-intro h2 .stress-icon {
    bottom: -10px;
  }
  .pricing-header-intro h2 .stress-icon svg {
    height: 20px;
  }
}

.pricing-free-trial {
  background: #22262f;
  position: relative;
  overflow: hidden;
  padding: 100px;
}
.pricing-free-trial:before {
  content: "";
  width: 2px;
  height: 2px;
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -1px;
  border-radius: 50%;
  box-shadow: 0 0 450px 400px rgb(43, 48, 60);
}
.pricing-free-trial h2 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  margin-bottom: 40px;
  color: #fff;
}
.pricing-free-trial .btn-panel .btn {
  margin: 0px 15px 15px;
}
.pricing-free-trial .btn-panel .btn-lg {
  padding: 14px 26px;
  min-width: 175px;
}
.pricing-free-trial .btn-panel-desc {
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.pricing-free-trial .btn-panel-free-trial {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
  color: #a8a8b0;
}

.comment {
  padding: 0 35px;
}
.comment-pricing {
  padding-top: 60px;
  padding-bottom: 120px;
}
.comment-heading {
  font-family: "robotoregular";
  font-size: 22px;
  font-size: 1.375rem;
  font-style: italic;
  color: #4e5a7a;
  display: inline-block;
  position: relative;
  padding: 10px 45px;
  margin-bottom: 30px;
}
.comment-heading:before, .comment-heading:after {
  font-style: normal;
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 50px;
  line-height: 40px;
  height: 25px;
  width: 25px;
  position: absolute;
  color: #6ebe3b;
}
.comment-heading:before {
  content: "“";
  top: 0;
  left: 0;
}
.comment-heading:after {
  content: "”";
  bottom: 0;
  right: 0;
}
.comment-body {
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
  color: #6b7183;
  margin-bottom: 15px;
  height: 115px;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .comment-body {
    height: 95px;
  }
}
@media (max-width: 991px) {
  .comment-body {
    height: auto;
  }
}
.comment-footer {
  position: relative;
  padding-top: 45px;
}
.comment-footer:before {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 5%, rgb(228, 230, 237) 50%, rgba(255, 255, 255, 0) 95%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e6ed", endColorstr="#e4e6ed", GradientType=1);
  content: "";
  position: absolute;
  height: 1px;
  top: 0;
  left: 0;
  right: 0;
}
.comment-footer .logo {
  margin: 0 auto 20px;
  height: 35px;
}
.comment-footer .signature {
  font-size: 16px;
  font-size: 1rem;
  color: #292d38;
}
.comment-footer .signature .company {
  color: #68be4e;
}
.comment-arrow {
  position: absolute;
  top: 1px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  border-top-color: #e4e6ed;
}
.comment-arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  border-top-color: #fff;
  top: -9px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.question-pricing {
  padding-top: 100px;
  padding-bottom: 100px;
}
.question-pricing h2 {
  font-size: 36px;
  font-size: 2.25rem;
  margin-bottom: 70px;
  color: #292d38;
}
.question-body h3 {
  font-size: 19px;
  font-size: 1.1875rem;
  margin-bottom: 15px;
  color: #4e5a7a;
}
.question-body p {
  font-size: 16px;
  font-size: 1rem;
  color: #6b7183;
}
@media (min-width: 992px) {
  .question-space-left {
    padding-left: 20px;
  }
  .question-space-right {
    padding-right: 20px;
  }
}

footer {
  background: #fcfdfe;
  padding: 80px 0px 0px;
}
footer h3 {
  font-family: "robotoregular";
  font-size: 16px;
  color: #292d38;
  margin-bottom: 25px;
}
footer h3 a {
  color: #292d38;
}
footer h3 a:hover, footer h3 a:focus {
  color: #292d38;
  text-decoration: none;
}
footer .list-unstyled {
  font-family: "robotolight";
  margin-bottom: 30px;
}
footer .list-unstyled > li {
  margin: 18px 0px;
}
footer .list-unstyled > li a {
  color: #6b7183;
}
footer .list-unstyled > li a:hover, footer .list-unstyled > li a:focus {
  text-decoration: none;
  color: #00afec;
}
footer .btn-group-mobile .btn-mobile {
  display: inline-block;
  text-decoration: none;
  margin: 3px 0;
}
footer .btn-group-mobile .btn-mobile:first-child {
  margin-right: 8px;
}
footer .btn-group-mobile .btn-mobile svg {
  color: #000;
  display: block;
  height: 40px;
  max-width: 135px;
}
footer .logo-footer {
  float: left;
}
footer .logo-footer > a {
  padding: 12px 15px;
  margin-left: -15px;
  float: left;
  height: 50px;
  line-height: 20px;
}
footer .logo-footer > a > img {
  display: block;
}
footer .logo-footer > a > svg {
  width: 142px;
  height: 30px;
  margin-top: -1px;
}
footer .footer-copyright {
  padding: 73px 0px;
}
footer .footer-copyright p {
  padding: 15px 0px;
  margin: 0px;
  color: #6b7183;
}
footer .sub-menu-footer a {
  margin: 0px 20px;
  color: #6b7183;
}
footer .sub-menu-footer a:hover, footer .sub-menu-footer a:focus {
  text-decoration: none;
  color: #00afec;
}
@media (max-width: 991px) {
  footer .sub-menu-footer a {
    margin: 0px 10px;
  }
  footer .sub-menu-footer a:first-child {
    margin-left: 0px;
  }
}
footer .lang-footer {
  padding: 8px 15px;
  margin-right: -15px;
  float: right;
}
footer .lang-footer .btn.btn-footer,
footer .lang-footer .btn.btn-language {
  border: 1px solid #e1e4ea;
  border-radius: 35px;
  padding: 6px 15px;
  font-family: "robotolight";
  color: #6b7183;
  box-shadow: none;
}
footer .lang-footer .btn.btn-footer:hover, footer .lang-footer .btn.btn-footer:focus,
footer .lang-footer .btn.btn-language:hover,
footer .lang-footer .btn.btn-language:focus {
  border-color: #cacdd2;
}
footer .lang-footer .btn.btn-footer .ico,
footer .lang-footer .btn.btn-language .ico {
  margin: -2px 10px;
  top: -2px;
}
footer .lang-footer .btn.btn-footer {
  margin-right: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .block-mobile, footer .block-social {
    position: relative;
    min-height: 1px;
    width: 50%;
    float: left;
  }
  footer .block-social {
    padding-left: 15px;
  }
}

.btn-circle {
  position: relative;
  height: 45px;
  width: 45px;
  border-radius: 100%;
}
.btn-circle svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36px;
  height: 36px;
  margin: -18px 0px 0px -18px;
  color: #fff;
}
.btn-circle.btn-sm {
  height: 40px;
  width: 40px;
}
.btn-circle.btn-sm svg {
  width: 30px;
  height: 30px;
  margin: -15px 0px 0px -15px;
}
.btn-circle.btn-lg {
  height: 58px;
  width: 58px;
}
.btn-circle.btn-lg svg {
  width: 48px;
  height: 48px;
  margin: -24px 0px 0px -24px;
}

.btn.btn-circle {
  box-shadow: none;
}

.webinar-banner {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 520px;
  width: 100%;
  display: table;
  padding: 90px 0px;
}
.webinar-banner.ken-molay {
  background-image: url(../../images/webinar-banners/ken-molay/bg.jpg);
}
.webinar-banner.david-maldow {
  background-image: url(../../images/webinar-banners/david-maldow/bg.jpg);
}
.webinar-banner .cell {
  display: table-cell;
  vertical-align: middle;
}
.webinar-banner .label {
  display: inline-block;
  position: relative;
  padding: 10px 15px 10px 145px;
  font-family: "robotolight";
  font-style: italic;
  font-size: 16px;
  margin: 0px;
}
.webinar-banner .label svg {
  position: absolute;
  max-width: 140px;
  height: 28px;
  left: 0px;
  top: 4px;
}
.webinar-banner h2 {
  font-family: "robotobold";
  font-size: 45px;
  font-size: 2.8125rem;
  color: #fff;
  margin-bottom: 40px;
  margin-top: 30px;
}
.webinar-banner p {
  font-family: "robotoregular";
  font-size: 24px;
  font-size: 1.5rem;
  margin: 45px 0px !important;
  color: #fff !important;
}
.webinar-banner p .separation {
  font-family: "robotolight";
  font-weight: 300;
  margin: 0px 20px;
  opacity: 0.3;
}
.webinar-banner .btn {
  font-size: 16px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 12px 35px;
  text-transform: uppercase;
}
.webinar-banner .btn-webinar-dm {
  color: #fff;
  background-color: #ff6029;
  border-color: #ff5c24;
  box-shadow: 0 14px 21px 0 rgba(4, 51, 68, 0.36);
}
.webinar-banner .btn-webinar-dm:hover {
  background-color: #ff4d10;
  border-color: #ff4100;
}

.banner {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 520px;
  width: 100%;
  display: table;
  padding: 90px 0px;
}
.banner-communication {
  transition: transform 0.25s ease-in-out;
  background-color: #00afec;
  height: 75px;
  padding: 0;
}
.banner-communication.hide-banner {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  position: absolute;
}
.banner-communication .h-100 {
  height: 100%;
}
.banner-communication .align-items-center {
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .banner-communication {
    height: 167px;
  }
}
.banner-communication__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "robotomedium";
  color: #fff;
  height: 100%;
}
@media (max-width: 767px) {
  .banner-communication__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 350px;
    margin: 0 auto;
  }
}
.banner-communication__box {
  padding-left: 55px;
  margin-right: 48px;
  position: relative;
  text-align: left;
}
@media (max-width: 767px) {
  .banner-communication__box {
    padding-left: 0;
    margin-right: 0;
  }
}
.banner-communication svg {
  stroke-width: 2;
  stroke: #fff;
  width: 40px;
  position: absolute;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .banner-communication svg {
    width: 25px;
    height: 25px;
    top: auto;
    left: auto;
    right: 0;
    bottom: -30px;
    -ms-transform: none;
    transform: none;
  }
}
.banner-communication h6 {
  font-size: 18px;
  line-height: 1.2;
  font-family: inherit;
  font-weight: 500;
  margin: 0;
  color: inherit;
}
@media (max-width: 992px) {
  .banner-communication h6 {
    font-size: 16px;
  }
}
.banner-communication__btn {
  font-size: 14px;
  color: inherit;
  background-color: #008ec5;
  display: block;
  padding: 10px 20px;
  border-radius: 25px;
  line-height: 14px;
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
  transition: box-shadow 0.5s ease;
}
@media (max-width: 767px) {
  .banner-communication__btn {
    max-width: 200px;
    margin-top: 10px;
    font-size: 12px;
  }
}
.banner-communication__btn:hover {
  color: inherit;
  box-shadow: 0px 7px 10px 0px rgba(41, 45, 56, 0.3);
}
.banner-mobile {
  background-image: url(../../images/banner/new-mobile-app/bg.jpg);
}
.banner-mobile.lazy {
  display: table;
}
.banner-mobile h2 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 60px;
  font-size: 3.75rem;
  color: #292d38;
  margin-bottom: 30px;
  margin-top: 20px;
}
.banner-mobile h2 span {
  font-family: "robotoregular";
  font-size: 60px;
  font-size: 3.75rem;
}
@media (max-width: 992px) {
  .banner-mobile {
    background-image: url(../../images/banner/new-mobile-app/bg-min.jpg);
    background-position: 0 center;
  }
}
@media (max-width: 767px) {
  .banner-mobile {
    background-position: 90% center;
  }
}
@media (max-width: 450px) {
  .banner-mobile {
    background-position: 85% center;
  }
}
.banner .cell {
  display: table-cell;
  vertical-align: middle;
}
.banner .tag {
  display: inline-block;
  position: relative;
  padding: 10px 15px 10px 152px;
}
.banner .tag .label {
  display: inline-block;
  padding: 7px 16px;
  margin-bottom: 0px;
  border-radius: 25px;
  font-family: "robotolight";
  text-transform: uppercase;
  font-size: 14px;
}
.banner .tag .label-mobile {
  background-color: #ff4200;
}
.banner .tag svg {
  position: absolute;
  max-width: 140px;
  height: 28px;
  left: 0px;
  top: 50%;
  margin-top: -14px;
}
@media (max-width: 991px) {
  .banner .tag {
    padding: 45px 15px 10px 15px;
  }
  .banner .tag svg {
    top: 0;
    left: 50%;
    margin-top: 10px;
    margin-left: -70px;
  }
}
.banner .btn-group-mobile {
  margin: 15px 0;
}
.banner .btn-group-mobile .btn-mobile {
  display: inline-block;
  text-decoration: none;
  margin: 10px 0;
}
.banner .btn-group-mobile .btn-mobile:first-child {
  margin-right: 15px;
}
.banner .btn-group-mobile .btn-mobile svg {
  color: #000;
  display: block;
  height: 45px;
  max-width: 152px;
}
.banner .benefits {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
}
.banner-bar {
  position: relative;
  height: 110px;
  z-index: 1031;
  transition: background-image 0.5s ease-in-out, margin-top 0.2s ease-in-out;
  /*
  &-hide {
    padding-top: 35px;
    &.top-nav-collapse {
      padding: 0;
    }
  }*/
}
.banner-bar-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 2;
}
.banner-bar-bg .container {
  cursor: pointer;
}
.banner-bar-bg.mobile {
  background: url(../../images/banner/new-mobile-app/bar.jpg) no-repeat center bottom #fff;
}
.banner-bar-bg.mobile .label {
  display: inline-block;
  padding: 7px 8px;
  margin: 2px 10px;
  font-family: "robotolight";
  text-transform: uppercase;
  vertical-align: 2px;
  border-radius: 0;
}
.banner-bar-bg.mobile .label-mobile {
  background-color: #ff4200;
}
.banner-bar-bg.mobile p {
  display: inline-block;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 2px 0;
}
.banner-bar-bg.mobile .btn-xs {
  padding: 5px 16px;
  margin: 2px 10px;
  vertical-align: 1px;
}
@media (max-width: 767px) {
  .banner-bar-bg.mobile {
    background-position: 44% bottom;
    text-align: center;
  }
  .banner-bar-bg.mobile .label {
    padding: 5px 8px;
    margin: 2px 5px;
  }
  .banner-bar-bg.mobile p {
    font-size: 14px;
  }
  .banner-bar-bg.mobile .btn-xs {
    margin: 2px 5px;
  }
}
.banner-bar-shadow {
  background: #20242e;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 1;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}
.banner-bar.hide-promo {
  margin-top: -80px;
}
.banner-bar.hide-promo .banner-bar-bg,
.banner-bar.hide-promo .banner-bar-shadow {
  display: none;
}
.banner-bar-fixed {
  width: 100%;
  height: 80px;
}
.banner-bar-table {
  display: table;
  height: 80px;
  padding: 10px 0 10px;
  width: 100%;
}
.banner-bar-table-cell {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}
.banner-blog {
  background-color: #fff;
  position: relative;
}
.banner-blog-bg {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-blog .blog-slide-footer a {
  font-family: "robotoregular";
  font-size: 16px;
  font-size: 1rem;
}
.banner-blog .blog-slide {
  display: table;
  height: 300px;
  width: 100%;
}
.banner-blog .blog-middle {
  display: table-cell;
  vertical-align: middle;
}
.banner-blog .blog-middle p {
  height: 100px;
  overflow: hidden;
}
@media (max-width: 550px) {
  .banner-blog .blog-slide {
    height: 400px;
  }
}
.banner-blog .label-blog {
  background-color: #6ebe3b;
  font-family: "robotolight";
  font-size: 12px;
}
.banner-case-studies {
  background-image: url(../../images/banner/case-studies/bg.jpg);
}
@media (max-width: 767px) {
  .banner-case-studies {
    background-image: url(../../images/banner/case-studies/bg-min.jpg);
  }
}
.banner-blog, .banner-case-studies {
  padding: 50px 0;
}
.banner-blog h2, .banner-case-studies h2 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #292d38;
  margin-bottom: 20px;
}
.banner-blog p, .banner-case-studies p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
}
.banner-blog a, .banner-case-studies a {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
}
.banner-blog .carousel.vertical .carousel-inner .item, .banner-case-studies .carousel.vertical .carousel-inner .item {
  transition: 0.6s ease-in-out top;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .banner-blog .carousel.vertical .carousel-inner .item, .banner-case-studies .carousel.vertical .carousel-inner .item {
    transition: 0.6s ease-in-out;
  }
  .banner-blog .carousel.vertical .carousel-inner .item.next, .banner-blog .carousel.vertical .carousel-inner .item.active.right, .banner-case-studies .carousel.vertical .carousel-inner .item.next, .banner-case-studies .carousel.vertical .carousel-inner .item.active.right {
    transform: translate3d(0, 100%, 0);
    top: 0;
  }
  .banner-blog .carousel.vertical .carousel-inner .item.prev, .banner-blog .carousel.vertical .carousel-inner .item.active.left, .banner-case-studies .carousel.vertical .carousel-inner .item.prev, .banner-case-studies .carousel.vertical .carousel-inner .item.active.left {
    transform: translate3d(0, -100%, 0);
    top: 0;
  }
  .banner-blog .carousel.vertical .carousel-inner .item.next.left, .banner-blog .carousel.vertical .carousel-inner .item.prev.right, .banner-blog .carousel.vertical .carousel-inner .item.active, .banner-case-studies .carousel.vertical .carousel-inner .item.next.left, .banner-case-studies .carousel.vertical .carousel-inner .item.prev.right, .banner-case-studies .carousel.vertical .carousel-inner .item.active {
    transform: translate3d(0, 0, 0);
    top: 0;
  }
}
.banner-blog .carousel.vertical .carousel-control-panel, .banner-case-studies .carousel.vertical .carousel-control-panel {
  background: #fff;
  position: absolute;
  height: 80px;
  top: 50%;
  margin-top: -40px;
  left: -57px;
  width: 34px;
  box-shadow: 0 5px 16px 0 rgba(68, 87, 130, 0.1);
}
.banner-blog .carousel.vertical .carousel-control, .banner-case-studies .carousel.vertical .carousel-control {
  left: 0;
  right: 0;
  width: auto;
  opacity: 1;
  border-bottom: 1px solid #f2f4f5;
  color: #d5dce2;
  transition: all 0.2s ease-in-out;
}
.banner-blog .carousel.vertical .carousel-control:hover, .banner-case-studies .carousel.vertical .carousel-control:hover {
  color: #6ebe3b;
}
.banner-blog .carousel.vertical .carousel-control:last-child, .banner-case-studies .carousel.vertical .carousel-control:last-child {
  border-bottom: none;
}
.banner-blog .carousel.vertical .carousel-control svg, .banner-case-studies .carousel.vertical .carousel-control svg {
  width: 16px;
  height: 100%;
}
.banner-blog .carousel.vertical .carousel-control.up, .banner-case-studies .carousel.vertical .carousel-control.up {
  top: 0;
  bottom: 40px;
}
.banner-blog .carousel.vertical .carousel-control.down, .banner-case-studies .carousel.vertical .carousel-control.down {
  top: 40px;
  bottom: 0;
}

.top-nav-collapse .banner-bar {
  height: 80px;
}

[lang=ru] .banner-bar-bg.mobile {
  background-position: 35% bottom;
}
@media (max-width: 767px) {
  [lang=ru] .banner-bar-bg.mobile {
    background-position: 44% bottom;
  }
}

@media (max-width: 991px) {
  .banner-bar {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .banner-bar {
    height: 110px;
  }
  .banner-bar-bg {
    height: 110px;
  }
  .banner-bar-shadow {
    height: 110px;
  }
  .banner-bar.hide-promo {
    margin-top: -110px;
  }
  .banner-bar-fixed {
    height: 110px;
  }
  .banner-bar-table {
    height: 110px;
  }
  .top-nav-collapse .banner-bar {
    height: 110px;
  }
}
.banner-free-trial {
  border-top: 10px solid #59b840;
  padding-bottom: 50px;
  box-shadow: 0px 10px 30px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 85px;
  margin-top: 40px;
}
.banner-free-trial__title {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 34px;
  font-size: 2.125rem;
  color: #292d38;
  margin-top: 50px;
  margin-bottom: 0;
}
.banner-free-trial__title svg {
  width: 38px;
  height: 38px;
  color: #59b840;
  vertical-align: middle;
  stroke-width: 3;
}
.banner-free-trial__line {
  width: 70px;
  margin: 25px auto 30px;
  background-color: #cdcdcd;
  height: 3px;
  border: 0;
}
.banner-free-trial__desc {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  color: #a7afc6 !important;
  margin-top: 0;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .banner-free-trial__btns .text-left,
  .banner-free-trial__btns .text-right {
    text-align: center;
    margin-bottom: 10px;
  }
}
.banner-free-trial__btns a {
  min-width: 290px;
}
.banner-free-trial__btns svg {
  width: 38px;
  height: 38px;
  stroke-width: 0;
  position: absolute;
  margin-left: 10px;
}
.banner-free-trial__bigger {
  margin-top: -5px;
}
@media (max-width: 767px) {
  .banner-free-trial__bigger {
    margin-top: 0;
  }
}
.banner-free-trial__bigger a {
  padding: 21px 26px;
  border-radius: 50px;
}

.bs-docs-sidebar .fixed {
  position: fixed;
  max-width: 275px;
  top: 220px;
  bottom: 70px;
  overflow: auto;
  height: calc(100% - 150px);
}
@media (max-width: 1260px) {
  .bs-docs-sidebar .fixed {
    max-width: 205px;
  }
}
.bs-docs-sidebar .nav > li > a.subject {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  color: #292d38;
  border-bottom: 2px solid #f3f3f6;
  padding: 5px 0;
  margin: 10px 0 0;
}
@media (max-width: 1260px) {
  .bs-docs-sidebar .nav > li > a.subject {
    font-family: "robotolight";
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem;
  }
}
.bs-docs-sidebar .nav .nav > li > a {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  position: relative;
  padding: 5px 0;
  color: #6b7183;
  border-bottom: 1px solid #f3f3f6;
  transition: all 0.2s ease-in-out;
}
.bs-docs-sidebar .nav .nav > li > a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  margin-top: -4px;
  border-width: 4px 0 4px 4px;
  border-left-color: #6ebe3b;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.bs-docs-sidebar .nav .nav > li > a:focus {
  text-decoration: none;
}
.bs-docs-sidebar .nav .nav > li > a.active, .bs-docs-sidebar .nav .nav > li > a:hover {
  padding-left: 15px;
  color: #6ebe3b;
  text-decoration: none;
}
.bs-docs-sidebar .nav .nav > li > a.active:before, .bs-docs-sidebar .nav .nav > li > a:hover:before {
  opacity: 1;
  left: 0px;
}
@media (max-width: 1260px) {
  .bs-docs-sidebar .nav .nav > li > a {
    font-family: "robotolight";
    font-weight: 300;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.bs-docs-sidebar .nav .nav > li.active > a {
  padding-left: 15px;
  color: #6ebe3b;
}
.bs-docs-sidebar .nav .nav > li.active > a:before {
  opacity: 1;
  left: 0px;
}
.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus {
  background-color: transparent;
}
.bs-docs-sidebar .nav ul.nav {
  display: none;
}
.form-basic.newsletter label {
  color: #a7afc6;
  padding-left: 30px;
  font-size: 9px;
  font-family: "robotolight";
  font-weight: 300;
}

.tool-manual {
  padding-top: 80px;
  padding-bottom: 155px;
  background-color: #eef1f7;
}
.tool-manual h2 {
  color: #1b1f2b;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  margin: 0 0 70px 0;
}
.tool-manual__icon {
  width: 52px;
  height: 52px;
  color: #6ebe3b;
  margin: 0 auto;
  display: block;
}
.tool-manual__title-list {
  color: #1b1f2b;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 32px;
  font-size: 2rem;
  margin: 35px 0 55px;
  text-align: center;
}
.tool-manual__list {
  counter-reset: step;
  list-style-type: none;
  padding: 0 70px;
  margin: 0;
}
@media (max-width: 992px) {
  .tool-manual__list {
    padding: 0 30px;
    margin-bottom: 50px;
  }
}
.tool-manual__item {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 31px;
  color: #6b7183;
  margin-bottom: 45px;
  position: relative;
}
.tool-manual__item:last-child {
  margin-bottom: 0;
}
.tool-manual__item:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 11px;
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 8px;
  border-radius: 50%;
  background-color: #6ebe3b;
}

.clauses.form-basic .checkbox label,
.clauses.form-basic .checkbox span {
  font-family: "robotolight";
  font-weight: 300;
  padding-left: 24px;
  font-size: 12px;
  color: #bdc1cb;
}
.clauses.form-basic .checkbox label input[type=checkbox],
.clauses.form-basic .checkbox span input[type=checkbox] {
  top: 0;
  margin-left: -25px;
  width: 16px;
  height: 16px;
  z-index: 2;
}
.clauses.form-basic .checkbox.select-all label, .clauses.form-basic .checkbox.select-all span {
  font-size: 14px;
}
.clauses p {
  margin-bottom: 0 !important;
  padding-bottom: 20px;
  font-size: 12px !important;
  color: #bdc1cb;
}
.clauses p.checkbox {
  margin-top: 0;
}
.clauses p.checkbox.checkbox-hidden span:before,
.clauses p.checkbox.checkbox-hidden span:after {
  content: none;
}
.clauses a {
  cursor: pointer;
}
.clauses.clauses-small.form-basic .checkbox label,
.clauses.clauses-small.form-basic .checkbox span {
  font-size: 9px !important;
}
.clauses.clauses-small.form-basic .checkbox span .clickmeeting {
  border-bottom: 1px dashed #bdc1cb;
  text-decoration: none;
  font-family: "robotoregular";
  color: #bdc1cb;
}
.clauses.clauses-small.form-basic .checkbox.select-all label, .clauses.clauses-small.form-basic .checkbox.select-all span {
  font-size: 12px !important;
}
.clauses.clauses-small p {
  padding-top: 2px;
  padding-bottom: 10px;
  font-size: 9px !important;
}
.clauses.clauses-small .clauses-link {
  padding-right: 12px;
}
.clauses.clauses-small .clauses-read-more:after {
  border-width: 3px 3px 0;
}
.clauses.clauses-small .clauses-hide:after {
  border-width: 0 3px 3px;
}
.clauses.clauses-small.clauses-lang-pl {
  margin-bottom: 5px;
}
.clauses.clauses-small .require-block {
  padding-top: 0;
  padding-bottom: 0;
}
.clauses.clauses-lang-pl {
  margin-bottom: 20px;
}
.clauses.clauses-lang-pl.row {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}
.clauses.clauses-lang-pl p {
  padding-bottom: 0;
}
.clauses-link {
  position: relative;
  padding-right: 15px;
  cursor: pointer;
}
.clauses-link:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  margin-top: -1px;
  right: 2px;
}
.clauses-read-more:after {
  border-width: 4px 4px 0;
  border-top-color: #00afec;
}
.clauses-hide:after {
  border-width: 0 4px 4px;
  border-bottom-color: #00afec;
}
.clauses-more {
  padding-top: 0 !important;
  padding-left: 24px;
}
.clauses .require-block {
  padding-bottom: 0;
  padding-left: 24px;
}
.clauses .require-star {
  font-style: normal;
  color: #6ebe3b;
}

.form-color-blue .clauses label,
.form-color-blue .clauses span {
  font-size: 12px;
  color: #6b7183 !important;
}

.signup-testimonials {
  padding: 0 70px;
}
@media all and (max-width: 1260px) {
  .signup-testimonials {
    padding: 0 20px;
  }
}
.signup-testimonials__single {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #f0f1f4;
}
.signup-testimonials__single:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.signup-testimonials__logo {
  margin-bottom: 25px;
}
.signup-testimonials__desc {
  font-family: "robotoregular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  color: #545b7b;
  max-width: 250px;
  margin: 0 auto;
}
.signup-testimonials__space-top {
  margin-top: 30px;
}

.signup-messages {
  color: #f8a64f;
  margin: 25px;
  text-align: center;
}

.frame-intro h2 {
  font-family: "robotobold";
  font-size: 84px;
  font-size: 5.25rem;
  margin-bottom: 20px;
  color: #fff;
}
.frame-intro h2 span {
  background: #69b63a;
  display: inline-block;
  padding: 0 10px;
}
.frame-intro p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
  margin-left: 100px;
  margin-right: 100px;
}
.frame-intro p strong {
  font-family: "robotobold";
}
.frame-intro p span {
  border-bottom: 2px solid #6ebe3b;
}
@media (max-width: 1259px) {
  .frame-intro p {
    margin-left: auto;
    margin-right: auto;
  }
}
.frame-intro .btn {
  margin-bottom: 10px;
}
.frame-intro .btn-signup {
  border: 1px solid #fff;
  position: relative;
  border-radius: 30px;
  color: #fff;
}
.frame-intro .btn-signup:hover {
  background-color: #fff;
  box-shadow: 0px 12px 35px 0px rgba(255, 255, 255, 0.41);
  color: #202f53;
}
.frame-intro-lead-generation h2 {
  font-family: "robotoregular";
  font-size: 51px;
  font-size: 3.1875rem;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
.frame-intro-lead-generation h2 span {
  position: relative;
  white-space: nowrap;
}
.frame-intro-lead-generation h2 span:before {
  background: #e41f49;
  background: linear-gradient(to right, #e41f49 0%, #ff8a18 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e41f49", endColorstr="#ff8a18",GradientType=1 );
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 5px;
}
.frame-intro-lead-generation p {
  font-family: "robotoregular";
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
  color: #e0edff;
}
@media (max-width: 540px) {
  .frame-intro-lead-generation h2 {
    font-family: "robotoregular";
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 55px;
    margin-bottom: 3.4375rem;
  }
  .frame-intro-lead-generation p {
    font-family: "robotoregular";
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 60px;
    margin-bottom: 3.75rem;
  }
}
.frame-intro-product-hunt h2 {
  font-family: "robotothin";
  font-weight: 200;
  font-size: 90px;
  font-size: 5.625rem;
  margin-bottom: 65px;
  margin-bottom: 4.0625rem;
}
.frame-intro-product-hunt p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
.frame-intro-product-hunt p strong {
  font-family: "robotobold";
}
.frame-intro-product-hunt .btn-lg {
  font-family: "robotomedium";
  padding: 12px 60px;
  margin: 0 10px 15px;
  min-width: 218px;
}
.frame-intro-product-hunt .btn-default {
  border: none;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11);
}
@media (max-width: 767px) {
  .frame-intro-product-hunt h2 {
    font-family: "robotothin";
    font-weight: 200;
    font-size: 50px;
    font-size: 3.125rem;
    margin-bottom: 45px;
    margin-bottom: 2.8125rem;
  }
  .frame-intro-product-hunt p {
    font-family: "robotolight";
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.frame-screen {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  overflow: hidden;
}
.frame-screen-mask {
  background: url("../../images/landing/new-webinar-room/screen-gradient.png") repeat-x bottom center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 180px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.frame-screen-btn {
  position: absolute;
  width: 240px;
  height: 140px;
  top: 55%;
  left: 50%;
  margin-left: -120px;
  text-align: center;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.frame-screen-btn .btn-play {
  background: rgba(110, 190, 59, 0.92);
  position: relative;
  border: 2px solid #fff;
  border-radius: 100%;
  display: block;
  width: 96px;
  height: 96px;
  margin: 0 auto 10px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 9px 62px 0px rgba(10, 19, 45, 0.63);
}
.frame-screen-btn .btn-play:hover {
  background-color: rgb(110, 190, 59);
  border-color: #6ebe3b;
}
.frame-screen-btn .btn-play svg {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -10px;
  color: #fff;
}
.frame-screen-btn p {
  font-family: "robotomedium";
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
  color: #fff;
}
@media (max-width: 991px) {
  .frame-screen-mask {
    height: 100px;
  }
  .frame-screen-btn {
    top: 47%;
  }
}
@media (max-width: 767px) {
  .frame-screen-mask {
    height: 80px;
  }
  .frame-screen-btn .btn-play {
    border: 1px solid #fff;
    width: 60px;
    height: 60px;
  }
  .frame-screen-btn .btn-play svg {
    width: 14px;
    height: 14px;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -4px;
  }
  .frame-screen-btn p {
    font-family: "robotomedium";
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (max-width: 500px) {
  .frame-screen-btn {
    top: 33%;
  }
}
.frame-screen .img-center {
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.frame-section {
  position: relative;
  height: 100%;
  width: 100%;
  display: table;
  padding: 150px 0px 90px;
  overflow: hidden;
}
.frame-section-not-full {
  height: auto;
  padding: 100px 0px;
}
@media (max-width: 767px) {
  .frame-section-not-full {
    padding: 50px 0px;
  }
}
.frame-section.frame-header {
  background-image: url("../../images/landing/new-webinar-room/header-bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #0f1831;
  padding-bottom: 37%;
}
.frame-section.frame-header .frame-footer {
  z-index: 5;
}
.frame-section.frame-header .frame-footer a:hover svg {
  color: #6ebe3b;
}
.frame-section.frame-header .frame-footer a svg {
  color: #fff;
}
@media (max-width: 767px) {
  .frame-section.frame-header .frame-footer {
    bottom: 0;
  }
}
.frame-section.frame-header-lead-generation {
  background-image: url("../../images/landing/lead-generation/header-bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #0f1831;
}
.frame-section.frame-header-lead-generation .frame-footer {
  width: 40px;
  height: 40px;
  bottom: 20px;
  margin-left: -12px;
}
.frame-section.frame-header-lead-generation .frame-footer svg {
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, 0.4);
}
.frame-section.frame-header-lead-generation .frame-footer a:hover svg {
  color: rgba(255, 255, 255, 0.8);
}
.frame-section.frame-header-product-hunt {
  background-image: url("../../images/landing/product-hunt/product-hunt-bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
}
.frame-section.frame-header-product-hunt .frame-footer {
  bottom: 40px;
}
.frame-section.frame-header-product-hunt .frame-footer a {
  display: block;
  position: relative;
  height: 100%;
}
.frame-section.frame-header-product-hunt .frame-footer a svg {
  color: rgba(255, 255, 255, 0.4);
}
.frame-section.frame-header-product-hunt .frame-footer a:hover svg {
  color: rgba(255, 255, 255, 0.9);
}
.frame-section.frame-header-product-hunt .frame-footer svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
.frame-section .img-center {
  margin: 0 auto;
}
.frame-section-parallax {
  background-attachment: fixed !important;
  padding-top: 120px;
}
.frame-section-lb:after {
  background: #dee0e5;
  content: "";
  position: absolute;
  height: 2px;
  bottom: 0px;
  width: 80%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .frame-section-lb:after {
    width: 900px;
  }
}
@media (min-width: 1260px) {
  .frame-section-lb:after {
    width: 1200px;
  }
}
@media (max-width: 767px) {
  .frame-section-lb:after {
    width: 100%;
  }
}
.frame-section-mb .row {
  margin-bottom: 50px;
}
@media (min-width: 1440px) {
  .frame-section.frame-header {
    padding-bottom: 540px;
    height: calc(100% - 75px);
  }
}
.frame-content-middle {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}
.frame-content-top {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.frame-content-block {
  position: relative;
  z-index: 1;
}
.frame-bg-light {
  background: #fff;
}
.frame-bg-dark {
  background: #f6f7fb;
}
.frame-bg-knowledge {
  background-image: url("../../images/landing/new-webinar-room/knowledge-base-bg.png");
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f6f7fb;
  background-size: cover;
}
.frame-bg-lead-generation-step1 {
  background: url("../../images/landing/lead-generation/step1-bg.jpg") top center no-repeat #f0fbff;
  background-size: cover;
}
.frame-bg-lead-generation-step2 {
  background: url("../../images/landing/lead-generation/step2-bg.jpg") top center no-repeat #f0fbff;
  background-size: cover;
}
.frame-bg-lead-generation-step3 {
  background: url("../../images/landing/lead-generation/step3-bg.jpg") top center no-repeat #f0fbff;
  background-size: cover;
}
.frame-bg-lead-generation-step4 {
  background: url("../../images/landing/lead-generation/step4-bg.jpg") top center no-repeat #f0fbff;
  background-size: cover;
}
.frame-bg-lead-generation-step5 {
  background: url("../../images/landing/lead-generation/step5-bg.jpg") top center no-repeat #f0fbff;
  background-size: cover;
}
.frame-bg-lead-generation-step6 {
  background: url("../../images/landing/lead-generation/step6-bg.jpg") top center no-repeat #0f1831;
  background-size: cover;
  padding-bottom: 180px;
}
.frame-footer {
  position: absolute;
  width: 40px;
  height: 30px;
  bottom: 60px;
  left: 50%;
  margin-left: -20px;
  text-align: center;
}
.frame-footer svg {
  width: 40px;
  height: 30px;
  stroke-width: 1;
}
.frame-footer a svg {
  color: #a7afc6;
}
.frame-footer a:hover svg {
  color: #6ebe3b;
}
.frame-flashcard {
  font-family: "robotoregular";
  color: #929bb4;
  position: absolute;
  width: 360px;
  height: 100%;
  top: 0;
  right: -375px;
  transition: all 1s ease-in-out;
}
@media (max-width: 1259px) {
  .frame-flashcard {
    width: 280px;
    right: -280px;
  }
}
@media (max-width: 991px) {
  .frame-flashcard {
    position: relative;
    width: auto;
    right: auto;
    max-width: 600px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
  }
}
.frame-flashcard-right {
  right: -375px;
}
@media (max-width: 1259px) {
  .frame-flashcard-right {
    width: 280px;
    right: -280px;
  }
}
@media (max-width: 991px) {
  .frame-flashcard-right {
    width: auto;
    right: auto;
  }
}
.frame-flashcard-left {
  left: -375px;
  right: auto;
}
@media (max-width: 1259px) {
  .frame-flashcard-left {
    width: 280px;
    left: -280px;
  }
}
@media (max-width: 991px) {
  .frame-flashcard-left {
    width: auto;
    left: auto;
  }
}
.frame-flashcard-content {
  display: table;
  width: 100%;
  height: 100%;
}
.frame-flashcard-content-middle {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.frame-flashcard svg {
  width: 30px;
  height: 30px;
  margin-bottom: 15px;
  stroke-width: 1;
}
.frame-flashcard h3 {
  font-family: "robotobold";
  font-size: 32px;
  margin-bottom: 30px;
  color: #0f1831;
}
.frame-flashcard p {
  font-family: "robotoregular";
  margin-bottom: 15px;
}
.frame-flashcard ul {
  list-style: none;
  padding-left: 0;
}
.frame-flashcard ul > li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
}
.frame-flashcard ul > li svg {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 1px;
  margin: 0;
  color: #6ebe3b;
}
.frame-flashcard-lead-generation {
  width: 565px;
}
.frame-flashcard-lead-generation.frame-flashcard-right {
  right: -580px;
}
@media (max-width: 1259px) {
  .frame-flashcard-lead-generation.frame-flashcard-right {
    width: 450px;
    right: -450px;
  }
}
@media (max-width: 991px) {
  .frame-flashcard-lead-generation.frame-flashcard-right {
    width: auto;
    right: auto;
    margin-top: 40px;
  }
}
.frame-flashcard-lead-generation.frame-flashcard-left {
  left: -580px;
}
@media (max-width: 1259px) {
  .frame-flashcard-lead-generation.frame-flashcard-left {
    width: 450px;
    left: -450px;
  }
}
@media (max-width: 991px) {
  .frame-flashcard-lead-generation.frame-flashcard-left {
    width: auto;
    left: auto;
    margin-bottom: 40px;
  }
}
.frame-flashcard-lead-generation h3 {
  font-family: "robotoregular";
  font-size: 38px;
  font-size: 2.375rem;
  color: #001d31;
}
.frame-flashcard-lead-generation p {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  color: #396583;
}
.frame-flashcard-lead-generation .btn-lead-generation {
  padding: 10px 21px;
}
@media (max-width: 1259px) {
  .frame-flashcard-lead-generation {
    width: 485px;
  }
}
.frame-flashcard-custom-branding.frame-flashcard {
  padding: 40px;
  width: 615px;
}
@media (max-width: 1259px) {
  .frame-flashcard-custom-branding.frame-flashcard {
    width: 485px;
  }
}
@media (max-width: 991px) {
  .frame-flashcard-custom-branding.frame-flashcard {
    position: relative;
    width: auto;
    right: auto;
    max-width: 600px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
  }
}
.frame-flashcard-custom-branding.frame-flashcard.frame-flashcard-left {
  left: -630px;
}
@media (max-width: 1259px) {
  .frame-flashcard-custom-branding.frame-flashcard.frame-flashcard-left {
    left: -500px;
  }
}
@media (max-width: 991px) {
  .frame-flashcard-custom-branding.frame-flashcard.frame-flashcard-left {
    width: auto;
    left: auto;
    margin-bottom: 40px;
  }
}
.frame-flashcard-custom-branding.frame-flashcard.frame-flashcard-right {
  right: -630px;
}
@media (max-width: 1259px) {
  .frame-flashcard-custom-branding.frame-flashcard.frame-flashcard-right {
    right: -500px;
  }
}
@media (max-width: 991px) {
  .frame-flashcard-custom-branding.frame-flashcard.frame-flashcard-right {
    width: auto;
    right: auto;
    margin-bottom: 40px;
  }
}
.frame-flashcard-custom-branding h3 {
  font-family: "robotobold";
  font-size: 38px;
  font-size: 2.375rem;
  color: #1b1f2b;
}
.frame-flashcard-custom-branding h4 {
  font-family: "robotoregular";
  font-size: 24px;
  font-size: 1.5rem;
  color: #1b1f2b;
  line-height: 36px;
}
.frame-flashcard-custom-branding p {
  font-family: "robotoregular";
  color: #898fa0;
  line-height: 18px;
}
.frame-flashcard-custom-branding-btn {
  position: relative;
}
.frame-flashcard-custom-branding-btn .btn-play {
  background: rgba(27, 31, 43, 0.93);
  position: absolute;
  border-radius: 100%;
  display: block;
  width: 125px;
  height: 125px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.frame-flashcard-custom-branding-btn .btn-play:hover {
  background-color: rgb(27, 31, 43);
}
.frame-flashcard-custom-branding-btn .btn-play:hover svg {
  color: #6ebe3b;
}
.frame-flashcard-custom-branding-btn .btn-play svg {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -12px;
  color: #fff;
  stroke-width: 3;
}
.frame-flashcard-custom-branding .btn-green {
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}
.frame-flashcard-custom-branding .btn-green:hover {
  box-shadow: 0px 12px 35px 0px rgba(113, 194, 62, 0.4);
}
.frame-flashcard-custom-branding .btn-lg {
  font-family: "robotobold";
  padding: 21px 65px;
  border-radius: 40px;
}
.frame-flashcard-custom-branding.frame-flashcard-convert-webinar h3 {
  margin-bottom: 40px;
}
.frame-flashcard-custom-branding.frame-flashcard-convert-webinar p {
  margin-bottom: 40px;
}
.frame-flashcard-custom-branding.frame-flashcard-webinar-pages h3 {
  margin-bottom: 30px;
}
.frame-flashcard-custom-branding.frame-flashcard-webinar-pages .btn-wrap {
  position: relative;
  margin-top: 40px;
  padding-top: 15px;
}
.frame-flashcard-custom-branding.frame-flashcard-webinar-pages .btn-wrap:before {
  background: #dee0e5;
  content: "";
  position: absolute;
  height: 2px;
  top: 0;
  left: 0;
  width: 70px;
}
.frame-flashcard-custom-branding.frame-flashcard-webinar-pages a {
  font-family: "robotomedium";
  color: #1b1f2b;
  text-decoration: none;
}
.frame-flashcard-custom-branding.frame-flashcard-webinar-pages a:hover {
  color: #6ebe3b;
}
.frame-flashcard-custom-branding.frame-flashcard-webinar-pages a svg {
  height: 19px;
  margin-bottom: 0;
  stroke-width: 2;
}
.frame-flashcard-custom-branding.frame-flashcard-start-free h3 {
  margin-bottom: 20px;
}
.frame-flashcard-custom-branding.frame-flashcard-start-free p {
  font-family: "robotoregular";
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .frame-flashcard-custom-branding {
    text-align: center;
  }
  .frame-flashcard-custom-branding h3 {
    font-family: "robotobold";
    font-size: 21px;
    font-size: 1.3125rem;
  }
  .frame-flashcard-custom-branding h4 {
    font-family: "robotoregular";
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
  }
  .frame-flashcard-custom-branding .btn-lg {
    padding: 14px 48px;
  }
  .frame-flashcard-custom-branding.frame-flashcard {
    padding: 0;
  }
  .frame-flashcard-custom-branding.frame-flashcard-convert-webinar h3 {
    margin-bottom: 25px;
  }
  .frame-flashcard-custom-branding.frame-flashcard-convert-webinar p {
    margin-bottom: 25px;
  }
  .frame-flashcard-custom-branding.frame-flashcard-webinar-pages h3 {
    margin-bottom: 25px;
  }
  .frame-flashcard-custom-branding.frame-flashcard-webinar-pages .btn-wrap {
    margin-top: 25px;
  }
  .frame-flashcard-custom-branding.frame-flashcard-webinar-pages .btn-wrap:before {
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
  .frame-flashcard-custom-branding.frame-flashcard-webinar-pages .pull-right {
    display: none;
  }
  .frame-flashcard-custom-branding.frame-flashcard-start-free p {
    margin-bottom: 25px;
    font-size: 12px;
  }
}
.frame-features h2 {
  font-family: "robotomedium";
  font-size: 32px;
  line-height: 40px;
  color: #0f1831;
}
.frame-indicators {
  padding-left: 0;
  list-style: none;
}
.frame-indicators > li {
  display: inline-block;
  padding: 0;
  margin: 0 8px;
}
.frame-indicators > li a {
  display: block;
  position: relative;
  padding: 5px;
}
.frame-indicators > li a .label {
  background: #343842;
  padding: 5px 5px 6px;
  line-height: 1;
  text-transform: none;
  border-radius: 1px;
  font-size: 11px;
  color: #fff;
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.frame-indicators > li a .label-wrap {
  position: absolute;
  width: 320px;
  height: 30px;
  top: -35px;
  left: 50%;
  margin-left: -160px;
  text-align: center;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.frame-indicators > li a .label-arrow {
  font-weight: normal;
  border: none;
}
.frame-indicators > li a .label-arrow:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.frame-indicators > li a .label-arrow-top:before {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #343842;
  border-left-color: transparent;
}
.frame-indicators > li a .icon {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
}
.frame-indicators > li a .icon svg {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  color: #a7afc6;
  stroke-width: 1;
  transition: all 0.3s ease-in-out;
}
.frame-indicators > li a:hover .label {
  opacity: 1;
  filter: alpha(opacity=100);
}
.frame-indicators > li a.active .label-wrap, .frame-indicators > li a:hover .label-wrap {
  z-index: 0;
}
.frame-indicators > li a.active .icon svg, .frame-indicators > li a:hover .icon svg {
  margin-top: -21px;
  color: #6ebe3b;
}
.frame-quickly-started h2 {
  font-family: "robotomedium";
  font-size: 32px;
  line-height: 40px;
  color: #0f1831;
}
.frame-quickly-started-lesson {
  margin: 30px 0;
}
.frame-quickly-started-lesson h3 {
  font-family: "robotomedium";
  font-size: 20px;
  line-height: 30px;
  color: #0f1831;
}
.frame-quickly-started-lesson p {
  margin: 0 30px 10px;
  color: #929bb4;
}
.frame-quickly-started-lesson .step {
  border: 1px solid #a7afc6;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 32px;
  color: #a7afc6;
  border-radius: 50%;
}
.frame-quickly-started .btn {
  color: #00afec;
}
.frame-quickly-started .btn.x-large {
  padding: 20px 40px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0;
}
.frame-quickly-started .btn-wrap {
  margin-top: 40px;
}
.frame-quickly-started .btn-quickly-started {
  border: 1px solid #eceef5;
}
.frame-quickly-started .btn-quickly-started:hover {
  border: 1px solid #dfe2ee;
}
.frame-feedback h2 {
  font-family: "robotomedium";
  font-size: 32px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 50px;
  color: #0f1831;
}
.frame-feedback p {
  color: #929bb4;
  margin-bottom: 30px;
}
.frame-feedback .list-inline > li {
  margin: 0;
  padding: 0 5px;
}
.frame-feedback svg {
  width: 35px;
  height: 35px;
  stroke-width: 1;
}
.frame-feedback .img-stars {
  width: 228px;
}
.frame-feedback .tos-wrap {
  margin-top: 20px;
}
.frame-feedback .btn.x-large {
  padding: 20px 40px 20px 70px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0;
}
.frame-feedback .btn-wrap {
  margin-top: 50px;
}
.frame-feedback .btn-feedback {
  position: relative;
  background: #0c142d;
  background: linear-gradient(to bottom, #203054 0%, #0c142d 100%);
  box-shadow: 0px 12px 35px 0px rgba(16, 36, 95, 0.41);
  border-radius: 30px;
  color: #fff;
}
.frame-feedback .btn-feedback:hover {
  background: #101b3d;
  background: linear-gradient(to bottom, #263863 0%, #101b3d 100%);
  color: #fff;
}
.frame-feedback .btn-feedback svg {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  margin-top: -15px;
  left: 35px;
  color: #fff;
}
.frame-knowledge .btn, .frame-entrance .btn, .frame-intro .btn {
  min-width: 180px;
  transition: all 0.3s ease-in-out;
}
.frame-knowledge .btn-wrap, .frame-entrance .btn-wrap, .frame-intro .btn-wrap {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .frame-knowledge .btn-wrap .text-left,
  .frame-knowledge .btn-wrap .text-right, .frame-entrance .btn-wrap .text-left,
  .frame-entrance .btn-wrap .text-right, .frame-intro .btn-wrap .text-left,
  .frame-intro .btn-wrap .text-right {
    text-align: center;
  }
}
.frame-knowledge .btn-green, .frame-entrance .btn-green, .frame-intro .btn-green {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 0 0 rgba(0, 0, 0, 0.11);
}
.frame-knowledge .btn-green:hover, .frame-entrance .btn-green:hover, .frame-intro .btn-green:hover {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0px 12px 35px 0px rgba(113, 194, 62, 0.4);
}
.frame-knowledge h2, .frame-entrance h2 {
  font-family: "robotomedium";
  font-size: 32px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 50px;
  color: #0f1831;
}
.frame-knowledge .list-features, .frame-entrance .list-features {
  padding-left: 0;
  list-style: none;
  margin-top: 30px;
  margin-bottom: 10px;
}
.frame-knowledge .list-features > li, .frame-entrance .list-features > li {
  display: inline-block;
  padding: 0;
  margin: 0 10px 10px;
}
.frame-knowledge .list-features > li svg, .frame-entrance .list-features > li svg {
  width: 30px;
  height: 30px;
  color: #a7afc6;
  stroke-width: 1;
}
.frame-knowledge .btn-signup, .frame-entrance .btn-signup {
  border: 1px solid #202f53;
  position: relative;
  border-radius: 30px;
  color: #202f53;
}
.frame-knowledge .btn-signup:hover, .frame-entrance .btn-signup:hover {
  background-color: #202f53;
  box-shadow: 0px 12px 35px 0px rgba(16, 36, 95, 0.41);
  color: #fff;
}
.frame-entrance .btn {
  margin-bottom: 10px;
}
.frame-knowledge {
  margin-bottom: 50px;
}
.frame-knowledge h2 {
  margin-top: 0;
}
.frame-lead-generation-ring {
  padding: 75px;
  transition: all 0.5s ease-in-out;
}
.frame-lead-generation-ring.ring-type1 {
  background: url("../../images/landing/lead-generation/step6-ring-type1.png") no-repeat center;
  background-size: contain;
}
.frame-lead-generation-ring.ring-type2 {
  background: url("../../images/landing/lead-generation/step6-ring-type2.png") no-repeat center;
  background-size: contain;
}
.frame-lead-generation-ring h3 {
  font-family: "robotoregular";
  font-size: 34px;
  font-size: 2.125rem;
  color: #fff;
  margin-bottom: 35px;
}
.frame-lead-generation-ring p {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  color: #e0edff;
}
@media (max-width: 991px) {
  .frame-lead-generation-ring {
    margin: 50px auto;
    width: 75%;
  }
}
@media (max-width: 720px) {
  .frame-lead-generation-ring {
    width: 80%;
    padding: 65px;
  }
}
@media (max-width: 540px) {
  .frame-lead-generation-ring {
    width: 100%;
    padding: 55px 35px;
  }
}
.frame-lead-generation-try-buy h2 {
  font-family: "robotoregular";
  font-size: 50px;
  font-size: 3.125rem;
  color: #fff;
  margin-bottom: 50px;
}
.frame-lead-generation-try-buy .btn {
  margin: 0px 15px 15px;
  text-transform: uppercase;
}
.frame-lead-generation-try-buy .btn-lg {
  min-width: 200px;
  padding: 16px 26px;
}
.frame-lead-generation-try-buy .btn-browse-all-features {
  padding: 0;
  margin: 40px 15px 20px;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  text-transform: none;
  color: #fff;
}
.frame-lead-generation-try-buy .btn-browse-all-features:hover {
  border-bottom-color: #fff;
}
.frame-lead-generation-try-buy .btn-browse-all-features svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 14px;
  height: 14px;
  top: -1px;
  margin-right: 5px;
}
.frame-lead-generation-try-buy .btn-lead-generation:hover {
  box-shadow: 0px 11px 29px 0px rgba(241, 83, 49, 0.4);
}
.frame-lead-generation-learn-more {
  background: url("../../images/landing/lead-generation/case-study.png") no-repeat -15px -10px rgba(19, 5, 57, 0.55);
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 400px;
  height: 150px;
  margin-right: -200px;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  cursor: pointer;
}
.frame-lead-generation-learn-more-block {
  margin-top: 30px;
  margin-left: 175px;
  margin-right: 25px;
  color: #fff;
  overflow: hidden;
}
.frame-lead-generation-learn-more-block h4 {
  font-family: "robotoregular";
  font-size: 21px;
  font-size: 1.3125rem;
}
.frame-lead-generation-learn-more-block p {
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
}
.frame-lead-generation-learn-more-block a {
  color: #ff8919;
}
@media (max-width: 540px) {
  .frame-lead-generation-learn-more {
    width: auto;
    margin-right: auto;
    right: 15px;
    left: 15px;
  }
}
.frame-lead-generation-img {
  position: relative;
  min-height: 100px;
  transition: all 0.5s ease-in-out;
}
.frame-lead-generation-img-step1-number {
  background: url("../../images/landing/lead-generation/step1-number.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 20%;
  height: 22%;
  top: 0;
  left: 10%;
  animation: 3s pulseTop infinite ease;
}
.frame-lead-generation-img-step1-e1 {
  background: url("../../images/landing/lead-generation/s1-e1.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 40%;
  height: 41%;
  top: 0;
  right: 5%;
  animation: 3s pulseTop infinite ease-in;
}
.frame-lead-generation-img-step1-e2 {
  background: url("../../images/landing/lead-generation/s1-e2.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 37%;
  height: 38%;
  bottom: 0;
  right: 3%;
  animation: 3s pulseBottom infinite ease-out;
}
.frame-lead-generation-img-step1-e3 {
  background: url("../../images/landing/lead-generation/s1-e3.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 45%;
  height: 48%;
  bottom: 0;
  left: 0;
  animation: 3s pulseBottom infinite ease-out;
}
.frame-lead-generation-img-step2-number {
  background: url("../../images/landing/lead-generation/step2-number.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 20%;
  height: 23%;
  top: 0;
  left: 7%;
  animation: 3s pulseTop infinite ease;
  z-index: 1;
}
.frame-lead-generation-img-step2-e1 {
  background: url("../../images/landing/lead-generation/s2-e1.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 60%;
  height: 58%;
  top: 0;
  left: 55px;
  animation: 3s pulseTop infinite ease-in;
}
.frame-lead-generation-img-step2-e2 {
  background: url("../../images/landing/lead-generation/s2-e2.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 62%;
  height: 82%;
  bottom: 0;
  right: -5%;
  animation: 3s pulseBottom infinite ease-out;
}
.frame-lead-generation-img-step2-e3 {
  background: url("../../images/landing/lead-generation/s2-e3.png") bottom center no-repeat;
  background-size: contain;
  position: absolute;
  width: 62%;
  height: 55%;
  bottom: 0;
  left: 0;
  animation: 3s pulseBottom infinite ease-out;
}
.frame-lead-generation-img-step3-number {
  background: url("../../images/landing/lead-generation/step3-number.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 24%;
  height: 24%;
  top: 0;
  left: 17%;
  animation: 3s pulseTop infinite ease;
}
.frame-lead-generation-img-step3-e1 {
  background: url("../../images/landing/lead-generation/s3-e1.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 20%;
  height: 22%;
  bottom: 0;
  right: 20%;
  animation: 3s pulseBottom infinite ease-in;
}
.frame-lead-generation-img-step4-number {
  background: url("../../images/landing/lead-generation/step4-number.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 20%;
  height: 25%;
  top: 0;
  right: 5%;
  animation: 3s pulseTop infinite ease;
}
.frame-lead-generation-img-step5-number {
  background: url("../../images/landing/lead-generation/step5-number.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 25%;
  height: 30%;
  top: 0;
  left: 10%;
  animation: 3s pulseTop infinite ease;
}
.frame-lead-generation-img-step5-e1 {
  background: url("../../images/landing/lead-generation/s5-e1.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 40%;
  height: 45%;
  top: 0;
  right: 0;
  animation: 3s pulseTop infinite ease-in;
}
.frame-lead-generation-img-step5-e2 {
  background: url("../../images/landing/lead-generation/s5-e2.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 30%;
  height: 32%;
  bottom: 0;
  right: 6%;
  animation: 3s pulseBottom infinite ease-out;
}
.frame-lead-generation-img-step5-e3 {
  background: url("../../images/landing/lead-generation/s5-e3.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 35%;
  height: 36%;
  bottom: 0;
  left: 12%;
  animation: 3s pulseBottom infinite ease-in;
}
.frame-lead-generation-img-step5-e4 {
  background: url("../../images/landing/lead-generation/s5-e4.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 34%;
  height: 80%;
  bottom: 0;
  left: 0;
  animation: 3s pulseBottom infinite ease-out;
}
.frame-lead-generation-img-step6-number {
  background: url("../../images/landing/lead-generation/step6-number.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  width: 138px;
  height: 151px;
  top: 0;
  left: 50%;
  margin-left: -69px;
  animation: 3s pulseTop infinite ease;
}
.frame-header-custom-branding {
  background: #1b1f2b;
  display: block;
}
@media (min-width: 992px) {
  .frame-header-custom-branding {
    height: 1300px;
  }
}
@media (max-width: 992px) {
  .frame-header-custom-branding {
    height: auto;
    padding: 80px 0;
  }
}
.frame-header-custom-branding .frame-content-block {
  z-index: 101;
}
.frame-header-custom-branding .frame-intro .tag {
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
  color: #6ebe3b;
}
.frame-header-custom-branding .frame-intro .tag svg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 26px;
  height: 26px;
  top: -1px;
  margin-right: 10px;
}
.frame-header-custom-branding .frame-intro .title {
  font-family: "robotobold";
  font-size: 46px;
  font-size: 2.875rem;
  margin-top: 15px;
  margin-bottom: 35px;
}
.frame-header-custom-branding .frame-intro .desc {
  font-family: "robotoregular";
  font-size: 21px;
  font-size: 1.3125rem;
}
@media (max-width: 767px) {
  .frame-header-custom-branding .frame-intro .title {
    font-family: "robotobold";
    font-size: 21px;
    font-size: 1.3125rem;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .frame-header-custom-branding .frame-intro .desc {
    font-family: "robotoregular";
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.frame-header-custom-branding .frame-footer {
  border: 2px solid #fff;
  bottom: 20px;
  width: 28px;
  height: 45px;
  margin-left: -14px;
  border-radius: 20px;
  z-index: 100;
}
@media (max-width: 767px) {
  .frame-header-custom-branding .frame-footer {
    display: none;
  }
}
.frame-header-custom-branding .frame-footer a {
  display: block;
  width: 100%;
  height: 100%;
}
.frame-header-custom-branding .frame-footer a:hover svg {
  color: #fff;
}
.frame-header-custom-branding .frame-footer svg {
  position: absolute;
  color: #fff;
  width: 14px;
  height: 14px;
  bottom: 20px;
  left: 50%;
  margin-left: -7px;
  animation: 4s pulseScroll infinite ease-in-out;
}

@keyframes pulseTop {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
  0%, 100% {
    top: 10px;
  }
  50% {
    top: 30px;
  }
}
@keyframes pulseBottom {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
  0%, 100% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(0);
  }
}
@keyframes pulseScroll {
  0%, 100% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(0);
  }
}
.solution__title {
  color: #545b7b;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 42px;
  font-size: 2.625rem;
  margin-top: 0;
  margin-bottom: 50px;
}
.solution__title--white {
  color: #ffffff;
}
.solution__title--less-bottom {
  margin-bottom: 15px;
}
.solution__title--stress {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.solution__title--stress-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  z-index: -1;
}
.solution__title--stress-icon svg {
  display: block;
  width: 100%;
  height: 37px;
  color: #cc3100;
  stroke-width: 3px;
}

.solution__desc {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
}
.solution__desc--white {
  color: #ffffff;
}
.solution__desc a {
  color: #fff;
  text-decoration: underline;
}
.solution__desc strong {
  font-family: "robotoregular";
}

.btn-big {
  padding: 14px 50px;
  min-width: 200px;
  font-family: "robotomedium";
  font-size: 18px;
  font-size: 1.125rem;
  border-radius: 30px;
  text-transform: uppercase;
  transition: box-shadow 0.5s ease, background-color 0.5s ease, color 0.5s ease;
}
.btn-big:hover {
  box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.5);
}
@media all and (max-width: 992px) {
  .btn-big {
    padding: 10px 0;
    min-width: 150px;
  }
}
.btn-online-training, .btn-product-demonstration {
  background-color: #fff;
  margin-left: 0;
}
@media all and (max-width: 767px) {
  .btn-online-training, .btn-product-demonstration {
    margin-bottom: 15px;
  }
}
.btn-online-training {
  color: #0056af;
}
.btn-online-training:focus, .btn-online-training:hover {
  color: #0056af;
}
.btn-product-demonstration {
  color: #fd4105;
}
.btn-product-demonstration:focus, .btn-product-demonstration:hover {
  color: #fd4105;
}

.slider-background-online-training .btn-default.btn-outline:hover, .slider-background-online-training .btn-default.btn-outline:focus,
.slider-background-online-training .btn-default.btn-outline:hover,
.slider-background-online-training .btn-default.btn-outline:focus {
  color: #0056af;
}

.slider-background-product-demonstration .btn-default.btn-outline:hover, .slider-background-product-demonstration .btn-default.btn-outline:focus,
.slider-background-product-demonstration .btn-default.btn-outline:hover,
.slider-background-product-demonstration .btn-default.btn-outline:focus {
  color: #fd4105;
}

.chapter-options {
  padding-bottom: 95px;
}
.chapter-options__single {
  margin-top: 90px;
}
.chapter-options__desc {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 32px;
  margin-bottom: 50px;
}
.chapter-options-thumb__list {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  font-size: 0;
}
.chapter-options-thumb__item {
  width: 290px;
  height: 150px;
  display: inline-block;
  vertical-align: top;
  margin: -1px -1px 0 0;
  border: 1px solid #efeff2;
  padding: 0 30px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
@media all and (max-width: 1140px) {
  .chapter-options-thumb__item {
    width: 230px;
  }
}
@media all and (max-width: 767px) {
  .chapter-options-thumb__item {
    pointer-events: none;
  }
}
.chapter-options-thumb__item .logo-wrap {
  position: relative;
  height: 50px;
  margin: 30px auto 20px;
}
.chapter-options-thumb__item .logo-wrap svg {
  margin: auto;
}
.chapter-options-thumb__item .logo-wrap .logo {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.chapter-options-thumb__item .logo-wrap .logo-infusionsoft.top {
  background: url(../../images/use-cases/product-demonstration/infusionsoft-logo-colorful.png) no-repeat center center;
}
.chapter-options-thumb__item .logo-wrap .logo-infusionsoft.bottom {
  background: url(../../images/use-cases/product-demonstration/infusionsoft-logo.png) no-repeat center center;
}
.chapter-options-thumb__item .logo-wrap .logo-salesforce svg {
  max-width: 80px;
}
.chapter-options-thumb__item .logo-wrap .logo-hubspot svg {
  max-width: 100px;
}
.chapter-options-thumb__item .logo-wrap .logo-slack svg {
  max-width: 104px;
}
.chapter-options-thumb__item .logo-wrap .logo-outlook svg {
  max-width: 155px;
}
.chapter-options-thumb__item svg {
  display: block;
  max-width: 50px;
  height: 50px;
  margin: 30px auto 20px;
}
.chapter-options-thumb__item-sm {
  width: 230px;
}
.chapter-options-thumb__action {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  color: #777;
  text-decoration: none;
  padding: 5px 15px;
  transition: all 0.3s ease-in-out;
}
.chapter-options-thumb__action .top {
  z-index: 1;
}
.chapter-options-thumb__action:hover .top {
  opacity: 0;
}
.chapter-options-thumb__action .bottom {
  opacity: 0;
}
.chapter-options-thumb__action:hover .bottom {
  opacity: 1;
}
.chapter-options-thumb__action:focus {
  text-decoration: none;
}
.chapter-options-thumb__action:hover {
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: 2;
  padding: 10px 20px;
  color: #fff;
  box-shadow: 0px 7px 29px 0px rgba(192, 192, 216, 0.64);
  text-decoration: none;
  height: 230px;
}
.chapter-options-thumb__action:hover .chapter-options-thumb__content {
  display: block;
}
.chapter-options-thumb__action.active {
  background-color: #777;
  color: #fff;
}
@media all and (max-width: 767px) {
  .chapter-options-thumb__action.active {
    background-color: transparent !important;
    color: #777;
  }
}
.chapter-options-thumb__action.active:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 0;
  width: 6px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 6px solid #777;
}
@media all and (max-width: 767px) {
  .chapter-options-thumb__action.active:before {
    display: none;
  }
}
.chapter-options-thumb__action.active:hover {
  height: 148px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5px 15px;
  box-shadow: none;
}
.chapter-options-thumb__action.active:hover .chapter-options-thumb__content {
  display: none;
}
.chapter-options-thumb__action.active .top {
  opacity: 0;
}
.chapter-options-thumb__action.active .bottom {
  opacity: 1;
}
.chapter-options-thumb__action.online-training-bg:hover {
  background-color: #0056af;
}
.chapter-options-thumb__action.online-training-bg.chapter-options-thumb__action {
  color: #0056af;
}
.chapter-options-thumb__action.online-training-bg.chapter-options-thumb__action:hover {
  color: #fff;
}
.chapter-options-thumb__action.online-training-bg.chapter-options-thumb__action.active {
  background-color: #0056af;
  color: #fff;
}
@media all and (max-width: 767px) {
  .chapter-options-thumb__action.online-training-bg.chapter-options-thumb__action.active {
    color: #0056af;
  }
}
.chapter-options-thumb__action.online-training-bg.chapter-options-thumb__action.active:before {
  border-top-color: #0056af;
}
.chapter-options-thumb__action.product-demonstration-bg:hover {
  background-color: #fd4105;
  box-shadow: 0px 7px 29px 0px rgba(216, 104, 69, 0.64);
}
.chapter-options-thumb__action.product-demonstration-bg.chapter-options-thumb__action {
  color: #fd4105;
}
.chapter-options-thumb__action.product-demonstration-bg.chapter-options-thumb__action:hover {
  color: #fff;
}
.chapter-options-thumb__action.product-demonstration-bg.chapter-options-thumb__action.active {
  background-color: #fd4105;
  color: #fff;
}
@media all and (max-width: 767px) {
  .chapter-options-thumb__action.product-demonstration-bg.chapter-options-thumb__action.active {
    color: #fd4105;
  }
}
.chapter-options-thumb__action.product-demonstration-bg.chapter-options-thumb__action.active:before {
  border-top-color: #fd4105;
}
.chapter-options-thumb__title {
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.chapter-options-thumb__content {
  font-family: "robotoregular";
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 15px;
  display: none;
}
.chapter-options-thumb__content p {
  font-family: "robotoregular";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
}
.chapter-options-thumb__content span {
  text-decoration: underline;
}
.chapter-options-tab {
  padding: 85px 0;
  background-color: #f4f6fb;
  position: relative;
  display: none;
}
.chapter-options-tab__close {
  position: absolute;
  top: 40px;
  right: 50px;
  text-align: center;
  text-decoration: none;
}
.chapter-options-tab__close:hover {
  text-decoration: none;
}
.chapter-options-tab__close svg {
  max-width: 50px;
  height: 50px;
  color: #000000;
}
.chapter-options-tab__close span {
  display: block;
  margin-top: 2px;
  color: #545b7b;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.chapter-options-tab__img img {
  width: 100%;
}
.chapter-options-tab__content {
  margin-left: 45px;
  padding-top: 60px;
}
.chapter-options-tab__content h3 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  color: #545b7b;
  margin-bottom: 40px;
}
.chapter-options-tab__content p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28px;
  color: #979cb2;
}

.chapter-options-mobile {
  background-color: #f4f6fb;
  text-align: left;
  padding: 25px;
  margin-bottom: 25px;
  position: relative;
  left: -15px;
  width: calc(100% + 30px);
}
@media all and (max-width: 576px) {
  .chapter-options-mobile__img {
    width: 100%;
  }
}
@media all and (max-width: 576px) {
  .chapter-options-mobile__content {
    width: 100%;
  }
}
.chapter-options-mobile h3 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  color: #545b7b;
  margin: 10px 0;
}
.chapter-options-mobile p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
  color: #979cb2;
}

.chapter-videos {
  background-color: #fcfcfe;
  padding: 90px 0 105px;
}
.chapter-videos__desc {
  color: #979cb2;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 32px;
  margin-bottom: 50px;
}
.chapter-videos__wrap {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .chapter-videos__wrap {
    width: auto;
  }
}
.chapter-videos__single {
  text-align: center;
  width: 230px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .chapter-videos__single {
    margin-bottom: 50px;
  }
}
.chapter-videos__single.online-training .chapter-videos__action {
  background: #0056af;
  box-shadow: 0px 7px 38px 0px rgba(125, 149, 174, 0.72);
}
.chapter-videos__single.online-training .chapter-videos__presenter {
  color: #0056af;
}
.chapter-videos__single.product-demonstration .chapter-videos__action {
  background: #fd4105;
  box-shadow: 0px 7px 38px 0px rgba(173, 136, 125, 0.72);
}
.chapter-videos__single.product-demonstration .chapter-videos__presenter {
  color: #fd4105;
}
.chapter-videos__media {
  position: relative;
  border-radius: 50%;
  width: 230px;
  height: 230px;
  margin: 0 auto 25px;
}
.chapter-videos__media img {
  width: 100%;
}
.chapter-videos__media:hover .chapter-videos__action {
  opacity: 0.89;
  z-index: 1;
  color: #ffffff;
}
.chapter-videos__action {
  opacity: 0;
  z-index: -1;
  font-family: "robotoregular";
  font-size: 11px;
  font-size: 0.6875rem;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0px 7px 38px 0px rgba(140, 140, 140, 0.72);
  position: absolute;
  top: 0;
  left: 0;
  background-color: #666;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.5s ease;
}
.chapter-videos__action span {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.chapter-videos__action svg {
  display: block;
  margin-bottom: 10px;
  max-width: 35px;
  height: 30px;
}
.chapter-videos__presenter {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
.chapter-videos__title {
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
  color: #a7afc6;
  margin: 0;
  max-width: 215px;
  margin: 0 auto;
}

.chapter-testimonials {
  background-color: #f4f6fb;
  padding: 90px 0 95px;
}
.chapter-testimonials-opinion {
  background-color: #ffffff;
  padding: 50px 55px 35px 60px;
  margin: 0 20px;
  min-height: 340px;
  position: relative;
}
@media all and (max-width: 1140px) {
  .chapter-testimonials-opinion {
    padding: 50px 40px;
  }
}
@media all and (max-width: 991px) {
  .chapter-testimonials-opinion {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 767px) {
  .chapter-testimonials-opinion {
    min-height: auto;
    padding: 40px;
  }
}
.chapter-testimonials-opinion:before {
  content: "”";
  font-style: normal;
  font-family: Georgia;
  font-weight: bold;
  font-size: 70px;
  position: absolute;
  top: 25px;
  left: -11px;
}
.chapter-testimonials-opinion.online-training:before {
  color: #0056af;
}
.chapter-testimonials-opinion.online-training .chapter-testimonials-opinion__txt {
  color: #0056af;
}
.chapter-testimonials-opinion.product-demonstration:before {
  color: #fd4105;
}
.chapter-testimonials-opinion.product-demonstration .chapter-testimonials-opinion__txt {
  color: #fd4105;
}
.chapter-testimonials-opinion__txt {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
}
.chapter-testimonials-opinion__who {
  text-align: right;
  position: absolute;
  bottom: 35px;
  right: 55px;
}
@media all and (max-width: 1140px) {
  .chapter-testimonials-opinion__who {
    right: 40px;
  }
}
@media all and (max-width: 767px) {
  .chapter-testimonials-opinion__who {
    position: static;
  }
}
.chapter-testimonials-opinion__data {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  margin-right: 25px;
  color: #545b7b;
}
@media all and (max-width: 767px) {
  .chapter-testimonials-opinion__data {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.chapter-testimonials-opinion__name {
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
}
.chapter-testimonials-opinion__job {
  font-family: "robotoregular";
  font-size: 12px;
  font-size: 0.75rem;
}
.chapter-testimonials-opinion__logo {
  display: inline-block;
  vertical-align: top;
}

.chapter-bar {
  padding-top: 80px;
  padding-bottom: 100px;
  background-color: #666;
}
@media all and (max-width: 767px) {
  .chapter-bar .text-left,
  .chapter-bar .text-right {
    text-align: center;
  }
}
.chapter-bar.online-training {
  background-color: #0056af;
}
.chapter-bar.product-demonstration {
  background-color: #fd4105;
}

.chapter-company {
  padding-top: 95px;
}
.chapter-company-title {
  font-family: "robotomedium";
  font-size: 45px;
  font-size: 2.8125rem;
  margin-bottom: 40px;
  color: #292d38;
}

.customer-stories__title {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 22px;
  font-size: 1.375rem;
  color: #5c6273;
  margin-bottom: 25px;
  margin-top: 20px;
}
.customer-stories__single {
  border: 1px solid #efeff2;
  padding: 0 25px 20px;
  margin: 0 15px;
}
@media all and (max-width: 992px) {
  .customer-stories__single {
    margin-bottom: 40px;
  }
}
.customer-stories__single img {
  margin: 40px auto;
}
.customer-stories__single a {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #00afec;
  border: 2px solid #f4f6fb;
  border-radius: 50px;
  padding: 2px 7px;
  transition: box-shadow 0.5s ease;
}
.customer-stories__single a:hover {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.customer-stories__desc {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  color: #545b7b;
  margin-bottom: 30px;
}
.customer-stories__tag span {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  color: #00afec;
  display: inline-block;
  margin: 0 8px 30px;
}
.customer-stories__url {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  color: #00afec;
  border: 2px solid #f4f6fb;
  border-radius: 50px;
  padding: 12px 20px;
  display: block;
  width: 250px;
  margin: 50px auto 95px;
  transition: box-shadow 0.5s ease;
}
.customer-stories__url:hover {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
@media all and (max-width: 992px) {
  .customer-stories__url {
    margin-top: 0;
  }
}

.chapter-product-demo {
  background-color: #f4f6fb;
  padding: 90px 0 95px;
}
.chapter-product-demo__wrap {
  position: relative;
}
.chapter-product-demo__wrap:before {
  background: linear-gradient(to bottom, rgba(221, 225, 233, 0) 0%, rgb(221, 225, 233) 40%, rgb(221, 225, 233) 50%, rgb(221, 225, 233) 60%, rgba(221, 225, 233, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00dde1e9", endColorstr="#00dde1e9",GradientType=0 );
  content: "";
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -0.5px;
}
@media all and (max-width: 992px) {
  .chapter-product-demo__wrap:before {
    display: none;
  }
}
.chapter-product-demo__single.product-demonstration-bg {
  padding: 20px 40px;
}
.chapter-product-demo__single.product-demonstration-bg svg {
  color: #fd4105;
}
.chapter-product-demo__single svg {
  display: block;
  max-width: 50px;
  height: 50px;
  margin: 30px auto 35px;
}
.chapter-product-demo__single .btn-product-demonstration {
  box-shadow: 0px 9px 16px 0px rgba(219, 225, 239, 0.58);
}
.chapter-product-demo__single .btn-product-demonstration:hover {
  box-shadow: 0px 9px 16px 0px rgb(219, 225, 239);
}
.chapter-product-demo__desc {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  margin-bottom: 30px;
  color: #5c6273;
}
.chapter-product-demo__desc strong {
  font-family: "robotoregular";
}
.chapter-product-demo__desc small {
  font-family: "robotoregular";
  font-size: 11px;
  font-size: 0.6875rem;
  color: #a7afc6;
  vertical-align: 5px;
}

.chapter-try-buy {
  padding: 45px 0;
}
.chapter-try-buy blockquote {
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  border: none;
  z-index: 0;
}
.chapter-try-buy-title {
  font-family: "robotoregular";
  font-size: 32px;
  font-size: 2rem;
  position: relative;
  margin: 0 0 20px;
  padding: 20px 35px 0;
  color: #fff;
}
.chapter-try-buy-title:before {
  content: "”";
  position: absolute;
  font-size: 105px;
  line-height: 1;
  height: 50px;
  color: #d43300;
  top: 0;
  left: 0;
  z-index: -1;
}
.chapter-try-buy-signature {
  font-family: "robotoregular";
  font-size: 16px;
  font-size: 1rem;
  padding-right: 35px;
  color: #a32700;
}
.chapter-try-buy.product-demonstration {
  background-color: #fd4105;
}
.chapter-try-buy.product-demonstration .chapter-try-buy-title:before {
  color: #d43300;
}
.chapter-try-buy.product-demonstration .chapter-try-buy-signature {
  color: #d43300;
}
.chapter-try-buy.product-demonstration .btn-default.btn-outline:hover, .chapter-try-buy.product-demonstration .btn-default.btn-outline:focus,
.chapter-try-buy.product-demonstration .btn-default.btn-outline:hover,
.chapter-try-buy.product-demonstration .btn-default.btn-outline:focus {
  color: #fd4105;
}
.chapter-try-buy.online-training {
  background-color: #0056af;
}
.chapter-try-buy.online-training .chapter-try-buy-title:before {
  color: #003871;
}
.chapter-try-buy.online-training .chapter-try-buy-signature {
  color: #003469;
}
.chapter-try-buy.online-training .btn-default.btn-outline:hover, .chapter-try-buy.online-training .btn-default.btn-outline:focus,
.chapter-try-buy.online-training .btn-default.btn-outline:hover,
.chapter-try-buy.online-training .btn-default.btn-outline:focus {
  color: #0056af;
}
.chapter-try-buy .intro-btn {
  margin: 70px 0 0;
}
.chapter-try-buy .intro-btn--closer {
  margin-top: 10px;
}
.chapter-try-buy .intro-btn--free-trial {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
  color: #fff;
}
.chapter-try-buy .intro-btn--desc {
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.chapter-try-buy .intro-btn .btn {
  margin: 0px 15px 15px;
  text-transform: uppercase;
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-slab-v24-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("./fonts/roboto-slab-v24-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-slab-v24-latin-regular.woff2") format("woff2"), url("./fonts/roboto-slab-v24-latin-regular.woff") format("woff"), url("./fonts/roboto-slab-v24-latin-regular.ttf") format("truetype"), url("./fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab") format("svg"); /* Legacy iOS */
}
.chapter-why-clickmeeting {
  background: url(../../images/banner/why.jpg) no-repeat center top #22262f;
  padding: 80px 0;
  color: #fff;
}
.chapter-why-clickmeeting-title {
  font-family: "robotoregular";
  font-size: 45px;
  font-size: 2.8125rem;
}
.chapter-why-clickmeeting .circle-counter h4 {
  font-family: "robotoregular";
  font-size: 50px;
  font-size: 3.125rem;
}
.chapter-why-clickmeeting .circle-counter p {
  font-family: "robotoregular";
}
.chapter-why-clickmeeting blockquote {
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  border: none;
  z-index: 0;
}
.chapter-why-clickmeeting-blockquote-title {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 55px;
  line-height: 3.4375rem;
  font-family: "Roboto Slab", serif;
  position: relative;
  margin: 0 0 40px;
  padding: 20px 60px 0;
  color: #fff;
}
.chapter-why-clickmeeting-blockquote-title:before {
  content: "“";
  position: absolute;
  font-style: normal;
  font-family: Georgia;
  font-weight: bold;
  font-size: 95px;
  line-height: 1;
  height: 50px;
  color: #6bc02f;
  top: 0;
  left: 0;
  z-index: -1;
}
.chapter-why-clickmeeting-blockquote-signature {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  padding-right: 60px;
}
.chapter-why-clickmeeting-product-hunt {
  background: url(../../images/banner/why.jpg) no-repeat center top #22262f;
  background-size: cover;
  padding: 110px 0;
  color: #fff;
}
.chapter-why-clickmeeting-product-hunt-title {
  font-family: "robotoregular";
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 50px;
  line-height: 3.125rem;
}
.chapter-why-clickmeeting-product-hunt .circle-counter h4 {
  font-family: "robotoregular";
  font-size: 50px;
  font-size: 3.125rem;
}
.chapter-why-clickmeeting-product-hunt .circle-counter p {
  font-family: "robotoregular";
}
.chapter-why-clickmeeting-product-hunt-desc {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.chapter-why-clickmeeting-product-hunt-desc strong {
  font-family: "robotobold";
}
.chapter-why-clickmeeting-product-hunt .btn-lg {
  font-family: "robotomedium";
  padding: 12px 60px;
  margin: 0 10px 15px;
  min-width: 218px;
}
.chapter-why-clickmeeting-product-hunt .btn-default {
  border: none;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11);
}

.social-proof {
  position: relative;
  padding: 30px 20px 20px 45px;
  background-color: #fff;
  box-shadow: 2px 8px 15px 0 rgba(165, 171, 198, 0.15);
}
.social-proof:before {
  content: "“";
  top: 23px;
  left: -8px;
  font-style: normal;
  font-family: "Times New Roman";
  font-weight: bold;
  font-size: 60px;
  line-height: 50px;
  height: 30px;
  width: 30px;
  position: absolute;
  color: #6ebe3b;
}
.social-proof-title {
  font-family: "robotoregular";
  margin: 0 0 20px;
  font-size: 18px;
  color: #292d38;
}
.social-proof-body, .social-proof-signature, .social-proof-company {
  font-size: 13px;
  color: #292d38;
}
.social-proof-body {
  margin-bottom: 20px;
}
.social-proof-body strong {
  font-family: "robotoregular";
}
.social-proof-signature {
  margin: 5px 0 0;
}
.social-proof-company {
  color: #5dbe4c;
}
.social-proof-logo {
  height: 30px;
}

.paid-webinars__btn-full {
  min-width: 270px;
  background-color: #ffa32c;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  transition: box-shadow 0.5s ease;
}
.paid-webinars__btn-full:hover {
  box-shadow: 0px 7px 38px 0px rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.paid-webinars__btn-full:focus {
  color: #ffffff;
}

.paid-webinars__btn-empty {
  min-width: 270px;
  margin-left: 30px;
  background-color: transparent;
  color: #ffa32c;
  border: 2px solid #ffa32c;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.125rem;
  transition: box-shadow 0.5s ease;
}
.paid-webinars__btn-empty:hover {
  box-shadow: 0px 7px 38px 0px rgba(0, 0, 0, 0.5);
  color: #ffa32c;
}
.paid-webinars__btn-empty:focus {
  color: #ffa32c;
}
@media all and (max-width: 767px) {
  .paid-webinars__btn-empty {
    display: block;
    margin: 20px 0 0;
  }
}
@media all and (max-width: 767px) {
  .paid-webinars__btn-empty--center {
    display: block;
    margin: 20px auto 0;
  }
}

.paid-webinars-header {
  background-image: url("../../images/landing/paid_webinars/paid_webinars_header.png");
  background-size: cover;
  background-position: center center;
  display: table;
  height: 900px;
}
.paid-webinars-header__content {
  display: table-cell;
  vertical-align: middle;
}
.paid-webinars-header__box h1 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 70px;
  font-size: 4.375rem;
  margin: 0 0 40px;
}
.paid-webinars-header__box p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 35px;
  line-height: 2.1875rem;
  margin-bottom: 90px;
}

.paid-webinars__section {
  padding-top: 85px;
  margin-bottom: 80px;
}
.paid-webinars__text {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  color: #979cb2;
  margin-bottom: 0;
}
.paid-webinars__paids {
  width: 100%;
  max-width: 350px;
  margin: 20px auto 0 !important;
}
.paid-webinars__title {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #545b7b;
  margin-top: 0;
  margin-bottom: 70px;
}
.paid-webinars__steps {
  margin-bottom: 80px;
}
.paid-webinars__steps img {
  display: block;
  margin: 0 auto 40px;
}
.paid-webinars__btns {
  margin-top: -30px;
  padding-bottom: 120px;
}

.paid-promo-label {
  text-transform: uppercase;
  color: #6ebe3b !important;
  position: relative;
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
}
.paid-promo-label--normal {
  color: #6b7183 !important;
  text-transform: capitalize;
}
.paid-promo-label svg {
  max-width: 26px !important;
  height: 26px !important;
  display: inline-block;
  vertical-align: -4px;
  color: #6ebe3b;
}
.paid-promo-label .new,
.paid-promo-label .beta {
  font-size: 12px;
  line-height: 11px;
  text-transform: uppercase;
  padding: 5px;
  color: #fff;
  border-radius: 2px;
  box-shadow: 0px 6px 16px 0px rgba(10, 19, 45, 0.18);
  display: inline-block;
  vertical-align: 5px;
  margin-left: 12px;
}
.paid-promo-label .new {
  background: #ff4200;
}
.paid-promo-label .beta {
  background: #00afec;
}

.welcome-clickmeeting-new {
  background-image: url(../../images/banner/homepage_header.jpg);
  height: 56%;
  min-height: 700px;
}
@media screen and (max-width: 992px) {
  .welcome-clickmeeting-new {
    height: auto !important;
  }
}
.welcome-clickmeeting-new .intro-welcome {
  padding-bottom: 20px;
}
.welcome-clickmeeting-new__title {
  font-size: 42px !important;
  font-size: 2.625rem !important;
  font-family: "robotolight" !important;
  font-weight: 300 !important;
  margin-top: 0;
  position: relative;
}
@media screen and (max-width: 992px) {
  .welcome-clickmeeting-new__title {
    line-height: 50px;
    padding: 0 50px;
  }
}
.welcome-clickmeeting-new__title:before {
  content: "“";
  font-style: normal;
  font-family: "Georgia";
  font-weight: bold;
  font-size: 70px;
  color: #6bc02f;
  position: absolute;
  top: -15px;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .welcome-clickmeeting-new__title:before {
    left: -30px;
  }
}
@media screen and (max-width: 992px) {
  .welcome-clickmeeting-new__title:before {
    left: 0;
  }
}
.welcome-clickmeeting-new__title:after {
  content: "”";
  font-style: normal;
  font-family: "Georgia";
  font-weight: bold;
  font-size: 70px;
  color: #6bc02f;
  position: absolute;
  bottom: -60px;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .welcome-clickmeeting-new__title:after {
    right: -30px;
  }
}
@media screen and (max-width: 767px) {
  .welcome-clickmeeting-new__title:after {
    right: 0;
  }
}
.welcome-clickmeeting-new .no-rotate {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 42px !important;
  font-size: 2.625rem !important;
}
.welcome-clickmeeting-new__subtitle {
  display: block;
  margin-top: 20px;
  font-family: "robotothin";
  font-weight: 200;
  font-size: 20px !important;
  font-size: 1.25rem !important;
  color: #ffffff;
  transition: color 0.5s ease;
  text-align: center;
  text-transform: uppercase;
}
.welcome-clickmeeting-new__subtitle:hover, .welcome-clickmeeting-new__subtitle:focus {
  color: #6bc02f;
  text-decoration: none;
}
.welcome-clickmeeting-new .sliding-vertical {
  width: 181px;
  height: 42px;
}
.welcome-clickmeeting-new__platform {
  margin-top: 55px;
}
.welcome-clickmeeting-new__list-box {
  text-align: left;
  padding-right: 50px;
}
@media screen and (max-width: 992px) {
  .welcome-clickmeeting-new__list-box {
    padding-right: 0;
  }
}
.welcome-clickmeeting-new__list-title {
  font-family: "robotoregular";
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  position: relative;
}
.welcome-clickmeeting-new__list-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 85px;
  height: 2px;
  background-color: #3c414a;
}
.welcome-clickmeeting-new__list {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 50px;
  padding: 0;
  list-style-type: none;
}
.welcome-clickmeeting-new__el {
  margin-bottom: 25px;
  position: relative;
  padding-left: 40px;
}
.welcome-clickmeeting-new__el:before {
  content: url("../../images/homepage/ok-list.png");
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 18px;
  height: 14px;
}
.welcome-clickmeeting-new__el span {
  font-family: "robotobold";
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.welcome-clickmeeting-new__prevideo {
  border: 5px solid #fff;
  height: 300px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .welcome-clickmeeting-new__prevideo {
    height: auto;
  }
}
.welcome-clickmeeting-new__prevideo img {
  width: 100%;
  height: 100%;
}
.welcome-clickmeeting-new__play {
  color: #ffffff;
  font-size: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.welcome-clickmeeting-new__play:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.welcome-clickmeeting-new__play svg {
  width: 30px;
  height: 34px;
  display: block;
  margin-bottom: 10px;
}
.welcome-clickmeeting-new__figcaption {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 14px !important;
  font-size: 0.875rem !important;
  color: #a7afc6 !important;
  margin: 15px 0 0;
  text-align: center;
}

.homepage-free-banner {
  background-color: #292d38;
  padding: 40px 0 25px;
}
.homepage-free-banner__wrapper {
  max-width: 780px;
}
.homepage-free-banner__start {
  font-family: "robotomedium";
  font-size: 24px;
  font-size: 1.5rem;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .homepage-free-banner__start {
    text-align: center;
  }
}
.homepage-free-banner__start span {
  color: #6ebe3b;
}
.homepage-free-banner .help-block {
  margin: 15px 0 0;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}

.company-logos {
  padding-top: 70px !important;
  margin-top: 0 !important;
}
.company-logos__title {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 26px;
  font-size: 1.625rem;
  color: #4e5a7a;
  margin: 0;
}
.company-logos .company-list {
  border-bottom: 1px solid #f4f5f8;
}

.free-banner {
  padding: 90px 0 100px;
  background-color: #fff;
}
.free-banner__wrap {
  border-top: 4px solid #69bf4e;
  box-shadow: 0px 10px 30px 10px rgba(0, 0, 0, 0.05);
  padding: 60px 0 50px;
}
@media screen and (max-width: 767px) {
  .free-banner__wrap {
    padding: 60px 15px 50px;
  }
}
.free-banner__content {
  max-width: 560px;
  margin: 0 auto;
}
.free-banner__content hr {
  margin: 20px auto 30px;
  height: 2px;
  width: 70px;
  background-color: #eff1f5;
  border: 0;
}
.free-banner__title {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 34px;
  font-size: 2.125rem;
  margin: 0;
  color: #48516a;
}
.free-banner__desc {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 50px;
  color: #a7afc6;
}
.free-banner__btns {
  text-transform: uppercase;
}
.free-banner__btns a {
  width: 100%;
  transition: box-shadow 0.5s ease;
  box-shadow: none;
}
.free-banner__btns a:hover {
  box-shadow: 0px 12px 35px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .free-banner__btns a {
    margin-bottom: 25px;
  }
}

.chapter-feature__title {
  margin-bottom: 40px;
}

.tool-works {
  margin-top: 40px;
}
.tool-works h2 {
  font-size: 50px;
  font-size: 3.125rem;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
.tool-works-box {
  background-color: #292d38;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
  padding: 30px 30px 25px 30px;
  margin: 10px 0 30px;
  border-radius: 4px;
  box-shadow: 0px 10px 28.7px 6.3px rgba(167, 175, 198, 0.64);
}
.tool-works-box.facebook {
  background-image: url(../../images/tools/facebook-live-bg.png);
}
.tool-works-box.youtube {
  background-image: url(../../images/tools/youtube-live-bg.png);
}
.tool-works-box .label-tutorial {
  font-family: "robotobold";
  background: #6ebd3c;
  position: absolute;
  width: 110px;
  height: 20px;
  top: 22px;
  margin-left: -30px;
  right: -23px;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tool-works-box h3 {
  font-family: "robotoregular";
  font-size: 26px;
  line-height: 34px;
  margin: 15px 0 25px;
  color: #fff;
}
.tool-works-box .btn {
  text-transform: uppercase;
}

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
.seo-copy {
  position: relative;
  padding: 90px 0;
}
.seo-copy-homepage {
  padding: 80px 0;
}
.seo-copy-homepage-content {
  padding: 0 100px;
}
.seo-copy-homepage h3 {
  font-family: "robotoregular";
  font-size: 26px !important;
  font-size: 1.625rem !important;
  margin-bottom: 30px !important;
}
.seo-copy-homepage ul {
  font-family: "robotoregular";
  font-size: 18px !important;
  font-size: 1.125rem !important;
}
.seo-copy-homepage .list-unstyled.list-file li {
  padding-left: 20px;
}
.seo-copy-video-conferencing:before {
  content: "";
  background: #e5e8f0;
  position: absolute;
  height: 1px;
  top: 0;
  left: 18%;
  right: 18%;
}
@media all and (max-width: 992px) {
  .seo-copy-video-conferencing:before {
    left: 15%;
    right: 15%;
  }
}
@media all and (max-width: 767px) {
  .seo-copy-video-conferencing:before {
    left: 15px;
    right: 15px;
  }
}
.seo-copy-free-signup {
  padding: 0 0 50px;
}
.seo-copy h3 {
  font-family: "robotoregular";
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 20px;
  color: #292d38;
}
.seo-copy p, .seo-copy ul {
  font-family: "robotoregular";
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 25px;
  color: #6b7183;
}
.seo-copy .list-unstyled.list-file li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.seo-copy .list-file-paragraph {
  margin-bottom: 5px;
}

.awards {
  padding: 60px 0 40px;
}
.awards h3 {
  font-family: "robotoregular";
  font-size: 30px;
  font-size: 1.875rem;
  margin: 0 0 25px;
  color: #292d38;
}
.awards h4 {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  color: #6b7183;
  margin: 30px 0;
}
.awards p {
  font-family: "robotoregular";
  font-size: 21px;
  font-size: 1.3125rem;
  margin: 0 0 40px;
  color: #6b7183;
}
.awards-logo {
  height: 130px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.welcome-clickmeeting.version1, .welcome-clickmeeting.version2 {
  background: url(../../images/banner/welcome/welcome-bg.jpg) repeat-x center bottom;
  background-size: contain;
  position: relative;
  display: table;
  padding-top: 110px;
  padding-bottom: 375px;
}
@media (max-width: 767px) {
  .welcome-clickmeeting.version1, .welcome-clickmeeting.version2 {
    padding-bottom: 175px;
  }
}
@media (max-width: 991px) {
  .welcome-clickmeeting.version1, .welcome-clickmeeting.version2 {
    height: 70%;
  }
}
.welcome-clickmeeting.version1 .intro-screen, .welcome-clickmeeting.version2 .intro-screen {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.welcome-clickmeeting.version1 .intro-screen .img-responsive, .welcome-clickmeeting.version2 .intro-screen .img-responsive {
  margin: 0 auto;
}
.welcome-clickmeeting.version1 .intro-screen .scroll-down, .welcome-clickmeeting.version2 .intro-screen .scroll-down {
  display: block;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  cursor: pointer;
  z-index: 1;
}
.welcome-clickmeeting.version1 .intro-screen .scroll-down svg, .welcome-clickmeeting.version2 .intro-screen .scroll-down svg {
  width: 20px;
  height: 20px;
  color: #d0d2d8;
}
.welcome-clickmeeting.version1 .intro-screen-mask, .welcome-clickmeeting.version2 .intro-screen-mask {
  background: url(../../images/banner/welcome/welcome-screen-mask.png) repeat-x center bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 74px;
}
.welcome-clickmeeting.version1 .intro-welcome, .welcome-clickmeeting.version2 .intro-welcome {
  padding: 0;
  z-index: 1;
}
.welcome-clickmeeting.version1 .intro-welcome--blend, .welcome-clickmeeting.version2 .intro-welcome--blend {
  background: none;
}
.welcome-clickmeeting.version1 .intro-welcome h1, .welcome-clickmeeting.version2 .intro-welcome h1 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 78px;
  font-size: 4.875rem;
  color: #1b1f2b;
}
.welcome-clickmeeting.version1 .intro-welcome h2, .welcome-clickmeeting.version2 .intro-welcome h2 {
  font-family: "robotoregular";
  font-size: 26px;
  font-size: 1.625rem;
  color: #1b1f2b;
}
.welcome-clickmeeting.version1 .intro-welcome h2 .sliding-vertical, .welcome-clickmeeting.version2 .intro-welcome h2 .sliding-vertical {
  height: 27px;
}
.welcome-clickmeeting.version1 .intro-welcome p.help-block, .welcome-clickmeeting.version2 .intro-welcome p.help-block {
  margin-top: 20px;
  color: #6b7183;
}
.welcome-clickmeeting.version1 .intro-welcome .input-group, .welcome-clickmeeting.version2 .intro-welcome .input-group {
  border-radius: 25px;
  box-shadow: 0px 9px 24px 0px rgba(135, 146, 178, 0.25);
}
.welcome-clickmeeting.version1 .intro-welcome .input-group .input-lg, .welcome-clickmeeting.version2 .intro-welcome .input-group .input-lg {
  border: none;
  box-shadow: none;
  padding: 11px 15px 11px 25px;
}
.welcome-clickmeeting.version1 .intro-welcome .input-group .btn-lg, .welcome-clickmeeting.version2 .intro-welcome .input-group .btn-lg {
  border: none;
  padding: 13px 35px;
}
@media (max-width: 767px) {
  .welcome-clickmeeting.version1 .intro-welcome .input-group .btn-lg, .welcome-clickmeeting.version2 .intro-welcome .input-group .btn-lg {
    padding: 10px 20px;
  }
}
.welcome-clickmeeting.version1 .intro-welcome .form-try-free .btn-lg.btn-green, .welcome-clickmeeting.version2 .intro-welcome .form-try-free .btn-lg.btn-green {
  padding: 18px 70px;
  box-shadow: 0px 6px 21px 0px rgba(157, 164, 184, 0.29);
}

.panel-pack > .panel-content {
  background: #fff;
  border-radius: 0px;
  transition: all 0.3s ease-in-out;
}
.panel-pack > .panel-content .radio {
  margin: 0;
}
.panel-pack > .panel-content .radio.radio-icon label {
  display: block;
  color: #1d971b;
  padding: 20px 40px 20px 50px;
}
@media (min-width: 991px) and (max-width: 1260px) {
  .panel-pack > .panel-content .radio.radio-icon label {
    padding-left: 37px;
  }
}
@media (max-width: 768px) {
  .panel-pack > .panel-content .radio.radio-icon label {
    padding: 20px 40px;
  }
}
.panel-pack > .panel-content .radio.radio-icon label i.ico-radio {
  top: 20px;
  left: 20px;
  margin-top: 0;
}
@media (min-width: 991px) and (max-width: 1260px) {
  .panel-pack > .panel-content .radio.radio-icon label i.ico-radio {
    left: 12px;
  }
}
@media (max-width: 768px) {
  .panel-pack > .panel-content .radio.radio-icon label i.ico-radio {
    left: 10px;
  }
}
.panel-pack > .panel-content .radio.radio-icon label .price {
  position: absolute;
  top: 24px;
  right: 20px;
  font-size: 38px;
  line-height: 25px;
  font-family: "robotomedium";
  text-align: right;
  color: #1b1f2b;
}
@media (min-width: 991px) and (max-width: 1260px) {
  .panel-pack > .panel-content .radio.radio-icon label .price {
    right: 12px;
  }
}
@media (max-width: 768px) {
  .panel-pack > .panel-content .radio.radio-icon label .price {
    font-size: 28px;
  }
}
.panel-pack > .panel-content .radio.radio-icon label .price-currency {
  font-size: 24px;
  vertical-align: 10px;
}
@media (max-width: 768px) {
  .panel-pack > .panel-content .radio.radio-icon label .price-currency {
    font-size: 18px;
    vertical-align: 0;
  }
}
.panel-pack > .panel-content .radio.radio-icon label .price-desc {
  display: block;
  font-size: 11px;
  color: #6b7183;
  margin-top: 9px;
  width: 120px;
  line-height: 11px;
}
.panel-pack > .panel-content .radio.radio-icon label .title {
  font-family: "robotomedium";
  display: block;
  font-size: 14px;
}
.panel-pack > .panel-content .radio.radio-icon label .title .package {
  display: block;
  font-size: 21px;
}
@media (max-width: 768px) {
  .panel-pack > .panel-content .radio.radio-icon label .title .package {
    font-size: 18px;
  }
}
.panel-pack > .panel-content .radio.radio-icon label .title .badge {
  background: transparent;
  font-weight: normal;
  font-size: 8px;
  vertical-align: 7px;
  margin-left: -3px;
  padding: 0;
  color: #1d971b;
}
.panel-pack > .panel-content .radio.radio-icon label .desc {
  font-family: "robotoregular";
  font-size: 14px;
  display: block;
  color: #6b7183;
  margin-top: 8px;
}
.panel-pack > .panel-content .radio.radio-icon label .desc.first {
  margin-top: 17px;
}
.panel-pack > .panel-content .radio.radio-icon label strong {
  font-family: "robotobold";
}
.panel-pack > .panel-content .radio.radio-icon label .scratch {
  position: relative;
  padding: 0 3px;
}
.panel-pack > .panel-content .radio.radio-icon label .scratch:after {
  background: #f55155;
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.panel-pack:hover, .panel-pack.select {
  position: relative;
  z-index: 1;
}
.panel-pack:hover {
  z-index: 2;
}

/* [ size: 16px ] */
.ico-flag-16 {
  height: 13px;
  width: 16px;
  background: url("../../images/flags/flag_16.png?ver=1") no-repeat 0 0;
}

.ico-flag-16.flag-en,
.ico-flag-16.flag-us {
  background-position: 0 -21px;
}

.ico-flag-16.flag-it {
  background-position: 0 -42px;
}

.ico-flag-16.flag-cn,
.ico-flag-16.flag-zh {
  background-position: 0 -63px;
}

.ico-flag-16.flag-pl {
  background-position: 0 -84px;
}

.ico-flag-16.flag-de {
  background-position: 0 -105px;
}

.ico-flag-16.flag-ru {
  background-position: 0 -126px;
}

.ico-flag-16.flag-fi {
  background-position: 0 -147px;
}

.ico-flag-16.flag-es {
  background-position: 0 -168px;
}

.ico-flag-16.flag-cs {
  background-position: 0 -189px;
}

.ico-flag-16.flag-pt {
  background-position: 0 -210px;
}

.ico-flag-16.flag-fr {
  background-position: 0 -231px;
}

.ico-flag-16.flag-nl {
  background-position: 0 -252px;
}

.ico-flag-16.flag-br {
  background-position: 0 -273px;
}

.ico-flag-16.flag-ch {
  background-position: 0 -294px;
}

/* [ size: 24px ] */
.ico-flag-24 {
  height: 19px;
  width: 24px;
  background: url("../../images/flags/flag_24.png?ver=1") no-repeat 0 0;
}

.ico-flag-24.flag-en,
.ico-flag-24.flag-us {
  background-position: 0 0px;
}

.ico-flag-24.flag-pl {
  background-position: 0 -27px;
}

.ico-flag-24.flag-de {
  background-position: 0 -54px;
}

.ico-flag-24.flag-ru {
  background-position: 0 -81px;
}

.ico-flag-24.flag-es {
  background-position: 0 -108px;
}

.ico-flag-24.flag-fr {
  background-position: 0 -135px;
}

.ico-flag-24.flag-br {
  background-position: 0 -162px;
}

/* [ size: 30px ] */
.ico-flag-30 {
  width: 30px;
  height: 22px;
  background: url("../../images/flags/flag_30.png?ver=1") no-repeat 0 0;
}

.ico-flag-30.flag-en {
  background-position: 0 0;
}

.ico-flag-30.flag-us {
  background-position: 0 -32px;
}

.ico-flag-30.flag-it {
  background-position: 0 -64px;
}

.ico-flag-30.flag-cn,
.ico-flag-30.flag-zh {
  background-position: 0 -96px;
}

.ico-flag-30.flag-pl {
  background-position: 0 -128px;
}

.ico-flag-30.flag-de {
  background-position: 0 -160px;
}

.ico-flag-30.flag-ru {
  background-position: 0 -192px;
}

.ico-flag-30.flag-fi {
  background-position: 0 -223px;
}

.ico-flag-30.flag-es {
  background-position: 0 -255px;
}

.ico-flag-30.flag-cs {
  background-position: 0 -287px;
}

.ico-flag-30.flag-pt {
  background-position: 0 -319px;
}

.ico-flag-30.flag-fr {
  background-position: 0 -351px;
}

.ico-flag-30.flag-nl {
  background-position: 0 -383px;
}

.ico-flag-30.flag-br {
  background-position: 0 -415px;
}

.ico-flag-30.flag-ch {
  background-position: 0 -447px;
}

/* no user select */
.btn-group,
.btn-choice,
.no-user-select,
.hide-check + label,
.disabled,
.disabled-simple,
.blend,
.lock {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.no-user-select [contenteditable] {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

/* [ spinner ] */
.spinner:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  white-space: nowrap;
  box-sizing: border-box;
  background: url("../../images/indicators/loader_default_16.gif") no-repeat 50% 50%; /* fallback */
}

.spinner:not(:required):before {
  background: none;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  border-top-color: #6ebe3b;
  animation: spinner 0.9s linear infinite;
}

.spinner-wrap,
.spinner {
  display: inline-block;
  pointer-events: none;
  position: absolute;
  z-index: 6;
  top: 50%;
  left: 50%;
}

.spinner {
  margin: -7px 0 0 -7px;
  width: 14px;
  height: 14px;
  opacity: 0;
  visibility: hidden;
}

.spinner-wrap .spinner {
  position: static;
  display: block;
  margin: 0 auto 5px;
}

.spinner-wrap {
  line-height: 1.1;
  min-width: 80px;
  text-align: center;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.spinner-avatar:not(:required):before,
.spinner-figure:not(:required):before,
.spinner-social:not(:required):before {
  border-color: rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
}

.spinner-btn:not(:required):before {
  border-color: rgba(255, 255, 255, 0.2);
  border-top-color: rgba(255, 255, 255, 0.8);
}

.avatar[data-loading=true] [data-icon=P],
.figure-wrap .spinner-wrap {
  opacity: 0;
  visibility: hidden;
}

.spinner-info small {
  font-size: 10px;
}

.btn[data-loading=true] .spinner-btn,
.f-holder[data-loading=true] .spinner-addon,
.integrate-state[data-loading=true] .spinner-social,
.figure-wrap[data-loading=true] .figure:before,
.figure-wrap[data-loading=true] .spinner-figure,
.figure-wrap[data-loading=true] .spinner-wrap,
.avatar[data-loading=true]:before,
.avatar[data-loading=true] .spinner-avatar,
.blend[data-loading=true] .spinner-blend,
.table-wrap[data-loading=true] .spinner-table,
.unit[data-loading=true] .spinner-unit {
  opacity: 1;
  visibility: visible;
}

/* [ spinner size ] */
.spinner-size-medium {
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
}

/* [ disabled elements ] */
.disabled-simple, .disabled {
  pointer-events: none;
  opacity: 0.5;
}

.disabled {
  position: relative;
}
.disabled:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}

.disabled-fake:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 100%;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
  opacity: 0.5;
}

/* [ blend ] */
.blend {
  position: relative;
  min-height: 200px;
}
.blend:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(255, 255, 255, 0.7);
}

.blend-transparent:before {
  background: none;
}

.blend-dark:before {
  background: rgba(39, 40, 42, 0.9);
}

.blend-info {
  color: #555;
  text-align: center;
  padding: 50px 23px 15px;
  max-width: 200px;
  /*background:url($src-image + 'indicators/loader_gray_blend_48.gif') no-repeat 50% 15px;*/
  z-index: 31;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blend-info .spinner-blend {
  top: 20px;
  margin: 0 0 0 -10px;
}

.blend .blend-info {
  display: inline-block;
}

body.blend:before {
  position: fixed;
  z-index: 8000;
}

body.blend .blend-info {
  z-index: 8001;
}

.blend-info.blend-info-bg {
  background-color: #f6f6f6;
}

/* [ blend with blur ] */
.blend-blur {
  min-height: inherit;
}

.blend-blur.blend-dark:before {
  background: rgba(179, 179, 179, 0.6);
  opacity: 0.1;
}

.blend-blur .disabled {
  opacity: 0.5;
  filter: blur(4px);
}

.blend-blur .blend-info p {
  margin: 10px 0 0;
}

.blend-info-clear {
  padding: 0;
  /*background-image:none;*/
}

.blend-info-noloading {
  /*background-image:none;*/
  padding-top: 15px;
}

.blend-info-clear .spinner-blend,
.blend-info-noloading .spinner-blend {
  display: none;
}

.blend-blur .blend-info-noloading,
.blend-blur .blend-info-clear {
  color: #606365;
  max-width: 350px;
}

/* [ lock site - needed an extra div ] */
.lock {
  cursor: default;
  position: fixed;
  z-index: 8002;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* [ special layer to propagate events ] */
.propagate {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
}

.dsp-none {
  display: none;
}

.integrate-state .btn-link,
.list-subaccounts .btn {
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
}

.tip,
.helper .ico-close {
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
}

.helper {
  transition: all 0.15s ease-out;
  display: none !important;
}

.float-label {
  transition: opacity 0s ease-in, all 0.15s linear;
}

.social-animate [class*=social-ico-] {
  transition: all 0.9s ease-in-out;
}

.integrate-state .no-integrate svg {
  transition: all 1s ease-in-out;
}

input[type=text],
input[type=number],
input[type=password],
textarea,
.select {
  transition: border 0.15s ease-in-out;
}

/**/
.list-tiles.x-small .unit-circle + h3 {
  font-size: 0;
  opacity: 0;
  margin: 0;
}

.list-tiles.large .unit-circle + h3 {
  opacity: 1;
}

.list-tiles .unit-circle + h3 {
  transition: font-size 0.2s ease-in-out, opacity 0.1s ease-in-out, margin 0.1s ease-in-out;
}

.list-tiles.large .col,
.list-tiles.x-small .col {
  transition: margin 0.6s ease-in-out;
}

.list-tiles.x-small .unit-circle,
.list-tiles.large .unit-circle,
.list-tiles.x-small .unit-circle svg,
.list-tiles.large .unit-circle svg {
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, font-size 0.5s ease-in-out;
}

.alert-dialplan a:hover [data-icon=R] {
  animation: transformation 0.5s ease-in 0.2s infinite alternate;
}

@keyframes transformation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(5px);
  }
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.navbar-lead-generation {
  background: #e41f49;
  background: linear-gradient(to right, #e41f49 0%, #ff8a18 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e41f49", endColorstr="#ff8a18",GradientType=1 );
  transition: padding 0.15s ease-in-out;
}
.navbar-lead-generation-intro {
  display: inline-block;
  border-radius: 45px;
  padding: 0 12px;
  box-shadow: 0px 15px 62px 0px rgba(240, 80, 51, 0.58);
}
.navbar-lead-generation.scroll-indicators {
  position: relative;
  right: auto;
  -ms-transform: none;
  transform: none;
}
.navbar-lead-generation.scroll-indicators li {
  display: inline-block;
  margin: 0;
}
@media (max-width: 767px) {
  .navbar-lead-generation.scroll-indicators li.divider {
    display: none;
  }
}
.navbar-lead-generation .list-lead-generation {
  padding: 12px 0;
}

.top-nav-collapse .navbar-lead-generation {
  display: block;
}

.list-lead-generation {
  margin-bottom: 0;
  padding: 15px 0;
}
.list-lead-generation li a {
  display: inherit;
  border-radius: 20px;
  padding: 4px 12px;
  text-transform: uppercase;
  font-family: "robotomedium";
  font-size: 16px;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.list-lead-generation li a.active, .list-lead-generation li a:hover, .list-lead-generation li a:focus {
  background: #e02934;
  text-decoration: none;
}
.list-lead-generation .divider:before {
  content: "›";
  color: rgba(255, 255, 255, 0.4);
  font-size: 20px;
}
@media (max-width: 767px) {
  .list-lead-generation .divider {
    display: none;
  }
}

.btn-lead-generation, .btn-lead-generation:active {
  font-family: "robotomedium";
  background: #e41f49;
  background: linear-gradient(to right, #e41f49 0%, #ff8a18 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e41f49", endColorstr="#ff8a18",GradientType=1 );
  box-shadow: 0px 11px 29px 0px rgba(241, 83, 49, 0.21);
}
@media all and (max-width: 767px) {
  .btn-lead-generation, .btn-lead-generation:active {
    margin-bottom: 15px;
  }
}
.btn-lead-generation {
  text-transform: uppercase;
  border-width: 0;
  color: #fff;
}
.btn-lead-generation:focus, .btn-lead-generation:hover {
  background: #ef1339;
  background: linear-gradient(to right, #ef1339 0%, #ff5e13 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ef1339", endColorstr="#ff5e13",GradientType=1 );
  box-shadow: 0px 11px 29px 0px rgba(241, 83, 49, 0.4);
  color: #fff;
}
.btn-lead-generation.btn-outline {
  position: relative;
  background: transparent;
  border-color: #ff8a18;
  box-shadow: none;
}
.btn-lead-generation.btn-outline:hover {
  background: #ef1339;
  background: linear-gradient(to right, #ef1339 0%, #ff5e13 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ef1339", endColorstr="#ff5e13",GradientType=1 );
  border-color: transparent;
}
.btn-lead-generation.btn-outline:hover:before {
  content: none;
}
.btn-lead-generation.btn-outline:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #ff8a18;
  border-radius: 30px;
}
.btn-lead-generation-arrow {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 14px;
  height: 14px;
  top: -1px;
  margin-left: 7px;
  font-size: 22px;
  line-height: 10px;
  color: rgba(255, 255, 255, 0.65);
}

.signup-block {
  position: relative;
  margin-top: 45px;
}
@media (max-width: 767px) {
  .signup-block {
    margin-top: 35px;
  }
}
.signup-social p {
  font-family: "robotobold";
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #6b7183;
}
.signup-social .btn-social {
  font-family: "robotomedium";
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #f5f7fa;
  border-radius: 35px;
  padding: 9px 10px;
  color: #1b1f2b;
  text-transform: uppercase;
  margin-top: 20px;
  transition: background-color 0.3s ease-in-out;
  white-space: normal;
}
.signup-social .btn-social:active {
  box-shadow: none;
}
.signup-social .btn-social:focus, .signup-social .btn-social:hover {
  background-color: #e4e9f2;
}
.signup-social .btn-social .svg-fill {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  max-width: 22px;
  height: 22px;
  top: -1px;
  margin-right: 5px;
}
.signup-client p {
  font-family: "robotoregular";
  font-size: 14px;
  color: #5c6273;
}
.signup-client .list-inline {
  margin: 10px 0 50px;
}
.signup-client .list-inline > li {
  padding-left: 2px;
  padding-right: 2px;
}
.signup-client .list-inline .client {
  display: table;
  height: 70px;
  width: 100%;
}
.signup-client .list-inline .client .cell {
  display: table-cell;
  vertical-align: middle;
}
.signup-client .list-inline .client .img-responsive {
  margin: auto;
  max-height: 120px;
}
.signup-client blockquote {
  border: none;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
.signup-client blockquote:before {
  background: url(../../images/free-signup/quotation-mark.png) no-repeat center center;
  content: "";
  position: absolute;
  width: 30px;
  height: 22px;
  left: -24px;
  top: 0;
}
.signup-client blockquote p {
  font-family: "robotolight";
  font-weight: 300;
  font-style: italic;
  line-height: 1.7;
  margin-bottom: 35px;
}
.signup-client blockquote .blockquote-footer {
  border-top: 1px solid #dfe2ea;
  position: relative;
  padding-top: 12px;
  overflow: hidden;
  z-index: 0;
}
.signup-client blockquote .blockquote-footer:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  right: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 17px 57px rgba(41, 45, 56, 0.15);
}
.signup-client blockquote .blockquote-footer .logo {
  width: 115px;
}
.signup-client blockquote .blockquote-footer h4 {
  margin-left: 20px;
  font-size: 14px;
  color: #5c6273;
}
.signup-client blockquote .blockquote-footer h4 small {
  font-size: 12px;
  color: #a7afc6;
}
.signup-client blockquote .blockquote-footer h4 small:before {
  content: none;
}
@media (max-width: 991px) {
  .signup-client blockquote {
    padding-left: 50px;
  }
  .signup-client blockquote:before {
    left: 15px;
  }
}
@media (min-width: 992px) {
  .signup-client {
    padding-right: 60px;
  }
}
.signup-primary {
  display: table;
  width: 100%;
}
@media (min-width: 1200px) {
  .signup-primary-h-100 {
    height: 100%;
  }
}
.signup-primary-info, .signup-primary-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  min-height: 1px;
  width: 100%;
}
@media (min-width: 1200px) {
  .signup-primary-info, .signup-primary-form {
    float: left;
  }
}
.signup-primary-info {
  background: linear-gradient(135deg, #eef1f7 0%, #ffffff 100%);
  padding: 60px 50px 95px;
}
@media (max-width: 767px) {
  .signup-primary-info {
    padding: 45px 32px;
  }
}
@media (min-width: 1200px) {
  .signup-primary-info {
    width: 480px;
  }
  .signup-primary-info-pull {
    right: calc(100% - 480px);
  }
}
.signup-primary-info-brand {
  margin-bottom: 60px;
  display: none;
}
@media (min-width: 1200px) {
  .signup-primary-info-brand {
    display: block;
  }
}
.signup-primary-info-brand svg {
  width: 208px;
  height: 45px;
}
.signup-primary-info-desc h2 {
  font-family: "robotobold";
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 35px;
  margin-top: 0;
  margin-bottom: 40px;
  color: #1b1f2b;
}
@media (max-width: 767px) {
  .signup-primary-info-desc h2 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.signup-primary-info-desc ul li {
  font-family: "robotoregular";
  font-size: 17px;
  font-size: 1.0625rem;
  position: relative;
  margin-bottom: 15px;
  padding: 5px 0 5px 30px;
  color: #6b7183;
}
@media (max-width: 767px) {
  .signup-primary-info-desc ul li {
    font-family: "robotomedium";
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.signup-primary-info-desc ul li svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 0;
  color: #48a90c;
}
@media (max-width: 767px) {
  .signup-primary-info-desc ul li svg {
    top: 3px;
  }
}
.signup-primary-info-awards {
  margin-top: auto;
}
.signup-primary-info-awards h3 {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  margin-bottom: 15px;
  color: #6b7183;
}
@media (max-width: 767px) {
  .signup-primary-info-awards h3 {
    font-family: "robotomedium";
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.signup-primary-info-awards ul {
  text-align: center;
  margin-bottom: 0;
}
.signup-primary-info-awards ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 15px 15px 0;
}
@media (min-width: 768px) {
  .signup-primary-info-awards ul li:first-child {
    margin-left: 0;
  }
  .signup-primary-info-awards ul li:last-child {
    margin-right: 0;
  }
}
.signup-primary-info-awards ul li img {
  width: 68px;
}
.signup-primary-form {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 100px 15px;
}
@media (min-width: 1200px) {
  .signup-primary-form {
    width: calc(100% - 480px);
  }
  .signup-primary-form-push {
    left: 480px;
  }
}
@media (max-width: 767px) {
  .signup-primary-form {
    padding: 25px 15px 50px;
  }
}
.signup-primary-form-wrapper {
  max-width: 500px;
  padding: 0 15px;
  margin: auto;
}
.signup-primary-form-brand {
  margin-bottom: 40px;
  display: block;
  text-align: center;
}
@media (min-width: 1200px) {
  .signup-primary-form-brand {
    display: none;
  }
}
@media (max-width: 767px) {
  .signup-primary-form-brand {
    margin-bottom: 15px;
  }
}
.signup-primary-form-brand svg {
  width: 208px;
  height: 45px;
}
@media (max-width: 767px) {
  .signup-primary-form-brand svg {
    width: 120px;
    height: 25px;
  }
}
@media (max-width: 1199px) {
  .signup-primary-form-header {
    text-align: center;
  }
}
.signup-primary-form-header h1 {
  font-family: "robotobold";
  font-size: 28px;
  font-size: 1.75rem;
  margin-top: 0;
  color: #1b1f2b;
}
@media (max-width: 767px) {
  .signup-primary-form-header h1 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 8px;
  }
}
.signup-primary-form-header h4 {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 0;
  color: #6b7183;
}
@media (max-width: 767px) {
  .signup-primary-form-header h4 {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.signup-primary-form .info-block .info {
  background-color: transparent;
  border: none !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  margin-top: -1px;
  line-height: 1.2;
}
.signup-primary-form .info-block .info:hover {
  background-color: transparent;
  color: #009ac4;
}
.signup-primary-form .info-block .info svg {
  width: 20px;
  height: 20px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .signup-primary-form .form-group {
    margin-bottom: 30px;
  }
  .signup-primary-form .form-group .error-info {
    top: 40px;
  }
  .signup-primary-form .form-control {
    height: 35px;
    padding: 10px 46px 10px 10px;
  }
  .signup-primary-form .form-control-feedback {
    height: 35px;
  }
}
.signup-primary-form .form-basic.recaptcha {
  margin: 10px 0 0;
  height: 80px;
}
.signup-primary-form-button {
  margin-top: 25px;
}
.signup-primary-form-button .btn-signup-free {
  position: relative;
  font-family: "robotomedium";
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  padding: 14px 18px;
  border-radius: 30px;
  background-color: #48a90c;
  color: #fff;
  transition: background-color 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .signup-primary-form-button .btn-signup-free {
    font-size: 16px;
    font-size: 1rem;
    padding: 12px 18px;
  }
}
.signup-primary-form-button .btn-signup-free:active {
  box-shadow: none;
}
.signup-primary-form-button .btn-signup-free:focus, .signup-primary-form-button .btn-signup-free:hover {
  background-color: #399202;
}
.signup-primary-form .language {
  position: absolute;
  top: 35px;
  right: 30px;
  text-transform: uppercase;
  text-align: center;
  width: 100px;
}
@media (max-width: 767px) {
  .signup-primary-form .language {
    top: 25px;
    right: 10px;
  }
}
.signup-primary-form .language .dropdown-toggle {
  font-family: "robotomedium";
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline-block;
  position: relative;
  z-index: 1001;
  padding: 0 0 0 25px;
  color: #1b1f2b;
}
.signup-primary-form .language .dropdown-toggle:hover, .signup-primary-form .language .dropdown-toggle:focus {
  text-decoration: none;
}
.signup-primary-form .language .dropdown-toggle svg {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  margin-top: -9px;
  color: #ccd0dc;
  stroke-width: 1;
}
.signup-primary-form .language .dropdown-toggle .caret {
  margin-left: 5px;
}
.signup-primary-form .language .dropdown-menu {
  font-family: "robotomedium";
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 0;
  min-width: 100px;
  padding: 55px 10px 12px;
  border-radius: 30px;
  box-shadow: 0px 0px 62px 0px rgba(207, 214, 231, 0.4);
  top: -20px;
}
.signup-primary-form .language .dropdown-menu:before {
  content: none;
}
.signup-primary-form .language .dropdown-menu > li > a {
  position: relative;
  border-radius: 15px;
  padding: 4px 25px;
  margin: 2px 0;
  text-align: center;
  color: #1b1f2b;
}
.signup-primary-form .language .dropdown-menu > li > a svg {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 8px;
  margin-top: -5px;
}
.signup-campaign h2 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 40px;
  font-size: 2.5rem;
  color: #292d38;
  margin-top: 20px;
  margin-bottom: 10px;
}
.signup-campaign .free-days {
  font-size: 21px;
  font-size: 1.3125rem;
  color: #6b7183;
}
.signup-campaign .clickmeeting-logo svg {
  height: 41px;
}
.signup-campaign .signup-form .btn {
  margin: 20px 0px;
  text-transform: uppercase;
}
.signup-campaign .signup-form .btn.btn-green.btn-lg {
  padding: 14px 25px;
  min-width: 230px;
}
.signup-campaign .signup-form .btn.btn-signup-facebook, .signup-campaign .signup-form .btn.btn-signup-google {
  position: relative;
  padding: 7px 10px 7px 30px;
  font-size: 12px;
  min-width: 110px;
  transition: all 0.3s ease-in-out;
}
.signup-campaign .signup-form .btn.btn-signup-facebook svg, .signup-campaign .signup-form .btn.btn-signup-google svg {
  position: absolute;
  max-width: 18px;
  height: 18px;
  top: 50%;
  margin-top: -9px;
  left: 14px;
}
.signup-campaign .signup-form .btn.btn-signup-google svg.top, .signup-campaign .signup-form .btn.btn-signup-google:hover svg.bottom {
  opacity: 0;
}
.signup-campaign .signup-form .btn.btn-signup-google:hover svg.top,
.signup-campaign .signup-form .btn.btn-signup-google svg.bottom {
  opacity: 1;
}
.signup-campaign .signup-form .or-signup-with {
  font-size: 11px;
  color: #a7afc6;
}
.signup-campaign .signup-form p small {
  font-size: 9px;
  color: #a7afc6;
}
.signup-campaign .signup-form p.terms {
  line-height: 1;
}
.signup-campaign .signup-form .form-group {
  margin-bottom: 25px;
}
.signup-campaign .signup-form .form-basic.form-animate label {
  background-color: transparent;
  font-family: "robotoregular";
}
.signup-campaign .signup-form .form-basic.form-animate label.float {
  top: 5px;
}
.signup-campaign .signup-form .form-control {
  font-family: "robotoregular";
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: #e0e3eb;
  border-width: 0 0 1px;
  border-radius: 0;
  box-shadow: none;
  height: 40px;
}
.signup-campaign .signup-form .form-control:hover {
  border-color: #a7afc6;
}
.signup-campaign .signup-form .form-control:focus {
  border-color: #6ebe3b;
}
.signup-campaign .signup-form .form-control::-moz-placeholder, .signup-campaign .signup-form .form-control:-ms-input-placeholder, .signup-campaign .signup-form .form-control::-webkit-input-placeholder {
  color: #a7afc6;
}
.signup-campaign .signup-form .form-control-icon {
  height: 40px;
}
.signup-campaign .signup-form .form-control-icon svg {
  width: 20px;
  stroke-width: 1.2;
}
.signup-campaign .signup-form .form-control-feedback {
  height: 40px;
}
.signup-campaign .signup-form .info-block .accountname {
  font-family: "robotoregular";
  font-size: 9px;
  color: #c1c4cc;
}
.signup-campaign .signup-form .info-block .accountname strong {
  font-family: "robotomedium";
  font-weight: normal;
}
.signup-campaign .signup-form .info-block .info {
  background-color: transparent;
  border: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 15px;
  margin-top: -1px;
  line-height: 1.2;
}
.signup-campaign .signup-form .info-block .info:hover {
  background-color: transparent;
  color: #009ac4;
}
.signup-campaign .signup-form .info-block .info svg {
  width: 14px;
  height: 14px;
  pointer-events: none;
}
@media (min-width: 992px) {
  .signup-campaign .signup-form {
    padding-left: 60px;
  }
}
.signup-campaign-section {
  background-color: #272c38;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0 50px;
}
.signup-campaign-section.apple {
  background-image: url(../../images/banner/free-signup/promo-bg.jpg);
}
.signup-campaign-section.christmas2017 {
  background-image: url(../../images/banner/free-signup/christmas2017-bg.jpg);
}
.signup-campaign-section.wmerx {
  background-image: url(../../images/banner/free-signup/wmerx-bg.jpg);
  background-position: center 50px;
}
.signup-campaign-modal {
  background-color: rgba(40, 45, 56, 0.87);
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.signup-campaign-modal .close-modal {
  margin-top: 0;
  top: -40px;
}
@media (max-width: 991px) {
  .signup-campaign-modal .close-modal svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 992px) {
  .signup-campaign-modal .close-modal {
    right: -50px;
    top: -40px;
  }
}
@media (min-width: 1260px) {
  .signup-campaign-modal .close-modal {
    right: -135px;
    top: -65px;
  }
  .signup-campaign-modal .close-modal svg {
    color: #fff !important;
  }
  .signup-campaign-modal .close-modal:hover svg {
    opacity: 0.9;
  }
}
.signup-campaign .container {
  background: #fff;
  padding-top: 65px;
  padding-bottom: 20px;
  box-shadow: 0 17px 57px rgba(41, 45, 56, 0.42);
}
@media (min-width: 1260px) {
  .signup-campaign .container {
    width: 945px;
  }
}
@media (min-width: 992px) {
  .signup-campaign .container {
    width: 945px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .signup.small .signup-primary-info {
    padding: 40px 50px 75px;
  }
  .signup.small .signup-primary-info-brand {
    margin-bottom: 20px;
  }
  .signup.small .signup-primary-info-desc h2 {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 20px;
  }
  .signup.small .signup-primary-info-awards {
    margin-top: 20px;
  }
  .signup.small .signup-primary-form {
    padding: 50px 15px;
  }
  .signup.small .signup-primary-form .language {
    top: 15px;
  }
  .signup.small .signup-primary-form .error-info {
    width: 170px;
    right: -175px;
  }
  .signup.small .signup-primary-form-wrapper {
    padding-top: 65px;
    max-width: 400px;
    position: relative;
  }
  .signup.small .signup-primary-form-header {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
  }
  .signup.small .signup-primary-form-header h1, .signup.small .signup-primary-form-header h4 {
    white-space: nowrap;
  }
  .signup.small .signup-primary-form-button {
    margin-top: 10px;
  }
  .signup.small .signup-block {
    margin-top: 25px;
  }
  .signup.small .signup-form .form-group {
    margin-bottom: 20px;
  }
  .signup.small .signup-form .form-group.recaptcha {
    margin-bottom: 10px;
  }
  .signup.small .signup-social .col-sm-6 {
    width: 100%;
  }
}

.webinar-bar {
  height: 85px;
  margin-bottom: -10px;
  z-index: 1031;
  transition: background-image 0.5s ease-in-out, margin-top 0.2s ease-in-out;
}
.webinar-bar-bg {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 75px;
  z-index: 2;
  cursor: pointer;
}
.webinar-bar-shadow {
  background: #fdc300;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 75px;
  z-index: 1;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}
.webinar-bar-hide {
  padding-top: 35px;
}
.webinar-bar-hide.top-nav-collapse {
  padding: 0;
}
.webinar-bar.hide-webinar {
  margin-top: -75px;
}
.webinar-bar.hide-webinar .webinar-bar-bg,
.webinar-bar.hide-webinar .webinar-bar-shadow {
  display: none;
}
.webinar-bar-fixed {
  width: 100%;
  height: 75px;
}
@media (max-width: 1259px) {
  .webinar-bar {
    height: 87px;
  }
  .webinar-bar-bg {
    height: 77px;
  }
  .webinar-bar-shadow {
    height: 77px;
  }
  .webinar-bar.hide-webinar {
    margin-top: -77px;
  }
  .webinar-bar-fixed {
    height: 77px;
  }
}
@media (max-width: 767px) {
  .webinar-bar {
    height: 177px;
  }
  .webinar-bar-bg {
    height: 167px;
  }
  .webinar-bar-shadow {
    height: 167px;
  }
  .webinar-bar.hide-webinar {
    margin-top: -167px;
  }
  .webinar-bar-fixed {
    height: 167px;
  }
}

.promo-bar {
  position: relative;
  height: 85px;
  margin-bottom: -10px;
  z-index: 1031;
  transition: background-image 0.5s ease-in-out, margin-top 0.2s ease-in-out;
}
.promo-bar-bg {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 75px;
  z-index: 2;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .promo-bar-bg {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.promo-bar-bg.product-demo {
  background: #6ebe3b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 10px 0;
  cursor: auto;
}
.promo-bar-bg.product-demo p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 10px 5px;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  line-height: 1;
}
.promo-bar-bg.product-demo p small {
  font-family: "robotoregular";
  font-size: 11px;
  font-size: 0.6875rem;
  color: #e0ffcc;
}
.promo-bar-bg.product-demo p strong {
  background: #60af2e;
  border-radius: 3px;
  padding: 3px 10px;
  white-space: nowrap;
}
.promo-bar-bg.product-demo .btn-product-demo {
  margin: 0 10px;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0px 9px 16px 0px rgba(127, 31, 0, 0.58);
}
.promo-bar-shadow {
  background: #fdc300;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 75px;
  z-index: 1;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}
.promo-bar-hide {
  padding-top: 35px;
}
.promo-bar-hide.top-nav-collapse {
  padding: 0;
}
.promo-bar.hide-promo {
  margin-top: -75px;
}
.promo-bar.hide-promo .promo-bar-bg,
.promo-bar.hide-promo .promo-bar-shadow {
  display: none;
}
.promo-bar-fixed {
  width: 100%;
  height: 75px;
}
.promo-bar__content {
  font-family: "robotomedium";
  font-size: 35px;
  font-size: 2.1875rem;
  color: #fff;
  margin: 0 40px 0 0;
}
@media (max-width: 1259px) {
  .promo-bar__content {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .promo-bar__content {
    margin: 0 0 10px 0;
    font-size: 25px;
    line-height: 25px;
  }
}
.promo-bar__btn {
  font-family: "robotobold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  display: inline-block;
  color: #fff;
  padding: 15px 30px;
  border-radius: 50px;
  text-align: center;
  text-transform: uppercase;
  margin-left: 40px;
}
@media (max-width: 1259px) {
  .promo-bar__btn {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .promo-bar__btn {
    margin-top: 10px;
    margin-left: 0;
  }
}
@media (max-width: 1259px) {
  .promo-bar {
    height: 85px;
  }
  .promo-bar-bg {
    height: 75px;
  }
  .promo-bar-shadow {
    height: 75px;
  }
  .promo-bar.hide-promo {
    margin-top: -75px;
  }
  .promo-bar-fixed {
    height: 75px;
  }
}
@media (max-width: 767px) {
  .promo-bar {
    height: 177px;
  }
  .promo-bar-bg {
    height: 167px;
  }
  .promo-bar-shadow {
    height: 167px;
  }
  .promo-bar.hide-promo {
    margin-top: -167px;
  }
  .promo-bar-fixed {
    height: 167px;
  }
}
.promo-banner-order {
  background-image: url("../../images/promotions/summer2017/promo-banner-order-en.jpg");
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fec601;
  background-size: contain;
  height: 196px;
  margin: 0px auto;
}
.promo-order-bar {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  height: 75px;
  margin: 50px auto 0;
  overflow-x: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .promo-order-bar {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 1259px) {
  .promo-order-bar {
    height: 75px;
  }
}
@media (max-width: 767px) {
  .promo-order-bar {
    height: 167px;
    overflow: inherit;
  }
  .promo-order-bar .counter {
    bottom: -132px;
  }
}
.promo-pricing-bar {
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  height: 75px;
  margin: 51px auto 0;
}
@media (max-width: 1259px) {
  .promo-pricing-bar {
    height: 75px;
  }
}
@media (max-width: 767px) {
  .promo-pricing-bar {
    height: 192px;
  }
}
.promo-banner-pricing {
  background-image: url("../../images/promotions/summer2017/promo-banner-pricing-en.jpg");
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fec200;
  height: 90px;
}
.promo-banner-pricing.en {
  background-image: url("../../images/promotions/summer2017/promo-banner-pricing-en.jpg");
}
.promo-banner-pricing.pl {
  background-image: url("../../images/promotions/summer2017/promo-banner-pricing-pl.jpg");
}
.promo-banner-pricing.ru {
  background-image: url("../../images/promotions/summer2017/promo-banner-pricing-ru.jpg");
}
.promo-banner-pricing.es {
  background-image: url("../../images/promotions/summer2017/promo-banner-pricing-es.jpg");
}
.promo-banner-pricing.de {
  background-image: url("../../images/promotions/summer2017/promo-banner-pricing-de.jpg");
}
.promo-banner-pricing.fr {
  background-image: url("../../images/promotions/summer2017/promo-banner-pricing-fr.jpg");
}
@media (max-width: 1259px) {
  .promo-banner-pricing {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-1260-en.jpg");
    height: 75px;
  }
  .promo-banner-pricing.en {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-1260-en.jpg");
  }
  .promo-banner-pricing.pl {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-1260-pl.jpg");
  }
  .promo-banner-pricing.ru {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-1260-ru.jpg");
  }
  .promo-banner-pricing.es {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-1260-es.jpg");
  }
  .promo-banner-pricing.de {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-1260-de.jpg");
  }
  .promo-banner-pricing.fr {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-1260-fr.jpg");
  }
}
@media (max-width: 767px) {
  .promo-banner-pricing {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-768-en.jpg");
    height: 196px;
  }
  .promo-banner-pricing.en {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-768-en.jpg");
  }
  .promo-banner-pricing.pl {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-768-pl.jpg");
  }
  .promo-banner-pricing.ru {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-768-ru.jpg");
  }
  .promo-banner-pricing.es {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-768-es.jpg");
  }
  .promo-banner-pricing.de {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-768-de.jpg");
  }
  .promo-banner-pricing.fr {
    background-image: url("../../images/promotions/summer2017/promo-banner-order-bar-768-fr.jpg");
  }
}
.promo-banner-order a:hover,
.promo-banner-order a:focus, .promo-banner-pricing a:hover,
.promo-banner-pricing a:focus {
  text-decoration: none !important;
}
.promo-bar-bg .counter, .promo-order-bar .counter {
  position: relative;
  right: -294px;
  bottom: -8px;
}
.promo-bar-bg .counter .val, .promo-order-bar .counter .val {
  font-size: 26px;
  padding: 1px 8px;
  line-height: 41.6px;
}
@media (max-width: 1259px) {
  .promo-bar-bg .counter, .promo-order-bar .counter {
    right: -74px;
    bottom: -78px;
  }
}
@media (max-width: 767px) {
  .promo-bar-bg .counter, .promo-order-bar .counter {
    right: 0;
    bottom: -158px;
  }
}
.promo-attendee-bar {
  background: #6ebe3b;
  margin: 50px auto 0;
}
.promo-attendee-bar__content {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 15px 0 15px 50px;
  color: #fff;
}
.promo-attendee-bar__content svg {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1d981b;
}
.promo-attendee-bar__content strong {
  font-family: "robotobold";
}
.promo-attendee-bar.show-promo {
  margin-top: 0;
}

.promo-bar-bg {
  background: url("../../images/promotions/webinar_flywheel/promo-bar.jpg") no-repeat center center #11204e;
}
@media (max-width: 1259px) {
  .promo-bar-bg {
    background-image: url("../../images/promotions/webinar_flywheel/promo-bar-1260.jpg");
  }
}
@media (max-width: 767px) {
  .promo-bar-bg {
    background-image: url("../../images/promotions/webinar_flywheel/promo-bar-768.jpg");
  }
}
.promo-bar-webinar-flywheel-fixed {
  width: 100%;
  height: 75px;
}
@media (max-width: 767px) {
  .promo-bar-webinar-flywheel-fixed {
    height: 167px;
  }
}
.promo-bar__content {
  font-family: "robotomedium";
  font-size: 24px;
  font-size: 1.5rem;
  padding: 0 15px;
  margin-right: 15px;
}
@media (max-width: 1259px) {
  .promo-bar__content {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .promo-bar__content {
    font-size: 24px;
    font-size: 1.5rem;
    margin-right: 0;
    text-align: center;
  }
}
.promo-bar__btn {
  font-size: 18px;
  font-size: 1.125rem;
  background-color: #ff1e81;
  padding: 15px 30px;
  margin-left: 0;
}

@media (min-width: 992px) {
  .navbar.bar-webinar-flywheel-show {
    padding-top: 0;
  }
}
.banner-hp {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  position: relative;
  height: 75px;
  z-index: 1;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .banner-hp {
    height: 167px;
  }
}
.banner-hp__link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.banner-hp__link:hover, .banner-hp__link:focus {
  text-decoration: none;
}
.banner-hp__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .banner-hp__content {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.banner-hp__desc {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #fff;
}
@media (max-width: 767px) {
  .banner-hp__desc {
    margin-bottom: 15px;
  }
}
.banner-hp__head {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
}
@media (max-width: 992px) {
  .banner-hp__head {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .banner-hp__head {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 15px;
    margin-right: 20px;
    text-align: right;
    font-size: 16px;
    width: 180px;
  }
}
.banner-hp__counter {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-top: 5px;
  margin-right: 30px;
}
@media (max-width: 992px) {
  .banner-hp__counter {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .banner-hp__counter {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.banner-hp .h-100 {
  height: 100%;
}
.banner-hp--order {
  margin-top: 50px;
}

.btn-banner {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-color: #6ebe3b;
  border-color: #6ebe3b;
  color: #fff;
  padding: 7px 11px;
}

.counter__number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2px;
}
.counter__val {
  background-color: #6ebe3b;
  padding: 3px 5px;
  border-radius: 4px;
  margin: 0 0.5px;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  width: 34px;
  color: #fff;
  font-family: "robotobold";
}
.counter__label {
  font-size: 1.25rem;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "robotomedium";
}
.counter-xs .counter__val {
  width: 24px;
  padding: 2px 3px;
  font-size: 1.25rem;
}
.counter-xs .counter__label {
  font-size: 0.875rem;
}

.banner-feature {
  background-color: #eef1f7;
  height: 75px;
  margin-bottom: 0;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}
.banner-feature .h-100 {
  height: 100% !important;
}
.banner-feature .align-items-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.banner-feature .col {
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding: 0 15px;
}
@media only screen and (max-width: 768px) {
  .banner-feature {
    height: 167px;
  }
  .banner-feature .container {
    max-width: 350px;
  }
}
.banner-feature__link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.banner-feature__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .banner-feature__content {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px;
  }
}
.banner-feature__desc {
  position: relative;
  padding-left: 45px;
  color: #1b1f2b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.banner-feature__desc h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "robotomedium";
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (max-width: 992px) {
  .banner-feature__desc h6 {
    font-size: 15px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .banner-feature__desc h6 {
    font-size: 16px;
    line-height: 20px;
  }
}
.banner-feature__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .banner-feature__wrap {
    margin-bottom: 10px;
  }
}
.banner-feature__icon {
  stroke-width: 2;
  stroke: #6ebe3b;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .banner-feature__icon {
    width: 25px;
    height: 25px;
  }
}
.banner-feature__new {
  background-color: #00afec;
  color: #fff;
  font-size: 9px;
  font-family: "robotomedium";
  text-transform: uppercase;
  padding: 6px 4px;
  border-radius: 3px;
  margin-left: 12px;
  line-height: 8px;
}
.banner-feature .btn-banner {
  padding: 10px 20px;
  margin-left: 15px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-color: #008ec5;
  border-color: #008ec5;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  transition-duration: 0.5s;
}
.banner-feature .btn-banner:hover {
  box-shadow: 0px 7px 10px 0px rgba(41, 45, 56, 0.3);
}
@media only screen and (max-width: 992px) {
  .banner-feature .btn-banner {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .banner-feature .btn-banner {
    margin-left: 0;
  }
}
.banner-feature-fixed {
  width: 100%;
  height: 75px;
}
@media (max-width: 767px) {
  .banner-feature-fixed {
    height: 167px;
  }
}

.landing {
  padding: 100px 0px;
  position: relative;
}
.landing-bg {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  width: 50%;
  height: 190%;
  position: absolute;
  top: 50px;
  right: 0;
}
.landing-bg.sales {
  background-image: url(../../images/landing/onboarding-stories/sales-bg.png);
}
.landing-bg.education {
  background-image: url(../../images/landing/onboarding-stories/education-bg.png);
}
.landing-bg.hr {
  background-image: url(../../images/landing/onboarding-stories/hr-bg.png);
}
.landing-bg.lifestyle {
  background-image: url(../../images/landing/onboarding-stories/lifestyle-bg.png);
}
@media (max-width: 991px) {
  .landing-bg {
    background-color: #fff;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 400px;
    margin-top: 60px;
    margin-bottom: -100px;
  }
}
.landing-header {
  background-color: #f4f6fb;
  padding-top: 150px;
}
.landing-header h2 {
  font-family: "robotobold";
  font-size: 70px;
  font-size: 4.375rem;
  margin: 0;
  color: #292d38;
}
.landing-header .label-academy {
  font-family: "robotobold";
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #bbc2d5;
}
.landing-intro {
  height: 230px;
  display: table;
  width: 100%;
}
.landing-intro p {
  font-size: 32px;
  font-size: 2rem;
  font-family: "Lora", serif;
  font-weight: bold;
  color: #18361f;
  margin-bottom: 0;
}
.landing-intro p span {
  color: #ca9c32;
  border-bottom: 2px solid #ca9c32;
}
.landing-content {
  position: relative;
}
.landing .box {
  border: 1px solid transparent;
  padding-left: 120px;
  position: relative;
}
.landing .box-btn {
  margin-top: 30px;
}
.landing .box-btn .btn {
  text-transform: uppercase;
}
.landing .box-title {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  z-index: 1;
}
.landing .box-title .other-stories {
  font-family: "robotomedium";
  position: absolute;
  right: 0;
  bottom: -20px;
  text-transform: uppercase;
}
.landing .box-title .other-stories:focus, .landing .box-title .other-stories.focus {
  text-decoration: none;
}
.landing .box-title .other-stories:hover {
  text-decoration: underline;
}
.landing .box-title .other-stories.sales {
  color: #ff9d1e;
}
.landing .box-title .other-stories.education {
  color: #71c23e;
}
.landing .box-title .other-stories.hr {
  color: #00baf4;
}
.landing .box-title .other-stories.lifestyle {
  color: #ea5462;
}
.landing .box .spot {
  position: absolute;
  width: 110px;
  top: 0;
  left: 0;
  bottom: 0;
}
.landing .box .spot-svg, .landing .box .spot-circle {
  font-family: "robotobold";
  font-size: 26px;
  font-size: 1.625rem;
  background-color: #666;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 21px;
  padding: 14px 0;
  color: #fff;
  border-radius: 50%;
}
.landing .box .spot-svg {
  top: 50%;
  margin-top: -55px;
  left: 50%;
  margin-left: -55px;
  width: 110px;
  height: 110px;
}
.landing .box .spot-svg svg {
  position: absolute;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  top: 50%;
  margin-left: -25px;
  left: 50%;
}
.landing .box .spot-sales {
  background-color: #ff9d1e;
}
.landing .box .spot-education {
  background-color: #71c23e;
}
.landing .box .spot-hr {
  background-color: #00baf4;
}
.landing .box .spot-lifestyle {
  background-color: #ea5462;
}
.landing .box .spot-divider {
  border-left: 3px dashed #e8ecf6;
  position: absolute;
  top: 10px;
  bottom: 10px;
  width: 1px;
  margin-left: -2px;
  left: 50%;
}
.landing .box .spot-divider.header {
  top: 155px;
  bottom: -214px;
  z-index: 1;
}
.landing .box h3 {
  font-family: "robotobold";
  font-size: 34px;
  font-size: 2.125rem;
  margin: 30px 0;
  color: #292d38;
}
.landing .box p {
  font-size: 16px;
  font-size: 1rem;
  margin: 10px 0 20px;
  line-height: 1.8;
  color: #7f879e;
}

@media (max-width: 991px) {
  .landing {
    padding: 60px 0px;
  }
  .landing-header {
    padding-top: 110px;
  }
  .landing-header h2 {
    font-size: 42px;
    font-size: 2.625rem;
  }
  .landing-header .label-academy {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .landing .box {
    padding-left: 80px;
  }
  .landing .box-title {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .landing .box-title .other-stories {
    font-size: 12px;
    font-size: 0.75rem;
    bottom: -15px;
  }
  .landing .box .spot {
    width: 70px;
  }
  .landing .box .spot-svg {
    margin-top: -35px;
    margin-left: -35px;
    width: 70px;
    height: 70px;
  }
  .landing .box .spot svg {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
  }
  .landing .box-sm {
    padding-left: 10px;
  }
  .landing .box-sm .spot {
    display: none;
  }
  .landing .box-sm h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .landing .box .spot-divider.header {
    display: none;
  }
}
.automated-webinars--landing, .video-conefrencing .customer-large, .video-conefrencing .customer-small, .video-conefrencing .video-streaming__mobile, .video-conefrencing .online-courses-step, .video-conefrencing .room-chat__avatar, .video-conefrencing .multi-video-wrapper__area--ds, .video-conefrencing .multi-video-wrapper__area--streaming, .video-conefrencing .multi-video-wrapper, .video-conefrencing--landing .video-wrapper {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.video-conefrencing .customer-large .more, .video-conefrencing .customer-main__buttons .more {
  background-color: transparent;
  color: #fff;
  font-family: "robotomedium";
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  padding: 13px;
  border: 2px solid #fff;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.video-conefrencing .customer-large .more:hover, .video-conefrencing .customer-main__buttons .more:hover {
  background-color: #fff;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-large .more, .video-conefrencing .customer-main__buttons .more {
    font-family: "robotomedium";
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 10px;
    line-height: 0.625rem;
    padding: 8px;
  }
}

.video-conefrencing .customer-large .play, .video-conefrencing .customer-main__buttons .play {
  background-image: url(../../images/play-lg.png);
  width: 65px;
  height: 65px;
  line-height: 65px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  background-position: 22px center;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: 0;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-large .play, .video-conefrencing .customer-main__buttons .play {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-size: 15px;
    background-position-x: 16px;
  }
}

.video-conefrencing {
  /* chat */
  /* online courses */
  /* ds */
  /* streaming */
  /* knowledge */
}
@media (min-width: 1441px) {
  .video-conefrencing .container.container-landing {
    width: 1300px;
    max-width: 1300px;
  }
}
@media (min-width: 1441px) {
  .video-conefrencing .container.container-video {
    width: 1400px;
    max-width: 1400px;
  }
}
@media (min-width: 1231px) {
  .video-conefrencing .container.container-customers {
    width: 900px;
  }
}
.video-conefrencing .stick-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
}
.video-conefrencing .placeholder-icon {
  height: 50px;
  width: 50px;
  color: #d0d3da;
  position: relative;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-conefrencing .flying-wrapper {
  height: 100%;
  transition: all 0.8s ease-out;
}
.video-conefrencing .radius {
  border-radius: 10px;
}
.video-conefrencing .video-blend {
  position: absolute;
  width: calc(100% + 30px);
  height: 100%;
  left: -15px;
  background-color: rgba(28, 31, 42, 0.5);
  transition: background-color 0.3s ease-in-out;
}
.video-conefrencing .dockStart {
  -ms-transform: none;
  transform: none;
}
.video-conefrencing .dockBusiness {
  transform: translate3d(-735px, 670px, 0px);
}
@media only screen and (max-width: 1440px) {
  .video-conefrencing .dockBusiness {
    transform: translate3d(-585px, 570px, 0px);
  }
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .dockBusiness {
    transform: translate3d(-461px, 447px, 0px);
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .dockBusiness {
    transform: translate3d(-348px, 395px, 0px);
  }
}
.video-conefrencing .dockCourses {
  transform: translate3d(355px, 1301px, 0px);
}
@media only screen and (max-width: 1440px) {
  .video-conefrencing .dockCourses {
    transform: translate3d(335px, 1199px, 0px);
  }
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .dockCourses {
    transform: translate3d(255px, 906px, 0px);
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .dockCourses {
    transform: translate3d(115px, 1076px, 0px);
  }
}
.video-conefrencing .dockDemo {
  transform: translate3d(-715px, 1947px, 0px);
}
@media only screen and (max-width: 1440px) {
  .video-conefrencing .dockDemo {
    transform: translate3d(-565px, 1843px, 0px);
  }
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .dockDemo {
    transform: translate3d(-442px, 1380px, 0px);
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .dockDemo {
    transform: translate3d(-328px, 1771px, 0px);
  }
}
.video-conefrencing .dockHuge {
  transform: translate3d(-141px, 2563px, 0px);
}
@media only screen and (max-width: 1440px) {
  .video-conefrencing .dockHuge {
    transform: translate3d(-161px, 2457px, 0px);
  }
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .dockHuge {
    transform: translate3d(-138px, 1824px, 0px);
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .dockHuge {
    transform: translate3d(-348px, 2438px, 0px);
  }
}
.video-conefrencing .dockStreaming {
  transform: translate3d(-430px, 3213px, 0px);
}
@media only screen and (max-width: 1440px) {
  .video-conefrencing .dockStreaming {
    transform: translate3d(-280px, 3103px, 0px);
  }
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .dockStreaming {
    transform: translate3d(-247px, 2303px, 0px);
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .dockStreaming {
    transform: translate3d(-66px, 3163px, 0px);
  }
}
.video-conefrencing--landing {
  background-color: #eceef3;
  padding-top: 150px;
  background: linear-gradient(to bottom, #eceef3 0%, #eceef3 50%, #eceef3 82.5%, #fff 82.5%, #fff 100%);
}
.video-conefrencing--landing .video-wrapper {
  background-image: url("../../images/landing/video_conferencing/room_placeholder_normal.png");
  padding-top: 30px;
}
.video-conefrencing--landing .video-wrapper--camera {
  position: relative;
  background-image: url("../../images/landing/video_conferencing/room_placeholder_camera.png");
  background-color: #eceef3;
  -ms-transform: translate(65px, -100px);
  transform: translate(65px, -100px);
  z-index: 2;
}
@media only screen and (max-width: 1440px) {
  .video-conefrencing--landing .video-wrapper--camera {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing--landing .video-wrapper--camera {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    border-radius: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing--landing .video-wrapper--camera {
    height: 290px;
    width: 345px;
    background-position: unset;
  }
}
.video-conefrencing--landing video {
  height: 100%;
  width: 100%;
  box-shadow: 0px 25px 79px 0px rgba(41, 45, 56, 0.15);
}
.video-conefrencing--bussines {
  padding: 80px 0;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing--bussines {
    padding: 80px 0 40px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing--bussines {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing--bussines {
    padding-bottom: 40px;
  }
}
.video-conefrencing--courses, .video-conefrencing--demo, .video-conefrencing--events, .video-conefrencing--streaming {
  padding: 80px 0;
  overflow: hidden;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing--courses, .video-conefrencing--demo, .video-conefrencing--events, .video-conefrencing--streaming {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing--demo {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing--demo {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing--streaming {
    padding-top: 45px;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing--streaming {
    padding-top: 40px;
  }
}
.video-conefrencing--knowledge {
  background-color: #eceef3;
  padding-top: 200px;
  padding-bottom: 250px;
  margin-top: 160px;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing--knowledge {
    margin-top: 80px;
    padding-top: 80px;
  }
}
.video-conefrencing--customers {
  margin-top: -250px;
  padding-bottom: 80px;
}
.video-conefrencing__title {
  font-family: "robotobold";
  font-size: 70px;
  font-size: 4.375rem;
  color: #292d38;
  margin-left: 50px;
  line-height: 1.1;
  margin-top: 20px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing__title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__title {
    font-size: 32px;
    max-width: 380px;
    margin-left: 80px;
  }
}
@media (max-width: 767px) {
  .video-conefrencing__title {
    max-width: 280px;
    text-align: center;
    margin: 0 auto 40px;
  }
}
.video-conefrencing__subtitle {
  font-family: "robotobold";
  font-size: 38px;
  font-size: 2.375rem;
  color: #292d38;
  margin-top: 0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing__subtitle {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__subtitle {
    font-size: 21px;
  }
}
.video-conefrencing__content {
  font-family: "robotoregular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  line-height: 1.5625rem;
  color: #292d38;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__content {
    font-size: 13px;
    line-height: 20px;
  }
}
.video-conefrencing__content--important {
  font-family: "robotoregular";
  font-size: 27px;
  font-size: 1.6875rem;
  line-height: 40px;
  line-height: 2.5rem;
  max-width: 450px;
  margin-top: 100px;
  margin-left: 50px;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__content--important {
    font-size: 20px;
    line-height: 28px;
    margin-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing__content--important {
    font-size: 14px;
    line-height: 20px;
    padding-left: 20px;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 576px) {
  .video-conefrencing__content--important {
    padding-left: 0;
    margin-top: 20px;
  }
}
.video-conefrencing__signature {
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
  color: #9ca4b7;
  margin-top: 20px;
  margin-left: 30px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .video-conefrencing__signature--hack {
    max-width: 150px;
    margin-top: -18% !important;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__signature {
    font-size: 10px;
    margin-left: 0;
    margin-top: 10px;
  }
}
.video-conefrencing__signature--right {
  text-align: right;
  margin-left: 0;
  margin-right: 30px;
}
.video-conefrencing__box {
  padding-top: 90px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing__box {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__box {
    text-align: center;
  }
}
.video-conefrencing__buttons_wrapper {
  margin-top: 50px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing__buttons_wrapper {
    margin-top: 40px;
  }
}
.video-conefrencing__btn {
  font-family: "robotoregular";
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 0;
  line-height: 0;
  border-radius: 25px;
  border: 2px solid #292d38;
  padding: 15px;
  min-width: 100px;
  display: inline-block;
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}
.video-conefrencing__btn:hover, .video-conefrencing__btn:focus {
  color: #fff;
  text-decoration: none;
}
.video-conefrencing__btn--try {
  margin-right: 20px;
  background-color: #fff;
  color: #292d38;
}
.video-conefrencing__btn--try:hover, .video-conefrencing__btn--try:focus {
  background-color: #292d38;
}
.video-conefrencing__btn--buy {
  background-color: #292d38;
  color: #fff;
}
.video-conefrencing__btn--buy:hover, .video-conefrencing__btn--buy:focus {
  background-color: #6ebe3b;
  border-color: #6ebe3b;
}
.video-conefrencing__static_video {
  width: 460px;
  height: 375px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing__static_video {
    width: 350px;
    height: 290px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__static_video {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .video-conefrencing__static_video {
    width: 200px;
    height: 160px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__static_video img {
    width: 100%;
    margin-left: -25%;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing__static_video img {
    margin-left: -40%;
  }
}
.video-conefrencing__main_video {
  width: 570px;
  height: 460px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing__main_video {
    width: 430px;
    height: 350px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__main_video {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing__main_video img {
    margin-right: -15px;
    float: right;
    width: 70%;
    height: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing__main_video img {
    width: 90%;
  }
}
.video-conefrencing .multi-video-wrapper {
  width: 775px;
  height: 432px;
  background-image: url("../../images/landing/video_conferencing/room_placeholder.png");
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
  padding-left: 30px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .multi-video-wrapper {
    width: 100%;
    height: 342px;
    padding-top: 47px;
    padding-left: 24px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .multi-video-wrapper {
    height: 400px;
    padding-top: 55px;
    padding-left: 28px;
  }
}
.video-conefrencing .multi-video-wrapper__area {
  width: calc(100% - 250px);
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .multi-video-wrapper__area {
    width: calc(100% - 200px);
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .multi-video-wrapper__area {
    width: calc(100% - 230px);
  }
}
.video-conefrencing .multi-video-wrapper__area--streaming {
  width: 100%;
  background-image: url("../../images/landing/video_conferencing/room_streaming_bg.png");
}
.video-conefrencing .multi-video-wrapper__area--ds {
  width: 100%;
  background-image: url("../../images/landing/video_conferencing/desktop_sharing.gif");
}
.video-conefrencing .multi-video-wrapper__camera video {
  height: 100%;
}
.video-conefrencing .multi-video-wrapper__column {
  width: 250px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .multi-video-wrapper__column {
    width: 200px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .multi-video-wrapper__column {
    width: 230px;
  }
}
.video-conefrencing .multi-video-wrapper__column_item {
  height: 50%;
  width: 100%;
  overflow: hidden;
  background-color: #dfe1e8;
}
.video-conefrencing .multi-video-wrapper__column_item video {
  height: 100%;
  width: 100%;
}
.video-conefrencing .room-chat {
  background-color: #eceef3;
  padding: 20px;
  position: relative;
  height: 100%;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.video-conefrencing .room-chat:after {
  content: "";
  position: absolute;
  bottom: 0;
  box-shadow: 0px 0px 20px 40px rgba(236, 238, 243, 0.8);
  width: 100%;
  height: 0;
  left: 0;
}
.video-conefrencing .room-chat__item {
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.5s ease-in-out;
}
.video-conefrencing .room-chat__item.leave {
  opacity: 0;
}
.video-conefrencing .room-chat__item.slide-right {
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}
.video-conefrencing .room-chat__item:last-child {
  margin-bottom: 0;
}
.video-conefrencing .room-chat__item:nth-of-type(even) .room-chat__avatar {
  margin-right: 0;
  margin-left: 5px;
}
.video-conefrencing .room-chat__avatar {
  margin-right: 5px;
  width: 24px;
  height: 24px;
  background-image: url("../../images/landing/video_conferencing/chat_avatar.png");
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .room-chat__avatar {
    width: 14px;
    height: 14px;
  }
}
.video-conefrencing .room-chat__content {
  background-color: #dfe1e8;
  height: 24px;
  width: 178px;
  border-radius: 25px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .room-chat__content {
    height: 14px;
    width: 90%;
  }
}
.video-conefrencing .room-chat__attendee {
  font-family: "robotobold";
  font-size: 12px;
  font-size: 0.75rem;
  color: #bfc3ce;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.video-conefrencing .room-chat__content_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  width: 180px;
  padding: 3px 0;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .room-chat__content_wrapper {
    width: 130px;
  }
}
.video-conefrencing .room-chat__text_mask1 {
  height: 5px;
  border-radius: 25px;
  background-color: #cfd2db;
  margin-right: 5px;
  width: 50px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .room-chat__text_mask1 {
    height: 3px;
    width: 30px;
  }
}
.video-conefrencing .room-chat__text_mask2 {
  height: 5px;
  border-radius: 25px;
  background-color: #cfd2db;
  width: 125px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .room-chat__text_mask2 {
    height: 3px;
    width: 95px;
  }
}
.video-conefrencing .room-chat__text_mask3 {
  height: 3px;
  border-radius: 25px;
  background-color: #dfe1e8;
  width: 125px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .room-chat__text_mask3 {
    height: 2px;
    width: 100%;
    margin-top: 3px;
  }
}
.video-conefrencing .room-chat--large .room-chat__item:nth-of-type(even) .room-chat__avatar {
  margin-right: 5px;
  margin-left: 0;
}
.video-conefrencing .room-chat--mobile {
  height: 140px;
  padding: 10px;
  margin: 0 5px;
  background-color: #e9ebf1;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.video-conefrencing .room-chat--mobile .room-chat__item {
  margin-bottom: 10px;
}
.video-conefrencing .room-chat--mobile .room-chat__avatar {
  width: 14px;
  height: 14px;
}
.video-conefrencing .room-chat--mobile .room-chat__content {
  height: 14px;
  width: 105px;
}
.video-conefrencing .online-courses-step {
  height: 100%;
  width: 100%;
  position: absolute;
}
.video-conefrencing .online-courses-step--1 {
  background-image: url("../../images/landing/video_conferencing/online_courses_step1.png");
}
.video-conefrencing .online-courses-step--2 {
  background-image: url("../../images/landing/video_conferencing/online_courses_step2.png");
}
.video-conefrencing .desktop-sharing-demo-camera {
  width: 170px;
  height: 129px;
  border-radius: 10px;
  position: absolute;
  left: 20px;
  top: 15px;
  background-color: #eceef3;
}
.video-conefrencing .desktop-sharing-demo-camera video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.video-conefrencing .video-streaming-room {
  width: 170px;
  height: 129px;
  border-radius: 10px;
  position: absolute;
  right: 270px;
  top: 20px;
  background-color: #eceef3;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .video-streaming-room {
    right: 210px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .video-streaming-room {
    right: 240px;
  }
}
.video-conefrencing .video-streaming-room video {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.video-conefrencing .video-streaming {
  position: absolute;
  top: 110px;
  right: 0;
  width: 350px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  opacity: 0;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 3;
}
.video-conefrencing .video-streaming.showMe {
  opacity: 1;
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .video-streaming {
    width: 330px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .video-streaming {
    top: 100px;
  }
}
.video-conefrencing .video-streaming__mobile {
  height: 345px;
  width: 160px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .video-streaming__mobile {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.video-conefrencing .video-streaming__mobile--yt {
  background-image: url("../../images/landing/video_conferencing/android_youtube_draft.png");
  z-index: 2;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .video-streaming__mobile--yt {
    position: relative;
    right: -30px;
  }
}
.video-conefrencing .video-streaming__mobile--fb {
  background-image: url("../../images/landing/video_conferencing/iphone_facebook_draft.png");
  z-index: 3;
  position: relative;
  right: 0;
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  bottom: 35px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .video-streaming__mobile--fb {
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.video-conefrencing .video-streaming__box {
  padding: 60px 10px 0;
}
.video-conefrencing .video-streaming__title {
  font-family: "robotomedium";
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 10px;
  line-height: 0.625rem;
  color: #bfc3ce;
  font-size: 10px;
  margin-top: 0;
  margin-bottom: 15px;
}
.video-conefrencing .video-streaming__desc {
  font-family: "robotobold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  color: #bfc3ce;
  font-size: 12px;
  line-height: 14px;
  margin: 0;
}
.video-conefrencing .video-streaming__video {
  width: 80px;
  height: 70px;
  border-radius: 10px;
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  background-color: #eceef3;
}
.video-conefrencing .video-streaming__video video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.video-conefrencing .video-knowledge__title {
  font-family: "robotobold";
  font-size: 70px;
  font-size: 4.375rem;
  color: #292d38;
  margin-top: 0;
  margin-bottom: 65px;
}
@media only screen and (max-width: 1260px) {
  .video-conefrencing .video-knowledge__title {
    font-size: 50px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .video-knowledge__title {
    font-size: 32px;
  }
}
.video-conefrencing .video-knowledge p {
  font-family: "robotoregular";
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0;
  color: #292d38;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .video-knowledge p {
    font-size: 14px;
    line-height: 20px;
  }
}
.video-conefrencing .video-knowledge__button {
  font-family: "robotomedium";
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  border-radius: 25px;
  padding: 15px;
  display: inline-block;
  min-width: 215px;
  margin: 0 10px;
  transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.video-conefrencing .video-knowledge__button:hover {
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .video-knowledge__button {
    margin-bottom: 20px;
  }
}
.video-conefrencing .video-knowledge__button--signup {
  background-color: #6ebe3b;
  box-shadow: 0px 15px 32px 0px rgba(190, 230, 164, 0.81);
}
.video-conefrencing .video-knowledge__button--signup:hover, .video-conefrencing .video-knowledge__button--signup:focus {
  background-color: #1c1f2a;
  box-shadow: 0px 15px 32px 0px rgba(161, 172, 198, 0.81);
}
.video-conefrencing .video-knowledge__button--buy {
  background-color: #1c1f2a;
  box-shadow: 0px 15px 32px 0px rgba(161, 172, 198, 0.81);
}
.video-conefrencing .video-knowledge__button--buy:hover, .video-conefrencing .video-knowledge__button--buy:focus {
  background-color: #6ebe3b;
  box-shadow: 0px 15px 32px 0px rgba(190, 230, 164, 0.81);
}
.video-conefrencing .video-knowledge__customers {
  font-family: "robotobold";
  font-size: 38px;
  font-size: 2.375rem;
  margin: 200px 0 90px;
  color: #292d38;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .video-knowledge__customers {
    font-size: 21px;
    margin: 90px 0 30px;
  }
}
.video-conefrencing .customer-main {
  margin: 0 -15px -10px;
  overflow: hidden;
  position: relative;
  border-right: 0.5px solid transparent;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-main {
    border-right: 0;
  }
}
.video-conefrencing .customer-main:hover .customer-main__buttons {
  opacity: 1;
}
.video-conefrencing .customer-main__box {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 0 60px;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-main__box {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-main__box {
    padding: 0 15px;
  }
}
.video-conefrencing .customer-main img {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-main img {
    margin-bottom: 20px;
    max-width: 60px;
  }
}
.video-conefrencing .customer-main__title {
  font-family: "robotoregular";
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: #fff;
  margin: 0 0 30px;
  max-width: 300px;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-main__title {
    font-family: "robotobold";
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 15px;
  }
}
.video-conefrencing .customer-main__desc {
  font-family: "robotoregular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #9ca4b7;
  margin: 0 0 40px;
  max-width: 200px;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-main__desc {
    display: none;
  }
}
.video-conefrencing .customer-main__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-main__buttons {
    opacity: 1;
  }
}
.video-conefrencing .customer-main video {
  width: 100%;
}
.video-conefrencing .customer-small {
  height: 300px;
  text-decoration: none;
  z-index: 2;
}
.video-conefrencing .customer-small:hover {
  z-index: 3;
}
.video-conefrencing .customer-small:hover .logo {
  opacity: 0;
}
.video-conefrencing .customer-small:hover .content {
  transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border-radius 0.3s ease-in-out;
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  visibility: visible;
  border-radius: 5px;
  box-shadow: 0px 25px 54px 0px rgba(110, 190, 59, 0.64);
}
@media (max-width: 1230px) {
  .video-conefrencing .customer-small {
    height: 323px;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-small {
    height: 250px;
  }
}
@media only screen and (max-width: 576px) {
  .video-conefrencing .customer-small {
    height: 200px;
  }
}
.video-conefrencing .customer-small__yondr {
  background-image: url("../../images/landing/video_conferencing/customers/yondr_thumbnail.png");
}
.video-conefrencing .customer-small__clustaar {
  background-image: url("../../images/landing/video_conferencing/customers/clustaar_thumbnail.png");
}
.video-conefrencing .customer-small__subway {
  background-image: url("../../images/landing/video_conferencing/customers/subway_thumbnail.png");
}
.video-conefrencing .customer-small__woolmark {
  background-image: url("../../images/landing/video_conferencing/customers/woolmark_thumbnail.png");
}
.video-conefrencing .customer-small__jellyfish {
  background-image: url("../../images/landing/video_conferencing/customers/jellyfish_thumbnail.png");
}
.video-conefrencing .customer-small__all {
  background-color: #6ebe3b;
  text-transform: uppercase;
  text-align: center;
}
.video-conefrencing .customer-small__all p {
  font-family: "robotomedium" !important;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 19px;
  line-height: 1.1875rem;
}
.video-conefrencing .customer-small__box {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  color: #fff;
  z-index: 2;
  position: relative;
}
.video-conefrencing .customer-small__box .logo {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-small__box .logo {
    max-width: 100px;
  }
}
.video-conefrencing .customer-small__box .content {
  height: 100%;
  width: calc(100% + 30px);
  position: absolute;
  left: -15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  visibility: hidden;
}
.video-conefrencing .customer-small__box .content--yondr {
  background-image: url("../../images/landing/video_conferencing/customers/yondr_thumbnail_mask.jpg");
}
.video-conefrencing .customer-small__box .content--clustaar {
  background-image: url("../../images/landing/video_conferencing/customers/clustaar_thumbnail_mask.jpg");
}
.video-conefrencing .customer-small__box .content--subway {
  background-image: url("../../images/landing/video_conferencing/customers/subway_thumbnail_mask.jpg");
}
.video-conefrencing .customer-small__box .content--woolmark {
  background-image: url("../../images/landing/video_conferencing/customers/woolmark_thumbnail_mask.jpg");
}
.video-conefrencing .customer-small__box .content--jellyfish {
  background-image: url("../../images/landing/video_conferencing/customers/jellyfish_thumbnail_mask.jpg");
}
.video-conefrencing .customer-small__box p {
  font-family: "robotoregular";
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 30px 0;
  max-width: 210px;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-small__box p {
    margin: 15px 0;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-small__box p {
    max-width: 190px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-small__box img {
    max-width: 100px;
  }
}
.video-conefrencing .customer-small__box span {
  font-family: "robotomedium";
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 25px;
  padding: 10px 20px;
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.video-conefrencing .customer-small__box span:hover {
  background-color: #fff;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-small__box span {
    font-size: 10px;
    padding: 5px 15px;
  }
}
.video-conefrencing .customer-large {
  height: 300px;
  z-index: 2;
}
.video-conefrencing .customer-large:hover .logo {
  opacity: 0;
}
.video-conefrencing .customer-large:hover .content {
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.video-conefrencing .customer-large:hover .video-blend {
  background-color: rgba(28, 31, 42, 0.8);
}
@media (max-width: 1230px) {
  .video-conefrencing .customer-large {
    height: 323px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-large {
    height: auto;
  }
}
.video-conefrencing .customer-large__brand24 {
  background-image: url("../../images/landing/video_conferencing/customers/brand24_thumbnail.png");
}
.video-conefrencing .customer-large__nestbank {
  background-image: url("../../images/landing/video_conferencing/customers/nestbank_thumbnail.png");
}
.video-conefrencing .customer-large__box, .video-conefrencing .customer-large .content {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.video-conefrencing .customer-large video {
  position: relative;
  left: -15px;
  width: calc(100% + 30px);
}
.video-conefrencing .customer-large .logo {
  position: absolute;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.video-conefrencing .customer-large .logo--brand {
  right: 50px;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-large .logo--brand {
    left: 25px;
    right: initial;
  }
}
.video-conefrencing .customer-large .logo--nest {
  left: 70px;
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-large .logo--nest {
    left: 25px;
  }
}
@media only screen and (max-width: 992px) {
  .video-conefrencing .customer-large .logo {
    max-width: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-large .logo {
    display: none;
  }
}
.video-conefrencing .customer-large .content {
  position: absolute;
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  cursor: pointer;
  padding: 0 40px;
  left: -15px;
  width: calc(100% + 30px);
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-large .content {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    padding: 0 15px;
  }
}
.video-conefrencing .customer-large .content img {
  max-height: 60px;
  max-width: 60px;
}
.video-conefrencing .customer-large__title {
  font-family: "robotoregular";
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #fff;
  margin: 20px 0 15px;
  max-width: 200px;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-large__title {
    font-family: "robotobold";
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 15px 0;
  }
}
.video-conefrencing .customer-large__desc {
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #9ca4b7;
  margin: 0 0 15px;
  max-width: 200px;
}
@media only screen and (max-width: 768px) {
  .video-conefrencing .customer-large__desc {
    display: none;
  }
}
.video-conefrencing .customer-large__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.video-conefrencing .activate-camera {
  font-family: "robotomedium";
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  margin: 0 auto;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  width: 240px;
  padding: 15px 30px;
  background-color: #6ebe3b;
  border-radius: 50px;
  transition: background-color 0.5s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
}
.video-conefrencing .activate-camera:hover {
  background-color: #000;
}
.video-conefrencing .activate-camera.disabled-btn {
  background-color: #cdd0d8;
  color: #9ca4b7;
  pointer-events: none;
}
.video-conefrencing .activate-camera.disabled-btn svg {
  color: #9ca4b7;
}
.video-conefrencing .activate-camera svg {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.video-conefrencing .activate-camera span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  width: calc(100% - 30px);
}
.video-conefrencing .mobile-placeholder {
  width: 100%;
}

@keyframes animationStep {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes shadowFake {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* drag orange el and his rwd */
@keyframes animationDragTest {
  0% {
    transform: rotate(0deg) translate(0, -50%) rotate(0deg);
  }
  50% {
    transform: rotate(0deg) translate(-40px, -150px) rotate(0deg);
  }
  100% {
    transform: rotate(90deg) translate(-50px, -225px) rotate(-90deg);
  }
}
@media only screen and (max-width: 992px) {
  @keyframes animationDragTest {
    0% {
      transform: rotate(0deg) translate(0, -50%) rotate(0deg);
    }
    50% {
      transform: rotate(0deg) translate(-40px, -150px) rotate(0deg);
    }
    100% {
      transform: rotate(90deg) translate(-50px, -175px) rotate(-90deg);
    }
  }
}
@media only screen and (max-width: 768px) {
  @keyframes animationDragTest {
    0% {
      transform: rotate(0deg) translate(0, -50%) rotate(0deg);
    }
    50% {
      transform: rotate(0deg) translate(-40px, -100px) rotate(0deg);
    }
    100% {
      transform: rotate(90deg) translate(-30px, -150px) rotate(-90deg);
    }
  }
}
@media only screen and (max-width: 576px) {
  @keyframes animationDragTest {
    0% {
      transform: rotate(0deg) translate(0, -50%) rotate(0deg);
    }
    50% {
      transform: rotate(0deg) translate(-20px, -90px) rotate(0deg);
    }
    100% {
      transform: rotate(90deg) translate(-30px, -90px) rotate(-90deg);
    }
  }
}
/* after drag move him back */
@keyframes animationMoveTest {
  from {
    transform: rotate(90deg) translate(-50px, -225px) rotate(-90deg);
  }
  to {
    transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 992px) {
  @keyframes animationMoveTest {
    from {
      transform: rotate(90deg) translate(-50px, -175px) rotate(-90deg);
    }
    to {
      transform: translate(0, -50%);
    }
  }
}
@media only screen and (max-width: 768px) {
  @keyframes animationMoveTest {
    from {
      transform: rotate(90deg) translate(-30px, -150px) rotate(-90deg);
    }
    to {
      transform: translate(0, -50%);
    }
  }
}
@media only screen and (max-width: 576px) {
  @keyframes animationMoveTest {
    from {
      transform: rotate(90deg) translate(-30px, -90px) rotate(-90deg);
    }
    to {
      transform: translate(0, -50%);
    }
  }
}
/* before drag move el to left */
@keyframes animationMoveVideo {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(-225px, -50%);
  }
}
@media only screen and (max-width: 992px) {
  @keyframes animationMoveVideo {
    0% {
      transform: translate(0, -50%);
    }
    100% {
      transform: translate(-175px, -50%);
    }
  }
}
@media only screen and (max-width: 768px) {
  @keyframes animationMoveVideo {
    0% {
      transform: translate(0, -50%);
    }
    100% {
      transform: translate(-150px, -50%);
    }
  }
}
@media only screen and (max-width: 576px) {
  @keyframes animationMoveVideo {
    0% {
      transform: translate(0, -50%);
    }
    100% {
      transform: translate(-90px, -50%);
    }
  }
}
/* after move drag el */
@keyframes animationDragVideo {
  0% {
    transform: rotate(0deg) translate(-225px, -50%) rotate(0deg);
  }
  50% {
    transform: rotate(0deg) translate(-260px, -150px) rotate(0deg);
  }
  100% {
    transform: rotate(90deg) translate(-50px, 0) rotate(-90deg);
  }
}
@media only screen and (max-width: 992px) {
  @keyframes animationDragVideo {
    0% {
      transform: rotate(0deg) translate(-175px, -50%) rotate(0deg);
    }
    50% {
      transform: rotate(0deg) translate(-210px, -150px) rotate(0deg);
    }
    100% {
      transform: rotate(90deg) translate(-50px, 0) rotate(-90deg);
    }
  }
}
@media only screen and (max-width: 768px) {
  @keyframes animationDragVideo {
    0% {
      transform: rotate(0deg) translate(-150px, -50%) rotate(0deg);
    }
    50% {
      transform: rotate(0deg) translate(-190px, -100px) rotate(0deg);
    }
    100% {
      transform: rotate(90deg) translate(-30px, 0) rotate(-90deg);
    }
  }
}
@media only screen and (max-width: 576px) {
  @keyframes animationDragVideo {
    0% {
      transform: rotate(0deg) translate(-90px, -50%) rotate(0deg);
    }
    50% {
      transform: rotate(0deg) translate(-110px, -90px) rotate(0deg);
    }
    100% {
      transform: rotate(90deg) translate(-30px, 0) rotate(-90deg);
    }
  }
}
/* time range behavior like dragged element */
@keyframes animationRange {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-40px);
    opacity: 1;
  }
  75% {
    transform: translateX(225px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(225px);
    opacity: 0;
  }
}
@media only screen and (max-width: 992px) {
  @keyframes animationRange {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-40px);
      opacity: 1;
    }
    75% {
      transform: translateX(175px);
      opacity: 0.5;
    }
    100% {
      transform: translateX(175px);
      opacity: 0;
    }
  }
}
@media only screen and (max-width: 768px) {
  @keyframes animationRange {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-40px);
      opacity: 1;
    }
    75% {
      transform: translateX(150px);
      opacity: 0.5;
    }
    100% {
      transform: translateX(150px);
      opacity: 0;
    }
  }
}
@media only screen and (max-width: 576px) {
  @keyframes animationRange {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-20px);
      opacity: 1;
    }
    75% {
      transform: translateX(90px);
      opacity: 0.5;
    }
    100% {
      transform: translateX(90px);
      opacity: 0;
    }
  }
}
.automated-webinars--landing {
  background-image: url("../../images/landing/automated_webinars/automated_bg.png");
  background-position-y: bottom;
  padding-top: 120px;
  height: 800px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars--landing {
    height: auto;
  }
}
.automated-webinars--text {
  padding: 95px 0 110px;
}
@media only screen and (max-width: 768px) {
  .automated-webinars--text {
    padding: 50px 0;
  }
}
.automated-webinars--more_spacing {
  margin-bottom: 50px;
}
.automated-webinars--steps {
  padding-bottom: 140px;
}
@media only screen and (max-width: 768px) {
  .automated-webinars--steps {
    padding-bottom: 70px;
  }
}
.automated-webinars--why {
  background-color: #f8f9fb;
  padding: 120px 0;
}
@media only screen and (max-width: 768px) {
  .automated-webinars--why {
    padding: 60px 0;
  }
}
.automated-webinars__title {
  font-family: "robotoregular";
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  color: #6ebe3b;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.automated-webinars__title svg {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  stroke-width: 1px;
  color: #6ebe3b;
  margin-right: 10px;
}
.automated-webinars__subtitle {
  font-family: "robotobold";
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #1b1f2b;
  margin: 0 0 35px;
}
.automated-webinars__desc {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px;
  line-height: 1.625rem;
  color: #6b7183;
  margin: 0 auto;
  max-width: 700px;
}
.automated-webinars__section_title {
  font-family: "robotobold";
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 46px;
  line-height: 2.875rem;
  color: #1b1f2b;
  margin: 0 auto 50px;
  max-width: 700px;
}
.automated-webinars__section_txt {
  font-family: "robotoregular";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px;
  line-height: 1.625rem;
  color: #6b7183;
  margin: 0 auto;
  max-width: 780px;
}
.automated-webinars__section_btns {
  margin-top: 45px;
}
.automated-webinars__section_login {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: 25px;
  font-style: italic;
  color: #6b7183;
}
.automated-webinars__btn {
  font-family: "robotomedium";
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  border-radius: 50px;
  padding: 17px 20px;
  text-transform: uppercase;
  width: 245px;
  display: inline-block;
  margin: 0 15px;
  transition: box-shadow 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
.automated-webinars__btn:hover {
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .automated-webinars__btn {
    margin: 10px 15px;
  }
}
.automated-webinars__btn--green {
  color: #fff;
  background-color: #6ebe3b;
  text-align: center;
  box-shadow: 0px 17px 32px 0px rgba(110, 190, 59, 0.27);
}
.automated-webinars__btn--green:hover, .automated-webinars__btn--green:focus {
  box-shadow: 0px 16px 43px 0px rgba(110, 190, 59, 0.5);
  text-decoration: none;
  color: #fff;
}
.automated-webinars__btn--default {
  color: #00afec;
  border: 2px solid #eceef3;
  text-align: left;
}
.automated-webinars__btn--default:hover, .automated-webinars__btn--default:focus {
  background-color: #eceef3;
  box-shadow: 0px 16px 43px 0px rgba(236, 238, 243, 0.5);
  text-decoration: none;
}
.automated-webinars__btn--default svg {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  stroke-width: 2px;
}
.automated-webinars__btn--default span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px);
  padding-left: 15px;
}
.automated-webinars__btn--black {
  color: #fff;
  background-color: #1b1f2b;
  text-align: center;
  box-shadow: 0px 17px 32px 0px rgba(76, 107, 198, 0.27);
}
.automated-webinars__btn--black:hover, .automated-webinars__btn--black:focus {
  box-shadow: 0px 20px 32px 0px rgba(76, 107, 198, 0.42);
  text-decoration: none;
  color: #fff;
}
.automated-webinars-step {
  max-width: 1050px;
  margin: 0 auto;
}
.automated-webinars-step__num {
  font-family: "robotobold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px !important;
  height: 30px;
  width: 30px;
  margin: 0 auto;
  color: #fff;
  background-color: #eceef3;
  text-align: center;
  display: block;
  border-radius: 50%;
  transition: background-color 0.5s ease-in-out;
}
.automated-webinars-step__num.active {
  background-color: #6ebe3b;
}
.automated-webinars-step__num svg {
  width: 15px;
  height: 15px;
  margin-top: 8px;
}
.automated-webinars-step__line {
  height: 280px;
  border-left: 2px dashed #eceef3;
  width: 0px;
  margin: 40px auto;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .automated-webinars-step__line {
    height: 200px;
  }
}
.automated-webinars-step__line.active:before {
  content: "";
  width: 100%;
  border-left: 2px dashed #6ebe3b;
  position: absolute;
  top: 0;
  left: -2px;
  animation: animationStep 1.5s 1 ease;
  animation-fill-mode: both;
}
.automated-webinars-step__title {
  font-family: "robotobold";
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  color: #1b1f2b;
  margin: 0 0 35px;
}
.automated-webinars-step__list {
  padding-left: 0;
  list-style-type: none;
  margin-right: 30px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars-step__list {
    margin-right: 0;
  }
}
.automated-webinars-step__list li {
  font-family: "robotoregular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  color: #6b7183;
  padding-left: 15px;
  margin-bottom: 10px;
  position: relative;
}
.automated-webinars-step__list li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #eceef3;
  position: absolute;
  top: 10px;
  left: 0;
}
.automated-webinars-step__img {
  margin-top: -50px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars-step__img {
    margin-top: 0;
  }
}
.automated-webinars-step__img img {
  box-shadow: 0px 12px 24px 0px rgba(126, 132, 152, 0.11);
  border-radius: 25px;
  width: 100%;
}
.automated-webinars-step__img img.no-shadow {
  box-shadow: none;
}
.automated-webinars-step__last_title {
  font-family: "robotobold";
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 50px;
  line-height: 3.125rem;
  color: #1b1f2b;
  margin: 0 0 40px;
}
.automated-webinars-step__last_desc {
  font-family: "robotoregular";
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: #6b7183;
  margin: 0;
}
.automated-webinars-list__title {
  font-family: "robotobold";
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: #1b1f2b;
  margin: 0 0 40px;
}
.automated-webinars-list__title span {
  position: relative;
}
.automated-webinars-list__title span:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #6ebe3b;
  position: absolute;
  bottom: -3px;
}
.automated-webinars-list__items {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
@media only screen and (max-width: 768px) {
  .automated-webinars-list__items {
    margin-bottom: 25px;
  }
}
.automated-webinars-list__items li {
  font-family: "robotoregular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  color: #6b7183;
  position: relative;
  padding-left: 15px;
  margin-bottom: 15px;
}
.automated-webinars-list__items li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #6ebe3b;
}
.automated-webinars .automated-timeline__wrapper {
  border-radius: 25px;
  background-color: #1b1f2b;
  max-width: 930px;
  margin: 180px auto 80px;
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__wrapper {
    margin: 120px auto 0;
  }
}
.automated-webinars .automated-timeline__row {
  height: 180px;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #5b6172;
  position: relative;
}
.automated-webinars .automated-timeline__row:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__row {
    height: 120px;
  }
}
.automated-webinars .automated-timeline__row--time {
  height: 55px;
}
.automated-webinars .automated-timeline__header {
  background-color: #121620;
  color: #5c6273;
  height: 100%;
  width: 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "robotoregular";
  font-size: 12px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline__header {
    width: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__header {
    font-family: "robotoregular";
    font-size: 10px;
    font-size: 0.625rem;
    width: 50px;
  }
}
.automated-webinars .automated-timeline__header.radius-top-left {
  border-top-left-radius: 20px;
}
.automated-webinars .automated-timeline__header.radius-bottom-left {
  border-bottom-left-radius: 20px;
}
.automated-webinars .automated-timeline__header span {
  display: block;
  width: 180px;
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__header span {
    position: absolute;
    width: 100px;
  }
}
.automated-webinars .automated-timeline__cell {
  height: 100%;
  width: 45px;
  border-right: 1px solid #2c313f;
  color: #5c6273;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5px;
  font-size: 12px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline__cell {
    width: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__cell {
    width: 70px;
  }
  .automated-webinars .automated-timeline__cell:nth-child(2n+3) {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .automated-webinars .automated-timeline__cell {
    width: 50px;
  }
}
.automated-webinars .automated-timeline__action {
  background-color: #181d2c;
  color: #5c6273;
  height: 100%;
  width: 75px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.automated-webinars .automated-timeline__action--time {
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline__action {
    width: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__action {
    width: 70px;
  }
}
.automated-webinars .automated-timeline__action.radius-top-right {
  border-top-right-radius: 20px;
}
.automated-webinars .automated-timeline__action.radius-bottom-right {
  border-bottom-right-radius: 20px;
}
.automated-webinars .automated-timeline__action .icon {
  font-size: 40px;
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__action .icon {
    font-size: 25px;
  }
}
.automated-webinars .automated-timeline__action .txt {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: -10px;
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__action .txt {
    font-size: 10px;
    margin-top: -5px;
  }
}
.automated-webinars .automated-timeline__action .time {
  color: #fff;
  background-color: #6b7183;
  margin-left: 3px;
  padding: 0px 3px;
  border-radius: 5px;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline__action .time {
    font-size: 10px;
  }
}
.automated-webinars .automated-timeline-item {
  height: 100px;
  padding: 30px 20px;
  border-radius: 15px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0px 2px 49px 0px rgba(36, 0, 64, 0.69), inset 0px -1px 1px 0px rgba(0, 0, 0, 0.21);
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item {
    height: 60px;
    padding: 10px 5px;
  }
}
.automated-webinars .automated-timeline-item--webinar {
  background-color: #49b3da;
  width: 310px;
  left: 65px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item--webinar {
    width: 230px;
    left: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item--webinar {
    display: none;
  }
}
.automated-webinars .automated-timeline-item--webinar .automated-timeline-item__ico,
.automated-webinars .automated-timeline-item--webinar .automated-timeline-item__time,
.automated-webinars .automated-timeline-item--webinar .automated-timeline-item__type {
  color: #0b83b2;
}
.automated-webinars .automated-timeline-item--webinar .automated-timeline-item__time {
  border-right: 1px solid #0b83b2;
}
.automated-webinars .automated-timeline-item--test, .automated-webinars .automated-timeline-item--fakeTest {
  background-color: #fbaa55;
  width: 225px;
  left: 375px;
  z-index: 2;
}
.automated-webinars .automated-timeline-item--test.animation-drag, .automated-webinars .animation-drag.automated-timeline-item--fakeTest {
  animation: animationDragTest 2s 0.5s 1 both ease-in-out;
}
.automated-webinars .automated-timeline-item--test.animation-move, .automated-webinars .animation-move.automated-timeline-item--fakeTest {
  animation: animationMoveTest 0.5s 2s 1 both ease-in-out;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item--test, .automated-webinars .automated-timeline-item--fakeTest {
    width: 175px;
    left: 280px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item--test, .automated-webinars .automated-timeline-item--fakeTest {
    width: 150px;
    left: 120px;
  }
}
@media only screen and (max-width: 576px) {
  .automated-webinars .automated-timeline-item--test, .automated-webinars .automated-timeline-item--fakeTest {
    width: 90px;
    left: 60px;
  }
}
.automated-webinars .automated-timeline-item--test .automated-timeline-item__ico, .automated-webinars .automated-timeline-item--fakeTest .automated-timeline-item__ico,
.automated-webinars .automated-timeline-item--test .automated-timeline-item__time,
.automated-webinars .automated-timeline-item--fakeTest .automated-timeline-item__time,
.automated-webinars .automated-timeline-item--test .automated-timeline-item__type,
.automated-webinars .automated-timeline-item--fakeTest .automated-timeline-item__type {
  color: #c66b1a;
}
.automated-webinars .automated-timeline-item--test .automated-timeline-item__time, .automated-webinars .automated-timeline-item--fakeTest .automated-timeline-item__time {
  border-right: 1px solid #c66b1a;
}
.automated-webinars .automated-timeline-item--fakeTest {
  background-color: rgba(251, 170, 85, 0.5);
  z-index: 1;
  opacity: 0;
}
.automated-webinars .automated-timeline-item--fakeTest.shadow {
  animation: shadowFake 1.5s 0.5s 1 both ease-in-out;
}
.automated-webinars .automated-timeline-item--video, .automated-webinars .automated-timeline-item--fakeVideo {
  background-color: #3f83df;
  width: 225px;
  left: 600px;
  z-index: 2;
}
.automated-webinars .automated-timeline-item--video.animation-drag, .automated-webinars .animation-drag.automated-timeline-item--fakeVideo {
  animation: animationDragVideo 2s 0.5s 1 both ease-in-out;
}
.automated-webinars .automated-timeline-item--video.animation-move, .automated-webinars .animation-move.automated-timeline-item--fakeVideo {
  animation: animationMoveVideo 0.5s 2s 1 both ease-in-out;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item--video, .automated-webinars .automated-timeline-item--fakeVideo {
    width: 175px;
    left: 455px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item--video, .automated-webinars .automated-timeline-item--fakeVideo {
    width: 150px;
    left: 270px;
  }
}
@media only screen and (max-width: 576px) {
  .automated-webinars .automated-timeline-item--video, .automated-webinars .automated-timeline-item--fakeVideo {
    width: 90px;
    left: 150px;
  }
}
.automated-webinars .automated-timeline-item--video .automated-timeline-item__ico, .automated-webinars .automated-timeline-item--fakeVideo .automated-timeline-item__ico,
.automated-webinars .automated-timeline-item--video .automated-timeline-item__time,
.automated-webinars .automated-timeline-item--fakeVideo .automated-timeline-item__time,
.automated-webinars .automated-timeline-item--video .automated-timeline-item__type,
.automated-webinars .automated-timeline-item--fakeVideo .automated-timeline-item__type {
  color: #0e58b4;
}
.automated-webinars .automated-timeline-item--video .automated-timeline-item__time, .automated-webinars .automated-timeline-item--fakeVideo .automated-timeline-item__time {
  border-right: 1px solid #0e58b4;
}
.automated-webinars .automated-timeline-item--fakeVideo {
  background-color: rgba(63, 131, 223, 0.5);
  z-index: 1;
  opacity: 0;
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.automated-webinars .automated-timeline-item--fakeVideo.shadow {
  animation: shadowFake 1.5s 0.5s 1 both ease-in-out;
}
.automated-webinars .automated-timeline-item--cta {
  background-color: #8c54bd;
  width: 285px;
  left: 270px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item--cta {
    width: 250px;
    left: 170px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item--cta {
    width: 250px;
    left: 65px;
  }
}
@media only screen and (max-width: 576px) {
  .automated-webinars .automated-timeline-item--cta {
    width: 160px;
  }
}
.automated-webinars .automated-timeline-item--cta .automated-timeline-item__ico,
.automated-webinars .automated-timeline-item--cta .automated-timeline-item__time,
.automated-webinars .automated-timeline-item--cta .automated-timeline-item__type {
  color: #65309a;
}
.automated-webinars .automated-timeline-item--cta .automated-timeline-item__time {
  border-right: 1px solid #65309a;
}
.automated-webinars .automated-timeline-item--smaller {
  width: 225px;
  left: 600px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item--smaller {
    width: 175px;
    left: 455px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item--smaller {
    display: none;
  }
}
.automated-webinars .automated-timeline-item__tip {
  position: absolute;
  bottom: 110px;
  left: -5px;
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item__tip {
    bottom: 70px;
  }
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item__tip img {
    width: 100%;
  }
}
.automated-webinars .automated-timeline-item__ico {
  width: 45px;
  height: 45px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item__ico {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item__ico {
    display: none;
  }
}
.automated-webinars .automated-timeline-item__content {
  margin-left: 16px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item__content {
    margin-left: 5px;
  }
}
.automated-webinars .automated-timeline-item__name {
  font-family: "robotoregular";
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 17px;
  line-height: 1.0625rem;
  color: #fff;
  margin: 0 0 3px;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item__name {
    font-family: "robotoregular";
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item__name {
    font-family: "robotoregular";
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 10px;
    line-height: 0.625rem;
    margin: 0;
  }
}
.automated-webinars .automated-timeline-item__time {
  font-family: "robotoregular";
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  padding-right: 10px;
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item__time {
    font-family: "robotoregular";
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 11px;
    line-height: 0.6875rem;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item__time {
    font-family: "robotoregular";
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 10px;
    line-height: 0.625rem;
  }
}
.automated-webinars .automated-timeline-item__type {
  font-family: "robotoregular";
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  margin-left: 8px;
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-item__type {
    font-family: "robotoregular";
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 11px;
    line-height: 0.6875rem;
    margin-left: 3px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-item__type {
    font-family: "robotoregular";
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 10px;
    line-height: 0.625rem;
  }
}
.automated-webinars .automated-timeline-range {
  position: absolute;
  width: 225px;
  height: 2px;
  top: -2px;
  left: 375px;
  opacity: 0;
}
@media only screen and (max-width: 992px) {
  .automated-webinars .automated-timeline-range {
    width: 175px;
    left: 280px;
  }
}
@media only screen and (max-width: 768px) {
  .automated-webinars .automated-timeline-range {
    width: 150px;
    left: 120px;
  }
}
@media only screen and (max-width: 576px) {
  .automated-webinars .automated-timeline-range {
    width: 90px;
    left: 60px;
  }
}
.automated-webinars .automated-timeline-range:before, .automated-webinars .automated-timeline-range:after {
  content: "";
  position: absolute;
  top: -2px;
  height: 6px;
  width: 6px;
  line-height: 6px;
  border-radius: 50%;
}
.automated-webinars .automated-timeline-range:before {
  left: -5px;
}
.automated-webinars .automated-timeline-range:after {
  right: -5px;
}
.automated-webinars .automated-timeline-range--test {
  background-color: #fbaa55;
}
.automated-webinars .automated-timeline-range--test.activeRange {
  animation: animationRange 2.4s 0.5s 1 none linear;
}
.automated-webinars .automated-timeline-range--test:before, .automated-webinars .automated-timeline-range--test:after {
  background-color: inherit;
}
.automated-webinars .automated-timeline-range--test .automated-timeline-range__time:before {
  border-bottom: 5px solid #fbaa55;
}
.automated-webinars .automated-timeline-range--video {
  background-color: #3f83df;
}
.automated-webinars .automated-timeline-range--video.activeRange {
  animation: animationRange 2.4s 0.5s 1 none linear;
}
.automated-webinars .automated-timeline-range--video:before, .automated-webinars .automated-timeline-range--video:after {
  background-color: inherit;
}
.automated-webinars .automated-timeline-range--video .automated-timeline-range__time:before {
  border-bottom: 5px solid #3f83df;
}
.automated-webinars .automated-timeline-range__time {
  position: absolute;
  top: 25px;
  background-color: inherit;
  font-family: "robotoregular";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  color: #fff;
  text-align: center;
  padding: 3px;
  border-radius: 4px;
}
.automated-webinars .automated-timeline-range__time:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.automated-webinars .automated-timeline-range__time--start {
  left: -23px;
}
.automated-webinars .automated-timeline-range__time--end {
  right: -23px;
}

.legal,
.career {
  overflow: hidden;
  position: relative;
}
.legal-apply,
.career-apply {
  text-align: center;
  background: #f4f6fb;
  padding: 80px 0;
}
.legal-apply h2,
.career-apply h2 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 45px;
  font-size: 2.8125rem;
  color: #545b7b;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.legal-apply p,
.career-apply p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  color: #6b7183;
}
.legal-no-open-jobs,
.career-no-open-jobs {
  padding-top: 45px;
}
.legal-no-found-job,
.career-no-found-job {
  padding-top: 45px;
  padding-bottom: 45px;
}
.legal-entry,
.career-entry {
  padding: 30px 70px 70px 48px;
}
.legal-entry h1,
.legal-entry h2.subject,
.career-entry h1,
.career-entry h2.subject {
  margin-top: 40px;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 50px;
  font-size: 3.125rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  color: #292d38;
}
.legal-entry h2,
.career-entry h2 {
  margin-top: 40px;
  font-family: "robotolight";
  font-weight: 300;
  font-size: 40px;
  font-size: 2.5rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  color: #292d38;
}
.legal-entry h3,
.career-entry h3 {
  color: #292d38;
  font-family: "robotolight";
  font-weight: 300;
}
.legal-entry h3.text-green,
.career-entry h3.text-green {
  margin: 30px 0px 30px;
  margin: 1.875rem 0rem 1.875rem;
  color: #6ebe3b;
}
.legal-entry h6,
.career-entry h6 {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #6b7183;
}
.legal-entry p,
.career-entry p {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #6b7183;
  margin-bottom: 30px;
}
.legal-entry p.career-entry-clause,
.career-entry p.career-entry-clause {
  font-size: 14px;
  font-size: 0.875rem;
}
.legal-entry p.career-entry-smaller,
.career-entry p.career-entry-smaller {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.legal-entry p strong,
.career-entry p strong {
  color: #7c85a2;
}
.legal-entry ul,
.career-entry ul {
  list-style: none;
  margin: 0px 0px 0px;
  margin: 0rem 0rem 0rem;
  padding: 0;
}
.legal-entry ul li,
.career-entry ul li {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #6b7183;
  padding: 0 35px 20px 40px;
  padding: 0 2.1875rem 1.25rem 2.5rem;
  display: block;
  position: relative;
  background: url("../../images/career/check.png") left 8px no-repeat;
  background-size: 18px;
  background-size: 1.125rem;
}
.legal-entry ul li ul,
.career-entry ul li ul {
  padding: 10px 0px 0px;
  padding: 0.625rem 0rem 0rem;
}
.legal-entry ul li ol,
.career-entry ul li ol {
  list-style-type: decimal;
  padding: 10px 0px 0px 20px;
  padding: 0.625rem 0rem 0rem 1.25rem;
}
.legal-entry ul li ol li,
.career-entry ul li ol li {
  display: list-item;
  background: none;
  padding: 0 35px 20px 10px;
  padding: 0 2.1875rem 1.25rem 0.625rem;
}
.legal-entry ul li strong,
.career-entry ul li strong {
  color: #6b7183;
}
.legal-entry .featured,
.career-entry .featured {
  background: #f8f8f9;
  padding: 40px 40px 10px;
}
.legal-entry .featured dt,
.career-entry .featured dt {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #282b31;
  padding: 0 0 20px 0;
  padding: 0 0 1.25rem 0;
  font-weight: bold;
}
.legal-entry .featured dd,
.career-entry .featured dd {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #6b7183;
  padding: 0 0 20px 0;
  padding: 0 0 1.25rem 0;
}
.legal-entry .featured ul,
.career-entry .featured ul {
  margin: 0px 0px 10px;
  margin: 0rem 0rem 0.625rem;
}
.legal-entry .featured ul li,
.career-entry .featured ul li {
  background: none;
  padding: 0 0 20px 0;
  padding: 0 0 1.25rem 0;
  color: #6f7480;
}
.legal-entry .featured ul li strong,
.career-entry .featured ul li strong {
  background-color: #e6e8ee;
  padding: 0 10px 0 10px;
  padding: 0 0.625rem 0 0.625rem;
}
.legal-entry ol,
.career-entry ol {
  padding: 0px 0px 0px 30px;
  padding: 0rem 0rem 0rem 1.875rem;
  margin: 0px 0px 0px;
  margin: 0rem 0rem 0rem;
}
.legal-entry ol.lower-alpha,
.career-entry ol.lower-alpha {
  list-style-type: lower-alpha;
}
.legal-entry ol li,
.career-entry ol li {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  padding: 0 35px 20px 10px;
  padding: 0 2.1875rem 1.25rem 0.625rem;
  color: #6b7183;
}
.legal-entry ol li p,
.career-entry ol li p {
  margin: 0;
}
.legal-entry ol li ol,
.career-entry ol li ol {
  padding: 10px 0px 0px 20px;
  padding: 0.625rem 0rem 0rem 1.25rem;
}
.legal-entry ol li ul,
.career-entry ol li ul {
  padding: 10px 0px 0px;
  padding: 0.625rem 0rem 0rem;
}
.legal-entry ol li ul li,
.career-entry ol li ul li {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #6b7183;
  padding: 0 35px 20px 40px;
  padding: 0 2.1875rem 1.25rem 2.5rem;
  display: block;
  position: relative;
  background: url("../../images/career/check.png") left 8px no-repeat;
  background-size: 18px;
  background-size: 1.125rem;
}
.legal-entry .table > thead > tr > th,
.career-entry .table > thead > tr > th {
  font-family: "robotolight";
  font-weight: 300;
  color: #292d38;
}
.legal-entry .table > tbody > tr > td,
.career-entry .table > tbody > tr > td {
  font-family: "robotolight";
  font-weight: 300;
  color: #6b7183;
}
.legal-entry .table.table-cookies > thead > tr > th,
.career-entry .table.table-cookies > thead > tr > th {
  text-align: center;
}
.legal-entry .table.table-cookies > thead > tr > th strong,
.career-entry .table.table-cookies > thead > tr > th strong {
  font-family: "robotoregular";
}
.legal-entry .table.table-cookies > tbody > tr > td,
.career-entry .table.table-cookies > tbody > tr > td {
  text-align: center;
}
.legal-entry .table.table-cookies > tbody > tr > td strong,
.career-entry .table.table-cookies > tbody > tr > td strong {
  font-family: "robotoregular";
}
.legal-entry .table.table-cookies > tbody > tr > td.line-top-2,
.career-entry .table.table-cookies > tbody > tr > td.line-top-2 {
  border-top-width: 2px;
}
.legal-entry .table.table-cookies > tbody > tr > td ul li,
.career-entry .table.table-cookies > tbody > tr > td ul li {
  background: none;
  padding: 8px 20px 0;
  font-size: 14px;
}
.legal-clause,
.career-clause {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  margin-top: 25px;
}
.legal-clause a,
.career-clause a {
  text-decoration: underline;
}

.legal {
  padding: 40px 0px 80px;
}
.legal .group .subgroup {
  padding-top: 50px;
}
.legal .group-buffer {
  height: 50px;
  margin-top: 30px;
  margin-bottom: 0;
}
.legal-entry {
  padding: 0px 15px 0px 15px;
}
.legal-entry h3 {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.legal-entry h3#cookie-policy-title {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 24px;
  color: #292d38 !important;
  margin-bottom: 30px !important;
}
.legal-entry #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  color: #292d38;
  margin-bottom: 20px;
}
.legal-entry #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,
.legal-entry #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #6b7183;
}
.legal-entry #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header {
  font-family: "robotolight";
  font-weight: 300;
  color: #292d38;
}
.legal-entry #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td span,
.legal-entry #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
.legal-entry #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a {
  font-family: "robotolight";
  font-weight: 300;
  color: #6b7183;
}

.btn-refer {
  font-family: "robotolight";
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  color: #00aeef;
  border-color: #72747a;
  padding: 10px 25px;
  box-sizing: border-box;
}
.btn-refer:hover {
  color: #fff;
  border-color: #fff;
}

.partners .block-gray p strong {
  background: #6ebe3b;
  padding: 0 5px;
  font-family: "robotomedium";
  font-size: 28px;
  font-size: 1.75rem;
  color: #fff;
}
.partners .functionality-bottom strong {
  font-family: "robotothin";
  font-weight: 200;
  font-size: 19px;
  font-size: 1.1875rem;
  background: url("../../images/partners/affiliate.png") no-repeat;
  color: #00b063;
  font-style: italic;
  padding-left: 26px;
  background-size: 24px;
}
.partners .functionality-bottom svg.trade-tracker {
  height: 38px;
  width: 195px;
  vertical-align: middle;
}
.partners .inHouse {
  padding: 0 0 25px;
}
.partners .inHouse .row {
  font-size: 22px;
}
.partners .btn-outline svg {
  width: 43px;
  height: 43px;
  margin: 4px 2px 4px 4px;
}

.affiliate-login {
  padding-top: 130px;
}
@media (max-width: 992px) {
  .affiliate-login {
    padding-top: 50px;
  }
}

.about-us .functionality p strong {
  color: #22262f;
  font-family: "robotomedium";
}
.about-us .functionality-img-position-wrap {
  padding-bottom: 70px;
}
.about-us .person {
  padding-bottom: 40px;
}

.url_use_cases_sales .cms-nav,
.url_use_cases_marketing .cms-nav,
.url_use_cases_trainings .cms-nav,
.url_use_cases_enterprise .cms-nav,
.url_use_cases_education .cms-nav,
.url_use_cases_online_training .cms-nav,
.url_use_cases_product_demonstration .cms-nav,
.url_partners .cms-nav,
.url_partners_sign_up .cms-nav,
.url_why_clickmeeting .cms-nav,
.url_about_us .cms-nav,
.url_join_webinar .cms-nav {
  background-color: #fff;
  padding-bottom: 30px;
}
.url_use_cases_sales .cms-nav.fixed,
.url_use_cases_marketing .cms-nav.fixed,
.url_use_cases_trainings .cms-nav.fixed,
.url_use_cases_enterprise .cms-nav.fixed,
.url_use_cases_education .cms-nav.fixed,
.url_use_cases_online_training .cms-nav.fixed,
.url_use_cases_product_demonstration .cms-nav.fixed,
.url_partners .cms-nav.fixed,
.url_partners_sign_up .cms-nav.fixed,
.url_why_clickmeeting .cms-nav.fixed,
.url_about_us .cms-nav.fixed,
.url_join_webinar .cms-nav.fixed {
  padding-bottom: initial;
}
@media (max-width: 992px) {
  .url_use_cases_sales .cms-nav.fixed,
  .url_use_cases_marketing .cms-nav.fixed,
  .url_use_cases_trainings .cms-nav.fixed,
  .url_use_cases_enterprise .cms-nav.fixed,
  .url_use_cases_education .cms-nav.fixed,
  .url_use_cases_online_training .cms-nav.fixed,
  .url_use_cases_product_demonstration .cms-nav.fixed,
  .url_partners .cms-nav.fixed,
  .url_partners_sign_up .cms-nav.fixed,
  .url_why_clickmeeting .cms-nav.fixed,
  .url_about_us .cms-nav.fixed,
  .url_join_webinar .cms-nav.fixed {
    padding-bottom: 15px;
  }
}

.banner-info {
  font-family: "Roboto", sans-serif;
}
.banner-info h3, .banner-info p {
  font-family: inherit;
}
.banner-info h3 {
  margin-top: 0;
}

.cms-nav,
.footer {
  font-family: "Roboto", sans-serif;
  box-sizing: border-box;
}

.cms-nav__tech .menu-language {
  margin-top: 1px;
}
.cms-nav__tech .menu-language .lang-choosen__name {
  line-height: 22px;
}
.cms-nav__menu {
  font-family: "Roboto", sans-serif;
}
.cms-nav__menu .mega-menu__name {
  line-height: 1.5;
}
.cms-nav.fixed .menu-pages__item, .cms-nav.small-menu .menu-pages__item {
  line-height: 24.5px;
}

@media (min-width: 1200px) {
  .footer .container {
    max-width: 1230px !important;
  }
}
.footer__link {
  line-height: 24px;
}

.col-center {
  float: none;
  margin: 0 auto;
}

.clear {
  clear: both;
}
/*# sourceMappingURL=app.css.map */