body {
	margin: 0;
	font-family: 'PT Sans', sans-serif !important;
	background: #fff;
}

body a {
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p {
	margin: 0;
}

ul,
label {
	margin: 0;
	padding: 0;
}

body a:hover {
	text-decoration: none;
}

/*-- banner --*/
.banner {
	/*background:url(../images/banner_site_albinet.png) no-repeat center; */
	min-height: 600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.w3layouts-header {
	padding: 1em 0 0;
}

.header-left {
	float: left;
}

.header-left h1 {
	font-size: 5.5em;
	color: #fff;
	margin: 0;
	font-weight: 900;
}

.header-left h1 a {
	display: block;
	text-decoration: none;
	color: #fff;
}

.header-left h1 a span {
	font-weight: 100;
	font-size: 0.6em;
}

.top-nav {
	float: left;
	margin-left: 71em;
}

button#showRightPush {
	border: none;
	padding: 3px 0 0;
	outline: none;
	/*position: fixed;*/
	float: right;
	z-index: 1;
	background: none;
}

nav#cbp-spmenu-s2 {
	background: #FFF;
	text-align: center;
}

nav#cbp-spmenu-s2 a {
	color: #2094f3;
	display: block;
	padding: 20px 25px;
	font-size: 18px;
	font-weight: 400;
	border: none;
	margin: 0;
	border-bottom: 1px dashed #d4d4d4;
	text-decoration: none;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}

nav#cbp-spmenu-s2 a:hover {
	text-decoration: none;
	background: none;
}

nav#cbp-spmenu-s2 a.active,
nav#cbp-spmenu-s2 a:hover {
	color: #000;
}

nav#cbp-spmenu-s2 h3 {
	background: #2094f3;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}

.top-nav ul {
	padding: 0;
	margin: 0;
}

.top-nav ul li {
	list-style-type: none;
}

.banner-w3lsinfo {
	padding: 18em 0 0;
	text-align: center;
	position: absolute;
	top: 0;
	width: 100%;
	background: #00000040;
	height: 100%;
}

.banner-w3lsinfo h2 {
	color: #fff;
	font-size: 3em;
	font-weight: 300;
	margin: 0 0 .2em;
	text-transform: uppercase;
	letter-spacing: 10px;
}

.banner-w3lsinfo p {
	font-size: 16px;
	color: #fff;
	width: 50%;
	margin: 1.5em auto 0;
	line-height: 1.8em;
	text-transform: uppercase;
	font-size: 20px;
}

.agileits {
	text-align: center;
	color: white;
	font-size: 16px;
	color: #636363;
}

.agileits-intro {
	padding: 17em 0 0;
	text-align: center;
}

.agileits-intro p {
	font-size: 17px;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.agileits-intro p a {
	/*background: url(../images/up-arrow.png) no-repeat center;*/
	display: block;
	height: 25px;
}

.scroll {
	background: url(../images/up-arrow.png) no-repeat center;
}

/*-- //banner --*/
/*-- introduction --*/
.introduction {
	padding: 6em 0;
	text-align: center;
}

h3.agileits-title {
	color: #222222;
	font-size: 3em;
	margin: 0 0 1em;
	text-transform: uppercase;
	text-align: center;
}

h1.agileits-title {
	color: white;
	font-size: 3em;
	margin: 0 0 1em;
	text-transform: uppercase;
	text-align: center;
}

.introduction p {
	font-size: 16px;
	/*color: #999;*/
	color: #696969;
	margin: 0 auto;
	width: 52%;
	line-height: 2em;
}

/*-- //introduction --*/
/*-- download --*/
.download-agile {
	background: url(../images/img01.jpg) no-repeat center fixed;
	background-size: cover;
	padding: 6em 0;
	text-align: center;
}

.download-agile p {
	font-size: 20px;
	color: #fff;
	margin: 0 auto 4em;
	width: 65%;
	line-height: 1.8em;
}

.download-agile a {
	padding: .6em 3em;
	border: 2px solid #e84747;
	color: white;
	font-size: 2em;
	text-decoration: none;
	color: white;
	background: #e84545;
	border-radius: 10px;
}

/*-- //download --*/
/*-- logo-singular --*/
.logo-singular {
	background: #222222;
	padding: 6em 0;
}

.logo-singular h3 {
	color: #fff;
}

.singular-left p.sing {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	line-height: 1.8em;
}

.singular-grid-left span.glyphicon {
	font-size: 2.2em;
	background: #fff;
	color: #222222;
	padding: 1em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all;
}

.singular-left {
	margin-top: 4em;
}

.singular-grids {
	margin: 4em 0 0;
}

.singular-grid-right img {
	width: 100%;
}

.singular-grid-right {
	margin-top: 0.5em;
}

.singular-grid-right h4 {
	color: #fff;
	font-weight: 700;
	font-size: 1.4em;
	margin: 0 0 .5em;
}

.singular-grid-right p {
	font-size: 14px;
	color: #999;
	margin: 0;
	line-height: 1.8em;
	margin-top: 1em;
}

.singular-grid:nth-child(2) {
	margin: 3.5em 0 !important;
}

.singular-right {
	margin-top: 5em;
}

.singular-grid:hover span.glyphicon {
	background: #2094f3;
	color: #fff;
}

/*-- //logo-singular --*/
/*-- services --*/
.services {
	background: #000000;
	padding: 6em 0;
}

.services h3 {
	color: #fff;
}

.single-text {
	float: left;
	margin-left: 1em;
	margin-top: .5em;
}

.single-text p {
	font-size: 1.4em;
	font-weight: 700;
	color: #fff;
	margin: 0;
}

.main-services {
	height: 215px;
	background: #191919;
	padding: 20px;
}

.services-left p.w3-agile-amet {
	margin: 1.5em 0 0;
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	line-height: 1.8em;
}

.ref,
.ref1,
.ref2,
.ref3,
.ref4,
.ref5,
.ref6,
.ref7 {
	float: left;
}

.services-left span.glyphicon {
	font-size: 1em;
	padding: 0.9em;
	background: #fff;
	text-align: center;
}

.services-left:hover span {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all;
}

.service-grids {
	margin: 4em 0 0;
}

/*-- //services --*/
/*-- work --*/
.work {
	background: #232323;
	padding: 6em 0;
}

.work h3 {
	color: #fff;
}

.work-grid {
	float: left;
	width: 25%;
	position: relative;
}

.work-grid a img {
	width: 100%;
}

.b-from-left p {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin: 1.3em auto;
	text-align: center;
	/*border: 1px solid #fff;*/
	width: 90%;
	padding: 5.5em 0;
}

.b-from-left p span {
	display: block;
	margin: 2em 0 0;
	font-size: 14px;
	font-weight: 300;
	margin-top: 30px;
}

/* 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;
}

/* 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;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*----- Strip -----*/
.b-link-stripe {
	position: relative;
	display: block;
	vertical-align: top;
	font-weight: 300;
	overflow: hidden;
	/*margin-left: 10px;*/
}

.b-link-stripe .b-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	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 */
}

