@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

/*COOKIE*/
#redim-cookiehint-bottom, #redim-cookiehint-bottom #redim-cookiehint, #redim-cookiehint .cookiehead .headline, #redim-cookiehint-bottom .cookiecontent{ 
	background-color: #D5D0C1 !important;
	color: #000 !important;
	font-size: 13px !important;
	font-family: 'Montserrat', sans-serif !important;
}

.cookiebuttons a.btn{ 
	font-size: 13px !important;
	font-family: 'Montserrat', sans-serif !important;
}

a#cookiehintsubmitno { 
	background-color: #fff !important;
}

#redim-cookiehint .cookiehead .headline{ 
	padding: 3px 0px 3px 0px !important;
}

#redim-cookiehint .cookiehead .headline::before{ 
	display: none !important;
}

#redim-cookiehint .cookiebuttons button a{ 
	padding-left: 0;
}

#redim-cookiehint .cookiebuttons button a:hover{ 
	color: #fff;
}

/*GENERAL OVERRIDES*/
.vmLoading .controls input{ 
	display: none;
}

.container-fluid{ 
	max-width: 1920px;
}

html *{ 
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
}


body{ 
	/*max-width: 1190px;*/
	margin: auto !important;
	font-family: 'IBM Plex Sans', sans-serif !important;
	letter-spacing: 0.5px;
	overflow-x: hidden;
}

.row.header{
	--bs-gutter-x:0 !important;
	height: 100%;
	margin-top: 21px;
}

.moduletable{
	letter-spacing: 0.3px;
	line-height: 20px;
}

.moduletable h2{
	line-height: 35px;
}


sup{
	top: -0.26rem !important;	
}

/*MENU LOGO*/
.navbar{ 
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0px !important;
	justify-content: center !important;
	z-index: 2000 !important;
	background: transparent !important;
}

.bg-kookoo{ 
	background-color:#fff;
}

.bg-kookoo .container-fluid{ 
	display: block !important;
	text-align: end !important;
	padding-right: 10px;
    padding-top: 0px;
}

.show .navbar-nav, .collapsing .navbar-nav{ 
	text-align: center;
}

.header { 
	height: 100px;
	width: 100%;
	background-color:#fff;
	color:white;
}

.header-menu { 
	height: 48px;
}

.logo { 
	height: 50px;
	z-index: 2;
	text-align: left;
}

button.menu { 
	padding-top: 7px;
}

ul.mod-menu.mod-list.nav { 
 	display: block !important;
}


@media only screen and (max-width: 972px) {
	.logo { 
		height: 50px;
	}
}

.header-icon{ 
	position: relative;	
	padding-right: 14px;
}

.fb-icon{
	background-image:url('../images/fb-icon.svg');
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	padding-left: 20px;
    padding-top: 3px;
    transition: 0.2s;
    background-size: 20px;
}

.insta-icon{
	background-image:url('../images/insta-icon.svg');
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	padding-left: 18px;
    padding-top: 2px;
    transition: 0.2s;
    background-size: 17px;
}

.fb-icon:hover, .insta-icon:hover{
	opacity: 0.4;
}

div.mod-languages ul.lang-inline li{
	display: table-cell;
}

div.mod-languages a{
	color: #000;
	font-size: 12px;
}

div.mod-languages ul{
	margin-right: 12px;
	margin-left: -2px
}

.overlay div.mod-languages ul{
	display: table;
	margin-right: auto;
	margin-left: auto;
}

.overlay div.mod-languages ul a{
	line-height: 23px;
}

.headermenu{
/*	max-width: 967px !important;*/
}

@media (max-width: 767px){
	.navbar-expand-md .navbar-collapse, .navbar-expand-md .navbar-collapse {		
		margin-left: auto;
		margin-right: auto;
		display: table !important;
	}
}

.headermenu a:before{
    display: block;
    content:attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.headermenu a:hover, .headermenu li.active a{
	font-weight: 700;
}

.headermenu li{ 
	padding-right: 16px;
	padding-left:16px;
}

.headermenu li a{ 
	color:#000;
	text-decoration: none;
	font-size: 13.5px;	
	font-weight: 400;
	transition: 0.05s;
}

li.item-150{ 
	padding-left:0;
	margin-left:-8px;
}

.headermenu.basic.d-flex{ 
	padding-bottom: 6px;
}

@media only screen and (max-width: 991px) {
  	.headermenu.basic.d-flex{ 
		display: block !important;
	}
	
	.headermenu li a{ 
		line-height: 40px;
	}

	.bg-kookoo .container-fluid{ 
	    padding-top: 34px;
	}
}

@media only screen and (min-width: 991px) {
  	.desktopmenu{ 
		display: flex !important;
	}
	
	.mobilmenu{ 
		display: none !important;
	}
}

@media only screen and (max-width: 991px) {
  	.desktopmenu{ 
		display: none !important;
	}
	
	.mobilmenu{ 
		display: block;
	}
	.row.mobilmenu{ 
		margin-bottom: 40px;
	}
	.home .row.mobilmenu, .itt-kostolhatsz-minket .row.mobilmenu{ 
		margin-bottom: 40px;
	}
}

.overlay-content .moduletable{ 
	margin-top: 0;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #D5D0C1;
  overflow-x: auto;
  transition: 0.2s;
  padding-top: 102px;
  overflow-x: hidden;
}

.overlay-content {
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.overlay a {
  text-decoration: none;
  font-size: 1.4rem;
  color: #000;
  display: block;
  transition: 0.3s;
  font-weight: 700;
  line-height: 52px;
}

.overlay a:hover, .overlay a:focus, .overlay a.smallitemnotbold:hover, .overlay a.smallitem:hover {
  color: #000;
  text-decoration: underline;
}

.overlay a.smallitem{
  text-decoration: none;
  font-size: 0.875rem;
  color: #000;
  display: block;
  transition: 0.3s;
  font-weight: 700;
  line-height: 38px;
}

.overlay a.smallitemnotbold{
  text-decoration: none;
  font-size: 0.875rem;
  color: #000;
  display: block;
  transition: 0.3s;
  font-weight: 300;
  line-height: 35px;
}

.smallitemnotbold img{
	width: 23px;
	height: 23px;
}

.overlay a.bottommargin30{
	margin-bottom: 30px;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


/*Menutoggle*/
body.menutoggle {
	overflow: hidden;
  }

#myNav {
	width: 0%;
  }

#myNav.menutoggle {
	width: 100%;
  }




main {
  height: 100vh;
}

.turquoise {
  background-color: #45B5AA; 
}


.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  z-index: 2000;
}
.line {
  fill: none;
  stroke: #000;
  stroke-width: 6;
  transition: stroke-dasharray 60ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 60ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}



/*BANNER*/
.banner {
	position: relative;
}

.welcome {
	position: absolute;
	max-width: 450px;
	top: 100px;
	background-color: #fff;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	left: 15px;
	right: 15px;
}

