/*--
Author: W3layouts
Author URL: http://w3layouts.com
/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

/* reset */
html,body{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, top-nav, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical top-nav */
nav.horizontal ul li{	display: inline-block;}/* horizontal top-nav */
img{max-width:100%;}
/*end reset*/
html, body{
  	font-family: 'Lato', sans-serif;
    font-size: 100%;

}
.container{
	width:90%;
	margin: 0 auto;
}
.header-top {
	background: rgba(15, 61, 90, 0.54);
	padding:0px 0;
}
.logo{
	float: left;
	margin-top:0.5em;
}
.top-nav ul{
	margin:0;
	padding:0;
}
.top-nav ul li{
	display: block;
		float: none;
		border-bottom: 1px solid rgba(238, 238, 238, 0.38);
		width: 99%;
		margin: 0;
		line-height: 2.5em;
}
.top-nav ul li a{
	padding:0;
	font-weight:400;
	text-decoration: none;
	color: #fff;
	padding: 0.6em 0.5em;
	width: 100%;
	font-size:14px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	font-family: 'Lato', sans-serif;
}
.top-nav ul li.active a span{
	background:#e74c3c;
	width:100%;
	height:1px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.top-nav ul li a:hover, .top-nav ul li.active a {
	color:#e20025;
}
.top-nav ul li:nth-child(5) a{
	border-bottom:none;
}
span.menu {
	display: block;
	width:29px;
	height:26px;
	background: url(../images/menu-icon.png) no-repeat 0px 0px;
	display: block;
	position: absolute;
	right:26px;
	top: 14px;
	cursor: pointer;
	}
	.top-nav ul{
		display:none;
		margin-top:0em;
	}
	.top-nav {
	float: left;
	 margin:0px;
	 width: 100%;
	}
/*----slider----*/
.header {
	background: url(../images/banner.png) #ECF0F1 no-repeat;
	min-height:20px;
	position: relative;
	background-size: 100% 100%;
}
/*--banner-sub-head--*/
.banner-sub-head {
	background:none;
	padding:0em 0;
}
.banner-info {
	margin:3% auto 0;
	text-align: center;
}
.banner-info h1 {
	text-align: center;
	font-size: 1.3em;
	color:#fff;
	margin:0.5% auto 0;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
/*----*/
.slide-btn{
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	border:none;
	display: inline-block;
	color: #FFF;
	font-size: 1em;
	font-weight:400;	
	text-align:center;
	-webkit-appearance:none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	background:none;
	margin-top: 5px;
}
.slide-btn:hover{
	text-decoration:none;
	color:#e20025;
}
/*--service-grids --*/

.service-section h3 {
	text-align: center;
	color: #e20025;
	font-size:1.3em;
	line-height: 1.5em;
	margin: 0em auto 0;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	padding-bottom: 4%;
}
.service-section lable {
	border-bottom: 3px solid#343433;
	top: 69%;
	left: 39%;
	width: 22%;
}
.service-grid1 h3 ,.service-grid2 h3,.service-grid3 h3{
	color: #e20025;
	font-size: 1.1em;
	margin: 0.2em auto;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-align: center;
}
.service-grid1 p,.service-grid2 p,.service-grid3 p {
	text-align: center;
	font-size:15px;
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
	font-weight: 400;
	color: #343433;
	width:100%;
}


/*	Strip
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	overflow:hidden;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
}
.b-link-stripe .b-line{
	position:absolute;
	top:0;
	bottom:0;
	width:20%;
	background:rgba(15, 207, 140, 0.9);
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	opacity:0;
	visibility:hidden; /* lt-ie9 */
}
/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	font-size:1.1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	width:90%;
	margin:2% auto;
}
.b-animate img{
	margin-top:16%;
	display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position:relative;
	left:-100%;
}
.b-animate-go:hover .b-from-left{
	left:0;
}
span.m_4{
	font-size:25px;
	font-weight:400;
	font-family: 'Lato', sans-serif;
}
p.m_5 {
	margin: 2% auto 5%;
	width: 70%;
	color: #283A47;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center;
}
ul#filters {
	padding: 0px;
}
/*--team--*/
.col_1_of_4:first-child {
	margin-left: 0;
}
.span_1_of_4 {
	width: 22.8%;
}
.col_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 2.6%;
	background: #FFF;
}
/* lt-ie9 */
.b-link-stripe:hover .b-line{
	visibility:visible;
}
.b-link-stripe .b-line1{
	left:0;
}
.b-link-stripe .b-line2{
	left:20%;
	transition-delay:0.1s !important;
	-moz-transition-delay:0.1s !important;
	-ms-transition-delay:0.1s !important;
	-o-transition-delay:0.1s !important;
	-webkit-transition-delay:0.1s !important;
}
.b-link-stripe .b-line3{
	left:40%;
	transition-delay:0.2s !important;
	-moz-transition-delay:0.2s !important;
	-ms-transition-delay:0.2s !important;
	-o-transition-delay:0.2s !important;
	-webkit-transition-delay:0.2s !important;
}
.b-link-stripe .b-line4{
	left:60%;
	transition-delay:0.3s !important;
	-moz-transition-delay:0.3s !important;
	-ms-transition-delay:0.3s !important;
	-o-transition-delay:0.3s !important;
	-webkit-transition-delay:0.3s !important;
}
.b-link-stripe .b-line5{
	left:80%;
	transition-delay:0.4s !important;
	-moz-transition-delay:0.4s !important;
	-ms-transition-delay:0.4s !important;
	-o-transition-delay:0.4s !important;
	-webkit-transition-delay:0.4s !important;
}
.b-link-stripe:hover .b-line{
	opacity:1;
}

