body { background: #fdfdfd; }
.side-logo { text-align: center; }
.side-menu-topo { text-align: center; padding-top: 50px }
.header { background-attachment: fixed;background-image: url('../images/header.png'); height: 700px; background-size: cover; }
.navigation-topo ul { list-style: none }
.navigation-topo ul li a { border:1px solid transparent;color:white; font-size: 15px }
.navigation-topo ul li a:hover { border:1px solid transparent;text-decoration: none }
.navigation-topo ul li  { transition: all 0.5s;padding:10px;border:1px solid transparent;display: inline-block; margin:10px }
.navigation-topo ul li:hover { border: 1px solid white; }
.container-text-header { margin-bottom: 40px !important;font-weight: bold;line-height: 50px;margin:0 auto;width: 810px;font-size: 40px;margin-top: 70px;display: block;text-align: center;color:white }
.btn-saibamais-header { transition: all 0.5s;font-weight: bold;background: white;display: block; border:0; text-align: center;margin:0 auto; width: 250px; padding: 10px }
.btn-saibamais-header:hover { border-radius: 30px;color:#007bff;text-decoration: none }
.side-text-about { margin-top: 130px;color:#2c2f87 }
.side-text-about h1 { font-weight: bold }
.side-image-about { padding-top: 80px; }
.count { padding-bottom: 40px;color:#2c2f87;text-align: center }
.count-numero { font-weight: bold;font-size: 50px }
.btn-oque-fazemos { border:0;background:#2c2f87 }
.btn-oque-fazemos:hover { background:#2c2f87 }
.form-contato button { background:#2c2f87 }
.count-text { letter-spacing: 3px;}
.veja-nossas-maquinas { background-size: cover;background-attachment: fixed;background-image: url('../images/backmaquinas.png'); height: 300px; }
.veja-nossas-maquinas-left {padding-left: 50px;margin-top: 100px;color:white;font-size: 30px; }
.veja-nossas-maquinas-right { padding-top: 130px;text-align: center }
.veja-nossas-maquinas-right a { transition: all 0.5s;background: #2686d8 !important }
.veja-nossas-maquinas-right a:hover { border-radius: 30px }
.section-maquinas-title { font-weight: bold;margin-top: 30px;margin-bottom: 30px;font-size: 40px;text-align: center;color:#2c2f87 }
.maquinas-legend { font-weight: bold;margin-bottom: 50px;font-size: 13px;text-align: center; background:#2c2f87; color:white;padding:10px }
.box-maquinas { overflow: hidden;  }
.box-maquinas img { transition: all 0.5s }
.box-maquinas:hover img { transform: scale(1.3);}
.row-maquinas a { margin:0 auto;background: #2686d8 !important }
.movie { margin-top: 100px }
.container-oque-fazemos-text  { margin-top: 200px }
.container-oque-fazemos-text a { margin-top: 100px }
.container-contato {  background: #fafafa }
.form-contato input {border-radius:0;background: #e6e6e6 }
.form-contato textarea  { border-radius:0;background: #e6e6e6 }
.container-rodape { font-size: 13px;position: absolute;padding-bottom: 15px;padding-top:15px;text-align: center;background:#1d1d1d; color:#9e9e9e }
.container-rodape a { color:#e626c0 }
.container-map-contato { margin-bottom: 50px }
.inner-logo { text-align: center; padding-top: 7px }
.inner-menu { position: relative;top: 10px; }
.inner-menu ul { text-align: center;padding: 20px; list-style: none }
.inner-menu ul li { padding-right: 10px;display:inline-block; }
.inner-menu ul li a { font-size: 15px;transition: all 0.5s;padding:10px;border:1px solid transparent;color:white }
.inner-menu ul li a:hover { border:1px solid;text-decoration: none }
.title-page h1 { padding-top: 50px;color: #2c2f87;font-size: 30px;text-align: left }
.btn { border-radius: 0 }
.dropdown-menu  { border-radius: 0 }
.p-qs { text-align: justify; }
.side-paragraph { font-size: 15px;color:#2c2f87; padding-top: 40px }
.side-logo { padding-top: 50px }
.table-machines { position: relative; top: 30px }
.form-contato textarea { outline: 0 !important;resize: none }
.form-contato textarea:focus { text-shadow: none !important }
.modal-content { margin-top: 200px !important }
.guide-center { text-align: center }
.row-guides { margin-top: 50px }
.btn-guide { padding:5px;color:white;background:#2c2f87; display: inline-block; width: 200px }
.btn-guide:hover { color:white; text-decoration: none }
.side-img-guide { background: white;height: 450px;border:1px solid }
.side-btn-guide { position: relative; top:180px }
.row-form { margin-bottom: 50px }
#iconresponsive { display: none;color:#2c2f87 }
.manuais-list { padding-bottom: 150px }
.h-100 { margin-bottom: 100px; background:#fdfdfd }
.bar-responsive-initial { display: none }
.quem-somos { margin-bottom: 100px }
#modal-retorno { ;animation-duration: 0.5s }
.modal-content { border-radius: 0 !important }
.arrow-up {
  animation: jump 1s linear infinite;
  font-size: 30px;right:20px;color:silver;position:absolute;top:-70px;cursor: pointer;

}
.title-detail { padding-bottom: 20px;padding-top:70px;font-weight: bold; color:#2c2f87; font-size: 25px  }
.machine-detail { display: block;padding-bottom:15px;margin-bottom: 20px;color:#2c2f87; font-size: 25px; font-weight: bold }
.detail-text { color:#2c2f87;  }
.pag-detail { padding-bottom: 100px }
.second-detail { color:#2c2f87; }
.btn-detail { background: #2c2f87 !important;padding:15px;position: relative; top:30px;display: block;width: 200px;color:white }
.btn-detail:hover { color:white }
.my-login-validation button { background: #2c2f87 }

@keyframes jump {
  0% { top: -130px; } 50% { top: -100px; } 100% { top: -130px; }
}

body.my-login-page {



}

.my-login-page .brand {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
	margin: 40px auto;
	box-shadow: 0 4px 8px rgba(0,0,0,.05);
	position: relative;
	z-index: 1;
}

.my-login-page .brand img {
	width: 100%;
}

.my-login-page .card-wrapper {
	width: 400px;
}

.my-login-page .card {
	border-color: transparent;
    background: transparent !important;
}

.my-login-page .card.fat {
	padding: 10px;
}

.my-login-page .card .card-title {
	margin-bottom: 30px;
    text-align: center
}

.my-login-page .form-control {
	border-width: 2.3px;
}

.my-login-page .form-group label {
	width: 100%;
}

.my-login-page .btn.btn-block {
	padding: 12px 10px;
}

.my-login-page .footer {
	margin: 40px 0;
	color: #888;
	text-align: center;
	font-size: 12px
}

.inner-contato { height: 450px }
.form-detalhes input { background: #ebebeb; border:0;border-radius:0 !important }
.form-detalhes input:focus { background: #ebebeb; }
.btn-form-detail { border:0;background: #2c2f87 }
.btn-light { background: transparent; color:white }

.video { height: 400px;background: #2e2e2e; color:white; text-align: center }
.word-video { position: relative; top:200px }
.side-language { text-align: center; padding-top: 65px }
.side-language-inner { text-align: center; padding-top: 22px }
.selectpicker select { font-size: 13px !important }
.rodape-content { font-weight: bold; font-size: 15px }
.rodape-content img { position: relative; top:-4px }
.card-body { border:0 }
.bootstrap-select .dropdown-toggle .filter-option { font-size: 12px !important }
.bootstrap-select .dropdown-menu li a span.text { font-size: 12px !important }
.card.fat { margin:0 auto;width: 350px; }

@media screen and (max-width: 320px) {
	.my-login-page .card.fat {
		padding: 0;
	}

	.my-login-page .card.fat .card-body {
		padding: 15px;
	}
}

@media (max-width: 768px){
	.side-logo img {  float:left }
	.bar-responsive-initial {  display: block;cursor: pointer;color:white;font-size:30px;margin-top: 30px;position: relative;right:20px;float: right }
    #logomenu { width: 90px; float:left }
    #iconresponsive { color:white;display: block;cursor: pointer;float: right; font-size: 25px; position: relative; top: 10px }
    .inner-menu ul { display: none;padding-right: 0;padding-left: 0;width: 100% !important; margin:0;  }
    .inner-menu ul li { padding:10px;background-color:#2c2f87; width: 100%;margin-bottom: 10px;display: block }
    .inner-menu ul li a { color:white }
    .inner-menu ul li a:hover { border:1px solid transparent }
    .title-page h1 { text-align: center }
    .side-paragraph { order:1 }
    .side-img-guide { order:1; height: 385px }
    .btn-guide { position: relative; top: 300px;margin-bottom:5px }
    .side-map { order: 1; padding-top: 30px }
	.navigation-topo { display: none }
	.navigation-topo ul { padding:0;width: 100% !important }
	.navigation-topo ul li {padding:8px;background: white;margin-bottom: 5px;display: block }
	.navigation-topo ul li:hover { padding:8px; }
	.navigation-topo ul li a { color:black; }
	.container-text-header { width: 100% }
	.header { height: auto; padding-bottom: 30px;}
	.veja-nossas-maquinas { height: auto }
	.veja-nossas-maquinas-right a { margin-bottom: 50px }
	.box-maquinas img { width: 100% }
	.img-oquefazemos {  order:0 !important }
	.container-form { margin-bottom: 30px; }
	.img-fazemos2 { position: relative; top: -550px }
	.fazemos1 { position: relative; top: -130px }
	.fazemos2 { position: relative; top: 100px }
	.container-map-contato { order:1 }
	.arrow-up { display: none }
    .second-detail { text-align: justify; }
    .btn-detail { margin:0 auto; }
    .machine-detail { margin-top: 10px;text-align: center;font-size: 17px }
    .title-detail { font-size: 16px }
}

@media only screen and (min-width: 1680px) {

    .header{ height: 800px }
    .text-header { margin-top:80px }

}