/*
	$$\   $$\ $$$$$$$$\ $$$$$$$$\                $$\               $$\
	$$$\  $$ |$$  _____|\__$$  __|               $$ |              $$ |
	$$$$\ $$ |$$ |         $$ |        $$$$$$\ $$$$$$\    $$$$$$\  $$ |  $$\
	$$ $$\$$ |$$$$$\       $$ |$$$$$$\ \____$$\\_$$  _|   \____$$\ $$ | $$  |
	$$ \$$$$ |$$  __|      $$ |\______|$$$$$$$ | $$ |     $$$$$$$ |$$$$$$  /
	$$ |\$$$ |$$ |         $$ |       $$  __$$ | $$ |$$\ $$  __$$ |$$  _$$<
	$$ | \$$ |$$$$$$$$\    $$ |       \$$$$$$$ | \$$$$  |\$$$$$$$ |$$ | \$$\
	\__|  \__|\________|   \__|        \_______|  \____/  \_______|\__|  \__|


	Copyright (c) 2017 all rights reserved


/*---------------------------------------------------------------------
	FONT IMPORT
---------------------------------------------------------------------*/
/* @import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,700i,900,900i&subset=latin-ext'); */
/* @import url('../fonts/constantia/constantia.css'); */





body {
    font-size: 16px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
a.focus, a.visited, a:active , a:link {
	color: #999;
}

@media screen and (min-width:1200px) {
    .container-home {
        max-width: 1256px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .container-home {
        min-width: 100%;
    }

    .container-home .container {
        min-width: 100%;
    }
}

button {
    cursor: pointer;
    transition: .2s ease-in-out;
}

textarea, input[type=text], input[type=email] {
	background: #ffffff;
}

/**************** top-line ******************/

.line-top {
    /* width: 100% */
    height: 5px;
}

.line-top-light {
    background-color: #3ba2f1;
    width: 5%;
    height: 5px;
    float: left;
}

.line-top-dark {
    background-color: #135da9;
    width: 5%;
    height: 5px;
    float: left;
}

/**************** logo-top   ******************/

.logo-top {
    font-size: 16px;
    margin-top: 20px;
    height: 67px;
    transition: 0.2s ease-in-out;
}

.logo-top.small {
    margin-top: 5px;
    height: 48px;
}

.logo-top.small .logo img {
    height: 50px;
}

.logo-top.smallsm {
    margin-top: 5px;
    height: 48px;
}

.logo-top.smallsm .logo img {
    height: 50px;
}

.logo-top a {
    display: contents;
}

.logo-top img {
    margin-right: 16px;
}

.logo-top .search {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    padding-left: 54px;
    margin-top: -3px;
}

.logo-top .search img {
	margin-right: 0px;
}

.logo-top .search span {
    font-family: Lato;
    color: #414143;
    font-size: 0.875em;
    font-weight: 400;
}
.logo-top .search input {
	font-family: Lato;
	color: #414143;
	font-size: 0.875em;
	font-weight: 400;
	border: none;
	background-color: #fff;
	width: 87%;
	padding-left: 20px;
}
.logo-top .search input::placeholder {
    color: #000;
}

.search form {
	position: absolute;
	width: 300px;
	right: 0px;
}

.logo-top .call {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: -4px
}

.logo-top .call span::before {
    content: ' ';
    display: block;
    background: #e1e1e1;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translate(0, -50%);
}

.logo-top .call span {
    font-family: Lato;
    color: #3aa2f1;
    font-size: 1.125em;
    font-weight: 900;
}

.logo-top .call:hover span {
    color: #135da9;
}

.menu-top-line {
    background-color: #eeeeee;
    height: 2px;
    width: 100%;
    margin-top: 16px;
    transition: .2s ease-in-out;
}

.circle-home {
    border-radius: 50%;
    border: 1px solid;
    padding: 5px;
}

.menu {
    height: 68px;
    display: flex;
}

.menu.small {
    height: 55px;
}

.menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    text-align: center;
    margin: 0;
}

.menu ul li {
    /* padding: 0 33px; */
    line-height: 1.1;
    height: 100%;
}

.menu ul li a {
    font-family: Lato;
    color: #5a5a5c !important;
    font-size: 0.84em;
    font-weight: 700;
    text-transform: uppercase;
    /* padding: 0 33px; */
    padding: 0 33px;
    height: 100%;
    display: grid;
    align-content: center;
    justify-content: center;
    transition: .2s ease-in-out;
	min-width: 120px;
}

.menu.small ul li a {
    font-size: 1.15em;
}

.menu ul li a:hover {
    color: #3aa2f1;
}

.menu ul li:hover, .menu ul li.active {
    border-top: 2px solid #3aa2f1;
    margin-top: -3px;
}

.menu ul li:first-child:hover {
    border-top-color: transparent;
}

.menu ul li a:hover .circle-home {
    background-color: #89c7f7;
    border-color: #89c7f7;
    /* background-color: #3aa2f1; */
}

.social {
    padding-left: 28px;
    display: flex;
    align-items: center;
}

.social .social-text {
    font-family: Lato;
    color: #5a5a5c;
    font-size: 0.72em;
    font-weight: 400;
    margin-bottom: 2px;
}

.social .social-icon a {
    height: 24px;
    width: 24px;
    background-color: #3aa2f1;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    transition: .2s ease-in-out;
}

.social .social-icon a:hover {
    background-color: #135da9;
}

.hamburger-box {
    display: none;
}

.hamburger {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 0;
    width: 31px;
    height: 42px;
    z-index: 10;
}

.hamburger i {
    background: #000;
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.hamburger i:nth-child(1) {
    top: 10px;
}

.hamburger i:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
}

.hamburger i:nth-child(3) {
    bottom: 10px;
}

.menu-open i:nth-child(1) {
    top: 19px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-open i:nth-child(2) {
    display: none;
}

.menu-open i:nth-child(3) {
    bottom: 21px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.malelitery h2{
	text-transform: none !important;
	font-weight: normal !important;
}

@media screen and (max-width:1200px) {
	.labox {
		height: 140px !Important;
	}	
}


@media screen and (min-width:992px) {
    .menu ul li:first-child a {
        padding: 0 33px 0 2px;
		min-width: 0px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .menu ul li a {
        padding: 0 22px;
    }
}

@media screen and (max-width:991px) {
	.logo-top .search input {
		width: 84%;
	}

    .hamburger-box,
    .hamburger {
        display: block;
    }

    .social {
        display: none;
    }

    .menu {
        height: 0;
    }

    .menu ul {
        display: none;
        /* height: auto; */
        margin-top: 50px;
        position: absolute;
        /* top: 40%; */
        /* background-color: rgba(10, 10, 10, 0.8); */
       right: 0%;
	   width: 73%;
        padding-left: 0;
        background-color: #fff;
        /* background-image: linear-gradient(90deg, transparent, #fff); */
        /* display: flex; */
        flex-flow: column;
        justify-content: space-evenly;
        height: 80vh;
        top: -50px;
        transform: translate(0, 0);
		z-index: 2;
		border-left: 6px solid #46a7f1;
		border-bottom: 6px solid #47a8f1;
		
    }

    .menu ul .line {
        display: none;
    }

    .logo-top .search {
        padding-left: 16px;
    }

    .logo-top .search img{
        margin-right: 10px;
    }
}

@media screen and (max-width:767px) {

    .logo-top .search,
    .logo-top .search input,
    .logo-top .call span {
        display: none;
    }


    .logo-top .search img,
    .logo-top .call img {
        height: 30px;
        width: 30px;
    }

    .logo {
        min-width: 65%;
    }

    .call {
        max-width: 20%;
        padding: 0 !important;
    }

    .hamburger-box {
        max-width: 15%;
    }
}


@media screen and (max-width:400px) {
	.tr-icon {
		display:none;
	}
}



@media screen and (max-width:400px) {
    .logo {
        min-width: 55%;
    }

    .call {
        max-width: 30%;
        padding: 0 !important;
    }

    .hamburger-box {
        max-width: 15%;
    }

    .hamburger {
        margin: 0 !important;
    }
}

.right-box {
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.07);
    width: 146px;
    height: 150px;
    position: fixed;
    right: 0;
	top: 60.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    z-index: 11067;
    transition: .2s ease-in-out;
}
.skopiuj {
  display: block;  
  color: #135da9;
  font-weight: 400;
  text-decoration: none;
  text-align: center;  
  transition: all 0.25s ease;
  cursor: pointer;
  margin-bottom: 10px;
  margin-left: 10px;
}

.skopiuj:hover {  
  font-weight: 900;
 
}

.skopiuj:active {
  transform: scale(0.97);
  box-shadow: 0 2px 8px rgba(0, 50, 100, 0.4);
}

.right-box div {
    text-align: center;
}

.right-box-text {
    font-family: Lato;
    color: #5a5a5c;
    font-size: 0.78em;
    font-weight: 900;
    padding: 0 12px;
}

.right-box:hover {
    /* box-shadow: 3px 4px 4px 3px #3aa2f1; */
    box-shadow: 0px 3px 9px 0px #3aa2f1;
    transform: translateX(-3px);
}

.right-box:hover img {
    transform: scale(1.2);
}

.right-box:hover .right-box-text {
    transform: scale(1.1);
}

@media screen and (max-width:767px) {

    /* .right-box-text {
        display: none;
    }
    .right-box {
        height: 50px;
        width: 50px;
    } */
    .right-box {
        display: none;
    }
}

/**************** slider ******************/

.mySlider {
    /* padding-top: 85px; */
    width: 100%;
    height: 356px;
    font-size: 16px;
    max-height: 100vh;
    border: none;
}

.slide {
    height: 356px;
    background-position: center;
    background-repeat: no-repeat;
    /* display: flex;
   align-items: center; 
    justify-content: left; */
    height: 100%;
    width: 100% !important;
    background-size: cover;
}

.header-content {
    text-align: center;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54%;
}

.mySlider .slide h1 {
    font-family: Lato;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: 900;
    margin: 0;
}

.home button,
label.button{
    font-family: Nunito;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: 700;
    border: 2px solid #fff;
    background-color: transparent;
    box-sizing: border-box;
    /* width: 131px; */
    min-height: 37px;
    border-radius: 25px;
    margin-top: 27px;
    padding: 0 10px;
    transition: .2s ease-in-out;
	cursor: pointer;
}

.home button:hover,
label.button:hover,
label.button.active {
    border-color: #135da9;
    background-color: #135da9;
}

.bx-wrapper {
    height: 100%;
    /* display: flex;
   align-items: center; */
    background: #fff;
    border: none;
    box-shadow: none;
    /* margin: 0;
   padding: 10px; */
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 20%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    height: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.48);
}

/* ***********   home          ************* */

.home-box {
    border: 2px solid #eee;
    width: 100%;
    margin-top: 18px;
}
.parentCID2  .home-box  {
	 margin-top: 118px;	
}

.home-header {
    margin-top: 6px;
    padding-left: 68px;
}

.home-header-open-md {
    display: none;
    margin-top: 34px;
}

.province {
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.07);
    /* height: 821px; */
    margin-top: -175px;
    padding: 0 27px;
	position: relative;
	z-index: 111;
}

.calendarium {
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.07);
    padding: 0 27px;
    margin: 28px 0;
}

