body,html {
  height: 100%;
}

#Loader {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #ff727685;
	background: #00000085;
	background: #ffffffcc;
	z-index: 9999;
  }

  .hidden {
    display: none!important;
  }
  .header .logo img {
    max-height: 50px;
    margin-right: 8px;
  }
  .footer .footer-about .logo img {
    max-height: 45px;
    margin-right: 6px;
  }

  .info-icon {
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    color: #0054a1;
  }

  #Loader p {
	font-weight: 600;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: zoominoutsinglefeatured 21s infinite;
	text-align: center;
	width: 100%;
  }
  #Loader p img {
	width: 100px;
  }

.productCover {
  max-width: 100%;
}

.productCover img {
  max-width: 100%;
}

.product_price_headline {
  text-align: center;
}

.product_price_headline del {
  color: #a29f9f;
}

.product_price_headline strong {
  color: #057bfa;
}

.bottom-stats .stats-row {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }

.bottom-stats .stats-row {
    position: relative;
    z-index: 1;
    margin-top: 5rem;
    background-color: var(--surface-color);
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    padding-bottom: 2rem;
  }
  
  .bottom-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
  }
  
  .bottom-stats .stat-item .stat-icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
    border-radius: 50px;
    transition: 0.3s;
  }
  
  .bottom-stats .stat-item .stat-icon i {
    font-size: 1.5rem;
    color: var(--accent-color);
  }
  
  .bottom-stats .stat-item:hover .stat-icon {
    background-color: var(--accent-color);
  }
  
  .bottom-stats .stat-item:hover .stat-icon i {
    color: var(--contrast-color);
  }
  
  .bottom-stats .stat-item .stat-content {
    flex-grow: 1;
  }
  
  .bottom-stats .stat-item .stat-content h4 {
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
    font-weight: 600;
  }
  
  .bottom-stats .stat-item .stat-content p {
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--default-color), transparent 40%);
    margin: 0;
  }
  
  @media (max-width: 575px) {
    .bottom-stats .stat-item {
      padding: 1.5rem;
    }
  }
  






.footer-badges {

}

.footer-badges img {
    max-width: 250px;
}

.footer {
  background-color: #0054a1;
  margin-top: 30px;
  color: #fff;
}
.footer .footer-links ul a {
  color: #fff;
 
}
.footer h4 {
  color: #fff;

}


.row-testimonial {

}

.col-testimonial {
    display: flex;
}

.col-testimonial .timg {
 background: #fff;
 box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);
}

.col-testimonial .timg img {
 max-width: 300px;
}

.products {
 /*
  background-image: linear-gradient(45deg, #5fb9ed 15.63%, #fcfcfc 15.63%, #fcfcfc 50%, #5fb9ed 50%, #5fb9ed 65.63%, #fcfcfc 65.63%, #fcfcfc 100%);

    background-size: 22.63px 22.63px;
*/


    display: flex;
    gap:20px;
    justify-content: center;
    align-items: baseline  ;
    flex-wrap: wrap;
}

.product-col {
    width: 45%;
}

.products .product {
    background-color: #fff;
    border-radius: 5px;
   /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;


    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    padding: 10px 15px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.products .product . product-side{

}


.products .product h2 {
 text-align: center;
}

.products .product p.product_price {
 color: #1f1f1f;
 text-align: center;
 font-size: 15px;
}

.products .product div.product-buy-button {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.products .product div.product-thumb {

}

.products .product div.product-thumb a {

}

.products .product div.product-thumb a img {
 max-width: 250px;
}



a.mybtn {
    
}

a.mybtn:hover {
    
}

.arrow-button {
    display: flex;
    justify-content: center;
    color: #fff;
    background-color: #0054a1;
    padding: 2px 10px;
    border-radius: 20px;
    transition: all .2s ease;
    font-weight: bold;
    cursor: pointer;
     align-items: center;
    font-size: 17px;
    height: 35px;
    letter-spacing: 1px;

}

.arrow-button > i {
    position: relative;
    margin-left: 10px;
    transition: all .2s ease;
}

.arrow-button:hover > i {
    font-size: 1.2em;
}

.arrow-button:hover {
    background-color: #017A4F;
    color: #fff;
    font-size: 17px;
}


#product-section {
    padding: 10px 0;
    scroll-margin-top: 90px;
    overflow: clip;
}

section.product-fotomix {

}

#product-section h1 {
    text-decoration: underline #0054a1;
    text-align: center;
    text-decoration-thickness: 4px;
    margin-top: 15px;
}

