/*
    Classes personalizadas
    Laranja: e94e1b
*/

.hide_element {
    display: none !important;
}
.invisible_element {
    visibility: hidden !important;
}

/* =============================================================== */
/* ALTERAÇÕES AO CSS DO TEMPLATE
/* =============================================================== */
.shoping-form tr input[type=number] {
    width: 90px;
}
.color-orange {
    color: #e94e1b;
}

.block-title-2 {
	/* border-bottom: 1px solid #CECECE; */
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 10px 0 0;
	position: relative;
	/*text-transform: uppercase;*/
    line-height: 28px;
}

.product-box-content-addcss {
    height: 345px; /* 300px  340px 360px */ 
    position:relative;
}

.img-product-addcss {
    height: 160px;
}

.product-box-text-addcss {
    position:absolute; 
    bottom:0;
}

.pagination li a {
	color: #666666;
}

.pagination li.active a {
	background-color: #e94e1b;
	border-color: #e94e1b;
	color: #FFFFFF;
}

.pagination li.active a:hover {
	background-color: #e94e1b;
	border-color: #e94e1b;
	color: #FFFFFF;
}

.pagination li.active a:focus {
	background-color: #e94e1b;
	border-color: #e94e1b;
	color: #FFFFFF;
}

.size {
	color: #e94e1b; /* #888888 */ 
	font-size: 11px;
}

.product-box-width {
    width: 225px !important;
}

/* =============================================================== */
/* USER END || Account// Address // Order //  Creation
/* =============================================================== */

.myAccountList li {
	text-align: center;
	margin-bottom: -10px;
}
.myAccountList li a {
	font-size: 15px; /* 14px */
	display: block;
}
.myAccountList .thumbnail {
	padding: 5px 0 0; /* 10 */
}
.myAccountList .thumbnail:hover {
	background: #F5F5F5;
}
.myAccountList li a i {
	/* display: block; */ 
	clear: both;
	font-size: 19px;/* font-size: 44px; */
	margin: 0 5px;/* margin-bottom: 10px; */
}

.myAccountList li.active a {
	color: #e94e1b;
}


h2.block-title-2, .formBox h3, .block-title-2 {
	/* border-bottom: 1px solid #CECECE; */
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 10px 0 0;
	position: relative;
	/*text-transform: uppercase;*/
}
.panel-footer-address .btn {
	margin-right: 5px;
}

/* =============================================================== */
/* PRODUCT DETAILS POPUP MODAL
/* =============================================================== */

/* quick view btn */
div.quickview {
	display: block;
	margin-top: 40%;
	max-height: 50px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
	visibility:hidden;
}
.product:hover div.quickview {
	visibility: visible;
}
.btn-quickview {
	border-radius: 2px;
	font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
	letter-spacing: 2px;
	color: #2c3e50 !important;
	text-transform:uppercase;
	background: #fff; /* old borwser */
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #eee;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-o-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	left: auto;
	min-width: 100px;
	max-height: 40px;
	height: 40px !important;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	padding: 10px;
	visibility:  hidden;
	width: auto;
	display:inline-block !important;
	z-index: 2;
	transform: scale(0.75);
	-webkit-transform: scale(0.75);
	-o-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
.product:hover .btn-quickview {
	visibility: visible;
	opacity:0.85;
	-webkit-opacity: 0.85;
	-ms-opacity: 0.85;
	transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
}
.list-view .product:hover div.quickview {
	margin-top: 45%;
}
 @media(max-width: 460px) {
 div.quickview {
 margin-top: 25%;
}
}
 @media(max-width: 400px) {
 div.quickview {
 margin-top: 35%;
}
}
.product > .btn-quickview:hover {
	opacity:0.95;
}
/* quick view btn end */

#product-details-modal, #product-details-modal-jq {
	top: 50px !important;
}