.province-row {
    margin: 42px 0 30px 0;
    padding: 0 27px;
}

.home h1 {
    font-family: Lato;
    color: #5a5a5c;
    font-size: 0.96em;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.5;
}

.home ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.home ul li {
    border-bottom: 2px solid #eeeeee;
    transition: .2s ease-in-out;
}

.home ul li a {
    color: #fff;
    height: 100%;
    width: 100%;
    display: block;
    padding: 0 27px;
    padding: 0 27px;
}

.home ul li:last-child {
    border-bottom: none;
}

.home ul li.province-active {
    background-color: #135da9;
}

.home ul li.province-active a {
    color: #fff;
}

.home ul li:hover, .home ul li.active {
    background-color: #135da9;
}

.home ul li:hover a , .home ul li.active a{
    color: #fff;
    /* padding-left: 38px; */
}

.home ul li a {
    font-family: Lato;
    color: #414143;
    font-size: 0.84em;
    font-weight: 400;
    line-height: 3.348;
}

@media screen and (max-width:1199px) {
    .home-box {
        padding: 0 20px;
    }
}

@media screen and (max-width:767px) {
    .province-row {
        margin: 18px 0 12px 0;
    }

    /* .province-li { */
        /* display: none; */
    /* } */
}

/**********       training        *****************/

.training {
    /* padding: 5px 37px; */
}

.training tr {
    border-bottom: 1px solid #eee;
    transition: .2s ease-in-out;
}

.training tr th , .training tr td{
    font-family: Lato;
    color: #5a5a5c;
    font-size: 0.84em;
    font-weight: 900;
    /* border-right: 2px solid #eeeeee; */
    padding: 13px 0;
    min-width: 0px;
    transition: .2s ease-in-out;
}

.training tr th:nth-child(2), .training tr td:nth-child(2) {
	font-size: 0.94em;
	width: 254px;
}
.training table {
    margin-top: 49px;
	width: 100%;
}

.training tr th .tr-icon {
    padding: 0 19px 0 9px;
}

.training tr th .line-th {
    padding: 0 20px 0 33px;
}

.training tr th img.tr-icon {
    /* margin-right: ; */
}

.training tr th:nth-child(3) {
	border-right: none;
	color: #3aa2f1;
	letter-spacing: 0.03em;
	padding-right: 5px;
	width: 310px;
}

.training tr th:last-child .event-date {
    padding-top: 5px;
}
.pager {
	display: none;
}
.page0 {
	display: table-row-group;
}
.hide {
	display: none !important;
}

