:root {
    --text:   RGB(0,0,0,0.6);
    --text-hover:  #00525e;
    --violet:   #00525e;
    --black:  #1F1F1F;
    --grey:   #444;
    --grey-light:   #707070;
	--red: 	#E60012;
	
    --grey-dark:  #707070;
    --orange:   #EB5D0B;
	--width: 1500px;
	--subnemu: #EBEBEB;
	--line: #BEBEBE;
	--bg: #F6F7F9;
	--dark-blue: #00525e;
	--gold: #59191a;

} 
.under {display: flex;width: 100%;height: 100%;align-items: center;position: relative;justify-content: center;}
body, html  {margin:0; padding:0;border:none;font-size:1rem;font-family: 'Open Sans', sans-serif;color:var(--text);height:100%;box-sizing: border-box;transition: all  ease-in-out 0.4s;}
input, button {margin:0; padding:0;border:none;font-size:1rem;font-family: 'Open Sans', sans-serif;color:var(--text);}
h1,h2,h3 {font-size:normal;font-weight:normal;padding:0; margin:0;height:15px}
#cookie-msg {z-index: 2147483647 !important;;}
.container {width:var(--width);margin:0 auto;position: relative;display:flex}
.full {width:100% !important }
img {max-width:100%;height: auto;}
label {position: relative;;display: inline-block;width:100%}
p {padding:0;margin:0}
a {text-decoration: none;color:inherit}
a:hover {text-decoration: underline}
header .white-box {display: flex;background-color: white;color:var(--text);position:relative;max-width: var(--width);margin: 0 auto;align-items: center}
header .top-header {display: block;position:relative;box-shadow:0 0 10px -5px black}

