/* Common css properties
-------------------------------------------------------------------*/

@font-face
{
font-family:Gotham-Light;
src: url(../font/Gotham-Light.ttf);

}


* {padding:0;margin:0;}
body {padding:0;margin:0;font-family:Gotham-Light;font-size:20px;color:#333;background:#FFF;}
div, ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, span, img, input, form, em, strong {padding:0;margin:0;	list-style:none;}
img {border:none;outline:none;margin:0;padding:0;max-width:100%;}
a {outline:0;text-decoration:none;display:inline-block;}
a:hover {text-decoration:none;}
.fL{float:left;}
.fR{float:right;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Structural css properties
-------------------------------------------------------------------*/

#wrapper{display:block;width:100%;}

.row{margin:0 auto;max-width:970px;display:block;width:100%;}


/* Header css properties
-------------------------------------------------------------------*/
header{background:#FFF;}

header .topHead{width:100%;display:inline-block;position:relative;}

header .topHead h1{text-align:center;display:block;margin-top:8px;}

header .socialLinks{position:absolute;top:15px;right:0;display:block;}

header .socialLinks li{display:inline-block;padding-right:5px;}

nav{display:block;width:100%;margin-top:50px;}

nav ul{ display:inline-block;width:100%;text-align:center;}

nav li{display:inline-block;padding:0 5px;}

nav li span{display:inline-block;background:url(../images/smallBullet.png) no-repeat 0px 5px;height:12px;left:7px;margin:0 5px;position:relative;top:0px;width:6px;}

nav li:last-child span{ background:none;}

nav li a{font-size:20px;color:#555555;text-transform:none;height:30px;}

nav li a:hover{color:#587c04;height:30px;margin-bottom:-1px;}

.heroSlider{display:inline;width:100%;border-top:1px solid #f2f2f2;}

/*  Carousel CSS
-------------------------------------------------------------------*/

.jcarousel-wrapper{position:relative;text-align: center; width:100%;}

.jcarousel{position:relative;overflow:hidden;width:100%;}

.jcarousel ul{width:20000em;position:relative;list-style:none;margin:0;padding:0;}

.jcarousel li {float:left;position:relative;}

.jcarousel li p{position:absolute;top:5%;left:14%;color:#587c04;font-size:32px;text-transform:uppercase;line-height:40px;}

.jcarousel img {max-width:100%;height: auto !important;}

/** Carousel Controls 

.jcarousel-control-prev, .jcarousel-control-next{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;text-align:center;background:#4E443C;color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;font-size:24px;}

.jcarousel-control-prev {left:15px;}

.jcarousel-control-next {right:15px;}

**/

/** Carousel Pagination **/

.jcarousel-pagination {position:absolute;bottom:9px;left:45%; margin: 0;}

.jcarousel-pagination a {display: inline-block;background:url(../images/slideCircle.png) no-repeat;	width:16px;	height:16px;text-indent: -9999px;margin-right: 7px;}

.jcarousel-pagination a.active {background: url(../images/slideCircleAct.png) no-repeat;width:16px;height:16px;}


/*  About us Page Start from Here
-------------------------------------------------------------------*/

#About{border-bottom:1px solid #f2f2f2;width:100%;display:block;margin-top:120px;padding-bottom:80px;}

.aboutMission{display:inline-block;width:100%;}

.aboutMission .leftDiv{display:inline-block;width:313px;float:left;padding-right:10px;}

.aboutMission .leftDiv h2{color:#8fb239;font-size:29px;text-transform:uppercase;font-weight:normal;margin-bottom:20px;}

.aboutMission .leftDiv p{color:#555555;font-size:20px;line-height:28px;}

.aboutMission .icecreamCone{float:left;text-align:center;width:313px;padding-left:10px;}

.aboutMission .rightDiv{display:inline-block;width:313px;float:left;padding-left:11px;text-align:right;}

.aboutMission .rightDiv h2{color:#f393bc;font-size:29px;text-transform:uppercase;font-weight:normal;margin-bottom:20px;}

.aboutMission .rightDiv p{color:#555555;font-size:20px;line-height:28px;}


/*  Flavour Page Start from Here
-------------------------------------------------------------------*/

#Flavour{display:block;margin-top:60px;padding:10px;}

.flrs{display:block;width:100%;}

.flrs h3{font-size:32px;color:#555555;text-transform:uppercase;text-align:center;margin-bottom:10px;font-weight:normal;}

.flrs p{color:#555555;font-size:20px;line-height:26px;text-align:center;}

.Gelati{display:inline-block;width:100%;position:relative;margin-top:50px;}

.Gelati h4{font-size:21px;color:#587c04;text-align:center;margin-bottom:10px;}

.Gelati li, .Sorbetti li{display:inline-block;float:left;text-align:center;}

.Gelati li a, .Sorbetti li a{color:#898989;font-size:15px;width:250px;cursor:default;}

.Gelati li a span, .Sorbetti li a span{width:100%;display:block;text-align:center;border-top:1px solid #ececec;padding-top:10px;}

.Gelati .jcarousel-prev, .Sorbetti .jcarousel-prev{position:absolute;top:80px;left:0px;background:url(../images/leftArrow.png) no-repeat;width:15px;height:44px;}
	
.Gelati .jcarousel-next, .Sorbetti .jcarousel-next{position:absolute;top:80px;right:0px;background:url(../images/rightArrow.png) no-repeat;width:15px;height:44px;}	

.Sorbetti{display:inline-block;width:100%;position:relative;margin-top:50px;}

.Sorbetti h4{font-size:21px;color:#f393bc;text-align:center;margin-bottom:10px;}


/*  Get In Touch Page Start from Here
-------------------------------------------------------------------*/

#GetInTouch{background:#f9f9f9;display:block;width:100%;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;margin-top:80px;padding-bottom:60px;padding-top:60px;}

.getinToch{background:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ebebeb;}

.getinToch .ForminnerDiv{width:73%;margin:0 auto;}
.getinToch .successMessage{width:73%;margin:0 auto;}
.getinToch .ForminnerDiv h3{font-size:32px;color:#555555;text-transform:uppercase;text-align:center;margin-bottom:10px;margin-top:30px;width:100%;font-weight:normal;}
		
.getinToch .ForminnerDiv p{color:#555555;font-size:20px;line-height:26px;text-align:center;}

.getinToch .ForminnerDiv em{text-align:center;display:block;color:#646464;font-size:18px;margin-top:15px;}

.getinToch .ForminnerDiv span{text-align:right;display:block;width:70%;}

.getinToch .formDiv{display:block;}

.getinToch .formDiv button{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#8fb239;border:none;float:right;color:#FFF;font-size:18px;text-transform:uppercase;padding:8px 28px;cursor:pointer;font-family:Gotham-Light;margin-top:10px;}

.getinToch .formDiv button:hover{background:#9ec53f;}

.getinToch .formDiv p{color:#587c04;}

.getinToch .formContent{display:inline-block;width:50%;float:left;}

.getinToch .formContent li{ display:block;margin-bottom:5px;}

.getinToch .formContent input, .getinToch .formContent textarea{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#FFF;border:1px solid #ebebeb;font-size:16px;color:#555555;padding:12px;width:92%;font-family:Gotham-Light;-moz-box-shadow:inset 0 0 12px #f3f3f3;-webkit-box-shadow:inset 0 0 12px #f3f3f3;box-shadow:inset 0 0 12px #f3f3f3;}

.getinToch .formContentRight{display:inline-block;width:50%;}

.getinToch .formContentRight textarea{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#FFF;border:1px solid #ebebeb;font-size:16px;color:#555555;padding:12px;width:92%;font-family:Gotham-Light;-moz-box-shadow:inset 0 0 12px #f3f3f3;-webkit-box-shadow:inset 0 0 12px #f3f3f3;box-shadow:inset 0 0 12px #f3f3f3;height:160px;}


/*  Location Page Start from Here
-------------------------------------------------------------------*/

#Location{display:block;margin-top:50px;}

.LocationMap{ display:block;padding-left:0%;width:100%;}
.LocationMap h3{font-size:32px;color:#555555;text-transform:uppercase;text-align:center;margin-bottom:50px;font-weight:normal;}


/*  Footer Page Start from Here
-------------------------------------------------------------------*/

footer{background:#fcfcfc;width:100%;display:inline-block;}

.footerDiv{display:inline-block;width:100%;padding:50px 0;}

.footerDiv .links{display:block;width:230px;padding-right:10px;float:left;}

/*.footerDiv .links li{padding-bottom:5px;background:url(../images/linkArrow.gif) no-repeat 0px 8px;padding-left:15px;}

.footerDiv .links li a{font-size:13px;color:#555555;}*/

.footerDiv .links .innerDivF{background:#FFFFFF;border:1px solid #e7e7e7;padding:12px;display:block;width:196px;font-size:16px;text-align:center;margin-top:0px;height:130px;}

.footerDiv .links h5{font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:16px;margin-bottom:20px;}

.footerDiv .links h6{font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin-bottom:20px;}

.footerDiv .links p{line-height:25px;}

.footerDiv .links a{color:#00aaea;}




.footerDiv .facebookDiv{display:block;width:258px;padding-right:8px;float:left;}

.footerDiv .facebookDiv .innerContent{background:#FFFFFF;border:1px solid #e7e7e7;display:block;width:246px;float:left;margin-top:0px;height:154px;}

.footerDiv .facebookDiv .innerContent .row1{display:block;padding-bottom:5px;float: left;width:100%;height:150px;}

#facebook .pam{ padding:5px !important;}

.footerDiv .ft{display:inline-block;margin-left:10px;}

.footerDiv .ft p{color:#3d5b99;font-size:12px;margin-bottom:2px;}

.footerDiv .bubble{display:inline-block;background:url(../images/bubble.gif) no-repeat;width:57px;height:20px;text-align:center;color:#898989;font-size:12px;padding-top:5px;margin-top:15px;margin-left:10px;}

.footerDiv .facebookDiv .innerContent .row2{display:inline-block;width:100%;margin-top:12px;}

.footerDiv .facebookDiv .innerContent li{display:inline-block;padding-right:12px;}

.footerDiv .facebookDiv .innerContent li a span{ display:block;text-align:center;font-size:11px;color:#3d5b99;}

.footerDiv .facebookDiv .innerContent li:last-child{padding-right:0;}

.footerDiv .twitterDiv{display:block;width:222px;padding-right:11px;float:left;}

.footerDiv .twitterDiv p{font-size:13px;color:#636363;line-height:20px;}

.footerDiv .twitterDiv p a.bluClr{color:#0077a4;margin-top:20px;margin-bottom:5px;}

.footerDiv .twitterDiv p.hrs{color:#555555;}

#twitter iframe{height:156px;width:215px;}

#twitter iframe .timeline{border-radius:0px !important;}

.footerDiv .CameraDiv{display:block;width:230px;float:left;}

.footerDiv .CameraDiv p{margin-top:20px;}

footer .copyright{background:#f5f5f5;display:block;border:1px solid #ededed;padding:15px 0;}

footer .copyright p{text-align:center;font-size:15px;color:#898989;}

.order-buttons {text-align:center;padding-bottom:36px;}
.order-buttons img {height: 50px;}
.order-buttons a {display:inline-block;}
.order-buttons .doordash img {width: 180px;height:46px;margin-bottom:2px;}
.order-buttons .grubhub img {width: 245px;margin:0 36px;}
.order-buttons .eat24 img {width: 245px;}

.minNav{display:none;}


/** Gelati Carousel **/
.jcarousel_1-wrapper{position:relative;width:100%;}

.jcarousel_1 { position: relative;overflow:hidden;}

.jcarousel_1 ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}

.jcarousel_1 img {display: block;height: auto !important;}

/** Carousel Controls **/
.jcarousel_1-control-prev {position:absolute;top:80px;left:0px;background:url(../images/leftArrow.png) no-repeat;width:15px;height:44px;}

.jcarousel_1-control-next {position:absolute;top:80px;right:0px;background:url(../images/rightArrow.png) no-repeat;width:15px;height:44px;}


/** Sorbetti Carousel **/
.jcarousel_2-wrapper{position:relative;width:100%;}

.jcarousel_2 { position: relative;overflow: hidden;}

.jcarousel_2 ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}

.jcarousel_2 img {display: block;height: auto !important;}

/** Carousel Controls **/
.jcarousel_2-control-prev {position:absolute;top:80px;left:0px;background:url(../images/leftArrow.png) no-repeat;width:15px;height:44px;}

.jcarousel_2-control-next {position:absolute;top:80px;right:0px;background:url(../images/rightArrow.png) no-repeat;width:15px;height:44px;}

.addpopUp{width:310px;display:block;background:#FFF;font-size:14px;color:#b7b7b7;text-align:center;}

.addpopUp .mapContent{display:block;padding:27px;}

.addpopUp h6{font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:16px;}

.addpopUp p{line-height:22px;}

.addpopUp a{color:#00aaea;}

.instagram{border:none; overflow:hidden; width:221px; height:156px;}





























.footerDiv .facebookDiv h5:after {
    border-color: #e1e1e1 #e1e1e1;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:96%;
}

.footerDiv .facebookDiv h5 {  
    border-color: #e1e1e1 #e1e1e1 -moz-use-text-color;
    border-image: none;
    border-width: 1px 1px medium;
    height:0px;
    letter-spacing: normal;
    margin-top: 20px;
    position: relative;
    text-align: center;
    text-rendering: optimizelegibility;

}


.footerDiv .facebookDiv h5 span {
   /* background: #fcfcfc url(../images/facbebookIcon.png) no-repeat;*/
    display: inline-block;
    position: relative;
    top: -20px;
    z-index: 1;
	/*width:30px;
	height:36px;*/
}



/*.footerDiv .links h5:after {
    border-color: #e1e1e1 #e1e1e1;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:96%;
}*/

.footerDiv .links h5 {
   
    border-color: #e1e1e1 #e1e1e1 -moz-use-text-color;
    border-image: none;
   	border-width: 1px 1px medium;
	height:0px;
    letter-spacing: normal;
    margin-top: 0px;
    padding-bottom: 5px;
    position: relative;
    text-align: center;
    text-rendering: optimizelegibility;

}


.footerDiv .links h5 span {
    /*background: #fcfcfc url(../images/linkBtm.png) no-repeat;*/
    display: inline-block;
    position: relative;
    top: -20px;
    z-index: 1;
	/*width:30px;
	height:36px;*/
}





.footerDiv .twitterDiv h5:after {
    border-color: #e1e1e1 #e1e1e1;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:96%;
}

.footerDiv .twitterDiv h5 {
   
    border-color: #e1e1e1 #e1e1e1;
    border-image: none;
   	border-width: 1px 1px medium;
	height:0px;
    letter-spacing: normal;
    margin-top: 20px;
    position: relative;
    text-align: center;
	margin-bottom:20px;

}


.footerDiv .twitterDiv h5 span {
   /* background: #fcfcfc url(../images/twitterIocn.png) no-repeat;*/
    display: inline-block;
    position: relative;
    top: -20px;
    z-index: 1;
	/*width:34px;
	height:36px;*/
}


















.footerDiv .CameraDiv h5:after {
    border-color: #e1e1e1 #e1e1e1;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:96%;
}

.footerDiv .CameraDiv h5 {
   
    border-color: #e1e1e1 #e1e1e1 -moz-use-text-color;
    border-image: none;
   	border-width: 1px 1px medium;
	height:0px;
    letter-spacing: normal;
    margin-top: 20px;
    position: relative;
    text-align: center;
    text-rendering: optimizelegibility;

}


.footerDiv .CameraDiv h5 span {
   /* background: #fcfcfc url(../images/cameraIcon.png) no-repeat;*/
    display: inline-block;
    position: relative;
    top: -20px;
    z-index: 1;
	/*width:35px;
	height:36px;*/
}

a.map{background:url(../images/map.png) no-repeat;height:312px;background-size:100% 100%;display:block;}

.successMessage h4{font-size:32px;color:#555555;text-transform:uppercase;text-align:center;font-weight:normal;margin-bottom:30px;}
.successMessage p{text-align:center;}
.successMessage p.message{color:#587c04;font-size:20px;}

.successMessage p.niceDay{font-style:normal;font-size:25px;color:#587c04;margin:20px 0;}