*{
	font-family: 'Heebo', sans-serif;
	outline: none;
}

html, body {
    overflow-x: hidden;
}

#topbar{
	background: #125104;
}

.primary-menu li a, .social-box a{
	color: #FFFFFF;
	font-size: 14px;
}

.social-box{
    background-image: url(../img/arrow-top-bar.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 400px;
    height: 46px;
    margin: 0;
    position: relative;
}

.social-box:before{
    content: '';
    height: 46px;
    width: 743px;
    background: #1F8D07;
    position: absolute;
    left: -419px;
}

.p-t-30{
    padding-top: 30px;
}

.websix{
    padding-top: 30px;
}

.text-cheque{
    padding-top: 30px;
    color: #777777;
    font-size: 14px;
}

.social-box a{
    top: 10px;
    position: relative;
    display: block;
}

.social-box img{
	float: left;
}

.social-box span{
	float: left;
    margin: 2px 10px 0 8px;
}

.button-contato img{
    float: left;
    margin-right: 7px;
}

.button-contato{
	background: #209607;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
    padding: 8px 20px !important;
    line-height: 15px !important;
}


.primary-menu li a:hover, .social-box a:hover{
	color: #5FE28C;
}

.button-contato:hover, .button-contato:focus{
	background: #209607;
	color: #FFFFFF;
}


header{
	padding: 25px 0;
	background: url(../img/pattern.png);
}

.wrapper-input{
	position: relative;
}

.wrapper-input #input-search{
	margin: 15px 0;
	border: 1px solid #E0E8F1;
	box-shadow: none;
	height: 47px;
	border-radius: 50px;
	padding: 10px;
	font-size: 14px;
}
.wrapper-input #input-search::placeholder{
	padding: 10px;
	font-size: 14px;
}


#btn-search{
	background: url(../img/icon-search.png) no-repeat;
    width: 56px;
    height: 47px;
    text-indent: -9999px;
    right: 0;
    top: 0;
    border: 0;
    position: absolute;
}

#btn-search:hover{
	cursor: pointer;
}

.cart-wrapper .media-object{
	margin: 0;
}

.cart-wrapper{
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    display: inline-block;
    padding: 15px;
}
.cart-wrapper:hover{
    background: white;
    display: inline-block;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 1px 1px 18px -4px #CCC;
	cursor: pointer;
}

.cart-header h2{
    font-size: 18px;
    color: #1F8C06;
    font-weight: bold;
    margin: 0;
    width: 100%;
    text-align: left;
}

.cart-header h3{
	color: #343434;
	margin: 0;
	font-size: 17px;
	float: left;
	display: inline-block;
}

.cart-item{
    padding-bottom: 13px;
    border-bottom: 1px solid #CCC;
    padding-top: 15px;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 1px 1px 28px -3px #CCC;
}
.cart-item:hover{
	background: #eff5ed;
}

.cart-item-main-img{
    border: 1px solid #CCC;
    padding: 2px;
    border-radius: 5px;
}

.cart-item-name{
	position: relative;
}

.cart-btn-remove{

}

.cart-btn-remove img{
    border: 0;
    width: 18px;
    position: absolute;
    right: 0;
}

.cart-item-name h3{
    font-size: 14px;
    color: #020a00;
    font-weight: normal;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 90%;
}

.cart-item-detail .cart-item-price strong{
	font-size: 14px;
	display: block;
	text-align: left;
}

.cart-item-detail .cart-item-price span{
    color: #ABB0BE;
    font-size: 12px;
    text-align: left;
    display: block;
}

.cart-orcamento{
	background: #F78929;
}

.color-orange{
    color: #F78828;
}

.color-green{
	color: #209607;
}

.dropdown-cart{
    padding: 0;
    border-radius: 3px;
    box-shadow: 1px 1px 25px -1px #dad2d2;
}