.welcome button {
	display: block;
	text-align: center;
}

.welcome a{
	text-decoration: none;
}

.mainb{ 
	background-image:url('../images/preshaz-bg.png');
	background-size: cover;
	height:1350px;
	background-repeat: no-repeat;
	background-position: center;
}

.videobg {
	height: 100vh;
	overflow: hidden;
	position: relative;
  }
  
  video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit: cover;
  }

.olaszb{ 
	background-image:url('../images/olasz_banner.png');
	background-size: cover;
	height:650px;
	background-repeat: no-repeat;
	background-position: center;
}

.ittkostolhatsz{ 
	background-image:url('../images/bekassy_wines.png');
	background-size: cover;
	height:650px;
	background-repeat: no-repeat;
	background-position: center;
}

.bottombanner{ 
	background-image:url('../images/bekassy_bottles.jpg');
	background-size: cover;
	height:650px;
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 700px) {
	.mainb{ 
		background-image:url('../images/preshaz-bg-mb.png');
		height: 900px;
	}

	.olaszb{ 
		background-image:url('../images/olasz_banner_mob.png');
		height:350px;
	}
	.ittkostolhatsz{ 
		background-image:url('../images/bekassy_wines_mob.png');
		background-size: cover;
		height:350px;
	}
	.bottombanner{ 
		background-image:url('../images/bekassy_bottles_mob.png');
		height:350px;
	}
}

@media screen and (max-width: 1280px) {
	.welcome {
			max-width: 370px;
			top: 60px;			
		}
}

@media screen and (max-height: 590px) {
	.welcome {
			max-width: 370px;
			top: 10px;			
		}
}

.moduletable.mainbanner{ 
	margin-top: 20px;
}


.moduletable.mainbanner{ 
	margin-top: 20px;
}


.mainbanner{ 
	width: 100%;
	height:100%;
}

.banner-shl{ 
	padding-top: 100px;	
	line-height: 30px;
}

.shopbanner h1{ 
	font-size: 3.5rem !important;	
	line-height: 45px;
	padding-right: 10px;
	padding-left: 10px;
}

.moduletable h3, .moduletable{ 
	font-weight: 300;
}

.moduletable.padding-top20{ 
	margin-top: 20px;
}

.moduletable.padding-top50{ 
	margin-top: 50px;
}

.moduletable.padding-top80{ 
	margin-top: 80px;
}

.boraink .moduletable.padding-top80{ 
	margin-top: 50px;
	margin-bottom: 40px;
}

.moduletable.padding-top100{ 
	margin-top: 100px;
}

.moduletable.padding-bottom50{ 
	margin-top: 50px;
}

.container .custom p{ 
	text-align: center;
}

.featured .container .custom p{ 
	text-align: left;
}

.headermenu .moduletable{ 
	margin-top: 0px;
}
/*PRESHAZ SUBPAGE*/
.preshaz .com-content-article__body{	
	position: relative;
}

.preshaz .welcome {	
	max-width: 33vw;
	top: 750px;
}

.container-fluid.prss{	
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.container-fluid.prss .row{	
	--bs-gutter-x:0;
}

@media screen and (max-width: 700px) {
	
	.preshaz .welcome {	
		max-width: 100vw;
		top: 0px;
		position: relative;
		left:0;
	}
}

/*FEATURED*/
.featured{ 
	margin-top: 30px !important;
	text-align: left;
	background:#D5D0C1;
}

.featured h2{ 
	text-align: left !important;
}

.featured-image{ 
	max-height: 650px;
}

.featured-row{ 
	background: #fff;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.container-fluid.featured{ 
		padding-top: 5px !important;
	}
}

@media only screen and (max-width: 767px) {
	.featured-image{ 
		max-height: 650px;
		max-width: 100%;
		margin-top: 20px;
	}

	.featured-row{ 
		text-align: center;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
	.featured-image{ 
		max-width: 50vw;
	}
	.featured-row{ 
		text-align: center;
	}
}



/*MAP*/
@media only screen and (min-width: 768px){
	.container-fluid.mapcontainer{ 
		padding-left: 0 !important;
	}
}

.map{ 
	background-color: #fff;
	text-align: left;
}

.map h2{ 
	text-align: left !important;
}

.map{ 
	max-height: 650px;
	max-width: 50vw;
}

.map-image{ 
		max-width: 100%;
	}


@media only screen and (max-width: 767px) {
	.map-image{ 
		margin-top: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
	.map-image{ 
		max-width: 50vw;
	}
}

.mapcontainer .page-header h2{
	text-align:left !important;
}

@media only screen and (min-width: 1750px) {
	.mapcontainer .map-align{ 
		max-width: 700px !important;
		margin-left: 150px;
		justify-content: left !important;
	}
}

@media only screen and (max-width: 752px) {
	.featured, .featured h2, .moduletable, .moduletable h2, .mapcontainer .page-header h2{ 
		text-align: center !important;
	}
	.featured button.main-button.empty{
	margin-bottom: 40px;
	}
	.featured img{
	max-width: 90%;
	}
	.mapcontainer h2{
	margin-top: 20px;
	}
	.div#collapseExample{
	font-size: 14px;
	}
	.moduletable.padding-top20{
	margin-top: 80px;
	}
	.sticky-side {
    padding: 0 20px 0 20px;
	}
	img.find-us-image {
    max-width: 25% !important;
	}
	.author{
		display: none;
	}
	.designedby{ 
		bottom: -32px;
	    position: relative;
		margin: auto;
		float: unset !important;
	}
}
/*AUTHOR*/
.author-desc{ 
	margin-top: 40px !important;
}

img.author-img{ 
	max-width: 80% !important;
	max-height: 650px;
}

.author-bio{
	max-width: 475px;
	margin-left: 20px;
}


@media only screen and (max-width: 752px) {
	.author-bio{ 
		max-width: 80%;
		margin-top:40px;
		margin-left: 0px;
	}
}


/*TASTE*/
.taste{ 
	background-color: #CAB8B8;
	padding-top:60px;
	padding-bottom: 60px;
	font-weight: 600;
	font-size: 16px;
	text-align: left;
	line-height: 25px;
}

.taste a{ 
	line-height: 20px;
	letter-spacing: 0;
	font-weight: 600;
	font-size: 16px;
	text-align: left;
	color: #000;
	text-decoration: none;
	transition: 0.3s;
}

.taste a:hover{ 
	text-decoration: underline;
	color: #000;
}

@media only screen and (max-width: 576px) {
	.taste{ 
		text-align: center;
	}
}

.taste li{ 
	list-style: none;
}

.taste ul{ 
	padding-inline-start:0;
}

/*SHOP*/
/*KOSAR*/
.vmCartExtWrapper{
	position: relative !important;
	right: 0 !important;
	top:-5px !important;
	z-index: 10 !important;
}


#checkoutForm{
	margin-top: 0px;
}


