/*.bdvd { border: #0f0 1px solid; }
.bdaz { border: #00f 1px solid; }
.bdvm { border: #f00 1px solid; }
.bdam { border: #ff0 1px solid; }
.bdrx { border: #f0f 1px solid; }
.bdlr { border: #f57f00 1px solid; }*/

html, body {
	height: 100%;
}

body {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
}

img {
	border: none;
	max-width: 100%;
}

.open-nav {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 22px;
    z-index: 105;
    cursor: pointer;
    display: none;
    height: 24px;
    width: 24px;
    background: url(../img/nav-open.png) no-repeat;
}

.close-nav {
  display: none;
  position: absolute;
  left: 15px;
  top: 10px;
  z-index: 106;
  cursor: pointer;
}

#backtop {
	position: fixed;
    bottom: 20px;
    right: 20px;
    color: #fff;
    background: #ee2e24;
    padding: 8px 15px 10px 15px;
    font-size: 32px;
    border-radius: 100%;
    cursor: pointer;
    opacity: .8;
    filter: (alpha=80);
    display: none;
    z-index: 998;
}

.pointer {
	cursor: pointer !important;
}

header {
	position: relative;
	z-index: 999;
	width: 100%;
	background: rgba(255, 255, 255, .95);
}

	header .logo {
		padding-top: 20px;
    	padding-left: 70px;
		padding-bottom: 20px;
	}

	header .nav ul {
		margin: 0px 20px 0px 20px;
		padding: 0;
		list-style: none;
		text-align: right;
	}

		header .nav ul li {
			display: inline-block;
		}

		header .nav ul .line {
		    border-right: 1px solid rgba(85, 85, 85, .3);
		}

			header .nav ul li a {
				color: #004c8a;
				display: inline-block;
				padding: 30px 10px 0 10px;
				font-size: 16px;
				text-transform: uppercase;
				transition: .5s ease;
			}

			header .nav ul li a.first { padding-left: 0; }
			header .nav ul li a.last { padding-right: 0; }

			header .nav ul li a:hover,
			header .nav ul li a:focus,
			header .nav ul li a.active {
				color: #032b5f;
				font-weight: bold;
				text-decoration: none;
				outline: none;
			}

header.act {
	position: fixed;
    background-color: rgba(255, 255, 255, .95);
}

header .logoimg{
	width: 80%;
}

header.act .logo img {
    width: 60% !important;
}

.btn-enviar{
	background-color: #004c8a !important;
	color: #fff !important;
}

.section-title {
    font-size: 30px;
    text-transform: uppercase;
    padding-top: 100px;
    padding-bottom: 80px;
    text-align: center;
    color: #FFF;
}

.section-title.white {
	color: #fff;
}

.cycle-pager,
.cycle-pager-xs {
    position: absolute;
    z-index: 110;
    text-align: center;
    width: 32px;
	top: 100px;
	right: 15px;
}

	.cycle-pager span,
	.cycle-pager-xs span {
		display: inline-block;
    	width: 32px;
    	height: 32px;
    	background: url(../img/cycle-pager.png) -32px 0 no-repeat;
    	cursor: pointer;
		margin-bottom: 5px;
    }

		.cycle-pager span.cycle-pager-active,
		.cycle-pager-xs span.cycle-pager-active {
	    	background: url(../img/cycle-pager.png) 0 0 no-repeat;
			cursor: default;
		}

section#empresa {
    background: url(../img/bg-empresa.jpg) center center no-repeat;
    background-size: cover;
}

	section#empresa .conteudo {
	    background-color: rgba(0, 76, 138, .85);
	}


		section#empresa .conteudo .section-title span {
		    color: #fff;
		    font-weight: bold;
		}

		section#empresa .section-content {
		    padding-bottom: 100px;
		}

		section#empresa .section-content .text {
		    font-size: 16px;
		    font-weight: 300;
		    text-transform: none;
		    margin-bottom: 0;
	        color: #e4e1e0;
    		text-align: center;
		}

