@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dragon_is_comingregular';
    src: url('font/dragon_is_coming-webfont.eot');
    src: url('font/dragon_is_coming-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dragon_is_coming-webfont.woff2') format('woff2'),
         url('font/dragon_is_coming-webfont.woff') format('woff'),
         url('font/dragon_is_coming-webfont.ttf') format('truetype'),
         url('font/dragon_is_coming-webfont.svg#dragon_is_comingregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('font/opensans-semibold-webfont.eot');
    src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-semibold-webfont.woff2') format('woff2'),
         url('font/opensans-semibold-webfont.woff') format('woff'),
         url('font/opensans-semibold-webfont.ttf') format('truetype'),
         url('font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansbold_italic';
    src: url('font/opensans-bolditalic-webfont.eot');
    src: url('font/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('font/opensans-bolditalic-webfont.woff') format('woff'),
         url('font/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('font/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
-webkit-appearance:none;
-moz-appearance :none;
 border-radius: 0;	
 
 
}

a,input{

}


body{
	margin:0;
	padding:0px;
	background-color:#fff;
	font-family: 'open_sansregular';
}




.maxwidth{
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	max-width:750px;
	margin:0 auto;	
}



.maxwidth1{
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	max-width:1100px;
	margin:0 auto;	
}




.header-container{
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:1000;
	background-color:#fff;
}

.menu-zigzag{
	width:100%;
	position:absolute;
	bottom:-20px;
	left:0px;
	height:20px;
	background-image:url(../imgs/zigzag1.png);

}

.menu-content{
	display:inline-table;
	width:100%;
	text-align:center;
	padding-top:25px;
	padding-bottom:20px;	
}



.menu1{
	float:left;
	text-align:left;
	margin-top:10px;
}

.menu2{
	float:right;
	text-align:right;
	margin-top:10px;	
}

.logo{
	width:100%;
	max-width:180px;	
}


.menu-item{
	color:#43b9be;
	text-decoration:none;
	font-size:16px;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;
	border-radius:7px;
}

.menu-item:hover{
	color:#fff;
	background-color:#b8226d;
	
}

.menu1 a{
	margin-right:40px;	
}

.menu2 a{
	margin-left:40px;	
}



.about-container{
	background-color:#85bdba;
	padding-top:30px;
	padding-bottom:70px;
	background-image:url(../imgs/bg1.png);
	background-repeat:repeat-x;
	background-size:100% 100%;
	text-align:center;
	position:relative;
}

.about-zigzag{
	background-image:url(../imgs/zigzag2.png);
	width:100%;
	height:36px;
	position:absolute;
	left:0px;
	top:-36px;
	background-repeat:repeat-x;
	z-index:98
	
}

.about-shape{
	background-image:url(../imgs/shape2.png);
	background-position:center;
	width:100%;
	height:72px;
	position:absolute;
	left:0px;
	bottom:-36px;
	background-repeat:no-repeat;
	z-index:100
	
}

.title{
	color:#fff;
	font-size:30px;	
}

.subtitle{
    font-family: 'dragon_is_comingregular';
    font-size:70px;
	line-height:40px;
	color:#fff;
}

.shape{
	width:100%;
	margin:0 auto;
	max-width:180px	
}

.text{
	color:#fff;
	font-size:13px;
	margin-top:20px;	
}




.products-container{
	background-image:url(../imgs/bg2.jpg);
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	padding-top:80px;
	padding-bottom:80px;
	text-align:center	
}

.products-content{
	display:inline-table;
	width:100%;
	margin-top:50px;
}

.product{
	float:left;
	width:23.5%;
	margin:0.75%;
	background-color:#05a2a9;
	border-radius:11px;

cursor:pointer
}


.product-contact{
	float:left;
	width:23.5%;
	margin:0.75%;
	border-radius:11px;
	background-color:#b8226d;
	position:relative;
	background-image:url(../imgs/contact.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:100%;

}

.product:hover{
	background-color:#b8226d;	
}

.product-img{
	width:100%;
	border-top-left-radius:11px;
	border-top-right-radius:11px;
}

.product-desc{
	text-align:center;
	padding-left:20%;
	padding-right:20%;
	color:#fff;
	font-family: 'open_sanssemibold';
	padding-top:30px;
	padding-bottom:20px;
	font-size:18px;
	line-height:19px;
}

.product-desc span{
	min-height:96px;
	display:inline-block	
}

.product-checkmore{
	font-size:13px;
	text-align:center;
	margin-top:9px;
	font-family: 'open_sansregular';
}



.recipes-container{
	background-image:url(../imgs/bg3.jpg);
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	padding-top:70px;
	padding-bottom:110px;
	text-align:center	
}


.recipe{
	background-color:rgba(238,230,234,0.9);
	padding-top:50px;
	padding-bottom:30px;
	border-radius:8px;
	margin:1%;
		margin-top:40px;
}

.recipe-content{
	width:100%;
	display:inline-table;
	text-align:left
}

.recipe-img{
	float:left;
	width:45%;	
}

.recipe-desc{
	float:left;
	width:55%;		
}

.recipe-title{
    font-family: 'open_sansbold_italic';
	color:#5c0e35;
	font-size:26px;
	margin-bottom:30px;
}

.recipe-subtitle{
	color:#5c0e35;
	font-size:18px;
	margin-top:30px;
}

.recipe-text{
	margin-top:10px;
	font-size:13px;
	color:#18000c;
	padding-right:30px;
}

.checkmore{
	color:#d8586d;
	text-decoration:none;
	background-color:#fff;
	border-radius:18px;
	padding:35px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	margin-top:15px;
	display:inline-block;
}

.checkmore:hover{
	background-color:#05A2A9;
	color:#fff;

}



.footer-container{
	background-color:#83bab8;
	padding-top:60px;
	text-align:center;
	position:relative;
	background-image:url(../imgs/bg2.png);
	background-repeat:repeat-x;
	background-size:auto 100%;
}

.contact-shape{
	background-image:url(../imgs/shape3.png);
	position:absolute;
	top:-36px;
	left:0px;
	width:100%;
	height:72px;
	background-position:center;
	background-repeat:no-repeat;	
}

.contact-content{
	width:100%;
	display:inline-table;
	margin-top:40px;
	color:#fff;
	text-align:left
}

.contact1{
	float:left;
	width:25%;
	position:relative;
	padding-right:5%;	
}

.contact2{
	float:left;
	width:20%;
	position:relative;
	padding-left:5%;
	padding-right:5%;	
}

.contact3{
	float:left;
	width:35%;
	padding-left:5%;
	position:relative
}

.contact-break1{
	width:1px;
	background-color:#05a2a9;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;	
}

.contact-title{
	  font-family: 'open_sanssemibold';
	  font-size:17px;
	  line-height:18px;
}

.contact-text1{
	font-size:14px;
	margin-top:8px;
	line-height:14px;
}

.map{
	border-radius:15px;
	height:200px;	
}

.social:hover{
	opacity:0.8;	
}

.social:hover{
	opacity:0.8l	
}

.footer-rights{
	padding-bottom:20px;
	background-image:url(../imgs/footer-bg.png);
	background-repeat:repeat-x;
	color:#82d1d4;
	font-size:12px;
	text-align:left;
	padding-top:50px;
	margin-top:60px;	
}


.products-inner{
	width:100%;
	display:inline-table	
}

.products-inner-container{
	width:73%;
	float:left
}

.product-inner{
	float:left;
	width:31.8%;
	margin:0.75%;
	background-color:#05a2a9;
	border-radius:11px;
			  -webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
cursor:pointer	
}

.product-inner:hover{
	background-color:#b8226d;	
}


.left-menu{
	float:left;
	width:24%;
	margin-right:1%;
	margin-top:0.5%;
}

.left-links-container{
	text-align:left;
	background-color:#fff;
	padding:15px;
}

.left-links-container a{
	display:block;
	color:#454545;
	 font-family: 'open_sanssemibold';
	 font-size:13px;
	 text-decoration:none;
	 padding-bottom:8px;
	 padding-top:6px;
	 border-bottom:1px solid #b8226d;
	 margin-top:8px;
	
}

.left-links-container a:hover{
	color:#fff !important;
	background-color:#b8226d !important;
	padding-left:10px;
	 border-radius:13px;
}

.left-links-container-current{
	color:#fff !important;
	background-color:#b8226d !important;
	padding-left:10px;
	 border-radius:13px;
}

.left-title{
	background-color:#05a2a9;
	color:#fff;
	 font-family: 'open_sanssemibold';
	 padding:20px;
	 font-size:24px;
	 border-top-left-radius:11px;
	 border-top-right-radius:11px;
}

.left-img{
	margin-top:50px;	
}









.popup-layer{
	background-color:rgba(0,0,0,0.65);
	position:fixed;
	z-index:1000000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:none;	
}

.popup-container{
	display:none;	
}

.popup-content{
	margin:0 auto;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000001;
}

.popup{
	width:100%;
	max-width:800px;
	margin:0 auto;
	position:relative	
}

.popup-float{
	background-color:#fff;
	width:100%;
	display:inline-table;
	border-radius:8px;	
}

.popup-img{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;	
}
.popup1{
	width:35%;
	float:left	
}

.popup2{
	width:65%;
	float:left;
	position:relative;
}

.close{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	z-index:100000	
}

.popup-text{
	padding:30px;
	color:#8c8b8a;
	font-size:13px;	
}

.hidden-text,.hidden-img{
	display:none	
}

.product-title{
	 font-family: 'open_sansbold_italic';
	color:#5c0e35;
	font-size:22px;
	margin-bottom:18px;
}

.product-text{
	color:#35202a;
	font-size:12px;
	margin-bottom:70px;
	min-height:220px;
}

.contact{
	position:absolute;
	bottom:2%;
	left:2%;
	width:96%;
}

.caption{
	font-family: 'dragon_is_comingregular';
	font-size:205px;
    line-height:70px;
	color:#fff;
	z-index:98;
	width:100%;
	margin:0 auto;
	text-align:center;
	position:absolute;
	top:45%;
	left:0px;
	width:100%;
}

.discover{
	position:absolute; bottom:50px; right:0px; z-index:200
}

.discover a:hover{
	opacity:0.7;	
}

.title1{
	height:65px;
	font-size:16px	
}

.contact-num{
	border-radius:10px;
	position:absolute;
	bottom:0px;
	left:0px;	
}

.contact-num1{
	border-radius:10px;
}



.search-container{
	position:fixed;
	top:-22px;
	right:10px;
	width:18%;
	margin-top:53px	
}

.searchbox{
	border:solid 0px #bfcbe2;
	width:97%;
	padding:1%;
	padding-left:1%;
	height:27px;
	border-radius:10px;
	background-image:url(../imgs/search.png);
	background-size:15px;
	background-position:97%;
	background-color:#f8f6f7;
	color:#b8226d;
	top:0px;
	background-repeat:no-repeat;
	
}

#result-container{
	position:absolute;
	top:100%;
	right:-1px;
	width:94%;
	padding:3%;
	background-color:#fff;
	z-index:99;
	display:none;
	font-size:14px;
	border:#eef1f5 solid 1px;
	border-radius:10px;
	max-height:600px;
	overflow:auto;
}
.result-break{
	height:1px;
	margin:0 auto;
	background-color:#d2ddef;	
}


.result-item{
	padding:7px;
	padding-left:4px;
	padding-right:4px;	
}

.result-item:hover{
	background-color:#c1eaec;	
}

.result-item a{
	
	color:#b8226d;
	text-decoration:none	
}

.result-item span{
	font-size:12px;
}

#search-loader{
	position:absolute;
	left:3px; top:8px;
	display:none	
}

.res-img{
	border-radius:10px;	
}