.product_features {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product_features > div {
 font-size: 20px;
 color: #1f1f1f;
}

.product_features > div i {
     font-size: 1.1em;
     color:#0d83fd
}

div.product_description_short {

}

div.product_description {
 margin-top: 30px;
}

div.product_description h2.headline {
  border-bottom: 1px solid #0d83fd;
}


.product_options {
    background-color: #fcfcfc;
    margin: 10px auto;
}

.product_suboptions {
  background-color: #fcfcfc;
  margin: 10px auto;
}


.option_group {
 margin: 15px;
 padding: 10px;
}

h3.headline {
  text-align: center;
}

h3.headline em {
  font-weight: 400;
  color: #a29f9f;
  font-size: 17px;
}

.option_group .options_wrapper {
 display: flex;
 justify-content: center;
 gap: 10px;
 padding: 10px 10px;
 overflow-x: auto;
  white-space: nowrap;
}

.layout_fields {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 10px 10px;
 }

 .layout_options {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 10px 10px;
 }




.myoption {
   padding: 0px;
   position: relative;
}


.myoption label {
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px 15px;
 border: 2px transparent;
}

.myoption label:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.myoption .myradio {
  display: none;
}


input.myradio:checked + label, label.option_label.selected {
    background-color: #f0f0f0!important;
    border: 2px solid #0d83fd!important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

label.option_label span {
  display: block;
  text-align: center;
}


label.option_label span.product_old_price {
   text-decoration: line-through;
   color: #dcdcdc;

}

label.option_label span.product_price {
  color:  #0d83fd;
  font-weight: 700;
  
}


.option_subgroup {
 display: none;
}

.option_subgroup.selected {
  display: block;
 }

#images-container {
  margin-top: 20px;

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 150px));
  gap: 10px;
  padding: 10px;
  justify-content: center;
  justify-items: center;
  align-content: center;
}

#images-container .img-field {
  width: 150px;
  height: 150px;
  border: 1px dashed #ccc;
  border-radius: 5px;
  position: relative;
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#images-container .img-field.invalid {
  border: 1px dashed #ff0000;
  background-color: #f19e9e;
 }


#images-container .img-field input {
  display: none;
}

#images-container .img-field .lbl-upload {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#images-container .img-field .lbl-upload i {
  font-size: 3em;
  color:  #0d83fd;
}

#images-container .img-field .lbl-upload.lbl-upload-single {
  flex-direction: column;
}


#images-container .img-field .lbl-upload img {
  width: 50px;
  height: 50px;
}
#images-container .img-field .lbl-upload span {
  display: block;
  text-align: center;
}


#images-container .img-field .image-preview {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  position: absolute;
}


.buy-button-wraper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  border-top: 2px solid #ececec;
  padding: 10px;
  padding-top: 25px;
}

.btn-buy {
 font-size: 21px;
 font-weight: bold;
 padding: 10px 25px;
}





#checkout-section {
  padding-top: 10px;
}

#checkout-section h1 {

}

.checkout-data {
  margin-top: 15px;
  border: 1px solid #bababa;
  border-radius: 5px;
  max-width: 700px;
  padding: 15px;
}

.checkout-data h2 {
   border-bottom: 1px solid #bababa;
 }

.checkout-fields {

}

.checkout-fields .row {
 margin-top: 5px;
}

.checkout-fields.payment-methods {

}

.checkout-fields.payment-methods label {
 display: block;
 padding: 5px 5px;
}

.checkout-check {
  margin: 10px 0px;
}

.checkout-button {
  margin-top: 30px;
}

.header .btn-cart, .header .btn-cart:focus {
  color: #fff;
  background:#0054a1;
  font-size: 14px;
  padding: 8px 20px;
  margin: 0 0 0 30px;
  border-radius: 50px;
  transition: 0.3s;
  position: relative;
}

