/*--Default-*/
html {-webkit-tap-highlight-color: transparent;}
*, *:before, *:after{margin:0px; padding:0px; position:relative; text-decoration:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html, body{font-size: 15px; color: #979696; font-family: 'Roboto', sans-serif; background: #ffffff;  /* For full width image-container */ margin:0px;}

h1, h2, h3, h4, h5, h6, p, ul, li{margin:0px; padding:0px; text-decoration:none;}
ul, li{list-style:none;}

/* Transitions */
.container, header, nav, a, a:after, a:before, li:after, li:before, h2:after, h2:before, img, li, .animate, span, .thumbnailimg:before, .thumbnailimg:after, .thumbnail .caption, .thumbnail .caption h2, .thumbnail .caption h6, .thumbnail:before, .thumbnail:after {
	transition: .5s all;
	-moz-transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
}

h1{color: #484848; font-size: 25px; font-family: 'Roboto', sans-serif;}

p{color: #7f8c8c; font-size: 15px; font-family: 'Roboto', sans-serif;}
h2{color: #484848; font-size: 15px; font-family: 'Roboto', sans-serif;}
h3{color: #b4b4b4; font-size: 15px; font-family: 'Roboto', sans-serif;}

h4{color: #717171; font-size: 13px; font-family: 'Roboto', sans-serif;}
h5{color: #b4b4b4; font-size: 12px; font-family: 'Roboto', sans-serif;}
h6{color: #b4b4b4; font-size: 11px; font-family: 'Roboto', sans-serif;}

/*menu*/
#menu{margin:0px 0px 0px 0px; width:100%; float:left; position:relative;}
#menu .navbar-default {border-color: #e3e3e3; background:none;}
#menu .navbar-default .navbar-nav > li > a{color:#979696; font-family: 'Roboto', sans-serif; font-size:15px;}
#menu .navbar-default .navbar-nav > li:last-child > a {padding-right: 0px;}
#menu .navbar-default .navbar-nav > li:hover a{color:#000;}
#menu .navbar {border-radius: 0px; border: none;}
#menu img.img-responsive{ z-index:99999;}
#menu .menuborder, .footerborder {border-bottom: 1px solid #e3e3e3;}
#menu a.navbar-brand span {font-size: 15px; color: #979696; letter-spacing: 1px;}

#menu .navbar-default .navbar-nav > li a:hover:after{ width:100%;}
#menu .navbar-default .navbar-nav > li a:after{
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 0;
    height: 1px;
    background-color: #8b8b8b;
    -webkit-transition: all 0.3s cubic-bezier(.175,.885,.32,1.075);
    transition: all 0.3s cubic-bezier(.175,.885,.32,1.075);}

.menuhome a.navbar-brand {margin-top: -45px;}
.menuhome{padding-top:135px;}
.menuhome img.img-responsive { padding-bottom:15px;}

/*-- innerpage menu --*/
.innerpage img.img-responsive {z-index: 4 !important;}
.innerpage a.navbar-brand {margin-top: -65px;}
.innerpage{ background:#f8f8f8; padding-top:60px;}
.innerpage .navbar-default{ background:#f8f8f8;}
.innerpage .navbar { margin-bottom:0px;}
.innerpage  img.img-responsive { padding-bottom:5px;}
/*-- innerpage menu End --*/

/* menu Nav Trigger */
.nav-trigger {
  width: 50px;
  height: 50px;
  position: relative;
  background: transparent;
  border: none;
  vertical-align: middle;
  padding: 10px;
  margin: 0;
  cursor: pointer;
}
.nav-trigger:focus {
  outline: 0;
}
.nav-trigger:before {
  content: '';
  opacity: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.nav-trigger span {
  display: block;
  position: relative;
}
.nav-trigger span:before, .nav-trigger span:after {
  content: '';
  position: absolute;
  left: 0;
}
.nav-trigger span:before {
  top: -8px;
}
.nav-trigger span:after {
  bottom: -8px;
}

.nav-trigger span,
.nav-trigger span:before,
.nav-trigger span:after {
	width: 100%;
    height: 2px;
    background: #a3a3a3;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
.nav-trigger.is-active span {
  background: transparent;
}
.nav-trigger.is-active span:before {
  top: 0;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.nav-trigger.is-active span:after {
  bottom: 0;
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}
/* menu Nav Trigger End */

/* menu Nav shrink */
#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}
/* menu Nav shrink */

#footer{margin:30px 0px 30px 0px; padding:0px; position:relative; width:100%; float:left;}
#footer p{color:#a3a3a3; font-size:12px; font-family: 'Roboto', sans-serif; padding-top:22px;}
#footer .social ul li{ display:inline-block; padding: 15px 0 0 5px;}
#footer .social ul li .circle {
    border: 2px solid #848484;
	background-color:transparent;
    height: 33px;
    width: 33px;
    text-align: center;
    vertical-align: middle;
    display: block;
    line-height: 33px;
    border-radius: 100px;
	overflow:hidden;
	-moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
#footer .social ul li a{color: #848484; overflow:hidden;}
#footer .social ul li:hover a{color:#fff;}
#footer .social ul li:hover .fb{border:1px solid #4e71a8; background-color:#4e71a8;}
#footer .social ul li:hover .tw{border:1px solid #1cb7eb; background-color:#1cb7eb;}
#footer .social ul li:hover .li{border:1px solid #1686b0; background-color:#1686b0;}
#footer .social ul li:hover .pi{border:1px solid #bd081c; background-color:#bd081c;}
#footer .social ul li:hover .in{border:1px solid #e72551; background-color:#e72551;}
#footer .social ul li:hover {
	transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);}
#footer .text-left {padding: 0px;}
#footer .text-right {padding: 0;}
/*--Home Page End--*/

/*--project page v2--*/
.projectv2{margin:0px; padding:0px; position:relative; float:left; width:100%;}
.pojectmenu {margin-top: 50px; margin-bottom:65px;}
.pojectmenu ul{ text-align:center;}
.pojectmenu li{display:inline-block;}
.pojectmenu li a{ color:#8b8b8b; font-size:15px; font-family: 'Roboto', sans-serif; text-decoration:none; padding:0px 10px;}
.pojectmenu li.active a{color:#474747;font-weight: 700;}

.pojectmenu li a:not(.active):hover{color:#474747;}

.projectimg .caption {margin-top: 15px;}
.projectimg .caption h2{padding-bottom:10px;}

.projectimg .thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 65px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnailimg img{ margin:0 auto;}
a:focus, a:hover{   text-decoration:none;}

.thumbnailimg:before, .thumbnailimg:after{content:"";  position:absolute; height:34px; width:0px; background:#8b8b8b; z-index:1; opacity:0.3;}
.thumbnailimg:before{top:0px; left:0; }
.thumbnailimg:after{bottom:0px; right:0; }
.thumbnail:hover .thumbnailimg:before, .thumbnail:hover .thumbnailimg:after{width:100%; height:100%;}
/*--project page v2 End--*/

/*--Project Inner Page--*/
.subheader{ margin:55px 0 0px 0; padding:0px; position:relative; width:100%; float:left;}

.subborder{ border-bottom:1px solid #f8f8f8; padding:0 0 0px 0;}
.subheader h3{padding-top:5px;}
.breadcrumb {
    padding-top: 30px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    font-size: 11px;
	padding-right:0px
}
.breadcrumb li a{text-decoration:none; color: #a6a6a6;}
.breadcrumb>li+li:before {padding: 0px 5px; color: #ccc; content: "\f105"; font-family:'FontAwesome';}
.aboutproject{ margin:0px; padding:70px 0 85px 0; position:relative; float:left; width:100%;}
.aboutproject h2{ padding-bottom:10px;}
.aboutproject h4{line-height:20px; text-align:justify;}

/*--Project Inner Page--*/

/*--Project Inner Page light gallery --*/
#lightgallery img.img-responsive {width: 100%;}
#lightgallery .thumbnail {
    padding: 0px;
    border: none;
    border-radius: 0px;
    margin-bottom: 13px;
}

.tile {
  width: 20%;
  height: auto;
  display: inline-block;
  background-size: cover;
  cursor: pointer;
  position: relative;
  float: left;
  padding: 0 0 19% 0;
  background-position: center;
}

.image-title {
  width: 100%;
  height: 25%;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 1rem 1rem;
  font-size: .9em;
  font-family:"Helvetica";
  text-align: center;
  line-height: 1em;
  background-color: rgba(0, 0, 0, 0.5);
}

.tile .image-title {
  transition: 0.8s ease;
}


/* Hover effect on image tiles */

.tile:hover .image-title {
  background-color: rgba(0, 0, 0, 0.8);
  height: 40%;
}


/* Pop up CSS light box */



/* Responsive tiles starts here. Breaking points: 1280, 1024, 600, 360 */

@media screen and (max-width: 1280px) {
  .image-container .tile {
    width: 25%;
    padding-bottom: 25%;
  }
}

@media screen and (max-width: 1024px) {
  .image-container .tile {
    width: 33.33%;
    padding-bottom: 33.33%;
  }
}

@media screen and (max-width: 740px) {
  .image-container .tile {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 600px) {
  .image-container .tile {
    width: 50%;
    padding-bottom: 50%;
    font-size: 0.8em;
  }
}

@media screen and (max-width: 360px) {
  .image-container .tile {
    width: 100%;
    padding-bottom: 100%;
  }
}
/*--Project Inner Page light gallery End --*/

/*About us Page*/
.aboutus{margin: 55px 0 0px 0; padding: 0px; position: relative; width: 100%; float: left;}
.aboutus h1{ padding-bottom:30px;}
.aboutus .detail p{padding:15px; text-align:justify;}
.aboutus .detail p span{color:#8b8b8b; font-weight:bolder;}
.aboutus ul {padding-left: 30px; font-family: 'Roboto', sans-serif; position:relative;}
.aboutus ul h2 {padding-bottom: 8px;}
.aboutus ul h2:before{content:"\f105"; font-family:'FontAwesome'; letter-spacing:8px;}
.aboutus ul h2:hover:before{ color:#7f8c8c; padding-left:15px;}

.aboutus ul li {
    margin-bottom: 10px;
    list-style-type: disc;
}

/*About us Page*/

/*Contact us Page*/
.contactus{margin: 55px 0 0px 0; padding: 0px; position: relative; width: 100%; float: left;}
.contactus h1{ padding-bottom:30px;}
.contactus .detail {margin-top: 30px; float: left;}
.contactus .well{ background-color: transparent; border: none; box-shadow: none;}
.contactus .btn-primary:hover {background-color:#8b8b8b; border-color: #8b8b8b; color: #fff;}
.contactus .btn-primary {background-color:transparent; border-color: #8b8b8b; color: #8b8b8b; border-radius:0px}
.contactus .form-control {border-radius:0px; height:45px;}
.contactus textarea.form-control {height: auto;}
.contactus .input-group-addon { border-radius:0px;}
.contactus .btn {padding:11px 40px;}
.contactus address a {color: #8b8b8b;}
/*Contact us Page End*/


.status {position: absolute; top: 10px; right: 7px; font-size: 11px;}



.tooltip2 {
    position: relative;
    display: inline-block;    
}

.tooltip2 .tooltiptext {
    visibility: hidden;    
    color: #484848;
    text-align: center;   
    font-size: 10px;    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    text-align: center;

}

.tooltip2:hover .tooltiptext {
    visibility: visible;
}

.blog p {
    margin-bottom: 20px;
    line-height: 22px;
}

.blog-detail img{
    max-width: 600px !important;
    height: auto !important;
}

.blog-img img{
    max-width: 600px !important;
}