@charset "utf-8";
html{
	font-family: 'Montserrat', sans-serif;
	overflow-y:scroll !important; 
	overflow-x:hidden;
} 
html, body{
	margin:0; 
	padding:0; 
	font-size:14px; 
	line-height:1.6em;	
}
::-webkit-scrollbar {
display: none;
}
/**Navbar**/
.navpanel{ 
	background-color:rgb(10,28,40);
	text-transform:uppercase;
	z-index:0;
	position: relative;
}
.topnav .icon {display: none; padding:0;}
.topnav a{
	margin:0; 
	padding:7px; 
	list-style:none;
	text-align: center;
}
.topnav a {color:#FFFAFA;}
.active{
   font-weight: bold;
}
.topnav a:hover{
	color: #41848F;
}
.topnav{
	margin:0; 
	padding:0; 
	font-size:18px; 
	line-height:1; 
	margin:0 0 0 0;
	padding: 14px;
	
}
.topnav a a{
	z-index:9999; 
	position:absolute; 
	width:180px; 
	text-transform:none;
	left:180px; 
	top:0;
	
}
.topnav a a {
	position:relative; 
	margin:0 15px 0 0; 
	padding:0;
}
/**Navbar**/

/**Banner**/
.header{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  height:50vw;
  min-height:400px;
  max-height:550px;
  min-width:300px;
  color:#FFFAFA;
}
.header_content{
  background-color:rgb(10,28,40,0.9);
  margin: 10em auto;
  padding:1em;
  text-align:center;
  text-transform:none;
  width:100%; 
}
.header_content h1{
  font-size:40px;
  text-transform:uppercase;
}
.header_content p{width:60%;margin:0 auto;}
.header:after{
  content:"";
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(10,28,40,0.75) 100%);
  bottom:0;
  height:40%;
  left:0;
  position:absolute;
  width:100%;
  z-index:-1;
}
.header:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0);
  background:#1B2030 url(../images/header_image.jpg) top center no-repeat;
  background-size:cover;
  background-attachment:fixed;
  animation: grow 60s  linear 10ms infinite;
  transition:all 0.2s ease-in-out;
  z-index:-2
}
.header a{
  color:#FFFAFA
}

@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}
.content{  
  padding:5% 10%;
  text-align:justify
}
.btn{
  display:inline-block; 
  text-transform:uppercase; 
  color:#333;
  border:2px solid;
  border-radius:3px;
  text-decoration:none;
  padding:5px 10px;
  font-weight:600
}
.btn, .btn.inverse:hover{
	color:#FFFAFA; 
	background-color:#0A1C28; 
	border-color:#41848F;
}
.btn:hover, .btn.inverse{
	color:inherit; 
	background-color:transparent; 
	border-color:inherit;
}
.buttons *{
	display:inline-block;
}
.buttons *:last-child{
	margin-right:0;
}

/**Team**/
.category {
  color: #fff;
  text-align: center;
  position: relative;
  white-space: nowrap;
}

