:root {
    --red: #d9534f;
    --primary: #333;
    --ligthBlue: #3871d7;
}
body { font-family: 'Lato', sans-serif; }
h1, .h1 { font-size: 32px; margin-bottom: 20px}
h2, .h2 { font-size: 28px; margin-bottom: 20px;}

img { max-width: 100%; height: auto; }

mark { background-color: yellow; }

.navbar-brand { padding: 2px 15px 5px 15px; height: auto;  }
.navbar-brand img { max-height: 75px; image-rendering: -moz-pixelated; }

.grey { color: #CCCCCC; }
.grey2 { color: #aaa; }
.green { color: #3E8F3E; }
.grey-green { color: #86ae86; }
.orange { color: #f0ad4e; }
.red { color: #d9534f; }

.bg-grey { background: #E2E2E2; }

.floatingHeader {
  position: fixed;
  visibility: hidden;
}

.icon-margin-right { margin-right: 5px; }

.navbar + .page-header { margin-top:70px; }
.navbar + .page-header h1 {
    text-transform: uppercase;
    position: relative;
    padding-left: 23px;
}
.navbar + .page-header h1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    background: #0035b7;
    bottom: 0;
}
.nav-tabs {
    white-space: nowrap;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
}
.nav-tabs>li>a {
    border: 1px solid #dddddd;
}

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }
.j { text-align: justify; }
.b { font-weight: bold; }
.s { text-decoration: line-through; }
.i { font-style: italic; }
.vmiddle { vertical-align: middle!important; }
.big { font-size: 120%; }

.row-vertical-center {
    display: flex;
    align-items: center;
}


.nowrap { white-space: nowrap; }
.ops { min-width: 90px; }

.recommended { font-weight:  bold; color: black;}

.btn-kozacki {

	width: 180px;
	height: 50px;
	background: url("../imgs/btn-kozacki.png") no-repeat center 50%;
	background-size: cover;
	color: #0b1c39;
	text-transform: uppercase;
	text-decoration: none;
	padding: 11px;
	font-weight: 400;
	font-family: Impact;
	font-style: italic;
	text-shadow: 1px 1px 0 white;
	font-size: 18px;
}
.btn-kozacki:hover { text-decoration: none; color: #10274f; }


.btn-kozacki.grey { background: url("../imgs/btn-kozacki-grey.png") no-repeat center 50%;  color: #ccc; }
/*
@media (min-width: 1200px) {
	.btn-kozacki {
		width: 220px;
		height: 61px;
		padding: 14px;
		font-size: 22px;
	}
}
*/


.btn-orange {
	color: #fff;
	border: none;
	border-bottom: 3px solid #c46c00;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3)!important;
	padding: 4px 12px;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 15px;
	background: #ffb100;
	background: -moz-linear-gradient(top, #ffb100 0%, #ff9500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb100), color-stop(100%,#ff9500));
	background: -webkit-linear-gradient(top, #ffb100 0%,#ff9500 100%);
	background: -o-linear-gradient(top, #ffb100 0%,#ff9500 100%);
	background: -ms-linear-gradient(top, #ffb100 0%,#ff9500 100%);
	background: linear-gradient(to bottom, #ffb100 0%,#ff9500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb100', endColorstr='#ff9500',GradientType=0 );

	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.btn-orange:hover { color: white; }

.btn-shadow { box-shadow: 1px 1px 30px rgba(255,149,0, 0.9);
	padding: 6px 16px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
 }

.btn.btn-link { white-space: normal; }
.btn-info { background: var(--ligthBlue);border: 0; }
ul.tick-green { margin-left: 0; padding-left: 0; }
ul.tick-green li { list-style-type: none; padding-left: 60px; margin: 10px 0; background: url("../imgs/tick-green.png") no-repeat left top; min-height: 48px; }

ul.tick-bg-green { margin-left: 0; padding-left: 0; }
ul.tick-bg-green li { list-style-type: none; padding-left: 60px; margin: 10px 0; background: url("../imgs/tick-bg-green.png") no-repeat left top; min-height: 48px; }
ul.tick-small li { background-size: 21px auto; padding-left: 33px; min-height: 22px; }


.speech-balloon:before {
    background: transparent none repeat scroll 0 0;
    border-bottom-right-radius: 80px 50px;
    border-color: #5a8f00;
    border-style: solid;
    border-width: 0 10px 10px 0;
    bottom: -40px;
    content: "";
    display: block;
    height: 30px;
    left: 50px;
    position: absolute;
    width: 50px;
    z-index: 10;
}
.speech-balloon:after {
    background: transparent none repeat scroll 0 0;
    border-bottom-right-radius: 40px 50px;
    border-color: #5a8f00;
    border-style: solid;
    border-width: 0 10px 10px 0;
    bottom: -40px;
    content: "";
    display: block;
    height: 30px;
    left: 50px;
    position: absolute;
    width: 20px;
    z-index: 10;
}
.speech-balloon {
    border-radius: 20px;
    color: #333;
    margin: 1em 0 3em;
    padding: 30px 15px;
    position: relative;
    text-align: center;

    background-color: #f8f8f8;
    border-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
}


.speech-balloon > *:first-child::before {
    background: #5a8f00 none repeat scroll 0 0;
    border-radius: 10px;
    bottom: -40px;
    content: "";
    height: 10px;
    left: 45px;
    position: absolute;
    width: 10px;
}
.speech-balloon > *:first-child::after {
    background: #fff none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 15px;
    left: 76px;
    position: absolute;
    width: 24px;
}

.bubble {
    background: #fefefe linear-gradient(to bottom, white 0%, #fafafa 100%) repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    position: relative;
    text-align: justify;
    margin-left: 20px;
    font-size: 16px;
}
.bubble::after {
    border-color: #ffffff rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 20px 0 0 40px;
    content: "";
    display: block;
    position: absolute;
    left: -36px;
    top: 16px;
    width: 0;
}
.bubble::before {
    border-color: #d8d8d8 transparent;
    border-style: solid;
    border-width: 20px 0 0 40px;
    content: "";
    display: block;
    position: absolute;
    left: -40px;
    top: 15px;
    width: 0;
}
.bubble p {
    margin: 0;
    padding: 0;
}
.bubble p + p {
    margin-top: 10px;
}

.embed-responsive-16by10 { padding-bottom: 62.5%; }

.error {  
    background: #f04949;
    color: #fff;
    text-align: center;
    padding: 2;
    line-height: 2; 
}
.error:not(:empty) {
    margin: 10px 0;
    padding: 2px 8px;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
} 
.submit { margin-top: 10px; }

.menu-right .nav .nav { padding-left: 15px; }
.form-btn { display: inline-block; }

.comments .media-object, .image-std { width: 64px; height: 64px; background: #eee; }
.comments span.media-object { font-size: 60px; text-align: center; color: white;}
.comments .btn-hide { margin-right: 10px; }

.media-object.userphoto, .image-std { width: 64px; height: 64px; background: #eee; }
span.media-object.userphoto { font-size: 60px; text-align: center; color: white;}

.input-field { margin-top: 5px; margin-bottom: 5px;}
.input-field .image-std { margin-right: 10px;}

.form-control { transition: all ease-in 0.75s; box-shadow: rgba(149, 157, 165, 0.3) 0px 2px 6px; }
.form-control.focus.blur { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 12px rgba(102, 175, 233, 0.9); border-color: #66afe9; }

.user-read { color: #CCCCCC; text-decoration: line-through; }
.user-read:not(.exercise-ok) { text-decoration: none; }

.mejs__poster.mejs__layer { background-size: cover; }

/**
 *     korekta koloru do bazy ekspertów
 */
pre { background-color: #e5e5e5; border-color: #9b9b9b; }


/* stre menu lekcji
.lesson-menu { font-weight: 600; font-size: 16px; background: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%); }
.lesson-menu li.active a, .nav.submenu li.active a { background: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%) }
.nav.submenu li.active a { color: #ffffff; }
*/
/* nowe style menu lekcji - START */
@media all and (max-width: 767px) {
    .lesson-menu .navbar-toggle.navbar-left {
        float: left;
        margin-left: 10px;
    }
}
@media all and (min-width: 768px) {
    .lesson-menu .navbar-left, .lesson-menu .navbar-header {
        float: none !important;
    }
}
.lesson-menu .nav-pills .nav-pills {
    display: none;
    padding-left: 3%;
}
.lesson-menu .active .nav-pills {
    display: block;
}
.lesson-menu .navbar-toggle {
    display: inline-block;
}
.lesson-menu .show-done {
    display: none;
}
.lesson-menu .active .show-done {
    display: inline;
    margin-left: 7px;
}
.lesson-menu .progress-div {
    padding: 10px;
}
.lesson-menu .progress {
    height: 7px;
}
.lesson-menu .navbar-toggle.collapsed {/* tu poprawka na profilera */
    display: inline;
}
.navbar-toggle.additional-menu {
    display: none;
    float: left;
    margin-left: 15px;
}
.navbar-toggle.additional-menu.enabled {
    display: inline;
}
.lesson-nav {
    padding-top: 35px;
    padding-bottom: 35px;
}
.lesson-nav .text-left, .lesson-nav .text-right {
    padding-left: 0;
    padding-right: 0;
}
.lesson-nav h1 {
    margin: 0 auto;
    font-weight: bold;
}
.lesson-menu .nav-pills > li.level-1 { font-size: 13px; line-height: 20px; }

/* nowe style menu lekcji - KONIEC */

#form_cart .btn { margin: 4px; }

.nav > li > a { padding: 8px 15px;}
.navbar-nav { margin-right: 0;}
@media (max-width: 901px) {
    .navbar-nav { 
        margin: 10px 0 10px;
    }
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 50px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  background-color: #1f2a43;
  font-size: 90%;
}
#footer a {
    color: #fff;
    margin: 0 5px;
}


.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; background: white; z-index: 1}
.sticky-top { top: 82px; }
.sticky-left { left: 0; }


pre.debug:first-child {margin-top: 85px; }


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  /* padding: 60px 15px 0; */

}
@media (min-width: 1200px) {
    body > .container {
        width: 1174.5px;
    }
}

.navbar .user-photo { height: 32px; margin: -8px 5px -8px 0; }
.navbar-nav > li.info { display: flex; }
.navbar-nav > li.info > a { padding: 15px 5px !important; font-size: 11px;  }
/* .navbar-nav > li.info > a:nth-child(2) { padding-top: 5px; } */

.navbar .more-products { display: none; }

.container .text-muted {
  margin: 15px 0;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.normal { font-weight: normal; }
th.normal { font-weight: normal; font-size: 80%;}


.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover > .dropdown-menu {display:block;}
.dropdown-submenu > a:after {display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}

@media all and (min-width: 768px) {
    .navbar-right .dropdown-submenu .dropdown-menu { right: auto!important; }
}

/* stronicowanie */
.pagination-out { margin: 20px 5px 10px 5px; }
.pagination { margin: 0; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #0035b7;
    border-color: #0035b7;
}
/*
.pagination { text-align: center; margin: 5px 0; padding: 0; line-height: 30px; clear: both; display: block; }
.pagination a { text-decoration: none; }
.pagination .perpage { float: right; }
.pagination .perpage select { width: 100px; }
*/


/* wyszukiwarka */
.search .form-group { max-width: 200px; margin-top: 10px; margin-bottom: 10px; }


/*** admin ***/
.table-progress td.user-can-view { background-color: #fcf8e3!important; }
.table-progress td.user-can-paid { background-color: #f2dede!important; }
.table-progress td.user-completed, .table-progress td.user-can-view.user-completed { background-color: #dff0d8!important; }
.table-progress thead td { height: 30px; overflow: hidden; }

.bg-green, .bg-green td { background-color:#dff0d8!important; }

.preview { padding: 10px 30px; border: 4px solid #ddd; margin: 10px 0px; position: relative; color: #333; }
.preview.inactive { color: #999; }
.preview .btn.edit { position: absolute; top: 0; right: 0; }


/* forum */
.post { position: relative; }
.post .userinfo { 
    width: 150px; 
    margin-right: 0 !important; 
    padding: 5px;
}
.post .username > a:first-child {
    text-transform: uppercase;
    font-weight: bold;
}
div.post .userinfo > p > small {
    margin-bottom: 11px;
    display: inline-block;
}
.post iframe {
    max-width: 100%;
}
@media (max-width: 768px) {
    div.post .userinfo {
        background: whitesmoke;
    }
    div.post .userinfo > p {
        padding: 10px;
        margin: 5px;
        background: #fff;
        clear: both;
    }
    div.forum-thread-img {
        margin: 10px;
    }
    .post .userinfo .observe-user {
        margin: 5px 0;
    }
}
.post .content { padding-bottom: 10px; }
.post .content .footer { position: absolute; bottom: 0px; right: 5px;}
.post + .post { border-top: 1px solid #ddd; padding-top: 15px;}

.forum-thread-item.title h3 { 
    font-weight: bold;
    border-bottom: solid 1px #dedede;
    padding-bottom: 10px
}
.post-form label {
    text-transform: uppercase;
    font-weight: bold;
}
body .forum-thread-item {
    border-radius: 4px;
}
body .forum-thread-item.highlighted {
    background: #1f2a43;
    color: #fff;
    
}
body .forum-thread-item.highlighted  .forum-thread-title a {
    color: #fff;
}
body .highlighted-post-icon .glyphicon {
 color: #e58b18 !important;
}
.forum-thread-item.highlighted  .forum-thread-go-to-message .fa {
    color: #f9f9f9;
}
div.forum-thread-item.highlighted a.username {
    color: #fff;
}
div.forum-thread-item.highlighted .forum-thread-content a {
    color: #349fff;
}
@media (max-width: 767px) {
    body .forum-thread-item {
        grid-template-columns: 100px auto
    }
    body .forum-thread-item .forum-thread-info > div {
        width: 100%;
    }
    .forum .panel-heading .btn-group {
        width: 100%;
    }
    .forum .panel-heading  .btn-group .btn+.btn {
        margin-left: 0;
        width: 100%;
        margin-top: 5px;
    }
    .forum .panel-heading form {
        width: 100%;
        margin-top: 10px;
    }
    .forum .panel-heading form label {
        text-transform: uppercase;
    }
}

body .page-header .panel-heading > .panel-title > span {
    font-size: 18px;
    font-weight: bold;
    color: #0035b7;
}
body .page-header .panel-heading > .panel-title {
    padding-left: 0;
}
body .page-header .panel-heading > form.pull-right label {
    text-transform: uppercase;
    padding-right: 5px;
}
body .page-header .panel-heading > form.pull-right button {
    width: 100%;
    background: #18076f;
    color: #fff;
    border: 0;
}
@media (min-width: 768px) {
    body .page-header .panel-heading > form.pull-right {
        margin-top: 14px;
        margin-top: 14px;
        background: #1f2a43;
        color: #fff;
        padding: 5px 5px 5px 10px;
        border-radius: 4px;
    }
    body .page-header .panel-heading > form.pull-right button {
        width: auto;
    }
}

body .page-header .panel-body > .media-list {
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 16px;
}
body .page-header .panel-body > form { box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 16px; }

.media-body div.footer div.btn-group a {
    font-size: 14px;
}
/* osiągnięcia - odznaki */

.achievement { float: left; margin: 10px; overflow: hidden; text-align: center; cursor:pointer; }
.achievement { color: #e2980b; }
.achievement.inactive { color: #9e9e9e; }
.achievement.lg { width: 150px; margin: 10px 15px; }
.achievement.lg .icon { min-height: 150px; font-size: 60px; padding-top: 38px; }
.achievement.md { width: 100px; min-height: 100px; }
.achievement.md .icon { min-height: 100px; font-size: 40px; padding-top: 21px; }
.achievement .icon { display: block; background: url("../imgs/achievement-active.png") no-repeat center center; background-size: cover; color: #e2980b; }
.achievement.inactive .icon { background: url("../imgs/achievement-inactive.png") no-repeat center center; background-size: cover; color: #9e9e9e; }

.achievement.mini { float: none; display: inline-block; position: relative; font-size: 14px; padding: 2px; vertical-align: middle; line-height: 1; }
.achievement.mini.md { width: 18px; height: 18px; margin: 0 0px; overflow: hidden; min-height: initial; }
.achievement.mini.lg { width: 18px; height: 18px; margin: 0 0px; overflow: hidden; min-height: initial; }
.achievement.mini.multi { width: 23px; text-align: left; }
.achievement.mini .amount { color: #d28800; font-size: 10px; position: absolute; bottom: 2px; right: 0px; }


/* plany cenowe */

.ab-offer .icons img { padding-bottom: 25px; }
.ab-offer .icon-cart-white { background: url("../imgs/cart/icon-cart-white.png") no-repeat left top; width: 30px; height: 29px; display: inline-block; vertical-align: middle; }
.ab-offer .icon-cart-blue { background: url("../imgs/cart/icon-cart-blue.png") no-repeat left top; width: 30px; height: 29px; display: inline-block; }
.ab-offer .icon-no-white { background: url("../imgs/cart/icon-no-white.png") no-repeat left top; width: 27px; height: 27px; display: inline-block; }

.ab-offer #pricePlans .icon { display: inline-block; vertical-align: middle; margin-right: 10px; }

#pricePlans .gi { clear: both; }
#pricePlans .gi.iContainer { background: white; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin: 0; padding: 15px; margin-bottom: 15px; list-style-type: none; }
#pricePlans .gi.iContainer label { color: #42546f;  }
#pricePlans .gi.iContainer label small strong { display: block; font-size: 14px; color: #42546f; }
#pricePlans .gi.iContainer label small { display: block; font-size: 12px; color: #767676; font-weight: normal; }
#pricePlans .gi.iContainer label input[name="installment_number"][disabled] + span { color: #767676; }
#pricePlans .gi.iContainer label input[name="installment_number"][disabled] + span strong { color: #767676!important; }
input[type=file] {
    min-height: 34px;
}

#pricePlans, #pricePlans a {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

#pricePlans {
	font-family: 'Open Sans', sans-serif;
	background: #e2e2e2;
	margin: 20px auto;
}

#plans,#plans ul,#plans ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pricePlans:after {
	content: '';
	display: table;
	clear: both;
}

#pricePlans {
	zoom: 1;
}

#pricePlans {
	margin: 0 auto;
}

#pricePlans #plans .plan {
	background: #fff;
	float: left;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	margin: 0 0 20px 0;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

#pricePlans #plans .plan.bestPlan { box-shadow: 0 1px 10px rgba(0,0,0,0.8); }
#pricePlans #plans .plan.inactive { box-shadow: inset 0 1px 50px rgba(0,0,0,0.4); background-color: #8c8c8c; }

.plan.inactive .price p {
  background: #703d5c;
	background: -moz-linear-gradient(top, #703d5c 0%, #64324e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#703d5c), color-stop(100%,#64324e));
	background: -webkit-linear-gradient(top, #703d5c 0%,#64324e 100%);
	background: -o-linear-gradient(top, #703d5c 0%,#64324e 100%);
	background: -ms-linear-gradient(top, #703d5c 0%,#64324e 100%);
	background: linear-gradient(to bottom, #703d5c 0%,#64324e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#703d5c', endColorstr='#64324e',GradientType=0 );
}

.planContainer .title h2 {
	font-size: 2.125em;
	font-weight: 300;
	color: #3e4f6a;
	margin: 0;
	padding: .6em 0;
}

.planContainer .title h2.bestPlanTitle {
	background: #3e4f6a;
	background: -webkit-linear-gradient(top, #475975, #364761);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.planContainer .price p {
	background: #3e4f6a;

	background: -webkit-linear-gradient(top, #475975, #364761);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 0;
	padding: 10px 0;
}

.planContainer .price p.bestPlanPrice {
	background: #f7814d;
}

.planContainer .price p span {
	font-size: 10px;
	display: block;
}

.planContainer .video,  #plans ul li.video { margin-bottom: 1em; }

.planContainer .options {
	margin: 10px 6%!important;
	min-height: 270px;
	text-align: left;
}

.planContainer .options li {
	font-weight: 700;
	color: #364762;
	padding: 25px 0;
}

.planContainer .options li.ok { background: url("../imgs/cart/icon-tick-green.png") no-repeat left top; padding-left: 25px!important; }
.planContainer .options li.warning { background: url("../imgs/cart/icon-tick-warning.png") no-repeat left top; padding-left: 25px!important; }


.planContainer .options li span {
	font-weight: 400;
	color: #000;
	font-size: 12px;
	display: block;
}

.inactive .planContainer .options li span { color: white; }

.planContainer .button a {

	text-decoration: none;
	color: #3e4f6a;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 2.8em;
	border: 2px solid #3e4f6a;
	display: inline-block;
	width: 80%;
	height: 2.8em;
	border-radius: 4px;
	margin: 1.5em 0 1.8em;
}

.inactive .planContainer .button a {
  	background: #703d5c;
	background: -moz-linear-gradient(top, #703d5c 0%, #64324e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#703d5c), color-stop(100%,#64324e));
	background: -webkit-linear-gradient(top, #703d5c 0%,#64324e 100%);
	background: -o-linear-gradient(top, #703d5c 0%,#64324e 100%);
	background: -ms-linear-gradient(top, #703d5c 0%,#64324e 100%);
	background: linear-gradient(to bottom, #703d5c 0%,#64324e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#703d5c', endColorstr='#64324e',GradientType=0 );
	color: white;
	border: none;
	padding: 2px;

}

.planContainer .button a.bestPlanButton {
	color: #fff;
	border: none;
	border-bottom: 3px solid #c46c00;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	background: #ffb100;
background: -moz-linear-gradient(top, #ffb100 0%, #ff9500 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb100), color-stop(100%,#ff9500));
background: -webkit-linear-gradient(top, #ffb100 0%,#ff9500 100%);
background: -o-linear-gradient(top, #ffb100 0%,#ff9500 100%);
background: -ms-linear-gradient(top, #ffb100 0%,#ff9500 100%);
background: linear-gradient(to bottom, #ffb100 0%,#ff9500 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb100', endColorstr='#ff9500',GradientType=0 );
}

#pricePlans .installments .calculator .input-group { margin-bottom: 10px; }
#pricePlans .installments .calculator label { font-size: 14px; text-align: left;}

.stars span {
    vertical-align: middle;
}
.stars .glyphicon {
    font-size: 150%;
}

@media screen and (min-width: 481px) and (max-width: 768px) {

#pricePlans #plans .plan {
	width: 49%;
	margin: 0 2% 20px 0;
}

#pricePlans #plans > li:nth-child(2n) {
	margin-right: 0;
}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {

#pricePlans #plans .plan {
	width: 32%;
	margin: 0 2% 20px 0;
}

#pricePlans #plans > li:nth-child(2n) {
	margin-right: 0;
}

}

@media screen and (min-width: 1025px) {

#pricePlans {
	margin: 2em auto;
}

#pricePlans #plans .plan {
	width: 32.44%;
	margin: 0 1.33% 20px 0;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

#pricePlans #plans > li:last-child,
#pricePlans #plans > li.last {
	margin-right: 0;
}



#pricePlans #plans .plan:hover {
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04);
}

.planContainer .button a {
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.planContainer .button a:hover {
	background: #3e4f6a;
	color: #fff;
}

.planContainer .button a.bestPlanButton:hover {
	background: #ff9c70;
	border: 2px solid #ff9c70;
}

}

@media(max-width: 767px) {
	.lesson-nav > .text-left, .lesson-nav > .text-right { margin-bottom: 20px; }
	#form_cart .btn-lg { font-size: 16px; padding: 5px 10px; white-space: normal; }
	.row-vertical-center { display: block; }
}

.menu-label-obligatory, .menu-label-optional { display: none; color: white; padding: 2px 3px; border-radius: 4px; font-size: 9px; font-family: sans-serif; }
.lesson-menu .menu-label-obligatory { 
    display: inline-flex;
    background-color: var(--red);
    padding: 8px 10px;
    align-items: center;
    border-radius: 3px;
}
.lesson-menu .menu-label-optional { display: inline; background-color: #1DA1F2; }
.menu-label-active { display: inline; background-color: #449D44; color: white; padding: 2px 3px; border-radius: 4px; font-size: 10px; font-family: sans-serif; }
.product h4 { text-align: left; }
.product { opacity: 0.6; text-align: center; }
.product:hover, .product.bought { opacity: 1; }
.product > a > img { text-align: center; margin: 0 auto; width: 100%; height: auto; }
.product.col-xs-12 img { max-height: 350px; }
.product:not(.bought) a { color: grey; }
.secondary-course .glyphicon { opacity: 0.5; }
.secondary-course { text-align: left; margin-left: 20px; }

/* ----- NEW TEMPLATE ----- */

body.index { margin-bottom: 0; }
body.index h1, body.index h2, body.index h3, body.index h4, body.index h5, body.index h6 { font-family: 'Source Sans Pro', sans-serif !important; }
body.index a:link, body.index a:link a:visited, body.index a:link a:hover, body.index a:link a:active { color: black; text-decoration: none; }

body.index p { font-family: 'Source Sans Pro', sans-serif !important; font-size: 17px !important; text-align: justify; line-height: 1.3; }

.float-right { float: right; text-align: right;}
.float-left { float: left; text-align: left;}
.float-center { text-align: center; }
.italic-text { font-style: italic; }
.underline-text { text-decoration: underline; }

.gray-background { background-color: #F2F2F2; box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);}

.button-row { margin-top: 40px; }
.yellow-btn { margin: 10px; padding: 8px 25px; background-color: #FFDB00; border: 1px #FFC44F solid; border-radius: 4px; font-family: 'Source Sans Pro', sans-serif !important; color: black; font-size: 24px; font-weight: 600; box-shadow: 0px 0px 6px rgba(0, 0, 0, .7); }
.yellow-btn:hover { color: black; box-shadow: 0px 0px 2px rgba(0, 0, 0, .7);}

.video_frame { box-shadow: 0px 0px 9px rgba(0, 0, 0, .7); margin: 10px auto;}
.video_one_column { width: 900px; height: auto; }
.round-img-160 { border-radius: 50%; height: 160px; width: 160px; box-shadow: 0px 0px 6px rgba(0, 0, 0, .5); }
.round-img-265 { border-radius: 50%; height: 265px; width: 265px; box-shadow: 0px 0px 6px rgba(0, 0, 0, .5); }

/* menu */
.menu-wrapper { background-color: black; background-image: url(''); border-color: black; }
.menu-wrapper > .container { padding-top: 10px; }
.menu-wrapper li > a { color: lightgray !important; font-family: 'Martel Sans', sans-serif !important; font-size: 15px; font-weight: 100; }

/* main-page-wrapper */
.main-page-wrapper { background-color: white; margin-top: 500px; padding: 0 !important; }
.main-page-wrapper h1, .main-page-wrapper h2, .main-page-wrapper h3, .main-page-wrapper h4 { text-transform: none; text-align: center }
.main-page-wrapper h1 { font-weight: 600; color: black; }

/* zapisy ruszyly SECTION */
.zapisy-ruszyly { position: fixed; top:58px; z-index: -98; width: 100%; -webkit-transition: opacity 1s; transition: opacity 1s; }
.zapisy-ruszyly h1 > span { color: white; font-size: 27px; text-transform: none; }
.zapisy-ruszyly h1 > .close-notice { border: 2px #ffdb00 solid; cursor: pointer; text-transform: none; float: right; border-radius: 50%; width: 35px; height: 35px; display: inline-block; padding: 0px 0px 0px 10px; font-size: 25px; font-weight: 400; }

/* logo and headers SECTION */
.welcome-logo-big {width: 100%; height: auto; margin: 0 auto;}

/* black header SECTION */
.black-header { background-color: black; height: auto; padding: 10px; }
.black-header h1 { color: #FFDB00; margin: 10px; }

/* double column content SECTION */
.double-column-content h2 { margin-bottom: 30px; font-weight: 400; font-size: 30px; }
.double-column-content img { width: 100%; height: auto; box-shadow: 0px 0px 9px rgba(0, 0, 0, .7); }
.double-column-content h4 { font-weight: 500; font-size: 22px; }
.double-column-content .video_double_column { width: 100%; height: auto; }

/* three box content SECTION */
.three-box-content { text-align: center; }
.three-box-content h3 { font-weight: 600; }
.three-box-content h1 { font-weight: 800; margin: 40px auto; }

/* four box content*/
.four-box-content { text-align: center; }
.four-box-content img { margin: 10px auto; }

/* FOOTER */
#footer-new-template { color: lightgray !important; }
#footer-new-template.light-footer { color: #222F40 !important; padding: 20px 0; }
#footer-new-template p { font-size: 12px !important; line-height: 1.3 !important; }
#footer-new-template a:link, #footer-new-template a:visited, #footer-new-template a:hover, #footer-new-template a:active { color: lightgray !important; }
#footer-new-template.light-footer a:link,
#footer-new-template.light-footer a:visited,
#footer-new-template.light-footer a:hover,
#footer-new-template.light-footer a:active { 
	color: #222F40 !important; 
}
#footer-new-template .footer-links { font-size: 15px !important; text-align: center; }

/* INDIVIDUAL SETTINGS SECTIONS*/
#video-logo-desc .container { text-align: center; padding: 15px 100px; }
#video-logo-desc h3 { font-weight: 600; }

#ruszala_section h4 { margin-top: 100px; }
#ciszewski_section h4 { margin-top: 32px; }
#zawistowski_section h4 { margin-top: 53px; }
#pindor_section h4 { margin-top: 53px; }
#jaros_section h4 { margin-top: 53px; }

#how-does-it-work-content h1 {margin: 0 auto 30px;}
#how-does-it-work-content h3 { text-align: left; font-weight: 300; font-size: 28px; }
#how-does-it-work-content li { font-family: 'Source Sans Pro', sans-serif !important; font-size: 17px; line-height: 1.3; }

#how-result h1 { font-size: 40px; margin: 0 auto 20px;}

#certificate img { width: 100%; height: auto; }

#join-and-grow h3 { font-size: 23px; font-weight: 400; }

#faq-section { padding: 30px auto !important; }
#faq-section h3 { font-weight: 500; }
#faq-section .col-xs-12 { text-align: center; }

#not-for-everyone li { list-style: circle; font-family: 'Source Sans Pro', sans-serif !important; font-size: 17px; line-height: 1.3; text-align: justify; margin: 10px auto; }

#certificate2 img { width: 80%; height: auto; margin: 30px; box-shadow: 0px 0px 9px rgba(0, 0, 0, .7); }

#wrote-about-us img { width: 90%; height: auto; margin: 5px; }

/* --- PODSTRONY --- */
body.index-subpage { margin-bottom: 0; }
body.index-subpage .container.page-header { min-height: calc(100vh - 169px); }

.panel, .alert { border-radius: 0; border: 0; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; text-shadow: none;}
.alert {margin-top: 20px}
.alert-success { background: #3c763d; color: #fff}
.panel-default > .panel-heading { background-color: #e0e0e0; background-image: none; border: 0; border-radius: 0; font-weight: bold;}
.panel-success>.panel-heading { background: rgb(76 175 80 / 23%); color: var(--primary)}
.panel-default > .panel-heading h3 { font-weight: bold}
.panel-success>.panel-heading .badge { color: #fff; background: var(--primary); }
body .panel-default>.panel-heading span.badge { color: #f5f5f5; }
.alert { text-align: center; }
.alert-info {  background: #9acfea; color: #1f2a43; box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 17px; border-radius: 4px}
.alert-warning {
    color: #102639;
    background: #ffa21d;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 17px;
}
.breadcrumb { text-align: center; text-transform: uppercase; font-size: 12px;}
.breadcrumb>li {
    display: inline;
}
.header-img { width: 100%; max-width: 100vw; margin-bottom: 50px; margin-top: -30px}

.nav-main > li.equal-padding-top { padding-top: 2px; }
.nav-main > li.equal-padding-top .glyphicon { top: 2px; }
.nav-main > li > a { padding: 10px 15px; }
@media (min-width: 768px) {
    .nav-main > li > a { padding: 15px; }
} 

.button-blue, .button-darkblue, .button-orange, .button-green, .button-purple {
	background-color: #337ab7;
	color: white !important;
	border: 1px solid #2e6da4;
	border-radius: 4px;
	padding: 7px 5px !important;
    margin: 5px;
}
.button-green {	background-color: #5cb85c;	border: 1px solid #4cae4c; }
.button-darkblue { background-color: #102639; border-color: #204d74; }
.button-purple { background-color: #8e2578; border-color: #64154a; }

.button-green:hover { background-color: #449d44 !important; border-color: #398439 !important; }
.button-blue:hover, .button-darkblue:hover  { background-color: var(--violet) !important; border-color: #204d74 !important; }
.button-orange:hover { background-color: #ec971f !important; background-image: none; }
.button-purple:hover { background-color: #64154a !important; border-color: #4a1037 !important; }

.button-red {
	background-color: #d9534f !important;
	color: white !important;
    padding: 7px !important;
    margin: 5px 5px !important;
    border: 1px solid #c9302c !important;
    border-radius: 4px !important;
 }
.button-red:hover { background-color: #c9302c !important; }

.btn-primary:active, .btn-primary:hover, .btn-primary.active  { background-color: var(--violet) !important; background-image: none; }

/* koszyk */
.cart-form-wrapper { display: flex; }
.cart-form-wrapper > .cart-form-content { width: 740px; }
.cart-form-wrapper > .cart-form-sidebar { width: 400px; text-align: center; }
.cart-form-wrapper > .cart-form-content > p > input.btn[type=submit],
.cart-form-wrapper > .cart-form-content > p > button.btn[type=submit]{ width: 100%; }
.img-100-per { width: 100%; margin: 0 auto 15px; }
.img-70-per { width: 70%; margin: 0 auto 15px; }
.img-35-per { width: 35%; margin: 20px auto 15px; }
.btn-darkblue { background-color: #002c8a; color: white; }
.btn-darkblue:hover { background-color: #052563; color: white; }
.btn-mint {
	background-image: -webkit-linear-gradient(top,#21ceb1 0,#00af92 100%);
    background-image: -o-linear-gradient(top,#21ceb1 0,#e00af92 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#21ceb1),to(#00af92));
    background-image: linear-gradient(to bottom,#21ceb1 0,#00af92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21ceb1', endColorstr='#00af92', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #00aa8e;
	background-color: #29bb9c; border-bottom: 2px solid #00aa8e; color: white; }
.btn-mint:hover { color: white; background-color: #00af92; background-position: 0 -15px;}

.btn-raty-payu { position: relative; }
.btn-raty-payu:before {
    content: '';
    position: absolute;
    left: -120px;
    top: 5px;
    background-image: url(/media/imgs/raty-payu.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 100px;

}

/* okno pomocy */
.help-window-wrapper {
    position: fixed;
    width: 350px;
    background-color: white;
    bottom: 50px;
    right: 50px;
    z-index: 9999;
    border-radius: 4px;
    box-shadow: 2px 3px 7px rgba(0,0,0,.3);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.help-window-wrapper > .help-header {
	background-color: #4872bf;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin: 0;
	padding: 5px 20px;
	color: white;
	font-size: 18px;
    font-weight: 300;
}
.help-window-wrapper > .help-header span { float: right; padding-top: 4px; cursor: pointer; }
.help-window-wrapper > .help-content { padding: 10px 30px; color: #555555; font-size: 16px;	font-weight: 300; }
.help-window-wrapper .help-call { display: flex; flex-direction: row; color: #4a74bc; font-weight: 400; }
.help-window-wrapper .help-call h3 { margin-top: -8px; }
.help-window-wrapper .help-call span { color: lightgray; margin-right: 10px; font-size: 30px; padding-top: 15px; }
.help-window-wrapper .help-mail { margin-top: -10px; font-size: 12px; font-style: italic; }


/* produkty - zdjęcia kursów */
.product-container {
	position: relative;
	width: 100%;
	height: 83px;
	border-radius: 4px;
	margin: 12px 0;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.product-container:hover {
    box-shadow: rgb(0 0 0 / 10%) 0px 6px 24px 0px, rgb(0 0 0 / 15%) 0px 0px 0px 1px;
}
.product-akademia-container { width: 100%; height: 170px; }
.product-inactive {	opacity: 0.2; -webkit-filter: grayscale(70%); filter: grayscale(70%); }
.product-container > a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.product-ab-active:after {
	content: "";
	font-size: 12px;
	position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    padding: 2px;
    background-color: #307030;
    color: white;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    opacity: 0;
    transition: all 0.5s;
    transform: rotate(180deg);
    -webkit-transition: all 0.5s;
    text-align: center;
    display: block;
    writing-mode: vertical-lr;
}
.product-active:after,
.product-container--banner:after {
	content: "";
	font-size: 12px;
	position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: auto;
    height: 100%;
    padding: 2px;
    background-color: #307030;
    color: white;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    opacity: 0;
    transition: all 0.5s;
    transform: rotate(180deg);
    -webkit-transition: all 0.5s;
    text-align: center;
    display: block;
    writing-mode: vertical-lr;
}
.product-inactive:after {
	content: "";
	font-size: 12px;
	position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    padding: 2px;
    background-color: #c82020;
    color: white;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    opacity: 0;
    transition: all 0.5s;
    transform: rotate(180deg);
    -webkit-transition: all 0.5s;
    text-align: center;
    display: block;
    writing-mode: vertical-lr;
}
.product-container:hover { opacity: 1 !important; -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; }
.product-container:hover::after { opacity: 0.95 !important; }

.prod-header-img { width: 100%; height: auto; align-self: center; }

.stars { float: right; font-size: 16px; display: flex; align-items: center;}
.stars-info { margin-right: 10px; }
.stars .glyphicon { top: 0; margin: 0 1px; transition: color .25s}
@media (min-width: 800px) {
    .product-container {
        margin: 20px 0;
    }
}
@media (min-width: 768px) and  (max-width: 991px) {
    .products .col-xs-12.col-md-6 {
        max-width: 600px;
        margin: 0 auto;
        float: none;
    }
}
@media (min-width: 1200px) {
    .product-container {
        background-position: center;
    }
}
/* lekcje */
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: initial; }
.lesson-menu { overflow-y: auto; max-height: calc(100vh - 100px); }
.lesson-menu .active div.submenu { display: flex; flex-wrap: wrap; margin-top: 10px; }
.lesson-menu .active div.submenu div { overflow: hidden; }
.lesson-menu .submenu > div.level-1[parent-id] { display: none; }
.lesson-menu .active div.submenu .has-children { position: relative; width: 100%; background-color: #f1f1f1; border-radius: 4px; padding: 5px 10px; margin: 4px 0; font-weight: bold; border: 1px solid lightgray; cursor: pointer; }
.lesson-menu .active div.submenu .has-children:after { position: absolute; content: '▾'; right: 12px; bottom: 4px; }
.lesson-menu .active div.submenu .has-children.active { background-color: #4285f4; }
.lesson-menu .active div.submenu .has-children.active > span { color: white; }
.lesson-menu .active div.submenu .level-0:not(.has-children) { display: flex; }
.lesson-menu .active div.submenu .active > a { color: white; background-color: #4285f4; border-radius: 4px; }
.lesson-menu .active div.submenu > div:not(.has-children) > a { padding: 5px 10px; margin: 4px 0; }
.lesson-harmonogram { margin-left: 10px; display: none; }
.lesson-menu > ul.nav-pills > li.active .lesson-harmonogram { display: initial; }
.lesson-wrapper .transcript-colapse-btn { display: flex; justify-content: space-between; }
.lesson-wrapper .transcript-colapse-btn:hover, .lesson-wrapper .transcript-colapse-btn:active, .lesson-wrapper .transcript-colapse-btn:focus { text-decoration: none; }
.lesson-wrapper #formhistory .form-group > input, .lesson-wrapper #formfavourite .form-group > input, .lesson-wrapper #formcommentnotify .form-group > input { padding: 8px 17px !important; }
.lesson-wrapper #formexercises .tab-item-wrapper .form-group:not(:first-of-type) { margin-top: 20px; }
.lesson-wrapper label.checkbox-inline { display: flex; align-items: center; font-weight: 500; width: fit-content; padding-left: 0px; margin: 22px 0 0 0; }
.lesson-wrapper label.checkbox-inline > input[type=checkbox] { position: initial; width: 25px; height: 25px; margin: -3px 5px 0 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(/media/imgs/checkbox-unchecked.png); background-size: cover; }
.lesson-wrapper label.checkbox-inline > input[type=checkbox]:checked { background-image: url('/media/imgs/checkbox-checked.png'); }
.checkbox-wrapper > input { opacity: 0; }
.checkbox-wrapper > input + label { position: relative; padding-left: 35px; margin-left: -16px; font-weight: 400; text-align: left; }
.checkbox-wrapper > input + label:before {
	content: '';
	position: absolute;
	top: calc(50% - 13px);
	left: 0;
	width: 25px;
	height: 25px;
	border: 2px solid lightgray;
	border-radius: 5px;
	-webkit-transition: all 0.8s;
    transition: all 0.8s;
}
.checkbox-wrapper > input:checked + label:before {
	border: 2px solid #8F141A;
}
.checkbox-wrapper > input + label:after {
	content: '';
	position: absolute;
    top: 50%;
    left: 3px;
    width: 9px;
    height: 17px;
	border-top: 4px solid rgba(0,0,0,0);
	border-right: 4px solid rgba(0,0,0,0);
	-moz-transform: scaleX(-1) rotate(135deg);
	-ms-transform: scaleX(-1) rotate(135deg);
	-webkit-transform: scaleX(-1) rotate(135deg);
	transform: scaleX(-1) rotate(135deg);
	-moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.checkbox-wrapper > input:checked + label:after {
	border-color: #8F141A;
	-webkit-animation: check 0.8s;
	-moz-animation: check 0.8s;
	-o-animation: check 0.8s;
	animation: check 0.8s;
}

/* CHECKBOX ANIMATED */
@-webkit-keyframes check {
  0% { height: 0; width: 0; }
  25% { height: 0; width: 9px; }
  50% { height: 17px; width: 9px; }
}
@-moz-keyframes check {
  0% { height: 0; width: 0; }
  25% { height: 0; width: 9px; }
  50% { height: 17px; width: 9px; }
}
@-ms-keyframes check {
  0% { height: 0; width: 0; }
  25% { height: 0; width: 9px; }
  50% { height: 17px; width: 9px; }
}
@keyframes check {
  0% { height: 0; width: 0; }
  25% { height: 0; width: 9px; }
  50% { height: 17px; width: 9px; }
}
.lesson-pomoc-btn button { background-color: #102639; color: white !important; background-image: none !important; }
.lesson-pomoc-btn button:hover { background-color: black; background-image: none !important; }
.lesson-save-now > .btn {
	width: calc(100% - 40px);
	margin-top: -5px;
	background: #419641;
	text-transform: uppercase;
    height: 35px;
    font-weight: bold;
}
#lesson_tabs > ul.nav-tabs > li > a { font-size: 16px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
#lesson_tabs > ul.nav-tabs > li.active > a { background-color: #ddd; color: #333; border: 0; }
#lesson_tabs .tab-item-wrapper {
	padding: 1px 20px;
}
#lesson_tabs .tab-item-wrapper .tab-item-wrapper { margin: 0 0 30px; }
#lesson_tabs .tab-item-wrapper > h4 {
	background-color: #f5f5f5;
    font-size: 15px;
    padding: 15px 20px 17px 60px;
    display: flex;
    width: 100%;
    position: relative;
}
#lesson_tabs .tab-item-wrapper > h4:before {
    content: "\e086";
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    color: #bbbbbb;
}
#lesson_tabs .tab-item-wrapper .input-group { margin: 5px 0; }
#lesson_tabs .tab-item-wrapper > .add-btn,
#lesson_tabs .tab-item-wrapper > .add-file-btn{ width: 100%; }

#formexercises, #formnote { position: relative; background: #f5f5f5; padding: 10px}
#formexercises > .loading-shadow, #formnote > .loading-shadow {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: white;
	opacity: .9;
	z-index: 999;
	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}
#formexercises .form-group textarea[name*="answer"]:not(:first-child) { margin-top: 15px; }
.loading-shadow .spinner-load { width: 80px; height: 80px; position: absolute; left: calc(50% - 40px); top: 40%; }
.loading-shadow .double-bounce1, .exercise-shadow .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #c42732;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.loading-shadow .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; }
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
#comments { margin-top: 25px; }
#comments .input-field > label { display: flex; align-items: center; font-weight: 500; width: fit-content; }
#comments .input-field input[type=checkbox] { width: 25px; height: 25px; margin: 0 5px 0 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url('/media/imgs/checkbox-unchecked.png'); background-size: cover; }
#comments .input-field input[type=checkbox]:checked { background-image: url('/media/imgs/checkbox-checked.png'); }

#exercises label[type="radio"] {	
	display: flex;
	margin-bottom: 8px;
}
#exercises input[type="radio"] {	
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative;
    border: 2px solid lightgray;
    margin: -2px 5px -1px 0;
     -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#exercises input[type="radio"]:focus { outline: 0; box-shadow: 0 0 3pt 2pt rgba(17, 96, 177, 0.4); }
#exercises input[type="radio"]:after {
	content: '';
	position: absolute;
	width: 0;
    height: 0;
    background-color: lightgray;
    border-radius: 50%;
    top: 9px;
    left: 10px;
     -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#exercises input[type="radio"]:checked {
	border-color: #2C6FAE;
}

#exercises input[type="radio"]:checked:after {
	width: 12px;
    height: 12px;
    background-color: #2C6FAE;
    border-radius: 50%;
    top: 3px;
    left: 3px;
}

/* harmonogram lekcji */
.desc-and-tags h5 { display: flex; margin: 4px 0; }
.desc-and-tags h5 .label { font-family: monospace; max-height: 15px; }
.desc-and-tags h5 .lesson-desc, .desc-and-tags h5 .lesson-tags { margin-left: 10px; margin-top: -1px; }

.lesson-list thead th { background-color: #f5f5f5;}
.lesson-list tr.level-0 td { background-color: rgb(249, 249, 249); }
.lesson-list tr.level-1 td { background-color: white; }
.lesson-list tr td:nth-child(7) > a:hover { text-decoration: none; }

/* na podstronę 2205 - ozdobnik do listy (ul > li) */
.hideFancyForm { cursor: pointer; }
.list-margin-bottom > li { margin-bottom: 20px; }
.list-square { list-style-type: none; }
.list-square > li { position: relative; }
.list-square > li::before {
	content: '';
	width: 8px;
	height: 8px;
	background-color: darkblue;
	position: absolute;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .7);
	top: 9px;
    left: -25px;
}

/* na podstronę 2384 - WESPRZYJ NAS */
.help-us-page-wrapper > .row .help-us-inside {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 20px 0;
	border-radius: 4px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	position: relative;
	opacity: 1;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.help-us-page-wrapper > .row .help-us-inside:hover {
	opacity: 1;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, .5);
}

.help-us-page-wrapper > .row .help-us-inside a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }
.help-us-page-wrapper > .row .help-us-halfwidth { height: 84px; }
.help-us-page-wrapper > .row .help-us-fullwidth { height: 173px; }

/* HOLIDAY */
.holiday .card-title { color: black !important; }
.holiday .input { text-align: left; margin-left: 11%; }
.holiday_holiday .input { margin-left: 4%; }
.holiday-step2 .input { text-align: left; margin-left: 20%; }
.holiday input[type="radio"]:checked,
.holiday input[type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.holiday input[type="radio"]:checked + label,
.holiday input[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 30px;
    font-size: 22px;
    display: inline-block;
    color: black;
    margin-bottom: 10px;
}
.holiday input[type="radio"]:checked + label:before,
.holiday input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    border: 2px solid #ddd;
    border-radius: 100%;
    background: #fff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.holiday input[type="radio"]:checked + label:before { border: 2px solid #F92D8C; }
.holiday input[type="radio"]:checked + label:after,
.holiday input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #F92D8C;
    position: absolute;
    top: 8px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.holiday input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.holiday input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* UP-DOWN SCROLLER */
#up-down-scroller {
	position: fixed;
	top: calc(50% - 51px);
	right: 30px;
	z-index: 999;
}
#up-down-scroller > div {
	position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 2px;
	margin: 8px 0;
	background-color: gray;
	border-radius: 0;
	opacity: 0;
	-webkit-transition: all .5s;
    transition: all .5s;
}
#up-down-scroller > div.go-up:hover, #up-down-scroller > div.go-down:hover {
	background: var(--primary);
}

#up-down-scroller > div > .glyphicon {
	color: white;
	font-size: 21px;
}
#up-down-scroller > div > .glyphicon.glyphicon-triangle-bottom {
    top: 3px;
}
#up-down-scroller > div > .glyphicon.glyphicon-triangle-top {
    top: -1px;
}

/* SHOW-HIDE MENU */
#open-menu-icon {
	position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50px;
    right: 50px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999;
    transition: all .4s;
    -webkit-transition: all .4s;
    background-color: #C0C0C0;
}
#open-menu-icon.open { top: 110px; }
#open-menu-icon > span { font-size: 33px !important; color: white; }
.navbar-fixed-top.show-hide-menu { top: -100px; margin-bottom: 0; transition: all .4s;  -webkit-transition: all .4s; }
.navbar-fixed-top.show-hide-menu.open { top: 0; }

/* ----- RESPONSIVE NEW THEME ----- */

/* --- Only desktop --- */
@media only screen and (min-width: 1200px) {
	.big-margin-top-page .navbar + .page-header { margin-top: 115px; }
    .navbar + .page-header.has-breadcrumb { margin-top: 60px }
	.breadcrumb { left: 0; right: 0; top: 51px; border-radius: 0; margin-bottom: 0; padding: 10px 150px; background-color: #f0f0f0; z-index: 10; }
	.lesson-wrapper > .lesson-nav:first-child > .text-left > .btn { position: fixed; top: 57px; left: 15px; padding: 4px 8px; font-size: 13px; z-index: 11; }
	.lesson-wrapper > .lesson-nav:first-child > .text-right > .btn { position: fixed; top: 57px; right: 15px; padding: 4px 8px; font-size: 13px; z-index: 11; }
	.embed-responsive-16by10 { padding-bottom: calc(62.5% - 60px); }
}

/* --- Tablet (landscape) --- */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.round-img-265 { width: 200px; height: 200px; }
	.zapisy-ruszyly h1 > span { font-size: 22px; }
	#ruszala_section h4 { margin-top: 60px; }
	#ciszewski_section h4 { margin-top: 10px; }
	#zawistowski_section h4 { margin-top: 45px; }
	#pindor_section h4 { margin-top: 28px; }
	#jaros_section h4 { margin-top: 30px; }
	.stars { clear: both; float: initial; display: block; position: relative; margin: 15px 0; }
	.cart-form-wrapper > .cart-form-content { width: 540px; }
	.help-us-page-wrapper > .row .help-us-halfwidth { height: 69px; }
	.help-us-page-wrapper > .row .help-us-fullwidth { height: 142px; }
	.holiday .input { margin-left: 3%; }
	.holiday-step2 .input { margin-left: 26%; }
}

/* --- Tablet (portrait) --- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.video_one_column { width: 690px; }
	.double-column-content h4 { font-weight: 400; font-size: 17px; }
	.zapisy-ruszyly h1 { font-size: 20px; }
	.zapisy-ruszyly h1 > span { font-size: 20px; }
	.zapisy-ruszyly h1 > .close-notice { margin: -20px -40px; }
	#video-logo-desc img { width: 70%; height: auto; }
	#video-logo-desc .container { text-align: center; padding: 15px 10px; }
	#ruszala_section h4 { margin-top: 15px; }
	#ciszewski_section h4 { margin-top: 0; }
	#zawistowski_section h4 { margin-top: 32px; }
	#pindor_section h4 { margin-top: 15px; }
	#jaros_section h4 { margin-top: 20px; }
	#certificate img { width: 200px; }
	.product h4 { text-align: center; }
	.product-akademia-container { height: 109px; }
	.stars { clear: both; float: initial; display: block; position: relative; margin: 15px 0; }
	.cart-form-wrapper > .cart-form-content { width: 420px; }
	.cart-form-wrapper > .cart-form-sidebar { width: 300px; }
	.help-us-page-wrapper > .row .help-us-halfwidth { height: 50px; }
	.help-us-page-wrapper > .row .help-us-fullwidth { height: 106px; }
	#up-down-scroller { right: 10px; bottom: 20px; top: initial; }
	.holiday .input { margin-left: 20%; }
	.holiday-step2 .input { margin-left: 14%; }
}

/* --- Mobile (landscape) --- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 { font-size: 20px !important; }
	h2 { font-size: 19px !important; }
	h3 { font-size: 17px !important; }
	h4 { font-size: 16px !important; }
	p { font-size: 15px !important; line-height: 1.1 !important; }
	.after-login-menu > li > a { padding: 10px; }
	.menu-wrapper > .container { padding-top: 0px; }
	section { padding: 20px 0 !important; }
	.zapisy-ruszyly { top:50px }
	.zapisy-ruszyly h1 { font-size: 20px; }
	.zapisy-ruszyly h1 > span { font-size: 20px; }
	.zapisy-ruszyly h1 > .close-notice { margin: -20px -40px; }
	.video_one_column { width: 420px; }
	.black-header { padding: 10px !important; }
	.three-box-content p { text-align: center; }
	.double-column-content h2 { margin-bottom: 10px; }
	.yellow-btn { margin: 3px; padding: 8px 10px; font-size: 15px; text-align: center; }
	.round-img-265 { width: 200px; height: 200px }
	#video-logo-desc .container { padding: 10px 20px; }
	#ruszala_section h4, #ciszewski_section h4, #zawistowski_section h4, #pindor_section h4, #jaros_section h4 { margin-top: 10px; }
	#how-does-it-work-content li { font-size: 15px; line-height: 1.1; }
	#not-for-everyone li { font-size: 15px; line-height: 1.1; }
	#certificate img { width: 60%; height: auto; }
	#certificate2 a { float: none; }
	#certificate2 .row > div { text-align: center; }
	#certificate2 img { width: 60%; }
	#wrote-about-us img { width: 200px; }
	#wrote-about-us > .container > div { text-align: center; }
	body.index-subpage .logo-subpage img { width: 300px; margin-bottom: 20px; }
	.product h4 { text-align: center;}
	.product-container {  height: 0; background-size: 100% 100%; padding-top: 15%!important; padding-bottom: 0!important; }
	.stars { clear: both; float: initial; display: block; position: relative; margin: 15px 0; }
	.cart-form-wrapper > .cart-form-content { width: 100%; }
	.cart-form-wrapper > .cart-form-sidebar { display: none; }
	.help-us-page-wrapper > .row .help-us-halfwidth { height: 69px; }
	.help-us-page-wrapper > .row .help-us-fullwidth { height: 69px; }
	#up-down-scroller { right: 10px; bottom: 10px; top: initial; }
	.holiday .input { margin: 0 20%; }
	.holiday-step2 .input { margin-left: 17%; }
	.holiday input[type="radio"]:checked + label, .holiday input[type="radio"]:not(:checked) + label { font-size: 18px; }
	#open-menu-icon { display: none !important; }
	.navbar-fixed-top.show-hide-menu { top: 0 !important; }
}

/* --- Mobile (portrait) --- */
@media only screen and (min-width: 100px) and (max-width: 479px) {
	h1 { font-size: 21px !important; }
	h2 { font-size: 19px !important; }
	h3 { font-size: 17px !important; }
	h4 { font-size: 16px !important; }
	p { font-size: 14px !important; line-height: 1.1 !important; }
	.after-login-menu > li > a { padding: 10px; }
	.menu-wrapper > .container { padding-top: 0px; }
	section { padding: 15px 0 !important; }
	.zapisy-ruszyly { top:50px }
	.zapisy-ruszyly h1 { font-size: 20px; }
	.zapisy-ruszyly h1 > span { font-size: 20px; }
	.zapisy-ruszyly h1 > .close-notice { margin: -16px -40px; }
	.black-header { padding: 10px !important; }
	.video_one_column { width: 260px; }
	.three-box-content p { text-align: center; }
	.button-row { margin-bottom: 15px; }
	.yellow-btn { margin: 3px; padding: 8px 10px; font-size: 15px; text-align: center; }
	.round-img-265 { width: 200px; height: 200px }
	#ruszala_section h4, #ciszewski_section h4, #zawistowski_section h4, #pindor_section h4, #jaros_section h4 { margin-top: 10px; }
	#video-logo-desc .container { padding: 5px 10px; }
	#how-does-it-work-content li { font-size: 14px; line-height: 1.1; }
	#not-for-everyone li { font-size: 14px; line-height: 1.1; }
	#certificate img { width: 60%; height: auto; }
	#certificate2 a { float: none; }
	#certificate2 .row > div { text-align: center; }
	#certificate2 img { width: 60%; }
	#wrote-about-us img { width: 100px; }
	#wrote-about-us > .container > div { text-align: center; }
	body.index-subpage .logo-subpage img { width: 200px; }
	.product h4 { text-align: center; }
	.product-container { height: 0; background-size: 100% 100%; padding-top: 15%!important; padding-bottom: 0!important;}
	.product-active:after {  font-size: 9px; }
	.product-inactive:after { font-size: 9px;  }
	.product-ab-active:after, .product-ab-inactive:after { font-size: 9px; }
	.wpp-header-class span { font-size: 30px !important; }
	.stars { clear: both; float: initial; display: block; position: relative; margin: 15px 0; }
	.cart-form-wrapper > .cart-form-content { width: 100%; }
	.cart-form-wrapper > .cart-form-sidebar { display: none; }
	.help-us-page-wrapper > .row .help-us-halfwidth { height: 50px; }
	.help-us-page-wrapper > .row .help-us-fullwidth { height: 50px; }
	#up-down-scroller { right: 10px; bottom: 10px; top: initial; }
	.holiday .input { margin: 0 3%; }
	.holiday-step2 .input { margin-left: 15%; }
	.holiday input[type="radio"]:checked + label, .holiday input[type="radio"]:not(:checked) + label { font-size: 15px; }
	#open-menu-icon { display: none !important; }
	.navbar-fixed-top.show-hide-menu { top: 0 !important; }
}

/*  video - auto height */
.embed-responsive-16by10, .embed-responsive-16by9 { padding-bottom: 0; height: auto; }
.mejs__container.embed-responsive-item.mejs__video { height: auto !important; }
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: relative; }
.embed-responsive iframe { min-height: 620px; }
.packets-short-popup-scheme .embed-responsive iframe { min-height: 240px; }
body .mejs__background, body .mejs__mediaelement { position: relative; }
.embed-responsive video { display: block; }
@media only screen and (max-width: 767px) {
    .embed-responsive iframe { min-height: 420px; }
}
@media only screen and (max-width: 400px) {
    .embed-responsive iframe { min-height: 300px; }
}

/* tymczasowo na 2625*/
.popup-2625 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 99999; }
.popup-2625 .popup-background { background-color: rgba(1,1,1,0.7); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;}
.popup-2625 form { position: relative; width: 700px; max-width: 90vw; border-radius: 5px; background-color: rgba(255, 255,255, 1); margin: -200vh auto; text-align: center; z-index: 2222222; padding: 40px; -webkit-transition: all .5s; transition: all .5s; }
.popup-2625 form > .close-popup {
	position: absolute;
	top: -18px;
    right: -18px;
    background-color: black;
    color: white;
    padding: 2px 11px 4px 11px;
    border-radius: 50%;
    border: 2px solid white;
    font-size: 20px;
    font-weight: bolder;
    cursor: pointer;
}
.popup-2625 form > h1 { margin-bottom: 40px; line-height: 40px; }
.popup-2625 form .inp-fix { padding-right: 0; }
.popup-2625 form .ilosc-ograniczona { color: #f08d00; text-decoration: underline; }
.popup-2625 form .btn { height: 60px;
    padding: 0 40px;
    font-size: 24px;
    line-height: 60px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #ffcd00;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fa0),color-stop(100%,#f08d00));
    background: -webkit-linear-gradient(top,#fa0 0%,#f08d00 100%);
    background: -moz-linear-gradient(top,#fa0 0%,#f08d00 100%);
    background: -ms-linear-gradient(top,#fa0 0%,#f08d00 100%);
    background: -o-linear-gradient(top,#fa0 0%,#f08d00 100%);
    background: linear-gradient(top,#fa0 0%,#f08d00 100%);
    background-color: #f08d00;}
.popup-2625 form .yellow-back { background-color: yellow; padding: 0px 10px 1px; }

/* tymczasowo na podstronę 2941 i 2625 */
.body2625 {
	margin-right: 30px;
	width: 62%;
}
.opinia-podpis {
	text-align: right;
	font-size: 13px;
    margin: 20px 0;
    text-transform: uppercase;
}

.list-ptaszek > li { position: relative; }
.list-ptaszek > li::before {
	content: '';
	background-image: url(/media/imgs/photos/ptaszek.png);
	width: 25px;
	height: 25px;
	position: absolute;
	top: 9px;
    left: -35px;
    opacity: .75;
}

#wielki-pakiet input[type="checkbox"] {
	width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    border-radius: 3px;
    margin-bottom: -2px;
    margin-right: 5px;
}

#wielki-pakiet input[type="checkbox"]:checked {
  background-color: #2ECC71;
  position: relative;
}

#wielki-pakiet input[type="checkbox"]:checked::after {
	content: '✔';
	position: absolute;
	left: 3px;
	top: -1px;
}

.wrap { margin: auto; height: 200px; }
.countdown { width: 720px; max-width: 85vw; margin: 0 auto; display: flex; }
.countdown .bloc-time { float: left; margin: auto; text-align: center; }
.countdown .count-title { display: block; margin: 15px 2px; color: #1a1a1a; text-transform: uppercase; }
.countdown .figure {
  position: relative;
  float: left;
  height: 80px;
  width: 60px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 8px;
  -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown .figure:last-child { margin-right: 0; }
.countdown .figure > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 60px;
  font-weight: 700;
  color: #337ab7;
}
.countdown .figure .top:after, .countdown .figure .bottom-back:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.countdown .figure .top {
  z-index: 3;
  background-color: #f7f7f7;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-transform: perspective(200px);
  -ms-transform: perspective(200px);
  -webkit-transform: perspective(200px);
  transform: perspective(200px);
}
.countdown .figure .bottom { z-index: 1; }
.countdown .figure .bottom:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.02);
}
.countdown .figure .bottom-back {
  z-index: 2;
  top: 0;
  height: 50%;
  overflow: hidden;
  background-color: #f7f7f7;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.countdown .figure .bottom-back span { position: absolute; top: 0; left: 0; right: 0; margin: auto; }
.countdown .figure .top, .countdown .figure .top-back {
  height: 50%;
  overflow: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.countdown .figure .top-back {
  z-index: 2;
  height: 100%;
  bottom: 0;
  background-color: #fff;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform: perspective(200px) rotateX(180deg);
  -ms-transform: perspective(200px) rotateX(180deg);
  -webkit-transform: perspective(200px) rotateX(180deg);
  transform: perspective(200px) rotateX(180deg);
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.countdown .figure .top-back span { position: absolute; top: -100%; left: 0; right: 0; margin: auto; }

.nice-checkbox { width: 25px; height: 25px; margin: 0 5px 0 0; border-radius: 2px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('/media/imgs/checkbox-unchecked.png'); background-size: cover; }
.nice-checkbox:checked { background-image: url('/media/imgs/checkbox-checked.png'); }

/* --- Mobile (landscape) --- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.countdown .figure { width: 36px; height: 60px; }
	.countdown .figure > span { font-size: 44px; }
	#wrapper2625 { display: block !important; }
	.body2625, .sidebar2625 { margin: 0px; width: 100%; }
	ul.list-ptaszek > li, ul.list-ptaszek > li > span { font-size: 20px !important; }
}

/* --- Mobile (portrait) --- */
@media only screen and (min-width: 100px) and (max-width: 479px) {
	.countdown .count-title { font-size: 10px }
	.countdown .figure { height: 35px; width: 23px; margin-right: 5px; }
	.countdown .figure > span { font-size: 27px; }
	#wrapper2625 { display: block !important; }
	.body2625, .sidebar2625 { margin: 0px; width: 100%; }
	.sidebar2625::before { height: 65px; top: -65px; }
	ul.list-ptaszek > li, ul.list-ptaszek > li > span { font-size: 20px !important; }
}
#salesTable { 
    border-top: solid 1px #ddd;
    background: #f9f9f9;
}

.dropdown-menu a[href$="/category/741"] {
	font-size: 0;
}
.dropdown-menu a[href$="/category/741"]:before {
    content: "Przedłużenie dostępu do Klubu Tradera Premium";
    font-size: 14px;
}
.form-group .mce-panel {
    border-radius: 4px;
    border: 0 solid #ccc;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 17px;
}
.payment-item__invoice {
    background: #1f2a43;
    color: #fff;
    border-radius: 3px;
    padding: 1px 7px;
    font-size: 13px;
    transition: color .25s, background-color .25s;
    width: 125px;
    display: inline-flex;
    text-align: center;
    height: 25px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.payment-item__invoice:hover {
    background: var(--blue);
    color: #fff;
    text-decoration: none;
}
.payment-item__invoiceAmount {
    background: #fff;
    height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
}
.ordersForm .panel-body .row .col-xs-12 {
    padding-right: 10px;
    padding-left: 10px;
}
div.banners {
    gap: 20px;
}
div.banners .user {
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 16px;
    width: 100%;
}
@media (min-width: 768px) {
    div.banners .user {
        width: 250px;
    }
}
#dashboard-sales .panel-heading,
.sales-body .panel-heading, 
#dashboard-crm .panel-heading,
#dashboard-ref .panel-heading,
body .ordersForm .panel-heading {
    box-shadow: none;
    background-color: #cacaca;
}

.eventCounter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 16px;
    border-radius: 4px;
    padding: 20px 40px;
    background: #18076f;
    color: #fff;
    margin: 100px 15px 0px;
    align-items: center;
    flex-direction: column;
    border-left: solid 5px #0035b7;
}
.eventCounter__header {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
}
.eventCounter .btn {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1.1px;
    padding: 20px 30px;
    background: var(--primary);
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
    border-width: 0;
    border-radius: 4px;
    overflow: hidden;
    height: 40px;
    font-size: 18px;
}
.eventCounter .btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    transform: scaleY(1);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.eventCounter .btn:hover {
    color: #fff;
    /* background: var(--blue); */
}
.eventCounter .btn:hover:before {
    transform: scaleY(0);
}
.eventCounter__counter {
    font-size: 16px;
}
.eventCounter__counter span {
    font-size: 25px;
    font-weight: 900;
    padding: 0 10px;
    display: block;
}
.eventCounter__wrapper {
    text-align: center;
    margin-bottom: 10px;
}
@media (min-width: 900px) {
    .eventCounter .btn {
        padding: 20px 57px;
    }
}
@media (min-width: 920px) {
    .eventCounter {
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: row;
    }
    .eventCounter__header {
        font-size: 25px;
    }
    .eventCounter__counter {
        font-size: 18px;
    }
    .eventCounter__counter span {
        font-size: 35px;
        display: initial;
    }
    .eventCounter__wrapper {
        text-align: left;
    }
    .eventCounter .btn {
        height: 60px;
    }
}
div.kohana {overflow: hidden;}
.container .faq-categories .faq-panel-title {
    font-weight: bold;
    text-transform: uppercase;
}
.container .faq-categories .faq-panel-title a {
    color: #1f2a43;
}
.container .faq-categories > .faq-panel-wrap {
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 17px;
}
.container .faq-categories ul {
    font-weight: normal;
}
.container .faq-categories ul a {
    display: flex;
}
.container .faq-categories ul img {
    height: 35px;
}
.container .faq-categories .my-badge {
    background-color: #18076f;
}
.container .faq-article > .faq-title > h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.mejs__container-fullscreen .mejs__mediaelement, 
.mejs__container-fullscreen video {
    max-height: 100vh;
}

.cart-page .products .cart-page {
    font-size: 28px;
    text-transform: uppercase;
    padding: 20px 20px 0;
}
.statement {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    background-color: #f9f9f9;
    margin-bottom: 40px;
    margin-top: 40px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.statement p {
    margin-bottom: 15px;
}

.statement strong {
    font-weight: bold;
}

.statement:before {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 30px;
    background-color: #18076f;
    color: white;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 90%;
}
#invoice_accept_popup {
    font-family: Lato;
}
#invoice_accept_popup .modal-footer {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
#invoice_accept_popup .modal-footer button {
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    width: 120px;
    font-family: 'Lato';
    font-weight: bold;
}
#invoice_accept_popup .modal-footer button::before {display: none;} 

#invoice_accept_popup .modal-body {
    background: #e9e9e9;
    margin: 20px;
    border-radius: 15px;
}
#invoice_accept_popup h4 {
    text-transform: uppercase;
}
#invoice_accept_popup .red {
    background: #d9534f;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    border-radius: 10px;
    margin-top: 20px;
}