@charset "utf-8";
/* CSS Document */

.preferences-button{
padding: .4em .3em;
float: left;
width: 100%;
background-color:#fff;
border: 1px solid #249674;
border-radius: .5em;
box-sizing: border-box;
color:#ab131b;
}
.select-pizza{
	width: 100%;
display: block;
overflow: hidden;
	
}
.select-pizza h2{
background: #ab131b;
color: #ffffff !important;
margin-top: 0px !important;
padding: 5px 0 5px 5px;
font-size:20px !important;
font-weight: 700;
width: 100%;
float: left;
}

.promo-pizza-item-container{
	border-style:solid;
	border-color:#ab131b;
	border-width:1px;
	padding:0px;
	margin-bottom:20px;
}
.promo-pizza-item-header-row{
	width:100%;
	display:block;
	overflow:hidden;
	padding-bottom:10px;
}
.promo-pizza-item-header-row-row{
width:20%;
float:left;
padding-top:15px;
}
.promo-pizza-item-header-row-text{
float:left;
padding-top:15px;
color:#ab131b;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	padding-left:5px;
}
.total-price-left {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans Condensed', Arial, sans-serif !important;
    text-align: left;
    color: #ab131b;
}
.promo-pizza-item-header-row-size{
	width:25%;
float:left;	
padding-top:15px;
}
.promo-pizza-item-header-row-pizza{
float:left;	
padding-top:10px;
padding-left:5px;
padding-right:5px;
}

.promo-pizza-item-header-row-bu{
float:left;	
padding-top:10px;
}
.hh-select-container{
	padding-bottom:20px;
	display:block;
	overflow: hidden;
}
.hh-select-element{
	float:left;
	margin-right:5px;
}

.hh-select-element h2{
	float:none !important;
}
.hh-selectbox-style{
border: 1px solid #249674;
display:inline-block;
}
.hh-size{
	width:25%;
padding: .4em .3em; float: left; border: 1px solid #249674;
border-radius: .5em;
box-sizing: border-box;
}
.extra-box{
	width:25%;
	float:left;
}
.extras-container{
	width:100%;
	padding-bottom:20px;
	display:block;
overflow: hidden;

}
.extras-container h2{
	background:#f1f1f1; !important;
	color:#0f9675 !important;
	margin-top: 0px !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
	padding: 5px 0 5px 5px;

}
.cart-button{
	font-family:"Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:10px;
	text-transform:uppercase;
   width:100%;
  color: #ffffff;
  padding: 5px;
  width:auto;
  background-color:#009966;
  text-align: center;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  border-style: none;
  border-color:#FFF;
  -webkit-appearance: none;
}
.check-button, input[type="submit"] {
	font-family:"Helvetica Neue", Verdana, Arial, sans-serif;
	font-size:10px;
	text-transform:uppercase;
   width:100%;
  color: #ffffff;
  padding: 5px;
  width:auto;
  background-color:#009966;
  text-align: center;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  border-style: none;
  border-color:#FFF;
  -webkit-appearance: none;
}
.question input[type='checkbox'] + label:before {
	font-size:20px;
    content:"\2751";
	color:#C30;
}
.checkout-column h2{
	color:#ab131b;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	margin-bottom: 0px;
color: #ab131b;
font-weight: 500;
width:100%;
float:left;
margin-top:10px;
margin-bottom:10px;
}
.checkout-figure{
  border-bottom: 1px solid #009562;
  border-left: 1px solid #009562;
  border-right: 1px solid #009562;
  border-top: 1px solid #009562;
  }
.question input[type='checkbox']:checked + label:before {
	font-size:20px;
    content:"\2613";
	color:#C30;
}
.question input[type='checkbox'] {
    display:none;
}
label {
    cursor:pointer;
}

input[type=checkbox].on + label {
    color: black;
}
input[type="checkbox"].on:checked + label:before{
	color:red;
}
input[type=checkbox].on:checked + label {
    background: #0f9675;
	font-weight:700;
	padding-left:5px;
	padding-right:7px;
	color:#fff;
}

input[type=checkbox].removed + label:before {
    color: black;
}
input[type=checkbox].removed:checked + label:before{
	color: #FF9;
	content:'No - ';
}
input[type=checkbox].removed:checked + label {
    background: #ab131b;
	font-weight:700;
	padding-left:5px;
	padding-right:7px;
	color:#fff;	
}

