/* --------------

Template name: olive-zaitun
Author: del-code
Version: 1.0

-------------- */

/*------------------------------------------------------------------
[Table of contents]

1. Font import
2. Burger menu / #burger-container
3. Full Menu / body.menu-show
4. Navbar
   4.1 full page menu / #nav-menu
   4.2 submenu / .has-submenu ul
5. Header
   5.1 header background / #header-bg
   5.2 header text / #header-txt
   5.3 header title / #title-container
   5.4 header leaf / #leaf
6. Content / #main
   6.1 sub content / .sub-content
   6.2 slogan / .slogan
   6.3 product description / .product-desc
   6.4 product list / #product-list
   6.5 modal product / .modal-dialog
   6.6 testimony / #testimony
   6.7 reciepe gallery / #reciepe-slogan
   6.8 overlap div / .left-overlap
   6.9 card item / .card-item
   6.10 reciepe gallery / .reciepe-right a
   6.11 kitchen icon / .kitchen-icon
7. Farming
   7.1 text overlay / .txt-overlay-container
8. About us
   8.1 mission and vission / #misvis
   8.2 team / #team-slogan
9. Contact / #contact
10. Footer
   10.1 footer links / .footer-links
   10.2 footer widget / .footer-widget
   10.3 footer curves / #curveUpColor
   10.4 footer social icons / .social-icons
11. Go to Top / .gototop

------------------------------------------------------------------*/

/* =======================================================
* 	Font import
* ======================================================= */

@import url('https://fonts.googleapis.com/css?family=Lato:light,normal|Great+Vibes:normal|Raleway:normal,light|Open+Sans:normal|Catamaran:normal|Playfair+Display:normal');

/* =======================================================
* 	Burger menu
* ======================================================= */

#burger-container{
	position: absolute;
	height: 110px;
	width: 80px;
	left: 10%;  
	top: 0; 
	padding: 30px 22px;
	background-color: rgba(0,0,0,.7);
	border-radius: 0 0 40px 40px;
	z-index: 3;
}

#burger-menu{
	width: 25px;
	height: 25px;
	cursor: pointer;
	display:block;
}

#burger-menu:hover, 
#burger-menu:focus, 
#burger-menu:active 
{
	outline: none;
	border-bottom: none;
}

#burger-menu i {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 2px;
	background: #FFF;

	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
}

#burger-menu i::before, 
#burger-menu i::after 
{
	content: '';
	width: 35px;
	height: 2px;
	background: #FFF;
	position: absolute;
	left: 0;

	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;	
 }

#burger-menu i::before {
  top: -10px;
}

#burger-menu i::after {
  bottom: -10px;
}

#burger-menu.active{
	z-index: 3;
}

#burger-menu.active i {
  background: transparent;
}

#burger-menu.active i::before {
  background-color: #fff;	
  top: 0;
  
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

#burger-menu.active i::after {
  background-color: #fff;
  bottom: 0;
  
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

/* =======================================================
* 	Full Menu
* ======================================================= */

body.menu-show {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
}

/* =======================================================
* 	Navbar
* ======================================================= */

/*-- full page menu --*/
#nav-menu{
	visibility: hidden;
	z-index: -1;
	width:26%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.85);
	
	-webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	overflow-y: scroll;
}

#nav-menu .nav{
	-webkit-transform: translateY(30%);
	-moz-transform: translateY(30%);
	-ms-transform: translateY(30%);
	-o-transform: translateY(30%);
	transform: translateY(30%);
}

.menu-show #nav-menu{
	z-index: 2;
	visibility: visible;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.nav-item{
	padding: 10px 0;
}

.nav-item a{
	font-size: 2em;
	color: #fff;
}

.nav-item a:hover,
.nav-item a:focus
{
	color: #fff;
	background:#9c000e !important;
	text-decoration: none;
}

/*-- submenu --*/
.has-submenu ul{
	padding: 0;
	display: none;
}

.has-submenu .active{
	display: block;
}

.parent-menu{
	position: relative;
}

.parent-menu:after{
	position: absolute;
	content:".";
	margin-left: 20px;
	bottom: -6px;
	font-size: 2em;
}

/* =======================================================
* 	Header
* ======================================================= */

