#container-directory .content .row, #container-directory .row, .modal .row {
    width: 100%;
    max-width: initial;
}
#container-directory .content #main-images, #container-directory .content #header-profile, #container-directory .content #content-vendor, #container-directory .breadcrumb {
   margin-left: 0px;
   margin-right:0px;
}

@media screen and (max-width: 576px) {
	#main-images .container {padding:0px;}
	#container-directory .content .row {
		margin-left: 0px;
		margin-right:0px;
	}
	#container-directory {
		margin-top: -6px;
	}
}

@media screen and (min-width: 1601px) {
	.col-xxl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

.m-auto {
	margin: auto;
}

.border-none {
	border: 0;
}
.border-left {
	border-left: 1px solid #ddd;
}
.border-right {
	border-right: 1px solid #ddd;
}
.border-top {
	border-top: 1px solid #ddd;
}
.border-bottom {
	border-bottom: 1px solid #ddd;
}
.width-100 {
	width: 100%;
	display: block !important;
}
.txt-view-all {
	color: #c6436a  !important;
	font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.div-line {
	border-bottom: 1px solid #dedede;
	height:1px;
}
.text-center {
	text-align: center;
}
#wk-popupsearch {
	box-sizing: unset;
}
.pl-05 {
	padding-left: 1.5px !important;
}
.pr-05 {
	padding-right: 1.5px !important;
}
.nopack{
    text-align:center !important;
	margin: 20px 0;
    font-weight: 400;
    font-family: 'Open Sans';
}
.nopack b {
    font-family: 'Montserrat';
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
}
#minilogin.modal .modal-body input {
	box-sizing: unset;
	height: 34px;}
@media screen and (min-width: 1024px){
	#wk-popupsearch{
		width: 971px;
	}
}

#wk-popupsearch .modal-header .button button {
	height: 55px;
}
#gototop a:before {
	margin-left: 6.5px;
	top: 0;
    position: relative;
}
.form-control:focus {
  border-color: #ff99a1;
  box-shadow: 0 0 0 0.2rem rgba(255, 153, 161, 0.25);
}
.br-none {
	border-right: 0;
}
/*
@media (min-width: 769px) {
	.mbadge {
		bottom: 30px;
	}
}*/
@media screen and (max-width: 576px) {
	.border-m-none {
		border: none;
	}
	.width-m-100 {
		width: 100%;
		display: block !important;
	}
}
@media screen and (max-width: 768px){
	.popup-bottom .popup-box .btn {
		width: 100%;
		height: auto;
		line-height: 30px;
	}
	#contactus.modal {
		height: fit-content;
	}
	#contactus .modal-body {
		min-height: min-content;
		max-height: max-content;
	}
}

.address-list li {
    margin-bottom: 15px;
}
form .controls textarea.input-large {
	width: 100%;
}
#minilogin input[name=email]:focus ~ .ph, #minilogin input[name=password]:focus ~ .ph, #minilogin input[name=email]:-webkit-autofill ~ .ph, #minilogin input[name=password]:-webkit-autofill ~ .ph, #minilogin input:not(:focus):valid ~ .ph, #minilogin input:focus:valid ~ .ph {
    top: -11px;
    line-height: 1;
    height: 23px;
}

#minilogin.modal .modal-body input.btn-large {
	width: calc(100% - 60px);
    height: 32px;
    padding: 3px 15px;
}

.txt-special, .txt-start {
	color: #8a8a8a;
}

/*
* Main inmage
*/
#main-images.row {
	width: 100%;
    max-width: 100%;
}
#main-images {
	max-height: 385px;
	overflow: hidden;
}
#main-images section{position: relative;}
#main-images #slides>div>iframe {min-height:385px;}
#main-images #slides .img {
	height: auto !important;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 991px) {
	.ul-center {
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
}
.vendor-desc .category {max-width:135px}
@media screen and (max-width: 768px) {
	.vendor-desc .category {max-width:auto;}
	#main-images.row {
		background-color: #fff !important;
	}
	#main-images {
		z-index: 1;
		width: 100%;
		margin-top:16px;
	}
	#main-images #slides>div>iframe {
		min-height: 143px;
	}
}

/*
* header profile
*/

