/*
style.css v3
*/
@import url("_style_support.css");
@import url("https://use.fontawesome.com/519a702474.css");
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@400;600&display=swap');
@media all {
    :root {
        --mark1: #73b21a;
        --font_main: 'Montserrat', sans-serif;
        --font-fancy: 'Great Vibes', cursive;
    }
body {
font-family: var(--font_main);font-size:16px;line-height: 26px;
color:#333;background: #fff;margin: 0px;padding: 0px;
}
.body { width: 100%;margin: 0px;float:left; }
article, section, aside, hgroup, nav, header, footer, figure, figcaption, ul, div, form, input, select, textarea, main {display: block;margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input, select, textarea {display: block;margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: var(--font_main);padding:10px;float:left;border: solid 1px #2f2f2f;border-radius: 3px;}
ul ul { padding-left:20px;}
ul { list-style: inside;}
table tr td { vertical-align: top;}
img, a img {max-width:100%;height: auto;border:0;}
.clear { font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;clear: both;height: 0px; }
mark, .mark {color:red;background:transparent;}
iframe, embed {max-width:100%;}
a { color: #f9b707;text-decoration: none;cursor: pointer;transition: 0.4s all;}
a:hover { color: #272727;text-decoration:none;}
.all {width:100%;margin:0px auto;}
.center {width:100%;max-width:1400px;margin:0px auto;}
header {
    width:100%;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background: #2f2f2f; 
    background-size: cover; 
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;    
}
header .header_top {float:left;width:100%;border-bottom:solid 1px #ccc;}
header .header_top .login {float:right;margin:14px 0px 0px 0px;}
header .header_top .right_shop {float:right;margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}
header .header_top .right_shop .lang {float:left;width:100%;}
header .header_top .right_shop .currency {float:left;width:100%;}
.icon {color: #f9b707;margin: 0px 10px 0px 0px;}
.icon1{}
header .text1 {float:left;width:100%;background:#272727;color:#fff;padding:10px 0px;}
header .text1 .text {float: left;margin:0px 0px 0px 0px; width: 100%;}
header .text1 .text p {margin:0;padding:0;}
header .text1 .text p:first-child {float:left;}
header .text1 .text p:last-child {float:right;text-align:right;}
header .text1 .text a {color:#fff;}
header .text1 .text svg {color:#f9b707;margin: 0px 5px 0px 5px;}
header .text1 .text a svg {color:#fff;margin: 6px 0px 0px 10px;}
header .text1 .text a svg:hover {color: #f9b707;}
header .text1 .text a:hover { color: #f9b707;}
header .logo {float: left;margin: 10px 0px 10px 0px;}
header .nav_bar {
    background-image: linear-gradient(to bottom, #272727, #272727, #272727f1, #272727bd, #27272733); 
    backdrop-filter: blur(5px) saturate(150%);
    -webkit-backdrop-filter: blur(5px) saturate(150%);
    
}

.search {width:300px;float: right;margin: 10px 0px 0px 0px;}
.search input {width:100%;background:url(img/szukaj.png) no-repeat right;}
nav.cssmenu ul,nav.cssmenu li,nav.cssmenu span,nav.cssmenu a {margin: 0;padding: 0;position: relative;}
nav.cssmenu {margin: 9px 0px 0px 0px;float: right; text-transform: uppercase;
}
nav.cssmenu:after,nav.cssmenu ul:after {content: '';display: block;clear: both;}
nav.cssmenu a {display: inline-block;}
nav.cssmenu ul { list-style: none;}
nav.cssmenu > ul { margin: 0px;float:left;list-style: none;}
nav.cssmenu > ul > li { float: left;text-align:left;}
nav.cssmenu > ul > li.has-sub {background:url(img/menup.png) no-repeat right center;}
nav.cssmenu > ul > li > a {
margin: 0px;padding: 10px 15px;text-decoration: none;color: #fff;font-size: 15px;font-weight:400;}
nav.cssmenu > ul > li:last-child {margin-right:0;}
nav.cssmenu > ul > li:last-child > a {padding-right: 0;}
nav.cssmenu > ul > li:first-child > a {	padding-left:0;	}
nav.cssmenu > ul > li:hover > a, nav.cssmenu > ul > li.active > a {
color:#f9b707;}
nav.cssmenu > ul > li:hover:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
nav.cssmenu > ul > li.active:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0; margin-left: -10px;}
nav.cssmenu .has-sub {z-index:1000;}
nav.cssmenu .has-sub:hover > ul {display: block;}
nav.cssmenu .has-sub ul { display: none;position: absolute;width: 210px;padding:20px 10px;top: 100%;left: 0;background: #272727;}
nav.cssmenu .has-sub ul li {}
nav.cssmenu .has-sub ul li:last-child a { border-radius:0px 0px 5px 5px;}
nav.cssmenu .has-sub ul li a { background: #272727;filter: none;font-size: 15px;display: block;line-height: 120%;padding: 10px;color: #fff;}
nav.cssmenu .has-sub ul li.has-sub a { background:#272727 url(img/menup2.png) no-repeat right center;}
nav.cssmenu .has-sub ul li:hover a { color:#f9b707;}
nav.cssmenu .has-sub ul li.active a { color:#f9b707;}
nav.cssmenu .has-sub .has-sub:hover > ul { display: block;border:none; }
nav.cssmenu .has-sub .has-sub ul { display: none;position: absolute;left: 100%;top: 0;}
nav.cssmenu .has-sub .has-sub ul li a { background: #272727;color:#fff;font-weight:normal;}
nav.cssmenu .has-sub .has-sub ul li a:hover {color:#f9b707;background: #272727;}
nav.cssmenu .has-sub .has-sub ul li.active a { font-weight:bold;color:#f9b707;background: #272727;}
.open_menu {display:none;position: absolute;top: 10px;right: 10px; cursor:pointer; }
.open_menu img {float:left;height:40px;}
.open_menu.v2 {margin:15px 0px 0px 0px;position: static;float:right;text-align:center;cursor:pointer;padding:8px 20px;background: #f9b707;color:#fff;font-size:16px;border-radius: 4px;}
nav.menu_mobile { display:none; float:left;width: 100%; padding: 0px 0%;background: #272727; }
nav.menu_mobile ul { position:relative;z-index:100; margin:0;padding:0;}
nav.menu_mobile ul li { float:left;width:100%;padding:10px;list-style:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
nav.menu_mobile ul li a:hover {text-decoration:underline;}
nav.menu_mobile ul li a {color:#fff; font-size: 19px; line-height: 30px;font-weight:300;display:block;}
nav.menu_mobile ul li.active, nav.menu_mobile ul li:hover {background:#f9b707;text-decoration:underline;}
nav.menu_mobile ul li ul { padding-left: 10px; }
.extra_img {}
.extra_img_home {text-align:center;}
.slider_one_img { width:100%; }
.slider_one_img img{width:100%;}
.slider_opis {width: 100%;position: relative;margin-top: -55px;padding: 10px 20px;background: black;opacity: 0.8;color: white;bottom: 0;float: left;}
.slider_opis a {color:white;} .slider_opis a:hover {color:white;text-decoration:underline;}
.left {	float:left; }.right { float:right; }
header .center.hero {
    flex-grow: 1;   
    align-items: center;
    justify-content: flex-start;
    display: flex;
}
.centertext {padding:0px 0;width: 50%; min-width: 600px;}
.centertext .firsttext {
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 48px;
    line-height: 100%;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
    background: url(img/brtop.jpg) no-repeat center top;
}
.centertext .secondtext {
    width:100%;
    color:#fff;
    text-align:left;
    font-weight: 400;
    font-size: 62px;
    padding: 15px 0px 15px 0;
    line-height: 130%;
    font-family: var(--font-fancy);

}
.centertext .secondtext p{margin:0;padding:0;}
.centertext .projects {
    padding: 15px 0px 0px 0px;
    display: flex;
}
.centertext .projects a {
    
    padding: 20px 40px;
    background: #f8b606;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 4px;
}
.centertext .projects a:hover{background:#000;}
main {width:100%;max-width:1400px;	margin: 0px auto;	padding: 0px 0px 20px 0px;	clear: both;	height: auto;}
main section.long { width: 75%; margin:0px 0px 0px 0px;padding:0px 0px 0px 2%;}
main aside.menu { width:25%; margin:10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
main section.long.full {width:100%;max-width:1400px;padding:0;}
main section.long .text_box_contact {width:49%;float:left;margin-right:2%;}
main section.long .text_box_form {width:48%;float:left;}
main section.long .contact_bottom {width:100%;float:left;margin:15px 0px 0px 0px;}
.whereami {clear:both;padding: 3px 0px;font-size:11px;display: none;}
.whereami a {margin: 0 2px;}
main h3 {position: relative; margin-left: 16px; font-size: 28px;}
main h3::after {content:''; position: absolute; left: -20px; height: 100%; width: 8px; background-color: var(--mark1);}
main h3.contact::after {display: none;}
main h1, main h3.contact {font-size: 32px;font-weight: 500;margin: 40px 0px 20px 0px;padding: 30px 0px 20px 0px;color: #000;line-height: 110%;text-transform: uppercase;text-align: center;background: url(img/brtop1.jpg) no-repeat center top;}
main h2, main h4 {font-size: 18px;	margin: 10px 0px 0px 0px;padding: 0px 0px 5px 0px;font-weight: 300; }
main aside.menu .box {width: 100%;float: left;clear: both;margin: 0px 0px 20px 0px;padding: 0px;}
main aside.menu .box p {clear: both;float: left;margin: 5px 0px;line-height: 20px;}
main aside.menu .h3{font-size: 22px;margin: 0px 0px 10px 0px;padding: 8px 10px;font-weight: 300;color: #fff;background-color: #000; }
main aside.menu ul {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:5px 0px 5px 0px;padding: 0px;width: 100%;float: left;clear:both;}
main aside.menu ul li { float: left;clear: both;margin: 0px;width: 100%;list-style: disc;list-style-position:inside;line-height: 22px;}
main aside.menu ul li.noactive { display:none; }
main aside.menu ul li a {color:  #000;font-weight: 300;}
main aside.menu ul li a:hover, main aside.menu ul li a.active {color: #272727;}
main aside.menu ul ul {padding-left:10px;}
table.table_home {width:100%;}
table.table_home td {vertical-align:middle}
table.table_home td:first-child {width:310px;text-align:left;}
table.table_home td:last-child {width:calc(100% - 310px);}
.downtext {float: left;width: 100%;background: #f6f6f7;}
.downtext .lefttext {float: left;width: 50%;text-align: justify;font-size: 20px;font-weight: 300;padding: 0px 15px 0px 0px;}
.downtext .lefttext h1 {font-size: 32px;margin: 40px 0px 20px 0px;padding: 30px 0px 20px 0px;color: #000;line-height: 110%;text-transform: uppercase;text-align: left;background: url(img/brtop1.jpg) no-repeat left top;}
.downtext .lefttext a {padding: 20px 40px;background: #f8b606;color: #fff;float: left;margin: 0px 0px 20px 0px;font-size: 17px;text-transform: uppercase;border-radius: 4px;}
.downtext .lefttext a:hover {background: #000;}
.downtext .righttext {float: left;width: 50%;   padding: 40px 0px 40px 0px;}
.downtext .righttext img{float:right;}
.rwd2kafelki {float:left;width:100%;perspective: 800px;}
.rwd2kafelki .kafel {float: left;margin: 0px;padding: 0px;position: relative;overflow:hidden;width: calc(100% / 4);height: 330px;}
.rwd2kafelki .kafel .flip {  -webkit-perspective: 800;   width: 100%;height:330px;position: relative;margin: 0px auto;}
.rwd2kafelki .kafel:hover .flip .card {  -webkit-transform: rotatex(-180deg);}
.rwd2kafelki .kafel .flip .card {  width: 100%;  height: 100%;  -webkit-transform-style: preserve-3d;  -webkit-transition: 0.8s;}
.rwd2kafelki .kafel .flip .card .face {  width: 100%;  height: 100%;  position: absolute;  -webkit-backface-visibility: hidden ;  z-index: 2;font-size: 12px;text-align: center;overflow:hidden;}
.rwd2kafelki .kafel .flip .card .front {position: absolute;  z-index: 1;}
.rwd2kafelki .kafel .flip .card .front span {color:#fff;font-size:18px;		display:block;display:flex;justify-content:center;align-items:center;	position: Absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);}
.rwd2kafelki .kafel .flip .card .back {  -webkit-transform: rotatex(-180deg);}
.rwd2kafelki .kafel .flip .card .back a:hover {color:#fff;}
.rwd2kafelki .kafel .flip .card .back span {color:#fff;font-size:18px;		display:block;display:flex;justify-content:center;align-items:center;	position: Absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.75);}

.div_footer {float: left;width: 100%;}
.div_footer .div_map{float: left;width: calc(100% - 450px);}
.div_footer .div_map iframe {float:left;}
.div_footer .div_contact{float: right;width: 450px;padding: 0px 0px 0px 30px;}
.div_footer .div_contact h1{font-size: 32px;margin: 40px 0px 0px 10px;padding: 30px 0px 20px 0px;color: #000;line-height: 110%;text-transform: uppercase;text-align: left;background: url(img/brtop1.jpg) no-repeat left top;}
.div_footer .div_contact .div_table1{float: left;width: 100%;}
.div_footer .div_contact .div_table1 table{float: left;width: 100%;}
.div_footer .div_contact .div_table1 table tr{}
.div_footer .div_contact .div_table1 table tr td{float: left;width: 100%;vertical-align: middle;}
.div_footer .div_contact .div_table1 table tr td p {line-height: 33px;}
.div_footer .div_contact .div_table1 table tr td svg{color: #f9b707;padding: 0px 10px 0px 0px;font-size: 21px;line-height: 35px;}
.div_footer .div_contact .div_table1 table tr td a{color: #333;}
.div_footer .div_contact .div_table1 table tr td a:hover{color: #f9b707;}


.mini_g {width:33.333%; padding:1%;float:left;}
.mini_g div {float:left;width:100%;}
.mini_g div a {text-decoration:none;color:#000;font-weight:500;}
.mini_g div img {float:left;width:100%;}
.mini_g div span {float:left;width:100%;display:block;text-align:center;line-height: 130%;}
.box_photo { float: left;width: 25%;margin: 10px 0 0px 0%;padding:2%;text-align: center;font-size: 12px;line-height: 13px; }
.box_photo_photo {width: 100%;}
.box_photo_photo img {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.box_photo_photo img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.galeria_list_clear4 {display:block;}.galeria_list_clear3 {display:none;}.galeria_list_clear2 {display:none;}
.main_art { display: flex; justify-content: center; column-gap: 30px; row-gap: 30px; flex-wrap: wrap;}
article.article { width: 30%;float:left;padding: 0 10px;margin-bottom:20px;display:none;}
.main_art article.article {flex-grow: 1; float: none; min-width: 300px;}
article.article h4 {font-weight:bold;margin:0px;padding:0px;font-size: 1.5em;font-weight: bold; text-align: center; min-height: 3em; display: flex; align-items: center; justify-content: center;}
article.article h4 a {color: #000;font-weight: 400;}
article.article .txt {font-weight: 300;}
article.article .txt p{margin:10px 0px 0px 0px;color: #6b6b6b;}
article.article .l_img { width:100%;text-align:center;}
article.article .l_img img {}
article.article .r_desc { width:100%; text-align: justify;}
article.article .more { float:right; margin:5px 0px 0px 0px;}
article.article .more a{color: #000;}
article.box_produkt { width: 100%;float:left;padding:0;margin-bottom:20px;}
article.box_produkt h4 {font-weight:bold;margin:0px;padding:0px;font-size: 120%;font-weight: bold; text-align: center;}
article.box_produkt h4 a {}
article.box_produkt h4 span.price {float:right;}
article.box_produkt .l_img { width:20%;float:left;padding: 1%;text-align:center;}
article.box_produkt .l_img img {}
article.box_produkt .r_desc { width:100%;}
article.box_produkt .more { float:right;	margin:10px 0px 0px 0px;}
.p_slider {float: left;width: 300px;padding: 10px 10px 0 0;text-align:center;}
h1 span.price {float:right;font-size:12px;}
.p_buy {float:left;width:100%;margin:0 0 10px 0;}
footer {padding:5px 0px 5px 0px;width: 100%;margin: 0px auto 0px auto;clear: both;font-size:12px;background: #272727;color: #fff;bottom:0;}
/*
footer a {color:#ccc;}
footer a:hover {color:#fff;}
*/
footer .cookie_info_footer {float:left;width:100%;font-size:11px;}
.stopka_l {float:left;font-size:11px;}
.stopka_r {float:right;font-size:11px;}
footer ul {}
footer ul li { display:inline;margin-right:15px;}
footer ul li:last-child {margin-right:0;}
footer ul li a {font-size: 12px;}
footer .licznik {}
footer .f_info table tr{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 50px;
}
footer .f_info table tr td {
    width: 45%;
    flex-grow: 1;
    min-width: 600px;
    transition: 0.3s;
}
footer .f_info table tr td a:hover {
    color: var(--mark1);
    transition: 0.3s;
}
footer .f_info table tr td h3{position: relative; margin-left: 16px; font-size: 24px;}
footer .f_info table tr td h3::after {content:''; position: absolute; left: -20px; height: 100%; width: 8px; background-color: var(--mark1);}
footer .f_info table tr td svg {
    color: #f9b707;
    font-size: 24px;
    margin-right: 20px;
    transition: 0.3s;
}
footer .f_info table tr td svg:hover {
    color: var(--mark1);
    transition: 0.3s;
}

form {float:left;width:100%;}
form.short {float:none;margin:auto;width:100%;max-width:600px;}
input[type=submit], input[type=button] {width:auto;margin:auto;float:none;clear:both;cursor:pointer;padding: 10px 25px;background: #f8b606;color: #fff;font-size: 17px;text-transform: uppercase;border-radius: 4px;transition:0.4s all;border:solid 1px #ccc;}
input[type=submit]:hover, input[type=button]:hover {background: #000;}
form div.line input.short, form div.line_desc input.short {width:auto;min-width:200px;}
div.line {float:left;width:100%;margin:5px 0;}
div.line input[type=checkbox], div.line input[type=radio] {width:auto;margin:10px 0px 10px 0px;}
div.line div.desc2 {float:left;margin:4px 10px 4px 10px;}
form div.line input, form div.line select, div.line textarea {width:100%;}
form div.line .input50 {width:49.5%;}
form div.line .input33 {width:33%;}
form div.line .input33.input_center {margin:0px 0.3%;}
form div.line_desc {float:left;width:100%;margin:5px 0;}
form div.line_desc input, form div.line_desc select, div.line_desc textarea {width:70%;}
form div.line_desc div.desc {width:30%;float:left;text-align:right;padding: 10px 2% 0;}
form div.line_desc input[type=checkbox], form div.line_desc input[type=radio] {width:auto;margin:10px 0px 10px 0px;}
form div.line_desc div.desc2 {float:left;margin:8px 10px 10px 10px;}
form div.line_desc div.group {float:left;width:70%;}
form div.line_desc div.group input, form div.line_desc div.group select, form div.line_desc div.group textarea {clear:left;}
form div.line_desc .input33 {width:33%;float:left;clear:none !important;}
form div.line_desc .input33.input_center {margin:0px 0.3%;}
form div.info_short {float:right;clear:left;width:70%;border:solid 1px #ccc;padding:5px;margin: 5px 0;}
form div.info_long{float:left;width:100%;border:solid 1px #ccc;padding:5px;margin: 5px 0;}
form div.line_desc.contact_rodo div {float:left;width:calc(100% - 20px);margin:7px 0px 10px 0px;font-size: 11px;line-height: 14px;}	
form div.line_desc.contact_rodo input[type=checkbox] {float:left;width:20px;margin:8px 0px 10px 0px;}	
.news {margin:10px 0px;}
.news p{margin:0px;padding:0px;}
.ads { width:100%;max-width:1400px;text-align:center;margin:20px auto; }.ramka_prawa { position:fixed; right:0;top:90px; }.ramka_lewa { position:fixed; left:0;top:90px; }
div.page {float:right;}
div.page a {float:left;padding:2px 10px 2px 10px;border:solid 1px #fff;font-size: 15px;margin-left:5px;}
div.page a:hover {color:#f9b707;border:solid 1px #D8D8D8;}
div.nastepna, div.page_nastepna {background:#FFF;text-align: center;margin:22px 0;padding: 5px 0;border:solid 1px #D8D8D8;}
div.page a.strona_active {color:#f9b707;border:solid 1px #D8D8D8;}
.onlymobile {display:none;}
}
@media (max-width: 1400px) {
.rwd2kafelki .kafel {height: 220px;transition:1s all;}
.rwd2kafelki .kafel .flip {height: 220px;}
}
@media (max-width: 1420px) {
.center, main {padding:0 1%;}
footer {padding:0 1%;}
main section.long.full {margin: 0 50px; width: calc(100% - 100px);}
}
@media (max-width: 1400px) {
.onlyhd {display:none;}
.box_photo{width:33.333%;}
.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:block;}.galeria_list_clear2 {display:none;}
}
@media (max-width: 1000px) {
.centertext .firsttext {margin:50px 0px 0px 0px;}
.centertext .projects {padding: 30px 0px 50px 0px;}
header .logo {margin:15px 0px 10px 0px;}
.open_menu {display:block; }
nav.cssmenu {display:none;}
nav.cssmenu_mobile { display:block; margin-top:13px; }
.onlymobile {display:block;}
.search {float:left;width:100%;margin:10px 0 0px 0;}
.centertext {padding: 80px 0;}
main section.long {width:100%;padding:0;}
main aside.menu {display:none;}
.downtext .righttext {width:100%;text-align:center;padding:20px 0 30px 0;transform: initial !important;}
.downtext .righttext img {float:none;}
.downtext .lefttext {width:100%;padding:0px;}
.rwd2kafelki .kafel {width:50%;height: 330px;}
.rwd2kafelki .kafel .flip {height: 330px;}
main section.long .text_box_contact { width:100%;margin:0;}
main section.long .text_box_form {width:100%;margin-top:10px;}
.stopka_l {float:left;width:100%;}
.stopka_r {float:left;width:100%;}
footer ul li { display:block;float:left;margin-right:15px;}
}
@media (max-width: 918px) {
.div_footer .div_map {width:100%;}
.div_footer .div_contact {width: 100%;padding: 0px 0px 30px 0px;}
}	
	
@media (max-width: 900px) {

table.table_home td {width:100%;float:left;display:block;}
table.table_home td:first-child {width:100%;text-align:center;}
table.table_home td:last-child {width:100%;}
article.article .txt {text-align: justify;}
article.article {width:100%;}
article.article .l_img { width:100%;padding:0;}
article.article .r_desc { width:100%;padding:0;}
article.box_produkt .l_img { width:40%;}
article.box_produkt .r_desc { width:60%;}
form div.line_desc input, form div.line_desc form select, div.line_desc textarea {width:100%;}
form div.line_desc div.desc {width:100%;text-align:left;padding: 10px 0px 10px 0px;}
form div.line_desc div.group {width:100%;}
form div.info_short {width:100%;}
}
@media (max-width: 850px) {
.centertext .firsttext {font-size:70px;}
.centertext .secondtext {font-size: 48px;}
}
@media (max-width: 800px) {
header .text1 .text p:first-child {float:left;width:100%;text-align:center;}
header .text1 .text p:last-child {float:left;width:100%;text-align:center;}

header .header_top .login {float:left;}
.mini_g {width: 50%;}
}
@media (max-width: 750px) {
.rwd2kafelki .kafel {height: 200px;}
.rwd2kafelki .kafel .flip {height: 200px;}
footer .f_info table tr td {min-width: unset;}
.centertext {min-width: unset; width: 100%;}
}
@media (max-width: 600px) {
    header .center.hero {
        width: 100%;
        min-width: unset;
    }
    .centertext .projects {        
        justify-content: center;
    }
    .centertext .secondtext {text-align: center;}
    main section.long.full {margin: 0 20px; width: calc(100% - 40px);}
.centertext {padding: 30px 0;}
.centertext .firsttext {font-size:46px;}
.centertext .projects a {font-size:13px;}
.p_slider {float: left;width: 100%;padding: 0px 0px 0 0;}
.rwd2kafelki .kafel {width:calc(100% - 100px);margin:0 50px 20px 50px;height: 330px;}
.rwd2kafelki .kafel .flip {height: 330px;}
}
@media (max-width: 570px) {
.icon1 {float: left;width: 100%;text-align: center;padding: 0px 0px 12px 0px;}
header .logo {width:100%;text-align:center;}
.open_menu.v2 {width: 100%;margin: 0;}
}
@media (max-width: 500px) {
.rwd2kafelki .kafel {width:calc(100% - 20px);margin:0 10px 10px 10px;height: 200px;}
.rwd2kafelki .kafel .flip {height: 200px;}
}
@media (max-width: 450px) {
article.article {width: 100%;}
}
@media (max-width: 430px) {
.box_photo {float:none;margin:10px auto;width:70%;}
.mini_g {float:none;margin:10px auto;width: 100%;}
}
@media (max-width: 420px) {
.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:none;}.galeria_list_clear2 {display:block;}
}
@media (max-width: 400px) {
.centertext .firsttext {font-size: 31px;}
}
@media (max-width: 300px) {
.box_photo{width:100%;}
}
/*
end style.css v2
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
*/