header{
	position: relative;
	text-align: center;
    color: #000;
	/*height: 100vh;
	min-height: 900px;*/
	background-repeat: no-repeat;
    background-position: left center;
    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/*-- header background --*/
#header-bg{
	height: 100%;
	/*background-color: rgba(255, 255, 255, .5);*/	
}

/*-- header text --*/
#header-txt{
	position: relative;
	height: 61%;
	width: 100%;
}

#header-txt h1 {
    margin: 0;
    font-family: 'Great Vibes';
    font-size: 8em;
    text-align: right;
    padding: 0 7% 0 0;
	color: #ffdf32;
}

#header-txt h3 {
    font-family: 'Open Sans';
    font-size: 3em;
    text-align: right;
    padding: 15px 5% 15px 0;
    line-height: 0;
    color: #fff;
}

#header-cover-horizontal{
	position: absolute;
	width: 80%;
	padding: 20px 0;
	bottom: 0;
	left: 50%;
	right: 50%;
	border-radius: 80px 0 0 0;
	background-color: rgba(0, 0, 0, .5);
	
	-webkit-transform: translateX( -50% );
	-moz-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	-o-transform: translateX( -50% );
	transform: translateX( -50% );
}

#header-cover-vertical{
	position: absolute;
	    height: 54%;
    z-index: 3;
    right: 7%;
    padding: 0px 15px 0 15px;
	border-radius: 0 0 80px 0px;
	background-color: rgba(255, 255, 255, .5);
}

/*-- header title --*/
#title-container{
	margin-top: 8%;
}

.title-text1,
.title-text2
{
	text-align: center;
	font-size: 4em;
	padding-bottom: 5px;
	color: #65602d;
}

.title-text1{
	font-family: 'Great Vibes';
}

.title-text2{
	font-family: 'Raleway';
}

#title-line{
	height: 1px;
	margin: 5% 40%;
	background-color: #65602d;	
}

/*-- header leaf --*/
#leaf{
	position: absolute;
	bottom: 25%;
	left: 25%;
	z-index: 2;
}

/* =======================================================
* 	Content
* ======================================================= */

#main{
	overflow: hidden;
}

#content{
	position: relative;
	/*z-index: 1;*/
}

#content:before,
#content:after
{
	position: absolute;
	content: '';
	z-index: -1;
	top: 0;
    left: -25%;
    width: 150%;
    height: 75%;
    background: #fff;
	
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
    transform: rotate(-2deg);
	
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

#content:before{
	height: 50%;
    background: #ffdf32;
    
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
    transform: rotate(-3deg);
	
    -webkit-transform-origin: 3% 0;
    -moz-transform-origin: 3% 0;
    -ms-transform-origin: 3% 0;
    -o-transform-origin: 3% 0;
    transform-origin: 3% 0;	
}

.space{
	padding-top: 20px; 
}

/*-- sub content --*/
.sub-content{
	padding: 50px 0;
}

.sub-content.list{
	padding: 40px 0 80px 0;
}

.sub-content-row{
	background-color: rgba(0,0,0,.2);
	padding-top: 15px;
	padding-bottom: 15px;
}

