@font-face {

	  font-family: allzin-font;

	  src: url(font/MYRIADPRO-REGULAR.OTF);

	}

	

	:root {

	  --logo-max-width: 120px;

	  --logo-max-width-negative: -120px;

	  --allzin-main-color: #04b3cb; 

	  --allzin-background-color: white;

	  --allzin-text-color: #7d7c7c;

	  --profile-img-width: 180px;

	  --profile-img-height: 180px;

	  --profile-action-card-width: 80px;

	  --profile-action-card-height: 70px;

	  --product-media-height: 140px;

	  --product-media-width: 140px;

	  --product-media-width-negative: -140px;

	  --product-price-width: 60px;

	}

	

	html, body {

		background: var(--allzin-background-color);

		width:100%;

		height:100%;

		padding:0;

		margin:0;

		margin-left:0;

		margin-right:0;

		font-family: allzin-font;

		color: var(--allzin-text-color);

	} 

	 

	div {

		margin: 0;

		padding: 0;

		float: left;

	}

	

	input:focus, textarea {

    	outline: none !important;

	}

	

	audio::-webkit-media-controls-timeline,

	video::-webkit-media-controls-timeline {

	    display: none;

	}

	audio::-webkit-media-controls,

	video::-webkit-media-controls {

	    display: none;

	}

	

	a,

	a:hover,

	a:active,

	a:focus

	{

		outline:none;

		cursor: pointer;

		text-decoration:none;

		color: var(--allzin-text-color);

	}

	

	button {

		cursor: pointer;

	}



	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{

		font-weight:400;

	}

	

	.padding-right-5 {

	

		padding-right: 5px;

	}

	

	.padding-left-5 {

	

		padding-left: 5px;

	}

	

	.padding-left-4 {

	

		padding-left: 4px;

	}

	

	.w-90 {

	

		width: 90%;

	}

	

	.w-60 {

	

		width: 60%;

	}

	

	.w-40 {

	

		width: 40%;

	}

	

	.w-30 {

	

		width: 30%;

	}

	

	.w-33 {

	

		width: 33%;

	}

	

	.w-70 {

	

		width: 70%;

	}

	

	.w-50 {

	

		width: 50%;

	}

	

	.pointer-cursor {

	

		cursor: pointer;

	}

	

	.margin-5 {

		margin: 5px;

	}

	

	.center-align {

		text-align: center;

	}

	

	.right-align {

		text-align: right;

	}

	

	.bolder{

		font-weight: 700 !important;

	}

	

	.inline {

		display: inline;

	}

	

	.margin-left-percent-20 {

		margin-left: 20%;

	}

	

	.margin-left-percent-10 {

		margin-left: 10%;

	}

	

	.margin-left-10 {

		margin-left: 10px !important;

	}

	

	.margin-right-10 {

	

		margin-right:10px !important;

	}

	

	.margin-l-r-4 {

		margin: 0px 4px;

	}

	

	.col-my-1 {

		width: calc( 100% / 12 ); 

	}	

	

	.col-my-2 {

		width: calc( 100% / 6 ); 

	}	

	

	.col-my-3 {

		width: calc( 100% / 4 ); 

	}	



	.col-my-4 {

		width: calc( 100% / 3 ); 

	}

	

	.col-my-5 {

		width: calc( 100% * 5 / 12 ); 

	}



	.col-my-6 {

		width: calc( 100% / 2 ); 

	}

	

	.col-my-7 {

		width: calc( 100% * 7 / 12 ); 

	}

	

	.col-my-8 {

		width: calc( 100% * 2 / 3 ); 

	}

	

	.col-my-9 {

		width: calc( 100% * 3 / 4 ); 

	}



	.col-my-10 {

		width: calc( 100% * 5 / 6 ); 

	}

	

	.col-my-11 {

		width: calc( 100% * 11 / 12 ); 

	}

	

	.col-my-12 {

		width: 100%; 

	}





	.col-my-offset-12 {

		margin-left: 100%; 

	}



	.col-my-offset-11 {

		margin-left: calc( 100% * 11 / 12 ); 

	}

	

	.col-my-offset-10 {

		margin-left: calc( 100% * 10 / 12 ); 

	}

	

	.col-my-offset-9 {

		margin-left: calc( 100% * 9 / 12 ); 

	}

	

	.col-my-offset-8 {

		margin-left: calc( 100% * 8 / 12 ); 

	}

	

	.col-my-offset-7 {

		margin-left: calc( 100% * 7 / 12 ); 

	}

	

	.col-my-offset-6 {

		margin-left: calc( 100% / 2 ); 

	}



	.col-my-offset-5 {

		margin-left: calc( 100% * 5 / 12 ); 

	}

	

	.col-my-offset-4 {

		margin-left: calc( 100% / 3 ); 

	}



	.col-my-offset-3 {

		margin-left: calc( 100% / 4 ); 

	}



	.col-my-offset-2 {

		margin-left: calc( 100% / 6 ); 

	}

	

	.col-my-offset-1 {

		margin-left: calc( 100% / 12 ); 

	}

	

	.hidden {

	

		display: none;

	}

	

	.full-height{

		height: 100% !important;

	}

	

	.full-width{

		width: 100% !important;

	}

	

	.full-size{

		width: 100% !important;

		height: 100% !important;

	}

	

	.float-right{

		float: right;

	}

	

	.float-left{

		float: left;

	}

	

	.wp-40 {

	

		width: 40% !important;

	}

	

	.wp-60 {

	

		width: 60% !important;

	}

	

	.padding-60{

	

		padding: 60px !important; 

	}

	

	.padding-30{

	

		padding: 30px !important;

	}

	

	.padding-10{

	

		padding: 10px !important;

	}

	

	.padding-left-25{

	

		padding-left:25px !important;

	}

	

	.padding-left-20{

	

		padding-left:20px !important;

	}

	

	.padding-right-10{

	

		padding-right:10px !important;

	}

	

	.bold-font{

	

		font-weight: bold;

	}

	

	.colored-border{

		color: var(--allzin-main-color);

		border-color: var(--allzin-main-color);

	}



	.colored-border-left{

		border-left-color: var(--allzin-main-color);

	}



	.colored-border-right{

		border-right-color: var(--allzin-main-color);

	}

	

	.container {

	

		margin: 0px;

		padding: 0px;

		width: 100%;

		height: auto;

		background: var(--allzin-background-color)

	}

	

 	.no-padding {

 		padding: 0px !important;

 	}

 	

 	.no-margin {

 		margin: 0px !important;

 	}

 	

 	.margin-bottom-20 {

 		margin-bottom: 20px !important;

 	}

 	

 	.no-margin-top {

 		margin-top: 0px !important;

 	}

 	 

 	.padding-5 {

 		padding: 5px;

 	}

 	

 	.padding-10 {

 		padding: 10px;

 	}

 	

 	.percent-width-70 {

		width: 70%;

	}



	.percent-width-30 {

		width: 30%;

	}

	

	.percent-width-80 {

		width: 80%;

	}



	.percent-width-20 {

		width: 20%;

	}

 	

	.top-section-padding {

		padding: 30px 10px 10px 10px;

	}

	

	.center-text {

		width: 100%;

		text-align: center;

	}

	

	.white-text {

		color: white;

	}

 	

 	#pageloader {

		width: 100%;

		height: 100%;

		position: fixed;

		top:0;

		background-color: white;

		z-index: 9999;

	}



	.loader-item {

	  position: absolute;

	  width: 40px;

	  height:40px;

	  margin: -20px 0 0 -20px;

	  top:50%;

	  left:50%;

	  text-align:center;

	  background:white;

	  border-left:3px solid;

	  border-right:3px solid;

	  border-top:3px solid;

	  border-bottom:3px solid transparent !important;

	  border-radius: 200px;

	}

	

	.loader-item-translate {

	

		color: var(--allzin-main-color);

	    width: 20px;

	    height: 20px;

    	margin: 0 0 0 10px;

	    top: 50%;

	    left: 50%;

	    text-align: center;

	    background: white;

	    border-left: 3px solid;

	    border-right: 3px solid;

	    border-top: 3px solid;

	    border-bottom: 3px solid transparent !important;

	    border-radius: 200px;

	    display: none;

	}

		

	#navigation {

		width: 100%;

	    height: 100px;

	    background-color: var(--allzin-main-color);   

	}

	

	.nav-inner {

		width:100%;

		height: 100%; 

	}

	

	.site-logo {

		float: left;

    	display: block;

    	margin-top: 10px;

	}

	

	.site-logo a.logo{

		display: block;

	}



	.site-logo a.logo img{

		height: auto;

		width: var(--logo-max-width);

		max-width: var(--logo-max-width);

		-webkit-transition: all 1s;

		-moz-transition: all 1s;

		transition: all 1s;

	}

	

	.img-24 {

		width: 24px;

		height: 24px;

	}

	

	.site-title {

		color: #fff;

	    text-align: center;

	    width: 100%;

	    margin-top: -46px;

	}

	

	.site-title h4 { 

	

		font-size: 16px;

		margin-top: 4px;

		margin-bottom: 4px; 

	}

	

	.site-title a { 

	

		font-size: 16px;

		color: #fff; 

	}

	

	.site-title a:hover { 

	

		font-size: 16px;

		color: #fff; 

	}

	

	.product-page-title {

		top: 50%;   

		color: #fff !important; 

		text-align: center;

		position: relative;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

		width: 100%; 

    	margin-top: 6px;

	}

	

	.product-page-title h4 { 

	

		font-size: 16px;

		margin-top: 4px;

		margin-bottom: 4px;

	}

	

	.product-page-title a { 

	

		color: #fff !important; 

		font-size: 16px;

		margin-top: 4px;

		margin-bottom: 4px;

	}

	

	.profile-image {

		width: 100%;

	    padding: 0 20px;

	    overflow: hidden;

	    margin-top: -60px;

	    border-radius: 20px;

	}

	

	.profile-image img { 

	

		width: 100%;

	    border-radius: 20px;	    

	}

	

	.profile-image-header {

	    z-index: 1031;

	    width: 100%;

	    height: 60px;

	    padding: 10px;

	    position: relative;

	    margin-bottom: -60px;

	    border-top-left-radius: 20px;

	    border-top-right-radius: 20px;

	    background-color: rgba(0,0,0,0.5);

	}

	

	.profile-image-header img {

	    height: 40px;

		width: auto;

		border-radius: unset;

	}

	

	.profile-info {

	 	width: 100%;

		padding: 20px; 

		color: var(--allzin-text-color);

	} 

		 

	.profile-bio {

	    width: 100%;

	}

	 

	.profile-action {

	    width: 100%;

	}

	

	.profile-action-card {

	    padding: 8px;

	    border-radius: 4px;

	    cursor: pointer;

	    background-color: white;

	    display: inline-block;

	    border: solid 1px;

	}

	

	.profile-action-card h6 {

		margin: -16px 0px 0px 26px;

	}

	

	.profile-action-card img {

	    width: 20px;

	}

	

	.profile-write-us {

		color: var(--allzin-text-color);

	}

	

	.profile-open-close-time {

		color: var(--allzin-text-color);

	}

	

	.profile-open-close-time .closed {

		color: red;

	}

	

	.profile-action-card .closed {

		color: red;

	}

	

	.profile-open-close-time .open {

		color: #01ca01;

	}

	

	.profile-open-close-time span {

	

		font-size: 11px !important;

		margin-top: -4px !important;

		margin-left: 6px !important;

		position: absolute !important;

	}

	

	.profile-open-close-time h6 {

		margin: -10px 0px -6px 26px !important;

	}	

	

	.profile-call-now {

		padding: 0 20px;

		color: var(--allzin-text-color);

	}

	

	.profile-call-now a {

		color: var(--allzin-text-color);

	}

	

	.section-title {

		width: 100%;

		font-weight:600;

		padding: 20px 20px 10px 20px;

	}

	

	.section-content {

		width: 100%;

		padding: 0px 15px;

	}

 

 	

 	.menu-column {



		cursor: pointer;

    	overflow: hidden;

    	width: 32%;
    	margin-left: 4px; 

		display: inline-block;

 	}

 	

 	.menu-to-3-col {

	

		display: block;

	}

	

	.menu-to-2-col {

	

		display: none;

	}

 

 	.menu-to-3-col .menu-column {

	

		width: calc( 100% / 3);

		padding: 5px; 

	}

	

	.menu-to-2-col .menu-column {

	

		width: calc( 100% / 2); 

		padding: 5px;

	}

	

	.menu-to-3-col img {

		border-radius: 8px;

    	width: 100%;

		box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-webkit-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-moz-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	}

	

	.menu-to-2-col img {

		border-radius: 8px;

		width: 100%;

		box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-webkit-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-moz-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	}

 	

 	.menu-item {

 	

		width: 100%;

		padding: 5px;

		border-radius: 8px;

 	}

 	

 	.menu-item-content {



		width: 100%;

		overflow: hidden;

		background: white;

		text-align: center;

		border-radius: 8px;

		box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-webkit-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-moz-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		color: var(--allzin-text-color);

 	}

	

	.menu-item-content img {

	

		width: 100%;

		border-top-right-radius: 8px;

		border-top-left-radius: 8px;

    }

    

    .menu-item-header {

	

		width: 100%;

		padding: 8px; 

		height: 40px;

		border-top-left-radius: 8px;

		border-top-right-radius: 8px;

	    background-color: rgba(0,0,0,0.5);

   		position: relative;color: white;

   		margin-top: 10px;

   		margin-bottom: -40px;

	}

	

	.menu-item-header h4 {

	

		font-size: 16px;

	}

	

	.post-item-column {

    	width: calc( 100% / 2); 

	}

	

	.post-item {

	

		cursor: pointer;

		padding: 5px;

		border-radius: 8px;

    	overflow: hidden;

    	width: calc( 100% / 2); 

	}

	

	.post-item-column .post-item {

    	width: 100%; 

	}

	

	.post-item-content {

	

    	width: 100%; 

    	background: white;

		border-radius: 8px;

		box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-webkit-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-moz-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	}

	

	.post-item img {

	

		width:100%;  

   	 	border-top-left-radius: 8px;

    	border-top-right-radius: 8px;

	}

	

	.post-item-detail {

		width:100%;

		padding: 5px;

		color: var(--allzin-text-color);

	}

	

	.post-item-detail h6 {

		width:100%;

	    margin: 0px;

		white-space: nowrap;

  		overflow: hidden;

  		text-overflow: ellipsis;

	}

	

	.post-item-detail-mid {

		width:100%;

		margin: 5px 0px 5px 0px;

		color: var(--allzin-main-color);

	}

	

	.main-color {

		color: var(--allzin-main-color);

	}

	

	.post-item-detail-mid h6 {



	    float: left;

		padding: 0px;

	    display: inline-block;

	}

	

	.map {

	

		width:100%; 	 

		height: 240px; 	 

		padding: 10px;

		color: var(--allzin-main-color);

	}  

	

	.map-inner {

	

		width: 100%; 	 

		height: 100%;

		border-radius: 8px;

		overflow: hidden; 	 

	} 

	

	.searc-filter {

	

		height: 40px;

    	border-radius: 8px;

	    color: var(--allzin-text-color);	    

	}

	

	.searc-filter input {

	

		height: 40px;

		padding: 6px;

		border: none;

    	padding-left: 40px;

    	padding-right: 40px;

    	border-radius: 8px;

	    color: var(--allzin-text-color);

	}

	

	.searc-filter input:focus {

	

		border: none;

	}

	

	#searchButton {

	

		width: 20px;

	    height: 20px;

	    margin-top: -60px;

	    margin-left: 10px;

	    position: relative;

	}

	

	#clearSearchInputButton {

	

		width: 16px;

	    height: 16px;

	    margin-top: -28px;

	    margin-right: 10px;

	    float: right;

	    position: relative;

	}

	

	.tabbar {

	

		width:100%;

	  	border: none;

	    text-align:center;

	  	overflow: hidden;

	    border-radius: 8px;

	  	background-color: #ffffff;

	    color: var(--allzin-text-color);

	    box-shadow: 0 8px 12px 1px rgba(0, 0, 0, 0.1), 0 3px 15px 2px rgba(0, 0, 0, 0.1), 0 4px 5px -2px rgba(0, 0, 0, 0.1);

	    -webkit-box-shadow: 0 8px 12px 1px rgba(0, 0, 0, 0.1), 0 3px 15px 2px rgba(0, 0, 0, 0.1), 0 4px 5px -2px rgba(0, 0, 0, 0.1);

	    -moz-box-shadow: 0 8px 12px 1px rgba(0, 0, 0, 0.1), 0 3px 15px 2px rgba(0, 0, 0, 0.1), 0 4px 5px -2px rgba(0, 0, 0, 0.1);

	    list-style-type: none;

	    white-space: nowrap;

	    height: 44px;

	    padding: 0px 32px;  

   		display: flex;

	}

	

	.tabbar::-webkit-scrollbar {

	  	display: none !important;

	  	width:0px !important;

	  	height:0px !important;

	}

	

	.tabbar::scrollbar {

	  	display: none !important;

	  	width:0px !important;

	  	height:0px !important;

	}

	

	.tabbar div {

	

		display: inline-block;

	    background: none;

   		background-color: transparent; 

   		color: var(--allzin-text-color);

	  	border: none;

	  	outline: none;

	  	cursor: pointer; 

	  	padding: 12px;

	}

	

	.tabbar div:hover {

	  	color: var(--allzin-main-color);

	}

	

	.tabbar div.active {

	  	color: var(--allzin-main-color);

	}

	

	.tabitem {

	  	height: 100%;

	    padding: 12px;

	    display: inline-block;

    	cursor: pointer;

    	-webkit-touch-callout: none; /* iOS Safari */

	    -webkit-user-select: none; /* Safari */

	    -khtml-user-select: none; /* Konqueror HTML */

	    -moz-user-select: none; /* Firefox */

	    -ms-user-select: none; /* Internet Explorer/Edge */

        user-select: none; /* Non-prefixed version, currently

                                  supported by Chrome and Opera */

	}

	

	.tabbar-arrow {

	 

	    height: 44px;

	 	cursor: pointer;

	    margin-top: -44px;

	    border-radius: 8px;

		display: inline-block;

	    background-color: #ffff;     

	    padding: 10px 4px;

    	position: relative;

	}

	

	#tabbar-arrow-left {

	 

	    margin-left: -4px

	}

	

	#tabbar-arrow-right {

	 

	    margin-right: -4px

	}

	

	.tabcontent-item {

	

	    width: 50%;

		cursor: pointer;

	    overflow: hidden;

	    border-radius: 4px;

	    display: inline-block;

	    padding: 10px;

	  	overflow: hidden;

	}

	

	.tabcontent-item-inner{

	

	    width: 100%;

		cursor: pointer;

	    overflow: hidden;

	    border-radius: 4px;

	    display: inline-block;

	  	background-color: #ffffff;

	    color: var(--allzin-text-color);

	    box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-webkit-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	    -moz-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	}

	

	.tabcontent-item-media {

		width: var(--product-media-width);

		height: var(--product-media-height);

		border-bottom-left-radius: 4px;

		border-top-left-radius: 4px;

    	overflow: hidden;    

    	display: inline-block;

	}

	

	.tabcontent-item-media img {

	    left: 50%;

		height: 100%;

	    position: relative;

		border-bottom-left-radius: 4px;

		border-top-left-radius: 4px;

	    -webkit-transform: translateX(-50%);

	    -moz-transform: translateX(-50%);

	    transform: translateX(-50%);

	}

	

	.tabcontent-item-media video {

	    left: 50%;

		height: 100%;

	    position: relative;

		border-bottom-left-radius: 4px;

		border-top-left-radius: 4px;

	    -webkit-transform: translateX(-50%);

	    -moz-transform: translateX(-50%);

	    transform: translateX(-50%);

	}

	

	.tabcontent-item-info {

	 	width: calc( 100% - var(--product-media-width) );

	 	height: var(--product-media-height);

		padding: 10px 10px 10px 25px; 

		display: inline-block; 

	    overflow: hidden;

	}

	

	.tabcontent-item-info h5 {

	 	color: black;

    	font-weight: bold;

    	width: calc( 100% - var(--product-price-width) );

	}

	

	.tabcontent-item-info a {

	 	color: black;

    	font-weight: bold;

	}

	

	.tabcontent-item-info a:hover {

	 	color: black;

    	font-weight: bold;

	}

	

	.product-desc {

	

	 	color: var(--allzin-text-color); 

	}

	

	.product-detail-media {

		width: 100%; 

		padding: 12px;

	 	border-radius: 8px;

	}

	

	.product-detail-media img {

	    

	 	border-radius: 8px;

	}

	

	.product-detail-video {

	    

	 	border-radius: 8px;

		width: 100%; 

	    position: relative;

	    text-align: center;

	    overflow: hidden;

	}

	 

	.product-detail-video video {

	    

	 	border-radius: 8px;

		width: 100%;

	}

	

	.product-detail-play-pause  {

	   	top: 50%;

		left: 50%; 

		position: absolute;

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		transform: translateY(-50%);

		-webkit-transform: translateX(-50%);

		-moz-transform: translateX(-50%);

		transform: translateX(-50%);

	}

		

	.product-detail-play-pause img {

	    border-radius: 0;

	}

	

	.product-item-card {

	

		width: 100%;

		background: white;

	 	border-radius: 8px;

	    box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

		-webkit-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	    -moz-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	}

	

	.product-detail-info {

	

		width: 100%;

	    margin-top: 20px;

   		margin-bottom: 10px;

	    padding: 12px;

	    position: relative;

	}

	

	.product-detail-info .product-old-price {

	    color: var(--allzin-text-color);

	    text-decoration: line-through;

	    position: absolute;

	    right: 0;

	    margin: -20px 12px 8px 0px;

	}

	

	.product-detail-comment {

	

		width: 100%;

	    margin-top: 16px;

	    padding: 6px;

	    position: relative;

	}

	

	.product-detail-comment p {

	

		color: var(--allzin-text-color); 

	    margin-left: 18%;

	}

	

	.product-detail-comment-profile-image {

	

		width: 16%;

	    border-radius: 50%;

	    display: inline-block;

		overflow: hidden; 

	}

	

	.product-detail-comment-profile-name {

	

	    display: inline-block;

	    margin-left: 2%;

	    padding-top:4px;

		width: 80%;

	}

	

	.product-detail-comment-profile-image img {

	

		width: 100%; 

	}

	

	.product-detail-rate {

	    width: 38px;

	    height: 38px;

	    margin: 0px;

	    color: white;

	    padding: 10px;

	    overflow: hidden;

	    text-align: center;

	    border-radius: 50%;

	    background-color: var(--allzin-main-color);

	    top: 50%;

	    position: absolute;

	    -webkit-transform: translateY(-50%);

	    -moz-transform: translateY(-50%);

	    transform: translateY(-50%);

	    margin-left: -40px;

	}

	

	.product-rate {

	

	    width: 40px;

    	height: 40px;

	 	margin: 0px;

	 	color: white;

	 	padding: 10px;

    	overflow: hidden;

	    position: absolute; 

	 	text-align: center;

	 	border-radius: 50%;

	 	background-color: var(--allzin-main-color);

	 	margin-left: calc( var(--product-media-width) - 20px );

	    margin-top: calc( var(--product-media-height) - 85px );

	}

	 

	.video-play {

	

        cursor: pointer;

        overflow: hidden;

		text-align: center;

		display: inline-block;

		width: 100%;

		height: 60%;

		top: 0;

		left: 0;

        position: absolute;

	}

	

	.video-play img {

	 

		top: 50%;

		width: 24px;

		height: 24px; 

    	overflow: hidden;   

		cursor: pointer;  

	    position: relative;

	    transform: translateY(-50%);

	    -moz-transform: translateY(-50%);

	    -webkit-transform: translateY(-50%); 

	    border-radius: 0;

	}





	.footer {

		

		background-color: #ffffff;

		padding:5px;

		text-align: center; 

	    width: 100%;

	}

	

	.footer img{

		height: 40px;

	}

	

	

