@charset "utf-8";
/* CSS Document */
html,body{ height:100%;}
.wrapper{ min-height: 100%;
  margin-bottom: -110px; }
  .wrapper:after{content: "";
  display: block;height: 110px; }
body {background: #fff; font-family: 'Oxygen', sans-serif; font-size: 14px; }
.c5wrapper .main-menu {text-align: right; margin-top: 30px;}
.c5wrapper .main-menu ul {display: block; font-size: 0;}
.c5wrapper .main-menu ul li {display: inline-block; font-size: 13px; margin: 0; position: relative;}
.c5wrapper .main-menu ul li a {display: block; padding: 12px 9px; color: #fff; font-weight: bold; text-align: center; font-size:16px; }
.c5wrapper .main-menu ul li a:hover,.c5wrapper .main-menu ul li .nav-selected { color:#fc9306; text-decoration:none; background:none;}
.c5wrapper #main-menu .mob-menu {display:none; background:#fc9306; padding: 4px; font-size: 20px;  color: #fff; line-height: 38px; cursor: pointer; text-align:center;}
.c5wrapper #main-menu .mob-menu .icon-menu {
background: rgba(255,255,255,0.18) url(/themes/pizza_ovens_qld_theme/img/icon-menu.png) no-repeat center center;
height: 38px;
width: 38px;
display: inline-block;
position: absolute;
left: 17px;
top: 4px;
}

/* --- Submenu -- */
.c5wrapper .main-menu ul li ul {display: block; z-index: -1111; height: 0; overflow: hidden; position: absolute; left:0; top: 130%; width: 220px; background: #3f3b3c;  text-align: left; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.8); opacity: 0;
	-webkit-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -moz-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -ms-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
     -o-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
        transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); /* custom */
}
.c5wrapper .main-menu ul li ul li {display: block;}
.c5wrapper .main-menu ul li ul a {border-bottom: 1px solid #5a5858; border-right: none; text-align: left;}
.c5wrapper .main-menu ul li ul a {text-decoration:none;}
.c5wrapper .main-menu ul li:hover ul { top: 100%; opacity: 1; z-index: 100; height: auto;
	-webkit-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -moz-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -ms-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
     -o-transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
        transition: all 500ms cubic-bezier(0.810, 0.010, 0.455, 0.945);
		z-index:100; /* custom */
}
.c5wrapper .main-menu ul li:last-child a{padding-right:0;}
.c5wrapper header{ background:url(/themes/pizza_ovens_qld_theme/img/header_bg.gif)center bottom; box-shadow: 0px 6px 5px rgba(0,0,0,0.5); position:relative; z-index:10;}
.c5wrapper .header-top{background:#000; padding-top:4px; display:block;}
.c5wrapper .header-top i{ color:#bdbdbd; display:inline-block; padding-right:30px; float:left; padding-top:11px;}
.c5wrapper .header-top span{display:inline-block; margin-top:8px; float:left;}
.c5wrapper .header-top p{display:inline-block; font-size:20px; color:#fc9306; line-height:40px; float:left; padding-left:8px; font-weight:bold;}
.c5wrapper .logo{padding-left:0; padding-right:0;}
.c5wrapper .header-top .phone-details{ float:right;}

/* --- Banner -- */
.c5wrapper .banner{ width:100%; background:url(/themes/pizza_ovens_qld_theme/img/banner-bg.jpg) no-repeat center; background-size:100%; display:block; height:476px;}
.c5wrapper .banner img{display:none;}
.c5wrapper .banner-bottom p{ font-size:32px; color:#fff; padding:35px 0 15px 0; font-weight:300;}
.c5wrapper .banner-bottom{background:#373334; display:block;}
.c5wrapper .banner-bottom a{ font-size:31px; color:#fff; background: #f06703; text-align:center; 
 border-radius:8px; padding:15px 11px;
display:block;
position:relative;
margin-right:15px;
}
.c5wrapper .banner-bottom a:hover{text-decoration:none;}
.c5wrapper .middle{ box-shadow: 0px 6px 19px rgba(0,0,0,0.5); position:relative; z-index:10;background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(218,218,218,1) 50%, rgba(218,218,218,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(218,218,218,1)), color-stop(100%,rgba(218,218,218,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(218,218,218,1) 50%,rgba(218,218,218,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(218,218,218,1) 50%,rgba(218,218,218,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(218,218,218,1) 50%,rgba(218,218,218,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(218,218,218,1) 50%,rgba(218,218,218,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=1 ); /* IE6-9 */

}
/* --- middle -- */

.c5wrapper .piza-details h2{
	font-size:28px;
	font-weight:700;
	color:#373334;
	font-style:italic;
	padding-bottom:18px;
	text-align:center;
}
.c5wrapper .piza-details p{text-align:center; padding-bottom:25px;}
.c5wrapper .image-box{position:relative; text-align:center;}
.c5wrapper .button-overly { display: block;background:rgba(255, 255, 255, 0.72);position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}
.c5wrapper .button-overly a{ font-size:18px; color:#fff; font-weight:700; background:#8bca5c; padding:13px 40px; border-radius:5px; display:inline-block; text-decoration:none;}
.c5wrapper .button-overly a.click-details{ background:#dd2404;}
.c5wrapper .button-overly a:hover{ background:#78b64a;}
.c5wrapper .button-overly a.click-details:hover{ background:#cf2507;}
.c5wrapper .piza-details2{padding-left:20px;}
/* --- section -- */
.c5wrapper .section{ background:#969696;}
.c5wrapper .piza-oven a{ position:absolute; left:15px; top:15px;} 
/* --- footer -- */
.c5wrapper  footer{ background:url(/themes/pizza_ovens_qld_theme/img/header_bg.gif); background-size:100%; height:110px;}
.c5wrapper  footer p{ font-size:12px; color:#fff;}
.c5wrapper  footer .col-md-9{text-align:right;}
.c5wrapper  footer .col-md-9 a{margin-left:25px;}
.c5wrapper  footer p a{color:#fc9306;}
.c5wrapper  footer p a:hover{ text-decoration:underline;color:#fc9306;}

/* --- Content page -- */
.c5wrapper .middle-inner {background:#fff; box-shadow:none; z-index:0;}
.c5wrapper .middle-inner ul {list-style:square; list-style-position:inside; font:normal 18px/28px 'questrialregular', Arial, Helvetica, sans-serif; margin-bottom:12px; color:#333333; padding-left: 30px;
text-indent: -16px;}
.c5wrapper .middle-inner ul li, ol li {margin-bottom:5px;}

/* Form Styles */
.c5wrapper .middle-inner label{margin-top:15px; color:#333333; font-size:18px; line-height:28px;}
.c5wrapper .middle-inner input, .c5wrapper .middle-inner select, .c5wrapper .middle-inner textarea{margin:5px 0}
.c5wrapper .middle-inner input[type="text"], .c5wrapper .middle-inner select, .c5wrapper .middle-inner input[type="email"], .c5wrapper .middle-inner input[type="tel"], .c5wrapper .middle-inner textarea{width:100%; padding:9px 10px; color:#333333; font-size:14px; line-height:18px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #333333;}
.c5wrapper .middle-inner select{padding:6px 6px;}
.c5wrapper .middle-inner .ccm-input-date{width:100%; padding:7px 7px; color:#333333; font-size:14px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #333333;}
.c5wrapper .middle-inner input[type="submit"]{background-color:#f06703; font-size:22px; color: #fff; padding: 15px 50px; border:none; border-radius:5px;}
.c5wrapper .middle-inner input[type="submit"]:hover{background-color:#BF5302;}
.c5wrapper .middle-inner .ccm-captcha-image {margin-top:5px;}
.c5wrapper .middle-inner .checkboxPair label{font-weight:normal;}
.c5wrapper .middle-inner .field field-text{padding-top:20px !important;}
.c5wrapper .middle-inner .field field-email{padding-top:20px !important;}
.c5wrapper .middle-inner .field field-telephone{padding-top:20px !important;}

/* Inner Content Link Button */
.help-button a{
	font-size: 24px;
	color: #fff !important;
	background-color: #f06703;
	border-bottom: #BF5302 solid 4px;
	border-radius: 5px;
	padding: 25px 38px 22px 38px;
	margin-top: 0px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-bottom:27px;
	margin-top:27px;
	text-decoration:none !important;
}

.help-button a:hover{
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
			
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}

/* Bootstrap Gallery */
.blueimp-gallery {z-index:60000 !important;}


/* Concrete5 Hacks */
.ccm-ui input, .ccm-ui textarea, .ccm-ui select, .ccm-ui .uneditable-input {height: 28px;}
.theme-default .nivoSlider {box-shadow: none; margin-bottom:0px;}
.chzn-container-multi .chzn-choices .search-field input {height: 28px;}
.ccm-ui input {padding-bottom:4px; padding-top:4px; padding-right:4px; padding-left:4px;}


/* =================================================================================
--------------------------    Media queries      -----------------------------------
================================================================================= */


/* ------------ Desktop, Laptop's and Tablets ----------------- */
@media (max-width:1813px){
		.banner {background:none !important; height:auto !important;}
	.banner img{display:block !important;}
}
@media (max-width:1023px){
	

}
/* ---------------- Tablets and mobiles ---------- */
@media (max-width: 959px) {
.c5wrapper .logo{ text-align:center;}
.c5wrapper .main-menu {
margin-top: 4px;
margin-bottom: 24px;}
.c5wrapper .main-menu ul{
	text-align:center;}
.c5wrapper .banner-bottom p{
	padding: 33px 0 15px 0;
	font-size: 25px;
}
.c5wrapper .banner-bottom a{
	font-size:24px;}
	.c5wrapper .middle{background:#fff;}
	.piza-details2{
	margin-top:27px;
	margin-bottom:33px;}
.c5wrapper .piza-oven a{left:151px;}

}
/* ---------------- Tablets and mobiles ---------- */
@media (max-width: 767px) {
	.c5wrapper .banner-bottom p{text-align:center;}
	.c5wrapper .main-menu ul li a{padding: 12px 7px;font-size: 16px;}

}
/* ---------------- mobiles ---------- */
@media (max-width: 600px) {
	.c5wrapper .piza-oven a{left:73px;}
	footer .col-md-9, footer .col-md-3{text-align:center;}
	.c5wrapper footer .col-md-9 {
text-align: center;
}
.c5wrapper footer{height:auto;}

}
@media (max-width: 568px) {
	.c5wrapper #main-menu .mob-menu{display:block;}
	.c5wrapper .main-menu ul li {
		display:block;}
		.c5wrapper .main-menu ul li ul{width:100%; position:static;}
		.c5wrapper .main-menu ul li ul li{display:block; text-align:center;}
		.c5wrapper .main-menu ul li ul li a {text-align:center;}
		footer .col-md-9,footer .col-md-3{text-align:center;}
		footer p{padding-bottom:14px;}
		.c5wrapper .header-top span{clear:both;}
		.c5wrapper .banner-bottom a{margin-right:0;}
		footer .col-md-9 a{display:block; margin-bottom:15px;}
		.c5wrapper .main-menu ul {display:block;}
		.c5wrapper .main-menu ul.nav{display:none;}
		.c5wrapper footer{height:auto;}
		.c5wrapper footer .col-md-9{text-align:center;}
		.c5wrapper .piza-details h2{padding-top:8px;}
		.c5wrapper footer .col-md-9 a{margin-left:0;}
		
}
/* ---------------- mobiles ---------- */
@media (max-width: 479px) {
	.c5wrapper .banner-bottom a{font-size:19px;}

}