/* Coffee Cafe HTML Template Version 1.2 */

@import url('global.css');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Banner Section
====================================================================

***/

.contact-box {
  border: 1px solid gray;
  text-align: center;
  background: #f8f7f7;
  padding: 20px 0px 10px 0px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #b2b1b1;
  transition: all 0.3s ease;
}


.hm4-banner-section{
	position:relative;
	overflow:hidden;
	padding:130px 0px;
}

.hm4-banner-section .content-column{
	position:relative;
	float:left;
	width:100%;
	max-width:830px;
}

.hm4-banner-section .left-image-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-position:left center;
	background-repeat:no-repeat;
}

.hm4-banner-section .right-image-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	background-position:left center;
	background-repeat:no-repeat;
}

.hm4-banner-section .content-column .inner-column{
	position:relative;
	padding:100px 100px;
	background-size:cover;
}

.hm4-banner-section .content-column h1{
	color:var(--white-color);
	font-weight:700;
	line-height:1.1em;
	text-transform:uppercase;
}

.hm4-banner-section .content-column .text{
	position:relative;
	color:#e3e3e3;
	font-size:var(--font-20);
	line-height:1.9em;
	margin-top:var(--margin-top-10);
	margin-bottom:var(--margin-bottom-50);
	font-weight:400;
}

.hm4-banner-section .content-column .owl-dots{
	display:none;
}

.hm4-banner-section .content-column .owl-nav{
	position:absolute;
	left:-172px;
	bottom:-100px;
	width:97px;
}