.rating-summary-block .rating-result {

	display: inline-block;

	position: relative;

	width: 71px;

}



.rating-summary-block.big .rating-result {

	width: 88px;

}



.rating-summary-block .rating-result:before {

	color: #c7c7c7;

	content: "" "" "" "" "";

	display: block;

	font-family: FontAwesome;

	font-size: 16px;

	font-style: normal;

	font-weight: normal;

	height: 16px;

	left: 0;

	letter-spacing: 2px;

	line-height: 16px;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 1;

}



.rating-summary-block .rating-result>span {

	display: block;

	overflow: hidden;

}



.rating-summary-block .rating-result>span::before {

	color: #ffaf47;

	content: "" "" "" "" "";

	display: block;

	font-family: FontAwesome;

	font-size: 16px;

	font-style: normal;

	font-weight: normal;

	height: 16px;

	letter-spacing: 2px;

	line-height: 16px;

	position: relative;

	z-index: 1;

}



.rating-summary-block .rating-result:before, .rating-summary-block .rating-result>span:before

	{

	font-size: 13px;

	height: 13px;

	line-height: 13px;

}



.rating-summary-block.big .rating-result:before, .rating-summary-block.big .rating-result>span:before

	{

	font-size: 17px;

	height: 17px;

	line-height: 17px;

}



