body {
   font-family: "Muli", sans-serif;
   color: #060b4d;
}
.text-purple {
   color: #6a35ff;
}
.carousel-indicators li {
   background-color: #6a35ff;
}
.text-150 {
   font-size: 150%;
}
.btn {
   padding: 0.8rem 1.2rem;
   border-radius: 0.5rem;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active {
   color: #6a35ff;
}
.btn-sm {
   font-weight: 700;
   font-size: 0.8rem;
}
.hm-logo {
   margin-right: 12rem;
}
nav a {
   color: #060b4d;
   font-weight: 700;
   font-size: 0.8rem;
   padding: 0.5rem 1.4rem;
}
.nav-item a:hover {
   text-decoration: none;
}
.navbar-light .navbar-toggler {
   border-color: white;
   outline: none;
}
.navbar-light .collapsed .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%236a35ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='red' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
   background: #6a35ff;
}
.cards {
   max-width: 800px;
}
.cards .card-header {
   background: none;
   border-bottom: none;
}
.hm-card-body {
   padding-bottom: 0rem !important;
}
.card-footer {
   border-top: none;
   background-color: transparent;
   margin-top: -1rem;
}
.card-avatar {
   position: relative;
}
.card-avatar img {
   width: 3rem;
   height: 3rem;
}
.hm-section {
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-size: cover;
   background-repeat: no-repeat;
   background-position-x: center;
}
.hm-section-gray {
   background-color: #f3f3f3;
}
.card-body .h6 {
   font-weight: 700;
}
.card-title {
   font-size: 3rem;
   font-weight: 700;
}
.card-body .text-muted {
   font-size: 1.2rem;
   margin-top: -1rem;
}
h2 {
   margin-bottom: 2rem;
}
.hm-top {
   background-image: url(/img/pics/01-ilustracia-1c1.svg);
   background-position-y: bottom;
   height: 900px;
   position: relative;
}
.hm-top-btns {
   position: relative;
   z-index: 10;
}
.hm-image {
   background-image: url(/img/pics/hm-zena.png);
   background-size: contain;
   background-position-y: bottom;
   background-repeat: no-repeat;
   background-position-x: right;
   position: absolute;
   width: 100%;
   right: 0px;
   bottom: 0px;
   height: 630px;
}
.hm-title {
   color: #020748;
   font-weight: 700;
   font-size: 450%;
}
.hm-title1 {
   text-align: center;
   font-size: 200%;
}
.hm-subtitle {
   margin: 1rem 0rem;
   color: #8c88a3;
   font-size: 150%;
   text-align: center;
   font-weight: 700;
}
.hm-top1 {
   background-image: url(/img/pics/01-ilustracia-2c.svg);
   background-position: center;
   height: 900px;
}
.hm-top2 {
   margin-top: -16rem;
}
.hm-klienti {
   background-image: url(/img/pics/01-ilustracia-3c.svg);
   background-position: center;
}
.hm-klienti-circle {
   width: 2rem;
   position: absolute;
   height: 2rem;
   border-radius: 2rem;
   left: 2rem;
   bottom: -0.5rem;
   margin: 0px;
   color: white;
   font-size: 2rem;
   text-align: center;
   padding: 0rem;
   font-weight: bold;
}
.hm-klienti-pozicia {
   margin-top: 0;
   font-size: 80%;
}
.pg-prod-section {
   background-image: url(/img/pics/01-ilustracia-2c-sm.svg);
   background-position: center;
   background-size: cover;
   height: initial;
   padding-top: 2rem;
   padding-bottom: 2rem;
}
.pg-prod-section .hm-title {
   width: 50%;
   margin: auto;
}
.hm-klienti-circle1 {
   background: #51f0ff;
}
.hm-klienti-circle2 {
   background: #fcc700;
}
.hm-klienti-circle3 {
   background: #6b38ff;
}
.hm-faq {
   background-image: url(/img/pics/01-ilustracia-4c.svg);
   background-position-y: top;
}
.pg-prod-back {
   background-image: url(/img/pics/01-ilustracia-7c.svg);
   background-position: center;
   background-position-y: top;
   background-size: contain;
   background-repeat: no-repeat;
}
.hm-faq-container {
   max-width: 700px;
}
.hm-faq-list > div {
   padding: 1.5rem;
   border-bottom: 2px solid #dbdbdd;
   background-image: url(/img/icons/icon-arrow.svg);
   background-repeat: no-repeat;
   background-size: 1rem;
   background-position-y: center;
   background-position-x: left;
   padding-left: 3rem;
}

