body{
	width: 100%;
	height: auto;
	font-weight: 400;
	font-size: 15px;
	color: #000;
	margin: 0;
	padding: 0;	
}

img{
	width: 100%;
	height:auto;
}

a:hover{
	text-decoration: none;
}

.btn-primary {
	background-color: #fff;
	color: #000;
	border: none;
	padding: 10px;
	border-radius: 0;
}

.btn-primary a:hover, .btn-primary:hover{
	background-color: #fff;
	color: #000;
	border: none;
	padding: 10px;
	border-radius: 0;
}

h2{
	font-size: 100px;
	font-weight: 400;
}

/*modal*/

.modal-body{
	padding: 15px 30px 30px 30px;
}

#map-canvas  {
  margin: 0;
  padding: 0;
  height: 100%;
}

#map-canvas {
  width:500px;
  height:480px;
}

.modal-body h2{
	color: #000;
	padding-bottom: 20px;
}

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

.modal-content button{
	margin-bottom: 20px;
	margin-top: 0;
	font-size: 20px;
	padding: 0;
}

.modal-content button:hover{
	background-color:transparent;
	padding: 0!important;
}

.modal-header{
	border-bottom: none!important;
	padding-bottom: 0;
}


/*Image ovelay hover effect 9 on home page our products section*/

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  background-color: rgba(141,185,192,0.5);
  top: -200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s ease-out 0.1s;
  transition: all 0.1s ease-out 0.1s;
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.hovereffect img {
  display: inline-block;
  position: relative;
}

.hovereffect h3 {
  color: #fff;
  text-align: center;
  position: relative;
  top: 30%;
  font-size: 20px!important;
  font-weight: 300;
  padding: 10px;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.hovereffect:hover h3 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  color: #000;
  border: 1px solid #000;
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  box-shadow: 0 0 5px #000;
  color: #000;
  border: 1px solid #000;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}


/*menubar*/

.menubar{
	background-color: #8db9c0;
	text-align: center;
}

.navbar-default{
	background-color: transparent;
	border: none;
	color: #fff;
	font-weight: 300;
	font-size: 20px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	padding: 20px;
}

.navbar{
	margin-bottom: 0;
}

.navbar .navbar-nav>li>a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 0;
	text-align: center;
	float: none;
	margin-left: 20px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li .open .dropdown-toggle{
	background-color: transparent!important;
	color: #fff!important;
}

.navbar-nav li{
	float: none;
	text-align: center;
	display: inline-block;
}

/*Home page*/

.slide1 {
	background-image: url('/images/home-page/2.jpg');
	background-size: cover;
	background-position: center;
	min-height: 100vh;
	text-align: center;
}

.slide2 {
	background-image: url('/images/home-page/1.jpg');
	background-size: cover;
	background-position: center;
	min-height: 100vh;
	text-align: center;
}

.slide3 {
	background-image: url('/images/home-page/4.jpg');
	background-size: cover;
	background-position: center;
	min-height: 100vh;
	text-align: center;
}

.slide4 {
	background-image: url('/images/home-page/3.jpg');
	background-size: cover;
	background-position: center;
	min-height: 100vh;
	text-align: center;
}

.flexslider {
	margin: 0!important;
	padding: 0!important;
	border: 0px!important;
}

.flexslider .slides img {
	width: 35%!important;
	display: inline!important;
}

.flex-control-nav {
	bottom: 20px!important;
	z-index: 999!important;
}

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
	background-color: #fff;
}

.flex-control-paging li a {
	background-color: rgba(255,255,255,0.5);
}

.home-header h1{
	font-size: 60px;
	text-transform: uppercase;
	padding: 10px;
	width: 100%;
	color: #fff;
	font-weight: 700;
	font-family: "futura-pt",sans-serif;
	background-color: rgba(141,185,192,0.5);
	display: inline-block;
}

.mobile-logo{
	display: none;
}

.home-header h2{
	color: #f5e1ad;
	font-size: 60px;
}

.home-header img{
	width: 40%!important;
	padding-top: 40px;
}

.home-header span,.about-header span, .products-header span{
	font-size: 20px;
	color: #fff;
}

.home-header p, .about-header p, .products-header p{
	font-size: 20px;
	color: #fff;
}

