@import url("fonts.css");
@import url("portal.css");
@import url("staticcontent.css");
@import url("login.css");
@import url("sell.css");
@import url("support.css");
@import url("myspace.css");

/*
===================================
 CARREGAMENTO DAS FONTES 
=================================== 
*/
@font-face {
    font-family: "pbRegular";
	src: url("/templates/source/50/fonts/HelveticaNeueLTStd-Md.otf");	
}

@font-face {
    font-family: "pbThin";
	src: url("/templates/source/50/fonts/HelveticaNeueThin.ttf");
	src: url('/templates/source/50/fonts/HelveticaNeueUltraLight.ttf') format('truetype');
}

@font-face {
    font-family: "pbLight";
	src: url("/templates/source/50/fonts/HelveticaNeueLight.ttf"),
	url("/templates/source/50/fonts/HelveticaNeueLight.ttf?miwlyk") format('truetype'),
	url("/templates/source/50/fonts/HelveticaNeueLight.otf");
}

@font-face {
    font-family: "pbThinMob";
    src: url("/templates/source/50/fonts/HelveticaNeueLTStd-Lt.otf");
}
@font-face {
    font-family: "pbLightMob";
    src: url("/templates/source/50/fonts/HelveticaNeueLTStd-Lt.otf");
}

@-moz-document url-prefix() {
	@font-face {
	    font-family: "pbRegular";
		src: url("/templates/source/50/fonts/HelveticaNeueLTStd-Md.otf");
	}
	@font-face {
	    font-family: "pbThin";
		src: url("/templates/source/50/fonts/HelveticaNeueLight.ttf"),
		url("/templates/source/50/fonts/HelveticaNeueLight.ttf?miwlyk") format('truetype'),
		url("/templates/source/50/fonts/HelveticaNeueLight.otf");
	}
	@font-face {	    font-family: "pbLight";
		src: url("/templates/source/50/fonts/HelveticaNeueLight.ttf"),
		url("/templates/source/50/fonts/HelveticaNeueLight.ttf?miwlyk") format('truetype'),
		url("/templates/source/50/fonts/HelveticaNeueLight.otf");
	}
	@font-face {
	    font-family: "pbThinMob";
	    src: url("/templates/source/50/fonts/HelveticaNeueLTStd-Lt.otf");
	}
	@font-face {
	    font-family: "pbLightMob";
	    src: url("/templates/source/50/fonts/HelveticaNeueLTStd-Lt.otf");
	}
}

.glyphicon-chevron-left:before {
    font-family: "portobello_icones" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e903";
    font-size: 48px;
}

.glyphicon-chevron-right:before {
    font-family: "portobello_icones" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e904";
    font-size: 48px;
}

.glyphicon {
    font-family: "portobello_icones" !important;

}

/*
===================================
 ELEMENTOS / ESTILOS GERAIS
=================================== 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: "pbRegular";
    font-size: 14px;
    color: #959ca1;
}
span.at_PinItButton {
	display: none !important;
}
body {
	min-width: 320px;
    margin-top: 119px;
}
body.extended-menu {
    margin-top: 158px;
}
.no-link {
	font-family: "pbLight";
	font-size: 18px;
	color: #c9d2d8 !important;
	text-transform: uppercase;
}
body.single-menu .menu-blue {
    /* display: none; */
    top: -80px;
    -webkit-transition: all .3s ease-in-out .5s;
    transition: all .3s ease-in-out .5s;
     -moz-transition: none !important;
}

body.single-menu .menu-blue.showMenu {
    top: 122px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
     -moz-transition: none !important;
}

body.modal-open {
    overflow: hidden;
}

body[data-masterkey=true] #menu-user,
body[data-masterkey=true] div#menu-user > a {
    background-color: red;
}

body#Product_view div.page header,
body#Product_page div.page header,
body#Product_inspira div.post header,
body#Line_view div.line header {
    width: 100%;
    height: 375px;
    position: relative;
    background: silver;
/*    margin-top: 42px; */
}
.owl-pb-theme .owl-controls .owl-buttons {
	display: -webkit-flex;
	-webkit-justify-content: space-between;
}
@media (max-width: 768px) {
	
	body#Product_view div.page header,
    body#Product_page div.page header,
    body#Product_inspira div.post header,
    body#Line_view div.line header {
        margin-top: 0px;
    }
}

header.header {
    width: 100%;
    height: 375px;
    margin-bottom: 42px;
    background-size: cover !important;
}

header.header div.container {
    height: 330px;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

header.header div.container > div.row {
	width: 100%;
}
header.header.header-double-vertical div.container {
    -webkit-flex-direction: column;
    -webkit-justify-content: space-around;
    flex-direction: column;
    justify-content: space-around;
}

header.header.header-double-vertical div.container > * {
    width: 100%;
}
header.header div.container h1,
header.header div.container h2,
header.header div.container h3,
header.header div.container h2 * {
    margin: 0px;
    font-family: "pbThin", Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #fff;
    max-width: 60%;
}
header.header div.container h2.lined,
header.header div.container h3.lined {
    border-bottom: 1px solid #fff;
    margin-bottom: 9px;
}

header.header.header-double-horizontal div.container div.row {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

header.header.header-middle-double div.container {
    height: 375px;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

header.header.header-middle div.container {
    height: 375px;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 768px) {
    header.header {
        width: 100%;
        height: 295px !important;
        margin-bottom: 24px;
    }

    header.header div.container {
        height: 265px !important;
        padding-right: 16px;
        padding-left: 16px;
        margin: 0px;
    }
    header.header.parallax-window,
    header.header.parallax-window div.parallax-window-container,
	header.header.parallax-window div.parallax-window-container div.container {
		height: auto !important;
        min-height: 265px;
	}
    header.header.header-middle div.container {
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    header.header div.container h2,
    header.header div.container h3,
    header.header div.container h3.lined {
    	font-family: "pbThin";
        font-size: 30px;
        margin-bottom: 0px;
    }

    header.header .btn i.icon {
        font-size: 18px;
        color: #fff;
    }
}

.header-overlay {
    position: relative;
}

.header-overlay:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.header-shadow,
.header-trek-shadow {
    position: relative;
}

.header-shadow:before,
body#Product_page div.page header:before,
body#Product_inspira div.post header:before,
body#Line_view div.line header:before {
    content: "";
    width: 100%;
    height: 232px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0); /* IE6-9 */
    z-index: 0;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    .header-shadow:before,
	body#Product_page div.page header:before,
	body#Product_inspira div.post header:before,
	body#Line_view div.line header:before {
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10+,Safari5.1+ */
	    z-index: 0;
	}
}}