.downwards:after{
	display:block;
	position:absolute;
	content:'';
	left: 50%;
	bottom: -25px;
	width: 50px;
	height: 50px;
	z-index: 10;
	background-color: #fff;
	
	box-shadow: -50px 50px 0 #fff, 50px -50px 0 #fff;

	-webkit-transform: translateX(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	-o-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

/*-- slogan --*/

.slogan{
	font-family: 'Great Vibes';
	font-size: 5.5em;
	color: #ae0101;
	padding: 40px 0 0px 0;
	text-align: center;
}

.slogan-child{
	font-family: 'Open Sans';
	font-size: 1.5em;
	color: #ae0101;
	text-align: center;
	padding: 5px 0 20px 0;
}

.line-slogan{
	margin: auto;
	width: 80px;
	height: 1px;
	/*margin-bottom: 50px;*/
	background-color: #a2925d;
}

/*-- product description --*/

.product-desc{
}

.product-desc-wrap{
	position: relative;
	top: 50%;
	padding: 0 12%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.product-desc h2
{
	font-family: 'Great Vibes';
	font-size:38px;
	color: #c90909;
	padding-bottom: 5px;
	text-align:center;
}
.product-desc h4
{
	    font-family: 'Great Vibes';
    font-size: 28px;
    color: #3a3939;
    padding-bottom: 5px;
    text-align: left;
}
.product-desc p {
    font-family: 'Open Sans';
    font-size: 14px;
    text-align: justify;
    padding-bottom: 20px;
    color: #716f6f;
	line-height: 1.6;
}
.product-desc table
{
	    width: 100%;
    font-size: 14px;
}
.product-desc tr
{
	
}
.product-desc td
{
	    padding: 10px;
}
.line{
	height: 1px;
	width: 60px;
	background-color: #d3d3d3;
	margin: auto;
}

.product-img{
}
.sunlist li
{
	font-size:14px;
	    margin-bottom: 5px;
}
/*-- product list --*/

#best-product{
	padding: 120px 0;
	
	font-family: 'Playfair Display';
	font-size: 4em;
	color: #fff;
	text-align: center;	
}

#product-list{
	padding: 20px 0;
	font-family: 'Great Vibes';
	font-size: 4em;
	color: #7b6418;
}

.product-list{
	position: relative;
	width: 100%;
	height: 100%;
}

.product-list a:hover .product-overlay{
	opacity: 1;
	visibility: visible;
	background-color: rgba( 255, 255, 255, .4);	
}

.product-overlay{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.img-product{
	width: 100%;
	height: 100%;
}

.product-title{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 0;
	text-align: center;
	background-color:  rgba(0,0,0,.5);
}

.product-title h6{
	font-family: 'Lato';
	font-size: 1.1em;
	color: #fff;
}

/*-- modal product --*/

.modal-dialog{
	max-width: 60%;
	margin: 10px auto;
}

.recipe-img{
	box-shadow: 10px 15px 15px 0px rgba(0, 0, 0, 0.18);
}

.recipe-layer{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	background-color: rgba( 255,255,255, .65);
}

#product-name,
#recipe-name
{
	padding-left: 20px;
}

#product-price{
	padding-top: 5px;
	font-size: 2.5em;
	color: #FBB448;
}

#goto-cart{
	position: relative;
}

#goto-cart a{
	position: absolute;
	right: 15px;
}

.payment-icon{
	width: 90px;
	padding: 0 5px;
}

/*-- testimony --*/

#testimony{
	padding: 150px 0;
}

#testimony h4{
	font-family: 'Open Sans';
	font-size: 1.6em;
	line-height: 1.5;
	text-align: center;
	color: #939393;
}

#testimony h5{
	padding-top: 20px;
	padding-bottom: 15px;
	font-family: 'Great Vibes';
	font-size: 4em;
	text-align: left;
	margin: auto;
	color: #7b6418;
}

#testimony .signature{
	font-size: 2em;
	text-align: right;
	color: rgba(123, 100, 24, 0.74);
}

#testimony-btn{
	margin: auto;
}

#testimony-btn li{
	display: inline-block;
}

#testimony-btn a{
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%;
	background-color: #f0ad4e;
}

#testimony-btn .active{
	background-color: #dedede;
}

/*-- reciepe gallery --*/

#reciepe-slogan{
	font-size: 4em;
	color: #7b6418;
	padding: 40px 0;
}

#overlap-container{
	position: relative;
	padding: 0;
	margin: 0 15px;
}

#overlap-div{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding: 0 15px;
	z-index: 2;
	
	background-color: rgba(255,227,76,.88);
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);	
}

#overlap-div h2{
	font-family: 'Great Vibes';
	font-size: 3.5em;
	color: #663300;
	text-align: center;
	padding: 30% 15px;
}

/*-- overlap div --*/

.left-overlap,
.right-overlap
{
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 2;
	background-color: #ffe34c;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.18);
}

.left-overlap{
	left: -20%;
	border-radius: 150px 0 0 150px;
}

.right-overlap{
	right: -20%;
	border-radius: 0 150px 150px 0;
}

.left-overlap h2,
.right-overlap h2
{
	font-family: 'Great Vibes';
	font-size: 3.5em;
	color: #663300;
	text-align: center;
	padding: 50px 0;
}

