/* 
    Created on : Oct 21, 2020, 3:34:12 PM
    Author     : Mirka
*/
@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(36, 47, 89, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(36, 47, 89, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(36, 47, 89, 0);
  }
}
body {
  font-family: 'Poppins', sans-serif;
}
a {
  transition: all 0.2s ease-in-out 0s;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
.simple-link {
  font-weight: 600;
  color: #7c87be;
}
.simple-link:hover {
  color: #83144b;
}
.btn-other {
  display: inline-block;
  width: 220px;
  padding: 15px 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid #242f59;
  border-radius: 30px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #242f59;
  box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
  transition: all 0.2s ease-in-out 0s;
}
.btn-other:hover,
.btn-other:focus {
  border-color: #83144b;
  color: #83144b;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545 !important;
  padding-right: calc(2.25em) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
}
input:hover,
input:focus,
button:hover,
button:focus {
  outline: 0;
}
.font-30 {
  font-size: 1.875rem !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.pointer {
  cursor: pointer;
}
.w-80-per {
  width: 80% !important;
}
.overlay {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.check-list li {
  list-style-type: none;
}
.check-list li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  display: inline-block;
  margin-left: -1.3em;
  margin-right: 0.3em;
  width: 1.3em;
}
hr.dark-blue {
  border-color: #242f59 !important;
}
.text-blue-dark {
  color: #242f59 !important;
}
.svg-100 svg {
  max-width: 100px !important;
  max-height: 100px !important;
  fill: #242f59;
}
.background-gray {
  background-color: #f0f1f6;
}
.b-r-4 {
  border-radius: 4px;
}
/* btn demo - demo tlačítko */
.demo {
  display: table;
  width: fit-content !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 45px;
  background-image: linear-gradient(to right, #83144b, #a6195f);
  border-radius: 50px;
  border: 0;
}
.demo > a {
  width: 100%;
  padding: 15px 0px;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 500;
  text-shadow: 0px 7px 6px rgba(0, 0, 0, 0.5);
}
.demo:hover {
  background-image: linear-gradient(to left, #83144b, #a6195f);
  transition: all 0.2s ease-in-out;
}
.demo > input[type=submit] {
  font-size: 1.65rem;
  font-weight: 500;
  text-shadow: 0px 7px 6px rgba(0, 0, 0, 0.5);
  background-color: transparent;
  border: none;
  color: #ffffff;
}
.demo.demo-large {
  padding-left: 0px;
  padding-right: 0px;
}
.demo.demo-large > input[type=submit] {
  font-size: 1rem;
}
/* nav - menu */
.main-menu .navbar-brand {
  width: 65%;
}
.main-menu .navbar-collapse:not(.show) .nav-item {
  position: relative;
}
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link {
  font-size: 1.125rem;
  padding: 5px 25px;
  color: #ffffff;
}
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link:not(.nav-demo):hover:before,
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link:not(.nav-demo):focus:before {
  content: '';
  position: absolute;
  bottom: 0px;
  width: calc(65%);
  height: 2px;
  background: #a6195f;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.2s ease-in-out 0s;
}
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link.nav-demo {
  background-color: #a6195f;
  border-radius: 50px;
}
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link.nav-demo:hover,
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link.nav-demo:focus {
  background-color: #83144b;
}
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link.dropdown-toggle:after {
  display: none;
}
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link.dropdown-toggle + .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0;
}
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link.dropdown-toggle + .dropdown-menu .dropdown-item:hover,
.main-menu .navbar-collapse:not(.show) .nav-item .nav-link.dropdown-toggle + .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  transform: translateX(10px);
}
.main-menu .navbar-toggler {
  position: relative;
}
.main-menu .navbar-toggler .navbar-toggler-icon {
  position: relative;
  left: 0;
  width: 35px;
  height: 3px;
  content: "";
  border-radius: 2px;
  background-color: #a6195f;
  transition: all 0.2s ease-in-out;
}
.main-menu .navbar-toggler .navbar-toggler-icon:before,
.main-menu .navbar-toggler .navbar-toggler-icon:after {
  position: absolute;
  left: 0;
  width: 35px;
  height: 3px;
  content: "";
  border-radius: 2px;
  background-color: #a6195f;
  transition: all 0.2s ease-in-out;
}
.main-menu .navbar-toggler .navbar-toggler-icon:after {
  top: 9px;
}
.main-menu .navbar-toggler .navbar-toggler-icon:before {
  top: -9px;
}
.main-menu .navbar-collapse.show {
  position: fixed;
  left: 15px;
  margin-left: -15px;
  top: 0;
  height: 100vh;
  width: 100%;
  background: rgba(242, 242, 242, 0.97);
  transition: width 0s;
  z-index: 1;
}
.main-menu .navbar-collapse.show .navbar-nav {
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  margin-right: auto;
  margin-top: 10%;
  text-align: center;
}
.main-menu .navbar-collapse.show .navbar-nav .nav-link {
  font-size: 1.5rem;
  font-weight: 600;
  color: #242f59;
}
.main-menu .navbar-collapse.show .navbar-nav .nav-link.dropdown-toggle {
  padding-bottom: 0px;
}
.main-menu .navbar-collapse.show .navbar-nav .nav-link.dropdown-toggle + .dropdown-menu {
  border: none;
  text-align: center;
  background-color: transparent;
}
.main-menu .navbar-collapse.show .navbar-nav .nav-link.dropdown-toggle + .dropdown-menu > .dropdown-item {
  padding-left: 0px;
  padding-right: 0px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #a6195f;
}
.main-menu .navbar-collapse.show .navbar-nav .nav-link.dropdown-toggle + .dropdown-menu > .dropdown-item:hover,
.main-menu .navbar-collapse.show .navbar-nav .nav-link.dropdown-toggle + .dropdown-menu > .dropdown-item:focus,
.main-menu .navbar-collapse.show .navbar-nav .nav-link.dropdown-toggle + .dropdown-menu > .dropdown-item:active {
  background-color: transparent;
}
.main-menu .navbar-collapse.show .navbar-nav .nav-link.demo {
  padding: 5px 50px 8px;
  margin-top: 10px;
  border-radius: 50px;
  background: #a6195f;
  color: #ffffff;
}
.cross,
.cross-fce {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 35px;
  height: 30px;
  content: "";
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.cross:before,
.cross-fce:before {
  top: 2px;
  transform: rotate(45deg) translate(7px, 7px);
}
.cross:after,
.cross-fce:after {
  top: 20px;
  visibility: visible;
  transform: rotate(-45deg) translate(6px, -6px);
}
.cross:before,
.cross-fce:before,
.cross:after,
.cross-fce:after {
  height: 3px;
  width: 35px;
  border-radius: 2px;
  background-color: #a6195f;
  position: absolute;
  content: "";
  transition: all 0.2s ease-in-out;
}
/* Breadcrumb - drobečková notace */
.bread {
  margin-top: 20px;
}
.bread .crumb,
.bread .crumb > h2 {
  font-size: 1.125rem;
  font-weight: 400;
  color: #242f59;
}
.bread .crumb img {
  margin-left: 5px;
  margin-right: 5px;
}
.bread .crumb > h2 {
  text-decoration: underline;
}
.bread .crumb:first-child:hover {
  text-decoration: underline;
}
/* Homepage */
.promo-home {
  height: 96vh;
}
.promo-home video {
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  -o-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  -webkit-object-fit: cover;
}
.promo-home .promo-box {
  margin-top: 10%;
  text-align: center;
  color: white;
}
.promo-home .promo-box h2 {
  font-size: 2rem;
  font-weight: 600;
}
.promo-home .promo-box p {
  font-size: 1rem;
}
.promo-home .demo-arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 15px;
}
.hp-function {
  background-image: url('../images/home-tab-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 180px;
}
.hp-function h3 {
  margin-top: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  color: #242f59;
}
.hp-function .crumb {
  color: #242f59;
}
.hp-function .crumb:hover,
.hp-function .crumb:focus {
  color: #000000;
}
.hp-function .crumb img {
  margin-right: 5px;
}
.hp-function .p-first {
  font-size: 1.125rem;
  margin-top: 20px;
  color: #7c87be;
}
.hp-function .function-list .accordion-wrap {
  border-radius: 4px;
}
.hp-function .function-list .accordion-wrap .hp-fce .slick-next {
  right: 5px;
}
.hp-function .function-list .accordion-wrap .hp-fce .slick-prev {
  left: 5px;
}
.hp-function .function-list .accordion-wrap .hp-fce .slick-track {
  height: 140px;
  display: flex;
}
.hp-function .function-list .accordion-wrap .hp-fce .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.hp-function .function-list .accordion-wrap .function-row {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-svg svg {
  width: 60px;
  height: 80px;
  fill: #242f59;
}
.hp-function .function-list .accordion-wrap .function-row h4 {
  /*margin-top: 55px;*/
  font-size: 0.9375rem;
  font-weight: 600;
  color: #83144b;
}
.hp-function .function-list .accordion-wrap .function-row .arrow {
  position: relative;
  width: 50px;
  height: 150px;
  margin-top: 10px;
  margin-right: -5px;
  outline: 0 !important;
  cursor: pointer;
}
.hp-function .function-list .accordion-wrap .function-row .arrow2 {
  position: relative;
  width: 50px;
  height: 150px;
  margin-top: 10px;
  margin-left: -5px;
  transform: rotate(180deg);
  outline: 0 !important;
  cursor: pointer;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-white {
  width: 50%;
  height: 140px;
  margin: 15px 0px 15px 0px;
  vertical-align: top;
  background-color: #ffffff;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc {
  outline: 0 !important;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap {
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  outline: 0 !important;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:hover,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:active,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus-within,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus-visible,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap[aria-expanded='true'] {
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  outline: 0 !important;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:hover > svg,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus > svg,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:active > svg,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus-within > svg,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus-visible > svg,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap[aria-expanded='true'] > svg {
  fill: #83144b !important;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:hover > h5,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus > h5,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:active > h5,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus-within > h5,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap:focus-visible > h5,
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap[aria-expanded='true'] > h5 {
  color: #83144b;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap svg {
  width: 25% !important;
  max-width: 100px !important;
  max-height: 100px !important;
  fill: #242f59;
}
.hp-function .function-list .accordion-wrap .function-row .wrap-white .wrap-fc .function-wrap h5 {
  display: inline-block;
  padding-left: 5px;
  font-size: 1rem;
  vertical-align: middle;
  /*text-align: left;*/
  color: #242f59;
}
.hp-function .function-list .accordion-wrap .function-desc {
  padding: 10px;
}
.hp-function .function-list .accordion-wrap .function-desc .img-custom {
  margin-top: 10px;
  border: solid 0.5px #242f59;
  border-radius: 4px;
}
.hp-function .function-list .accordion-wrap .function-desc .ico-zoom {
  position: absolute;
  right: -30px;
  top: -30px;
  background: #242f59;
  border-radius: 50%;
  box-shadow: 0 0 0 0 #242f59;
  margin: 0px;
  transform: scale(1);
  animation: pulse-blue 2s infinite;
  cursor: zoom-in;
  z-index: 1;
}
.hp-function .function-list .accordion-wrap .function-desc .wrap-text {
  text-align: left;
}
.hp-function .function-list .accordion-wrap .function-desc .wrap-text h4 {
  margin-top: 0px;
  font-size: 3rem;
  font-weight: 600;
  color: #83144b;
}
.hp-function .function-list .accordion-wrap .function-desc .wrap-text h5 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #242f59;
}
.hp-function .function-list .accordion-wrap .function-desc .wrap-text p {
  font-size: 1.125rem;
  color: #7c87be;
}
.hp-function .function-list .accordion-wrap .function-desc .wrap-text .see-more {
  font-size: 1.125rem;
  color: #242f59;
}
.hp-function .function-list .accordion-wrap .function-desc .wrap-text .see-more:hover,
.hp-function .function-list .accordion-wrap .function-desc .wrap-text .see-more:focus {
  color: #83144b;
}
.hp-function .benefits-wrap {
  border-radius: 10px;
  padding: 15px 10px;
  box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(rgba(255, 255, 255, 0), #f0f1f6, #fefefe);
  text-align: center;
}
.hp-function .benefits-wrap h4 {
  font-size: 1.875rem;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 25px;
  color: #242f59;
}
.hp-function .benefits-wrap p {
  font-size: 1.125rem;
  color: #7c87be;
}
.hp-function .progress-name h3 {
  margin-top: 110px;
  margin-bottom: 60px;
}
.hp-function .progress-wrap svg {
  width: 50%;
}
.hp-function .progress-wrap .progressbar-text {
  font-size: 1.5rem;
  font-weight: bold;
  color: #242f59 !important;
}
.btn-benefits {
  display: inline-block;
  padding: 15px 25px;
  margin-top: 50px;
  margin-bottom: 50px;
  border: 2px solid #242f59;
  border-radius: 30px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #242f59;
  box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
  transition: all 0.2s ease-in-out 0s;
}
.btn-benefits:hover,
.btn-benefits:focus {
  border-color: #83144b;
  color: #83144b;
}
.demo-free {
  padding-top: 90px;
  padding-bottom: 90px;
  font-size: 1.5625rem;
  font-weight: 400;
  background-image: url('../images/home-reg-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #ffffff;
}
.demo-free .title {
  font-size: 3.125rem;
  font-weight: 600;
  margin-bottom: 35px;
}
.demo-free .demo-first {
  margin-bottom: 20px;
}
.demo-free .demo-second {
  margin-bottom: 90px;
  font-size: 1.125rem;
}
.demo-free .demo-btn {
  padding: 15px 45px;
  background-image: linear-gradient(to right, #83144b, #a6195f);
  color: #ffffff;
  border-radius: 50px;
  border: 0;
}
.demo-free .demo-btn:hover {
  background-image: linear-gradient(to left, #83144b, #a6195f);
  transition: all 0.2s ease-in-out;
}
.demo-free .demo-btn-white {
  padding: 15px;
  background: transparent;
  color: #ffffff;
  border-radius: 50px;
  border: 2px solid #ffffff;
}
.demo-free .demo-btn-white:hover {
  background: rgba(255, 255, 255, 0.1);
}
.references {
  padding-top: 100px;
  padding-bottom: 100px;
  color: #242f59;
  background-image: url('../images/home-tab-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.references h3 {
  font-size: 1.5625rem;
  margin-top: 10px;
  margin-bottom: 100px;
  color: #7c87be;
}
.references .dark-blue {
  margin-top: 90px;
  margin-bottom: 50px;
}
.references .reference-box {
  padding-left: 10px;
  padding-right: 10px;
}
.references .reference-box:hover,
.references .reference-box:focus {
  outline: none;
}
.references .reference-box .reference-text {
  position: relative;
  /*height: 300px;*/
  padding: 30px 20px 30px 20px;
  margin-bottom: 40px;
  font-size: 1.125rem;
  box-shadow: 0px 7px 7px 3px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #f0f1f6, #fdfdfe);
  text-align: left;
  color: #7c87be;
}
.references .reference-box .reference-text .see-more {
  color: #242f59;
  cursor: pointer;
}
.references .reference-box .reference-text .see-more:hover,
.references .reference-box .reference-text .see-more:focus {
  color: #83144b;
}
.references .reference-box .reference-text .diamond {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  left: 35px;
  bottom: -14px;
  box-shadow: 6px 7px 7px 0px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
  background: #ffffff;
}
.references .reference-box .photo {
  margin-right: 20px;
  border-radius: 50%;
  max-width: 80px;
}
.references .reference-box h4 {
  font-size: 1.5625rem;
  color: #242f59;
  font-weight: 500;
}
.references .reference-box h4 + p {
  font-size: 1rem;
  color: #7c87be;
}
.references .partner {
  margin-top: 70px;
  margin-bottom: 90px;
}
.references .partner a:hover {
  outline: none !important;
}
.references .partner a:hover img {
  filter: brightness(110%);
}
/* Price-list - ceník */
.price-list {
  background-image: url('../images/baloon-bg-reverse.png');
  background-position: -100px -250px;
  background-repeat: no-repeat;
  background-size: cover;
}
.price-list .title {
  margin-top: 20px;
  font-size: 2.1875rem;
  font-weight: 600;
  color: #242f59;
  text-align: center;
}
.price-list .desc {
  font-size: 1.125rem;
  color: #242f59;
  text-align: center;
}
.price-list .trial {
  font-size: 1rem;
  font-weight: 600;
  color: #242f59;
  text-align: center;
}
.price-list .price-labels {
  margin-top: 45px;
  margin-bottom: 34px;
}
.price-list .price-labels .slick-slide {
  padding-bottom: 11px !important;
}
.price-list .price-labels .slick-slide:hover,
.price-list .price-labels .slick-slide:focus {
  outline: none;
}
.price-list .price-labels .price-box {
  width: 95%;
  padding: 30px 10px 25px 10px;
  margin-left: 5px;
  margin-right: 5px;
  box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #f0f1f6, #fefefe);
  text-align: center;
  color: #242f59;
  cursor: pointer;
}
.price-list .price-labels .price-box svg {
  max-width: 100px;
  max-height: 100px;
  fill: #83144b;
}
.price-list .price-labels .price-box h3 {
  font-size: 1.875rem;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 0px;
}
.price-list .price-labels .price-box .count {
  font-size: 1.25rem;
}
.price-list .price-labels .price-box .desc {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.125rem;
  color: #7c87be;
}
.price-list .price-labels .price-box .price {
  margin-bottom: 0px;
  font-size: 1.875rem;
  font-weight: 600;
}
.price-list .price-labels .price-box .price-desc {
  font-size: 1.125rem;
}
.price-list .price-labels .price-box .choosen {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 45px;
  text-shadow: 0px 7px 6px rgba(0, 0, 0, 0.5);
  font-size: 1.125rem;
  font-weight: 500;
  border-radius: 50px;
  background-image: linear-gradient(to right, #a81b61, #d5488e);
  color: #ffffff;
  border: 0;
}
.price-list .price-labels .price-box:hover,
.price-list .price-labels .price-box:focus,
.price-list .price-labels .price-box.active {
  background-image: linear-gradient(100deg, #a81b61, #d74990);
  color: #ffffff;
  outline: none !important;
}
.price-list .price-labels .price-box:hover svg,
.price-list .price-labels .price-box:focus svg,
.price-list .price-labels .price-box.active svg {
  fill: #ffffff;
}
.price-list .price-labels .price-box:hover .desc,
.price-list .price-labels .price-box:focus .desc,
.price-list .price-labels .price-box.active .desc {
  color: #242f59;
}
.price-list .price-labels .price-box:hover .choosen,
.price-list .price-labels .price-box:focus .choosen,
.price-list .price-labels .price-box.active .choosen {
  color: #83144b;
  background: #ffffff;
  text-shadow: none;
}
.price-list .cus-action {
  font-size: 1rem;
  color: #7c87be;
  text-align: center;
}
.price-list .demo {
  margin-top: 40px;
  margin-bottom: 40px;
  cursor: pointer;
}
/* Funkce */
.functions {
  background: url('../images/home-tab-bg.png');
  background-repeat: repeat-y;
  background-position: -100px 37px;
}
.functions h3 {
  margin-top: 20px;
  font-size: 2.1875rem;
  font-weight: 600;
  color: #242f59;
  text-align: center;
}
.functions .desc {
  font-size: 1.125rem;
  color: #242f59;
  text-align: center;
}
.functions .function-ico {
  margin-bottom: 50px;
}
.functions .function-ico a {
  font-size: 1.25rem;
  font-weight: 600;
  color: #83144b;
}
.functions .function-ico a:hover,
.functions .function-ico a.active {
  color: #242f59;
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.functions .function-ico a:hover svg,
.functions .function-ico a.active svg {
  fill: #83144b;
}
.functions .function-ico a svg {
  fill: #242f59;
  max-width: 100px !important;
  max-height: 100px !important;
}
.functions .functions-wrap {
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 110px;
}
.functions .functions-wrap .function-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}
.functions .functions-wrap .function-wrap h4 {
  font-size: 2rem;
  font-weight: 600;
  color: #83144b;
}
.functions .functions-wrap .function-wrap h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #242f59;
}
.functions .functions-wrap .function-wrap p {
  font-size: 1rem;
  color: #7c87be;
}
.functions .functions-wrap .function-wrap .wrap-img {
  position: relative;
  margin-top: 15px;
  width: 85%;
}
.functions .functions-wrap .function-wrap .wrap-img .img-custom {
  border-radius: 5px;
  box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.1);
}
.functions .functions-wrap .function-wrap .wrap-img .ico-zoom {
  position: absolute;
  right: -30px;
  top: -30px;
  background: #242f59;
  border-radius: 50%;
  box-shadow: 0 0 0 0 #242f59;
  margin: 0px;
  transform: scale(1);
  animation: pulse-blue 2s infinite;
  cursor: zoom-in;
}
.functions .functions-wrap .custom-hr {
  max-width: 500px;
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: #242f59;
}
.zoom-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
}
.zoom-wrap .img-zoom {
  width: 80vw;
  margin-top: 25vh;
  border: 3px solid #83144b;
  border-radius: 20px;
  cursor: zoom-out;
}
.zoom-wrap-hp {
  position: fixed;
  width: 100vw;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #f0f1f6;
  z-index: 1;
  overflow: scroll;
}
.zoom-wrap-hp .zoomed-hp-wrap {
  width: 90vw;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10vh;
  margin-bottom: 10vh;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
}
.zoom-wrap-hp .zoomed-hp-wrap i {
  cursor: pointer;
  margin-right: 15px;
}
.zoom-wrap-hp .zoomed-hp-wrap i:hover {
  color: #83144b;
}
.zoom-wrap-hp .zoomed-hp-wrap p {
  margin-top: 20px;
}
.zoom-wrap-hp .zoomed-hp-wrap img {
  margin-top: 30px;
  margin-bottom: 20px;
  border-radius: 50%;
  border: solid 0.5px lightgrey;
  max-width: 100px;
}
/* Demo - registrační form */
.demo-reg {
  background-image: url('../images/baloon-bg-reverse.png');
  background-repeat: no-repeat;
  background-position: -100px -100px;
  background-size: cover;
  padding-bottom: 50px;
}
.demo-reg .title {
  margin-top: 20px;
  font-size: 2.1875rem;
  font-weight: 600;
  color: #242f59;
  text-align: center;
}
.demo-reg .desc {
  font-size: 1.125rem;
  color: #242f59;
  text-align: center;
}
.demo-reg .demo-form .text {
  font-size: 1.125rem;
  font-weight: 600;
  color: #242f59;
}
.demo-reg .demo-form input[type=email],
.demo-reg .demo-form input[type=text] {
  box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.1);
  border: 0;
  width: 100%;
  padding: 10px 20px;
  border-radius: 50px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), #fff);
  background-color: rgba(255, 255, 255, 0);
}
.demo-reg .demo-form input[type=email]:hover,
.demo-reg .demo-form input[type=text]:hover,
.demo-reg .demo-form input[type=email]:focus,
.demo-reg .demo-form input[type=text]:focus {
  background-color: #ffffff;
}
.demo-reg .demo-form .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #242f59;
}
.demo-reg .demo-form .custom-checkbox {
  margin-top: 35px;
  transition: all 0.2s ease-in-out 0s;
}
.demo-reg .demo-form .custom-checkbox:hover,
.demo-reg .demo-form .custom-checkbox:focus {
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.demo-reg .demo-form .custom-checkbox .custom-control-label {
  font-size: 1rem;
  color: #242f59;
  cursor: pointer;
}
.demo-reg .demo-form .custom-checkbox .custom-control-label:before {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  border-radius: 50%;
  box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #242f59;
}
.demo-reg .demo-form .custom-checkbox .custom-control-label:after {
  display: none;
}
.demo-reg .demo-form .btn-submit {
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 15px 45px;
  border-radius: 50px;
  text-shadow: 0px 7px 6px rgba(0, 0, 0, 0.5);
  border: 0;
  background-image: linear-gradient(to right, #a81b61, #d5488e);
  color: #ffffff;
  font-size: 1.65rem;
  font-weight: 500;
}
.demo-reg .demo-form .btn-submit:hover,
.demo-reg .demo-form .btn-submit:focus {
  background-image: linear-gradient(to left, #a81b61, #d5488e);
}
.demo-reg .choice {
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 45px;
  margin-bottom: 45px;
  color: #242f59;
  text-align: center;
}
/* Ostatní - universal wrap */
.other.bg-normal {
  background-image: url('../images/home-tab-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.other.bg-reverse {
  background-image: url('../images/baloon-bg-reverse.png');
  background-position: -100px -250px;
  background-repeat: no-repeat;
  background-size: cover;
}
.other .title {
  margin-top: 20px;
  font-size: 2.1875rem;
  font-weight: 600;
  color: #242f59;
  text-align: center;
}
.other .sub-title {
  margin-top: 10px;
  font-size: 1.65rem;
  font-weight: 600;
  color: #242f59;
  text-align: center;
}
.other .desc {
  font-size: 1.125rem;
  color: #242f59;
  text-align: center;
}
.other .list-center {
  width: fit-content !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
  color: #242f59;
}
/* Footer - patička */
.footer {
  padding-top: 60px;
  background-image: url('../images/footer-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.footer .crumb {
  margin-bottom: 35px;
}
.footer .crumb h3 {
  margin-bottom: 0px;
  font-size: 1.125rem;
  font-weight: 700;
}
.footer .crumb img {
  margin-right: 5px;
  margin-bottom: 5px;
}
.footer h4 {
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 600;
}
.footer .form-desc {
  margin-bottom: 35px;
  font-size: 1.125rem;
}
.footer form label {
  font-size: 1.125rem;
  font-weight: 600;
}
.footer form input,
.footer form textarea {
  padding: 10px 20px;
  cursor: pointer;
}
.footer form input {
  border-radius: 50px;
}
.footer form textarea {
  border-radius: 25px;
}
.footer form .invalid-feedback {
  padding-left: 20px;
  color: #ffffff;
}
.footer form .btn-submit {
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 10px 45px;
  border-radius: 50px;
  text-shadow: 0px 7px 6px rgba(0, 0, 0, 0.5);
  border: 0;
  background-image: linear-gradient(to right, #a81b61, #d5488e);
  color: #ffffff;
  font-size: 1.65rem;
  font-weight: 500;
}
.footer form .btn-submit:hover,
.footer form .btn-submit:focus {
  background-image: linear-gradient(to left, #a81b61, #d5488e);
}
.footer .address {
  color: #7c87be;
}
.footer .contact h5 {
  font-size: 1.125rem;
  color: #7c87be;
}
.footer .contact h5 + div {
  font-size: 1.5625rem;
}
.footer .contact a {
  display: block;
  font-size: 1.125rem;
  color: #7c87be;
}
.footer .contact a:hover {
  color: #ffffff;
}
.footer .contact a img {
  margin-right: 5px;
}
.footer .back2top {
  position: fixed;
  left: auto;
  right: 5px;
  top: auto;
  bottom: 95px;
  text-align: center;
  height: 55px;
  width: 55px;
  line-height: 65px;
  background-color: #a6195f;
  border-radius: 50px;
  cursor: pointer;
  transition: all .3s linear;
}
.footer .back2top:hover {
  background-color: #83144b;
}
.footer .try-demo {
  position: fixed;
  left: auto;
  right: 5px;
  top: auto;
  bottom: 162px;
  width: 55px;
  line-height: 3.5rem;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.5rem;
  writing-mode: tb-rl;
  text-align: center;
  background-color: #a6195f;
  border-radius: 50px;
  cursor: pointer;
  transition: all .3s linear;
}
.footer .try-demo a {
  color: #ffffff;
}
.footer .try-demo:hover {
  background-color: #83144b;
}
.footer .last-line {
  margin-top: 60px;
}
.footer .last-line a {
  color: #7c87be;
}
.footer .last-line a:hover {
  color: #ffffff;
}
/* Média */
@media (min-width: 430px) {
  .main-menu .navbar-brand {
    width: auto;
  }
  .promo-home .promo-box {
    margin-top: 15%;
  }
  .promo-home .promo-box h2 {
    font-size: 2.5rem;
  }
  .demo > a {
    padding: 15px 45px;
    font-size: 1.65rem;
  }
  .demo.demo-large {
    padding-left: 25px;
    padding-right: 25px;
  }
  .demo.demo-large > input[type=submit] {
    font-size: 1.5rem;
  }
  .hp-function .p-first {
    width: 80%;
  }
  .function-list .function-row .wrap-white {
    width: 73%;
  }
  .demo-free .demo-btn-white {
    padding: 15px 45px;
  }
}
@media (min-width: 576px) {
  .price-list .trial,
  .price-list .cus-action {
    font-size: 1.5rem;
  }
  .price-list .price-slide .price-box .custom-box {
    padding-left: 3px;
    padding-right: 3px;
  }
  .demo.demo-large {
    padding-left: 45px;
    padding-right: 45px;
  }
  .demo.demo-large > input[type=submit] {
    font-size: 1.65rem;
  }
  .footer form label {
    text-align: right;
  }
  .footer form .btn-submit {
    float: right;
  }
}
@media (min-width: 768px) {
  .promo-home .promo-box {
    padding-left: 10%;
    padding-right: 10%;
  }
  .hp-function .function-list .wrap-white {
    width: 85% !important;
  }
  .functions .functions-wrap .function-wrap h4 {
    font-size: 3rem;
  }
  .functions .functions-wrap .function-wrap p {
    font-size: 1.125rem;
  }
  .footer form .btn-submit {
    float: none;
  }
}
@media (min-width: 992px) {
  .promo-home .promo-box {
    margin-top: 5%;
  }
  .promo-home .promo-box h2 {
    font-size: 3rem;
  }
  .promo-home .promo-box p {
    font-size: 1.125rem;
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .functions .functions-wrap .zoom-wrap .img-zoom {
    width: 90vw !important;
    margin-top: 15vh !important;
  }
  .hp-function .progress-wrap svg {
    width: 100%;
  }
  .hp-function .progress-wrap .progressbar-text {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  nav {
    padding: 25px 0px !important;
  }
  .promo-home .promo-box h2 {
    font-size: 4.0625rem;
  }
  .hp-function {
    background-position-y: 300px;
  }
  .hp-function .function-list .function-desc {
    padding: 59px 30px 100px 30px !important;
  }
  .hp-function .function-list .wrap-white {
    width: 89% !important;
  }
  .hp-function .function-list .function-wrap svg {
    width: 50px;
    height: 50px;
  }
  .hp-function .benefits-wrap {
    margin-top: 70px;
  }
  .demo-free {
    padding-left: 20%;
    padding-right: 20%;
  }
  .references {
    background-position-x: -50px;
    background-position-y: -140px;
  }
  .footer .last-line {
    margin-top: 250px;
  }
  .footer .address {
    padding-left: 60px;
  }
  .functions .functions-wrap .zoom-wrap .img-zoom {
    width: 95vw !important;
    margin-top: 3vh !important;
  }
  .price-list .price-labels .slick-slide.first-box {
    margin-left: 0px !important;
  }
  .price-list .price-labels .slick-slide.last-box {
    margin-right: 0px !important;
  }
  .zoom-wrap-hp .zoomed-hp-wrap {
    width: 50vw;
    margin-top: 20vh;
  }
}