@import url("default-theme-style.css");



@import url("montserrat-font.css");



@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,700,700i|Montserrat:400,700');







@font-face {



  font-family: 'lucida-calligraphy-italic';



  src: url('../fonts/lucida-calligraphy-italic.eot?v=4.5.0');



  src: url('../fonts/lucida-calligraphy-italic.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/lucida-calligraphy-italic.html?v=4.5.0') format('woff2'), url('../lucida-calligraphy-italic.woff?v=4.5.0') format('woff'), url('../fonts/lucida-calligraphy-italic.ttf?v=4.5.0') format('truetype'), url('../fonts/lucida-calligraphy-italic.svg?v=4.5.0#lucida-calligraphy-italic') format('svg');



  font-weight: normal;



  font-style: normal;



}











/*---Body---*/



 



html,



	body {



	  height: 100%;



	  width: 100%;



	}



	



body {



	color:#000;



  	font-family: 'Lato', sans-serif;



}







a {



	color: #000;



    -webkit-transition: all 0.35s;



    -moz-transition: all 0.35s;



    transition: all 0.35s;



}



.fright{ float:right;}



a:hover,



a:focus {



	color: #0465ac;



	outline: none;



	outline-offset: 0px;



}







h1,



h2,



h3,



h4,



h5,



h6 {



	font-family: 'Montserrat', sans-serif;



}







p {



	line-height: 1.5;



	margin-bottom: 20px;



	color:#898989;



}



.btn-black {



    background-color: #000;



    display: inline-block;



    font-weight: bold;



    width: auto;



    border: solid 2px #0465ac;



    color: #FFFFFF;



    padding: 10px;



}



.btn-black a {



    text-decoration: none;



    color: #FFFFFF;



}



.btn2{width:auto ! important;}