.dropdown-cart:before{
	content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1f8c06;
    position: absolute;
    top: -10px;
    right: 10px;
}

.badge-cart{
	float: left;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: bold;
    background: #F78929;
}

.dropdown-cart h2{
    background: #1F8C06;
    font-size: 14px;
    text-align: right;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    padding: 15px 0;
    color: #FFFFFF;
    margin: 0;
	padding-right: 10px;
    padding-left: 10px;
}

.dropdown-cart h2 strong{
    color: #FFFFFF;
    font-size: 17px;
    text-align: right;
    padding-bottom: 6px;
    font-weight: bold;
}

.cart-scroll{
	max-height: 420px;
	overflow-y: auto;
	position: relative;
}


/* Let's get this party started */
.cart-scroll::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.cart-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/* Handle */
.cart-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(31, 140, 6, 0.5);
    -webkit-box-shadow: inset 0 0 6px rgba(31, 140, 6,0.5);
}
.cart-scroll::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(31, 140, 6,0.5);
}

.cart-footer{
	background: #e8e8e8;
	padding: 15px 10px;
	border-top: 2px solid #20960721;
}

.cart-footer .button{
    margin: 0;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    border-radius: 6px;
    background-color: #209607;
    color: #FFF;
    padding: 9px 5px;
}

.cart-footer .button:hover{
	background: #125104;
	color: #FFFFFF;
}

nav{
    background: #209607;
    border-bottom: 3px solid #2dd20c;
}

.secondary-menu{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow-x: hidden;
}

.secondary-menu li{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 15px 0 10px 0;
}

.secondary-menu li:before{
    content: '';
    background: url(../img/division-menu.png);
    position: absolute;
    width: 2px;
    height: 69px;
    right: 0;
}

.secondary-menu li:hover:after{
	content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #2dd20c;
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}

.secondary-menu li span{
    font-size: 13px;
    color: #FFF;
    line-height: 1.2;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    flex-direction: column;
}