.category:before {
  content:"";
  display: block;
  position: absolute;
  left:0;right:0;
  top: 50%;
  width: 100%;
  border-top: 1px solid;
  border-color:rgb(220,220,220,0.1);
  z-index:-1;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.team_container{
	background-color:#0A1C28;
	display:flex;
	flex-flow:row wrap;
    margin:0 auto;
	width:100%
}
.column {
  color:#FFFAFA;
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}
.card {text-align:center;}
.card img{height:200px;width:200px;border-radius:5%;}
.bio {padding: 0 16px;}
/**.bio::after, .row::after {
  content: "";
  clear: both;
  display: table;
}**/
.title {
  color: grey;
}
/**Slide**/
.slide{background-color:#0A1C28;}
.slide .item{background:#0A1C28;}

.owl-carousel{
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0)
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	 cursor:pointer;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;	
}
.owl-carousel .owl-item{
	min-height:1px;
	float:left;
	-webkit-backface-visibility:hidden;
}
.owl-carousel img{
	display:block;
	width:100%;
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
	background:0 0;color:inherit;border:none;padding:0!important;font:inherit
}
a:hover{
	cursor:pointer
}

.row{
	background-color:#0A1C28;
    margin:0 auto;
	width:100%
}
.row:before,.row:after{
	content:" ";
	display:table
}
.row:after{
	clear:both
}
.row.collapse>.column,.row.collapse>.columns{
	padding-left:0;
	padding-right:0
}
.row.collapse .row{
	margin-left:0;
	margin-right:0
}
.row .row{
	margin:0 -.9375rem;
	max-width:none;
	width:auto
}
.row .row:before,.row .row:after{
	content:" ";
	display:table
}
.row .row:after{
	clear:both
}
.row .row.collapse{
	margin:0;
	max-width:none;
	width:auto
}
.row .row.collapse:before,.row .row.collapse:after{
	content:" ";
	display:table
}
.row .row.collapse:after{
	clear:both
}
.columns{
	width:100%;
	float:left
}
/**Slide**/

/**Footer**/
#footer{
  padding:20px;
  margin: 0 auto;
  font-size: 0.8em;
  background-color:#FFFAFA;
  }
.address{
  text-align: center;
  padding: 0 10px 0 0;
 }
.address li{/**display:inline-block;**/padding:30px;list-style-type: none;}
.address li a {color:#0A1C28;}
.social{padding: 0 60px 0 0;}
.social .fa {
  padding: 12px;
  font-size: 13px;
  width: 39px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}
.address a:hover{font-size:15px; color:#41848F;}
.social .fa:hover {opacity: 0.7;}
.social .fa-facebook {
  background: #3B5998;
  color: white;
}
#backtotop{
  z-index:999; 
  display:inline-block; 
  position:fixed; 
  visibility:hidden; 
  bottom:20px; 
  right:20px; 
  width:36px; 
  height:36px; 
  line-height:36px; 
  font-size:16px; 
  text-align:center; 
  opacity:.2;
 }
#backtotop i{
  display:block; 
  width:100%; 
  height:100%; 
  line-height:2em;
 }
#backtotop.visible{visibility:visible; opacity:.8;}
#backtotop:hover{opacity:1;}
#backtotop{
  color:#0A1C28; 
  background-color: white; 
  float:right;
  border-radius: 50%;  
 }


/*--Portfolio--*/
#toolbar{padding:0 10px; text-align:right;}
#toolbar .btn{border-color:#0A1C28;outline:none;}
#toolbar .btn:hover{color: #41848F;}
#toolbar .btn:focus{color:#41848F}

#portfolio {  
    margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
  display:flex-box;
}
.image_W { 
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.scale-anm {
  transform: scale(1);
}


#portfolio p{ 
  padding:10px; 
  border-bottom: 1px #ccc dotted; 
  text-decoration: none; 
  font-family: lato; 
  text-transform:uppercase; 
  font-size: 12px; 
  color: #333; 
  display:block; 
  float:left;
}
.image_W img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  
}
::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*--Portfolio--*/
/*--Contact Page--*/
#contact_html{
  margin: 0; 
  overflow: hidden;
}
.contact_page{
  height:100vh;
  color:#0A1C28;
  background-color:#FFFAFA;
  display:block;
 }
.contact_page li{
 display: block;
 text-align:center;
 padding:40px;
}
.contact_image img{
 width:100%;
 height:80vh;
}

/*------------------------------------------------------------------------------------------------------Panels-------- */

.row2, .row2 a{
	border-top:1px solid;
}
.row3, .row3 a{
	border-top:1px solid;
}
.row4{
	border-top:1px solid; 
	background-color:#EEE9D1;
	
}
.row5{
	border-top:1px solid;
}

.row2{
	color:#232323; 
	background-color:#EBEBEB;
}
.row3{
	color:#232323; 
	background-color:#FFFFFF;
}

.row5, .row5 a{
	 
	background-color:#232323;
}
.row5{
border-color:#404040;
}
/*------------------------------------------------------------------------------------------------------Rows-------- */


/**--General-**/
*, *::before, *::after{transition:all 0.25s ease-in-out;}
*, *::before, *::after{box-sizing:border-box;}
.wrapper{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	word-wrap:break-word;
	letter-spacing: 3px;
}

.clear, .group{
	display:block;
}
.clear::before, .clear::after, .group::before, .group::after{
	display:table; 
	content:"";
}
.clear, .clear::after, .group, .group::after{
	clear:both;
}

h1, h2, h4, h5.heading{
	margin:0 0 20px 0;
	font-size:22px; 
	line-height:normal; 
	font-weight:normal; 
	text-transform:capitalize; 
	font-variant:small-caps;
}
h3{
	font-size: 20px;
	text-align: center;
}
.work-heading{
	text-align: center;
	font-size: 20px;
}
address{
	font-style:normal; 

}
hr{
	display:block; 
	width:100%; 
	height:1px; 
	border:solid; 
	border-width:1px 0 0 0;
}
a{
	outline:none; 
	text-decoration:none;
}
.btmspace{margin-bottom:0px;}
.hoc{display:block; margin:0 auto;}