/* LAYOUT */
h1,
h2,
h3,
h4,
h5,
p,
a
 {
	color:#212529;
}

p,
a {
	font-weight:400;
}

.alert-campaign span strong {
	font-weight:700;
}

.cookiealert.show {
z-index: 1100 !important;
}



.alert-campaign {
	
	color: #387b2a;
	margin-bottom: 0;
	border: none;
}

.alert-campaign-black {
	background: #023971;
background:#000;
	background: #387b2a;
	
	color: #efefef;
	margin-bottom: 0;
	padding: 10px;
}

.black-text,
#navbardrop {
	font-weight: 900;
}


/*.btn-primary[disabled]:hover {
background: #989898 !important;
border-color: #989898 !important;
}*/

.cookiealert a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.cookiealert {
	z-index: 1000;
    font-size: 0.9rem;
}
/*body {
	min-height:100vh;
	position: relative;
	padding-bottom:120px;
}

.footer {
	max-height:120px;
}*/

.fill-viewport {
	min-height:100vh;
}

.viewport-70 {
	min-height: 70vh;
}

#thankyou.viewport-70 {
	min-height: 72vh;
}

#thankyou p {
	margin:0;
}

#thankyou a {
	color:#000;
	font-weight:600;
}

.subscribe-info {
	/*text-align:  justify;*/
}

.img_header {
	background: url(../img/header_5.jpg);
    padding: 2rem;
    /* padding-left: 2rem; */
    font-size: 1rem;
    text-align: center;
    color: #fff;
}

#thankyou {
	background: #ffffff;
}

.start {
	background: url(../img/background-3.jpg);
	background-size:cover;
	background-position:10% 22%;
}

.start-mothers {
	background-image: url(../img/anyaknapja_2022_hu.jpg);
	background-size:cover;
}


.start-children {
	background-image: url(../img/gyereknap_background_hu.jpg);
	background-size:cover;
}



.start-fathers {
	background: url(../img/apaknapja_hu.jpg);
	background-size:cover;
	background-position:10% 22%;
}

.start-wedding {
	background: url(../img/background_wedding_hu.jpg);
	background-size:cover;
	background-position:10% 22%;
}



header.masthead .row {
	min-height:100vh;

}

header.masthead .masthead-content .masthead-heading {
	font-size:2.2rem;
	text-align:left;

}

header.masthead .masthead-content .masthead-subheading {
	font-size:1rem;
}

header.masthead .masthead-content .masthead-subheading strong {
	font-weight:700;
}

header.masthead {
  position: relative;
  overflow: hidden;
  /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.73)), url('../img/3.jpg');*/
  background-size: cover;
  background-position:center;
  background-attachment: fixed;

}

.main-how > .row {
    padding: 0px 80px;
}

.navbar {
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
}

#navbardrop {
	/*background: #19a861;
    color: #fff;*/
    border-radius: 5px;
    line-height: 1;
    padding-top: .7rem;
    padding-left: .7rem;
}

.dropdown-item {
	font-size: .9rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    line-height: 1.6;
}

.navbar-custom {
	background: rgba(255,255,255,1);
}

.navbar-custom .navbar-brand {
	letter-spacing: 1px;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand {
	color: rgba(0,0,0,.8);
	text-transform:none;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-brand:hover {
	color: rgba(0,0,0,1);
}

.main-left {
	min-height:100vh;
	width:100%;
	background-size:cover;
	background-position:50%;
}



.main-about h2,
.main-about p {
	color: rgba(255,255,255,1);
}


.main-right {
	text-align:justify;
	padding:40px;
}

#multi-main {
	
	background-size:cover;
	min-height:20vh;
	margin: 3rem
	/*background-position: 0% 60%;*/
	
}

.new-text {
	padding: 4rem 2rem;
    font-size: 1rem;
    background-color: rgba(255,255,255,0.6)

}

.new-image {
	text-align:center;
	/*background: url(../img/carousel-1.jpg);*/
	padding:1rem;
}

.new-image img {
	margin-left:auto;
	margin-right:auto;
}

/*#multibutton {
	background:#19A8A8;
}*/

#whatsnew .multi-list {
	list-style-type: none;
}

.multi-list {
	font-weight: 600;
	padding-inline-start: 10px;
	padding-right: 0rem;
    padding-left: 0rem;
}

.multi-list li {
	padding-bottom:0.6em;
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-control-prev-icon  {
  margin-left: -200px;
}

.carousel-control-next-icon {
  margin-right: -200px;
}

footer {
	color: #f8f8f8;
	background: rgb(15, 29, 66);
	/*position: absolute;
  	bottom: 0;
    width: 100%;*/

}

footer h3 {
	color: #fff;
}

footer a {
	text-decoration:none;
	color: #f8f8f8;
}

footer a:hover {
	color: #ffffff;
	text-decoration:underline;
}

.notfound .btn + a {
	text-decoration: none;
	padding-top:1rem;

}

.notfound .btn + a:hover {
	color:#212529;
	text-decoration:underline;

}

.discounttrue,
.shopping-cart .items .product .info .product-name .product-info .discounttrue .value {
	color: #19a861;
	font-weight:700;
}


#inspiration b {
	font-weight:700;
}

#inspiration .lead {
	font-weight:400;
}

.blue-background {
	text-align:left;
}
.blue-background span {
	background: #19a861;
	color: #fff;
	line-height: 24px;
    padding: 4px;
	margin-top:1rem;
	margin-bottom: 1rem;
	box-shadow: 8px 0 0 #19a861, -8px 0 0 #19a861;
    left: 8px;
    position: relative;
}


.info-designer {
	display: inline-block;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
	color: #000;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	font-size:0.8rem;
	font-style:italic;
}

.preview-container {
	position:  sticky;
	top: 36px;
}



/**********************  ----- CART -----  ************************/

/*	position:relative;
}

.image-sky {
	position:absolute;
	top:0;
	left:0;
}

.image-frame {
	position:absolute;
	top:0;
	left:0;
}*/

.empty_cart {
	max-width:10%;
}

form label {
	font-weight:600;
}

.payment-method label,
.shipping-method label {
	font-weight:300;
}

.delete-item {

}

.shopping-cart .items .product .info .quantity .quantity-input {
	padding:0;
}
.quantity {
	padding-left:0;
	padding-right:0;
}

.addtop {
	position:relative;
	top:0.8rem;
}


.cart-header {
	background: rgba(111, 160, 244, 0.05);
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	margin-bottom:1rem;
}

.shopping-cart .content {
	padding: 1rem;
	padding-top:0;
	font-weight:bold;
}

.cart-cont {
	margin-top: 100px;
}

.info img {
-webkit-box-shadow: 0px 0px 35px -24px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 35px -24px rgba(0,0,0,0.75);
box-shadow: 0px 0px 35px -24px rgba(0,0,0,0.75);
}

.shopping-cart .list-group-item.sumprice {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #f6f6f6;
border-bottom:none;
}

.sumprice span {
	font-weight:normal;
}
 
.shopping-cart{
	padding-bottom: 50px;
	font-family: 'Nunito', sans-serif;
}

.shopping-cart.dark,
.checkout.dark {
	background-color: #f6f6f6;
}

.shopping-cart .content{
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
	background-color: white;
}

.shopping-cart .block-heading{
    padding-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}

.shopping-cart .block-heading p{
	text-align: center;
	max-width: 420px;
	margin: auto;
	opacity:0.7;
}

.shopping-cart .dark .block-heading p{
	opacity:0.8;
}

.shopping-cart .block-heading h1,
.shopping-cart .block-heading h2,
.shopping-cart .block-heading h3 {
	margin-bottom:1.2rem;
	color: #3b99e0;
}

.shopping-cart .items{
	margin: auto;
}