.flavour-of-month {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.flavour-of-month h2 {
	margin-top: 60px;
	color: #8db9c0;
}

.flavour-of-month h4 {
	margin-top: -25px;
	padding-top: 0;
	color: #8db9c0;
	text-align: left;
	padding-left: 170px;
	font-size: 30px;
}

.flavour-of-month p {
	font-size: 20px;
	margin-top: 60px;
}

.home-paragraph{
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.home-paragraph p{
	font-size: 20px;
	margin-bottom: 0;
}

.home-paragraph .btn-primary{
	border: 1px solid #8db9c0;
	color: #8db9c0;
	font-size: 20px;
	margin-top: 40px;
}

.home-paragraph .btn-primary:hover{
	background-color: #8db9c0;
	border: 1px solid #8db9c0;
	color: #fff;
}


.our-products {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: rgba(141,185,192,0.1);
	text-align: center;
	display: block;
}

.our-products h2{
	margin-top: 0;
	color: #8db9c0;
}

.our-products p{
	font-size: 20px;
	margin-bottom: 30px;
}

.our-products .home-images{
	text-align: center;
	width: 100%;
}

.home-images .item img{
	width: 100%;
	
}

.our-products .btn-primary{
	background-color: transparent;
	border: 1px solid #8db9c0;
	color: #8db9c0;
	font-size: 20px;
	margin-top: 40px;
}

.our-products .btn-primary:hover{
	background-color: #8db9c0;
	border: 1px solid #8db9c0;
	color: #fff;
}

.home-images {
	width: 100%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.link-images{
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	display: block;
	height: auto;
	width: 100%;
}

.link-images .hovereffect .btn-primary{
	margin-top: 120px;
	color: #8db9c0;
}

.link-images p{
	margin-bottom: 0;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 10px;
}

.image-wrapper:hover img{
	width: 100%;
	height: 100%;
	-moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.image-wrapper img {
	height: 100%;
	width: 100%;
	-moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.image-wrapper {
	overflow: hidden;
	width: 100%;
	height: 270px;
}

/*about page*/

.about-header{
	background-image: url('/images/about-page/about-header2.jpg');
	background-size: cover;
	background-position: center;
	min-height: 100vh;
	text-align: center;
	position: relative;
}

.about-header h1{
	font-size: 100px;
	width: 100%;
	color: #f5e1ad;
	text-shadow: 1px 1px 1px #000;
	margin-top: 70%;
}

.mobile-heading h1{
	font-size: 100px;
	width: 100%;
	color: #f5e1ad;
	text-shadow: 1px 1px 1px #000;
	margin-top: 20px;
	text-align: center;
	display: none;
}

.about-header img{
	width: 30%;
	position: absolute;
	top: 30px;
	left: 0px;
}

.how{
	padding-top: 40px;
	padding-bottom: 40px;
}

.how .image1{
	position: relative;
	float: left;
	width: 50%;
	padding: 15px 40px 15px 0px;
}

.how .image2{
	position: relative;
	float: right;
	width: 50%;
	padding:0px 0px 10px 30px;
}

.how h3{
	font-size: 80px;
	font-weight: 400;
	color: #8db9c0;
	margin-top: 0;
}

.how p{
	font-size: 20px;
	font-weight: 400;
}

.gallery{
	padding-bottom: 40px;
}

/*Products page*/

.products-header{
	background-image: url('/images/products/products_header.jpg');
	background-size: cover;
	background-position: center;
	min-height: 950px;
	text-align: center;
	position: relative;
}

.products-header h1{
	font-size: 100px;
	width: 100%;
	color: #f5e1ad;
	text-shadow: 1px 1px 1px #000; 
	margin-top: 70%;
}

.products-header img{
	width: 30%;
	position: absolute;
	top: 40px;
	left: 0;
}

.more-info{
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.more-info h3{
	margin-top: 0;
	font-size: 40px;
	font-size: 15px;
}

.more-info .overlay	{
	height: 82.5%;
}

.more-info .hovereffect h3{
	padding-top: 15%;
}

.more-info p{
	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 20px;
	color: #000;
	font-weight: 400;
}

.more-info a>p:hover, .more-info a>p:active{
	color: #8db9c0;
	border-bottom: none;
	text-decoration: none;
}

.gelato-wrapper .btn-primary, .ss-wrapper .btn-primary, .hb-wrapper .btn-primary, .pic-wrapper .btn-primary, .icc-wrapper .btn-primary, .icups-wrapper .btn-primary, .spec-wrapper .btn-primary{
	width: auto;
	font-size: 20px;
	color: #8db9c0;
	border: 1px solid #8db9c0;
	background-color: transparent;
	margin-bottom: 20px;
}

.gelato-wrapper .btn-primary:hover, .ss-wrapper .btn-primary:hover, .hb-wrapper .btn-primary:hover, .pic-wrapper .btn-primary:hover, .icc-wrapper .btn-primary:hover, .icups-wrapper .btn-primary:hover, .spec-wrapper .btn-primary:hover {
	background-color: #8db9c0!important;
	border: 1px solid #fff;
	color: #fff;
}

.category{
	padding:40px 40px 0px 40px;
	margin-bottom: 40px;
	background-color: rgba(141,185,192,0.1); 
	text-align: left;
}

.category h3{
	color: #8db9c0;
	font-size: 50px;
	margin-top: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.category p{
	font-size: 20px;
	padding-bottom: 20px;
}

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

.no-js .owl-carousel, .owl-carousel.owl-loaded{
	display: inline-block!important;
}

.owl-carousel p{
	font-size: 15px;
	margin-top: 20px;
}

.owl-carousel img{
	width: 80%;
}

.owl-prev i{
	color: #000;
	font-size: 20px;
}

.owl-prev{
	display: inline-block;
	text-align: left;
	padding: 20px;
}

.owl-nav{
	display: inline-block;
}

.owl-next i{
	color: #000;
	font-size: 20px;
}

.owl-next{
	display: inline-block;
	text-align: right;
	padding: 0px 20px 0px 20px;
}

.ingredients{
	background-image: url(/images/products/ingredients-background.jpg);
	background-size: cover;
	background-position: top;
	height: auto;
	padding-top: 60px;
	padding-bottom: 40px;
	text-align: center;
}

.ingredients h2{
	color: #fff;
	margin-top: 0;
	font-size: 80px;
}

.ingredients h3{
	color: #fff;
	margin-top: 0;
	font-size: 50px;
}

.ingredients p{
	color: #fff;
	font-size: 20px;
	margin-bottom: 40px;
	font-weight: 300;
}

.ingredients ul li{
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
}

.icc-wrapper h4{
	font-size: 25px;
	font-weight: 400;
}

.icc-wrapper ol{
	padding-bottom: 40px;
	padding-left: 30px;
}

.icc-wrapper ol li{
	font-size: 18px;
}

.icc-wrapper p{
	padding-bottom: 10px;
	margin-bottom: 0;
}

/*footer-upper*/

.footer-upper{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #8db9c0;
	text-align: center;
}

.footer-upper h2 {
	color: #fff;
	margin-top: 0;
}

.footer-upper p{
	font-size: 20px;
	color: #fff;
}

.contact-details{
	margin-top: 40px;
	text-align: left;
}

.contact-details p{
	font-size: 20px;
}

.contact-details strong{
	font-size: 20px;
}

.contact-details a{
	color: #fff;
	font-size: 20px;
}

.contact-details .btn-primary{
	width: auto;
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
}

.contact-details .btn-primary:hover{
	background-color: #fff;
	border: 1px solid #fff;
	color: #8db9c0;
}

form{
	padding-top: 40px;
	text-align: left;
}

input{
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #fff;
}

textarea{
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	height: 180px;
	border: 1px solid #fff;
}

form .btn-primary{
	width: 30%;
	margin-top: 5px;
	font-size: 20px;
	color: #8db9c0;
	padding-top: 10px;
	padding-bottom: 10px;
}

form .btn-primary:hover{
	color: #8db9c0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.error {
	margin-top: 15px;
	padding: 10px;
	background-color: #C0352C;
	color: #fff;
	display: none;
}

.output {
	margin-top: 15px;
	padding: 10px;
	background-color: #fff;
	color: #000;
	display: none;
}

#email2 {
	display: none;
}

/*Footer*/

.footer{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #231f20;
	vertical-align: middle;
	display: block;
}

.footer p{
	color: #fff;
	padding-top: 15px;
	font-size: 15px;
}

.footer a{
	color: #fff;
	font-size: 15px;
}

.footer .navbar-nav{
	display: block;
	float: right;
}

.footer .navbar-nav li{
	padding-left: 20px;
	padding-top: 0;
	vertical-align: middle;
	font-size: 20px;
}

.footer li a:hover{
	background-color: transparent;
}

.is {
	padding-left: 10px!important;
}

.is a {
	font-size: 20px;
}