@charset "utf-8";
/* font face */
/* overlock */
@font-face {font-family: 'Overlock SC';
  font-style: normal;
  font-weight: 400;
  src: local('Overlock SC'), local('OverlockSC-Regular'), url(https://fonts.gstatic.com/s/overlocksc/v5/cFrEOzZWUct6fhBu_bFdko4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
/* raleway */
@font-face {  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}





/* MOBILE */
@media only screen and (max-width : 767px) 
{
body { background: url(../images/umrahbackground.jpg);
					background-size: cover;
					background-repeat: no-repeat;
					background-attachment: fixed;}
/*menu*/
.navbar { background-color:seagreen;}
#navcolor li a {color:white;
				font-size: 18px;
				margin-top: 15px;
				font-family: 'Overlock SC';}
#navcolor li a:hover { box-shadow: 2px 2px 5px black;
						background-color: black;}
#navdropdown li a {color:black;}
#navdropdown li a:hover { box-shadow: 2px 2px 5px black;
						background-color: white;}
.logo {width: 100px;
		height: 45px;
		margin-top: -90px;
		margin-bottom: -115px;
		background-color: white;
		box-shadow: 2px 2px 5px;
		padding: 10px;
		z-index: 999;}
	
	
	
/*Banner*/
#UMRHABANNER { height: auto;
				margin-top: -20px;}
.bannercontent img {height: 150px;
					margin-top: 20px;}
.head h1 {margin-top: 70px;
			font-family: Raleway;
			font-weight: bold;
	box-shadow:4px 4px 5px 0px gray;
	}
	
	
	
/*Umrah Package*/
#UMRAHPACKAGES { margin-top: 30px; }
.packageone img { box-shadow:4px 4px 5px 0px; }
.packageone h3 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packageone h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagetwo img { box-shadow:4px 4px 5px 0px gray;
					margin-top: 30px;}
.packagetwo h3 { font-family: Raleway;
				font-weight: bold;
				color: #8fbc8f;}
.packagetwo h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagethree img { box-shadow:4px 4px 5px 0px gray;
				margin-top: 30px;}
.packagethree h3 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagethree h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.table-fill { background: white;
  				border-radius:3px;
  				border-collapse: collapse;
  				height: 150px;
	  			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  				margin: auto;
  				padding:5px;
  				width: 100%;
  				animation: float 5s infinite; }
 th { color:#D5DDE5;
	  background:#1b1e24;
	  border-bottom:1px solid #9ea7af;
	  border-right: 1px solid #343a45;
	  font-size:23px;
	  font-weight: 100;
	  padding:10px;
	  text-align:left;
	  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	  vertical-align:middle;}
th:first-child { border-top-left-radius:3px; }
th:last-child {   border-top-right-radius:3px;
	 				border-right:none; }
tr { border-top: 1px solid #C1C3D1;
	  border-bottom-: 1px solid #C1C3D1;
	  color:black;
	  font-size:16px;
	  font-weight:normal;
	  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); }