section#servicos {
	background: url(../img/bg-servicos.jpg) center center no-repeat;
    background-size: cover;
}

	section#servicos .conteudo {
	    background-color: rgba(228, 228, 228, .95);
	}

		section#servicos .services {
		    padding: 0 50px;
		}

			section#servicos .section-title {
			    padding-top: 50px;
		        color: #004c8a;
			}

				section#servicos .section-title span {
				    color: #032b5f;
				    font-weight: bold;
				}

			section#servicos .service {
			    margin-bottom: 50px;
			}

				section#servicos .service h2 {
				    text-transform: uppercase;
				    font-size: 25px;
				    color: #004c8a;
				    margin-top: 0;
				}

					section#servicos .service .text {
					    color: #6a6864;
					    font-weight: 300;
					    text-align: justify;
					}

			section#servicos .service img {
			    width: 25%;
			    float: left;
			    margin-right: 20px;
			}


section#contato {
	background: url(../img/bg-footer.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 100px;
}

	section#contato .section-title {
	    padding-top: 0;
	    padding-bottom: 0;
	}

		section#contato .section-title h1 {
		    color: #004c8a;
		    font-weight: bold;
		}

	section#contato .form {
		padding-left: 250px;
		padding-right: 250px;
		padding-top: 150px;
	}

		section#contato .form label.error {
			margin-top: 5px;
			margin-bottom: 15px;
			font-size: 12px;
			text-transform: none;
			/*color: #393738;*/
			color: #032b5f;
		}

		section#contato .form input,
		section#contato .form textarea {
			width: 100%;
			border: none;
			background: #fff;
			padding: 5px 8px;
			margin-bottom: 15px;
			outline: none;
			text-transform: uppercase;
		}

		section#contato .form input.error,
		section#contato .form textarea.error {
			margin-bottom: 0px;
		}

		section#contato .form textarea {
			resize: none;
			height: 80px;
		}

		section#contato .form button {
			background: none;
		    border: none;
		    color: #fff;
		    font-size: 30px;
		    font-weight: bold;
		    outline: none;
		    text-transform: uppercase;
		    transition: .3s ease-in;
		}

			section#contato .form button:hover,
			section#contato .form button:active,
			section#contato .form button:focus {
			    color: #a90b13;
			}

		section#contato img {
		    margin: 125px 0 80px;
		}

	.footer-text img {
    	margin: 0 !important;
    	padding-bottom: 3px;
    	padding-left: 3px;
	}

	.footer-text,
	.footer-text span {
		-webkit-text-fill-color: #353535;
						 -color: #353535;
	}


/* Medium Devices, Desktops - MD */
@media only screen and (max-width : 1199px) {

	#banner-xs {
		display: none;
	}

	.section-title {
		padding-top: 50px;
    	padding-bottom: 30px;
	}

	section#contato .form {
		padding-left: 50px;
		padding-right: 50px;
	}

	section#empresa .section-content {
    	padding-bottom: 50px;
	}


}


/* Small Devices, Tablets - SM */
@media only screen and (max-width : 991px) {

	header .nav ul {
		margin: 0px 0px 20px 20px;
	}

	header .logo {
		padding-top: 10px;
    	padding-left: 20px;
	}

	section#servicos .service img {
	    width: 50%;
	}

	section#servicos .service h2 {
		font-size: 18px;
	}

	section#contato img {
		max-width: 20%;
	}


}

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

	header .logo {
	    width: 30%;
        float: left;
	}
}

/* Extra Small Devices, Phones - XS */
@media only screen and (max-width : 767px) {

	#banner-xs {
    	display: block;
	}

	header .logo {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}

	header.actm {
    	background-color: rgba(255, 255, 255, .95);
	}

	header.actm .logo {
	    width: 20%;
	}

	.open-nav,
	.close-nav {
		display: block;
	}

	header .nav {
		display: none;
		position: fixed;
		z-index: 122;
		background: rgba(228, 228, 228, .95);
		top: 0px;
		right: 0px;
		height: 100%;
		margin-top: 0;
		max-width: 100vw;
		width: 100%
	}

		header .nav ul {
			height: 100%;
			overflow-y: auto;
			overflow-x: hidden;
			margin-top: 30px;
			margin-left: -17px;
		}

			header .nav ul li {
				display:block;
				float: none;
				border: none;
				text-align: right;
				padding: 0px 0px 0px 40px;
				font-size: 1.5em;
			}

				header .nav ul li a {
					width: 100%;
					padding: 3px;
					height: auto;
					font-size: 22px;
					white-space: nowrap;
					text-align: center;
				}