.shopping-cart .items .product{
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.shopping-cart .items .product .info{
	padding-top: 0px;
	text-align: center;
}

.shopping-cart .items .product .info .product-name{
	font-weight: 600;
	text-align:left;
}

.shopping-cart .items .product .info .product-name .product-info{
	font-size: 14px;
	margin-top: 15px;
}

.shopping-cart .items .product .info .product-name .product-info .value{
	font-weight: 400;
}

.shopping-cart .items .product .info .quantity .quantity-input{
    margin: auto;
    width: 80px;
}

.shopping-cart .items .product .info .price{
    font-weight: bold;
    font-size: 22px;
 }

.shopping-cart .summary{
	border-top: 2px solid #5ea4f3;
    background-color: #f7fbff;
    height: 100%;
    padding: 30px;
}

.shopping-cart .summary h3{
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 20px;
}

.shopping-cart .summary .summary-item:not(:last-of-type){
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shopping-cart .summary .text{
	font-size: 1em;
	font-weight: 600;
}

.shopping-cart .summary .price{
	font-size: 1em;
	float: right;
}

.shopping-cart .summary button{
	margin-top: 20px;
}

.couponcode {
	height:auto;
}

.input-group.order {
	display:block;
}

.order button {
	width:100%;
	padding-top:1rem;
	padding-bottom:1rem;

}

.badge-secondary {
	font-family: Nunito;
	padding-bottom: 2px;
	font-size:0.8rem;
}

.order button[type="submit"],
#coupon{
	margin-bottom:0.5rem;
}

#coupon .input-group,
.more-container {
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s, opacity 0.5s linear;
  	height:0;
  	padding-top:0;
  	font-size:.9rem;
}

#coupon .coupon-visible,
.more-container.coupon-visible {
	visibility:visible;
	opacity: 1;
	height:auto;
	padding-top:0.5rem;
}

#coupon {
	padding: .35rem 1.25rem !important;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	cursor:pointer;
	font-weight:normal;
	text-align:left;
	font-size:.9rem;
}

#coupon .couponcode,
#coupon button[type="submit"] {

	font-size:0.8rem;
}


.eachprice span {
	font-weight:normal;
}

.has-coupon i {
	float:right;
	padding:5px;
}

.product-name a {
	color: #212529;
}
.continue-checkout button {
	padding-top:1rem;
	padding-bottom:1rem;
}
.create-second {
	float:left;
	margin-bottom:2rem;
	background: #ffffff;
	border: 1px solid #19a861;
	color:#19a861;
	font-weight:bold;
}

.create-second:hover {
background: #19a861 !important;
border:1px solid #19a861 !important;
}

.remove-button, .remove-frame-button {
	background:none;
	color: #000;
	border:none;
	font-size:12px;
}

.btn-secondary.remove-button:hover, .btn-secondary.remove-frame-button:hover {
	background: #ffffff !important;
	text-decoration:underline;
	color: #000000;
}

.main-how .row,
.main-satisfaction .row {
	background: #f6f6f6;
	width:100%;
}

.main-how i.fa-3x,
.main-satisfaction i.fa-3x,
.inner i.fa-3x  {
	color: #f26666;
}

.main-how b,
.main-satisfaction b {
	font-weight: 700;
}


.main-occasion img {
	filter: brightness(60%);
	border-radius:50%;
}
/*
.main-occasion .col-6:before {
  content: '';
  width: 0;
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  padding-top: 100%;
}*/

	
.main-occasion > div > div {
	background-size:cover;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    
    /*
    padding-bottom: 37%;*/
    border-radius: 50%;
}

.main-occasion > div > div > h4 {
	color: #fff;
	padding-top: calc(50% - 0.5rem);
}

.main-occasion > div > div.valentines {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/valentines.jpg);
	background-size:cover;
	/*padding-bottom: 32%;
	padding-top: 32%;*/
}
.anniversary {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/anniversary.jpg);
}
.wedding {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/wedding.jpg);
}
.birthday {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/birthday.jpg);
}
.birth {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/birth.jpg);
}
.friendship {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/friendship.jpg);
}

h4.occasion-name {
	flex: 0 0 120px;
	font-size:1rem;
}


.inner {
	border: 1px #efefef solid;
	border-radius:5px;
	padding:2rem 1rem;
	background-color: #f6f6f6;
}

.main-end {
	background-color: #f6f6f6;
}

.main-end h4 {
	color:#fff;
}

.text-muted-2 {
	color: #c4c4c4;
	font-weight:600;
}

.svg-image {
	filter: invert(51%) sepia(61%) saturate(2604%) hue-rotate(324deg) brightness(107%) contrast(89%);
}

.value-button {
  display: inline-block;
  border: 1px solid #ddd;
  margin: 0px;
  width: 40px;
  height: 40px;
  line-height:1rem;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.timeholder span {
	padding-top: .5rem;
}

.value-button:hover {
  cursor: pointer;
}

 #decrease {
  margin-right: -4px;
  border-radius: 8px 0 0 8px;
}

 #increase {
  margin-left: -4px;
  border-radius: 0 8px 8px 0;
}

/* form #input-wrap {
  margin: 0px;
  padding: 0px;
} */

.shopping-cart .items .product .info .quantity .quantity-input {
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px;
  width: 40px;
  height: 40px;
  position: responsive;
  top:1px;

}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



@media (min-width: 768px) {
	.shopping-cart .items .product .info {
	
		text-align: left; 
	}

	.shopping-cart .items .product .info .price {
		font-weight: bold;
		font-size: 16px;

	}

	.shopping-cart .items .product .info .quantity {
		text-align: center; 
	}
	.shopping-cart .items .product .info .quantity .quantity-input {
		text-align: center; 
	}

	
}

/*************** TESTIMONIALS *******************/

#testimonials img {
	width: 60%;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	margin-bottom:2rem;
}

/********************   CHECKOUT   *************************/

form.customerInfo label span,
form.customerInfo span,
.checkout h4 .redstar {
	color: red;
}

.checkout h4 span {
	font-size:0.8rem;
	font-weight: normal;
}

#shipping_address 
 {
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s, opacity 0.5s linear;
  	height:0;
  	padding-top:0;
}

#shipping_address.shipping-visible {
	visibility:visible;
	opacity: 1;
	height:auto;
	padding-top:0.5rem;
}

#checkout-sidebar {
	top:10px;
}

.checkout-info div,
.checkout-info span {
	font-size:12px;
	font-weight:bold;
}

.checkout-info div span {
	font-weight:normal;
}

.checkout-preview {
	max-width:20%;
	height:100%;
	float:left;
	margin-right:10px;
	margin-bottom:8px;
}

.checkout-preview img {
	width:100%;
}

.checkout-sumprice  {
	font-weight: bold;
}

.checkout .custom-control-label {
	cursor:pointer !important;
}

.payment-container {
    background: #f3f3f3;
    border: 1px solid #e7e7e7;
    width: 100%;
    margin-top: 15px;
    border-radius: 5px;
    padding: 1rem;
  }
.error {
	color: #DD4535;
}

.btn-primary.disabled, 
.btn-primary:disabled {
    color: #fff;
    background-color: #989898;
    border-color: #989898;
    cursor:pointer;
}

#pickpointButton {
	background: #19a861;
    color: #fff;
    border-radius: 5px;
    border: none;
    line-height: 1;
    padding: .7rem;
    padding-left: .7rem;
    margin-left: 1.5rem;
    margin-top: 0.5rem;
}

h5#info {
	margin-left:1.5rem;
	margin-top:0.5rem;
}
/************ CREATE **************/

.editor-switch {
	font-size:0.9rem;
	position:relative;
}

.editor-switch {
	background: /*#96AFA2*/ #FFA500;
    padding: .5rem;
    margin-top: 1rem;
    border-radius:.2rem;
}

.editor-switch.photo-designer {
	background:#1451ff;
}

span.new-function {
	position:absolute;
	left:-0.2rem;
	top:-0.2rem;
	color:white;
	background:#F05524;
	padding:.2rem;
	font-size:.6rem;
	line-height:.7rem;
	border-radius:50%;
}

.new-function.new-3 {
	left: -1.2rem;
}

span.main-new {
	font-size:1.2rem;
	line-height:1.4rem;
	padding:.7rem;
	z-index:1000;
}

/* .pro-color {
-webkit-box-shadow: 0px 0px 56px 6px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 56px 6px rgba(255,255,255,1);
box-shadow: 0px 0px 56px 6px rgba(255,255,255,1);
}*/

.editor-switch a {
	color: #fff;
}

.editor-switch a strong {
	font-weight:700;
}

.more-options {
	position: relative;
	cursor: pointer;
}


.create-all {
background: #E8E8E8;
padding:1rem;
background: #efefef;
background-image: /*url('../img/background.jpg');*/ url('../img/createbg.jpg');
background-position: -230px 70%;
    background-size: 117%;
background-attachment:fixed;
background-repeat: no-repeat;
}

.create-side {
	padding:2.5rem;
	padding-top:1rem;
	background: rgba(255,255,255,0.7);
}

.options-container .form-check-label {
	cursor:pointer;
}

.min-padding {
	padding:2px;
}

