@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,400i,600,600i,700');
.inner {
  min-height: 155px;
}


#w0-success-0 {
  font-size: 18px;
  opacity: 1;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 9999;
}
#w0-error-0 {
  font-size: 18px;
  opacity: 1;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 9999;
}
.affix {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    background-color: #008ecd none repeat scroll 0 0 !important;
    padding: 0 !important;
}
.navbar.navbar, .navbar-default.navbar {
	background-color: #1B456F;
}
.main-feature-gray {
	background: #fff;
	padding: 30px 0 !important;
}
.main-feature-gray .section-header{text-align:left;}
.hero-area .affix-top {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.btn-primary:not(.btn-link):not(.btn-flat) {
    background:#00aeed !important;
}
.btn-primary:not(.btn-link):not(.btn-flat) {
	background-color: #009688;
	color: #EC9535;
	border: 3px solid #EC9535 !important;
	background: transparent !important;
}
.btn.btn-primary.back-to-top {
	border-radius: 50%;
	display: none;
}
.features-text .icon i {
    color: #00AEED!important;

}
.features #features .features h4 {
    color: #00AEED !important;
 
}
#screenshot {
	padding-bottom: 0;/* 
	background: rgba(22, 82, 142,0.9); */
}
#screenshot .section-title{color:#222;}
#screenshot .section-subtitle{color:#222;}
#cta {
	background: transparent;
}
#contact .info .icon i {
    color: #fff;
    font-size: 36px;
}
#footer .col-md-3.col-sm-6.col-xs-12 > ul {
    float: left;
}
#copyright .copyright-text a {
    color: #fff !important;
    transition: all 0.2s ease 0s;
}
#copyright .copyright-text a:hover {
    color: #00aeed !important;
}
#why .pull-left.content > p {
	text-align: justify;
	font-family: 'Josefin Sans', sans-serif !important;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
#footer .col-md-3.col-sm-6.col-xs-12 p {
	color: #2e3c40 !important;
	font-size: 18px;
	line-height: 27px;
	padding-bottom: 10px;
	font-family: 'Josefin Sans',! sans-serif important;
}
.readmore {
    color: #fd9030 !important;
}
.readmore:hover{
    color: #333333 !important;
}

.form-control:focus, .form-control.focus {
    background-image: linear-gradient(#00AEED, #00AEED), linear-gradient(#00AEED, #00AEED);
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    outline: medium none;
    transition-duration: 0.3s;
}
#footer ul li a {
	color: #2e3c40 !important;
	font-size: 18px;
	line-height: 26px;
	padding-bottom: 10px;
	font-family: 'Josefin Sans',!sans-serif important;
	text-transform: capitalize;
}
.form-control {
	height: 57px !important;
	border-radius: 0px !important;
	margin-bottom: 15px !important;
	padding-bottom: 0;
}
.contact-form .btn.btn-primary {
	padding: 18px 30px;
}
.wow .row{padding:0px;}
.col-md-7.wow.fadeInRight {
	padding: 0;
}
#footer .row {
    padding-top: 0;
}
#copyright {
	padding: 49px 0px 55px;
	background: #F4F4F4;
}
/***vedio****/


	
.homepage-hero-module {
border-right: none;
border-left: none;
position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
	position: relative;
	bottom: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: #000;
	background: url(../img/banner.jpg) !important;
	height: 100vh;
}
.contactus{background: url(../img/contact-1.jpg) !important; margin-bottom:30px; background-size:cover !important;}
.portfolio{background: url(../img/portfolio-1.jpg) !important; margin-bottom:30px; background-size:cover !important;}
.about-us{background: url(../img/about-us.jpg) !important; margin-bottom:30px; background-size:cover !important;}
.android{background: url(../img/android.jpg) !important; margin-bottom:30px; background-size:cover !important;}
.iphone{background: url(../img/iphone.jpg) !important; margin-bottom:30px;background-size:cover !important;}
.webdes{background: url(../img/webdes.jpg) !important; margin-bottom:30px; background-size:cover !important;}
.technology{background: url(../img/technologies-1.jpg) !important; margin-bottom:30px;background-size:cover !important;}
.marketing{background: url(../img/marketing.jpg) !important; margin-bottom:30px;background-size:cover !important;}

 .contactus .title-container , .portfolio .title-container , .about-us .title-container , .technology .title-container{
  top: 40% !important;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 9;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: relative;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}
.video-container .title-container {
	color: #fff;
	position: absolute;
	text-align: center;
	top: 32%;
	width: 100%;
	z-index: 99;
}
.hero-area {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #fff;
    overflow: hidden;
    padding: 0 !important;
}	
.menu-icon {
	margin-top: 20px !important;
}
.show-menu .content-wrap {
    transform: none !important;
    transition-delay: 0.1s;
}
.navbar .navbar-right {
	float: right;
}
#main-features .col-md-8.col-sm-8.wow.fadeInLeft {
    padding-top: 35px;
}
.contact-area {
	float: left;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 32px !important;
	height: 4px !important;
	border-radius: 11px !important;
	margin: 5px 0px;
}

.navbar-toggle {
	padding: 3px 7px !important;
	margin-right: 0px !important;
	border-radius: 7px !important;
}

@media (max-width:767px) {
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: none !important;
}
.btn.btn-primary.back-to-top {
	border-radius: 50%;
	text-align: center;
	background: #ff9000 !important;
	color: #fff;
	border-color: #fff !important;
}
.navbar .navbar-header {
	height: 77px;
	width: 100%;
}
.navbar-brand > img {
	width: 104px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	width: 100%;
}
.nav > li {
	width: 100%;
}
.navbar-inverse .navbar-toggle {
	border: 1px solid #fff !important;
	margin-top: 17px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: transparent !important;
	border: 1px solid #fff;
}
#bs-example-navbar-collapse-1 {
	background-color: rgba(22, 82, 142,0.9) !important;
	width: 100% !important;
	margin: 0px !important;
}
}

.btn-lg, .btn-group-lg > .btn {
	padding: 9px 8px !important;
}

/*****video*****/