body{
	margin:0;
	padding:0;
	background:#fff;
	font-family: 'Lato', sans-serif;
 }
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

li {
    list-style: none;
}

p {
    font-family: 'Open Sans', sans-serif;
    color: #9597a6;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
}
/*----*/
.banner{
	background:url(../images/banner.jpg) no-repeat;
	background-size:cover;
	min-height: 780px;
}
/*----*/
.logo{
	float:left;
}
.logo a{
	display:block;
}
.top-menu{
	float:right;
	  margin-top: 5px;
}
.banner-top {
	  padding: 3em 0;
}
.top-menu li {
  display: inline-block;
  padding: 0 5px;
  margin: 0 5px;
}
.top-menu li a {
	text-decoration: none;
	color: #fff;
	font-weight:400;
	  font-size: .9em;
	    text-transform: uppercase;
	      padding: 6px 12px;
	    	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.top-menu li a.active {
      background: #709DCA;
      	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.top-menu li a:hover {
   padding: 6px 12px;
  color:#fff;
  	transition:0.8s all;
	-webkit-transition:0.8s all;
	-moz-transition:0.8s all;
	-o-transition:0.85s all;
	-ms-transition:0.8s all;
}
/*--hover-top-nav--*/
a.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
	padding:6px 15px;
}
a.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #709DCA;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
	color:#fff;
	padding:6px 15px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {
  color: white;
}
a.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*--hover-top-nav--*/
.banner-left{
	  margin-top: 4em;
}
.banner-left h1 {
	color: #fff;
	font-size: 3.2em;
	font-weight: 900;
	margin: 0;
	margin-bottom:  1em;
}
.banner-left h2 {
	color: #fff;
	font-size: 2.25em;
	font-weight:100;
	margin-bottom:  0.35em;
}
.banner-left h3 {
  color: #fff;
  font-size: 3.2em;
  font-weight: 200;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.banner-left h3 span {
	color: #fff;
	font-size: 1em;
	font-weight:600;
}
.banner-left p {
  color: #fff;
  font-size: 1.4em;
  font-weight: 100;
}
.banner-right{
	position: relative;
}
.app-img{
	position:absolute;
	top:0;
	right:0;
}
.app-guide{
  /* padding-right: 8em; */
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	padding-top: 4.45em;
}
.qrcode{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
  margin-right: 3.5em;
    height: 100%;
}
.qrcode img{
    max-width: 181px;
    height: 181px;
}
.qrcode h4{
	width: 100%;
	color: #fff;
	font-size: 1.4em;
	align-items: center;
	text-align: center;
	line-height: 2;
}
.down{
	flex-grow:1;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: space-between;
}

.app-download-btn a {
    border: 2px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.06em 2.15em;
    border-radius: 0.8em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.app-download-btn a:focus,
.app-download-btn.active a,
.app-download-btn a:hover {
    border-color: transparent;
    background-color: #093076;
}

.app-download-btn a i {
    color: #fff;
    font-size:1.8em;
    margin-right: 0.6em;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.app-download-btn a p {
    font-size: 1.2em;
    line-height: 1;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: #fff;
}

.app-download-btn a p span {
    font-size: 1em;
    display: block;
}

.app-download-btn{
    margin-right: 20px;
}

.app-download-btn a:focus i,
.app-download-btn a:hover i,
.app-download-btn.active a i,
.app-download-btn.active a p,
.app-download-btn a:focus p,
.app-download-btn a:hover p {
    color: #fff;
}
/*--services--*/
	.service-grid {
	  width: 100%;
	}
.service-section-grids h3 {
  color: #4e4e4e;
  font-weight: 600;
  font-size: 2.5em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.service-section-grids h3 span {
  font-weight: 900;
}
.service-section-grids p {
  font-size: 1.5em;
  font-weight: 300;
    text-align: center;
  margin-bottom: 30px;
}
.service-section-grids {
  padding: 9em 0;
}
/*--/services--*/

/*--copyrights--*/
.social-icons{
	float:right;
	  width: 21%;
  margin: 0 auto;
}
.copyrights {
  background: #252525;
  padding: 2em 0;
}
.copyrights p {
  color: #fff;
    float: left;
}
.copyrights p a {
  color: #709DCA;
}
/*--/copyrights--*/
/*--responsive--*/
@media (max-width: 1366px){
.banner {
  min-height: 732px;
}
}
@media (max-width: 1280px){
	.service-section-grids {
		padding: 8em 0 5em 0;
	}
}
@media (max-width: 1024px){
	.banner-left h1 {
	  font-size: 5em;
	}
	.banner-left h3 {
	  font-size: 2.4em;
	}
	.banner-left h2 {
	  font-size: 5em;
	}
	.banner {
	  min-height: 635px;
	}
	.app-img  {
	    width: 68%;
	}
	.banner-left {
	    margin: 5em 0;
        padding: 0;
	}
	.service-section {
	  padding: 4em 0;
	}
	.social-icons {
	  width: 24%;
	}
	ul li a {
	  font-size: 12px;
	}
	.banner {
	   min-height: 80px;
	}
	.service-section-grid h4 {
		margin-bottom: 0.5em;
	}
	.icon {
		margin-right: 5%;
	}
	.service-section-grids {
	  padding: 6em 0 3em;
	}
	.service-section-grid {
	  margin-top: 2em;
	}
}
@media (max-width: 768px){
		span.menu:before {
		content: url(../images/nav-icon.png);
		cursor: pointer;	
		height:32px;
	}
	.banner-2 {
	  min-height: 74px;
	}
	.top-menu {
		width: 3%;
		float: right;
		margin:0;
	}
	.top-menu  ul{
		display:none;
	}
	.top-menu  ul li {
	  font-size: 12px;
	  display: inline-block;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	}
	.top-menu ul li a {
		   padding: 10px 10px;
		font-size: 13px;
		width: 100%;
		font-weight:600;
		display:block;
	}
	.top-menu ul li a:hover{
		color:#fff;
		  padding: 10px 10px;
	}
	 span.menu{
		display:block;
		float:right;
	}
	.top-menu  ul{
	  margin: 0;
	  z-index: 999;
	  position: absolute;
	  width: 96%;
	  text-align: center;
	  top: 7%;
	  left: 2%;
	    background: rgba(57, 107, 178, 1);
	}
	.logo a img {
	  width: 60%;
	}
	.banner-top {
	   padding: 2.5em 0;
	}
	.service-section-grids {
		padding: 5em 0 3em;
	}
  .service-section-grids h3 {
		font-size: 2.1em;
	}	
	.icon {
		padding: 0px 0px;
		margin-right: 3%;
		width: 6%;
	}
	.icon-text {
	  float: left;
	    width: 91%;
	}
	.social-icons {
	  width: 31%;
	}
	.team {
	  padding: 1em 0 3em;
	}
	ul#filters {
	  text-align: center;
	  margin: 22px auto 0;
	}
	.b-animate {
		width: 67%;
	}
	div#portfoliolist {
	  padding: 4.5% 0px;
	}
	.contact-main h3, .about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3, .login-main h3, .rgstr-top h3 {
	  margin-bottom: 1em;
	}
	
	.qrcode{
		display: none;
	}
	/* .down{ */
		/* align-content: center; */
	/* } */
	.app-download-btn{
		margin-bottom: 10px;
	}
	.banner-left h2 {
	  font-size: 4em;
	}
	.banner-left h1 {
	  font-size: 4em;
	}
	.banner-left h3 {
	  font-size: 2em;
	}
	/* .banner-left h1 { */
	  /* text-align: center; */
	/* } */
	/* .banner-left h2 { */
	  /* text-align: center; */
	/* } */
	.banner {
	  min-height: 50px;
	}
	.banner-left {
		margin-top: 0;
		float: left;
		width: 100%;
		padding: 0;
		z-index:1;
	}
	.banner-left p {
	  font-size: 1.2em;
	}
	.banner-right {
		  /* right: -30%; */
		position: absolute; 
		z-index:0; 
	top:30%;
	  width: 100%;
	}
	.app-img img {
	  margin-top: 1em;
	}
	.app-img {
		  right: -35px;
		  right: 5%;
	  width: 45%;
	}
}
@media (max-width: 640px){
	.app-img {
	  top: -5px;
	}
	.icon {
		width: 9%;
	}
	.icon-text {
		width: 86%;
	}
	.copyrights p {
	  float: none;
	  text-align: center;
	}
	.social-icons {
	  width: 100%;
	  float: none;
	  margin: 3% auto;
	  text-align: center;
	}
	.copyrights {
	  padding: 2em 0 0;
	}
	ul#filters {
	  text-align: center;
	  margin: 25px auto;
	}
	div#portfoliolist {
	  padding: 0% 0px;
	}
	#filters li span {
	  padding: 4px 15px;
	  font-size: 13px;
	  margin: 0 0 0 0;
	}
	.b-animate {
	    font-size: 13px;
		  top: 28%;
		  width: 66%;
	}
	.banner-left h2 {
		font-size: 3em;
	}
	.banner-left h1 {
		font-size: 3em;
	}
	.banner-left p {
		font-size: 1.1em;
	}
}

