.homePageIntro {
	position:relative;
	margin-top:-24px;
	padding:0; 
} 
.homePageIntroImg {  
	width:100%;
	padding:0;
}
	.homePageIntroImg img { 
		position: relative; 
		width:100%;
		height:auto;
		z-index:0;
	}
.homePageIntroLinks { 
	position:absolute;
	top:30vh;
	right:0;
	width:45%;
	height:300px;
	background:rgba(1,1,1,.7);
	padding:66px;
}
	.homePageIntroLinks ul { 
		width:100%;
		height:120px; 
		padding:0;
	}
	.homePageIntroLinks li { 
		list-style:none;
		margin:10px 0;
		line-height:2.8rem;
	}
	.homePageIntroLinks li a { 
		font-size:2.4rem;
		font-weight:700;
		text-transform:uppercase;
		font-family: 'Oswald', sans-serif;	
		color:#ffffff;
	}	
.homePageIntroCarousel { 
	position:absolute;
	top:100px;
	left:15.8%;
	width:43%; 
}
	.homePageIntroCarousel img { 
		width:100%;
		height:auto; 
	}
.homePageIntroText { 
	position:absolute; 
	left:0;
	width:65%;  
	background:#d3d3d3; 	
	display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
	padding:3% 9% 5% 20%;
} 
	.homePageIntroText h4 { 
		font-size:3.2rem;
		font-weight:500;  
	} 
	.homePageIntroText p {     
		margin-top:20px;	
		color:#999999;
	} 
	.homePageIntroText img {  
		width:80px;	
		height:auto;
		margin-left:50px;
	} 
.homePageIntroGo {   
	position:absolute; 
	right:15%;
	bottom:-25px;
	width:50px;
	height:50px;
	border-radius:50%;
	background:#ffffff;
	text-align:center;
	line-height:65px;
	z-index: 1;
} 
.homePageIntroGo i {   
	color:#d3d3d3; 
	font-size:30px;
} 
 
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
} 
.carousel-fade .carousel-inner .active {
  opacity: 1;
} 
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
} 
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
} 
.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
 
.homePagePart2 {
	width:100%;
	height:80vh; 
	padding:0 10%;
}
.homePagePart2LeftCon {
	width:60%; 
	z-index:2 !important;
}
.homePagePart2Left {
	width:100%;
	height:calc(80vh + 100px);
	margin:-50px 0;
	background:#ffffff;
	display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
	padding:8% 13%;
	float:left; 
}
	.homePagePart2Left img { 
		width:98px;
		height:auto;
		margin-top:-6px;
	} 
	.homePagePart2Left h4 { 
		font-size:3.2rem;
		font-weight:500;  
	} 
	.homePagePart2Left p {     
		margin-top:20px;
		color:#999999;
	} 

.homePagePart2Right {
	float:left;
	width:45%; 
	height:100%;  
	display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
	padding:0;
	margin-left:-5%; 
}
.homePagePart2Box {
	float:left;
	width:46%; 
	height:180px; 
	margin:2%; 
	font-size:2.0rem;
	color:#7e8007;
	font-weight:500;  
	display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
	z-index:2 !important;
	overflow:hidden;
	background:transparent;
}
.homePagePart2Right img { 
	width:auto; 
	height:100%;  
}
/*
.homePagePart2Box1 { 
	background:#cee007;
}
.homePagePart2Box2 { 
	background:#aaba0a;
	color:#ffffff;
}
.homePagePart2Box3 { 
	background:#878905;
	color:#ffffff;
}
*/
.homePagePart2Box4 { 
	background:transparent;
}
.homePagePart2Box4 img { 
	width:70%;
	height:auto;
}

.homePagePart3 {
	width:100%;
	height:auto; 
	padding:0;
	background:#e7e7e7;
	z-index:1;
}
.homePagePart3Img { 
	width:100%;
	height:auto;
	margin-top:0;
	padding:0; 
}
.homePagePart3Img img { 
	width:100%;
	height:auto;
	float:left;
}
.homePagePart3Bottom {
	width:100%;
	padding:0 12% 0 11%; 
	text-align:center;
	position:relative;
}
.homePagePart3Title {
	width:100%; 
	position:absolute;
	left:0;
	top:70px;
	padding:0 24%; 
	z-index:1;  
}
.homePagePart3Title h2, .homePagePart3Title h3 {
	color:#e3e3e3; 
	font-family:'Lato', sans-serif;
	font-size:3.2rem;
	font-weight:400;
	letter-spacing:5px;
}
.homePagePart3Text {
	width:60%;   
}
.homePagePart3Inside {
	width:100%; 
	position:absolute;
	left:0;
	bottom:-360px;
	background:#e3e3e3; 
	padding:50px 13% 50px 13%;
}
	.homePagePart3Text h3 {   
		text-align:left;
	} 
	.homePagePart3Text p {   
		margin-top:20px;
		color:#999999;
		text-align:left;
	}  
	.homePagePart3Text .cateringBtn {   
		margin-top:40px;
	} 

.homePagePart4 {
	width:100%;
	height:auto;  
	margin:0;  
	position:relative;
	background:#ffffff;
	z-index:0;
	text-align:center; 
}
.homePagePart4Middle {
	text-align:center; 
	border-bottom:2px solid #b69469;
	position:absolute;
	top:490px; 
	left:50%;
	margin-left:-80px;
	width:160px; 
	height:60px;
	z-index:1;
}
.homePagePart4MiddleH4 {
	width:260px;  
	margin-left:70px; 
}
.homePagePart4Middle h4 {
	font-family:'Lato', sans-serif;
	font-size:1.8rem;
	font-weight:400; 
	color:#b69469; 
	letter-spacing:5px;
}
.homePagePart4Left {
	background:#f2f2f2;
	padding:430px 0 120px 0; 
}
.homePagePart4Img {
	position:relative;
}
.homePagePart4Img img {
	height:auto;
	width:80%; 
}
.homePagePart4Img1 {
	position:absolute;
	top:80px;
	left:10%;
}
.homePagePart4Img2 {
	position:absolute;
	top:160px;
	left:20%;
}
.homePagePart4Text {
	padding:400px 20% 50px 20%; 
	 
}
	.homePagePart4 h3 {   
		text-align:left;
	} 
	.homePagePart4 p {   
		color:#999999;
		text-align:left;
	}  
	.homePagePart4 .cateringBtn {   
		margin-top:40px;
	} 