#product-details-modal .modal-dialog, #product-details-modal-jq .modal-dialog {
	background:  #fff;
	max-width: 960px;
	overflow: auto;
	width: 100%;
}
#product-details-modal .close, #product-details-modal-jq .close {
	color: #2c3e50;
	display: block;
	font-size: 34px;
	font-weight: lighter;
	line-height: 10px;
	opacity: 0.6;
	padding: 12px;
	position: absolute;
	right: 0;
	text-shadow: none;
	top: 0;
	z-index: 1;
}
#product-details-modal .close:hover, #product-details-modal-jq .close:hover {
	opacity: 0.8;
}
 @media (max-width:800px) {
 #product-details-modal .modal-dialog, #product-details-modal-jq .modal-dialog {
 max-width: 90%;
 margin:20px auto;
}
}
 @media (min-width:840px) {
.modal-details-inner {
 min-height: 552px;
}
}
 @media (max-width:600px) {
 #product-details-modal .modal-dialog, #product-details-modal-jq .modal-dialog {
 max-width: 96%;
 margin:50px auto;
}
}
#product-details-modal .modal-content, #product-details-modal-jq .modal-content {
	background:  #fff;
	display: block;
	height: auto;
	padding: 0;
	box-shadow: none;
}
.modal-details-inner {
	padding:30px;
}
#product-details-modal .productFilter, #product-details-modal-jq .productFilter {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#product-details-modal .filterBox, #product-details-modal-jq .filterBox {
	display: inline-block;
	margin-right: 10px;
	width: 45%;
}
#product-details-modal .cart-actions, #product-details-modal-jq .cart-actions {
	margin-bottom:0;
	margin-top:0;
}
#product-details-modal .color-details, #product-details-modal-jq .color-details {
	margin-top:5px;
}
.product-share {
	border-top: 1px solid #DDDDDD;
	clear: both;
	display: inline-block;
	margin-top: 20px;
	padding-top: 14px;
	width: 100%;
}
#product-details-modal .product-share, #product-details-modal-jq .product-share {
	border-top: 0 none;
	margin-top: 0;
	padding-top: 0;
}
.modal-product-thumb {
	border-top: 1px solid #ddd;
	clear: both;
	display: block;
	text-align: center;
}
.modal-product-thumb a {
	border: 1px solid #ccc;
	display: inline-block;
	float:  none;
	margin-right: 10px !important;
	margin-top: 5px;
	height:75px;
	overflow:hidden;
	width: 60px !important;
}
.modal-product-thumb a.selected, .modal-product-thumb a:hover {
	border: 1px solid #000 !important;
}
.modal-product-thumb a img {
	display: block;
	max-width: 100%;
	height:  auto;
	max-height:75px;
	width: 60px !important;
}

.cart-actions {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 12px;
}

/***  ------- filterBox ------- ***/

.filterBox {
	display: inline-block;
	margin-right: 20px;
}
.cart-actions {
	margin-top: 0;
	margin-bottom: 20px;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 12px;
	clear: both;
}
.cart-actions button, .cart-actions .btn-cart, .cart-actions .wishlist {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: Oswald, Helvetica Neue, Arial, sans-serif;
	font-size: 18px;
	font-weight:  lighter;
	line-height: 1em;
	margin: 0 20px 0 0;
	padding: 14px 20px;
	text-transform: uppercase;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
}
button.first {
	margin-right: 20px;
	margin-bottom: 10px;
}
.cart-actions .wishlist {
	background: #CCCCCC;
	line-height: 1em;
	text-decoration: none;
	border: solid 2px #CCCCCC;
}
.cart-actions .wishlist:hover {
	background: #fff;
	color: #666;
	border: solid 2px #CCCCCC;
}
.activated {
	background: #e94e1b;
	color: #fff;
	border: solid 2px #CCCCCC;
}
.incaps {
	display: block;
	float: left;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight:  normal;
	letter-spacing: 2px;
	margin: 15px 20px 0 0;
	text-transform: uppercase;
}
.incaps i {
	font-size: 20px;
}
.color-in {
	color: #4CC94A;
}
.color-out {
	color: red;
}
.product-share {
	border-top: 1px solid #DDDDDD;
	clear: both;
	display: inline-block;
	margin-top: 20px;
	padding-top: 14px;
	width: 100%;
}
.socialIcon a {
	background: #CCCCCC;
	color: #FFFFFF;
	display: inline-block;
	font-size: 22px;
	padding: 6px 3px;
	margin-right: 10px;
	text-align: center;
	width: 35px;
	transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-webkit-transition: all 0.15s ease-in-out 0s;
	-o-transition: all 0.15s ease-in-out 0s;
	-ms-transition: all 0.15s ease-in-out 0s;
}
.socialIcon a:hover {
    background:#e94e1b;
}

/* =============================================================== */
/* VÁRIOS
/* =============================================================== */
.vat-info {
	color: #666666;
	font-size: 14px;
	font-weight: normal;
}

/* =============================================================== */
/* IVA | ESCOLHA DO TIPO DE CLIENTE
/* =============================================================== */
#modalVAT .modal-bg-1 {
	background:url(../images/modal-img-1.jpg) right bottom no-repeat;
	background-color:#F3F6FB;
}
#modalVAT .modal-dialog {
	max-width: 660px;
	min-height: 340px;
	display: block;
	overflow: auto;
	padding: 15px;
	position: relative;
}
#modalVAT h3 {
	color: #444;
	font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 29px;
	text-transform: uppercase;
}
#modalVAT h4 { 
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 28px;
	text-transform: uppercase;
    padding-bottom:0; 
    padding-top:15px;
}
 #modalVAT h3 {
 color: #444;
 font-size: 22px;
 letter-spacing: 1px;
 line-height: 26px;
}

 /***  -------  Product details style 2   ------- ***/