.header-trek-shadow:before {
    content: "";
    width: 100%;
    height: 120px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */
    z-index: 0;
}

body#Product_page div.page h3,
body#Product_inspira div.post h3,
body#Line_view div.line h3 {
    margin: 32px auto 20px auto;
    font-size: 30px;
}

body#Product_page #menu-products.menu-blue,
body#Product_inspira #menu-products.menu-blue {
    display: block;
}

#menu-institucional {
    -webkit-transition: all .5s ease-in-out .25s;
    transition: all .5s ease-in-out .25s;
     -moz-transition: none !important;
}

#menu-institucional.menu-blue.hide {
    top: 80px;
    -webkit-transition: all .5s ease-in-out .25s;
    transition: all .5s ease-in-out .25s;
     -moz-transition: none !important;
}
#environmentImageList 
{
	margin-top: 20px;
}
#environmentImageList .owl-item .item {
    text-align: center;
}

#environmentImageList img {
    width: 95%;
    height: 95%;
}
@media (max-width: 440px) {

	#environmentImageList img
	{
		  margin-left: -52px;	
	}
}

#environmentImageList iframe {
    max-width: 280px;
    max-height: 266px;
}

body#Product_search div#search-ambients h2 {
    margin: 40px 0px 28px 0px;
    font-size: 36px;
}

body#Product_search div#search-ambients div.row div a img {
    /* width: 100%; */
    width: 220px;
}

body#Product_search div#search-products h2 {
    margin: 42px 0px 28px 0px;
    font-size: 36px;
}


/* TITULA��ES */
h1, h2 {
    font-family: pbThin;
    font-size: 45px;
    margin: 0px 0px 14px 0px;
    padding: 0px;
    z-index: 1;
}
h3 {
    font-family: pbLight;
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}

h4 {
    font-family: pbLight;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}

h1.lined, h2.lined, h3.lined, h4.lined {
    border-bottom: 1px solid #959ca1;
}

h1.lined, h2.lined {
    padding-bottom: 6px;
}

h3.lined {
    padding-bottom: 6px;
}

h3.lined.extra {
    margin: 32px auto 20px auto;
    font-size: 30px;
    width: 100%;
}

h4.lined {
    padding-bottom: 5px;
}

.subtitles,
.subtitle {
    display: block;
    font-family: "pbRegular";
    font-size: 14px;
    color: #959ca1;
    z-index: 1;
}

@media (max-width: 767px) {
    h1, h2, h1.lined, h2.lined {
        font-size: 30px;
        border: 0px;
    }
}

/* LINKS */
a,
a span {
    text-decoration: none;
    color: inherit;
    font-size: inherit
}
.page a,
.page a span {
	color: #23527c;
}
a:hover {
    text-decoration: none;
}
.page a:hover,
.page a:hover span {
	color: #527694;
}

/* IMAGENS */
img {
    width: 100%;
}

/* TEXTOS */

/* CONTAINERS E ALINHAMENTO */
.centered {
    display: block;
    text-align: center;
}

.flex-container {
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
    
}

.flex-between {
    -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.show-flex {
    display: -webkit-flex !important;
    display: flex !important;
}

.show-block {
    display: block !important;
}

#mainContent .content {
    padding: 20px;
}

#mainContent .content h3 {
    margin: 10px 0px 10px 0px;
}

#mainContent .content img {
    margin: 10px;
    width: auto;
}

#mainContent #menuContextual {
    width: 15%;
    float: right;
    margin-left: 20px;
    border-left: 1px solid #959CA2;
    padding: 20px;
    padding-top: 0px;
    margin-top: 10px;
}

.panel.panel-pb {
    border: 0px;
    background: #edeef0;
}

.panel.panel-pb .panel-heading {
    padding: 18px 0px;
    border: 0px;
    border-radius: 4px;
    background: #537694;
    font-size: 18px;
    color: #fff;
    text-align: center;
}


body#Product_view header.header
{
	margin-bottom: 0px;
}

body#Product_view .panel.panel-pb .panel-heading h3.panel-title,
.panel.panel-pb .panel-heading h3.panel-title {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

.panel.panel-pb .panel-body {
    padding: 10px 16px;
}

.panel.panel-pb .panel-body ul {
    margin: 0px;
}

.popover-content .panel-sell li, .modal-content .panel-sell li {
	max-width: 100%;
}

@media (max-width: 768px) {
    div.container {
        padding-left: 16px;
        padding-right: 16px;
    }
	.popover-content .panel-sell li, .modal-content .panel-sell li {
		max-width: 100%;
	}
	.panel.panel-sell .panel-heading {
		background: none;
		color: #537694;
	}
}

/* FORMUL�RIOS */
.styled-select {
    overflow: hidden;
}

.styled-select select {
    padding: 5px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.mCustomScrollBox {
    width: 100%;
}

.form-control-lg {
    height: 51px;
    padding: 14px;
}

/* Bot�es (Bootstrap rewrite) */
.btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-family: pbLight;
    font-size: 14px;
    color: #fff;
    background: #527694;
}

.btn-lg,
.btn-block.btn-lg {
    padding: 14px 12px;
    font-size: 16px;
}

.btn-icon {
    position: relative;
    padding-left: 34px;
}

.btn-icon i.icon {
    position: absolute;
    top: 10px;
    left: 12px;
    color: #fff;
}

.btn-rg {
    padding: 14px 12px;
    font-size: 14px;

}

.btn-default,
.btn-default:active {
    background: #527694;
}

.btn-primary,
.btn-primary:active {
    background: #003663
}

.btn-gray {
    background: #eceff0;
    font-family: "pbLight";
    font-size: 20px;
    font-weight: normal;
    color: #959ca1;
    padding: 8px 16px;
}

.btn-gray-dark {
    background: #959ca1;
    color: #fff;
}

.btn-gray-md {
    background: #eceff0;
    font-family: "pbLight";
    font-size: 14px;
    font-weight: normal;
    color: #959ca1;
    padding: 6px 12px;
}

.show-more .btn-gray {
    background: #b5bbc0;
    padding: 16px 0px;
    text-transform: uppercase;
    font-family: "pbRegular";
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.btn-transparent {
    font-family: "pbLight";
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0);
}

.btn-primary {
    background: #527694;
}

.btn-dark-gray {
    padding: 14px 0px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #b5bbc0;
}
a.btn.btn-sell-type-4 span {
	font-family: pbLight;
	font-weight: normal;
}
.btn-silver,
a.btn.btn-silver {
    background: #fafafa;
    color: #9da0a5;
    border: 1px solid #edeef0;
}
.find-options a.btn.btn-silver.checked {
    color: #527593;
    background: #eaedf2;
    border: 1px solid #527593;
}

.find-options a.btn.btn-silver.checked:before {
    content: "\e909";
    position: absolute;
    top: 8px;
    left: 20px;
    font-family: "portobello_icones" !important;
    font-size: 24px;
}

.btn-alpha {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
}
.btn-alpha-sm {
	font-family: "pbLight";
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
}

.btn-alpha span {
    color: #fff;
}

.btn-no-border {
    border: none;
}

.btn:hover,
.btn-info:hover,
.btn-default:hover,
.btn:focus,
.btn-info:focus,
.btn-default:focus {
    background: #003663;
    color: #fff !important;
}

.btn-silver:focus, a.btn.btn-silver:focus,
.btn-silver:hover, a.btn.btn-hover {
    color: #9da0a5 !important;
}
.btn-flat {
    background: none;
    color: #527694;
}

.btn-flat:hover {
    background: #ebeef0;
    color: #527694;
}

.btn-square-big {
    width: 120px;
    height: 120px;
    display: block;
    position: relative;
    background: #959ca1;
}

.btn-square-big .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0px 0px -26px;
    font-size: 52px;
    color: #fff;
}