/*-- portfolio-img --*/
.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;

}

/* lt-ie9 */
.b-animate-go:hover .b-animate {
	visibility: visible;
}

.b-from-left {
	position: relative;
	/*left:-100%;*/
	left: 100%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
}

.b-from-left {
	margin: 0;
}

.b-animate-go:hover .b-from-left {
	left: 0;
}

.b-wrapper:hover {
	background: rgba(0, 0, 0, 0.74);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.light-box-info {
	padding: 1.8em;
}

/*-- //work --*/
/*-- about-us --*/
.about-us {
	/*padding:6em 0;*/
}

.about-us p.ut {
	font-size: 18px;
	line-height: 2em;
	width: 65%;
	text-align: center;
	color: #999;
	margin: 0 auto 5em;
}

.about-grid {
	position: relative;
	overflow: hidden;
}

.about-grid img {
	width: 100%;
}

.cap {
	position: absolute;
	top: 100%;
	left: 5%;
	background: rgba(0, 0, 0, 0.45);
	width: 257px;
	min-height: 338px;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all;
}

.cap p {
	margin: 0 0 1em;
	font-size: 22px;
	color: #fff;
	text-align: center;
	padding: 7em 0 0;
}

.cap p span {
	display: block;
	font-size: 17px;
	margin-top: 0.5em;
}

.cap .social-icon {
	text-align: center;
}

.about-grid:hover div.cap {
	top: 0;
}

/*-- //about-us --*/
/*-- contact --*/
.contact {
	padding: 6em 0;
	background: #2094f3;
	text-align: center;
}

.contact p {
	font-size: 20px;
	line-height: 1.8em;
	width: 65%;
	color: #fff;
	margin: 0 auto 3em;
}

.con a {
	padding: 13px 60px;
	font-size: 25px;
	font-weight: 700;
	color: #222222;
	border-radius: 7px;
	background: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	text-decoration: none;
}

.con a:hover {
	text-decoration: none;
	color: #fff;
}

/* Bounce To Bottom */
.wthree-hvr {
	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.5s;
	transition-duration: 0.5s;
}

.wthree-hvr:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e84747;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	text-decoration: none;
}

.wthree-hvr:hover,
.wthree-hvr:focus,
.wthree-hvr:active {
	color: white !important;
}

.wthree-hvr:hover:before,
.wthree-hvr:focus:before,
.wthree-hvr:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.pop h3 {
	font-size: 25px;
	font-weight: 700;
	color: #222222;
	margin: 0 0 2em;
	text-transform: uppercase;
}

.contact-grid {
	float: left;
	width: 33.33%;
	text-align: left;
}

.contact-grids {
	text-align: left;
}

.contact-grid h4 {
	font-size: 15px;
	color: #222222;
	margin: 0 0 1em 0em;
}

.contact-grid p.agile-qwe {
	color: #989797;
	font-size: 13px;
	margin: 0;
}

.contact-grid p a {
	color: #989797;
}

.contact-grid p a:hover {
	text-decoration: none;
	color: #2094f3;
}

button.close {
	outline: none;
}

.inp {
	margin: 1.5em 0 0;
}

.inp h4 {
	font-size: 20px;
	font-weight: 700;
	color: #2094f3;
	margin: 0 0 1em;
	text-align: left;
}

.contact-grids h5 {
	font-size: 20px;
	font-weight: 700;
	color: #2094f3;
	margin: 0 0 1em;
	text-align: left;
}

