@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf')  format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{ font-size:16px;  font-family: 'Roboto-Regular';}
ul{ padding-left:0;}
a:hover, a:focus{ text-decoration:none;}
h1, h2, h3, h4, h5, h6{
	 font-family: 'Roboto-Bold';
	 font-weight:normal;
}
.clearfix{ clear:both;}


.top-head{ padding:10px 0px;
 /* border-bottom:1px solid #737171;  */
/* position:absolute; */
 width:100%; z-index:999;     background: #fff;
}

 .affix {
      top: 0;
      width: 100%;
      -webkit-transition: all .6s ease-in-out;
      transition: all .6s ease-in-out;
	  z-index:999 !important;
	
  }

.affix  .top-head{         background-color: rgba(255, 255, 255, 0.90);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .35);
	

}
 .affix-top {
      position: static;
      top: -35px;
  }


nav {
  display: block;
  /* background: #E95546; */
}


.menu-top ul{ margin:0;}
.menu { display: block; text-align:right; }

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
  font-weight: normal;
  text-decoration: none;
  padding: 21px 15px;
  display: block;
  color: #000;
  transition: all 0.2s ease-in-out 0s;
  text-transform:uppercase;
  font-family: 'Roboto-Medium';
  font-size:14px;
}

.menu li a:hover,
.menu li:hover>a {
  color: #283891;
 
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #797979;
  background: #fff;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background: #283891;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #293294;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background:#00EF54;
  color: #fff;
  text-decoration: none;
}

.menu .homer {  color:#283891; }
 @media (min-width: 768px) and (max-width: 991px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; padding: 10px 10px; }

/* a.homer { background: #E95546; } */
}
 @media (max-width: 767px) {
a:focus{ color:#fff;}
.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; text-align:left;}

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  background: #fff;
  color: #797979;
  padding:10px 15px;
}