.btn-square-big span {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 14px;
    left: 0px;
    color: #fff;
    white-space: normal;
	line-height: 1em;
}

.btn-big-block {
    background: #fafafa;
    color: #9da0a5;
    border: 1px solid #edeef0;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    padding: 15px 20px;
    justify-content: space-between;
}

.btn-big-block span {
    display: block;
    font-size: 12px;
}

.btn-big-block span:nth-of-type(1) {
    display: block;
    font-family: "pbLight";
    font-size: 26px;
    text-align: left;
}
@media (max-width:768px) {
	.btn-mobile {
		font-family: "pbLight";
		line-height: 1.42857143;
		cursor: pointer;
		text-align: center;
		vertical-align: middle;
		touch-action: manipulation;
		-webkit-user-select: none;
		display: block; 
		margin-bottom: 14px;
		width: 100%;
		padding: 14px 12px;
		border: none;
		border-radius: 4px;
		background: #527694;
		font-size: 14px;
		color: #fff;
	}
}
.owl-pb-theme .owl-controls .owl-buttons div.owl-next,
.owl-pb-theme .owl-controls .owl-buttons div.owl-prev {
	color: #959ca1;
}
/* Modais */
.modal-header button.close {
	opacity: .6;
}
.modal-header button.close:focus,
.modal-header button.close:hover {
	opacity: 1;
}
.modal-header button.close:before {
    content: "\e90a";
    font-family: 'portobello_icones';
}
.modal-header button.close span {
	display: none !important;
}
/* Popover */
.popover-content a.icon.jsClosePopover {
	position: absolute;
	right: 10px;
}
.popover-content a.icon.jsClosePopover i.icon {
	font-size: 20px;
}
.productBlock .item-container .item .image-container {
	width: 99%;
}
/* Legacy:

.btn-blue,
.btn-blue:active {
    background: #3A7796;
    border: 0px;
}
.btn-blue:hover {
    background: #3A7796;
    border: 0px;
}
.btn-info,
.btn-info:active {
    background: #527694;
    border: 0px;
}
.btn-info:hover {
    background: #466680;
    border: 0px;
} 
.btn-more,
.btn-more:active {
    background: #b5bbc0;
    border: 0px;
}
.btn-label {
    padding: 6px 10px;
}
.btn-squared {
    border-radius: 0px;
    padding: 10px 15px;
    color: #949ba1;
    font-family: pbLight;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
    text-align: left;
}
.label-filter {
    padding: 6px 10px;
    border: 1px solid #527694;
    font-size: 14px;
    color: #527694;
    background: #ecedef;
}
.label-clear {
    padding: 6px 10px;
    border: 1px solid #edeef0;
    font-size: 14px;
    color: #949ba1;
    background: #fafafa;
}
.label-sales {
    display: block;
    padding: 10px 10px;
}
.label-filter span.icon {
    font-size: 42px;
}
*/

/*
===================================
 EFEITO PARALAX
=================================== 
*/
.parallax-window-container {
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.parallax-window-container .container div.parallax-window-options {
    height: 120px;
    text-align: right;
    padding-top: 0px;
}

.parallax-window-container .container div.parallax-window-options a.btn {
    margin-top: 40px;
}

body.main-cover #highlight-paralax {
    height: 375px;
}

body.main-cover #highlight-paralax h2.lined {
    border-color: #fff;
    color: #fff;
}

body.main-cover #highlight-paralax .subtitle {
    color: #fff;
}

/*
===================================
 EFEITO CONTRA��O
=================================== 
*/

.contractor {
    height: auto;
    min-height: 100px;
    display: block;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-out;
     -moz-transition: none !important;
}

.contractor a.expand-button {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */

}

.contract-button--container {
    width: 100%;
    clear: both;
}

a.contract-button {
    display: inline-block;
    margin: 20px auto;
    border: 1px solid #edeef0;
    border-radius: 4px;
    padding: 14px 12px;
    font-size: 14px;
    background: #fafafa;
    color: #9da0a5;
    text-center: center;
}

/*
===================================
 MODAL ESPIAR
=================================== 
*/
#espiar .modal-dialog {
    width: 100%;
}

@media (min-width: 1058px) {
    #espiar .modal-dialog {
        width: 1058px;
    }
}

#espiar .at_PinItButton {
    background-image: none;
    display: none;
}

/*
===================================
 MODAL ZOOM
=================================== 
*/
#zoom .modal-body {
    max-height: none !important;
}

/*
===================================
 EXIBI��O GERAL POR P�BLICO
=================================== 
*/
body.consumer .hidden-consumer {
    display: none !important;
}

body.professional .hidden-professional {
    display: none !important;
}

body.consumer .sales-channel-1,
body.consumer .sales-channel-5 {
    display: none;
}

body.professional .sales-channel-1,
body.professional .sales-channel-5 {
    display: block;
}

/*
===================================
 RESULTADOS DE BUSCA
=================================== 
*/
/* FILTROS */
div#search-products div.filter-container
{
    width: 25%;
    width: 100%;
    max-width: 377px;
}
div#search-products div.filter-container.pinned {
    position: fixed;
    top: 168px;
    width: 25%;
    max-width: 377px;
    z-index: 10;
    transition: all .5s ease-in-out;
     -moz-transition: none !important;
}