@media only screen and (min-width: 967px) {
	#checkoutForm{
		margin-top: 80px;
	}
}

.hcart{
	justify-content: flex-end !important;
}

.headermenu a{ 
	color:rgb(0,123,95);
	text-decoration: none;
	font-size: 18px;	
	font-weight: 300;
}

.cart-icon{
	background-image:url('../images/cart-icon.svg');
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	padding-left: 20px;
    padding-top: 1px;
    background-size: 17px;
}

.cartbg{ 
	border-radius: 50%;
    width: 18px;
    height: 18px; 
    background-color: #000;
    display: inline-block;
    color: #fff;
    top: -14px;
    position: relative;
    left: -10px;
    text-align: center;
    font-size: 12px;
    margin-left: 14px;
}

.cartbg > span{ 
    margin-left: 1px !important;
}

@media only screen and (min-width: 400px) {
		.cartbg > span{ 
		    position: relative;
		    top:-1px;
		    left:0px;
		}
}

.open_cart_button{ 
    color: #000 !important;
    padding:0 !important;
}

@media only screen and (max-width: 992px) {
	  	.d-flex.hcart {
	    display:none !important;
	}
}

.vmCartExtModule a {
    font-size: 14px;
	color:#000 !important;
    
}

.vmCartExtModule, .vmCartExtModule {
    font-size: 14px;
    background-color:#fff !important;
    color:#000 !important;
}

.show_cart a:link, .show_cart a:visited, a.product-details, a.details, div.details{
    font-size: 15px;
	background: none !important;
    background-color: rgba(172,162,131,1) !important;
    color:#fff !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 25px !important;
    border-radius: 2px;
    height: 40px;
    width: 100%;
    transition: 0.3s;	
}

.show_cart a:hover, a.product-details, a.details, div.details{
    background-color: rgba(172,162,131,0.8) !important;
}

.show_cart{
	margin-top: 10px;
	width: 380px;
    text-align: center;
    display: block;
    height: 40px;
    float: none;
}


.vmCartExtModule .product_row{
    font-size: 12px;
    background-color:#fff !important;
    color:#000;
    border: 0 !important;
}

.vm_cart_ext_products{
	overflow: auto !important;
}

.vmCartExtModule{
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1) !important;
}

@media (min-width: 768px){
	.vmCartExtModule {
	    width: auto !important;
	    min-width: 380px !important;
	}
}

/*KOSAR END*/

.product-container.productdetails-view.productdetails h1, .product-container.productdetails-view.productdetails .vm-cmv-label, .product-description .title{ 

}

.product-container.productdetails-view.productdetails h1{ 
	/*word-spacing: 100vh;*/
	font-size: 16px;
	font-weight: 700 !important;
	line-height: 21px;
}

.product-container.productdetails-view.productdetails{ 
	margin-top: 80px;
}

@media (max-width: 976px){
	.product-container.productdetails-view.productdetails{ 
		margin-top: 0px;
	}	
}

.desk .product-fields{ 
	margin-top: 0px !important;
}

.productdetails-view .product-description, .product-fields{ 
	margin: 40px auto 0 auto !important;
}


@media (max-width: 1024px){
	.productdetails-view .product-description, .product-fields{ 
		margin: 0px !important;
	}
}

@media (max-width: 753px){
	.productdetails-view .product-description, .product-fields{ 
		margin: 0px !important;
		margin-top:50px !important;
	}
}

.vm-product-container .vm-product-media-container{
	float: none;
	width: 100%;
	/*position: -webkit-sticky;*/
	/*position: sticky;*/
	top:30px;
	margin-bottom: 0px !important;
}

.sticky-side{
	/*position: -webkit-sticky;*/
	/*position: sticky;*/
	top:30px;
}


@media (max-width: 767px){
	.vm-product-container .vm-product-media-container{
		position: unset;
	}
}

.main-image img{
	width: 550px;
	max-width: 550px !important;
}

.product-description .row{
    --bs-gutter-x: 0rem !important;
    --bs-gutter-y: 0;	
}

.product-description .product-price{
	align-self: start !important;
	justify-content: flex-end !important;
}

@media (min-width: 992px){
	.product-description{
		max-width: 476px !important;
		margin-top: 50px !important;
		
	}
}

.vm-product-media-container .main-image{
	display: none;
}


/*KERETVALASZTO*/
.product-field-display .controls{
	display: block;
}

input.cvselection.no-vm-bind{ 
	display: none;
}

.product-fields-title, .product-field.product-field-type-C strong{ 
	font-size: 16px;
	font-weight: 600 !important;
	color: #ACA283;
	padding-right: 10px;
}

.controls label.radio{ 
	padding: 10px;
	border: 2px solid #ACA283;
	box-sizing: border-box;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
	color: #ACA283;
	margin-right: 10px;
}

/*
.radio::before{
	content: '2019';
	position: absolute;
	width: 80px;
	height: 40px;
	transition: 0.3s;
	cursor: pointer;
	color: #000;
	text-align: center;
	font-size: 24px;
	padding-top: 9px;
}
*/

/*TAB*/
.nav-tabs, .rl_tabs .nav-tabs{ 
	border: 0;
}

.rl_tabs.outline_content>.tab-content {
	border: 0px;
    border-top: none;
}

.rl_tabs.outline_content>.tab-content{ 
	background-color: transparent;
	border-top: 1px solid #ecf0f1 !important;
    border-radius: 0px 0px 0px 0px;
    margin-top: 2px;
   	font-size: 15px;
   	font-weight: 300;
}

a.rl_tabs-toggle.nn_tabs-toggle.nav-link{ 
	background-color: #fff !important;
	border-top: 1px solid #ecf0f1 !important;
    border-left: 1px solid #ecf0f1 !important;
    border-right: 1px solid #ecf0f1 !important;
}

a.rl_tabs-toggle.nn_tabs-toggle.nav-link.active, a.rl_tabs-toggle.nn_tabs-toggle.nav-link.active:hover, a.rl_tabs-toggle.nn_tabs-toggle.nav-link:hover{ 
	color: #333333;
	font-weight: 500;
	font-size: 16px;
}

.rl_tabs.outline_handles ul.nav-tabs>li a{ 
	border: 0;
	color: #333333;
	font-weight: 300;
	font-size: 16px;
	transition: 0.3s;
}


.rl_tabs.outline_handles ul.nav-tabs>li a::before {
    display: block;
    content: attr(title);
	color: #333333;
	font-weight: 500;
	font-size: 16px;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    border: 1px solid;
    box-shadow: 0 0 0;
}

