/*  GENERAL  */    

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

.pcOnly{
    display: block;
}

.mobileOnly{
    display: none;
}

.wrapper {
    width: 100%;
	position: relative;
	overflow: hidden;
}

img.mainImage {
	z-index: -10;
    width: 96%;
}

.whiteBg{
	position: absolute;
	top:-10%;
	right:0;
	background-color: #fff;
	width: 40%;
	height:150%;
	z-index: 10;
	border-radius: 50% 0 0 50%;
}

.blueBgOpacity{
	position: absolute;
	top:-10%;
	right:0;	
    background-color: #1a4555;
	width:44%;
	height:150%;
	z-index: 8;
	border-radius: 70% 0 0 50%;
}

.yellowBgOpacity{
	position: absolute;
	top:-10%;
	right:0;	
    background-color: rgba(197, 56, 110, 0.6);
	width:36%;
	height:150%;
	z-index: 7;
	border-radius: 92% 0 0 50%;
}

.star1{
    position: absolute;
    color: rgb(228, 177, 12 , 0.9);
    top: 30%;
    right: 38.5%;
    z-index: 20;
    font-size: 150%;
}

.star2{
    position: absolute;
    color: rgb(228, 177, 12 , 0.9);
    top: 45%;
    right: 40.3%;
    z-index: 20;
    font-size: 150%;
}

.star3{
    position: absolute;
    color: rgb(228, 177, 12 , 0.9);
    top: 60%;
    right: 41.1%;
    z-index: 20;
    font-size: 150%;
}

.star4{
    position: absolute;
    color: rgb(228, 177, 12 , 0.9);
    top: 75%;
    right: 41.3%;
    z-index: 20;
    font-size: 150%;
}

.star5{
    position: absolute;
    color: rgb(228, 177, 12 , 0.9);
    top: 90%;
    right: 40.6%;
    z-index: 20;
    font-size: 150%;
}


img.logo {
    width: 8%;
    position: absolute;
    top:8%;
    left:2%;
	z-index: 20;
}

.phoneNumbera {
	position: absolute;
    top:5%;
    right:0;
    font-size: 250%;
    text-align: center;
    font-family: 'Heebo', sans-serif;
    color: rgb(26, 69, 85);
	text-decoration: none;
	z-index: 20;
    width: 34%;
}

h1 {
    position: absolute;
    top:10.5%;
    right:0;
    font-family: 'Heebo', sans-serif;
    font-size: 160%;
    /* color: #1a4555; */
    color:#9b991c;
    text-align: center;
    direction: rtl;
	width: 34%;
	z-index: 20;
}

h2 {
    position: absolute;
    top:19%;
    right:5%;
    font-family: 'Heebo', sans-serif;
    font-size: 184%;
    color: #c51f3d;
    text-align: right;
    direction: rtl;
	width: 24%;
	z-index: 20;
}

.guyAddition{
    position: absolute;
    top:14.8%;
    right:0;
    font-family: 'Heebo', sans-serif;
    font-size: 140%;
    /* color: #c51f3d; */
    /* color: rgb(160, 15, 39); */
    color:#9b991c;
    text-align: center;
    direction: rtl;
	width: 34%;
	z-index: 20;

}

h3 {
    position: absolute;
    top: 15%;
    right: 2%;
    font-family: sans-serif;
    font-size: 107%;
    color: #1a4555;
    text-align: justify;
    direction: rtl;
    width: 32%;
    z-index: 20;
    line-height: 110%;
    
}

h6 {
    text-align: right;
    direction: rtl;
}



.textBox{
    width: 44%;
    position: absolute;
    top:85%;    
	z-index: 20;
    left: 12%;
}

.textBox h4{
    font-family: 'Heebo', sans-serif;
    font-size: 130%;
	font-weight: bold;
    line-height: 140%;
    direction: rtl;
    text-align: justify;
    color: #535353;
}

.textBox p{
    font-size: 500%;
	font-weight: bold;
    line-height: 140%;
    direction: rtl;
    text-align: justify;
    color: #fff;
    text-shadow: 0 0 3px blue, 0 0 5px black;

    /* padding-bottom: 4%;     */
}





