@import "reset.css";
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Poppins:wght@400;500;700&display=swap');

html{
scroll-behavior: smooth;	
}

body{
margin:0px;
padding:0px;
font-size:16px;
font-family: 'Poppins', sans-serif;

}

body input, body textarea, body button{
font-family: 'Poppins', sans-serif;
}


.body-ow{
overflow:hidden;
}

.container{
width:100%;
max-width:1150px;
padding:0px;
margin:0px auto;
position:relative;
}

.container-big{
width:100%;
max-width:1400px;
padding:0px;
margin:0px auto;
position:relative;
}

/*HEADER TOP*/

.header-page{
position:relative;
}

.header-top{
background:#fff;
}

.header-top-content{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
}

.header-top-content-logo{
padding:10px 0px;
animation-name: appearance;
animation-duration: 2.5s;
}

.header-top-content-logo img{
height:108px;
width:auto;
}


.header-top-content-slogan{
width:468px;
padding:0px 20px;
font-size:15px;
line-height:22px;
opacity:0.0;
animation-name: sloganmove;
animation-duration: 1.8s;
animation-delay: 1.4s;
animation-fill-mode: forwards;
}

.header-top-content-slogan span{
font-size:26px;
font-family: 'Allura', cursive;
}

.header-top-content-icon{
width:200px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
animation-name: appearance;
animation-duration: 2.5s;
}

.header-top-content-icon a, .header-top-content-socialmedia a img
{
-webkit-transition: 0.43;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
transform:scale(1,1); 
-webkit-transform: scale(1,1);
-ms-transform:scale(1,1);
}

.header-top-content-icon a:hover, .header-top-content-socialmedia a:hover img
{
transform:scale(0.9,0.9); 
-webkit-transform: scale(0.9,0.9);
-ms-transform:scale(0.9,0.9);
}

.header-top-content-icon-sep{
width:1px;
height:51px;
background:#ea81a9;
}

.header-top-content-icon-shop{
position:relative;
}

.counter{
width:25px;
height:25px;
background:red;
border-radius:25px;
line-height:25px;
position:absolute;
top:0px;
right:-10px;
text-align:center;
font-size:12pt;
color:white;
}