.rl_tabs.top>ul.nav-tabs>li.active>a:focus, .rl_tabs.top>ul.nav-tabs>li>a:focus {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.rl_tabs.outline_handles ul.nav-tabs>li a, .rl_tabs.outline_handles ul.nav-tabs>li a:hover {
	border: 0 !important;
}

@media (max-width: 500px){
	.rl_tabs>ul.nav-tabs>li>a{
		display: table-caption !important;
		padding: 0!important;
	}
	.rl_tabs.outline_content>ul.nav-tabs{
		margin-bottom: 10px !important;
	}
}

.rl_tabs.outline_handles ul.nav-tabs>li a[aria-selected=true]{
	color: #333333;
	font-weight: 500;
	font-size: 16px;
}


/*CART BUTTON*/
span.addtocart-button input.addtocart-button{
	border:0;
	text-align: left;
	font-weight: 600;
	font-size: 16px !important;
	text-transform: uppercase;
}

span.addtocart-button{
	display: block !important;
	text-align: left;
}

.vm-price-desc, .quantity-box, .quantity-controls, .product-description .title{ 
	display: none !important;
}

.PricesalesPrice.vm-display.vm-price-value{ 
	color: #333333;
	font-size: 16px;
	font-weight: 700 !important;
	text-align: left;
	padding-bottom: 10px;
}

.PricesalesPrice.vm-display.vm-price-value > span, span.PricesalesPrice > sup{ 
	font-weight: 700 !important;
}

.ajandekkartyak .PricesalesPrice.vm-display.vm-price-value > span, .ajandekkartyak span.PricesalesPrice > sup, .boraink .PricesalesPrice.vm-display.vm-price-value > span, .boraink span.PricesalesPrice > sup{ 
	font-weight: 400 !important;
}

.product-price { 
	float: none !important;
	margin: 0;
	padding: : 0 0 6px;
}

.productdetails-view .addtocart-bar{ 
	text-align: left;
	margin: 0 0 10px;
}

.statement{ 
	font-size: 12px;
	margin-bottom: 30px;
	color: gray;
}

input.addtocart-button{ 
	display: block;
	width: 100%;
	font-size: 16px !important;
	font-weight: 500;
	background-color: rgba(172,162,131,1) !important;
	border-radius: 0px !important;
	transition: 0.3s;
	color: #fff;
}

input.addtocart-button:hover{ 
	background-color: rgba(172,162,131,0.8) !important;
	color: #fff !important;
	opacity: 1;
}

.productdetails-view .product-short-description {
    margin: 0 0 20px;
    padding: 0;
}

.productdetails-view .product-field.product-field-type-C{ 
	display: flex;
	height: auto;
}

.product-field.product-field-type-C{ 
	height: 105px;
    margin: 0 0 40px;
    font-weight: 300 !important;
}

.product-field.product-field-type-C strong, .product-fields-title-wrapper, .product-container.productdetails-view.productdetails h1{ 
	font-weight: 300;
}

.product-description .product-field-display {
    margin-top: 0px !important;
    align-self: center;
}


.product-field-display {
    margin-top: 10px !important;
}

.product-fields-title-wrapper {
 	min-width: auto !important;
 	align-self: center;
}

@media only screen and (max-width: 1199px) {
  	.rl_tabs.outline_handles ul.nav-tabs>li a[aria-selected=true], .rl_tabs.outline_handles ul.nav-tabs>li a, .rl_tabs.outline_handles ul.nav-tabs>li a:hover, a.rl_tabs-toggle.nn_tabs-toggle.nav-link.active, a.rl_tabs-toggle.nn_tabs-toggle.nav-link.active:hover, a.rl_tabs-toggle.nn_tabs-toggle.nav-link:hover { 
		font-size: 13px;
	}
	.main-image img{
		width: 450px;
		max-width: 450px !important;
	}
	.controls .radio.btn{ 
		font-size: 15px;
	}
	.product-field.product-field-type-C .product-fields-title-wrapper{ 
		font-size: 17px;
	}
}

.mobcart {
   	display: none;
}

@media only screen and (max-width: 992px) {
	  	.shopbanner h1 {
	    font-size: 2.5rem !important;
	}
	
		.mobcart {
	    	display: block;
	}
		.main-image img{
			width: 350px;
			max-width: 350px !important;			
	}
	h1, .h1 {
	    font-size: 16px !important;
	}
}


@media only screen and (max-width: 767px) {
	.shopbanner h1 {
	    font-size: 2.0rem !important;
	    line-height: 30px;
	}
	.rl_tabs .nav-tabs>li>a {
	    padding: 8px 5px;
	}
	h1, .h1 {
	    font-size: 16px !important;
	}
}

@media only screen and (max-width: 480px) {
	  	div.product {
	  	width: 100%;
	}
}

.vmCartExtModule .image img {
    max-width: 50px;
	height: auto;
}

.benefits img{
    max-width: 296px;
}

@media only screen and (max-width: 753px) {
	.benefits img{
	    margin-bottom: 50px;
	}
}

.content-images img{
    max-width: 100%;
    height: auto;
}

.additional-images img{
	width: 100% !important;
	margin-right: 0 !important;
}

/*CREDO*/

.carousel-indicators [data-bs-target] {
    box-sizing: border-box !important;
    flex: 0 1 auto;
    width: 13px !important;
    height: 13px !important;
    border-radius: 7px !important;
    margin-right: 6px !important;
    margin-left: 6px !important;
	text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
	background-clip: border-box !important;
    border: 0;
    border-top: 0px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.carousel-indicators{
	margin-bottom:110px !important;
}

@media only screen and (max-width: 1070px) {
	.carousel-indicators{
		margin-bottom:30px !important;
	}
}

/*FOOTER*/
.footer{
	background-color: #D5D0C1;
	color:#000;
	padding-top: 70px;
	padding-bottom:70px;
	margin-top:80px;
}

.itt-kostolhatsz-minket .footer{
	margin-top:0px;
}

.footer .navbar-nav{
	flex-direction: row;
}

.footerlink{
	padding:0 10px 0 10px;
}

.footerlink a:hover{
	opacity: 0.6;
	color: #000;
}

.footer, .footerlink a{ 
	color:#000;
	text-decoration: none;
	font-size: 13.5px;	
	transition: 0.2s;
}

.footer{ 
	font-size: 16px;
}

.designedby{ 
	bottom: -16px;
    position: relative;
    float: right;
    color: #000;
    right: 6px;
}

.designedby a{
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

.designedby a:hover{
    text-decoration: underline;
    color: #000;
}

.author{ 
	bottom: 60px;
    position: relative;
	right: 12px;
    color: #000;
    font-size: 14px;
    float: right;
}


@media only screen and (max-width: 991px) {
	.footer{
		text-align: center !important;
	}
	.footer .navbar{
		justify-content: center !important;
	}
	.footer .navbar-nav{
		justify-content: center !important;
		padding-bottom: 10px;
	}
	.footer img{
		margin: 20px 0 10px 0;
	}

}

@media only screen and (min-width: 992px) {
	.site.adatkezeles, .site.uzletszabalyzat{
		min-height: calc(100vh - 21px);
		position: relative;
	}
	
	.site.adatkezeles .footer, .site.uzletszabalyzat .footer{
		position: absolute;
		bottom: 0;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
}

/*ARTICLE BODY*/
.articleBody, .item-page{
	color: #000;
    font-size: 15px;
    font-weight: 300;
}

/*.item-page, #top .vm-order-done, #top .opg-panel{
	min-height: calc(100vh - 419px);
}*/

.item-page.no-min-height{
	min-height: auto !important;
}

.page-header h2, .browse-view h1, .vm-cart-header-container h1{
	color:#000;
	text-decoration: none;
    font-size: 16px;
    text-align: center;
    font-weight: 700 !important;
}

@media screen and (max-width: 752px) {
	.credo h2{ 
		text-align: center;
	}
}

.item-page h3{
	font-size: 1.5rem;
	font-weight: 300;
}

/*BUTTONS*/
.main-button, .main-button a{
	background-color: #ACA283;
    height: 42px;
    width: 100%;
    transition: 0.2s;
    color: #fff;
    font-size: 16px;
    text-align: left;
   	text-decoration: none;
   	text-transform: uppercase;
   	border: 0;
   	font-weight: 600;
   	padding-left:16px;
   	letter-spacing: 0.5px;
}

.main-button:hover, main-button a:hover{
	opacity: 0.8;
	color: white;
}

.empty{
	background: transparent !important;
    border: 2px solid #fff !important;
}

.empty a{
	background: transparent !important;
	border: 2px solid #fff !important;
	padding: 8px 14px !important;
}

@media screen and (max-width: 752px) {
	.main-button{ 
		text-align: center;
		max-width: 300px;
		margin: auto;
	}
}

.empty-button, .full-button{
	background-color: transparent;
    height: 40px;
    width: 250px;
    border: 2px solid #fff;
    transition: 0.2s;
}

.full-button{
	display: inline-block;
	padding-top: 6px;
	background-color: rgba(172,162,131,1) !important;
	transition: 0.3s;
}

.empty-button:hover{
    border: 2px solid #000;	
}

.empty-button a, a .empty-button{
	font-size: 13px;
	color:#000;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
}

.empty-button a:hover, a:hover .empty-button{
	text-decoration: none;
	color: #000;
}

.full-button{
	font-size: 16px;
	color:#fff;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	border: 0;
}

.full-button:hover{
	background-color: rgba(172,162,131,0.8) !important;
	text-decoration: none;
	color: #fff;
}

.arrowlink{
	font-size: 20px;
	line-height: 0;
	margin-left: 10px;
	transition: 0.2s;
	position: relative;
	bottom: 1px;
}

.main-button:hover .arrowlink{
	margin-left: 12px;
}

#bottom_total *{
	font-weight: 700;
}

a.full-button *{
	font-weight: 600;
}

#cookiehintinfo > *{
	margin: 0;
}

@media (max-width: 576px) {
    #redim-cookiehint .cookiebuttons .btn, #redim-cookiehint .cookiebuttons button {
    	width: auto;
    }
}

/*TAMOGATAS*/
.k01, .k02{
    background-position: center top;
    background-size: 150px;
    height: 320px;
    background-repeat: no-repeat;
    padding-top: 170px;
    text-align: center;
}

.k03, .k04, .k05, .k06, .k07, .k08{
    background-position: center top;
    background-size: auto 150px;
    height: 320px;
    background-repeat: no-repeat;
    padding-top: 170px;
    text-align: center;
}

.k01{
	background-image: url('/images/products/01enekes/d_01_SV1000__green_1_72hq-2.jpg');
}

.k02{
	background-image: url('/images/products/02falusi/d_KooKooKiWgelb72dpi_hq.jpg');
}

.k03{
	background-image: url('/images/products/03flat/d_UF_900Px_Mac_color.jpg');
}

.k04{
	background-image: url('/images/products/04ingas/d_JM_1247.jpg');
}

.k05{
	background-image: url('/images/products/05ebreszto/listad_EB_900Px__group2.jpg');
}

.k06{
	background-image: url('/images/products/06allathazas/d_AH4000B.jpg');
}

.k07{
	background-image: url('/images/products/07gyermekebreszto/d_JM_1160.jpg');
}

.k08{
	background-image: url('/images/products/08madarhazas/listad_BHm3000B_BHm3000W.jpg');
}

.prodtitle{
	font-weight: 500;
    font-size: 16px;
    margin: 0;
}

.tamogatas a{
	color: #0d6efd;
	font-weight: 300 !important;
	text-decoration: none;
}

.tamogatas a:hover{
	color: #000;
	text-decoration: underline;
}


/*PRODUCT CATEGORY
.category-order:nth-of-type(1), .category-order:nth-of-type(3), .category-order:nth-of-type(5), .category-order:nth-of-type(7), .category-order:nth-of-type(9) {
	justify-content: flex-end;
}
	
.category-order:nth-of-type(2), .category-order:nth-of-type(4), .category-order:nth-of-type(6), .category-order:nth-of-type(8), .category-order:nth-of-type(10) {
	justify-content: flex-start;
}

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

	.category-order:nth-of-type(1), .category-order:nth-of-type(3), .category-order:nth-of-type(5), .category-order:nth-of-type(7), .category-order:nth-of-type(9) {
		justify-content: center;
	}
	
	.category-order:nth-of-type(2), .category-order:nth-of-type(4), .category-order:nth-of-type(6), .category-order:nth-of-type(8), .category-order:nth-of-type(10) {
		justify-content: center;
	}
}
*/
.horizontal-separator{
	display: none;
}

.row .product{
	margin-top:20px;
	min-width: auto;
}

.browse-view .product img{
	max-height: 650px !important;
}

.product .vm-product-media-container{
/*	height: 150px !important;*/
	width: 100%;
	background-position: center;
	background-size: cover;
}

.browse-view a > span{
	display: none;
}

@media only screen and (max-width: 767px){
	.product {
		justify-content: center;
	}
}

@media only screen and (min-width: 1200px){
	.product {
		justify-content: center;
	}
}

.spacer.product-container{
	border:0 !important;
}

.browse-view .addtocart-area, .browse-view .vm-details-button{
	display: none;
}

.browse-view .vm-product-descr-container-1{
	height: 20px;
	min-height: 20px;
}

.browse-view .vm-product-descr-container-1 > h2 a, .browse-view .vm-product-descr-container-1 > h2{
	text-align: left;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
}

.browse-view .vm-product-descr-container-1 > h2, .browse-view .vm-product-descr-container-1{
	margin-bottom:0;
	line-height: 20px;
}

a.hiddenlink, a.hiddenlink:hover{
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	color: #000;
}

.browse-view .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice{
	font-size: 16px !important;
	font-weight: 300;
	color: #000;
}

.browse-view h1{
	display: none;
}

.boraink .product_s_desc{
	display: none;
	font-size: 16px;
	height: auto !important;
}

.product .vm-product-media-container img{
	width: 100% !important;
	max-height: 550px;
}

@media only screen and (max-width: 992px) {
	.product .vm-product-media-container img{
		width: 100% !important;
		height: auto;
	}
}


@media only screen and (max-width: 768px) {
	.browse-view .product  .vm-product-descr-container-1{
/*		min-height: 110px;*/
	}
}

@media (max-width: 480px){
	.vm-product-container > div {
	    margin-bottom: 0px;
	}
}

/* [1] The container */
.product {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

.product-container.productdetails-view.productdetails h1 > span{
	display: none;
}

/*ACCORDION*/
.st-open a {
	font-weight: 500;
	font-size: 15px;
}

/*HOME*/
.bone, .btwo, .bthree, .bfour, .bfive, .bsix, .bseven, .beight{
	background-color: grey;
	height:150px;
	border:5px solid white;
	transition: 200ms;
	opacity: 1;
}

.bone:hover, .btwo:hover, .bthree:hover, .bfour:hover, .bfive:hover, .bsix:hover, .bseven:hover, .beight:hover{
	opacity: 0.8;
}

.bone{
	background-image: url('/images/mozaik/d_JM_1189.jpg');
	background-size: cover;
	background-position: center;
}

.btwo{
	background-image: url('/images/mozaik/JM_1239_720x.jpg');
		background-size: cover;
	background-position: center;
}

.bthree{
	background-image: url('/images/mozaik/d_AH4000B.jpg');
		background-size: cover;
	background-position: center;
}

.bfour{
	background-image: url('/images/mozaik/d_UF_900Px_iPhone_grey_24c381a7-82a5-48a7-9a3c-b5c6f6304b14.jpg');
		background-size: cover;
	background-position: center;
}

.bfive{
	background-image: url('/images/mozaik/JM_1109.jpg');
		background-size: cover;
	background-position: center;
}

.bsix{
	background-image: url('/images/mozaik/JM_1213.jpg');
		background-size: cover;
	background-position: center;
}

.bseven{
	background-image: url('/images/mozaik/d_JM_1160.jpg');
		background-size: cover;
	background-position: center;
}
.beight{
	background-image: url('/images/mozaik/listad_EB_900Px__group2.jpg');
		background-size: cover;
	background-position: center;
}

a.full{
	width: 100%;
	height: 100%;
}

/*MOREPRODUCT*/
.moreproduct .product{
	margin: 0;
	padding: 0;
    border: 2px solid #fff;
    border-bottom: 0px;
    border-top: 0px;
    margin-bottom: -10px;
    transition: 200ms;
	opacity: 1;
}

.moreproduct .product:hover{
	opacity: 0.8;
}

.moreproduct .spacer.product-container{
	margin: 0;
	padding: 0;
}



@media only screen and (min-width: 500px) {
	.additional-images img{
		width: 100%;
	}
	.additional-images{
		margin: 0 !important;
	}	
}

/*BORAJANLO*/
.vmgroup .product .vm-product-media-container{
	width: 286px !important;
	height: 385px !important;
}

.vmproduct.wine-list{
	margin-top: 55px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	justify-content: flex-start;
}

@media only screen and (max-width: 1239px) {
	.vmproduct.wine-list{
		justify-content: flex-start;
	}
}

.vmproduct.wine-list .product{
	width: auto !important;
}

/*KAPCSOLAT*/
.kapcsolat button.main-button{
	max-width: 463px;
}

@media only screen and (max-width: 752px) {
	.kapcsolat button.main-button{
		padding-left: 0;
	}
}




/*KOSARALOLDAL*/
.cart-view, .cart-view h3{
	font-size: 14px !important;
}

#leftdiv, #leftdiv .opg-text-primary{
	font-size: 16px !important;
	color: #000 !important;
}


#right_div, #right_div .opg-text-primary{
	font-size: 16px !important;
	color: #000 !important;
    margin-bottom: 20px;
    margin-top: 20px;
}