@media (max-width: 480px){
	.banner-left h1 {
	  font-size: 2.2em;
	}
	.service-section-grids p {
		font-size: 1.2em;
	}
	.service-section-grids {
		padding: 6em 0 3em;
	}
	.team-grid-left:nth-child(4) {
		margin-right: 0;
		margin: 15px auto 0;
		width: 67%;
		text-align: center;
		float: none;
	}
	.banner-left h2 {
		font-size: 1.5em;
	}
	.banner-left p {
		font-size: 0.8em;
	}
	.service-section-grid p {
		font-size: 0.9em;
	}
	.icon {
		width: 11%;
	}
	.service-grid {
		padding: 0;
	}
	.team-grid {
	  padding: 1em 0 0;
	}
	.banner-left h3 {
	  font-size: 1.4em;
	}
	.banner-left p {
	  font-size: 1em;
	}
	.banner-left {
	  margin:0em 0 1.5em;
	}
	.b-animate {
	  font-size: 11px;
	  top: 22%;
	  width: 78%;
	}
}
@media (max-width: 320px){
	.app-img {
	  top: 68px;
	  width: 43%;
	}
	.banner-left h2 {
	  font-size: 2em;
	}
	.banner-left h1 {
	  font-size: 2em;
	}
	.banner-left h3 {
	  font-size: .9em;
	}
	.banner-left h3 span {
	  font-size: .8em;
	}
	.banner-left p {
	  font-size: .8em;
	}
	.app-img img {
	  margin-top: 0;
	}
	.app-img {
		  top: 11px;
		  width: 40%;
		  right: 1%;
	}
	.copyrights {
	  padding: 1em 0 0;
	}
	.team h2 {
	  padding: 10px 0;
	}
	.team-grid {
	  padding:0;
	}
	.team {
	  padding: 0em 0 2em;
	}
	.error-page h3 {
	  font-size: 10em;
	}
	.error-page p {
	  font-size: 2em;
	}
	.error-page {
	  margin: 0em 0;
	  min-height: 366px;
	}
	.banner-top {
	  padding: 1.5em 0;
	}
	.logo a img {
	  width: 64%;
	  margin-top: 4px;
	}
	.top-menu ul {
	  top: 12%;
	}
	#portfoliolist .portfolio {
	   width: 48%;
       margin: 0 2% 2% 0;
	}
	#filters li span {
	  padding: 4px 11px;
	}
	.copyrights p {
	  line-height: 1.7em;
	  margin: 16px 0;
	}
	.social-icons {
	  margin: 8% auto;
	}
	.col-md-3.team-grid-left {
	  width: 100%;
	}
	.team-grid-left h4 {
	  font-size: 1.5em;
	}
	.team-grid-left p {
	  font-size: 1em;
	  padding: 0 0 14px;
	}
	.service-section-grids {
	  padding: 3em 0 3em;
	}
	.service-section-grids h3 {
	  font-size: 1.8em;
	}
	.service-section-grids p {
	  font-size: 1.2em;
	}
	.service-section-grid h4 {
	  font-size: 1.1em;
	}
	.service-section-grids p {
	  font-size: 0.875em;
	}
	.icon {
	  padding: 0;
	  margin-right: 12%;
	}
	.col-md-6.service-grid {
	  padding: 0;
	}
	.service-section-grid {
	  margin-top: 1em;
	}
	.icon {
  width: 16%;
  margin-right: 6%;
}
	.service-section-grid p {
		height: 83px;
		overflow: hidden;
	}
	.service-section-grid h4 {
		font-size: 0.9em;
	}
	.icon-text {
		width: 74%;
	}
}
/*--/responsive--*/