.inp input[type="text"],
.inp input[type="email"],
.inp textarea {
	outline: none;
	padding: 13px 10px;
	border: 1px solid #dadada;
	background: none;
	font-size: 13px;
	color: #222222;
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.inp input[type="email"] {
	margin: 1em 0;
}

.inp textarea {
	width: 100%;
	margin: 1em 0;
	resize: none;
	height: 150px;
}

.inp input[type="submit"] {
	outline: none;
	background: #2094f3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #fff;
	font-weight: 600;
	padding: 9px 80px;
	font-size: 20px;
	border: none;
	margin-bottom: 2em;
}

.inp input[type="submit"]:hover {
	background: #dec31c;
}

.map-w3ls iframe {
	width: 100%;
	min-height: 300px;
	border: none;
	margin-top: 5em;
}

/*-- //contact --*/
/*-- footer --*/
.footer {
	padding: 3em 0;
	background: #000000;
}

.footer-left {
	float: left;
}

.footer-left p {
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	margin: 0.8em 0 0;
}

.footer-left p a {
	color: #fff;
}

.footer-left p a:hover {
	color: #dec31c;
}

.footer-right {
	float: right;
}

.social-button {
	display: inline-block;
	background-color: #fff;
	width: 40px;
	height: 40px;
	margin: 0 3px;
	line-height: 37px;
	text-align: center;
	position: relative;
	overflow: hidden;
	opacity: .99;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.social-button:before {
	content: '';
	background-color: #000;
	width: 120%;
	height: 120%;
	position: absolute;
	top: 102%;
	left: -118%;
	-webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	-moz-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social-button .fa {
	font-size: 21px;
	vertical-align: middle;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	-moz-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social-button.facebook:before {
	background-color: #3B5998;
}

.social-button.facebook .fa {
	color: #3B5998;
}

.social-button.twitter:before {
	background-color: #3CF;
}

.social-button.twitter .fa {
	color: #3CF;
}

.social-button.google:before {
	background-color: #DC4A38;
}

.social-button.google .fa {
	color: #DC4A38;
}

.social-button.dribbble:before {
	background-color: #F26798;
}

.social-button.dribbble .fa {
	color: #F26798;
}

.social-button.skype:before {
	background-color: #00AFF0;
}

.social-button.skype .fa {
	color: #00AFF0;
}

.social-button:focus:before,
.social-button:hover:before {
	top: -10%;
	left: -10%;
}

.social-button:focus .fa,
.social-button:hover .fa {
	color: #fff;
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/*-- //footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 14%;
	right: 2%;
	overflow: hidden;
	z-index: 999;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("../images/arrow5.png") no-repeat 0px 0px;
}

#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

/*-- //to-top --*/
/*--media-quaries-starts-here--*/
@media screen and (max-width: 1440px) {
	.b-from-left p {
		padding: 4.6em 0;
	}
}

@media screen and (max-width: 1600px) {
	.b-from-left p {
		margin: 1em auto;
		padding: 4.1em 0;
		line-height: 25px;
	}
}

@media screen and (max-width: 1366px) {
	.banner-w3lsinfo {
		padding: 15em 0 0;
	}

	.agileits-intro {
		padding: 13em 0 0;
	}

	.banner {
		min-height: 700px;
	}

	.introduction,
	.logo-singular,
	.download-agile,
	.services,
	.work,
	.about-us,
	.contact {
		padding: 5em 0;
	}

	.introduction h3 {
		margin: 0 0 .8em;
	}

	.introduction h3,
	.logo-singular h3,
	.services h3,
	.work h3,
	.about-us h3 {
		font-size: 2.5em;
	}

	.download-agile a {
		font-size: 2.1em;
	}

	.services h3 {
		margin: 0 0 2em;
	}

	.about-us h3 {
		margin: 0 0 1em;
	}

	.about-us p.ut {
		margin: 0 auto 4em;
	}

	.download-agile p {
		margin: 0 auto 3em;
	}
}

@media screen and (max-width: 1080px) {
	.top-nav {
		margin-left: 56em;
	}

	.banner-w3lsinfo h2 {
		letter-spacing: 6px;
	}

	.singular-grid-left {
		padding-left: 0;
	}

	.single-text {
		margin-left: 0.5em;
	}

	.single-text p {
		font-size: 1.2em;
	}

	.services-left p.w3-agile-amet {
		margin: 1em 0 0;
	}

	.b-from-left p {
		padding: 2.9em 0;
	}

	.cap {
		width: 209px;
	}

	.cap p {
		padding: 5em 0 0;
	}
}

@media screen and (max-width: 1024px) {
	.agileits-intro {
		padding: 12em 0 0;
	}

	.top-nav {
		margin-left: 51.8em;
	}

	.header-left h1 {
		padding-left: 0.5em;
	}

	.header-left h1 {
		font-size: 6em;
		line-height: 0.9em;
	}

	.banner-w3lsinfo {
		padding: 13em 0 0;
	}

	.banner {
		min-height: 560px;
	}

	.introduction,
	.logo-singular,
	.download-agile,
	.services,
	.work,
	.about-us,
	.contact {
		padding: 4em 0;
	}

	.introduction h3,
	.logo-singular h3,
	.services h3,
	.work h3,
	.about-us h3 {
		font-size: 2.3em;
	}

	.download-agile a {
		font-size: 2em;
		padding: .4em 2.5em;
	}

	.singular-grid-right {
		margin-top: 0;
	}

	.single-text {
		margin-top: 0.2em;
	}

	.single-text p {
		font-size: 1.2em;
	}

	.services-left p.w3-agile-amet {
		margin: 1em 0 0;
		font-size: 15px;
	}

	.service-grids {
		margin: 3em 0 0;
	}

	.b-from-left p {
		padding: 2.7em 0;
	}

	.about-us p.ut {
		margin: 0 auto 3em;
	}

	.cap {
		left: 6%;
		width: 206px;
		min-height: 273px;
	}

	.cap p {
		font-size: 20px;
	}

	.cap p span {
		font-size: 15px;
	}

	.introduction p,
	.download-agile p,
	.about-us p.ut,
	.contact p {
		font-size: 17px;
	}

	.contact p {
		margin: 0 auto 3em;
	}

	.con a {
		padding: 11px 50px;
		font-size: 22px;
	}

	.pop h3 {
		font-size: 25px;
		margin: 0 0 1em;
	}

	.inp {
		margin: 0;
	}

	.inp input[type="submit"] {
		padding: 8px 70px;
		font-size: 18px;
	}

	.contact-grid h4 {
		font-size: 14px;
	}

	.inp textarea {
		margin: 1em 0em 1em;
	}

	.footer {
		padding: 2em 0;
	}
}

@media screen and (max-width: 991px) {
	.header-left h1 {
		padding-left: 0;
	}

	.top-nav {
		margin-left: 40.5em;
	}

	button#showRightPush img {
		width: 90% !important;
	}

	.banner-w3lsinfo p {
		width: 60%;
	}

	.introduction p,
	.download-agile p,
	.about-us p.ut,
	.contact p {
		width: 86%;
	}

	.service-grids {
		margin: 0;
	}

	.services h3 {
		margin: 0 0 1em;
	}

	.download-agile a {
		font-size: 1.6em;
		padding: .4em 1.5em;
	}

	.banner-w3lsinfo h2 {
		letter-spacing: 5px;
		font-size: 3.5em;
	}

	.singular-grid-left {
		text-align: center;
	}

	.singular-right {
		text-align: center;
	}

	.singular-right img {
		width: 60%;
		margin: 0 auto;
	}

	.b-from-left p {
		padding: 2.5em 0;
	}

	.about-grids {
		width: 75%;
		margin: 0 auto;
	}

	.cap {
		left: 6%;
		width: 239px;
		min-height: 100%;
	}

	.cap p {
		padding: 7em 0 0;
	}

	.services-left {
		margin-top: 2em;
	}

	.contact p {
		margin: 0 auto 2em;
	}

	.con a {
		padding: 11px 40px;
		font-size: 20px;
	}

	.map-w3ls iframe {
		min-height: 200px;
		margin-top: 4em;
	}

	.about-grid:nth-child(3),
	.about-grid:nth-child(4) {
		margin-top: 2em;
	}
}

@media screen and (max-width: 800px) {
	.banner-w3lsinfo {
		padding: 10em 0 0;
	}

	.b-from-left p {
		padding: 1.5em 0;
	}
}

@media screen and (max-width: 600px) {
	#video {
		width: 100%;
		margin-top: 130px;
	}

	.main-video {
		height: 330px !important;
	}

	.text-banner {
		padding-top: 100px;
	}

	.p-banner {
		padding-top: 100px;
	}

	#sobre-nos {
		padding-top: 0px !important;
	}
}

@media screen and (min-width:600px and max-width: 600px) {
	#video {
		width: 100%;
		margin-top: 130px;
	}

	.main-video {
		height: 600px !important;
	}
}




@media screen and (max-width: 768px) {
	.top-nav {
		margin-left: 36em;
	}

	.banner-w3lsinfo p {
		font-size: 16px;
	}

	.introduction p,
	.download-agile p,
	.about-us p.ut,
	.contact p {
		font-size: 16px;
	}

	.introduction h3,
	.logo-singular h3,
	.services h3,
	.work h3,
	.about-us h3 {
		font-size: 2em;
	}

	.introduction,
	.logo-singular,
	.download-agile,
	.services,
	.work,
	.about-us,
	.contact {
		padding: 3em 0;
	}

	.download-agile a {
		font-size: 1.8em;
	}

	.download-agile p {
		margin: 0 auto 3em;
	}

	.single-text p {
		margin: .8em 0 0;
		font-size: 1em;
	}

	.services-left p.w3-agile-amet {
		margin: .5em 0 0;
		font-size: 14px;
	}

	.b-from-left p {
		margin: .7em auto;
		font-size: 14px;
		padding: 2em 0;
	}

	.b-from-left p span {
		margin: .7em 0 0;
		font-size: 13px;
	}

	.about-us p.ut {
		margin: 0 auto 2em;
	}

	.inp input[type="submit"] {
		padding: 8px 60px;
		font-size: 15px;
	}

	.header-left h1 {
		padding-left: .3em;
	}

	.banner-w3lsinfo h2 {
		font-size: 3.2em;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}

	.single-text {
		margin-left: 1em;
	}

	.banner-w3lsinfo p {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		margin-top: 35px;
	}

	.main-navigation {
		padding: 10px !important;
	}

	.nav-list {
		display: none !important;
	}

	#img-menu {
		width: 150px !important;
	}

	/*.agileits-intro{
		text-align: center;
		position: absolute;
		top: 80%;
		width: 100%;
		height: 100%;
		display: block !important;
	}*/

	.introduction {
		padding: 6em 0 !important;
	}

	.top-bar {
		padding-left: 20px !important;
		padding-right: 10px !important;
	}

	.orçamento {
		margin-top: 5px !important;
		font-size: 14px !important;
	}

	.main-services {
		height: auto !important;
	}


	button#showRightPush {
		display: block !important;
	}

	.navbar-header {
		padding-bottom: 5px !important;
	}

	.navbar-desktop {
		display: none !important;
	}

	.navbar-mobile {
		display: block !important;
	}

}

