* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 1vw;
	font-family: 'Heebo', sans-serif;
}

.mobileOnly {
    display: none;
}

body {
    background: #dedede;
}

.blackCover {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

.wrapper {
    width: 80%;
    margin: 0 auto;
    background: #ffffff;
}

header {
    position: relative;
}

header img.logo1{
	position: absolute;
	top:3%;
	right:5%;
    width:10%;
}

header .phoneNumber{
	position: absolute;
	top:4%;
	right:20%;
    color:#fff;
    font-size:250%;
	font-weight: 700;
}


.mainBg {
    width: 100%;
}

h1 {
    position: absolute;
    bottom:10%;
    right:25%;
    font-size:400%;
    line-height: 80%;
    direction: rtl;
    text-align: center;
    color: #ffffff;
	font-weight: 900;
	text-shadow: 2px 2px #000;
}

h1 span{
    font-size:70%;
    line-height: 100%;
 	font-weight: 400;
}

.popularTitle{
    font-size:225%;
    direction: rtl;
    text-align: center;
    color: #555555;
    padding-top:3%;
	font-weight: 700;
}

section p{
    font-size: 150%;
    line-height: 150%;
    margin: 2% auto;
    direction: rtl;
    color: #626262;
    text-align: justify;
    width: 80%;
	font-weight: 200;
}

section p span{
    font-size: 100%;
    font-weight: 700;
    color:#000000;
}



.dealswrapper{
    width:80%;
margin:1% auto;
}

.dealBox{
    width:30%;
    float:right;
    margin-right:2.5%;
    border:2px solid #000000;
    position: relative;
}

.dealBox img.dealImage{
    width:100%;
    display: block;
}

.dealContent{
    font-size:130%;
    direction: rtl;
    text-align: center;
    color: #ffffff;
    padding:2% 0;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    bottom: 0;
    width:100%;
	font-weight: 700;
	line-height: 120%;
}

.dealContent span{
    color: #ffd45e;
}

img.dealicon{
    position: absolute;
    bottom: 16%;
	right:0;
    width:35%;
	display: none;
}

.detailsButton{
    width: 40%;
    display: block;
    position: absolute;
    top: 3%;
    right: 3%;
    z-index: 8;
 }

.detailsButton img{
    width: 100%;
    display: block;
 }

.buffer{
    clear:both;
    height:50px;
}


.popWrapper {
    width: 60%;
    height:23vw;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    margin: auto;
    z-index: 8888;
    padding: 2%;
    box-sizing: content-box;
    background-image: linear-gradient(#fff, #c6d3f7);
    display: none;
}

.popWrapper #popExitImage{
    float:right;
    width: 3%;
}

.popWrapper .logoPop{
    float:left;
    width: 20%;
}

.popImage{
	float:right;
	width:30%;
	margin-top:1%;
}

.textSide{
	float:left;
	width:70%;
	margin-top:1%;
	padding:0 2%;
}

.textSide h2{
    font-family: 'Rubik', sans-serif;
    font-size:200%;
    direction: rtl;
    text-align: right;
    color: #02d2c8;
	line-height: 130%;
}

.textSide p{
	padding-top:2%;
    font-size:120%;
    direction: rtl;
    text-align: right;
    color: #060145;
	line-height: 130%;
}

.textSide a img{
	display: block;
	width:25%;
}


/* Mobile */

@media only screen and (max-width: 480px) {
  
.mobileOnly {
    display: block;
}
.pcOnly {
    display: none;
}

body {
    background: #fff;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

header {
    position: static;
}

header img.logo1{
	position: static;
    width:50%;
	margin: 5% auto;
}

.mainBg {
    width: 100%;
}

h1 {
    position: static;
    font-size:1200%;
    letter-spacing: 0px;
    padding:4% 2%;
    background-color: transparent;
	color:#005f62;
}

.popularTitle{
    font-size:600%;
	padding: 4%
}

section p{
    font-size: 470%;
    text-align: justify;
}


.dealswrapper{
    width:80%;
    margin:1% auto;
}

.dealBox{
    width:100%;
    float:none;
    margin-right:0;
    position: relative;
    margin-top: 5%;
}

.dealBox img.dealImage{
    width:100%;
    display: block;
}

.dealContent{
    font-size:600%;
}

.dealContent span{
    font-family: 'Rubik', sans-serif;
    color: #ffd45e;
	font-size: 70%
}

.detailsButton{
    font-size: 400%;
}

.buffer{
    display: none;
}

.click_to_call {
    width: 90%;
    margin: 4% auto;
    padding: 3% 0;
    cursor: pointer;
    color: #fab448;
    background: #1a4555;
    outline: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 600%;
    font-family: arial;
    font-weight: bold;
    border: 2px #fab448 solid;
    text-align: center;
    text-decoration: none;
    direction: rtl;
}
}