.yearholder {
	padding-left:15px;
}

.min-padding:last-child {
	padding-right:15px;
}

#createform label {
	font-weight:600;
	font-size:/*14.5px;*/ 0.9rem;
}

#createform.invisible {
	display:none;
}

.form-control {
	font-size: 14.5px;
}

.create-main {
	/*background: #414950;*/ 
}

#preview {
	width: 400px;
	height: 560px;
	background: rgba(0,0,0,1);
	/*border:4px solid #ffffff;*/
	box-shadow: 0 0 5px;
	position:sticky;
	top:20px;
	text-align:center;
	margin:0px auto 50px;
	margin-bottom: 1rem;
	padding:20px;
	padding-top: 40px;
	margin-top: 40px;
}



.poster-1 {
	padding: 12px;
}

/******************** clone ***********************************/

#preview-clone {
	width: 400px;
	height: 560px;
	background: rgba(0,0,0,1);
	border:4px solid #ffffff;
	box-shadow: 0 0 5px;
	text-align:center;
	margin:0px auto 50px;
	padding:30px;
	padding-top: 40px;
	margin-top: 40px;
}

.poster {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;

}

.poster-1 {
	padding: 12px;
}

.poster canvas {
	z-index: 2;
    position: relative;
    max-width:100% !important;
}

.pro-color {
	position:absolute;
	width:296px;
	height:296px;
	background-size:cover;
	margin-top: 10px;
	margin-left: 20px;
	border-radius:50%;

}

.preview-title,
.preview-subtitle,
.preview-message,
.preview-geo {
	color: #ffffff;
	position:relative;
}

.preview-title {
	font-weight: bold;
	font-size:1.3em;
	text-transform:uppercase;
	letter-spacing:3px;
}

.layout-6 .preview-title,
.layout-7 .preview-title,
.layout-5 .preview-title,
.layout-8 .preview-title,
.layout-9 .preview-title,
.layout-10 .preview-title,
.layout-11 .preview-title,
.layout-12 .preview-title,
.layout-13 .preview-title,
.layout-14 .preview-title,
.layout-15 .preview-title {
	font-weight: normal;
	text-transform:none;
	letter-spacing:0;
}

.layout-6 .preview-message,
.layout-7 .preview-message,
.layout-5 .preview-message,
.layout-8 .preview-message,
.layout-9 .preview-message,
.layout-10 .preview-message,
.layout-11 .preview-message, 
.layout-12 .preview-message,
.layout-13 .preview-message,
.layout-14 .preview-message,
.layout-15 .preview-message 
	{
	font-size: 0.7rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.preview-subtitle,
.preview-message,
.preview-geo {
	font-size:.6rem;

}

.fa-shopping-cart {
	font-size: 1rem;
}



.color,
.layout,
.font-style,
.child-style {
	margin-left:16px;
	margin-right:16px;

}

.plusinfo {
	font-size: .8rem;
    line-height: 1rem;
    font-weight: 300;
}


.layout .col-2,
.font-style .col-2,
.child-style .col-2 {
	padding:2px;
}

.color-option {
	padding:0.2rem;
}

.color .color-option div,
.layout .col-2 div,
.font-style .col-2 div,
.child-style .col-2 div {
background-image: url(../img/bg-01.png);
background-size:cover;
padding-bottom:100%;
cursor:pointer;
}

.color .color-option #watercolor-1 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor1.jpg) left top;
	background-size:cover;
}

.color .color-option #watercolor-2 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor2.jpg) left top;
	background-size:cover;
}
.color .color-option #watercolor-3 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor3.jpg) left top;
	background-size:cover;
}
.color .color-option #watercolor-4 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor4.jpg) left top;
	background-size:cover;
}
.color .color-option #watercolor-5 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor5.jpg) left top;
	background-size:cover;
}
.color .color-option #watercolor-6 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor6.jpg) left top;
	background-size:cover;
}
.color .color-option #watercolor-7 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor7.jpg) left top;
	background-size:cover;
}

.color .color-option #watercolor-8 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor8.jpg) left top;
	background-size:cover;
}

.color .color-option #watercolor-9 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor9.jpg) left top;
	background-size:cover;
}

.color .color-option #watercolor-21 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor23.jpg) left top;
	background-size:cover;
}

.color .color-option #watercolor-31 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor33.jpg) left top;
	background-size:cover;
}

.color .color-option #watercolor-41 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor43.jpg) left top;
	background-size:cover;
}

.color .color-option #watercolor-51 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor51.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-61 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor61.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-71 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor71.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-81 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor81.jpg) center bottom;
	background-size:cover;
}





.color .color-option #watercolor-52 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor52.jpg) center bottom;
	background-size:cover;
}


.color .color-option #watercolor-62 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor62.jpg) center bottom;
	background-size:cover;
}


.color .color-option #watercolor-72 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor72.jpg) center bottom;
	background-size:cover;
}


.color .color-option #watercolor-82 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor82.jpg) center bottom;
	background-size:cover;
}


.color .color-option #watercolor-9 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor9.jpg) center bottom;
	background-size:cover;
}




.color .color-option #watercolor-100 + div.watercolor-thumb,
.color .color-option #watercolor-102 + div.watercolor-thumb  {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor103.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-110 + div.watercolor-thumb,
.color .color-option #watercolor-112 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor113.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-120 + div.watercolor-thumb,
.color .color-option #watercolor-122 + div.watercolor-thumb  {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor123.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-130 + div.watercolor-thumb,
.color .color-option #watercolor-132 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor133.jpg) center bottom;
	background-size:cover;
}
.color .color-option #watercolor-140 + div.watercolor-thumb,
.color .color-option #watercolor-142 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor143.jpg) center bottom;
	background-size:cover;
}





.color .color-option #watercolor-200 + div.watercolor-thumb,
.color .color-option #watercolor-202 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor203.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-210 + div.watercolor-thumb,
.color .color-option #watercolor-212 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor213.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-220 + div.watercolor-thumb,
.color .color-option #watercolor-222 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor223.jpg) center bottom;
	background-size:cover;
}


.color .color-option #watercolor-230 + div.watercolor-thumb,
.color .color-option #watercolor-232 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor233.jpg) center bottom;
	background-size:cover;
}
.color .color-option #watercolor-240 + div.watercolor-thumb,
.color .color-option #watercolor-242 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor243.jpg) center bottom;
	background-size:cover;
}





.color .color-option #watercolor-300 + div.watercolor-thumb,
.color .color-option #watercolor-302 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor300.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-310 + div.watercolor-thumb,
.color .color-option #watercolor-312 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor310.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-320 + div.watercolor-thumb,
.color .color-option #watercolor-322 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor320.jpg) center bottom;
	background-size:cover;
}


.color .color-option #watercolor-330 + div.watercolor-thumb,
.color .color-option #watercolor-332 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor330.jpg) center bottom;
	background-size:cover;
}
.color .color-option #watercolor-340 + div.watercolor-thumb,
.color .color-option #watercolor-342 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor340.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-350 + div.watercolor-thumb,
.color .color-option #watercolor-352 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor350.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-360 + div.watercolor-thumb,
.color .color-option #watercolor-362 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor360.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-370 + div.watercolor-thumb,
.color .color-option #watercolor-372 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor370.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-380 + div.watercolor-thumb,
.color .color-option #watercolor-382 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor380.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-390 + div.watercolor-thumb,
.color .color-option #watercolor-392 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor390.jpg) center bottom;
	background-size:cover;
}


.color .color-option #watercolor-500 + div.watercolor-thumb,
.color .color-option #watercolor-502 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor500.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-510 + div.watercolor-thumb,
.color .color-option #watercolor-512 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor510.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-520 + div.watercolor-thumb,
.color .color-option #watercolor-522 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor520.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-530 + div.watercolor-thumb,
.color .color-option #watercolor-532 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor530.jpg) center bottom;
	background-size:cover;
}

.color .color-option #watercolor-540 + div.watercolor-thumb,
.color .color-option #watercolor-542 + div.watercolor-thumb {
	background:  url(../img/bg-01.png) left top, url(../img/watercolor540.jpg) center bottom;
	background-size:cover;
}








.color .col-2 div:hover,
.layout .col-2 div:hover {

}

.options-container {
	width: 100%;
    margin-top: 15px;
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: .375rem .75rem;
    
  }

#editor-6 {
	margin-bottom:.8rem;
} 

.noFrame {
	font-size:0.9rem;
}


/******** RADIO ****************/