.hm-doc-card {
   border: 2px solid #eeeaf8;
   border-radius: 5px;
   margin: 0.5rem;
   padding: 1.5rem;
}
.hm-doc-dwn {
   width: 9rem;
   background-color: #d6cbf6;
   border: none;
   color: #6a35ff;
}

footer {
   background: #1b1b1b;
}
.pg-footer {
   background-size: cover;
   background-repeat: no-repeat;
   background-position-x: center;
   background-image: url(/img/pics/01-ilustracia-5c.svg);
   background-position-y: bottom;
   height: 600px;
   margin-top: -400px;
}
.pg-section {
   background-size: contain;
   background-repeat: repeat-y;
   background-position-x: center;
   background-image: url(/img/pics/01-ilustracia-6c.svg);
   background-position-y: top;
}
.pg-body h2 {
   font-size: 200%;
   font-weight: 700;
   margin-top: 1rem;
}
.pg-body h3 {
   font-size: 150%;
   font-weight: 700;
   margin: 2rem 0rem 1rem 0;
}
.pg-subtitle {
   color: #8e87a5;
}
label {
   color: #060b4d; /* #8e87a5;*/
   font-size: 80%;
   font-weight: 700;
}
.alert {
   color: #060b4d;
   font-size: 100%;
}
select.form-control,
input.form-control,
textarea.form-control {
   border-color: #060b4d; /*#8e87a5; */
   border-radius: 0.5rem;
   font-size: 100%;
   color: #060b4d;
}
.form-check-label {
   margin-left: 0.5rem;
}

.pg-faq-detail {
   display: none;
   font-weight: 700;
   padding: 0 2rem 1rem 0.5rem;
}
.pg-faq-num {
   font-size: 120%;
   font-weight: 700;
   color: #6a35ff;
}
.pg-faq-item {
   padding: 150%;
   cursor: pointer;
}
.pg-faq-item:not(:first-child) {
   border-top: 2px solid #edecf4;
}

.kt-email,
.kt-tel {
   padding: 0.5rem;
   color: #6a35ff;
   color: #6a35ff;
   font-size: 140%;
   background-image: url(/img/icons/icon-phone.svg);
   background-position: left;
   background-repeat: no-repeat;
   background-size: 2rem;
   padding-left: 3rem;
   margin-right: 2rem;
}
.kt-email {
   background-image: url(/img/icons/icon-email.svg);
}

hr {
   border: none;
   height: 2px;
   background-color: #eee9fe;
   color: #eee9fe;
}
hr.small {
   width: 30%;
}
.pg-prod-card {
   border: 2px solid #eee9fe;
   border-radius: 0.5rem;
}
.pg-prod-card p {
   text-align: justify;
}
.modal-content p {
   margin-bottom: 0.5rem !important;
}
.modal-content hr {
   margin: 0.5rem 0 !important;
}
.mdw-bdy p,
.mdw-bdy li {
   font-size: 0.75rem;
}
.mdw-bdy h6 {
   font-size: 0.8rem;
   text-decoration: underline;
   font-weight: 700;
}

#mdw-aboutvideo .modal-dialog {
   max-width: 1000px !important;
}
#mdw-aboutvideo button {
   padding-right: 0.2rem;
}
#mdw-aboutvideo .modal-body {
   padding: 0 !important;
}

.blink {
   animation: blink-animation 1s ease-in-out infinite alternate;
 }
 @keyframes blink-animation {
   0%   {opacity: 0;}
   25%  {opacity: 100%;}
   50%  {opacity: 100%;}
   75%  {opacity: 100%;}
   100% {opacity: 0px;}   
 }
.pg-prod-info {
   font-weight: 700;
   margin-bottom: 0rem !important;
}

.pg-prod-info small {
   color: #6a35ff;
}

#cfrm-dlg .modal-content {
   background-color: #1b1b1b;
   color: white;
   font-size: 90% !important;
   border-radius: 2rem;
}
#cfrm-dlg hr {
   width: 50%;
   height: 1px;
   color: gray;
   background-color: gray;
   margin: 1rem auto !important;
}
#cfrm-dlg a,
#cfrm-dlg a:hover,
#cfrm-dlg a:active {
   color: white;
   text-decoration: underline;
}
#cfrm-dlg .modal-body {
   background-image: url(/img/pics/cfrm-back.svg);
   background-position: center;
   background-position-y: top;
   background-size: contain;
   background-repeat: no-repeat;
}

