@font-face {
    font-family: 'BahamasHeavyPSMT';
    src: url('../fonts/BahamasHeavyPSMT.eot?#iefix') format('embedded-opentype'),
      url('../fonts/BahamasHeavyPSMT.woff') format('woff'),
      url('../fonts/BahamasHeavyPSMT.ttf')  format('truetype'),
      url('../fonts/BahamasHeavyPSMT.svg#BahamasHeavyPSMT') format('svg');
    font-weight: normal;
    font-style: normal;
  }



  /* inner menu section Start css */
.inner-page-sec{width: 100%; display: inline-block;}
.inner-page-menu{width: 100%; display: inline-block;}
.inner-page-menu ul{width: 100%; display: inline-block;text-align: left;
	margin: 2px auto 10px;}
.inner-page-menu ul li{list-style: none;line-height: 12px;position: relative;
	padding: 0 10px;    margin-left: 0;
    float: left;}
	.inner-page-menu ul li::before{
		border: solid 1px #263238;line-height: 12px;
		content: "";
		position: absolute;
	    transform: rotate(45deg);
    padding: 3px;
    border-left: none;
    border-bottom: none;
	margin: 0 auto;
    top: 4px;
	left: -5px;

	}

	.inner-page-menu ul li:first-child:before{
		border: none;
		padding-left: 0;
		
	}
	.inner-page-menu ul li:last-child{
		padding-right: 0;
	}
	.inner-page-menu ul li:first-child{
		padding-left: 0;
	}
	.inner-page-menu ul li a{
	font-size: 14px;
padding:0px 0px;
 color: #263238 !important; text-align: left;
text-decoration: none;
font-style: italic;
}

.inner-page-menu ul li a:hover, .inner-page-menu ul li a.active{
	text-decoration: underline;
	font-weight: bold;
    color: #194762 !important;
}



/* inner menu section Start end */



/* --- portfolio --- */

.text-center-port p{ font-size:18px; text-align:center; padding:50px 0 30px;}