.secondary-menu li{
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.secondary-menu li:hover{
	background: #25ab08;
}

.secondary-menu a img{
    float: left;
}

.secondary-menu a span{
	width: 100%;
}
.p-y-30{
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-y-40{
    padding-top: 40px;
    padding-bottom: 40px;
}

.p-y-60{
	padding-top: 60px;
	padding-bottom: 60px;
}

.p-bot-20 {
    padding-bottom: 20px;
}

.close{
    color: #000;
    padding-left: 1%;
    cursor: pointer;
}

.alert a{
    font-size: 18px;
}

.alert {
    margin-bottom: 15px;
}

.info-contato p{
    color: #353535;
    margin-bottom: -1px;
    padding-left: 10%;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #2dd20c;
}
.flex-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.box-banners-home{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.swiper-slide{
    width: 100%;
}

.swiper-pagination1 .swiper-pagination-bullet-active{
	background: #FFF;
}
.swiper-pagination2 .swiper-pagination-bullet-active{
	background: #1DA850;
}

.swiper-pagination2{
	bottom: -5px !important;
}

.swiper-pagination1 .swiper-pagination-bullet, .swiper-pagination2 .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	border:1px solid #EAEAEA;
}

.pagination{
    background: #fff;
    border: none;
}

.pagination .current{
    padding: 0.1875rem 0.625rem;
    background: #F78929 !important;
}

.pagination .current a{
    color: #fff;
    font-weight: bold;
}

.pagination .current a:hover{
    background: none !important;
}

.bg-grey{
	background: #F7F7F7;
}

.title-black{
	color: #353535;
	font-size: 26px;
	font-weight: bold;
}

#content h1,h2,h3,h4,h5,h6, h5 a{
	color: #353535;
}

.font-bold{
	font-weight: bold;
}

.border-square{
	position: relative;
}

.bg-white-product{
	background: #FFFFFF;
  	position: relative;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}


.wrapper-product{
	padding: 8px;
	border-bottom: 3px solid transparent;
	border: 1px solid #eaeaea;
    min-height: 423px;
}

.grid-product .cell{
	margin-bottom: 10px;
}

.bg-white-product:hover{
	box-shadow: 1px 1px 30px -3px #EAEAEA;
}

.wrapper-image-product{
    ustify-content: center;
    text-align: center;
    height: 255px;
    padding: 20px;
    border: 1px solid #f5f5f5;
    position: relative;
    overflow: hidden;
    box-shadow: 1px 1px 18px -8px #CCC;
}

.relative{
	position: relative;
}

.wrapper-image-product img{
	object-fit: scale-down;
	width: 100%;
	height: 100%;
}

.wrapper-product h2 a{
    color: #666666;
    font-size: 17px;
    font-weight: bold;
    margin: 15px 0;
    text-align: center;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 41px;
}

.price-x{
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.price-x .complemento{
    font-size: 12px;
}

.price-in-cash{
    font-size: 20px;
    color: #1da849;
    text-align: center;
    margin: -3px 0 10px 0;
    font-weight: bold;
}

.price-de {
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin-bottom: 0;
}

.price-de span{
    text-decoration: line-through;
}

.valid-date{
	text-align: center;
	color: #666666;
	font-size: 13px;
}

.parcelamento{
    font-size: 13px;
    color: #666666;
}

.tag-diagonal{
    padding: 5px;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 30px;
    left: -39px;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(-45deg);
    width: 170px;
    text-align: center;
}

.tag-diagonal.tag-green{
	background: #209607;
}
.tag-diagonal.tag-red{
	background: #CC2229;
}

.budget{
    font-size: 13px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #F78929;
    display: inline-block;
    font-weight: bold;
    padding: 7px 12px;
    border-radius: 5px;
}


.wrapper-button-cart{
	position: absolute;
}

.button-cart{
    letter-spacing: 1px;
    background: #1DA850;
    font-size: 16px;
    font-weight: normal;
    border-radius: 0 0 10px 10px;
    position: relative;
    display: block;
    margin: 0;
    bottom: 40px;
    z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.bg-white-product:hover ~ .button-cart{
  bottom: 0px;
}

.button-cart:hover{
	background: #1A9146;
	bottom: 0;
}

.swiper-button-prev2{
    background: url(../img/left-arrow.png) no-repeat;
    right: 35px !important;
    left: auto;
    width: 31px;
    height: 56px;
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    top: -50px;
}

.swiper-button-next2{
    background: url(../img/right-arrow.png) no-repeat;
    right: 0;
    width: 31px;
    height: 56px;
    top: -50px;
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.swiper-button-prev3{
	background: url(../img/left-arrow2.png) no-repeat;
    right: 35px !important;
    left: auto;
    width: 31px;
    height: 56px;
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    top: -50px;
}

.swiper-button-next3{
	background: url(../img/right-arrow2.png) no-repeat;
    right: 0;
    width: 31px;
    height: 56px;
    top: -50px;
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.btn-txt-white{
    color: #fff !important;
}

.blog-title a:hover{
    color: #209607;
}

.gallery-img a img{
    height: 235px;
}

.notice-imgf a img{
    padding-right: 15px;
    padding-bottom: 15px;
    height: 200px;
}

.conheca img{
    padding-top: 20px;
}

.wrapper-logo-client{
    padding: 10px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-thumb-blog{
	height: 230px;
	position: relative;
	background: #EAEAEA;
}

.wrapper-thumb-blog img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.notice-details img{
    float: left;
    margin-right: 25px;
}

.notice img{
    margin-right: 25px;
    height: 300px;
    width: 100%;
    object-fit: scale-down;
}

.notice p{
    color: #353535;
}

.notice a:hover{
    color: #209607;
}

.wrapper-thumb-blog .date{
    background: #1da750f0;
    font-size: 15px;
    color: #FFFFFF;
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 4px 22px;
    font-weight: bold;
}

.box-blog h2 a{
	color: #1DA550;
	font-size: 20px;
	margin: 10px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.box-blog p{
	font-size: 13px;
	color: #666666;
	margin: 5px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-dotted-diagonal{
	background: url(../img/line-dotted-diagonal.png) repeat-x 0 0;
	width: 100%;
	height: 12px;
}

.media-newslleter h2{
	color: #1DA550;
	font-size: 19px;
}

.media-newslleter{
	margin: 0;
}

.btn-sign{
	background: #1DA850;
	color: #FFFFFF;
}

.box-newslleter label{
	display: block;
	color: #1DA550;
}

.box-newslleter input{
	width: 75%;
	float: left;
	margin: 0;
}

.box-newslleter button{
    width: 20%;
    float: right;
    padding: 11px;
    font-weight: bold;
}

.box-newslleter button:hover{
	cursor: pointer;
}

.box-newslleter-confirm button{
    float: left;
    padding: 11px;
    font-weight: bold;
}

.box-newslleter-confirm button:hover{
    cursor: pointer;
}

.alert-danger{
    font-size: 14px;
    width: 100%;
    height: 100%;
    padding: 10px;
    background: #ffc6bd;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
}

.alert-success{
    font-size: 14px;
    width: 100%;
    height: 100%;
    padding: 10px;
    background: #B4FFC4;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
}

.signup p a{
    color: #999999;
}

footer{
	padding: 45px 0;
    background: url(../img/pattern.png);
}

footer ul{
	list-style: none;
	margin: 0;
}

footer ul li, footer ul li a{
	color: #777777;
    font-size: 14px;
}

footer ul li strong{
	color: #343434;
	font-size: 20px;
	margin-bottom: 15px;
}

.flex-end-colum{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#inner-page{
	padding: 40px 0;
	background-color: #393a39;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231da100' fill-opacity='0.27' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

#inner-page h1{
    font-weight: bold;
    color: #FFFFFF;
    font-size: 25px;
    margin: 0;
}

#inner-page span{
    color: #FFFFFF;
    font-size: 14px;
}

#float-contact{
	position: fixed;
	bottom: 0;
	right: 10px;
    z-index: 9;
}

.breadcrumbs{
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	display: block;
	width: 100%;
	padding: 10px;
}

.breadcrumbs li a{
	border-bottom: 2px solid transparent;
}

.breadcrumbs li a:hover{
	text-decoration: none;
	border-bottom: 2px solid #209607;
}

.breadcrumbs li, .breadcrumbs li a{
	color: #343434;
	font-size: 13px;
}

.breadcrumbs .current a{
	color: #333333;
	font-weight: bold;
	border-bottom: 2px solid #209607;
}

.photo-detail-product{
	border: 1px solid #DDDDDD;

    overflow: hidden;
    position: relative;
}

.photo-detail-product{
    display: flex;
    justify-content: center;
    padding: 10px;
    text-align: center;
    height: 500px;
}

.photo-detail-product img{
    object-fit: scale-down;
    height: 100%;
/*    max-height: 450px;*/
}

.wrapper-thumbnail-product{
    border-bottom: 1px solid #DDDDDD;
    padding: 15px 5px;
}

.wrapper-thumbnail-product img{
	width: 100%;
	object-fit: scale-down;
    max-height: 35px;
}

.swiper4{
	border: 1px solid #DDDDDD;
	height: 500px;
	margin-right: 10px;
}

.info-product{
	padding-left: 20px;
}

.info-product h2{
	font-size: 20px;
	font-weight: bold;
	color: #1F9606;
	margin: 0;
}

.info-product h3{
	color: #999999;
	font-size: 16px;
	margin-top: 10px;
}

.info-product h3 strong{
	color: #535353;
}

.price-box{
    background: #F5F5F5;
    padding: 20px;
    margin: 15px 0;
    border: 1px solid #eee;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-right: 8px solid transparent;
}

.price-box:hover{
    border: 1px solid #209607;
    border-right: 8px solid #209607;
}

.price-box .price{
	color: #666666;
	font-size: 23px;
	font-weight: bold;
}

.price-box .complemento{
    font-size: 16px;
}

.price-box .price-cash{
	color: #666666;
	font-size: 17px;
	margin: 0;
}

.price-box .date-valid{
	color: #666666;
	font-size: 13px;
}

.inputs-box label{
	font-size: 14px;
	color: #343434;
	font-weight: bold;
}


.radio-button-color{
	position: relative;
}

.radio-button-color{
    margin: 0;
    display: block;
    float: left;
    width: 39px;
    height: 39px;
    margin-right: 6px;
    margin-bottom: 6px;
}

.radio-button-color:before{
    content: '';
    background: inherit;
    width: 100%;
    height: 39px;
    position: absolute;
    z-index: 0;
}

.color-checked{
	position: relative;
}

.color-checked:after{
    content: 'X';
    position: absolute;
    border: 0;
    color: #FFF;
    line-height: 41px;
    font-weight: bold;
    font-size: 21px;
}

.button-add-cart{
    color: #FFF;
	background: #1DA850;
    font-size: 15px;
    padding: 8px 10px;
    margin-bottom: 0;
    border-radius: 40px;
    margin-top: 10px;
    width: 100%;
}

.button-add-cart:hover{
    cursor: pointer;
}

.button-finish-quote{
	background: #F78929;
}


.button-add-cart img{
    margin: 0 5px 0 0;
}

.button-add-cart:hover, .button-add-cart:focus{
	background: #188D44;
}


.button-finish-quote:hover, .button-finish-quote:focus{
	background: #ffa801;
}

.required-notification{
    background: #ff5e57;
    color: #FFFFFF;
    padding: 10px;
    font-size: 13px;
    border-radius: 4px;
    border: 2px solid #ffb6b3;
}

.required-field{
    color: #e50512;
}

#cart-add-notification{
    background: rgba(247, 137, 41, 1);
    position: fixed;
    bottom: 0;
    padding: 15px 0;
    width: 100%;
    color: #FFF;
    text-align: center;
    display: none;
    z-index: 1;
}

.cart-scroll-black{
	content: '';
	background: rgba(0, 0, 0, 0.50);
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 1;
	display: none;
	top: 0;
}

.sk-circle {
	display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto auto;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.nf-button-ok{
	background: #FFF;
    padding: 3px 9px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-radius: 6px;
    margin-left: 10px;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nf-button-ok:hover,.nf-button-ok:focus{
	background: #000;
	color: #FFF;
}

.title-line-product{
    font-size: 20px;
    color: #1F9606;
    font-weight: bold;;
    margin-bottom: 18px;
    display: inline-block;
    position: relative;
    padding: 7px 0;
}

.title-line-product:before{
	content: '';
	position: absolute;
	background: #209607;
	height: 2px;
	width: 100%;
	bottom: 0;
}

.line-grey-full{
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 4px;
    width: 100%;
    position: relative;
    top: -22px;
}

#description-product ul li{
	color: #777777;
	font-size: 15px;
}

#description-product p{
	color: #777777;
	font-size: 15px;
	line-height: 1.5;
}

.cart-inner-thumb-product{
	padding: 10px;
	height: 200px;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	background: #FFFFFF;
}

.cart-inner-thumb-product{
	height: 100%;
}
.cart-inner-name-product{
	color: #666666;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0;
    text-align: left;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#tb-cart tbody th, #tb-cart tbody td {
    border: 1px solid #ececec;
}

.swiper-container-horizontal{
	overflow-x: hidden;
	width: 100%;
}

.container-menu{
    position: absolute;
    right: 20px;
    top: 23px;
    z-index: 10;
}

.container-menu:before{
    /*content: ' MENU';*/
    color: #FFF;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    top: 6px;
    left: -68px;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #FFF;
  margin: 6px 0;
  transition: 0.4s;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.instagram-mobile {
  padding: 5px !important;
}

.slide-conheca {
    height: 400px;
    max-width: 100vw;
    overflow: hidden;
    margin-top:50px;
}

.slide-conheca img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.conheca-content {
    padding-right:50px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {

    .button-contato{
        padding-top: 15px !important;
    }

    .primary-menu li a, .social-box a{
        display: inline-block;
    }
    footer{
        text-align: center;
    }
    .button-cart{
        bottom: 0;
    }

    .box-newslleter input{
        width: 100%;
    }

    .p-t-15{
        padding-top: 15px;
    }

    .flex-end-colum{
        display: block;
    }

    .cart-wrapper{
        margin-top: 30px;
        box-shadow: 1px 1px 18px -4px #CCC;
        background: #FFFFFF;
    }
    .cart-wrapper,.cart-wrapper:hover{
        display: flex;
    }

    .secondary-menu {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .secondary-menu li:before{
        display: none;
    }

    .secondary-menu li{
        width: 30%;
        border: 1px solid #26bd05;
        margin: 12px 11px 12px 0px;
    }

    footer ul{
        margin-top: 18px;
        margin-bottom: 18px;
    }

    .powered{
        text-align: center;
    }

    .colum-search{
        order: 1;
        padding: 20px 5px;
    }

    .primary-menu{
        padding: 10px 0;
        justify-content: flex-start;
    }

    nav{
        display: none;
    }
    #topbar {
        background: #125104;
        padding: 15px 0;
    }
    .social-box{
        display: none;
    }
    .colum-logo, .colum-cart{
        text-align: center;
    }

    .box-newslleter button{
    width: 100%;
    margin-top: 5%;
    float: right;
    padding: 11px;
    font-weight: bold;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .button-cart{
        bottom: 0;
    }

    .border-square:before{
        content: '';
        width: 45%;
        position: absolute;
        height: 1px;
        right: 20px;
        background: #DDD;
        top: 0;
        bottom: 0;
        margin: auto auto;
    }

    .border-square:after{
        content: '';
        width: 20px;
        height: 20px;
        border: 1px solid #DDDDDD;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto auto;
    }

    .secondary-menu {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .secondary-menu li:before{
        display: none;
    }

    .secondary-menu li{
        width: 30%;
        border: 1px solid #26bd05;
        margin: 12px 11px 12px 0px;
    }

    .colum-search{
        order: 1;
        padding: 20px 5px;
    }

    .primary-menu{
        padding: 10px 0;
        justify-content: flex-start;
    }

    nav{
        display: none;
    }
    #topbar {
        background: #125104;
        padding: 15px 0;
    }

}


/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .main-menu{
    display: flex !important;
  }

  .border-square:before{
        content: '';
        width: 63%;
        position: absolute;
        height: 1px;
        right: 20px;
        background: #DDD;
        top: 0;
        bottom: 0;
        margin: auto auto;
    }

    .border-square:after{
        content: '';
        width: 20px;
        height: 20px;
        border: 1px solid #DDDDDD;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto auto;
    }

  .secondary-menu  a{
    padding: 0;
  }

  .container-menu{
    display: none;
  }
}

/* Large up */
@media screen and (min-width: 75em) {
	.grid-container{
		max-width: 80em;
	}

  .main-menu{
    display: flex !important;
  }

  .container-menu{
    display: none;
  }

  .border-square:before{
        content: '';
        width: 45%;
        position: absolute;
        height: 1px;
        right: 20px;
        background: #DDD;
        top: 0;
        bottom: 0;
        margin: auto auto;
    }

    .border-square:after{
        content: '';
        width: 20px;
        height: 20px;
        border: 1px solid #DDDDDD;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto auto;
    }

}