#tab-filters > div,
#tab-filters > div > div {
    margin-bottom: 10px;
}

.filterColor {
    border: 1px solid #959ca1;
    border-radius: 4px;
}

div#search-products div.filter-container.pinned.closer {
    top: 10px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
     -moz-transition: none !important;

}

/* Filters */
.filterCheck input {
    display: none;
}

#tab-filters .popover-content ul li {
    margin-bottom: 3px;
}

div.filterLinkEnvironment_1 .popover {
    left: -510px;
    min-width: 510px;
}

div.filterLinkEnvironment_1 .popover-content {
    min-width: 490px;
}

.popover-content ul.filter_Color_1 li,
.popover-content ul.filter_Category_1 li {
    margin: 2px;
}

div.filterLinkSpecies_1 {
    display: none;
}

.filterCheck.filterCategory {
    text-align: center;
}

.filterCheck {
    cursor: pointer;
}

.filterCheck::before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
}

.filterCheck.filterCategory::before,
.filterCheck.filterColor::before {
    width: 42px;
    height: 42px;
    content: '';
    display: block;
}

.filterCheck.checked::before {
    font-size: 22px;
    content: "\e909";
    font-family: 'portobello_icones';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.filterCheck.filterCategory.checked,
.filterCheck.filterColor.checked {
    /*	border: 1px solid red;*/
}

.filterCheck.filterCategory.checked::before,
.filterCheck.filterColor.checked::before {
    font-size: 22px;
    content: "\e909";
    font-family: 'portobello_icones';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.filterCheck.filterColor::before {
    background-color: silver;
}

div.tab-box ul.filter_Category_1 li,
div.tab-box ul.filter_Color_1 li {
    display: inline-block;
}

div.tab-box ul.filter_Color_1 li span {
    display: none;
}

div.tab-box ul.filter_Category_1 li span {
    font-size: 11px;
}

/* bege */
.filterCheck.filterColor.option_1::before,
.filterCheck.filterColor.option_12::before,
.filterCheck.filterColor.option_28::before {
    background-color: #cfb5a7;
}

/* cinza */
.filterCheck.filterColor.option_2::before,
.filterCheck.filterColor.option_13::before {
    background-color: #d7d7d7;
}

/* branco */
.filterCheck.filterColor.option_14::before,
.filterCheck.filterColor.option_27::before,
.filterCheck.filterColor.option_3::before {
    background-color: #ffffff;
}

/* azul */
.filterCheck.filterColor.option_4::before {
    background-color: #123d70;
}

/* marrom */
.filterCheck.filterColor.option_5::before,
.filterCheck.filterColor.option_24::before,
.filterCheck.filterColor.option_23::before,
.filterCheck.filterColor.option_20::before {
    background-color: #75381d;
}

/* Bordeaux */
.filterCheck.filterColor.option_6::before {
    background-color: #790000;
}

/* preto */
.filterCheck.filterColor.option_8::before {
    background-color: #000000;
}

/* verde */
.filterCheck.filterColor.option_9::before {
    background-color: #4f7f70;
}

/* vermelho */
.filterCheck.filterColor.option_10::before {
    background-color: #cd1730;
}

/* multicolor */
.filterCheck.filterColor.option_11::before {
    background-image: url('/templates/source/50/images/filters/vide.png');
    background-size: contain;
}

/* Amarelo */
.filterCheck.filterColor.option_7::before {
    background-color: #fbb25e;
}

/* Laranja */
.filterCheck.filterColor.option_15::before {
    background-color: #f74e1d;
}

/* Rosa */
.filterCheck.filterColor.option_19::before {
    background-color: #fdb2b8;
}

/* Lilas */
.filterCheck.filterColor.option_22::before {
    background-color: #9c7cbf;
}

/* Chumbo */
.filterCheck.filterColor.option_26::before,
.filterCheck.filterColor.option_21::before {
    background-color: #898989;
}

/** Materiais **/
/* Argila */
.filterCheck.filterCategory.option_423::before {
    background-image: url('/templates/source/50/images/filters/filter_mat_argila.png');
}

/* Concreto */
.filterCheck.filterCategory.option_411::before {
    background-image: url('/templates/source/50/images/filters/filter_mat_concreto.png');
}

/* Madeira */
.filterCheck.filterCategory.option_25::before {
    background-image: url('/templates/source/50/images/filters/filter_mat_madeira.png');
}

/* Marmore */
.filterCheck.filterCategory.option_26::before {
    background-image: url('/templates/source/50/images/filters/filter_mat_marmore.png');
}

/* Metal */
.filterCheck.filterCategory.option_404::before {
    background-image: url('/templates/source/50/images/filters/filter_mat_metal.png');
}

/* Pedra */
.filterCheck.filterCategory.option_27::before {
    background-image: url('/templates/source/50/images/filters/filter_mat_pedra.png');
}

/* Rocha */
.filterCheck.filterCategory.option_xxx::before {
    background-image: url('/templates/source/50/images/filters/filter_mat_rocha.png');
}

/* Sintetico */
.filterCheck.filterCategory.option_403::before {
    background-image: url('/templates/source/50/images/filters/filter_mat_sintetico.png');
}

@media (max-width: 768px) {
    div#search-products div.filter-container.closer {
        display: block !important;
        position: relative;
        top: 0;
        z-index: 0;
        border: 0px;
        padding: 0px 10px;
    }
}

div#search-products div.filter-container h3 {
    margin-top: 0px;
    padding: 0px 0px 14px 30px;
    font-size: 30px;
}

div#search-products div.filter-box {
    padding: 20px 30px;
    border: 1px solid #ccd3d8;
    background-color: #fff;
}

div#search-products div.filter-box.labels {

    border-bottom: 0px;
}

div#search-products div.filter-box.options {
    padding: 0px;
    border-top: 1px solid #ccd3d8;
}

div#search-products div.filter-box div.labels-list .label {
    display: inline-block;
    margin: 4px;
}

.label.label-filter {
    background: #ebeef0;
    color: #527697;
    border: 1px solid #527697;
    padding: 8px 24px 8px 8px;
    position: relative;
}

.label.label-filter > a:before {
    content: "\e90b";
    font-family: "portobello_icones" !important;
    color: #527697;
    font-size: 8px;
    position: absolute;
    right: 6px;
    top: 10px;
}