.homePagePart4Right { 
	position:relative;
}

.homePagePart4RightInside {
	position:absolute;
	top:680px; 
	right:5%;
	width:100%;
	z-index:1;box-shadow: 15px 5px 15px #f2f2f2;
}

.homePagePart5 {
	width:100%;
	float:left;
	padding:50px 10% 100px 10%;
	height:auto; 
	text-align:center; 
	text-align:left;
	
}
.homePageBlog {    
	text-align:center;  
	position:relative;
	margin:15px 0;
} 
.homePageBlogImg {   
	height:150px;
}
.homePageBlogImgV {
	height:400px; 
	position:relative;
	overflow:hidden;
}
.homePageBlogImgVHover { 
	height:400px; 
	position:absolute;
	top:0;
	left:0;
	padding:0 15%;
	background:rgba(1,1,1,0.4);
	text-align:center; 
	display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
 
}
.homePageBlogTitle {  
	background:#ffffff;
	height:200px;
	text-transform:uppercase;
	padding:20px;
}  	
	.homePagePart5 h3 { 
		font-family:'Lato', sans-serif;
		font-size:1.8rem;
		line-height:2.5rem;
		font-weight:400; 
		color:#999999;
	} 
	.homePagePart5 p {   
		color:#999999;
		text-align:left;
		font-size:1.3rem;
	}  
	.homePageBlogTitle p {   
		color:#999999;
		text-align:left;
		font-size:1.2rem;
		text-decoration:underline;
		text-align:center;
	}  
.homePageBlogImgVHover h3 { 
	font-family:'Lato', sans-serif;
	 color:#ffffff;
} 
.homePageBlogImgVHover i {  
	 color:#ffffff;
}
.homePageBlogImgVHover span {  
	 color:#ffffff;
}
.homePageBlogDate {  
	background:#ffffff;
	border-top:1px solid #f2f2f2;	
	height:50px;
	padding:15px 25px;
} 
.homePageBlogImg img {
	height:auto;
	width:100%;  
}
.homePageBlogImgV img {
	height:100%;
	width:auto; 
}
 
@media (min-width : 992px) and (max-width : 1199px) {	
	.homePageIntroLinks { 
		top:180px; 
	} 
	.homePageBlogImg img {
		height:100%;
		width:auto; 
	}
	
}	
@media (min-width : 768px) and (max-width : 991px) {	
	.homePageIntroLinks { 
		top:120px; 
	}  
	.homePageBlogImgV img {
		height:auto;
		width:100%; 
	}	
	
}
@media (min-width : 768px) and (max-width : 1199px) {	 
	.homePageIntroText { 
		position:static;  
		width:100%;   	 
		padding:5% 10% 90px 10%;
	} 
	.homePagePart2 { 
		height:auto; 
		padding:0 5%;
	}
	.homePagePart2LeftCon {
		width:100%;  
		padding:0;
	}
	.homePagePart2Left {  
		height:auto;
		margin:-50px 0; 
		padding:50px 10% 10px 10%; 
	} 
	.homePagePart2Right { 
		width:100%;   
		height:100%;  
		margin:50px 0 0 0; 
		margin-left:0;
		background:#ffffff; 
		padding:10px 8% 50px 8%; 
	}

	.homePagePart2Box4 img { 
		width:40%;
		height:auto;
	}
	.homePagePart3 { 
		padding:20px 0 230px 0; 
	}
	 
	.homePagePart3Text {
		width:100%;   
	}
	.homePagePart3TitleH3 h3 {
		font-size:2.8rem;  	
	}
	.homePagePart3Btn {  
		margin-top:30px;
	} 
 
.homePagePart4Middle { 
	top:150px;  
}  
.homePagePart4Left { 
	padding:180px 0 80px 0; 
} 
.homePagePart4Img1 { 
	left:5%;
}
.homePagePart4Img2 { 
	top:140px;
	left:15%;
}
.homePagePart4Text {
	padding:300px 20% 50px 20%; 
	 
}   
.homePagePart4RightInside {
	position:absolute;
	top:480px; 
	right:5%;
	width:100%;
	z-index:1;box-shadow: 15px 5px 15px #f2f2f2;
}


}	
@media (max-width: 767px) {
	.homePageIntro {
		margin-top:0;
		height:88vh;  
	} 
	.homePageIntroImg { 
		padding:0 !important;
		position:relative;
		margin:0;  
		width:100%;
		height:100vh; 
	}
	.homePageIntroImg img.appHomepageCenterImg { 
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:auto;  
	}	
	.homePageIntroImg .appHomepageLogo {  
		width:70%;
		height:auto; 
		position:absolute;
		top:160px;
		left:15%;  
	}	 
	.homePageIntroLinks {  
		top:auto;
		bottom:10vh;
		right:15%;
		width:70%;
		height:auto;
		background:transparent;
		padding:0;
	}
		.homePageIntroLinks ul { 
			width:100%;
			height:auto; 
			padding:0;
		}
		.homePageIntroLinks li { 
			list-style:none;
			margin:10px 0;
			padding:10px 20px;
			text-align:center;
			line-height:2.8rem;
			background:rgba(1,1,1,.7);
			border-radius:5px;
		}
		.homePageIntroLinks li a { 
			font-size:2.4rem;
			font-weight:700;
			text-transform:uppercase; 
			color:#ffffff;
		}
	.homePagePart2 {
		width:100%;
		height:auto; 
		padding:0;
		background:#ffffff;
	}
	.homePagePart2Right { 
		width:100%; 
		height:auto;  
		display:flex;
		align-items: center; /* Vertical center alignment */
		justify-content: center; /* Horizontal center alignment */
		padding:0;
		margin-left:0;
		z-index:1;
		padding:0; 
	}
	.homePagePart2Box {
		float:left;
		width:50%; 
		height:200px; 
		margin:0;
	}
	.homePagePart3 { 
		padding:20px 0 60px 0;
		background:#ffffff;
		z-index:0;
	}
	.homePagePart3Title {
		width:100%; 
		height:auto; 
		padding:0;
	}
	.homePagePart3TitleImg {
		width:100%;
		height:auto;
		padding:0 20px; 
		z-index:-1;
	}  
	.homePagePart3TitleH3 {
		width:100%;
		height:auto;  
		position:static;  
		padding:40px 40px 0 40px; 
		text-align:center;
		display:flex;
		align-items: center; /* Vertical center alignment */ 
	}
	.homePagePart3TitleH3 h3 {
		font-size:2.8rem; 	
	}
	.homePagePart3Img { 
		width:100%;
		height:auto;
		padding:0; 
	}
	.homePagePart3Img img { 
		width:100%;
		height:auto; 
		float:left;
	}
	.homePagePart3Btn { 
		width:100%;
		height:auto;
		text-align:center;
		z-index:1;
		margin-top:-40px;
		padding:0 40px;
	} 
	.cateringBtn {   
		margin-top:20px;
	} 
 		 
	.homePagePart4 {
		width:100%;
		height:auto;
		padding:0;
		text-align:center; 
	}
	.homePagePart4 img {
		width:100%;
		height:auto; 
		margin-top:0;
	}
	

}


























