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

.preferences-button{
padding: .4em .3em;
float: right;
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 5px 5px 0px;
font-size:17px !important;
font-weight: 500 !important;
width: 100%;
float: right;
}

.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:right;
padding-top:15px;
color:#ab131b;
	font-family:'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:14px;
	padding-right:5px;
}
.promo-pizza-item-header-row-size{
	width:25%;
float:left;	
padding-top:15px;
}
.promo-pizza-item-header-row-pizza{
float:right;	
padding-top:10px;
padding-left:5px;
padding-right:5px;
font-family:'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.total-price-left {
    font-size: 12px;
    font-weight: 600;
    font-family: 'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-align: right;
    color: #ab131b;
}
.promo-pizza-item-header-row-bu{
float:right;	
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: right;
font-family: 'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-size: 11px;
padding-bottom: 6px;
}
.extras-container{
    width: 100%;
    padding-bottom: 20px;
    display: block;
    overflow: hidden;
    font-family: 'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}
.extras-container h2{
background: #f1f1f1;
color: #0f9675 !important;
margin-top: 0px !important;
margin-bottom: 10px !important;
float: right !important;
width: 100%;
font-size: 12px !important;
padding: 5px 5px 5px 0px !important;
font-weight: 700 !important;

}
cart-button {
    font-family: 'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, 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: 'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, 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:'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:14px;
	margin-bottom: 0px;
color: #ab131b;
font-weight: 500;
width:100%;
float:right;
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:'بدون - ';
}
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: 12px;
font-weight: 600;
font-family: 'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: right;
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:right;
text-align:justify;
width:25%;
margin-right:1%;
margin-left:2%;
height:100%;
}

.checkout-column-left h2{
	color:#ab131b;
	font-family: 'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:20px;
	margin-bottom: 0px;
}
.checkout-column-left img{
padding:0px;
margin:0;
vertical-align:middle;
}
.checkout-column-right{
float:right;
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:'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		color:#ab131b;
	font-size:13px;
	font-weight:800;
	}
.input-text { padding: 0em 0em;
float: right;
width: 100%;
border: 1px solid #249674;
border-radius: .5em;
box-sizing: border-box;
}
.btn-div{
	float:left;
	width:100%;
}
select{
    font-family: 'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #ab131b;
    font-size: 13px;
    background-color: #fff;
}
.formtitle{
font-family:'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		color:#008d6a;
	font-size:17px;
	font-weight:800;
	margin-bottom:10px;
}
.formerror{
font-family:'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		color:#ab131b;
	font-size:13px;
	font-weight:800;
}

.select-dev{position:relative;
	font-family:'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, 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:'Droid Arabic Kufi', serif, 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, 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%;	
	}
}