div.tab-box ul {
    width: 100%;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: stretch;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background: #eaeef1;
    margin-bottom: 0px;
    max-height: 300px;
    overflow: auto;
}

div.tab-box ul li {
    display: block;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

div.tab-box ul li a {
    display: block;
    padding: 20px 30px;
    font-family: "pbThin";
    font-size: 30px;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #ccd3d8;
}

div.tab-box ul li:nth-of-type(1) a {
    border-left: 0px;
}

div.tab-box ul li a.active {
    padding: 20px 10px 0px 20px;
    font-family: "pbThin";
    border-right: 1px solid #ccd3d8;
    border-bottom: 1px solid #fff;
    background: #fff;
}

div.tab-box div.tabs-container {
    padding: 20px;
}

div.tab-box div.filter-option {
    display: none;

}

div.tab-box div.popover-content ul {
    display: block;
    background-color: #fff;
}

div.tab-box div.filter-option ul li {
    display: block;
}

.filter-container-responsive {
    margin-top: 171px;
}

div.filter-container-responsive ul.filter-responsive-list div.filter-option {
    display: none;
}

div.search-responsive-bar {
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #959ca1;
    margin-top: -7px;
}

div.search-responsive-bar div.container a {
    width: 100%;
    height: 42px;
    display: -webkit-flex;
    display: flex;
    padding: 8px 12px 0px 12px
}

div.search-responsive-bar div.container a i.icon {
    font-size: 24px;

}

div.search-bar-title {
    font-size: 18px;
}

.badge-filter {
    margin-top: -19px;
    padding: 10px 20px;
    border-radius: 20px;
    background: #b5bbc0;
}

div.filter-responsive-bar {
    border-bottom: 1px solid #959ca1;
}

div.filter-responsive-bar .search-bar-title {
    width: 100%;
    padding: 8px 12px 0px 12px;
}

ul.filter-responsive-list {
    /*	height: 24px; */
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    display: flex;
    flex-wrap: nowrap;
    margin: 10px 0px 4px 20px;
    overflow: hidden;
    overflow-x: auto;
}

ul.filter-responsive-list li {
    display: block;
    margin: 0px 18px 0px 0px;
}

@media (max-width: 1433px) {
    div.tab-box ul li a,
    div.tab-box ul li a.active {
        /*padding: 20px 0px;*/
    }
}

@media (max-width: 1055px) {
    div#search-products div.filter-container,
    div#search-products div.filter-container.pinned {
        position: absolute;
        width: 100%;
    }

    div#search-products div.products-list {
        margin: 20px 0px 0px 0px;
    }
}

@media (max-width: 768px) {
    div.search-responsive-bar {
        margin-top: -7px;
    }

    .filter-container-responsive {
        margin-top: 0px;
    }

    ul.filter-responsive-list {
        /*	height: 24px; */
        display: -webkit-flex;
        -webkit-flex-wrap: nowrap;
        display: flex;
        flex-wrap: nowrap;
        margin: 10px 0px 4px 20px;
        overflow: hidden;
        overflow-x: auto;
    }
}

/* �TENS / LISTAGEM */
div.item-list-hover div.item-list {
    margin-left: -8px;
    margin-right: -8px;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}

div.item-list-hover div.item-list div.item-container {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
}

div.item-list-hover div.item-list div.item-container div.item {
    margin-left: -8px;
    margin-right: -8px;
    padding: 16px;
    padding-bottom: 72px;
}

div.item-list-hover div.item-list div.item-container div.item h4 {
    height: 42px;
    margin: 14px 0px 0px 0px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.25;
    display: none;
}
@media (max-width: 1410px) {
	div.item-list-hover div.item-list div.item-container div.item h4 {
		height: auto;
	}
}
div.item-list-hover div.item-list div.item-container:hover {
    z-index: 700;
}

body.noios div.item-list-hover div.item-list div.item-container div.item:hover {
    padding-bottom: 16px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

div.item-list-hover div.item-list div.item-container div.item:hover h4 {
    display: block;
}

/* �TENS DE RESULTADO DE BUSCA PARA PRODUTOS */
div#search-products {
    margin-bottom: 60px;
}

div#search-products div.products-list:after {
    content: "";
    display: "block";
    height: 42px;
    clear: both;
}

div#search-products div.products-list > div {
    height: 564px;
    position: relative;
    margin-bottom: 20px;
}

div#search-products div.products-list.products-list-simple > div {
    height: 524px;
}

div#search-products div.products-list div.item-container {
    width: 100%;
    /*position: absolute;
    margin-bottom: -100px;*/
}

div#search-products div.item {
    height: auto;
    padding: 20px;
   /* padding: 36px 20px 20px 20px;*/
}

div#search-products div.item div.image-container {
    position: relative;
    /* min-height: 266px;
     min-width: 266px;*/
}

/*div#search-products div.item div.image-container .owl-item
{
	height: 280px;
	width: 280px;
}*/
div#search-products div.item div.image-container div.owl-pagination {
    text-align: center;
}

div#search-products div.item div.image-container div.tag {
    width: 55px;
    height: 29px;
    padding: 9px 0px 0px 10px;
    position: absolute;
    top: -7px;
    background: url("/templates/source/50/images/product-tag.png") top left no-repeat;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    z-index: 20;
}

div#search-products div.item div.image-container ul.actions {
	width: 100%;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    padding: 6px 6px 2px 4px;
    background: rgba(255,255,255,0.6);
    z-index: 10;
}

div#search-products div.item:hover div.image-container ul.actions {
    display: block;
}

div#search-products div.item div.image-container ul.actions li {
    display: inline-block;
}

div#search-products div.item div.image-container ul.actions li a div.icon {
    color: #537694;
    font-size: 24px;
    font-weight: bold;
    margin-left: 8px;
}

div#search-products div.item div.image-container div.carousel {
    height: auto;
}

div#search-products div.item div.info-container {
    margin: 10px 0px 0px 0px;
}

div#search-products div.item div.info-container.single {
    margin: 35px 0px 0px 0px;
}

div#search-products div.item div.info-container h3 {
    height: 38px;
    margin-bottom: 10px;
    font-family: "PbRegular";
    font-size: 16px;
    text-transform: uppercase;
}

div#search-products div.item div.options-container {
    padding: 20px 0px 12px 0px;
}

div#search-products div.item div.options-container span.icon.icon-icones-finalexpandidos-09 {
    color: #527694;
    margin-right: 6px;
}

div#search-products div.item div.moreinfo-container {
    display: none;
    padding: 0px 0px 32px 0px;
}