.topOfTopNavbarApp {
	position:relative;
	width:100%;
	margin:0;
	height:24px;
	background:#fbfbfb;
	padding:0;
	font-size:12px;
	line-height:12px; 
} 
.topOfTopNavbarApp .flt-left { 
	padding:0 0 0 5%;
	z-index:30;
}
.topOfTopNavbarApp .flt-right { 
	padding:5px 5% 5px 0;
}
.com_content.view-featured .topOfTopNavbarApp { 
	background:transparent; 
	z-index:10;
} 

.topNavbarApp {
	top:24px;
	right:0;
	position:absolute;
	z-index:10;
	width:100%;
	height:60px;
	padding:0 5%;
	background:transparent;  
	box-shadow: 1px 2px 5px #cccccc; 
} 
body.itemid-101 .topNavbarApp {  
	box-shadow: 0 0 0 transparent;
} 

@media screen and (max-width:991px) {
	.topNavbarApp { 
		box-shadow: 1px 2px 5px #cccccc; 
	} 	
}	
.topNavbarApp.isMoving, body.itemid-101 .topNavbarApp.isMoving {
	top:0; 
	position:fixed;
	background:#f2f2f2;
	box-shadow: 1px 2px 5px #cccccc; 
} 

.fistTabIsOpen .topNavbarApp, .secondTabIsOpen .topNavbarApp, .thirdTabIsOpen .topNavbarApp { 
	background:#f2f2f2;
} 
.topNavbarAppBoxes  {   
	float:left;
	height:60px; 
	text-align:center; 
}
.topNavbarAppBox1  {  
	cursor:pointer; 
	float:left;
	background: url("../images/icons/main-menu.png") no-repeat left center;
	background-size:20px 20px;
	width: 60px;
	height: 60px; 
} 
.topNavbarAppBox2  { 
	cursor:pointer; 
	float:left;
	background: url("../images/icons/menu.png") no-repeat left center;
	background-size:20px 20px;
	width: 80px;
	height: 60px; 
	line-height: 60px; 
	text-align:left;
} 
.topNavbarAppBox2 span  {  
	margin-left:25px;
	color:#999999;
}  
.topNavbarAppBox3  {  
	width:calc(100% - 260px);  
}
	.topNavbarAppLogoHolder  {  
		width:60px; 
		height:60px; 
		text-align:center;
		margin:0 auto;
		padding:5px !important; 
	}
	.topNavbarAppLogoHolder img {  
		width:100%; 
		height:auto;  
		margin:0 auto;
		padding:0 !important; 
		display:block; 
	}
	.topNavbarAppSicilyLogoHolder  {  
		width:247px; 
		height:50px; 
		text-align:center;
		margin:0 auto;
		padding:10px !important; 
	}
	.topNavbarAppSicilyLogoHolder img {  
		width:100%; 
		height:auto;  
		margin:0 auto;
		padding:0 !important; 
		display:block; 
	}
	.com_content.view-featured .topNavbarAppBox3 img { 
		display:none; 
	} 
