@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	font-family: 'Roboto Condensed', sans-serif;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #0060AA!important;
}

a:hover {
	text-decoration: underline;
}

b {
	font-weight: bold;
	color: #0060AA!important;
}

hr {
	margin: 5% 0 8% 0;
	border: 1px solid #CCC;
	opacity: 0.2;
}

h1 {
	font-weight: bold;
	color: #0060AA;
}

h2 {
	margin: 0 0 0 0;
	color: #0060AA;
	text-transform: uppercase;
}

h3 {
	
}

h4 {
	margin: 5% 0 0 0;
}

h5 {
	
}

h6 {
}

p {
	color: #666;
}

input[type="text"], input[type="email"] {
	width: 100%;
	padding: 5%;
	border: 1px solid #CCC;
	margin: 0 0 5% 0;
	font-size: 13pt;
}

textarea {
	width: 100%;
	padding: 5%;
	border: 1px solid #CCC;
	font-size: 13pt;
	height: 25vh;
	margin: 0 0 5% 0;
}

input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	background-color: #0060AA;
	color: #FFF;
	padding: 3.5% 5% 3.5% 5%;
	font-size: 15pt;
	border-radius: 5px;
}

video {
	width: 100%;
}

/* menu start */

.menu-master {
	width: 100%;	
	/*background: linear-gradient(#FFF, #FFF);*/
	position: fixed;
	z-index: 998;
	padding: 1% 0 0 0;
	box-shadow: 0 0 15px 0 #ccc;
	background-color: #FFF;
}

.menu-master-bg {
	display: table;
	width: 100%;
}

.menu {
	padding: 13% 5% 90% 0;
	background-color: #0060AA;
	position: absolute;
	top: -1500px;
	z-index: 997;
	text-align: right;
	width: 100%;
}

.menu a {
	color: #fff!important;
}

.menu-desktop {
	display: none;
}

.menu-tel li {
	font-size: 14pt;
	color: #FFF;
}

.menu-tel a {
	color: #FFF!important;
}

.menu-tel img {
	width: 7%;
	vertical-align: bottom;
	margin-right: 3%;
}

.menu-social ul {
	margin: 0 0 1% 0;
}

.menu-social li {
	display: inline;
	margin: 0 1% 0 1%;
}

.menu-social img {
	width: 10%;
}

.menu ul {
	display: table;
	margin-bottom: 25px;
	list-style: none;
	width: 95%;
	font-size: 1.5em;
	text-transform: uppercase;
}

.menu li a {
	color: #FFF;
	font-weight: bold;
}

.menu h3 {
	color: #990000;
	font-size: 1.8em;
	font-weight: bold;
}

.menu-logo {
	width: 50%;
	float: left;
	position: relative;
	text-align: left;
}

.menu-logo img {
	width: 100%;
	padding: 7% 0 8% 8%;
	margin-left: 1%;
}

.menu-ico {
	float: right;
	text-align: right;
	padding: 11.5% 5% 0 0;
}

.navicon-button {
	display: inline-block;
	position: relative;
	transition: 0.25s;
	cursor: pointer;
	user-select: none;
}

.navicon-button .navicon:before, .navicon-button .navicon:after {
	transition: 0.25s;
}

.navicon {
	position: relative;
	width: 1.8em;
	height: .3125rem;
	background: #000;
	transition: 1s;
	border-radius: 2.5rem;
}

.navicon:before, .navicon:after {
	display: block;
	content: "";
	height: .3125rem;
	width: 1.8rem;
	background: #000;
	position: absolute;
	z-index: -1;
	transition: 1s 0.25s;
	border-radius: 1rem;
}

.navicon:before {
	top: .625rem;
}

.navicon:after {
	top: -.625rem;
}

.open:not(.steps) .navicon:before,
.open:not(.steps) .navicon:after {
		top: 0 !important;
}

.open .navicon:before,
.open .navicon:after {
	transition: 1s;
}

/* × and + */
.open.plus .navicon,
.open.x .navicon {
	background: transparent;
}

.open.plus .navicon:before,
.open.x .navicon:before {
	transform: rotate(-45deg);
}

.open.plus .navicon:after,
.open.x .navicon:after {
	transform: rotate(45deg);
}

.open.plus {
	transform: scale(0.75) rotate(45deg);
}

/* menu end */

/* slide start */

.swiper-container {
	padding-top: 100px!important;
	height: 50vh!important;
}

.swiper-text {
	margin-top: 0;
	text-shadow: 3px 3px 3px #000;
	padding: 100% 0 100% 5%;
	width: 100%;
	position: relative;
	background-image: url("../img/bg-shadow-text.png");
	text-align: left;
}