.header .btn-cart:hover {
  color: #fff;
  background: #057bfa;
 
}

#cart_total {
   width: 20px;
   height: 20px;
   text-align: center;
   line-height: 20px;
   background-color: #ccc;
   border-radius: 50%;
   font-size: 14px;
   display: block;
   position: absolute;
   top: -10px;
   right: 0px;
   color: #fff;
   font-weight: 700;
}

.header .btn-cart.hasItems {
 color: #ffffff;
}

.header .btn-cart.hasItems #cart_total {
   background-color: #017A4F;
}


a.cart_product_remove {
  background-color: #ff0000;
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
  display: block;
  font-size: 14px;
  margin: 5px 0px;

  text-align: center;
}

.cart_product_title {
  color: #000;
}

span.checkout_table_quantity {
  display: block;
  font-weight: 700;
}

span.checkout_table_unit_price {
  display: block;
  font-weight: 700;
}

td.tdLast {
  text-align: right;
}

tr.trTopBorder {
  border-top: 2px solid  #bababa;
}

td.total_td {
  background-color: #ffebcd;
  font-weight: 700;
}


#layout_config {
  margin: 10px auto;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 15px;
}


#layout_config h2 {
 text-align: center;
}


#collage-images-wraper {
 margin: 20px 0px;
 display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 10px;
}

#collage-box {
  margin: auto;
  text-align: center;
  background-color: #fff;
}
.collage-image-field-wrapper {
  border: 1px solid #ccc;
  cursor: pointer;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.collage-image-field-wrapper input {
 display: none;
}

.collage-image-field-wrapper i {
  font-size: 1.5em;
 }

.collage_image_preview {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.collage_image_preview img{
  width: 100%;
  height: 100%;
}

.bwImage {
  filter: grayscale(1);
}

#image_designer_wraper {
  display: flex;
  justify-content: center;
  margin: 10px 0px;
  padding: 5px;
  display: none;

}

.image_designer {
  display: flex;
  justify-content: center;
  padding: 5px;
  gap:10px;
}

.image_designer > div {
  background-color: #dcdcdc;
  padding: 5px 10px;
}

.image_designer > div:first-child {
  border-right: 1px solid #bababa;
  padding-right: 15px;
}

.image_designer > div a {
   color: #000;
   margin-left: 5px;
   opacity: 0.5;

}

.image_designer > div a i {
  color: #000;
  font-size: 1.7em;

}

.image_designer > div a img {
  color: #000;
  font-size: 1.7em;

}

.image_designer > div a:hover, .image_designer > div a.selected {
   opacity: 1;
}

#ajax_cart_content table {
  width: 100%;
}
#ajax_cart_content table td.tdFluid {
  
}


.orderImages {
  margin: 5px;
  padding: 5px;
  background-color: #4786bb;
  display: flex;
  gap: 10px;width: 100%;
}

.orderImages a {
  display: block;
  border: 1px solid #bababa;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.orderImages a img {
   max-width: 70px;
} 



.row-contact {
  display: flex;
  justify-content: center;
  align-items: center;
}


.kontakt-form {
  max-width: 500px;
}


.kontakt-form .row {
   margin-top: 10px;
}

 
 .glow::after {
   content: '';
   position: absolute;
   top: -10px;
   left: -10px;
   height: 170px;
   width: 270px;
   background: linear-gradient(60deg, red, white, blue);
   background-size: auto;
   border-radius: 15px;
   z-index: 0;
   animation: animatedgradient 1.5s alternate infinite;
   background-size: 300% 300%;

 }

 @keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

 .img-field-animation {
  width: 250px;
  height: 150px;
 margin: 10px auto;

  position: relative;
  cursor: pointer;
   position: relative;
   color: #fff;

}

.img-field-animation input {
  display: none;
}

.img-field-animation .lbl-upload {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #0054a1;
 z-index: 999;

 width: 250px;
 height: 150px;
  position: relative;
}


.img-field-animation .lbl-upload  img {
  width: 50px;
  height: 50px;
}
.img-field-animation .lbl-upload  span {
  display: block;
  text-align: center;
  font-weight: 700;
}