@media screen and (max-width: 736px) {
	.top-nav {
		margin-left: 33.8em;
	}

	.banner-w3lsinfo {
		padding: 9em 0 0;
	}

	.banner-w3lsinfo p {
		width: 70%;
	}

	.b-from-left p {
		padding: 1.8em 0;
	}

	.singular-grid-left span.glyphicon {
		padding: 0.8em;
	}

	.singular-grids {
		margin: 3em 0 0;
	}

	.singular-left {
		margin-top: 2em;
	}

	.about-grids {
		width: 80%;
	}

	.footer-left {
		float: none;
		text-align: center;
	}

	.social-button {
		width: 35px;
		height: 35px;
		line-height: 33px;
	}

	.social-button .fa {
		font-size: 18px;
	}

	.footer-right {
		float: none;
		margin-top: 1em;
		text-align: center;
	}

	.agileits-intro {
		padding: 11em 0 0;
	}

	.cap {
		width: 243px;
	}

	.links {
		margin-left: 0 !important;
	}

	.goog-te-gadget .goog-te-combo {
		float: left !important;
		margin-top: 10px !important;
	}

	.filter-button {
		margin-top: 10px !important;
	}

	.w3_counter_grid {
		margin-bottom: 90px !important;
	}
}

@media screen and (max-width: 667px) {
	.top-nav {
		margin-left: 28.8em;
	}

	.about-grids {
		width: 90%;
	}

	.con a {
		padding: 11px 40px;
	}

	.header-left h1 {
		font-size: 5.5em;
	}

	.cap {
		width: 250px;
		left: 5%;
	}

	.b-from-left p {
		padding: 1.5em 0;
	}
}

