/* CSS Document */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/* [disabled]text-decoration:none; */
	background: transparent;
}
p
{
	color:#3c5269;
	text-align:justify;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	 line-height:30px;
	 padding-bottom:15px;
	}

	ul
	{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
a:hover, a:visited, a:link, a:active {
 text-decoration: none;
}
td{font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#3c5269;}
/* body{width:100%;margin:auto;min-width:1004px;max-width:2000px; height:100%;} */
/*End of reset----------------------------------------------------------------------------------------------*/

    body,	/*Adjust the body and html elements*/
    html {
    margin:0;
    padding:0;
	background-color:#fbfbfb;
    }
/*whol page----------------------------------------------------------------------------------------------*/
    #wrap {
    width:1100px;
    margin:0 auto;		/*I have use auto for left and side area*/

    
    }
/*header----------------------------------------------------------------------------------------*/
    #header {
padding-bottom:10px;
    }
	.logo{
		float:left;
		position:absolute;
		z-index:1; /*for lifting the logo*/
		margin-top:-12px;
	}
	.help
	{
		padding-top:2px;
		float:right;
	}
/*navigation bar----------------------------------------------------------------------------------------*/
    #nav {
    padding:5px 10px;
	background-image:url(../images/navbar.png);
	background-repeat:no-repeat;
	height:35px;
	margin-bottom:5px;
	margin-top:5px;
    }
	/*Make the navigation bar horizontal*/	
	    #nav ul {
    margin:0;
    padding:0;
   display: inline-table;
    list-style: none outside none;
    }
	
    #nav li {
    display:inline;
    margin:0;
    padding:0;
    }
	#nav ul li {
    float: left;
    width:130px;
}
	#nav ul li a {
    color: #FFFFFF;
    display: block;
    padding: 7px 30px;
    text-decoration: none;
}
#nav ul li:hover {
    background:#33A3B3;
}
#nav li.current a {
	color:#0CF;
}
/*main pages---------------------------------------------------------------------------------*/
    .main {
	float:left;		/*Place the columns side by side*/
width:808px;

    }
	#content
	{margin:5px;
	
		}
		
	.portfoliogallery {
	margin-bottom:2px;		/*setting space auround image*/
	width:808px;
		
}
.portfolioimg {
    float: left;
	margin-right:41px; 
}
.last {
	margin-right:0px;
}

.portfolioimg a:hover img {
	opacity:0.5;
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}
.sug
{
	width:288px;
}
.sug a:hover img {
	opacity:0.5;
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}
.news{
	color:#FFF;
	margin:8px 0 8px;
	padding:5px;
	background-color:#33A3B3;
}

/*----------------------------------------------------------------------------------------------*/
h1 {
margin:0;
color:#288c9a;
font-size:24px;
padding-left:10px;
padding-bottom:15px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
	h2 {
		padding-left:10px;
margin:0 0 1em;
color:#288c9a;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/*sidebar---------------------------------------------------------------------------------------*/
    .sidebar {
    float:right;	/*Place the columns side by side*/
	width:290px;
    }
	
#vertical_menu li {
  list-style: none;
  margin: 2px;
  background-color:#314974;
    text-align:center;
	padding:18px 0 18px;
}
#vertical_menu li a {
  text-decoration: none;
    padding-top:10px;
  color: white;
  font-size:24px;
}

#vertical_menu li:hover {
background-color:#33A3B3;
}

/*for other pages-------------------------------------------------------------------------------------*/
#vertical_menu1 li {
  list-style: none;
  margin: 2px;
  background-color:#314974;
    text-align:center;
	padding:16px 0 16px;
}
#vertical_menu1 li a {
  text-decoration: none;
    padding-top:10px;
  color: white;
  font-size:24px;
}

#vertical_menu1 li:hover {
background-color:#33A3B3;
}

/*table-------------------------------------------------------------------------------------*/

input[type="button"] {
background-color:#33A3B3;
color: #FFFFFF;
padding: 5px;
width:100px;
}





.AddCommentHeading {
    float: left;
    position: relative;
    width: 400px;
    margin-top: 20px;
    color: #808080;
    font-family: BatangChe;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}



.CommentInputArea {
    float: left;
    position: relative;
    width: 600px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #EFEFEF;
}