/*-- card item --*/

.card-item {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
	overflow: hidden;
	z-index: 9;
	bottom: 0;
	margin-bottom: 30px;

	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.card-item figure {
	height: 240px;
	overflow: hidden;
	z-index: 12;
	position: relative;
}

.overlay {
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
}

.card-item img {
	width: 100%;
	z-index: 8;
	opacity: 1;
	
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.card-item .fh5co-text {
	padding: 0px 10px 10px 20px;
	text-align: center;
	position: relative;
	z-index: 22;
}

.card-item .fh5co-text:before {
	position: absolute;
	top: -40px;
	right: 0;
	left: 0;
	width: 103%;
	margin-left: -4px;
	height: 50px;
	z-index: -1;
	content: "";
	background: #fff;

	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
}

.card-item .fh5co-text h2, 
.card-item .fh5co-text span 
{
	text-decoration: none ;
}

.card-item .fh5co-text h2 {
	font-size: 30px;
	font-weight: 400;
	margin: 0 0 10px 0;
	color: #7b6418;
}

.card-item .fh5co-text span {
	color: #b3b3b3;
	font-size: 16px;
	font-weight: 400;
}

.card-item .fh5co-text p {
	color: #929292;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.card-item .fh5co-text span.price {
	opacity: 1;
	visibility: visible;
	bottom: 0;
	font-size: 30px;
	color: #FBB448;
	position: relative;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.card-item:hover, 
.card-item:focus 
{
	bottom: 7px;
	text-decoration: none;
	
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
	box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
}

.card-item:hover img, 
.card-item:focus img 
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.card-item:hover .overlay, 
.card-item:focus .overlay 
{
	opacity: 1;
	visibility: visible;
}

.recipe-data{
	display: none;
}

#ingredient,
#method
{
	padding-top: 0; 
}

/*-- reciepe gallery --*/

.reciepe-right a,
.reciepe-left a,
.reciepe-left-bottom a,
.reciepe-right-bottom a,
.reciepe-right figure,
.reciepe-left figure,
.reciepe-left-bottom figure,
.reciepe-right-bottom figure
{
	margin: 0;
}

.reciepe-right,
.reciepe-left,
.reciepe-left-bottom,
.reciepe-right-bottom
{
	width: 100%;
	height: 100%;
	padding: 15px 0;
	position: relative;
	overflow: hidden;
}

.reciepe-right:after,
.reciepe-left:after,
.reciepe-left-bottom:after,
.reciepe-right-bottom:after
 {
	position: absolute;
	width: 150%;
	height: 100%;
	z-index: 10;
	content: "";
	
	background: rgba(255, 255, 255, .78);
}

.reciepe-right:after{
	top: -43%;
	right: -43%;
	
}

.reciepe-left-bottom:after{
	top: 43%;
	left: -43%;
}

.reciepe-right:after,
.reciepe-left-bottom:after
{
	-webkit-transform: rotate(33.5deg);
	-moz-transform: rotate(33.5deg);
	-ms-transform: rotate(33.5deg);
	-o-transform: rotate(33.5deg);
	transform: rotate(33.5deg);
}

.reciepe-left:after{
	top: -43%;
	left: -43%;
}

.reciepe-right-bottom:after{
	top: 43%;
	right: -43%;
}

.reciepe-left:after,
.reciepe-right-bottom:after
{
	-webkit-transform: rotate(-33.5deg);
	-moz-transform: rotate(-33.5deg);
	-ms-transform: rotate(-33.5deg);
	-o-transform: rotate(-33.5deg);
	transform: rotate(-33.5deg);
}

.reciepe-txt-top,
.reciepe-txt-bottom
{
	font-family: 'Great Vibes';
	color: #000;
	position: absolute;
	padding: 15px 15%;
	width: 100%;
	z-index: 11;
}

.reciepe-txt-top h3,
.reciepe-txt-bottom h3
{
	font-size: 2.8em;
	color: #663300;
}

.reciepe-txt-top{
	top: 20%;
}

.reciepe-txt-bottom{
	bottom: 20%;
}

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

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

/*-- kitchen icon --*/

.kitchen-icon,
.contact-icon
{
	padding: 5px;
}

.kitchen-icon .text-center,
.contact-icon .text-center
{
	padding: 15px 10px;
	background-color: #fafafa;
}

.kitchen-icon h4,
.contact-icon h4
{
	font-family: 'Lato';
	padding-top: 20px;
}

.kitchen-icon p,
.contact-icon p
{
	font-family: 'Open Sans';
}

.round-div,
.round-div-healthy
{
	border-radius: 50%;
	overflow: hidden;
	
	background-color: #ffe34c;
	padding: 20px;
	margin: auto;
}

.round-div{
	width: 160px;
	height: 160px;
}

.round-div-healthy{
	width: 268px;
	height: 268px;
}

.round-img{
	width: 100%;
	height: 100%;
}

/*-- section divider --*/
.section-divider-black{
	background-color: rgba(0,0,0,.6);
}

.section-divider-black h2{
	color: #ffdf32;
}

.section-divider-black p{
	color: #fff;
}

.section-divider-yellow{
	background-color: #ffe34c; 
	padding-top: 2em; 
	padding-bottom: 3em;
}

.section-divider-yellow h2{
	color: #663300; 
	padding-bottom: 40px;
}

.section-divider-grey{
	background-color: #fafafa;
}

.product-divider{
	background-size: cover; 
	margin-top: 50px;
}

.product-divider-layer{
	background-color: rgba(0,0,0,.6);
}

.team-divider{
	background-size: cover; 
	margin-top: 100px;
	background-color: rgba(0,0,0,.6);
}

/* =======================================================
* 	Farming
* ======================================================= */

.branch img{
	position: absolute;
}

.farming-img{
	width: 100%;
	height: 400px;
	background-size: cover;
}

/*-- text overlay --*/

.txt-overlay-container{
	
}

.txt-overlay-left,
.txt-overlay-right
{
	margin-top: 45%;
	
	padding: 20px;
	background-color: rgba(255, 255, 255, .8);
	
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
	box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
}

.txt-overlay-left{
	margin-left: -200px;
	border-right: 3px solid #ffe34c;
}

.txt-overlay-right{
	margin-right: -200px;
	border-left: 3px solid #ffe34c;
}

.txt-overlay-left h3,
.txt-overlay-right h3
{
	font-family: 'Great Vibes';
	font-size: 3.2em;	
	color: #663300;
	padding: 8px 0 10px 0;
}

.txt-overlay-left p,
.txt-overlay-right p
{
	font-family: 'Open Sans';
	line-height: 1.7;
}

/* =======================================================
* 	About us
* ======================================================= */

/*-- mission and vission --*/

#misvis{
	padding-top: 0;
}

/*-- team --*/

#team-slogan{
	font-family: 'Playfair Display';
	font-size: 4em;
	color: #fff;
	padding: 60px 0;
}

.team-info-container{
	position: relative;
	width: 100%;
	padding: 0 30px;
	
	-webkit-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-o-transform:translateY(-30%);
	transform: translateY(-30%);
}

.team-info{
	width: 100%;
	height: 100%;
	padding: 20px 15px;
	background-color: #fff;
	border-bottom: 2px solid #ffe34c;
	text-align: center;
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
}

.team-info h3{
	font-family: 'Lato';
	color: #7b6418;
	padding-bottom: 10px;
}

.team-socials.social-icons a{
	color: #7e7e7e;
	padding: 0px 10px;	
}

/* =======================================================
* 	Contact
* ======================================================= */

#contact{
	position: relative;
}

