:root {
  /*--base: #001489;*/
  --base: #3f14eb;
  /*--accent: #753bbd;*/
  --accent: #9010bc;
  /*--gradient: 120deg, #001489, #753bbd;*/
  /*--gradient: 110deg, rgba(63,20,235,1) 0%, rgba(144,16,188,1) 100%;*/
  --gradient: 110deg, rgba(63,20,235,1) 0%, rgba(63,20,235,1) 40%, rgba(144,16,188,1) 60%, rgba(144,16,188,1) 100%;
  --gradient-accent-color: #FF4B2B;
  --gradient-accent: to right, #FF4B2B, #FF416C;
}

.attention_seeker {
  
  -webkit-animation: headShake 1.5s infinite;
}
/* apro css */
.text-xl {
  font-size: 32px;
  line-height: 40px;
}
.text-xxl 
{
  font-size: 40px;
  line-height: 48px;
}
.btn.btn-xxl {
  font-size: 18px;
  padding: 30px 90px 30px;
  line-height: 25px;
}
.btn-gradient-accent {
  color: #fff;
  transition: all 0.3s ease-in-out;
  background: var(--gradient-accent-color) !important;
  background: -webkit-linear-gradient(var(--gradient-accent)) !important;
  background: linear-gradient(var(--gradient-accent)) !important;
}
.btn-gradient-accent:hover {
  color: #fff;
  background: var(--accent) !important;
  background: -webkit-linear-gradient(var(--gradient)) !important;
  background: linear-gradient(var(--gradient)) !important;
}
.text-accent, .btn.text-accent {
  color: var(--accent) !important;
}
.text-accent:hover, .btn.text-accent:hover {
  color: var(--base) !important;
}
.text-gradient {
  background: var(--accent);
  background: -webkit-linear-gradient(var(--gradient));
  background: linear-gradient(var(--gradient));

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a.text-accent-hover:hover, a.text-accent-hover:focus {
  color: var(--gradient-accent-color) !important;
}
.bg-gradient {
  background: var(--accent) !important;
  background: -webkit-linear-gradient(var(--gradient)) !important;
  background: linear-gradient(var(--gradient)) !important;
}
.bg-gradient-accent {
  background: var(--gradient-accent-color) !important;
  background: -webkit-linear-gradient(var(--gradient-accent)) !important;
  background: linear-gradient(var(--gradient-accent)) !important;
}

.bg-blur-dark {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.4);
}

.title-large {
  font-size: 100px;
  line-height: 110px;
}

nav.navbar-fixed-top.header-light {
  transition: all .3s;
}
header.sticky nav.navbar-fixed-top.header-dark {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.2);
}

header.sticky nav.navbar-fixed-top.header-light,
header.navbar-opened nav.navbar-fixed-top.header-light {
  
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background: rgba(251,251,253,0.8);
  border-bottom: 1px solid rgb(230, 230, 230);

  
  /*
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  */
}
header.navbar-opened .navbar-default.header-light .navbar-toggler .icon-bar, 
header.navbar-opened .navbar-default.header-light-transparent .navbar-toggler .icon-bar {
background: #232323;
}


