/* 

Lumino Theme

http://www.templatemo.com/tm-483-lumino

*/
/* avoid splitting element across pages */

body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 19px;
	font-weight: 100;
}
.row{
	margin: 0px;
	padding: 0px;
}
.bak{
   background: #000000c4;
    width: 72%;
    margin: auto;
    padding: 35px 0px;
}
.banner-main img{
        position: relative;
}
ul li ul.dropdown-menu{
       background: #f2f2f2;
    display: none;
    position: absolute;
    z-index: 999;
    padding: 0px;
    width: 80%;
    left: 0px;
    right: 0px;
       
        
    }
    .sub-drop ul {
    margin: 0px;
    padding-left: 124px;
    /* padding: 0px; */
}
    .sub-drop h3{
            color: #696b70;
    font-size: 16px;
      padding-left: 124px;
    margin: 0px;
    }
  
    .sub-drop ul li a{
            color: #696b70;
    font-size: 16px;
    position: relative;
    margin: 24px 0px;
    }
       ul li ul.dropdown-menu{
   
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
        border: 0px;
    }
    ul li ul.dropdown-menu li{
        display: block;
            padding: 5px 0px;
    }
    ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
            text-align: center;
    }
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    line-height: 18px;
}
a, button { transition: all 0.3s ease; }
a {	color: #666; }
a:hover,
a:focus {
    color: #1c428b;
	text-decoration: none;
	outline: none;
}

p { color: #666; }
h3 { margin-bottom: 2.5rem; }

.table-striped tbody tr:nth-of-type(odd) {
    
}
thead{
        background: #1c428b;
}
th{
        color: #fff;
}
.main-fm{
        margin-bottom: 70px;
}

.tm-container { 
	max-width: 1200px;
	margin: 0 auto; 
}

.tm-container-wide { max-width: 1230px; }

.tm-navbar-container {
	
	
   
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
}

.tm-navbar-container.bg-inverse { background-color: #373a3c; }

.tm-navbar-container-dark {
	background-color: #373a3c;
	box-shadow: none;
}

.navbar-nav .nav-link {	padding: 14px 19px; }

.navbar-nav .nav-link,
.navbar-nav .nav-link:focus {
	color: white;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: #1c428b;
}

.navbar-toggler { 
	border: 1px solid #000;
	border-radius: 0;
	color: #000;	
}

button:focus { outline: none; }

.tm-intro {
	background: url(../img/home-bg.jpg) no-repeat;
	background-attachment: fixed;
	background-position: left top;
	background-size: 100% 750px;
	color: white;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 750px;	
}

/*@media (max-width: 1800px) {
	.tm-intro {	background-size: 1800px 750px; }
}*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.tm-intro {	background-attachment: scroll; }
}

.tm-logo { margin-bottom: 30px; }
.tm-site-name { margin-bottom: 40px; }
.tm-intro-text { margin-bottom: 45px; }

#tm-section-1,
.tm-section-1-inner,
.tm-site-name,
.tm-intro-text {
	-ms-flex: 0 1 auto;
		-webkit-flex: 0 1 auto;
	        flex: 0 1 auto;
}

.tm-section-1-inner { padding-top: 12%; }

#tm-section-1 { padding-bottom: 0; }

.tm-intro-link {	
    border: 2px solid #172a55;
    background: #172a55;
    color: white !important;
    display: inline-block;
    padding: 15px 60px;  
}

.tm-intro-link:hover,
.tm-intro-link:focus {
	color: black;
	background-color: #000;
	    border: 2px solid #000;
}

.navbar-nav .nav-link,
.tm-intro-text,
.tm-intro-link {
	    color: #696b70;
	font-size: 16px;
	position: relative;
	 margin: 24px 0px;
}

.gray-bg { background-color: #F4F4F4; }
.dark-gray-text { color: #666666; }
.blue-text { color: #006699; }
.light-blue-text {     color: #006699; }

.btn {
    border-radius: 0px;
  font-size: 1em;
  padding: 0.5em 2.5em;
  margin: 0.25em;
}

.btn-lg { 
	font-size: 1.75rem; 
	font-weight: 300;
	padding: 10px 60px;
}

.tm-gray-btn {  
  background-color: #666666;
  border: 2px solid #666666;
  color: white;  
}

.tm-gray-btn:hover,
.tm-gray-btn:focus {	
	background: transparent;
	color: #666666;
}

.tm-gray-bordered-btn {
	background: transparent;
	border: 2px solid #666666;
	color: #666666;
}

.tm-gray-bordered-btn:hover,
.tm-gray-bordered-btn:focus {
	background: #666666;
	color: white;
}

.tm-light-blue-bordered-btn {	
	background: transparent;
    border: 2px solid #006699;    
    color: #006699;
}

.tm-light-blue-bordered-btn:hover,
.tm-light-blue-bordered-btn:focus {	
        background: #1c428b;
    color: white;
}

.tm-blue-btn {
	background: #006699;
	border: 2px solid #006699;
	color: white;
}

.tm-blue-btn:hover {
	background: transparent;
	color: #006699;
}

.tm-blue-bordered-btn {
	background: transparent;
	border: 2px solid #006699;
	color: #006699;
}

.tm-blue-bordered-btn:hover,
.tm-blue-bordered-btn:focus {
	background: #006699;
	color: white;
}

.tm-green-btn {
	background: #006666;
	border: 2px solid #006666;
	color: white;
}

.tm-green-btn:hover,
.tm-green-btn:focus {
	background: transparent;
	color: #006666;
}

.tm-green-bordered-btn {
	background: transparent;
	border: 2px solid #006666;
	color: #006666;
}

.tm-green-bordered-btn:hover,
.tm-green-bordered-btn:focus {
	background: #006666;
	color: white;
}

.tm-section {
	padding-top: 3%;
	padding-bottom: 5%;
	overflow: auto;
}

.tm-footer {
	padding-bottom: 20px;
	overflow: auto;
}

.tm-news-item {
	margin: 0 auto 5% auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 15px;
	padding-right: 15px;
}

.tm-news-item:last-child { margin-bottom: 0; }

.tm-news-item-img {	margin: 0 auto; }

.tm-news-item-img-container { padding: 0; }

.tm-news-container {
	background-color: white;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-left: 3%;
	padding-right: 3%;	
}

.tm-news-title { 
	font-weight: 300;
	margin-bottom: 30px; 
}

.tm-news-text {	line-height: 1.8; }

.tm-news-link {	
    margin-right: 0;
    margin-left: auto;
    -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
            align-self: flex-end;
}

.flex-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.flex-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.tm-title {
	font-size: 43px;
	margin-bottom: 40px;
	text-transform:uppercase;
	text-align: center !important;
}

.margin-b-5 { margin-bottom: 5px; }

.tm-img-grid { 
	margin-top: 60px;
	overflow: auto;	
}

.tm-gallery-img {
	width: 100%;
	height: auto;
}
.tm-gallery-img-container {	
	max-width: 300px;
	width: 25%;	
	float: left;
}
.main-lable{
	font-size: 17px;
    font-weight: 400;
}
.low-lable{
	    font-size: 13px;
    font-weight: 400;
}
.form-control { 
	border-radius: 0;
    font-size: 1.2rem;
    padding: 1.75rem;
    border: none;
    background-color: #eee;
    color: #333;
    display: block;
    width: 100%;
    height: 48px;
    padding: 6px 12px;
 }
 .st a:hover{
background: #1c428b;
color: #fff;
    transition: .9s all ease;
 }
 .fh5co-project{
 	    margin-bottom: 51px;
 }
.form-group { margin-bottom: 1.8rem; }

.tm-form-group-left { padding-left: 0; }
.tm-form-group-right { padding-right: 0; }

.tm-subtitle { 
	font-size: 25px; 
	margin-bottom: 30px;
}

#tmNavbar { text-align: right; }

body.page-2 { padding-top: 80px; }

.page-2 .container-fluid { max-width: 1140px; }

.tm-banner-img {
  display: block;
  margin: 0 auto;
}

.tm-description {
  line-height: 1.8;
  margin: 0.5em 1.5em 1em;
}

.tm-page-2-title {
	font-size: 42px;
	margin-bottom: 30px;
}

.tm-page-2-subtitle { margin-bottom: 60px; }

.tm-page-2-p {
	font-size: 22px;
	line-height: 1.6;
}

.tm-flex-center {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.tm-img-2-col {
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
}

.tm-3-col-box {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.tm-description-box { padding: 6%; }
.tm-description-text { margin-bottom: 1.5em; }
.tm-footer-text { margin-bottom: 1.5rem; }

@media (min-width: 768px) {

	/*http://stackoverflow.com/questions/18777235/center-content-in-responsive-bootstrap-navbar*/

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .tm-contact-form { margin-right: 20px; }
}

@media (max-width: 1199px) {
	h2 { font-size: 1.8rem; }
	.tm-news-title { margin-bottom: 15px; }
	.tm-news-text { line-height: 1.6; }	
}

@media (max-width: 1100px) and (min-width: 992px) {
	h2 { font-size: 1.6rem; }
	.tm-news-title { margin-bottom: 12px; }
	.tm-news-text {	
		font-size: 0.9em; 
		margin-bottom: 0.5em;
	}
	.btn { 
		padding-top: 0.3em;
		padding-bottom: 0.3em; 
	}
}

@media (max-width: 991px) {
	.navbar-nav .nav-link {	font-size: 20px;color:#fff; }
	.navbar-nav .nav-item+.nav-item { margin-left: 0; }

	.tm-news-item {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;		
	}

	.tm-news-container {
		padding: 1.5em;
		margin: 0 auto;
		max-width: 600px;
	}

	.flex-order-2 { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
	.flex-order-1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
}

@media (max-width: 940px) {
	.tm-img-grid { 
		margin-left: auto;
		margin-right: auto;
		max-width: 900px; 
	}
	
	.tm-gallery-img-container { width: 33.333%; }
}

@media (max-width: 767px) {
	.home .tm-section { 
		padding-top: 10%; 
		padding-bottom: 10%;
	}

	body.page-2 { padding-top: 54px; }

	.tm-page-2-subtitle { margin-bottom: 30px; }
	
	.navbar-nav .nav-item+.nav-item { margin-left: 0; }

	.navbar-nav .nav-item { float: none; }

	.navbar-toggler {
		display: block;
		margin-left: auto;
		margin-right: 0;
	}

	.tm-navbar-container { 
		background: none;
		box-shadow: none;
		height: 54px; 
	}
.navbar {
    
    margin-top: 33px !important;
}
	.tm-navbar-container.bg-inverse .navbar { background-color: #373a3c; }
	.bg-inverse { background-color: #373a3c; }

	.tm-form-group-left { padding-right: 0; }
	.tm-form-group-right { padding-left: 0; }

	.margin-top-xs-50 { margin-top: 50px; }
	.margin-bottom-sm-8 { margin-bottom: 8%; }
	.margin-bottom-sm-3 { margin-bottom: 3%; }
}

@media (max-width: 640px) {
	.tm-gallery-img-container { width: 50%; }
	.tm-img-grid { max-width: 600px; }
	.page-2 .tm-section { 
		padding-top: 7%; 
		padding-bottom: 7%;
	}
}

@media (max-width: 600px) and (max-height: 600px) {
	.tm-intro {
		height: 100vh;
		min-height: 600px;
	}
}
.logo{
	      margin-top: 35px;
    margin-bottom: 19px;
    text-align: center;
    float: left;
}
.f-l{
      margin-top: 15px;  
}
.navbar .navbar-nav{
	    
}
.tm-intro:after{
	background: #000;
}
.over{
	background: #0000001a;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}
.navbar{
    margin: 0px;
}
.text-bnr{
	position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 39%;
    text-align: center;
}
.navbar-fixed-bottom, .navbar-fixed-top{
   
}
.log li{
        list-style: none;
                display: inline-block;
                padding: 0px 7px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: initial;
    z-index: -1;
    /* right: 0; */
    /* left: 0; */
    z-index: 1030;
}
.text-bnr h1{
	color: #fff;
	font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0px;
}
.text-bnr p{
	color: #fff;
	      font-size: 30px;
    font-weight: 400;
}

.f-l img{
	position: fixed;
	z-index: 999999;
}





/********************* fotter csss***********************************************/
.main-fotter {
	background: #393939;
}
.first-fott p{
	font-family: 'Montserrat', sans-serif;
    line-height: 29px;
    color: #b8acac;
        margin: 0 0 10px;
            font-size: 16px;
}
.nospace li {
	    display: inline-block;
    margin-right: 20px;
}
.title-fotter h3{
	color: white;
	margin: 30px 0px 20px;
	font-size: 22px;
	text-transform: uppercase;
}
.nospace li {
	color: #b8acac;
}
.connn{
	margin: 0px;
	padding: 0px;
}
.connn li {
	color: #b8acac;
	font-size: 16px;
	padding: 4px 0px;
	list-style: none;
}
.iconeee {
	margin: 30px 0px;
	padding: 0px;
}
.iconeee li{
	      display: inline-block;
    padding: 5px 5px;
    border: 1px solid;
    margin: 0px 8px;
}
.iconeee li i{
	font-size: 20px;
	color: #b8acac;
}
.quick-linkss {

	padding: 0px;
}
.quick-linkss li{
	display: block;
	    padding: 2px 4px;


}
.quick-linkss li a{
	color: #b8acac;
	font-size: 16px;
}
.fotter-loho img{
	    width: 48%!important;
    margin: 13px 0px 33px!important;
}
.log{
        z-index: 9999999999;
    margin-top: 46px;
}

#fh5co-services {
  padding-bottom: 0;
}

.fh5co-explore {
  padding-bottom: 40px;
}

.fh5co-portfolio {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.fh5co-portfolio > a {
  width: 100%;
  float: left;
  background: #fff;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
}
.fh5co-portfolio > a:hover {
  webkit-box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.13);
}
.fh5co-portfolio > a:hover .desc {
  opacity: 1;
}
.fh5co-portfolio .portfolio-entry {
  width: 100%;
  float: left;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 300px;
}
@media screen and (max-width: 768px) {
    .responsive-nav{
       height: 100px; 
    }
    .first-fott {
            text-align: center;
    }
    .title-fotter{
            display: table;
    margin: auto;
    }
    .title-fotter .logo{
            margin-top: 19px !important;
              margin-bottom: 19px !important;
    }
    .nav>li {
    position: relative !important;
}
    .by{
       display:none; 
    }
    .top-nav ul{
   text-align: left !important; 
}
.text-bnr h1 {
    
    font-size: 19px !important; 
}
.text-bnr p {
    font-size: 19px !important; 
}
.bak{
   padding: 11px 0px !important; 
}
.text-bnr
{
    top: 21% !important;
}
  .fh5co-portfolio .portfolio-entry {
    height: 400px;
  }
}
.fh5co-portfolio .portfolio-entry .desc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
     background: rgb(28, 66, 139);
  opacity: 0;
  padding: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.fh5co-portfolio .portfolio-entry .desc p {
  color: #fff;
}
.fh5co-portfolio .portfolio-text {
  width: 100%;
  float: left;
  padding: 20px;
      background: #f3f1f1;
}
.fh5co-portfolio .portfolio-text h3 {
  font-size: 20px;
      text-align: center;
}
.fh5co-portfolio .portfolio-text .stuff {
margin: 0;
    padding: 0;
    /* border-top: 1px solid rgba(0, 0, 0, 0.05); */
    /* padding-top: 20px; */
    padding-bottom: 20px;
    text-align: center;
}

.fh5co-portfolio .portfolio-text .stuff li {
  list-style: none;
  display: inline-block;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
}
.fh5co-portfolio .portfolio-text .stuff li:first-child {
  margin-left: 0;
}
.fh5co-portfolio .portfolio-text .stuff li i {
  font-size: 14px;
  padding-right: 5px;
}

.fh5co-bg-color {
  background: #F4F7F7;
}
.banner-main-color{
	        background: #172a55;
    padding: 60px 0px;
}
.banner-main-color h3
{
	    margin: 0px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;

}
.nav>li{
	position: initial;
}
.top-header {
        background: #172a55;
    padding: 0px 0px;
}.top-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}.top-nav ul li {
    display: inline-block;
    padding: 10px 10px;
    color: white;
    font-size: 16px;
}
.top-nav-right ul {
    text-align: right;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.top-nav-right ul li {
    padding: 10px 10px;
    display: inline-block;
    font-size: 16px;
}
.lohin{
	display: none;
	padding: 0px;
	text-align: center !important;
}
.register a{
	color: #fff;
}
.register:hover .lohin{
	display: block;
	position: absolute;
	z-index: 999;
	background: #000;
}
.abt-page{
        margin: 90px 0px;
}
.about-us{
        text-align: center;
            margin: 100px 0px;

}
.sub-drop{
        padding-bottom: 40px;
    padding-top: 24px;
}
input[type=file] {
    display: block;
    margin-top: 13px;
    outline: 1px solid;
    padding: 13px 15px;
}
/*********mobile menu css start*********/

.sidebar {
 height: 100%;
 width: 0;
 position: fixed;
 z-index: 1;
 top: 0;
 left: 0;
 background-color: #172a55;
 overflow-x: hidden;
 transition: 0.5s;
 padding-top: 60px;
}

.sidebar a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 19px;
 color: #818181;
 display: block;
 transition: 0.3s;
}

.sidebar a:hover {
 color: #f1f1f1;
}

.sidebar .closebtn {
 position: absolute;
 top: 0;
 right: 25px;
 font-size: 36px;
 margin-left: 50px;
}

.openbtn {
 float: right;
 font-size: 20px;
 cursor: pointer;
 background-color: #172a55;
 color: white;
 padding: 10px 15px;
 border: none;
 margin-bottom: 20px;
     margin-right: 42px;
    margin-top: 16px;
}

.openbtn:hover {
 background-color: #444;
}

#main {
 transition: margin-left .5s;
 padding: 15px 0px;
}
.hbt{
    display:none;
}

.mobail-logo{
 float: left;
 padding: 23px 10px;
}

.navav ul{
 list-style: none;
}

.mobail-logo img {
   padding: 12px;
   width: 50%;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
 .sidebar {padding-top: 15px;}
 .sidebar a {font-size: 18px;}

}

@media (min-width: 868px){
 .responsive-nav{
   display: none;
 }
 

}

@media (max-width:868px){
 .my-header{
   display: none;  }

}