.swiper-text h1 {
	color: #FFF;
	font-weight: bold;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 30pt;
}

.swiper-text p {
	margin: 2% 0 5% 0;
	color: #FFF;
	width: 97%;
	font-size: 15pt;
}

.swiper input[type='button'] {
	padding: 0%!important;
	height: 1px;
}


.swiper-container .swiper-slide {
	overflow: hidden;	
}

.swiper-container  {
	
}

/* slide end */

.content {
	width: 91%;
	background-color: #fff;
	padding: 125px 4.5% 5% 4.5%;
}

.content_block {
	width: 100%;
}

#only_desktop {
	display: none;
}

#empresa {
	
}

h3 {
	font-size: 12pt;
}

#empresa img {
	width: 15%;
}

.content h1 {
	text-transform: uppercase;
	margin-top: 1.5%;
}

.content li {
	color: #666;
	list-style-type: none;
}

.content a {
	/* text-decoration-line: underline;	 */
	text-decoration-color: #333;
}

.content-ico {
	float: left;
	margin-right: 3%;
}

.content-contact-div-right {
	margin-top: 8%;
}

.content-contact-div-right p {
	margin-bottom: 5%;
}

.content-contact-div-right input {
	margin-bottom: 5%;
}

#footer {
	padding-top: 0;
	display: table;
	border-top: 10px solid #fff;
	color: #fff;
}

#footer h4 {
	font-weight: bold;
	color: #0060AA;
}

#footer p {
	font-size: 12pt;
	color: #0060AA;
}

#footer a {
	color: #0060AA!important;
	text-decoration: none;
}

#footer li {
	display: inline;
	margin-left: 0;
}

#footer img {
	width: 10%;
}

.menu-desktop ul li .active {
	color: red!important;
}

.clientes_slide {
	margin-top: 30px;
	padding-left: 4.5%;
	margin-top: 40px;
}

.clientes_slide h1 {
	text-transform: uppercase;
}

#projeto {
	margin-bottom: 25px;
	text-align: left;
	min-height: 300px;
}

#projeto img {
	max-width: 98%;
	margin-bottom: 10px;
}

#projeto p {
	margin: 0;
	padding: 0;
	width: 98%;
}

.footer_block {
	margin-bottom: 40px;
}

.block_empresa_container {
	display: table;
	background-color: ghostwhite;
	padding-top: 25px;
	padding-bottom: 25px;
}

.block_empresa {
	width: 100%;
	text-align: center!important;
}

.block_empresa img {
	display: table;
	width: 15%!important;
	margin: 0 auto 0 auto!important;
}

.block_empresa li {
	width: 90%;
	margin: 0 auto 0 auto;
}

.block_empresa h2 {
}

.block_empresa_25 {
	width: 100%;
	padding-bottom: 25px;
}

.fix_break {
	margin-top: 20px;
	margin-bottom: 30px;
}

#contato_block {
	width: 100%;
}

#contato_block iframe {
	margin-top: 40px;
}

#fix_services_space_between {
	margin-bottom: 5px;
}