#filters {
	margin:3% 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
	#filters li {
		display: -webkit-inline-box;
		margin-left: 0px;
		margin-bottom: 3px;
	}
	#filters li span {
		display: block;
		padding: 7px 17px;
		text-decoration: none;
		color: #fff;
		cursor: pointer;
		font-size: 15px;
		font-weight: 600;
		font-family: 'Lato', sans-serif;
		background: none;
		transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
	#filters li span:hover,#filters li.active span {
		background:#fff;
		color:#e20025;
		border-radius: 0.3em;
		-webkit-border-radius:0.3em;
		-o-border-radius:0.3em;
		-moz-border-radius: 0.3em;
	}
	#filters li.active {
		color:#e20025;
	}
 	#portfoliolist .portfolio {
	
		width: 30%;
		display:none;
		float:left;
		overflow:hidden;
		margin:0 1% 1% 0;
		 border-radius: 0;
	}
	div#portfoliolist {
		padding:0px 0px;
}	
	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		cursor:pointer;
	}
	.portfolio img {
		max-width:100%;
		/*--position: relative;--*/
		transition: all 300ms!important;
		-webkit-transition: all 300ms!important;
		-moz-transition: all 300ms!important;
	}
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
	}
	.portfolio .label-bg {
			background: #22B4B8;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
		}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
				font-size: 12px;
				text-transform:uppercase;
			}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.b-wrapper:hover {
	background: rgba(57, 120, 161, 0.81);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	
}
.portfolio {
	text-align: center;
}
/*-----team-grids----------*/
.team-section{
	position:relative;
}
.team-section h3{
	text-align: center;
	color: #e20025;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0em auto 0;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}
.team-section p {
	text-align: center;
	font-size:15px;
	margin:1% auto 0;
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
	font-weight: 400;
	color: #343433;
	width:100%;
}
.team_grid1 h4,.team_grid2 h4,.team_grid3 h4,.team_grid4 h4 {
	text-align: center;
	font-size: 0.9em;
	margin: 0% auto 0;
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
	font-weight: 400;
	color: #343433;
	width: 93%;
	font-style: italic;
}
.team-section lable{
	border-bottom: 3px solid#343433;
	position: absolute;
	top: 38%;
	left: 40.5%;
	width: 20%;
}
.team_grid1 h3,.team_grid2 h3,.team_grid3 h3, .team_grid4 h3 {
	color: #e20025;
	font-size: 0.9em;
	margin: 0.2em auto;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-align: center;
	line-height: 1.5em;
}
.team_grid2,.team_grid3{
	margin-top:6%;
}
/* CSS3 STYLE GENERIC */
.view {
	float: none;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
  margin: 10px 56px;
}
.view .mask, .view .contentn {
   width: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   height: 100%;	
}
.view img  {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../images/t-icons.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:152px;
   height:32px;
}
.view a.info :hover{
	opacity: 0.5;
}
/* CSS3 EFFECTS */
/* SECOND EFFECTS */
.view.second-effect img {
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
}
.second-effect .mask,.second-effect .mask{
   opacity: 0;
   overflow:visible;
   background: rgba(57, 120, 161, 0.81);
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition:0.5s all ease;
 
   cursor: pointer;
}
.second-effect a.info {
	position: relative;
	top: 40%;
	left: -6px;
	opacity: 0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effect:hover .mask {
   	 opacity: 1;
     background: rgba(57, 120, 161, 0.81);
     cursor: pointer;
}
.second-effect:hover a.info{
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
/*-------client-section---------------*/
div#offices{
	background:#333;
	background-size: 100% 100%;
	min-height: 80px;
	color:#FFF;
}
.map{
	margin: 0 auto;
	text-align: center;
}
.location{
    background:url(../images/map.png)0px 0px;
  	display: inline-block;
	height: 158px;
	width: 325px;
	position: relative;
}
.location ul{
	padding:0;
}
.location li {
	list-style: none;
}
.location a h4 {
	background:url(../images/location-icons.png)0px 0px;
  	display: inline-block;
	position: absolute;
	bottom: 1%;
	left: 22%;
	text-decoration: none;
}
.location ul li a i{
	width:30px;
	height:32px;
	display: inline-block;
	background: url('../images/l-icon.png') no-repeat;
	vertical-align: middle;
	
}
.location ul li a span.s1:hover,.location ul li a span.s2:hover,.location ul li a span.s3:hover{
	color: #e20025;
}
.location ul li a span.s1,.location ul li a span.s2,.location ul li a span.s3{
	position: absolute;
	left: 24%;
	top: 12%;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	font-family: 'Lato', sans-serif;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition:0.5s all ease;
}
.location ul li a span.s2{
	left: 60%;
	top: 14%;
}
.location ul li a span.s3{
	left: 51%;
	top: 47%;
}
.location ul li a i.icon_1{
	background-position: 0px 0px;
	position: absolute;
	left: 16%;
	top: 9%;
}
.location ul li a:hover i.icon_1{
	background-position: -30px 0px;
	position: absolute;
	left: 16%;
	top: 9%;
}
.location ul li a i.icon_2{
	background-position: 5px 0px;
	position: absolute;
	left:49%;
	top: 13%;
}
.location ul li a:hover i.icon_2{
	background-position: -30px 0px;
	position: absolute;
	left: 50%;
	top: 13%;
}
.location ul li a i.icon_3{
	background-position: 5px 0px;
	position: absolute;
	left: 41%;
	top: 46%;
}
.location ul li a:hover i.icon_3{
	background-position: -30px 0px;
	position: absolute;
	left: 42%;
	top: 46%;
}
.offices-section {
	padding: 1em 0em;
	position: relative;
	width:100%;
	
}
.offices-section h3 {
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0em auto 0;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}
.offices-section  p {
	text-align: center;
	font-size:15px;
	margin:1% auto 0;
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
	font-weight: 400;
	color: #fff;
	width:100%; 
	padding-top: 1em;
}
.offices-section lable {
	border-bottom: 3px solid#fff;
	position: absolute;
	top: 53%;
	left: 38.5%;
	width: 25%;
}

.client-section {
	padding:0em 0;
	position: relative;
}
.client-section h3 {
	text-align: center;
	color: #e20025;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0em auto 0;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}
.client-section  p {
	text-align: center;
	font-size: 15px;
	margin: 1% auto 0;
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
	font-weight: 400;
	color: #343433;
	width: 100%;
}
.client-section lable {
	border-bottom: 3px solid#343433;
	position: absolute;
	top: 39%;
	left: 38.5%;
	width: 24%;
}
.client-grids {
	margin: 4% 0;
}
.clients-icons li{
	display:block;
	margin-bottom:10px;
}
li.facebook,li.sony {
margin-top:2.5em;
}
.clients-icons ul {
padding: 0;
}
/*------text-slide----------*/
.item h4{
	color: #343433;
	font-size: 1em;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	margin: 0.5em 0;
}
.item p {
	width: 100%;
	color: #343433;
	font-size: 15px;
	text-align: center;
	font-family: 'Lato', sans-serif;
	line-height: 1.5em;
	font-weight: 500;
	font-style: italic;
}
/*-----contact-----------*/
div#contact{
	background: url(../images/bg3.png) #ECF0F1 no-repeat;
	min-height:466px;
	margin-top: -105px;
	background-size: 100% 100%;
}
.contact-section {
	margin-top:42%;
	position: relative;
}
.contact-section h3 {
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0em auto 0;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}
.contact-section lable {
	border-bottom:3px solid#fff;
	position: absolute;
	top: 100%;
	left: 40.5%;
	width: 22%;
}
.contact-content {
	padding: 1em 0;
}
ul.contact-grids li i.icon11{
	width: 33px;
	height: 32px;
	background: url(../images/contact-icons.png)no-repeat 0px 0px;
	display: inline-block;
	cursor: pointer;
}
ul.contact-grids li i.icon11:hover{
	opacity: 0.5;
	transition: 0.5s ease;
	-webkit-transition: 0.5s  ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s ease;
	-ms-transition:0.5s  ease;
}
ul.contact-grids li i.icon12{
	width: 33px;
	height: 34px;
	background: url(../images/contact-icons.png)no-repeat -126px 0px;
	display: inline-block;
	cursor: pointer;
}
ul.contact-grids li i.icon12:hover{
	opacity: 0.5;
	transition: 0.5s ease;
	-webkit-transition: 0.5s  ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s ease;
	-ms-transition:0.5s  ease;
}
ul.contact-grids li i.icon13{
	width: 33px;
	height: 32px;
	background: url(../images/contact-icons.png)no-repeat -246px -3px;
	display: inline-block;
	cursor: pointer;
}
ul.contact-grids li i.icon13:hover{
	opacity: 0.5;
	transition: 0.5s ease;
	-webkit-transition: 0.5s  ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s ease;
	-ms-transition:0.5s  ease;
}
ul.contact-grids {
	padding: 0;
	text-align: center;
	margin: 0 auto;
}
ul.contact-grids li{
	 list-style: none;
	 display:inline-block;
	margin-left: 4px;
}
li.contact-grid{
	cursor: pointer;
	transition: 0.5s ease;
	-webkit-transition: 0.5s  ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s ease;
	-ms-transition:0.5s  ease;
}
li.contact-grid:hover {
	opacity: 0.5;
}
ul.contact-grids h4{
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 1.5em;
	margin: 0em auto 0;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
}
form{
	width:100%;
	margin: 2% auto 0;
	text-align: center;
}
.contact-content input[type="text"],.contact-content  textarea {
	padding:5px;
	width:100%;
	margin:2% 0% 0 0;
	background: #ECF0F1;
	outline: none;
	color:#8E8E8E;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #fff;
	-webkit-appearance: none;
	font-size:13px;
	font-weight:300;
	cursor: pointer;
}
.contact-content  input[type="text"]:nth-child(2)
{
	margin-right: 0em;
}
.contact-content form textarea{
	resize:none;
	height:80px;		
}
.submit{
	text-align:center;
	margin: 2% 0;
}
.contact-content input[type="submit"]{
	font-family: 'Open Sans', sans-serif;
	background:none;
	color: #fff;
	font-weight: 500;
	border:none;
	outline:none;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	letter-spacing: 0.1em;
	outline: none;
	cursor: pointer;
	font-size: 1em;
	text-transform: uppercase;
}
.contact-content  input[type="submit"]:hover{
	color:#e20025;
}
.footer {
	background: #ECF0F1;
}
.copy-right {
	float: none;
	margin-top: 0em;
	text-align: center;
}
.copy-right  p{
	color:#343433;
	font-size:13px;
	text-align: center;
	text-transform: uppercase;
   font-family: 'Lato', sans-serif;
   line-height: 1.6em;
}
.copy-right p a{
	color:#e20025;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-weight: 600;
}
.copy-right a:hover{
	color:#343433;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom:9%;
	right:2%;
	overflow: hidden;
	width: 42px;
	height: 46px;
	border: none;
	text-indent: 100%;
	background: url("../images/move-up.png") no-repeat 0px 0px;
}
#toTopHover {
	width:42px;
	height:46px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
.banner{
	margin-top:1em;
	padding-bottom:1.5em;
}
a.callbutton{
	  padding: 0.5em 0em;
  display: inline-block;
  text-align:center;
    margin:0 auto;

  width: 8em;  background: #999;
  color: #fff;
  border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius: 8px;
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}.btnfl{
	float:left;
	
}
.btnfr{
	float: right;
	
}
.footer{
	position: fixed;
	bottom:0;
	width:100%;
}
#service{
	padding:1em 0;
	color:#666;
}
.fa{
	font-size:4em;
	padding:0.2em 0;
}

.service-grids img{
	width:60%;
}
section{
	padding-bottom:1em 0 100px 0 !important;
}
.service-grid1 h3, .service-grid2 h3, .service-grid3 h3, {
	padding:0;
	margin:0;
	line-height:1em;
}

body.home .service-grid1 p{
	padding-bottom:1em;
	margin:0;
}
ul.list2{
	text-align:left;
	padding-left:1em;
}
ul.list2 li{
	list-style:disc outside;
	font-size:0.8em;
	line-height:1.5em;
	color:#333;
	}
	
#ratetb td{padding:0.2em; font-size:0.8em}
#ratetb tr.title td{ color:#FFF; font-weight:bold}
.labelform textarea, textarea{
	  padding:8px;
    color:#FFF;
    font-size:1em;
    background:none;   
    outline:none;
    border:none;
    margin:0px auto;
    width:85%;  
    -webkit-apperance:none;
    font-family: 'ambleregular';
	background:#333;
			-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
			padding:1.2em;
	
}
.labelform select, select{
	  padding:8px;
    color:#FFF;
    font-size:1em;
    background:none;   
    outline:none;
    border:none;
    margin:0px auto;
    width:50%;  
    -webkit-apperance:none;
    font-family: 'ambleregular';
	background:#333;
			-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
  padding: 0.5em;
			height:50px;
	
}
.labelform{
	display:block;
	width:100%;
	margin-bottom:0.5em;
	
}

div.labelform i{
	width:100%;
	display:inline-block;
	vertical-align:top;
	margin-right:0.5em;
	
	
}
fieldset {
  border: 0px;
  margin: 0;
  padding: 0;
}
form {
  margin: 0;
  text-align:left;
}
form label {
  display: block;
  margin: .2em;
}
input[type="text"], input[type="password"] {
  padding: 8px;
  color: #333;
  font-size: 1em;
  background: none;
  outline: none;
  border: none;
  margin: 0px auto;
  width: 85%;
  -webkit-apperance: none;
  font-family: 'ambleregular';
  background: #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0.5em;
}
select, textarea{
	background:#CCC;
	font-family: 'ambleregular';
	  color: #333;
	  font-size: 1em;

}
.buttonm {
  display: inline-block;
  background: #333;
  padding: 15px 2.5em;
  color: #FFF;
  font-size: 1em;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-apperance: none;
  margin-top: 1.5em;
}

#success, #error {
    display:none
}
#success span, #error span {
    display:block;
    top:0;
    width:100%
}
#success span p, #error span p {
}
#success span.green{
				-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
			padding:1.2em;
			background:#B5DB5A;
			width:85%;
	
}
#success span p {
    color:#79A01A
}
#error span p {
    color:#c0392b
}	
form label.error {
    margin-bottom:1em;
    color:#c0392b;
	font-weight:bold;
	width:100%; 
	margin-bottom:30px;
	display:block;
	
}