@media screen and (max-width:668px) {
	.topNavbarAppSicilyLogoHolder  {  
		width:198px; 
		height:40px;  
		padding:15px !important; 
		display:block;
	}
}
@media screen and (max-width:480px) {
	.topNavbarAppSicilyLogoHolder  {  
		display:none;
	}
}	
.topNavbarAppBox4  {  
	cursor:pointer; 
	float:left; 
	width: 60px;
	height: 60px; 
	position: relative; 
} 
.topNavbarAppBox5  { 
	cursor:pointer; 
	position: relative; 
	float:left;
	background: url("../images/icons/cart.png") no-repeat #ffffff;
	background-position: center 16px;
	background-size:28px 28px;
	width: 60px;
	height: 60px; 
	padding-top:34px;
	text-align:center; 
	border-radius:2px;
}  
.com_content.view-featured .topNavbarAppBox5  {  
	background: url("../images/icons/cart.png") no-repeat;
	background-size:28px 28px; 
	background-position: center 16px;
} 
.com_content.view-featured .topNavbarApp.isMoving .topNavbarAppBox5 {
	background: url("../images/icons/cart.png") no-repeat #ffffff;
	background-size:28px 28px;
	background-position: center 16px;
    transition: all 0.2s ease-out 0.2s;
}
.com_content.view-featured .topNavbarAppBox5.addedToCart, 
.com_content.view-featured .topNavbarApp.isMoving .topNavbarAppBox5.addedToCart,
.topNavbarAppBox5.addedToCart {  
	background-position: center 9px;
} 
.topNavbarPriceHolder  {   
	font-size:1.2rem;
	padding:1px; 
	width: auto;
	color:#848C00; 
} 
.topNavbarQtyHolder .badge  {   
	font-size:1rem;
	position:absolute;
	padding:2px; 
	top:4px; 
	right:4px; 
	background:#A8B812; 
	color:#ffffff; 
} 
.topNavbarLocation {
	position: absolute; 
	top: 17px;
	right: -moz-calc(50% - 5px);
	right: -webkit-calc(50% - 5px);
	right: calc(50% - 5px);
	height: 38px;
	width: 38px;   
}
.topNavbarLocationPin {
  width:14px;
  height:14px;
  border-radius:50% 50% 50% 0;
  background:#999999;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 20%;
  margin: -5px 0 0 -9px;
  animation-name: locationPin;
  animation-fill-mode: both;
  animation-duration :1s; 
} 
.topNavbarLocationPin:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px; 
    right: 6px;
    top: 6px;
    background: #F4F4F4;
    border-radius: 50%;
}    
.topNavbarLocationPulse {
  background: #e5e5e5;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  left: 50%;
  top: 20%;
  margin: 10px 0px 0px -8px;
  transform: rotateX(55deg);
  z-index: -2; 
}    
.topNavbarLocationPulse:after {
    content: "";
    border-radius: 50%;
    height: 25px;
    width: 25px;
    position: absolute;
    margin: -7px 0 0 -13px;
    animation: locationPulse 2s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0;
    box-shadow: 0 0 1px 2px #dddddd;
    animation-delay: 1.1s;
} 
@keyframes locationPulse {
  0% {
    transform :scale(0.1, 0.1);
    opacity: 0.0;
	}
  50% {
    opacity: 1.0;
	}
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
	}
}
@keyframes locationPin {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
	}
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
	}
  80% {
    transform: translateY(-10px) rotate(-45deg);
	}
  100% {
    transform: translateY(0) rotate(-45deg);
	}
}
.tabsInsideContent {
	padding:0 100px;
	text-align:left;
}
#firstTabInside, #secondTabInside, #thirdTabInside { 
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
	z-index:10;
	-webkit-transition:all 300ms ease 0ms;
	-moz-transition:all 300ms ease 0ms;
	-o-transition:all 300ms ease 0ms;
	transition:all 300ms ease 0ms;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	width:100%; 	
	height: 100%;
	overflow-y:scroll;
	overflow-x:hidden;
	position:fixed;
	top: -100%;
	right:0;
	opacity:0; 
	background-color: rgba(255, 255, 255, 0.95);
} 
.fistTabIsOpen #firstTabInside, .secondTabIsOpen #secondTabInside, .thirdTabIsOpen #thirdTabInside { 
	-webkit-transform:translate(0, 100%);
	-moz-transform:translate(0, 100%);
	-ms-transform:translate(0, 100%);
	-o-transform:translate(0, 100%);
	transform:translate(0, 100%);
	-webkit-transform:translate3d(0, 100%,0);
	-moz-transform:translate3d(0, 100%,0);
	-ms-transform:translate3d(0, 100%,0);
	-o-transform:translate3d(0, 100%,0);
	transform:translate3d(0, 100%,0);
	top:-100%;
	opacity:1; 
	padding-top:100px;
}
.fistTabIsOpen .topNavbarApp.isMoving #firstTabInside, 
.secondTabIsOpen .topNavbarApp.isMoving #secondTabInside, 
.thirdTabIsOpen .topNavbarApp.isMoving #thirdTabInside {  
	padding-top:70px;
} 

.topNavbarApp .topNavbarAppClose {
	display: block;
	position: fixed;
	top: 30px;
	right: 15px;
	width: 44px;
	height: 44px;
	cursor: pointer;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url("../images/icons/oniue-icon-close.svg") no-repeat center center; 
}




.firstTabInside {
	padding:7% 0 0 0; 
}
.topNavbarAppLeft {
	padding:10px 0 0 0;  
}
.topNavbarAppLeft ul {
	padding:20px 0 0 0; 
	margin:0;
}
.topNavbarAppLeftUl ul {
	padding:40px 0 0 0; 
}
.topNavbarAppLeftUl { 
	padding:10px 0 0 40px;
	font-family: 'Comfortaa', cursive;
} 
.topNavbarAppLeft ul li {
	list-style:none;
	color:#999999;
	padding:4px 0;
}
.topNavbarAppLeft ul a { 
	color:#999999;
}

.topNavbarAppLeftTypo {
	background:#878905;
	padding:0; 
}
.topNavbarAppLeftImg {  
	height:50px;
	padding:10px 20px 10px 10px; 
	text-align:left;
	text-align:right;
}
.topNavbarAppLeftImg img {
	height:100%;
	width:auto;
}

.topNavbarAppRight {
	margin-top:90px; 
	font-family: 'Expletus Sans', cursive;
	font-size:4rem;
	text-transform:uppercase;
	font-weight:bold;
}
.topNavbarAppRight ul li {
	list-style:none;
	color:#999999;
} 

@media (max-width: 767px) {
	.topOfTopNavbarApp {
		display:none;
	} 	
	.topNavbarApp {
		top:0; 
		padding:0 20px; 
	}  
	.topNavbarAppBox2  {  
		background: url("../images/icons/menu.png") no-repeat 10px center;
		background-size:20px 20px;
		width: 60px;
		height: 60px;  
	} 
	.topNavbarAppBox2 span  {  
		display:none;
	} 
	.topNavbarAppBox3  {  
		width:calc(100% - 240px);  
	}
	#firstTabInside, #secondTabInside, #thirdTabInside {  
		width:100%; 
		right:0;
		left:0;
	}
	.topNavbarLocation { 
		right: -moz-calc(50% - 15px);
		right: -webkit-calc(50% - 15px);
		right: calc(50% - 15px);   
	}
	.tabsInsideContent {
		padding:0; 
	}