#cfrm-dlg .close {
   color: white;
   text-shadow: none;
   opacity: 0.9;
}
.cfrm-title {
   color: #6a35ff;
   font-size: 140% !important;
   text-align: center;
}
.icon {
   background-size: cover;
   display: inline-block;
   height: 1rem;
   width: 1rem;
   margin-left: 0.5rem;
   top: 0.2rem;
   position: relative;
   -webkit-transition: background-image 0.15s ease-in-out;
   transition: background-image 0.15s ease-in-out;
}
.icon-arrow-white {
   background-image: url("/img/icons/icon-arrow-white.svg");
}
.icon-arrow-dark {
   background-image: url("/img/icons/icon-arrow-dark.svg");
}
.icon-arrow-black {
   background-image: url("/img/icons/icon-arrow-black.svg");
}
.icon-moje-poistenie {
   background-image: url("/img/icons/icon-moje-poistenie.svg");
}
.icon-dwn {
   background-image: url("/img/icons/icon-download-white.svg");
}
.btn-outline-primary:hover .icon-moje-poistenie {
   background-image: url("/img/icons/icon-moje-poistenie-white.svg");
}
.ako-to-funguje {
   background-image: url(/img/icons/icon-play-round.svg);
   background-repeat: no-repeat;
   background-position-x: left;
   background-position-y: center;
   padding-left: 2.5rem !important;
   background-size: 2.1rem;
}

.icon-download {
   width: 1.2rem;
   height: 1.2rem;
   background-image: url("/img/icons/icon-download.svg");
}
.hm-doc-dwn:hover .icon-download {
   background-image: url("/img/icons/icon-download-white.svg");
}

@media (max-width: 1500px) {
   .hm-image {
      height: 500px;
   }
}
@media (max-width: 1200px) {
   .hm-logo {
      margin-right: 0rem;
   }
   .hm-section {
      padding-top: 4rem;
      padding-bottom: 4rem;
   }
   .hm-image {
      height: 350px;
   }
   .hm-top,
   .hm-top1 {
      height: 700px;
   }
   .pg-prod-section {
      height: initial;
   }
   .pg-prod-section .hm-title {
      width: 70%;
      font-size: 350%;
   }
}
@media (max-width: 768px) {
   body,
   p {
      font-size: 0.8rem;
   }
   .hm-title {
      font-size: 220%;
   }
   .pg-prod-section .hm-title {
      font-size: 180%;
   }
   .hm-title1 {
      font-size: 200%;
   }
   .hm-subtitle,
   .pg-subtitle {
      font-size: 100%;
      text-align: left;
   }
   .pg-body h2 {
      font-size: 150%;
   }
   .hm-section {
      padding-top: 1rem;
      padding-bottom: 1rem;
      background-size: contain;
   }
   .hm-doc-card {
      margin: 0.2rem;
      padding: 1rem;
   }

   .pg-footer,
   .pg-section {
      background-size: contain;
   }
   .hm-image {
      height: 250px;
   }
   .hm-top,
   .hm-top1 {
      height: 450px;
      /*background-image: none;*/
   }
   .pg-prod-back {
      background-size: contain;
   }
   .hm-top1 {
      height: initial;
   }
   .hm-top2 {
      margin-top: 0;
   }

   .hm-faq {
      background-image: none;
   }
   .btn {
      padding: 0.4rem 0.8rem;
      font-weight: 700;
      font-size: 0.8rem;
   }
   nav a {
      padding: 1rem 0.5rem;
   }
   nav li {
      margin: 0.5rem 0;
   }
   .navbar-brand img {
      height: 6rem;
   }
   .pg-footer {
      height: 600px;
      margin-top: -500px;
   }
   .pg-prod-section {
      background-image: none;
   }
   .pg-prod-section .hm-title {
      font-size: 150%;
      width: 100%;
   }
}

.navbar-toggler {
   border: none;
   background: transparent !important;
}

.navbar-toggler:focus {
   outline: none;
   background: transparent !important;
}

.navbar-toggler .icon-bar {
   background-color: #6a35ff;
   transform: rotate(0deg) translate(0px, 0px);
   transition: ease all 0.2s;
}

.navbar-toggler .icon-bar {
   display: block;
   width: 22px;
   height: 2px;
   border-radius: 1px;
}

.navbar-toggler .icon-bar + .icon-bar {
   margin-top: 4px;
}

.icon-bar:nth-child(2) {
   width: 22px;
   transition: ease all 0.2s;
}
/*
 .navbar-toggler:hover>.icon-bar:nth-child(2) {
   width: 22px;
   transition: ease all .2s;
 }
 
 .navbar-toggler:active>.icon-bar:nth-child(2) {
   width: 22px;
   transition: ease all .2s;
 }
 */
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
   transform: rotate(45deg) translate(5px, 4px);
   transition: ease all 0.2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
   opacity: 0;
   transition: ease all 0.2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
   transform: rotate(-45deg) translate(4px, -4px);
   transition: ease all 0.2s;
}