.labl {
    display : block;
    width: 100%;
}
.labl > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
    
}
.labl > input + div{ /* DIV STYLES */
    cursor:pointer;
    border-radius:2px;
    /*border: 1px solid /*#9a9a9a*/ rgba(0,0,0,0);*/

    
}
.labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    /*border: 1px solid #000000;*/
    -webkit-box-shadow: 0px 2px 0px 0px #19a861; 
box-shadow: 0px 2px 0px 0px #19a861;
    transition: border 0.2s;
}

#editor-6 .labl {
	height: 100%;
}

#editor-6 .labl > input + div{ 
 	height: calc( 100% - 8px );
}

#background-colored {
 width: 100%;
 height:100%;
 background:red;
 position:relative;
}

#celestial-map {
	position:relative;
}

/* Safari clips SVG strokes at the viewport boundary — allow stroke to render outside */
#map svg {
	overflow: visible;
}

#editor-5 input + label {
	font-weight:700;
}

#editor-5 input + label i{
	font-weight:normal;
}

#editor-5 input + label i+b{
	font-weight:700;
}

/************ LAYOUTS **************/

/********************** HEART ********************/


#preview-overlay {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:6;
display: none;
}

.layout-5 #preview-overlay {
background: url(../img/sziv4.png) 0% 0% / cover;
}

.layout-8 #preview-overlay {
background: url(../img/tappancs.png) 0% 0% / cover;
}

.layout-9 #preview-overlay {
background: url(../img/sziv_anat.png) 0% 0% / cover;	
}

.layout-10 #preview-overlay {
background: url(../img/pixelsziv.png) 0% 0% / cover;	
}

.layout-11 #preview-overlay {
background: url(../img/oleles_2.png) 0% 0% / cover;	
}

.layout-12 #preview-overlay {
background: url(../img/baba.png) 0% 0% / cover;	
}

.layout-13 #preview-overlay {
background: url(../img/babatalp.png) 0% 0% / cover;

}

.layout-14 #preview-overlay {
background: url(../img/haz.png) 0% 0% / cover;	
}

.layout-15 #preview-overlay {
background: url(../img/igen.png) 0% 0% / cover;	
}


.layout-5 #title-holder,
.layout-8 #title-holder,
.layout-9 #title-holder,
.layout-10 #title-holder,
.layout-11 #title-holder,
.layout-12 #title-holder,
.layout-13 #title-holder,
.layout-14 #title-holder,
.layout-15 #title-holder {
	position: relative;
}

.layout-5 .preview-title, 
.layout-5 .preview-subtitle, 
.layout-5 .preview-message, 
.layout-5 .preview-geo,
.layout-8 .preview-title, 
.layout-8 .preview-subtitle, 
.layout-8 .preview-message, 
.layout-8 .preview-geo,
.layout-9 .preview-title, 
.layout-9 .preview-subtitle, 
.layout-9 .preview-message, 
.layout-9 .preview-geo,
.layout-10 .preview-title, 
.layout-10 .preview-subtitle, 
.layout-10 .preview-message, 
.layout-10 .preview-geo,
.layout-11 .preview-title, 
.layout-11 .preview-subtitle, 
.layout-11 .preview-message, 
.layout-11 .preview-geo,
.layout-12 .preview-title, 
.layout-12 .preview-subtitle, 
.layout-12 .preview-message, 
.layout-12 .preview-geo,
.layout-13 .preview-title, 
.layout-13 .preview-subtitle, 
.layout-13 .preview-message, 
.layout-13 .preview-geo,
.layout-14 .preview-title, 
.layout-14 .preview-subtitle, 
.layout-14 .preview-message, 
.layout-14 .preview-geo,
.layout-15 .preview-title, 
.layout-15 .preview-subtitle, 
.layout-15 .preview-message, 
.layout-15 .preview-geo
 {
	color:  #000;  
}

.layout-5 #preview-overlay,
.layout-8 #preview-overlay,
.layout-9 #preview-overlay,
.layout-10 #preview-overlay,
.layout-11 #preview-overlay,
.layout-12 #preview-overlay,
.layout-13 #preview-overlay,
.layout-14 #preview-overlay,
.layout-15 #preview-overlay {
	display: block;
}



/********** heart end ************/




.hidden-text {
	display:none;
}

.layout-2 .preview-title, 
.layout-2 .preview-subtitle, 
.layout-2 .preview-message,
.layout-2 .preview-geo,
.layout-4 .preview-title, 
.layout-4 .preview-subtitle, 
.layout-4 .preview-message,
.layout-4 .preview-geo,
.layout-7 .preview-title, 
.layout-7 .preview-subtitle, 
.layout-7 .preview-message,
.layout-7 .preview-geo  {
	color: #000000;
}

.layout-3 .preview-title, 
.layout-3 .preview-subtitle, 
.layout-3 .preview-message,
.layout-6 .preview-title, 
.layout-6 .preview-subtitle, 
.layout-6 .preview-message,
 {
	color: #ffffff;
}

.layout-3 .preview-message,
.layout-4 .preview-message {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	font-size:.7rem;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:50px;
	padding-right: 2rem;
    padding-left: 2rem;
}

.layout-3 .poster,
.layout-4 .poster {
	margin-top:60px;
	/*margin-bottom:50px;*/
	margin-bottom: 20px;
}

.layout-3 .preview-title,
.layout-4 .preview-title {
	font-size:12px;
	letter-spacing:normal;
	font-weight:normal;
	text-transform:none;
}

.layout-3 .hidden-text,
.layout-4 .hidden-text {
	display: inline;
}

.layout-5,
.layout-8,
.layout-9,
.layout-10,
.layout-11,
.layout-12,
.layout-13,
.layout-14,
.layout-15 {
	color:  #000;
}


/*************** FONT *******************/

.font-style-1 {
	font-family: 'Nunito', sans-serif;
}

.font-style-2 {
	font-family: 'Bree Serif', serif;
}

.font-style-3 {
	font-family: 'Italianno', cursive;
}

.layout-4 .font-style-3 .preview-message,
.layout-3 .font-style-3 .preview-message {
	text-transform: none;
	font-size:1.4rem;
}

.layout-4 .font-style-2 .preview-message,
.layout-3 .font-style-2 .preview-message {
	text-transform: none;
	font-size:0.8rem;
}

.font-style-3 .preview-title {
	text-transform: none;
	letter-spacing: 0;
}

.font-style-3 .preview-subtitle,
.font-style-3 .preview-message {
	font-size:1.2rem;
}

.layout-15 .font-style-3 .preview-title,
.layout-14 .font-style-3 .preview-title,
.layout-13 .font-style-3 .preview-title,
.layout-12 .font-style-3 .preview-title,
.layout-11 .font-style-3 .preview-title,
.layout-10 .font-style-3 .preview-title,
.layout-9 .font-style-3 .preview-title,
.layout-8 .font-style-3 .preview-title,
.layout-5 .font-style-3 .preview-title,
.layout-4 .font-style-3 .preview-title,
.layout-3 .font-style-3 .preview-title {
	font-size:1.2rem;
}

/******************* MESSAGE HIGHLIGHT ********************/

.layout-1.highlight .preview-message,
.layout-2.highlight .preview-message {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;

}

.layout-1.highlight .preview-title,
.layout-2.highlight .preview-title {
    line-height: 0.7rem;
    margin-top: 0.8rem;
    font-weight: normal;
    font-size: 0.6rem;
    text-transform: none;
    letter-spacing: normal;
}

/*.layout-4#preview {
	overflow:hidden;
}

.layout-4 #title-holder {
	padding-left: 20px;
    padding-top: 10px;
    color: #000;
    background: white;
    position: absolute;
    width: 100%;
    background:#fff;
    height: 130px;
    bottom: -50px;
    margin-left: -30px;
}

.layout-4 .preview-subtitle {
	position: relative;
    top: 35px;
    text-align: left;
}

.layout-4 .preview-title {
	bottom: 20px;
    text-align: left;
    font-weight: 900;
    position: relative;
    font-size: 1.6rem;
  }

.layout-4 .preview-message {
text-align: left;
}

.layout-4 .preview-title, 
.layout-4 .preview-subtitle, 
.layout-4 .preview-message {
	color: #000000;
}*/

.shopping-cart .content,
.shopping-cart .items .product .info .price,
.shopping-cart .items .product .info .product-name .product-info  {
	font-size:0.8rem !important;
}

.summary-price {
 font-size:1rem !important;
}