.firstTabInside {
	padding:0;
}
.topNavbarAppRight {
	margin-top:0;  
	font-size:2rem; 
	padding:40px 0 0 0;
	width:200px;
	margin:0 auto; 
}
.topNavbarAppRight ul {
	padding:0; 
}
.topNavbarAppRight ul li {
	padding:5px 0; 
}

.topNavbarAppLeft {
	padding:10px 0 0 0;
	width:200px;
	margin:0 auto; 
}  
.topNavbarAppLeftUl { 
	padding:10px 0 0 0;
} 
.topNavbarAppLeft ul {
	padding:0; 
}
.topNavbarAppLeftUl ul {
	padding:0; 
} 
.topNavbarAppLeft ul li { 
	padding:4px 0;
}
}
/* --------------------------------  
	General style 
-------------------------------- */ 
.loader { 
	width: 180px;
	height: 180px;
	margin:0 auto;
	background:url("../images/assets/sipipa-86x86.png") center center no-repeat;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#overlay {
	background: rgba(255,255,255,0.4);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 25%;
}
  



  
/* ********************************  
	Bounce Menu 
******************************** */  
.oniue-menu-modal {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
	-moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
	transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}
.oniue-menu-modal.fade-in {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.1s 0s, visibility 0s 0s;
	transition: opacity 0.1s 0s, visibility 0s 0s;
}
.oniue-menu-modal .oniue-close {
	display: block;
	position: fixed;
	top: 30px;
	right: 15px;
	width: 44px;
	height: 44px;
	cursor: pointer;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url("../images/icons/oniue-icon-close.svg") no-repeat center center;
	-webkit-transform: scale(0) translateZ(0);
	-moz-transform: scale(0) translateZ(0);
	-ms-transform: scale(0) translateZ(0);
	-o-transform: scale(0) translateZ(0);
	transform: scale(0) translateZ(0);
	-webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
	transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.oniue-menu-modal.fade-in .oniue-close {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
	-moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
	transition: transform 0.3s 0s, visibility 0.3s 0s;
}
@media only screen and (min-width : 1200px) {
  .oniue-menu-modal .oniue-close {top: 60px;}
} 
.oniue-menu-nav {
	position: absolute;
	left: 44%;
	top: 46vh;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 90%;
	max-width: 300px;
}
.oniue-menu-nav li {
	width: 33.33%;
	float: left;
	text-decoration:none;
	list-style:none;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translateY(100vh);
	-moz-transform: translateY(100vh);
	-ms-transform: translateY(100vh);
	-o-transform: translateY(100vh);
	transform: translateY(100vh);
	text-align: center;
}
.is-visible .oniue-menu-nav li {
	/* used to assign a tranlsateY value when the animation is over */
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.fade-in .oniue-menu-nav li {
	-webkit-animation: cd-move-in 0.4s;
	-moz-animation: cd-move-in 0.4s;
	animation: cd-move-in 0.4s;
}
.fade-out .oniue-menu-nav li {
	-webkit-animation: cd-move-out 0.4s;
	-moz-animation: cd-move-out 0.4s;
	animation: cd-move-out 0.4s;
}
.fade-in .oniue-menu-nav li, .fade-out .oniue-menu-nav li {
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.fade-in .oniue-menu-nav li:nth-of-type(2), .fade-out .oniue-menu-nav li:nth-of-type(2) {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.fade-in .oniue-menu-nav li:nth-of-type(3), .fade-out .oniue-menu-nav li:nth-of-type(3) {
	-webkit-animation-delay: 0.15s;
	-moz-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.fade-in .oniue-menu-nav li:nth-of-type(4), .fade-out .oniue-menu-nav li:nth-of-type(4) {
	-webkit-animation-delay: 0.25s;
	-moz-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.fade-in .oniue-menu-nav li:nth-of-type(5), .fade-out .oniue-menu-nav li:nth-of-type(5) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.fade-in .oniue-menu-nav li:nth-of-type(6), .fade-out .oniue-menu-nav li:nth-of-type(6) {
	-webkit-animation-delay: 0.35s;
	-moz-animation-delay: 0.35s;
	animation-delay: 0.35s;
}
.fade-in .oniue-menu-nav li:nth-of-type(6), .fade-out .oniue-menu-nav li:nth-of-type(6) {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.fade-in .oniue-menu-nav li:nth-of-type(6), .fade-out .oniue-menu-nav li:nth-of-type(6) {
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
	animation-delay: 0.45s;
}
.fade-in .oniue-menu-nav li:nth-of-type(6), .fade-out .oniue-menu-nav li:nth-of-type(6) {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.oniue-menu-nav a {
	display: inline-block;
	min-width: 80px;
	height: 80px;
	position: relative;
	padding: 65px 0 0 0;
	margin-bottom: 30px;
	color: #252525;
	font-size:1.4rem;
}
.oniue-menu-nav a:hover {
	text-decoration:none;
	color: #111111; 
}
.oniue-menu-nav a::before {
	/* icons */
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 80px;
	width: 80px;  
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100%;
}
.no-touch .oniue-menu-nav a:hover::before   {background-color: #DC965A;}
.oniue-menu-nav li:nth-of-type(1) a::before {background-image: url("../../../images/sipipa/icons/pizza.svg");}
.oniue-menu-nav li:nth-of-type(4) a::before {background-image: url("../../../images/sipipa/icons/pitas.svg");}
.oniue-menu-nav li:nth-of-type(3) a::before {background-image: url("../../../images/sipipa/icons/pastas.svg");}
.oniue-menu-nav li:nth-of-type(2) a::before {background-image: url("../../../images/sipipa/icons/salads.svg");}
.oniue-menu-nav li:nth-of-type(5) a::before {background-image: url("../../../images/sipipa/icons/subs.svg");}
.oniue-menu-nav li:nth-of-type(7) a::before {background-image: url("../../../images/sipipa/icons/appetizers.svg");} 
.oniue-menu-nav li:nth-of-type(6) a::before {background-image: url("../../../images/sipipa/icons/wings.svg");}
.oniue-menu-nav li:nth-of-type(8) a::before {background-image: url("../../../images/sipipa/icons/desserts.svg");}
.oniue-menu-nav li:nth-of-type(9) a::before {background-image: url("../../../images/sipipa/icons/party-trays.svg");}
@media (min-width : 768px) {
	.oniue-menu-nav {max-width: 450px; left: 50%;}
	.oniue-menu-nav li {width: 33.33%;float: left;}
	.fade-in .oniue-menu-nav li:nth-of-type(1), .fade-out .oniue-menu-nav li:nth-of-type(1) {
	-webkit-animation-delay: 0.1s;-moz-animation-delay: 0.1s;animation-delay: 0.1s;}
	.fade-in .oniue-menu-nav li:nth-of-type(2), .fade-out .oniue-menu-nav li:nth-of-type(2) {
	-webkit-animation-delay: 0s;-moz-animation-delay: 0s;animation-delay: 0s;}
	.fade-in .oniue-menu-nav li:nth-of-type(4), .fade-out .oniue-menu-nav li:nth-of-type(4) {
	-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;animation-delay: 0.3s;}
	.fade-in .oniue-menu-nav li:nth-of-type(5), .fade-out .oniue-menu-nav li:nth-of-type(5) {
	-webkit-animation-delay: 0.25s;-moz-animation-delay: 0.25s;animation-delay: 0.25s;}
	.fade-in .oniue-menu-nav li:nth-of-type(6), .fade-out .oniue-menu-nav li:nth-of-type(6) {
	-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;animation-delay: 0.4s;}
	.fade-in .oniue-menu-nav li:nth-of-type(7), .fade-out .oniue-menu-nav li:nth-of-type(7) {
	-webkit-animation-delay: 0.15s;-moz-animation-delay: 0.15s;animation-delay: 0.15s;}
	.fade-in .oniue-menu-nav li:nth-of-type(8), .fade-out .oniue-menu-nav li:nth-of-type(8) {
	-webkit-animation-delay: 0.35s;-moz-animation-delay: 0.35s;animation-delay: 0.35s;}
	.fade-in .oniue-menu-nav li:nth-of-type(9), .fade-out .oniue-menu-nav li:nth-of-type(9) {
	-webkit-animation-delay: 0.05s;-moz-animation-delay: 0.05s;animation-delay: 0.05s;} 
	.oniue-menu-nav a {
		display: inline-block;
		min-width: 120px;
		height: 120px;
		position: relative;
		padding: 90px 20px 0;
		margin-bottom: 50px;
		color: #777777;
	} 
	.oniue-menu-nav a::before {
		icons */ 
		top: 0;
		left: 50%;
		right: auto; 
		height: 120px;
		width: 120px;   
	}
} 
@-webkit-keyframes cd-move-in {
  0% {-webkit-transform: translateY(100vh);}
  65% {-webkit-transform: translateY(-1.5vh);}
  100% {-webkit-transform: translateY(0vh);}
}
@-moz-keyframes cd-move-in {
  0% {-moz-transform: translateY(100vh);}
  65% {-moz-transform: translateY(-1.5vh);}
  100% {-moz-transform: translateY(0vh);}
}
@keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
    -moz-transform: translateY(-1.5vh);
    -ms-transform: translateY(-1.5vh);
    -o-transform: translateY(-1.5vh);
    transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
}
@-webkit-keyframes cd-move-out {
  0% {-webkit-transform: translateY(0vh);}
  100% {-webkit-transform: translateY(-100vh);}
}
@-moz-keyframes cd-move-out {
  0% {-moz-transform: translateY(0vh);}
  100% {-moz-transform: translateY(-100vh);}
}
@keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
  }
}

/* --------------------------------  
Header style 
-------------------------------- */
header {
	float:left; 
	width:100%;
	height:auto;
	padding:0;
	margin:0; 
} 
/* --------------------------------  
Main style 
-------------------------------- */
main {
	float:left; 
	width:100%;
	height:auto;
	min-height:70vh;
	padding:0;
	margin:0; 
}
#mainContent {
	float:left; 
	width:100%;
	height:auto;
	padding:60px 0 0 0;
	margin:0; 
} 
.com_content.article {
	padding:100px 15% !important; 
}

#mainContent.com_rsform.rsform {
	padding:100px 10% !important;
}

@media (max-width: 767px) { 
 
	#mainContent { 
		padding:60px 0 0 0; 
	} 
	.com_content.article {
		padding:40px !important;
	}
	#mainContent h1, #mainContent h2 {
		padding: 0 40px; 
	}

}
.userPages {
	position:relative;
	width:100%;
	height:100vh; 
	padding:0;
	margin:0;  
	text-align:left;
}
.com_users .userPages label { 
	float:left; 
	text-align:left !important;
	
}
.userPages .well { 
	background-color: transparent;
	border: 0;
	box-shadow: none;
	padding:0; 
}
.userPages .btn { 
  margin-top: 20px;
}
.com_rsform .userPages .formControls {  
	width:100% !important;
	padding:0;
} 
.userPages input { 
	margin:0;
	border:1px solid #cccccc;
	background:transparent;
	width:100% !important;
	padding:5px 35px 5px 5px;
	font-size:13px;  
	height:38px; 
} 
.com_rsform .userPages label  {
	display:none;
} 
.userPagesBg {
	width:100%;
	height:100%; 
	padding:0;
	margin:0;  
} 
.loginRegistration {
	width:500px;
	position:absolute;
	top:20%;
	left:calc(50% - 250px);
	padding:0;  
} 
.loginRegistrationTabs {
	float:left; 
	width:100%;
	height:60px;
	background:#ddd;
}
.loginRegistrationTab {
	float:left; 
	padding:0 30px; 
	height:100%;
	width:50%;
	line-height:60px;
	text-align:center; 
}
.registrationActive { 
	background:#ffffff;
}
.loginActive { 
	background:#ffffff;
} 
.loginRegistrationForm {
	float:left; 
	width:100%;
	background:#ffffff;
	padding:40px 80px;
}
@media (max-width : 991px) { 
	.loginRegistration {
		width:80%; 
		top:20%;
		left:10%; 
	}
}
@media (max-width: 767px) { 
	.loginRegistration {
		width:96%; 
		top:70px;
		left:2%; 
	}
} 
/* --------------------------------  
Footer style 
-------------------------------- */ 
footer {
	background:#eeeeee;
	float:left;
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
}
.footerContainer { 
	float:left; 
	height:auto; 
	background:#BBBBBB;
	color:#f2f2f2; 
	margin:0; 
	padding:20px 0 0 0;
	font-family: 'Comfortaa', cursive;
}
.footerContainer a { 
	color:#f2f2f2;
	text-decoration:none;
	word-wrap: break-word;
} 
.footerMenuLogo {  
	height:500px;  
	margin:0; 
	position:relative;
}
.footerMenuLogo img {  
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
} 
.footerMenuContainer { 
	float:left;   
	height:auto; 
	color:#f2f2f2;   
	padding:0;
}
.footerMenuHolder {  
	padding:0;  
	height:auto;
}
.footerMenuHolder p {      
	color:#f2f2f2;    
	font-size:1.8rem;
	font-weight:700; 	
}
.footerTitleRotate {
    display: inline-block;  
	float:left;
}
.footerTitleRotate p { 
    display:inline-block; 
    width: 200px;
    height: 20px; 
	font-family: 'Expletus Sans', cursive;
}
.footerMenuUl {  
	float:left;
    width: calc(100% - 20px);
	height:auto;
	margin-top:auto; 
} 
.footerMenuContainer ul { 
    padding:0 0 10px 10px;
	margin:0;
}
.footerMenuContainer ul ul { 
    padding:0 0 10px 0;
	margin:0;
}
.footerMenuContainer ul li { 
    position: relative;
	margin:4px 0px;
	list-style:none;  
	font-size:1.4rem;
	font-weight:500; 
}
.footerMenuContainer ul li a:hover {   
	color:#ffffff;
}
 
.footerMenuHolder.panel {
	margin-bottom: 0; 
	background-color: transparent;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}
.footerMenuHolder .panel-body {
	padding:0 25px 15px 25px; 
}
.footerMenuHolder .panel-heading {
	padding: 0;
	border-bottom:0;
	border-radius: 0; 
	width:100%;
} 
.footerMenuHolder .panelLink { 
	padding:10px; 
} 
.footerMenuHolder .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 15px;
	font-size: 16px;
	width:100%;
	height:100%;
	color: inherit; 
}   
.footerMenuHolder .panel-group {
	margin-bottom: 0;
}
.footerMenuHolder .panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
}
.footerMenuHolder .panel-group .panel + .panel {
	margin-top: 5px;
}
.footerMenuHolder .panel-group .panel-heading {
	border-bottom: 0;
}
.footerMenuHolder .panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top:0;
} 
.footerMenuHolder .panel-group .panel-heading { 
	width: 100%; 
	border-bottom: 1px solid #BBBBBB;
}  
.footerMenuHolder .minusPlus {
	float: right;
	color: #f2f2f2;
	margin-top:10px;
	font-weight:100;
	font-size:10px;
}
 