.training tr th:first-child, .training tr td:first-child {
	width: 465px;
	font-weight: 700;
	padding-left: 16px;
	padding-right: 0px;
	word-spacing: 0.6em;
	line-height: 1.3;
}
.training-home  {
	margin-left: 22px;
	overflow:hidden;
	padding-top: 50px;
}
.training-home table {
	width: 100%;
}
.trainingmisiek {
	border-bottom: 1px solid #f1f1f1;
	
}
.trainingmisiek div {
	position: relative;
	font-size: 0.84em;
	font-weight: 900;
	font-family: Lato;
}
.trainingmisiek div:first-child {
	font-family: Lato;
	color: #5a5a5c;
	font-weight: 700;
	font-size: 0.84em;
	word-spacing: 0.6em;
	line-height: 1.3;
	padding: 13px 0;
	padding-left: 15px;
}
.trainingmisiek div img {
	position: absolute;	
	top: 50%;
	transform: translate(0,-50%);
}
.trainingmisiek div img.line-th {	
	right: 0px;	
}
.trainingmisiek div img.tr-icon {	
	left: 22px;	
}
a.seedetails {
	border: 2px solid #135da9;
	padding: 10px 32px;
	font-family: Nunito;
	font-size: 0.9em;
	font-weight: 700;
	border-radius: 25px;
	min-height: 37px;
	color: #fff;
	background-color: #135da9;
	line-height: normal;
}
.labox {
	width: 100%;
	position: relative;
	float: left;
	display: block;
	height: 75px;
	overflow: hidden;
	/* padding: 13px 0px; */
}
/* .trainingmisiek:hover > div{ */
	/* display: none; */
/* } */
/* .trainingmisiek:hover >.pohover { */
	/* display: flex; */
/* } */

.trainingmisiek div:nth-child(2) {
	text-align: left;
	line-height: 70px;
	text-indent: 50px;
	color: #5a5a5c;
	font-weight: 900;
}

.trainingmisiek div:nth-child(3) {	
	color: #3aa2f1;
	letter-spacing: 0.03em;
	text-align: right;
	line-height: 70px;
}


/* .home-page .training tr th:first-child{
    white-space: nowrap; 
    width: 50px; 
    overflow: hidden;
    text-overflow: ellipsis; 
} */

.training tr.city-active {
    background-color: rgba(229, 241, 250, 0);
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.08);
    width: 859px;
}

/* 
.training tr:hover {
    background-color: rgba(229, 241, 250, 0) !important;
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.08);
    /* background-color: #e9f5ff !important;
} */

.see-details {
    display: none;
}

.trainingmisiek {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	background: #fff;
}
.gohover {
	z-index: 5;
}
.labox:hover > .gohover {
	z-index: 3;
}
.pohover {	
	z-index: 4;
}
.training tr th {
	transition: .2s ease-in-out;
	height: 70px !important;
}
.training tr:hover {
    background-color: #fff !important;
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
}

.training tr:hover th {
    /* padding-top: 12px;
    padding-bottom: 12px; */
}



.prev,
.next {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 37px;
    transition: .2s ease-in-out;
}

