/*!
 * Start Bootstrap - New Age v5.0.7 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */

 html,
 body {
   width: 100%;
   height: 100%;
 }
 
 body {
   font-family: "Muli", "Helvetica", "Arial", "sans-serif";
 }
 
 a {
   color: #007bff; /*color:red;*/
   transition: all 0.35s;
 }
 
 a:hover,
 a:focus {
   color: #0056b3; /*color:red;*/
 }
 
 hr {
   max-width: 100px;
   margin: 25px auto 0;
   border-width: 1px;
   border-color: rgba(34, 34, 34, 0.1);
 }
 
 hr.light {
   border-color: white;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Catamaran", "Helvetica", "Arial", "sans-serif";
   font-weight: 200;
   letter-spacing: 1px;
 }
 
 p {
   font-size: 18px;
   line-height: 1.5;
   margin-bottom: 20px;
 }
 
 section {
   padding: 100px 0;
 }
 
 section h2 {
   font-size: 50px;
 }
 
 #mainNav {
   border-color: rgba(34, 34, 34, 0.05);
   background-color: #000;
   transition: all 0.35s;
   font-family: "Catamaran", "Helvetica", "Arial", "sans-serif";
   font-weight: 200;
   letter-spacing: 1px;
 }
 
 #mainNav .navbar-brand {
   color: #fff;
   font-family: "Catamaran", "Helvetica", "Arial", "sans-serif";
   font-weight: 600;
   letter-spacing: 1px;
 }
 
 #mainNav .navbar-brand:hover,
 #mainNav .navbar-brand:focus {
   color: #339af0;
 }
 
 #mainNav .navbar-toggler {
   font-size: 12px;
   padding: 8px 10px;
   color: #fff;
 }
 
 #mainNav .navbar-nav > li > a {
   font-size: 11px;
   font-family: "Lato", "Helvetica", "Arial", "sans-serif";
   letter-spacing: 2px;
   text-transform: uppercase;
 }
 
 #mainNav .navbar-nav > li > a.active {
   color: #339af0 !important;
   background-color: transparent;
 }
 
 #mainNav .navbar-nav > li > a.active:hover {
   background-color: transparent;
 }
 
 #mainNav .navbar-nav > li > a,
 #mainNav .navbar-nav > li > a:focus {
   color: #fff;
 }
 
 #mainNav .navbar-nav > li > a:hover,
 #mainNav .navbar-nav > li > a:focus:hover {
   color: #339af0;
 }
 
 @media (min-width: 992px) {
   .signin-nav-button {
     margin-left: 8px;
   }
 
   #mainNav {
     border-color: transparent;
     background-color: transparent;
   }
   #mainNav .navbar-brand {
     color: fade(white, 70%);
   }
   #mainNav .navbar-brand:hover,
   #mainNav .navbar-brand:focus {
     color: white;
   }
   #mainNav .navbar-nav > li > a,
   #mainNav .navbar-nav > li > a:focus {
     color: rgba(255, 255, 255, 0.7);
   }
   #mainNav .navbar-nav > li > a:hover,
   #mainNav .navbar-nav > li > a:focus:hover {
     color: white;
   }
   #mainNav.navbar-shrink {
     border-color: rgba(34, 34, 34, 0.1);
     background-color: #000;
   }
   #mainNav.navbar-shrink .navbar-brand {
     color: #fff;
   }
   #mainNav.navbar-shrink .navbar-brand:hover,
   #mainNav.navbar-shrink .navbar-brand:focus {
     color: #339af0;
   }
   #mainNav.navbar-shrink .navbar-nav > li > a,
   #mainNav.navbar-shrink .navbar-nav > li > a:focus {
     color: #fff;
   }
   #mainNav.navbar-shrink .navbar-nav > li > a:hover,
   #mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {
     color: #339af0;
   }
 }
 
 .btn-outline-primary,
 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .show > .btn-outline-primary.dropdown-toggle {
   color: rgb(255, 255, 255);
   background-color: rgb(0, 123, 255);
   border-color: rgb(0, 123, 255);
 }

 .common-form {
  box-shadow: 0 1px 20px 0 rgb(0 0 0 / 10%);
}
 
 header.masthead {
   /*position: relative;
   width: 100%;
   padding-top: 150px;
   padding-bottom: 100px;*/
   color: white;
   /*background: url("../img/bg-pattern.png"), url("../img/bg.jpg");
   background-attachment: scroll;*/
 }
 
 .ymt-masthead {
   padding-bottom: 45px !important;
 }

 
 .mid-logo-full {
   width: 20%;
   min-width: 200px;
   margin-top: 20px;
 }
 
 /* Indicator */
 
 /************************/
 .group-password {
   margin-bottom: 0px !important;
 }
 
 .group-indicator {
   /*margin-bottom: 0px !important;*/
   height: 40px !important;
   padding-top: 6px;
 }
 
 .indicator {
   height: 6px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 6px;
   display: none;
 }
 
 .indicator span {
   width: 100%;
   height: 100%;
   background-color: #d3d3d3;
   border-radius: 3px;
   position: relative;
 }
 
 .indicator span:before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 3px;
 }
 
 .indicator span.medium {
   margin: 0 3px;
 }
 
 .indicator span.weak-active:before {
   background-color: #ff4757;
 }
 
 .indicator span.medium-active:before {
   background-color: #f5d142;
 }
 
 .indicator span.strong-active:before {
   background-color: #23ad5c;
 }
 
 #indicator-text {
   font-weight: 500;
   margin-bottom: -10px;
   display: none;
 }
 
 #indicator-text.weak {
   color: #ff4757;
 }
 
 #indicator-text.medium {
   color: #f5d142;
 }
 
 #indicator-text.strong {
   color: #23ad5c;
 }
 
 /* END: Indicator */
 
 .overlay {
   position: fixed;
   width: 100%;
   height: 100%;
   opacity: 0.8;
   top: 0px;
   left: 0px;
   background-color: rgb(0, 0, 0);
   z-index: 1000;
 }
 
 header.masthead .header-content {
   max-width: 500px;
   margin-bottom: 100px;
   text-align: center;
 }
 
 header.masthead .header-content h1 {
   font-size: 30px;
 }
 
 header.masthead .device-container {
   max-width: 325px;
   margin-right: auto;
   margin-left: auto;
 }
 
 header.masthead .device-container .screen img {
   border-radius: 3px;
 }
 
 @media (min-width: 992px) {
   header.masthead {
     height: 100vh;
     /*min-height: 775px;*/
     padding-top: 0;
     padding-bottom: 0;
   }
   header.masthead .header-content {
     margin-bottom: 0;
     text-align: left;
   }
   header.masthead .header-content h1 {
     font-size: 50px;
   }
   header.masthead .device-container {
     max-width: 325px;
   }
 }
 
 section.download {
   position: relative;
   padding: 150px 0;
 }
 
 section.download h2 {
   font-size: 50px;
   margin-top: 0;
 }
 
 section.download .badges .badge-link {
   display: block;
   margin-bottom: 25px;
 }
 
 section.download .badges .badge-link:last-child {
   margin-bottom: 0;
 }
 
 section.download .badges .badge-link img {
   height: 60px;
 }
 
 @media (min-width: 768px) {
   section.download .badges .badge-link {
     display: inline-block;
     margin-bottom: 0;
   }
 }
 
 @media (min-width: 768px) {
   section.download h2 {
     font-size: 70px;
   }
 }
 
 .page-container .section-heading,
 section.features .section-heading {
   margin-bottom: 100px;
 }
 
 section.features .section-heading h2 {
   margin-top: 0;
 }
 
 section.features .section-heading p {
   margin-bottom: 0;
 }
 
 section.features .device-container,
 section.features .feature-item {
   max-width: 325px;
   margin: 0 auto;
 }
 
 section.features .device-container {
   margin-bottom: 100px;
 }
 
 @media (min-width: 992px) {
   section.features .device-container {
     margin-bottom: 0;
   }
 }
 
 section.features .feature-item {
   padding-top: 50px;
   padding-bottom: 50px;
   text-align: center;
 }
 
 section.features .feature-item h3 {
   font-size: 30px;
 }
 
 section.features .feature-item i {
   font-size: 80px;
   display: block;
   margin-bottom: 15px;
   background: linear-gradient(to left, #154266, #339af0);
   /*background: linear-gradient(to left, #7b4397, #dc2430);*/
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 
 section.cta {
   position: relative;
   padding: 250px 0;
   background-image: url("../img/bg-cta.jpg");
   background-position: center;
   background-size: cover;
 }
 
 section.cta .cta-content {
   position: relative;
   z-index: 1;
 }
 
 section.cta .cta-content h2 {
   font-size: 50px;
   max-width: 450px;
   margin-top: 0;
   margin-bottom: 25px;
   color: white;
 }
 
 @media (min-width: 768px) {
   section.cta .cta-content h2 {
     font-size: 80px;
   }
 }
 
 section.cta .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
 }
 
 section.contact {
   text-align: center;
 }
 
 section.contact h2 {
   margin-top: 0;
   margin-bottom: 25px;
 }
 
 section.contact h2 i {
   color: #dd4b39;
 }
 
 section.contact ul.list-social {
   margin-bottom: 0;
 }
 
 section.contact ul.list-social li a {
   font-size: 40px;
   line-height: 80px;
   display: block;
   width: 80px;
   height: 80px;
   color: white;
   border-radius: 100%;
 }
 
 section.contact ul.list-social li.social-twitter a {
   background-color: #1da1f2;
 }
 
 section.contact ul.list-social li.social-twitter a:hover {
   background-color: #0d95e8;
 }
 
 section.contact ul.list-social li.social-facebook a {
   background-color: #3b5998;
 }
 
 section.contact ul.list-social li.social-facebook a:hover {
   background-color: #344e86;
 }
 
 section.contact ul.list-social li.social-google-plus a {
   background-color: #dd4b39;
 }
 
 section.contact ul.list-social li.social-google-plus a:hover {
   background-color: #d73925;
 }
 
 footer {
   padding: 25px 0;
   text-align: center;
   color: rgba(255, 255, 255, 0.3);
   background-color: #222222;
 }
 
 footer p {
   font-size: 12px;
   margin: 0;
 }
 
 footer ul {
   margin-bottom: 0;
 }
 
 footer ul li a {
   font-size: 12px;
   color: rgba(255, 255, 255, 0.3);
 }
 
 footer ul li a:hover,
 footer ul li a:focus,
 footer ul li a:active,
 footer ul li a.active {
   text-decoration: none;
 }
 
 .bg-primary {
   background: #007bff;
   background: linear-gradient(#007bff, #fdc539);
 }
 
 .text-primary {
   color: #007bff;
 }
 
 .no-gutter > [class*="col-"] {
   padding-right: 0;
   padding-left: 0;
 }
 
 .btn-outline {
   color: white;
   border: 1px solid;
   border-color: white;
 }
 
 .btn-outline:hover,
 .btn-outline:focus,
 .btn-outline:active,
 .btn-outline.active {
   color: white;
   border-color: #007bff;
   background-color: #007bff;
 }
 
 .btn {
   border-radius: 300px !important;
   font-family: "Lato", "Helvetica", "Arial", "sans-serif" !important;
   letter-spacing: 2px !important;
   text-transform: uppercase !important;
 }
 
 .btn-xl {
   font-size: 11px;
   padding: 15px 45px;
 }
 
 .loaderDisplay {
   border: 16px solid #f3f3f3; /* Light grey */
   border-top: 16px solid #3498db; /* Blue */
   border-radius: 50%;
   width: 60px;
   height: 60px;
   margin: auto;
   animation: spin 1s linear infinite;
 }
 
 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }
 
 .blockPage {
   border: none !important;
   background-color: transparent !important;
   z-index: 1032 !important;
 }
 
 .blockOverlay {
   z-index: 1031 !important;
 }
 
 .bg-primary {
   background: #000;
   background: linear-gradient(#000, #154266);
   color: #fff;
 }
 
 #sharepass {
   position: relative;
   overflow: hidden;
 }
 
 /*#sharepass::before {
   content: "";
   position: absolute;
   width: 200%;
   height: 200%;
   top: -50%;
   left: -50%;
   z-index: 1;
   background-size: 50px;
   background: url(/themes/vojtasvoboda-newage/assets/img/SP_logo.png) 0 0 repeat ;
   transform: rotate(-30deg);
 }*/
 
 #sharepass .container {
   z-index: 1010;
 }
 
 #features {
   background-image: url(../img/bg-pattern.png);
 }
 
 #team {
   background: #111;
   background: linear-gradient(#000, #111);
 }
 
 section#team {
   padding: 0;
 }
 
 #team .team-wrapper {
   padding: 100px 0;
   background-image: url(../img/bg-pattern.png);
 }
 
 #team h2 {
   color: #fff;
 }
 
 #team .card {
   width: 16rem;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2rem;
 }
 
 #team .card h3 {
   font-size: 1.5rem !important;
 }
 
 .g-recaptcha {
   display: inline-block;
 }
 
 .m-b-lg {
   margin-bottom: 60px !important;
 }
 
 .btn-xl {
   font-size: 20px;
 }
 
 #contact {
   background: #000;
   background: linear-gradient(#000, #154266);
 }
 
 footer a:hover {
   color: #339af0;
 }
 
 .force-nav-bg {
   border-color: #000 !important;
   background-color: #000 !important;
 }
 
 .page-container {
   background: url("../img/bg-dark.jpg") no-repeat center center fixed;
   padding-bottom: 0 !important;
 }
 
 .page-container > .container > .row {
   padding: 100px 0;
   background-color: #fff !important;
 }
 
 .post-list {
   list-style-type: none;
 }
 
 .post-list .featured-images {
   width: 30%;
   display: inline-block;
 }
 
 .post-list .post-content-list {
   width: 65%;
   display: inline-block;
 }
 
 .signin-nav-button {
   font-size: 1rem !important;
   margin-top: -5px !important;
 }
 
 #mainNav .navbar-nav > li > a.btn:hover,
 #mainNav .navbar-nav > li > a.btn:focus {
   color: #fff !important;
 }
 
 .overall {
   z-index: 1011;
 }
 
 .common-form {
   background-color: #fff;
   margin: 5% 0;
   padding: 30px 20px;
 }
 
 .common-form label {
   color: #4a4a4a;
 }
 
 .common-form button[type="submit"] {
   margin-top: 10px;
 }
 
 input.error {
   color: #dc3545 !important;
   border-color: #dc3545 !important;
 }
 
 label.error {
   color: #dc3545 !important;
   font-size: 0.7rem !important;
 }
 
 small.error {
   color: #dc3545 !important;
 }
 
 #passwordSignup:hover {
   cursor: hand;
   cursor: pointer;
 }
 
 /*************************************/
 
 #responseWrapperView {
   color: #333 !important;
 }
 
 /***********************************/
 
 .card__cc {
   margin: auto;
   width: 320px;
   height: 190px;
   -webkit-perspective: 600px;
   -moz-perspective: 600px;
   perspective: 600px;
 }
 
 .card__part {
   box-shadow: 1px 1px #aaa3a3;
   top: 0;
   position: absolute;
   z-index: 1000;
   left: 0;
   display: inline-block;
   width: 320px;
   height: 190px;
   background-image: url("https://image.ibb.co/bVnMrc/g3095.png"),
     linear-gradient(
       to right bottom,
       #fd696b,
       #fa616e,
       #f65871,
       #f15075,
       #ec4879
     ); /*linear-gradient(to right bottom, #fd8369, #fc7870, #f96e78, #f56581, #ee5d8a)*/
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   border-radius: 8px;
 
   -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
 }
 
 .card__front {
   padding: 18px;
   -webkit-transform: rotateY(0);
   -moz-transform: rotateY(0);
 }
 
 .card__back {
   padding: 18px 0;
   -webkit-transform: rotateY(-180deg);
   -moz-transform: rotateY(-180deg);
 }
 
 .card__black-line {
   margin-top: 5px;
   height: 38px;
   background-color: #303030;
 }
 
 .card__logo {
   height: 16px;
 }
 
 .card__front-logo {
   position: absolute;
   top: 18px;
   right: 18px;
 }
 .card__square {
   border-radius: 5px;
   height: 30px;
 }
 
 .card_numer {
   display: block;
   width: 100%;
   word-spacing: 4px;
   font-size: 20px;
   letter-spacing: 2px;
   color: #fff;
   text-align: center;
   margin-bottom: 20px;
   margin-top: 20px;
 }
 
 .card__space-75 {
   width: 75%;
   float: left;
 }
 
 .card__space-25 {
   width: 25%;
   float: left;
 }
 
 .card__label {
   font-size: 10px;
   text-transform: uppercase;
   color: rgba(255, 255, 255, 0.8);
   letter-spacing: 1px;
 }
 
 .card__info {
   margin-bottom: 0;
   margin-top: 5px;
   font-size: 16px;
   line-height: 18px;
   color: #fff;
   letter-spacing: 1px;
   text-transform: uppercase;
 }
 
 .card__back-content {
   padding: 15px 15px 0;
 }
 .card__secret--last {
   color: #303030;
   text-align: right;
   margin: 0;
   font-size: 14px;
 }
 
 .card__secret {
   padding: 5px 12px;
   background-color: #fff;
   position: relative;
 }
 
 .card__secret:before {
   content: "";
   position: absolute;
   top: -3px;
   left: -3px;
   height: calc(100% + 6px);
   width: calc(100% - 42px);
   border-radius: 4px;
   background: repeating-linear-gradient(
     45deg,
     #ededed,
     #ededed 5px,
     #f9f9f9 5px,
     #f9f9f9 10px
   );
 }
 
 .card__back-logo {
   position: absolute;
   bottom: 15px;
   right: 15px;
 }
 
 .card__back-square {
   position: absolute;
   bottom: 15px;
   left: 15px;
 }
 
 .card__cc:hover .card__front {
   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
 }
 
 .card__cc:hover .card__back {
   -webkit-transform: rotateY(0deg);
   -moz-transform: rotateY(0deg);
 }
 
 .cmxform.common-form > div > img,
 .cmxform.common-form {
   border-radius: 5px;
 }
 
 .user-type-heading {
   color: #4a4a4a;
 }
 
 .user-type-box {
   display: inline-block;
   color: #1da1f2;
   padding: 20px;
   border-radius: 10px;
   margin: 20px;
 }
 
 .user-type-box:hover {
   color: #fff;
   background: #1da1f2;
   cursor: pointer;
 }
 
 .user-type-box.active {
   color: #fff;
   background: #1da1f2;
 }
 
 #ownerClickBack {
   margin-top: 40px;
   margin-bottom: -20px;
   font-size: 0.8rem !important;
 }
 
 #ownerClickBack small {
   color: #333 !important;
 }
 
 .input-group > .input-group-prepend > .btn,
 .input-group > .input-group-prepend > .input-group-text {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
 
 .input-group > .input-group-append > .btn,
 .input-group > .input-group-append > .input-group-text {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
 
 .wider-prepend {
   width: 56.64px;
 }
 
 .pin-field {
   background-color: rgb(248, 249, 250);
   border: 1px solid rgb(204, 204, 204);
   border-radius: 0.3rem;
   font-size: 2rem;
   margin: 0.25rem;
   height: 3.5rem;
   outline: none;
   text-align: center;
   transition-duration: 250ms;
   transition-property: background, color, border, box-shadow, transform;
   width: 3rem;
 }
 
 .d-i-block {
   display: inline-block;
 }
 
 .w100 {
   width: 100%;
 }
 
 .privacy-policy-block {
   font-size: 0.8rem !important;
 }
 
 .progressbar-timer {
   margin-top: 25px;
   border: solid 1px #e9ecef;
   border-radius: 5px;
 }
 .progressbar-timer .inner {
   height: 10px;
   animation: progressbar-timer-countdown;
   /* Placeholder, this will be updated using javascript */
   animation-duration: 40s;
   /* We stop in the end */
   animation-iteration-count: 1;
   /* Stay on pause when the animation is finished finished */
   animation-fill-mode: forwards;
   /* We start paused, we start the animation using javascript */
   animation-play-state: paused;
   /* We want a linear animation, ease-out is standard */
   animation-timing-function: linear;
   border-radius: 5px;
 }
 @keyframes progressbar-timer-countdown {
   0% {
     width: 100%;
     background: #5dcf78;
   }
   50% {
     width: 50%;
     background: #cfcd5d;
   }
   100% {
     width: 0%;
     background: #c00618;
   }
 }