tr:hover td { background:green;
			  color:#FFFFFF;
			  border-top: 1px solid #22262e;
			  border-bottom: 1px solid #22262e; }
tr:first-child { border-top:none; }
tr:last-child { border-bottom:none;}
tr:nth-child(odd) td { background:darkseagreen;}
tr:nth-child(odd):hover td { background:#4E5066; }
tr:last-child td:first-child { border-bottom-left-radius:3px; }
tr:last-child td:last-child { border-bottom-right-radius:3px; }
td { background:#A9E8A9;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1; }
td:last-child { border-right: 0px; }
th.text-left { text-align: left; }
th.text-center { text-align: center; }
th.text-right { text-align: right; }
td.text-left { text-align: left; }
td.text-center { text-align: center; }
td.text-right { text-align: right; }
	
	
	
/*Umrah 2018*/
#UMRAH2018 { margin-top: 50px;
			margin-bottom: 50px;
			padding-top: 50px;
			padding-bottom: 50px;}
.eidinmadinahcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.eidinmadinahead h3 { color: forestgreen;
					font-weight: bold;}
.eidinmadinahead h4 { color: darkslategrey;}
.eidinmadinainfo { margin-top: 50px; }
.childinfantcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.childinfanthead h3 { color: forestgreen;
					font-weight: bold;}
.childinfantinfo { margin-top: 50px; }
.ramfirslastcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;
					margin-top: 30px;}
.ramfirslasthead h3 { color: forestgreen;
					font-weight: bold;}
.ramfirslastinfo { margin-top: 50px; }
.ramfirstlastdescpcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.ramfirstlastdescphead h3 { color: forestgreen;
					font-weight: bold;}
.ramfirstlastdescpinfo { margin-top: 100px; }
.itnerary { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;
					margin-top: 30px;}
.itnerary h4 { color: forestgreen;
			font-weight: bold; }

	
	
/*footer*/
#FOOTER { background-color: seagreen;
		height: auto;
		margin-top: 50px;}
.footerlogo img { width: 200px;
				height: 130px;
				margin-top: 20px;
				background-color: white;
				box-shadow: 2px 2px 5px;
				padding: 10px;}
	
	
	
}






/* TABLET */
@media only screen and (min-width : 768px) and (max-width : 1199px)  
{
body { background: url(../images/umrahbackground.jpg);
					background-size: cover;
					background-repeat: no-repeat;
					background-attachment: fixed;}
/*menu*/
.navbar { height: 80px;
			background-color:seagreen;
			box-shadow: 2px 2px 5px;}
#navcolor li a {color:white;
				font-size: 18px;
				margin-top: 15px;
				font-family: 'Overlock SC';}
#navcolor li a:hover { box-shadow: 2px 2px 5px black;
						background-color: black;}
#navdropdown li a {color:black;}
#navdropdown li a:hover { box-shadow: 2px 2px 5px black;
						background-color: white;}
.logo {width: 130px;
		height: 65px;
		background-color: white;
		box-shadow: 2px 2px 5px;
		padding: 10px;
		margin-top: -60px;
		margin-bottom: -115px;
		z-index: 999;}
	
	
	
/*Banner*/
#UMRHABANNER { height: auto;
				margin-top: -20px;}
.bannercontent img {height: 100px;
					margin-top: 20px;}
.head h1 {margin-top: 70px;
			font-family: Raleway;
			font-weight: bold;}
	
	
	
/*Umrah Package*/
#UMRAHPACKAGES { margin-top: 50px; }
.packageone img { box-shadow:4px 4px 5px 0px; }
.packageone h3 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packageone h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagetwo img { box-shadow:4px 4px 5px 0px gray; }
.packagetwo h3 { font-family: Raleway;
				font-weight: bold;
				color: #8fbc8f;}
.packagetwo h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagethree img { box-shadow:4px 4px 5px 0px gray; }
.packagethree h3 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagethree h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.table-fill { background: white;
  				border-radius:3px;
  				border-collapse: collapse;
  				height: 150px;
	  			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  				margin: auto;
  				padding:5px;
  				width: 100%;
  				animation: float 5s infinite; }
 th { color:#D5DDE5;
	  background:#1b1e24;
	  border-bottom:1px solid #9ea7af;
	  border-right: 1px solid #343a45;
	  font-size:23px;
	  font-weight: 100;
	  padding:10px;
	  text-align:left;
	  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	  vertical-align:middle;}
th:first-child { border-top-left-radius:3px; }
th:last-child {   border-top-right-radius:3px;
	 				border-right:none; }
tr { border-top: 1px solid #C1C3D1;
	  border-bottom-: 1px solid #C1C3D1;
	  color:black;
	  font-size:16px;
	  font-weight:normal;
	  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); }