@media (min-width : 768px) { 
	.footerContainer {  
		height:500px;  
	}
	.footerMenuContainer {  
		height:500px;  
		padding:80px 5% 20px 0;
	}  
	.footerMenuHolder p {      
		color:#919191;     
	}
	.footerMenuLogo {  
		height:500px;  
		margin:0; 
		position:relative;
	}
	.footerMenuLogo img {  
		width:60px;
		height:auto;
		position:absolute;
		top:-50px;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	} 
	.footerTitleRotate.panel-heading { 
		width: 20px;
		height: 100%;  
		float:left;
	}
	.footerTitleRotate p {
		text-align: right;  
		transform: rotate(-90deg) translate(-100%, 0);
		transform-origin: 0 0;
	} 
	.footerMenuUl.collapse {  
		float:left;
		width: calc(100% - 20px);
		height: 100%; 
		margin-top:-32px; 
		padding: 0 0 0 7px; 
	}
	.footerMenuHolder.panel {  
		padding:0 0 0 10% !important;  
		height: 300px; 
	}
  
	.footerMenuHolder .panel-body {
		padding: 0;  
	}  
	.footerMenuHolder .panel-title { 
		padding:0;
		font-size: inherit;
		width:100%;
		height:100%; 
		border-right:1px solid #bbbbbb; 
	}    
	.footerMenuHolder .panel-group .panel + .panel {
		margin-top: 5px;
	} 
	.footerMenuHolder .panel-group .panel-heading { 
		width: 20px; 
		height: 200px; 
		border-bottom:0;
	}  
	.footerMenuHolder .minusPlus {
		display: none;
	}
}
@media (min-width : 991px) {  
	.footerMenuLogo {  
		height:500px;  
		margin:0; 
		position:relative;
	}
	.footerMenuLogo img {  
		width:100px;
		height:auto;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}  
}
.footerSocialContainer { 
	padding:30px 5% 30px 5%;
	line-height:30px; 
	font-size:small;  
} 
.footerSocialContainer a { 
	color:#888888;  
	padding:5px;
} 
.footerSocialContainer a:hover { 
	color:#999999;  
} 
.footerSocialContainer i { 
	width:30px; 
	font-size:20px;
} 