.text-success p,
.text-success {
 float:left;
 line-height: 1.5;
 font-weight:400;
 color: #19a861;
}

.border-info {
	color: #000;
}

#discount span {
	float:right;
}


.hasborder::before {
  background: none;
  border: 1px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  pointer-events: none;
}


.layout-2.hasborder::before,
.layout-4.hasborder::before,
.layout-5.hasborder::before,
.layout-8.hasborder::before,
.layout-7.hasborder::before,
.layout-9.hasborder::before,
.layout-10.hasborder::before,
.layout-11.hasborder::before,
.layout-12.hasborder::before,
.layout-13.hasborder::before,
.layout-14.hasborder::before,
.layout-15.hasborder::before, {
	border: 1px solid #000;
}

#preview-overlay::before {
  background: none;
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  pointer-events: none;
}

.layout-5.hasborder #preview-overlay::before,
.layout-8.hasborder #preview-overlay::before,
.layout-9.hasborder #preview-overlay::before,
.layout-9.hasborder #preview-overlay::before,
.layout-10.hasborder #preview-overlay::before,
.layout-11.hasborder #preview-overlay::before,
.layout-12.hasborder #preview-overlay::before,
.layout-13.hasborder #preview-overlay::before,
.layout-14.hasborder #preview-overlay::before,
.layout-15.hasborder #preview-overlay::before {
	border: 1px solid #000;
}


.parallax {
  background-image: url("../img/csillag2.jpg");
  background-size:cover;
  min-height: 70vh
}

#inspiration .parallax {
	min-height:40vh;
	background-image: url("../img/inspiration/ideas-8.jpg");
}


.main-about {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.73)), url('../img/3.jpg');
  	background-size: cover;
  	padding:40px;
  	padding-top:60px;
}

.parallax,
.main-about {
	background-size:cover;
  background-position: 0 0;
  background-attachment: fixed;

}

.square {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom:2rem;
}

.square-1 {
	background-image: url('../img/inspiration/inspiration1.jpg');
}
.square-2 {
	background-image: url('../img/inspiration/inspiration2.jpg');
}
.square-3 {
	background-image: url('../img/inspiration/inspiration3.jpg');
}
.square-4 {
	background-image: url('../img/inspiration/inspiration14.jpg');
}
.square-6 {
	background-image: url('../img/inspiration/inspiration15.jpg');
}
.square-7 {
	background-image: url('../img/inspiration/inspiration7.jpg');
}
.square-8 {
	background-image: url('../img/inspiration/inspiration8.jpg');
}
.square-9 {
	background-image: url('../img/inspiration/inspiration9.jpg');
}
.square-10 {
	background-image: url('../img/inspiration/inspiration10.jpg');
}
.square-11 {
	background-image: url('../img/inspiration/inspiration11.jpg');
}
.square-12 {
	background-image: url('../img/inspiration/inspiration12.jpg');
}
.square-13 {
	background-image: url('../img/inspiration/inspiration16.jpg');
}
.square-14 {
	background-image: url('../img/inspiration/inspiration14.jpg');
}
.square-15 {
	background-image: url('../img/inspiration/inspiration15.jpg');
}

.prev,
.next{
	display:none;
}

.mobile-toggler {
	width:40px;
	height:40px;
	background:rgba(255,255,255,0.9);
	display:none;
	background-size:contain;
	background-image:url('../img/arrow_down.png');
	cursor:pointer;
}


.mobile-toggler.down {
	background-image:url('../img/arrow_up.png');
	
}

.editor-5 span {
	display:none;
}

.masthead-heading {
	margin-bottom: 40px;
}

.only-mobile {
	display:none;
}

.choosetext {
	text-align:center;
	font-size:0.8rem;
	margin-top:.5rem;
}

.has-coupon i.fa-angle-up {
	display:none;
}

.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}


.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.layout-container {
	overflow: hidden;
}

button:focus {
  outline: none !important;
}

.navbar-custom.clicked {
  	background:rgba(255,255,255,0.98);
  	transition:background 0.5s;
  }

 #create .btn.btn-primary {
 	margin-top:1rem;
 }

 .choosetext {
 	background: #e9e9e9;
 	padding:0.5rem;
 	text-align:left;
 	font-weight: 400;
 }

.choosetext ul {
	padding:0;
	margin-bottom:0;

}
 .choosetext > ul {
 	justify-content: space-between;
 	text-align:center;
 	padding-top:0.6rem;
 }

 .choosetext ul li {
 	list-style: none;
 	cursor:pointer;
 }

 .text-suggestions {
	 
	}

.text-suggestions ul {
	display:none;

}


.text-suggestions .text-visible {
	visibility:visible;
	opacity: 1;
	height:auto;
	margin-top: .5rem;
}

 .text-suggestions ul li {
 	padding-top:0.2rem;
 	padding-bottom:0.2rem;
 }

 .text-suggestions ul li:hover {
 	text-decoration: underline;
  	text-decoration-color: #333744;
 }

 .text-1,
 .text-2,
 .text-3,
 .text-4 {
 	width:24%;
 	background: #333744;
 	color:#fff;
 	padding: .5rem .2rem;
 }

 .text-4 {
 	position: relative;
 }

 #infoModal {
 	background: rgba(0,0,0,0.4);
 }
 
#infoModal .modal-title{
 color: #19a861;
}

#create .modal-footer .btn.btn-primary {
    margin-top: 0;
}

#create .modal-footer .btn {
    width:50%;
}

#create .modal-content {
	padding: 10px;
	}

#create .modal-header,
#create .modal-footer {
	border: none;
	}

.hasShadow {
	-webkit-box-shadow: 0px 0px 52px 6px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 52px 6px rgba(255,255,255,1);
box-shadow: 0px 0px 52px 6px rgba(255,255,255,1);
}

 #editor-6 .labl div {
 	font-weight:700;
	line-height: 1rem;
	font-size:13px;
	padding: .3rem;
	background: #e7e7e7;
	color: #000;
	border-radius: 4px;
}

 #editor-6 .labl div i {
 	font-weight: 300;
 }

#editor-6 .labl div:hover {
 	/*border: 1px solid black;*/
 	-webkit-box-shadow: 0px 2px 0px 0px #19a861; 
box-shadow: 0px 2px 0px 0px #19a861;
 	transition:border 0.3s;
}

#editor-6  i {
	display:block; 
}


#editor-6 .labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background: #fff;
    color:#000;
    transition: background 0.2s;
}


.preview-title {
	font-size:1.2rem;
}

.preview-subtitle,
.preview-message,
.layout-3 .preview-title,
.layout-4 .preview-title,
.layout-6 .preview-title,
.layout-7 .preview-title,
.layout-5 .preview-title,
.layout-8 .preview-title,
.layout-9 .preview-title,
.layout-10 .preview-title,
.layout-11 .preview-title,
.layout-12 .preview-title,
.layout-13 .preview-title,
.layout-14 .preview-title,
.layout-15 .preview-title  {
	font-size: 0.6rem;
}
/*
.layout-1 .preview-subtitle,
.layout-2 .preview-subtitle {
	top: 2.8rem;
}

.layout-1 .preview-message,
.layout-2 .preview-message {
    bottom: 2.8rem;
}*/

.preview-geo {
	font-size:0.35rem;
	line-height: 0.7rem;
}

.layout-3 .font-style-3 .preview-subtitle,
.layout-3 .font-style-3 .preview-title,
.layout-3 .font-style-3 .preview-message,
.layout-4 .font-style-3 .preview-subtitle,
.layout-4 .font-style-3 .preview-title,
.layout-4 .font-style-3 .preview-message,
.layout-5 .font-style-3 .preview-subtitle,
.layout-5 .font-style-3 .preview-title,
.layout-5 .font-style-3 .preview-message,
.layout-8 .font-style-3 .preview-subtitle,
.layout-8 .font-style-3 .preview-title,
.layout-8 .font-style-3 .preview-message,
.layout-9 .font-style-3 .preview-subtitle,
.layout-9 .font-style-3 .preview-title,
.layout-9 .font-style-3 .preview-message,
.layout-10 .font-style-3 .preview-subtitle,
.layout-10 .font-style-3 .preview-title,
.layout-10 .font-style-3 .preview-message,
.layout-11 .font-style-3 .preview-subtitle,
.layout-11 .font-style-3 .preview-title,
.layout-11 .font-style-3 .preview-message,
.layout-12 .font-style-3 .preview-subtitle,
.layout-12 .font-style-3 .preview-title,
.layout-12 .font-style-3 .preview-message,
.layout-13 .font-style-3 .preview-subtitle,
.layout-13 .font-style-3 .preview-title,
.layout-13 .font-style-3 .preview-message,
.layout-14 .font-style-3 .preview-subtitle,
.layout-14 .font-style-3 .preview-title,
.layout-14 .font-style-3 .preview-message,
.layout-15 .font-style-3 .preview-subtitle,
.layout-15 .font-style-3 .preview-title,
.layout-15 .font-style-3 .preview-message
 {
	line-height:1rem;
}

