/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap');

body{font-family: 'Montserrat', sans-serif!important;}

/*HEADER*/
.header-nav{
	margin-bottom: 50px;
}
@media screen and (min-width:991px)
{
	.header-top.sticky-mode{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 99;
	}
}
.topnav {background-color: #329265!important;}
.ap-btn-wishlist  .ap-total-wishlist.ap-total{background-color: #329265!important;}
.user-info .ap-total-wishlist.ap-total{background-color: transparent!important;}

.leo-megamenu .navbar-nav > li > a{
	padding: 20px!important;
}
.leo-megamenu .navbar-nav > li > a > .menu-title,
.leo-megamenu .navbar-nav > li > .caret,
.leo-megamenu .navbar-nav > li > a.dropdown-toggle::after {
	color:white
}

.bg-boxed .ApSlideShow{max-width: 1600px;margin:40px auto 0 auto;}
@media screen and (max-width:767px)
{

.bg-boxed .ApSlideShow{max-width: 95%;margin:0 auto 0 auto;}
}
.caption-contain{text-transform: none!important; }
.bannercontainer .tp-caption.btn{border:1px solid #329265;font-weight: 300}
.bannercontainer .tp-caption.btn:hover{background-color: transparent!important; color: #329265!important}

.bannercontainer .tp-caption.medium_text,
#leosearchtopbox a.cate-item.active, #leosearchtopbox a.cate-item:hover, #leosearchbox a.cate-item.active, #leosearchbox a.cate-item:hover,
#back-top .fa-angle-double-up,
.ap-total-wishlist.ap-total{
	background-color: #329265;
}
.bannercontainer .tp-caption.btn .caption-contain{
	/*background-color: #329265;
	border: 1px solid #329265;*/
	border-radius: 28px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	color: #fff;
	font-weight: 400;
	transition: all 0.3s ease-in-out;
	text-transform: none;
}
@media screen and (min-width:768px)
{
	.bannercontainer .tp-caption.btn .caption-contain{padding: 16px 29px!important;font-size: 17px!important;}
}
@media screen and (max-width:767px)
{
	.bannercontainer .tp-caption.btn .caption-contain{padding: 20px 42px!important;font-size: 33px!important;}
}

#main .bg-boxed{max-width: 1400px; margin-right: auto; margin-left: auto;}

@media screen and (min-width:991px)
{
	.top-center-header{
		justify-content: left!important;
	}
}

@media screen and (max-width:991px)
{
	#leo_search_block_top{display: none;}
	.hoz-menu button{top:-60px!important;left:auto!important;right: 10px!important;z-index: 999!important;cursor: pointer;}
}


/*MAIN*/

.apmarketplace-infor .dropdown .expand-more{color: black!important}
.bannercontainer .tp-caption.large_text{
	font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
line-height: 78px;
letter-spacing: 0em;
text-align: left;
}
.bannercontainer .tp-caption.small_text{
	font-family: 'Playfair Display',serif;
}
.nav-tabs{margin-top: 50px;}
.nav-tabs .nav-item .nav-link{
	border:none!important;
	border-color: transparent;
	font-size: 21px;
	font-weight: 400;
	text-transform: capitalize;
}
.nav-item .nav-link.active, .nav-item .nav-separtor.active{color:black}

.product_list.grid .ajax_block_product:nth-child(3n+1){
	clear: none;
}
.product_list.grid .ajax_block_product:nth-child(4n+1){
	clear: left;
}
.product_list.grid .product-thumbnail img{border-radius: 12px;}
.block.products_block li .product-miniature .thumbnail-container{min-height: 452px;}

.thumbnail-container .product-title a{color: #379339;}

.product_list.grid .product-image{text-align: center;}

.thumbnail-container .functional-buttons .btn-product{border-color: #379339; color:#379339}

.title_block{text-transform: none!important}

.row-flex{
	display: flex;
}
.row-flex .ApColumn {
	display: flex;
	flex-direction: column;
	align-self: center;
}

@media screen and (min-width:767px)
{
	.row-flex .ApColumn .text-block .title{
		font-size: 64px;
		font-weight: 500;
	}
	.row-flex .ApColumn .text-block .sub-tittle{
		font-size:36px;
		font-weight: 300;
		line-height: 43.2px;
		text-transform: capitalize!important;
	}
	.row-flex a{
		font-size:21px;
	}
}
.row-flex .ApColumn .text-block .sub-tittle{font-family: 'Playfair Display',serif;text-transform: capitalize;}

@media screen and (max-width:767px)
{
	.row-flex{
		flex-direction: column;
	}
}

.row-flex .ApColumn img, .bordered-img img{border-radius: 12px;}

.row-flex a,
.btn.btn-green,
#submit-login{
	background-color: #329265;
	border:1px solid #329265;
	border-radius: 28px;
	padding:14px 29px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	color: white;
	font-weight: 400;
	font-size: 17px;
	transition: all 0.3s ease-in-out;
	text-transform: none
}
#submit-login{font-weight: 300;padding:12px 22px;}
.btn.btn-green:hover, 
.btn.btn-green:focus,
.row-flex a:hover,
#submit-login:hover{
	background-color: #52a57e;
	color: #FFF!important
}
.row-flex a.regular_link{padding: 0; background-color: transparent;border:0;border-bottom:1px solid #329265;color: black;font-size: inherit;
border-radius: 0;}


/*LATEST BLOG*/
.latest-blogs .title_block{
	text-align: left;
}
.latest-blogs .created{
	background: #329265!important;
}
.latest-blogs .blog-title {font-family: 'Montserrat', sans-serif!important;font-size: 16px;}
.latest-blogs .blog-title a{color: #333!important;}
.latest-blogs .blog-container{border-color: transparent!important;}
.latest-blogs .blog-container .right-block{padding-left: 0;padding-right: 0;}
.latest-blogs img{border-radius: 12px;}
.latest-blogs .blog-desc,
.latest-blogs .blog-meta
{display: none;}
.latest-blogs .blog-container .right-block .blog_img_link{
	padding-top: 12px;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	border-bottom: 1px solid black;
}


/*FOOTER*/
.footer-center{padding:0!important}
.footer-bottom{
	background-color: #f4f3f3;
	padding-top: 50px;
}

.support-box .right .number,
.contact-box li span{
	/*color: #5d59ae;*/
	color: #329265!important;
}
@media screen and (max-width:991px)
{
.block_newsletter{margin-bottom: 50px!important;}
}
.block_newsletter .col-xs-12 > p:first-child{display: none;}
.block_newsletter form input[type="email"]{
	display: block;
	padding: 17px;
}
.block_newsletter form .btn{
	position: relative;
	display: block;
	height: 48px;
	width: 100%;
	float: none;
	margin-top: 6px;
	border-radius:28px;
	background: #329265;
}
.footer-bottom .apmarketplace-infor i{color: #000;}



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



body.page-cms h2{font-size: 42px;line-height: 72px,font-weight:500;margin-bottom: 32px; margin-top: 22px}
body.page-cms p{font-size: 18px;line-height: 32px}
body.page-cms .row-flex:first-child{margin-top:90px}



@media screen and (min-width: 1200px){
	.negative-margin .bordered-img.ApImage{margin-top:-88px}
.pl-90{padding-left: 90px}
.pr-90{padding-right: 90px}

.pl-60{padding-left: 60px}
.pr-60{padding-right: 60px}


.pl-50{padding-left: 50px}
.pr-50{padding-right: 50px}
}

.cta {position: relative;}
.cta-leaves{padding: 60px 0;}
.cta-leaves span{position: relative;}
.cta-leaves span.leave:last-child{float:right;}

.cta-leaves .cta-title {font-family: 'Playfair Display',serif;font-size:48px;line-height:58px;text-transform: capitalize;}
@media screen and (max-width: 767px)
{
	.cta-leaves .cta-title{font-size:28px;}
}
.cta span.underlined{
	border-bottom: 1px solid #88DD9A;
}


	.leo-megamenu .navbar-header button{border:none }

.page-index h1{margin-top:60px;margin-bottom:40px;font-size: 48px;font-weight: 500}

.page-index .apmarketplace-infor, .page-index .apmarketplace-infor i, .page-index .apmarketplace-infor *{color: black}
/*.page-index*/ .footer-bottom{padding-top: 10px!important;background-color: #329265!important;color: white!important;}
/*.page-index*/ .footer-bottom p
{color: white}
@media screen and (min-width: 991px){
/*.page-index*/ .footer-bottom p{text-align: right}
.footer-bottom .block-social{display:flex;justify-content:end!important;}
}
@media screen and (max-width: 990px){
/*.page-index*/ .footer-bottom p{text-align: center; margin-top: 50px}
}
.page-index .block.ApRawHtml p{font-size: 24px; line-height: 32px; color: black}

.ap-accordion{max-width: 1400px;margin:0 auto;}
.ap-accordion .panel-default{border-radius: 12px;border-color:#f7f7f7!important;margin-bottom: 20px}
.ap-accordion .panel-default .panel-title{
	padding: 16px!important;
	background-color: #f7f7f7;
	font-size: 22px;
	font-weight: 500;
	border-radius: 12px;
}
.ap-accordion .panel-body{border-bottom: 0!important}
.ap-accordion .panel-body p {font-size: 16px!important; line-height: 22px}
.ap-accordion .panel-default .panel-title .collapsed::before,
.ap-accordion .panel-default .panel-title a::before{font-size: 26px; content: "\f067"!important;top:22px!important;}


.pre-registo .has-bg.bg-boxed{
	border-radius:12px;
}

.off-canvas-button-megamenu{font-size: 28px}

#faq-list .panel-body a{
	color: #329265
}

@media screen and (max-width: 767px)
{
	.page-index h1{font-size: 35px}
	.page-index .block.ApRawHtml p{font-size: 16px}

	.row-flex a,
.btn.btn-green,
#submit-login{padding: 8px 14px}

.ap-accordion .panel-default .panel-title a::before{top:18px!important;}
.ap-accordion .panel-default .panel-title{font-size: 18px!important}
.page-index .ap-accordion .panel-collapse p{font-size: 14px!important}

#faq-list{margin-top: 40px!important;margin-bottom: 40px!important}

}


	.pre-registo .title_block,
	.pre-registo .form-control-label
	{
		text-align: left!important;
	}
@media screen and (min-width: 991px)
{
	.pre-registo .has-bg.bg-boxed .ApColumn {
		padding-left:60px; 
		padding-right:60px; 
	}
	.pre-registo .title_block{
		font-size: 48px!important;
		text-align: left!important;
	}
	

	.pre-registo .ApRawHtml.block{/*max-width: 960px;margin-left: auto;margin-right: auto*/}
}
.pre-registo p, .pre-registo label {color: black}

@media screen and (max-width: 991px)
{
#pre-registo{padding-top: 60px}
.pre-registo {
	max-width: 95%;
	margin: 0 auto;
}
}




.green-box, .white-box{
padding: 22px
}
@media screen and (min-width: 991px)
{
.green-box, .white-box{
padding: 22px 42px;
}
}
.green-box .ApColumn .block{margin-bottom: 0!important}
.green-box .title_block,
.white-box .title_block{
	color: white;
	text-align: center;
	font-size:18px!important;
	margin-top:0;
	margin-bottom:7px;
}
.green-box .image_description,
.white-box .image_description{
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
min-height: 61px
}
.green-box .image_description p,
.white-box .image_description p{
	color: white;
	text-align: center;
	font-size:13px;
	margin-top:15px;
}
.green-box .ApImage,
.white-box .ApImage{
background-color: #329265;
box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.25);
border-radius: 50px;
color: white;
padding: 11px 32px
}
.green-box:nth-child(2n) .ApImage{
background-color: #346C52;
}
@media screen and (min-width: 991px)
{
	.green-box .ApImage,
	.white-box .ApImage{
		min-height: 297px;
	}
}
@media screen and (max-width: 767px)
{
	.green-box .ApImage,
	.white-box .ApImage{
		min-height: 207px;
	}
}
.green-box .ApImage img,
.white-box .ApImage img{max-width: 80px;margin-left: auto;margin-right: auto;display: block;}
@media screen and (max-width: 991px)
{
	.green-box .ApImage,
	.white-box .ApImage{
		max-width: 300px;
		margin-left:auto;
		margin-right:auto;
	}
}
.white-box .ApImage{
background-color: #fff;
}
.white-box .title_block,
.white-box .image_description p{color: black;}

.iviewSlider{border-radius: 28px}
.iviewSlider .slide_config {
	width:100%!important;
	 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.contact-form .alert ul {margin-bottom: 0}

@media screen and (min-width: 991px)
{
#customer-form .col-auto{width: auto!important;float: left;padding-left: 15px}
}
@media screen and (max-width: 990px)
{
#customer-form .col-auto{float: none;padding: 15px}
}


#cms .page-header {
  display: none;
  margin-bottom: 0; }


.circle-img{
	border:1px solid black;
	border-radius: 100%!important;
}

.hero{position: relative; margin: 0 15px}
.hero .hero-img{position: relative; width: 100%;height: auto;z-index: 1}
.hero .hero-img img{width: 100%;height: auto;}
.hero .hero-content{position: absolute;top: 0;left: 0;z-index: 2; width:100%;height:100%; display: flex; flex-direction:column; color: white;padding: 60px;justify-content: center;border-radius:25px;background-color: #0000003d;}
.hero .hero-content .hero-title{font-size: 64px; color: white;line-height: 60px;margin-top: 2rem}
.hero .hero-content p{color: white;font-size: 36px;font-family: 'Playfair Display',serif; margin-top: 80px}

@media screen and (max-width: 767px)
{
	.header_logo{padding:20px 0 0 0 !important}
	.hero .hero-content .hero-title{font-size: 32px;}
	.hero .hero-content p{font-size: 16px;margin-top: 1rem}

}

.iview-directionNav a.iview-prevNav,
.iview-directionNav a.iview-nextNav{
	border-radius: 50%;
	background-color: white; color: black;
}
.iview-directionNav a.iview-prevNav:hover,
.iview-directionNav a.iview-nextNav:hover{
	background-color: #329265; color: white;
}
.iview-directionNav a.iview-prevNav::before,
.iview-directionNav a.iview-nextNav::before {
	color: black;
}
.iview-directionNav a.iview-prevNav:hover::before,
.iview-directionNav a.iview-nextNav:hover::before {
	color: white;
}


@media screen and (max-width: 767px)
{
	#projects{padding-top: 0!important}
.footer-bottom .ApColumn .block img {max-width: 200px; margin:0 auto;}
}

#customer-form input, #customer-form select, #customer-form textarea
{
	background-color: white;
}

.off-canvas-nav-megamenu .navbar-nav > li
{
	border:0;
}
	/*.off-canvas-nav-megamenu .nav-item.green
	{
		background-color: #329265;
		color:white;
	}
	.off-canvas-nav-megamenu .nav-item.green a
	{
		color:white!important;
	}*/
#back-top
{left: 10px!important; right: auto!important}

#module-apmarketplace-dashboard #wrapper{min-height: 800px;}

.select2-container--default.select2-container--focus .select2-selection--multiple
{border:0!important;}
.select2-container--default .select2-selection--multiple{padding: 6px 0!important}

#module-apmarketplace-vendorlogin section#content{min-height: 600px}


/*REMOVE WHEN HOMEPAGE IS CHANGED*/
.header-nav{
	margin-bottom: 20px;
	padding:10px 0
}
.page-index #customer-form input, .page-index #customer-form select, .page-index #customer-form textarea
{
	background-color: white;
	border:0;
}
.header_logo{padding-top: 0}
.header-nav
{
	box-shadow: 0px -21px 51px rgba(0, 0, 0, 0.25);
}
.leo-megamenu .navbar-nav > li > a > .menu-title,
.leo-megamenu .navbar-nav > li > .caret,
.leo-megamenu .navbar-nav > li > a.dropdown-toggle::after {
	color:black
}
.leo-megamenu .navbar-nav > li > a{font-size: 13px!important;}
.icon-box-header{
padding: 0 15px!important;
}

.header-nav.sticky {
	position: fixed;
	width: 100%;
top: 0;
left: 0;
z-index: 999;
background-color: white
}

.header-nav .nav-item.green .nav-link{
	background-color: #329265;
	transition: all 0.3s ease-in-out;
	border:1px solid #329265;
	border-radius: 28px;
}
.header-nav .nav-item.green .nav-link span{color: white;transition: all 0.3s ease-in-out;}
.header-nav .nav-item.green .nav-link:hover{
	background-color: white;
}
.header-nav .nav-item.green .nav-link:hover span{color: #329265}

.leo-megamenu .navbar-nav > li > a{padding: 10px 20px!important}
.leo-megamenu .navbar-nav > li > a:hover span {color: #5e5e5e}

.text-block-lg{display: block;}
.text-block-sm{display: block;}
@media screen and (min-width: 992px)
{
.text-block-sm{display: none!important;}
}
@media screen and (max-width: 991px)
{
.ApMegamenu > .navbar{position: relative;top: 12px}
	.text-block-lg{display: none!important}
}