.portfolio{ color:#ffc62a; font-size:22px; margin:30px 0 12px 0; display:inline-block;}

.portfolio-in{ width:100%;}

.portfolio-in ul{ padding:0;}

.portfolio-in ul li{ font-size:14px; color:#333; text-decoration:none; padding:2px 0; list-style:none;}

.portfolio-in ul li:before{ width:7px; height:7px;margin: 8px 8px 0 0; background:#ffc62a;content:""; float:left; border-radius:50%;}

#portfolio .center p {

	margin-top:50px;

	margin-bottom:50px;

	font-size:18px;

}



.portfolio-items, 

.portfolio-filter {

  list-style: none outside none;

  margin: 0 0 40px 0;

  padding: 0;

}

.span9.wow.fadeInDown.animated{ float:none;}

.quality{ display:none;}

.portfolio-filter > li {

  display: inline-block;

}



.portfolio-filter > li a {

  background: none repeat scroll 0 0 #FFFFFF;

  font-size: 14px;

  font-weight: 400;

  margin-right: 20px;

  text-transform: uppercase;

  transition: all 0.4s ease 0s;

  -moz-transition: all 0.4s ease 0s;

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  border: 1px solid #F2F2F2;

  outline: none;

  border-radius: 3px;

}



.portfolio-filter > li a:hover,

.portfolio-filter > li a.active{

  color:#fff;

  background: #ffc62a;

  border: 1px solid #ffc62a;

  box-shadow: none;

  -webkit-box-shadow: none;

  outline:none;

}



.btn.btn-default.active{ outline:none; text-decoration:none;}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{ outline:none; text-decoration:none;outline-offset:inherit;}

.portfolio-items > li {

  float: left;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

a:hover, a:focus{ color:inherit; outline:none;}

.portfolio-item {

	margin: 0;

	padding:0;

}



.overlay {

	margin-bottom:20px;

	text-decoration:none

	

}

.overlay h3 a{ text-decoration:none;}







.overlay a:hover {

	color: #ffc62a;

}

/*.portfoliodiv{width:100%;}

.portfoliodiv ul{}

.portfoliodiv ul li{ display:inline; float:left; width:20%;}*/





.filter ul li.sad{ display:none;}

/*------------------------------------------*/

/* ==================================================

   Section Page

================================================== */



.page {

	padding: 50px 0;

	position: relative;

	z-index: 99;
width: 100%; display: inline-block;
}

.span12 {
    width: 100%;
    display: inline-block;
    margin-top:20px;
}

.page-alternate {

	background: #26292E;

	padding: 100px 0;

	position: relative;

	z-index: 99;

}
.Portfolio-gallry {
    width: 100%;
    display: inline-block;
}


.title-page {

	text-align: center;

	margin-bottom:15px;	

}



.title-page .title {

	font-size: 48px;

	margin: 0 0 10px 0

}



.title-page .title-description {

	font-size:18px;

	text-transform:inherit;

	color:#333;

	margin: 0;

}

/* --- about us --- */

.about p{padding: 54px 0 0;text-align:justify;}

.about1{ padding:40px 0 50px;}

.aboutp{margin-top: 55px; text-align:justify;}

.about1 h2{margin-bottom:30px; margin-top:0;}

.aboutbtt{background: #ffc62a none repeat scroll 0 0;

    border: medium none;

    border-radius: 4px;

    color: #fff;

    font-weight: 600;

    margin-top: 18px;

    padding: 4px 10px;

	 float:right;

    position: relative;

    z-index: 0;

	font-size:12px;

	display:inline-block;

	}

.aboutbtt:before{background: #615b5b none repeat scroll 0 0;

    border-radius: 4px;

    bottom: 0;

    content: "";

    display: inline-block;

    font-weight: 500;

    left: 0;

    padding: 8px 20px;

    position: absolute;

    right: 0;

    top: 0;

    transform: scaleY(0);

    transform-origin: 50% 100% 0;

    transition-duration: 0.4s;

    transition-property: transform;

    transition-timing-function: ease-out;

    z-index: -1;}	

.aboutbtt:hover::before{transform: scaleY(1);}		



.aboutus {

	padding:100px 0;

	

}



.aboutus img {

	border-radius:6px;
	max-width: 100%;

}

.aboutus h3 {

	margin-bottom:10px;
	font-weight:800;
	color: #194762;
	text-align: center;
	font-size: 22px;
text-transform: uppercase;
/*transform: scale(1.2, 1.5);*/
/*font-family: 'BahamasHeavyPSMT';*/

}


.aboutus h4 {

	margin-top:0;

	margin-bottom:15px;

	font-weight:700;

	font-size:22px;

}



.skill h2{

	margin-top:-10px;

	margin-bottom: 25px;

}



.progress-wrap{

  position: relative;

}



.progress .color1,
.progress .color1 .bar-width{

  background: #2d7da4;
  right: 12px;

}



.progress .color2,

.progress .color2 .bar-width{

  background: #6aa42f;
  right:34px;

}



.progress .color3,

.progress .color3 .bar-width{

  background: #ffcc33;
  right:34px;

}

.progress .color4,

.progress .color4 .bar-width{

  background: #db3615;
  right:34px;

}


.progress, 

.progress-bar {

  height: 15px;

  line-height: 15px;

  background: #e6e6e6;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-radius: 0;

  overflow: visible;

  text-align: right;

}



.progress{

  position: relative;

  margin-bottom:35px;

}



.progress .bar-width{

  position: absolute;

  width: 40px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  font-size: 12px;

  font-weight: 700;

  top: -25px;

  border-radius: 2px;

  margin-left:0px;

}



.progress span{

  position: relative;

}



.progress span:before{

  content: " ";

  position: absolute;

  width: auto;

  height: auto;

  border-width: 8px 5px;

  border-style: solid;

  bottom: -15px;

  right: 8px;

}



.progress .color1 span:before{

  border-color: #2d7da4 transparent transparent transparent;

}



.progress .color2 span:before{

  border-color: #6aa42f transparent transparent transparent;

}



.progress .color3 span:before{

  border-color: #ffcc33 transparent transparent transparent;

}



.progress .color4 span:before{

  border-color: #db3615 transparent transparent transparent;

}





.about {

	background:#eee;

	padding:40px;

}



.about h2 {

	margin-bottom:30px;

	margin-top:0;

}



.about img {

	margin-bottom:30px;

	border-radius:6px;

}



/* --- services --- */

.service-in{ width:100%;}

.service-in ul{ padding:0;}

.service-in ul li{ font-size:14px; color:#333; text-decoration:none; padding:2px 0; list-style:none;}

.service-in ul li:before{ width:7px; height:7px;margin: 8px 8px 0 0; background:#ffc62a;content:""; float:left; border-radius:50%;}

.service-logo{ width:100%;padding: 0 0 0 30px;}

.services .service-logo p{text-align:justify; margin-top:0px;}

.service-logo ul{ padding:0;}

.service-logo ul li{ font-size:14px; color:#333; text-decoration:none; padding:2px 0; list-style:none;}

.service-logo ul li:before{ width:7px; height:7px;margin: 8px 8px 0 0; background:#ffc62a;content:""; float:left; border-radius:50%;}

.media > ul{ padding:0 0px 0 0;}

.border{ border-bottom:solid 2px #194762 !important;}

.services {

	padding:50px 0px;

}

.img-responsive.identity{ float:right; margin-top:20px; max-width: 100%;}

.services h3 {
	margin-bottom:10px;
	font-weight:bold;
	text-transform: uppercase;
	color: #194762;
/*	font-family: 'BahamasHeavyPSMT';*/
/*transform: scale(1, 1.2);*/
font-size: 30px;

}

.services img {

	border-radius:6px;

	margin:7px 0 0 15px;
	max-width: 100%;

}

.sub-services img {

	border-radius:6px;max-width: 100%;

	margin-top:52px;}

.img-responsive.print_service{ margin-top:64px;}

.services p {

	margin-top:8px;

	font-size:14px;

}
.sub-services {

	padding: 50px 0 50px;
	background:#194762;

}
.sub-services h3{
	font-size:30px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
/*	font-family: 'BahamasHeavyPSMT';*/
/*transform: scale(1, 1.2);*/
}

.sub-services p {

	margin-top:8px;

 text-align:justify;

	padding: 0 30px 0 0;
	font-size:16px;
	color: #e6e5e5;
	line-height: 30px;

}
.media-body p {

	margin-bottom:25px;
	text-align:justify;
	font-size:16px;
	line-height: 30px;
}



.media ul li {

	list-style:none;

}



.media i {

	color:#fff;

	font-size:35px;

}



.media h4 {

	font-size:20px;

	font-weight:600;

	color:#ffc62a;

}

/* ==================================================

   Section Portfolio

================================================== */

.titel-section-portfolio{
	width: 100%;
display: inline-block;
padding: 40px 0;
background: #194762;
margin-top: 90px;
}

.titel-section-portfolio h2{
	font-size:40px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	color: #fff;
	/*letter-spacing: 2px;*/
	/*font-family: 'BahamasHeavyPSMT';*/
	/*transform: scale(1, 1.1);*/

}


.type-work {

	color: #FFFFFF;

	font-size: 24px;

	font-weight: 300;

	margin-bottom: 30px;

	line-height: 1em;

	text-transform: uppercase;

}



.work-nav #filters {

padding: 0;

	list-style: none;
	margin:0px auto 20px;
text-align: center;

}



.work-nav #filters li {

	margin: 0 0 15px 0;

	padding:10px 5px;

	display:inline-block;

}



.work-nav #filters li a {

	color:#fff;

	font-size:14px;

	border:1px solid #194762;
    background-color: #194762;
	padding:10px 20px;

	 font-weight:400;

	 border-radius:30px;

	 outline:none;

	 text-decoration:none;

	 text-transform:uppercase;

}



.work-nav #filters li a:hover {

	

}



.work-nav #filters li a.selected {

	background: transparent;
	color: #194762;
    border-color: #194762;

}



#thumbs {

	margin: 0;

	padding: 0;

	width:100%;	

}



#thumbs li {

	width:33.3333%; float:left; display:inline-block;

}



.item-thumbs {

	position: relative;

	overflow: hidden;

	margin-bottom:0px;

	cursor: pointer;

}



.item-thumbs a + img {

	width: 100%;	

}



.item-thumbs .hover-wrap {

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

	display:none;

	opacity: 1;

	filter: alpha(opacity=0);

	

	-webkit-transition: all 450ms ease-out 0s;	

	   -moz-transition: all 450ms ease-out 0s;

		 -o-transition: all 450ms ease-out 0s;

		    transition: all 450ms ease-out 0s;

		  

	

}



.item-thumbs:hover .hover-wrap,

.item-thumbs.active .hover-wrap {

	opacity:1;
	display:block;

	filter: alpha(opacity=100);

	

	-webkit-transform: rotateY(0deg) scale(1,1);

	   -moz-transform: rotateY(0deg) scale(1,1);

		-ms-transform: rotateY(0deg) scale(1,1);

		 -o-transform: rotateY(0deg) scale(1,1);

		    transform: rotateY(0deg) scale(1,1);

}



.item-thumbs .hover-wrap .overlay-img {

	position: absolute;
opacity:.8;
	width: 100%;

	height: 100%;

	background: #194762 ;

	

	

	

}



.item-thumbs .hover-wrap .overlay-img-thumb {

	position: absolute;

	top: 50%;

	left:0;

	margin-top:-11px;

	z-index:20;

	right:0;

	color: #FFFFFF;

	font-size:22px;

	text-transform:uppercase;

	font-weight:600;

	line-height: 1em;

	text-align:center;

	opacity: 1;

	filter: alpha(opacity=100);

}






/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {



  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}



.isotope .isotope-item {

 

}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s;

}



