/*
font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
Custom Css 
------------------------------------*/
*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
*{-webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;}
body{font-size:14px; line-height:20px; font-family: 'Oswald', sans-serif;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,ffffff+85 */
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.row{ width: 100%; float: left;}
img{ max-width: 100%; height: auto;}
a{ text-decoration:none; -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
  }
.width-container{ width: 1000px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.btn-more{ padding: 3px 7px; border-radius: 2px; display:inline-block; color:#fff !important; font-weight:300;font-family: 'Roboto', sans-serif; margin-bottom:10px; text-align:center;
	background: #39618e; /* Old browsers */
background: -moz-linear-gradient(top, #39618e 0%, #014390 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #39618e 0%,#014390 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #39618e 0%,#014390 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39618e', endColorstr='#014390',GradientType=0 ); /* IE6-9 */
}
.btn-more:hover{background: #39618e;}
.btn-save{ display:block; box-shadow: 0 0 10px #0c3055 inset; background:#056cd4 none repeat scroll 0 0; border:1px solid #fff; text-transform:uppercase; padding: 10px; border-radius: 2px;color:#fff !important; font-weight:600;font-family: 'Roboto', sans-serif; margin-bottom:10px; text-align:center; font-size:16px; line-height:20px; }
.btn-save:hover{ box-shadow: 0 0 30px #000 inset; }

/* button styling*/
/* top bar */
.top-bar{ background:#002b5c; padding:10px 0;font-family: 'Roboto', sans-serif;}
.top-bar ul{ padding:0; margin:0; list-style:none; text-align:right}
.top-bar ul li{ display:inline-block; padding:0 5px; border-left:1px solid #fff; line-height:16px; position:relative;}
.top-bar ul li a{ color:#ddd; display:block}
.top-bar ul li:first-child{ border:none}
.top-bar ul ul{ display:none; position:absolute; left:0; top:100%; z-index:9999; background:#fff; padding:5px 10px; border-radius: 2px;}
.top-bar ul li:hover >ul{ display:block}
.top-bar ul ul li{ border:none; padding:2px 0; font-size:12px;}
.top-bar ul ul li a{ color:#000;}
.top-bar ul ul li a:hover{color: #6e2f9a;}
/* header */
.header{ padding: 20px 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39618e+0,014390+99 */
background: #39618e; /* Old browsers */
background: -moz-linear-gradient(top, #39618e 0%, #014390 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #39618e 0%,#014390 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #39618e 0%,#014390 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39618e', endColorstr='#014390',GradientType=0 ); /* IE6-9 */}
.logo-wrap{ width: 60%; float: left;}
.logo{ display: inline-block; float: left; margin: 0 15px 0 0;}
.logo-wrap h2{ font-size: 24px; line-height: 30px; letter-spacing: 1px; color: #fff; margin: 10px 0;}
.logo-wrap p{ color: #fff; margin: 0}
.top-right{ width: 30%; float: right;}
.top-right p{ margin:5px 0 0;}
.top-right p, .top-right a{ color:#ddd;font-family: 'Roboto', sans-serif; text-align:right}
.top-right .fa{ margin-right: 10px; font-size:18px; color:#fff;}
.top-nav{  margin: 10px 0; list-style: none; text-align: right;}
.top-nav>li{ display: inline-block; line-height: 14px; border-right: 1px solid #ddd; padding: 0 10px; text-align: right;}
.top-nav>li:last-child{ border: none; padding-right:0;}
.top-nav>li >a{ color:#ddd;  }
.top-nav>li >a:hover{ color: #2397ff; }
.search{ width: 100%; float: left: 0 ; position: relative; border: 1px solid #ddd; padding-right: 80px;
height: 34px;font-family: 'Roboto', sans-serif;}
.search input[type="text"]{ width: 100%; float: left; height: 32px; padding: 5px 10px; color:#ddd;
border: none; background: transparent;}
.search #search-btn{ width: 80px; position: absolute; right: 0; top: 0; height: 32px; background: #f58800; 
border: none; color: #fff; border-left: 1px solid #ddd;}
.search #search-btn:hover{ background: #2397ff;}
/* navigation */
nav{ font-family: 'Roboto', sans-serif; border: solid #054a9a; border-width:2px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,1e5799+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #1e5799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */}
nav .main-nav{ padding: 0; margin: 0; list-style: none; height: 50px;
}
nav .main-nav >li{ display: inline-block; line-height: 50px; border-left: 1px solid transparent; border-right: 1px solid #1e5799; float: left; position: relative;}
nav .main-nav >li:first-child{ border-left: none;}
nav .main-nav >li:last-child{ border-right: none;}
nav .main-nav >li >a{ display: block; padding: 0 12px; color: #fff;}
nav .main-nav >li:last-child >a{ padding: 0 25px;}
nav .main-nav >li:hover> a, nav .main-nav >li a:hover, nav .main-nav >li.active a{ background:#014390; color: #f7f7f7; }
nav .main-nav >li:hover >a:before, nav .main-nav >li >a:hover:before, nav .main-nav >li.active >a:before{ content:''; position:absolute; top:0; left:0; width: 100%; height:44px; border: solid #ff920a; border-width: 3px 0 0 0;}
nav .main-nav ul{ display: none; padding: 0; margin: 0; list-style: none; width: 220px; position: absolute; left: 0; z-index:9999;
	top: 100%; background: #1e69de;}
nav .main-nav ul ul{ left: 100%; top: 0;}
nav .main-nav li:hover >ul{ display: block; border-bottom: 1px solid #1D58D6;}
nav .main-nav ul li{ display: block; line-height: 24px; border-top: 1px solid #1D58D6; border-bottom: 1px solid #3690f0;
	position: relative;}
nav .main-nav ul li a{ padding: 5px 10px; display: block; color: #ddd;}
nav .main-nav ul li:hover >a, nav .main-nav ul li a:hover{ background: #013c99;}
/* v-nav */
.v-nav{ width: 220px; float: right; padding-right:10px background: #fff;}
.v-nav ul{ padding: 0; margin: 0; list-style: none; border: 1px solid #f58800; background:#f58800;}
.v-nav ul li{ display: block; padding: 6px 10px; border-bottom:1px solid #ff920a; border-top: 1px solid #f58800; position:relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: #ffaf4b; /* Old browsers */
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}
.v-nav ul li:first-child{ border: none;}
.v-nav ul li:hover{background: #f58800;}
.v-nav ul li a{ color:#724001; font-size: 12px; display:block; line-height:21px;}
.v-nav ul li:hover >a, .v-nav ul li a:hover{ color:#fff;}
.v-nav ul ul{ position: absolute; right:98%; top:2px; display:none; z-index:9999; width:200px;background: #724001;}
.v-nav ul li.submenu:hover >ul{ display:block}
.v-nav ul li.submenu >a:after{ content:'\f103'; font-family: 'FontAwesome'; float:right; font-size: 18px;}
 
/* banner-wrap */
.banner-wrap{ padding:10px; background:#fff; margin:20px 0 0; box-shadow: 0 0 5px #424242;}
.banner{ width: 750px; float: left;}
.bxslider{ padding:0; margin:0;}
/* latest-news */
.latest-news{ padding:15px 110px 15px 150px; background:#fff;margin: 0; position:relative; height:52px;}
.latest-news .title{ background: #154794; font-size: 18px; color: #fff; text-transform:capitalize; position:absolute; width:120px; left:0; top:0; padding:15px; height:100%;}
.latest-news .title{ background: #154794; font-size: 18px; color: #fff; text-transform:capitalize; position:absolute; width:120px; left:0; top:0; padding:15px; height:100%;}
.latest-news .title:after{ content:''; position:absolute; right: -35px; top: 0; width: 0;height: 0;border-style: solid;






border-width: 52px 35px 0 0; border-color: #154794 transparent transparent transparent; }
.latest-news ul{ margin:0;  padding: 0; list-style:none; color: #724001;}
.latest-news li{}
.latest-news .bx-wrapper .bx-viewport{ background:none;}
.btn-tender{ position:absolute; right:0; top:10px; background: #154794; padding: 5px 10px; color:#fff; display:inline-block; }
.btn-tender:hover{ background:#ff920a;}
/* content area */
.content-area{margin-top: 30px;}
.main-column{ width:560px; padding:10px 20px;}
.main-column h1, .main-column .pageTitle{ font-size:28px; line-height:34px; font-weight:500; margin:0 0 15px 0; color: #ec8400; background: url(images/btm-brdr.png) no-repeat center bottom / contain; padding-bottom:60px; text-align:center; text-transform:uppercase;}
.main-column h2{ text-transform:uppercase; color: #ec8400; margin:25px 0 0; text-align:center;}
.main-column p{ font-family: 'Roboto', sans-serif; margin:15px 0 0; text-align:justify;}
.main-column h3{ text-transform:uppercase; color: #000; margin:25px 0 0; text-align:center;}
.main-column h4{ color: #333; margin:25px 0 0; text-align:center; font-weight:800;}
.main-column ul{ padding:0; margin:15px 0 0; list-style:none}
.main-column ul li{ position:relative; padding:0 0 0 20px; margin:10px 0 0; font-weight:400;}
.main-column ul li:before{ position:absolute; left:0; top:0; font-family:'FontAwesome'; content:'\f00c'; color:#ec8400;}
.main-column img{border:1px solid #888; padding:3px; box-shadow: 0 0 2px #999; margin-bottom:10px; 
background: #f9b300;
background: -moz-linear-gradient(45deg, #f9b300 0%, #2b00db 49%, #f9b300 100%); 
background: -webkit-linear-gradient(45deg, #f9b300 0%,#2b00db 49%,#f9b300 100%); 
background: linear-gradient(45deg, #f9b300 0%,#2b00db 49%,#f9b300 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b300', endColorstr='#f9b300',GradientType=1 ); }
.main-column img, .main-column img.left{ float:left; margin:5px 10px 5px 0;}
.main-column img.right{ float:right; margin:5px 0 5px 10px;}
.main-column img.center{ float:none; margin:10px auto; display:block}

/* sidebar */
.sidebar{ width:220px; float:left; background:#ddd; padding:10px 15px 0 0;}
.widgetTitle{ position: relative;margin:0 0 0 -18px; }
.widgetTitle h2{ font-size: 20px; margin: 0;  padding:10px 10px 10px 18px; color: #724001; font-weight:500; text-transform:capitalize; box-shadow: 1px 1px 1px #888;
background: #f19a19; /* Old browsers */
background: -moz-linear-gradient(top, #f19a19 0%, #ed9107 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f19a19 0%,#ed9107 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f19a19 0%,#ed9107 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19a19', endColorstr='#ed9107',GradientType=0 ); /* IE6-9 */ }
.widgetTitle h2 .fa{ margin:0 5px 0 0;}
.boxrow{ width:100%; float:left; padding:15px 5px 15px 0;}
.boxrow .bx-wrapper .bx-viewport{ background:transparent;}
.sidebar.left .widget-box{ padding-left:15px;}
.sidebar.left .widgetTitle:before{ content:'';width: 0; height: 0; border-style: solid; border-width: 0 18px 18px 0; border-color: transparent #c07300 transparent transparent; position:absolute; left:0; bottom:-18px;}
.sidebar.right .widget-box{ padding-right:15px;}
.sidebar.right{ padding:10px 0 10px 15px;}
.sidebar.right .widgetTitle{ margin: 0 -18px 0 0; }
.sidebar.right .widgetTitle:after{ content:''; width: 0; height: 0; border-style: solid; border-width: 18px 18px 0 0;border-color: #c07300 transparent transparent transparent; position:absolute; right:0; bottom:-18px;}
.sidebar.right .widgetTitle h2{ box-shadow: -1px 1px 1px #888; padding:10px 28px 10px 15px; }
.sidebar.right .boxrow{ padding:15px 5px 15px 10px;}
.sidebar h3{ margin:0 0 10px 0; padding:0; color:#724001; font-size:18px;font-family: 'Oswald', sans-serif;}
.sidebar p{ margin: 0 0 10px 0; padding:0; font-family: 'Roboto', sans-serif;}
.sidebar ul{ padding:0; margin:0; list-style:none; font-family: 'Roboto', sans-serif;}
.sidebar li{ display:block; position:relative; padding-left:20px; margin-bottom:5px;}
.sidebar li:before{ content:'\f101'; position:absolute; left:0; top:0; font-family:'FontAwesome'; color:#724001; }
.sidebar img{ border:1px solid #888; padding:3px; box-shadow: 0 0 2px #999; margin-bottom:10px; 
background: #f9b300;
background: -moz-linear-gradient(45deg, #f9b300 0%, #2b00db 49%, #f9b300 100%); 
background: -webkit-linear-gradient(45deg, #f9b300 0%,#2b00db 49%,#f9b300 100%); 
background: linear-gradient(45deg, #f9b300 0%,#2b00db 49%,#f9b300 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b300', endColorstr='#f9b300',GradientType=1 ); }
.sidebar a{ color:#000;}
.sidebar a:hover{ color:#724001}
.slide{ margin:0; padding:0}
.slide li{ padding:0; margin:0; width: 100%; float:left;}
.slide li:before{ content:'';}
.visitors{ padding:10px 15px; background:#39618e; color:#fff; font-size:24px; display:inline-block;}
.widget .v-nav{ width: 100%;}
.widget .v-nav ul li{ padding-left:15px; margin:0;}
.widget .v-nav ul ul{ right: auto; left:100%;}
.widget .v-nav li:before{ top: 4px; left: 4px;}
.widget .v-nav li.submenu > a:after{ top: 8px;}


/* footer */
.footer{background: #39618e; padding:0 0 5px 0; text-align:center; border-top:3px solid #123966; margin:30px 0 0; font-size:12px; letter-spacing:1px;}
.footer p, .footer a{ color:#fff;}

.galltd{
    padding:5px;    
}

.gallink{
    position:relative;
    padding-right: 15px;
}

.gallover{
    visibility: hidden;
    position:absolute;
    top: 40%;
    font-size: 30px;
}

.gallphoto{
    height:200px;
    width:100%;
    margin: 5px;
}

.gallink:hover .gallover{
    visibility: visible;
}

.gallink:hover .gallphoto{
    filter: blur(2px) grayscale(100%);
    opacity: 0.5;
}

.galltitle{
    text-align:center !important;
    font-weight:500;
}


