@charset "UTF-8";
/* faszyn2  b */
/* szczegóły produktu */
.test2 {
display: flex;
}
#map-canvas {
height: 423px;
clear: left;
color: #212121;
}
@media (max-width: 767px) {
#map-canvas {
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
height: 360px;
}
}
.contact-info {
margin-top: 25px;
}
.w-strap {
width: 100%;
position: absolute;
top: 0px;
height: 125px;
background: rgba(255, 255, 255, 0.5);
display: none;
z-index: 1;
}
.contact-info .relative {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.margin {
margin-top: 44px;
}
}
.contact-info .form .primary-action {
display: block;
}
.contact-info .glyphicon {
vertical-align: middle;
font-size: 18px;
margin-right: 10px;
}
.contact-info .title {
font-family: "MartelSans-Bold";
font-size: 18px;
padding-right: 0px;
}
.contact-info .btn-send {
background: #ff4200 !important;
padding: 5px 20px !important;
box-sizing: border-box;
float: right;
font-size: 13px;
color: #fff !important;
text-align: left;
font-family: "MartelSans";
}
.contact-info .form-content {
padding-left: 0px;
max-width: 400px;
margin: auto;
}
.contact-info .contact-form {
background: #E3F2FD;
padding-top: 40px;
padding-bottom: 40px;
z-index: 2;
color: #656565;
}
@media (max-width: 767px) {
.contact-info .contact-form {
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
}
.contact-info .contact-form input, .contact-info .contact-form textarea, .contact-info .contact-form select {
width: 100%;
border: none;
padding: 10px 30px;
margin-top: 20px;
}
.contact-info .contact-form .switch label {
font-size: 10px;
max-width: 200px;
display: inline-block;
}
.contact-info .f-right-box {
background: #FFFFFF;
box-sizing: border-box;
}
@media (max-width: 767px) {
.contact-info .f-right-box {
padding: 0;
}
}
@media (max-width: 767px) {
.address-data, .contact-data, #map-canvas {
padding: 0;
}
}
.contact-info .f-right-box p {
font-family: "MartelSans";
line-height: 150%;
font-size: 12px;
}
@media (max-width: 992px) {
.contact-info .f-right-box p, .contact-info .form-content {
max-width: none;
}
}
.contact-info .f-right-box em {
color: #42A5F5;
font-family: "MartelSans-Bold";
}
.contact-info .f-right-box, .contact-info a {
color: #656565;
}
@media all and (max-width: 1200px) {
.contact-info .ask {
padding: 30px;
}
.contact-info .complaint {
padding: 30px;
}
}
.contact-data.col-md-6 {
text-align: right;
}
@media (max-width: 992px) {
.contact-data.col-md-6 {
text-align: left;
}
}
@media all and (max-width: 991px) {
.contact-info .f-right-box {
position: relative;
}
.contact-info .title {
text-align: left;
}
.contact-info .contact-form input, .contact-info .contact-form textarea, .contact-info .contact-form select {
display: block;
max-width: 100%;
}
.primary-action {
display: block;
}
.contact-info .ask {
padding: 40px 30px;
}
.contact-info .complaint {
padding: 40px 30px;
}
}
h1 {
z-index: 3;
}