.close-product-page {

	

    float: left;

    margin: 0px 0px 8px 0px;

    cursor: pointer;

    font-size: 40px;

}



.fa-close-thin:before {

	content: '\00d7';

}





/* BUSINESS ADMIN */

.site-logout {

	

    margin-top: -36px;

    float: right;

}



.button-logout {

	background: #ffffff;

	color: var(--allzin-main-color);

	border: none;

    border-radius: 15px;

	width: 75px;

	height: 32px;

	text-align: center;

	padding: 5px;

	

	display: block;

	float: right !important;

}



.category-row-div {    

	

    padding: 16px;

	border-radius: 8px;

    -webkit-box-shadow: 0 0 4px 2px #ececec;

    -moz-box-shadow: 0 0 4px 2px #ececec;

    box-shadow: 0 0 4px 2px #ececec;

    margin-bottom: 16px;

}



.category-row-div input {

	padding: 0px;

    border-top: none !important;

    border-left: none !important;

    border-right: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

}



.category-row-div input[type=file] {

    height: 0px !important;

    display: none;

}



.category-row-div select {

    

    padding: 0px;

    border-top: none !important;

    border-left: none !important;

    border-right: none !important;

    border-radius: 0 !important;

    box-shadow: none !important; 

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    background-color: white !important;

}