tr:hover td { background:green;
			  color:#FFFFFF;
			  border-top: 1px solid #22262e;
			  border-bottom: 1px solid #22262e; }
tr:first-child { border-top:none; }
tr:last-child { border-bottom:none;}
tr:nth-child(odd) td { background:darkseagreen;}
tr:nth-child(odd):hover td { background:#4E5066; }
tr:last-child td:first-child { border-bottom-left-radius:3px; }
tr:last-child td:last-child { border-bottom-right-radius:3px; }
td { background:#A9E8A9;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1; }
td:last-child { border-right: 0px; }
th.text-left { text-align: left; }
th.text-center { text-align: center; }
th.text-right { text-align: right; }
td.text-left { text-align: left; }
td.text-center { text-align: center; }
td.text-right { text-align: right; }
	
	
	
/*Umrah 2018*/
#UMRAH2018 { margin-top: 50px;
			margin-bottom: 50px;
			padding-top: 50px;
			padding-bottom: 50px;}
.eidinmadinahcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.eidinmadinahead h3 { color: forestgreen;
					font-weight: bold;}
.eidinmadinahead h4 { color: darkslategrey;}
.eidinmadinainfo { margin-top: 50px; }
.childinfantcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.childinfanthead h3 { color: forestgreen;
					font-weight: bold;}
.childinfantinfo { margin-top: 50px; }
.ramfirslastcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;
					margin-top: 30px;}
.ramfirslasthead h3 { color: forestgreen;
					font-weight: bold;}
.ramfirslastinfo { margin-top: 50px; }
.ramfirstlastdescpcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.ramfirstlastdescphead h3 { color: forestgreen;
					font-weight: bold;}
.ramfirstlastdescpinfo { margin-top: 100px; }
.itnerary { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;
					margin-top: 30px;}
.itnerary h4 { color: forestgreen;
			font-weight: bold; }
	
	
	
/*footer*/
#FOOTER { background-color: seagreen;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 50px;}
.footerlogo img { width: 250px;
				height: 150px;
				margin-top: 20px;
				background-color: white;
				box-shadow: 2px 2px 5px;
				padding: 10px;}
	
	
	
}






/* DESKTOP */
@media only screen and (min-width : 1200px)
{
body { background: url(../images/umrahbackground.jpg);
					background-size: cover;
					background-repeat: no-repeat;
					background-attachment: fixed;}
/*menu*/
.navbar { height: 80px;
			background-color:seagreen;
			box-shadow: 2px 2px 5px;}
#navcolor li a {color:white;
				font-size: 18px;
				margin-top: 15px;
				font-family: 'Overlock SC';}
#navcolor li a:hover { box-shadow: 2px 2px 5px black;
						background-color: black;}
#navdropdown li a {color:black;}
#navdropdown li a:hover { box-shadow: 2px 2px 5px black;
						background-color: white;}
.logo {width: 150px;
		height: 70px;
		margin-top: -60px;
		background-color: white;
		box-shadow: 2px 2px 5px;
		padding: 10px;
		margin-bottom: -115px;
		z-index: 999;}
	
	
	
/*Banner*/
#UMRHABANNER { height: auto;
				margin-top: -20px;}
.bannercontent img {height: 100px;
					margin-top: 20px;}
.head h1 {margin-top: 70px;
			font-family: Raleway;
			font-weight: bold;}
	
	
	
/*Umrah Package*/
#UMRAHPACKAGES { margin-top: 50px; }
.packageone img { box-shadow:4px 4px 5px 0px; }
.packageone h3 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packageone h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagetwo img { box-shadow:4px 4px 5px 0px gray; }
.packagetwo h3 { font-family: Raleway;
				font-weight: bold;
				color: #8fbc8f;}
.packagetwo h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagethree img { box-shadow:4px 4px 5px 0px gray; }
.packagethree h3 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.packagethree h4 { font-family: Raleway;
				font-weight: bold;
				color: black;}
.table-fill { background: white;
  				border-radius:3px;
  				border-collapse: collapse;
  				height: 150px;
	  			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  				margin: auto;
  				padding:5px;
  				width: 100%;
  				animation: float 5s infinite; }
 th { color:#D5DDE5;
	  background:#1b1e24;
	  border-bottom:1px solid #9ea7af;
	  border-right: 1px solid #343a45;
	  font-size:23px;
	  font-weight: 100;
	  padding:10px;
	  text-align:left;
	  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	  vertical-align:middle;}
th:first-child { border-top-left-radius:3px; }
th:last-child {   border-top-right-radius:3px;
	 				border-right:none; }
tr { border-top: 1px solid #C1C3D1;
	  border-bottom-: 1px solid #C1C3D1;
	  color:black;
	  font-size:16px;
	  font-weight:normal;
	  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); }
