body{
	overflow-x:hidden;	
}
header{padding:0px 0px;}
header hgroup{
display:inline-block;	
vertical-align:middle;
float:right;
}
header hgroup h1{margin:0px;line-height:80px;}
header nav{
display:inline-block;
float:left;
vertical-align:middle;
}
header nav ul li{
display:inline-block;
margin:20px 0;
}
header nav ul li:last-child{
border-right:none;
}


header nav ul li a {
 
  box-sizing: border-box;
  color: #fff;
  float: left;

  
  
  text-align: center;
}
header nav ul li a img{
	height:60px;	
}



.fixed {
position:fixed;
top:-90px;
left: 0;
right: 0;
z-index:999;
transition:0.4s top cubic-bezier(.3, .73, .3, .74);

}
.fixed.slideDown {
top:0;
background-color:#fff;
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);

}
hgroup a {
  display: block;
  padding: 20px 0;
  color:#e51a4b;	
}

/* Tab Menu CSS */
@mixin ellipsis(){
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
}

@mixin icon-styles(){
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@mixin transform($transform){
  -webkit-transform: $transform;
  -moz-transform: $transform;
  -ms-transform: $transform;
  -o-transform: $transform;
  transform: $transform;
}

@media screen and (max-width: 479px) {
	h3, .h3 {
	font-size: 17px;
}
  .nav-tabs-responsive {
    > li {
      display: none;
      width: 23%;
      > a {
        @include ellipsis();
        width: 100%;
        text-align: center;
        vertical-align: top;
      }
      &.active {
        width: 54%;
        &:first-child {
          margin-left: 23%;
        }
      }
      &.active,
      &.prev,
      &.next {
        display: block;
      }
      &.prev,
      &.next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
      }
      &.next > a,
      &.prev > a {
        -webkit-transition: none;
        transition: none;
        .text {
          display: none;
        }
        &:after,
        &:after {
          @include icon-styles();
        }
      }
      &.prev > a:after {
        content: "\e079";
      }
      &.next > a:after {
        content: "\e080";
      }
      &.dropdown {
        > a > .caret {
          display: none;
        }
        > a:after {
          content: "\e114";
        }
        &.active > a {
          &:after {
            display: none;
          }
          > .caret {
            display: inline-block;
          }
        }

        .dropdown-menu {
          &.pull-xs-left {
            left: 0;
            right: auto;
          }
          &.pull-xs-center {
            right: auto;
            left: 50%;
            @include transform(translateX(-50%));
          }
          &.pull-xs-right {
            left: auto;
            right: 0;
          }
        }
      }
    }
  }
}



/**
 * Demo Styles
 */

.wrapper {
  padding: 15px 0 0 0;
}

.bs-example-tabs .nav-tabs {
 
}

@media (max-width: 479px) {
	h3, .h3 {
	font-size: 17px;
}
  #narrow-browser-alert {
    display: none;
  }
}
.nav.nav-tabs.nav-tabs-responsive {
  margin: 0 auto;
  width: 60%;
}

/* Line CSS */
.title-line-4.align-center {
  float: none;
  height: 2px;
  margin: 0 auto 25px;
  padding: 0;
  width: 34px;
}
.title-line-4 {
  background-color: #161616;
  float: left;
  height: 2px;
  margin: 0 auto 60px;
  padding: 0;
  width: 34px;
}