#header-profile {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1em;
	padding-top:1em;
	box-sizing: border-box;
}
#header-profile h1 {padding-right: 120px;display: flex}
@media screen and (max-width: 576px) {
	#header-profile {
		padding-bottom: .5em;
		padding-top:0;
	}
	#header-profile h1 {padding-right: 10px;}
}
@media screen and (max-width: 1600px) {
	#header-profile h1 {
   		line-height: 28px;
	}
}



#header-profile .img-profile {
	position: relative;
	text-align: center;
}

#header-profile .img-profile img {
	width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 1px solid #efefef;
}

#header-profile h1, #header-profile h3 {
	font-size: 24px;
	font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

#header-profile .vendor-desc p,  #header-profile .vendor-desc a,  #header-profile .vendor-desc a span i{
	font-size: 16px;
}

#header-profile .vendor-desc p svg {
	width: 9px;
}

#header-profile .vendor-active p{
	line-height: 1.3;
	font-size: 13px;
	color: #aaa;
}

#header-profile .vendor-active div.status-active{
	width: 8px;
    height: 8px;
    margin-left: 5px;
    margin-top: 0px;
    border-radius: 50%;
}

#header-profile .vendor-active div.status-active.active{
	border: 2px solid #06d755;
	background: #06d755;width:4px;height:4px
}

#header-profile .vendor-active div.status-active.non-active{
	border: 2px solid #bd0a0a;
	background: #bd0a0a;
}

#header-profile #profile-contact .btn {
    padding: 6px 10px;
}

#header-profile #profile-contact  #message button:before {
    content: "\f27b";
    font-family: 'FontAwesome';
}
#header-profile #profile-contact  #message button:after {
    content: " ask for pricelist" !important;
	font-size: 11px;
}

#header-profile #profile-contact  #message #btn-pricelist {
	font-size: 11px;
	color: #FFFFFF !important;
}
#header-profile #profile-contact  #message #btn-pricelist:hover, #header-profile #profile-contact  #message #btn-pricelist:hover span {
	color: #c6436a  !important;
}
#header-profile #profile-contact  #message #btn-pricelist:before {
    content: "";
    font-family: 'FontAwesome';
}
#header-profile #profile-contact  #message #btn-pricelist:after {
    content: "" !important;
}
#header-profile #profile-contact  #message #btn-pricelist svg {
	width: 15px;
	vertical-align: middle;
	margin-top: -1px;
}
#header-profile #profile-contact  #message #btn-pricelist svg path {
	fill: #FFFFFF !important;
	color: #FFFFFF !important;
}
#header-profile #profile-contact  #message #btn-pricelist:hover svg path {
	fill: #c6436a  !important;
	color: #c6436a  !important;
}

#header-profile #profile-contact #love .btn.love:before {
	content: "\f08a   ";
	font-family: "FontAwesome", "Open Sans", sans-serif;
}

#header-profile #profile-contact #love .btn.love:after {
	content: "   LOVE VENDOR" !important;
	font-family: "FontAwesome", "Open Sans", sans-serif;
	font-size: 11px;
}

#header-profile #profile-contact #love .btn.loved:before {
	content: "\f004 ";
	font-family: "FontAwesome", "Open Sans", sans-serif;
}
#header-profile #profile-contact #love .btn.loved:after {
	content: "  loved vendor" !important;
	font-family: "FontAwesome", "Open Sans", sans-serif;
	font-size: 11px;
}

#header-profile #profile-contact #call a:before {
    content: "\f095";
    font-family: 'FontAwesome';
}
#header-profile #profile-contact #call a:after {
    content: " Call" !important;
    font-family: "Open Sans", sans-serif;
	font-size: 11px;
}
#header-profile .btn-chat .btn {
    border: 1px solid #c6436a ;
}

@media screen and (max-width: 370px) {
	#header-profile #profile-contact .btn {
		padding: 8px 5px;
	}
	#header-profile #profile-contact  #message #btn-pricelist {
		font-size: 9px;
	}
	#header-profile #profile-contact  #message #btn-pricelist svg {
		width: 13px;
	}
	#header-profile #profile-contact  #message button:after {
		font-size: 9px;
	}

	#header-profile #profile-contact #love .btn.love:after {
		font-size: 9px;
	}

	#header-profile #profile-contact #love .btn.loved:after {
		font-size: 9px;
	}

	#header-profile #profile-contact #call a:after {
		font-size: 9px;
	}
}