@media screen and (max-width: 640px) {
	.top-nav {
		margin-left: 27em;
	}

	.banner-w3lsinfo h2 {
		font-size: 2.8em;
		letter-spacing: 3px;
	}

	.banner-w3lsinfo p {
		font-size: 14px;
	}

	.banner-w3lsinfo {
		padding: 10em 0 0;
	}

	.agileits-intro p {
		font-size: 15px;
	}

	button#showRightPush img {
		width: 87% !important;
	}

	.agileits-intro {
		padding: 9em 0 0;
	}

	.banner {
		min-height: 455px;
	}

	.b-from-left p {
		padding: 2.4em 0;
	}

	.introduction,
	.logo-singular,
	.download-agile,
	.services,
	.work,
	.about-us,
	.contact {
		padding: 2em 0;
	}

	.introduction h3 {
		margin: 0 0 .5em;
	}

	.introduction p,
	.download-agile p,
	.about-us p.ut,
	.contact p {
		font-size: 14px;
	}

	.download-agile a {
		font-size: 1.5em;
	}

	.download-agile p {
		margin: 0 auto 2em;
	}

	.singular-left {
		float: none;
		width: 100%;
	}

	.singular-left p.sing {
		width: 90%;
		margin: 0 auto 1em;
		text-align: center;
		font-size: 15px;
	}

	.singular-grid-left {
		width: 17%;
	}

	.singular-grids {
		margin: 2em 0 3em;
	}

	.singular-right {
		float: none;
		width: 60%;
		margin: 0 auto;
	}

	.work-grid:nth-child(4) {
		display: none;
	}

	.work-grid {
		width: 33.33%;
	}

	.b-from-left p {
		padding: 2.8em 0;
	}

	.cap {
		width: 237px;
	}

	.cap p span {
		font-size: 13px;
	}

	.cap p {
		font-size: 16px;
		padding: 7em 0 0;
	}

	.con a {
		padding: 10px 35px;
		font-size: 16px;
	}

	.contact p {
		margin: 0 auto 2em;
	}

	.single-text p {
		margin: .2em 0 0;
	}
}

@media screen and (max-width: 600px) {
	.top-nav {
		margin-left: 24em;
	}

	.b-from-left p {
		padding: 2.1em 0;
	}

	.cap {
		width: 219px;
	}

	.banner-w3lsinfo {
		padding: 8em 0 0;
	}

	.agileits-intro {
		padding: 8em 0 0;
	}

	.singular-grid-right h4 {
		font-size: 1.2em;
	}

	.singular-right img {
		width: 80%;
	}
}

@media screen and (max-width: 568px) {
	.top-nav {
		margin-left: 21.9em;
	}

	.top-nav img {
		width: 75%;
	}

	.banner-w3lsinfo {
		padding: 6em 0 0;
	}

	.banner-w3lsinfo h2 {
		letter-spacing: 1px;
	}

	.about-grid {
		padding: 0 .5em;
	}

	.about-grid:nth-child(3),
	.about-grid:nth-child(4) {
		margin-top: 1em;
	}

	.cap {
		width: 215px;
		left: 3%;
	}

	.b-from-left p {
		padding: 1.8em 0;
	}
}

@media screen and (max-width:480px) {
	.top-nav {
		margin-left: 15.5em;
	}

	.banner-w3lsinfo h2 {
		font-size: 2.6em;
	}

	.agileits-intro {
		padding: 8em 0 0;
	}

	.banner {
		min-height: 385px;
	}

	.banner-w3lsinfo p {
		font-size: 13px;
		width: 75%;
	}

	.services-left {
		width: 100%;
	}

	.introduction h3,
	.logo-singular h3,
	.services h3,
	.work h3,
	.about-us h3 {
		font-size: 1.5em;
	}

	.introduction p,
	.download-agile p,
	.about-us p.ut,
	.contact p {
		font-size: 13px;
		width: 80%;
	}

	.download-agile a {
		font-size: 1.3em;
	}

	.singular-left p.sing {
		width: 100%;
		font-size: 13px;
	}

	.logo-singular h3 {
		margin: 0 0 1em;
	}

	.singular-grid-right h4 {
		font-size: 1.1em;
	}

	.singular-grid-right p {
		font-size: 13px;
	}

	.singular-grid-left {
		width: 23%;
	}

	.singular-grid:nth-child(2) {
		margin: 2.5em 0 !important;
	}

	.work-grid:nth-child(4) {
		display: block;
	}

	.work-grid {
		width: 50%;
	}

	.singular-right img {
		width: 100%;
		margin: 0 auto;
	}

	.b-from-left p {
		padding: 3em 0;
	}

	.footer {
		padding: 2em 0;
	}

	.footer-right ul li {
		margin: 0;
	}

	.contact-grid p.agile-qwe {
		font-size: 12px;
	}

	.inp h4,
	.contact-grids h5 {
		font-size: 18px;
	}

	.inp h4 {
		margin: 0 0 .5em;
	}

	.contact-grids h5 {
		margin: 0 0 1em;
	}

	.contact-grid h4 {
		font-size: 12px;
		margin: 0 0 .5em;
	}

	.about-grids {
		width: 100%;
	}

	.cap {
		width: 204px;
	}

	.introduction p,
	.download-agile p,
	.about-us p.ut,
	.contact p {
		width: 90%;
	}

	.map-w3ls iframe {
		margin-top: 3em;
		min-height: 170px;
	}

	.footer-left p {
		font-size: 14px;
		line-height: 1.8em;
	}

	.singular-grid-left span.glyphicon {
		font-size: 2em;
	}
}

@media screen and (max-width: 414px) {
	.top-nav {
		margin-left: 11em;
	}

	.header-left h1 {
		font-size: 4.8em;
		padding-left: 0;
	}

	button#showRightPush img {
		width: 77% !important;
	}

	.top-nav {
		margin-left: 15em;
	}

	.banner-w3lsinfo h2 {
		font-size: 2em;
		letter-spacing: 0px;
	}

	.banner-w3lsinfo p {
		font-size: 13px;
		width: 90%;
	}

	.agileits-intro p {
		letter-spacing: 1px;
	}

	.agileits-intro {
		padding: 5em 0 0;
	}

	.banner-w3lsinfo {
		padding: 5em 0 0;
	}

	.singular-left {
		padding: 0;
	}

	.singular-grid-right {
		padding: 0;
	}

	.singular-grid-left {
		width: 25%;
	}

	.singular-right {
		width: 90%;
	}

	.services-left {
		padding: 0;
	}

	.services-left p.w3-agile-amet {
		font-size: 13px;
	}

	.b-from-left p {
		padding: 2.1em 0;
	}

	.cap {
		width: 171px;
	}

	.cap p {
		padding: 5em 0 0;
	}
}

