/*
style.css v3
*/
@import url("_style_support.css");
@import url("https://use.fontawesome.com/519a702474.css");
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext);
@media all {
body {
font-family: 'Roboto', sans-serif;font-size:14px;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: 'Roboto', sans-serif;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  no-repeat top center;}
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;}
.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; }
.centertext {padding:220px 0;float: left;width: 100%;}
.centertext .firsttext {float: left;width: 100%;text-align: center;color: #fff;font-size: 100px;line-height: 100%;font-weight: bold;	padding: 80px 0px 0px 0px;margin: 0px 0px 0px 0px;background: url(img/brtop.jpg) no-repeat center top;}
.centertext .secondtext {float:left;width:100%;color:#fff;text-align:center;font-weight: 600;font-size: 26px;padding: 60px 0px;}
.centertext .secondtext p{margin:0;padding:0;}
.centertext .projects {float: left;width: 100%;text-align: center;padding: 30px 0px 0px 0px;}
.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 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 h3, 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 .face img {width: 100%;height: 100%;object-fit: cover;object-position: center; }

.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;}
article.article { width: 33.33333%;float:left;padding: 0 10px;margin-bottom:20px;display:none;}
article.article h4 {font-weight:bold;margin:0px;padding:0px;font-size: 120%;font-weight: bold;}
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:20%;float:left;padding: 1%;text-align:center;}
article.article .l_img img {}
article.article .r_desc { width:80%;float:left;padding-left:2%;}
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;}
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:80%;float:left;padding-left:2%;}
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 {}
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%;}
}
@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: 17px;}
}
@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;}
}
@media (max-width: 600px) {
.centertext {padding: 30px 0;}
.centertext .firsttext {font-size:46px;}
.centertext .secondtext {font-size:50px;padding: 20px 0px 40px 0px;}
.centertext .secondtext {font-size:15px;}
.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;
*/.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(img/lightbox-loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(img/lightbox-prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(img/lightbox-next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:none;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(img/lightbox-close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}