.uploadFakePath {

	

	width: 100%;

	height: 35px;

	background-color: white;

}



.category-row-div img {



	width: 100%;

	display: block;

	border-radius: 8px;

	padding: 4px; 

}



.category-row-div-img {

    padding-right: 16px;

    overflow-y: hidden;

}



.category-row-div textarea {

	padding: 0px;

    border-top: none !important;

    border-left: none !important;

    border-right: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

}



.category-row-div label {

   color: var(--allzin-main-color) !important;

}



/* buttons */

.btn-default {

    color: white;

    background-color: var(--allzin-main-color);

	border: none;

    border-radius: 15px;

	width: 75px;

	float: right;

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: 10px;

}



.btn-danger {

    color: white;

	border: none;

    border-radius: 15px;

	width: 75px;

	float: right;

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: 10px;

}



.button-delete {

	color: white;

	border: none;

    border-radius: 15px;

	width: 75px;

	float: right;

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: 10px;

	

	display: block;

    background: #bfbfbf;

	height: 32px;

	padding-top: 6px;

	text-align: center;

}



.button-info {

	color: white;

	border: none;

    border-radius: 15px;

	width: 75px;

	float: right;

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: 0px;

	display: block;

    background: #bfbfbf;

	height: 32px;

	padding-top: 6px;

	text-align: center;

}