.counter {
  animation: blinker 2.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.header-top-content-icon-search-poup{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:999999999999;
background:rgba(255,255,255,0.8);
display:none;
}

.header-top-content-icon-search-poup-block{
position:absolute;
top:50%;
left:50%;
width:460px;
background:#ea81a9;
padding:60px 40px;
text-align:center;
transform: translateY(-50%) translateX(-50%); 
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
}

.header-top-content-icon-search img{
width:39px;
}

.header-top-content-icon-menu img{
width:39px;
}

.header-top-content-socialmedia img{
width:40px;
}

.header-top-content-icon-shop img{
width:41px;
}

.header-top-content-icon-search-poup-block input{
width:calc(100% - 120px);
border:0px;
margin:0px;
height:40px;
line-height:40px;
font-size:16px;
padding:0px 10px;
outline:none;
background:white;
color:#e46696;
display:inline-block;
vertical-align:middle;
}

.header-top-content-icon-search-poup-block button{
width:90px;
border:0px;
margin:0px;
height:40px;
line-height:40px;
font-size:16px;
color:white;
padding:0px 0px;
outline:none;
background:#e46696;
display:inline-block;
vertical-align:middle;
cursor:pointer;
}

.header-top-content-icon-search-poup-block-close{
position:absolute;
right:10px;
top:10px;
width:30px;
height:30px;
background:url('img/close2.png') no-repeat center;
cursor:pointer;		
}


.header-top-content-socialmedia{
width:70px;
text-align:right;
animation-name: appearance;
animation-duration: 2.5s;
}

.header-top-text{
text-align:center;
color:#000;
font-size:18px;
line-height:24px;
font-weight:500;
text-transform:uppercase;
margin-bottom:22px;
}


/*MENU*/


.header-top-menu{
position:fixed;
top:0px;
right:0px;
width:0px;
height:100%;
background:#fff;
overflow:auto;
z-index:99999;
-webkit-box-shadow: -6px 0px 8px 0px rgba(0, 0, 0, 0.28);
-moz-box-shadow:    -6px 0px 8px 0px rgba(0, 0, 0, 0.28);
box-shadow:         -6px 0px 8px 0px rgba(0, 0, 0, 0.28);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.header-top-menu.header-top-menu-open{
position:fixed;
top:0px;
right:0px;
width:480px;
height:100%;
background:#fff;
overflow:auto;
z-index:99999;
-webkit-box-shadow: -6px 0px 8px 0px rgba(0, 0, 0, 0.28);
-moz-box-shadow:    -6px 0px 8px 0px rgba(0, 0, 0, 0.28);
box-shadow:         -6px 0px 8px 0px rgba(0, 0, 0, 0.28);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}


.header-top-menu-conent{
padding:60px 20px 40px 20px;
position:relative;
}

.header-top-menu-conent ul{
display:block;
}

.header-top-menu-conent ul li{
display:block;
margin:0px 0px;
}

.header-top-menu-conent ul li a{
display:inline-block;
vertical-align:middle;
color:#ea81a9;
font-size:20px;
line-height:normal;
font-weight:700;
position:relative;
padding:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.header-top-menu-conent  ul li a:hover, .header-top-menu-conent  ul .active a{
color:#e46696;
}

.header-top-menu-conent ul li ul{
margin:0px 0px 0px 30px;
}

.hader-top-menu-conent-close{
position:absolute;
right:30px;
top:20px;
width:30px;
height:30px;
background:url('img/close.png') no-repeat center;
cursor:pointer;		
}



/*SLIDER HOME*/

.baner-home-page{
position:relative;
}

.baner-home-page-slider-img-block{
width:100%;
height:453px;
}

.baner-home-page-slider-img-block img{
width:100%;
height:100%;
object-fit:cover;
object-position:bottom;
}


.baner-home-page-slogan{
background: rgb(228, 102, 150);
background: -moz-linear-gradient(0deg, rgb(228, 102, 150) 50%, rgb(234, 129, 169) 50%);
background: -webkit-linear-gradient(0deg, rgb(228, 102, 150) 50%, rgb(234, 129, 169) 50%);
background: -o-linear-gradient(0deg, rgb(228, 102, 150) 50%, rgb(234, 129, 169) 50%);
background: -ms-linear-gradient(0deg, rgb(228, 102, 150) 50%, rgb(234, 129, 169) 50%);
background: linear-gradient(90deg, rgb(228, 102, 150) 50%, rgb(234, 129, 169) 50%);
margin:-48px 0px 0px 0px;
}

.baner-home-page-slogan-content{
background:url('img/bg-1.png') no-repeat center center;
background-size:auto 100%;
}

.baner-home-page-slogan-content-text{
text-align:center;
color:#fff;
font-size:30px;
line-height:34px;
font-weight:700;
padding:52px 0px 42px 0px;
}

.encr{
margin-left:-500px;
opacity:0.0;
animation-name: encranim;
animation-duration: 8.0s;
animation-delay: 2.0s;
animation-iteration-count: infinite;
}

.baner-home-page .owl-theme .owl-dots{
position:absolute;
top:330px;
left:0px;
width:100%;
text-align:center;
}

.baner-home-page .owl-theme .owl-dot{
width:18px;
height:18px;
border-radius:50%;
background:white;
margin:0px 5px;
}

.baner-home-page .owl-theme .owl-dots .owl-dot span {
width: 14px;
height: 14px;
margin: 2px 2px;
background:transparent;
border-radius:50%;
}

.baner-home-page .owl-theme .owl-dots .owl-dot.active span, .baner-home-page .owl-theme .owl-dots .owl-dot:hover span {
background:#ea81a9;
}

/*BANER PODSTRONA*/

.baner-sub-page{
background:url('img/bg-2.png') bottom center;
position:relative;	
padding-bottom:23px;
}

.baner-sub-page-two{
background:url('img/bg-5.png') bottom center;
position:relative;	
}

.baner-sub-page-img{
width:100%;
height:321px;
opacity: 0.0;
animation-name: banneranim;
animation-duration: 1.4s;
animation-delay: 1.5s;
animation-fill-mode: forwards;
}

.baner-sub-page-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:bottom;
}

.baner-sub-page-text{
position:absolute;
left:0px;
top:60px;
width:100%;
z-index:999;
opacity:0.0;
animation-name: textanim;
animation-duration: 1.4s;
animation-delay: 2.0s;
animation-fill-mode: forwards;
}

.baner-sub-page-text-h{
display:inline-block;
background:white;
font-size:30px;
line-height:26px;
font-weight:700;
color:#000;
padding:18px 65px;
text-align:center;
}

/*HEADER AN TEXT p h1 itd.*/

.header-section{
font-size:30px;
line-height:34px;
font-weight:700;
margin:0px 0px 0px 0px;
padding:0px 0px;	
}

.header-section-two{
font-size:20px;
line-height:36px;
font-weight:700;
margin:0px 0px 0px 0px;
padding:0px 0px;	
}

.header-section-color-a{
color:#000;
}

.header-section-color-b{
color:#ea81a9;
}

.header-section-center{
text-align:center;	
}

.header-section-margin-a{
margin-bottom:46px;	
}

.header-section-margin-b{
margin-bottom:36px;	
}


.page-text-a p{
color:#000;
font-size:15px;
line-height:22px;
font-weight:400;
margin:0px;
padding:0px 0px 26px 0px;
}

.button-page{
width:100%;
max-width:315px;
height:41px;
padding-top:25px;
background:url('img/bg-3.png') no-repeat top center;
text-align:center;
display:block;
}

.button-page .button-page-a{
height:24px;
width:146px;
line-height:24px;
background:#fff;
text-align:center;
color:#ea81a9;
font-size:15px;
border-radius:16px;
border:2px solid white;
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.button-page:hover .button-page-a{
background:transparent;
color:#fff;
}

.button-page .button-page-b{
height:24px;
width:210px;
line-height:24px;
background:#fff;
text-align:center;
color:#ea81a9;
font-size:15px;
border-radius:16px;
border:2px solid white;
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.button-page:hover .button-page-b{
background:transparent;
color:#fff;
}


/*SEKCJA OFERTA*/

.section-offer{
background:url('img/bg-2.png');
padding:60px 0px 90px 0px;
}

.section-offer-content{
display:flex;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
gap: 3px;
}

.section-offer-content-block{
display:block;
width:calc(33% - 6px);
position:relative;
}

.section-offer-content-block-img{
width:100%;
height:300px;
position:relative;
overflow:hidden;
}

.section-offer-content-block-img::before{
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
/*background:#e46696;*/
opacity:0.3;
z-index:99;
}

.section-offer-content-block-img::after{
content:'';
position:absolute;
top:5px;
left:5px;
width:calc(100% - 14px);
height:calc(100% - 14px);
background:transparent;
border:2px solid white;
z-index:99;
}

.section-offer-content-block-img-ob{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform:scale(1,1); 
-webkit-transform:scale(1,1); 
-ms-transform:scale(1,1); 
}

a:hover .section-offer-content-block-img-ob{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1); 
}

.section-offer-content-block-img-ob img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.section-offer-content-block-img-header{
position:absolute;
top:50%;
left:0px;
width:100%;
color:#fff;
font-size:20px;
line-height:32px;
font-weight:700;
margin:0px;
padding:0px;
text-align:center;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index:111;
text-shadow: 5px 5px 5px rgba(0, 0, 0, 1);
}

/*SEKCJA INFO*/

.section-info-content-a{
padding:70px 0px;
background:white;	
}

.section-info-content-a-block{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
flex-direction:row-reverse;  
}

.section-info-content-a-block-img{
width:520px;
padding-left:90px;
}

.section-info-content-a-block-img img{
width:100%;
height:auto;
}

.section-info-content-a-block-text{
width:calc(100% - 610px);
}

.section-info-content-b{
padding:70px 0px;
background:url('img/bg-2.png');	
}


.section-info-content-b-block{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.section-info-content-b-block-img{
width:463px;
padding-right:90px;
}

.section-info-content-b-block-img img{
width:100%;
height:auto;
}

.section-info-content-b-block-text{
width:calc(100% - 553px);
background:white;
}


/*SEKCJA MAPA*/

.section-maps{
padding:43px 0px 35px 0px;
}

.section-maps-content iframe{
width:100%;
height:450px;
display:block;
}

.section-maps-button{
padding-top:20px;
}

.section-maps-button > a{
margin:0px auto;
}

/*KATEGORIE PRODUKTY*/

.section-category-products{
background:#fff;
padding:70px 0px 10px 0px;
}

.section-category-products-header{
background:#fdf5f3;
padding:8px 15px;
text-align:center;
color:#000;
font-size:30px;
line-height:normal;
font-weight:700;
margin:0px 0px 45px 0px;
}

.section-category-products-block-text-button{
height:24px;
width:146px;
line-height:24px;
background:#fff;
text-align:center;
color:#ea81a9;
font-size:15px;
border-radius:16px;
border:2px solid white;
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor:pointer;
margin-bottom:10px;
}

a:hover .section-category-products-block-text-button{
background:transparent;
color:#fff;
}


/*PRODUKTY*/

.section-products{
background:#fff;
padding:70px 0px 10px 0px;
}

.section-products-content{
display:flex;
justify-content:flex-start;
align-items: flex-start;
flex-wrap:wrap;
margin-bottom:50px;
}

.section-products-content-text{
width:calc(100% - 400px);
}

.section-products-content-text p{
color:#000;
font-size:20px;
line-height:30px;
padding:0px 0px 30px 0px;
margin:0px;
font-weight:400;
text-align:center;
}

.section-products-content-img{
width:370px;
padding-left:30px;
}

.section-products-content-img img{
width:100%;
height:auto;	
}

.section-products-blocks{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0px -13px;
position:relative;
}

.section-products-blocks-margin{
margin-bottom:40px;
}

.section-products-window-form{
position:absolute;
top:100%;
left:0px;
width:calc(100% - 4px);
border:2px solid #e46696;
background:white;
z-index:1000;
display:none;
}

.section-products-window-form-content{
padding:30px 15px;
}

.section-products-window-form-content-block{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin-bottom:8px;
}

.section-products-window-form-content-block label{
color:#000;
font-size:15px;
line-height:30px;
font-weight:500;
margin-right:15px;
}

.section-products-window-form-content-block-select{
position:relative;
width:156px;	
}

.section-products-window-form-content-block-select select{
display: block;
width:100%;
height:34px;
background: white;
border:2px solid #000;
margin:0px;
padding:0px 35px 0px 15px;
line-height:30px;
font-weight: 500;
color:#000;
font-size:13px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
border-radius:8px;
font-family: 'Poppins', sans-serif;
outline:none;
}

.section-products-window-form-content-block-select::before
{
display:block;
position: absolute;
width:6px;
height:6px;
top:12px;
right:16px;
border:0px;
border-bottom:2px solid #000;
border-right:2px solid #000;   
margin-left:0px;
vertical-align:0px;
content: "";
transform: rotate(45deg); 
-webkit-transform:rotate(45deg); 
-ms-transform:rotate(45deg); 
}

.section-products-window-form-content-check input{
display:none;
}


.section-products-window-form-content-check label 
{
position:relative;
padding-left:34px;
display:block;
margin:0px;
cursor:pointer;
color:#000;
font-size:14px;
line-height:30px;
font-weight:500
}

.section-products-window-form-content-check label span
{
font-size:12px;
line-height:16px;
font-weight:400;
display:block;
}

.section-products-window-form-content-check label::before 
{
content:'';
position:absolute;
top:3px;
left:0px;
width:21px;
height:21px;
background:white;
border:2px solid #000;
border-radius:6px;
}

.section-products-window-form-content-block input
{
	height:25px;
	padding: 0 10px;
	line-height: 25px;
	box-sizing: border-box;
	width: 100%;
	background:white;
	border:2px solid #000;
	border-radius:6px;
} 

.section-products-window-form-content-check label::after 
{
content:'';
position:absolute;
top:8px;
left:8px;
width:6px;
height:10px;
background:transparent;
border-left:2px solid #fff;
border-top:2px solid #fff;
transform: rotate(-135deg);
transform: rotate(-135deg); 
-webkit-transform:rotate(-135deg); 
-ms-transform:rotate(-135deg); 
}



.section-products-window-form-content-check input[type="checkbox"]:checked + label::before,
.section-products-window-form-content-check input[type="radio"]:checked + label::before  
{
content:'';
position:absolute;
top:3px;
left:0px;
width:21px;
height:21px;
background:#000;
border:2px solid #000;
border-radius:6px;
}

.section-products-window-form-submit{
text-align:center;
padding-top:25px;
}

.section-products-window-form-submit button{
display:inline-block;
width:156px;
height:34px;
background:#ea81a9;
border:2px solid #ea81a9;
margin:0px;
padding:0px;
line-height:30px;
font-weight:500;
text-align:center;
color:#fff;
font-size:15px;
cursor: pointer;
border-radius:8px;
font-family: 'Poppins', sans-serif;
outline:none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;	
}

.section-products-window-form-submit button:hover{
background:#fff;
border:2px solid #ea81a9;
color:#ea81a9;	
}

.section-products-block{
width:calc(25% - 26px);
margin:0px 13px;
margin-bottom:26px;
position:relative;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 90%, rgb(228, 102, 150) 90%);
background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 90%, rgb(228, 102, 150) 90%);
background: -o-linear-gradient(90deg, rgb(255, 255, 255) 90%, rgb(228, 102, 150) 90%);
background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 90%, rgb(228, 102, 150) 90%);
background: linear-gradient(180deg, rgb(255, 255, 255) 90%, rgb(228, 102, 150) 90%);
cursor:pointer;
}

.section-products-block-price{
position:absolute;
top:0px;
right:0px;
border-radius:18px;
height:30px;
padding:0px 14px 0px 44px;
background-image:url('img/price.png');
background-repeat:no-repeat;
background-position:10px center; 
background-color:rgb(255,255,255,0.8);
border:2px solid #ec94b5;
color:#000;
font-size:14px;
line-height:30px;
font-weight:700;
z-index:999;
}

.section-products-block-image{
clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
width:100%;
height:223px;
overflow:hidden;
position:relative;	
}

.section-products-block-image-ob{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;	
}

.section-products-block-image-ob img{
width:100%;
height:100%;
object-position:center;
object-fit:cover;	
}

.section-products-block-text{
clip-path: polygon(0px 18%, 100% 0px, 100% 100%, 0px 100%);
background:url('img/bg-4.png') no-repeat bottom left;
background-size:100% 100%;	
min-height:100px;
margin-top:-10px;
text-align:center;
}

.section-products-block-text-header{
padding-top:24px;
text-align:center;
color:#fff;
font-size:18px;
line-height:22px;
font-weight:500;
margin:0px 0px 6px 0px;
/* min-height:50px; */
}

.section-products-block-text-button{
height:24px;
width:146px;
line-height:24px;
background:#fff;
text-align:center;
color:#ea81a9;
font-size:15px;
border-radius:16px;
border:2px solid white;
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor:pointer;
margin-bottom:5px;
}

.section-products-block-text-button:hover,
.openthis:hover .section-products-block-text-button{
background:transparent;
color:#fff;
}

/*CENNIK*/

.section-price-list{
padding:60px 0px;
background:white; 
}

.section-price-list-category{
margin-bottom:50px;
}

.section-price-list-category ul{
list-style-type:none;
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
margin:0px -3px
}

.section-price-list-category ul li{
width:calc(33.33333333333333% - 6px);
margin:3px 3px;
}

.section-price-list-category ul li a{
display:block;
padding:15px;
text-align:center;
color:#ea81a9;
font-size:20px;
line-height:26px;
font-weight:500;
height:60px;
border:3px solid #ea81a9;
background:white;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-price-list-category ul li a:hover{
color:white;
background:#ea81a9;
}

.section-price-list-category ul li a span{
display:block;
position:relative;
top:50%;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.section-price-list-header-table{
padding:16px 0px 16px 77px;
color:#000;
font-size:18px;
line-height:25px;
font-weight:700;
background:#fdf5f3;
text-align:center;
}

.section-price-list-table{
display:table;
width:100%;
}

.section-price-list-table-row{
display:table-row;
}

.section-price-list-table-cell-head{
display:table-cell;
background:#ea81a9;
vertical-align:middle;
padding:12px;
font-size:14px;
line-height:16px;
font-weight:500;
color:#fff;
}

.section-price-list-table-cell{
display:table-cell;
vertical-align:middle;
padding:12px;
font-size:16px;
line-height:25px;
font-weight:500;
color:#000;
}

.section-price-list-table-cell .section-price-list-table-cell-text{
font-size:14px;
line-height:25px;
}

.section-price-list-table-cell .section-price-list-table-cell-text b{
font-size:18px;
}

.section-price-list-table-cell-center{
text-align:center;
}

.section-price-list-table-cell-width-a{
width:77px;
}

.section-price-list-table-cell-width-b{
width:56px;
}

.section-price-list-table-row:nth-child(even) .section-price-list-table-cell{
background:#fdf5f3;
}

.section-price-list-table-row:nth-child(odd) .section-price-list-table-cell{
background:#fff;
}

.section-price-list-table-cell-text-a{
display:none;
}

/*SEKCJA NASZE CUKIERNIE*/

.section-shops{
background:#fff;
padding:61px 0px 41px 0px;
}

.section-shops-blocks{
padding-top:50px;
}

.section-shops-block{
display:flex;
justify-content:space-between;
align-items:center;
background:#fdf5f3;
margin-bottom:12px;
}

.section-shops-block-name{
padding:24px 15px 24px 33px;
font-weight:700;
font-size:18px;
line-height:25px;
color:#000;
width:230px;
}

.section-shops-block-text{
padding:24px 0px;
font-size:16px;
line-height:30px;
font-weight:500;
color:#000;
width:410px;
}

.section-shops-block-text-two{
padding:24px 0px;
font-size:16px;
line-height:30px;
font-weight:500;
color:#000;
width:302px;
}

.section-shops-block-button{
padding:24px 0px;
}

.section-shops-block-button a{
display:inline-block;
padding:12px 20px;
font-size:14px;
line-height:16px;
font-weight:500;
color:#fff;
background:#ea81a9;
text-align:center;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-shops-block-button a:hover{
color:#fff;
background:#d34c80;
}

.section-shops-block-text-icon img{
display:inline-block;
vertical-align:middle;
margin-right:15px;
}

.section-shops-block-text-icon .marker{
margin-right:20px;
}

.section-shops-block-text-icon span{
display:inline-block;
vertical-align:middle;
}

#map-canvas{
height:450px;
}

.cukiernia-view #map-canvas
{
	height: 400px;
	width: 100%;
	float: left;
	margin-top: 50px;
}

/*SEKCJA HISTORIA*/

.section-history-content-a{
padding:70px 0px;
background:white;	
}

.section-history-content-a-block{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
flex-direction:row-reverse;  
}

.section-history-content-a-block-img{
width:520px;
padding-left:90px;
}

.section-history-content-a-block-img img{
width:100%;
height:auto;
}

.section-history-content-a-block-text{
width:calc(100% - 610px);
}

.section-history-content-b{
padding:70px 0px;
background:url('img/bg-5.png');	
}


.section-history-content-b-block{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.section-history-content-b-block-img{
width:463px;
padding-right:90px;
}

.section-history-content-b-block-img img{
width:100%;
height:auto;
}

.section-history-content-b-block-text{
width:calc(100% - 553px);
background:white;
}


/*STOPKA*/

.footer-page{
background:url('img/bg-2.png');
padding-bottom:30px;		
}

.footer-page-con{
background:rgba(255,255,255,0.7);
}


.footer-page-top{
padding:30px 0px 50px 0px;
position:relative;
}

.footer-page-top-blocks{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;	
}

.footer-page-top-block{
width:33.33333333333%;
}


.footer-page-top-header{
color:#000;
font-size:20px;
line-height:24px;
margin:0px 0px 26px 0px;	
padding:0px;
font-weight:700;
position:relative;
}

.footer-page-top-header::before{
content:'';
position:absolute;
bottom:-10px;
left:0px;
width:44px;
height:2px;
background:#ea81a9;
}

.footer-page-top-block-menu{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.footer-page-top-block-menu ul{
padding:0px;
margin:0px 35px 0px 0px;
}

.footer-page-top-block-menu ul li{
padding:0px;
margin:0px;
list-style-type:none;
display:block;
}

.footer-page-top-block-menu ul li a{
display:inline-block;
color:#000;
font-size:14px;
line-height:24px;
font-weight:400;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}


.footer-page-top-block-menu ul li a:hover{
color:#000;
}


.footer-page-top-block-text p{
color:#000;
font-size:15px;
line-height:24px;
font-weight:400;
}

.footer-page-top-block-text-icon
{
padding-top:25px;
}

.footer-page-top-block-text-icon img
{
display:inline-block;
vertical-align:middle;
margin-right:13px;
}

.footer-page-top-block-text-icon span
{
display:inline-block;
vertical-align:middle;
}

.footer-page-top-block-text-icon span a, .footer-page-top-block-text-icon span a:hover
{
display:inline-block;
vertical-align:middle;
color:#000;
font-size:15px;
line-height:24px;
font-weight:400;
word-wrap:break-word;
}


.footer-page-bottom{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.footer-page-bottom-text{
width:calc(100% - 250px);
}


.footer-page-bottom-text p{
color:#000;
font-size:15px;
line-height:24px;
font-weight:400;
}


.footer-page-bottom-logo{
width:250px;
text-align:right;
}

.footer-page-bottom-logo img{
display:inline-block;
vertical-align:top;
margin-left:15px;
margin-bottom:15px;
transition:all 0.2s;
}

.footer-page-bottom-logo img:hover{
transition:all 0.2s;
transform:scale(0.9);
}

.footer-page-socialmedia{
padding:22px 0px;
text-align:right;
}

.footer-page-socialmedia img{
width:40px;
transition:all 0.2s;
}

.footer-page-socialmedia img:hover{
transition:all 0.2s;
transform:scale(0.9);
}

.footer-page-copy{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
}

.footer-page-copy-text{
color:#535459;
font-size:13px;
line-height:20px;
font-weight:400;
}

.footer-page-copy-created{
color:#535459;
font-size:13px;
line-height:20px;
font-weight:400;
}


/*STYLE DO SKRYPTU SLIDERA*/

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.owl-carousel.off {
    display: block;
}

/* Strona statyczna */

.section-content{
background:#fff;
padding:61px 0px 41px 0px;
}

.section-content p,
.section-content ul,
.section-content ol{
color:#000;
font-size:15px;
line-height:24px;
font-weight:400;
padding-bottom:10px;
}

.section-content p a,
.section-content ul a,
.section-content ol a{
color:#ea4f8a;
}

.section-content p a:hover,
.section-content ul a:hover,
.section-content ol a:hover{
text-decoration:underline;
}

.section-content ul,
.section-content ol{
margin-left:20px;
padding-left:20px;
}

.section-content ul{
list-style:disc;
}

.section-list ol{
list-style:decimal;
}

.gallery{
width:100%;
display:inline-block;
text-align:center;
margin-top:30px;
}

.rightside .gallery{
margin-top:0px;
}

.gallery img{
width:22%;
float:left;
margin:2.4% 0 0 2.4%;
padding:0;
transition:all 0.2s;
}

.rightside .gallery img{
width:47%;
margin:2% 0 0 2%;
box-sizing:border-box;
border:1px solid #ccc;
}

.gallery img:hover{
transition:all 0.2s;
transform:scale(0.9);
filter:brightness(120%);
}

.rightside .gallery img:hover{
transition:all 0.2s;
transform:scale(0.9);
filter:brightness(120%);
border:1px solid #ea81a9;
}

.gallery a.relativize{
width:22%;
float:left;
margin:2.4% 0 0 2.4%;
padding:0;
transition:all 0.2s;
}

.gallery a.relativize img{
width:100%;
float:left;
transition:all 0.2s;
margin:0px;
padding:0px;
}

.gallery a.relativize .section-products-block-price{
top:10px;
right:10px;
background-image:none;
padding-left:14px;
}

.g2-desc{
width:100%;
height:70px;
padding:10px;
box-sizing:border-box;
background:#e46696;
text-align:ceter;
font-size:16px;
line-height:21px;
color:white;
float:left;
}

.downloads{
width:100%;
display:inline-block;
text-align:center;
margin-top:55px;
}

.downloads a{
float:left;
width:70%;
box-sizing:border-box;
padding-left:68px;
padding-top:20px;
margin-left:15%;
margin-bottom:18px;
min-height:70px;
text-align:left;
font-size:15px;
line-height:24px;
font-weight:400;
background:url('img/icon-download.png') no-repeat left top;
background-size:53px auto;
transition:all 0.2s;
}

.downloads a:hover{
transition:all 0.2s;
background-size:45px auto;
text-decoration:underline;
}

.spacer-smaller{
width:100%;
height:50px;
display:inline-block;
}

/* Youtube start */

.section-box-youtube-link{
border-top: 1px solid #d2d2d2;
display:table;
width:100%;  
}

.section-box-youtube-link-poz{
display:table-row;
}

.section-box-youtube-link-col{
display:table-cell;
border-bottom:1px solid #d2d2d2;
}

.section-box-youtube-text-a{
font-weight: 700;
font-size: 17px;
line-height: 28px;
color:#ea81a9;
padding:30px 24px;
vertical-align:top;
}

.section-box-youtube-text-b{
font-weight: 400;
font-size: 14px;
line-height: 22px;
color:black;
padding:30px 24px;
vertical-align:top;
}

.section-box-youtube-text-b span{
font-weight: 700;
font-size: 17px;
line-height: 28px;
display:block;
margin:0px 0px 20px 0px;
}

.section-box-youtube-text-c{
padding:30px 24px;
vertical-align:middle;
height:160px;
width:280px;
}

.section-box-youtube-text-c img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border:4px solid white;
border-radius:4px;
transition:all 0.2s;
}

.section-box-youtube-text-c img:hover{
filter:brightness(120%);
transition:all 0.2s;
}

.ytlink img:hover,
.mvlink2 img:hover{
transform:scale(0.9);
transition:all 0.2s;
}

.section-box-youtube-text-d{
padding:30px 0px;
vertical-align:middle;
}


.section-box-mapa iframe{
display:block;
width:100%;
height:282px;
}

.audio-video-header{
color:#ea81a9;
font-size:20px;
font-weight:700;
width:100%;
display:inline-block;
text-align:left;
padding-bottom:20px;
padding-top:40px;
}

/*YOU TUBE POPUP*/

.ytube-box{
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
background:rgba(255,255,255,0.95);
z-index:99999999999;
display:none;
}

.ytube-box iframe{
position:absolute;
width:calc(100% - 100px);
height:calc(100% - 100px);
top:50px;
left:50px;
}

.ytube-box-close{
position:absolute;
width:40px;
height:40px;
background:white url('img/close.png') no-repeat center center;
top:10px;
right:10px;
cursor:pointer;
}

/* YouTube end */

/* Order table */

#order-form label small
{
	font-size: 1em;
	color: red;
}

#order-form input + select
{
	margin-left: 20px;
}

.row{
width:100%;
display:inline-block;
}

.header-row{
background:#ea81a9;
}

.header-row div{
font-size:15px;
line-height:16px;
width:11.11%;
float:left;
color:white;
font-weight:bold;
padding:10px 3px;
text-align:center;
margin:0px;
box-sizing:border-box;
}

.product-row{
border-bottom:1px solid #ea81a9;
}

.product-row div{
font-size:15px;
line-height:19px;
width:11.11%;
float:left;
color:black;
font-weight:bold;
padding:10px 3px;
text-align:center;
margin:0px;
box-sizing:border-box;
}

.smallerdiv1{
width:7.11%!important;
}

.smallerdiv11{
width:110px!important;
}

.smallerdiv2{
width:200px!important;
}

.biggerdiv1{
width:15.11%!important;
}

.biggerdiv2{
width:19.11%!important;
}

.custom-file-upload {
    display: inline-block;
    padding: 6px 12px; 
    cursor: pointer;
    background-color: white; 
    color: black; 
    border: 1px solid #ea81a9; 
    border-radius: 0px; 
    font-family: sans-serif; 
    font-size: 12px; 
}

.custom-file-upload:hover {
    background-color: #ea81a9;
    color: white;
}

.removeit{
width:25px;
height:25px;
float:right;
background:url('img/close-black.png') no-repeat center center;
background-size:cover;
transition:all 0.1s;
}

.removeit:hover{
transition:all 0.1s;
transform:scale(0.9);
}

.deleting{
width:30px!important;
margin-left:7px;
}

.taste{
height:30px;
line-height:30px;
width:90%;
float:left;
margin:0 0 0 5%;
border:1px solid #ea81a9;
}

.quan{
width:90%!important;
float:left;
margin:0 0 0 5%;
padding:0px;
height:26px;
line-height:30px;
text-indent:10px;
border:1px solid #ea81a9;
}

.updatecart{
padding:8px 20px;
font-size:15px;
font-weight:bold;
color:white;
background:#ea81a9;
border:none;
margin-top:20px;
transition:all 0.2s;
cursor:pointer;
}

.updatecart:hover{
transition: all 0.2s;
background:black;
}

.mini-label{
width:100%;
display:inline-block;
margin:40px 0px 0px 0px;
font-size:20px;
font-weight:bold;
text-align:left;
color:#ea81a9;
}

.std-form{
width:100%;
display:inline-block;
font-size:15px;
margin-left:0px!important;
padding-left:0px!important;
}

.std-form li{
width:50%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
float:left;
clear:left;
list-style:none;
}

.std-form li .classic-label{
font-size:15px;
line-height:18px;
width:100%;
float:left;
color:white;
font-weight:bold;
padding:10px 3px;
text-align:center;
margin:20px 0px 0px 0px;
box-sizing:border-box;
background:#ea81a9;
}

.std-form li textarea{
width:100%;
float:left;
padding:10px;
border:1px solid #ea81a9;
resize:none;
text-align:left;
font-size:15px;
color:black;
line-height:18px;
box-sizing:border-box;
margin-top:15px;
}

.std-form li p
{
	clear: both;
	padding-top: 10px;
}

.whole{
width:100%;
float:left;
margin-top:10px;
}

.whole1{
width:100%!important;
display:block; 
padding-top:0px!important;
padding-bottom:0px!important;
text-align:left!important;
padding-left:40px!important;
}

.whole1 label{
font-size:13px;
width:calc(100% - 30px);
float:right;
}

.marbott{
margin-bottom:30px!important;
}

.deliverylab{
width:35%;
text-align:right;
margin-bottom:10px;
margin-right:5%;
float:left;
}

.delinput{
width:55%;
float:left;
height:30px;
line-height:30px;
text-align:left;
text-indent:10px;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
border:1px solid #ea81a9;
}

.smallerdelinput{
width:30%;
}

.delinput-bigger{
width:30%;
float:left;
height:36px;
line-height:36px;
text-align:left;
padding:0px 4px;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
border:1px solid #ea81a9;
}

.delinput-bigger.delselect
{
	width: 55%;
	padding: 0 2px;
}

.marbott3px{
margin-bottom:3px!important;
}

.enter{
width:100%;
height:1px;
display:inline-block;
}

.martop20px{
margin-top:22px!important;
}

.pink{
color:#ea81a9;
font-weight:bold;
}

#total{
font-weight:bold;
font-size:20px;
}

.subname{
width:100%!important;
float:left!important;
background:#f0f0f0!important;
color:black!important;
text-align:center!important;
padding:4px 0px!important;
font-size:13px!important;
font-weight:400!important;
margin-bottom:4px!important;
display:none;
}

/* Order table end */

/* messages */

.errors,
.notices
{
  clear: both;
  margin-bottom: 20px;
  color: #fff;
  padding: 10px;
  width:80%;
  position:fixed;
  top:100px;
  left:10%;
  z-index:999;
  box-sizing:border-box;
}

.errors
{
  background: #bf0000;
}

.notices
{
  background: #5ba500;
}

.errors li,
.notices li
{
  padding: 7px 0 7px 45px;
  line-height: 20px;
  margin-bottom: 1px;
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom:20px;
}

.errors li:last-child,
.notices li:last-child{
margin-bottom:0;
}

.errors li
{
  background-image: url('img/error-icon.png');
  color:white!important;
}

.notices li
{
  background-image: url('img/confirm-icon.png');
}

.inner-error
{
  color: #bf0000;
  padding-top: 10px;
}

.inner-error p
{
  margin-bottom: 10px;
}

#closeit{
width:30px;
height:30px;
position:absolute;
right:5px;
top:5px;
background:url('img/close-white.png') no-repeat center center;
background-size:cover;
cursor:pointer;
}

/* messages end */

/* Widok cukierni */

.sides{
width:100%;
display:inline-block;
}

.leftside{
width:58%;
float:left;
}

.rightside{
float:right;
width:38%;
}

.details{
width:100%;
float:left;
margin-bottom:10px;
}

.lastdetails{
margin-bottom:50px!important;
}

.details-left{
width:35%;
float:left;
font-size:15px;
line-height:18px;
text-align:right;
font-weight:bold;
color:#ea81a9;
}

.details-right{
float:left;
width:61%;
margin-left:4%;
font-size:15px;
line-height:18px;
text-align:left;
color:black;
font-weight:400;
}

.details-right p{
margin:-4px 0px 0px 0px;
padding:0px;
}

.goback{
width:100%;
display:inline-block;
text-align:center;
padding:30px 0px;
}

.goback a{
height:40px;
line-height:40px;
padding:0px 25px;
font-size:17px;
color:white;
background:#ea81a9;
display:inline-block;
transition:all 0.2s;
}

.goback a:hover{
background:black;
transition:all 0.2s;
}

/* Widok cukierni end */

.relativize{
position:relative;
}

.paginator{
width:100%;
float:left;
text-align:left;
display:inline-block;
}

.paginator span{
padding:0px 10px;
font-weight:bold;
color:#ea81a9;
}

.paginator a{
padding:0px 5px;
}

.paginator:first-child{
margin-bottom:20px;
}

.paginator:last-child{
margin-top:20px;
}

.bigger-header{
text-transform:uppercase;
font-size:22px;
text-align:center;
border-bottom:1px solid #ea81a9;
background:#e6ccc6;
}

#cookies-message{
width:80%;
padding:30px;
box-sizing:border-box;
background:#e982a9;
color:white;
text-align:justify;
position:fixed;
bottom:50px;
left:10%;
line-height:21px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(66, 68, 90, 0.47);
-moz-box-shadow: 0px 0px 12px 0px rgba(66, 68, 90, 0.47);
box-shadow: 0px 0px 12px 0px rgba(66, 68, 90, 0.47);
z-index:9999;
}

.akc1{
display:inline-block;
padding:6px 15px;
background:white;
color:#e982a9;
margin-top:13px;
margin-right:14px;
transition:all 0.2s;
}

.akc1:hover{
background:#a41a4e;
color:white;
transition:all 0.2s;
}

.no-results p{
text-align:center;
font-weight:bold;
margin-bottom:50px;
}

/* Calculator */

.calculator-container{
width:100%;
display:inline-block;
margin-bottom:80px;
margin-top:20px;
}

.calculator-left{
width:48%;
float:left;
}

.calculator-right{
width:48%;
float:right;
}

.calculator-label{
width:100%;
float:left;
padding:0px 20px;
box-sizing:border-box;
height:60px;
line-height:60px;
color:white;
font-size:15px;
text-align:center;
background:#ea81a9;
}

.calc-record{
width:100%;
float:left;
padding:12px 0px;
border-bottom:1px solid #ea81a9;
}

.calc-record:last-child{
border-bottom:0px solid ea81a9;
}

.calc-icon{
width:130px;
float:left;
}

.calc-icon img{
float:right;
}

.calc-record-name{
width:calc(100% - 160px);
float:right;
font-size:15px;
color:black;
text-align:left;
line-height:24px;
padding-top:10px;
}

.calc-input{
float:left;
width:25%;
}

.calc-input label{
width:100%;
float:left;
text-align:left;
height:40px;
line-height:40px;
}

.calc-symbol{
width:24px;
height:45px;
line-height:45px;
font-size:15px;
color:black;
float:left;
text-align:center;
margin-top:40px;
}

.calc-input input,
.calc-input #result{
width:100%;
float:left;
box-sizing:border-box;
height:45px;
line-height:45px;
padding:0px 20px;
border:1px solid #ea81a9;
font-size:15px;
color:black;
}

.crleftpadd{
--paddleftA:calc(100% - 75% - 48px );
--paddleftB:calc(var(--paddleftA) / 2);
padding-left: var(--paddleftB);
border-bottom:none;
}

.mtop{
margin-top:40px;
display:inline-block;
font-size:15px;
line-height:24px;
}


/* Calculator END */

/* Animations */

@keyframes appearance {
  from {opacity: 0.0;}
  to {opacity: 1.0;}
}

@keyframes sloganmove {
  from {opacity: 0.0; margin-top: 70px;}
  to {opacity: 1.0; margin-top: 0px;}
}

@keyframes banneranim {
  from {opacity: 0.0;}
  to {opacity: 1.0;}
}

@keyframes textanim {
  from {opacity: 0.0;}
  to {opacity: 1.0;}
}

@keyframes encranim {
  0% {opacity:0.0; margin-left:-500px;}
  20% {opacity:1.0; margin-left:0px;}
  80% {opacity:1.0; margin-left:0px;}
  100% {opacity:0.0; margin-left:0px;}
}

/* Animations End */

/* Product icons */

.product-icons{
width:100%;
display:inline-block;
text-align:center;
padding:0px 0px 4px 0px;
margin-top:-5px;
}

.product-icons .pico{
width:21px;
height:21px;
display:inline-block;
background-size:18px 18px;
background-position:center center;
background-repeat:no-repeat;
transition:all 0.2s;
margin:0px 1.5px;
}

.product-icons .pico:hover{
transition:all 0.2s;
transform:scale(0.9);
}

.pico.chocolade{
background-image:url('img/ico-czekolada.svg');
}

.pico.gluten{
background-image:url('img/ico-gluten.svg');
}

.pico.laktoza{
background-image:url('img/ico-laktoza.svg');
}

.pico.orzechy{
background-image:url('img/ico-orzechy.svg');
}

.pico.laktoza{
background-image:url('img/ico-laktoza.svg');
}

.pico.jajka{
background-image:url('img/ico-jajka.svg');
}

.pico.vegan{
background-image:url('img/ico-vegan.svg');
}

.pico.cytrus{
background-image:url('img/ico-cytrusy.svg');
}

.pico.xylitol{
background-image:url('img/ico-xylitol.svg');
}

.legend{
width:100%;
display:flex;
flex-wrap: wrap;
margin-bottom:0px;
}

.legend strong{
font-size:18px;
color:#ea81a9;
margin-top:35px;
}

.legend .whole{
margin-top:69px;
float: none;
width: 100%;
}

.mobilelegend .whole{
margin-top:10px;
}

.mobilelegend{
margin-bottom:45px;
}

.ico-legend{
width:33%;
margin-top:15px;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.mobilelegend .ico-legend{
width:50%;
}

.mobilelegend{
display:none;
}

.icol{
width:30px;
height:30px;
text-align:center;
margin-right: 10px;
}

.icol img{
display:inline-block;
height:100%;
}

.ico-desc{
width:calc(100% - 40px);
color:black;
text-align:left;
float:right;
font-size:16px;
}

/* Product icons end */

.cake-wishes{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 8px;
margin-top:20px;
}

.cake-wishes-order{
width:100%!important;
float:left;
margin-top:10px;
padding-top:0px!important
}

.cake-wishes textarea,
.cake-wishes-order textarea{
height: 75px;
padding: 0 10px;
line-height: 25px;
box-sizing: border-box;
width: 100%;
background: white;
border: 2px solid #000;
border-radius: 6px;
resize: none;
margin-top: 8px;
}

.cake-wishes-order textarea{
width:100%;
margin-top:0px;
border:1px solid #ea81a9;
height:65px;
border-radius:0px;
}

.cake-wishes-order label{
width:100%;
float:left;
text-align:left;
font-weight:300;
font-size:13px;
}

.product-row div.normaldiv{
width:auto;
}

.mtop10{
margin-top:30px!important;
font-style:italic;
}

.paddbott50{
padding-bottom:50px;
margin-top:-100px;
}

.tac{
text-align:center;
}

.progress-bar
{
	clear: both;
	margin-bottom: 10px;
	height: 16px;
}

.progress-bar div
{
	background: #ea81a9;
	height: 100%;
	width: 0;
}

.attachments p
{
	font-size: 0.75em;
}

.attachments p a
{
	text-overflow: ellipsis;
}

/* ==== RWD ==== */

@media (max-width: 1430px) {

.container-big{
width:calc(100% - 30px);
padding:0px 15px;
}

.section-products-window-form-content{
padding:30px 30px;
}


}


@media (max-width: 1230px) {

.container{
width:calc(100% - 30px);
padding:0px 15px;
}

.header-top-content-slogan{
width:308px;
}

.header-top-content-logo img{
height:90px;
width:auto;
}

.section-shops-block-name{
width:170px
}

.section-shops-block-text-two{
width:240px;
}


.section-shops-block-text{
padding:24px 15px 24px 15px;
width:320px;
}

}

@media (max-width: 1150px) {
	
.smallerdiv1{
width:7.11%!important;
}

.smallerdiv11{
width:90px!important;
}

.smallerdiv2{
width:180px!important;
}

.biggerdiv1{
width:12.11%!important;
}

.biggerdiv2{
width:15.11%!important;
}

}

@media (max-width: 1100px) {

.ico-legend{
width:50%;
}

}

@media (max-width: 1040px) {

.deleting{
width:100%!important;
float:left;
text-align:right!important;
box-sizing:border-box;
padding-right:30px!important;
}

}

@media (max-width: 992px) {

.header-top-content-slogan{
width:230px;
font-size:12px;
line-height:18px;
}

.header-top-content-slogan span{
font-size:18px;
font-family: 'Allura', cursive;
}

.header-top-content-logo img{
height:60px;
width:auto;
}

.baner-home-page-slogan-content-text{
font-size:20px;
line-height:24px;
padding:52px 0px 32px 0px;
min-height:75px;
}

.baner-home-page-slogan-content-text br{
display:none;
}

.baner-home-page-slider-img-block{
width:100%;
height:353px;
}

.baner-home-page .owl-theme .owl-dots{
top:260px;
}

.section-offer-content-block{
display:block;
width:calc(50% - 6px);
margin:3px 3px;
position:relative;
}

.section-info-content-a-block-img{
width:400px;
padding-left:50px;
}

.section-info-content-a-block-text{
width:calc(100% - 450px);
}

.section-info-content-b-block-img{
width:400px;
padding-right:50px;
}

.section-info-content-b-block-text{
width:calc(100% - 450px);
}

.footer-page-top-block-menu{
display:block;
}


.footer-page-bottom-text{
width:calc(100% - 346px);
}


.footer-page-bottom-logo{
width:346px;
text-align:right;
}

.footer-page-top-block-text-icon span .mail-footer
{
word-wrap:break-word;
width:160px;
}

.section-products-block{
width:calc(33.333333333333333% - 26px);
}

.section-price-list-category ul li{
width:calc(50% - 6px);
margin:3px 3px;
}


.section-history-content-a-block-img{
width:400px;
padding-left:50px;
}

.section-history-content-a-block-text{
width:calc(100% - 450px);
}

.section-history-content-b-block-img{
width:400px;
padding-right:50px;
}

.section-history-content-b-block-text{
width:calc(100% - 450px);
}


}

@media (max-width: 950px) {
	
.header-row{
display:none;
}

.normaldiv,
.smallerdiv1,
.smallerdiv11,
.smallerdiv2,
.biggerdiv1,
.biggerdiv2{
width:16.6%!important;
/* height:80px; */
overflow:hidden;
}

.deleting{
width:100%!important;
}

.cake-wishes-order textarea{
height:30px;
}

.subname{
display:initial;
width:100%!important;
}

.product-row{
padding-bottom:20px;
}

.calc-icon{
width:50px;
}

.calc-record-name{
width:calc(100% - 100px);
}

.hideonmobile{
display:none;
}

.attachments{
width:100%!important;
}

.attachments label{
width:100%;
box-sizing:border-box;
}

.product-row div.uploads{
float:right!important;
}

.whole1{
padding-left:7px!important;
}

}


@media (max-width: 900px) {

.leftside{
width:100%;
}

.rightside{
width:100%;
margin-top:40px;
}

}

@media (max-width: 850px) {

.calculator-left{
width:100%;
}

.calculator-right{
width:100%;
}

.desktoplegend{
display:none;
}

.mobilelegend{
display:inline-block;
}

}



@media (max-width: 768px) {


.header-top-content-slogan{
display:none;
}

.baner-home-page-slider-img-block{
width:100%;
height:253px;
}

.baner-home-page .owl-theme .owl-dots{
top:180px;
}

.section-info-content-a-block{
display:block;  
}

.section-info-content-a-block-img{
width:100%;
padding-left:0px;
margin-bottom:40px;
}

.section-info-content-a-block-text{
width:100%;
}

.section-info-content-b-block{
display:block;  
}

.section-info-content-b-block-img{
width:100%;
padding-right:0px;
margin-bottom:40px;
}

.section-info-content-b-block-text{
width:100%;
}

.footer-page-top-blocks{
display:block;
}

.footer-page-top-block{
width:100%;
text-align:center;
}

.footer-page-top-header{	
padding:30px 0px 0px 0px;
}

.footer-page-top-header::before{
bottom:-10px;
left:50%;
margin-left:-22px;
}

.footer-page-top-block-menu ul{
padding:0px;
margin:0px;
}

.footer-page-bottom{
display:block;
}

.footer-page-bottom-h{
text-align:center;
}

.footer-page-bottom-text{
width:100%;
}

.footer-page-bottom-logo{
width:100%;
text-align:center;
}

.footer-page-bottom-logo img{
margin:15px;
}

.section-products-content{
display:block;
}

.section-products-content-text{
width:100%;
}


.section-products-content-img{
width:100%;
padding-left:0px;
text-align:center;
}

.section-products-content-img img{
width:auto;
max-width:100%;
height:auto;	
}

.section-products-block{
width:calc(50% - 26px);
}

.section-price-list-category ul li{
width:calc(100% - 6px);
margin:3px 3px;
}

.section-price-list-category ul li a{
height:auto;
}


.section-price-list-category ul li a span{
display:block;
position:relative;
top:0px;
transform: translateY(-0%); 
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
}

.section-price-list-table{
display:block;
width:100%;
}

.section-price-list-table-row{
display:block;
margin-bottom:20px;
}

.section-price-list-table-cell-head{
display:none;
}

.section-price-list-table-cell{
display:block;
width:calc(100% - 30px);
vertical-align:middle;
padding:12px;
font-size:16px;
line-height:25px;
font-weight:500;
color:#000;
text-align:center;
}

.section-price-list-table-cell-width-a{
width:calc(100% - 30px);
}

.section-price-list-table-cell-width-b{
width:calc(100% - 30px);
}

.section-price-list-table-cell-text-a{
display:inline;
}

.section-price-list-header-table{
padding:16px;
text-align:center;
}

.section-shops-block{
display:block;
margin-bottom:12px;
text-align:center;
}

.section-shops-block-name{
padding:20px;
width:auto;
}

.section-shops-block-text{
padding:20px;
width:auto;
}

.section-shops-block-text-two{
padding:20px;
width:auto;
}

.section-shops-block-button{
padding:20px;
width:auto;
}

.section-shops-block-text-icon img{
margin-right:0px;
}

.section-shops-block-text-icon .marker{
margin-right:0px;
}

.section-shops-block-text-icon span{
display:block;
}

.section-history-content-a-block{
display:block;  
}

.section-history-content-a-block-img{
width:100%;
padding-left:0px;
margin-bottom:40px;
}

.section-history-content-a-block-text{
width:100%;
}

.section-history-content-b-block{
display:block;  
}

.section-history-content-b-block-img{
width:100%;
padding-right:0px;
margin-bottom:40px;
}

.section-history-content-b-block-text{
width:100%;
}

.gallery img{
width:42.5%;
margin:2.4% 0 0 5%;
}

.gallery a.relativize{
width:42.5%;
margin:2.4% 0 0 5%;
}

.gallery a.relativize img{
width:100%;
margin:0;
}

.section-box-youtube-link{
border-top: 1px solid #d2d2d2;
display: block;
width: 100%;  
}

.section-box-youtube-link-poz{
display:block;
border-bottom:1px solid #d2d2d2;
}

.section-box-youtube-link-col{
display: block;
border-bottom: 0px solid #d2d2d2;
}

.section-box-youtube-text-a {
padding: 30px 0px 0px 0px;
}

.section-box-youtube-text-b {
padding: 0px 0px 30px 0px;
}

.section-box-youtube-text-c {
padding: 0px 0px 30px 0px;
vertical-align: middle;
display: inline-block;
vertical-align: middle;
}

.section-box-youtube-text-d {
padding: 0px 0px 30px 30px;
display: inline-block;
vertical-align: middle;
}

.std-form li{
width:100%;
}

}

@media (max-width: 650px) {
	
.normaldiv,
.smallerdiv1,
.smallerdiv11,
.smallerdiv2,
.biggerdiv1,
.biggerdiv2{
width:100%!important;
}

.deleting{
width:100%!important;
}

}


@media (max-width: 576px) {

.header-top-content-logo{
padding:10px 10px 10px 0px;
}

.header-top-content-logo img{
height:40px;
width:auto;
}

.header-top-content-icon-sep{
width:1px;
height:31px;
background:#ea81a9;
}

.header-top-menu.header-top-menu-open{
width:100%;
}

.header-top-content-icon-search-poup-block{
position:absolute;
top:30px;
left:15px;
width:calc(100% - 110px);
background:#ea81a9;
padding:60px 40px;
text-align:center;
transform: translateY(0%) translateX(0%); 
-webkit-transform: translateY(0%) translateX(0%);
-ms-transform: translateY(0%) translateX(0%);
}

.section-offer-content-block{
display:block;
width:calc(100% - 6px);
margin:3px 3px;
position:relative;
}

.footer-page-socialmedia{
padding:22px 0px;
text-align:center;
}

.footer-page-copy{
display:block;
text-align:center;
}

.section-products-block{
width:calc(100% - 26px);
}



}

@media (max-width: 450px) {
	
.calc-input{
width:100%;
}

.calc-symbol{
width:100%;
margin-top:10px;
height:20px;
line-height:20px;
font-size:20px;
font-weight:bold;
}

.crleftpadd{
padding-left:0px
}

.mobilelegend .ico-legend{
width:100%;
}

.mobilelegend .whole{
margin-top:-20px;
}

.deleting{
margin-top:20px!important;
width:100%!important;
text-align:center!important;
padding-right:0px!important;
}

.button-page{
margin-left:auto!important;
margin-right:auto!important;
}

}

@media (max-width: 385px) {

.header-top-content-icon-sep{
display:none;
}

.header-top-content-logo{
padding:30px 10px 30px 0px;
}

.header-top-content-logo img{
height:20px;
width:auto;
}

}