header.navbar-opened nav.header-light-transparent .logo .logo-dark, 
header.navbar-opened nav.header-light .logo .logo-dark,
nav.header-light.header-boxed .logo .logo-dark {
visibility: visible;
opacity: 1;
width: auto;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

header.navbar-opened nav.header-light-transparent .logo .logo-light, 
header.navbar-opened nav.header-light .logo .logo-light,
nav.header-light.header-boxed .logo .logo-light {
visibility: hidden;
opacity: 0;
width: 0;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

.apro-widget-opened .sidebar-wrapper {
  padding-bottom: 45px;
}
.apro-widget-opened .sidebar-nav-style-1 .padding-20px-bottom {
  padding-bottom: 65px !important;
}

.justify-content-space-between {
  justify-content: space-between;
}
.justify-content-space-around {
  justify-content: space-around;
}
@media (max-width: 700px) {
  
}



.logo img {
  height: 55px;
}
.footer-logo {
  height: 100px;
  max-height: none;
}
.blog-post-images .icon {
  height: 100px;
  margin-top: 20px;
}
.logo-baner {
  /*width: 400px;
  margin: 0 auto;
  margin-bottom: 30px;*/
  width: 450px;
  margin: 0 auto;
  margin-bottom: 90px;
}


.checkbox-container {
  font-size: 11px;
  line-height: 14px;
  min-height: 25px;
  text-align: left;
  display: flex;
  align-items: center;
  font-weight: normal;
}
.checkbox-container a {
  margin-left: 2px;
  margin-right: 2px;
  color: var(--base-color);
}
.checkbox-container a:hover {
  text-decoration: underline;
}
.opacity-medium2 {
  mix-blend-mode: hard-light;
  opacity: .4;
}
.opacity-medium2 {
  mix-blend-mode: darken;
  opacity: .7;
  filter: saturate(0.8);
}
.opacity-medium {
  mix-blend-mode: darken;
  opacity: .6;
  filter: saturate(0.55);
}
.opacity-medium2 {
  opacity: .78;
}
.opacity-medium2 {
  opacity: .5 ;
}
.opacity-medium2 {
  opacity: .6 ;
  mix-blend-mode: hard-light;
  filter: saturate(.6)
}
.video-opacity {
  opacity: .78 !important;
  filter: saturate(.6)
}
.accordion-style2 .tab-tag {
  font-size: 28px;
  font-weight: bold;
}
.header-extra-big {
  font-family: 'Montserrat', sans-serif;
  font-size: 100px;
  line-height: 110px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -3px;
}
.header-medium-big {
  font-family: 'Montserrat', sans-serif;
  font-size: 70px;
  line-height: 80px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -3px;
}
.header-medium {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  line-height: 45px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0px;
  display: inline-block;
}
.header-big {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: bold;
  /*margin: 0 0 25px;*/
  padding: 0;
  display: inline-block;
}
.subheader-big {
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  /*margin: 0 0 25px;*/
  padding: 0;
  display: block;
}
.subheader-big {
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  /*margin: 0 0 25px;*/
  padding: 0;
  letter-spacing: 0;
  display: block;
}
.header-small {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  line-height: 48px;
  font-weight: bold;
  /*margin: 0;*/
  padding: 0;
}
.smaller-font .subheader-big {
  font-size: 18px;
  line-height: 24px;
}
.sweet-alert h2 {
  font-family: 'Montserrat', sans-serif;
  color: #232323;
  font-size: 40px;
  line-height: 48px;
  font-weight: bold;
}
.text-normal {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 0;
}
.breadcrumb-image .breadcrumb {
  display: flex;
  justify-content: center;
}
.breadcrumb-image .breadcrumb a {
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  margin: 0 15px 25px 0;
  padding: 0;
  letter-spacing: 0;
  display: block;
  color: #fff;
  display: flex;
  opacity: .5;
}
.breadcrumb-image .breadcrumb a::after {
  content: "•";
  font-size: 2rem;
  color: #fff;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.p-big {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  margin: 0 0 22px;
  padding: 0;
  letter-spacing: 0;
  display: block;
}
.select-style select {
  position: relative;
  /*background-color: #fff !important;*/
}
.apro-control {
  font-size: 1.2rem !important;  
}
.top-logo-hidden .logo-light {
  display: none;
}
.article-content  {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  margin: 0 0 22px;
  letter-spacing: 0;
  display: block;
  color: #000;
}
.article-content h2  {
  font-size: 40px;
  line-height: 48px;
}
.article-content a:not(.btn) {
  color: var(--base-color);
}
.article-content a:hover {
  text-decoration: underline;
}
ul.list-style-1 {
  list-style: none;
}

ul.list-style-1 li {
  position: relative;
}
ul.list-style-1 li::before {
  content: "• ";
  font-size: 4rem;
  color: var(--accent);
  position: absolute;
  height: auto;
  left: -40px;
  top: 0px;
  display: flex;
  align-items: center;
}
header nav.navbar.white-link .navbar-nav > li > a, 
nav.navbar.bootsnav.white-link ul.nav > li > a {
  color: #fff !important;
  position: relative;
}
header.sticky nav.navbar.white-link .navbar-nav > li > a {
  color: #000 !important;
}
header nav.navbar.white-link .navbar-nav > li > a:hover, 
nav.navbar.bootsnav.white-link ul.nav > li > a:hover {
  color: var(--gradient-accent-color) !important;
}
header nav.navbar.white-link .navbar-nav > li > a::after, 
nav.navbar.bootsnav.white-link ul.nav > li > a::after {
  content: ' ';
  width: 0;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 10px;
  left: 0px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
header nav.navbar.white-link .navbar-nav > li.active > a::after, 
nav.navbar.bootsnav.white-link ul.nav > li.active > a::after,
header nav.navbar.white-link .navbar-nav > li > a:hover::after, 
nav.navbar.bootsnav.white-link ul.nav > li > a:hover::after {
  width: 100%;
}
header nav.navbar.white-link .navbar-nav > li > a:hover::after, 
nav.navbar.bootsnav.white-link ul.nav > li > a:hover::after {
  background: var(--gradient-accent-color) !important;
  background: -webkit-linear-gradient(var(--gradient-accent)) !important;
  background: linear-gradient(var(--gradient-accent)) !important;
}
.footer-logo img {
  margin-bottom: 22px;
}
.border-color-white-30 {
    border-color: rgba(255, 255, 255, 0.30) !important;
}



.accordion-style2 .panel {
  margin-bottom: 30px;
}
.testimonial-holder {
  position: relative;
  background-color: #fff;
  padding: 60px;
}
.testimonial-holder .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-holder .swiper-horizontal>.swiper-pagination-bullets {
  bottom: 0;
}
.testimonial-holder .swiper-container {
  padding-bottom: 24px;
}
.lukasiewicz-section {
  padding-top: 200px;
}
.sweet-overlay {
  z-index: 10700;
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  background: rgba(251,251,253,0.8);
}
.sweet-alert {
  z-index: 10701;
}
.sweet-alert .lead {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  padding: 0;
  letter-spacing: 0;
  color: #232323 !important;
}
.hover-opacity-none .opacity-light {
  z-index: 1;
}
.hover-opacity-none .video-text {
  z-index: 2;
}
.hover-opacity-none:hover .opacity-light {
  opacity: 0;
}
.hidden {
  display: none;
}
.bg-white-10 {
  background-color: rgba(255,255,255,0.1);
}
.bg-black-20 {
  background-color: rgba(0,0,0,0.2);
}

.video-thumbnail-holder {
  position: relative;
}
.video-holder .icon-play{
  display: none;
}
.small-icon img {
  height: 200px;
}
.feature-box-8:hover a {
  color: #fff;
}
.absolute-play-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.absolute-play-link .icon-play img {
  width: 200px;
}
.dropdown-menu {
  margin-top: -20px !important;
}
.apro-form label.has-error {
  top: -10px;
}
footer ul.mainmenu {
  padding: 0;
}
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
}
.oferta-grid .blog-post {
  height: 100%;
}
.simple-dropdown .dropdown-menu {
  background-color: #fff;
}
.simple-dropdown .dropdown-menu > li > a,
header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,
.navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a{
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.0 15em;
}
header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a {
  color: #000 !important;
}
.form-group {
  margin-bottom: 15px;
}
input.input-bg {
  border-radius: 0;
  margin-bottom: 0;
}
input.input-bg.error {
  border-color: red;
}
label.error {
  color: red;
}
.alert {
  position: relative;
  padding: 2rem 1rem;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  color: #fff;
}
.transparent-header .alert {
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 141px;
}
.alert-success {
  background-color: #27ae60;
}
.alert-info {
  background-color: #9b59b6;
}
.alert-warning {
  background-color: #f39c12;
}
.alert-danger {
  background-color: #e74c3c;
}
.vom-iframe {
  width: 100%;
  height: 85vh;
}
.header-social-icon a i {
  margin-right: 5px;
  margin-left: 25px;
}
.header-social-icon a:first-child i {
  margin-left: 0px;
}
.header-social-icon a {
  color: #232323;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.0 15em;
}
.mfp-container {
  padding: 0;
}
.mfp-ajax-holder .mfp-close {color:#fff; background: transparent}
.mfp-ajax-holder .mfp-iframe {width: 100%;}
.mfp-ajax-holder .mfp-content {
  max-width: 100%;
  width: 100%;
  height: 100%
}
.mfp-iframe-scaler .mfp-close {

    z-index: 9999999;
    position: absolute;
    width: 45px;
    height: 45px;
    font-size: 45px;
    right: 20px;
    top: 20px;

}
.video-player {
  max-height: 100vh;
}
.popup-notification {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  margin-top: 35px;
}
.tab-style1 .nav-tabs { 
  display: flex;
  justify-content: center;
}
.icon-img.icon-medium {
  height: 35px;
}
.btn-absolute-holder {
  width: 100%;
  left: 0;
  position: absolute;
  padding: 30px 20px;
}
.btn-absolute-bottom {
  bottom: 0;
}
@media (max-width: 767px) {
  .tab-style1 .nav-tabs li {
    width: 25%;
    margin-bottom: 30px;
  }
  .tab-style1 .nav-tabs { 
    margin-bottom: 30px;
  }
  .icon-img.icon-medium {
    height: 30px;
  }
}
@media (max-width: 991px) {
  .simple-dropdown .dropdown-menu > li > a,
  header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,
  .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a{

    color: #fff !important;
  }
  nav.navbar.bootsnav .navbar-nav {
    background: background: rgba(35,35,35,1);
    border-bottom: 1px solid rgb(61, 61, 61);
  }
  header nav.navbar.white-link .navbar-nav > li > a::after, nav.navbar.bootsnav.white-link ul.nav > li > a::after {
    
    background: var(--gradient-color) !important;
    background: -webkit-linear-gradient(var(--gradient)) !important;
    background: linear-gradient(var(--gradient)) !important;
  }
  nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
    border-bottom: 1px solid rgb(61, 61, 61);
  }
  nav.navbar.bootsnav .navbar-nav .dropdown > a::before {
    font-family:themify;
    content:"\e64b";
    font-size: 1rem;
    position: absolute;
    right: 20px;
  }
  nav.navbar.bootsnav .navbar-nav .dropdown.on > a::before {
    content:"\e648";
  }
  nav.navbar.bootsnav .navbar-nav .dropdown ul {
    margin-left: 20px;
  }
  header nav.navbar.white-link .navbar-nav > li > a::after, 
  nav.navbar.bootsnav.white-link ul.nav > li > a::after {
    bottom: -2px;
  }
  .dropdown-menu {
    margin-top: 0 !important;
  }
  .mobile-reverse-video {
    display: flex;
    flex-direction: column-reverse;
  }
  .mobile-reverse-video .opacity-light {
    opacity: 0;
  }
  .video-holder .video-text {
    width: 100%;
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    padding: 30px;
    /*background-image: url("https://projectenglish.advertpro.co/uploads/pictures/6b2fe172afa4c1d3e69226c27088f43327671/thumbs/1140x700.webp");*/
    background-size: cover;
    background-position: center;
  }
  .video-holder .video-text > * {
    color: #000 !important;
  }
  
  .video-holder .video-text .popup-youtube {
    display: none;
  }
  .video-holder .icon-play{
    display: block
  }
  .header-big {
    font-size: 30px;
    line-height: 37px;
  }
  .subheader-big {
    font-size: 20px;
    line-height: 30px;
  }
  .smaller-font .subheader-big {
    font-size: 18px;
    line-height: 24px;
  }
  .breadcrumb-image .breadcrumb a {
    font-size: 14px;
    opacity: 1;
  }
  .breadcrumb-image .breadcrumb .subheader-big {
    font-size: 14px;
    opacity: 1;
  }
  .btn.btn-xxl {
    font-size: 18px;
    padding: 30px 20px 30px;
    line-height: 25px;
    max-width: 100%;
    white-space: break-spaces;
  }
  .header-medium {
    font-size: 30px;
    line-height: 45px;
  }
  .header-small {
    font-size: 20px;
    line-height: 28px;
  }
  .article-content h2 {
    font-size: 24px;
    line-height: 36px;
  }
  .lukasiewicz-section {
    padding-top: 400px;
    padding-bottom: 0;
    background-image: none !important;
  }
  .lukasiewicz-section img {
    z-index: -2;
    position: fixed;
    top:0;
  } 
}

@media (max-width: 767px) {
  .header-extra-big {
    font-size: 45px;
    line-height: 50px;
  }
  .header-medium-big {
    font-size: 38px;
    line-height: 45px;
  }
  .video-holder .video-thumbnail {
    /*display: none;*/
  }
  .testimonial-holder {
    padding: 20px;
  }
  .accordion-style2 .tab-tag {
    margin-right: 8px;
  }
  .user-menu {
    width: 100%;
    padding: 1rem !important;
    background-color: #ffffff26;
    margin-top: 1rem;
  }
  .user-menu .user-menu-icons {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    border: none;
  }
  .logo img {
    height: 50px;
  }
}