.button-logout {

	background: #ffffff;

	color: var(--allzin-main-color);

	border: none;

    border-radius: 15px;

	width: 75px;

	height: 32px;

	text-align: center;

	padding: 5px;

	display: block;

	float: right !important;

}



.campaign-item {

   	width: calc( 100% / 3); 

	padding: 5px; 

}



.campaign-item-content {

	width: 100%;

    height: 200px;

    background: white;

	border-radius: 8px;

	position: relative;

	box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	-webkit-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

	-moz-box-shadow: 0 8px 12px 1px rgba(145, 145, 145, 0.1), 0 3px 15px 2px rgba(145, 145, 145, 0.1), 0 4px 5px -2px rgba(145, 145, 145, 0.1);

}



.campaign-item-media {

	width: 100%;

    height: 60%;

    overflow: hidden;

    border-top-right-radius: 8px;

    border-top-left-radius: 8px;

}

	

.campaign-item-media img {

	

	width: 100%;

	top: 50%;

    position: relative;

	border-top-right-radius: 8px;

	border-top-left-radius: 8px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

}



.campaign-item-media video {

	

	width: 100%;

	top: 50%;

    position: relative;

	border-top-right-radius: 8px;

	border-top-left-radius: 8px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

}



.campaign-item-info {

    color: var(--allzin-text-color);

    padding: 10px 5px 5px 5px;

    position: relative;

    height: 40%;

    width: 100%;

}