.prev {
    border: 2px solid #135da9;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-right-width: 1px;
    background-image: url(/images/prev.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.prev:hover {
    background-image: url(/images/prev-w.png);
}

.next {
    border: 2px solid #135da9;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-left-width: 1px;
    background-image: url(/images/next.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.next:hover {
    background-image: url(/images/next-w.png);
}

.prev:hover,
.next:hover {
    background-color: #135da9;
}

/* .prev:hover .prev img{
    content: url(../images/next.png);
}
.prev img{
    content: url(../images/next.png) !important;
} */

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

    .training tr:hover th:nth-child(2),
    .training tr:hover th:nth-child(3) {
        display: none;
    }

    .training tr:hover .see-details {
        display: table-cell;
        padding-top: 0;
        padding-bottom: 0;
    }

    .training tr .see-details button {
        transition: .2s ease-in-out;
    }

    .training tr:hover .see-details button {
        color: #fff;
        background-color: #135da9;
    }

}

@media screen and (max-width:1199px) and (min-width:992px) {
    .training tr th .line-th {
        padding: 0 16px 0 11px;
    }
}

@media screen and (max-width:991px) {
    .training table {
        width: 100%;
        display: flex;
    }

    .training tbody {
        width: 100%;
    }

    .training tr {
        display: grid;
    }

    .training tr th {
        width: 50%;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .training tr th:first-child {
        width: 300%;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    /* .training tr th:last-child {
        display: flex;
    }
    .training tr th:last-child .tr-icon {
        height: 39px;
        width: 62px;
    } */
    .training tr th:nth-child(3) {
        display: flex;
    }

    .training tr th:nth-child(3) .tr-icon {
        height: 39px;
        width: 62px;
    }

    .training .city-active {
        width: 100% !important;
    }

    .training tr th .tr-icon {
        padding: 0 12px 0 9px;
    }

    .training tr th .line-th {
        padding: 0 6px 0 20px;
    }

    .training table tbody tr:nth-child(even) {
        background-color: rgba(0, 0, 0, 0.03);
    }

    /* .training table tbody tr:nth-of-type(2n+1) {
        background-color: rgba(0, 0, 0, 0.03);
    } */
}

@media screen and (max-width:466px) {
    .training tr th {
        width: 100%;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .training tr th:first-child {
        width: 100%;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .training tr th:nth-child(3) {
        grid-row-start: 3;
        grid-row-end: 3;
    }
}

@media screen and (max-width:360px) {
    .training tr th:first-child {
        width: 90%;
    }
}

.province-row .month h1 {
    font-family: Lato;
    color: #3aa2f1;
    font-size: 0.96em;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0;
    text-transform: none;
}

.province-row h1 {
    margin-bottom: 0;
}

.province-row table {
    width: 100%;
    font-family: Lato;
    color: #414143;
    font-size: 0.72em;
    font-weight: 700;
    line-height: 2.827;
    text-align: center;
    table-layout: fixed;
    cursor: pointer;
}

.province-row table thead {
    color: #3ba2f1;
    font-size: 1.17em;
}

.province-row table .other-month {
    color: #eee;
}

.province-row table .holiday {
    color: #dd1a1a;
}

.province-row table td.weekend {
    /* border:1px solid #eee; 
   border-radius: 50%; */
    background: url(../images/circle-grey.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.province-row table td.event {
    background: url(../images/circle-blue.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.province-row table tr td:hover {
    background-color: #3aa2f1;
    border-radius: 50%;
    /* padding: 16%;
    display: inline; */
}

/*****************   newsletter-boxes  *******************/

.one-box {
    border: 2px solid #eee;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.07);
    margin: 29px 0;
    height: 86%;
    transition: .2s ease-in-out;
}

.home p,
.home p a {
    font-family: Lato;
    color: #414143;
    font-size: 0.84em;
    font-weight: 400;
    line-height: 1.8;
    /* padding: 0 16px; */
}
.home-box-subpage .col-md-4 .one-box p {
	padding: 0 16px;
}

.home p a {
    font-size: 1em;
}

.home .home-box .button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
}

.home .home-box button,
label.button {
    color: #135da9;
    border: 2px solid #135da9;
    padding: 0 32px;
    margin: 19px 0 48px;
}

.home .home-box button:hover,
label.button:hover,
label.button.active {
    color: #fff;
}

.one-box .header-row {
    margin: 63px 16px 35px;
}

.one-box-blue {
    background-color: #135da9;
}

.home .one-box-blue h1,
.home .one-box-blue p {
    color: #fff;
}

.home .home-box .one-box-blue button {
    color: #fff;
    border: 2px solid #ffffff;
    transition: .2s ease-in-out;
}

.home .home-box .one-box-blue button:hover, .bluenice{
    color: #135da9;
    background-color: #fff;
    /* border: 2px solid #ffffff; */
}

.home .home-box .blue-bg button {
    background-color: #135da9;
    color: #fff;
    transition: .2s ease-in-out;
}

.home .home-box .blue-bg button:hover {
    background-color: #fff;
    color: #135da9;
}

.thrusted {
    border-right: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thrusted-header {
    text-align: center;
}

.one-box:hover .content-interested button {
    background-color: #135da9;
    color: #fff;
}

.one-box.one-box-blue:hover .button button {
    background-color: #fff;
    color: #135da9;
    ;
}

.one-box:hover .button button {
    background-color: #135da9;
    color: #fff;
}

.one-box:hover {
    box-shadow: 0px 0px 9px 0px #135da9;
    transform: scale(1.05);
}

@media screen and (max-width:767px) {
    .thrusted {
        padding: 5px 0;
    }

    .province {
        margin-top: 0;
    }
}

@media screen and (max-width:576px) {
    .home-box {
        padding: 0;
    }

    .one-box {
        height: auto;
        margin: 17px 0 0;
    }
	
}

/*************    footer     ***************/

.footer {
    background-color: #eeeeee;
    margin-top: 66px;
    padding-bottom: 30px;
}

.footer-menu h1 {
    margin: 64px 0 40px;
}

.footer-menu p,
.footer-menu ul {
    padding-left: 0;
    margin-bottom: 26px;
}

.footer-menu .contact,
.footer-menu .contact p a {
    padding-left: 0;
}

.footer-menu p a {
    color: #414143;
}

.footer-menu ul li {
    padding: 0;
}

.footer-menu ul li a {
    line-height: 1.86;
    padding: 0;
}

.footer-menu ul li:hover {
    background-color: transparent
}

.footer-menu ul li:hover a {
    color: #3aa2f1;
}

.footer-menu .contact a:hover {
    color: #3aa2f1;
}

@media screen and (max-width:567px) {
    .footer-menu {
        text-align: center;
    }
}

/*************    footer-bottom     ***************/

.footer-bottom {
    margin: 41px 0 21px 0;
}

.footer-bottom p {
    text-align: center;
}

/*************    open       **************/

.home-open {
    margin-top: 64px;
}

.home-open .province {
    margin-top: -100px;
}

.line-open .menu-top-line {
    margin-top: 0;
}

.event-date {
	float: right;
	max-width: 140px;
	margin-top: 7px;
}

tr.city-active-see-all th {}

.training-search {
    margin-top: 51px;
}

.custom-select {
    background: url(../images/down.jpg) no-repeat right .75rem center;
    border-radius: 25px;
    border-color: #eee;
    height: 49px;
    padding-left: 22px;
}

.home input,
.home textarea {
    border-radius: 25px;
    border: 1px solid #eee;
    height: 49px;
    padding-left: 22px;
    width: 100%;
}
label.button input {
	width: 25%;
	height: 33px;
}
label.button {
	width: 100%;
}

.home textarea {
    height: auto;
}

/*****************    subpagge   *********************/

.home h2 {
    font-family: Lato;
    color: #414143;
    font-size: 0.84em;
    font-weight: 900;
    line-height: 1.628;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.header-subpage {
	margin-top: 30px;
}

.header-subpage ul {
    display: flex;
    margin-bottom: 5px;
}

.header-subpage ul li {
    padding: 0 5px;
    border-bottom: none;
}

.header-subpage ul li:first-child {
    padding-left: 0;
}

.header-subpage ul li {
    color: #aeabab;
}

.header-subpage ul li a {
    font-family: Lato;
    color: #aeabab;
    font-size: 0.84em;
    font-weight: 400;
    line-height: 1.86;
    padding: 0;
}

.header-subpage ul li:hover {
    background-color: transparent;
}

.header-subpage ul li:hover a {
    color: #3aa2f1;
}

.home-subpage p {
    padding: 0;
    margin-bottom: 18px;
    /* width: 90%; */
}

.home-subpage-content {
    margin-top: 11px;
}

.home-right-box {
    margin-left: -12px;
    width: 285px;
    margin-top: 50px;
    /* background-image: url(../images/map.png);
    background-repeat: no-repeat;
    background-position: right; */
}

.home-right-box h1 {
    margin-top: -5px;
    line-height: 1.58;
}

.home-right-box p b {
    margin: 5px 0 8px 0;
}

.home-right-box p {
    margin: 5px 0 32px 0;
}

.home-right-box h2 {
    text-transform: none;
}

.home-right-box .place {
    background-image: url(../images/map.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    padding-top: 21px;
}

.admission {
	border-bottom: 1px solid #eee;
	width: 100%;
	padding-top: 22px;	
	padding-left: 3px;
}
.admission2 {
	padding-bottom: 22px;	
}

.stages {
    margin-top: 25px;
}

.step {
    margin-bottom: 61px;
}

.stages .step .step-header {
    font-family: Lato;
    color: #414143;
    font-size: 0.84em;
    font-weight: 900;
    line-height: 1.86;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.stages .step .step-text {
    font-family: Lato;
    color: #414143;
    font-size: 0.84em;
    font-weight: 400;
    line-height: 1.86;
    width: 90%;
}

.label-box {
    margin-top: -37px;
}

.label {
    border: 2px solid #135da9;
    box-sizing: border-box;
    background-color: rgba(59, 162, 241, 0);
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.07);
    text-align: center;
    padding: 23px;
}

.label ul li {
    border-bottom: none;
    font-family: Lato;
    color: #414143;
    font-size: 0.84em;
    font-weight: 400;
    line-height: 1.84;
}

.label ul li:hover {
    color: #3aa2f1;
    background-color: transparent;
}

.subject {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding: 20px 0;
}

.subject h2 {
    padding-left: 11px;
}

.subject-text h2,
.subject-text p {
    padding-left: 0px;
    color: #5a5a5c;
}

.subject-one {
    border: 2px solid #eee;
    box-sizing: border-box;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.07);
    padding: 34px 23px 0 23px;
    height: 100%;
}

.subject-one .subject-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.price {
    margin-top: 8px;
}

.price button {
    height: 49px;
    transition: .2s ease-in-out;
}

.map {
    height: 187px;
    margin-bottom: 27px;
}

.admission-map .button {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .2s ease-in-out;
}

.event-details-l {
    border-right: 1px solid #eee;
}

.event-details {
    display: flex;
    align-items: center;
    /* height: 100%; */
}

.event-details img {
    float: left;
    margin-right: 21px;
}

.event-details p {
    margin-bottom: 0;
    color: #3aa2f1;
    font-weight: 900;
}

.admission-button button {
    width: 100%;
    padding: 0 !important;
}

.admission-button .button {
    padding: 0 !important;
}

.admission-button .button a {
    width: 100%;
}

.admission-button .button button {
    width: 100%;
    padding: 0;
}

.admission h1 {
    font-family: Lato;
    color: #5a5a5c;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.32;
    text-transform: none;
    letter-spacing: 0.1px;
}

.ad-file-box a {
    height: 100%;
    display: grid;
    align-items: center;
}

.admission-file {
    height: 46px;
    display: flex;
    align-items: center;
}

.admission-file-img-bg {
    float: left;
    height: 24px;
    width: 24px;
    background-color: #d3d3d3;
    border-radius: 50%;
    text-align: center;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ad-file-box a:hover .admission-file-img-bg {
    background-color: #3aa2f1;
}

.ad-file-box a:hover p {
    color: #3aa2f1;
    /* text-shadow: 1px -1px #135da9; */
}

.admission-file img {
    /* float: left; */
    max-height: 16px;
}

.admission-file p {
    font-family: Lato;
    color: #5a5a5c;
    font-size: 0.72em;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0;
}

.admission ul {
    list-style: decimal;
    padding-left: 12px;
}

.admission ul li {
    border-bottom: none;
    font-family: Lato;
    color: #414143;
    font-size: 0.84em;
    font-weight: 400;
    line-height: 1.8;
    padding: 0 16px;
    padding-left: 2px;
}

.admission ul li:hover {
    background-color: transparent;
}

.admission ul li ul {
    list-style: lower-alpha;
    padding-left: 33px;
}

.admission ul li ul li {
    font-size: 1em;
    padding-left: 2px;
}

.content-interested {
    padding: 63px 0px 0px 11px;
}

.content-interested h1 {
	text-transform: none;
	padding: 0 16px;
	margin-bottom: 16px;
	min-height: 92px;
}

.content-interested p {
    margin-bottom: 20px;
}

.content-interested p b {
    color: #3aa2f1;
    font-weight: 400;
}

/*************************** contact *************************/

.contact {
    padding-left: 24px;
}

.contact-map .map {
    height: 300px;
}

.application-form {
    /* position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 60%;
    padding: 30px; */
}

.contact-inputs p {
    margin-bottom: 5px;
}

.contact-inputs input {
    margin-bottom: 12px;
}



@media screen and (min-width:767px) {
    .stages .step .step-img {
        max-width: 98px;
    }
}

@media screen and (max-width:991px) {
    .header-subpage {
        margin-top: 0;
    }
}

@media screen and (max-width:767px) {
    .home-open {
        margin-top: 20px;
    }

    .home-box {
        padding-top: 123px;
        /* padding-top: 193px; */
    }

    .home-events {
        margin-top: -140px;
    }

    .home-box-subpage {
        padding-top: 0;
    }

    .home .home-box button {
        height: 49px !important;
    }

    .home-right-box {
        width: 100%;
        margin-left: 0;
    }

    .label-box {
        margin-top: 7px;
        padding: 0 !important;
    }

    .admission-button button {
        margin: 10px 0 10px 0 !important;
    }

    .step {
        margin-bottom: 25px;
    }

    .admission {
        width: 100%;
    }

    .stages .step .step-text {
        width: 100%;
    }

    .step-img img {
        object-fit: fill;
        width: 100%;
    }

    .home-header-open {
        display: none;
    }

    .home-header-open-md {
        display: block;
    }

    .training-search {
        margin-top: -5px;
    }

    .home-open .province {
        margin-top: 0;
    }

.contact p a{
    padding: 0;
}
.contact p {
    padding: 0;
}

}


.top-all {
    position: fixed;
    z-index: 1111;
    background-color: #fff;
    height: 178px;
    transition: 0.2s ease-in-out;
}

.top-all.small {
    height: 120px;
	border-bottom: 1px solid #3ba2f1;
}

.top-all.smallsm {
    height: 65px;
}

.menu-top-line.small {
    margin-top: 5px;
}

.menu-top-line.smallsm {
    margin-top: 5px;
}

.container-body {
    padding-top: 178px;
	padding-bottom: 5px;
}

@media screen and (max-width:991px) {
    .container-body {
        padding-top: 111px;
    }

    .bx-wrapper {
        margin-bottom: 10px;
    }

    .admission h1 {
        font-size: 1.6em;
    }
}

@media screen and (max-width:767px) {
    .bx-wrapper {
        margin-bottom: 20px;
    }

    .admission h1 {
        font-size: 1.5em;
    }

    .container-body {
        padding-top: 54px;
    }

    .page_open .home-box,  
    .page_contact .home-box {
        padding-top: 25px;
    }
}

@media screen and (max-width:567px) {
    .admission h1 {
        font-size: 1.3em;
    }
}

@media screen and (max-width:420px) {
    .home-header {
        padding-left: 30px;
    }

    .admission h1 {
        font-size: 1.2em;
    }

    .header-subpage ul li {
        font-size: 0.7em;
    }
}

/*************************** reference *************************/
.reference-img {
    display: grid;
}

.reference-img p {
    height: 48px;
    padding: 0;
}

.reference-img .img-thumbnail {
    border-radius: initial;
}

.reference-img a {
    display: flex;
    /* border: 1px solid #eee; */
}

#myAlert, #ytPlayer{
	position: fixed;
	top: 0; left: 0;
	z-index: 9998;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.95);
}
#myAlert h2{
	position: fixed;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform:         translate(-50%, -50%);
	font-weight: 900;
	z-index: 9999;
	color: #3aa2f1;
}
#myAlert .iks, #ytPlayer .iks{
	position: fixed;
	top: 20px; right: 20px;
	/* right: calc(2% + 6px); */
	z-index: 9999;
	cursor: pointer
}

#ytPlayer .frame{
	position: absolute;
	width: 90%;
	height: 90%;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	max-width: 1050px;
	max-height: 550px;
}



.about-us p {
    padding: 0;
}

.bx-controls {
	display: none;
}

.reference-img .img-thumbnail {	
	max-height: 320px;
	min-height: 320px;
}

#sendPageToEmail input {
	background: #dedbdb;
}
#sendPageToEmail input[type="submit"] {
	background: #135da9;
	color: #fff;
	cursor: pointer;
}
#sendPageToEmail2 input {
	background: #dedbdb;
}
#sendPageToEmail2 input[type="submit"] {
	background: #135da9;
	color: #fff;
	cursor: pointer;
}
#sendPageToEmail2 {
	display: flex;
	position: absolute;
	background: #fff;
	padding: 10px;
	bottom: -72px;
	right: 86px;
	width: 700px;
	border: 1px solid #ccc;
}
#sendPageToEmail2 [name="email"] {
	border-radius: 25px;
	background: #dedbdb;
	border: 1px solid #eee;
	height: 49px;
	padding-left: 22px;
	width: 100%;
}

#sendPageToEmail2 [name="sendPageToEmail2"] {
	border-radius: 25px;
	border: 1px solid #eee;
	height: 49px;
	padding-left: 22px;
	width: 100%;
	background: #135da9;
	color: #fff;
}

#sendPageToEmail2 input {
	border-radius: 25px;
	border: 1px solid #eee;
	height: 49px;
	padding-left: 22px;
	width: 100%;
}