.checkout-button-top{
	margin-top: 20px;
	text-align: left !important;
}

#right_div #bottom_total, #right_div #bottom_total strong{
	font-size: 20px !important;
}

img.opg-thumbnail.opg-thumbnail-mini {
    max-width: 90px;
}

.startsticky {
    position: sticky;
    -webkit-position: sticky;
    top:20px;
}

h3.opg-h3, .vm-wrap.vm-order-done h3{
	color:#000;
	text-decoration: none;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.opg-panel-title {
    font-size: 16px !important;
}

.post_payment_order_total{
    font-size: 16px !important;
    font-weight: 500 !important;
}

.vm-wrap.vm-order-done{
	color:#000;
	text-decoration: none;
    font-size: 15px !important;
    font-weight: 300 !important;
}

#billto_inputdiv .full-button{
    font-weight: 700 !important;
}


.vm-button-correct, .post_payment_payment_name{
	display: none !important;
}

a.opg-link{
	font-size: 16px;
}

.opg-link.opg-text-small{
	font-size: 14px;
}

.opg-text-small{
	letter-spacing: 0.2px;
}

li .vmpayment_description.opg-text-small{
	font-size: 13px;
	color: #000;
    text-transform: initial;
    letter-spacing: 0 !important;
}

li .vmpayment_name, li.liselcted{
	font-size: 16px;
	color: #000;
    text-transform: initial;
    letter-spacing: 0 !important;
}

