*{
	padding: 0;
	margin: 0;
}
body{text-align:right; direction:rtl;
font-family: Arial, Helvetica, sans-serif;
background: #FFF8AA;}

#wrap{
	background: url(back.png) no-repeat;
	width: 1000px;
	height: 844px;
	margin: 0 auto;
	position: relative;
	font-size: 16px;
	line-height: 1.3;
    box-shadow: 0 0 12px -2px;
}
/* The CSS */
select {
    padding:0 3px;
    font-size: 14px;
    width:120px; height: 34px;
    width: 210px;
    margin: 0;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;

}
#id02 > select{
	background: #b02958;
    color:#fff;
    border:solid 2px #fff;
}
#id01 > select{
	background: #fff;
    color:#b02958;
    border:solid 2px #b02958;
}
#id00 > select{
	background: #fff;
    color:#b02958;
    border:solid 2px #b02958;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-left:18px}
}

#id02 {
	position:absolute;
	top:430px;
    left: 277px;
}
#id01 {
	position:absolute;
	top:583px;
	left: 277px;
}
#id00 {
	position:absolute;
	top:733px;
	left: 277px;
}
label:after {
    content:'▼';
    font-size: 20px;
    left:9px; top:6px;
    position:absolute;
    pointer-events:none;
}
#id02:after{
	color:#b02958;
}
#id01:after{
	color:#fff;
}
#id00:after{
	color:#fff;
}
label:before {
    content:'';
    left:0px;
    top:0px;
    width: 38px;
    height: 34px;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px 0 0 7px;
}
#id02:before{
	background:#fff;
}
#id01:before{
	background:#b02958;
}
#id00:before{
	background:#b02958;
}
#details2{
	display: none;
	background-color: #b02958;
	position: absolute;
	top: 360px;
left: 520px;
color: #fff;
width: 229px;
min-height: 112px;
}
#details2 a{
	color: #fff;
}
#details1{
	display: none;
	color: #b02958;
	background-color: #fff;
	position: absolute;
	top: 510px;
left: 520px;
width: 232px;
min-height: 113px;
}
#details1 a{
	color: #b02958;
}
#details0{
	display: none;
	color: #b02958;
background-color: #a4b69a;
position: absolute;
top: 655px;
left: 520px;
width: 232px;
min-height: 121px;
}
#details0 a{
	color: #b02958;
}
.fb-like{
	position: absolute !important;
	top: 867px;
    left: 291px;
}
@media screen and (max-width: 750px){
	body{
		background: url(bg-m.jpg) no-repeat;
		background-size: cover;
	}
    #wrap{
        background: url(back-m.png) no-repeat;
        background-size: 100%;
        width: 100%;
        height: 844px;
        margin: 0 auto;
        position: relative;
        font-size: 16px;
        line-height: 1.3;
        box-shadow: none;
    }
    /* The CSS */
    select {
        padding:0 2%;
        margin: 0;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        width: 20%;
    }

    /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select {padding-left:18px}
    }

    #id02 {
        position:absolute;
        top: 53.3%;
        left: 4.5%;

    }
    #id01 {
        position:absolute;
        top: 69%;
        left: 4.5%;
    }
		#id00 {
        position:absolute;
        top: 84.5%;
        left: 4.5%;
    }
    label:after {
        content:'▼';
        font-size: 1.2em;
        left:4%; top:15%;
        position:absolute;
        pointer-events:none;
    }
    label:before {
        height: inherit;
        width: 20%;
        -webkit-border-radius:5px 0 0 5px;
        -moz-border-radius:5px 0 0 5px;
        border-radius:5px 0 0 5px;
    }
    #details2{
			top: 46%;
left: 50%;
width: 47%;
min-height: 12.5%;
    }
    #details1{
         top: 62%;
        left: 50%;
        width: 47%;
        min-height: 12.5%;
    }
		#details0{
			top: 76.8%;
	left: 50%;
	width: 47%;
	min-height: 13%;
}


    .fb-like{
			top: initial;
	bottom: 2%;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden;
    }
}