/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019-05-21, 12:08:41
    Author     : mgan
    Edited mobile version: mlewandowski
*/
@import url('https://fonts.googleapis.com/css?family=Glegoo&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Glegoo&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=latin-ext');

/* Mobile CSS by mlewandowski */
@import url("mobile.css");
@font-face {
    font-family: 'themixosfextrabold';
    src: url('../fonts/TheMixOsF-ExtraBold.eot');
    src: url('../fonts/TheMixOsF-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TheMixOsF-ExtraBold.woff') format('woff'),
         url('../fonts/TheMixOsF-ExtraBold.ttf') format('truetype'),
         url('../fonts/TheMixOsF-ExtraBold.svg#themixosfsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: Glegoo;
}
body .lista{
    font-family: Roboto;
}
.container {

    max-width: 1170px;
}
.my-0{color: #006d67;}
.my-0 img, .my-0 div{display: inline-block; margin-right: 25px;}
.my-0 img{
    margin-top:-20px;
}
.my-0 div{
    padding-top: 10px;
}
.radius{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 15px 16px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 16px rgba(0,0,0,0.1);
box-shadow: 0px 0px 15px 16px rgba(0,0,0,0.1);
}
.bacgroundGreen{
    background:url('/img/tlo.png') no-repeat top left;
}
ol li{
    margin-top: 15px;
    line-height: 1.5;
    font-family: Roboto;
}
ol li:nth-child(1){
    color:#006d67;
    font-weight: 700;
}
.warsztatyLista ol li:nth-child(1), .warsztatyLista ol li {
    color:#FFF;
    font-weight: 300 !important;
    line-height: 2 !important;
    margin: 0px;
}
.przystap{
    font-size:1.5rem;
    margin-top:3rem;
}

ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
  counter-reset: my-awesome-counter;
}

li {
  margin: .5em 0;
  padding: 0;

}
.headBig{
    font-size:30px;
    color:#FFF;
    margin-top:30px;
    margin-left:30px;
    font-weight:bold;
}
.formDolacz button, .przystapinmodal button{
    background: #e8ad00;
    border:none;
    padding: 7px 12px;
}
.przystapinmodal button{
    font-family: roboto;
    padding: 7px 35px;
    font-weight: bold;
}
.formDolacz{
    margin-top:-20px;
}
.przystapinmodal button{
    margin-bottom: 35px;
}
.pad6050{
    padding: 30px 25px;
}
.mrgt60{
    margin-top: 60px;
}
.mrgt40{
    margin-top: 40px;
}

.mrgb25{
    margin-bottom: 25px;
}
.mrgt25{
    margin-top: 25px;
}
.mrgt10{
    margin-top:10px;
}
.fas.fa-trash{
    color:#a52135;
    cursor:pointer;
}
.login{
    color:#fff;
    border:#006d67;
    background: #006d67;
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.login:hover{
    background: #006d67;
    opacity: 0.8;
}
nav a{
    color: #006d67;
}
nav a:hover{
    color:#006d67;
}
.podrecznik-box{
    border:solid 1px #eaeaea;
    padding: 17px;
}
.tytul-podrecznik{
    font-size: 18px;
    margin-bottom: 15px;
    word-wrap: break-word;
    min-height:108px;
}
.autor{
    font-size: 14px;
    font-weight: 300;
    min-height: 50px;
    line-height: 1;
}
.podglad a{
    color:#c61932;
    font-size: 13px;
}
.podglad{
    margin-top: 12px;
}
.wybieram button{
    color:#fff;
    background: #006d67;
    border: 2px solid #006d67 !important;
    font-family: Glegoo;
    font-size: 16px;
    padding:7px;
    margin-top:24px;
    
}

.wybieram.wybralem button, .wybieram.wybralemsesja button{
    color:#006d67;
    background: #fff;
    border: 2px solid #006d67 !important;
}
.wybranyBox{
    border:solid 2px #006d67 !important;
}
.wybieram button:hover{
    opacity: 0.8;
}
.filtry h2{
    font-family: Glegoo;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}
.filtry label{
    font-weight: 300;
}
.custom-checkbox .custom-control-label::before{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #eee;
    border-color: #eee;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #006d67;
    background-color: #006d67;

}

.wrapper {
    display: flex;
    max-width: 1170px;
    margin:0 auto;
    padding:35px;
    
}
body{
    font-family: Glegoo;
}
body .lista{
    font-family: Roboto;
}
.container {

    max-width: 1170px;
}
.my-0{color: #006d67;}
.my-0 img, .my-0 div{display: inline-block; margin-right: 25px;}
.my-0 img{
    margin-top:-20px;
}
.my-0 div{
    padding-top: 10px;
}
.radius{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 15px 16px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 16px rgba(0,0,0,0.1);
box-shadow: 0px 0px 15px 16px rgba(0,0,0,0.1);
}
.bacgroundGreen{
    background:url('/img/tlo.png') no-repeat top left;
}

ol li{
    margin-top: 15px;
    line-height: 1.5;
    font-family: Roboto;
}
ol li:nth-child(1){
    color:#006d67;
    font-weight: 700;
}


ol {
  margin: 1em 0;
  padding: 0 0 0 40px;

}

li {
  margin: .5em 0;
  padding: 0;

  
}
ol li::before {
  color: #006d67;
  font-weight: bold;
  font-size:16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 -20px;
}
.headBig{
    font-size:30px;
    color:#FFF;
    margin-top:30px;
    margin-left:30px;
    font-weight:bold;
}
.formDolacz button{
    background: #e8ad00;
    border:none;
    padding: 7px 12px;
}
.pad6050{
    padding: 30px 25px;
}
.mrgt60{
    margin-top: 60px;
}
.mrgt40{
    margin-top: 40px;
}
.login{
    color:#fff;
    border:#006d67;
    background: #006d67;
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.login:hover{
    background: #006d67;
    opacity: 0.8;
}
nav a{
    color: #006d67;
}
nav a:hover{
    color:#006d67;
}
.podrecznik-box{
    border:solid 1px #eaeaea;
    padding: 17px;
    margin-top:15px;
}
.tytul-podrecznik{
    font-size: 18px;
    margin-bottom: 15px;
}
.autor{
    font-size: 14px;
    font-weight: 300;
    min-height: 50px;
    line-height: 1;
}
.podglad a{
    color:#c61932;
    font-size: 13px;
}
.podglad{
    margin-top: 12px;
}
.wybieram button{
    color:#fff;
    background: #006d67;
    border: none;
    font-family: Glegoo;
    font-size: 16px;
    padding:7px;
    margin-top:24px;
}
.wybieram button:hover{
    opacity: 0.8;
}
.filtry h2{
    font-family: Glegoo;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}
.filtry label{
    font-weight: 300;
}
.custom-checkbox .custom-control-label::before{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #eee;
    border-color: #eee;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #006d67;
    background-color: #006d67;

}
.infobox{
    font-family: Glegoo;
    font-size: 14px;
}
.publikacjeHead h3{
    font-family: Glegoo;
    font-size: 18px;
    margin-bottom: 25px;
}


.title_cart{
    font-family: Roboto;
    font-size: 18px;
}
.autor_cart{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
}
.cartRow{
    border-bottom: solid 1px #eee;
    padding-bottom: 15px;
    padding-top: 15px;
}
.cartRow input, .cartRow select{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-family: Roboto;
}
.add_new_cart{
    margin-top:25px;
    font-size: 18px;
    font-family: Roboto;
    cursor: pointer;
}
.add_new_cart i{
    color:#006d67;
    margin-right:7px;
}
.onlyBorder.btn{
    border:solid 2px #006d67;
    background: #FFF;
    color:#000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-weight: 700;
    text-transform: lowercase;
}
.yellow.btn{
    border:solid 2px #e8ad00;
    background: #e8ad00;
    color:#000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-weight: 700;
    text-transform: uppercase;

}
.operonGrey.btn{
     border:solid 2px #d7d7d7 !important;
    background: #d7d7d7 !important;
}
.yellowSmall.btn{
    font-size: 16px;
}

.yellowBorder.btn{
    border:solid 2px #e8ad00;
    background: #FFF;
    color:#000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-weight: 700;
    text-transform: uppercase;
}

.btn:hover{
    opacity: 0.8;
}
.yellow.inne{
    width:100%;
}

.headCart{
    font-weight: 700;
    margin-bottom: 55px;
}
#modalSzkola{
    background: rgba(0,0,0,0.2);
}
.headName,.headName:hover{
    color:#006d67;
    text-decoration: none;
}
.lista_szkol td{
    cursor: pointer;
    border-bottom: solid 1px #eee;
    padding: 0px 7px;
}

.roboto{
    font-family: Roboto;
}
.error{
    color:#a52135;
    text-align: center;
    margin-bottom: 7px;
}
#miejscowosc_szkoly, #ulica_szkoly{
    border: none !important; 
    border-bottom: solid 2px #000 !important;
    padding:8px;
    margin-bottom: 16px;
    width:100%;
    font-family:Roboto;
}
.lista_szkol td{
    padding: 7px 0px;
}
.alertbutton, .alertbutton1, .alertbutton2{
    display: none;
    color:#a52135;
    font-size: 14px;
}
.przystap .pobierzFormularz{
    border:solid 2px #e8ad00;
    background: transparent;
    color:#e8ad00;
    font-size: 24px;
    line-height: 26px;
    font-family: Roboto;
}
.przystap .lub{
    padding:7px;
    font-size: 18px;
    color: #fff;
    font-family: Roboto;
    max-width: 200px;
    margin: 0 auto;
}
.przystap .lub span{padding:0 10px;}
.przystap button{
    max-width: 260px;
    width: 260px;
    font-family: Roboto;
}
.formDolacz p{
    color: #fff;
    font-size: 12px;
    font-family: Roboto;
    max-width: 260px;
    margin: 0 auto;
    line-height: 18px;
    margin-top: 30px;
}
.formDolacz p a{
    color: #a4dad3;
    
}
.lubwrap{
    max-width:200px;
    margin: 0 auto;
}
.wyborformykontaktu .lub {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    text-align: center;
    grid-gap: 20px;
    width: 100%;
    padding: 17px 0px;
}

.wyborformykontaktu .lub:before,
.wyborformykontaktu .lub:after {
    content: '';
    border-top: 1px solid #000;
}

.przystap .lub {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    text-align: center;
    grid-gap: 20px;
    width: 100%;
}

.przystap .lub:before,
.przystap .lub:after {
    content: '';
    border-top: 1px solid #fff;
}

.newSchoolHide{
    display: none;
}
.podajliczbe{
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold;
    padding-top: 7px;
}
.niezweryfikownay{
    background: #eee;
    line-height: 1.3;
    color:#000;
    padding: 15px;
    margin-top: 35px;
}
.BGgreenOperon, .BDgreenOperon{
    border:solid 2px #006d67;
    background: #006d67;
    color: #fff;
    padding: 12px 24px;
    width:150px;
}
.BGgreenOperon:hover, .BDgreenOperon:hover{
    opacity: 0.8;
    background: #006d67;
    color: #fff;
}
.BDgreenOperon{background: #fff; color:#006d67;}
.BDgreenOperon.redOperon{border:none !important; font-weight: bold; padding: 12px 0px;}
.BDgreenOperon.redOperon:hover{background: #FFF; text-decoration: underline; color:#a52136;}
.greenOperon{
    color: #006d67;
}
.redOperon{
    color: #a52136;
}
.redOperonBTN{
    background:#a52136 !important;
    color:#FFF !important;
    border-color: #a52136 !important;
}
.fs19{
    font-size: 19px;
}
.bgpion{
    font-weight: bold;
    padding: 12px;
    font-size: 19px;
}
.error, .alertbutton1, .alertbutton{
    padding-top: 7px;
    margin-bottom:2px;
}
.wybralem button{
    margin-top: 22px;
}
.bold{
    font-weight: bold;
}
.mrgr10{
    margin-right: 10px;
}
.mrgt7{
    margin-top: 7px;
}
.mrgt1rem{
    margin-top:2rem;
}
.zgodaRodo{
    font-size: 12px;
    font-family: Arial;
    line-height: 14px;
    font-style: italic;
    margin-top: 20px;
}
.headWarsztat .headCart{
    font-size: 18px;
    font-family: Roboto;
    font-weight: 300;
    border-bottom: solid 2px #eee;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.warsztaty label{
    font-family: Roboto;
    font-weight: 300;
}
.listawarsztaty{
    padding-left: 45px;
}
.listawarsztaty i{
    color:#006d67;
    margin-right: 7px;
}
.poziom_error, .przedmiot_error{
    color:#a52135;
    padding:7px;
    border:solid 1px #a52135;
    display: none;
}
.fs14{font-size:14px;}

.greenFullBox{
	/*background:#d49f00;*/
	background:#006d67;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	padding:25px;
        margin-bottom: 35px;
}
.greenFullBox .whitetext{
	color:#fff;
}
.l-grid__item--4of12 {

    width: calc(33% - 75px) !important;
    float: left !important;
    margin-left: 50px !important;

}
.warsztatyHead{
	font-size:50px;
	font-weight:900;
	text-transform:uppercase;
	font-family:themixosfextrabold; 
	line-height:0.9;
}
.warsztatyInfo{
	font-size:20px;
        font-family: roboto;
        font-weight: 300;
        line-height: 1;
}
.warsztatyLista{
	line-height:24px;
	font-size:0.9rem
}
.warsztatyLista ol{
	margin:0px;
	font-size:0.9rem;
	margin-top:7px;
	
}
.warsztatyLista ol li{
	line-height: 1.9rem;
}
.BGorange{
	background:#a52135;
	border-color:#a52135;
}
.BGorange:hover{
	background:#a52135;
	opacity:0.8;
	border-color:#a52135;
}
.warsztatyDolacz{
	font-size:18px;
	line-height:1.7;
        font-family: roboto;
        font-weight: 700;
        margin-top:6px;
        
}
.warsztatyPrzycisk a{
	width:100%;
}

@media only screen and (max-width:768px){
.bottomButtonPhone {
		position: fixed;
		bottom: 30px;
		left:5%;
		background:#a52135;
		padding: 15px;
		padding-left: 15px;
		text-align:center;
		color: #fff;
		line-height: 1;
		font-size: 14px;
		padding-left: 45px;
		opacity: 0.9;
		width:90%;
		margin: 0 auto;
		z-index:999999;
	}
	#est-front-display-wrap{
		display:none !important;
	}
	.l-grid__item--4of12 {
		width: 100% !important;
		float: left !important;
		margin-left: 0px !important;
	}
	.l-grid__item--3of12 {
		width: 100% !important;
		float: left !important;
		margin-left: 0px !important;
	}
	.l-grid__item--6of12 {
		width: 100% !important;
		float: left !important;
		margin-left: 0px !important;
	}
	.warsztatyDolacz{
		font-size:18px;
		line-height:24px;
		margin-bottom:15px;
		margin-top:35px;
	}
	.warsztatyLista{
		margin-top:25px;
	}
}
@media only screen and (max-width:1025px){
	.warsztatyHead{
		font-size:2rem;
		display:block;
	}
}
@media only screen and (min-width:768px){
	.bottomButtonPhone{
		display:none;
	}
}
.listaWarsztatow{
    display: none;
}
button.zapiszWarsztaty{
    font-size: 1em !important;
}
.cities .city{
    display: inline-block;
    padding: 4px 15px;
    color: #000;
    border: solid 1px #006d67;
    margin-right: 15px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    margin-top: 7px;
    cursor: pointer; 
}
.cities .city.active{
    background: #006d67;
    color: #FFF;
    border: solid 1px #006d67;
    
}
.zapiszWarsztaty+span{
    display: block;
}
.brakmiejsc{
    display: block;
    margin-top:25px;
}
.ukryteWoj{
    display: none;
}
.warsztat .btn.btn-primary+span{
    display: block;
}

.navbar-nav li:last-child{
    margin-left: 15px !important;
}
#powiadom .modal-body ,#modalZaloguj .modal-body,#zapiszWarsztat .modal-body,#anulujWarsztat .modal-body{
    margin-top:-45px;
}
#powiadom .modal-header,#modalZaloguj .modal-header,#zapiszWarsztat .modal-header, #anulujWarsztat .modal-header{
    border-bottom: none !important;
}
#powiadom button.close,#modalZaloguj button.close,#zapiszWarsztat button.close,#anulujWarsztat button.close{
    z-index:999;
}
.poinformujmnie{
    color:blue;
    cursor: pointer;
    font-family: Roboto;
    line-height: 1em;
    display: block;
    margin-top:3px;
}
.powiadomsukces{
    padding: 15px 7px;
    background: #e3f0e6;
}
.wybranyBox .etykietaPoziom{
	margin-left:-32px !important; 
}