.img-field-animation .image-preview {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9999;
}



.quality-bar-container-wrapper {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.quality-bar-container {
  width: 50%;
  display: flex; 
  align-items: center; 
}

.quality-bar-wrapper {
  top: 0%;
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, red, orange, green);
  overflow: hidden;
  position: relative;
}

.quality-bar {
  width: 0%;
  height: 100%;
  transition: width 1s;
  background: white;
  position: absolute;
  right: 0;
}

.image-container-wrapper {
  display: none;
}

@media only screen and (min-width: 1000px) {
  .designer-options-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
}


.main-image-wrapper {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  max-width: 100%;
}


.size-options-wrapper {
  display: none;
}

#buy-button-wrapper {
  display: none;
}

.image-container-temporary {
  width: 250px;
  height: 150px;
}

.image-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  width: 100%;
  max-width: 100%;
}

.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 100vh;
  border-radius: 15px;
}

.image-container-icon {
  width: 40px
}

.image-container-text {
  margin-bottom: 0px;
  text-align: center;
}


.additional-information-wrapper {
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
}

.options-wrapper {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
}

.options-wrapper input {
  display: none;
}


@media only screen and (min-width: 1000px) {
  .options-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}



.designer-information-icon {
  display: none;
  margin: 0px 15px;
  max-width: 50px;
  max-height: 50px;
}

.color-icon {
  filter: grayscale(100%);
  display: flex;
  cursor: pointer;
}

.button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}


#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* 50% opacity */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1000; /* High z-index to be on top of other elements */
}

#progress-text {
  color: white;
  margin-top: 20px;
}




.option-wrapper {
  background-color: #fff;
  padding: 15px;
  margin: 0.5em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  cursor: pointer;
  border: 2px solid transparent;
}

.option-wrapper:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.option-wrapper > span {
  padding: 0px;
  color: #0054a1;
}

.radio-input:checked + label {
  border: 2px solid #0054a1;
}

label.selected {
  border: 2px solid #0054a1;
}

label.option-wrapper > span {
 display: block;
}

.option-wrapper > img {
  max-width: 70px;
}


label.option-wrapper > span.size {

}

 label.option-wrapper > span.old_price {
  color: #a29f9f;
  text-decoration: line-through;
 }

 label.option-wrapper > span.price {
 font-weight: 700;
 font-size: 19px;
}







.button-wrapper {
  margin: 20px auto;
  width: 300px;
  margin-top: 20px;
  text-align: center;
}

#buy-add-to-cart-reload {
 margin-left: 25px;
}

#buy-button {
  border-bottom: 4px solid #2b6cb0;
  background-color: #4299e1;
  width: 150px;
  font-weight: 700;
  font-size: 19px;
  height: 50px;  
  color: #fff;
  border-radius: 5px;
 text-transform: uppercase;

}



#buy-button:hover {
  background-color: #2180ce;
  color: #fff;
}

.next-step-button-wrapper {
  margin-top: 30px;
}



span.checkout_table_price {
  font-weight: 700;
  color: #0054a1;

}


tr.order-overview-div {

}

tr.order-overview-div p {
  margin: 1px;
  padding: 1px;
}


.square-cut {
  position: absolute;
  z-index: 99;
  width: 25px;
  height: 25px;
  background: white;
}

#left-top-square {
  left: 0px;
  top: 0px;
}

#right-top-square {
  right: 0px;
  top: 0px;
}

#right-bottom-square {
  right: 0px;
  bottom: 0px;
}

#left-bottom-square {
  left: 0px;
  bottom: 0px;
}

.border-cut {
  position: absolute;
  background: rgb(0, 0, 0);
  opacity: 20%;
  padding: 0px;
}

.horizontal__ {
  width: 100%;
  height: 25px;
  position: absolute;
  z-index: 98;
}

.vertical__ {
  height: 100%;
  width: 25px;
  position: absolute;
  z-index: 98;
}

#top-border-cut {
  top: 0px;
}

#right-border-cut {
  top: 0px;
  right: 0px;
}

#bottom-border-cut {
  bottom: 0px;
}

#left-border-cut {
  top: 0px;
  left: 0px;
}