@media screen and (max-width: 384px) {
	.top-nav {
		margin-left: 13em;
	}

	.banner-w3lsinfo h2 {
		font-size: 1.8em;
	}

	.banner-w3lsinfo p {
		width: 100%;
	}

	.cap {
		width: 150px;
	}

	button#showRightPush img {
		width: 73% !important;
	}

	.contact-grid {
		float: none;
		width: 100%;
		margin-top: 1em;
	}

	.inp input[type="text"],
	.inp input[type="email"],
	.inp textarea {
		padding: 9px 10px;
	}

	.singular-grid-left {
		width: 100%;
	}

	.singular-grid-right {
		width: 100%;
		text-align: center;
		margin-top: 1em;
	}
}

@media screen and (max-width: 375px) {
	.header-left h1 {
		font-size: 4.3em;
	}

	.work-grid {
		width: 100%;
	}

	.b-from-left p {
		padding: 5.8em 0;
	}

	.top-nav {
		margin-left: 14em;
	}

	.cap {
		width: 217px;
	}

	.singular-left {
		margin-top: 0em;
	}

	.about-grid {
		float: none;
		width: 70%;
		margin: 0 auto;
	}

	.about-grid:nth-child(2) {
		margin-top: 1em;
	}
}

@media screen and (max-width: 320px) {
	.top-nav {
		margin-left: 4.1em;
	}

	.header-left {
		width: 45%;
	}

	.header-left a img {
		width: 100%;
	}

	.top-nav {
		float: right;
		width: 21%;
		margin-left: 0;
	}

	.top-nav img {
		width: 65%;
	}

	.banner-w3lsinfo h2 {
		font-size: 1.5em;
	}

	.agileits-intro {
		padding: 5em 0 0;
	}

	.banner {
		min-height: 330px;
	}

	.agileits-intro p {
		font-size: 13px;
	}

	.introduction p,
	.download-agile p,
	.about-us p.ut,
	.contact p {
		width: 100%;
	}

	.singular-grid-right h4 {
		font-size: 1em;
	}

	.work-grid {
		width: 100%;
	}

	.singular-right {
		width: 90%;
	}

	.services-left {
		width: 100%;
		float: none;
	}

	.service-grids {
		margin: 2em 0 0;
	}

	.col-md-3.services-left:nth-child(2) {
		margin: 2em 0;
	}

	.cap p {
		padding: 7em 0 0;
	}

	.about-grid:nth-child(4) {
		display: block;
	}

	.about-grid {
		width: 84.5%;
	}

	.footer-left {
		float: none;
		text-align: center;
		margin-bottom: 1em;
	}

	.footer-right {
		float: none;
		text-align: center;
	}

	.footer {
		padding: 0.5em 0 2em;
	}

	.pop h3 {
		font-size: 22px;
	}

	.inp input[type="text"],
	.inp input[type="email"],
	.inp textarea {
		padding: 6px 10px;
		font-size: 12px;
	}

	.inp textarea {
		height: 90px;
		margin: 0 0 1em;
	}

	.inp input[type="submit"] {
		padding: 5px 45px;
		font-size: 13px;
		margin-bottom: 1em;
	}

	.inp h4,
	.contact-grids h5 {
		font-size: 15px;
	}

	.contact-grid h4 {
		font-size: 12px;
	}

	.contact-grid p.agile-qwe {
		font-size: 11px;
	}

	.light-box-info {
		padding: 1em .8em;
	}

	.singular-grid-left span.glyphicon {
		font-size: 1.5em;
	}

	.singular-grid-right p {
		margin-top: 0em;
	}

	.b-from-left p {
		padding: 4.7em 0;
	}
}


body {
	margin: 0;
	padding: 0;
}

a.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	color: orangered;
	font-family: cursive;
	font-weight: 700;
}

nav.main-navigation {
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
	color: white !important;
	padding-bottom: 20px;
	box-shadow: 0 4px 10px -10px rgba(0, 0, 0, .6);
	position: fixed;
	width: 100%;
	top: 50px;
	z-index: 999999;
}

nav.main-navigation ul.nav-list {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	text-align: right;
}

.nav-list li.nav-list-item {
	display: inline-block;
	line-height: 40px;
	margin-left: 30px;
	margin-top: 15px;
}

a.nav-link {
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
	color: #ffffff;
}

@keyframes FadeIn {
	0% {
		opacity: 0;
		-webkit-transition-duration: 0.8s;
		transition-duration: 0.8s;
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}


	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		pointer-events: auto;
		transition: cubic-bezier(0.4, 0, 0.2, 1);
	}
}

.nav-list li {
	animation: FadeIn 1s cubic-bezier(0.65, 0.05, 0.36, 1);
	animation-fill-mode: both;
}

.nav-list li:nth-child(1) {
	animation-delay: .3s;
}

.nav-list li:nth-child(2) {
	animation-delay: .6s;
}

.nav-list li:nth-child(3) {
	animation-delay: .9s;
}

.nav-list li:nth-child(4) {
	animation-delay: 1.2s;
}

.nav-list li:nth-child(5) {
	animation-delay: 1.5s;
}

/* Animation */