/* My CSS */
.top_header_bg{background-color:#333333; padding:8px 0;}
.top1 ul{padding:0;}
.top1 li{color:#fff; list-style:none;}
.top2 ul{float:right;}
.top2 li{color:#fff; list-style:none;}
.carousel-caption h2 {font-size: 30px;line-height: 50px; font-weight:bold;    margin: 10px 0px;}
.feature__section{padding:25px 0;}
.service_margin{margin:3% 0;}
.get_in_touch1 {border-bottom: 1px solid; border-top: 1px solid; color: #fff; font-size: 18px; padding: 5px 0; text-decoration: none;}
.website_section{background-color:#2E3336; padding:50px 0;}
.website_service li{color:#fff; line-height:50px; font-size:18px; margin-bottom:20px; list-style:none;}
.website_service li i{color:#09B01C;}
.live_section{padding:25px 0 0 0;}
.portfolio_wrap{background-color:#F1F3F2; padding-top:50px;}
.client_section{padding:50px 0;}
.footer_section{background-color:#282828; padding:15px 0;}
.footer_section p{color:#727070;}
.send-btn { background-color: #4387f5; border: medium none; color: #fff; padding: 10px 25px;}
.signup_scroll {height: 415px;  background: #F1F3F2; position: fixed; bottom: -415px; right: 0; padding:25px; z-index:9;box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }
#hideshow {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 999;
}
.fill{
    background-position: top center;	
}
.text-red{
	color:#e51a4b;	
}
.contact-opener{
	left: -85px;	
	right:auto;
}
.floating-form{
	position:static;
	top:0;
	float: right;
}
.text-blue{
color:#09F;		
}
.text-green{
	color:#2d5aff;	
}
.text-white{
	color:#fff;	
}
.carousel-caption {
       right: auto;
    left: 0px;
    padding-bottom: 40px;
    max-width: 100%;
    padding: 0px 15px;
    bottom: auto;
	top:30px;
}
.floating-form .tel-number-field{
	text-align:left !important;	
}
.text-yellow{
	color:#e5d51a;	
}
.logo2{
	height:75px;	
}


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1300ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1300ms;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1300ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@media screen and (min-width: 768px){
.carousel-caption {
    right: auto;
    left: 0px;
    padding-bottom: 30px;
    max-width: 60%;
	padding:0px 15px;
	 bottom: auto;
	top:30px;
	text-align:left !important;
}
}
@media screen and (max-width: 767px){
	.floating-form{
		position: static;
    width: 100%;
    max-width: 100%;	
	}
}
@media screen and (max-width: 699px){
	header hgroup{
		display:block;
		text-align:center;	
	}
	hgroup a{
		padding:0px;	
	}
	header nav{
		width:100%;
		    text-align: center;	
	}
	.logo2{
		height:auto;	
	}
	header nav ul li{
		margin:10px 0px;	
	}
	header nav ul{
		padding:0px;
		margin:0px;	
	}
}
@media screen and (max-width:442px){
	h3, .h3 {
	font-size: 17px;
}
	header hgroup h1{
		    font-size: 22px;	
	}
}
@media screen and (max-width: 402px){
	h3, .h3 {
	font-size: 17px;
}
	.carousel{
		height:930px;	
	}
	
}
@media screen and (max-width: 640px){
	h3, .h3 {
	font-size: 17px;
}
	.carousel{
		height:802px;	
	}
	
}
@media screen and (max-width: 366px){
	h3, .h3 {
	font-size: 17px;
}
	.top2 ul{
		width: 100%;
    padding: 0;
    margin: 0;	
	}
}
@media screen and (max-width: 362px){
	h3, .h3 {
	font-size: 17px;
}
	 .btn.btn-default.btn-lg{
			font-size:15px; 
	 }
	 .carousel-caption h2.text-yellow{
	font-size:22px;
}
}
@media screen and (max-width: 340px){
	h3, .h3 {
	font-size: 17px;
}
	
	

}

.business-100{font-size:60px; font-weight:bold; line-height:50px;}

@media only screen and (min-width : 960px) and (max-width : 1200px)
{
.mob-txt{font-size: 14px;}	
}

@media only screen and (min-width : 768px) and (max-width : 960px){
.business-100{font-size:48px; font-weight:700; line-height:46px;}


}

@media only screen and (min-width : 480px) and (max-width : 767px){
.business-100{font-size:36px; font-weight:700; line-height:46px;}
}

@media only screen and (max-width : 479px){
.business-100{font-size:36px; font-weight:700; line-height:46px;}	

}