.campaign-item-info .campaign-price {

    color: var(--allzin-main-color);

    position: absolute;

    bottom: 0;

    right: 0;

    margin: 0px 5px 8px 0px;

}



.campaign-item-info .campaign-old-price {

    color: var(--allzin-text-color);

    text-decoration: line-through;

    position: absolute;

    bottom: 0;

    margin: 0px 0px 8px 0px;

}



.limited-text-3 {

   overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   line-height: 16px;      

   max-height: 52px;       

   -webkit-line-clamp: 3;  

   -webkit-box-orient: vertical;

}



.limited-text-2 {

   overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   line-height: 16px;      

   max-height: 36px;       

   -webkit-line-clamp: 2;  

   -webkit-box-orient: vertical;

}



.limited-text-1 {

   overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   line-height: 20px;      

   max-height: 20px;       

   -webkit-line-clamp: 1;  

   -webkit-box-orient: vertical;

}



.section-button {

	

	width: 100%;

	height: 60px;

	padding-top: 26px;

	text-align: center;

}



.section-button a {

	

	padding: 6px;

    background: white;

	border-radius: 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	color: var(--allzin-main-color);

	border: solid 1px var(--allzin-main-color);

}



.bottom-bar {

	width: 100%; 

	position: fixed;

	bottom: 0;

}



.bottom-bar-content {

	width: 100%;

	height: 100%;

	color:white;

	border-top-right-radius: 20px;

	border-top-left-radius: 20px;

	background-color: var(--allzin-main-color);

	box-shadow: 0px -12px 5px -5px rgba(145, 145, 145, 0.1);

	-webkit-box-shadow: 0px -12px 5px -5px rgba(145, 145, 145, 0.1);

	-moz-box-shadow: 0px -12px 5px -5px rgba(145, 145, 145, 0.1);

}



.bottom-bar-content a {

	color:white;

}



.bottom-bar-item {

	width: 25%;

	height: 100%;

	text-align:center;

}



.bottom-bar-item img{

	width: 28px;

	margin-top: 10px;

}



.bottom-bar-item h6{

	margin: 10px 0px 10px 0px; 

}



.cart-bar {

	width: 100%; 

	position: fixed;

	bottom: 0;

	z-index: 1;

}



.cart-bar-content {

	width: 100%;

	height: 60px;

	color:white;

	background-color: #45b649;

	box-shadow: 0px -12px 5px -5px rgba(145, 145, 145, 0.1);

	-webkit-box-shadow: 0px -12px 5px -5px rgba(145, 145, 145, 0.1);

	-moz-box-shadow: 0px -12px 5px -5px rgba(145, 145, 145, 0.1);

}



.cart-bar-content a {

	color:white;

    display: inline-flex;

}



.cart-bar-item {

	width: 50%;

	height: 100%;

	text-align:center;

	color:white;

}



.cart-bar-item img{

	width: 40px;

	height: 40px;

	border-radius: 50%;

	margin-top: 10px;

}



.cart-bar-item h4{

	margin-top: 20px; 

    font-size: 16px;

}



.cart-bar-item h3{

    margin-left:10px;

    margin-top: 18px;

    font-size: 20px;

    font-weight: 700;

}



.header-close-icon {

	width: 100%;

	color: white;

	text-align: center;

}



.header-close-icon h2{

	margin: 0;

	font-size: 40px;

}



 #contact input {

    width:100%;

    padding: 8px;

    margin-top: 16px;

    border-radius: 4px;

    border: 1px solid var(--allzin-text-color);

}