.layout-1 .font-style-3 .preview-subtitle,
.layout-1 .font-style-3 .preview-title,
.layout-1 .font-style-3 .preview-message,
.layout-2 .font-style-3 .preview-subtitle,
.layout-2 .font-style-3 .preview-title,
.layout-2 .font-style-3 .preview-message {
	line-height:1.4rem;
}

.custom-control-input:checked~.custom-control-label::before {
	background: #19a861;
	border: #19a861;
}

.custom-switch .form-check-label,
.custom-radio .form-check-label {
	line-height:1.5rem;
	font-size:13px !important;
}

.options-container .form-check b {
	color: #F05524;
}

#createform label  {
	width:100%;
}


#createform label[for=hour] span {
	float:right;
	line-height: 1.5;
}

.timeholder {
	padding-left: 10px;
	background: #e9e9e9;
	padding:6px;
    cursor:pointer;
}


.timeholder label {
	margin-bottom: 0;
	cursor:pointer;
}

.timeholder .row {
	visibility:hidden;
	height:0;
	opacity:0;
	transition: opacity 0.5s;
}

.timeholder .row.visible {
	visibility:visible;
	height:auto;
	opacity:1;
}

.timeholder > div.hour-visible {
	visibility:visible;
	height:auto;
	opacity:1;
	transition: opacity .5s;
}

#location_new {
	visibility:hidden;
	height:0;
	opacity:0;
	transition: opacity 0.5s;
}

#location_new.visible {
	visibility:visible;
	height:auto;
	opacity:1;
}

#location_new-1 {
	visibility:hidden;
	height:0;
	opacity:0;
	transition: opacity 0.5s;
}

#location_new-1.visible {
	visibility:visible;
	height:auto;
	opacity:1;
}
#location_new-2 {
	visibility:hidden;
	height:0;
	opacity:0;
	transition: opacity 0.5s;
}

#location_new-2.visible {
	visibility:visible;
	height:auto;
	opacity:1;
}
#location_new-3 {
	visibility:hidden;
	height:0;
	opacity:0;
	transition: opacity 0.5s;
}

#location_new-3.visible {
	visibility:visible;
	height:auto;
	opacity:1;
}
#location_new-4 {
	visibility:hidden;
	height:0;
	opacity:0;
	transition: opacity 0.5s;
}

#location_new-4.visible {
	visibility:visible;
	height:auto;
	opacity:1;
}


/* SPINNER */

.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(0,0,0,0.96);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left: calc( 50% - 20px);
    top:45%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#fff;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.cover-spin p {
	color: #fff;
	display:block;
	width:100%;
	text-align:center;
    position:absolute;
    left:0%;top:53%;
    padding-left:30px;
    padding-right:30px;
}

#createform label[for=hastime],
#createform label[for=overwrite_location] {
	line-height: 1.5rem;
    font-size: 0.8rem;
}

#editor-4 .options-container {
	text-align:left;
}  

#editor-4 .options-container:nth-child(3) {
	overflow:hidden;
}  

/*#editor-4 .options-container .custom-switch {
	width: 50%;
    float: left;
}*/


.clone-hide {
position:absolute;
opacity: 0;
top:0;
left:0;
z-index:-1000;
}

.col-1.min-padding {
	margin-left: -12px;
    margin-right: -12px;
    line-height: 2rem;
}

.custom-switch {
    padding-left: 2.25rem;
    width: 50%;
    float: left;
}

.custom-switch.switch-1 {
    width: 100%;
}

#createform .switch-1 label {
	width: auto;
}

span.new-function.new-2 {
	left: unset;
	right: -1.2rem;
}

.darker,
#editor-6 .labl div.darker {
background: #dadada;
}




/*************** FAQ ***********************/

.borders-option p {
	font-size:0.8rem;
}

#important-info {

	background: url('../img/shipping-info.jpg');
	background-color: #1B1464;
	background-size:100%;
	background-position: 20%;
	color:#fff;
	padding:1rem;
	border-radius:0.5rem;
}


#important-info h3 {
	text-align:center;
}


#important-info p {
	color:#fff;
	padding-left:8rem;
	padding-right:8rem;
}

#important-info a,
#important-info h3 {
	color: #fff;
}

/*#important-info {
	background-color: #a3dcbf;
	padding:1rem;
	padding-left:2rem;
	padding-right:2rem;
	border-radius:0.5rem;
	border: 1px solid #19a861;
}*/

#important-info a {
	font-weight:600;
}

#important-info a:hover {
	text-decoration:underline;
	
}

p.question {
	font-weight:700;
	font-size:1.2em;
	margin-top:2rem;
	text-align: justify;
	margin-bottom: 0.4rem;
	line-height: 1.8rem;
	/*border-bottom:1px solid #8f8f8f*/;
}

#faq h3 {
	border-bottom:1px solid #8f8f8f;
}

.answer {
	/*display:none;*/
	font-weight:300;
	text-align: justify;
}



#faq li {
	margin-bottom:1rem;
}

ul.faq-payments {
	list-style: none;
	text-align:center;
	font-weight:600;

}

ul.faq-payments li:first-child {
	margin-top:1rem;
}

#faq strong {
	font-weight: 600;
}

#faq .size-prices {
	list-style-type: none;
	padding-inline-start: 20px;
}

.sumprice strong#sum {
	font-weight: 700;
}

.followus {
	font-size:1.5rem;
}


.shadowtext {
	padding-bottom:1rem;
	text-transform: uppercase;
}

.product-image {
	position:relative;
}

.product-button {
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	cursor:pointer;
}

.product-button:hover {
	opacity: 1;
	transition: opacity 0.4s;
}

.product-name {
	font-size:1.2rem;
	text-transform: uppercase;
	font-weight:800;
}

.product-price {
	color: #19a861;
	font-weight:800;
}

#whatsnew .btn {
	background-color: #FFA500;
	border-color: #FFA500;
}

#whatsnew .btn:hover {
 	background-color: #FF6C00 !important;
 	border-color: #FF6C00 !important;
}

#whatsnew #imagebutton {
	background-color: #8C1919;
	border-color: #8C1919;
}

#whatsnew #imagebutton:hover {
 	background-color: #cd2525 !important;
 	border-color: #cd2525 !important;
}

.cart-info {
	font-size:0.7rem;
	color: #6c757d;
	font-style:italic;
}

#alert-halloween {
	margin-bottom:0;
	
background: #DE3163; /*valentine*/
background: #6082B6; /*fathers*/
background: #000000;/*blackfd*/
background: #387b2a; /*xmas*/
background: #af1a1a; /*valentine*/
	color: white;
}

#btn-valentines {
	background: #e83e8c;
	border:  #e83e8c;
}

#btn-valentines:hover {
	background: #a22b62 !important;
}



.followus {
	font-size: initial;
	font-style: italic;
	color:  #17a2b8;
}


.create-second {
color: red;
    border-color: red;
}

.create-second:hover {
background: red !important;
}



/************************ MEDIA QUERIES ******************************
************************ MEDIA QUERIES ******************************
************************ MEDIA QUERIES ******************************/





@media only screen and (max-width : 480px) {
#preview {
	width: 270px;
	height:380px;
	position:relative;
	}

/*.main-occasion > div > div.valentines {
=======*/
.hasborder::before {
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
}

.layout-4 .font-style-2 .preview-message,
.layout-3 .font-style-2 .preview-message {
	margin-top:25px;
}

.layout-4 .font-style-3 .preview-message,
.layout-3 .font-style-3 .preview-message {
	font-size:1.2rem;
}

.layout-4 .font-style-2 .preview-message,
.layout-3 .font-style-2 .preview-message {
	text-transform: none;
	font-size:0.7rem;
}


.font-style-3 .preview-subtitle,
.font-style-3 .preview-message {
	font-size:1rem;
	line-height:1rem;
}