.zamykaj {
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 1111112;
	cursor: pointer;
}


/* hide for print some elems*/
.print  .container-fluid.top-all.p-0 ,.print  .container-fluid, .print  .right-box {
	display: none !important;
}



#szkolenia .suggest{
	margin-top: 10px;
}
#szkolenia .suggest-body, .tag2 .suggest-body{
	padding: 20px;
	border-right: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	background: url(../images/template/mail.jpg) no-repeat 100% 19px;
}
#szkolenia .suggest textarea, .tag2 .suggest textarea{
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	height: 100px;
	width: 100%;
	margin-top: 20px;
	resize: none;
	padding: 20px;
	text-align: center;
	color: #8e919b;
	box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.1);
}
#szkolenia .suggest input[type="submit"], #szkolenia .body_cat .zapisz div input[type="submit"], .tag2 .suggest input[type="submit"],.trySendWniosek{
	background: #003772 url(../images/template/wyslij.png) no-repeat 10% 50%;
	margin: 10px 0 0 0;
	padding: 5px 10px 5px 30px;
	border-radius: 3px;
	color: #fff;
	width: 90px;
	font-family: 'OpenSans';
	-moz-transition: 0.1s ease-out; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#szkolenia .suggest input[type="submit"]:hover, #szkolenia .body_cat .zapisz div input[type="submit"]:hover, .tag2 .suggest input[type="submit"]:hover, .trySendWniosek:hover{
	background: #005B92 url(../images/template/wyslij.png) no-repeat 10% 50%;
	cursor: pointer;
}
.cont {
	position: absolute;
	top: 30%;
	right: 0;
	width: 300px;
	background: #fff;
	z-index: 111200;
	border: 1px solid #ccc;
	padding: 3px;
	transition: 0.3s ease-in-out;
}
.header {
	height: 55px;
	background: #f8f8f8 url(../images/template/header.jpg) repeat-x;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-left: 1px solid #ededed;
}
.header p {
	color: #003772;
	font-size: 14px;
	margin-top: 17px;
	float: left;
	text-transform: uppercase;
	padding-left: 6px;
}
.suggest-body {
	padding: 6px;
}
.cont {
	position: fixed;
	right:-300px;
}
.cont .suggest textarea, .cont .suggest textarea {
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	height: 100px;
	width: 100%;
	margin-top: 20px;
	resize: none;
	padding: 10px;
	text-align: center;
	color: #8e919b;
	box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.1);
}
.cont .suggest input {
	color: #8e919b;
}
.captcha {
	margin-top: 5px;
}
[name="kod_usera"] {
	box-sizing: border-box;
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #e9e9e9;
	width: 82%;
	margin-top: 10px;
	box-shadow: 3px 3px 5px 0 rgba(50, 50, 50, 0.1);
}
.suggest-body button {
	font-family: Nunito;
	color: #235da9;
	font-size: 0.9em;
	font-weight: 700;
	border: 2px solid #135da9;
	background-color: #fff;
	box-sizing: border-box;
	/* width: 131px; */
	min-height: 37px;
	border-radius: 25px;
	margin-top: 27px;
	padding: 0 33px;
	transition: .2s ease-in-out;
	/* position: relative; */
	/* z-index: 1111; */
	margin-left: 100px;
}
.suggest-body button:hover {
	background-color: #0f63a2;
	color: #fff;
}
.evenodd .row:nth-child(even) {background: #FBFEFF; padding:5px 0px; border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;}
.zglaszajacapersona {
	display: none;
}
.check1 {
	width: auto !important;
}
.przeminelo {
	position: relative;
}
.przeminelo::after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1110;
	background: #fff;
	opacity: 0.9;
}
.przeminelozwiatrem {
	padding: 20px;
	position: absolute;
	border: 2px solid #155caa;
	width: 55%;
	color: #414045;
	text-align: center;
	z-index: 11020;
	top: 5%;
	left: 50%;
	transform: translate(-50%,0);
	background: #fff;
	overflow: hidden;
}
.przeminelozwiatrem h3 {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.przeminelozwiatrem p {
	margin: 0px;
}
.zswsm button {
	padding: 0px 20px !important;
	margin-top: 20px !important;
}
.blue {
	color: #3aa2f1;
}
.circle b {
	display: block;
	border-radius: 50%;
	background: #3aa2f1;
	color: #fff;
	text-align: center;
	width: 39px;
	height: 39px;
	line-height: 37px;
}
.searchresult tr div:nth-child(2) {
	line-height: normal;
}
.searchresult tr {
	border-bottom: 1px solid #ddd;
	transition: 0.1s ease-in-out;
}
.searchresult tr:hover > b{
	background: #1a5f93;
}
.searchresult .labox {
	margin-top: 15px;
	height: auto;
	padding-bottom: 20px;
}
.searchresult a.seedetails {
	padding: 2px 20px;
	min-height: 50px;
	background: #fff;
	color: #135da9;
	transition: 0.2s ease-in;
	/* margin-top: 17px; */
	position: relative;
	top: 7px;
}
.searchresult a.seedetails:hover {
	background: #135da9;
	color: #fff;
}

.makemesticky {
	position: sticky;
	top: 120px;
	z-index: 1110;
	background: #fff;
}

.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 1px;
	cursor: pointer;
	margin: 15px 30px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: red;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}