@media screen and (max-width: 991px) {
	#header-profile .content-header-profile {
		width: 100% !important;
	}
	#header-profile .vendor-statistic div.div-txt-left div{
		width: fit-content;
	}
}

#header-profile .txt-heading {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	color: #555;
}

#header-profile .txt {
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: #555;
	text-transform: uppercase;
	line-height: 1.5;
}

#abouts .div-txt-left {
	float: left;
}

#abouts .div-txt-left a {
	font-size: 22px;display:flex
}

#abouts .div-txt-left a svg {
	width: 30px;
	height: 30px;
}

#abouts .d-flex ul {
	display: inline-block;
}

#abouts .d-flex ul li, #abouts .row ul li {
	padding-right:8px;
}

#abouts .contact ul li:first-child {
	padding-left:0px;
}

#abouts .d-flex ul li a.circle {
	height: 21px;
	width: 21px;
	background-color: #eb9ea6;

}

#abouts .d-flex ul li a.circle:hover {
	background-color: #eb9ea6;
}

#abouts .d-flex ul li a.circle i {
    font-size: 14px;
    color: #FFFFFF;
    position: relative;
	top: -3px;
    left: 5px;
}

#abouts .d-flex ul li a.circle i:hover {
    color: #FFFFFF;
}

#abouts .d-flex ul.share-button li {
    width: auto;
    height: auto;
	margin: 0;
	background-color: #FFF;
	background: #FFF;
	text-align: unset;
	line-height: 0;
}

#abouts .d-flex ul.share-button li a.circle {
    background-color: #fff;
	border: 1px solid #555;
}

#abouts .d-flex ul.share-button li a.circle:hover {
    background-color: #fff;
}

#abouts .d-flex ul.share-button li a.circle i {
    font-size: 14px;
    color: #555 !important;
    position: relative;
    top: -6px;
    left: 4px;
}

#abouts .d-flex ul.share-button li a.circle i:hover {
    color: #555;
}

#abouts .d-flex ul.share-button li a.circle img {
    width: auto;
}
#abouts .contact-sosmed .contact {
	border: none;
}
@media screen and (max-width: 991px) {
	#abouts .contact-sosmed .contact {
		border-right: 1px solid #ddd;;
	}
	#abouts .contact ul, #abouts .sosmed ul {
		width: fit-content;
	}
	#abouts .d-flex ul li, #abouts .row ul li {
		padding-right:8px;
	}
	#abouts .contact-sosmed {
		border-top: 1px solid #ddd;
	}
	#header-profile h4 {
		text-align:center;
	}
	#header-profile .img-profile img {
		height: auto;
	}
	#header-profile .vendor-desc {
		font-size:13px;
	}
	#header-profile .review i, #header-profile .review span {
		font-size:13px;
	}
	#abouts .d-flex ul {
		margin: auto;
	}
	#abouts .d-flex ul li.div-txt-left {
		margin-left: 15px;
	}
	#abouts .d-flex ul li a.circle {
		height: 30px;
		width: 30px;
		background-color: #ffffff;
		border: 1px solid #eb9ea6;
	}
	#abouts .d-flex ul li a.circle i {
		font-size: 18px;
		top: 2px;
		left: 7px;
		color: #eb9ea6;
	}
	#abouts .d-flex ul.share-button li a.circle i {
		font-size: 18px;
		top: -2px;
		left: 7px;
	}
	.d-m-none {
		display: none !important;
	}

	#header-profile .div-txt-left a {
		font-size: 26px;
	}

	#header-profile .txt-heading {
		font-size: 20px;
	}

	#header-profile .txt {
		font-size: 14px;
		line-height: 1.3;
	}

	#header-profile .vendor-desc p,  #header-profile .vendor-desc a,  #header-profile .vendor-desc a span i{
		font-size: 14px;
	}
}

/*
* Content nav
*/
#nav-tab {margin-bottom: 35px;}
#nav-tabs {
  margin-top: 20px;
  border-bottom: 1px solid #ebebeb;
}
.nav-title {padding: 10px 15px;font-family: "Montserrat", sans-serif;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-size: 14px;
    color: #555;}

#nav-tabs .item-nav {
    padding: 10px 5px;
    text-align: center;
}
@media screen and (min-width: 768px) {
  #nav-tabs .item-nav {
      padding: 10px 15px;
  }
}
#nav-tabs .item-nav.instagram {
    padding: 7px 15px;
}
.nav-item {
    padding: 10px 15px;
    text-align: left;
}
.navbar-toggler{position: absolute;
   top: 0px;
    right: 0px;
    padding: 10px 15px;}