@media (max-width: 767px) {   
	.footerSocialContainer {
		text-align:center; 
		padding:30px; 
	} 

} 

.footerCopyrights {
	padding:30px 0 30px 5%;
	line-height:30px;
	color:#888888;
	font-size:small; 
} 
.footerTermsContainer {
	padding:30px 5% 30px 0;
	line-height:30px;
	color:#888888;
	font-size:small; 
	text-align:right; 
}
.footerTermsContainer ul li {
	float:right;
	list-style:none;
} 
.footerTermsContainer a { 
	color:#aaaaaa;  
	padding:5px;
} 
.footerTermsContainer a:hover { 
	color:#888888;  
}  

@media (max-width: 767px) {  

	.footerCopyrights { 
		padding:30px; 
	} 
	.footerTermsContainer {
		text-align:center; 
		padding:30px; 
	} 

}  






 
.sipipaBackToTop {
	width: 40px;
	height: 40px; 
	position:fixed;
	right:30px;
	bottom:30px;
	background:url("../images/assets/back-to-top.png") center center no-repeat; 
	background-size:100% 100%;
	opacity:.5;
	display:none;
}
.sipipaBackToTop:hover { 
	opacity:1;
}

@media (max-width: 767px) {  

	.sipipaBackToTop { 
		right:20px;
		bottom:30%; 
	} 

}