.cycle-pager-xs {
	position: relative;
    z-index: 110;
    text-align: center;
    width: 100%;
	top: 0;
	right: 0;
}

	.cycle-pager-xs span {
	    margin-top: 15px;
	    margin-left: 15px;
	    width: 20px;
    	height: 20px;
    	background-position: -20px 0;
    	background-size: 40px auto;
	}

		.cycle-pager-xs span.cycle-pager-active {
    		background-size: 40px auto;
		}

	section#empresa .section-title {
		padding-top: 50px;
    	padding-bottom: 50px;
	}

	section#empresa .section-content {
		padding-bottom: 50px;
		padding-left: 15px;
    	padding-right: 15px;
	}

		section#contato {
		    padding-top: 50px;
		}

			section#contato .form {
			    padding-left: 0;
			    padding-right: 0;
			    padding-top: 250px;
			}

			section#contato .social {
				margin-top: 50px;
			}

		.instagram {
			margin-left: 5px;
		}

	section#servicos {
		padding-left: 0;
    	padding-right: 0;
	}

		section#servicos .service {
		    margin-bottom: 30px;
		}

			section#servicos .service img {
			    width: 100%;
			    margin-bottom: 15px;
			    margin-right: 0;
			}

		section#servicos .services {
    		padding: 0 15px;
		}

			section#servicos .section-title {
				padding-bottom: 50px;
			}



	section#mapa .text.text-center {
		padding: 0 15px;
	}

	section#contato img {
    	max-width: 100%;
	}

	footer {
	    padding: 30px 25px;
	}

}

footer .rodape{
	padding: 30px 25px;
	text-align: center;
}

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

	.jcarousel-wrapper {
	    padding: 0 50px !important;
	}

}

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

	.logo img {
		width: 175px;
		height: auto;
	}

	section#banners {
	    padding-top: 55px;
	}

	.section-title {
		font-size: 11vw;
	}

}

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}

@media only screen and (min-width : 1200px) {
  .text-xs-justify { text-align: justify; }
  .text-xs-center  { text-align: center; }
  .text-xs-right   { text-align: right; }
  .text-xs-left    { text-align: left; }
  .text-sm-justify { text-align: justify; }
  .text-sm-center  { text-align: center; }
  .text-sm-right   { text-align: right; }
  .text-sm-left    { text-align: left; }
  .text-md-justify { text-align: justify; }
  .text-md-center  { text-align: center; }
  .text-md-right   { text-align: right; }
  .text-md-left    { text-align: left; }
  .text-lg-justify { text-align: justify; }
  .text-lg-center  { text-align: center; }
  .text-lg-right   { text-align: right; }
  .text-lg-left    { text-align: left; }
}
@media only screen and (max-width : 1199px) {
  .text-xs-left    { text-align: left; }
  .text-xs-right   { text-align: right; }
  .text-xs-center  { text-align: center; }
  .text-xs-justify { text-align: justify; }
  .text-sm-left    { text-align: left; }
  .text-sm-right   { text-align: right; }
  .text-sm-center  { text-align: center; }
  .text-sm-justify { text-align: justify; }
  .text-md-left    { text-align: left; }
  .text-md-right   { text-align: right; }
  .text-md-center  { text-align: center; }
  .text-md-justify { text-align: justify; }
}
@media only screen and (max-width : 991px) {
  .text-xs-left    { text-align: left; }
  .text-xs-right   { text-align: right; }
  .text-xs-center  { text-align: center; }
  .text-xs-justify { text-align: justify; }
  .text-sm-left    { text-align: left; }
  .text-sm-right   { text-align: right; }
  .text-sm-center  { text-align: center; }
  .text-sm-justify { text-align: justify; }
}
@media only screen and (max-width : 767px) {
  .text-xs-left    { text-align: left; }
  .text-xs-right   { text-align: right; }
  .text-xs-center  { text-align: center; }
  .text-xs-justify { text-align: justify; }
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    overflow: hidden;
}