#dropdownNavBar {display:none;border-left: 1px solid rgb(239, 239, 239);border-right: 1px solid rgb(239, 239, 239);}
#dropdownNavBar li{padding: 10px 15px;border-bottom: 1px solid #efefef;background-color: #fefefe;}
#dropdownNavBar li a{display:block;}
@media screen and (max-width: 576px) {
	#nav-tab {margin-bottom: 10px;}
}
#nav-tabs .item-nav.instagram a {
	display: block;
    width: 30px;
    height: 30px;
}
#nav-tabs .item-nav.instagram a svg path{
	fill: #aeaeae;
}
#nav-tabs .item-nav.instagram.currentNav{
	padding: 9px 15px;
}

#nav-tabs .item-nav.instagram.currentNav a svg path{
	fill: #555;
}

#nav-tabs a {
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-size: 14px;
	color: #555;
}
#nav-tabs .owl-stage-outer
{
  margin-right:15px
}
#nav-tabs .owl-stage-outer .owl-stage {
    margin: 0px;
}

#nav-tabs .owl-next
{
  right:-20px;
  top:11px
}

#nav-tabs .owl-next i
{
  font-size:15px !important
}
@media screen and (min-width: 768px) {
  #nav-tabs .owl-next
  {
    right:-30px;
  }
}
@media screen and (min-width: 1200px) {
  #nav-tabs .owl-next
  {
    display:none
  }
}

 #nav-tabs .currentNav {
    font-weight: 600;
    border-bottom: 3px solid #c6436a ;
}

.prev-tabs {
	display: none;
	width: 30px;
	position: absolute;
	top: 20px;
	left: 0;
	display: none;
	z-index: 2;
	background-color: #fff;
}
  .prev-tabs a {
    width: 100%;
    background-color: #fff; }

.next-tabs {
	display: none ;
	width: 30px;
	position: absolute;
	top: 20px;
	right: 0;
	display: none;
	z-index: 2;
	background-color: #fff;
}
.next-tabs a {
	width: 100%;
	background-color: #fff;
}

nav.next, nav.prev {
	display: none !important;
}


/*
* Content vendor
*/

#collection .div-content ul {
	overflow: hidden;
}

#collection .div-content ul li {
	padding-right: 4px;
    padding-left: 4px;
	margin-left: 0px;
    margin-right: 0px;
	float: left;
}

#collection .div-content ul li a {
	display: grid;
	overflow: hidden;
}
#collection .div-content ul li a img
{
  aspect-ratio: 1/1;
  object-fit: cover;
  width:100%
}

.about-desc p {
	display: block;
	font-size: 1.15rem;
	line-height: 1.8rem;
	margin-bottom: 20px;
}
.address-list {font-size: 16px;
    line-height: 25px;
    }