h5{
    font-family: 'Heebo', sans-serif;
    font-size: 380%;
	line-height: 80%;
	padding-top:7%;
	text-align: center;
	line-height: 90%;
    margin: 0;
}

h5 span{
    font-family: 'Heebo', sans-serif;
    font-size: 50%;
	line-height: 90%;
}


h5 span.from{
    font-family: 'Varela Round', sans-serif;
    font-size: 20%;
}


.flag img{
    position: absolute;
    top: 87%;
    left: 3%;
    width: 5.5%;
    /* box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.5);
    -moz-box-shadow:    0px 0px 2px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.5);          */
        
}






@media only screen and (max-width: 480px) {
*{
	font-size: 3vw;
}
 
.mobileOnly{
    display: block;
}

.pcOnly{
    display: none;
}

.wrapper {
    width: 100%;
	position: static;
	overflow:inherit;
	padding-bottom: 10%;
}

img.logo {    
    position: static;
	width: 15%;
    margin-top: 4%;    
    float:right;
    margin-right: 10%;
}

.phoneNumbera {
	position: static;
    width: 100%;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    font-family: 'Heebo', sans-serif;
    color: #c51f3d;
	text-decoration: none;
    margin:0 auto;
    padding-top: 5%;
    padding-bottom: 2%;
}

img.mainImage {
	width:100%;
}

h1 {
    position: static;
    font-size: 285%;
    text-align: center;
	width: 100%;
	/* padding:0 3%; */
    margin: 2% 0 0;
}

h2 {
    position: static;
    font-size: 150%;
    text-align: center;
	width: 100%;
	padding:0 3%;
}

.guyAddition {
    position: static;
    font-size: 230%;
    text-align: center;
	width: 100%;
	padding:0 3%;

}

h3 {
    position: static;
    font-size: 190%;
    text-align: center;
	width: 100%;
	padding:0 3%;
    margin: 3% 0 0;
}

h5{
    font-size: 520%;
}

.textBox{
    width: 100%;
    position: static;
	padding:5% 3% 3% 3%;
}

.textBox h4{
    font-size: 140%;
}

.textBox p{
    font-size: 120%;
	font-weight: normal;
    padding-bottom: 0;
}

.carousel-indicators{
    position: static;
    margin : 0;
    width: 100%;
}

.carousel-control{
    position: static;
}

.sr-only{
    position: static;
    display: none;
    
}

.carousel-inner{
    padding-bottom: 4%;
}

/* .carousel-control {
    display: none;
} */
.left .glyphicon-chevron-left{
    position: absolute;
    top: 215%;
    left: 6%;
    /* margin-left: 5%; */
}

.right .glyphicon-chevron-right{
    position: absolute;
    top: 215%;
    right: 7%;
    margin-left: 82%;
    /* margin-top: -20%; */
    /* margin-right: 3%; */
}

#myCarousel{
    position: static;
    /* top: 70%;
    right: 12%;
    background-color: #222;
    z-index: 90; */
}

footer{
	position: static;
	bottom:1%;
	left:2%;
	width:96%;
	background-color: #fff;
	padding:6% 0;
}




footer a{
    width:80%;
    display: block;
    position: fixed;
    bottom:1%;
	left:10%;
    font-family: 'Heebo', sans-serif;
	font-size: 250%;
	text-decoration: none;
	background-color: #fff;
	border:1vw solid #c51f3d;
	border-radius: 2vw;
	direction: rtl;
	text-align: right;
	padding:3% 20% 3% 0;
	background-image: url(images/Phone_Icons.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: 10%;
	z-index: 100;
	color: #0c5d75;
}



.wa-icon {
	position: static;
    width: 50%;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    color: #48c857;
    color: #656765;
	text-decoration: none;
    margin:0 auto;
    margin-top: 6%;
	background-image: url(images/WhatsApp_icon.png);
	background-size: 25%;
	background-repeat: no-repeat;
	background-position: right center;
	padding:4% 12% 5% 0;
}




}