tr:hover td { background:green;
			  color:#FFFFFF;
			  border-top: 1px solid #22262e;
			  border-bottom: 1px solid #22262e; }
tr:first-child { border-top:none; }
tr:last-child { border-bottom:none;}
tr:nth-child(odd) td { background:darkseagreen;}
tr:nth-child(odd):hover td { background:#4E5066; }
tr:last-child td:first-child { border-bottom-left-radius:3px; }
tr:last-child td:last-child { border-bottom-right-radius:3px; }
td { background:#A9E8A9;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1; }
td:last-child { border-right: 0px; }
th.text-left { text-align: left; }
th.text-center { text-align: center; }
th.text-right { text-align: right; }
td.text-left { text-align: left; }
td.text-center { text-align: center; }
td.text-right { text-align: right; }
	
	
	
/*Umrah 2018*/
#UMRAH2018 { margin-top: 50px;
			margin-bottom: 50px;
			padding-top: 50px;
			padding-bottom: 50px;}
.eidinmadinahcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.eidinmadinahead h3 { color: forestgreen;
					font-weight: bold;}
.eidinmadinahead h4 { color: darkslategrey;}
.eidinmadinainfo { margin-top: 50px; }
.childinfantcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.childinfanthead h3 { color: forestgreen;
					font-weight: bold;}
.childinfantinfo { margin-top: 50px; }
.ramfirslastcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;
					margin-top: 30px;}
.ramfirslasthead h3 { color: forestgreen;
					font-weight: bold;}
.ramfirslastinfo { margin-top: 50px; }
.ramfirstlastdescpcont { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;}
.ramfirstlastdescphead h3 { color: forestgreen;
					font-weight: bold;}
.ramfirstlastdescpinfo { margin-top: 100px; }
.itnerary { box-shadow: 2px 2px 5px;
					background-color: white;
					padding: 10px;
					margin-top: 30px;}
.itnerary h4 { color: forestgreen;
			font-weight: bold; }
	
	
	
/*footer*/
#FOOTER { background-color: seagreen;
		height: auto;
		margin-top: 25px;}
.footerlogo img { width: 250px;
				height: 150px;
				margin-top: 20px;
				background-color: white;
				box-shadow: 2px 2px 5px;
				padding: 10px;}
	

	
	
	
}


.Days{
	font-size:15px;
	font-weight:bold;
	padding:7px;
	background:white;
	border-radius:5px;
	text-transform: uppercase;
}
small, .small {
    font-size: 90%;
    font-weight: normal;
	text-transform: none !important;
}


.Ramzan_Package_Container{
	padding:7px;
	background: #65932f;
	margin-top:15px;
	padding-top:15px;
	border-radius: 8px;
}
.NoofDays {
	float: right;
    padding: 7px;
    background: #21401b;
    color: white;
}

.RUPackage{
	
}

.pitem{
	min-width: 265px;
    float: left;
    padding: 5px;
    margin: 5px;
}
.Umrah_Package_Sub_Title {
	font-size: 18px;
    margin-right: 25px;
    font-weight: bold;
    background: #8BC34A;
    padding: 8px 35px 8px 35px;
    border-radius: 11px;
    transform: rotate(45deg);
	
}
.panel{
	margin-bottom:2px !important;
}