.style2 .sp-thumbs {
	top: 0 !important;
	width: 19% !important;
}
.style2 .sp-thumbs img {
	height: auto !important;
	width: 100px !important;
	max-width: 100%;
	width: 100px !important;
}
.style2 .sp-thumbs a:link, .style2 .sp-thumbs a:visited {
	float: left !important;
	width: 100%;
}
.style2 .sp-large {
	max-width: 80%!important;
	border: 1px solid #DDDDDD;
}
.product-title {
	font-size: 24px; /* 30px */
	font-weight: 600;
	letter-spacing: 0.25px;
	line-height: 1.3;
	margin-bottom: 0;
	text-transform: uppercase;
}
.product-price-modal {
	font-size: 28px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
}
.price-standard {
	color: #999999;
	font-size: 18px;
	text-decoration: line-through;
}
.product-code {
	font-family: oswald, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	font-weight:  lighter;
	letter-spacing: 1px;
	margin: 0 0 5px;
	padding: 0;
	text-transform: uppercase;
}




/* #map
================================================== */
	video {
	max-width: 100%;
	height: auto;
	}

	.iframe-container{
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}

	.iframe-container iframe,   {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*** TABELAS DE DETALHES DO PRODUTO **/
.TFtable{
	width:100%; 
	border-collapse:collapse; 
}
.TFtable td{ 
	padding:7px; border:#fff 1px solid;
}
/* provide some minimal visual accomodation for IE8 and below */
.TFtable tr{
	background: #CCCCCC; /* #FED3A8 */
}
/*  Define the background color for all the ODD background rows  */
.TFtable tr:nth-child(odd){ 
	background: #CCCCCC; /* #FED3A8 */
}
/*  Define the background color for all the EVEN background rows  */
.TFtable tr:nth-child(even){
	background: #F5F5F5; /* #FFEDD9 */
}


/* promotion
================================================== */

.promotion {
    line-height: 18px;
    position: absolute;
    /* z-index: 10;
    bottom: 50px;*/
    top: 185px;
    left: 0;
    height: 24px;
    width: auto;
}

.new-product {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    /* font-family: "Oswald", Helvetica Neue, Arial, sans-serif; */ 
    font-size: 12px;
    /* font-weight: 600; */
    height: 100%;
    padding: 3px 10px;
    background: rgba(39, 174, 94, 0.95) !important;
}

.cl-agreem {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    /* font-family: "Oswald", Helvetica Neue, Arial, sans-serif; */ 
    font-size: 12px;
    /* font-weight: 600; */
    height: 100%;
    padding: 3px 10px;
    background: rgba(241, 178, 4, 0.95) !important;
}

.cl-type-agreem {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    /* font-family: "Oswald", Helvetica Neue, Arial, sans-serif; */ 
    font-size: 12px;
    /* font-weight: 600; */
    height: 100%;
    padding: 3px 10px;
    background: rgba(29, 113, 184, 0.95) !important;
}

.new-promotion {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    /* font-family: "Oswald", Helvetica Neue, Arial, sans-serif; */
    font-size: 12px;
    /* font-weight: 600; */
    height: 100%;
    padding: 3px 10px;
    background: rgba(127, 47, 136, 0.95) !important;
}

.discount {
    background: #e94e1b;
    color: #fff;
    display: inline-block;
    float: left;
    /* font-family: "Oswald", Helvetica Neue, Arial, sans-serif; */
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    padding: 3px 5px;
}


#idDoBotao:hover{
    color: #e94e1b;
}


/* responsive logo racc
================================================== */

@media (min-width: 1024px) {
    #racc {
        margin: 15px 0px 10px 35px !important;
    }
}

@media (max-width: 1020px) {
    #racc {
        margin: 15px 0px 15px 35px !important;
    }
}

@media (min-width: 991px) {
    #filtros {
        display: none;
    }
    #resultados {
        display: none;
    }
}

@media (max-width: 990px) {
    #racc {
        margin: 15px 0px 0px 200px !important;
    }
    #iva{
        margin: -55px 260px 0 0 !important;
    }
}

@media (max-width: 745px) {
    #racc {
        margin: 0px 0px 0px 35% !important;
    }
    #iva{
        margin: 0px 0px 10px 0 !important;
	}
	#catalogo-coluna-esq {
		padding-right: 15px !important; padding-left: 0px !important;
	}
}