/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  transition: none;

}












a.scrollup{

    color:#fff;

	background:#615A61;

	height:40px;

	width:40px;

	font-size:12px;

	line-height:30px;

	text-align:center;

	text-decoration:none;

	position:fixed;

	bottom:30px;

	right:40px;	

	opacity:0,5;

	border-radius:50%;

	z-index:999;

}



a.scrollup:hover{

	opacity:1;

	

	color:#c79104;

}

/*owl slider*/

#owl-carousel{width:100%; }
#owl-carousel .owl-buttons .owl-next{ display:block !important; right:-32px;position: absolute;top:120px;width:25px; height:70px; background:#626262 url(../images/sprite2.png) no-repeat -30px -340px; font-size:0;transition-duration:.3s;}
#owl-carousel .owl-buttons .owl-next:hover{ background:#ffc62a url(../images/sprite2.png) no-repeat -30px -340px;transition-duration:.3s;}
#owl-carousel .owl-buttons .owl-prev{ display:block !important;left:0px;position: absolute;top:120px; background:#626262 url(../images/sprite2.png) no-repeat 2px -340px;width:25px; height:70px; font-size:0; left:-32px;transition-duration:.3s;}
#owl-carousel .owl-buttons .owl-prev:hover{background:#ffc62a  url(../images/sprite2.png) no-repeat 2px -340px;transition-duration:.3s;}
.team{width:100%; float:left;}
.team a{display:block;}
.team a img{max-width:100%; padding:15px;}