@keyframes fadeInUp {
	from {
		transform: translate3d(0, 40px, 0)
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeInUp {
	from {
		transform: translate3d(0, 40px, 0)
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both
}

.animatedFadeInUp {
	opacity: 0
}

.fadeInUp {
	opacity: 0;
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
}

.top-bar {
	height: 50px;
	background: black;
	padding-left: 40px;
	padding-right: 95px;
	color: white;
	font-size: 20px;
	padding-top: 5px;
	position: fixed;
	width: 100%;
	top: 0;
}

a:hover {
	color: #e84545 !important;
}

.a-proposta {
	font-size: 16px;
	padding-top: 5px;
}

.portfolio-menu {
	text-align: center;
}

.portfolio-menu ul li {
	display: inline-block;
	margin: 0;
	list-style: none;
	padding: 10px 15px;
	cursor: pointer;
	-webkit-transition: all 05s ease;
	-moz-transition: all 05s ease;
	-ms-transition: all 05s ease;
	-o-transition: all 05s ease;
	transition: all .5s ease;
}

.portfolio-item {
	/*width:100%;*/
}

.portfolio-item .item {
	/*width:303px;*/
	float: left;
	margin-bottom: 10px;
}


.texto-servicos {
	margin-top: -5px;
	margin-left: -10px;
}

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

.p-servicos {
	font-size: 16px;
	/*color: #636363;*/
	color: #b1b1b1;
}


.titulo-servicos {
	color: white;
	font-size: 24px;
	font-weight: 700;
	margin-top: 10px;
}

.text-services {
	margin-top: 15px;
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
	color: #fff !important;
	background-color: #eb5d5d !important;
	border-color: #ffffff !important;
}

.portfolio-menu ul li {
	display: inline-block !important;
	margin: 0 !important;
	list-style: none !important;
	padding: 10px 15px !important;
	cursor: pointer !important;
	-webkit-transition: all 05s ease !important;
	-moz-transition: all 05s ease !important;
	-ms-transition: all 05s ease !important;
	-o-transition: all 05s ease !important;
	transition: all .5s ease !important;
	font-size: 14px !important;
}

.btn-outline-dark {
	color: #ffffff !important;
	background-color: transparent !important;
	background-image: none !important;
	border-color: #ffffff !important;
}

.filtro {
	font-size: 14px !important;
	padding: 10px !important;
	background: transparent !important;
	color: white !important;
	border: 1px solid #4a4a4a !important;
	min-width: 60px !important;
}


.active-filtro {
	background: #e84545 !important;
	color: black !important;
	outline: none !important;
	font-weight: 700 !important;
}


.gallery-title {
	font-size: 36px;
	color: #42B32F;
	text-align: center;
	font-weight: 500;
	margin-bottom: 70px;
}

.gallery-title:after {
	content: "";
	position: absolute;
	width: 7.5%;
	left: 46.5%;
	height: 45px;
	border-bottom: 1px solid #5e5e5e;
}

.filter-button {
	font-size: 18px;
	border: 1px solid #42B32F;
	border-radius: 5px;
	text-align: center;
	color: #42B32F;
	margin-bottom: 30px;

}

.filter-button:hover {
	font-size: 18px;
	border: 1px solid #42B32F;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	background-color: #42B32F;

}

.btn-default:active .filter-button:active {
	background-color: #42B32F;
	color: white;
}

.port-image {
	width: 100%;
}

.gallery_product {
	margin-bottom: 30px;
	padding: 0px !important;
	margin: 0px !important;
	/*padding-top: 10px !important;*/
}

.img-port {
	width: 100%;
}

.b-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	overflow: hidden;
}

.main-video {
	height: 600px;
	position: relative;
}

.video-Wrapper {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

:after,
:before,
:not(input):not(select) {
	box-sizing: border-box;
	border: 0 none;
}

@media (min-width: 37.5rem) {

	.video-Wrapper video.video-tablet,
	.video-Wrapper video.video-tablet.video-desktop {
		display: block;
	}
}

@media (min-width: 75rem) {
	.video-Wrapper video.video-desktop {
		display: block;
	}
}

@media (min-width: 75rem) {

	.video-Wrapper video.video-mobile,
	.video-Wrapper video.video-mobile.video-tablet,
	.video-Wrapper video.video-tablet {
		display: none;
	}
}

@media (min-width: 37.5rem) {

	.video-Wrapper video.video-desktop,
	.video-Wrapper video.video-mobile {
		display: block;
	}

	.video-Wrapper video.video-desktop,
	.video-Wrapper video.video-tablet {
		display: block;
	}

	.video-Wrapper video {
		display: block;
		position: absolute;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	:after,
	:before,
	:not(input):not(select) {
		box-sizing: border-box;
		border: 0 none;
	}
}

.orcamento {
	float: right;
	background: #e64545;
	/*color: white; */
	color: #000000;
	border-radius: 5px;
	padding: 5px;
	margin-top: 4px;
	font-size: 16px;
	font-weight: 600;
	padding-left: 10px;
	padding-right: 10px;
}

.fb-icon {
	color: white;
	float: left;
	padding-top: 12px;
}

.titulo-projetos {
	font-size: 35px;
	color: #ccc;
}

.p-tags {
	color: #777;
	font-size: 16px;
	line-height: 26px;
}

.span-tags {
	color: #e84545;
}

.span-desc {
	color: #777;
	font-size: 16px;
	line-height: 26px;
}

.p-desc {
	font-size: 16px;
	line-height: 26px;
	color: #999;
}

.visit {
	outline: 0;
	border: 2px solid #db4141;
	position: relative;
	display: inline-block;
	color: #c3c3c3 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: normal;
	text-decoration: none !important;
	padding: 15px 20px;
}

.visit:hover {
	background: #dc4141 !important;
	color: white !important;
}


.projetos {
	padding: 6em 0;
	background: #141414;
}

.main-fotos {
	line-height: 0;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
}

.menu-mobile {
	border-top: 1px solid #e2e2e2;
	color: black !important;
	width: 100%;
	list-style: none;
	margin: 0 !important;
	padding: 20px;
}

.links-mobile {
	color: black !important;
}

.list-mobile {
	padding: 10px;
}

.next {
	width: 12px;
	margin-top: -7px;
	height: 12px;
}

.navbar1 {
	display: none;
	background: white !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	width: 200px;
}

.stats {
	background: url(../images/sub_imagem.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	padding-bottom: 5rem !important;
	padding-top: 5rem !important;
}

.w3_agileits_counter_grid {
	background: #e84545;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
}

.w3_counter_grid p {
	font-size: 4em;
	font-weight: 700;
	letter-spacing: 5px;
	color: #fff;
	margin: 0em 0;
}

.w3_counter_grid h3 {
	font-size: 1.1em;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 3px;
	font-weight: 700;
}

.w3_agileits_counter_grid i {
	line-height: 80px;
	font-size: 32px;
	color: #fff;
}

.w3_counter_grid {
	text-align: center;
}

.h4-rodape {
	font-size: 16px;
	font-weight: 700;
}

.p-rodape {
	font-size: 12px;
}


.barra-rodape {
	padding: 5em 0 !important;
	padding-bottom: 2em !important;
}


.link-rodape {
	/*color: #636363 !important;*/
	color: #b3b3b3 !important
}

.faixa ul li {
	display: inline-block;
	padding-right: 4px;
}

.cc-link {
	display: none !important;
}

.goog-logo-link {
	display: none !important;
}

.goog-te-gadget {
	color: transparent !important;
}

.goog-te-combo {
	max-width: 100%;
}

.goog-te-gadget .goog-te-combo {
	width: 150px;
	margin: 0px 0 !important;
	color: black;
	padding: 5px;
	float: right;
}

.goog-te-banner-frame {
	display: none !important;
}


.info i {
	font-size: 20px;
	background: #e84545;
	color: #fff;
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}

.info h4 {
	padding: 0 0 0 60px;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #ffffff;
}

.info-contact {
	padding-left: 60px;
	font-size: 14px;
	color: #9c9c9c;
}


.form-control {
	display: block !important;
	width: 100% !important;
	height: 34px !important;
	padding: 6px 12px !important;
	font-size: 14px !important;
	line-height: 1.42857143 !important;
	color: #fff !important;
	background-color: #fff0 !important;
	background-image: none !important;
	border: 1px solid #9c9c9c !important;
	border-radius: 3px !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}

.btn-postal {
	float: left;
	background: #e64545;
	color: white;
	border-radius: 5px;
	padding: 5px;
	margin-top: 4px;
	font-size: 16px;
	font-weight: 600;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.form-check-label {
	margin-left: 10px;
	font-weight: 200;
	color: #838383;
}

.popup {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.75);
	z-index: 9999999;
}

.popup {
	text-align: center;
}

.popup:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -4px;
	vertical-align: middle;
}

.popup-inner {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	position: relative;
	max-width: 700px;
	width: 90%;
	padding: 40px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
	border-radius: 3px;
	background-color: #fafafa;
	text-align: center;
}

.popup-inner h1 {
	font-weight: 700;
}

.popup-inner p {
	font-size: 24px;
	font-weight: 400;
}

.popup-close {
	background: url('/images/close.svg');
	width: 34px;
	height: 34px;
	padding-top: 4px;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
}



/*******************/
#heading {
	text-transform: uppercase;
	color: #673AB7;
	font-weight: normal
}

#msform {
	text-align: center;
	position: relative;
	margin-top: 20px
}

#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-bottom: 20px;
	position: relative
}

.form-card {
	text-align: left;
	padding-top: 10px;
}

#msform fieldset:not(:first-of-type) {
	display: none
}