div#search-products div.item div.moreinfo-container h4 {
    font-size: 14px;
}
.addWishListSaleChannel .tooltip.bottom .tooltip-inner div.tooltip-text, 
div.item div.image-container ul.actions div.tooltip-inner div.tooltip-text {
	text-align: left;
}
.addWishListSaleChannel a, .addWishListSaleChannel a:hover, .addWishListSaleChannel a:focus {
    text-decoration: none !important;
}
div.item div.image-container ul.actions div.tooltip-inner div.input-group,
.addwishlist div.tooltip-inner div.input-group,
div.addwishlistEnvironment div.tooltip-inner div.input-group,
li.addWishListSaleChannel div.tooltip-inner div.input-group {
	margin-top: 4px;
	background: #ebeef0;
}
div.addwishlist div.tooltip-inner div.tooltip-action,
div.item div.image-container ul.actions div.tooltip-inner div.tooltip-action,
div.tooltip-inner div.tooltip-options,
.addwishlistEnvironment .tooltip.bottom div.tooltip-inner div.tooltip-action,
li.addWishListSaleChannel .tooltip.bottom div.tooltip-inner div.tooltip-action{
	width: 100%;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 12px;
}
div.tooltip-inner div.tooltip-options > .btn {
	margin-left: 8px;
}
div.tooltip-inner div.tooltip-options > .btn:nth-of-type(1) {
	margin-left: 0px;
	
}
.addwishlistEnvironment .tooltip.bottom div.tooltip-inner div.tooltip-action > p,
div.item div.image-container ul.actions div.tooltip-inner div.tooltip-action > p,
li.addWishListSaleChannel div.tooltip-inner div.tooltip-action > p {
	margin-bottom: 0px;
}
div.addwishlist div.tooltip-inner div.tooltip-action > div > input,
div.item div.image-container ul.actions div.tooltip-inner div.tooltip-action > div > input,
.addwishlistEnvironment .tooltip.bottom div.tooltip-inner div.tooltip-action > div > input,
li.addWishListSaleChannel .tooltip.bottom div.tooltip-inner div.tooltip-action > div > input {
	width: 120px;
	background: #ebeef0;
}
.addWishListSaleChannel .tooltip.bottom .tooltip-inner div.tooltip-options ,
div.item div.image-container ul.actions div.tooltip-inner div.tooltip-options,
.addwishlistEnvironment .tooltip.bottom .tooltip-inner div.tooltip-options {
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
} 
div.item div.image-container ul.actions div.tooltip-inner div.tooltip-options > span {
	margin-bottom: 10px;
} 
div.tooltip.bottom .tooltip-arrow {
	margin-left: -18px;
	border-width: 0 18px 18px;
}
div#search-products div.tooltip-inner {
    background-color: #ffffff;
    color: #9EA2A5;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.4);
    max-width: 256px;
    width: 256px;
    padding: 16px;
    margin-top: 12px;
}
div#search-products li.icon div.tooltip-inner {
	width: auto !important;
	margin-top: 0px;
}
div#search-products div.tooltip-inner p {
    text-align: left;
}
div.addwishlist div.tooltip-inner div.tooltip-action > div > input,
div#info-main div.addwishlist div.tooltip-inner select,
div#search-products div.tooltip-inner input, 
div#search-products div.tooltip-inner select,
div.addwishlistEnvironment div.tooltip-inner select,
li.addWishListSaleChannel div.tooltip-inner select,
input#projectTitle.pull-right {
    border: 1px solid #3E7795;
    padding: 6px 12px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ebeef0 !important;
}
div#info-main div.addwishlist div.tooltip-inner select,
div#search-products div.tooltip-inner select,
div.addwishlistEnvironment div.tooltip-inner select,
li.addWishListSaleChannel div.tooltip-inner select {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
    cursor: pointer;
    background-image: url('/templates/source/50/images/select-caret.png');
    background-position: 210px, 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ebeef0;
}
div.addwishlist div.tooltip-inner .input-group-addon,
div#search-products div.tooltip-inner .input-group-addon,
div.addwishlistEnvironment div.tooltip-inner .input-group-addon,
li.addWishListSaleChannel div.tooltip-inner .input-group-addon {
    border-right: none;
    border-color: #3E7795;
    background: url('/templates/source/50/images/icons/folder-icon.png') center center no-repeat;
}
.gallery-options.addwishlistEnvironment {
	width: 230px;
}
div#search-products div.tooltip-inner div.actions {
    clear: both;
    margin-top: 30px;
}

div#search-products div.tooltip-inner div.actions span {
    margin-right: 10px;
}

.actions a, .action a:hover {
    text-decoration: none !important;
}
.item-container .item .info-container {
    height: 78px;
}

.item-container .item .info-container h3 span {
    display: block;
}

.item-container .item .info-container h3 span.line {
    font-weight: bold;
    text-transform: none;
}

.item-container .item .variations-container {
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0px;
}

.item-container .item .variations-container li.icon span {
    font-size: 30px;
}

.item-container .item .variations-container li {
    padding: 0px 4px;
}

.item-container .item .variations-container li img {
    width: 100%;
}

div.item-container .owl-theme .owl-controls {
    text-align: left;
    margin-top: 4px;
}

div.item-container .owl-theme .owl-controls .owl-page span {
    width: 7px;
    height: 7px;
    margin: 0px 4px;
    background: none;
    border: 1px solid #869791
}

div.item-container .owl-theme .owl-controls .owl-page.active span {
    background: #869791;
}

div#search-products div.products-list > div:hover {
    z-index: 20;
}

body.noios div#search-products div.products-list > div:hover div.item-container div.item,
body.noios div.products-list > div:hover div.item-container div.item {
    background: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
 	-moz-transition: none !important;
}

div#search-products div.products-list > div:hover div.item-container div.item div.moreinfo-container {
    display: block;
}

@media (max-width: 1420px) {
    div#search-products div.products-list > div {
        height: 454px;
    }

    div#search-products div.item div.info-container h3 {
        height: 42px;
    }
}

@media (max-width: 1076px) {
	div#search-products div.products-list.products-list-simple > div,
	div#search-products div.products-list > div {
        height: 564px;
    }

    div#search-products div.item div.info-container h3 {
        height: 48px;
    }
}