.CommentInputArea .dataArea{
    float: left;
    position: relative;
    width: 550px;
    margin-left:20px;
    margin-left:20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.CommentInputArea .inputtext {
    border: 1px solid #808080;
    width: 300px;
    padding:10px;
    height: 10px;
    outline: none;
    border-radius: 4px;
    color: #666666;
    margin-top: 3px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.CommentInputArea .inputtext:focus {
    border-color:blue;
}

.CommentInputArea .inputtextArea {
    border: 1px solid #808080;
    width: 500px;
    padding:10px;
    height: 100px;
    outline: none;
    border-radius: 4px;
    color: #666666;
    margin-top: 3px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.CommentInputArea .buttons {
    float:right;
    position:relative;
    margin-right:30px;
    margin-left:20px;
}

.CommentInputArea .inputtextArea:focus {
    border-color:blue;
}

[class*=cols]{float:left;padding-right:20px;padding-left:20px}[class*=cols]:first-child{padding-left:0}.ie8 [class*=cols].last-child,[class*=cols]:last-child{padding-right:0}@media only screen and (min-width:768px) and (max-width:979px){[class*=cols]{padding-right:20px;padding-left:20px}[class*=cols]:nth-child(2n){padding-right:0}[class*=cols]:nth-child(2n+1){padding-left:0}}@media only screen and (max-width:767px){[class*=cols]{float:none}}

.cols-eight{width:750px}

header{position:relative;margin-bottom:10px;padding-bottom:19px;border-bottom:1px solid #d8d8d8}header h2,header h3{margin-bottom:0; color:black; text-align:center; font-family:TiemposHeadline-Black,"Tiempos Headline Black",Georgia,"Times New Roman",Times,serif;font-size:36px;line-height:45px}header h2 em,header h3 em{color:#00b6b6;font-style:normal}header h2 span,header h3 span{white-space:nowrap;color:#b2b2b2}header h3{font-size:28px}header .sponsor{position:absolute;bottom:25px;right:0;margin:0;color:#b2b2b2;font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:20px}header .sponsor img{display:inline;vertical-align:bottom}header time{position:absolute;bottom:18px;right:0;font-family:TiemposText-Semibold,"Tiempos Text Semibold",Georgia,"Times New Roman",Times,serif;font-size:11px;text-align:center;text-transform:uppercase}header time strong{display:block;font-family:TiemposHeadline-Black,"Tiempos Headline Black",Georgia,"Times New Roman",Times,serif;font-size:36px;line-height:1}header .pull-right{position:absolute;bottom:24px;right:0}header>a:not(.btn){border-bottom:1px solid transparent}
    header > a:not(.btn):focus, header > a:not(.btn):hover {
        border-bottom-color: #00b6b6;
    }

    .num-item{position:relative;padding:8px 75px 8px 0px;border-bottom:1px solid #d8d8d8; text-align:right}.num-item h4{display:inline;font-family:myUrduFont;font-size:14px;line-height:35px}.num-item h4 a{color:#000}.num-item h4 a:focus,.num-item h4 a:hover{color:#00b6b6}.num-item p{display:inline;padding:0;color:#999;white-space:nowrap}.num-item p a{border-bottom:1px solid transparent}.num-item p a:focus,.num-item p a:hover{border-bottom-color:#00b6b6}.num-item .i{position:absolute;top:3px;right:0;width:40px;padding:5px 0;background:#111;color:#fff;font-family:TiemposText-Semibold,"Tiempos Text Semibold",Georgia,"Times New Roman",Times,serif;font-size:19px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.module .num-item:first-child{margin-top:-40px}@media only screen and (max-width:979px){.num-item h4{font-family:TiemposText-Regular,"Tiempos Text Regular",Georgia,"Times New Roman",Times,serif;font-size:18px;line-height:24px}}@media only screen and (max-width:767px){.num-item{padding:16px 10px 16px 70px}.num-item:last-child{margin-bottom:20px}.num-item h4{font-family:myUrduFont}.num-item p{display:none}.num-item .i{top:20px;left:10px;width:42px;margin-top:0;padding:7px 0;font-size:17px}.module .num-item:first-child{margin-top:0}}
.newsletter {
    margin-bottom: -5px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}


.ProSpace {
    width:100%;
    height: 20px;
    float:left;
    position:relative;
}


span.arrow {
    width: 13px;
    height: 32px;
    margin-left: 5px;
    background: url(../Images/error_left.gif) no-repeat;
    background-color: #D63921;
    color: #fff;
    line-height: 14px;
    border-right-color: #D63921;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-left-style: none;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    font-size:small
}


/*span.arrow {
    margin-left: 6px;
    height:17px;
    background: url('http://i45.tinypic.com/f9ifz6.png') no-repeat left center;
}*/

label.error {
    /*height:17px;
    border-top:1px solid #99182c;
    border-right:1px solid #99182c;
    border-bottom:1px solid #99182c;
    margin-left:9px;
    padding:1px 5px 0px 5px;
    font-size:small;*/
}

/*Footer-------------------------------------------------------------------------------------*/	
       #footer {
    clear:both; 	/*Push the footer down*/
padding:1px 0px;
    }
#footer p {
margin:0;
}

	.clear{
	clear:both;
	height:1px;
}

		.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #000000;
			
			font-size: 12px;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
	opacity:0.5;
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
		}	





table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}