.icon{ color:#008afe;}



.nav-i{font-family:lucida-calligraphy-italic;font-size: 16px;}











.footer-location{border: 1px solid #2c2b2b ;    margin-bottom: 30px;}







.border-right{ border-right:2px solid #272727 ; height:30px;}







.contact-margin{margin-right:110px ! important;}















.footer-cont a{font-size: 18px; 

    float: left;



    text-align: center; 



    color: #bcbec0;}



	



	



	.data-img{width:100%;}



	.scrollup a {



    width: 70px;

    height: 70px;

    opacity: 1;

    position: absolute;

    top: -35px;

    left: 47%;

    display: none;

    color: #fff;

    text-indent: -9999px;

    background: #333 url(../images/scroll-top-arrow.png) no-repeat 21px 10px;

    z-index: 999;

    border-radius: 50%;



}







.bg-line{border: 3px solid #737373;}







.scroll-bg a{font-size: 30px;



    line-height: 1;



    background: #333;



    height: 95px;



    left: 50%;



    margin: 0 0 0 -53px;



    position: absolute;



    z-index: 100;



    text-align: center;



    top: -40px;



    width: 95px;



    -moz-border-radius: 50%;



    -webkit-border-radius: 50%;



    border-radius: 50%;}



	



.footer-num{font-size: 18px;



    float: left;



    text-align: center;



    color: #bcbec0;}







.footer-address{font-size: 18px;



    float: left;



    text-align: center;



    color: #bcbec0;



    padding: 0px 0px 40px 95px;



    text-transform: uppercase;}











.service ul{float:right;}







.service ul li{float:right;    padding-bottom: 5px;    padding: 7px 0px 7px 0px;    width: 100%; list-style:none; border-bottom:1px solid #ccc;}



.service ul li a{ text-decoration:none;}











.blue{



	color:#0465ac;



}



.white{



	color: #fff;



}



.black{



	color:#000;



}



.text-faded {



	color: #fff;



}







.icon-img{width:80px;margin-top: 10px;}







section {



	padding: 30px 0;



}







aside {



	padding: 50px 0;



}







.footer-bottom{    font-family: georgia,garamond,serif;



    color: #6d6e71;



    background: #2c2b2b; padding:25px 0px 45px 0px;}



	



	



.footer-logo{    margin-top: -25px;}



	



	



.site-map{ display:inline; color:#6d6e71; text-align: center; }	







.site-map ul li{ display: inline;

    background: #777777;

    color: #ffffff;

    border-radius: 6px;

    padding: 5px 10px 5px 10px;

    margin-right: 15px;}







.site-map ul li a{ display:inline; color:#000;}



	







.sub{margin-top:-20px !important;}







.no-padding {



	padding: 0;



}



.no-gutter > [class*='col-'] {



  	padding-right: 0;



  	padding-left: 0;



}







::-moz-selection {	



  	background: #000;



  	color: white;



  	text-shadow: none;



}



::selection {	



  	background: #000;



  	color: #fff;



  	text-shadow: none;



}



img::selection {	



  	background: transparent;



  	color: white;



}



img::-moz-selection {	



  	background: transparent;



  	color: white;



}















/*---Navigation / #mainNav---*/







.navbar-default {



  	border-color: rgba(34, 34, 34, 0.05);



  	transition: all 0.35s;



  		-webkit-transition: all 0.35s;



  		-moz-transition: all 0.35s;



	font-family:'Montserrat', sans-serif;



		letter-spacing:1px;



}



.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {



    padding: 0 15px;



}



.navbar-collapse{



	overflow:hidden !important;



		height: 70px !important;



}



.navbar-default .navbar-header .navbar-toggle {



  	font-size:1em;



  		color: #222222;



  		text-transform: uppercase;



	background-color:#fff;



}



.navbar-default .nav > li > a,



.navbar-default .nav > li > a:focus {



  	text-transform: uppercase;



  		color: #fff;



}



.navbar-default .nav > li > a:hover,



.navbar-default .nav > li > a:focus:hover {



  	color: #0465ac;



}



.navbar-default .nav > li.active > a,



.navbar-default .nav > li.active > a:focus {



  	background-color: transparent;	



  		color: #0465ac !important;



  		outline: none;



}



.navbar-default .nav > li.active > a:hover,



.navbar-default .nav > li.active > a:focus:hover {



  	background-color:transparent;



	    color: #0465ac !important;



}



@media (min-width: 768px) {



.navbar-default {



    background-color:transparent;



        border-bottom: 5px solid #737373;



}







.navbar-default .nav > li > a,



.navbar-default .nav > li > a:focus {



	color: #000;



		padding: 25px 20px;



}



.navbar-default .nav > li > a:hover,



.navbar-default .nav > li > a:focus:hover {



    color: #0465ac;



}











.navbar-default.affix {



    background-color: rgb(255, 255, 255);



    	

	    margin: 0;



}



.navbar-default.affix .navbar-header .navbar-brand {



    color: #0465ac;



}



.navbar-default.affix .navbar-header .navbar-brand:hover,



.navbar-default.affix .navbar-header .navbar-brand:focus {



    color: #000;



}



.navbar-default.affix .nav > li > a,



.navbar-default.affix .nav > li > a:focus {



    color: #222222;



}



.navbar-default.affix .nav > li > a:hover,



.navbar-default.affix .nav > li > a:focus:hover {



    color: #0465ac;



}







}















/*---slider---*/







.slider-banner {



	padding:0; 



}







.flex-caption {



    position: absolute;



    	left: 10%;



    	right: 50%;



		top:40%;



    	bottom: 20px;



    	z-index: 10;



    padding-top: 20px;



    padding-bottom: 20px;



    	text-align: left;



}



.flex-caption h1{



	margin-bottom:30px;



	font-weight:bold;



}



.flex-caption p span{



	width:auto;



		color:#0465ac;



	border: solid 1px #898989;



    padding: 15px;



	    display: inline-block;



}















/*---Section commen style---*/



.section-title {



    margin-bottom: 15px;



}



.section-title h6 {



    color:#898989;



}



.section-title h2 {



	font-weight:700;



    margin-bottom: 20px;



	margin-top:10px;



}



.section-title.center-text{



	text-align:center;



}



.section-title.center-text p{



	width:50%;



	margin:10px auto 20px;



}



.section-title p{



	margin:10px auto 20px;



}







.btn{



	background-color:transparent;



		border-color:#000;



		border-radius:0;	



		min-width:150px;



		margin:15px 0px;



}



.btn:hover{



	background-color:#0465ac;



		color:#fff;



}







/*---Intro Block---*/







.intro-ser span {



    float: left;



    	display: table;



    font-size:2.5714285714285716em;



    	font-family: 'Montserrat';



    	font-weight: 100;



    	color: #898989;



	padding-right: 15px;



	    height: 150px;



}



.intro-ser p.title-text {



    margin-bottom: 10px;



    padding-top: 10px;



    color: #000;



	    letter-spacing: 0.1em;



}















/*---About Section---*/











.iconlist {



    width: 100%;



    padding: 0px;



    margin: 0px;



}







.iconlist li {



    padding: 0px;



    margin: 0 0 5px 0;



    display: block;



    line-height: 23px;



}







.iconlist li i {



    color: #fff;



    background: #0465ac;



    padding: 3px 3px 3px 3px;



    border-radius: 50%;



}







.contact{



    margin-top: 50px;



	background-image: -webkit-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -moz-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -o-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -ms-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: linear-gradient(to right, #f4f4f4 100%, #fff 50%);



}







.contact-logo {



    width: 250px;



  



    margin-bottom: 10px;



}







ul {



    list-style-type: none;



}



.address_info {



    float: left;



    background-color: #f9f9f9;



    border: 1px solid #e1e1e1;



    padding: 21px 19px 15px 34px;



    width: 99%;



    margin-bottom: 40px;



    webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);



    -moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);



    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;



}







.career{



    margin-top: 100px;



	background-image: -webkit-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -moz-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -o-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -ms-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: linear-gradient(to right, #f4f4f4 50%, #fff 50%);



}



.about{



    margin-top: 101px;



	/*background-image: -webkit-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -moz-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -o-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: -ms-linear-gradient(left, #f4f4f4 50%, #fff 50%);



	background-image: linear-gradient(to right, #f4f4f4 72%, #fff 50%);*/



}



.about .left-side{



	/*background-color:#f4f4f4;*/



}











.technology-text{ font-size:18px;     margin: 5px 10px 5px 0px; text-align:center; color:#000000;}







.about p{



	     width: 90%;



    text-align: justify;



}



.short-heading{color:#00345a; margin-bottom:10px; font-weight:bold; font-size:16px;}







/* Shine */



.about-img figure {



	position: relative;



}



.about-img figure::before {



	position: absolute;



		top: 0;



		left: -87%;



		z-index: 2;



		display: block;



	content: '';



	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);



	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);		



		width: 50%;



		height: 100%;



	transform: skewX(-25deg);



		-webkit-transform: skewX(-25deg);



}



.about-img figure:hover::before {



	animation: shine 1s;



		-webkit-animation: shine 1s;



}



figure {



	overflow: hidden;



}



@-webkit-keyframes shine {



	100% {



		left: 125%;



	}



}



@keyframes shine {



	100% {



		left: 125%;



	}



}











/*--- Work section---*/







.gallery {



    padding-bottom: 0;



}



.gallery-box {



	position: relative;



		display: block;



	margin: 0 auto;



		text-align:center;



		    border: 3px solid #008afe;



			margin-bottom:20px;



}



.gallery-box .gallery-box-caption {



	background: rgba(4, 101, 172, 0.82);



		color: white;



		opacity: 0;



	display: block;



		position: absolute;



		bottom: 0;



		text-align: center;



	width: 100%;



	height: 100%;



		-webkit-transition: all 0.35s;



		-moz-transition: all 0.35s;



		transition: all 0.35s;



}



.gallery-box .gallery-box-caption .gallery-box-caption-content {



	width: 100%;



		text-align: left;



	position: absolute;



		top: 50%;



		padding-left: 40px;



	transform: translateY(-50%);



}







.gallery-box:hover .gallery-box-caption {



  	opacity: 1;



}



.gallery-box:focus {



  	outline: none;



}



.gallery-box:hover .gallery-box-caption hr{



	border: 2px solid #fff;



	width: 50px;



	display: inline-block;



	margin: 10px 0px 5px;



}



.gallery-box .gallery-box-caption hr{



	width: 50px;



	display: inline-block;



	margin: 10px 0px 5px;



	border: 2px solid #fff;



}



.gallery-box img.img-responsive{



	display:inline-block;



	width:100%;



}







/*---Services Section---*/











.services .section-title {



    margin-bottom: 60px;



}



.services h5{



	color:#000;



	margin:15px 15px 10px;



}



.services p{



	color: #898989;



    margin-bottom: 50px;



    height: 50px;



	



    margin-left: 15px;



    display: inline-block;



}







.text-white{color:#FFFFFF; width:90%;}







.start-btn a{ background:#0066FF; color:#FFFFFF; font-size:18px; text-align:center; text-transform:uppercase;padding: 19px 80px;     font-weight: bold;}















.start-btn :hover{ text-decoration:none; color:#FFFFFF; background:#002bff; }















.send-btn a{ background:#0066FF; color:#FFFFFF; font-size:18px; text-align:center; text-transform:uppercase;padding: 10px 40px;     font-weight: bold;}















.send-btn :hover{ text-decoration:none; color:#FFFFFF; background:#002bff; }







.work-btn a{ background:#222222; color:#bcbec0; font-size:18px; text-align:center; text-transform:uppercase;padding: 19px 113px;     font-weight: bold;}















.work-btn :hover{ text-decoration:none; color:#FFFFFF; background:#000;}



















.services .icon-img{



	/*background-image:url(../images/sprites.png);*/



		background-repeat:no-repeat;



	    border-right: 1px solid #ccc;



		display: block;



    width:102px;



    height: 90px;



		margin-bottom:5px;



}



.services .icon-one{



	background-position: 0px 0px;



}



.services .icon-two{



	background-position: 0px -78px;



}



.services .icon-three{



	background-position: 0px -155px;



}



.services .icon-four{



	background-position: -124px 0px;



}



.services .icon-five{



	background-position: -124px -78px;



}



.services .icon-six{



	background-position: -124px -155px;



}



.services .icon-seven{



	background-position: -235px 0px;



}



.services .icon-eight{



	background-position: -235px -78px;



}



.services .icon-nine{



	background-position: -235px -155px;



}











/*---call us section---*/



.callus{



	background-image: -webkit-linear-gradient(left, #0465ac 50%, #d0d0d0 50%);



	background-image: -moz-linear-gradient(left, #0465ac 50%, #d0d0d0 50%);



	background-image: -o-linear-gradient(left, #0465ac 50%, #d0d0d0 50%);



	background-image: -ms-linear-gradient(left, #0465ac 50%, #d0d0d0 50%);



	background-image: linear-gradient(to right, #0465ac 50%, #d0d0d0 50%);



}



.callus .call-text-left{



	padding-right:50px;



}



.callus .call-text-right{



	padding-left:50px;



}



.call-text-left p {



    color: #fff;



}



.call-text-right p {



    color: #000;



}











/*---Team section---*/











.team{



	background-image:url(../images/bg-01.jpg);



		background-repeat: no-repeat;



    	background-position: center bottom;



		background-size:cover;



		padding-bottom:50px;



}



.team .content-text{



	padding-bottom:30px;



	color:#666;



}



.details {



	padding: 10px 0px;



    clear: both;



    transition: all 0.3s ease 0s;



		-webkit-transition: all 0.3s ease 0s;



		-moz-transition: all 0.3s ease 0s;



		-ms-transition: all 0.3s ease 0s;



		-o-transition: all 0.3s ease 0s;



}



.details .name{



	color: #fff;



}



.details p {



    margin-bottom: 0;



	color:#999;



}



.team-member{



	margin:10px 0px;



}



.team-member:hover .details {



    transition: all 0.3s ease 0s;



		-webkit-transition: all 0.3s ease 0s;



		-moz-transition: all 0.3s ease 0s;



		-ms-transition: all 0.3s ease 0s;



		-o-transition: all 0.3s ease 0s;



}



.team-member:hover{



	-webkit-transition: all 0.3s ease 0s;



		-moz-transition: all 0.3s ease 0s;



		-ms-transition: all 0.3s ease 0s;



		-o-transition: all 0.3s ease 0s;



		transition: all 0.3s ease 0s;



	-webkit-box-shadow: 0 0 18px rgba(83,96,95,.11);



		-moz-box-shadow: 0 0 18px rgba(83,96,95,.11);



		box-shadow: 0 0 18px rgba(83,96,95,.11);	



}







.whatsapp {



    font-size: 50px;



    font-weight: bold;



    text-align: center;



    color: #FFFFFF;



    margin-bottom: 10px;



}







.erp{width:100px;}







.btn-blue{background-color: #0465ac;display: inline-block; font-weight:bold;



    width: 60%; border: solid 2px #0465ac; color:#FFFFFF; padding:10px;}







.btn-blue a{ text-decoration:none; color:#FFFFFF;}



		



.btn-blue a:hover{ }		



		







.whatsapp-text{    font-size: 20px;}







.text-blue{font-size: 15px;



    color: #0465ac; font-weight:bold;}







.sms {



    font-size: 50px;



    font-weight: bold;



    text-align: center;



    color: #FFFFFF;



    margin-bottom: 5px;



}







.email {



    font-size: 50px;



    font-weight: bold;



    text-align: center;



    color: #FFFFFF;



    margin-bottom: 0px;



}







.ImageWrapper {



background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);



    display: block;



    	overflow: hidden;



    	position: relative;



		



		    padding: 10px;



	border: 2px solid #fff;



}







.sms-text{color:#FFFFFF;}







.ImageWrapper img {



    display: inline-block;



    width:100%;



}



.ImageWrapper .ImageOverlayH {











    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);



    	bottom: 0;



   		display: block;



    height: 100%;



    	left: 0;



    opacity: 0;



    position: absolute;



    	right: 0;



    	top: 0;



    -webkit-transition: all 0.3s ease 0s;



		-moz-transition: all 0.3s ease 0s;



		-ms-transition: all 0.3s ease 0s;



		-o-transition: all 0.3s ease 0s;



		transition: all 0.3s ease 0s;



    width: 100%;



}



.ImageWrapper .StyleTi span:nth-of-type(1) {



    bottom: 50%;



    	top: 50%;



    	left: 0;



    margin: -20px 0 0 -68px;



    visibility: hidden;



    	opacity: 0;



    -webkit-transition: all 0.3s ease 0s;



		-moz-transition: all 0.3s ease 0s;



		-ms-transition: all 0.3s ease 0s;



		-o-transition: all 0.3s ease 0s;



		transition: all 0.3s ease 0s;



}



.ImageWrapper .StyleTi span {



    position: absolute;



}



.WhiteRounded {



    background-color: #ffffff;



    	border: medium none;



   		display: inline-block !important;



    	float: none !important;



    font-size: 14px;



    	font-weight: normal;



    height: 40px;



    	line-height: 40px;



    margin: 0 2px;



    	text-align: center;



    width: 40px;



    -webkit-border-radius: 50%;



		-moz-border-radius: 50%;



		-ms-border-radius: 50%;



		-o-border-radius: 50%;



		border-radius: 50%;



    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);



		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);



		-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);



		-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);



		box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);



}



.WhiteRounded > a {



    color: #222222;



    	display: block;



    	font-weight: normal;



}



.ImageWrapper .StyleTi span:nth-of-type(2) {



    bottom: 50%;



    	top: 50%;



    	left: 50%;



    	right: 50%;



    margin: -20px 0 0 -20px;



    	visibility: hidden;



    	opacity: 0;



    -webkit-transform: scale(0);



		-moz-transform: scale(0);



		-ms-transform: scale(0);



		-o-transform: scale(0);



		transform: scale(0);



    -webkit-transition: all 0.3s ease 0s;



		-moz-transition: all 0.3s ease 0s;



		-ms-transition: all 0.3s ease 0s;



		-o-transition: all 0.3s ease 0s;



		transition: all 0.3s ease 0s;



}



.ImageWrapper .StyleTi span:nth-of-type(3) {



    bottom: 50%;



    	top: 50%;



    	right: 0;



    margin: -20px -68px 0 0;



    	visibility: hidden;



    	opacity: 0;



    -webkit-transition: all 0.3s ease 0s;



		-moz-transition: all 0.3s ease 0s;



		-ms-transition: all 0.3s ease 0s;



		-o-transition: all 0.3s ease 0s;



		transition: all 0.3s ease 0s;



}



.team-member:hover .ImageWrapper .ImageOverlayH {



    opacity: 1;



}



.team-member:hover .ImageWrapper .StyleTi span:nth-of-type(1) {



    left: 50%;



    	visibility: visible;



    	opacity: 1;



}



.team-member:hover .ImageWrapper .StyleTi span:nth-of-type(2) {



    visibility: visible;



    	opacity: 1;



    -webkit-transform: scale(1);



		-moz-transform: scale(1);



		-ms-transform: scale(1);



		-o-transform: scale(1);



		transform: scale(1);



}



.team-member:hover .ImageWrapper .StyleTi span:nth-of-type(3) {



    right: 50%;



    	visibility: visible;



    	opacity: 1;



}







.progress-skill h5{



	color:#fff;



	text-transform:uppercase;



}



.progress-skill .progress{



	background-color: transparent;



    	border: 1px solid #9a9b9d;



		border-radius:0;



	    height: 100%;



    color: #fff;



	padding: 10px;



}







.data{color:#FFFFFF;}







.progress-skill .progress-bar{



	background-color:#9a9b9d;



	font-size:0.8571428571428571em;



    	line-height: 15px;



}



.team-skills .team-sk {



    border: 1px solid #ccc;



    line-height: 239px;



    height: 250px;



    vertical-align: middle;



    	text-align: center;



    	font-weight: 300;



    color: #ccc;



}



.team-skills {



    margin-top: 50px;



}











/*---Testimonials section---*/







.testimonials{



	background-image:url(../images/bg-02.jpg);



	    background-repeat: no-repeat;



    	background-position: center bottom;



		background-size:cover;



}







.testimonials .section-title{



	text-align:center;



}



.testimonials .carousel-inner blockquote{



	text-align:center;



}















/*-------------------------------*/



/*    Carousel Fade Transition   */



/*-------------------------------*/



blockquote{



	font-size:14px;



}



#fade-quote-carousel.carousel {



	margin-top: 20px;



}



#fade-quote-carousel.carousel .carousel-inner .item {



  /*opacity: 0;



  -webkit-transition-property: opacity;



      -ms-transition-property: opacity;



          transition-property: opacity;*/



}

.about-content{    margin-top: 10px;text-align: justify;}

.download-img{    position: absolute;

    margin-top: -80px;

    float: left;

    margin-left: 50px;}



#fade-quote-carousel.carousel .carousel-inner .active {



  opacity: 1;



  -webkit-transition-property: opacity;



      -ms-transition-property: opacity;



          transition-property: opacity;



}







#fade-quote-carousel blockquote {



    border: none;



	    margin-bottom: 0;	    



	padding:0px 100px;



}



blockquote p.quate-text{



	color: #111;



	font-style:italic;



	font-weight:300;



    margin: 0px 0;



	    line-height: 30px;



		background-image:url(../images/coma.png);



		background-position: top right;



    background-repeat: no-repeat;



    min-height: 125px;



	



}











#fade-quote-carousel blockquote .person{



	color:#0465ac;



	    margin-bottom: 0;



		    text-transform: uppercase;



        margin-top: 30px;



}



#fade-quote-carousel blockquote .per-den{



	color:#ccc;



	font-size:0.8571428571428571em;



	margin-top: 10px;



}















/*---Logo client---*/







.logo-client{



	background-color:#ffffff;



}











/*---Blog Section---*/







.blog .blog-content{



	margin-top:30px;



	margin-bottom:30px;



}



.blog .blog-content p span{



	padding:0px 20px;



}



.blog .blog-content img{



	margin-bottom:20px;



}



.blog .blog-content p a{



	color:#898989;



}



.blog .blog-content p a:hover{



	color:#0465ac;



	text-decoration:none;



}















/*---Contact section---*/







.contactus{



	background-image:url(../images/contact-bg.jpg);



		background-repeat: no-repeat;



    	background-position: center bottom;



		background-size:cover;



	padding: 0;



}



.contactus .section-title{



	text-align:left;



}



.contact-block {



    padding: 30px;



}



.map{



	-webkit-filter: grayscale(100%);



    filter: grayscale(100%);



}



.map iframe{



    pointer-events: none;



		width:100%;



	border:none;



	    margin-bottom: -4px;



		height: 580px;



}



.contact-form .form-control {



    border-top: none;



    border-left: none;



    border-right: none;



    border-bottom: 1px solid #fff;	



    border-radius: 0px;



    background-color: rgba(255, 255, 255, 0);



    color: #ccc;



	height: 40px;



	box-shadow:none;



}



.contact-form textarea.form-control {



    height: auto;



}



.contact-form .form-group {



    margin-bottom: 15px;



}



.contact-form .btn {



    	border-radius: 0px;



    background-color: #0465ac;



    	border: solid 2px #0465ac;



    width: 180px;



    height: 40px;



    	margin-left: 15px;



	color:#fff;



	-webkit-transition: all 0.35s;



    	-moz-transition: all 0.35s;



    	transition: all 0.35s;



}



.contact-form .btn:hover {



    background-color:transparent;



    	border: solid 2px #fff;



		color:#fff;



	-webkit-transition: all 0.35s;



    	-moz-transition: all 0.35s;



    	transition: all 0.35s;



}







.contact-block hr {



    	border: none;



    background-color: rgba(255, 255, 255, 0.2);



    	height: 1px;



}



.contact-info p i {



    margin-right: 15px;



}



.contact-info p, .contact-info p.phone-call a {



    color:#ccc !important;



}











/*---Contact Form css Start---*/



.cforms label {



    float: left;



    width: 100%;



    color: #454545;



    font-weight: normal;



    text-align: left;



}











.cforms textarea {



    color: #454545;



    float: left;



    width: 100%;



    padding: 9px 12px;



    margin-bottom: 10px;



    border: 1px solid #7caf95;



    background: #f9f9f9;



    -webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);



    -moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);



    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;



}







.cforms input {



    color: #454545;



    float: left;



    width: 100%;



    padding: 9px 12px;



    margin-bottom: 10px;



    border: 1px solid #159cff;



    background: #f9f9f9;



    -webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);



    -moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);



    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;



}











.cforms label {



    float: left;



    width: 100%;



    color: #454545;



    font-weight: normal;



    text-align: left;



}







/*---Contact Form css End---*/











/*---Footer section---*/











.footer {



    background: #333;



position:relative;



    	color: white;



    background-size: 100%;



		-webkit-background-size: 100%;



		-moz-background-size: 100%;



		-o-background-size: 100%;



    background-size: cover;



		-webkit-background-size: cover;



		-moz-background-size: cover;



		-o-background-size: cover;



  



    	padding: 50px 0 15px;



}











.footer-social{



	text-align:center;



}







.footer-social a {



    width: 35px;



    height: 35px;



	background-color: #fff;



    	border: 1px solid #fff;



    	border-radius: 100%;



    clear: both;



    text-align: center;



    	font-size: 1.2857142857142858em;



    display: block;



	-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



		transition: all 0.3s ease-in-out;



}



.footer-social i {



    line-height: 35px;



}







.footer-social i.fa-twitter {



    color:#000;



}



.footer-social i.fa-facebook {



    color:#000;



}



.footer-social i.fa-google-plus {



    color:#000;



}



.footer-social i.fa-dribbble {



    color:#000;



}



.footer-social i.fa-behance {



    color:#000;



}







.footer-social a:hover i.fa {



    color:#fff;



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}







.footer-social a.twitter:hover {



	background-color: #55acee;



    border-color: #55acee;



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.footer-social a.facebook:hover {



	background-color: #558bee;



    border-color: #558bee;



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.footer-social a.google-plus:hover {



	background-color: #fc5b4d;



    border-color: #fc5b4d;



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.footer-social a.dribbble:hover {



	background-color: #e94c89;



    border-color: #e94c89;



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.footer-social a.behance:hover {



	background-color: #6ccef2;



    border-color: #6ccef2;



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.copyright {



    text-align: center;



    padding: 20px 0px;



}



.copyright p {



    margin-bottom: 0px;



	font-weight:400;



	color:#FFFFFF;



	    letter-spacing: 1px;



}











































@media only screen and (max-width: 3500px) {



/*body*/



body {



    overflow-x: hidden;



}



}



	



@media only screen and (max-width: 2500px) {}







@media only screen and (max-width: 2100px) {}







@media only screen and (max-width: 1600px) {}







@media only screen and (max-width: 1566px) {}







@media only screen and (max-width: 1366px) {}







@media only screen and (min-width: 1300px) {}







@media only screen and (max-width: 1280px) {



.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {



    padding: 25px 15px;



}



}







@media (min-width: 1280px) {}







@media only screen and (max-width: 1199px) {}







@media only screen and (max-width: 1024px) {



#mainNav.navbar-default .nav > li > a, #mainNav.navbar-default .nav > li > a:focus {



    padding: 15px;



}



.navbar-brand > img{



	max-width:130px;



}



.flex-caption {



    top: 20%;



	left: 5%;



	width: 50%;



}



.about p {



    width: 100%;



}



.about .about-img img {



    min-width: 130%;



    display: inline;



}



}







@media only screen and (max-width: 991px) {



body{



	font-size:100%;



}



.navbar-brand > img{



	max-width:230px;



}



.navbar-brand{



	padding: 10px 10px;



	height: auto;



}



.navbar-default .navbar-header .navbar-toggle {



	margin-top:15px;



}



.navbar-collapse{



	overflow:auto !important;



	height: auto !important;



}



.navbar-header {



    max-width: 100%;



    width: auto;



}



.navbar-toggle {



    margin-right: -15px;



}



.navbar-default {



	background-color: #f5faff;



    border-color: #e1e1e1;



}



.navbar-default.affix {



    background-color: #fff;



    border-color: rgba(34, 34, 34, 0.05);



}



#mainNav.navbar-default .navbar-header .navbar-brand p {



    line-height:1;



    margin: 0;



}



#mainNav.navbar-default .nav > li > a, #mainNav.navbar-default .nav > li > a:focus {



    text-align: center;



}



.slider-banner {



    margin-top: 60px;



}



.map iframe{



	height: 610px;



}







}











/*--------------iPhone 6 plus landscape----------------*/



@media only screen and (max-width: 767px) {



body{



	font-size:100%;



	    overflow-x: hidden;



}



.navbar-brand > img{



	max-width:230px;



}

.navbar-header {

    position: relative;

     z-index: 0; 

}



.navbar-brand{



	padding: 10px 10px;



	height: auto;



}



.navbar-default .navbar-header .navbar-toggle {



	margin-top:15px;



}



.navbar-header {



    max-width: 100%;



    width: auto;



}



.footer-num {



   



    float: none;



    text-align: center;



   



}







.freequote{ display:none ! important;}







.sub {



    margin-top: 25px !important;



}











.scrollup a {



    width: 80px;



    height: 80px;



    opacity: 1;



    position: absolute;



    top: -50px;



    left: 40%;



    text-align: center;



    display: none;



    color: #fff;



    text-indent: -9999px;



    background: #333 url(../images/scroll-top-arrow.png) no-repeat 25px 17px;



    z-index: 999;



    border-radius: 50%;



}







.services p{



	font-size: 14px;



    margin-left: 20px;



}



.services h5 {



   



    font-size: 16px;



    margin: 0px 21px 12px;



}







.intro-ser p.title-text {



   



    font-size: 14px;



  



}







p {



   



    font-size: 12px;



 



}







.footer-bottom {



  



    text-align: center;



   



    padding: 20px 0px 30px 0px;



}







.site-map {



    display: inline;



   



    float: none;



    text-align: center;



}







.list-inline {



   



    margin: 20px 0px 20px 0px;



   



}







.footer-cont{float:none; text-align:center;    margin-bottom: 30px;}







.footer-cont a {



    font-size: 21px;



    float: none;



    text-align: center;



	margin-left:0px;





    color: #bcbec0;



}







.border-right {



    border-right: none;



	height:0px;



    



}











.work-btn a {



   



    display: initial;



   



    padding: 10px 114px;  font-weight: bold;



    



}



.start-btn a {



   



    font-size: 18px;



    display: inherit;



   



    padding: 10px 80px;



  



}



.send-btn a {



  



    padding: 5px 40px;



   



    display: inherit;



}







.footer-address {



    font-size: 20px;



  



    text-align: center;



 



    padding: 0px 0px 40px 0px;



   



}







.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {



    color: #222;



}



.navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus {



    



}



.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus {



    color: #000;



}



.navbar-default.affix-top .navbar-header .navbar-brand:hover, .navbar-default.affix-top .navbar-header .navbar-brand:focus {



    color: #fff;



}



.flex-caption p, .flex-caption button{



	



}



.flex-caption h1 {



    font-size: 1.4285714285714284em;



}



.slider-banner {



    margin-top: 0px;



}



.slider-banner .flex-caption p{



	display:;	



}



section {



    padding: 30px 0;



}



.intro-ser span {



    height: 90px;



	width: 50px;



}



.about {



    background-color: #f4f4f4;



    background-image: none;



	padding-bottom:5px;



}



.about .about-img {



    background-color: #fff;



    background-image: none;



	padding-top:15px;



}



.about .about-img img {



    min-width: auto;



    display: inline-block;



    width: 100%;



}















.footer-logo{padding-top:50px; text-align:center;}	







.logo-footer{width: 300px;}







.callus {



    background-image: -webkit-linear-gradient(bottom, #0465ac 50%, #d0d0d0 50%);



    background-image: -moz-linear-gradient(bottom, #0465ac 50%, #d0d0d0 50%);



    background-image: -o-linear-gradient(bottom, #0465ac 50%, #d0d0d0 50%);



    background-image: -ms-linear-gradient(bottom, #0465ac 50%, #d0d0d0 50%);



    background-image: linear-gradient(to bottom, #0465ac 50%, #d0d0d0 50%);



	padding: 0;



}



.callus .call-text-left {



    padding-right: 0px;



	text-align:center;



}



.callus .call-text-right {



    padding-left: 0px;



	text-align:center;



}



.callus p{



	margin-bottom:15px;



}



.testimonials .section-title{



	text-align:left;



}



.testimonials .carousel-inner blockquote{



	text-align:left;



}







#fade-quote-carousel blockquote {	    



	padding:0px;



}



.team-member {



    margin-bottom: 20px;



}



.team-skills .team-sk {



    line-height: 50px;



    height: auto;



}



.team-skills {



    margin-top: 10px;



}



#fade-quote-carousel.carousel {



    margin-top: 0px;



}



.logo-client img {



    margin: 15px 0;



}



.blog .blog-content {



    margin-top: 10px;



    margin-bottom: 30px;



}



.blog .blog-content img {



    display: inline-block;



    width: 100%;



}



.contact-block {



    padding: 30px 0;



}



.footer {



    padding: 50px 0 30px;



}



.mobile-menu{display:none ! important;}





}







/*--------------iPhone 6 landscape----------------*/



@media only screen and (max-width: 667px) {}







/*--------------iPhone 5 landscape----------------*/



@media only screen and (max-width: 568px) {}







@media only screen and (max-width: 480px) {



.slider-banner .flex-caption p {



    display: none;



}

.client-img{clear:both;}

.site-map ul li {
   
    margin-right: 3px;
}



.navbar-header {

    position: relative;

    z-index: 0 ! important;

}

.about-content{ text-align:justify; margin-top:10px;}



}







/*--------------iPhone 6 plus portrait----------------*/



@media only screen and (max-width: 414px) {
.navbar-brand > img {
    max-width: 160px;
}
.stellarnav.light .menu-toggle {
   
    margin-top: -25px;
    float: right;
    
    margin-left: 210px;
}
.start-btn a {
    font-size: 12px;
    display: inherit;
    padding: 15px 80px;
}

.work-btn a {
    display: initial;
   
    padding: 15px 110px;
    font-size: 12px;
    }

.stellarnav .menu-toggle {
    
    padding: 8px;
}




.site-map ul li {
  
    padding: 5px 5px 5px 5px;
    margin-right: 5px;
}

.sub {
    margin-bottom: 10px;
    margin-top: 25px !important;
}
.logo-footer {
    width: 250px;
}
.text-white {
    
    width: 100%;
}

.services p {
    font-size: 12px;
    margin-left: 28px;
}

.services h5 {
    font-size: 12px;
    margin: 10px 28px 5px;
}
.text-blue {
    font-size: 12px;
    color: #0465ac;
    font-weight: bold;
}

}







/*--------------iPhone 6 portrait----------------*/



@media only screen and (max-width: 375px) {

.navbar-brand > img {
    max-width: 160px;
}
.stellarnav.light .menu-toggle {
   
    margin-top: -25px;
    float: right;
    
    margin-left: 210px;
}
.start-btn a {
    font-size: 12px;
    display: inherit;
    padding: 15px 80px;
}

.work-btn a {
    display: initial;
   
    padding: 15px 110px;
    font-size: 12px;
    }

.stellarnav .menu-toggle {
    
    padding: 8px;
}




.site-map ul li {
  
    padding: 5px 5px 5px 5px;
    margin-right: 5px;
}

.sub {
    margin-bottom: 10px;
    margin-top: 25px !important;
}
.logo-footer {
    width: 250px;
}
.text-white {
    
    width: 100%;
}

.services p {
    font-size: 12px;
    margin-left: 28px;
}

.services h5 {
    font-size: 12px;
    margin: 10px 28px 5px;
}
.text-blue {
    font-size: 12px;
    color: #0465ac;
    font-weight: bold;
}
}







/*--------------iPhone 5 portrait----------------*/



@media only screen and (max-width: 320px) {

.navbar-brand > img {
    max-width: 160px;
}
.stellarnav.light .menu-toggle {
   
    margin-top: -25px;
    float: right;
    
    margin-left: 210px;
}
.start-btn a {
    font-size: 12px;
    display: inherit;
    padding: 15px 80px;
}

.work-btn a {
    display: initial;
   
    padding: 15px 110px;
    font-size: 12px;
    }

.stellarnav .menu-toggle {
    
    padding: 8px;
}




.site-map ul li {
  
    padding: 5px 5px 5px 5px;
    margin-right: 5px;
}

.sub {
    margin-bottom: 10px;
    margin-top: 25px !important;
}
.logo-footer {
    width: 250px;
}
.text-white {
    
    width: 100%;
}

.services p {
    font-size: 12px;
    margin-left: 28px;
}

.services h5 {
    font-size: 12px;
    margin: 10px 28px 5px;
}
.text-blue {
    font-size: 12px;
    color: #0465ac;
    font-weight: bold;
}

}







@media only screen and (max-width: 300px) {


.navbar-brand > img {
    max-width: 160px;
}
.stellarnav.light .menu-toggle {
   
    margin-top: -25px;
    float: right;
    
    margin-left: 210px;
}
.start-btn a {
    font-size: 12px;
    display: inherit;
    padding: 15px 80px;
}

.work-btn a {
    display: initial;
   
    padding: 15px 100px;
    font-size: 12px;
    }

.stellarnav .menu-toggle {
    
    padding: 8px;
}




.site-map ul li {
    padding: 5px 5px 5px 5px;
    margin-right: 3px;
    font-size: 9px;
}

.sub {
    margin-bottom: 10px;
    margin-top: 25px !important;
}
.logo-footer {
    width: 200px;
}
.text-white {
    
    width: 100%;
}

.footer-cont {
    float: none;
    text-align: center;
    margin-bottom: 5px;
}

.footer-address {
    font-size: 12px;
    text-align: center;
    padding: 0px 0px 10px 0px;
}

.footer-cont a {
    font-size: 14px;
   
}
.footer-num {
    float: none;
    font-size: 14px;
    text-align: center;
}

.text-blue {
    font-size: 10px;
    color: #0465ac;
    font-weight: bold;
}

.services p {
    font-size: 12px;
    margin-left: 28px;
}

.services h5 {
    font-size: 12px;
    margin: 10px 28px 5px;
}


}







@media only screen and (max-width: 200px) {}