.menu li a:hover,
.menu li:hover>a {
  background: #293294;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}


#home-welcome{ padding:80px 0px; background:#F5F5F5;}

#home-welcome h4{ margin:0; text-transform:uppercase; color:#08A822;}
#home-welcome h1{ margin:0; text-transform:uppercase; color:#333333; padding:5px 0px;}
#home-welcome h2{ margin:0; text-transform:uppercase; color:#333333; font-size:36px;}

#home-welcome p{ line-height:25px; text-align:justify;}

.more{ background:#08A822; color:#fff; padding:10px 50px;}
.more:hover{ background:#293294; color:#fff;}


.slider img{ width:100%;}


.home-services{ padding:80px 0px;}
.home-services h1{ text-align:center;  margin:0; padding-bottom:10px; font-family: 'Roboto-Light';  text-transform:uppercase; font-size:30px;}


.home-ser-left{ margin-top:25px;}
.home-ser-right{ margin-top:25px;}

.ser-inner-text{ margin-bottom:15px; min-height:145px;}
.ser-inner-text h4{ margin-bottom:10px; font-family: 'Roboto-Light';  text-transform:uppercase;}
.ser-inner-img{ margin-bottom:15px; min-height:145px;}
.home-ser-left p{ text-align:right; line-height:27px;}
.home-ser-left h4{ text-align:right;}

.home-gallery-top{ background:#08A822;  padding:40px 0px;}
.home-gallery-top h2{ text-transform:uppercase; color:#fff; font-family: 'Roboto-Light'; margin:0; padding-bottom:10px;}



.home-gallery-img .col-md-3{ padding:0; margin:0;}



.single-portfolio {
    position: relative;
}
/* img { */
    /* max-width: 100%; */
    /* height: auto; */
/* } */
.portfolio-img a {
    display: inline-block;
    position: relative;
}
.portfolio-view {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.single-portfolio .img-poppu::before,
.single-portfolio .img-poppu::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .5s ease 0s;
    width: 1px;
}
.single-portfolio .img-poppu:hover:before,
.single-portfolio .img-poppu:hover:after {
    background: $firstcolor;
}
.single-portfolio .img-poppu::after {
    height: 1px;
    width: 20px;
}
.single-portfolio .img-poppu {
    border: 1px solid hsl(0, 0%, 100%);
    color: hsl(0, 0%, 100%);
    display: inline-block;
    height: 50px;
    opacity: 0;
    padding: 5px 25px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: translateY(20px);
    width: 50px;
    z-index: 99;
}
.single-portfolio .img-poppu:hover {
    background: #009cf8;
    color: #fff;
}
.single-portfolio > .portfolio-img img{ width:100%;}
.single-portfolio > .portfolio-img::before {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 15px;
    content: "";
    left: 15px;
    opacity: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all .5s ease-in-out 0s;
}
.single-portfolio .portfolio-img::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
}
.single-portfolio:hover .portfolio-img::before {
    opacity: 0.8;
}
.single-portfolio:hover .portfolio-img {
    opacity: 1;
}
.single-portfolio:hover .img-poppu {
    opacity: 1;
    transform: translateY(0px);
}
.portfolio-text {
    position: absolute;
    bottom: 40px;
    left: 20px;
    opacity: 0;
    transition: all .4s;
}
.portfolio-text a h4 {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 18px;
    transition: all .5s;
}
.portfolio-text a h4:hover {
    color: #fff;
}
.portfolio-title h3 {
    line-height: 1.1;
    margin-bottom: 0.5rem;
}
.portfolio-text span {
    color: #fff;
}
.single-portfolio:hover .portfolio-text {
    opacity: 1;
    bottom: 20px;
}
.no-gutters {
    padding: 0px !important;
}
.mt-4 {
    margin-top: 2rem;
}


/* .portfolio-text .fa{ color:#fff; border:1px solid #fff; height:40px; width:40px; text-align:center; line-height:40px; font-size:20px;} */

.footer-top { padding:80px 0px;}
.footer-top h2{ font-family: 'Roboto-Light'; margin:0; padding-bottom:15px; text-transform:uppercase; }

.footer-box{ margin:20px 0px; padding:15px; background:#F5F5F5; text-align:center; min-height:125px;}
.footer-box .fa{ font-size:35px; color:#009cf8;}
.footer-box p{ font-size:14px; line-height:25px;}
.footer-box p a{ color:#333;}
.footer-box p a:hover{ color:#009cf8;}


.footer{ background:#333333; color:#ccc; padding:20px 0px;}

.footer p{ font-size:15px; margin:0; padding:7px 0px;}
.footer p span{ font-size:15px; color:#08A822;}
.footer p a{ font-size:15px; color:#ccc;}
.footer p a:hover{ font-size:15px; color:#08A822;}

.social ul{ text-align:right; margin:0; }
.social ul li{ display:inline-block; margin-left:5px;}

.social ul li .fa{ height:36px; width:36px; line-height:36px; text-align:center; background:#484848; color:#ccc;}

.social ul li .fa:hover{ background:#08A822;}

.home-ser-box:hover { transform:scale(1.02);}

.home-ser-box{    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important; margin:20px 10px; transition:all 0.2s linear; }
.home-ser-box-text{ padding:15px; text-align:center;}

.home-ser-box-text h4{font-size:16px; text-transform:uppercase;}
.home-ser-box-text h4 a{ color:#000;}
.home-ser-box-text h4 a:hover{ color:#08A822;}
.home-ser-box-text p{ min-height:88px;}

#backtotop {
	z-index: 999;
	display: inline-block;
	position: fixed;
	visibility: hidden;
	bottom: 20px;
	right: 20px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	opacity: .2
}
#backtotop i {
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit;
	background-color: #000;
border-radius: 5px;
color:#fff;
}
#backtotop.visible {
	visibility: visible;
	opacity: 1
}
#backtotop:hover {
	opacity: .5
}



.p0{ padding:0;}
.sli-btm-img{ background:#08A822;}

.sli-txt{ padding:25px; color:#fff; }
.sli-txt a{color:#fff;}
.sli-txt h4{color:#fff; font-family: 'Roboto-Light'; text-transform:uppercase; margin:0; padding-bottom:10px;}

.slider-bottom{ padding:50px 0px; margin-top:-225px; position:relative; z-index:9990;}

.page-content{ padding:50px 0px; text-align:center;}


.page-content h2 {
    position: relative;
    display: inline-block;
    font-size: 34px;
    color: #202020;
    font-weight: 700;
    padding-bottom: 10px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 35px;
	text-align:center;
}
.heading-shapes {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -5px;
    z-index: 4;
    line-height: 0px;
}
.heading-shapes i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #202020;
    margin: 0px 1px;
    -ms-transform: rotate(45deg);    
    -webkit-transform: rotate(45deg);    
    transform: rotate(45deg);
}
.heading-shapes i:nth-child(2) {
    width: 12px;
    height: 12px;
}
.heading-border {
    width: 50px;
    height: 1px;
    display: inline-block;
    clear: both;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -25px;
}
.dark-section .centered-title h2:after,
.dark-section .centered-title h2 .heading-shapes i {
    background-color: rgb(255, 255, 255);
}
.heading-border:before {
    content: '';
    width: 80px;
    height: 1px;
    display: inline-block;
    clear: both;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -90px;
}
.heading-border:after {
    content: '';
    width: 80px;
    height: 1px;
    display: inline-block;
    clear: both;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 10px;
}

.heading-shapes i:nth-child(2){ background-color:#0ba14b;}


.about p{ text-align:justify; line-height:25px;}
.about-why{ background:#f2f2f2; padding:50px 0px;}

.about-why ul li{ list-style:none; line-height:27px; margin-bottom:10px;}
.about-why ul li .fa{ color:#222f8f;}
.about-why h1{ margin:0; padding-bottom:15px; font-size:32px;}

.abt-txt p{ text-align:center;}

.services{ background:#f2f2f2;}




.sec-title {
  margin-top: -5px;
  padding-bottom: 30px;
  position: relative;
}
.sec-title h2 {
  color: #252525;
  font-size: 32px;
  font-weight: 700;
  line-height: 25px;
  text-transform: uppercase;
  margin: 0;
}
.sec-title h2 span{
  color: #d5ac63;
}
.sec-title span.decor {
  background: #009cf8 none repeat scroll 0 0;
  height: 2px;
  width: 78px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sec-title span.decor:before{
  position: absolute;
  top: -3px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #00ef54;
  border-radius: 50%;
  content: "";
}


/*----------------------------------------*/
/*  10.  Blog Area
/*----------------------------------------*/
.blog-area {}
/* Single Blog */
.sin-blog {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
.sin-blog:last-child {
  margin-bottom: 0;
}
/* Blog Image */
.blog-image{}
.blog-image a {
  display: block;
  position: relative;
}
.blog-image a:before {
  /* border: 2px solid #fff; */
  bottom: 15px;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}
.blog-image a:after {
  background-color: #fff;
  bottom: 15px;
  content: "";
  left: 15px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 15px;
  top: 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
.sin-blog:hover .blog-image a:after {
  bottom: 27px;
  left: 27px;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  right: 27px;
  top: 27px;
}
.blog-image a img {
  width: 100%;
}
/* Blog Content */
.blog-content {
  margin-top: 25px;
  position: relative;
}
.blog-content.content-column {
  margin-top: 30px;
}
.blog-content:before {
  background: rgba(0, 0, 0, 0) url("../images/services/blog-horizontal.png") no-repeat scroll center center;
  content: "";
  height: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 9;
}
.blog-content.content-left:before {
  left: -30px;
}
.blog-content.content-right:before {
  right: -30px;
}
.blog-content.content-column:before {
  left: 50%;
  margin-left: -30px;
  top: -15px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.blog-content-wrapper {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  padding: 25px 30px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.sin-blog:hover .blog-content-wrapper {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.blog-date {
  color: #909090;
  display: block;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 20px;
}
.blog-date i {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 24px;
  margin-right: 9px;
}
.blog-title {
  color: #0e983e;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.blog-title a {
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-title a:hover {
  color: #ff9900;
}
.blog-content-wrapper p {
  color: #333333;
  margin-bottom: 0;
}
/* Blog Footer */
.blog-foot {
  margin-top: 20px;
}
.blog-foot .read-more {
  color: #252525;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-foot .read-more:hover {
  color: #ff9900;
}
.blog-foot .read-more i {
  display: inline-block;
  font-size: 18px;
  left: 0px;
  line-height: 16px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: relative;
  top: 2px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-foot .read-more:hover i {
  left: 8px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-foot .blog-meta{}
.blog-foot .blog-meta a {
  color: #909090;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 24px;
  margin-right: 20px;
}
.blog-foot .blog-meta a:last-child {
  margin-right: 0;
}
.blog-foot .blog-meta a:hover {
  color: #ff9900;
}
.blog-foot .blog-meta a i {
  display: block;
  float: left;
  line-height: 24px;
  margin-right: 9px;
}
/* Blog Details */
.sin-blog-details{}
/* Blog Details Image */
.blog-details-image{}
.blog-details-image img{}
/* Blog Details Content */
.blog-details-content {
  margin: 0 100px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.blog-details-content .blog-content-wrapper {
  border: medium none;
  margin-top: -50px;
  padding: 50px;
  position: relative;
}
/* Blog Details Head */
.blog-details-head {
  margin-bottom: 25px;
}
/* Blog Top Left */
.blog-top-left{}
.blog-top-left .date {
  background-color: #ff9900;
  border-radius: 3px;
  color: #fff;
  float: left;
  font-size: 18px;
  font-weight: 700;
  height: 60px;
  margin-right: 9px;
  padding: 10px 0;
  text-align: center;
  width: 60px;
}
.blog-top-left .date span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  text-transform: uppercase;
}
.blog-top-left a {
  color: #909090;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 14px;
  margin-top: 45px;
}
.blog-top-left a:hover {
  color: #ff9900;
}
.blog-top-left a i {
  display: block;
  float: left;
  line-height: 14px;
  margin-right: 9px;
}
/* Blog Top Right */
.blog-top-right{}
/* Blog Social */
.blog-social {
  clear: both;
  float: right;
  margin-bottom: 25px;
}
.blog-social p {
  color: #909090;
  float: left;
  font-size: 13px;
  line-height: 20px;
}
.blog-social a {
  color: #909090;
  float: left;
  line-height: 20px;
  margin: 0 7px;
}
.blog-social a i {
  display: block;
  font-size: 13px;
  line-height: 20px;
}
.blog-social a:hover {
  color: #ff9900;
}
/* Blog Meta */
.blog-top-right .blog-meta{}
.blog-top-right .blog-meta a {
  color: #909090;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 14px;
  margin-right: 20px;
}
.blog-top-right .blog-meta a:last-child {
  margin-right: 0;
}
.blog-top-right .blog-meta a:hover {
  color: #ff9900;
}
.blog-top-right .blog-meta a i {
  display: block;
  float: left;
  line-height: 14px;
  margin-right: 9px;
}
/*------*/
.blog-details-title {
  color: #333333;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.blog-content-wrapper > p {
  color: #606060;
  margin-bottom: 25px;
  font-size:15px;
  line-height:25px;
}
.blog-content-wrapper > p:last-child {
  margin: 0;
}
/* Blog Author */
.blog-details-author {
  background-color: #f1f1f1;
  padding: 20px 50px;
  margin-bottom: 50px;
}
.blog-details-author img {
  border: 2px solid #fff;
  border-radius: 2px;
  display: block;
  float: left;
  margin-right: 10px;
  width: 80px;
}
.blog-details-author .content{}
.blog-details-author .content h4 {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.blog-details-author .content h4 span {
  color: #ff9900;
}
.blog-details-author .content p {
  color: #606060;
}
/* Blog Comment List */
.blog-comments {
  margin-bottom: 20px;
  padding: 0 50px;
}
.blog-comments > h3 {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 30px;
  text-transform: uppercase;
}
.comment-list{}
.comment-list li{}
.comment-list li .comment-list {
  margin-left: 67px;
}
.comment-list .sin-comment {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 25px;
}
.comment-list .sin-comment .image {
  margin-right: 25px;
  width: 67px;
}
.comment-list .sin-comment .image img{}
.comment-list .sin-comment .content{}
.comment-list .sin-comment .content h4 {
  color: #333333;
  float: left;
  font-size: 18px;
  font-weight: 600;
  margin: 0 15px 0 0;
}
.comment-list .sin-comment .content span {
  color: #333333;
  display: block;
  float: left;
  overflow: hidden;
}
.comment-list .sin-comment .content a {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  color: #606060;
  display: block;
  float: right;
  height: 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 20px;
}
.comment-list .sin-comment .content a i {
  display: block;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.comment-list .sin-comment .content a:hover {
  border-color: #ff9900;
  color: #ff9900;
}
.comment-list .sin-comment .content p {
  clear: both;
  float: left;
  margin-top: 5px;
  width: 100%;
}
/* Blog Comment Form */
.comments-form {
  padding: 0 50px 50px;
}
.comments-form > h3 {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 14px;
  margin: 0 0 30px;
  text-transform: uppercase;
}
.comments-form form {
  margin-left: -15px;
  margin-right: -15px;
}
.comments-form .input-box {
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.comments-form .input-box input {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #909090;
  font-weight: 300;
  line-height: 24px;
  padding: 6px 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.comments-form .input-box input:focus {
  border-color: #ff9900;
  color: #ff9900;
}
.comments-form .input-box-2{}
.comments-form .input-box-2 .input-box {
  width: 50%;
}
.comments-form .input-box-2 .input-box input{}
.comments-form .input-box textarea {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #909090;
  display: block;
  font-weight: 300;
  height: 100px;
  line-height: 24px;
  padding: 6px 20px;
  resize: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.comments-form .input-box textarea:focus {
  border-color: #ff9900;
  color: #ff9900;
}
.comments-form .submit-box {
  margin-bottom: 0;
}
.comments-form .submit-box input {
  background-color: #ff9900;
  border: 1px solid #ff9900;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
.comments-form .submit-box input:hover {
  background-color: transparent;
  color: #ff9900;
}


.float-left {
  float: left;
}
.float-right {
  float: right;
}



.services ul li{ list-style:none; text-align:left; font-size:15px; line-height:25px; color:#606060;}
.services ul li .fa{ color:#222f8f;}



.contact-box-icon {
    margin: 20px 0 20px;
    border-bottom: 3px dotted #eee;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.contact-icon {
    float: left;
    width: 25%;
    text-align: center;
}

.contact-icon i {
    color: #c1c1c1;
    background: #fff;
    font-size: 20px;
    border: 1px solid #c1c1c1;
    border-radius: 50px;
    padding: 13px 15px 13px 14px;
    width: 50px;
    height: 50px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.fa-phone:before {
    content: "\f095";
}
.contact-info {
    float: left;
    width: 75%;
    margin: 0px 0 20px 0px;
}

.contact-info h5 {
    font-size: 17px;
    font-weight: 600;
    color: #0093e9;
    margin-bottom: 5px;
	text-align:left;
	text-transform:uppercase;
}
.contact-info p {
    font-size: 14px;
    font-weight: normal;
    color: #676767;
    margin: 10px 0 3px;
	text-align:left;
}
.contact-info p a{color:#676767;}
.contact-info p a:hover{color:#009cf8;}
.fa-map-marker:before {
    content: "\f041";
}
.fa-envelope-o:before {
    content: "\f003";
}


.contact-box-icon:hover .contact-icon i {
       background: #009cf8;
    color: #fff;
    border: 1px solid #009cf8;
}

.contact label{ text-align:left!important; float:left;}

.form-control{ border-radius:0;     padding: 21px 15px;
}


.map-container {
        width: 100%;
      }
      .map-container iframe{
        width: 100%;
        display: block;
        pointer-events: none;
        position: relative;
        /* IE needs a position other than static */
      }
      .map-container iframe.clicked{
        pointer-events: auto;
      }





.filtr-item {
    padding: 1rem;
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding: 1rem 2rem;
}
.simplefilter li {
    background-color: #585858;
}
.simplefilter li.active {
    background-color: #303f95;
}
.simplefilter li:hover {
    background-color: #303f95;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}

.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/* Search control */
.search-row {
    margin-left: 2.5rem;
}
.filtr-search {
    padding: 0.5rem;
    text-transform: uppercase;
}



.au2-img {
  position: relative;
  
}


.au2image {
  display: block;
  width: 100%;
  height: auto;
}

.au2-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.au2-img:hover .au2-overlay {
  width: 100%;
}

.auo2-o-icon i {
  color: white;
  font-size: 40px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.auo2-text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 90%;
  left: 45%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.auo2-text a h4{
    
    font-weight: 500;
    font-size: 24px;
    color: #ffffff;
}

.auo2-text p {
    color: #d7d7d7;
    font-weight: 100;
    text-align: left;
    font-size: 14px;
}



.gallery{ background:#f2f2f2;}


.project-box-text{ padding:50px; background:#3c3a3a; color:#fff; height:430px;}
.project-box-text:hover{ background:#009cf8; color:#fff;}
.project-box img{ height:430px; width:100%;}


.project-box-text ul li{ text-align:left;  margin-bottom:10px; list-style:none;}
.project-box-text h3{ text-transform:uppercase; margin:0; padding-bottom:15px;}
.project-box-text h4{ text-align:left;  margin:0; padding-top:20px; padding-bottom:15px;}

.project-box-text p{ text-align:justify; line-height:25px;}


.projects{ background:#f2f2f2;}







.tab_wrapper {
  margin: 10px 0 20px;
  display: inline-block;
  width: 100%;
  position: relative;
}

.tab_wrapper > ul {
  clear: both;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #49a4d9;
}

.tab_wrapper > ul li {
  float: left;
  cursor: pointer;
  font-weight: normal;
  padding: 8px 18px;
  text-transform: uppercase;
  border: 1px solid #ccc;
  font-size: 1.05em;
  border-bottom: 0;
  position: relative;
  border-top: 3px solid #ccc;
  color: #999;
  margin: 0 5px 0 0;
   font-family: 'Roboto-Bold';
}

.tab_wrapper > ul li.active {
  border-color: #0ba14b;
  color: #0ba14b;
}

.tab_wrapper > ul li.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  left: 0;
  background: #fff;
  width: 100%;
}

.tab_wrapper .controller {
  display: block;
  overflow: hidden;
  clear: both;
  position: absolute;
  top: 0;
  right: 0;
}

.tab_wrapper .controller span {
  padding: 8px 22px;
  background: #49a4d9;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}

.tab_wrapper .controller span.next {
  float: right;
  margin-left: 10px;
}

.tab_wrapper .content_wrapper {
  float: left;
  width: 100%;
  border: 1px solid #49a4d9;
  border-top: 0;
  box-sizing: border-box;
}

.tab_wrapper .content_wrapper .tab_content {
  display: none;
  padding: 15px 20px;
}

.tab_wrapper .content_wrapper .tab_content.active { /* display: block; */
}

.tab_wrapper .content_wrapper .tab_content .error { color: red; }

.tab_wrapper .content_wrapper .accordian_header {
  display: none;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  position: relative;
  cursor: pointer;
}

.tab_wrapper .content_wrapper .accordian_header.active {
  color: #49a4d9;
  border-bottom: 1px solid #ccc;
}

.tab_wrapper .content_wrapper .accordian_header.active:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 100%;
  background: #49a4d9;
}

.tab_wrapper .content_wrapper .accordian_header .arrow {
  float: right;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  border-radius: 2px;
  transform: rotate(-135deg);
  background: #f2f2f2;
  border-top: 3px solid #ccc;
  border-left: 3px solid #ccc;/* &:after{
  	position: absolute;
  	top: 0;
  	content: "";
  	left: 0;
  	width: 10px;
  	height: 10px;
  	background: $white;
  	border-top: 3px solid $border_color;
  	border-left: 3px solid $border_color;
  } */
}

.tab_wrapper .content_wrapper .accordian_header.active .arrow {
  transform: rotate(45deg);
  margin-top: 5px;
  border-top: 3px solid #49a4d9;
  border-left: 3px solid #49a4d9;
}

.tab_wrapper.left_side > ul {
  width: 25%;
  float: left;
  border-bottom: 1px solid #ccc;
}

.tab_wrapper.left_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
}

.tab_wrapper.left_side > ul li:after {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}

.tab_wrapper.left_side > ul li.active { border-color: #ccc; }

.tab_wrapper.left_side > ul li.active:after {
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #49a4d9;
}

.tab_wrapper.left_side > ul li.active:before {
  right: -1px;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}

.tab_wrapper.left_side .content_wrapper {
  width: 75%;
  border: 1px solid #ccc;
  float: left;
}

.tab_wrapper.left_side .controller { top: -50px; }

.tab_wrapper.right_side > ul {
  width: 25%;
  float: left;
  border-bottom: 1px solid #ccc;
  list-style:none;
}

.tab_wrapper.right_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  /* border-left: 0; */
  text-align: right;
}

.tab_wrapper.right_side > ul li:after {
  right: 0;
  left: inherit;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}

.tab_wrapper.right_side > ul li.active { border-color: #ccc; }

.tab_wrapper.right_side > ul li.active:after {
  right: 0;
  left: inherit;
  top: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #0ba14b;
}

.tab_wrapper.right_side > ul li.active:before {
  left: -2px;
  right: inherit;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #0ba14b;
}

.tab_wrapper.right_side .content_wrapper {
  width: 75%;
  float: left;
  border: 1px solid #ccc;
}

.tab_wrapper.right_side .controller { top: -50px; }

.tab_wrapper.accordion .content_wrapper { border-color: #ccc; }

.tab_wrapper.accordion .content_wrapper .accordian_header { display: block; }

.tab_wrapper.accordion > ul { display: none; }
 @media only screen and (max-width: 767px) {

.tab_wrapper > ul { display: none; }

.tab_wrapper .content_wrapper { border: 0; }

.tab_wrapper .content_wrapper .accordian_header { display: block; }

.tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {
  width: 100%;
  border-top: 0;
}

.tab_wrapper .controller { display: none; }
}








@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f055";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f056";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}


.gallery h4{ text-align:left;}
.gallery  h3{ text-transform:uppercase; color:#232b92;}




#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
   
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
 
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    max-width:100%;
  
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}
















/* MEDIA QUERY */

@media (max-width: 767px) {

.top-head{ position:inherit; background:#000;}	
	

.slider-bottom{ padding:50px 0px; margin-top:0px; position:relative; z-index:9990;}	
	.sli-btm-img  .row{padding:0; margin:0;} 
.sli-btm-img img{ width:100%;}
.ser-inner-img img{ margin:0 auto;}
	
.footer p{ text-align:center;}	
.social ul{ text-align:center;}
.portfolio-img img{width:100%;}



.blog-image {
  margin-bottom: 30px;
}
.blog-content {
  margin: 0;
}
.blog-content::before {
  left: 50% !important;
  right: auto;
  top: -15px;
  transform: translateX(-50%) rotate(90deg);
}
.blog-foot .blog-meta {
  float: left;
  margin-top: 15px;
}

.project-box img{ height:inherit; width:100%;}

.project-box-text{ padding:50px; background:#3c3a3a; color:#fff; height:inherit;}
.simplefilter li, .multifilter li, .sortandshuffle li{ width:100%; margin-bottom:1px;}




	
	
}


@media (min-width: 768px) and (max-width: 991px) {
	
	.sli-txt h4{ font-size:17px;}
	.portfolio-text a h4{ font-size:12px;}
	
	.footer-box p{ font-size:12px;}
	.footer p{ text-align:center;}
	
	
	
.blog-image {
  margin-bottom: 30px;
}
.blog-content {
  margin: 0;
}
.blog-content::before {
  left: 50% !important;
  right: auto;
  top: -15px;
  transform: translateX(-50%) rotate(90deg);
}
.blog-foot .blog-meta {
  float: left;
  margin-top: 15px;
}

.about img{ margin:0 auto; padding-bottom:20px;}
	.project-box img{ height:inherit; width:100%;}

.project-box-text{ padding:50px; background:#3c3a3a; color:#fff; height:inherit;}
	
.simplefilter li{ margin-bottom:10px;}	
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.sli-txt h4{ font-size:14px;}
	.sli-txt a{ font-size:12px;}
	
	.services ul li{ font-size:12px;}
	
	.blog-content-wrapper > p{ font-size:14px; line-height:22px;}
	
}