.navbar img{
    height: 40px;
    width: 148px;
}
.header{
	margin-bottom: 40px;
	position:relative;
	z-index:888;
}
.content_area .heading{
    text-align: center;
    color: #108690;
}


section.content_area {
    position: relative;
    z-index: 888;
}
.heading h1{
   font-size: 40px;
   font-family: 'MontserratBold', 'DroidKufiBold' !important;
   margin-bottom: 50px;
       line-height: 48px;
}
.heading h1 span{
    font-weight: lighter;
}
.all_module_box{
    list-style: none;
	justify-content: center;
}
.box {
    background-color: #ffff;
    height: 100px;
    width: 100px;
    border-radius: 13px;
    margin-right: 20px;
    margin-bottom: 17px;
    text-align: center;
    padding-top: 18px;
    box-shadow: 1px 2px 4px #959595;

}
.box p{margin-bottom: 0px; font-size: 14px;}
.form_box{
    background-color: #ffff;
    width: 100%;
    border-radius: 13px;
	box-shadow: 1px 2px 4px #959595;
}
.umrah_icon{
    background-image: url(../images/umrah-icon.png);
    width: 35px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;

}
.flight_icon{
    background-image: url(../images/flight-icon.png);
    width: 36px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.hotel_icon{
    background-image: url(../images/hotel-icon.png);
    width: 40px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.Transfers_icon{
    background-image: url(../images/transfers-icon.png);
    width: 44px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.Insurance_icon{
    background-image: url(../images/insurance-icon.png);
    width: 30px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.Activities_icon{
    background-image: url(../images/activities-icon.png);
    width: 38px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.Visa_icon{
    background-image: url(../images/visa-icon.png);
    width: 30px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.bus_icon{
    background-image: url(../images/bus-icon.png);
    width: 34px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.train_icon{
    background-image: url(../images/train-icon.png);
    width: 26px;
    height: 35px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;

}
.form_icon{
	background-image: url(../images/form-icon.png);
	width: 25px;
	height: 21px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
}
.form_heading {
    font-size: 17px;
    font-family: 'MontserratBold', 'DroidKufiBold' !important;
    color: #373e43;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.form_box{
	padding: 25px;
}
.sign-up_form label{
	width: 100%;
	font-size: 14px;
	color: #373e43;
}
.sign-up_form input{
	width: 100%;
	height: 42px;
	border-radius: 5px;
	box-shadow: none;
	border: 1px solid #ccc;
}
.forgot_pass{
	font-size: 14px;
	color: #cea241;
}
.login_btn{
		width: 100%;
		height: 42px;
		background-color: #e66f51;
		border: none;
		border-radius: 5px;
		color: #ffff;
		font-size: 17px;
		font-family: 'MontserratBold', 'DroidKufiBold' !important;
}
.register_btn{
	width: 48%;
	height: 42px;
	background-color: #3d2605;
	border: none;
	border-radius: 5px;
	color: #fccf14;
	line-height: 17px;

}
.register_btn span{
	color: #ffff;
	font-size: 14px;
}
.register_btn p {
	font-size: 14px;
	font-family: 'MontserratBold', 'DroidKufiBold' !important;
}


.sign-up_form.control {
    position: relative;
    margin-bottom: 15px;
}
a.forgot_pass {
    position: absolute;
    top: 5px;
    right: 0px;
    color: #cea241;
    text-decoration: none;
}
footer{position: relative; z-index: 888; margin-top: 160px;}


.country_list{
	list-style: none;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
.uae{
	background-image: url(../images/uae-icon.png);
	width: 36px;
	height: 40px;
	background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.oman{
	background-image: url(../images/oman-icon.png);
	width: 28px;
	height: 40px;
	background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.kuwait{
	background-image: url(../images/kuwait-icon.png);
	width: 30px;
	height: 40px;
	background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.qatar{
	background-image: url(../images/qatar-icon.png);
	width: 18px;
	height: 40px;
	background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.bahrain{
	background-image: url(../images/bahrain-icon.png);
	width: 24px;
	height: 40px;
	background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.saudi_Arabia{
	background-image: url(../images/saudi-arabia-icon.png);
	width: 36px;
	height: 40px;
	background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
.country_list li{
	margin-right:50px;
	position: relative;
	text-align: center;
}
.footer-logo{
	text-align: center;

}
.footer-logo p{
	font-size: 12px;
}
.country_list li::after {
    position: absolute;
    content: '';
    height: 12px;
    width: 1px;
    background: #1f1e23;
    right: -25px;
    top: 53px;
}
.country_list li:last-child::after{
   display: none;
}
.country_list p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
}







.wrapper {
    text-align: center;
    position: absolute;
    overflow: hidden;
    display: table-cell;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    min-height:800px;
  }

  .scene,
  .layer {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .scene {
    position: relative;
    overflow: hidden;
  }

  .layer { position: absolute; z-index:500; }

  .layer div {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }


  /* Background */
  .background {
    background-image: url(../images/background.jpg);
    bottom: -20px;
    background-size: cover;
    position: absolute;
    width: 110%;
    left: -5%;
    top: -5%;
  }



/* Flakes Sizing */
.depth-5 img, .depth-4 img, .depth-3 img, .depth-2 img, .depth-1 img {
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6,0.6);
	transform: scale(0.6);
}

/* Flakes Positioning */
.depth-5 {
	position: absolute;
	right: -100%;
	top: -24%;
}

.depth-4 {
	position: absolute;
	left: -10%;
	top: 37%;
 }

.depth-3.flake1 {
	display: none;
}

.depth-3.flake2 {
	position: absolute;
	right: 16%;
	bottom: 20%;
}

.depth-3.flake3 {
	position: absolute;
	left: 10%;
	bottom: 16%;
}

.depth-3.flake4 {
	display: none;
}

.depth-2.flake1 {
	display: none;
}

.depth-2.flake2 {
	display: none;
}

.depth-1.flake1 {
	display: none;
}

.depth-1.flake2 {
	position: absolute;
	right: 40%;
	top: 50%;
}

.depth-1.flake3 {
	display: none;
}

.depth-1.flake4 {
	position: absolute;
	right: 0;
	top: 0;
}


.btob_home .container{
	    max-width: 1200px;
}



/* =Responsive Styles
-------------------------------------------------------------- */

/* Landscape Phone */
@media all and (min-width: 400px) {

	.sphere img{
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6,0.6);
		transform: scale(0.6);
	}
	/* POSITIONING */
	.depth-5 {
		position: absolute;
		right: -50%;
		top: -50%;
	}

	.depth-4 {
		left: -4%;
		top: 20%;
	 }

	.depth-3.flake1 {
		display: none;
	}

	.depth-3.flake2 {
		position: absolute;
		right: 16%;
		bottom: 20%;
	}

	.depth-3.flake3 {
		position: absolute;
		left: 10%;
		bottom: 16%;
	}

	.depth-3.flake4 {
		display: none;
	}

	.depth-2.flake1 {
		display: none;
	}

	.depth-2.flake2 {
		display: none;
	}

	.depth-1.flake1 {
		display: none;
	}

	.depth-1.flake2 {
		position: absolute;
		right: 40%;
		top: 40%;
	}

	.depth-1.flake3 {
		display: none;
	}

	.depth-1.flake4 {
		position: absolute;
		right: 0;
		top: 0;
	}
}

/* Tablet Portrait */
@media all and (min-width: 700px) {

	/* SIZES */
	.sphere img{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1,1);
		transform: scale(1);
	}
	.depth-5 img, .depth-4 img, .depth-3 img, .depth-2 img, .depth-1 img {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8,0.8);
		transform: scale(0.8);
	}
	/* POSITIONING */
	.depth-5 {
		right: -25%;
		top: 3%;
	}

	.depth-4 {
		left: -3%;
		top: 15%;
	 }

	.depth-3.flake1 {
		display: none;
	}

	.depth-3.flake2 {
		right: 25%;
		bottom: 25%;
	}

	.depth-3.flake3 {
		left: 20%;
		bottom: 20%;
	}

	.depth-3.flake4 {
		display: block;
		position: absolute;
		left: 10%;
		bottom: 40%;
	}

	.depth-2.flake1 {
		display: none;
	}

	.depth-2.flake2 {
		display: none;
	}

	.depth-1.flake1 {
		display: none;
	}

	.depth-1.flake2 {
		display: block;
		left: 15%;
		top: 25%;
	}

	.depth-1.flake3 {
		display: none;
	}

	.depth-1.flake4 {
		display: none;
	}

}

@media all and (min-width: 900px) {


	#countdown div span {font-size: 34px; line-height: 34px;}

	.sub-title { font-size: 20px; line-height: 20px; margin-top: 20px; }
	/* TITLE & CONTACT */
	.title { top: 10%;}
	.contact { bottom: 8%; }
	.contact .icons { margin-bottom: 12px; }
	/* SIZES */
	.sphere img{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1,1);
		transform: scale(1);
	}
	.depth-5 img, .depth-4 img, .depth-3 img, .depth-2 img, .depth-1 img {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8,0.8);
		transform: scale(0.8);
	}
	/* POSITIONING */
	.depth-5 {
		right: -25%;
		top: 3%;
	}

	.depth-4 {
		left: -3%;
		top: 15%;
	 }

	.depth-3.flake1 {
		display: none;
	}

	.depth-3.flake2 {
		right: 25%;
		bottom: 25%;
	}

	.depth-3.flake3 {
		left: 20%;
		bottom: 20%;
	}

	.depth-3.flake4 {
		display: block;
		position: absolute;
		left: 10%;
		bottom: 40%;
	}

	.depth-2.flake1 {
		display: none;
	}

	.depth-2.flake2 {
		display: none;
	}

	.depth-1.flake1 {
		display: none;
	}

	.depth-1.flake2 {
		display: block;
		left: 15%;
		top: 25%;
	}

	.depth-1.flake3 {
		display: none;
	}

	.depth-1.flake4 {
		display: none;
	}
}

@media all and (min-width: 1200px) {

	#countdown div span {font-size: 44px; line-height: 44px;}
	.sub-title { font-size: 25px; line-height: 25px; margin-top: 20px; }
	/* SIZES */
	.sphere img{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1,1);
		transform: scale(1);
	}
	.depth-5 img, .depth-4 img, .depth-3 img, .depth-2 img, .depth-1 img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1,1);
		transform: scale(1);
	}
	/* POSITIONING */
	.depth-5 {
		right: -10%;
		top: -10%;
		-webkit-animation: wave 9s 0.1s infinite linear;
		-moz-animation: wave 9s 0.1s infinite linear;
		animation: wave 9s 0.1s infinite linear;
	}

	.depth-4 {
		left: -3%;
		top: 15%;
		-webkit-animation: wave 7s 0.1s infinite linear;
		-moz-animation: wave 7s 0.1s infinite linear;
		animation: wave 7s 0.1s infinite linear;
	 }


	.depth-3 {
		-webkit-animation: wave 6s 0.1s infinite linear;
		-moz-animation: wave 6s 0.1s infinite linear;
		animation: wave 6s 0.1s infinite linear;
	}

	.depth-3.flake1 {
		display: block;
		position: absolute;
		left: 20%;
		top: 40%;
	}

	.depth-3.flake2 {
		right: 25%;
		bottom: 25%;
	}

	.depth-3.flake3 {
		left: 20%;
		bottom: 20%;
	}

	.depth-3.flake4 {
		display: block;
		position: absolute;
		left: 10%;
		bottom: 40%;
	}

	.depth-2 {
		-webkit-animation: wave 5s 0.1s infinite linear;
		-moz-animation: wave 5s 0.1s infinite linear;
		animation: wave 5s 0.1s infinite linear;
	}

	.depth-2.flake1 {
		display: block;
		position: absolute;
		right: 40%;
		top: 40%;
		opacity:.5;
		z-index:0;
	}

	.depth-2.flake2 {
		display: none;
	}

	.depth-1 {
		-webkit-animation: wave 4s 0.1s infinite linear;
		-moz-animation: wave 4s 0.1s infinite linear;
		animation: wave 4s 0.1s infinite linear;
	}

	.depth-1.flake1 {
		display: block;
		position: absolute;
		left: 30%;
		bottom: 20%;
	}

	.depth-1.flake2 {
		display: block;
		left: 15%;
		top: 25%;
	}

	.depth-1.flake3 {
		display: none;
	}

	.depth-1.flake4 {
		display: none;
	}
}

@media all and (min-width: 1400px) {

	.sub-title { font-size: 25px; line-height: 25px; margin-top: 20px; }
	/* POSITIONING */
	.depth-5 {
		right: -10%;
		top: -5%;
	}

	.depth-4 {
		left: -3%;
		top: 15%;
	 }

	.depth-3.flake1 {
		display: block;
		position: absolute;
		left: 20%;
		top: 40%;
	}

	.depth-3.flake2 {
		right: 25%;
		bottom: 25%;
	}

	.depth-3.flake3 {
		left: 40%;
		bottom: 20%;
	}

	.depth-3.flake4 {
		display: block;
		position: absolute;
		left: 10%;
		bottom: 40%;
	}

	.depth-2.flake1 {
		display: block;
		position: absolute;
		right: 40%;
		top: 40%;
	}

	.depth-2.flake2 {
		display: none;
	}

	.depth-1.flake1 {
		display: block;
		position: absolute;
		left: 30%;
		bottom: 30%;
	}

	.depth-1.flake2 {
		display: block;
		left: 15%;
		top: 25%;
	}

	.depth-1.flake3 {
		display: block;
		position: absolute;
		bottom: 20%;
		right: 40%;
	}

	.depth-1.flake4 {
		display: block;
		right: 40%;
		top: 25%;
	}
}

@media all and (min-width: 1600px) {

	#countdown div span {font-size: 54px; line-height: 54px;}
	.sub-title { font-size: 25px; line-height: 25px; margin-top: 25px; }
}


@media all and (min-width: 1920px) {

	.sub-title { font-size: 30px; line-height: 30px; margin-top: 30px; }
	/* POSITIONING */
	.depth-5 {
		right: -10%;
		top: 5%;
	}

	.depth-4 {
		left: 3%;
		top: 15%;
	 }

	.depth-3.flake1 {
		display: block;
		position: absolute;
		left: 20%;
		top: 40%;
	}

	.depth-3.flake2 {
		right: 25%;
		bottom: 25%;
	}

	.depth-3.flake3 {
		left: 40%;
		bottom: 20%;
	}

	.depth-3.flake4 {
		display: block;
		position: absolute;
		left: 10%;
		bottom: 40%;
	}

	.depth-2.flake1 {
		display: block;
		position: absolute;
		right: 40%;
		top: 40%;
	}

	.depth-2.flake2 {
		display: none;
	}

	.depth-1.flake1 {
		display: block;
		position: absolute;
		left: 30%;
		bottom: 30%;
	}

	.depth-1.flake2 {
		display: block;
		left: 20%;
		top: 30%;
	}

	.depth-1.flake3 {
		display: block;
		position: absolute;
		bottom: 30%;
		right: 40%;
	}

	.depth-1.flake4 {
		display: block;
		right: 40%;
		top: 25%;
	}
}

/* =Animation
-------------------------------------------------------------- */

@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-moz-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-ms-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}
@media all and (max-width:1024px){
	.register_btn span {
		font-size: 13px;
	}
	footer {
		margin-top: 40px;
	}
	.box {

		height: 90px;
		width: 90px;

		margin-right: 15px;
		margin-bottom: 20px;

	}
}
@media all and (max-width:991px){
	footer {
		margin-top: 70px;
	}
}

@media all and (max-width:767px) {
	.heading h1 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.header {
		margin-bottom: 20px;
	}
	ul.all_module_box {
		padding: 0px;
		margin: 0px;
	}
	.box {
		height: 90px;
		width: 90px;
		border-radius: 13px;
		margin-right: 15px;
		padding-top: 10px;
	}
	.country_list li {
		margin-right: 38px;
		position: relative;
		text-align: center;
		margin-top: 25px;
	}
	footer {
		margin-top: 50px;
	}
	.register_btn span {
		font-size: 12px;
	}
}