body { font-family: 'Oxygen', sans-serif; color:#4c4c4c; }
figure { width:100%; height:100%; text-align:center; position:relative; }
figure img { max-width:100%; max-height:100%; height: auto }
ul { margin: 0; list-style: none; padding: 0; }
ul>li { margin: 0; }

a { color:#b5904d; font-weight: bold; }
a:hover { color:#000; }

.d50 { width:48%; }
.d33 { width:30%; }
.d33m { width:30%; margin-left:5% }
.d70 { width:60%; }

div.textos ul { list-style:circle; margin:0 0 0 20px; }


#menu_hamburger {
	display: none;
	margin: 18px 0px 10px 10px;
	float:right;
  width: 35px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#menu_hamburger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #d2ac67;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#menu_hamburger span:nth-child(1) { top: 0px; }
#menu_hamburger span:nth-child(2),#menu_hamburger span:nth-child(3) { top: 10px; }
#menu_hamburger span:nth-child(4) { top: 20px; }
#menu_hamburger.open span:nth-child(1) { top: 20px; width: 0%; left: 50%; }
#menu_hamburger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#menu_hamburger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu_hamburger.open span:nth-child(4) { top: 20px; width: 0%; left: 50%; }

header { position:fixed; width: 100%; height: 110px; background-color: rgba(31,41,59,0.75); z-index: 10; display: table;  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

header .logo { margin-top: 15px; display: table-cell; vertical-align: middle; text-align: left; }
header .logo img { max-width: 205px; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
header>div { height: 100%; }
header>div>div { height: 100%; }

header ul#menu { display:block; float: right; margin: 43px 0 0 0; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
header ul#menu>li { float: left; margin-right: 24px; }
header ul#menu>li:last-child { margin-right: 0; }
header ul#menu>li>a { display: block; float: left; text-transform: uppercase; font-size: 14px; font-weight: normal; color:#fff; }
header ul#menu>li>a:hover { color:#b5904d; text-decoration:none; } 

header ul#menu>li.active a { color:#b5904d; }

header #menu.open { display:block; } 

header.hsmal { height: 60px }
header.hsmal .logo {  }
header.hsmal .logo img { max-width: 160px }
header.hsmal ul#menu { margin-top: 19px; }

h2 { font-size: 32px; }
p.legend { color:#a8a8a8; font-size: 19px; }

.bgParallax { width: 100%; position: relative; min-height: 100%; background-position: bottom center; background-repeat: repeat; background-attachment: fixed; background-size: cover; }

.vertical { height: 100%; display: table; }
.vertical>figure { display: table-cell; vertical-align: middle; }
.vertical>div { display: table-cell; vertical-align: middle; }




.animated  { -webkit-animation-duration :3s; animation-duration:3s; -webkit-animation-delay:500ms  ; animation-delay : 500ms; }
.animate-out { -webkit-animation-delay:0ms; animation-delay:0ms; }

.owl-carousel .item h4 { width: 60%; margin: 0 auto; font-size: 28px; font-size: 60px; font-weight: bold; color:#ececec; }
.owl-carousel .item p { width: 60%; margin: 0 auto 20px; font-size: 25px; color:#ececec; font-weight: lighter; padding-right: 20%; line-height: 30px }

.owl-carousel .item {  height: 100%; }
.owl-carousel .item .cap {  height: 720px; position: absolute; z-index: 1; width:100%; display: table; }
.owl-carousel .item .cap>div { display: table-cell; vertical-align: middle; padding-top: 110px }
.owl-carousel .item .img { position: relative; }

.btn {
  display: inline-block;
  line-height: 35px;
  height: 35px;
  text-align: center;
  padding: 0 20px;
  background-color: #d2ac67;
  text-decoration: none;
  color: #fff;
}


section#quarteto { margin: 80px 0 0 0 }
section#quarteto .quarteto { padding: 0 85px; margin-top: 50px }
section#quarteto .quarteto figure { max-width: 105px; margin: 0 auto }
section#quarteto .quarteto h3 { color:#4c4c4c; font-size: 22px }
section#quarteto .quarteto a { font-weight: bold; }

section#note { margin: 140px 0 0 0 }
section#note .note { height: 580px; margin-top: 50px; background-image: url(../arquivos/imagens/notebooks.png); background-position: top center; background-repeat: no-repeat; background-size: contain; position: relative; }
section#note .note:before { content: ''; position: absolute; width: 100%; height: 100px; background-color: #1f293b; bottom: 0px; z-index: -1 }


section#solucoes { background-color: #1f293b; padding: 140px 0 90px 0 }
section#solucoes h2 { color:#fff; }
section#solucoes .dupla { padding: 0 70px; margin-top: 70px }
section#solucoes .dupla .bx { clear: both; display: block; float: left; margin-bottom: 80px; width: 100%; color:#c1c1c1; }
section#solucoes .dupla .bx h4 { color:#e5e5e5; }
section#solucoes .dupla .bx .txt { text-align: right; }

section#clientes { padding: 100px 0; }

section#clientes .cliente { margin-bottom: 60px; }
section#clientes a { margin-top: 40px; }

section#contato { height: 670px; }
section#contato>div { height: 100%; }
section#contato>div>div { height: 100%; }

section#contato h5 { font-size: 43px; color:#e5e5e5; }
section#contato p { color:#a8a8a8; font-size: 19px; }
section#contato a { margin: 35px 0 }

#listaclientes li { float: left; width: 19%; margin-right: 1.25%; margin-bottom:15px }
#listaclientes li:nth-of-type(5n+0) { margin-right: 0; }


section#conteudo { min-height: 500px; border-bottom: dotted 1px #ccc; padding-bottom: 80px }
div.header { width: 100%; padding-top: 135px; background-color: #000; min-height: 280px; background-attachment: fixed; background-position: top center; background-size: contain; margin-bottom: 50px }
div.header h1 { letter-spacing: -1px; color:#d4d4d4; }
div.header p { color:#d4d4d4; }

.boxp a p { color: #5F5F5F; }
.boxp a:hover { text-decoration: none; }
.boxp a:hover p { color: #5F5F5F; text-decoration: none; }

footer { min-height: 200px; padding: 40px 0; }
footer .logo { max-width: 170px; float: left; margin: 10px 20px 10px 0; }
footer .addr { font-size: 13px; font-weight: bold; } 
footer .addr address { font-size: 12px; margin-top: 4px; font-weight: normal; }
footer .dados { text-align: right; font-size: 11px; }
footer .dados>div { border-bottom: solid 1px #ccc; padding-bottom: 9px; margin-bottom: 9px; font-size: 13px }


@media (max-width:1200px) {
	section#chamadas { background-color: #000; padding-top: 110px; }
	.owl-carousel .item .cap { height: auto; }
	.owl-carousel .item h4 { font-size: 45px; }
	.owl-carousel .item p { font-size: 20px; }
	#listaclientes li {width: 23%; margin-right: 2.6666% }
	#listaclientes li:nth-of-type(4n+0) { margin-right: 0; }

}

@media (max-width:1091px) {
	section#solucoes .dupla { padding: 0; }
	section#solucoes .dupla .bx .txt,section#solucoes .dupla .bx .txt2 { text-align: center; }
	section#quarteto .quarteto>div { margin-bottom: 45px}
	section#chamadas { background-color: #000; padding-top: 65px; }
	header { height: 65px; }
	header .logo { margin-top: 10px; }
	header .logo img { max-width: 165px }	
	#menu_hamburger { display: block; }
	header ul#menu { display:none; position:fixed; width:100%; left:0; top:22px; background-color:#000; padding:40px; height:100% } 
	header ul#menu li { display:block; width:100%; float:left; text-align:center }
	header ul#menu li a { float:none; padding:10px 0 }
	div.header { padding-top: 70px; min-height: 200px; padding-bottom: 30px }
	#listaclientes li {width: 31%; margin-right: 3.5% }
	#listaclientes li:nth-of-type(3n+0) { margin-right: 0; }
	
	div.owl-nav { position:absolute; width:100%; top:40%; }
	div.owl-nav .owl-prev { position:absolute; left:0; }
	div.owl-nav .owl-next { position:absolute; right:0; }
}

@media (max-width:991px) {
	
	.owl-carousel .item h4 { width: 75%; text-align: center; }
	.owl-carousel .item p { width: 75%; text-align: center; padding-right: 0;  }
	.owl-carousel .item .cap>div { padding-top: 50px; }
	
}



@media (max-width:768px) {
	
	.owl-carousel .item h4 { font-size: 35px; width: 85%; }
	.owl-carousel .item p { font-size: 14px; width: 85%; line-height: 16px; }
	section#contato .vertical>div { text-align: center; }
	section#contato .vertical>div h5 { font-size: 35px; }
	#listaclientes li {width: 48%; margin-right: 4% }
	#listaclientes li:nth-of-type(2n+0) { margin-right: 0; }
	

}
@media (max-width:650px) {
	
	.owl-carousel .item .cap>div { padding-top: 30px; }
	section#quarteto .quarteto { padding: 0 15px; }
	.owl-carousel .item .cap>div { padding-top: 35px; }
	footer div .logo { max-width: 100%; width: 100%; display: block; }
	footer div .logo figure { width: 165px; text-align: center; margin: 0 auto }
	footer div .logo figure img { margin: 0 auto; }
	footer div.addr { text-align: center; }
	footer .dados { text-align: center; }
	footer .dados>div { margin-top: 20px }
	
}

@media (max-width:550px) {
	
}

@media (max-width:470px) {
}

@media (max-width:450px) {
	
}