/*
* album collection
*/
#album .div-title, #video .div-title, #collection .collection-menu {
	overflow:hidden;
}
#album .div-title .d-flex, #video .div-title .d-flex, #collection .collection-menu .d-flex {
	float:right;
}
#album .div-title p, #video .div-title p, #collection .collection-menu p {
	color: #aaa;
}
#album .div-title h4, #video .div-title h4, #collection .collection-menu h4 {
	border: 1px solid #aaa;
	font-size: 12px;
    line-height: 30px;
    letter-spacing: 1px;
	max-height: 32px;
	overflow:hidden;
}
@media screen and (max-width: 576px) {
	#album .div-title .d-flex, #video .div-title .d-flex, #collection .collection-menu .d-flex {
		float:left;
		width: 100%;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#album .div-title .d-flex .item-menu, #video .div-title .d-flex .item-menu, #collection .collection-menu .d-flex .item-menu {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 5px;
		padding-left: 5px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	#album .div-title h4, #video .div-title h4, #collection .collection-menu h4 {
		font-size: 11px;
	}
}
#album .div-title h4.active, #video .div-title h4.active, #collection .collection-menu h4.active {
	border: 1px solid #555;
}
#album .div-title h4 a, #video .div-title h4 a, #collection .collection-menu h4 a{
	color: #aaa;
}
#album .div-title h4.active a, #video .div-title h4.active a, #collection .collection-menu h4.active a {
	color: #555;
}
#album .div-title svg, #video .div-title svg, #collection .collection-menu svg{
	width: 13px;
}
@media screen and (max-width: 360px) {
	#album .div-title svg, #video .div-title svg, #collection .collection-menu svg {
		width: 11px;
	}
	#album .div-title h4, #video .div-title h4, #collection .collection-menu h4 {
		font-size: 11px;
	}
}
@media screen and (max-width: 320px) {
	#album .div-title svg, #video .div-title svg, #collection .collection-menu svg {
		width: 10px;
	}
	#album .div-title h4, #video .div-title h4, #collection .collection-menu h4 {
		font-size: 9px;
	}
}
.thumbnail {
    overflow: hidden;
    margin-bottom: 0px;
    padding: 0px;
    border-radius: 0px;
    border-bottom: none;
	display: block;
    line-height: 1.42857143;
    background-color: #fff;
    transition: border .2s ease-in-out;
}

.caption p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px; color: #555555;
	letter-spacing:0.8px;
	text-transform: uppercase;
}
.caption p a {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #555555;
	font-weight:600;
	letter-spacing:0.8px;
	text-transform: uppercase;
	max-height: 50px;
	line-height: 1.5rem;
	min-height: 17px;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
}
.img-collection {
    cursor: pointer;
    background-color: #efefef;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.thumbnail .image .img-collection {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.thumbnail .image .img-collection:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */
	transform: scale(1.2);
}

.thumbnail-small .image .img-collection {
	cursor: default;
}

.thumbnail-small a.background-opacity  {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.5);
}

.thumbnail-small a.background-opacity .div-text {
	top: 50%;
    transform: translateY(80%);
}

.thumbnail-small a.background-opacity .div-text .txt-title {
	color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 10px;
}

.thumbnail-small a.background-opacity .div-text .txt {
	color: #fff;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}

/*
* video
*/
#video .div-content .row article .content-video .div-video {
	margin: 0 auto;
	width: 80%;
}
#video .div-content .row article .content-video .div-video iframe.vimeo {
	width: 500px;
	height: 281px;
}
#video .div-content .row article .content-video .div-video iframe.youtube {
	width: 640px;
	height: 390px;
}
#video .div-content .row article .content-video .div-video footer {
	text-align:left;
}
#video .div-content .row article .content-video .div-video footer.f-vimeo {
	width: 500px;
}
#video .div-content .row article .content-video .div-video footer.f-youtube {
	width: 640px;
}

@media screen and (max-width: 576px) {
	#video .div-content .row article .content-video .div-video iframe.vimeo {
		width: 100%;
		height: 235px;
	}
	#video .div-content .row article .content-video .div-video iframe.youtube {
		width: 100%;
		height: 235px;
	}
	#video .div-content .row article .content-video .div-video footer.f-vimeo {
		width: 100%;
	}
	#video .div-content .row article .content-video .div-video footer.f-youtube {
		width: 100%;
	}
	#video .div-content .row article .content-video .div-video {
		margin: 0;
		width: 100%;
	}
}
/*
* real wedding
*/
.real-wedding li .flex-grid a .small .category {
	border: none;
}
.grid article .stat.sticky-small {
	bottom: 5px;
}

/*
* review
*/
.review-info {margin-bottom: 1rem;}
.review-info h3 {margin-bottom:0px !important;}

#review .avatar-name a {
	overflow:hidden;
}
#review .useReview .txt-content{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#review .useReview>p{
    font-size: 1.15rem;
    line-height: 1.8rem;
}
#review .useReview p span a{
	color: #c6436a;
}
#review .div-title p.desc {
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 1.7;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
	color:#555;
	text-align: center !important;
}
#review .div-title .stat {
	color: #555;
    font-size: 22px;
    font-weight: 600;
}
#review .div-title .review i.fa {
	font-size: 22px;
}
@media screen and (min-width: 768px) {
	#review .userDetail {
		padding-left: 7em;
	}
	#review .userDetail h4 {
		padding-left: 0;
		font-size: 13px;
	}
	#review .useReview {
		padding-left: 7em;
	}
	#review .useReview p {
		width: 100%;
		font-family: "Open Sans", sans-serif;
	}
}