form input[type="text"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="month"]:focus, form input[type="week"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="time"]:focus, form input[type="url"]:focus, form textarea:focus {
    border-color:#191919;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none
}
form input[type="text"][disabled], form input[type="password"][disabled], form input[type="date"][disabled], form input[type="datetime"][disabled], form input[type="datetime-local"][disabled], form input[type="month"][disabled], form input[type="week"][disabled], form input[type="email"][disabled], form input[type="number"][disabled], form input[type="search"][disabled], form input[type="tel"][disabled], form input[type="time"][disabled], form input[type="url"][disabled], form textarea[disabled] {
    background:#fff
}
form input[type="text"].error, form input[type="password"].error, form input[type="date"].error, form input[type="datetime"].error, form input[type="datetime-local"].error, form input[type="month"].error, form input[type="week"].error, form input[type="email"].error, form input[type="number"].error, form input[type="search"].error, form input[type="tel"].error, form input[type="time"].error, form input[type="url"].error, form textarea.error {
    background:#FCFAED;
    border:#c0392b solid 0.2em;
	color:#333;
}
.a_demo_three {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	border-left:solid 1px #2ab7ec;
	margin-left:35px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.a_demo_three:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.a_demo_three::before {
	background-color:#2561b4;
	content:"1";
	width:35px;
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(10,94,125)),
	color-stop(1, rgb(14,139,184))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

.a_demo_three:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}

/*
Second button
*/

.second_button::before {
	content:"";
}

/*
Third button
*/

.third_button::before {
	content:"3";
}

#loadingplace{
	display:inline-block; 
	width:100px;
	
	
}
#loadingplace img{
	width:100%;

}
@media only screen 
and (min-width : 360px) 
and (max-width : 480px)  { 
a.callbutton{
	width:9.5em;
}
}