/* Theme Name: kwiaciarniaroza_theme */
html body {margin:0;padding:0;border:0;background-color:#e6e6e6;}
body {font-family: Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}
img {border:none}
img.alignright { float: right; margin: 0 0 1em 1.5em; }
img.alignleft { float: left; margin: 0 1.5em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a {text-decoration:none}a:hover {color: #000; text-decoration:none}
a {color:#717171;}
a:hover {color:#000;}
.clr {clear:both;height:0}
::selection {background: #ffb80f}
.bold {font-weight: bold}

#top {position: fixed; width: 100%; background: url(img/topbg.png);z-index: 5;}
#top>div {position: relative; max-width: 1140px; margin: 0 auto;}
#top .container {position: relative;z-index: 5;}

#logo {float: left;width: 220px;margin: 10px 5px 10px 0px;}
#nazwa {float: left; color: #fff; font-size: 20px;font-weight: bold;margin: 20px 0 0 0;}
#nazwa span {color: #fff; font-size: 30px;font-weight: bold;}
#nazwa:hover {text-decoration: none;}

#mainmenu {position: relative;}
#mainmenu>div {float:right;}
#mainmenu ul {position:relative; float:right;border:0;}
#mainmenu ul li {position:relative;float:left;list-style:none;padding-left:15px;margin:17px 15px 0 0;}
#mainmenu ul li a {font-size:14px;color:#fff;line-height:50px;font-weight:bold;}
#mainmenu ul li a:hover {text-decoration:none;}
#toggler {display: none; position:relative;float:right; list-style:none;height:40px;width:50px;
background-image: url("img/menu.png");background-repeat: no-repeat;cursor: pointer;margin:20px 0px 10px 0;}

h2 {font-size: 20px;}

#top-photo {position:relative;font-size:16px;line-height:30px;color:#fff;background-size:cover;border-radius:0 0 5px 5px;box-shadow:0px 15px 20px -10px #9d9d9d;z-index: 1;}
#top-photo>div {box-shadow: inset 0px 0px 60px 20px #000;}
.top-photo-strgl {background:#000 url("img/flowershop-966459_1920.jpg") center top no-repeat;}
.top-photo-strgl2 {background:#000 url("img/flowershop-966459_1920.jpg") center top no-repeat;}

.top-photo-center {padding: 240px 0 30px;margin: 0 auto; z-index: 5;}
.top-photo-center>div {font-size:16px;line-height:30px;color:#fff;background: url(img/topbg.png); box-shadow:0px 0px 40px -10px #000;border-radius: 0px;padding: 10px;}
.top-photo-left, .top-photo-right {position: relative;top:0px;padding: 0px 10px 30px;z-index: 2;}
.top-photo-left>div {position: relative; height: 160px; width: 80%;font-size:16px;line-height:30px;color:#fff;border: 1px solid #fff; background: #647b66; box-shadow:0px 0px 20px 0px #000;padding: 0px;margin: 0 auto; overflow: hidden;}
.top-photo-left>div>div {position: absolute; left: 0; top: 0; height: 50%;width: 100%; background: #000;opacity: 0.4;}
.top-photo-left>div {background:#000 url("img/a-bunch-of-flowers-3455325_1920.jpg") center top no-repeat; background-size: cover;}
.top-photo-right>div {position: relative; height: 160px; width: 80%; font-size:16px;line-height:30px;color:#000;border: 1px solid #fff; background: #647b66; box-shadow:0px 0px 20px 0px #000;padding: 0px;margin: 0 auto; overflow: hidden;}
.top-photo-right>div {background:#000 url("img/vase-2268019_1920.jpg") center top no-repeat; background-size: cover;}
#top-photo2 .row {position: relative;padding: 30px 0 0;}
.top-photo2-center {height: 0;}

#content {position:relative;font-size:18px;margin-top: 60px; margin-bottom: 90px;}
#content .content-left {border-radius: 0 0 40px 0;border: 1px solid #a8a8a8;box-shadow: 10px 10px 10px #bfbfbf;border-width: 1px 0 0 1px;color:#535252;line-height:31px;background:#fff;padding:120px 60px 60px;}
#content .content-left23 {border: 1px solid #a8a8a8;box-shadow: 10px 10px 10px #bfbfbf;border-width: 2px 0 0 2px;font-size:18px;color:#000;line-height:27px;background:#fff url("img/floral-1751088_1280.png") -100px -150px no-repeat;background-size:150%;padding:60px;}

.title {position: absolute;top:30px; left:0px;color: #fff; font-weight: bold;border-radius: 0 0 10px 0; background-color: #ffb80f;background-image: linear-gradient(to right, #ffb80f , #d59602);padding: 10px 40px 10px;}
.title2 {position: absolute;top:30px; left:-10px;height: 60px;width: 10px; border-radius: 10px 0  0 10px; background-color: #ffb80f;padding: 0px;}
.title3 {position: absolute;top:30px; left:0px;min-width: 200px;color: #fff; font-weight: bold;border-radius: 0 0 10px 0; background-color: #ffb80f;background-image: linear-gradient(to right, #ffb80f , #d59602);padding: 10px 40px 10px;}
.more {float: right; color: #fff; font-weight: bold;border-radius: 10px 0 10px 0;box-shadow: 4px 4px 4px #999; background-color: #0096b9;background-image: linear-gradient(to right, #0096b9, #007a9d);padding: 10px 30px 10px;margin-top: 40px;}
.more:hover {text-decoration: none;color: #fff;background: #007a9d;}

.oferta {position: relative; font-size: 18px;background:#c8c8c8;text-align: center;padding-top: 60px;padding-bottom: 60px;}
.oferta-title {position: relative; display: block; text-align: center;}
.oferta-title>span {position: relative;display: inline-block; top: -76px;color:white;box-shadow: 0 5px 5px -5px #404040;font-weight: bold;font-size: 18px; text-align: center; background: #fcb60e; padding: 20px 50px;}
.oferta div {position: relative}
.oferta-a {width: 88%;float: left;display: inline-block;}
.float-r {float: right;}
.border-l {border: 1px solid #9b9b9b;border-width: 0 0 0 1px;}
.oferta-a img {width: 100%;border: 27px solid #d9d9d9;}
.oferta-a span {position: relative; display: inline-block;bottom: 28px;box-shadow: 0 0 5px black;background-color: #fff;color:#717171;font-weight: bold;border-radius: 10px 0 10px 0;padding: 13px 42px;}
.oferta-a:hover span {color:#fff;background: #007a9d;}

.btn-f {font-size: 18px;color: #fff;}

.content-right {padding: 120px 60px 60px 60px;}
.content-right img {height: 80px; width: 120px;box-shadow: 4px 4px 4px #999;margin: 10px;}
.jhg {margin: 10px 5px 0 0;}

.top-photo-prezenty {background:#000 url("img/birthday-3824667_1920.jpg") center center no-repeat;}
.prezenty-title2 {background-color: #f00;}
.prezenty-title3 {background-image: linear-gradient(to right, #f00 , #750000);}
.prezenty-right img {width: 80%}
.prezenty-zdjecia {padding-top: 40px;padding-bottom: 0px;}
.prezenty-zdjecia img {width: 30%;border: 2px solid #fa2827;box-shadow: 8px 8px 10px #a4a4a4;}
.zamow-title {margin: 40px 0;}
.zamow-title>a {display: inline-block; top: 0px;color:white;box-shadow: 0 5px 5px -5px #404040;font-weight: bold;font-size: 18px; text-align: center; background: #f00; padding: 20px 50px;}


#galeria {padding-left: 15px;}
.top-photo-galeria {background:#000 url("img/trgtr.jpg") center center no-repeat;}
.galeria-title2 {background-color: #2fb08b;}
.galeria-title3 {background-image: linear-gradient(to right, #2fb08b , #2f6555);}
#galeria a {position:relative;float: left; height: 200px;width: 327px;margin: 0 2px 2px 0; overflow: hidden;}
#galeria a img {position: absolute; top: 0;left: 0; max-width:400px;min-width: 327px;}
#galeriaer a img {position: absolute; top: 0;left: 0; max-height:300px;max-width:400px;min-height: 200px;min-width: 300px;}

.top-photo-kontakt {background:#000 url("img/wedding-invitation-3564629_1920.jpg") center top no-repeat;}
.kontakt-title2 {background-color: #a80066;}
.kontakt-title3 {background-color: #a80066;background-image: linear-gradient(to right, #a80066 , #4d002f);}
.title-kontakt {background-color: #a80066;background-image: linear-gradient(to right, #a80066 , #4d002f);}

#contactForm {position: relative;color:#000;}
#contactForm h2 {color:#000;}

#contactForm .col-md-4, #contactForm .col {padding: 0 5px;}

#contactForm input[type="text"], #contactForm input[type="tel"], #contactForm textarea, #contactForm input[type="email"] {width: 100%;border-width: 2px;border-radius: 0; border-style: solid;border-color: #bfbfbf;background-color: #fff;box-shadow: 0 7px 10px -10px #797979;color: #1c1c1c;padding: 15px;margin: 5px 0;}

#contactForm #title {font-size:24px;font-weight: bold;}

#contactForm p span {float:left;width:30%;margin: 5px;}
#contactForm p span.your-message {width: 100%;}

#contactForm p {clear: both; margin: 0; overflow: hidden;}
#contactForm p span.wpcf7-not-valid-tip {
  width: 100%;
}
#contactForm button {float:right;font-size:14px; color:#000;font-size: 20px;font-weight:bold;background: #ffd700;padding: 6px 20px;}
#contactForm button {border-width: 1px;border-style: solid;border-color: #8c8c8c;margin: 5px 0;}

#contactForm input::-webkit-input-placeholder, #contactForm textarea::-webkit-input-placeholder { 
  color: #1c1c1c;
}
#contactForm input::-moz-placeholder, #contactForm textarea::-moz-placeholder { opacity: 1;
  color: #1c1c1c;
}
#contactForm .label {display:none;font-size:14px;color:#ffa500;} 
#contactForm span.wpcf7-not-valid-tip {margin: 0 0 15px;}
#contactForm div.wpcf7-response-output, #contactForm div.wpcf7-validation-errors, #contactForm div.wpcf7-acceptance-missing {border: none;}

#contactForm .form-group {
  margin-bottom: 0;
}
#contactForm ul { margin-bottom: 0; padding: 0;
}

.top-photo-dostawa {background:#000 url("img/city-trans-3332623_19202.jpg") center center no-repeat;}
#content.dostawa {margin-bottom: 0px;}
#content .dostawa-top {display: block; font-size:22px;color:#535252;line-height:31px;background:#fff;padding: 120px 0px 54px;margin-bottom: 27px;}
#content .dostawa-content {padding: 70px 55px;}
.dostawa-box {font-size:16px;color:#fff;line-height:31px; padding: 0 30px 0px;}
.dostawa-box>div {border-radius: 0 0 15px 0;background-image: linear-gradient(to top, #b3b3b3, #919191);border: 0px solid
#fff;box-shadow: 0 0 6px #bfbfbf;padding: 20px 0 40px;}
.dostawa-box-left {padding: 0px 7px 0px 0;}
.dostawa-box-right {border: 1px solid #a4a4a4;border-width: 0 0 0 1px;}
.dostawa-title2 {background-color: #65b200;}
.dostawa-title3 {background-color: #65b200;background-image: linear-gradient(to right, #65b200, #376200);}
.title-dostawa {width: 100%;display: block; text-align: center; color: #fff; font-size:20px;font-weight: bold; padding: 15px 0px 40px;}
.dostawa-box-right>div {padding: 20px 20px; overflow: hidden;}

.container-grey {background: #d7d7d7; padding-top: 37px;padding-bottom: 37px;}

.dostawa4 #contactForm input[type="text"], .dostawa4 #contactForm input[type="tel"], .dostawa4 #contactForm textarea, .dostawa4 #contactForm input[type="email"] {width: 100%;border-width: 0px;border-style: solid;border-color: #bfbfbf;background-color: #fff;box-shadow: 0 7px 10px -10px #797979;color: #fff;padding: 5px 12px;margin: 3px 0;}
.dostawa #contactForm input::-webkit-input-placeholder, .dostawa #contactForm textarea::-webkit-input-placeholder { color: #1c1c1c;}
.dostawa #contactForm input::-moz-placeholder, .dostawa #contactForm textarea::-moz-placeholder { opacity: 1;color: #1c1c1c;}
.dostawa #contactForm input[type="text"], .dostawa #contactForm input[type="tel"], .dostawa #contactForm textarea, .dostawa #contactForm input[type="email"] {width: 100%;border-width: 0 0 1px 0;border-style: solid;border-color: #bfbfbf;background-color: #dde3d5;box-shadow: 0 7px 10px -10px #797979;color: #1c1c1c;padding: 5px 12px;margin: 3px 0 22px;}
.dostawa #contactForm input[type="submit"] {background: #65b200;}
#tel2 {background:#000 url("img/icon4.png") left center no-repeat;padding: 30px 30px 30px 100px;}
#tel {display: block;position: relative;font-size: 28px;letter-spacing: 5px;color: #626262; text-align: center; font-weight: bold;padding: 19px 10px 19px 68px;}
#tel:hover {color: #fff; background: #8bdd20;background-image: linear-gradient(to right, #4d840b, #8bdd20, #4d840b);}
#tel img {position: absolute;left: 28px;top: 8px;width: 50px;}

.cont-mapa {border: 1px solid #a8a8a8; box-shadow: 10px 10px 10px #bfbfbf; padding: 0 0 0px; margin-bottom: 100px;}

.footer {background: #fff; font-size: 16px;padding: 100px 0 50px;}
.footer .row div:first-of-type {border: 1px solid #bbb;border-width: 0 3px 0 3px;}
.footer .col-md-4 {border: 1px solid #bbb;border-width: 0 3px 0 0;}
.footer ul {position:relative;border:0;padding:0px;margin:0px;}
.footer ul li {position:relative;list-style:none;}
.footer ul li a {border-bottom: 1px solid #464646;font-size:14px;color:#717171;line-height:20px;font-weight:bold;}
.footer ul li a:hover {text-decoration:none;color: #000;}
.footer .bold {display: inline-block; margin-bottom: 10px;}
.footer a {display: inline-block; color:#717171;border-bottom: 1px solid #464646;margin-bottom: 10px;}
.footer a:hover {color:#000;}
.footer #copy {font-size:14px;margin-top: 60px;}

@media (min-width: 300px) {
.top-photo-left>div, .top-photo-right>div {}
.top-photo-center>div {font-size: 16px; padding: 30px;}
h2 {font-size: 30px;}

}

/* @media (min-width: 300px) */

@media (min-width: 576px) {
.top-photo-lefthg>div, .top-photo-rightnh>div {position: absolute;top:-200px;padding: 0px 10px 30px;z-index: 2;}
.top-photo-left>div {float: right;}
.top-photo-right>div {float: left;}
.top-photo-left>div, .top-photo-right>div {}


}
/* @media (min-width: 576px) */

@media (min-width: 768px) {
.top-photo-left, .top-photo-right {position: relative;top:-200px;padding: 0px 10px 30px;z-index: 2;}
#top-photo2 .row {position: relative;height: 0;padding:0;}
}
/* @media (min-width: 576px) */

@media (min-width: 992px) {

.top-photo-left>div, .top-photo-right>div {width: 60%;}
.top-photo-left>div, .top-photo-right>div {max-height: 220px;}
h2 {font-size: 35px;}
.top-photo-left, .top-photo-right {position: relative;top:-220px;}

}
/* @media (min-width: 992px) */

@media (min-width: 1200px) {
.top-photo-center>div {font-size: 20px; padding: 50px;}
.top-photo-left, .top-photo-right {position: relative;top:-260px;}

}
/* @media (min-width: 1200px) */


@media (min-width: 1400px) {

}

@media (min-width: 1700px) {
.top-photo-left>div, .top-photo-right>div {width: 40%;}
.top-photo-left, .top-photo-right {position: relative;top:-240px;}
}

@media (max-width: 1200px) {
.content-right {padding: 120px 20px 60px;}
#galeria {padding-left: 12px}
#galeria a {position:relative;float: left; height: 200px;width: 270px;margin: 0 2px 2px 0; overflow: hidden;}
#galeria a img {position: absolute; top: 0;left: 0; max-width:400px;min-width: 327px;}
}
/* max 1200px */

@media (max-width: 992px) {
#mainmenu {position: relative; float:none;height: 100%; width: 100%; clear: both;z-index: 2;}
#mainmenu>div {position: fixed;display: none;top:0;height: 100%; width: 100%;background: url(img/topbg.png);}
#mainmenu ul {position: absolute;left: 0; top: 0; float:none;height: 100%; width: 100%; padding: 20px 205px 0 40px;overflow-y: auto; -webkit-overflow-scrolling: touch;}
#mainmenuhf ul {float:none;height: 0px;margin-top: 20px;overflow: hidden;}
#mainmenu>div.open {display: block;}

#mainmenu ul li {position:relative;float:none;border-bottom: 1px solid #bdbdbd;padding: 0; margin: 0;}
#mainmenu ul li a {display: block; padding: 0px 30px; margin: 0;}
#toggler {display: block;}
.mmenuli1 {border-top: 1px solid #bdbdbd;}
html.noscroll {overflow: hidden;}
body.noscroll {overflow: visible; height: 100%;}
.opacity {opacity: 0.3}
.nazwa-none {display: none;}
.footer {font-size: 14px;}
#galeria {padding-left: 30px;}
#galeria a {width: 49%;}
}
/* max 992px */

@media (max-width: 768px) {

#content .dostawa-top {der-radius: 0; background:#fff;padding: 133px 0px 54px;margin-bottom: 7px;}
.dostawa-box-right {border:none;padding-top: 60px;}
.footer .row div:first-of-type {border: none;}
.footer .col-md-4 {border: none;}
.content-right {text-align: center;}

#galeria {
    padding-left: 15px;
}
#content {margin-bottom: 20px;}
.container-grey {padding-top: 17px;}
.footer ul {margin-bottom: 20px;}

.pd-tb-20-tlg {padding-top: 20px !important;padding-bottom: 20px !important;}

}
/* max 768px */

@media (max-width: 576px) {
#mainmenu ul {padding: 20px 70px 0 40px;}
#nazwa {font-size: 15px;}
#nazwa span {font-size: 20px;}
#toggler {height: 30px; width:40px;background-size: 100%;}
#tel {font-size: 18px;}
#tel img {position: absolute;left: 8px;top: 15px;width: 40px;}
#content .content-left {font-size: 16px;padding: 120px 30px 60px;}
#content .content-left.dostawa-content {padding-top: 20px;}

.prezenty-zdjecia {margin-top: 40px;}
.prezenty-zdjecia img {width: 70%;margin-bottom: 20px;}

.oferta-a {width: 75%;float: none;}
.border-l {border: none;}
#content {margin-bottom: 10px;}
#galeria {padding-left: 0px;}
#galeria a {height: 120px;}
#galeria a img {position: absolute; top: 0;left: 0; max-width:250px;min-width: 227px;}
.container-grey {padding-right: 0;padding-left: 0;}

.pd-lr-5-tmd {padding-left: 5px !important;padding-right: 5px !important;}
.pd-lr-20-tmd {padding-left: 20px !important;padding-right: 20px !important;}
.pd-tb-20-tmd {padding-top: 20px !important;padding-bottom: 20px !important;}
.pd-tb-50-tmd {padding-top: 50px !important;padding-bottom: 50px !important;}

}
/* max 576px */

@media (max-width: 300px) {
#logo {width: 100%;margin-bottom: 0;}
#mainmenu ul {padding: 5px;}
.mmenuli1 {border-top: 0px solid #bdbdbd;}
#galeria a {width: 100%;}
.oferta-a {width: 100%;float: none;}
.ft-14-tsm {font-size: 14px !important;}
.pd-lr-5-tsm {padding-left: 5px !important;padding-right: 5px !important;}
.pd-lr-15-tsm {padding-left: 15px !important;padding-right: 15px !important;}
}
/* max 300px */