.border-cut {
  position: absolute;
  background-repeat: no-repeat;
  padding: 0px;
}

.horizontal__ {
  width: 100%;
  height: 25px;
  position: absolute;
  z-index: 98;
}

.vertical__ {
  height: 100%;
  width: 25px;
  position: absolute;
  z-index: 98;
}

#top-border-cut {
  top: 0px;
  background-size: 100% 25px;
  background-position: 0% 0%;
}

#right-border-cut {
  top: 0px;
  right: 0px;
  background-size: 25px 100%;
  background-position: 100% 0%;
  transform: scaleX(-1);
}

#bottom-border-cut {
  bottom: 0px;
  background-size: 100% 25px;
  background-position: 0% 100%;
  transform: scaleY(-1);
}

#left-border-cut {
  top: 0px;
  left: 0px;
  background-size: 25px 100%;
  background-position: 0% 0%;
  transform: scaleY(-1) scaleX(-1);
}

#karikatura_options {
  display: block;
  text-align: center;
}


#karikatura_options .koption {
 border-bottom: 1px solid #bababa;
 margin-top: 15px;
 padding-bottom: 10px;
 margin-left: auto;
 margin-right: auto;

 max-width: 500px;
 text-align: center;
 
}

#karikatura_options .koption h3 {
  
 }


 #karikatura_options .koption .koptions {
   display: flex;
   gap: 10px;
   justify-content: center;
 }

 #karikatura_options .koption .koptions label {
    background-color: #fff;
    border: 1px solid #bababa;
    padding: 12px 20px;
    cursor: pointer;
    font-weight: 700;
    border-radius: 4px;
    color: #1f1f1f;
    text-align: center;
}

#karikatura_options .koption .koptions label img {
  width: 100%;
  max-width: 150px;
  display: block;
}

#karikatura_options .koption .koptions select {

  text-align: center;
}



#karikatura_options .koption .koptions label span {
  font-weight: 400;
}


#karikatura_options .koption .koptions input {
   display: none;
}


#karikatura_options .koption .koptions input:checked + label {
  border: 1px solid #0054a1;
  color: #0054a1;
}


#karikatura_options .koption .koptions textarea {
 width: 100%;
}


.dropzoneElem, .dropzoneElem * {
  box-sizing: border-box; }

.dropzoneElem {
  position: relative; }
  .dropzoneElem .dz-preview {
    position: relative;
    display: inline-block;
    width: 120px;
    margin: 0.5em; }
    .dropzoneElem .dz-preview .dz-progress {
      display: block;
      height: 15px;
      border: 1px solid #aaa; }
      .dropzoneElem .dz-preview .dz-progress .dz-upload {
        display: block;
        height: 100%;
        width: 0;
        background: green; }
    .dropzoneElem .dz-preview .dz-error-message {
      color: red;
      display: none; }
    .dropzoneElem .dz-preview.dz-error .dz-error-message, .dropzoneElem .dz-preview.dz-error .dz-error-mark {
      display: block; }
    .dropzoneElem .dz-preview.dz-success .dz-success-mark {
      display: block; }
    .dropzoneElem .dz-preview .dz-error-mark, .dropzoneElem .dz-preview .dz-success-mark {
      position: absolute;
      display: none;
      left: 30px;
      top: 30px;
      width: 54px;
      height: 58px;
      left: 50%;
      margin-left: -27px; }

      .dropzoneElem .dz-remove {
        color: #ff0000;
      }
      .dropzoneElem .dz-preview.dz-success .dz-success-mark {
        display: none;
      }
      .dropzoneElem .dz-filename {
        display: none;
      }
      


#dZUpload {
  max-width: 500px;
  margin: 10px auto;
  border:2px dashed #057bfa;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  
}



.product.fotomix { 
  background: rgb(34,193,195);
  background: linear-gradient(76deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%); 

}

.product.slika-na-posteru {
  background: rgb(34,193,195);
background: linear-gradient(254deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%); 
}


.product.slika-na-platnu {
  background: rgb(63,94,251);
  background: linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%); 

}