/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

.adresnamobilu {
	display: none;
}

/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.selectNice {
	
	color: #767676;
	background-color: #fff;
}
.newsBut {
	padding: 0px !important;
}
#saveToNews {
	display: none;
}
.newsBut button{
	color: #135da9;
	border: 2px solid #135da9;
	padding: 0 32px;
	margin: 19px 0 16px !important;
	background: #fff;
}
.savetonewsblue {
	background-color: #135da9 !important;
	overflow: hidden;
	width: 97.3%;
	margin-left: 16px;
	margin-bottom: 26px;
}
.zaciemnienie {
	position: fixed;
	z-index: 11066;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.8;
}

.padoba {
	padding-left: 70px !important;
	padding-right: 30px !important;
}

.newsletter input, .newsletter textarea {
	border: 1px solid #3aa2f1;	
	
}
.newsletter input[type="checkbox"] {
	position: relative;
	top: 18px;
	margin: 0px 10px;
	padding: 0px;
}
.newsletter input[type="submit"] {
	background: #3aa2f1;
	color: #ffffff;
	margin-top: 20px;
}
.newsletter input[type="submit"]:hover {
	background: #ffffff;
	color: #3aa2f1;
	cursor: pointer;
}
.newsletter label {
	margin-bottom: 0rem;
}
.h2welcome {
	margin-bottom: 0px !important;
	margin-top: 30px;
}
.zgody input[type="checkbox"]{
	top: -16px;	
	float: left;
}
.zgody label p {
	line-height: normal;
	float: left;
	width: 90%;
}
.daneOdbiorcy {
	display: none;
}
/* .moreleft {
	margin-right: 0px;
} */