header .nav-content {width:var(--width); margin:0 auto; display:flex; justify-content:flex-end;position: relative;align-items: center;}
header .logo img {max-height:100px;width:70px}
header .logo a {width:100%;display:flex;align-items: center}
header .logo span {margin-left:20px;font-family: 'Courgette', cursive;font-size:1.5rem;color:#59191a}
header .logo {text-align: left;width:400px}
header .shape {width: 300px;height: 150px;position: absolute;background: white;left:0;z-index: 9;top:-40px; }
header .text-grey-box {display: inline-grid;height: 100%;justify-content: center;align-items: center;margin-right:20px}
header .social-media {display: inline-flex;}
header .social-box-icon a{color:white; padding:5px 10px}
header .h-c-b {display: flex;justify-content: flex-end;align-items: center;font-size:0.8rem;height: calc(100% - 30px);}
header .hbox {display: grid;grid-template-columns: 15% 85%;justify-content: center;align-items: center;min-width: 300px;line-height:120%}
header .hbox i{font-size:1.8rem;color:var(--red);}
header .title-page {position: absolute;left: 13%;font-weight: bold;font-size: 1.2rem;top: 27%;}

.htext {overflow-wrap: break-word;word-break: break-all;}

.thumb {position:relative;margin:20px auto ;display:block; max-width:var(--width);font-size:0.8rem;text-transform: capitalize;color:var(--grey-dark)}
.thumb a{text-decoration: none;padding:0 10px;font-weight:bold;display: inline-block}
.thumb a:hover{color:var(--grey);}

.back {display:inline-block; background-color:var(--grey-light); padding:5px 10px; border-radius:5px;text-align: center;color: white;cursor:pointer}
.back:hover {background-color: #EBEBEB;color: var(--grey);}


.topHeader {position:relative;background-color:#00525e;color:white;padding:5px}
.topElement {position:relative;display:flex;justify-content:end;align-items:center;margin: 0 20px}
.topElement .icon {position:relative;font-size:2rem;padding:0 10px}
.blueBox {width:1500px; margin: 0 auto;display:flex;justify-content:end;align-items:center;}


nav {z-index:10;position:relative;font-weight: 500;width: 100%;}
nav .nav-container {width:100%; margin:0 auto;display:flex;justify-content: flex-end;position:relative;z-index:2;align-items: center;height:80px;}
nav ul {display:flex;list-style: none;height:100%;align-items: center;justify-content:center;} 
/*nav li:first-child a.menu-item{font-weight:bold; font-size:1.4rem;background-color:#00525e;color:white;border-radius:5px}*/
nav li {height:100%;position: relative}
nav li a.menu-item {color:var(--text);transition:all 0.3s;text-decoration: none; height:100%;padding:5px 15px;font-size:1rem;}
nav li a.menu-item:hover {background-color:var(--gold);color:white;}
nav .dropdown-icon-link:hover a.menu-item {background-color:white;color:var(--red);}
nav .login-active { background-color:white; color: var(--red);}
nav .menu-container {}
nav .drop:hover {  padding-bottom:50px;background-color:white;}
nav .drop:hover + .nav-hover-container {  visibility:visible; opacity:1;}
nav .drop-li:hover > .drop {  padding-bottom:29px;background-color:white;color:var(--red)}
nav li:first-child.drop-li:hover > .drop {  padding-bottom:17px;background-color:white;color:var(--violet)}
nav .drop-li:hover > .nav-hover-container {  visibility:visible; opacity:1;}
nav .nav-hover-container { display:block;transition:all 0.3s;box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,.2);visibility:hidden; opacity:0;position: absolute;width:230px;background-color:white;;top:43px;border-top:1px solid var(--red)}
nav .dropdown-content {margin: auto;display:grid;justify-content: center;grid-template-columns: 1fr;}
nav .dropdown-box {position:relative; text-align:center;color:var(--red);width:230px}
nav .dropdown-icon img {max-width:60px}
nav .dropdown-title {display: grid;justify-items: center;color: var(--grey);padding: 10px 20px;}
nav .dropdown-icon-link {display:flex;align-items: center;text-decoration: none;transition:all 0.3s;justify-content: center;border-bottom:1px solid var(--red)}
nav .dropdown-icon-link:hover {background-color:white; }
nav .dropdown-icon-link:hover img {filter: brightness(0) invert(1);}
nav .dropdown-icon-link:hover .dropdown-title {background-color:var(--red);color:white}
nav .dropdown-icon-link:last-child .dropdown-box{border-right:none}
nav .dropdown-icon-link:hover > .dropdown-box > .dropdown-title > .submenu-container {visibility:visible; opacity:1;} 
nav .submenu-container {display:block; position: absolute;width:300px; background-color:RGBA(0,0,0,0.4);margin-top:41px;visibility:hidden; opacity:0;transition:all 0.4s;}
nav .submenu-box {display:inline-block;border-bottom:1px solid white; width:100%;padding: 10px 0;color:white; z-index:3;}
nav .submenu-box:hover {background-color:RGBA(245,177,32,0.8);}
nav .submenu-box:last-child {border-bottom:none}
.kontakt-box-info {cursor:pointer}




.slider {position:relative; width:100%; font-size: 0;font-family: 'Courgette', cursive;}
.slider .slider-box{position:relative;height:800px; width:100%;background-size: cover !important;background-repeat: no-repeat;background-color: transparent;background-position: center}
.slider .slider-box::before{content:"";position:absolute;width:100%;height:100%; opacity:0.1;background-color:black}
.slider .template1 .slider-box-container {position:absolute;top:20%;left:50%;font-size:1rem;width: 28%;}
.slider .template2 .slider-box-container {position:absolute;top:20%;left:12%;font-size:1rem;width: 40%;;}
.slider .template3 .slider-box-container {position:absolute;top:20%;right:10%;font-size:1rem;width: 28%;;}
.slider .slider-subtitle {color:#59191a;font-size:2rem;font-weight: bold;font-family: 'Courgette', cursive;}
.slider .slider-title {color:#00525e;font-size:6rem;font-weight: bold;font-family: 'Courgette', cursive;}
.slider .slider-title span {color:var(--red);}
.slider .slider-text {color:black;font-size:1.0rem;font-weight: normal;font-family:'Open Sans';margin-top:20px;position:relative}
.slider .slider-btn {min-width:150px;color:white;font-size:1.4rem;font-weight: normal;background-color:#00525e;border-radius:10px; padding:10px 20px;margin-top:20px;position:relative;font-family:'Open Sans';display:inline-block;text-align:center}
.slider .slider-btn2 {min-width:150px;color:white;font-size:1.4rem;font-weight: normal;background-color:#59191a;border-radius:10px; padding:10px 20px;margin-top:20px;position:relative;font-family:'Open Sans';text-align:center}
.slider .slider-container {}

.slider .slider-buttons {position: relative;}
.slider .slider-buttons .slick-arrow {position: absolute;margin-top: 400px;background-color: var(--violet);z-index: 1;color: white;padding: 10px;cursor:pointer}
.slider .slider-buttons .slick-arrow i{font-size:2rem}
.slider .slider-buttons .next{right:0}
.slider .slider-buttons .prev{left:0}


.template-1.box_container	{position:relative;display:flex;max-width:1500px; margin:0 auto;grid-gap:50px;top:-50px}
.template-1 .box {position:relative;box-shadow: 0px 0px 20px -10px black;border-radius:10px;background-color:white;width:calc(100% - 40px);padding:20px}
.template-1 .box-icon img{max-width:40%}
.template-1 .box-icon {text-align: center}
.template-1 .box-title {font-size:1.4rem;color:#00525e;font-weight:bold;margin:20px 0 ;text-align: center}
.template-1 .box-subtitle {font-size:1.2rem;color:var(--dark-grey);}
.template-1 .box-text {font-size:1.2rem;color:var(--dark-grey)}
.template-1 .btn-blue-mid {position:relative;background-color:var(--dark-blue);color:white;padding:10px 20px; display:inline-block;border-radius:10px}

.template-2.box_container	{position:relative;display:flex;max-width:1500px; margin:50px auto 100px auto;grid-gap:30px;;flex-wrap: wrap}
.template-2 .box {position:relative;box-shadow: 0px 0px 20px -10px black;border-radius:10px;background-color:white;width:100%;padding:20px;flex-basis: calc(33% - 55px)}
.template-2 .box-icon {text-align: center}
.template-2 .box-icon img{max-width:35%}
.template-2 .box-title {font-size:1.2rem;color:#00525e;font-weight:bold;margin:0 0 20px 0;text-align: center }
.template-2 .box-subtitle {font-size:1.8rem;color:var(--dark-grey);}
.template-2 .box-text {font-size:1.2rem;color:var(--dark-grey)}
.template-2 .btn-blue-mid {position:relative;background-color:var(--dark-blue);color:white;padding:10px 20px; display:inline-block;border-radius:10px}





#offer_box {background-color:#EBF6FB; position:relative;padding:20px;}
#offer_box .title{ position:relative;text-align:center;font-size:5rem;font-family: 'Courgette', cursive;;color:var(--dark-blue)}
#offer_box .title::after{ content:"";position:absolute;width:200px; background-color:#59191a;height:6px;bottom:0;left:calc(50% - 100px)}
#offer_box .offer-box-container{ position:relative;display:flex;width:80%;justify-content:center;align-items:start;grid-gap:50px;margin:60px auto 30px auto}
#offer_box .offer-box{ position:relative;background-color:white;border-radius:10px;padding:20px;flex-basis: 100%}
#offer_box .offer-box .icon{display: inline-block;vertical-align: middle;margin-right:30px}
#offer_box .offer-box .offer-title{display: inline-block;vertical-align: middle;color:var(--dark-blue);font-size:1.2rem;font-weight:bold}
#offer_box .offer-box img{max-width:120px}
#offer_box .offer-box .btn-gold-small{position:relative;background-color:var(--gold);color:white;padding:10px 20px; display:block;border-radius:10px;margin:0 0 0 auto;;width: 200px;text-align: center}
#offer_box .offer-box .offer-text{position:relative;color:var(--dark-grey);padding:20px 0;font-size:1.0rem; min-height:100px}




#about { position:relative;padding:20px;}
#about .title{ position:relative;text-align:center;font-size:5rem;font-family: 'Courgette', cursive;;color:var(--dark-blue)}
#about .title::after{ content:"";position:absolute;width:200px; background-color:#59191a;height:6px;bottom:0;left:calc(50% - 100px)}
#about .about-container{ position:relative;display:block;width:80%;margin:60px auto 30px auto;column-count:2;line-height:150%;; column-gap:50px;}

.strona .title_box{ position:relative;text-align:center;font-size:5rem;font-family: 'Courgette', cursive;;color:var(--dark-blue)}
.strona .title_box::after{ content:"";position:absolute;width:200px; background-color:#59191a;height:6px;bottom:0;left:calc(50% - 100px)}


.price-container {display:block;max-width:800px;margin:0 auto;}
.price-row {display:grid;grid-template-columns: 80% 20%; justify-content:space-between;align-items: center;border-bottom:1px solid #cecece;  margin-bottom:10px;padding:5px 5px 10px 5px}

.price .title{ position:relative;text-align:center;font-size:3rem;font-family: 'Courgette', cursive;;color:var(--dark-blue)}
.price .title::after{ content:"";position:absolute;width:100px; background-color:#59191a;height:6px;bottom:0;left:calc(50% - 50px)}
.price .price-row .price{text-align: right}


.price-category-title {background-color:var(--dark-blue);color:white;padding:10px 5px;}


.price-box .price-row:last-child {border-bottom:0;margin-bottom:0}

.team-category-container .title {text-align: center;font-weight:bold; padding:20px 0 }



section.team {position:relative;max-width:var(--width);margin:30px auto;}
section.team .team-category-box{position:relative;padding:15px; background-color:var(--dark-blue);color:white;font-size:1.4rem;}
section.team .team-box-container{position:relative;display:block;grid-gap:20px;margin:10px 0 }
section.team .team-box {position:relative;padding:10px ;color:var(--text); cursor:pointer;display:block;border-bottom:1px solid var(--text)}
section.team .team-box:last-child {border-bottom:none}







section.tests {position:relative;max-width:var(--width);margin:30px auto;}
section.tests .tests-category-box{position:relative;padding:15px; background-color:var(--dark-blue);color:white;font-size:1.4rem;}
section.tests .tests-box-container{position:relative;display:block;grid-gap:20px;margin:10px 0;  flex-wrap: wrap}
section.tests .tests-box {position:relative;padding:10px 20px;background-color:#E9E9E9;color:var(--text); cursor:pointer;border:1px solid #cecece;border-radius:5px;width: calc(100% - 40px); margin-bottom:20px}
section.tests .container-img {position:relative;display:inline-block;width: 200px;height: 160px;background-position: center;background-repeat: no-repeat;background-size: contain;border-radius:10px 10px 0 0;opacity: 0.2; vertical-align: top;} 
section.tests .tests-info {position: relative;display: inline-block;width: calc(100% - 210px);font-size:0.9rem;line-height:150%;} 
section.tests .tests-text {position: relative;margin-bottom:20px} 
section.tests .tests-title {position: relative;font-size:1.4rem;color:var(--dark-blue);margin-bottom:10px} 
section.tests .btn-gold-small{position:relative;background-color:var(--gold);color:white;padding:10px 20px; display:block;border-radius:10px;margin:0 0 0 auto;;width: 120px;text-align: center}





section.tests-details {position:relative;max-width:var(--width);margin:30px auto;}
section.tests-details .tests-details-category-box{position:relative;padding:15px; background-color:var(--dark-blue);color:white;font-size:1.4rem;}
section.tests-details .tests-details-box-container{position:relative;display:block;grid-gap:20px;margin:10px 0;  flex-wrap: wrap}
section.tests-details .tests-details-box {position:relative;padding:10px 20px;background-color:#E9E9E9;color:var(--text); cursor:pointer;border:1px solid #cecece;border-radius:5px;}
section.tests-details .container-img {position:relative;display:inline-block;width: 200px;height: 160px;background-position: center;background-repeat: no-repeat;background-size: contain;border-radius:10px 10px 0 0;opacity: 0.2; vertical-align: top;} 
section.tests-details .tests-details-info {position: relative;display: inline-block;;font-size:0.9rem;line-height:150%;width: calc(100% - 220px);} 
section.tests-details .tests-details-text {position: relative;margin-bottom:20px} 
section.tests-details .tests-details-title {position: relative;font-size:1.4rem;color:var(--dark-blue);margin-bottom:10px} 
section.tests-details .btn-gold-small{position:relative;background-color:var(--gold);color:white;padding:10px 20px; display:block;border-radius:10px;margin:0 0 0 auto;;width: 120px;text-align: center}




















.zlote-mysli {position: relative;max-width:50vw; margin:0 auto}
.zlote-mysli .zlote-mysli-container{position: relative;padding:50px 0}
.zlote-mysli .zlote-mysli-title{position: relative;font-size:2.5rem; color:var(--text);text-align: center;margin-bottom:20px}
.zlote-mysli .slick-dots li button::before{font-size: 0.5rem;}


.btn-white-small	{background-color:white;color:var(--violet);width:220px; padding:10px;font-size:1rem;text-align: center;position:relative;cursor:pointer;}
.btn-white-small:hover	{background-color:#666;}


.btn-red-small	{background-color:var(--violet);color:white;width:200px; padding:10px;font-size:1rem;text-align: center;position:relative;cursor:pointer;display: block;}
.btn-red-small:hover	{background-color:#666;}
.btn-send	{background-color:var(--violet);color:white;width:200px; padding:10px;font-size:1rem;text-align: center;position:relative;cursor:pointer;display: block;margin: 0 0 0 auto;}
.btn-send:hover	{background-color:#666;}


.btn-shape-small {}
.btn-shape-big { -webkit-clip-path: polygon(0% 0%, 0% 80%, 20% 100%, 100% 100%, 100.00% 20%, 80% 0%); clip-path: polygon(0% 0%, 0% 80%, 20% 100%, 100% 100%, 100.00% 20%, 80% 0%);}
.big-box-shape { -webkit-clip-path: polygon(0% 0%, 0% 85%, 15% 100%, 100% 100%, 100.00% 15%, 85% 0%); clip-path: polygon(0% 0%, 0% 85%, 15% 100%, 100% 100%, 100.00% 15%, 85% 0%);}
.large-box-shape { -webkit-clip-path: polygon(0% 0%, 0% 85%, 15% 100%, 100% 100%, 100.00% 20%, 90% 0%); clip-path: polygon(0% 0%, 0% 85%, 15% 100%, 100% 100%, 100.00% 20%, 90% 0%);}
.btn-red	{background-color:var(--red);color:white;width:200px; padding:10px;font-size:1rem;text-align: center;position:relative;cursor:pointer;margin:0 auto}
.btn-red:hover	{background-color:#666;}
.btn-red::after { content: "";height: 0;border-top: 15px solid white;    border-left: 15px solid transparent;    top: 0;    right: 0;    position: absolute;}
.btn-red::before { content: "";height: 0;border-bottom: 15px solid white;    border-right: 15px solid transparent;    bottom: 0;    left: 0;    position: absolute;}

.btn-red-med {background-color:var(--red);color:white; padding:20px 10px;font-size:1rem;text-align: center;position:relative;cursor:pointer;margin-top: 20px;text-decoration: none;font-weight: bold}
.btn-red-med:hover	{background-color:#666;}
.btn-red-med {-webkit-clip-path: polygon(0% 0%, 0% 65%, 5% 100%, 100% 100%, 100.00% 40%, 94% 0%); clip-path: polygon(0% 0%, 0% 65%, 5% 100%, 100% 100%, 100.00% 40%, 94% 0%);}

.btn-ghost-small	{color:white;width:200px; padding:10px;font-size:1rem;text-align: center;position:relative;cursor:pointer;display: block;margin:0 auto;border:1px solid #ffffff}
.btn-ghost-small:hover	{background-color:#4a2253;}

.belt_title_red {background-color:#b17cbd  ;z-index: 1;position: relative;top:0; height:1px}
.shape_title_red {background-color:var(--red);z-index: 1;position: relative;display: inline-block;width:auto;padding-right:20px}
.shape_title_grey {width:100%; height:45px; position:absolute;top:0;left:0;background-color:var(--grey-light);z-index: 0}
.shape-small-black {font-size:1.3rem;color:white;padding:0 10px; ;background-color:black;vertical-align: middle;}
.shape-small-white {font-size:1.3rem;color:var(--red);padding:0 10px;background-color:white;vertical-align: middle;}
.btn-transparent-small {text-decoration: none;color:black;font-size:0.9rem;position: absolute;bottom:0; right:0}

.btn-transparent-small-white {color: white;font-size: 0.9rem;position: relative;top: 10px;right: 20px;margin: 0 0 auto auto;display: block;width: 140px;text-decoration: none}
.title_box {font-size: 2rem;color:#59191a;font-weight:bold;margin:0 auto;text-align: left;max-width:1920px;padding:10px;}
.title_container {position:relative;font-family: 'Courgette', cursive;}
.foto-bg {height:400px; width:100%;background-size: cover !important;background-repeat: no-repeat;background-color: transparent;background-position: center;position:relative;display:flex; align-items: flex-end;;flex-wrap: wrap;align-content: end;}
.btn-car {text-decoration: none;color:white;font-size:0.9rem;position: absolute;bottom: 13%;left: 35px;}

.btn-text {color:var(--violet);font-weight:bold;text-decoration:none}
.btn-text:hover {text-decoration:underline}






.szkolenia_details .foto-bg::after {position: absolute;content: '';width:100%; height:100%; top:0;left:0; background-color:#00000080;z-index:1}
.szkolenia_details .title_szkolenia {position: relative; text-align: center;color:white;font-size:2rem;padding:20px;z-index:2;width: 100%;border-bottom:1px solid #ffffff50}
.szkolenia_details .place_szkolenia {position: relative; text-align: center;color:white;font-size:1.2rem;padding:10px;z-index:2;width: 47%;}
.szkolenia_details .date_szkolenia {position: relative; text-align: center;color:white;font-size:1.2rem;padding:10px;z-index:2;width: 47%;}
.szkolenia_details .price_szkolenia {background-color: var(--violet);color: white;text-align: center;padding: 20px;font-size: 2rem;position:relative}
.szkolenia_details .price_szkolenia span{font-weight: bold;}
.szkolenia_details i {position: relative;color:var(--text-hover);font-size:1.4rem; padding:0 20px}
.szkolenia_details .contact_content {	display:grid ;grid-template-columns: 100% !important;justify-content: center;align-items: center;height:100%;grid-gap:5%}

.sz_cont {width:50vw; margin:50px auto !important}

section.strona  {position:relative; margin:0 auto;max-width:var(--width)}
section.strona  .strona-container{position:relative;;margin:20px auto;}
section.strona  .strona-content{position:relative;display:inline-block;width:100%;padding: 0 ;}

#mix-wrapper {display:flex;width: 100%;flex-wrap: wrap}
section.szkolenia {position:relative;max-width:var(--width);margin:30px auto;}
section.szkolenia .szkolenia_container{position:relative;display:flex;grid-gap:20px}
section.szkolenia .szkolenia-box {position:relative;padding:10px 20px;background-color:#E9E9E9;color:var(--text); cursor:pointer;border:1px solid #cecece;border-radius:5px}
section.szkolenia .szkolenia-box:hover {position:relative;padding:10px 20px;background-color:#00525e;color:white; cursor:pointer}
section.szkolenia .szkolenia-wraper {position:relative;margin-top:50px}
section.szkolenia .container-img {position:relative;;width:100%; height:300px;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius:10px 10px 0 0 } 
section.szkolenia .mix {position:relative;;border-radius:10px;display:block;padding:20px;flex-basis: 22.3%;} 
section.szkolenia .mix::after {position: absolute;position: absolute;top: 20px;left: 20px;width: calc(100% - 40px);height: calc(100% - 40px); font-size:0;color:white;content:'czytaj więcej';transition: all  ease-in-out 0.4s; display:grid; justify-content: center;align-items: center;z-index:2} 
section.szkolenia .mix:hover::after {position: absolute;top: 20px;left: 20px;width: calc(100% - 40px);height: calc(100% - 40px); font-size:0;color:white;background-color:#00525e90;;font-size:1.2rem;content:'czytaj więcej'; border-radius:10px; display:grid; justify-content: center;align-items: center;z-index:2} 
section.szkolenia .szkolenia-info {position:relative;background-color:var(--text-hover);color:white;padding:10px;border-radius:0 0 10px 10px;min-height:150px} 
section.szkolenia a{display:inline-block; width:100%;height:100%;position: relative;z-index:5} 
section.szkolenia a:hover{text-decoration:none} 
section.szkolenia .szkolenia-info .szkolenie-price{position:absolute;font-weight:bold;  background-color:white; color:var(--violet);padding:10px; border-radius:10px ;bottom:10px;width:calc(100% - 40px);text-align: center} 
section.szkolenia .szkolenie-date{position: absolute;font-weight: bold;background-color: white;color: var(--violet);padding: 10px;border-radius: 10px;top: 10px;left: 10px;width: calc(100% - 40px);text-align: center;z-index: 1;} 
section.szkolenia .szkolenia-info .szkolenie-count{position:relative;font-weight:normal} 
section.szkolenia .szkolenia-info .szkolenie-title{position:relative;font-weight:bold;font-size:1.2rem} 






section.popup {position: relative;min-height:650px;color:white;margin-top:0px;background-position: center;background-repeat: no-repeat;background-size: cover;justify-content: center}
section.popup .text-content {padding:20px; width:90%;position: relative;margin:0 auto;text-align: center;color:white;}
section.popup .title {font-size:3rem;font-weight: bold}
section.popup .subtitle {font-size:1.5rem;font-weight: bold}
section.popup .subsubtitle {font-size:1rem;font-weight: normal}
section.popup .text {font-size:1rem;font-weight: normal}
section.popup input { width: 80%; display: block; border: none;color:black;margin: 30px auto;padding:0 10px}
.modal-popup .modal-text {background-color:var(--red)}
.modal-popup .modal-text .text{color:unset}
.modal-popup .modal-tresc.tc {margin-bottom:0}
.modal-popup .modal-text .title {color:unset}
.modal-popup .modal-text .btn-white-small {margin: 30px auto;color:black;font-weight:bold}






section.mod_contact {position: relative;max-width:var(--width);margin:0 auto}
section.mod_contact .contact_content {	display:grid;grid-template-columns: 60% 40%;justify-content: center;align-items: center;height:100%}
section.mod_contact .form-content {position: relative;width:100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap:20px;margin:0 10% 0 auto}
section.mod_contact .form-content input{position: relative;width:calc(100% - 40px);padding:20px}
section.mod_contact .form-content textarea{width:calc(100% - 40px);padding:20px}
section.mod_contact .foto-content .text-content{height:calc(100% - 80px);position: relative;padding:40px;font-size:1.2rem}
section.mod_contact .foto-content .title{font-size:3rem;font-weight: bold}
section.mod_contact .foto-content .subtitle{font-size:1.5rem;font-weight: bold}
section.mod_contact .foto-content .subsubtitle {font-size:1rem;font-weight: normal}
section.mod_contact .foto-content {min-height:500px;color:var(--text);position:relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.input-shape-ghost {background-color: transparent;background-size: 100% auto;background-repeat: no-repeat;background-position: center;width: 350px;height: 40px;padding: 10px;color: white}
.input-shape-ghost:focus {outline: none;}

section.mod_contact.form-content .contact_content {	display:block;width:60%;margin:0 auto}

section.mod_contact .title{ position:relative;text-align:center;font-size:3rem;font-family: 'Courgette', cursive;;color:var(--dark-blue)}
section.mod_contact .title::after{ content:"";position:absolute;width:200px; background-color:orange;height:6px;bottom:0;left:calc(50% - 100px)}





section.mod_map {position: relative}
section.mod_map .map{position: relative;top:-20px}
section.mod_map .map-container{width:100%;height:500px;position: relative}
section.mod_map .map-box-shape{}
section.mod_map .map-box{position:absolute;right:20%;top:15%;background-color:#00525e;color:white;z-index: 2;padding:50px}


section.mod_news {position: relative;display: inline-block;width: 100%;}
section.mod_news .news-container {display:flex;justify-content: center;align-items: flex-start;grid-gap:20px;max-width:var(--width);margin:50px auto 100px auto;flex-wrap: wrap;}
section.mod_news ._box {position: relative;height:500px;width:350px;}
section.mod_news ._box .title {position: relative;font-size:1rem;color:white;text-align: left;padding: 0 20px 10px 20px;}
section.mod_news ._box .img-shape {width:84%;position: absolute; height:300px;bottom:7%;left:7%;top: 25px;-webkit-clip-path: polygon(0% 0%, 0% 82%, 15% 100%, 100% 100%, 100.00% 15%, 85% 0%); clip-path: polygon(0% 0%, 0% 82%, 15% 100%, 100% 100%, 100.00% 15%, 85% 0%);z-index:2}
section.mod_news ._box .img-shape-bg {position:absolute; width:86%; height:306px;bottom:6%;left:6%;top: 22px;-webkit-clip-path: polygon(0% 0%, 0% 82%, 15% 100%, 100% 100%, 100.00% 15%, 85% 0%); clip-path: polygon(0% 0%, 0% 82%, 15% 100%, 100% 100%, 100.00% 15%, 85% 0%);background-color:white;z-index:1}
section.mod_news .box-grey {background-color:var(--grey)}
section.mod_news .box-red {background-color:var(--red)}
section.mod_news .box-grey {background-color:var(--grey)}
section.mod_news .top-shape { -webkit-clip-path: polygon(15% 0px, 15% 25%, 70% 17%, 100% 80%, 100% 0%); clip-path: polygon(15% 0px, 15% 25%, 70% 17%, 100% 80%, 100% 0%);position: absolute;width:calc(100% - 5px);height:140px;text-align: right;color:white;font-size:0.8rem;font-weight: bold;padding:5px 5px 0 0 }
section.mod_news .bottom-shape { -webkit-clip-path: polygon(0% 0%, 0% 85%, 15% 100%, 100% 100%, 100.00% 13%, 85% 0%); clip-path: polygon(0% 0%, 0% 85%, 15% 100%, 100% 100%, 100.00% 13%, 85% 0%);height:auto;margin-top:100px;position: relative;padding-top:250px;padding-bottom:30px}





section.mod_search {position:relative;color:white;margin-top:0px}
section.mod_search form{position:relative;margin-top:80px}
section.mod_search .title{positon:relative;color:white;margin:0px 0 20px 0 ;font-weight:bold;}
section.mod_search .search-box {positon:relative;background-color:var(--grey);padding:50px 20px;margin:50px auto;max-width:var(--width)}
section.mod_search .search-box-shape{-webkit-clip-path: polygon(0% 0%, 0% 85%, 4% 100%, 100% 100%, 100.00% 15%, 96% 0%); clip-path:  polygon(0% 0%, 0% 85%, 4% 100%, 100% 100%, 100.00% 15%, 96% 0%);}
section.mod_search .form-box{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;justify-content:flex-start;align-items: center;grid-gap:20px}
section.mod_search .form-box label{display:block;position:relative}
section.mod_search .form-box select{display:block;position:relative}
section.mod_search .form-box .cena_od{display:inline-block;position:relative;}
section.mod_search .form-box .cena_do{display:inline-block;position:relative;}
section.mod_search .form-box .input-grid{display:flex;grid-gap:20px}
section.mod_search .form-box .input-shape{display:block;width:calc(100% - 20px);padding:20px 10px}
section.mod_search .form-box .input-small-shape{display:block;width:calc(100% - 20px);padding:20px 10px}
section.mod_search .form-box .select-shape{display:block;;width:100%;padding:20px 10px}




section.offer_latest {position: relative;margin:50px auto}
section.offer_latest .latest_container{position: relative;display:grid;grid-template-columns: 1fr 1fr;justify-content: center;align-items: flex-start;grid-gap:50px;margin:50px auto;;max-width:var(--width)}
section.offer_latest ._box {position: relative;height:280px;width:calc(100% - 40px);padding:20px}
section.offer_latest ._box .img-shape {width:35%;position: absolute; height:100%;top:0;left:0%;-webkit-clip-path: polygon(0% 0%, 0% 82%, 15% 100%, 100% 100%, 100.00% 15%, 85% 0%); clip-path: polygon(0% 0%, 0% 82%, 15% 100%, 100% 100%, 100.00% 15%, 85% 0%);z-index:1}
section.offer_latest .box-grey {background-color:var(--grey)}
section.offer_latest .box-red {background-color:var(--red)}
section.offer_latest .large-box-shape { height:100%;position:absolute;top:0;width: calc(100% - 20px);}
section.offer_latest ._box .lastest_content {position: absolute;color:white;text-align: left;padding:30px;margin-left:35%}
section.offer_latest ._box .title {position: relative;font-size:1.8rem;font-weight:bold;padding-bottom:20px}
section.offer_latest ._box .param {position: relative;font-size:1rem;font-weight:bold;padding-bottom:20px}
section.offer_latest ._box .text {position: relative;font-size:1rem;font-weight:normal;padding-bottom:20px}
section.offer_latest ._box .price {position: relative;font-size:4rem;font-weight:bold;text-align: right}
section.offer_latest ._box .price span {font-size:0.8rem;font-weight:bold;}




.wykladowcy {position:relative;max-width:var(--width);margin:30px auto;}
.wykladowcy-container {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: flex-start;align-items:start;grid-gap:40px}
.wykladowcy-box {position:relative;height:100%;background-color:#eee;border-radius:10px;}
.wykladowcy-info {position:relative;padding:10px;height:100%}
.wykladowcy-title {color:#999;font-size:0.8rem;margin:10px 0 }
.wykladowcy-name {font-weight:bold}
.wykladowcy-skrot {}
.wykladowcy .container-img {position:relative;;width:100%; height:400px;background-position: top;background-repeat: no-repeat;background-size: cover;border-radius:10px 10px 0 0 } 
.wykladowcy a { color:var(--dark-blue);font-weight:bold }
.wykladowcy a:hover {color:var(--grey); text-decoration:none}
.wykladowcy .wykladowcy-box::after {position: absolute;content: '';width:100%; height:100%;top:0; left:0;border-radius:10px;transition: all  ease-in-out 0.4s;color:white; font-size:0}
.wykladowcy .wykladowcy-box:hover::after {position: absolute;content: 'czytaj więcej';width:100%; height:100%;background-color: #00525e70;top:0; left:0;border-radius:10px;display:grid; justify-content: center;align-items: center;color:white;font-size:1.2rem}



.wykladowcy-details-container {position: relative;display: grid;grid-template-columns: 20% 75%;justify-content: flex-start;align-items: flex-start;grid-gap:5%}
.wykladowcy-details-container img {position: relative;max-width:100%}
.wykladowcy-details-container .wykladowcy-info {height:100%; padding:0px 50px}
.wykladowcy-details-container .wykladowcy-name {margin-top:20px}


.partnerzy {position:relative;max-width:var(--width);margin:30px auto;}
.partnerzy-container {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: flex-start;align-items:start;grid-gap:40px}
.partnerzy-box {position:relative;height:100%;background-color:#eee;border-radius:10px;}
.partnerzy-info {position:relative;padding:10px;height:100%}
.partnerzy-details-container {position: relative;display: grid;grid-template-columns: 20% 75%;justify-content: flex-start;align-items: flex-start;grid-gap:5%;margin-bottom:50px}
.partnerzy-details-container img {position: relative;max-width:100%}
.partnerzy-details-container .partnerzy-info {height:100%; padding:0px 50px}
.partnerzy-details-container .partnerzy-name {margin-top:20px}


.certyfikaty {position:relative;max-width:var(--width);margin:0 auto;}
.certyfikaty-container {display:grid;grid-template-columns: 1fr 1fr 1fr ; justify-content: flex-start;align-items:start;grid-gap:40px;width: 80%;margin: 0 auto;}
.certyfikaty-box {position:relative;height:400px;;}
.certyfikaty-details-container {position: relative;display: grid;grid-template-columns: 20% 75%;justify-content: flex-start;align-items: flex-start;grid-gap:5%;margin-bottom:50px}
.certyfikaty .container-img {position: relative;height:100%;background-position: center;background-repeat: no-repeat;background-size: contain;}



.partnerzy-btn {position: relative;width:200px; text-align: center;border:2px solid var(--violet);color:var(--violet); font-size:1rem; border-radius:5px; padding:10px ;margin-top:20px;display:block;text-decoration:none}
.partnerzy-btn:hover {color:white; background-color:var(--violet);text-decoration:none}


footer {background-color: #00525e;position:relative}
footer .footer-box {width:60%;background-color:var(--grey-light);padding:20px;position:relative;top:-35px;display: flex;grid-gap: 20px;justify-content: space-around;align-items: center;margin:0 auto}
footer .footer-box a {color:white; text-decoration:none}
footer .footer-box i {font-size:2rem;vertical-align: middle;margin-right:10px}
footer .footer-container {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;justify-content: flex-start;align-items: flex-start;color:white;grid-gap:20px;margin-top:50px; margin-bottom:50px;width:100%}
footer .footer-container img{max-width:20%}
footer .footer-container .footer-link{color:white;text-decoration: none;font-size:1rem;margin:5px 0 10px 0  ;position: relative;display:block;text-transform: uppercase }
footer .footer-container .footer-date{color:var(--grey-light);text-decoration: none;font-size:0.8rem;margin:5px 0 ;position: relative;display:block}
footer .footer-container .title{font-weight:bold;margin-bottom:30px;font-size:1.4rem}
footer .footer-logo {text-align: center;margin-top: 50px;}
footer .footer-nav {display:flex;grid-gap:20px;justify-content: center;}
footer .footer-nav a{text-decoration:none;color:white;padding:10px}
footer .social-icon{display:block}

hdweb {text-align: center;width:100%;display:block;padding:6px 0;background-color:#05525E}
hdweb a {color:#828282;font-size:0.7rem;text-decoration: none}


.input-shape {background-color:#E9E9E9}
.input-small-shape {background-color:#E9E9E9}
.select-shape {background-color:#E9E9E9}
.textarea-shape {background-color:#E9E9E9;width:100%;height:120px;border:none}

.span-row { grid-column: 3/1;}

#zgoda {width:40px}
#mobile,.hamburger {display:none}
#mobile .mobile-menu    {position:relative; width:100%; text-align:left; margin-top:15%; display:inline-block; z-index:2;left:0%; }
#mobile ul, #mobile li  {list-style:none; padding:0; margin:0; }
#mobile li            {display:inline-block;width:100%;  }
#mobile .menu-item    {font-size:4vw; color:white; padding:10px 5px 10px 40px; text-transform: uppercase;letter-spacing:5px; display:inline-block;font-family: 'Exo', sans-serif;text-decoration:none}
#mobile .menu-item:hover {color:var(--color-hover);}
#mobile .social-box  {display:inline-block; position:absolute; bottom:15%; left: 0%; z-index:2;width: 100%;text-align: center;}
#mobile .pine-icon   {display:inline-block; }
#mobile .pine-icon a {position:relative; color:white; padding:10px 20px; font-size:5vw;}
#mobile {opacity:0; visibility:hidden;width: 100vw;height: 100vh;left: 0;top: 0;background-color: RGBA(0,0,0,0.9);color: #fff;z-index:99;display:block;	position: fixed; transition: opacity .35s, visibility .35s, height .35s;}

.hamburger {display: none !important}	




@media screen and  (max-width : 480px) {
section.mod_offer.template1 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 80% !important}		
section.mod_offer.template2 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 80% !important}		
section.mod_offer.template3 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 80% !important}	
}



@media screen and  (max-width : 720px) {
.open { opacity: 1 !important;    visibility: visible !important;    display: block !important;    overflow: auto;}	
header .grey-box {display: flex;height:auto}	
header .text-grey-box {font-size:0.7rem ;text-align:left;display: grid; width: 100%;justify-content: flex-start;margin-right: 0px;padding:5px 5px 5px 20px;align-self: center;}	
header .social-media {    top: 0px;   position: relative;padding:5px}	
header .shape {display:none}	
header .white-box {   height: auto;}
header .hbox { min-width: unset;grid-column: 1 span;grid-template-columns: 20% 80%;}
header .h-c-b { display:grid;grid-template-columns: 35% 65%;padding:10px;font-size: 0.7rem;}
header .span-col {grid-column: 2 span;display: block;padding: 10px 0;}		
header .white-box .title-page {display:none}	
    
    
  .strona .title_box {      font-size: 2rem;}  
    section.tests .tests-info {  width: 100%; } 
    
    
.logo-mob {max-height:40px;position: absolute;display: block;z-index:10}	
.logo-mob img{max-height:40px;}		
.container {width:100%;margin:0 auto;margin-top:2px !important;}	
.hamburger {display: block !important}	
.blueBox {    width:100%;display:block}
	header .top-header {display: none}	
.topElement {  margin: 0 0px;font-size: 0.9rem;justify-content: flex-start;text-align: left}	
	
.thumb {	font-size: 0.7rem;}	
	
.template-2.box_container {  dishideplay: block;  max-width: 90%;  margin: 0 auto;  grid-gap: 20px;  top: 20px;} 
    
.template-2 .box {flex-basis: 100%}  
    
.box {margin-bottom:10px}    
 #offer_box .offer-box-container {  display: block;     width: 100%;}       
 #offer_box .offer-box {  margin-bottom:10px}       
    
 #about .title {  font-size: 3rem;   }
 #about .about-container {  display: block;  width: 100%;  margin: 60px auto 30px auto;  column-count: 1;   }    
 footer .footer-logo {  text-align: center;  margin-top: 0px;}  
    
 .slider .template2 .slider-box-container {  position: absolute;  top: 20%;  left: 12%;  font-size: 0.8rem;  width: 28%;}  
  .slider .slider-btn {  min-width: 80px;   font-size: 0.8rem;   padding: 10px 20px; margin-top: 20px; }  
  .slider .slider-btn2 {  min-width: 80px;   font-size: 0.8rem;   padding: 10px 20px; margin-top: 20px;display:inline-block }  
    
 .template-1.box_container {  position: relative;  display: block;  max-width: 100%;  margin: 0 auto;  grid-gap: 50px;  top: 0px;}   
   .template-1 .box-subtitle {  font-size: 1.2rem; } 
   .template-1 .box-subsubtitle {  font-size: 1.0rem; } 
   .template-1 .box-text {  font-size: 1.0rem; } 
   .template-1 .box-title {  margin:10px 0  } 
    
    
   .template-1 .box-icon {position: absolute;right: 0;width: 100px;display: inline-block;z-index:0 ;opacity:0.2 ;top:30% }
   .template-1 .box-icon img{max-width:80%  }
    
    #offer_box .title {font-size:2.3rem}
    #offer_box .title::after {    width: 100px;    height: 3px;    left: calc(50% - 50px);}
    
nav {display: none}
.shape_title_red {    padding-left: 0%; transform: skew(0deg);  }
.shape_title_red::before {ransform: skew(0deg);}	
.title_box {font-size: 1.2rem;max-width:100%;transform: skew(0deg);}	
label {	width: 90%;}	
.input-shape-ghost {	width: 100%;}	
	
	
	
.mobile-menu-box {overflow: auto}
.showSubmenu {display:none}
.nav-hover-container-mob {background-color:#333;color:white}
.dropdown-icon-link-mob {font-size: 4vw;color:  white;padding: 5px 5px 5px 50px;text-transform: uppercase;letter-spacing: 0px;display: block;text-decoration: none;}
.dropdown-icon-link-mob:hover {background-color:white;color:#333}
.rozwinMenu {    background-color: white;    color: black;    border-radius: 5px;    padding: 3px;    cursor: pointer;}	
	
	
	
	
section.box.template1  { max-width:100%}	
section.box.template1 ._box { height: 250px; width: 90%; padding: 20px;}	
section.box.template1  a{  width: 90%;}	
section.box.template1 ._box .img-shape { height: 180px;	}	
section.box.template1 ._box .img-shape-bg {	height: 186px;}	
	
	
section.box.template2  { max-width:100%}	
section.box.template2 ._box { height: 250px; width: 90%; padding: 20px;}	
section.box.template2  a{  width: 90%;}	
section.box.template2 ._box .img-shape { height: 180px;	}	
section.box.template2 ._box .img-shape-bg {	height: 186px;}	

	
section.box.template3  { max-width:100%}	
section.box.template3 ._box { height: 250px; width: 90%; padding: 20px;}	
section.box.template3  a{  width: 90%;}	
section.box.template3 ._box .img-shape { height: 180px;	}	
section.box.template3 ._box .img-shape-bg {	height: 186px;}	
	
section.mod_news .news-container { flex-wrap: wrap;}	
section.mod_news ._box { width: 100%;height:500px}	
section.mod_map .map-box { right: 5%;   top: 15%;padding:30px}
section.promo.template1 .left { height: 100%; width: 100%;position: relative;}	
section.promo.template1 .shape { clip-path: none}	
section.promo.template1 .left .text-content { width: 90%;margin: 0  auto;padding: 30px 0;}	
section.promo.template1 .title {font-size: 1.5rem;}
section.promo.template1 .right { position: relative; height: 100%;width: 100%;}	
section.promo.template1 .right .text-content {	width: 90%;margin: 0  auto;padding: 30px 0;}	
section.promo.template2 .left { height: 100%; width: 100%;position: relative;}	
section.promo.template2 .shape { clip-path: none}	
section.promo.template2 .left .text-content { width: 90%;margin: 0  auto;padding: 30px 0;}	
section.promo.template2 .title {font-size: 1.5rem;}
section.promo.template2 .right { position: relative; height: 100%;width: 100%;}	
section.promo.template2 .right .text-content {	width: 90%;margin: 0  auto;padding: 30px 0;}
section.promo.template3 .text-content { padding: 20px;width: 90%;position: relative; margin-left: 0%;}	
section.promo.template3 .title {font-size: 1.5rem;font-weight: bold;}
section.promo.template3 .subtitle {font-size: 1.2rem;font-weight: bold;}
section.promo.template1 {min-height: unset;}	
section.promo.template2 {min-height: unset;}	
section.promo.template3 {min-height: unset;}	
section.promo.template4 {min-height: unset;}	
section.promo.template4 .text-content { padding: 20px;width: calc(100% - 40px);position: relative; margin-left: 0%;}	
section.promo.template4 .title {font-size: 1.5rem;font-weight: bold;}
section.promo.template4 .subtitle {font-size: 1.2rem;font-weight: bold;}
	
section.mod_offer.template1 .offer-container {     max-width: 100%;  column-gap: 0%;}
section.mod_offer.template1 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 40%}		
section.mod_offer.template2 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 40%}		
section.mod_offer.template3 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 40%}		
section.mod_offer.template1 .icon {	height: 150px;background-size: contain;}	
section.mod_offer.template1 .offer-box {	display: block;flex-basis: 100%}		
section.box.template2 { flex-wrap: wrap;}		
section.strona .strona-content {    width: calc(100% - 40px);   padding: 0 20px;   margin-top: 30px;}	
	
section.mod_contact .contact_content {	grid-template-columns: 1fr;}	
section.mod_contact .form-content {   width: 90%;margin: 10px auto;display:block;order:2}	
section.mod_contact .form-content label{   width: 80%;margin: 20px auto;display:block;font-size: 0.8rem;}	
section.mod_contact .form-content .btn-red-small { display: block;margin: 0 auto;}	
section.mod_contact .foto-content .title {	font-size: 1.5rem;}	
section.mod_contact .foto-content .subtitle {	font-size: 1.2rem;}	
section.mod_contact .foto-content .grid-2 {display:block}	
section.mod_search label {width:100%}	
	
	
section.mod_offer.template2 .offer-container {grid-template-columns: 1fr;max-width: 90%;}	
section.box.template3 {	flex-wrap: wrap;width:90%}
	
.slider .slider-box{height:200px;}	
.slider .slider-box-container {right:unset !important;left:10% !important;width:80% !important;top:20% !important;bottom:0%}
.slider .slider-subtitle {font-size: 1rem;}	
.slider .slider-title { 	font-size: 0.8rem;}	
.slider .slider-buttons .slick-arrow i {  font-size: 1rem;}	
.slider .slider-text {	display:none}	

section.mod_search .form-box {grid-template-columns: 1fr;}

section.offer_latest .latest_container {grid-template-columns: 1fr;}
section.offer_latest .latest_container .text{display:none}
section.offer_latest ._box .title {	font-size: 1.2rem;}
section.offer_latest ._box .param {	font-size: 0.8rem;}
section.offer_latest ._box .price {	font-size: 2rem;}
section.offer_latest ._box .lastest_content {   padding-bottom: 40px;position: relative}

	
section.offer_latest	.btn-car {bottom: 3%;right: 5px;left:unset}
	
	
section.mod_contact .foto-content .text-content {   padding: 40px 10px;}	
	
section.mod_search .search-box-shape {-webkit-clip-path: polygon(0% 0%, 0% 85%, 4% 100%, 100% 100%, 100.00% 15%, 96% 0%); clip-path: polygon(0% 0%, 0% 97%, 6% 100%, 100% 100%, 100.00% 3%, 92% 0%);}	
section.offer_latest .large-box-shape {   clip-path: webkit-clip-path: polygon(0% 0%, 0% 80%, 10% 100%, 100% 100%, 100.00% 20%, 90% 0%);
clip-path: polygon(0% 0%, 0% 80%, 10% 100%, 100% 100%, 100.00% 20%, 90% 0%);;width:100%;position: relative;}
section.offer_latest ._box { height: unset;width: 100%;padding: 0 }
	
	
footer .footer-menu-box	{padding:10px}
footer .footer-container {display: block;}
.slick-dots li button::before {	font-size: 1.0rem;}	
.slider .slider-buttons .slick-arrow {   margin-top: 23%;	}
	

section.cars .cars-slider-container {  display:block	;max-width: 100%}
section.cars .img-slider {	height: 250px;}	
section.cars .cars-slider-container-thumb {   display:none}	
section.cars .car-info {padding: 0 20px 20px 20px; font-size: 1rem;}	
section.cars .title-car {	font-size: 1.2rem;}	
section.cars .cars-container {max-width: 100%;   margin: 20px auto;   padding: 20px;}
section.cars .cars-content {   width: 100%;    margin-top: 0px;}
section.cars  .slider-buttons .slick-arrow { margin-top:100px; }	
section.cars  .car-info .contact-box {display:block}
section.cars  .car-info .contact-box a{margin-top:20px;display:block}
.modal-content {width: 90% !important;}	
section.popup .title {font-size: 2rem !important;}	
section.popup .subtitle {font-size: 1.2rem !important;}	
section.popup input {width: 90%  !important;}
	section.popup {    min-height: unset;	}
	

	
.zlote-mysli {	max-width: 90%;}	
section.szkolenia .szkolenia_container {   grid-gap: 10px;   flex-wrap: wrap;}	
section.szkolenia a {   flex-basis: 100%;}	
.szkolenia_details .place_szkolenia {    width: 100%;text-align: left;font-size:1rem}	
.szkolenia_details .date_szkolenia {    width: 100%;text-align: left;font-size:1rem}	
.szkolenia_details i {    padding: 0 10px;}	
.sz_cont {    width: 90%;    margin: 20px auto !important;}	
section.mod_contact .form-content label {	width: 100%;}	
.zlote-mysli .zlote-mysli-title {	font-size: 1.5rem;}	
.wykladowcy-container { display: grid; grid-template-columns: 1fr; justify-content: flex-start;  align-items: start;  grid-gap: 20px;}	
.wykladowcy {padding:0 20px}
.partnerzy-details-container {    display: block;	}
.partnerzy-foto {text-align: center}	
.partnerzy-details-container img {   max-width: 90%;   margin: 0 auto;}	
.partnerzy-details-container .partnerzy-info {    padding: 0px 20px;}
.certyfikaty-container {display: block;	}
	section.mod_contact .foto-content {    min-height:unset;	}
.szkolenia_details .price_szkolenia {   font-size: 1.8rem;}	
#mix-wrapper {	display: grid;}	
    
    
    .hideMob {display:none}
    
    
  section.mod_contact.form-content .contact_content {	display:block;width:90%;margin:0 auto}

section.mod_contact .title{ position:relative;text-align:center;font-size:1.2rem;font-family: 'Courgette', cursive;;color:var(--dark-blue)}
section.mod_contact .title::after{ content:"";position:absolute;width:100px; background-color:orange;height:2px;bottom:0;left:calc(50% - 50px)}

  
  .wykladowcy-details-container {  display: grid;  grid-template-columns: 1fr;  grid-gap: 0;}  
  .wykladowcy-foto img {  display: none}  
  .wykladowcy-foto  {  height:120px;background-size: 60% auto;width: 100%;background-position: center;background-repeat: no-repeat;}  
    
    .wykladowcy.mt-5 {margin-top:20px} 
    .wykladowcy-info {padding:0 !important}
    .wykladowcy {display: inline-block;}
    
    
    
}



@media screen and  (min-width : 720px)and  (max-width : 990px) {

header .shape {width: 200px;}	
header .h-c-b {margin: 0 0 0 auto;max-width:70%}
header .h-c-b .btn-red{width:150px}
header .hbox{min-width: 34%;}
header .white-box .title-page {display:none}	
.container {width:100%;margin:0 auto;margin-top:2px !important;}	
section.box.template1 ._box { height: 200px; width: 250px; padding: 20px;}	
section.box.template1 ._box .img-shape { height: 150px;	}	
section.box.template1 ._box .img-shape-bg {	height: 156px;}	
	
section.box.template2 ._box { height: 200px; width: 250px; padding: 20px;}	
section.box.template2 ._box .img-shape { height: 150px;	}	
section.box.template2 ._box .img-shape-bg {	height: 156px;}	
	
section.box.template3 ._box { height: 200px; width: 250px; padding: 20px;}	
section.box.template3 ._box .img-shape { height: 150px;	}	
section.box.template3 ._box .img-shape-bg {	height: 156px;}		
	
section.mod_news .news-container { flex-wrap: wrap;}	
section.mod_news ._box { width: 100%;height:500px;flex-basis: 45%;}	
section.mod_map .map-box { right: 5%;   top: 15%;padding:30px}
section.promo.template1 .left { height: 100%; width: 100%;position: relative;}	
section.promo.template1 .shape { clip-path: none}	
section.promo.template1 .left .text-content { width: 90%;margin: 0  auto;padding: 30px 0;}	
section.promo.template1 .title {font-size: 1.5rem;}
section.promo.template1 .right { position: relative; height: 100%;width: 100%;}	
section.promo.template1 .right .text-content {	width: 90%;margin: 0  auto;padding: 30px 0;}	
section.promo.template2 .left { height: 100%; width: 100%;position: relative;}	
section.promo.template2 .shape { clip-path: none}	
section.promo.template2 .left .text-content { width: 90%;margin: 0  auto;padding: 30px 0;}	
section.promo.template2 .title {font-size: 1.5rem;}
section.promo.template2 .right { position: relative; height: 100%;width: 100%;}	
section.promo.template2 .right .text-content {	width: 90%;margin: 0  auto;padding: 30px 0;}
section.promo.template3 .text-content { padding: 20px;width: 90%;position: relative; margin-left: 0%;}	
section.promo.template3 .title {font-size: 1.5rem;font-weight: bold;}
section.promo.template3 .subtitle {font-size: 1.2rem;font-weight: bold;}
section.promo.template4 {min-height: unset;}	
section.promo.template4 .text-content { padding: 20px;width: 90%;position: relative; margin-left: 0%;}	
section.promo.template4 .title {font-size: 1.5rem;font-weight: bold;}
section.promo.template4 .subtitle {font-size: 1.2rem;font-weight: bold;}
section.promo.template3 {min-height: unset;}
section.promo.template2 {min-height: unset;}
section.promo.template1 {min-height: unset;}
	
	
section.mod_offer.template1 .offer-container {  max-width: 100%;  column-gap: 0%;}
section.mod_offer.template2 .offer-container {  max-width: 100%;  column-gap: 0%;}
section.mod_offer.template3 .offer-container {  max-width: 100%;  column-gap: 0%;}
section.mod_offer.template1 .icon {	height: 150px;background-size: contain;}	
section.mod_offer.template1 .offer-box {	display: block;}		
section.box.template2 { flex-wrap: wrap;}		
section.strona .strona-content {    width: calc(100% - 40px);   padding: 0 20px;   margin-top: 30px;}	
	
	
section.mod_offer.template1 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 30%}		
section.mod_offer.template2 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 30%}		
section.mod_offer.template3 .offer-box {    margin: 30px 0;padding:0 10px;flex-basis: 30%}		
	
	
section.mod_contact .contact_content {	grid-template-columns: 1fr;}	
section.mod_contact .form-content {   width: 100%;margin: 50px auto;display:block}	
section.mod_contact .form-content label{   width: 80%;margin: 20px auto;display:block;font-size: 0.8rem;}	
section.mod_contact .form-content .btn-red-small { display: block;margin: 0 auto;}	
section.mod_contact .foto-content .title {	font-size: 1.5rem;}	
section.mod_contact .foto-content .subtitle {	font-size: 1.2rem;}	
section.mod_contact .foto-content .grid-2 {display:block}	
section.mod_search label {width:100%}	
	
	

	
.slider .slider-box{height:300px;}	
.slider .slider-box-container {right:unset !important;left:20% !important;width:60% !important}
.slider .slider-subtitle {font-size: 1rem;}	
.slider .slider-title { 	font-size: 0.8rem;}	
.slider .slider-buttons .slick-arrow i {  font-size: 1rem;}	
.slider .slider-text {	display:none}	

section.mod_search .form-box {grid-template-columns: 1fr;}

section.offer_latest .latest_container {grid-template-columns: 1fr;}
section.offer_latest .latest_container .text{display:none}
section.offer_latest ._box .title {	font-size: 1.2rem;}
section.offer_latest ._box .param {	font-size: 0.8rem;}
section.offer_latest ._box .price {	font-size: 2rem;}
section.offer_latest ._box .lastest_content {    padding: 10px;position: relative}
	
section.mod_contact .foto-content .text-content {   padding: 40px 10px;}	
	
section.mod_search .search-box-shape {-webkit-clip-path: polygon(0% 0%, 0% 85%, 4% 100%, 100% 100%, 100.00% 15%, 96% 0%); clip-path: polygon(0% 0%, 0% 97%, 6% 100%, 100% 100%, 100.00% 3%, 92% 0%);}	
section.offer_latest .large-box-shape {   clip-path: webkit-clip-path: polygon(0% 0%, 0% 80%, 10% 100%, 100% 100%, 100.00% 20%, 90% 0%);
clip-path: polygon(0% 0%, 0% 80%, 10% 100%, 100% 100%, 100.00% 20%, 90% 0%);;width:100%;position: relative;}
section.offer_latest ._box { height: unset;width: 100%;padding: 0 }
	
	
footer .footer-menu-box	{padding:10px}
footer .footer-container {}
.slick-dots li button::before {	font-size: 1.0rem;}	
.slider .slider-buttons .slick-arrow {   margin-top: 15%;	}	
	
	
section.cars .cars-slider-container {  display:block	;max-width: 100%}
section.cars .img-slider {	height: 350px;}	
section.cars .cars-slider-container-thumb {   display:none}	
section.cars .car-info {padding: 0 20px 20px 20px; font-size: 1rem;}	
section.cars .title-car {	font-size: 1.2rem;}	
section.cars .cars-container {max-width: 100%;   margin: 20px auto;   padding: 20px;}
section.cars .cars-content {   width: 100%;    margin-top: 0px;}
	
section.cars  .slider-buttons .slick-arrow { margin-top:150px; }		
	
}










@media screen and  (min-width : 990px)and  (max-width : 1360px) {
header .shape {width: 200px;}	
header .h-c-b {margin: 0 0 0 auto;max-width:70%}
header .h-c-b .btn-red{width:150px}
header .hbox{min-width: 34%;}
header .white-box .title-page {display:none}	
.container {width:100%;margin:0 auto;margin-top:2px !important;}		

	
.slider .slider-box{height:400px;}	
.slider .slider-box-container {right:unset !important;left:5% !important;width:60% !important}
.slider .slider-subtitle {font-size: 1rem;}	
.slider .slider-title { 	font-size: 2.2rem;}	
.slider .slider-buttons .slick-arrow i {  font-size: 1rem;}	
	
section.offer_latest .latest_container {grid-template-columns: 1fr;}
section.offer_latest ._box .title {	font-size: 1.2rem;}
section.offer_latest ._box .param {	font-size: 0.8rem;}
section.offer_latest ._box .price {	font-size: 2rem;}
section.offer_latest ._box .lastest_content {    padding: 10px;position: relative}	
section.offer_latest ._box {height: 200px;}	
	
section.mod_contact .form-content { width: 85%; grid-gap: 20px; margin: 0 5% 0 auto;}	
section.mod_contact .form-content .btn-red-small{width:unset}	
section.mod_offer.template1 .offer-container {    max-width: 90%;padding-top: 3rem;	}
section.mod_offer.template2 .offer-container {    max-width: 90%;padding-top: 3rem;	}
section.mod_offer.template3 .offer-container {    max-width: 90%;padding-top: 3rem;	}
	
section.mod_news ._box { width: 100%;height:500px;flex-basis: 30%;}		
	
	
.large-box-shape { -webkit-clip-path: polygon(0% 0%, 0% 85%, 15% 100%, 100% 100%, 100.00% 20%, 90% 0%); clip-path: polygon(0% 0%, 0% 85%, 15% 100%, 100% 100%, 100.00% 15%, 95% 0%);}	
	
section.promo.template2 .left .text-content {width: 70%;}	
section.promo.template2 .right .text-content { width: 65%; margin: 0 auto;    margin-left: auto; position: relative; height: 100%; margin-left: 30%;}	
.template-1.box_container {  max-width: 90%;}	
}


@media screen and  (min-width : 1360px)and  (max-width : 1920px) {

    
  
    
header .shape {width: 200px;}	
section.strona {padding:50px}
.zlote-mysli { 	max-width: 80%;}	
.wykladowcy-container {    width: 90%;   margin: 0 auto;}	
.wykladowcy {    width: 90%;   margin: 0 auto;}	
.partnerzy {    width: 90%;   margin: 30px auto;}	
.sz_cont {    width: 70%;   margin: 30px auto;}	
.blueBox {width: 100%;}	
header .white-box .title-page {display:none}	
.container {width:100%;margin:0 auto;margin-top:2px !important;}
.box_container {   max-width: 1240px;}
 section.team {  max-width: 90%;}   
 section.tests {  max-width: 90%;}   
 section.tests-details {  max-width: 90%;}   
 section.tests-details {  max-width: 90%;}   
    
#offer_box .offer-box-container {  width: 95%;  grid-gap: 30px;}    
#offer_box .offer-box .offer-title {  font-size: 1.4rem;}
    
    
section.box.template1 {    max-width: 80%;	}
section.box.template2 {    max-width: 90%;	}
section.box.template3 {    max-width: 80%;	}
section.mod_contact .form-content {    width: 90%;margin-left:50px	}
section.szkolenia_details .form-content {    width: 100%;	}
	
	button.btn-red-small {margin: 0 0 0 auto;}	
	
section.mod_offer.template1 .offer-container {    max-width: 90%;padding-top: 5rem;	}
section.mod_offer.template2 .offer-container {    max-width: 90%;padding-top: 5rem;	}
section.mod_offer.template3 .offer-container {    max-width: 90%;padding-top: 5rem;	}
	
.slider .template1 .slider-box-container { left: 10%;  width: 50%; }  
.slider .template2 .slider-box-container { left: 10%;  width: 50%; }  
.slider .template3 .slider-box-container { left: 10%;  width: 50%; }  

	
section.offer_latest ._box .price {font-size: 2.5rem;}	
section.offer_latest ._box .title {font-size: 1.5rem;}	

}




@media screen and  (min-width : 1024px)and  (max-width : 1360px) {
    
 nav li a.menu-item {color:var(--text);transition:all 0.3s;text-decoration: none; height:100%;padding:5px 10px;font-size:0.8rem;}   
    
 header .white-box {  padding: 0 10px;}   
    
}

@media screen and  (min-width : 721px)and  (max-width : 1023px) {
    
 nav li a.menu-item {color:var(--text);transition:all 0.3s;text-decoration: none; height:100%;padding:5px 5px;font-size:0.8rem;}   
    
    
    
}