/**responsive css**/

@media(max-width:1326px){

#owl-carousel .owl-buttons .owl-next{right:0px;}	
#owl-carousel .owl-buttons .owl-prev{left:0px;}	
}
@media(max-width:1180px){
#owl-carousel .owl-buttons .owl-next{right:-15px;}	
#owl-carousel .owl-buttons .owl-prev{left:-15px;}	
}





@media(max-width:768px){

.container{ width:inherit;}

ul.social-network{ text-align:center; margin:0; padding:0 0 8px;}

.copyright{ text-align:center; margin:0; float:none;}

.footer{padding: 25px 22px;}

#partner{padding: 40px 0;}

.portfoliodiv{ margin:40px 0 40px 80px;}

#thumbs li{ width:24%;}

.title-page .title-description{ font-size:15px;}

}

@media(max-width:767px){

.navbar-header{padding: 0 0 10px;}

.navbar-toggle{margin-top: 22px;}

.titel-section-portfolio h2{
	font-size: 30px;
}
.aboutus {
    padding: 50px 0px 20px;
}
.aboutus h3{
	font-size: 20px;
}





}

@media(max-width:640px){

.media{ margin-top:25px !important;}

.navbar-brand{ padding:15px;}

.portfoliodiv{ margin:40px 0 40px 20px;}

#thumbs li{ width:50%;}

#main-slider .carousel .carousel-content{ margin-top:0px;}

.hidden-xs{ display:block !important; position:absolute; left:50%; right:0; top:38.4%;}

#main-slider .carousel h2{ font-size:24px; padding-right:110px;}

#main-slider .carousel p{ padding-right:115px; font-size:20px;}
#conatcat-info{background: #fff url("../images/contact1.png") no-repeat scroll 85% 100%;}
.titel-section-portfolio{
	margin-top: 130px;
}
}