.fixed-cartButton{
    position:fixed; 
    z-index: 2;
    bottom: 0;
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}    

.cartButtonHover:hover {
    background: #d79c00;
    opacity: 1!important
}
.cartButton:hover {

    opacity: 1!important
}

.navbar-operon {
    position: fixed;
    z-index: 20;
    background: white;
    max-width: 1170px;
    width: 100%;
}

.container.space{
    padding-top: 100px!important;
}    

.custom-file-label::after {
  content: "Przeglądaj"!important;
}

.errorFile{
    color:red;
    font-size: 15px;
}

.operon-slogan{
    margin-top: 6px;
}

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 100%);
    background: -webkit-radial-linear-gradient(90deg, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 100%);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: #006d67 1.5em 0 0 0, #006d67 1.1em 1.1em 0 0, #006d67 0 1.5em 0 0, #006d67 -1.1em 1.1em 0 0, #006d67 -1.5em 0 0 0, #006d67 -1.1em -1.1em 0 0, #006d67 0 -1.5em 0 0, #006d67 1.1em -1.1em 0 0;
    box-shadow: #006d67 1.5em 0 0 0, #006d67 1.1em 1.1em 0 0, #006d67 0 1.5em 0 0, #006d67 -1.1em 1.1em 0 0, #006d67 -1.5em 0 0 0, #006d67 -1.1em -1.1em 0 0, #006d67 0 -1.5em 0 0, #006d67 1.1em -1.1em 0 0;

}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}