::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
    background: #888; 
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

a{
	text-decoration:none!important;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900');

body{
	width:100%;
	overflow-x:hidden;
	font-family: 'Montserrat', sans-serif;
	font-size:16px!important;
}


/* SLIDER */

#slider .carousel,
#slider .item,
#slider .active {
    height: 500px;
}

.carousel-inner {
  height: 500px;
  background: #000;
}

#slider img{
	max-width:100%;
}

.carousel-caption{padding-bottom:80px;font-weight:600;}

#slider h2{font-size: 60px;}
#slider p{padding:10px; font-size:30px;}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: auto;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:1;
}

/**
 * Change animation duration
 */
 
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


/* home */

#topo{
	width:100%;
	background:#fff;
	display:block;
	padding:15px 0;
}

#topo .row .alinha{
	width:100%;
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
}

#topo .logo{
	display:block;
	margin:0 auto;
	max-height:150px;
}

#topo .pesquisa{
	display:table;
}

#topo span b{
	font-size:18px;
	color:#0057A6;
}

#topo .pesquisa input{
	display:inline-block;
	max-width:100%;
	min-width:400px;
	padding:0 15px;
	border:1px solid #d0d0d0;
	border-radius:5px 0 0 5px;
	font-size:15px;
	line-height:48px;
	vertical-align: top;
}

#topo .pesquisa button{
	display:inline-block;
	background:#2EB454;
	border-radius:0 5px 5px 0;
	color:#fff;
	font-size:20px;
	height:50px;
	padding:0 15px;
	border:1px solid #2EB454;
}

#div-flex{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	text-align:center;
}

#topo .box{
	display:block;
	margin:0 auto;
}

/* menu */

#menu{
	width:100%;
	background:#0057A6;
	text-align:center;
	display:block;
}

#menu ul{
	list-style:none;
	margin:0!important;
	padding:0!important;
}

#menu li{
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	height:60px!important;
	line-height:60px!important;
	list-style-type: none!important;
	 margin-left: -4px;
}

#menu li:hover{
	color:#FFF;
	cursor:pointer;
	background:#2EB454;
}

#menu li.active{
	color:#fff;
	background:#2EB454;
}

#menu li a{
	color:#FFF;
	font-size:14px;
	padding:30px;
	margin-right:0!important;
}

#slider{
	width:100%;
	display:block;
}

#slider-home{
	width:100%;
	height:500px!important;
}

#slider .owl-theme .owl-dots{
    margin-top: -200px!important;
	height:40px!important;
}

#produtos{
	width:100%;
	padding:90px 0;
}

#produtos h1{
	display:block;
	margin:0 auto 60px auto;
	font-weight:bold;
	text-align:center;
	font-size:30px;
}

#produtos .produtos-menu{
	width:100%;
	display:block;
}

#produtos .produtos-menu li.submenu{
	display:inline-block;
	min-width:20%;
	border:3px solid #f0f0f0;
	padding:0 0 15px 0;
	cursor:pointer;
}

#produtos .produtos-menu li.submenu .image{
	width:100%;
	height:180px;
	
	background:no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos .produtos-lista{
	width:100%;
	display:block;
	text-align:center;
	padding:30px 0 0 0;
}

.owl-theme .owl-controls .owl-buttons div{
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    width:0;
    height:0;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
	margin:60px 0 0 0;
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #000;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

#produtos ul{
	list-style:none;
	padding:0;
	text-align:center;
}

#produtos li.submenu.um{
	display:inline-block;
	margin:15px auto;
	width:217px;
	height:190px;
	padding:0 0 0 60px;
	background:url(../imagens/ico_1.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	font-size:24px;
	font-weight:bold;
	color:#FBB813;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos li.submenu.um.active, #produtos li.submenu.um:hover{
	background:url(../imagens/ico_1h.png) no-repeat center center;
	cursor:pointer;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos li.submenu.do{
	display:inline-block;
	margin:15px auto;
	width:217px;
	height:190px;
	padding:0 0 0 60px;
	background:url(../imagens/ico_2.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	font-size:24px;
	font-weight:bold;
	color:#FBB813;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos li.submenu.do.active, #produtos li.submenu.do:hover{
	background:url(../imagens/ico_2h.png) no-repeat center center;
	cursor:pointer;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos li.submenu.tr{
	display:inline-block;
	margin:15px auto;
	width:217px;
	height:190px;
	padding:0 0 0 60px;
	background:url(../imagens/ico_3.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	font-size:24px;
	font-weight:bold;
	color:#FBB813;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos li.submenu.tr.active, #produtos li.submenu.tr:hover{
	background:url(../imagens/ico_3h.png) no-repeat center center;
	cursor:pointer;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos li.submenu.qu{
	display:inline-block;
	margin:15px auto;
	width:217px;
	height:190px;
	padding:0 0 0 60px;
	background:url(../imagens/ico_4.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
	font-size:24px;
	font-weight:bold;
	color:#FBB813;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos li.submenu.qu.active, #produtos li.submenu.qu:hover{
	background:url(../imagens/ico_4h.png) no-repeat center center;
	cursor:pointer;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos .produtos-lista .pro{
	margin:15px 30px 0 30px;
}

#produtos .produtos-lista .item{
	
}

#produtos .produtos-lista .pro .foto{
	position:relative;
	width:100%;
	height:340px;
	overflow:hidden;
	padding:0;
	background:no-repeat center center;
	-webkit-background-size:280px auto;
	-moz-background-size:280px auto;
	-o-background-size:280px auto;
	background-size:contain;
	border:2px solid #e0e0e0;
	border-radius:10px;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos .produtos-lista .pro:hover .foto{
	border:2px solid #2EB454;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos .produtos-lista .pro i{
	position:absolute;
	color:#2EB454;
	left:0;
	right:0;
	margin:auto;
	font-size:20px;
	bottom:-60px;
	opacity:0;
	border:2px solid #2EB454;
	border-radius:50%;
	width:40px;
	height:40px;
	display:flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos .produtos-lista .pro:hover i{
	bottom:15px;
	opacity:1;
	transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

#produtos .produtos-lista .pro h3{
	text-align:left;
	font-weight:bold;
	margin:30px 0;
}

#produtos .produtos-lista .pro button{
	border:2px solid #2EB454;
	border-radius:5px;
	color:#2EB454;
	background:transparent;
	font-size:14px;
	padding:10px 30px;
}

#banner{
	width:100%;
	height:auto;
}

#banner img{
	max-width:100%;
}

#empresa{
	width:100%;
	padding:90px;
}

#empresa .col-md-6{
}

#empresa h1{
	display:block;
	font-weight:bold;
	text-align:left;
	font-size:30px;
}

#empresa h1 b{
	color:#2EB454;
}

#empresa img{
	max-width:100%;
}

#footer{
	width:100%;
	padding:60px 0;
	background:#1D62B2;
	color:#fff;
	text-align:center;
}

#footer a{
	color:#fff;
}

#footer h1{
	color:#2EB454;
	display:block;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	padding:30px 0;
}

#footer i{
	color:#2EB454;
}

#footer .col-md-12 i{
	color:#fff;
	width:50px;
	height:50px;
	border-radius:50%;
	border:1px solid #fff;
	display:inline-flex;
	align-items: center;
	justify-content: center;
}

#copy{
	width:100%;
	background:#000;
	color:#fff;
	text-align:center;
	padding:15px;
	font-size:13px;
}


@media (min-width: 340px) and (max-width:768px){
}
@media (min-width: 992px){}
@media (min-width: 1200px){}