/*@media (min-width: 1200px){
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 992px){
  .container {
    max-width: 960px;
  }
}
@media (min-width: 768px){
  .container {
    max-width: 720px;
  }
}
@media (min-width: 576px){
  .container {
    max-width: 540px;
  }
}*/
 
body {
  display: flex;
  flex-direction: column;
}

html,
body {
  height: 100%;
}
.wwp_qrcode_div {
    background-color: #fff;
    border-radius: .5em;
    margin-bottom: .5em;
    width: 160px !important;

}

#qrcode a {
    /* border-radius: .5em;
    background-color: transparent !important;
    color: #fff !important; */
}

.wwpassButtonContainer a.wwpassLoginButton {
    background-color: #000;
    border-radius: .25em;
}
.view.counters, .blur-counters {
  /* background: url("https://mdbootstrap.com/img/Photos/Others/img%20%2844%29.jpg") no-repeat fixed center / cover; */
  background: url("../img/vintage-radio.jpg") no-repeat fixed center / cover;
}
.box:before {
  content: "";
  background-image: url("../img/vintage-radio.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  z-index: -1;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}


.jarallax, .view.cover, .blur-before, .view.counters {
  /* height: 100%; */
  background-image: url('../img/vintage-radio.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  z-index: 0;
  /* background: url("https://mdbootstrap.com/img/Photos/Others/architecture.jpg") no-repeat fixed center / cover; */
  /* background: url("../img/vintage-radio.jpg") no-repeat fixed center / cover; */
  /* background-image: url(/media/freelancer-desk.jpg);
 background-repeat: no-repeat;
 background-size: 1080px auto;   */
}
 .blur-before { 
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0; 
   filter: blur(10px);
 }

 html, body, header, .view.cover, .jarallax {
   height: 600px;
 }

 .view.counters {
   /* height: 100%; */
   min-height: 500px;
 }

 @media (max-width: 374px) {
   .view.counters {
     height: 145vh;
     /* min-height: 400px; */
   }
 }

 @media (min-width: 375px) and (max-width: 376px) {
   .view.counters {
     height: 120vh;
     /* min-height: 400px; */
   }
 }

 @media (min-width: 377px) and (max-width: 740px) {
   .view.counters {
     height: 110vh;
     /* min-height: 400px; */
   }
 }

 @media (min-width: 741px) and (max-width: 769px) {
   .view.counters {
     height: 58vh;
     /* min-height: 400px; */
   }
 }


 @media (max-height: 739px) and (max-width: 740px) {
   html, body, header, .view.cover, .jarallax {
     height: 175vh;
   }
 }

 @media (max-width: 360px) {
   html, body, header, .view.cover, .jarallax {
     height: 175vh;
     /* min-height: 400px; */
   }
 }

 @media (min-width: 361px) and (max-width: 374px) {
   html, body, header, .view.cover, .jarallax {
     height: 145vh;
     /* min-height: 400px; */
   }
 }

 @media (min-width: 375px) and (max-width: 376px) {
   html, body, header, .view.cover, .jarallax {
     height: 170vh;
     /* min-height: 400px; */
   }
 }

 @media (min-width: 377px) and (max-width: 740px) {
   html, body, header, .view.cover, .jarallax {
     height: 145vh;
     /* min-height: 400px; */
   }
 }

 @media (min-height: 740px) and (max-height: 830px) and (max-width: 740px) {
   html, body, header, .view.cover, .jarallax {
     height: 150vh;
   }
 }

 @media (min-width: 800px) and (max-width: 850px) {
   html, body, header, .view.cover, .jarallax {
     height: 100vh;
   }
 }

 @media (min-width: 560px) and (max-width: 650px) {
   header .jarallax h1 {
     margin-bottom: .5rem !important;
   }
   header .jarallax h5 {
     margin-bottom: .5rem !important;
   }
 }

 @media (min-width: 660px) and (max-width: 700px) {
   header .jarallax h1 {
     margin-bottom: 1.5rem !important;
   }
   header .jarallax h5 {
     margin-bottom: 1.5rem !important;
   }
 }

 .top-nav-collapse {
   /* background-color: #558b2f !important; */
 }

 .navbar:not(.top-nav-collapse) {
   /* background: #2bbbad !important; */
 }

 @media (max-width: 991px) {
   .navbar:not(.top-nav-collapse) {
     background: #546e7a !important;
     /*background: #7283A7 !important;*/
   }
   .navbar-toggler {
     color: #424242 !important;
   }
 }

 @media (max-width: 768px) {
   .navbar:not(.top-nav-collapse) {
     /* background: #558b2f !important; */
     /*background: #7283A7 !important;*/
   }
 }

 @media (min-width: 800px) and (max-width: 850px) {
   .navbar:not(.top-nav-collapse) {
     background: #7283A7 !important;
   }
 }

 footer.page-footer {
   background-color: #383838;
 }

 @media (max-width: 450px) {
   .display-3 {
     font-size: 3rem;
   }
 }

 .diplom-front a {
   border-bottom: 1px #9E9E9E dashed;
 }

 .diplom-front a::before {
   content: "\f105";
   padding-right: 7px;
   font-family: 'Font Awesome 5 Free';
   font-weight: 700;
 }

 .logo {
   background-color: #fff;
   border-radius: 7.5em;
   padding: .25em;
 }

 @media (min-width: 280px) {
   .navbar.scrolling-navbar {
     -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
     transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
   }
 }



 .switch label input[type=checkbox]:checked+.lever:after {
   background-color: #f71100 !important;
   left: 1.5rem;
 }

 .irs--round .irs-handle {
   border: 4px solid #f71100 !important;
   cursor: pointer;
 }

 .irs--round .irs-single {
   background-color: #f71100 !important;
   cursor: pointer;
 }

 .irs--round .irs-single:before {
   border-top-color: #f71100 !important;
 }

 .irs--round .irs-grid-text {
   color: #BDBDBD !important;
 }

 /* Icon 1 */

 .custom-gradient {
   /*  background: linear-gradient(40deg, #673AB7, #2196F3) !important;
    background-image: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);*/
   background-image: linear-gradient(50deg, #303f9f, #45cafc) !important;
   background: -webkit-linear-gradient(50deg, #303f9f, #45cafc) !important;
   background: -o-linear-gradient(50deg, #303f9f, #45cafc) !important;
   background: linear-gradient(50deg, #303f9f, #45cafc) !important;
 }

 .animated-icon3 {
   width: 30px;
   height: 20px;
   position: relative;
   margin: 0px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   cursor: pointer;
 }

 .animated-icon3 span {
   display: block;
   position: absolute;
   height: 3px;
   width: 100%;
   border-radius: 9px;
   opacity: 1;
   left: 0;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -o-transition: .25s ease-in-out;
   transition: .25s ease-in-out;
 }

 .animated-icon3 span {
   background: #f3e5f5;
 }

 .animated-icon3 span:nth-child(1) {
   top: 0px;
   -webkit-transform-origin: left center;
   -moz-transform-origin: left center;
   -o-transform-origin: left center;
   transform-origin: left center;
 }

 .animated-icon3 span:nth-child(2) {
   top: 10px;
   -webkit-transform-origin: left center;
   -moz-transform-origin: left center;
   -o-transform-origin: left center;
   transform-origin: left center;
 }

 .animated-icon3 span:nth-child(3) {
   top: 20px;
   -webkit-transform-origin: left center;
   -moz-transform-origin: left center;
   -o-transform-origin: left center;
   transform-origin: left center;
 }

 .animated-icon3.open span:nth-child(1) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   top: 0px;
   left: 8px;
 }

 .animated-icon3.open span:nth-child(2) {
   width: 0%;
   opacity: 0;
 }

 .animated-icon3.open span:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
   top: 21px;
   left: 8px;
 }

 /*.irs-grid-pol.small {
  height: 0px !important;
}
.irs-grid-text{
  color: #006cfa !important;    
  font-weight: 600;
}
.irs-grid-pol {    
  width: 2px !important;    
}*/

 @media (min-width: 1400px) {
   .container {
     max-width: 1366px;
   }
 }

 .lighten-4-blue-text {
   color: #bbdefb;
 }

 .card-circle-icon {
   border: 1px solid #bbdefb;
   height: 4rem;
   width: 4rem;
   -webkit-border-radius: 50%;
   border-radius: 50%;
 }

 .card-circle-icon .fab {
   font-size: 2rem;
 }

 .dark-purple-text {
   color: #1a237e;
 }

 /* blue darken-3*/

 .btn-blue-darken-3 {
   background-color: #1565c0;
 }

 .btn-outline-white {
   border-width: 1px !important;
 }

 .btn.btn-outline {
   border-color: rgba(255, 255, 255, 0.2) !important;
 }

 .btn.btn-light {
   color: #fff !important;
   background-color: rgba(255, 255, 255, 0.2) !important;
   border-color: transparent;
 }

 .btn.btn-outline {
   background: transparent !important;
   box-shadow: none !important;
 }

 .btn {
   border: 1px solid transparent;
   min-width: 100px !important;
   padding: 12px 12px !important;
   border-radius: 3px !important;
 }

 .btn.btn-light:hover {
   color: #fff !important;
   background-color: rgba(255, 255, 255, 0.2) !important;
   border-color: transparent !important;
 }

 .btn-indigo:hover {
   background-color: #4d5ec1 !important;
 }

 .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active {
   background-color: transparent;
   box-shadow: none;
   color: #4285f4 !important;
 }

 .dropdown-mdenu {
   border-color: transparent;
 }

 .grey-dropdown .dropdown-menu {
   background-color: #e8eaf6;
   border: none;
   border-radius: 0;
   /* box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); */
 }

 .dropdown.grey-dropdown .dropdown-menu .dropdown-item:hover, .dropdown.grey-dropdown .dropdown-menu .dropdown-item:active {
   box-shadow: none;
   background-color: #303f9f;
   border-radius: 0;
 }

 .carousel-inner-calc {
   min-height: 350px;
 }

 .carousel-control-prev#carousel-tv, .carousel-control-prev#carousel-eth {
   left: 45%;
   top: -30px;
 }

 .carousel-control-next#carousel-tv, .carousel-control-next#carousel-eth {
   left: 45%;
   top: 65%;
 }

 .carousel-control-prev#carousel-tv, .carousel-control-prev#carousel-eth, .carousel-control-next#carousel-tv, .carousel-control-next#carousel-eth {
   position: absolute;
   /*    top: 0;
      bottom: 0;*/
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 15%;
   width: 10%;
   color: #000;
   text-align: center;
   opacity: .5;
   font-size: 1.3em;
 }

 .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
   color: #000;
 }

 .carousel-caption-calc {
   display: none;
 }

 .active .carousel-caption-calc {
   position: absolute;
   display: block;
   right: 0%;
   bottom: -100px;
   left: 0%;
   z-index: 10;
   padding-top: 0px;
   padding-bottom: 0px;
   color: #000;
   text-align: center;
 }



@media (min-width: 280px) {
  .navbar.scrolling-navbar {
      -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
      transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
}

.top-nav-collapse {
  background-color: #fff;
  color: #BDBDBD;
}

/* .top-nav-collapse a {
  color: #424242 !important;
} */

@media (max-width: 991px) {
  .navbar-toggler {
      color: #fff !important;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  /* border: 1px solid green !important; */
  -webkit-text-fill-color: black !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
 .top-nav-collapse {
  
   background-color: #fff;
   color: #BDBDBD;
 }

 .top-nav-collapse a {
 
   color: #424242 !important;
 }

 .top-nav-collapse a.login {
  color: #FF5722 !important;
  border: 1px solid #FF5722 !important;
}

 .section-separator {
   position: absolute;
   overflow: hidden;
   z-index: 1;
   width: 100%;
 }

 .section-separator.bottom {
   /* bottom: 0; */
   bottom: -10px;
 }

 .main.navbarnav>li>a:hover:before, .navbar-nav>li>a.active:before {
   left: 0;
   width: 100%;
 }

 .main.navbar-nav>li>a:before {
   content: '';
   position: absolute;
   top: 55%;
   left: 50%;
   width: 0;
   height: 1px;
   margin-top: 10px;
   /* background: #bbb; */
   background-color: #ffd46e;
   /* background-image: linear-gradient(90deg, transparent, #3f51b5, transparent)!important; */
   transition: .3s all ease;
 }

 .card-circle {
   border: 2px solid #ff5722;
   height: 7rem;
   width: 7rem;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   font-size: 1.2em;
 }

 .card-circle .fas {
   font-size: 4rem;
 }
 .transparent {
  background-color: transparent!important;
}