@media(max-width:480px){

#main-slider .carousel h2{ font-size:30px;}

#main-slider .carousel .item{ height:500px;}

#main-slider .carousel .slide-margin{ margin-top:40px;}



.lates{padding: 40px 0;}

.wow.fadeInDown.animated > p{ text-align:justify;}

.nav-tabs > li > a{margin: 30px 15px;}

.breadcrumb li{ margin-top:118px;}

.aboutus h3{ font-size:20px;}



.aboutus h4{ font-size:20px;}

.our-team{padding: 25px 0;}

.our-team img{ width:100%}

.services{padding: 20px 0 0;}

.media-left, .media-right, .media-body{ display:inherit;}

.media-body p{  float: left;
    margin: 20px 0 0 -60px;
    width: 60%; text-align:left;}

.services p{ margin:10px 0 0;}

.media > ul{ margin-bottom:30px;}

.media-left{ display:none;}

.border{margin: 25px 0 0;}

.media ul li .media-body .media-heading{margin-top: 25px;}

.sub-services{padding: 40px 0 25px;}

.sub-services{padding: 15px 0 40px;}

.filter ul li{ margin:10px 0;}

.portfoliodiv{ margin:20px 0 20px 80px;}

.partners ul li{padding: 0 12px;}

.footer{padding: 25px 0;}

.post{ text-align:center !important;}

hidden-xs{ left:53%;}

.service-logo{ padding-left:0;}

.img-responsive.print_service{ margin:35px 0 15px 0;}

.center h2{ font-size:25px;}

.form-group.form-group2{ margin:0 0 0 16px;}
.wow.fadeInDown.animated > p{ text-align:center;}
.media-left, .media > .pull-left{ margin:-40px 0 0;}
.contact-info h2{ font-size:18px; margin:-25px 0 0; float:left;}
#conatcat-info{ background: #fff url("../images/contact1.png") no-repeat scroll 95% 100% / auto 70%;}
.progress-wrap{ margin-top:30px;}

.media-body.media-body-service > p{ width:100%; float:none; margin:0; padding:0; text-align:justify;}
#owl-carousel .owl-buttons .owl-next{right:0px;}	
#owl-carousel .owl-buttons .owl-prev{left:0px;}
}



@media(max-width:360px){

.nav-tabs > li > a:hover{ background:#000;}

.nav-tabs > li > a.active{ margin:0;}

.nav-tabs > li > a{ margin:0;}	

ul.social-network li{ margin:0 15px;}	

.menu{ float:none;}

.menu ul.nav-tabs li{ float:none;}

.nav-tabs > li > a{padding: 12px 14px;}

.nav-tabs{padding: 15px 0;}

.navbar-collapse{ padding:0;}

.text-center i{margin-bottom: 15px;margin-top: 40px;}

.feature{padding: 0 0 20px;}



.lates{padding:20px 0;}

.media-body{ font-size:20px;}

.portfoliodiv{ margin:20px 0 20px 20px;}

.col-25{ padding:10px;}



.page{padding:25px 0 15px;}

.work-nav #filters li{padding: 8px 24px;}

.hidden-xs{ left:38%; right:0; top:38.4%;}

#main-slider .carousel h2{ font-size:24px; padding-right:110px;}

#main-slider .carousel p{ padding-right:115px; font-size:20px;}

#main-slider .carousel .carousel-content{ margin-top:85px;}

.form-group.form-group1{ width:100%;}

.form-group.form-group2{ width:100%; margin:0 0 15px 0;}

.form-group.form-group3{ width:100%;  margin:0 0 15px 0;}

.form-group.form-group4{ width:100%;  margin:0 0 15px 0;}
#conatcat-info{ background: #fff url("../images/contact1.png") no-repeat scroll 95% 100% / auto 35%;}
.media-body p{width: 85%;}
.lates a{ margin-top:10px;}
}

@media(max-width:320px){

.portfoliodiv{ margin:20px 0 20px 0px;}	

.col-25{ padding:10px;}

.hidden-xs{ top:46%;}
#partner p{ font-size:18px;}


}