.malelitery h2.nag {
	font-family: Lato;
color: #414143;
font-size: 1.2em;
font-weight: bold;
line-height: 1.628;
text-transform: uppercase;
margin-bottom: 25px;
}

[name="sendPageToEmail"],
[name="sendPageToEmail2"] {
	cursor: pointer;
}
[name="option[]"] {
	width: auto;
}


@media screen and (max-width:1390px) {
	.right-box {	
		width: 120px;
		height: 130px;	
	}
}
@media screen and (max-width:1000px) {
	.right-box {
		width: 70px;
		height: 50px;
		top: 9px;
	}
	.cont {	
		top: 1%;		
	}
	.right-box div {		
		display: none;
	}
	.container {
		max-width: none;
	}
	.trainingmisiek div:nth-child(2) {		
		text-indent: 0px; 	
	}
	a.seedetails {		
		padding: 10px 0px;		
		margin: auto;
		text-align: center;		
		display: block;
	}
	.gohover {		
		display: none; 
	}
	.custom-header nav span:first-child {
		left: 84%;
	}
	.fc-calendar-container {
		height: 235px;
	}
	.logo {
		padding-left: 15px !important;		
	}
	.fc-calendar .fc-head > div {
		font-size: 1em;
	}
	.custom-header nav span:first-child {
		left: 65%;
	}
	.custom-header nav span:last-child {
		right: 0px;
	}
}

@media screen and (max-width:770px) {
	.przeminelozwiatrem {
		width: 88%;	
	}
	.current_2 .home-box { 
		padding-top: 20px;	 
	} 
	
	.reference-img .img-thumbnail {
		max-height: none;
	}
	.header-content {	
		width: 90%;
	}
	.trainingmisiek div:first-child {		
		padding: 4px 0;
	}
	.contact {
		 padding-left: 0px; 
	}
	/* musi byc zakomentowane bo powoduje na mobilu przesuwanie strony lewoprawo .container {		 */
		 /* padding-right: 0px;  */
		 /* padding-left: 0px; 		 */
	/* } */
	.training-home {	
		overflow: visible;
 		width: 100%;
		margin-left: 0px;
	}
	.labox {
		overflow: visible;
	}
	.fc-calendar-container {
		height: 530px;
	}
	.logo-top .search img, .logo-top .call img {		
		margin-top: 6px;
	}
	
	
	/*menu mobilne*/
	/* .menu ul {	
	height: auto;
	margin-top: 50px;
	position: absolute;
	
	right: 0%;
	width: 73%;
	padding-left: 0;
	background-color: #fff;
	display: block;
	flex-flow: column;
	justify-content: space-evenly;
	height: 90vh;
	top: -50px;
	transform: translate(0, 0);
	z-index: 2;
	border-left: 6px solid #46a7f1;
	border-bottom: none;
}
	.menu ul li {
		display: block;
		text-align: left;
		width: 100%;
		display: block;
		padding: 16px 0px;
	}
	.menu ul li:first-child{
		visibility: hidden;
	}
	.menu ul li a {		
		font-weight: 300;	
	}
	.menu ul li:hover, .menu ul li.active {
	 border-bottom: 1px solid #3aa2f1;
	 margin-top: 0px;
} */
	
	
	.trainingmisiek {		
		width: 106%;	
		border-bottom: 0px;
	}
	.trainingmisiek div {
		text-align: center;
	}
	.trainingmisiek div:first-child {
		padding: 4px 0 8px;
	}
	.mb-5, .my-5 {	
		width: 100%;
		text-align: center;
		margin: auto;
		justify-content: center;
	}
	.calendarium {
		display:none;
	}
	
	.current_2 .province  {
		display: none;
	}
	.current_2 .home .home-box button {	
		width: 100%;
	}
	.current_2 .training-home {
		padding-top: 0;
	}
	.parentCID2  .event-details .blue-bg {
		width: 100%;
	}
	.parentCID2  .event-details .my-2.px-3 {
		width: 100%;
	}
	.parentCID2 .admission-map .button button {
		font-size: 11px;
	}	
	.current_7 .home-box {
		padding-top: 0px;
		
	}
	.current_64  .home-box {
		padding-top: 0px;
		
	}
	.current_64 .home .home-box .button {
		text-align: center;			
	}
	.current_64 .home .home-box .button a{			
		width: 100%
	}
	.form-check-label {
		padding: 20px;
	}
	.topdf {
		display: none;
	}
	.parentCID2 .home-box {
		margin-top: 55px;
	}
	.parentCID5 .province {
		display: none;
	}
	.reference-img .img-thumbnail {
		min-height: 330px;
		max-height: 330px;
	}
	.adresnamobilu {
		display: block !important;
		text-align: center !important;
		width: 100% !important;
		line-height: 2em !important;
	}
	.parentCID1 .pager tr td .labox {
		border-bottom: 1px solid #ccc;
		/* padding: 10px 0px; */
		margin: 40px 0px 0px;
	}
	.parentCID .pager tr td .labox {
		border-bottom: 1px solid #ccc;
		/* padding: 10px 0px; */
		margin: 40px 0px 0px;
	}
	a.seedetails {	
		width: 80%;
	}
	
}

@media screen and (max-width:590px) {
	.fc-calendar-container {
		height: 340px;
	}
	.custom-header nav span:first-child {
		left: 78%;
	}
}

@media screen and (max-width:480px) {
	.custom-header nav span:first-child {
		left: 75%;
	}
}

@media screen and (max-width:410px) {
	.custom-header nav span:first-child {
		left: 70%;
	}
}


@media screen and (max-width:370px) {
	.fc-calendar-container {
		height: 300px;
	}
	.fc-calendar .fc-row > div > span.fc-date {
		top: 43%;	
	}
}


.vat-section {
  max-width: 100%;
  margin: 20px auto;
  padding: 20px;
  border-radius: 12px;
  background: #f9fafb;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

.main-checkbox {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  gap: 10px;
}
.main-checkbox a,
.vat-details a b {
	color: #135da9;
}

.main-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #135da9;
}

.vat-details {
  margin-top: 15px;
  padding: 15px 20px;
  border-left: 4px solid #135da9;
  background: #ffffff;
  border-radius: 8px;
}

.vat-details h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #1f2937;
}

.italic-text {
  font-style: italic;
  color: #4b5563;
  margin-bottom: 12px;
  line-height: 1.5;
}

.vat-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vat-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}

.vat-option input[type="radio"] {
  margin-top: 4px;
  accent-color: #135da9;
}

.vat-option span {
  line-height: 1.4;
  font-size: 0.95rem;
  color: #374151;
}

.vat-section input {
	width: auto;
	height: auto;
}
.vat-section p {
	 text-align: left !important;
}




/* Ogólna lista kroków */
.admission ol.steps {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  margin-bottom: 10px;
}

/* Każdy krok */
.admission ol.steps li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6b7280; /* szary domyślny */
  font-family: Arial, sans-serif;
}

/* Aktywny krok */
.admission ol.steps li.active {
  color: #3aa2f1; /* niebieski */
  font-weight: 600;
}