.product.karikatura {
  background: linear-gradient(90deg,#AEC6AC, #6DB267);
  color: #fff;
}


.product.fotomix h2,.product.slika-na-platnu h2,product.poster-kolaz h2,.product.karikatura h2  {
  color: #fff;
}
.product.fotomix p.product_price,.product.slika-na-platnu p.product_price,product.poster-kolaz p.product_price,.product.karikatura p.product_price  {
  color: #fff;
}


.karikaturaPrice {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 10px;
 text-align: center;
}


.karikaturaPrice p {
  margin: 1px;
  padding: 1px;
}


.karikaturaPrice p.p1 {

}
.karikaturaPrice p.p2 {
   font-weight: 700;
}


.karikaturaPrice p span#osnovna_cena {
 
}
.karikaturaPrice p span#ukupna_cena {
 font-weight: 700;
}


#testimonials-slider-section {

}

#testimonials-slider-section .container {
  
}

#testimonials-slider-section .container > h2 {
   text-align: center;
}

#testimonials-slider-section .container > p {
  text-align: center;

}

.testimonials-slider {
 background-color: #fff;
 padding: 20px;
}

.testimonials-slider .owl_item {
 
}

.testimonials-slider .testimonial_item {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
}

.testimonials-slider .testimonial_item .timg {
  
}
.testimonials-slider .testimonial_item .timg img {
  width: 100%;
}


.testimonials-slider .testimonial_item .tcontent {
  font-size: 14px;
  margin-top: 10px;
}

.testimonials-slider .testimonial_item .tuser {
   font-weight: 700;  
   color: #057bfa;
   margin-top: 10px;

}







#testimonials-verified-section {

}

.testimonials-verified-slider {

}

.testimonials-verified-slider .owl_item {
  
}

.testimonials-verified-slider .testimonial_item {
  border:5px solid #FFD600;
  padding: 20px 10px;
  border-radius: 10px;
  text-align: center;
}

.testimonials-verified-slider .testimonial_item .tstar {
 text-align: center;
}
.testimonials-verified-slider .testimonial_item .tstar img {
 width: 90%;
 margin: auto;
}

.testimonials-verified-slider .testimonial_item .tcontent {
  margin-top: 5px;
}

.testimonials-verified-slider .testimonial_item .tuser {
  font-weight: 700;
  margin-top: 10px;
}

.testimonials-verified-slider .testimonial_item .tdatum {
 
}

.karikatura_okvir, .karikatura_platno {
  display: none;
}

.usporedba_velicine {
  margin: 20px 0px;
}

.usporedba_velicine h2 {
 text-align: center;
}

.usporedba_velicine .usporedba_items {
 display: flex;
 margin-top: 40px;
 margin-bottom:10px;
 justify-content:  space-between;
 flex-wrap: wrap;

}

.usporedba_velicine .usporedba_items > div {
 margin-top: 10px;
}


 .usporedba_velicine .usporedba_items > div img {
  display: block;
   height: 100px;
   margin: auto;
 }

 
.usporedba_velicine .usporedba_items > div span {
  display: block;
 }

 .usporedba_velicine p {
 text-align: center;
 }


 .proizvodnja {
  margin: 20px 0px;
}

.proizvodnja h2 {
 text-align: center;
}

.proizvodnja .proizvodnja_items {
 display: block;

}

.proizvodnja .proizvodnja_items > div {
 margin-top: 10px;
}


 .proizvodnja .proizvodnja_items > div img {
  display: block;
   height: auto;
 }

 
.proizvodnja .proizvodnja_items > div span {
  display: block;
 }

 .proizvodnja p {
 text-align: center;
 }



 .materijali {
  margin: 20px 0px;
}

.materijali h2 {
 text-align: center;
}

.materijali .materijali_items {
 display: flex;
 margin-top: 40px;
 margin-bottom:10px;
 justify-content: space-between;
 flex-wrap: wrap;
 gap:5%;
}

.materijali .materijali_items > div {
 margin-top: 10px;
 width: 20%;
 text-align: center;
}


 .materijali .materijali_items > div img {
  display: block;
   max-width: 220px;
   margin: auto;
 }

 
.materijali .materijali_items > div span {
  display: block;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  font-size: 19px;;
}

 .materijali .materijali_items > div p {
  display: block;
  font-weight: 400;
  text-align: center;
 }