#contact .my-radio-group input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}



 #contact textarea {

    width:100%;

    padding: 8px;

    margin-top: 16px;

    border-radius: 4px;

    border: 1px solid var(--allzin-text-color);

}



#contact button {

	background: none;

    border: none;

    padding: 4px;

    margin-top: 18px;

    width: 100%;

    height: 36px;

}



.button-image {

	height: 100%;

}



.my-radio-group {

    display: block;

    position: relative;

    padding-left: 24px;

    padding-top: 2px;

    cursor: pointer;

    font-size: 14px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.my-radio-group input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}



.my-radio-group .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    background-color: #eee;

    border-radius:50%;

}



.my-radio-group .checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



.my-radio-group input:checked ~ .checkmark {

    background-color: var(--allzin-main-color);

}



.my-radio-group input:checked ~ .checkmark:after {

    display: block;

}



.my-radio-group .checkmark:after {

    left: 7px;

    top: 3px;

    width: 6px;

    height: 12px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.info-section {

	width: 100%;

	float: left;

	margin: 0px;

	padding: 0px;

}



.info-section .info-img-section {

	width: 70px;

	padding-top: 10px;

}



.info-section .info-img-section img{

	width: 50px;

	height: 50px;

}



.info-section .info-desc-section {

	width: calc( 100% - 70px );

}



.menu-list {

	max-height: calc( 100vh - 180px );

    overflow-y: auto;

    overflow-x: hidden;

}



.menu-list-item {

	width: 100%;

    padding: 12px 4px;

    border: 1px solid #efefef;

    margin: 3px 0px;

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

    border-left: none;

    color: var(--allzin-text-color);

    cursor: pointer;

    background-color: white;

}



.menu-list-item-active { 

 

 	color: white;

 	background-color: var(--allzin-main-color);

    border: 1px solid var(--allzin-main-color);

    border-left: none;

}



.menu-list-item h4 {

    font-weight: 400;

    font-size: 16px;

}



.menu-product-list {

	

	max-height: calc( 100vh - 180px );

    overflow-y: scroll;

    padding-right: 0px !important;

}



.menu-product-item {



	width: 100%; 

	height: 130px;

	margin: 4px 0px 20px 0px;

    border-top-left-radius: 8px;

    border-bottom-left-radius: 8px;

	background: white;

	border: 1px solid #efefef;

}



.menu-product-item-info h4 {

    font-size: 16px;

    font-weight: 600;

}



.menu-product-item .fa-arrows-alt { 

	

	color: var(--allzin-main-color);

    margin: 10px 10px 0px 0px;

	position:absolute;

	cursor: pointer;

	right:0;

	top:0;

}



.menu-product-item-info {



	width: 70%;

	height: 100%;

    padding: 10px;

    position: relative;

}



.menu-product-item-info .product-price-position {

	

	position: absolute;

    bottom: 12px; 

}



.menu-product-item-info .product-price {

     

    display: inline;

    text-align: left;

    margin: 0px;

}



.menu-product-item-info .product-price-right {

    

    color: var(--allzin-main-color);

    display: inline;

	font-weight: bold;

}



.product-price	{

	

	 color: var(--allzin-main-color);

	 float: right;

	 text-align: right;

	 margin: -15px 0px 0px 0px;

	 padding: 0px;

	 font-weight: bold;

}



.menu-product-item-info .product-old-price {

    color: var(--allzin-text-color);

    text-decoration: line-through;

    display: inline;

}



.menu-product-item-media {



	width: 30%;

	height: 100%;

	overflow:hidden;

    position: relative; 

}



.menu-product-item-media img {

	

	height: 100%;

	left: 50%;

    position: relative;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    transform: translateX(-50%);

}



.menu-product-item-media video {

	

	height: 100%; 

    left: 50%; 

    position: relative;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    transform: translateX(-50%);

}



.menu-product-item-media .video-play {

	 	

    width: 100%;

    height: 100%; 

}



.menu-product-item-media .video-play img{

	 	

	top: 50%;

	left: unset;

	width: 24px;

	height: 24px;

	overflow: hidden;

	cursor: pointer;

	position: relative;

	transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%); 

}





.post-profile-image {

	

	width:120px;

	height:120px;

	overflow: hidden; 

}



.post-profile-image img {

	

	top: 50%;

	width: 100px;

	overflow: hidden; 

	position: relative;

	transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%); 

	border-radius: 8px;

}



.post-profile-info {

	width: calc( 100% - 120px );

	padding-left: 10px;

	height:120px;

}



.post-profile-info-inner {

	

    top: 50%;

	width: 100%;

	overflow: hidden;

	position: relative;

	transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	border-radius: 8px;

}



.post-profile-info h4 {

	color: var(--allzin-text-color);

}



.post-profile-info h5 {

	color: var(--allzin-main-color);

}



.post-category {

	float: right;

    margin-top: -28px;

}



.post-slides {

	display:none;

	width: 100%;

}



.post-media {

	display:block;

	width: 100%;

}



.post-media img {

	width: 100%;

	border-radius: 8px;

}



.post-media video {

	width: 100%;

	border-radius: 8px;

}



.post-slides img {

	width: 100%;

	border-radius: 8px;

}



.post-slides video {

	width: 100%;

	border-radius: 8px;

}



.post-slider-menu {

	color: white;

    width: 100%;

    text-align: center;

    margin-top: -30px;

    padding: 0px 10px;

    position: relative;

}



.post-slider-menu-item {

	height: 12px;

    width: 12px;

    border-radius: 50%;

    border: 1px solid #ccc!important;

    display: inline-block;

}



.post-slider-menu span:hover {

	

	background: white;

}