#msform input,
#msform textarea {
	padding: 8px 15px 8px 15px;
	border: 1px solid #ccc;
	border-radius: 0px;
	margin-bottom: 25px;
	margin-top: 2px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	background-color: #ECEFF1;
	font-size: 16px;
	letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #673AB7;
	outline-width: 0
}

#msform .action-button {
	width: 100px;
	background: #e64545;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 0px 10px 5px;
	float: inherit;
	margin-top: 20px;
}

#msform .action-button:hover,
#msform .action-button:focus {
	background-color: #b91c1c
}

#msform .action-button-previous {
	width: 100px;
	background: #616161;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 0px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px 10px 0px;
	float: inherit
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
	background-color: #000000
}

.card {
	z-index: 0;
	border: none;
	position: relative
}

.fs-title {
	font-size: 25px;
	color: #673AB7;
	margin-bottom: 15px;
	font-weight: normal;
	text-align: left
}

.purple-text {
	color: #673AB7;
	font-weight: normal
}

.steps {
	font-size: 25px;
	color: gray;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: right
}

.fieldlabels {
	color: gray;
	text-align: left
}

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	color: lightgrey
}

#progressbar .active {
	color: #673AB7
}

#progressbar li {
	list-style-type: none;
	font-size: 15px;
	width: 25%;
	float: left;
	position: relative;
	font-weight: 400
}

#progressbar #account:before {
	font-family: FontAwesome;
	content: "\f13e"
}

#progressbar #personal:before {
	font-family: FontAwesome;
	content: "\f007"
}

#progressbar #payment:before {
	font-family: FontAwesome;
	content: "\f030"
}

#progressbar #confirm:before {
	font-family: FontAwesome;
	content: "\f00c"
}

#progressbar li:before {
	width: 50px;
	height: 50px;
	line-height: 45px;
	display: block;
	font-size: 20px;
	color: #ffffff;
	background: lightgray;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	padding: 2px
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: lightgray;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
	background: #e64545
}

.progress {}

.progress-bar {
	background-color: #e64545
}

.fit-image {
	width: 100%;
	object-fit: cover
}

.hide_div {
	display: none !important;
}

.show_div {
	display: none !block;
}

.opcoes {
	width: 100% !important;
}

.opcoes>input {
	width: 30px !important;
}


.opcoes {
	display: block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 300 !important;
}

.opcoes>input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 10;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

.opcoes:hover input~.checkmark {
	background-color: #ccc;
}

.opcoes input:checked~.checkmark {
	background-color: #e64545;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.opcoes input:checked~.checkmark:after {
	display: block;
}

.opcoes .checkmark:after {
	left: 10px;
	top: 7px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.titulo_form {}

.opcao-form {
	justify-content: center;
	flex-direction: column;
	flex: 1;
	display: flex;
	background: #fff;
	list-style: none;
	border: 1px solid #e5e8e8;
	border-top: 0 solid #e5e8e8;
	min-height: 50px;
	align-items: flex-start;
	text-align: left;
	padding: 0;
	transition: background-color .3s;
}

.opcao-form:hover {
	background: #f2f2f2;
}

.opcao-form-first-child {
	border-top-width: 1px;
}

.titulo_form {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	text-align: center;
	font-size: 20px;
	line-height: 1.5;
	color: #444;
	margin-bottom: 30px;
}

.msg-alerta {
	background: #535353;
	padding: 10px;
	margin-bottom: 20px;
	color: white;
	border-radius: 5px;
	display: none;
}


.w3_counter_grid h1 {
	font-size: 1.1em;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 3px;
	font-weight: 700;
}


ul,
ol {
	margin-top: 0;
	margin-bottom: 10px;
	list-style: none !important;
}