/* ==== Google font ==== */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome.css');
/*******Typography******/

body { background: #fff; font-family:'Roboto', Arial, sans-serif; color:#333; line-height:1.6em; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 { font-weight:500; font-family:'Roboto'; color:#000;}
h1{font-size: 36px; color:#fff;}
h2{font-size:30px;}
h3{font-size: 16px; color: #787878; font-weight: 400; line-height: 24px;}
h4{font-size: 16px;}
a { color: #0BA9F9; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms;  transition:  color 300ms, background-color 300ms;}
a:hover, a:focus { color:rgba(0,0,0,.85); text-decoration:none;}
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;}
.btn-primary {margin-top:30px;}
.btn { display: inline-block; padding: 10px 20px; margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 4px;  background-color: #0BA9F9;}
.btn:hover {color: #fff;background-color: #0BA9F9;border-color: #0BA9F9;}
/*************************
*******Header******
**************************/
.modal-open .modal {
    z-index: 999999;
}
.logo-nav{width:100%; height:auto; overflow:hidden;  position:relative;   background-color: #f5f5f5;}
.logo-nav .navbar{padding:0px;}
.logo-wrap{width:100%; height:auto; overflow:hidden;}
.logo-wrap img{width:90%; height:auto;}
.nav>li>a{color:#000; line-height:50px;}
.navbar-fixed-top .navbar-toggle .icon-bar { background-color: #000;}
.navbar>.container .navbar-brand{ margin-left: 0;}
.ekko-lightbox-nav-overlay{position:absolute; top:50%; width:95%;}
.ekko-lightbox-nav-overlay .glyphicon-chevron-right{float:right;}
.ekko-lightbox-nav-overlay .glyphicon{color:#fff;}
.navbar-brand { padding: 0;  margin:0;}
.navbar-header a.navbar-brand { color:#111; font-family:'Roboto';}
.navbar-header a.navbar-brand:hover{ color:#fff;}
.navbar {border-radius: 0; margin-bottom: 0; background: #151515;     background: #f5f5f5; padding: 0 0 20px;}
.navbar-nav{ margin: 0;}
.logo-nav .navbar-nav>li {
    margin-left: 0;
    padding-bottom: 0;
}
.navbar-brand > img { width: 80%; margin-top: 15px;}
.logo{ max-width:34%}
.carousel-inner {width: 100%; margin-top:0px;}
.navbar-fixed-top .navbar-nav > li > a {padding: 5px 12px; margin:0; border-radius: 3px;color: #111;line-height: 24px;display: inline-block;text-transform: ;font-weight: 500; font-size: 15px; font-family: 'arial';}
.adust img{ margin-top:20px;}
.navbar-fixed-top .navbar-nav > li > a:hover{background: #626365; color:#fff;}
.navbar-fixed-top { border: none; background: #EEE9;}
.navbar-fixed-top .navbar-brand { font-size: 36px; line-height: 50px; color: #fff;}
.navbar-fixed-top .navbar-nav > .active > a, .navbar-fixed-top .navbar-nav > .active > a:hover, .navbar-fixed-top .navbar-nav > .active > a:focus, .navbar-fixed-top .navbar-nav > .open > a, .navbar-fixed-top .navbar-nav > .open > a:hover, .navbar-fixed-top .navbar-nav > .open > a:focus { background-color: #111; color: #fff;}
/*************************
*******Slider******
**************************/
.item img { width: 100%;}
.slider {position: relative; padding-top:0px;}
#carousel-slider { position: relative;}
#carousel-slider .carousel-indicators { bottom: -25px;}
#carousel-slider .carousel-indicators li { border: 1px solid #ffbd20;}
#carousel-slider a i { border: 1px solid #0BA9F9;  border-radius:50%;  font-size: 30px;  height: 50px;  padding: 8px;  position: absolute;  top: 50%;  width: 50px;  color:#0BA9F9;}
#carousel-slider a i:hover {  background:#e9d399;  color:#fff;  border: 1px solid #0BA9F9;}
#carousel-slider .carousel-control {  width:inherit;}
#carousel-slider .carousel-control.left i {  left:50px;  top:180px;}
#carousel-slider .carousel-control.right i {  right: 50px;  top:180px;}
#carousel-slider .carousel-control.left, #carousel-slider .carousel-control.right {  background: none;}
.carousel-caption { position: absolute;  right: 15%; bottom: 150px; font-size:40px; left: 15%; z-index: 10; padding-bottom: 0px; color: #fff; text-align: center;}
.carousel-caption  h2 {font-size:60px;color: #0BA9F9;}
.carousel-caption  h2 span {font-size:60px;	color: #fff;}
.carousel-caption  p { font-size:30px; margin-top:30px; color:#fff;}
.carousel-inner .form-inline .form-group button[type="livedemo"]{padding:20px 60px;	font-size:25px;	background:#0BA9F9; color:#fff;}
.carousel-inner .form-inline .form-group button[type="livedemo"]:hover {color:#0BA9F9;background:#fff;	-webkit-transition: color 300ms, background-color 300ms;  -moz-transition: color 300ms, background-color 300ms;  -o-transition:  color 300ms, background-color 300ms;  transition:  color 300ms, background-color 300ms;}
.carousel-inner .form-inline .form-group button[type="getnow"]{	padding:20px 60px;	font-size:25px;	background:#fff;	color:#0BA9F9;}
.carousel-inner .form-inline .form-group button[type="getnow"]:hover {	color:#fff;	background:#0BA9F9;	-webkit-transition: color 300ms, background-color 300ms;  -moz-transition: color 300ms, background-color 300ms;  -o-transition:  color 300ms, background-color 300ms;  transition:  color 300ms, background-color 300ms;}
/*************************
*******feature******
**************************/
#about{		background:#fff;padding:60px 0;}
#about h2::after { display: block; content: ""; background-color: red; width: 5px; height: 35px; position: absolute; top: 19px; left: 626px;}
#about h2{ font-size: 24px;}
.hi-icon-effect {padding-bottom:30px;padding-left:10px;	padding-right:10px;}
.hi-icon-effect:hover {	border-radius:6px;	background:#f4f4f4;	-webkit-transition: color 300ms, background-color 300ms;  -moz-transition: color 300ms, background-color 300ms;  -o-transition:  color 300ms, background-color 300ms;  transition:  color 300ms, background-color 300ms;}
.hi-icon-effect i.fa:hover {background:#EEE;color: #e9d399;	-webkit-transition: color 300ms, background-color 300ms;  -moz-transition: color 300ms, background-color 300ms;  -o-transition:  color 300ms, background-color 300ms;  transition:  color 300ms, background-color 300ms;}
/*.text-center i {font-size:30px;	margin-top:50px;	margin-bottom:30px;	color:#fff;	padding:50px;	background:#e9d399;	border-radius:50%;}*/
.text-center h2 {margin-top:20px;	margin-bottom:20px;}
.text-center h3 {font-size:35px;	margin-top:50px;	margin-bottom:20px;	color:#111;}
.text-center p {margin-bottom: 10px;font-size: 17px;line-height: 30px;margin-top: 10px;}
.text-center.foot {    background-color: #e6e6e6;    display: inline-block;    width: 100%;}
/*services*/
#infra h2 { padding: 50px 0 0;}
#gallery { padding-bottom:40px;	background:#f4f4f4;}
#gallery img { border-radius: 8px; margin: 0 auto 50px;	opacity: 0.9; width: 80%;}
#gallery h2{ margin-bottom:0;}
#gallery h2::after { display: block; content: ""; background-color: red; width: 40px; height: 5px; position: relative; top: 5px; left: 48%;}
#gallery img:hover {opacity: 1 !important;}
.effect-chico p { text-align: center; font-size: 20px; margin-bottom: 20px; color: #550101;}
.gallery { margin-top:60px;	margin-bottom:30px;}
#gallery .text-center {	padding-top:50px;	padding-bottom: 30px;}
figure.effect-chico img {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale(1.12);	transform: scale(1);}
figure.effect-chico:hover img {	opacity: 0.5;	-webkit-transform: scale(1);	transform: scale(1.03);}
.plan-action {  height: 40px;}
.wow h2 {color: #fff!important;}
.wow p:nth-child(1) {color: #FFF;font-weight: 400;}
#header .container {padding-left: 0; padding-right: 0;}
.iconset ul li { margin-left: 30px;}
.container.iconset .fa { position: absolute; float: left; margin-left: -35px; font-size: 20px;}
#contact {background: url(../img/gearsg.jpg); background-size: cover; background-attachment: fixed; width: 100%; height: auto; overflow: hidden; padding: 50px 0px;}
.condt { padding: 0 0 70px !important;}
.active{ background-color:#000b5d; }
li.active a {color: white;}
#contact p {color: #fff;}
#contact .text-center {	padding-top:20px; margin-bottom:30px; padding-bottom:10px;}
ul{list-style-type:none;}
.btn-primary {color:#000; background-color: #e9d399; transition:ease all 0.3s;}
.btn-primary:hover{background-color: #cc5943; border-color: #a33c29;}
.footman h2 { margin-top: 60px;}
.footman .row{ margin-bottom:60px !important;}
.footman h2::after { display: block; content: ""; background-color: red; width: 40px; height: 5px; position: relative; top: 5px; left: 48%;}
.footman h3 { margin-left: 35px; font-size: 20px; color: #000; border-left: 2px solid #e80303; padding-left: 10px;}
#contact ul {	list-style:none;	margin-left:-40px;	font-size:13px;}
#contact ul li {list-style-type:none;}
#contact h2 {color:#000;margin-bottom:30px;	}
.form-inline {	margin-top:15px;	margin-bottom:15px;}
.form-inline .form-group input[type="name"]{margin-top:10px;border-radius:4px;border-radius:6px;}
.form-inline .form-group input[type="email"]{margin-top:10px;	border-radius:6px;	padding:5px 20px;}
.container-flued button {left: 10%;}
.sub-footer form {margin-top:60px;margin-bottom:30px;}
.sub-footer .form-inline .form-group button[type="purchase"] {padding:20px 90px;font-size:25px;}
.sub-footer .form-inline .form-group button[type="purchase"]:hover {background:#fff; color:#0BA9F9;	-webkit-transition: color 300ms, background-color 300ms;  -moz-transition: color 300ms, background-color 300ms;  -o-transition:  color 300ms, background-color 300ms;  transition:  color 300ms, background-color 300ms;}
.sub-footer .form-inline .form-group button[type="subscribe"] {	padding:20px 90px;	font-size:25px;	background:#fff;	color:#0BA9F9;	border-color: #0BA9F9;}
.sub-footer .form-inline .form-group button[type="subscribe"]:hover {background:#0BA9F9; color:#fff;	-webkit-transition: color 300ms, background-color 300ms;  -moz-transition: color 300ms, background-color 300ms;  -o-transition:  color 300ms, background-color 300ms;  transition:  color 300ms, background-color 300ms;}
ul.social-network {	list-style:none; margin-top:20px; padding:10px;	transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;}
.social-icon {text-align:center;	padding-bottom:10px; padding-top:30px; background-color:#F4F4F4;}
ul.social-network li {	display:inline;	margin: 0 18px;	font-size:25px;	}
ul.social-network li a {color:#848484;	text-align:center;}
.social-network li:hover .fa-twitter {  color: #00abf0;}
.social-network li:hover .fa-facebook {  color: #39579a;}
.social-network li:hover .fa-google-plus {  color: #eb8984;}
.social-network li:hover .fa-pinterest {  color: #c9171e;}
.social-network li:hover .fa-linkedin {  color: #0077b5; }
.social-network li:hover .fa-youtube-play {  color: #C84941; }
.social-network li:hover .fa-dribbble {  color: #EA4C89 ; }
.social-network li:hover .fa-pinterest-square {  color: #EA4B49;}
.foot{background-color:#EEE;}
.footman form { margin-top: 54px;}
.gallery-section{width:100%; height:auto; overflow:hidden; float:left; padding:60px 0px;}
.gallery-pic {
    width: 100%;
    height: auto; background:#333;
    margin: 15px 0px; position:relative;
    border: solid 1px #828282;
}
.icon-wrap {
    width: 100%;
    opacity: 0;
    height: 30px;
    transition: .5s all ease-in;
    position: absolute;
    top: 40%;
    left: 0; 
    z-index: 999;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.icon-wrap a .fa{color:#fff; font-size:20px; transition:.5s all ease-in;}
.gallery-pic img{width:100%; height:auto; transition:.5s all ease-in;}
.gallery-pic:hover .icon-wrap{opacity:1; transition:.5s all ease-in;}
.gallery-pic:hover img{opacity:.5; transition:.5s all ease-in;}
/*Contact Us*/
.contact-us{ display:block; }

.sasa .col-md-6.wow.fadeInUp.animated{ margin-left:25%;}
.headback{ background:url(../img/slidenew21.jpg) no-repeat; background-size:cover; background-position:center;}
.headback h1{ padding:50px 0; margin-top:0;}
/*dropdown popup*/
.dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none;	transition:ease all 0.3s;}
.dropup { position: relative; display: inline-block;	transition:ease all 0.3s;}
.dropup-content { display: none; position: fixed; background-color: #f1f1f1; min-width: 160px; z-index: 1;}
.dropup-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropup-content a:hover {background-color: #ccc}
.dropup:hover .dropup-content { display: block;}
.dropup:hover .dropbtn { background-color: #3e8e41;}
/*dropdown popup*/
/*Contact us*/
@media only screen and (max-width:767px)
{     
	.navbar-fixed-top .navbar-nav li a {padding: 5px 100px; margin: -10px;border-radius: 3px;color: #111;line-height: 24px;display: inline-block; text-transform: ; font-weight: 500; font-size: 16px; font-family: 'arial';}
	.navbar-toggle {position: relative;float: right; padding: 10px 10px; margin-top: 0px;  margin-right: 20px;  margin-bottom: 15px;   background-color: #bf404000; background-image: none; border:2px solid #000; border-radius: 5px;}
.navbar{margin:0px; padding:0px;}
.navbar-brand {
    height: auto;
    padding: 10px 20px;
}
.navbar-brand img{margin:0px;}
.navbar-toggle{
    margin-right: 20px;
margin-top: 10px; margin-bottom:10px;}
.logo {
    max-width: 50%;
}
#carousel-slider .carousel-indicators{bottom:0px;}
.navbar-nav>li{margin:0px; padding:0px;}
.navbar-toggle .icon-bar{background-color:#000;}
.logo-wrap {
    width: 120px;
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 99;
    top: 12px;
}
.nav>li>a {
    color: #000;
    line-height: 10px;
    padding: 10px 0px;
}
#about {
    background: #fff;
    padding: 20px 0;
}
.navbar-collapse{padding:0px;}
.sasa .col-md-6.wow.fadeInUp.animated{margin-left:0px;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

.logo-nav .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 6px;
}
.logo-nav .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;
    font-size: 12px;
    line-height: 31px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.navbar-nav>li>a{line-height: 39px;}
}
@media only screen and (min-width: 767px) 
{
.sticky{position:fixed; top:0; left:0px; transition:.5s all ease-in; z-index:999999; transition:.5s all ease-in; box-shadow: 0 2px 3px #888;}
.sticky .phone{display:none;}
.sticky .logo {padding: 0; transition: .5s all ease-in; width: 310px;}
.sticky #nav_wrapper ul.menu li a{ height: 50px; line-height: 50px; transition: .5s all ease-in; }

.sticky .scroll-down{display:none;}

}