section.banner {
  margin: 20px 0px;
}

.banner_wraper {
  display: flex;
  justify-content: space-around;
background-color: #0054a1;
padding: 20px;
border-radius: 10px;
align-items: center;
}



.banner_wraper .banner_text {
  color: #fff;
  text-align: center;

}

.banner_wraper .banner_text h3 {
  color: #fff;

}

.banner_wraper .banner_text p {
  color: #fff;

}


.banner_wraper .banner_img {
 
}


.banner_wraper .banner_img img {
  max-height: 150px;
}

.top_headline {
  background-color: #0054a1;
 border-radius: 5px;
 color: #fff;
 text-align: center;
 padding: 5px;
 margin-top: 5px;
}


.product_description {

}



.product_description tr td img{
   max-width: 100%!important;
   height: auto!important;
}

.product_description  .details-card-content p {
  font-size: 14px!important;
}


a.menu-link-designer {
 border: 1px solid #0054a1;
 padding: 5px 15px!important;
 border-radius: 10px;
}

a.menu-link-designer img {
  height: 35px;
  margin-right: 5px;
}





section.designer-banner {
  margin: 20px 0px;
}

.designer_wraper {
  display: flex;
  justify-content:  space-between;
background-color: #0054a1;
padding: 20px;
border-radius: 10px;
align-items: center;
}



.designer_wraper .designer_text {
  color: #fff;
  text-align: left;
 padding-left: 25px;
}

.designer_wraper .designer_text h3 {
  color: #fff;

}

.designer_wraper .designer_text p {
  color: #fff;

}


.designer_wraper .designer_img {
  padding-right: 25px;
}


.designer_wraper .designer_img img {
  max-height: 200px;
}

a.btn-open-designer {

  background: linear-gradient(120deg, darkmagenta, crimson, orange);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position .5s;

  border-radius: 20px;
  box-sizing: border-box;
	color: #fff;
	display: block;
	height: 50px;
  line-height: 50px;
  font-weight: 700;
	letter-spacing: 1px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
  text-decoration: none;
	text-transform: uppercase;
	width: 264px;
	z-index: 2;  
   box-shadow: 4px 5px 27px 4px rgba(255,45,45,0.85);
}
a.btn-open-designer:hover {
	color: #fff;
  border: 1px solid #000;
  background-position: 0 0;
}

a.btn-open-designer img {
   height: 35px;
}

.extra-buttons {
  display: flex;
  flex-direction: column;
  width: 150px;
}

#btn-open-editor {
  font-size: 14px;
  margin-top: 4px;
}

.footer .social-links a {
 color: #f0f0f0;
 border-color: #f0f0f0;
}

section.designer {
  height: 90%;
  max-width: 1200px;
  margin: auto;
}

section.designer h1 {
 text-align: center;
}

#editor-container-overlay {
  z-index: 9999999;
  position: relative;
}

/*
svg[data-testid="CloseOutlinedIcon"] {
 color: #017A4F!important;
 background-color: #057bfa!important;
 fill: #ff0000!important;
}
*/


#editor-container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    min-height: 500px;
}

.body-designer .top_headline , .body-designer .footer{
  display: none;
}

.z-navbar {

}

.z-navbar div.flex-shrink-0 button {
 display: flex;
 flex-direction: column;
}
.z-navbar div.flex-shrink-0 button div.mt-4{
  margin-top: 5px!important;
 }


.collage-image-field-edit {
  position: absolute;
  top: -3px;
  right: -3px;
  height: 20px;
  width: 22px;
  color: #636262;
  text-align: center;
  opacity: 0.7;
  z-index: 999999;
}

.collage-image-field-edit i {
 font-size: 0.9em;
}
.collage-image-field-edit:hover {
 opacity: 1;
 color: #000;
}



@media (max-width: 992px) {
  .body-designer {
    height: 100%;
    padding: 0px;
  }
  section.designer {
     margin-top: 0px;
     height: 85%;
     padding-bottom: 40px;
  }

  .body-designer section,.body-designer .section {
      scroll-margin-top: 0px;
    }



}