@media (min-width: 640px) {
	
	#fix_services_space_between {
		margin-bottom: 50px;
	}
	
	.block_empresa_container {
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 25px;
	}
	
	#contato_block {
		float: left;
		width: 49%;
	}
	
	#contato_block iframe {
		margin-top: 0;
		margin-left: 2%;
	}
	
	#contato_block a {
		margin-left: 2%;
	}
	
	.fix_break {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.block_empresa {
		float: left;
		width: 33.3%;
		padding: 25px 0 0 0;
	}
	
	.block_empresa img {
		
	}
	
	.block_empresa_25 {
		display: table;
		float: left;
		width: 50%;
		padding: 0 0 25px 0;
		border: 0px solid red;
	}	
	
	.block_empresa li {
		min-height: 150px;
	}
	
	.block_empresa_25 li {
		float: left;
		width: 96%;
		margin: 0 auto 0 auto;
	}
	
	.content p {
		margin: 0 0 0 0;
	}

	.mobile {
		display: none;
	}
	
	body {
		overflow-x: hidden;
	}
	
	.menu-master {
		float: left;
	}
		
	.menu-logo img {
		width: 30%;
		padding: 1% 0 2.5% 5%;
		margin: -1% 0 0 0;
	}
	
	.menu-ico {
		display: none;
	}
	
	.menu {
		position: fixed;
		top: 0;
		right: 0;
		padding: 0;
		margin: 2.6% 0 0 0;
		background-color: transparent;
		width: 70%;
		z-index: 998;
	}
	
	.menu-mobile {
		display: none;
	}
	
	.menu-desktop {
		float: right;
		display: block;
		width: 100%;
	}
	
	.menu-desktop a {
		color: #0060AA!important;
		font-weight: bold!important;
	}
	
	.menu ul {
		margin: 0;
	}
	
	.menu li {
		display: inline-block;
		margin: 0.5% 0 0 3%;
		padding: 0;
		font-size: 1.1vw;
		color: #000;
		border-left: 1px solid #000;
		padding-left: 3%;
	}
	
	.menu-tel {
		margin-bottom: 1%!important;
	}
	
	.menu-tel li {
		margin-left: 1%;
	}
	
	.menu-tel img {
		width: 3%!important;
		margin-right: 1%!important;
		vertical-align: middle;
	}
	
	.menu img {
		width: 2.5%;
		margin: 0 0 0 1%;
	}
	
	#tel {
		background-color: #f0f0f0;
		width: 68%;
		float: right;
		margin-right: 5.1%;
		padding: 0.5% 0.5% 0.7% 0.5%;
		border-radius: 5px;
		text-align: center;
	}
	
	#tel li a {
		font-size: 0.9vw;		
		color: #0060AA!important;
	}
	
	input[type="button"], input[type="submit"] {
		padding: 0.8% 1% 0.8% 1%;
		transition-duration: 1s;
	}
	
	input[type="button"]:hover, input[type="submit"]:hover {
		background-color: #000;
    	cursor: pointer;
	}
	
	.swiper-container {
		position: fixed;
		height: 60vh!important;
		padding: 0!important;
		margin: 0!important;
	}
	
	.swiper-text {
		margin-top: 150px;
		padding-left: 2.6%;
	}
	
	.swiper-slide {
		background-size: cover!important;
		background-position: 0%!important;
	}

	.swiper-text p {
		font-size: 20pt;
		padding: 0;
		margin-bottom: 3%;
	}
	
	.content {
		width: 95%;
		padding: 10% 0 0 0;
		margin: 0 auto 0 auto;
	}
	
	.content_block {
		width: 100%;
	}
	
	#empresa {
		/* background-image: url('../img/content_side.png'); */
		background-size: 30%;
		background-repeat: no-repeat;
		background-position: 90% 0%;
	}

	#servicos {
		/* background-image: url('../img/content_side.png'); */
		background-size: 30%;
		background-repeat: no-repeat;
		background-position: 90% 0%;
	}

	#projetos {
		/* background-image: url('../img/content_side.png'); */
		background-size: 30%;
		background-repeat: no-repeat;
		background-position: 90% 0%;
	}

	#projeto {
		width: 33.3%;
		float: left;
		min-height: 60vh!important;
		max-height: 350px;
		margin-bottom: 1vh!important;
	}

	#projeto h4 {
		min-height: 1vh;
		width: 98%;
	}

	#projeto img {
		width: 100%;
		min-height: 40vh!important;
		max-height: 40vh!important;;
	}

	#contato {
		/* background-image: url('../img/content_side.png'); */
		background-size: 30%;
		background-repeat: no-repeat;
		background-position: 90% 0%;
	}

	#only_desktop {
		display: block;
		float: right!important;
		width: 50%!important;
		margin-left: 2%;
	}
	
	.content h1 {
		margin: 0;
		padding: 0;
	}
	
	input[type="text"], input[type="email"] {
		width: 100%;
		padding: 0.5% 0.5% 0.5% 1%;
		border: 1px solid #CCC;
		margin: 0 0 1% 0;
		border-radius: 5px;
	}

	textarea {
		width: 100%;
		padding: 0.5% 0.5% 0.5% 1%;
		border: 1px solid #CCC;
		font-size: 13pt;
		height: 26vh;
		margin: 0 0 1% 0;
		resize: none;
		border-radius: 5px;
	}
	
	#footer {
		width: 100%;
	}
	
	.footer_block_container {
		display: table;
		margin: 0 auto 0 auto;
		width: 95%;
	}
	
	.footer_block {
		float: left;
		width: 33.3%;
	}
	
	.footer_block img {
		width: 5%!important;
	}
	
	.center {
		text-align: center;
	}
	
	.right {
		margin-top: 30px;
		text-align: right;
	}
	
	.nbs-flexisel-container { 
		max-width: 98%!important;
	}
	
	.clientes_slide {
		display: inline-block;
		width: 98%;
		margin-bottom: 40px;
		padding-left: 2.5%;
	}
	
	.content li {
	}
	
}

}