@media screen and (max-width: 768px) {
	#review.padding {
		padding: 0px;
	}
	#review .useReview .txt-content{
		-webkit-line-clamp: inherit;
	}
}
#review i {
	position: relative;
	top: 0px;
 }
@media screen and (max-width: 768px) {
	#review form.form-horizontal fieldset {
		margin: 0px 0px;
		padding: 0;
	}
}
#review form.form-horizontal .form-box {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	#review form.form-horizontal .form-box {
		width: 100%;
	 }
}
#review form.form-horizontal .controls {
	margin-left: 0px;
}
@media screen and (max-width: 768px) {
	#review form.form-horizontal .controls {
		margin-left: 5px;
		line-height: 15px;
	}
}
#review form.form-horizontal .controls table {
	padding-top: 0px !important;
}
@media screen and (max-width: 768px) {
	#review form.form-horizontal .controls table {
		padding-top: 6px !important;
	}
}
#review form.form-horizontal .controls table.review i.fa {
	top: -2px;
	font-size: 18px;
}
@media screen and (max-width: 768px) {
	#review form.form-horizontal .controls table.review i.fa {
		font-size: 16px;
	}
}
#review form.form-horizontal .controls .custom-select select {
	width: 100%;
	padding-left: 5px;
	border: 1px solid #CCCCCC;
	color: #555555;
	height: 35px;
}
#review form.form-horizontal .controls input, #review form.form-horizontal .controls textarea {
	width: 100%;
	border-radius: 0px;
}
#review form.form-horizontal .controls input {
	width: 100%;
	border-radius: 0px;
}
@media screen and (max-width: 768px) {
	#review form.form-horizontal .field-box {
		margin-left: -15px;
	}
}
#review form.form-horizontal .control-label {
	width: 100%;
	text-align: left;
}
#review form.form-horizontal .control-label i.icon-info {
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(https://new.weddingku.com/assets/i/ic-info.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: -1px;
	margin-right: 5px;
}

#divDate #txtDate {
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	#review form.form-horizontal .control-label {
		font-size: 14px;
	}
}
#review form.form-horizontal .form-actions {
	padding-left: 0px;
	text-align: right;
}
#review .wlabel p {
	text-align: center;
}
.info-wedding-date {
	font-size: 13px;
}

.rate-desc {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
.rate-desc.text-center {
	text-align: center;
}
.rate-desc .review-vendors-stars-text {
	font-weight: 600;
	display: inline-block;
	border-radius: 3px;
	color: #fff;
	transition: .2s;
	opacity: 0;
	width: 110px;
	height: 28px;
	box-sizing: border-box;
	line-height: 28px;
}

.input-count {
	font-size: 11px !important;
	line-height: 17.79837389px;
	background: rgba(74, 74, 74, 0.5);
	color: #fff;
	width: max-content;
	text-align: center !important;
	min-width: 40px;
	float: right;
	border-radius: 2px;
	padding: 0px 5px;
	margin-top: 2px;
}

.textarea-resize-none {
	resize: none !important;
}
@media screen and (max-width: 768px) {
	.rate-desc .review-vendors-stars-text {
		width: 70px;
		height: 25px;
		font-size: 12px;
		box-sizing: border-box;
		line-height: 25px;
	}
  #gototop a:before {
    margin-left: 7.5px;
    top: 1.5px;
  }
}
.row  article.small {
	min-height: 0px;
}
.row  article.small h3 {
	min-height: 20px;
	 max-height: 6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
@media screen and (max-width: 576px) {
	.row  article.small h3 {
   		-webkit-line-clamp: 6;
	 	max-height: 9em;
	}
}
.img-review-avatar {
	width: 65px;
    height: 65px;
}

/*
* price venue
*/
#title-venue .stat .price {
	color: #c6436a  !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2em;
}
 #title-venue .stat {
	font-family: "Open Sans", sans-serif;
    color: #555;
    font-size: 16px;
    line-height: 1.2em;
    letter-spacing: 0.2px;
    font-weight: 600;
}
@media screen and (max-width: 576px) {
	.print-venue {
		position: relative !important;
		float: right;
	}
}