@media (max-width: 768px) {
    #catalogo-coluna-dir {
		padding-right: 15px !important; padding-left: 0px !important;
	}
	.myAccountList {margin-right: 3px;
	}
	#search_desc_main_menu{
		width: 86% !important;
		margin-top: 0px !important;
	}
	.button-search{
		margin-top: 4px;
	}
}

@media (max-width: 340px) {
    #racc {
        margin: 0px 0px 0px 30% !important;
    }
    #iva{
        margin: 0px 0px 10px 0 !important;
    }
}


@media (max-width: 1200px) {
    #iva{
        margin-top: -61px;
	}
	.logo {
		margin-top: 15px;width: 18%;
	}
	#search_desc_main_menu{
		width: 250px;
	}
	#logoracc-header {
		width: 79%;margin-top: 6px;
	}
}



@media (max-width: 960px) {
    body header .header-bottom-right {
        display: table;
        width: auto;
        float: none;
        margin: 10px auto 0; 
    }

}

@media (max-width: 420px) {
    body header .header-bottom-right {
        display: table;
        width: auto;
        float: none;
        margin: 60px auto 0; 
    }

}

@media (max-width: 475px) {
    #logoracc-header {
		width: auto;
	}

}


/* Tracking */

.orderStep {
	clear: both;
	display: inline-block;
	height: auto;
	padding: 0;
	/* margin-bottom: 30px; */
	width: 100%;
}
.orderStep li {
	display: inline-block;
	float: left;
	height: auto;
	margin: 0;
	min-height: 55px;
	padding: 0;
	width: 16.66%; /*20 */
}
.orderStep li.active a {
	color: #fff;
	background: rgba(118, 149, 196, 0.7);
}
.orderStep li.active a {
	position: relative;
}
.orderStep li.active a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-width: 10px;
	margin-left: -10px;
}
.orderStep li a {
	background: #EFF0F2;
	display: inline-block;
	font-size: 14px;
	height: 100%;
	line-height: normal;
	padding: 20px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	text-transform: uppercase;
	font-size: 13px;
}
.orderStep li a i {
	background: rgba(0, 0, 0, 0.05);
}
.orderStep li.active a i {
	background: rgba(118, 149, 196, 1);
	color: #FFFFFF;
}
.orderStep li a i {
	border-radius: 0;
	display: block;
	font-size: 20px;
	height: auto;
	left: 0;
	line-height: 40px;
	margin-top: -20px;
	padding: 0;
	text-align: center;
	width: auto;
	float: none !important;
}
.orderStep li a span {
	display: block;
	padding: 5px 0;
}




.orderStep li.activeFinal a i {
	background: rgba(9, 191, 35, 1);
	color: #FFFFFF;
}

.orderStep li.activeFinal a {
	color: #fff;
	background: rgba(9, 191, 35, 0.7);
}

.btn-grey{color:#fff;background-color:#999999;border-color:#999999}
.btn-grey.focus,.btn-grey:focus{color:#fff;background-color:#999999;border-color:#999999}
.btn-grey:hover{color:#fff;background-color:#333;border-color:#333}
.btn-grey.active,.btn-grey:active,.open>.dropdown-toggle.btn-grey{color:#fff;background-color:#333;border-color:#333}
.btn-grey.active.focus,.btn-grey.active:focus,.btn-grey.active:hover,.btn-grey:active.focus,.btn-grey:active:focus,.btn-grey:active:hover,.open>.dropdown-toggle.btn-grey.focus,.open>.dropdown-toggle.btn-grey:focus,.open>.dropdown-toggle.btn-grey:hover{color:#fff;background-color:#333;border-color:#333}
.btn-grey.active,.btn-grey:active,.open>.dropdown-toggle.btn-grey{background-image:none}
.btn-grey.disabled.focus,.btn-grey.disabled:focus,.btn-grey.disabled:hover,.btn-grey[disabled].focus,.btn-grey[disabled]:focus,.btn-grey[disabled]:hover,fieldset[disabled] .btn-grey.focus,fieldset[disabled] .btn-grey:focus,fieldset[disabled] .btn-grey:hover{background-color:#333;border-color:#2e6da4}
.btn-grey .badge{color:#333;background-color:#fff}

.alert-portes{
	color:#000;
	background-color:#D6D6D6;
	/* border-color:#000 */
}
.alert-portes hr{
  border-top-color:#000
}


#catalogo-coluna-esq{
	padding-left: 0px;
}
#catalogo-coluna-dir{
	padding-right: 0px; 
}