@media (max-width: 768px) {
    div#search-products div.item div.info-container h3 {
        height: auto;
    }

    div#search-products div.products-list > div {
        height: auto;
    }

    div#search-products div.products-list div.item-container {
        position: relative;
        margin-bottom: 0px;
    }

    div#search-products div.products-list > div:hover div.item-container div.item div.moreinfo-container {
        display: none;
    }
}
@media (max-device-width: 440px) {
	div#search-products div.products-list.products-list-simple > div,
	div#search-products div.products-list > div {
        height: 370px;
    }
	body
	{
		margin-top: 0px;
	}
}
@media (width: 414px) {
	div#search-products div.products-list.products-list-simple > div,
	div#search-products div.products-list > div {
        height: 420px !important;
    }
}
/* Correcao de largura / altura da imagem */

.products-list .item-container .item .image-container a img {
    width: 100%;
}

.products-list .item-container .item .image-container div.carousel.owl-carousel .owl-item,
.products-list .item-container .item .image-container > a {
    height: 274.656px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1419px) {
    .products-list .item-container .item .image-container div.carousel.owl-carousel .owl-item,
    .products-list .item-container .item .image-container > a {
        height: 198.219px;
    }
}

@media (max-width: 1075px) {
    .products-list .item-container .item .image-container div.carousel.owl-carousel .owl-item,
    .products-list .item-container .item .image-container > a {
        height: 205.328px;
    }
}

@media (max-width: 1055px) {
    .products-list .item-container .item .image-container div.carousel.owl-carousel .owl-item,
    .products-list .item-container .item .image-container > a {
        height: 200px;
    }
}

@media (width: 768px) {
    .products-list .item-container .item .image-container div.carousel.owl-carousel .owl-item,
    .products-list .item-container .item .image-container a {
        height: 184px;
    }
}

@media (max-width: 767px) {
    .products-list .item-container .item .image-container div.carousel.owl-carousel .owl-item,
    .products-list .item-container .item .image-container > a {
        height: 311px;
    }
}

body#Product_coating div#grouting-mortar header{
    background: url("/templates/source/50/images/banners/banner_atendimento.jpg") center center no-repeat;
}

/*
===================================
 FOOTER
=================================== 
*/
footer#main-footer {
    margin-top: 72px;
    z-index: 99;
    position: relative;
    background-color: #ffffff;
    padding-top: 0px;
}
footer#main-footer h3 {
    margin: 3px 0px 16px 0px;
}

footer#main-footer div.icon {
    height: 42;
    font-size: 42px;
}

footer#main-footer .pb-social-media div.row > div div.icon {
    padding-right: 4px;
    padding-bottom: 4px;
    text-align: right;
}

footer#main-footer .pb-links h4,
footer#main-footer .pb-links ul li {
    font-family: "pbRegular";
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 0.7em;
}

footer#main-footer .pb-links h4 {
    font-weight: bold;
    font-size: 13.5px;
    line-height: 1em;
    margin-bottom: 10px;
}

footer#main-footer .pb-links ul {
    margin-bottom: 30px;
}

footer#main-footer div.newsletter-form {
    padding: 12px;
    background: #f1f1f1;
    font-size: 12px;
}

footer#main-footer div.newsletter-form p {
    font-size: 12px;
}

footer#main-footer div.newsletter-form form input {
    font-size: 12px;
}

footer#main-footer div.newsletter-form form .btn {
    margin-left: 10px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

footer#main-footer div.contact-info {
    padding: 12px;
}

footer#main-footer div.contact-info div.phone {
    margin-top: 6px;
    height: auto;
    font-size: 28px;
    line-height: 0.95em;
}

footer#main-footer div.contact-info address a:first-of-type {
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
}

footer#main-footer div.contact-info address span {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
}

@media (max-width: 767px) {
    #main-footer {
        margin: 0px;
    }

    #main-footer h3.lined {
        margin-top: 20px;
        font-size: 28px;
    }

    #main-footer h4.lined {
        margin-top: 20px;
    }

    footer#main-footer div.contact-info div.phone {
        height: auto;
    }

    footer#main-footer div.newsletter-form {
        margin-left: -14px;
        margin-right: -14px;
    }

    footer#main-footer div.contact-info {
        padding: 0px;
    }
}

#map-canvas {
    height: 395px;
}
#user-menu {
    position: fixed;
    float: right;
    top: 295px;
    right: 10%;
    background-color: #FFF;
    z-index: 10;
}

.Profile #user-menu {
    top: 140px;
}

.Profile #user-menu.pinned.closer {
    top: 15px;
}

#User_getProject #user-menu.pinned.closer {
    top: 40px;
}

#User_getProject #user-menu, .Profile #user-menu.pinned {
    top: 140px;
}

div#user-menu.pinned {
    position: fixed;
    top: 176px;
    z-index: 10;
    float: none;
}

div#user-menu.pinned.closer {
    top: 40px;
    transition: all .5s ease-in-out .25s;
     -moz-transition: none !important;
}

div.user-menu--avatar img {
    background-color: #FFF;
}

div#user-menu .nav > .active > a {
    padding-left: 10px;
    font-weight: 700;
    background-color: transparent;
    border-left: 5px solid #527694;
    color: #527694;
}

#User_index .col-lg-6.col-md-6.col-sm-9.col-xs-18 {
    padding-bottom: 16px;
}

.Profile div#contentContainer {
    min-height: 550px;
}

div#c208TR, div#c209TR {
    position: relative;
    left: 8px;
}

body#Contact_faq .header {
    width: 100%;
    height: 375px;
    margin-bottom: 24px;
    background-size: cover;
}


/* ToolTips */
.icon .tooltip .tooltip-arrow {
    border-bottom-color: #959ca1 !important;
}
.icon div.tooltip.bottom .tooltip-arrow {
	margin-left: -12px;
	border-width: 0 12px 12px;
}
.tooltip .tooltip-inner {
    font-family: "pbRegular" !important;
    font-size: 14px !important;
    color: #959ca1 !important;
    padding: 12px 20px !important;
    border-radius: 0px !important;
    border: 1px solid #959ca1 !important;
    background-color: #ffffff !important;
    margin-top: 12px;
    max-width: 264px;
    width: 264px;
	min-width: 0px;
	height: auto !important;
	min-height: 0px;
	margin-top: 6px;
}

#espiar .tooltip .tooltip-inner {
    max-width: 355px;
    width: 355px;
}

#espiar .tooltip .tooltip-inner button{
    margin:5px;
}

.tooltip.in {
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    -ms-opacity: 1 !important;
    -o-opacity: 1 !important;
    opacity: 1 !important;
}

/*Modal AddToCompare*/