@media (min-width : 768px) {  

	.sipipaBackToTop { 
		right:20px;
		bottom:30%; 
	} 

}
 

  
/* ********************************  
	Sipipa Modal style 
******************************** */
.sipipaModal { 
	padding:0 !important; 
	border:0 !important; 
	color:#999999;
}
.modal {
	text-align:center; 
	padding:0 !important; 
	border:0 !important;
}

.modal:before {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-4px;
}

.modal-dialog {
	display:inline-block;
	text-align:left;
	vertical-align:middle;
	background-color:#ffffff; 
	padding:0 !important; 
	border:0 !important;
}
.sipipaModal .modal-header .close {
	position:absolute;
	top:30px;
	right:30px;
	font-size:40px;
	font-weight:700;
	line-height:1;
	color:#878904;
	text-shadow:#ffffff;
	opacity:0.6;
} 
.sipipaModal .modal-header .close:hover { 
	opacity:1;
} 
.sipipaModal .modal-content {
	position:relative;
	background-color:#ffffff;  
	border-radius:0; 
	padding:0 !important; 
	border:0 !important;
}
.sipipaModal .modal-header, .sipipaModal .modal-footer {
	background:url("../../../media/com_sipipa/assets/food-desc-bg.jpg") no-repeat center center; 
} 
 
/* SignIn Modal style 
******************************** */ 
#signInModal .modal-header { 
	height:300px; 
} 
#signInModal .modal-header .modal-title {
	text-align:center;
	font-size:4rem; 
	padding:80px;
}
#signInModal .modal-dialog {
	width:600px;  
}  
#signInModal .modal-body {
	padding:0 !important; 
} 
.navHolderInModal {
	width:100%;
}
#signInModal .tab-pane {
	background:#ffffff;
	padding:40px 40px 80px 40px ;	
	text-align:center; 
}
#signInModal .tab-pane form { 
	text-align:left; 
} 
#signInModal ul.nav-tabs li.active a, #signInModal ul.nav-tabs li a, 
#signInModal ul.nav-tabs li.active a:focus, #signInModal ul.nav-tabs li.active a:hover { 
	height:50px; 
	width:150px;        
	text-align:center; 
	background:#ffffff;
}
#signInModal ul.nav-tabs li a { 
	background:#eeeeee;
}
#signInModal ul.nav-tabs { 
	width:100%;
	margin-top:-50px; 
	text-align:center;
	padding-left:150px;
}	
@media (max-width: 767px) {  

	#signInModal .modal-header { 
		height:130px;
		padding:0; 
	} 
	#signInModal .modal-title img { 
		width:40px;  
		height:auto; 
	} 
	#signInModal .modal-header .modal-title {
		text-align:center;
		font-size:3rem; 
		padding:20px;
	}
	#signInModal .modal-dialog {
		width:90%;  
	}  
	#signInModal .modal-body {
		padding:0 !important; 
	} 
	.navHolderInModal {
		width:100%;
	}
	#signInModal .tab-pane {
		background:#ffffff;
		padding:40px 40px 80px 40px ;	
		text-align:center; 
	}
	#signInModal .tab-pane form { 
		text-align:left; 
	} 
	#signInModal ul.nav-tabs li.active a, #signInModal ul.nav-tabs li a, 
	#signInModal ul.nav-tabs li.active a:focus, #signInModal ul.nav-tabs li.active a:hover { 
		height:50px; 
		width:auto;        
		text-align:center; 
		background:#ffffff;
	}
	#signInModal ul.nav-tabs li a { 
		background:#eeeeee;
	}
	#signInModal ul.nav-tabs { 
		width:100%;
		margin-top:-50px; 
		text-align:center;
		padding-left:0;
	}	

}
.sipipaChangePassword { 
	padding:100px 150px;
	text-align:center;
}
 
.alert.alert-message { 
    background:#5be3ea; 
    color: #000a5e; 
	text-align:center;
}
.alert.alert-warning { 
    background:#ff6b6b; 
    color: #000a5e; 
	text-align:center;
}
.well-warning {
     background:#ff6b6b; 
    color: #000a5e;  
}
.fixed-alert {
    position: fixed;
    top: 0;
    left: 0; 
    width: 100%;
    z-index: 999999;
    text-align: center;
    height: 8%;
    padding-top: 2%;
}


@media (max-width: 767px) {  
    
    .fixed-alert { 
        height: 30%;
        padding-top: 12%;
    }

}

.backToDashboard {
    position: fixed;
    bottom: 0;
    right: 0;  
    z-index: 999999;
    text-align: center;
	border-radius:4px;
	color:#ffffff;
	background:#878905;
	cursor:pointer;
	padding:15px 30px; 
	margin:0 0 10px 0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
	outline:none;
	height:44px; 
	line-height:14px;
	font-size:12px; 
	
}
.backToDashboard:hover { 
	color:#ffffff;
	background:#999999; 
}


/* Covid-19 
.alert-top-page {
    left:0;
    top:0; 
    width:100%; 
    height:46px; 
	text-align: center; 
	padding: 14px;
    background-color:#aaab0a;
	position:relative;
	font-size: 1.3rem;
	text-decoration: underline;
	z-index:1;
}
a .alert-top-page {
    color:#444444; 
} 

.topNavbarApp {
	top:70px; 
} 

*/