.hm4-banner-section .content-column .owl-nav .owl-prev{
	position:relative;
	width:73px;
	height:73px;
	line-height:73px;
	text-align:center;
	display:inline-block;
	font-size:var(--font-20);
	color:var(--white-color);
	background-color:var(--main-color-two);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.hm4-banner-section .content-column .owl-nav .owl-next{
	position:relative;
	width:73px;
	height:73px;
	line-height:73px;
	text-align:center;
	display:inline-block;
	font-size:var(--font-20);
	color:var(--white-color);
	background-color:var(--main-color);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.hm4-banner-section .content-column .owl-nav .owl-prev:hover,
.hm4-banner-section .content-column .owl-nav .owl-next:hover{
	background-color:var(--black-color);
	color:var(--white-color);
}

.hm4-banner-section .phone-box{
	position:absolute;
	right:0px;
	bottom:100px;
	z-index:1;
	padding:25px 35px;
	background-color:var(--main-color);
}

.hm4-banner-section .phone-box .box-inner{
	position:relative;
	padding-left:70px;
	font-weight:400;
	letter-spacing:2px;
	font-size:var(--font-16);
	color:var(--white-color);
}

.hm4-banner-section .phone-box .icon{
	position:absolute;
	left:0px;
	top:2px;
	width:54px;
	height:54px;
	line-height:50px;
	border-radius:50px;
	text-align:center;
	color:var(--white-color);
	font-size:var(--font-24);
	border:2px solid var(--white-color);
}

.hm4-banner-section .phone-box strong{
	font-weight:700;
	display:block;
	font-style:normal;
	letter-spacing:0px;
	font-size:var(--font-26); 
	margin-bottom:var(--margin-bottom-10);
	font-family:var(--font-family-amaranth);
}





.hm4-banner-section .social-box{
	position: absolute;
	right:100px;
	bottom:30px;
}

.hm4-banner-section .social-box li{
	position: relative;
	margin-left:var(--margin-left-15);
	display:inline-block;
}

.hm4-banner-section .social-box .follow{
	position:relative;
	font-weight:700;
	font-size:var(--font-15);
	color:var(--white-color);
	font-family:var(--font-family-amaranth);
}

.hm4-banner-section .social-box li a{
	position: relative;
	padding-bottom:8px;
	color:var(--white-color);
	font-size:var(--font-16);
	border-bottom:5px solid transparent;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.hm4-banner-section .social-box li a:hover{
	color:var(--main-color);
	border-color:var(--main-color);
}

/*** 

====================================================================
	hm4 Department Section
====================================================================

***/

.hm4-delivery-section{
	position:relative;
	padding:110px 0px 110px;
	background-size:cover;
	background-position:center center;
}

.hm4-delivery-section .title-box{
	position:relative;
	text-align:center;
	margin-bottom:var(--margin-bottom-40);
}

.hm4-delivery-section .title-box .title{
	position:relative;
	font-weight:700;
	letter-spacing:4px;
	font-size:var(--font-22);
	color:var(--white-color);
	font-family:var(--font-family-amaranth);
}

.hm4-delivery-section .title-box h2{
	font-weight:700;
	color:var(--white-color);
	font-size:var(--font-55);
}

.hm4-delivery-section .title-box .text{
	position:relative;
	letter-spacing:1px;
	margin-top:var(--margin-top-10);
	margin-bottom:var(--margin-bottom-10);
	font-size:var(--font-20);
	color:var(--white-color);
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.hm4-delivery-section .delivery-tabs{
	position:relative;
}

.hm4-delivery-section .delivery-tabs .tab-btns{
	position:relative;
	text-align:center;
	z-index:1;
}

.hm4-delivery-section .delivery-tabs .tab-btns .tab-btn{
	position:relative;
	margin:0px 25px;
	background:none;
	font-weight:700;
	line-height:24px;
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	display:inline-block;
	transition:all 500ms ease;
	font-size:var(--font-22);
	color:var(--white-color);
	text-transform:capitalize;
	border-bottom:4px solid transparent;
	font-family:var(--font-family-amaranth);
}

.hm4-delivery-section .delivery-tabs .tab-btns .tab-btn:hover,
.hm4-delivery-section .delivery-tabs .tab-btns .tab-btn.active-btn{
	border-color:var(--black-color);
}

.hm4-delivery-section .delivery-tabs .tabs-content{
	position:relative;
	padding:30px 35px;
	max-width:700px;
	width:100%;
	margin:0 auto;
	margin-top:-4px;
	border:4px solid var(--white-color);
}

.hm4-delivery-section .delivery-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.hm4-delivery-section .delivery-tabs .tabs-content .tab.active-tab{
	display:block;	
}

/* Delivery Box Widget */

.delivery-search-box .form-group{
	position:relative;
	margin:0px;	
}

.delivery-search-box .form-group .map-icon{
	position:absolute;
	left:35px;
	top:25px;
	color:#868686;
	line-height:1em;
	z-index:1;
	font-size:var(--font-18);
}

.delivery-search-box .form-group input[type="text"],
.delivery-search-box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	padding:10px 50px 10px 60px;
	background:none;
	display:block;
	font-size:16px;
	width:100%;
	height:70px;
	color:#999999;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--white-color);
	font-family:var(--font-family-rubik);
}

.delivery-search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:70px;
	width:70px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	line-height:100%;
	font-weight:normal;
	background:#0f0f0f;
	border-radius:0px;
	font-size:var(--font-22);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.delivery-search-box .form-group button:hover{
	background-color:var(--main-color);
}

/*** 

====================================================================
	hm4 Featured Section
====================================================================

***/

.hm4-featured-section{
	position:relative;
	padding:110px 0px 70px;
}

.hm4-featured-section .image-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-featured-section .image-column .inner-column{
	position:relative;
	margin-left:-70px;
}

.hm4-featured-section .image-column .image{
	position:relative;
}

.hm4-featured-section .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.hm4-featured-section .image-column .image .overlay-box{
	position:absolute;
	right:0px;
	top:90px;
}

.hm4-featured-section .image-column .image .overlay-box .overlay-inner{
	position:relative;
	padding:60px 20px 60px 60px;
	background-color:var(--white-color);
}

.hm4-featured-section .image-column .image .overlay-box .title{
	position:relative;
	color:var(--main-color);
	font-size:var(--font-22);
	margin-bottom:var(--margin-bottom-10);
	font-family:var(--font-family-amaranth);
}

.hm4-featured-section .image-column .image h2{
	font-weight:700;
	line-height:1.1em;
	color:var(--dark-text-color);
	margin-bottom:var(--margin-bottom-30);
}

.hm4-featured-section .image-column .image .learn-more{
	position:relative;
	font-weight:400;
	padding-right:16px;
	color:var(--main-color);
	text-transform:uppercase;
	font-size:var(--font-18);
	font-family:var(--font-family-amaranth);
	border-bottom:1px solid var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-featured-section .image-column .learn-more:before{
	position:absolute;
	content:'\f0da';
	right:0px;
	bottom:-1px;
	font-family: 'FontAwesome';
}

.hm4-featured-section .image-column .learn-more:hover{
	color:var(--black-color);
	border-color:var(--black-color);
}

.hm4-featured-section .side-image{
	position:absolute;
	right:0px;
	bottom:0px;
}

.hm4-featured-section .featured-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-featured-section .featured-column .inner-column{
	position:relative;
}

.hm4-featured-section .featured-column .features-outer:before{
	position:absolute;
	content:'';
	left:0%;
	top:50%;
	width:100%;
	height:1px;
	background-color:#e8e8e8;
}

.hm4-featured-section .featured-column .features-outer:after{
	position:absolute;
	content:'';
	left:52%;
	top:0%;
	width:1px;
	height:100%;
	background-color:#e8e8e8;
}

.hm4-feature-block{
	position:relative;
	margin-bottom:40px;
}

.hm4-feature-block .inner-box{
	position:relative;
	padding-top:30px;
	padding-left:30px;
}

.hm4-feature-block .inner-box .icon{
	position:relative;
	line-height:1em;
	font-size:var(--font-60);
	color:var(--main-color);
	margin-bottom:var(--margin-bottom-10);
}

.hm4-feature-block .inner-box h4{
	position:relative;
	font-weight:700;
	font-size:var(--font-26);
	margin-bottom:var(--margin-bottom-15);
}

.hm4-feature-block .inner-box h4 a{
	position:relative;
	color:var(--dark-text-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-feature-block .inner-box .text{
	position:relative;
	color:#555555;
	line-height:1.6em;
	font-size:var(--font-18);
}

.hm4-feature-block .inner-box h4 a:hover{
	color:var(--main-color);
}

/*** 

====================================================================
	hm4 About Section
====================================================================

***/

.hm4-about-section{
	position:relative;
	padding-bottom:100px;
	background-position:center center;
	background-repeat:no-repeat;
}

.hm4-about-section .side-image{
	position:absolute;
	left:0px;
	top:60px;
}

.hm4-about-section .content{
	position:relative;
}

.hm4-about-section .content .hm4-sec-title{
	margin-bottom:var(--margin-bottom-15);
}

.hm4-about-section .content .text{
	position:relative;
	max-width:900px;
	margin:0 auto;
	margin-bottom:var(--margin-bottom-40);
}

.hm4-about-section .content .text p{
	position:relative;
	color:#555555;
	font-size:18px;
	line-height:1.7em;
	text-align:center;
	margin-bottom:var(--margin-bottom-20);
}

.hm4-about-section .content .text p:last-child{
	margin-bottom:var(--margin-0);
}

.hm4-about-section .content .buttons-box{
	position:relative;
}

.hm4-about-section .content .buttons-box .theme-btn{
	margin:0px 5px;
}

/*** 

====================================================================
	hm4 Menu Section
====================================================================

***/

.hm4-menu-section{
	position:relative;
	padding:100px 0px 100px;
	background-attachment:fixed;
	background-size:cover;
}

.hm4-menu-section .auto-container{
	max-width:1340px;
}

.hm4-menu-section .menu-tabs{
	position:relative;
	text-align:center;
}

.hm4-menu-section .menu-tabs .tab-btns{
	position:relative;
	text-align:center;
	z-index:1;
	padding:0px 60px;
	display:inline-block;
}

.hm4-menu-section .menu-tabs .tab-btns .tab-btn{
	position:relative;
	margin:0px 5px;
	background:none;
	font-weight:400;
	line-height:24px;
	cursor:pointer;
	padding:20px 15px 24px;
	display:inline-block;
	transition:all 500ms ease;
	font-size:var(--font-22);
	color:var(--white-color);
	text-transform:capitalize;
	border-top:4px solid transparent;
	font-family:var(--font-family-amaranth);
}

.hm4-menu-section .menu-tabs .tab-btns .tab-btn span{
	position:relative;
	top:3px;
	margin-right:10px;
	font-size:var(--font-26);
}

.hm4-menu-section .menu-tabs .tab-btns .tab-btn:hover,
.hm4-menu-section .menu-tabs .tab-btns .tab-btn.active-btn{
	color:var(--main-color);
	border-color:var(--main-color);
}

.hm4-menu-section .menu-tabs .tabs-content{
	position:relative;
	text-align:left;
}

.hm4-menu-section .menu-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.hm4-menu-section .menu-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.hm4-menu-section .menu-tabs .tabs-content .content{
	position:relative;
	padding:100px 70px 50px;
	margin-top:-30px;
	background-size:cover;
}

.hm4-menu-block{
	position:relative;
	margin-bottom:35px;
}

.hm4-menu-block:last-child{
	
}

.hm4-menu-block .inner-box{
	position:relative;
	padding-left:120px;
	min-height:98px;
}

.hm4-menu-block .inner-box .menu-icon{
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	line-height:98px;
	border-radius:50px;
	background-color:var(--white-color);
}

.hm4-menu-block .inner-box .menu-title{
	position:relative;
	padding-top:15px;
}

.hm4-menu-block .inner-box .menu-title:before{
	position:absolute;
	content:'';
	left:0px;
	right:0px;
	top:23px;
	border-bottom:1px dashed #000000;
}

.hm4-menu-block .inner-box .menu-title strong{
	position:relative;
	font-size:var(--font-26);
	color:var(--white-color);
	padding-right:20px;
	background-color:var(--main-color);
	font-family:var(--font-family-amaranth);
}

.hm4-menu-block .inner-box .menu-title strong a{
	position:relative;
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-menu-block .inner-box .menu-title strong a:hover{
	color:var(--black-color);
}

.hm4-menu-block .inner-box .menu-title .price{
	position:absolute;
	right:0px;
	top:8px;
	font-size:var(--font-18);
	color:var(--white-color);
	background-color:#0f0f0f;
	display:inline-block;
	padding:4px 11px 6px;
	border-left:25px solid #6d6d6d;
	font-family:var(--font-family-amaranth);
}

.hm4-menu-block .inner-box .text{
	position:relative;
	margin-top:var(--margin-top-15);
	font-size:var(--font-17);
	color:var(--white-color);
}

/*** 

====================================================================
	hm4 Recipe Section
====================================================================

***/

.hm4-recipe-section{
	position:relative;
	padding:100px 0px 70px;
	background-color:#f4f4f4;
}

.hm4-recipe-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-recipe-block .inner-box{
	position:relative;
}

.hm4-recipe-block .inner-box .image{
	position:relative;
}

.hm4-recipe-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.hm4-recipe-block .inner-box .overlay-box{
	position:absolute;
	left:60px;
	top:60px;
	right:60px;
	bottom:85px;
	color:#ffffff;
	text-align:center;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.hm4-recipe-block .inner-box .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.95;
	background-color:var(--white-color);
}

.hm4-recipe-block .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px 0px;
}

.hm4-recipe-block .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	padding:50px 15px 0px;
}

.hm4-recipe-block .inner-box .overlay-box h2{
	font-weight:700;
	margin-bottom:12px;
	font-size:var(--font-48);
	margin-bottom:var(--margin-bottom-25);
}

.hm4-recipe-block .inner-box .overlay-box h2 a{
	position:relative;
	color:#222222;
	transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.hm4-recipe-block .inner-box .overlay-box h2 a:hover{
	color:var(--main-color);
}

.hm4-recipe-block .inner-box .overlay-box .title{
	position:relative;
	font-size:18px;
	color:var(--main-color);
	letter-spacing:1px;
	font-family:var(--font-family-amaranth);
}

.hm4-recipe-block .inner-box .learn-more{
	position:relative;
	font-size:17px;
	color:var(--white-color);
	font-weight:400;
	text-align:center;
	border-radius:0px;
	display:inline-block;
	padding:14px 39px;
	transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	text-transform:uppercase;
	background-color:var(--main-color);
	font-family:var(--font-family-amaranth);
}

.hm4-recipe-block .inner-box .learn-more:hover{
	background-color:var(--black-color);
}

/*** 

====================================================================
	hm4 Products Section
====================================================================

***/

.hm4-products-section{
	position:relative;
	padding:0px 0px 100px;
	background-color:#f4f4f4;
}

.hm4-products-section .left-side-image{
	position:absolute;
	left:0px;
	top:0px;
}

.hm4-products-section .right-side-image{
	position:absolute;
	right:0px;
	top:0px;
}

.hm4-product-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-product-block .inner-box{
	position:relative;
	text-align:center;
	background-color:var(--white-color);
}

.hm4-product-block .inner-box .image{
	position:relative;
	border-bottom:1px solid #e7e7e7;
}

.hm4-product-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.hm4-product-block .inner-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	color:#ffffff;
	text-align:center;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.hm4-product-block .inner-box .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.60;
	background-color:var(--white-color);
}

.hm4-product-block .inner-box:hover .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.hm4-product-block .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.hm4-product-block .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.hm4-product-block .inner-box .overlay-box .add-btn{
	position:relative;
	font-weight:700;
	padding:14px 60px;
	font-size:var(--font-18);
	color:var(--dark-text-color);
	border:2px solid var(--dark-text-color);
	font-family:var(--font-family-amaranth);
	background-color:rgba(255,255,255,0.85);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-product-block .inner-box .overlay-box .add-btn:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.hm4-product-block .inner-box .lower-content{
	position:relative;
	padding:30px 15px 40px;
}

.hm4-product-block .inner-box .lower-content h4{
	font-weight:700;
	margin-bottom:var(--margin-bottom-10);
}

.hm4-product-block .inner-box .lower-content h4 a{
	position:relative;
	color:var(--dark-text-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-product-block .inner-box .lower-content h4 a:hover{
	color:var(--main-color);
}

.hm4-product-block .inner-box .lower-content .price{
	position:relative;
	color:#6d6d6d;
	font-size:20px;
	margin-bottom:var(--margin-bottom-20);
	font-family:var(--font-family-amaranth);
}

.hm4-product-block .inner-box .lower-content .price span{
	position:relative;
	color:#b9b9b9;
	text-decoration:line-through;
}

.hm4-product-block .inner-box .lower-content .rating{
	position:relative;
}

.hm4-product-block .inner-box .lower-content .rating .fa{
	position:relative;
	color:#ffda26;
}

.hm4-product-block .inner-box .lower-content .rating .reviews{
	position:relative;
	color:#555555;
	font-size:var(--font-16);
	margin-left:var(--margin-left-15);
}

.hm4-products-section .lower-text{
	position:relative;
	font-size:22px;
	text-align:center;
	margin-top:var(--margin-top-40);
	color:var(--dark-text-color);
	font-family:var(--font-family-amaranth);
}

.hm4-products-section .lower-text a{
	color:var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	text-decoration:underline;
}

.hm4-products-section .lower-text a:hover{
	color:var(--dark-text-color);
}

/*** 

====================================================================
	hm4 Guides Section
====================================================================

***/

.hm4-guides-section{
	position:relative;
	padding:100px 0px 70px;
}

.hm4-guides-section .inner-container{
	position:relative;
}

.hm4-guides-section .left-side-image{
	position:absolute;
	left:20px;
	top:-80px;
}

.hm4-guides-section .title-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-guides-section .title-column .inner-column{
	position:relative;
}

.hm4-guides-section .title-column .title{
	position:relative;
	font-size:var(--font-18);
	color:var(--main-color);
	margin-bottom:var(--margin-bottom-10);
	font-family:var(--font-family-amaranth);
}

.hm4-guides-section .title-column h2{
	font-weight:700;
	line-height:1.1em;
	color:var(--dark-text-color);
	margin-bottom:var(--margin-bottom-30);
}

.hm4-guides-section .title-column .learn-more{
	position:relative;
	position:relative;
	font-weight:400;
	padding-right:16px;
	color:var(--main-color);
	text-transform:uppercase;
	font-size:var(--font-18);
	font-family:var(--font-family-amaranth);
	border-bottom:1px solid var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-guides-section .title-column .learn-more::before{
	position:absolute;
	content:'\f0da';
	right:0px;
	bottom:-1px;
	font-family: 'FontAwesome';
}

.hm4-guides-section .title-column .learn-more:hover{
	color:var(--black-color);
}

.hm4-guides-section .blocks-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-guides-section .title-column .inner-column{
	position:relative;
}

.hm4-guide-block{
	position:relative;
}

.hm4-guide-block .inner-box{
	position:relative;
}

.hm4-guide-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.hm4-guide-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-guide-block .inner-box:hover .image img{
	opacity:0.60;
	transform:scale(1.05,1.05);
}

.hm4-guide-block .inner-box .lower-content{
	position:relative;
	text-align:center;
	padding:30px 15px 25px;
	border-bottom:1px solid #e4e4e4;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-guide-block .inner-box .lower-content .category{
	position:relative;
	font-size:var(--font-18);
	text-transform:uppercase;
	color:var(--main-color);
	margin-bottom:var(--margin-bottom-10);
	font-family:var(--font-family-amaranth);
}

.hm4-guide-block .inner-box .lower-content h4{
	font-weight:700;
	line-height:1.5em;
	text-transform:uppercase;
}

.hm4-guide-block .inner-box .lower-content h4 a{
	position:relative;
	color:var(--dark-text-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-guide-block .inner-box .lower-content h4 a:hover{
	color:var(--main-color);
}

.hm4-guide-block .inner-box:hover .lower-content{
	border-color:var(--main-color);
}

/*** 

====================================================================
	hm4 Testimonial Section
====================================================================

***/

.hm4-testimonial-section{
	position:relative;
	padding:100px 0px 0px;
}

.hm4-testimonial-section .auto-container{
	max-width:1300px;
}

.hm4-testimonial-section .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:687px;
	background-size:cover;
}

.hm4-testimonial-section .title-column{
	position:relative;
}

.hm4-testimonial-section .title-column .inner-column{
	position:relative;
	border:30px solid var(--main-color);
	box-shadow:0px 10px 70px rgba(0,0,0,0.15);
}

.hm4-testimonial-section .title-column .upper-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.80;
	background-color:var(--black-color);
}

.hm4-testimonial-section .title-column .title-box{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-testimonial-section .title-column .title-box .title{
	position:relative;
	font-size:22px;
	color:var(--main-color);
	margin-bottom:var(--margin-bottom-10);
	font-family:var(--font-family-amaranth);
}

.hm4-testimonial-section .title-column .title-box h3{
	font-weight:700;
	font-size:var(--font-36);
	color:var(--white-color);
}

.hm4-testimonial-section .title-column .upper-box{
	position:relative;
	padding:80px 60px 40px;
	background-size:cover;
}

.hm4-testimonial-section .title-column .time-list{
	position:relative;
}

.hm4-testimonial-section .title-column .time-list li{
	position:relative;
	font-size:var(--font-20);
	padding-left:145px;
	color:#bdbdbd;
	font-family:var(--font-family-amaranth);
	margin-bottom:var(--margin-bottom-25);
}

.hm4-testimonial-section .title-column .time-list li span{
	position:absolute;
	left:0px;
	color:var(--white-color);
	text-transform:capitalize;
}

.hm4-testimonial-section .title-column .time-list li:last-child{
	color:var(--main-color);
	text-transform:uppercase;
}

.hm4-testimonial-section .title-column .lower-box{
	position:relative;
	padding-left:0px;
	background-color:var(--white-color);
}

.hm4-testimonial-section .title-column .lower-box .lower-inner{
	position:relative;
	min-height:100px;
	padding-top:22px;
	padding-left:140px;
	color:#555555;
	font-size:var(--font-18);
	font-family:var(--font-family-amaranth);
}

.hm4-testimonial-section .title-column .lower-box .lower-inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:100px;
	font-size:var(--font-36);
	line-height:100px;
	text-align:center;
	color:var(--main-color);
	background-color:#f3f3f3;
}

.hm4-testimonial-section .title-column .lower-box strong{
	position:relative;
	display:block;
	font-weight:700;
	font-size:var(--font-30);
	color:var(--main-color);
	margin-top:var(--margin-top-10);
	font-family:var(--font-family-rubik);
}

.hm4-testimonial-section .carousel-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-testimonial-section .carousel-column .inner-column{
	position:relative;
	padding-left:15px;
}

.hm4-testimonial-section .carousel-column .title-box{
	position:relative;
	text-align:center;
	margin-bottom:var(--margin-bottom-50);
}

.hm4-testimonial-section .carousel-column .title-box h2{
	font-weight:700;
	color:var(--white-color);
	margin-bottom:var(--margin-bottom-5);
}

.hm4-testimonial-section .carousel-column .title-box .title{
	position:relative;
	font-size:22px;
	color:var(--main-color);
	font-family:var(--font-family-amaranth);
}

.hm4-testimonial-section .carousel-column .carousel-box{
	position:relative;
	padding:45px 30px 45px;
	background-color:var(--white-color);
}

.hm4-testimonial-section .carousel-column .carousel-box:before{
	position:absolute;
	content:'';
	left:-10px;
	top:-10px;
	right:-10px;
	bottom:-10px;
	border:10px solid rgba(255,255,255,0.20);
}

.hm4-testimonial-section .carousel-column .carousel-box .owl-dots{
	display:none;
}

.hm4-testimonial-section .carousel-column .carousel-box .owl-nav{
	position:absolute;
	left:50px;
	right:50px;
	bottom:70px;
}

.hm4-testimonial-section .carousel-column .carousel-box .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	display:inline-block;
	font-size:var(--font-20);
	color:var(--white-color);
	background-color:var(--main-color-two);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-testimonial-section .carousel-column .carousel-box .owl-nav .owl-next{
	position:absolute;
	right:0px;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	display:inline-block;
	font-size:var(--font-20);
	color:var(--white-color);
	background-color:var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-testimonial-section .carousel-column .carousel-box .owl-nav .owl-prev:hover,
.hm4-testimonial-section .carousel-column .carousel-box .owl-nav .owl-next:hover{
	background-color:var(--dark-text-color);
}

.hm4-testimonial-block{
	position:relative;
}

.hm4-testimonial-block .inner-box{
	position:relative;
	text-align:center;
}

.hm4-testimonial-block .inner-box .text{
	position:relative;
	color:#555555;
	line-height:1.8em;
	max-width:550px;
	margin:0 auto;
	z-index:1;
	padding-top:10px;
	font-size:var(--font-20);
	margin-bottom:var(--margin-bottom-20);
}

.hm4-testimonial-block .inner-box .text .quote-left{
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	color:#e5e5e5;
	line-height:1em;
	font-size:var(--font-36);
}

.hm4-testimonial-block .inner-box .text .quote-right{
	position:absolute;
	right:45px;
	bottom:-20px;
	z-index:-1;
	color:#e5e5e5;
	line-height:1em;
	font-size:var(--font-36);
}

.hm4-testimonial-block .inner-box .author-info{
	position:relative;
}

.hm4-testimonial-block .inner-box .author-info .info-inner{
	position:relative;
	padding-left:110px;
	text-align:left;
	min-height:89px;
	padding-top:20px;
	display:inline-block;
}

.hm4-testimonial-block .inner-box .author-info .info-inner .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:89px;
	height:89px;
	overflow:hidden;
	border-radius:50%;
	display:inline-block;
}

.hm4-testimonial-block .inner-box .author-info strong{
	position:relative;
	font-size:var(--font-28);
	color:var(--dark-text-color);
}

.hm4-testimonial-block .inner-box .author-info .designation{
	position:relative;
	display:block;
	font-size:var(--font-18);
	color:var(--main-color);
	margin-top:var(--margin-top-5);
	font-family:var(--font-family-amaranth);
}

/*** 

====================================================================
	Clients Section
====================================================================

***/

.hm4-clients-section{
	position:relative;
	margin-top:-130px;
	overflow:hidden;
}

.hm4-clients-section .sponsors-outer{
	position:relative;
	padding:28px 0px 27px;
	margin-left:461px;
	margin-right:-50px;
	padding-left:30px;
	background-color:#f4f4f4;
}

.hm4-clients-section .sponsors-outer:before{
	position:absolute;
	content:'';
	left:100%;
	top:0px;
	bottom:0px;
	width:200%;
	background-color:#f4f4f4;
}

.hm4-clients-section .sponsors-outer .owl-dots,
.hm4-clients-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.hm4-clients-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	margin:0px;
}

.hm4-clients-section .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	margin:0 auto;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

/*** 

====================================================================
	Hm4 News Section
====================================================================

***/

.hm4-news-section{
	position:relative;
	overflow:hidden;
	padding:100px 0px 100px;
}

.hm4-news-section .side-image-one{
	position:absolute;
	right:-30px;
	top:0px;
}

.hm4-news-section .side-image-two{
	position:absolute;
	left:0px;
	bottom:170px;
}

.hm4-news-section .lower-text{
	position:relative;
	font-size:var(--font-22);
	text-align:center;
	margin-top:var(--margin-top-40);
	color:var(--dark-text-color);
	font-family:var(--font-family-amaranth);
}

.hm4-news-section .lower-text a{
	color:var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	text-decoration:underline;
}

.hm4-news-section .lower-text a:hover{
	color:var(--dark-text-color);
}

.hm4-news-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hm4-news-block .inner-box{
	position:relative;
	box-shadow:0px 0px 55px rgba(0,0,0,0.15);
}

.hm4-news-block .inner-box .image{
	position:relative;
	overflow:hidden;
}

.hm4-news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hm4-news-block .inner-box:hover .image img{
	transform:scale(1.07,1.07);
}

.hm4-news-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.hm4-news-block .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.75;
	z-index:1;
	background-color:var(--black-color);
}

.hm4-news-block .inner-box .author-box{
	position:absolute;
	left:45px;
	top:45px;
	z-index:2;
}

.hm4-news-block .inner-box .author-box .box-inner{
	position:relative;
	padding-left:50px;
	padding-top:8px;
	font-size:var(--font-17);
	color:var(--white-color);
}

.hm4-news-block .inner-box .author-box .box-inner .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:38px;
	height:38px;
	overflow:hidden;
	border-radius:50%;
}

.hm4-news-block .inner-box .lower-content{
	position:absolute;
	left:42px;
	bottom:35px;
	z-index:2;
}

.hm4-news-block .inner-box .lower-content .category{
	position:relative;
	font-size:var(--font-16);
	color:var(--main-color);
	margin-bottom:var(--margin-bottom-10);
}

.hm4-news-block .inner-box .lower-content h4{
	position:relative;
	font-weight:700;
	line-height:1.5em;
	margin-bottom:var(--margin-bottom-25);
}

.hm4-news-block .inner-box .lower-content h4 a{
	position:relative;
	color:var(--white-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.hm4-news-block .inner-box .lower-content h4 a:hover{
	color:var(--main-color);
}

.hm4-news-block .inner-box .lower-content .post-date{
	position:relative;
	display:inline-block;
	margin-left:-42px;
	font-size:var(--font-18);
	color:var(--white-color);
	padding:13px 35px 15px 45px;
	background-color:var(--main-color);
	font-family:var(--font-family-amaranth);
}

.hm4-news-block .inner-box .lower-content .post-date .icon{
	position:relative;
	top:1px;
	font-size:var(--font-16);
	margin-right:var(--margin-right-10);
}

body a:hover {
    color: var(--main-color);
}

.fixed-bg, .fixed-bg2 {
    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
.fixed-bg2 {
    background-attachment: scroll;
    background-size: cover;
}

.gap {
    float: left;
    padding: 100px 0;
    position: relative;
    width: 100%;
}

.pg-tp-wrp ol.breadcrumb {
    margin: 10px 0 -15px;
}
ol.breadcrumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    margin: 25px 0 0;
    display: inline-block;
}
.pg-tp-wrp {
    text-align: center;
    width: 100%;
}

.black-layer .pg-tp-wrp > h1 {
    color: #fff;
}
.black-layer .pg-tp-wrp > h1 {
    position: relative;
}
.pg-tp-wrp > h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 60px;
}
.black-layer ol.breadcrumb > li.breadcrumb-item {
    color: #fff;
}
ol.breadcrumb > li.breadcrumb-item {
    display: inline-block;
    font-size: 20px;
    float: left;
}
.gap.black-layer.opc5.overlap144 {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 120px;
    z-index: 9;
}

.opc5:before {
    opacity: .5;
}
.black-layer:before, .black-layer2:before, .blue-layer:before, .black-layer4:before, .white-layer:before, .gray-layer:before, .gray-layer2:before, .grd-lyr:before, .theme-bg-layer:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.black-layer:before {
    background-color: #000000;
}
.shop-section{
	padding-top:100px;
}

.hm4-header-style-four .main-menu .navigation>li.dropdown>a:before {
    font-family: fontawesome;
    content: "\f0d7";
    position: absolute;
    right: 20px;
    font-size: var(--font-16);
    line-height: 34px;
    right: -18px;
}

.hm4-header-style-four .main-menu li.dropdown {
    padding-right: 10px;
}
.hm4-subscribe-form .txt {
    font-weight: 500;
    text-transform: capitalize;
}

.hm4-contact-template input[type=text], .hm4-contact-template input[type=email], .hm4-contact-template select, .hm4-contact-template textarea {
	border: 1px solid #000;
}

.hm4-contact-template input.form-control,  .hm4-contact-template textarea.form-control{
    margin-bottom: 10px;
    border: 1px solid #fafafa !important;
    font-family: 'Rubik';
}

body .form-control:focus {
    color: #000;
    background-color: #fff;
    border-color: #fafafa;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(236, 236, 236, 0.25);
}

.hm4-contact-template button.theme-btn.hm4-btn-style-one:before {
    background: none;
}
.hm4-contact-template button.theme-btn.hm4-btn-style-one{
	font-weight:500;
	font-family:Rubik;
	border-radius:5px;
}

.hm4-header-style-four .main-menu .navigation > li > ul > li > a, .hm4-header-style-four .main-menu .navigation li ul li a {
    font-family: var(--font-family-amaranth);
}
.failed.alert.alert-danger.mb-0.mt-20 {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-family: 'Amaranth';
    font-size: 17px;
    margin-bottom: 120px !important;
}