/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i');


/*

    font-family: 'Montserrat', sans-serif;

    font-family: 'Quattrocento Sans', sans-serif;

*/

/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

@import url(all.css);
@import url(superslides.css);
@import url(bootstrap-select.css);
@import url(carousel-ticker.css);
@import url(code_animate.css);
@import url(bootsnav.css);
@import url(owl.carousel.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);
@import url(baguetteBox.min.css);
@import url(style.css);
/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/
	.news {
    width: 160px
}

.news-scroll a {
    text-decoration: none
}

.dot {
    height: 6px;
    width: 6px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 2px !important;
    background-color: rgb(207, 23, 23);
    border-radius: 50%;
    display: inline-block
}
	.counter-section i {
     display: block;
     margin: 0 0 10px
	 
 }

 .counter-section span.counter {
     font-size: 40px;
     color: #012443;
     line-height: 60px;
     display: block;
     letter-spacing: 2px;
 }

 .counter-title {
     font-size: 12px;
     letter-spacing: 2px;
     text-transform: uppercase
 }

 .counter-icon {
     top: 25px;
     position: relative
 }

 .counter-style2 .counter-title {
     letter-spacing: 0.55px;
     float: left
 }

 .counter-style2 span.counter {
     letter-spacing: 0.55px;
     float: left;
     margin-right: 10px
 }

 .counter-style2 i {
     float: right;
     line-height: 26px;
     margin: 0 10px 0 0
 }

 .counter-subheadline span {
     float: right
 }

 .medium-icon {
     font-size: 40px !important;
     margin-bottom: 15px !important
 }

		.transition {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.img-responsive {
  width: 100%;
  border-radius: 2px;
  height:250px;
}
.basic-widgets {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* project hover*/
.project-hover {
  position: relative;
  overflow: hidden;
}
.project-hover:hover .text-view {
  top: 50%;
  opacity: 1;
}

.project-hover:hover img {
  opacity: .8;
}
.project-hover .text-view {
  width: 95%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  font-weight: 600;
}
.project-hover .text-view h3 {
  margin-bottom: 10px;
  font-weight: bold;
}
.project-hover .btn-view {
  width: 100%;
  position: absolute;
  top: 65%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
		.teams{
	  font-family: 'Raleway', sans-serif;
}
.teams .shadow-effect {
		    background: #fff;
		    padding: 10px;
		    border-radius: 2px;
		    text-align: center;
			box-shadow:0px 2px 10px 1px #d9d9d9;
		}
		
		#customers-teams .item {
			 height:420px !important;
		    text-align: center;
		    padding: 35px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
#customers-teams .item p{
	font-size:12px;
	color:#E89D37;
}
#customers-teams .item h2{
	font-size:28px !important;
	font-weight:500 !important;
}
#customers-teams .item .title{
	font-size:14px;
}
#pastexp{
	margin-top:20px;
}
#customers-teams .item h5{
	font-size:15px !important;
	font-weight:700 !important;
}
		#customers-teams .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.teams .owl-carousel .owl-item .img-circle {
		    transform-style: preserve-3d;
		    width: 100%;
    		margin: 0 auto 17px;
			  transition: transform .5s;
		}
.teams .owl-carousel .owl-item .img-circle:hover {
		    transform: scale(0.9);
		}
		#customers-teams.owl-carousel .owl-dots .owl-dot.active span,
#customers-teams.owl-carousel .owl-dots .owl-dot:hover span {
		    background:#012443;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-teams.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-teams.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#customers-teams.owl-carousel .owl-dots .owl-dot span {
		    background: #012443;
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
			  margin-top:15px;
		    transform: translate3d(0px, -50%, 0px) scale(0.3);
		    transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
			  outline: none;
				border-radius:50% !important;
		}
.owl-dot, .owl-dot:active, .owl-dot:focus { 
	outline: 0 !important;
}

@media only screen and (max-width: 1000px){
	#customers-teams.owl-carousel .owl-dots .owl-dot span {
	height:20px;
	width:20px;
	margin-top:30px;
	}
}

		.gallery-title
{
    font-size: 36px;
    color: #00305B;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #00305B;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #00305B;
    border-radius: 5px;
    text-align: center;
    color: #00305B;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #00305B;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #00305B;

}
.btn-default:active .filter-button:active
{
    background-color: #00305B;
    color: white;
}
.btn-default
{
	background-color:transparent;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

#deadSimpleLightbox img { max-width: 100%; padding-top: 15px; padding-bottom: 15px; cursor: pointer; }

/* Overlay Style */
#lightboxOverlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba( 0,0,0, 0.7 ); text-align: center; z-index:9999}
#lightboxOverlay h3 { color:#fff; }
#lightboxOverlay .fa-times { position: absolute; right: 20px; top: 20px; font-size: 50px; cursor: pointer; }
#lightboxOverlay img { margin-top: 35%; max-width: 80%; max-height:50%; }

/* Responsiveness */
@media screen and (min-width: 768px) {
	#lightboxOverlay .fa-times { font-size: 30px; width: 50px; height: 50px; }
	#lightboxOverlay .fa-times:before { line-height: 50px; }
	#lightboxOverlay img { margin-top: 5%; max-height:80%; }
}

/* galler new */

.grid-item {
display: inline-block;
    height: 300px;

    text-align: center;
    width: 375px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.grid-item img{
	width:100%;
	height:100%;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	
    transition: 0.9s;
}
.grid-item img:hover{
    filter: none;
}


.filters {
	width: 100%;
	text-align: center;
/*	padding-bottom: 35px;
*/	padding-top:20px;
	
}

.filters ul {
	list-style: none;
/*    padding: 20px 10px;
*/    box-shadow: -1px 1px 11px rgba(0,0,0,.4);
/*    margin: 0 40px;
*/    border-radius: 10px;
	background-color: #003B6F;
}

.filters li {
	display: inline-block;
    padding: 13px 25px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
}
.filters li a{
	color: #fff;
	text-decoration: none;
}
.filters li a:hover{
	color:#fff;
}

.filters li:hover {
	box-shadow: -1px 1px 11px rgba(0,0,0,.4);
	border-radius: 15px;
}

.filters li.active a{
    color: #e3ca66; 
	border: 1px solid #e3ca66; 
	border-radius: 15px; 
	box-shadow: -1px 1px 11px rgba(0,0,0,.4); 
	padding: 10px 25px; 
	
}


.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
/*  font-size: 20px;
*/  padding: 20px;
	z-index:9999;
/*  text-align: center;
*/}

.grid-item:hover .overlay {
  opacity: 1;
}

@media(max-width:480px)
{
	.grid-item img{
	width:100%;
	height:100%;
	padding:5px;
	padding-left:1px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	
    transition: 0.9s;
}



}
/* galler new end */

/* pagination new end */
.paging {
  margin-top: 20px;
  width: 100%;
}
.paging ul {  
  width: 100%;
  text-align: center;
  list-style: none;
  padding: 10px;
  margin: 0 auto;
  background: #F0F0F0;
/*  border: 1px solid #006;
*/}
.paging ul li {
  display:inline-block;
  *display:inline; /*IE7*/
  *zoom:1; /*IE7*/
  border-right: 1px solid #d8d8d8;
}
.paging ul li a {
  color: #006;
  text-decoration: none;
  padding: 0 12px;
}
.paging ul li a:hover {
  color: #fff;
}
.paging ul li.last {
  border-right: 0;
}
/* pagination new end */