.layout-4 .font-style-3 .preview-title,
.layout-3 .font-style-3 .preview-title {
	font-size:1rem;
	line-height:1rem;
}

/*.main-occasion > div > div.valentines {
	padding-top: 43%;
    padding-bottom: 37%;
} /*eddig*/

.layout-6 .preview-message,
.layout-7 .preview-message,
.layout-5 .preview-message,
.layout-8 .preview-message,
.layout-9 .preview-message,
.layout-10 .preview-message,
.layout-11 .preview-message,
.layout-12 .preview-message,
.layout-13 .preview-message,
.layout-14 .preview-message,
.layout-15 .preview-message {
	font-size: 0.6rem;
}


.form-control#day,
.form-control#year,
.form-control#hour,
.form-control#minute {
  	padding-right:0;
  	padding-left:0.2rem;
  }

#multi-main{
  min-height: 40vh;
    background-position: 50% 50%;
}


.multi-list {
	padding-right:0;
	padding-left:0;
}

.cart-info {
	font-size:0.5rem;

}

.alert-campaign-black {
	padding: 0.5rem;
    padding-right: 3rem;
    font-size: 0.7rem;
}

#alert {
	    font-size: 0.8rem;
	    padding-right:  2rem;
}
.alert-dismissible .close {
padding: 0.5rem 0.75rem;
}

.layout-3 .poster,
.layout-4 .poster {
margin-top: 50px;
}


}


@media only screen and (max-width: 767px) {


	.layout-1.highlight .preview-message,
.layout-2.highlight .preview-message {
    font-size: 0.7rem;
}

	.editor-switch {
    font-size: 0.8rem;
}

#testimonials img {
	width: 80%;
}



.shopping-cart .container {
	padding:0;
}



.shopping-cart .content, 
.shopping-cart .items .product .info .price, 
.shopping-cart .items .product .info .product-name .product-info {
    font-size: 0.7rem !important;
} 

.image-container {
	max-width:50%;
	margin:0 auto;
}

.square {
    margin-bottom:2px;
}

.squareholder {
	padding: 4px;
}

.inner {
	padding: 2rem 2rem;
}

 .labl > input + div {
    border: 1px solid #9a9a9a;
}


 #editor-4 .options-container:first-child {
	text-align:center;
}  

.value-button {
	width:20px;
}

.start {
	background:none;
}

.main-right {
	background-color: #fff;
}

.main-left {
	background-image: url(../img/background-3.jpg);
    background-position: 29.5% 37%;
    background-size: 400%;
}

.start-mothers .main-left {
	background-image: url(../img/anyaknapja_2022_hu.jpg);
    background-position: 29.5% 37%;
    background-size: 400%;
}

.start-children .main-left {
	background-image: url(../img/gyereknap_background_hu.jpg);
    background-position: 29.5% 37%;
    background-size: 400%;
}

.start-wedding .main-left {
	background-image: url(../img/background_wedding_hu.jpg);
    background-position: 29.5% 37%;
    background-size: 400%;
}



.start-fathers .main-left {
	background-image: url(../img/apaknapja_hu.jpg);
}

.shopping-cart {
	padding-bottom:1rem;
}

#thankyou {
	padding:20px;
	padding-bottom:40px;
}

footer h3 {
	display:none;
}

.layout-3 .poster,
.layout-4 .poster {
	margin-bottom:10px;
}



.layout-3 .preview-message,
.layout-4 .preview-message {
	font-size: .5rem;
	 margin-top: 40px;
}



.preview-title {
	font-size:.9rem;
}

#preview,
#preview-clone {
	padding: 14.25px;
	padding-top:28.5px;
}

.poster-1 {
	padding: 8.55px;
}

.layout-3#preview,
.layout-4#preview {
	padding-top: 20px;
}

.preview-subtitle,
.preview-message,
.layout-3 .preview-title,
.layout-4 .preview-title {
	font-size: 0.5rem;
}
/*

.layout-1 .preview-subtitle,
.layout-2 .preview-subtitle {
	top: 2rem;
}
.layout-1 .preview-message,
.layout-2 .preview-message {
    bottom: 2rem;
}*/

.preview-geo {
	font-size:0.35rem;
	line-height: 0.7rem;
}


.poster {
    margin-bottom: 20px;
}	

.color-option {
	padding: 0 2px;
}
h4.occasion-name {
	font-size: 1rem;
}

.main-how > .row {
	padding: 0 2rem;
}

#createform label {
	font-size:.82rem;
}

.editor-2,
.editor-3,
.editor-4,
.editor-5,
.editor-6,
.editor-7 {
	display:none;
}

#editor-2 {
	overflow: hidden;
}



#editor-4 {
	/*margin-right:0;
	padding:0;
	background:none;*/
	max-height: 240px;
    overflow: scroll;
    margin-left:-.8rem;
}
#editor-2 .options-container,
#editor-3 .options-container,
#editor-4 .options-container,
#editor-6 .options-container {
	/*padding-bottom: .8rem;*/
    background: #fff;
    /*padding-top: .8rem;*/
}

#editor-2 .options-container,
#editor-3 .options-container,
#editor-4 .options-container,
#editor-6 .options-container {
	margin-top:0;
	border:none;
	background:none;
	padding:0;
}


.mobile-toggler {
	display:block;
	position:absolute;
	right:0;
	bottom:100%;
	-webkit-box-shadow: 0 -0.25rem 0.53125rem 0 rgba(50, 50, 50, 0.36);
	box-shadow: 0 -0.25rem 0.53125rem 0 rgba(50, 50, 50, 0.36);

}

.create-main {
	background: url('../img/createbg.jpg');
    background-attachment: scroll;
    background-size: cover;
    background-position: -110px 0px;

}

.empty_cart {
	max-width: 30%;
}

.create-main {
	display:flex;
	justify-content:center;
	/*min-height:90vh;*/
}

.create-side {
	z-index:1000;
	padding:0.8rem;
	-webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	background:rgb(245, 245, 245);
}

.only-mobile {
	display:flex;
	color: #333744;
	z-index:1000;
	cursor:pointer;	
	left: -0.8rem;
    top: -0.4rem;
    width: calc( 100% + 1.6rem);
    position: relative;
    font-size:0.8rem;
    font-weight:700;

}

.mobilebutton {
	padding-left: 4px;
    padding-right: 4px;
}

.mobilebutton.active a {
	border-bottom: 2px solid #19a861;
	transition:0.5s;
}

.editor {
	padding: .8rem;
	display:none;
    background: #fff;
    margin-right: -0.8rem;
    margin-left: -0.8rem;

}




#editor-5,
#editor-6 {
	margin-left:0;
	margin-right:0;
}

#editor-6 {
	margin-left:-.8rem;
	margin-right: -.8rem;
}

.editor.shown {
	display:block;
}

/*
.prev {
	display:none;
}

.next.first {
	width:100%;
}

.prev.mobile-visible, .next {
	height:100%;
	display:flex;
	align-items:center;
	padding:0.8rem;
}*/

#create ~ footer {
	display:none;
}

.create-all {
	padding:0;
	background:none;
}
.editor-5 {
    max-height: 180px;
    overflow: scroll;
}

.editor-5 span {
	display:inline;
}

#preview
{
	width: 285px;
	height:400px;
	position:relative;
	top:0;	
	margin:70px auto 20px;
	margin-bottom: 16px;
	/*top:70px;*/
	}


#preview-clone {
	width: 285px;
	height:400px;	
	margin:70px auto 20px;
	padding: 14.25px;
    padding-top: 28.5px;
}

.pro-color {
    width: 200px;
    height: 200px;
    background-size: cover;
    margin-top: 8px;
    margin-left: 15px;
}


.start {
	padding-top:20px;
}

.options-container {
	margin-top: 0;
	/*margin-bottom:1rem;*/
}




.footer-section {
	text-align:center;
}

.shopping-cart .items .product .info .product-name {
	text-align:center;
	margin-top:0.8rem;
}

.shopping-cart .items .product .info .price {
    font-weight: bold;
    font-size: 16px;
}

.shopping-cart .items {
	margin-top:1rem;
}
.mobile-row{
	font-size: 12px;
    margin-top: 1rem;
}

.create-second {
	float:none;
	width:100%;
	}

header.masthead .masthead-content .masthead-heading,
.main-about h2 {
	font-size: 1.4rem;
}

header.masthead .masthead-content .masthead-subheading {
    font-size: 1rem;
}

.main-about {
    padding: 20px;
    padding-top: 20px;
}