/*
* form
*/
.input-with-animated-label {
	height: 3rem !important;
    padding: 15px calc(0.125rem + 0.5rem) 0;
    transition-property: border-color;
	transition-delay: 0ms;
    transition-duration: .2s;
    transition-timing-function: ease-out
	touch-action: manipulation;
	font-size: 1rem;
    line-height: 1.5;
	padding-top: 15px !important;
	padding-bottom: 0 !important;
}
.animated-label{
	left: 1px;
    position: absolute;
    top: 1px;
	font-size: 1rem;
    line-height: 1.5;
	background-color: transparent;
    padding-left: calc(1.125rem + 0.5rem);
    padding-top: 0.75rem;
    transition-property: font-size,padding;
	transition-delay: 0ms;
    transition-duration: .2s;
    transition-timing-function: ease-out;
	cursor: text;
	pointer-events: none;
}
.input-with-animated-label:focus ~ .animated-label, .data-has-value ~ .animated-label{
	padding-top: 0.25rem;
	letter-spacing: 0;
    font-weight: 400;
    font-family: union-primary-font, union-sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.34;
}

/*
* price list and promo
*/
span.ribbon {
	position: absolute;
	color: #ffffff;
	top: 0;
	z-index: 1;
	left: 0;
}
span.ribbon:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	border-top: 12px solid #c6436a ;
	left: 0;
}
span.ribbon span {
	/*background: url('../i/disc.png');
    background-repeat: no-repeat;*/
	position: relative;
	display: block;
	text-align: center;
	background: #c6436a ;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
	letter-spacing: 1px;
	padding: 8px 2px 4px;
	width: 45px;
}
span.ribbon span:hover {
	color: #ffffff;
}
span.ribbon span {
    font-size: 16px !important;
    line-height: 19px !important;
}

#modal-pricelist .modal-body {
	max-height: 545px;
}
@media screen and (max-width: 576px) {
	.modal.fade.in {
		top: 0 !important;
		max-height: 100%;
		height: 100%;
	}
	#modal-pricelist .modal-body {
		max-height: 100%;
	}
}
#pricelist ul li #pricelist ul li p {
	font-size: 16px;
}
.packDetail article {
	line-height: 1.5;
}
#title-pricelist .stat, .title-pricelist strike {
	font-family: "Open Sans", sans-serif;
    color: #555;
    font-size: 16px;
    line-height: 1.2em;
    letter-spacing: 0.2px;
    font-weight: 600;
}
#title-pricelist .stat .price {
	color: #c6436a  !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2em;
}
.txt-title, .txt-title a{
    font-size: 16px !important;
    font-weight: 600;
    text-transform: capitalize;
}
.txt-price {
    font-weight: 400;
}
.txt-capacity {
	text-align: right;
}
.txt-highlight {
	color:#000000;
	text-transform: uppercase;
	font-weight:700;
}
@media screen and (max-width: 576px) {
	.txt-capacity {
		text-align: left;
	}
}
.img-pricelist {
	width: 70px;
	height: 70px !important;
	border: 1px solid #efefef;
}
.item-pricelist p {
    line-height: 1.5;
}

.item-pricelist .txt-price span.price{
	font-size: 20px !important;
}
.img-event {
	width: 70px;
    max-height: 35vh;
	border: 1px solid #efefef;
}
.item-event p {
	font-size: 14px;
    line-height: 1.5;
}
.item-event p.txt-loc {
	font-weight:600;
}
.txt-start {
    font-size: 14px;
    line-height: 10px;
    margin-top: 9px;
    color: #8a8a8a;
    text-transform: capitalize;
}
a:hover .txt-start, a:hover .txt-special {
    color: #8a8a8a;
}


#gototop a:before{
	color: #000000;
}
@media (prefers-color-scheme: dark) {
  #gototop a {
    border: 1.5px solid #555555;
    display: block;
  }
  #gototop a:before{
    color: #555555;
  }
}

