body   { font-family: 'gotham_bookregular'; background:#2e2e2e; overflow-x: hidden;}

header { background-color:#FFFFFF; height:90px;}

.bold			{ font-family: 'gotham_boldregular'; }
.container 		{ padding:10px 0; }
.floating-wpp	{ z-index:9999999} 

.hilite1, .hilite2, .hilite3 { background-color:#FF6}

#homepage, #main    { min-height:500px }

.search             { max-width:600px; margin:auto }
.search form        { }
.search input       { height:36px; background:none; color:#9e9e9e; border-color:#5a5a5a; background-color:#FFFFFF }
.search input:hover,                                               
.search input:focus { border:1px solid #01a066; border-radius:none; background-color:#FFFFFF; box-shadow:none}
.search i           { margin-left:15px; margin-top:11px; color:#5a5a5a}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00a755; 
}
.zoje-icons { }
.item-video { height:350px;}
.split-list ul{float: left;}

.menu-static          { }
.menu-static .list-inline-item > a        { text-decoration:none; padding:8px 18px; font-size:14px;transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.menu-static .list-inline-item > a:hover  { color:#00a755;  }
.menu-static .list-inline-item > a.active { color:#00a755;  }

.dropdown-menu { font-size:14px; background-color: #f8f8f8; min-width:400px; margin-top:3px }
.dropdown-item { border-left:3px solid transparent; padding:4px 8px; color:#5a5a5a;  border-bottom:1px dashed #f8f8f8}
.dropdown-item:focus, .dropdown-item:hover { color:#00a755; background-color:transparent; border-left:3px solid #00a755; }
.dropdown-toggle:not(:disabled):not(.disabled):active,.dropdown-toggle:not(:disabled):not(.disabled):focus {background-color: #00a755; color:#f8f8f8}

.menu-products               { background-color:#00a755; height:50px; }
.menu-products ul li         { padding:12px 30px; border-top:1px solid transparent;  transition: all 0.6s}
.menu-products ul li:hover   { background-color:#006c31 }
.menu-products a             { color:#FFFFFF; text-decoration:none; font-size:16px; }

.banner { height:350px; background-color:#ccc;}
.video  { height:270px; background:none;}
.video-fluid {  position: absolute;  top:120px;  right: 0;  bottom: 0;  min-width: 100%;  background-position: center;  height:350px;}

.background-zoje-world { background-color:#00a755; }
.background-zoje-text  { height:60px; line-height:20px; padding-top:20px; color:#FFFFFF; font-weight:bold; text-align:center }


.page-title      { font-size:30px; padding:10px 0; margin:0; font-weight:bold }
.footer-title    { padding:0px; margin:0px; font-size:20px;}

.webpage-header         { }
.webpage-banner 		{ height:220px; /*border:1px solid #ff0*/}
.webpage-mini-banner	{  }
.webpage-products       {  }
.webpage-footer         { }

.header-border-bottom { border-bottom:1px solid #f8f8f8 }

.form-subscribe { background-color:rgba(2, 46, 8, .8) ; width:500px}

.box-product        { min-height:350px; border:1px solid #f8f8f8  }
.box-product .img   { padding:0 25px }
.box-product .brand { z-index:5; width:75px }
.box-product .code  { color:#1c1a1a} 
.box-product .name  { line-height:18px; font-size:15px; }
.box-product a      { color:#333}

.box-product:hover   { border-color:#00a755; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; }
.box-product:hover a { color: #00a755; text-decoration:none }

#newsletter { min-height:400px}


.font-8  { font-size:8px}
.font-9  { font-size:9px}
.font-10 { font-size:10px}
.font-11 { font-size:11px}
.font-12 { font-size:12px}
.font-13 { font-size:13px}
.font-14 { font-size:14px}
.font-15 { font-size:15px}
.font-16 { font-size:16px}
.font-20 { font-size:20px}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .menu-static .list-inline-item > a { padding:8px 20px; font-size:13px;}
    .box-product { min-height:280px; }
    .assistence-cards-container-bottom { margin-top: 340px!important; }
    
    .product-name { font-size: 9px; }
    .product-info{ font-size: 13px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	.characteristcs-name { font-size: 12px; }
    .form-subscribe   { width:380px}
    .form-subscribe p { font-size:14px}

    .logo  { width:100%; text-align:center}
	
	ol.breadcrumb { font-size: 11px; }
	.section-parts { flex-direction: column!important; }
	.section-parts-infos { margin-right: 0px!important; width: 100%!important;}
	.section-parts-img { margin-top: 30px!important; width: 100%!important; }
	
	
	.section-assistance-infos{ width: 100%!important; }
	.section-assistance { flex-direction: column!important; }
	.cards-reasons { flex-direction: column!important; }
	.card-reason { width: 100%!important; margin-right: 0px;}
	.section-assistance-img { width: 100% !important; }
	.light-overlay { display: none; }
	.section-brasil-infos { padding-left: 15px!important; }
	.img-section-assistance { width: 100%!important; margin-bottom: 0px!important; }
	
	.assistence-desc-card { font-size: 9px; }
	.assistence-img-card-number { font-size: 35px!important }
	
	.assistence-cards-container-bottom { margin-left: 70px!important; margin-top: 240px!important; }
	
	.text-parts { width: 100%!important; }
	
}

@media (max-width: 767px) {
	.assistence-img-card-one   { width: 250px; margin-right: 15px!important; }
	.assistence-img-card-two { margin-right: 15px!important; margin-left: 15px!important;}
	.assistence-img-card-three { margin-right: 15px!important; margin-left: 15px!important; }
	.assistence-img-card-four { margin-right: 15px!important; margin-left: 15px!important;}
	.assistence-img-card-five  { margin-right: 15px!important; margin-left: 15px!important; }
	.assistence-img-card-six { margin-right: 15px!important; margin-left: 15px!important;}
	.assistence-cards-container-top { margin-top: -100px!important; }
	.assistence-cards-container-bottom { margin-top: 180px!important; }
	
	.characteristcs-product-info { display: block!important; }

}

/* Small devices (mobile, less than 600px) */
@media (max-width: 600.00px) { 
    .box-product        { padding-left: .25rem!important; min-height:250px;}
    .box-product .img   { padding:1px 15px }
	.box-product .brand { width:45px }
	.box-product .name  { line-height:14px; font-size:12px; }
	.page-title      	{ font-size:18px;  }
	
    .banners-machine-container{ flex-direction: column; }
    .banners-machine-container { flex-direction: column !important; }
    
	.banner-machine-card { margin-top: 3rem !important; width: 100%!important;}
	.margin-machine-card { margin-right: 0rem!important;}
	
	.social-icon { font-size: 27px!important; }
	
	.assistence-img-card-number { font-size: 25px!important }
	.assistence-desc-card { font-size: 6.5px; }
	
	.assistence-cards-container-bottom { margin-left: 40px!important; margin-top: 180px!important; }
}

@media (max-width: 450.00px) {
	.assistence-img-card-number { font-size: 20px!important }
	.assistence-cards-container-top { margin-right: 20px!important; margin-top: -90px!important; }
	.assistence-cards-container-bottom { margin-left: 40px!important; margin-top: 135px!important; }
	
	.product-info { font-size: 9px!important; }
	.product-desc { font-size: 9px!important; }
}

.banner-machine-card { width: 33%; }
.margin-machine-card { margin-right: 1.5rem!important;}

.banners-machine-container { flex-direction: row; }
.banner-machine       { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .5s;}
.banner-machine:hover { transform: scale(0.96); }

.section-parts { flex-direction: row; }
.cards-reasons { flex-direction: row; }
.pecas-banner { object-fit: cover; }

.assistence-img-card-one   { width: 250px; margin-top: 60px; }
.assistence-img-card-two   { width: 250px; }
.assistence-img-card-three { width: 250px; margin-top: 60px; }
.assistence-img-card-four  { width: 250px; }
.assistence-img-card-five  { width: 250px; margin-top: 60px; }
.assistence-img-card-six   { width: 250px; }
.assistence-cards-container-top { margin-right: 100px; margin-top: -30px; }
.assistence-cards-container-bottom { margin-left: 140px; margin-top: 440px; }

.assistence-img-card-number { font-size: 50px; }
.button-initial { padding: 10px 20px; background: #272727; text-decoration: none!important; color: #fff; border-radius: 30px;}
.button-initial:hover { color: #fff; }


.section-zoje-brasil-container { border: 2px solid #202020; border-right: none; border-left: none; }
.img-section-zoje-brasil { width: 400px!important; margin-left: -10px!important; max-width: 800px!important; z-index: 1!important; }

.light-overlay-left { top: -100px!important; z-index: 0!important; opacity: 75%!important; }
.light-overlay-right { top: -100px; z-index: 0; right: 0; opacity: 75%; }

.img-section-assistance { z-index: 1; margin-bottom: -47px; width: 560px; }

.z-1 { z-index: 1!important; }

.characteristcs-container { margin-top: 214px!important; }


#wrap-product 				    { min-height:1000px;}
#wrap-product .wrap-breadcumb   { background-color:#b9b9b9; height:auto; }
#wrap-product .breadcrumb  		{ background-color:#b9b9b9; }
#wrap-product .product			{ background-color:#FFFFFF; }
#wrap-product .gallery			{ }
#wrap-product .product-image	{ }
#wrap-product .product-name		{ }
#wrap-product .product-detail	{ }

#myTab, .tab-content { background-color:#FFFFFF}


/* CSS Adicional */

.btn-contato		 { width: 230px; height: 53px; background:url('/images/botao/btn-sprite.png'); cursor: pointer; position: relative; display: inline-block;}
.btn-contato:hover	 { background:url('/images/botao/btn-sprite.png') 230px 0; cursor: pointer;}
.btn-contato span    { position: absolute; top: 16px; right: 74px; color: #fff;}

.btn-youtube		 { width: 230px; height: 53px; background:url('/images/botao/btn-youtube.png'); cursor: pointer; position: relative; display: inline-block;}
.btn-youtube:hover	 { background:url('/images/botao/btn-youtube.png') 230px 0; cursor: pointer;}
.btn-youtube span    { position: absolute; top: 16px; right: 74px; color: #fff;}

.btn-email		 	 { width: 230px; height: 53px; background:url('/images/botao/btn-sprite.png') 0px 53px; cursor: pointer; position: relative; display: inline-block;}
.btn-email:hover	 { background:url('/images/botao/btn-sprite.png') 230px 53px; cursor: pointer;}
.btn-email span      { position: absolute; top: 16px; right: 74px; color: #fff;}

.btn-manual			 { width: 230px; height: 53px; background:url('/images/botao/btn-manual.png') 0 106px; cursor: pointer; position: relative; display: inline-block;}
.btn-manual:hover	 { background:url('/images/botao/btn-manual.png') 230px; cursor: pointer;}
.btn-manual span     { position: absolute; top: 18px; left: 10px; color: #fff;}

.product-description { color:#808080;}

.icone-ideal  { border: 1px solid #00a755; border-radius: 10px; padding: 20px; max-width: 100%; background-color: white; margin: 0 auto; display: block; }
.margem-ideal { background-color: #ececec;  padding: 30px; }

.section-parts-container { background:url('/images/background/bg-pecas.jpg') no-repeat center; }
.link-card { color: #6c757d; transition: 0.3s; }
.link-card:hover { text-decoration: underline; color: #828a91; }

br{
	margin-right: 5px!important;
}

/********************* shopping Demo-1 **********************/
.product-grid{font-family:Raleway,sans-serif;text-align:center;padding:0 0 32px;border:10px solid #FFF;overflow:hidden;position:relative;z-index:1}
.product-grid .product-image{position:relative;transition:all .3s ease 0s}
.product-grid .product-image a{display:block}
.product-grid .product-image img{width:100%;height:auto}
.product-grid .pic-1{opacity:1;transition:all .3s ease-out 0s}
.product-grid .product-content{background-color:#fff;text-align:center;padding:6px 0;margin:0 auto;position:absolute;left:0;right:0;bottom:-27px;z-index:1;transition:all .3s}
.product-grid:hover .product-content{bottom:0}
.product-grid .title{font-size:13px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid .title a{color:#28b7f9}
.product-grid .title a:hover,.product-grid:hover .title a{color:#28b7f9}
.product-grid .title a:hover { color:#008cff }
.product-grid .price{color:#333;font-size:17px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-align:center;transition:all .3s}
.product-grid .price span{color:#999;font-size:13px;font-weight:400;text-decoration:line-through;margin-left:3px;display:inline-block}
.product-grid .add-to-cart{color:#000;font-size:13px;font-weight:600}
@media only screen and (max-width:990px){.product-grid{margin-bottom:30px}
}

.close:focus{ outline: none!important }