.contact-icon .round-div{
	padding: 35px;
}

.contact-icon i{
	color: #fff;
}

.contact-icon p{
	line-height: 1.7;
}

.contact-icon a{
	color: #292b2c;
}

.phone,
.mail
{
	background-color: rgba(0,0,0,.6);
}

#round-left,
#round-right
{
	position: absolute;
	width: 50%;
	height: 40px;
	bottom: 0;
	border-top: 2px solid #7b6418;
}

#round-left{
	border-radius: 0 80px 0 0;
}

#round-right{
	left: 50%;
	border-radius: 80px 0 0 0;
}

label{
	font-family: 'Lato';
	font-size: 1.4em;
	color: #4e4a41;
}

.btn-mail{
	color: #fff;
	background-color: rgba( 0, 0, 0, .6);
}

.btn-mail:hover{
	background-color: #4E4A41;
}

/* =======================================================
* 	Footer
* ======================================================= */

footer{
	padding: 7em 0 0 0;
	min-height: 120px;
	background: url('../images/banner-bg1.jpg');
	background-repeat: repeat-x;
}

footer .title-text1,
footer .title-text2
{
	padding-bottom: 0;
	color: #ffc844;
}

footer .title-text1{
	font-size: 2.2em;
}

footer .title-text2{
	font-size: 2.2em;
}

