@media only screen and (max-width: 1100px) { body { font-size:120%; } }

a { color: #428bca; }
p.p1 { margin: 0; }
.oe-main-content-av { padding-bottom: 10px; padding-top: 20px; }
.oe-row-home {padding: 10px; }
.oe-main-content-av .oe-portfolio-item { margin-bottom: 0px; padding: 5px;}

.oe-header-av { background-color: #333333; }
.oe-header-av .logo { margin: 0; }
.oe-header-av .logo, .oe-header-av .logo a, .oe-header-av .logo-mobile a  { color: #5f85cc; }
.oe-header-av .logo a:hover, .oe-header-av .logo-mobile a:hover { color: #5674ad; }

.oe-mainmenu-av { float: left; padding-top: 9px; }
.menu-header .oe-mainmenu-av .oe-menu-dad > li { padding: 15px 7px; font-size: 120%;}
.menu-header .oe-mainmenu-av .oe-menu-dad > li a { color: #ffffff; }
.menu-header .oe-mainmenu-av .oe-menu-dad > li a:after, .menu-header .oe-mainmenu-av .oe-menu-dad > li a:before { background-color: #ffffff; }
.menu-header .oe-mainmenu-av .oe-menu-dad .submenu { background-color: #333333; }
.menu-header .oe-menu-dad .submenu > li a { padding: 0.7em 2.3em; }
.menu-header .oe-mainmenu-av .oe-menu-dad .submenu > li a:hover { color: #333333; background-color: #ffffff; }
.menu-header .oe-mainmenu-av .oe-menu-dad .submenu .divider
{
	background-color: #fff; min-height: 7px; margin: 0; padding: 0.3em 0.5em; overflow: hidden; color: #3b3b3b;
}
.menu-header .oe-menu-dad > li > .submenu
{
	min-width: 135%;            /* bez tego caret przy menu na chromie przchodzi do drugiej linii */
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
}

.menu-header .oe-mainmenu-av .oe-menu-dad > li > .submenu { overflow: visible; }
.menu-header .oe-menu-dad > li > .submenu .hassub ul.submenu
{
		border: 1px solid white;
		box-shadow: 0 0 5px #000;
		/*left: 77px;*/
		position: absolute;
		z-index: 1000;
		display: none;
}
.menu-header .oe-menu-dad .submenu .hassub ul.submenu li a { white-space: nowrap; }

.oe-header-extra-av { top: 7px; /*right: -10px;*/}

.oe-header-extra-av .form-control { color: #ffffff; }
.oe-header-extra-av  input.form-control { width: 129px; }
.oe-header-extra-av .form-control::-moz-placeholder { color: #ffffff; }
.oe-header-extra-av .form-control:-ms-input-placeholder { color: #ffffff; }
.oe-header-extra-av .form-control::-webkit-input-placeholder { color: #ffffff; }
.oe-header-extra-av .form-control:focus, .oe-header-extra-av .form-control:active { border-color: #ffffff; }
.oe-header-extra-av .btn-login { background-color: #7495d2; border-color: #698dcf; color: #fff; margin-left: 5px;}
.oe-header-extra-av .btn-login:hover, .oe-header-extra-av .btn-login:active { background-color: #698dcf; border-color: #5f85cc; }

/* -----------------------
 * header - zmiana tła
 * ----------------------- */
.av-header-1 {  background-color: #003d80/*#b9b9b9*/;}

/* logo */
.oe-header-av.av-header-1 .logo { padding: 5px 0; text-align: left; }
.oe-header-av.av-header-1 .logo, .oe-header-av.av-header-1 .logo a, .oe-header-av.av-header-1 .logo-mobile a,
.oe-header-av.av-header-1 .logo a h1, .oe-header-av.av-header-1 .logo a h3
{ color: white; /*#5674ad*/ /*#698dcf*/; }
.oe-header-av.av-header-1 .logo a:hover, .oe-header-av.av-header-1 .logo-mobile a:hover,
.oe-header-av.av-header-1 .logo a:hover h1, .oe-header-av.av-header-1 .logo a:hover h3
{ color: #4468aa /*#5674ad*/; }
.oe-header-av.av-header-1 .logo h1, .oe-header-av.av-header-1 .logo h3 { margin: 0; padding: 0; }

/* menu */
.av-header-1 .menu-header .oe-mainmenu-av .oe-menu-dad > li a { color: #ffffff; }
.av-header-1 .oe-mobile-menu-av .oe-menu-dad > li a { color: #ffffff; }
.av-header-1 .oe-mobile-menu-av .oe-menu-dad > li a:hover { color: #999999 !important; }
.av-header-1 .oe-mobile-menu-av .oe-menu-dad li.disabled a { color: #999999; cursor: default; }
.av-header-1 .resp-header a { color: #ffffff; }

.av-header-1 .menu-header .oe-mainmenu-av .oe-menu-dad > li a:after, .av-header-1 .menu-header .oe-mainmenu-av .oe-menu-dad > li a:before
{ background-color: #3b3b3b; }
.av-header-1 .menu-header .oe-mainmenu-av .oe-menu-dad .submenu { background-color: #2b467d; width: auto; }
.av-header-1 .menu-header .oe-mainmenu-av .oe-menu-dad .submenu > li.disabled a { color: #999999; cursor: default; }

.av-header-1 .oe-header-extra-av .form-control { color: #868686; border: 1px solid #868686; }
.av-header-1 .oe-header-extra-av .form-control::-moz-placeholder { color: #868686; }
.av-header-1 .oe-header-extra-av .form-control:-ms-input-placeholder { color: #868686; }
.av-header-1 .oe-header-extra-av .form-control::-webkit-input-placeholder { color: #868686; }
.av-header-1 .oe-header-extra-av .form-control:focus, .av-header-1 .oe-header-extra-av .form-control:active { color: #000; border-color: #000; }
.av-header-1 .oe-header-extra-av .navbar-right { color: #3b3b3b; }
.av-header-1 .oe-header-extra-av  input.form-control { background-color: #fff /*#bebebe*/; }
.hassub .caret
{
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid;
    display: inline-block;
    height: 0;
	  width: 0;
    margin-left: 2px;
    vertical-align: baseline;
}
/* -----------------------
 * baner na stronie domowej
 * ----------------------- */
.oe-main-content-av .oe-callout { margin-bottom: 0; height: 152px; padding: 10px 20px 10px 5px; }
@media only screen and (max-width:1024px) {
	.oe-main-content-av .oe-callout { padding: 11px 20px; }
}

.oe-callout .oe-slider { overflow: visible; }
.oe-callout .oe-slider .flex-control-nav { bottom: -22px; z-index: 1; }

.oe-main-content-av .oe-callout .oe-slider .flex-control-nav { bottom: -19px; }
.oe-main-content-av .oe-slider .flex-control-nav li a {  height: 8px; width: 8px; }

.oe-main-content-av .oe-row-cover .col-md-2 { padding-right: 5px; }
.oe-main-content-av .oe-row-cover .col-md-10 { padding-left: 5px; }
.oe-main-content-av .oe-callout .oe-callout-content ul { margin-bottom: 0; }
.av-reflect-bg.oe-callout .oe-callout-content { border-left: none; }
.oe-main-content-av .oe-callout .oe-callout-content { padding: 0 5px; width: 75%; margin: 0; }

@media only screen and (max-width: 1199px) {
  .oe-main-content-av .oe-callout .oe-callout-content {
    width: 100%;
    border-left: 0;
    margin-left: 0;
  }
  .oe-main-content-av .oe-callout .oe-btn {
    position: relative;
    margin: 15px 0 0 25px;
		left: 50%;
		margin-left: -120px; 
  }
	.oe-main-content-av .oe-callout { height: 100%; }
	.oe-slider .slides img { height: 200px; object-fit: contain; }
	.oe-main-content-av .oe-boxed-cover { display: none; }
}

.oe-ul-home li { /*margin-bottom: 5px; font-weight: bold;*/ }
.oe-callout .oe-ul-home li { margin: 0 30px 0 20px; font-weight: bold; }
.oe-callout .oe-ul-home .oe-li { top: 0; }
.oe-main-content-av .oe-btn span { padding: 1em; }
.av-reflect-bg { color: #3b3b3b; background-color: #93b3cf00 /*#8eb7d1 #b9b9b9 #dfdfdf*/; }
.av-reflect-bg .oe-btn-reflect-icon .fa { color: #3b3b3b; }

.oe-callout .btn { right: 10px; }
.av-reflect-bg .oe-reflect .oe-btn, .oe-reflect-bg .oe-btn { border: 1px solid #3b3b3b; }
.av-reflect-bg .oe-reflect .oe-btn span, .av-reflect-bg.oe-reflect-bg .oe-btn span { color: #3b3b3b; }

.oe-main-content-av .oe-boxed-cover { margin-bottom: 0; }
.oe-main-content-av .oe-boxed-cover img { object-fit: fill; object-position: 0 0; height: 130px; }

/* -----------------------
 * Wykłady
 * ----------------------- */
.oe-row-home .oe-image-caption { opacity: 1; font-weight: bold; font-size: 1.4em; text-align: left; }
.oe-row-home .oe-image-caption-top { left: 30px; top: 5px;  }
.oe-row-home .oe-image-caption-bot { bottom: -300px; left: 10px; font-size: 1.2em; font-weight: normal; }
.oe-row-home .oe-image-hover-caption:hover .oe-image-caption-bot,
.oe-row-home .oe-image-hover-caption:focus .oe-image-caption-bot { left: 10px; }

/* -----------------------
 * footer
 * ----------------------- */
.oe-last-foot-av { padding: 12px 0; display:block; }
 /* zmian tła */
.av-footer-1 { background-color: #AECEEB /*#8eb7d1 #b9b9b9 #dfdfdf #696969*/; color: #AECEEB; }
.av-footer-1.oe-last-foot .oe-mainmenu li a { color: #AECEEB; }
.oe-last-foot-av { padding: 12px 0; }

/* -----------------------
 * kontakt
 * ----------------------- */
.contact p { line-height: 1.5; font-size: 1.42em; }

/* -----------------------
 * menu w głównym panelu
 * ----------------------- */
.user-menu-ul li { margin-bottom: 10px; }

.breadcrumb li a { color: #428bca; }
.breadcrumb li a:hover { color: #444444; }

.oe-boxed { padding: 10px; }

#overlay { background-color: #000; opacity: 0.6; }
#overlay img { position: absolute; top:50%; left:50%; }

.oe-boxed-register { 
	padding: 0 10px; margin-top: 0; width: 100%; 
 -webkit-box-shadow:  3px 3px 5px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 0px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 0px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/*dodatkowe zmiany*/
._red{
  color:red;
}
#main-container{
  top:-7vh;
}
.oe-header{
  /*height: 50px;*/
  background-color:#190042 !important;
  z-index: 5000;
  border-width: 0 !important;
}
#logo-main{
  padding: 3px 3px 3px 15px !important;
}
.av-footer-1{
  background:linear-gradient(#190042,rgb(46, 21, 72)) !important;
}
.navbar-transparent{
  background-color: transparent;
  color: #999;
  z-index: 5000;
  border-width: 0 !important;
}
@media only screen and (max-width: 1199px){
  .navbar-transparent{
    background-color: #190042 !important;
    color: #999;
    z-index: 5000;
    border-width: 0 !important;
  }
  #after_intro_popup{
    max-width: 100vw !important;
    height: auto !important;
    left: 0px !important;
    top: 10vh !important;
  }
}
.navbar-header{
  float: left;
}
.navbar-inverse .navbar-nav>li>a{
  color:rgb(173, 173, 173);
  font-size: 1.2em;
}
.dropdown{
  color:white
}
/* -----------------------
 * elementy poniżej slidera
 * ----------------------- */
 /* element otwierający listę szkoleń - "Dostępne szkolenia"*/
.label-main{
  max-width: 100%;
  position: relative;
  font-weight: 300;
  top: 40vh;
  left: 3vw;
  margin: 5px;
  padding: 3px;
  font-family:'Lato';
  font-size: 4.5vh;
  color:rgb(233, 233, 233);
  background-color: transparent;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.label-main td{
  border-top-style: outset;
  border-bottom-style: outset;
  border-color: #4652e4;
  border-width: 4px;
  padding: 3px;
}
.label-main b{
  transition: all ease-in-out 0.2s;
}
/* belka - Zobacz film informacyjny - */
.label-play{
  padding:5px;
  font-weight: 400;
  text-align: center;
  font-family:'Lato';
  position: absolute;
  width: 48%;
  right: 0;
  transition: all ease-in-out 0.2s;
  top: 83.5vh;
  font-size: 3.5vh;
  color:white;
  background-color:rgb(25, 0, 66);
  cursor: pointer;
}
/* przycisk - Zarejestruj się - */
.label-register{
  padding:4px;
  font-weight: 300;
  text-align: center;
  font-family:'Lato';
  position: absolute;
  width: auto;
  left: 32vw;
  transition: all ease-in-out 0.2s;
  top: 41vh;
  font-size: 4vh;
  color:white;
  background-color: transparent;
  display: none;
  border-bottom-style: solid;
  border-color: #4652e4;
  padding: 5px;
}

.infinite-carousel{
  position: absolute;
  top: 52vh;
  left: 7vh;
  width: 50%;
  height: 38%;
  display: none;
}
.infinite-carousel .list{
  width:100%;
  height:100%;
  overflow:hidden;
}
.infinite-carousel .viewport{
  width:100%;
  height:100%;
  overflow:hidden;
}
.infinite-carousel .carousel-item{
  font-size: 3vh;
  font-weight: 300;
  font-family:'Lato';
  width:100%;
  height: auto;
  text-align: left;
  line-height: 4vh;
  float: left;
  padding: 2px;
}
#play-button{
  z-index: 1;
  position: absolute;
  width: 8vw;
  right: 20vw;
  transition: all ease-in-out 0.2s;
  top: 35vh;
  cursor: pointer;
}
.hide-scrollbar{
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: hidden;
}