ul#shipment_ul li{
	list-style: none !important;
}

.opg-list label {
    display: contents;
}

span.vmshipment{
	font-size: 16px;
	letter-spacing: normal;
	text-transform: none;
}

span.vmshipment_description.opg-text-small{
	font-size: 80%;
	color: #444444;
}

a.opg-link, .opg-text-small a, a.removeproduct{
	color: rgb(0,123,95);
    text-decoration: none;
    font-weight: 300;
}

a.opg-link:hover,  .opg-text-small a:hover,  a.removeproduct:hover{
	color: #136005;
}

.total{
	float: none !important;
}

#custom_buttons{
	display: none;
}

a.opg-button-primary, a.opg-button-primary:visited{
	background-color: transparent !important;
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

.opg-button-primary:hover, .opg-button-primary:focus{
	color: #000;
	text-decoration: underline;
}

.spacer_div sup{
	top: -0.2rem !important;
}


input.inputbox, textarea, .textarea, select.inputbox, input.validate-email, select.inputbox, .quantity-input, table.user-details input, #com-form-login-username input, select, #company_field, #title, #first_name_field, #middle_name_field, #last_name_field, #address_1_field, #address_2_field, #zip_field, #city_field, #virtuemart_country_id_field, #phone_1_field, #phone_2_field, #fax_field, #agreed_field, .contentpane #name, .contentpane #email, .contentpane #counter, .contact-input-box input, .form-validate input, .login-fields #username, .login-fields #password, .coupon, input.vm-default, #right_div input:not([type="radio"]):not([type="checkbox"]), .opg-form select{
    min-height: 50px !important;
}