.addToCompare .image {
    width: 150px;
    margin: 10px 0px 10px 0px;
}
.addToCompare .tooltip-inner > *, .addwishlist .tooltip-inner > * {
    padding: 10px;
}
.addToCompare .tooltip-inner > *, .addwishlist .tooltip-inner .input-group {
    padding: 0px;
}

/* Where to Find - Onde Comprar - WhereToFind - Google Map - Mapa - Maps */
.tooltip-inner {
    background: #ffffff;
    color: #AAAEB1;
    min-height: 100px;
    min-width: 235px;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.35);
    text-align: left;
}

.tooltip-inner .buttons {
    margin: 10px 20px 0 20px;
    min-height: 48px;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ffffff !important;
}

/* ANIMACAO mozaico */

@keyframes start {
	from {
		transform: scale(0);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes start {
	from {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

.apaixone .block[data-state="init"] {
	display: none;
}

.apaixone .block[data-state="start"]  {
	display: block;
	animation: start 0.35s;
	-webkit-animation: start 0.35s;
}

.apaixone .block[data-state="move"]  {
	transition: top 0.35s, left 0.35s, width 0.35s, height 0.35s;
	-webkit-transition: top 0.35s, left 0.35s, width 0.35s, height 0.35s;
	 -moz-transition: none !important;
}

.glyphicon-chevron-right, .glyphicon-chevron-left {
    cursor: pointer;
}

/* PACE LOADER */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #c8c8c8;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #c8c8c8, 0 0 5px #c8c8c8;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  left: 15px;
  width: 24px;
  height: 24px;
  border: solid 3px transparent;
  border-top-color: #c8c8c8;
  border-left-color: #c8c8c8;
  border-radius: 12px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

div.groupImage .owl-carousel .owl-wrapper, .owl-carousel .owl-item
{
	padding-right: 10px;
}


.productBlock  .owl-carousel .owl-wrapper, 
.productBlock .owl-carousel .owl-item
{
	padding-right: 0px;
	padding: 1px;
}
.alert
{
	border-radius: 0px;
	background-image: none;
}
.message.alert {
	position: absolute;
	z-index: 700;
	right: 20px;
	left: 20px;
	top: 130px;
	box-shadow: 0 5px 15px rgba(88,88,88,.5);
	border-radius: 0px;
}


/*
 * Security Password
 */

#security {
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	width: 100%;
	height: 36px;
	position: relative;
	vertical-align: middle;
}

.securityPassword {
	display: block;
	height: 100%;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #da9797;
	text-align: center;
	font-weight: bolder;
	padding: 7px;
}

#selectSecurityLow {
	width: 50%;
	color: #fff;	
}

#selectSecurityAverage,
#selectSecurityHigh {
	width: 100%;
	background-color: #8fb37e;
	color: #fff;
}
#selectSecurityAverage
{
	background-color: yellow;
}
body[data-controller="IdData"] header.header
{
	display: none;
}

/* Fonte responsiva */
@media (max-width: 768px) {
	header.header div.container h2,
	header.header div.container h3,
	header.header div.container h2 *,
	header.header div.container h3,
	header.header div.container h3.lined,
	h1, 
	h2,
	div.tab-box ul li a,
	div.tab-box ul li a.active {
		font-family: "pbThinMob";
	}
}
button.close:before
{
	display: none;
}

span.productName
{
	font-weight: bold;
}
span.searchQuery 
{
	margin-left: 20px;
}
span.searchQuery span
{
	font-weight: bold;
	color: #527694;
}
span.searchQuery button
{
	margin-left: 20px;
}




.colorBox.active{
	border: 2px solid black;	
}

.zoomImage
{
	display: none;	
}

.btn-silver, a.btn.btn-silver:focus {
	color: #9da0a5;
}
#groutingmortar-colors #controls
{
	width: 82%;
	position: absolute;
	margin-top: -138px;
	
}
#colorsContainer
{
	margin-left: 74px;
}
#groutingmortar-colors .seta-direita
{
	float: right;

}

#groutingMortarEnvironments  .owl-buttons .owl-prev,
#groutingMortarEnvironments  .owl-buttons .owl-next
{
    font-family: "portobello_icones" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;    
    font-size: 48px;
}

#colorsContainer .tooltip.bottom,
#colorsContainer .tooltip.bottom.fade,
#colorsContainer .tooltip.bottom.fade.in
{
	top: 80px !important;	
} 


#lines div.info {
    height: 220px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid #959ca1;
    position: relative;
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
}
#lines  div.info div.info-content {
    height: 218px;
    padding: 28px 16px 20px 16px;
}
#lines div.info div.info-content h3 {
    font-family: "pbThin";
    font-size: 36px;
    margin-bottom: 30px;
}
#lines  div.info div.info-image {
    -webkit-flex-basis: 218px;
    flex-basis: 218px;
    width: 218px;
    min-width: 218px;
    height: 218px;
    position: relative;
}
#lines div.info div.info-image img {
    width: 218px;
    height: 218px;
}
#lines  .info-more {
    bottom: 10px;
    left: 16px;
    position: absolute;
}
#lines div.info div.info-content .customScroll {
    height: 94px;
    overflow: hidden;
    overflow-y: auto;
}


@media (max-width: 1420px) {	
	header.header div.container h1,
	header.header div.container h2,
	header.header div.container h3,
	header.header div.container h2 * {
	    max-width: 55%;
	}
}
@media (min-width: 768px)
{
	 
	div#environmentImageList #owl-prev
	{
		margin-left: -35px;
	}
	body#Product_page div#search-products .owl-controls.clickable .owl-buttons > div.owl-prev
	{
		margin-left: -30px;
	}
	div#environmentImageList.owl-carousel
	{
		padding-left: 35px;
	}
	body#Product_page #environmentImageList.carousel
	{
		padding-left: 30px;
	}
	div#environmentImageList.owl-carousel .owl-wrapper-outer
	{
		width: 97%;
	}
	.groupImage.owl-carousel .owl-wrapper-outer
	{
		width: 98%;
	}	
	header.header div.container h1,
	header.header div.container h2,
	header.header div.container h3,
	header.header div.container h2 * {
	    max-width: 100%%;
	}
}
div.contact-info h4.lined
{
	margin-bottom: 10px;
}

#search-products > div.row
{
	margin-left:0px;
}



@-moz-document url-prefix() { 
  html body#Product_index div#main-highlight div#main-carousel.carousel div#carousel-example-generic.carousel.slide div.carousel-inner div.item  
  {
     background-position: 0px 0px !important;
  }
}