.post-map {

	width: 100%;

	height: 300px;

}



.post-map-container {

	width: 100%;

	height: 100%;

	padding-top: 20px;

}

	 

.post-map-inner {

	width: 100%;

	height: 100%;

	border-radius: 8px;

}



.post-date-label {

	margin-bottom: -42px;

	background-color: var(--allzin-main-color);

	position:relative;

    border-bottom-right-radius:6px; 

    border-top-left-radius:6px; 

}



.post-date-label p{

    padding:6px;

    font-weight:600;

    color:white;

    margin:0px;

}



.white {

	background: white;

}



.pointer {

    cursor: pointer;	

}



.post-slider-menu span {

    cursor: pointer;

}	 



.hidden-scroll::-webkit-scrollbar {

  display: none;

  scrollbar-width: none;

}



.hidden-scroll {

  -ms-overflow-style: none;

  scrollbar-width: none;

} 



.extend-product-card {

  height: auto !important;

  display: flex !important;

  flex-direction: column-reverse !important;

} 



.extend-product-card .menu-product-item-info {



	width: 100% !important; 

}



.extend-product-card .menu-product-item-media {



	width: 100% !important; 

	border-top-left-radius: 8px !important;

	border-top-right-radius: 8px !important;

	border-bottom-right-radius: 0px !important;

}



.extend-product-card .menu-product-item-media img {

	

	width: 100% !important;

	height: auto !important; 

}



.extend-product-card .menu-product-item-media .video-play img {

	

	width: 24px !important;

	height: 24px !important; 

}



.extend-product-card .limited-text-3 {

   overflow: unset !important;

   text-overflow: unset !important;

   display: block !important;

   line-height: unset !important;

   max-height: unset !important;

   -webkit-line-clamp: unset !important;

   -webkit-box-orient: unset !important;

   padding-bottom: 10px !important;

}



.extend-product-card .limited-text-2 {

   overflow: unset !important;

   text-overflow: unset !important;

   display: block !important;

   line-height: unset !important;

   max-height: unset !important;

   -webkit-line-clamp: unset !important;

   -webkit-box-orient: unset !important;

   padding-bottom: 10px !important;

}



.extend-product-card .limited-text-1 {

   overflow: unset !important;

   text-overflow: unset !important;

   display: block !important;

   line-height: unset !important;

   max-height: unset !important;

   -webkit-line-clamp: unset !important;

   -webkit-box-orient: unset !important;

   padding-bottom: 10px !important;

}



.translate-button-row {

	

	display: none;

	height: 0px;

}



.translate-result-row {

	

	display: none;

	height: 0px;

	width: 100%;

	padding-bottom: 16px;

}



.translate-button-row a:hover{

	

	color: white;

}



.extend-product-card .translate-button-row {

	

	display: block;

	height: 50px;

}



.extend-product-card .translate-result-row {

	

	display: block;

	height: auto;

}



.product-item-card .translate-button-row {

	

	display: block;

	height: 10px;

}



.product-item-card .translate-result-row {

	

	display: block;

	height: auto;

}



.translate-button {

	

	float: left;

	padding: 4px;

	color: white;

	border-radius: 4px;

	background: var(--allzin-main-color);

}



.product-qty {

	

    right: 0;

    bottom: 0;

    position: absolute;

    margin-right: 8px;

    margin-bottom: -16px;

    background-color: white;

}



.extend-product-card .product-qty {

	 

    margin-bottom: 2px;

}



.extend-product-card .menu-product-item-info .product-price-position {

    position: absolute;

    bottom: 5px;

}



.custom-qty {

	display: inline-flex;

    position: relative;

}

.increase.items, .reduced.items {

	background: transparent; 

	color: var(--allzin-main-color);

	padding: 6px;

	float: left;

    z-index: 1;

    border: none;

    outline: none;

    height: 28px;

}

.input-text.qty {

    border: 1px solid #efefef;

	border-radius: 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	-o-border-radius: 8px;

	max-width: 80px;

	padding: 4px;

	float: left; 

	margin: 0 5px;

    margin-right: -24px;

    margin-left: -24px;

    text-align: center;

    height: 28px;

    background: none;

    background-color: white;

}



.add-to-cart {

	

    border: 1px solid #efefef;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

}





 #order input {

    width:100%;

    padding: 8px;

    margin-bottom: 16px;

    border-radius: 4px;

    border: 1px solid var(--allzin-text-color);

}



 #order select {

    width:100%;

    padding: 8px;

    margin-bottom: 16px;

    border-radius: 4px;

    border: 1px solid var(--allzin-text-color);

	background: none;

	background-color: white;

	height: 38px;

}

 

 #order textarea {

    width:100%;

    padding: 8px;

    margin-bottom: 16px;

    border-radius: 4px;

    border: 1px solid var(--allzin-text-color);

}



#order textarea {

    width:100%;

    padding: 8px;

    margin-bottom: 16px;

    border-radius: 4px;

    border: 1px solid var(--allzin-text-color);

}



.order-item {

	width: 100%;

    font-weight: 600;

    font-size: 16px;

    padding: 0px 20px;

}



.order-item hr {

	width: 100%;

    margin: 8px 0px;

} 



.cart-price {

	

	 color: var(--allzin-main-color);

	 font-weight: bold;

	 margin-left: 20px;

	 font-size: 600;

}



.cart-qty {

	

	height: 28px;

    display: inline;

    margin-top: -4px;

    margin-bottom: 4px;

}



.order-info-text {

	

    margin: 0px;

    margin-bottom: 20px;

    font-size: 18px;

}