input[type=checkbox].css-checkbox { position: absolute;  overflow: hidden;  clip: rect(0 0 0 0);  height:1px;  width:1px;  margin:-1px;  padding:0; border:0; } 
input[type=checkbox].css-checkbox + label.css-label { padding-left:20px; height:15px;  display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; } 
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -30px; }  
.css-label{ background-image:url(http://csscheckbox.com/checkboxes/lite-x-red.png); }
.total-price-container{
	width:100%;
	display: block;
overflow: hidden;
}
.total-price{
font-size: 14px;
font-weight: 600;
font-family: 'Open Sans Condensed', Arial, sans-serif !important;
text-align: left;
color: #ab131b;

}
.item-price{
	color:#0f9675;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:700;
}
.checkout-column
{
    max-width:1200px;
  margin: 0 auto;	
}

.checkout-column p
{

text-align:justify;
font-size:14px;
}
.checkout-column h2{

}

.checkout-column figure{
	clear:both;
	padding:0;
	margin:2px;
}

.checkout-column-top{
	width:100%;
	position:relative;
	
}
.checkout-column-left{
float:left;
text-align:justify;
width:25%;
margin-right:2%;
margin-left:1%;
height:100%;
}

.checkout-column-left h2{
	color:#ab131b;
	font-family:'Roboto', sans-serif;
	font-size:20px;
	margin-bottom: 0px;
}
.checkout-column-left img{
padding:0px;
margin:0;
vertical-align:middle;
}
.checkout-column-right{
float:left;
width:72%;
font-size:12px;
}
.colcontact1{
	float:left; 
  width:50%;
	}
	.colcontact2{
	float:left;
	width:50%;
	}
.form-container {
  max-width:800px;
  width:100%;
  margin: 0 auto;
  }
 .form-elemnts-container{
	 margin-left:9.6875%;
	 margin-right:9.6875%;
 }
.input-dev{
	float:left;
	width:50%;
	margin-right:10px;
	max-width:312.5px;
	font-family:'Roboto', sans-serif;
		color:#ab131b;
	font-size:13px;
	font-weight:800;
	}
.input-text {  padding: .4em .3em; float: left; width:100%; border: 1px solid #249674;
border-radius: .5em;
box-sizing: border-box;}
.btn-div{
	float:left;
	width:100%;
}
select{
	font-family:'Roboto', sans-serif;
		color:#ab131b;
	font-size:13px;
	background-color:#fff;
}
.formtitle{
font-family:'Roboto', sans-serif;
		color:#008d6a;
	font-size:17px;
	font-weight:800;
	margin-bottom:10px;
}
.formerror{
font-family:'Roboto', sans-serif;
		color:#ab131b;
	font-size:13px;
	font-weight:800;
}

.select-dev{position:relative;
	font-family:'Roboto', sans-serif;
		color:#ab131b;
	font-size:13px;
	font-weight:800;
float:left;
	width:50%;
	margin-right:10px;
	max-width:312.5px;}
.form-btn { float: left; overflow: hidden; max-width:100px; position:relative; }
  .res
  {
      width:100%;
  }
  .text-dev{
	  	font-family:'Roboto', sans-serif;
		color:#ab131b;
	font-size:13px;
	font-weight:800;
	float:left;
	width:100%;
	max-width:635px;}
	
	
	.page-2col{
		width:100%;
	}
	.page-2col-left{
		width:50%;
		float:left;
			}
	.page-2col-right{
		width:50%;
		float:left;	
	}
	.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 1101px){
	.extra-box{
	width:33%;
	float:left;
	
	
	
}
}

@media screen and (max-width: 827px){
.checkout-column-left{
float:left;
text-align:justify;
width:100%;
margin-right:0;
margin-left:0;
height:100%;
text-align:center;
}
.checkout-column-right{
float:left;
width:95%;
font-size:12px;
margin-left:2.5%;
margin-left:2.5%;
}
.total-price{
	float:none;	
}
.total-price-left{
	float:none;
	text-align:center;
}

@media screen and (max-width: 815px) {
 .form-elemnts-container{
	 margin-left:0%;
	 margin-right:0%;
	 width:400px;
	 margin:0 auto;
 }
		.select-dev{position:relative;
		margin-top:20px;
float:none;
	width:100%;
	margin-right:0px;
	width:100%;
	max-width:400px;

	}
	
	 .text-dev{
	float:none;
	width:100%;
	margin-right:0px;
	width:100%;
	max-width:400px;
	}
	
	.input-dev{
	float:none;
	width:100%;
	margin-right:0px;
	width:100%;
	max-width:400px;}
	 	
		
	}
	
@media screen and (max-width: 708px){
.checkout-column-left{
float:left;
text-align:justify;
width:100%;
margin-right:0;
margin-left:0;
height:100%;
text-align:center;
}
.checkout-column-right{
float:left;
width:96%;
font-size:12px;
margin-left:2%;
margin-left:2%;

}
}
@media screen and (max-width: 567px) {
	.extra-box{
		width:50%;	
	}
}
@media screen and (max-width: 418px) {
 .form-elemnts-container{
	 margin-left:0%;
	 margin-right:0%;
	 width:280px;
	 margin:0 auto;
 }
		.select-dev{position:relative;
			
float:none;
	width:100%;
	margin-right:0px;
	width:100%;
	max-width:280px;

	}
	
	 .text-dev{
	float:none;
	width:100%;
	margin-right:0px;
	width:100%;
	max-width:280px;
	}
	
	.input-dev{
	float:none;
	width:100%;
	margin-right:0px;
	width:100%;
	max-width:280px;}
	 	
		
	}
@media screen and (max-width: 397px) {
	.extra-box{
		width:100%;	
	}
}