@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) 
{
	
/*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*/
#ZIYARATBANNER { height: auto;
				margin-top: -60px;}
.head h1 {margin-top: 80px;
			font-family: Raleway;
			font-weight: bold;}
	
	
	
/*Ziyarat Package*/
#ZIYARATPACK { margin-top: 50px; }
.packageone img { box-shadow:4px 4px 5px 0px; }
.packageone h3 { font-family: Raleway;
				font-weight: bold;}
.packageone h4 { font-family: Raleway;
				font-weight: bold;}
.packagetwo img { box-shadow:4px 4px 5px 0px;
				margin-top: 50px;}
.packagetwo h3 { font-family: Raleway;
				font-weight: bold;}
.packagetwo h4 { font-family: Raleway;
				font-weight: bold;}
.packagethree img { box-shadow:4px 4px 5px 0px;
				margin-top: 50px;}
.packagethree h3 { font-family: Raleway;
				font-weight: bold;}
.packagethree h4 { font-family: Raleway;
				font-weight: bold;}
.table-fill { background: white;
  				border-radius:3px;
  				border-collapse: collapse;
  				height: 320px;
	  			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; }
/*ziyarat places*/
.ziyaratplacesone { box-shadow: 2px 2px 5px;
					padding: 25px;
					background-color: lightcoral;}
.ziyaratplacesone h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacesone li { color: black; }
.ziyaratplacestwo { box-shadow: 2px 2px 5px;
					padding: 25px;
					margin-top: 35px;
					background-color: lightcoral;}
.ziyaratplacestwo h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacestwo p { color: black; }
.ziyaratplacesthree { box-shadow: 2px 2px 5px;
					padding: 25px;
					margin-top: 35px;
					background-color: lightblue;}
.ziyaratplacesthree h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacesthree p { color: black; }
/*package includes*/
.packageinclude { box-shadow: 2px 2px 5px black;
				margin-top: 30px;
				background-color: lightseagreen;
				color: white;
				padding: 30px;}
.packageinclude p { font-size: 17px;
					color: black;}
	
	
	
/*Gallery*/
#Gallery { margin-top: 50px;
			margin-bottom: 50px;}
#Gallery h2 { font-family: Roboto;
			font-weight: bold;
			margin-bottom: 50px;
			font-size: 44px;
			color: goldenrod;}
.galleryimg { -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
	width: 100%;
	height: 200px;}

	
	
/*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/ziyaratbackground.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*/
#ZIYARATBANNER { height: auto;
				margin-top: -20px;}
.bannercontent img {height: 100px;
					margin-top: 30px;}
.head h1 {margin-top: 80px;
			font-family: Raleway;
			font-weight: bold;}
	
	
	
/*Ziyarat Package*/
#ZIYARATPACK { margin-top: 50px; }
.packageone img { box-shadow:4px 4px 5px 0px; }
.packageone h3 { font-family: Raleway;
				font-weight: bold;}
.packageone h4 { font-family: Raleway;
				font-weight: bold;}
.packagetwo img { box-shadow:4px 4px 5px 0px; }
.packagetwo h3 { font-family: Raleway;
				font-weight: bold;}
.packagetwo h4 { font-family: Raleway;
				font-weight: bold;}
.packagethree img { box-shadow:4px 4px 5px 0px; }
.packagethree h3 { font-family: Raleway;
				font-weight: bold;}
.packagethree h4 { font-family: Raleway;
				font-weight: bold;}
.table-fill { background: white;
  				border-radius:3px;
  				border-collapse: collapse;
  				height: 320px;
	  			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; }
/*ziyarat places*/
.ziyaratplacesone { box-shadow: 2px 2px 5px;
					padding: 25px;
					background-color: lightcoral;}
.ziyaratplacesone h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacesone li { color: black; }
.ziyaratplacestwo { box-shadow: 2px 2px 5px;
					padding: 25px;
					margin-left: 5px;
					background-color: lightcoral;}
.ziyaratplacestwo h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacestwo p { color: black; }
.ziyaratplacesthree { box-shadow: 2px 2px 5px;
					padding: 25px;
					margin-top: 35px;
					margin-left: 5px;
					background-color: lightblue;}
.ziyaratplacesthree h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacesthree p { color: black; }
/*package includes*/
.packageinclude { box-shadow: 2px 2px 5px black;
				margin-top: 30px;
				background-color: lightseagreen;
				color: white;
				padding: 30px;}
.packageinclude p { font-size: 17px;
					color: black;}
	
	
	
/*Gallery*/
#Gallery { margin-top: 50px;
			margin-bottom: 50px;}
#Gallery h2 { font-family: Roboto;
			font-weight: bold;
			margin-bottom: 50px;
			font-size: 44px;
			color: goldenrod;}
.galleryimg { -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
	width: 100%;
	height: 200px;}
	
	
	
/*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/ziyaratbackground.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*/
#ZIYARATBANNER { height: auto;
				margin-top: -20px;}
.bannercontent img {height: 100px;
					margin-top: 20px;}
.head h1 {margin-top: 70px;
			font-family: Raleway;
			font-weight: bold;}
	
	
	
/*Ziyarat Package*/
#ZIYARATPACK { margin-top: 50px; }
.packageone img { box-shadow:4px 4px 5px 0px; }
.packageone h3 { font-family: Raleway;
				font-weight: bold;}
.packageone h4 { font-family: Raleway;
				font-weight: bold;}
.packagetwo img { box-shadow:4px 4px 5px 0px; }
.packagetwo h3 { font-family: Raleway;
				font-weight: bold;}
.packagetwo h4 { font-family: Raleway;
				font-weight: bold;}
.packagethree img { box-shadow:4px 4px 5px 0px; }
.packagethree h3 { font-family: Raleway;
				font-weight: bold;}
.packagethree h4 { font-family: Raleway;
				font-weight: bold;}
.table-fill { background: white;
  				border-radius:3px;
  				border-collapse: collapse;
  				height: 320px;
	  			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; }
/*ziyarat places*/
.ziyaratplacesone { box-shadow: 2px 2px 5px;
					padding: 25px;
					background-color: lightcoral;}
.ziyaratplacesone h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacesone li { color: black; }
.ziyaratplacestwo { box-shadow: 2px 2px 5px;
					padding: 25px;
					margin-left: 5px;
					background-color: lightcoral;}
.ziyaratplacestwo h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacestwo p { color: black; }
.ziyaratplacesthree { box-shadow: 2px 2px 5px;
					padding: 25px;
					margin-top: 35px;
					margin-left: 5px;
					background-color: lightblue;}
.ziyaratplacesthree h4 { font-size: 20px;
						color: black;
						font-family: Raleway;}
.ziyaratplacesthree p { color: black; }
/*package includes*/
.packageinclude { box-shadow: 2px 2px 5px black;
				margin-top: 30px;
				background-color: lightseagreen;
				color: white;
				padding: 30px;
				font-size:16px;}
.packageinclude p { font-size: 17px;
					color: black;}
	
	
	
/*Gallery*/
#Gallery { margin-top: 50px;
			margin-bottom: 50px;}
#Gallery h2 { font-family: Roboto;
			font-weight: bold;
			margin-bottom: 50px;
			font-size: 44px;
			color: goldenrod;}
.galleryimg { -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
	width: 100%;
	height: 200px;}
	
	
	
/*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;}
	

	
	
	
}