.img-collection {
	cursor: pointer;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.img-zoomin {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.img-zoomin:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */
	transform: scale(1.2);
}
.img-small {
	/*width: fit-content !important;*/
	max-width: fit-content !important;
}
.img-small a {
	height: 100% !important;
}
.img-small .div-text {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.img-small a {
	background-color: rgba(0,0,0,0.5);
}
.img-small .div-text p.txt-title{
    font-size: 18px;
    line-height: 1.2;
}
.img-small .div-text p.txt{
    font-size: 12px;
    text-transform: uppercase;
}
.bg-peach {
	background-color: rgb(249, 234, 229);
}
.img-opacity .img-desc {
	position: absolute;
    bottom: 0;
    padding: 50px 15px 10px;
    width: 100%;
    color: #ffffff !important;
    background-color: rgba(0,0,0,0.1);
    background: -moz-linear-gradient(top,transparent 0,transparent 0,rgba(0,0,0,0.4) 75%);
    background: -webkit-linear-gradient(top,transparent 0,transparent 0,rgba(0,0,0,0.4) 75%);
    background: linear-gradient(to bottom,transparent 0,transparent 0,rgba(0,0,0,0.4) 75%);
}
.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -40px;
    display: block !important;
    border:0px solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -45px;
    display: block !important;
    border:0px solid black;
}
.owl-prev i, .owl-next i {font-size: 34px !important;;
    transform: scale(1,2);color:#555555 !important;}

.checkcontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkcontainer input:checked ~ .radiobtn {
    background-color: #ff99a1;
}
.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}
.checkcontainer input:checked ~ .radiobtn:after {
    display: block;
}

.checkcontainer .radiobtn:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}
.ask.border{
	border-top: none !important;
}
#message a.btn.disabled{
	background-color:#c3c3c3!important;
	border-color: #c3c3c3!important;
}
.review_rw {
	height: fit-content;
}
.review_rw img:hover {
	transform: scale(1.2);
	transition: all .5s ease;
}
.review_rw {
	overflow: hidden;
}
.review_rw img{
	object-fit: cover;
	width: 100%;
}
.review_rw a p:hover{
	color: #ffffff;
}
.review_rw .overlay{
	background: rgb(85 85 85 / 70%);
	bottom: 6px;
	color: #ffffff;
	position: absolute;
}
.videoWrapper{
	width: 100%;
}
.videoWrapper iframe{
	width:100%;
	height: 300px;
}
@media screen and (max-width: 768px) {
	.videoWrapper{
		width: 100%;
	}
	.videoWrapper iframe{
		height: 220px;
	}
}
.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -40px;
    display: block !important;
    border:0px solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -45px;
    display: block !important;
    border:0px solid black;
}
.owl-prev i, .owl-next i {font-size: 34px !important;;
    transform: scale(1,2);color:#555555 !important;}

 ul.store-item li{
 	margin-bottom: 30px;
 }
.div-reward {
	position: absolute;
    top: 0;
    right: 20px;
}
.div-reward.rv, .div-reward.rw {
    left: unset;
    right: 20px;
	display: inherit;
}

@media screen and (max-width: 576px) {
	.div-reward.rv {
		right: -6px;
		top: 5px;
	}
}
.btn.black {
	right: unset;
	left: 10px;
}

.row.marquee {
	background-color: #EF5757;
    padding: 10px;
    border-top-left-radius: 5px;
    margin: 0px;
    border-top-right-radius: 5px;
}

@media screen and (max-width: 576px) {
	.row.marquee {
		background-color: #EF5757;
		padding: 10px;
		margin: 10px 0px 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
}


ul.info-items-ans li:before {
	content: url('https://www.weddingku.com/directory/assets/svg/check.svg');
	padding-right: 5px;
}
ul.info-items-ans li {
	list-style-position: outside;
	text-indent: -1.6em;
	padding-left: 1em;
}

#header-profile .has-tag {padding-right:80px !important;}
.wilona {margin: 0px auto !important;padding: 20px;background: #FCF0F0;font-size: 16px;font-weight: 700;}
.wilona h4 {font-size: 24px;line-height: 28px;font-weight: bold;text-align: left;margin-bottom: 10px;}
.wilona p {text-align: left;width:100%;}
.wilona .btn img {vertical-align: middle;}
.wilona .btn, .wilona .btn:hover {background: #FF98A1;color: #FFFFFF !important;padding: 10px 20px;border-radius: 30px;}
@media screen and (max-width: 576px) {
	.wilona {width: 100% !important;margin-bottom: 15px !important;}
}