.info-designer {
	font-size: 0.7rem;
}

}

@media (max-width: 1200px) and (min-width: 768px)  {


  .parallax {
    background-attachment: scroll;
  }

.form-control#day,
.form-control#year,
.form-control#hour,
.form-control#minute {
  	padding-right:0;
  	padding-left:0.2rem;
  }

  .text-1,
  .text-2,
  .text-3 {
  	font-size: 0.7rem;
  }

  .create-main {
	background: url('../img/createbg.jpg');
    background-attachment: scroll;
    background-size: cover;
    background-position: -110px 0px;

}

#preview {
	margin:70px auto 20px;
	margin-bottom: 0
}

}


@media screen and (min-width: 769px) {

#preview{
		top: 36px;
	}

.start-valentinnap p,
.start-valentinnap h1,
.start-wedding p,
.start-wedding h1 {
	color:  #fff;
}

.create-side {
	margin-top:2.5rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem;
    padding-left: 1rem;
	}


	.start-fathers h1,
	.start-fathers p {
		color:  #fff;
	}

}


@media screen and (min-width: 768px) and (max-width:1024px) {
.pro-color {
    position: absolute;
    width: 394px;
    height: 394px;
    background-size: cover;
    margin-top: 13px;
    margin-left: 21px;
    border-radius: 50%;
	}

	
.layout-3 .poster,
.layout-4 .poster {
margin-top: 75px;
}
}

@media only screen and (max-width: 1024px) {

.value-button {
	width:20px;
}
.main-left {
    background-image: url(../img/background-3.jpg);
    background-position: 29.5% 37%;
    background-size: 400%;
}

.start-mothers .main-left {
	background-image: url(../img/anyaknapja_2022_hu.jpg);
    background-position: 29.5% 37%;
    background-size: 400%;
}

.start-children .main-left {
	background-image: url(../img/gyereknap_background_hu.jpg);
    background-position: 29.5% 37%;
    background-size: 400%;
}

.start-valentinnap .main-left {
	background-image: url(../img/background-valentinnap_hu.jpg);
    background-position: 29.5% 37%;
    background-size: 400%;
}



.start-fathers .main-left {
	background-image: url(../img/apaknapja_hu.jpg);
}

#important-info {
	background-image:none;
	background-position: 50% 101%;
}

#multi-main {
	margin:0;
}


#important-info p {
	color:#fff;
	font-size:0.9rem;
	padding-left:1rem;
	padding-right:1rem;
	text-align:left;
}



}


@media screen and (min-width: 768px) and (max-width:1024px) {
.shopping-cart {
	padding-bottom:1rem;
}

#create ~ footer {
	display:none;
}

 .labl > input + div {
    border: 1px solid #9a9a9a;
}


/*******/
.editor-2,
.editor-3,
.editor-4,
.editor-5,
.editor-6,
.editor-7 {
	display:none;
}

#editor-2 {
	overflow: hidden;
}



#editor-4 {
	/*margin-right:0;
	padding:0;
	background:none;*/
	max-height: 240px;
    overflow: scroll;
    margin-left:-.8rem;
}
#editor-2 .options-container,
#editor-3 .options-container,
#editor-4 .options-container,
#editor-6 .options-container {
	/*padding-bottom: .8rem;*/
    background: #fff;
    /*padding-top: .8rem;*/
}
#editor-2 .options-container,
#editor-3 .options-container,
#editor-4 .options-container,
#editor-6 .options-container {
	margin-top:0;
	border:none;
	background:none;
	padding:0;
}



.empty_cart {
	max-width: 30%;
}

.create-main {
	display:flex;
	justify-content:center;
	/*min-height:90vh;*/
}

.create-side {
	z-index:1000;
	padding:0.8rem;
	-webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	background:rgb(245, 245, 245);
}

.only-mobile {
	display:flex;
	color: #333744;
	z-index:1000;
	cursor:pointer;	
	left: -0.8rem;
    top: -0.4rem;
    width: calc( 100% + 1.6rem);
    position: relative;
    font-size:0.8rem;
    font-weight:700;

}

.mobilebutton {
	padding-left: 4px;
    padding-right: 4px;
}

.mobilebutton.active a {
	border-bottom: 2px solid #19a861;
	transition:0.5s;
}

.editor {
	padding: .8rem;
	display:none;
    background: #fff;
    margin-right: -0.8rem;
    margin-left: -0.8rem;

}



#editor-5,
#editor-6 {
	margin-left:0;
	margin-right:0;
}

#editor-6 {
	margin-left:-.8rem;
	margin-right: -.8rem;
}

.editor.shown {
	display:block;
}

/*
.prev {
	display:none;
}

.next.first {
	width:100%;
}

.prev.mobile-visible, .next {
	height:100%;
	display:flex;
	align-items:center;
	padding:0.8rem;
}*/


.create-all {
	padding:0;
	background:none;
}
.editor-5 {
    max-height: 180px;
    overflow: scroll;
}



.editor-5 span {
	display:inline;
}

.start {
	padding-top:20px;
}

.options-container {
	margin-top: 0;
	/*margin-bottom:1rem;*/
}

.start {
	background:none;
}

.create-side {
	margin-top:0;
}

#preview,
#preview-clone {
	width: 500px;
    height: 700px;
    padding: 25px;
    padding-top: 50px;

}

.poster-1 {
	padding: 15px;
}

 #submitButton {
    width: 60%;
    margin: auto;
    margin-top: 1rem;
}
}

.main-right {
	min-height:40vh;
}

.parallax {
    background-size: cover;
    background-position: 38% 0;
}




}

@media screen and (max-width: 1200px) {



#create ~ footer {
	display:none;
}

.form-control#day,
.form-control#year,
.form-control#hour,
.form-control#minute {
  	padding-right:0;
  	padding-left:0.5rem;
  }

 
}

@media screen and ( min-width: 1201px ) {
	#fixed-top-desktop {
	position: absolute;
}

 .form-control#day,
  .form-control#year,
  .form-control#hour,
.form-control#minute {
  	padding-right:0;
  	padding-left:0.5rem;
  }

.options-container {
	background: /*#dadada*/ #e7e7e7;
	border: 1px solid #e7e7e7;
}

#editor-4 .options-container {
	text-align:left;
}  



}

@media screen and ( min-width: 1400px ) and ( min-height: 800px ){
   #preview,
   #preview-clone {
    width: 600px;
    height: 840px;
    padding: 30px;
    padding-top: 60px;
	}

.poster-1 {
	padding: 18px;
}

	.pro-color {
    width: 436px;
    height: 436px;
    margin-top: 15px;
    margin-left: 22px;
}

.preview-message {
    font-size: 1rem;
    margin-top: 50px;

}


.layout-3 .preview-message,
.layout-4 .preview-message {
	margin-top:70px;
}




.poster {
	margin-bottom: 40px;
}

.layout-3 .poster, 
.layout-4 .poster {
	margin-bottom: 40px;
}

.new-text {
	padding: 4rem 8rem;
}

.layout-3 .poster,
.layout-4 .poster {
margin-top: 90px;
}


}

@media screen and ( min-width: 2000px ) and ( min-height: 1200px ){
   #preview,
   #preview-clone {
    width: 800px;
    height: 1120px;
    padding: 40px;
    padding-top: 80px;
	}

.poster-1 {
	padding: 24px;
}

	.pro-color {
    width: 560px;
    height: 560px;
    margin-top: 20px;
    margin-left: 28px;
}

.layout-3 .poster,
.layout-4 .poster {
margin-top: 120px;
}

	/*.poster {
	margin-bottom:160px;
	}*/
}

@media only screen and (min-width: 1680px) {
	.main-how > .row {
		padding:0px 380px;
	}

	.parallax {
		min-height:40vh;
	}
}

.hidden {
	display: none!important;
}

/*.cookiealert a {
    text-decoration: underline;
	color:#000000;	
}*/


/****************** EXTRA ***********************/

.extra-layer {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	/*background: url(../img/baba-01.png) 0% 0% / cover;*/
	z-index:6;
}

#title-holder {
	/*position:relative;*/
    z-index: 7;
    left: 0;
    width: 100%;
}

/*.layout-5 .pro-color {
	background: url(../img/watercolor14.jpg) 0% 0% / cover !important;
    box-shadow: 0px -20px 100px whitesmoke, 0px -20px 20px whitesmoke, inset 0 0px 0px 0px whitesmoke;
}*/

#map {
	position: relative;
}


.bg-red {
	background: red !important;
}