/* Numer w kółku */
.admission ol.steps li span.step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 2px solid currentColor;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 0.9rem;
  font-weight: bold;
}

/* Tekst kroków */
.admission ol.steps li h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
}

.admission ol.steps li p {
  margin: 0;
  font-size: 0.85rem;
  color: inherit;
  opacity: 0.8;
  font-style: italic;
  text-align: left;
}
.phone-field {
  display: flex;
  flex-direction: column;
}

.input-wrapper {
  width: 100%;
}

.phone-label {
  display: block;
  text-align: center; /* wyśrodkowanie nad inputem */
  margin-bottom: 5px;
  white-space: nowrap;
}

.input-row {
  display: flex;
  gap: 8px; /* odstęp między inputem a przyciskiem */
}

.input-row input {
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
}

.remove-phone {
  padding: 0px 12px !important;
  background: #dc3545;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  top: -13px;
}

.remove-phone:hover {
  background: #a71d2a;
}


/* Toggle button */
.btn-toggle {
  display: block;
  background: #1d4ed8;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.btn-toggle:hover {
  background: #1e40af;
}

/* Modal */
.modal {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
}
.modal.hidden {
  display: none;
}
.modal-container {
  width: 100%;
  max-width: 400px;
  padding: 20px;
}
.modal-content {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* Header */
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px 0px 15px;
  border-bottom: 1px solid #e5e7eb;
}
.modal-header h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.btn-close {
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #6b7280;
  padding: 0px 10px !important;
  position:relative;
  top: 14px;
}
.btn-close:hover {
  color: #111827;
}

/* Body */
.modal-body {
  padding: 20px;
}
.form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.form-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}
.form-group input {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
}
.form-group input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 2px #bfdbfe;
}

/* Footer */
.form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkbox {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
.form-footer a {
  font-size: 14px;
  color: #2563eb;
  text-decoration: none;
}
.form-footer a:hover {
  text-decoration: underline;
}

/* Submit button */
.btn-submit {
  width: 100%;
  background: #1d4ed8;
  color: white;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.btn-submit:hover {
  background: #1e40af;
}

/* Extra info */
.form-extra {
  font-size: 14px;
  color: #6b7280;
  text-align: center;
}
.form-extra a {
  color: #2563eb;
  text-decoration: none;
}
.form-extra a:hover {
  text-decoration: underline;
}

.zapisz-sie-na-szkolenie1 .home .home-box button, .zapisz-sie-na-szkolenie1 label.button {
	color: #99a2aa;
	border: 2px solid #d3d3d3;
}
.zapisz-sie-na-szkolenie1 .home .home-box button:hover, .zapisz-sie-na-szkolenie1 label.button:hover {
	color: #fff;
	border: 2px solid #135da9;
}

/* --- Responsive: stack radio label buttons under 800px --- */
@media (max-width: 800px) {
  /* kontener, w którym są etykiety (u Ciebie .button.justify-content-between) */
  .button.justify-content-between {
    display: block;           /* usuwa poziomy flex */
    padding: 0 12px;          /* delikatne wcięcie od boków */
  }

  /* etykiety jako pełna szerokość, większe i czytelne */
  .button.justify-content-between label.button {
    display: flex;
    align-items: center;
    width: 100% !important;   /* wymusza pełną szerokość */
    max-width: none;
    box-sizing: border-box;
    margin: 10px 0;           /* odstęp między przyciskami */
    padding: 12px 16px;       /* większe obszary dotyku */
    border-radius: 12px;      /* miękkie zaokrąglenia */
    font-size: 1rem;
    font-weight: 700;
    justify-content: flex-start; /* radio z lewej, tekst po prawej */
    gap: 12px;
    background-color: transparent;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
  }

  /* lepszy kontrast dla aktywnego stanu (możesz dostosować kolory) */
  .button.justify-content-between label.button.active,
  .button.justify-content-between label.button:hover {
    color: #fff;
    background-color: #135da9;
    border-color: #135da9;
  }

  /* radio wewnątrz label: umieść z lewej, ale estetycznie */
  .button.justify-content-between label.button input[type="radio"] {
    width: auto;
    height: auto;
    margin: 0;
    margin-left: 4px;
    margin-right: 8px;
    transform: none;
    appearance: auto;
    -webkit-appearance: radio;
  }

  /* jeśli chcesz, aby sama etykieta wyglądała jak przycisk z cieniem */
  .button.justify-content-between label.button {
    box-shadow: 0 6px 18px rgba(20,30,60,0.06);
    border: 1px solid rgba(19,93,169,0.14);
  }

  /* Dodatkowe dopasowanie tekstu na bardzo wąskich ekranach */
  @media (max-width: 420px) {
    .button.justify-content-between label.button {
      padding: 12px 12px;
      font-size: 0.95rem;
	 
    }
  }
  
  @media (max-width: 1020px) {
    .button.justify-content-between label.button {
	  height: 110px;
    }
  }
  
}

/* --- PRICE SUMMARY --- */
#admission, #price { /* nic nie zmieniamy w strukturze, tylko stylujemy */
}

#price .price-summary {
  margin: 20px 0 0 auto;      /* przesuwa blok do prawej */
  padding: 16px 20px;
  border: 1px solid #e5e7eb;  /* jasna ramka */
  border-radius: 12px;
  background: #ffffff;
  text-align: right;          /* wszystko do prawej */
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

#price .price-summary p {
  margin: 6px 0;
  font-size: 1rem;
  color: #374151;
  line-height: 1.5;
}

#price .price-summary p strong {
  color: #111827;
  font-weight: 600;
}

/* liczby niech będą lekko „monospace” dla stabilności szerokości */
#price .price-summary [x-text] {
  font-variant-numeric: tabular-nums;
}

#price.admission p {
	text-align: right;
}
/* separator / cienka linia nad sumą */
#price .price-summary p.sum {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #dadde1;
}

/* WYRAŹNA ŁĄCZNA SUMA */
#price .price-summary p.sum strong {
  display: inline-block;
  font-size: 1.15rem;
  color: #0f172a;
  margin-right: 8px;
}

#price .price-summary p.sum span {
  font-size: 1.8rem;            /* duża czcionka */
  font-weight: 800;
  letter-spacing: 0.2px;
  color: #111827;
}

/* delikatny badge dla ceny jednostkowej */
#price .price-summary p:nth-child(2) span {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 8px;
  background: #f3f4f6;
  color: #111827;
  font-weight: 600;
}

/* tryb ciemny (jeśli masz) */
@media (prefers-color-scheme: dark) {
  #price .price-summary {
    background: #f9fafb;
    border-color: #dadde1;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
  }
  #price .price-summary p { color: #111827; }
  #price .price-summary p strong { color: #111827; }
  #price .price-summary p.sum strong { color: #111827; }
  #price .price-summary p.sum span { color: #ffffff; }
  #price .price-summary p:nth-child(2) span {
    background: #dadde1;
    color: #111827;
  }
}
#price .price-summary p.sum span { color: #0ea5e9; } /* niebieski akcent */
/*111827*/