#footer-leaf{
	position: absolute;
	left: 160px;
	top: -40px;
	width: 90px;
	height: 90px;
}

/*-- footer links --*/

.footer-links {
	padding: 0;
	margin: 0;
}

.footer-links li {
	padding: 5px 0;
	margin: 0;
	list-style: none;
}

.footer-links li a {
	font-family: 'Catamaran';
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.footer-links li a:hover {
	text-decoration: underline;
}

/*-- footer widget --*/

.footer-widget {
	position: relative;
	padding-bottom: 50px;
}

.footer-widget h3 {
	font-family: 'Great Vibes';
	font-size: 2.5em;
	color: #fff;
	margin-bottom: 15px;
}

.footer-widget p {
	font-family: 'Catamaran';
    font-size: 14px;
	color: #fff;
}.footer-widget p a{	color:#fff;}

#del-code{
	color: #ffc844;
}

.footer-link-container
{
	padding-bottom: 50px;
}

.footer-link-container p,
.footer-social-container p
{
	font-family: 'Catamaran';
    font-size: 1.55em;
	color: #ffc844;	
	padding-top: 10px;
}

.footer-social-container{
	padding-bottom: 20px;
}

/*-- footer curves --*/

#curveUpColor{
	display: block;
	margin-bottom: -1px;
}

#curveUpColor path{
	fill: #9c000e;
	stroke: #9c000e;
}

#subscribe{
	margin-top: 145px;
}

#copyright{
	padding-top: 30px;
}

.block {
  display: block;
  color: #fff;
}

.block  a{
	color: #fff;
}

/*-- footer social icons --*/
	
.social-icons {
	margin: 0;
	padding: 0;
}

.social-icons li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.social-icons a {
	color: #fff;
	display: inline-block;
	padding-top: 5px;
	padding-right: 15px;
}

.social-icons a :hover{
	color: #f0ad4e;
}

.social-icons i {
	font-size: 20px;
}

/* =======================================================
* 	Go to Top
* ======================================================= */

.gototop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.gototop.active {
	opacity: 1;
	visibility: visible;
}

.gototop a {
	width: 50px;
	height: 50px;
	display: table;
	background-color: #6a6458;
	color: #fff;
	text-align: center;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.gototop a i {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

.gototop a:hover, .gototop a:active, .gototop a:focus {
	text-decoration: none;
	outline: none;
}
	
		.product-img mx-auto
		{
			width:50%;
	}
	.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.second-effect a.info {
   position:relative;
   top:-10px;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
   opacity:1;
   transform:scale(1,1);
   transition-delay:0.3s;
}
	
		.product-imgse 
		{
			width:100%;	
			text-align:center;
			margin-bottom: 15px;
	}
	.head-titles
	{
	color: #586067;
    padding-top: 35px;
	text-align:center;
	/*font-family: 'Playfair Display';*/
	font-family:'Great Vibes';
	font-size: 6em;
	line-height: 150%;
	}
	@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.1, 1.1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.1, 1.1);
  }
}

.carousel-inner .item > img {
  -webkit-animation: zoom 5s;
  animation: zoom 5s;
}

#misvis h4
{
	font-family:Arial, Helvetica, sans-serif;
	    font-size: 18px;
}
#misvis ul
{
	font-size:16px;
}
.marquee_text marquee
{
	position: absolute;
    z-index: 100;
    margin-left: 10%;
    margin-top: 39%;
    width: 80%;
    font-size: 27px;
    background: #000;
    opacity: 0.6;
}

.marquee_text marquee a
{
	color:#fff;
	text-decoration:none;