#leftdiv input.quantity-input.js-recalculate.opg-form-small.opg-text-center{
    padding: 0px !important;
    height: 25px !important;
    min-height: auto;
}

.input.quantity-input{
	background: transparent !important;
}

.quantity-input{
	border: 1px solid !important;
	border-color: rgba(0,0,0, 0.3) !important;
    margin-bottom: 10px !important;
}

.opg-button-group{
    margin-top: -71px;
    margin-left: 25px;
    white-space: unset;
}


@media only screen and (max-width: 959px) {
	.opg-button-group{
	    margin-top: 0;
	    margin-left: 0;
	    white-space: unset;
	}
}

a.refreshbutton{
	word-wrap: break-word;
    font-size: 12px !important;
    line-height: 13px;
}

#fancybox-content{
	text-align: center;
}

#fancybox-content h4{
	font-size: 18px;
	font-weight: 300;
	line-height: 40px;
}

#fancybox-content .empty-button, #fancybox-content .full-button{
	margin-bottom: 10px;
	font-size: 14px;
}

#fancybox-content .full-button{
	padding-top: 2px;
}

form {
  margin: 2em 0;
}
/**
* Make the field a flex-container, reverse the order so label is on top.
*/
 
.field {
  display: flex;
  flex-flow: column-reverse;
}
/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/
label, input {
  transition: all 0.2s;
  touch-action: manipulation;
}

input {
  font-size: 12px;
  border: 0;
  border-bottom: 1px solid #ccc;
  font-family: inherit;
  border-radius: 0;
  padding: 0;
  cursor: text;
}

input:focus {
  outline: 0;
  border-bottom: 1px solid #666;
}

label {
  letter-spacing: 0.05em;
}

label[for=Elmult2_field] {
	display: none;
}

label.test {
	display: block;
}

.opg-width-1-1.field:last-of-type label{
	font-size: 14px;
	font-weight: 300;
	margin-top: 14px;	
	cursor: pointer;
	color: #000;
	letter-spacing: normal;
}

.opg-width-1-1.field:last-of-type input{
	margin-right: 15px;
}


@media (max-width: 992px) {
	.opg-hidden-small {
	    display: none !important;
	}
	.opg-width-large-4-5, .opg-width-large-8-10 {
	    width: 100%;
	}
	.opg-width-large-1-6, .opg-width-large-1-4{
    width: 33.333% !important;
	}
	.opg-width-large-3-4{
    width: 66.666% !important;
	}
}

@media (max-width: 800px) and (min-width: 601px) {
	.opg-width-large-1-6, .opg-width-large-3-4 {
    	width: 50% !important;
	}
}

@media (max-width: 600px) and (min-width: 400px) {
	.opg-width-large-1-6 {
    	width: 33.333%;
	}
}

/**
* Translate down and scale the label up to cover the placeholder,
* when following an input (with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.
*/
input:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 2.125rem) scale(1.1);
  font-size: 12px;
  text-transform: capitalize;
  padding-left: 3px;
  color: #787676;
}
/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}
/**
* Show the placeholder when the input is focused.
*/
input:focus::-webkit-input-placeholder {
  opacity: 1;
}
/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
input:not(:placeholder-shown) + label,
input:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
  font-size: 12px;
  text-transform: capitalize;
}

.shipto_fields_div, #other-things{
  text-align: center;
}

label.invalid, input:placeholder-shown + label.invalid, l{
	color: red !important;
	background-color: #fff7f8 !important;
}

label.test input.required.invalid{
	color: red !important;
	background-color: #fff7f8 !important;
}

#shipment_nill{

}

#shipmentnill{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
   	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

#shipment_nill.hidden, #shipmentnill.hidden, #shipment_selection.hidden{
	display: none;
}

 .custom-accordion {
	 background: #E5E5E5;
	 color: #000;
	 font-family: 'Montserrat', sans-serif;
	 padding-bottom: 2rem;
}
 .custom-accordion > .item {
	 padding: 1rem 2rem;
	 margin: 0 auto;
	 width: 150px;
}

 .custom-accordion > .item:last-of-type {
	 background: #ACA283;
	 text-align: center;
	 border-radius: .5rem;
}
 .custom-accordion > .item:last-of-type > .icon {
	 color: #FFFFFF;
}
 .custom-accordion > .item:nth-of-type(6) {
	 padding-bottom: 2rem;
}
 .custom-accordion > .item > .icon {
	 color: #462521;
	 font-size: 16px;
	 font-weight: 700;
}
 .custom-accordion > .item > .title {
	 font-size: 1.5rem;
}
 @media screen and (min-width: 800px) and (min-height: 270px) {
	 .collapse.opendesktop{
		 display: block !important;
		 visibility: visible;
		 height: auto;
		 margin-top: 65px;
	}
	 
	 .custom-accordion {
		 display: table;
		 width: 100%;
		 max-width: 1200px;
		 margin: 0 auto;
		 height: 80vh;
		 max-height: 1000px;
		 overflow: hidden;
		 padding-bottom: 0;
	}
	 .custom-accordion > .item {
		 display: table-cell;
		 position: relative;
		 height: 100%;
		 padding: 2rem 1rem;
		 text-align: center;
		 transform-origin: 0 50%;
		 transition: all .3s cubic-bezier(.8,.16,.42,.89);
	}
	.custom-accordion > .item.last {
		 display: table-cell;
		 position: relative;
		 height: 100%;
		 padding: 2rem 1rem;
		 text-align: center;
		 transform-origin: 0;
		 transition: all .3s cubic-bezier(.8,.16,.42,.89);
	}
	 .custom-accordion > .item:hover:not(:last-of-type) {
		 transform: scaleX(2) translateX(-1px);
		 /*box-shadow: 0 0 1rem rgba(0,0,0,0.25);*/
		 border-color: transparent;
		 border-right:2px solid #ACA283;
		 border-left:2px solid #ACA283;
		 background: #D5D0C1;
	}
	
	 .custom-accordion > .item.last:hover:not(:last-of-type) {
		 transform: scaleX(2) translateX(-50%);
		 /*box-shadow: 0 0 1rem rgba(0,0,0,0.25);*/
		 border-color: transparent;
 		 background: #D5D0C1;
 		 border-left:1px solid #ACA283;
	}
	 .custom-accordion > .item:hover + .item {
		 opacity: 0;
	}
	 .custom-accordion > .item:hover + .item:last-of-type {
		 opacity: .1;
		 background: #8A6552;
	}
	 .custom-accordion > .item:not(:last-of-type) {
		 border-right: 3px solid #ACA283;
	}
	.custom-accordion > .item.last:not(:last-of-type) {
		 border-right: 0px solid #ACA283;
	}
	/*
	 .custom-accordion > .item:last-of-type {
		 background: #fff;
		 width: 25%;
		 border-radius: 0;
	}*/
	 .custom-accordion > .item:last-of-type .heart-icon {
		 font-size: 6rem;
	}
	 .custom-accordion > .item:hover:last-of-type .heart-icon {
		 transform: scale(2);
	}
	/* .custom-accordion > .item:last-of-type > .title {
		 transform: rotate(0) translateX(-50%) translateY(-2.5rem);
		 padding: 0;
		 text-align: center;
	}
	 .custom-accordion > .item:last-of-type > .content {
		 opacity: 1;
		 transform: translateX(-50%) translateY(-50%);
	} */
	 .custom-accordion > .item:hover:not(:last-of-type) > .icon {
		 transform: scaleX(.5);
	}
	.custom-accordion > .item.last:hover:not(:last-of-type) > .icon {
		 transform: scaleX(.5);
	}
	 .custom-accordion > .item:hover:not(:last-of-type) > .title {
		 transform: scaleX(.5) translateX(-50%);
		 background: #CA2E55;
		 text-align: center;
		 padding: 0;
	}
	 .custom-accordion > .item:hover:not(:last-of-type) > .title > .text {
		 transform: translateX(-50%);
		 left: 50%;
	}
	 .custom-accordion > .item:hover:not(:last-of-type) > .content {
		 opacity: 1;
	}
	 .custom-accordion > .item > .icon {
		 font-weight: 700;
		 font-size: 16px;
		 transition: all .3s cubic-bezier(.8,.16,.42,.89);
		 color: #000;
		 padding-top: 20px;
	}
	 .custom-accordion > .item > .title {
		 position: absolute;
		 bottom: 0;
		 left: 50%;
		 height: 1.5rem;
		 width: 200%;
		 text-align: left;
		 transform-origin: 0 50%;
		 transform: rotate(-90deg);
		 transition: all .3s cubic-bezier(.8,.16,.42,.89);
		 font-size: 1.2rem;
	}
	 .custom-accordion > .item > .title > .text {
		 position: absolute;
		 left: 2rem;
		 bottom: 0;
		 white-space: nowrap;
		 transition: all .3s cubic-bezier(.8,.16,.42,.89);
	}
	 .custom-accordion > .item > .content {
		 position: absolute;
		 top: 60%;
		 left: 50%;
		 text-align: center;
		 width: 200%;
		 height: auto;
		 transform: translateX(-50%) translateY(0%) scaleX(.5);
		 transition: all .3s cubic-bezier(.8,.16,.42,.89);
		 opacity: 0;
		 padding: 0 2.2rem 0 2.2rem;
		 pointer-events: none;
		 font-size: 14px;
	}
	 .custom-accordion > .item.last > .content {
		 position: absolute;
		 top: 60%;
		 left: 50%;
		 text-align: center;
		 width: 200%;
		 height: auto;
		 transform: translateX(-50%) translateY(0%) scaleX(.5);
		 transition: all .3s cubic-bezier(.8,.16,.42,.89);
		 opacity: 0;
		 padding: 0 2.2rem 0 2.2rem;
		 pointer-events: none;
	}
}
 .heart-icon {
	 color: #CA2E55;
	 font-size: 3rem;
	 transition: all .3s cubic-bezier(.8,.16,.42,.89);
}

 @media screen and (max-width: 800px) {
	 .custom-accordion > .item {
		 padding: 1rem 2rem;
		 margin: 0 auto;
		 width: 100%;
	}
}

 @media screen and (max-height: 270px) {
	 .custom-accordion > .item {
		 padding: 1rem 2rem;
		 margin: 0 auto;
		 width: 100%;
	}
}
 .item.hidden {
 	display: none;
}

 .item.white {
 	background-color: #fff;
}

 .timeline-image {
 	max-width: 90%;
 	margin-bottom: 10px;
}

 @media screen and (min-width: 800px) {
	.button-hidden{
	 	display: none;
	}
}


.opg-modal-dialog{
	background: transparent;
    text-align: center;
    margin: auto;
    margin-top: 20%;
	padding: 0;
	width: auto;
}

#shiptopopup{
	background: #f5f5f5;
}

#shiptopopup .opg-modal-dialog{
    text-align: left;
    margin: 100px auto;
    max-width: 600px;
}

.opg-progress{
	height: 100%;
}

.opg-modal{
	background: rgba(0, 0, 0, 0.1);
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 784px) {
	.main-button{
		max-width: 300px !important;
		text-align: center;
  	}
  	.moduletable .custom {
  		text-align: center !important;
  	}
	.custom-accordion > .item {
	    padding: 3rem 3rem;
	    border-bottom: 2px solid #ACA283;
	}
	.custom-accordion{
	    margin-top: 20px !important;
	    padding-bottom: 0 !important;
	}
	.custom-accordion > .item > .icon{
	    margin-bottom: 10px !important;
	}
}

.remove_from_cart.proopc-btn.proopc-task-deleteproduct{
	border: 0;
}

/*KOSAR 2025 */
.col-name a, .col-total.nowrap .PricesalesPrice, .sub-headings span, .shipping-row span, .payment-row span, .grand-total.vpopc-price, .PricebillTotal{
    text-transform: none !important;
    font-size: 14px !important;
}

.product-field-type-C span, .PricediscountedPriceWithoutTax{
    font-size: 12px !important;
}

.startsticky h3.cartheading {
    margin-top: -3px;
}

@media (min-width: 767px) {
    .proopc-table-striped .sub-headings {
        text-align: left !important;
    }
}

@media (max-width: 767px) {
    .proopc-table-striped .sub-headings {
        text-align: left !important;
    }
}

.proopc-bt-address{
    margin-left: 5px !important;
}

input.form-check-input{
    width: 1em !important;
}

.customer_note-group{
	display: none;
}

#ProOPC textarea, #ProOPC input[type="text"], #ProOPC input[type="password"], #ProOPC input[type="datetime"], #ProOPC input[type="datetime-local"], #ProOPC input[type="date"], #ProOPC input[type="month"], #ProOPC input[type="time"], #ProOPC input[type="week"], #ProOPC input[type="number"], #ProOPC input[type="email"], #ProOPC input[type="url"], #ProOPC input[type="search"], #ProOPC input[type="tel"], #ProOPC input[type="color"], #ProOPC .uneditable-input {
	height: 30px !important;
	min-height: 30px !important;
}

label.Elmult2_field_lbl{
	margin-top: 10px;
}

#proopc-additional-info .cart-tos-group{
	margin-top: 0px !important;
}

.proopc-additional-info, #proopc-order-submit, #proopc-task-savecoupon{
	border: 0 !important;
}

.cart-tos-group a, .cart-tos-group a:visited{
	color:#000;
	text-decoration: underline !important;
}

.proopc-payments input[type="radio"]{
	margin: 10px 10px 1px 0 !important;
}

.spacer-buy-area{
	display:none;
}