*{
	font-family: 'Titillium Web', sans-serif;
}

a:focus{
	text-decoration: none;
	color: inherit;
}

li{
	list-style-type: none;
}

a, a:active{
	/*color: #6ade1d;*/
	color: #5ec11e;
}

a i{
	color: #333;
}

a:hover{
	color: #000;
	text-decoration: none;
}

html{
	height:100%;
}

#mainContainer{
	min-height: 100%;
	position:relative;
}

body{
	height: 100%;
}

input[type="text"],input[type="number"], input[type="password"]{
	border: 1px solid #ccc;
}

.row{
	margin-left:0;
	margin-right:0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #aaa !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #aaa !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #aaa !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #aaa !important;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #aaa !important;
}

.navbar{
	background-color: #232323;
	margin-bottom: 0;
	border: 0;
}

.navbar-brand{
	padding:0 10px;
}

.navbar li:not(.icon).active a,
.navbar li:not(.icon) a:hover,
.navbar li:not(.icon).active a:hover{
	border-bottom: 10px solid #6ade1d;
	color: #d6d6d6;
	background-color: transparent;
}

.navbar li:not(.icon) a:focus{
	color: #d6d6d6;
}

.navbar-nav li.icon a{
	background-color: transparent;
	height: 30px;
	width: 40px;
	padding:0;
}

button.navbar-toggle{
	border-width: 0 !important;
	background-color: transparent !important;
}

button.navbar-toggle .ondinhas{
	background: url(/images/icon_ondinhas.png) no-repeat;
	width: 40px;
	height: 30px;
}

.navbar li.ondinhas a{background: url(/images/icon_ondinhas.png) no-repeat;}

.navbar li.remador a{background: url(/images/icon_remador.png) no-repeat;}

.navbar li.remador a:hover,
.navbar li.remador.active a{
	background: url(/images/icon_remador_on.png) no-repeat;
}

.navbar-default .navbar-nav > li.carrinho > a{
	background: url(/images/icon_carrinho.png) no-repeat center;
	font-size: 14px;
	text-align: right;
	padding-right: 8px;
}

.navbar-default .navbar-nav > li.carrinho > a:hover,
.navbar-default .navbar-nav > li.carrinho.active > a{
	background: url(/images/icon_carrinho_on.png) no-repeat center;
	color: #6ade1d;
	font-size: 14px;
}

.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li>a{
	color: #d6d6d6;
	font-size: 19px;
	background-color: transparent;
}

.navbar-nav li.icon{
	margin-top: 15px;
}

.navbar-nav li.icon a{
	padding-top: 0;
}

.navbar-nav li.icon.separador{
	border-right: 1px solid #d6d6d6;
}

.navbar-nav li.icon.logout a{
	padding-top: 4px;
	padding-left: 0px;
	margin-right: 0;
	margin-left:0;
	text-align: right;
	width: 30px;
}

.navbar-nav li.icon.logout a i{
	color: #f5f5f5;
	font-size: 22px;
}
.navbar-nav li.icon.logout a:hover i{
	color: #6ade1d;
}

#userContainer h1{
	font-weight: 700;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 20px;
}

#userContainer{
	margin-top: 70px;
}

#userContainer #userTabs li{
	margin-bottom: 20px;
	font-size: 19px;
}

.dropTabs{
	font-size: 19px;
}

.dropTabs > li > a{
	text-align: center;
}

.dropTabs{
	padding-left:10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: inherit;
}

#userContainer #userTabs li a{
	color: #999;
	border-left: 10px solid transparent;
	padding-left: 15px;
}

#userContainer #userTabs li.active a,
#userContainer #userTabs li a:hover{
	color: #000;
	text-decoration: none;
	border-left: 10px solid #6ade1d;
}

#userContainer .wrapperEditButton,
#userContainer .msgUpdate{
	padding-top: 5px;
}

#userContainer .wrapperEditButton a{
	color: #666;
	cursor: pointer;
}

#userContainer .wrapperEditButton a:hover{
	color: #000;
}

#userContainer label{
	text-align: left;
}

#userContainer *[readonly]{
	border: none;
	background-color: transparent;
	box-shadow: none;
	resize: none;
	overflow: auto;
	color: #aaa;
}

#userContainer span.text-danger,
#userContainer span.text-success{
	font-size: 14px;
}

#userContainer #recaptcha{
	margin-bottom: 15px;
}

#userContainer #addressbook select{
	padding-left: 8px;
}

.containerCart .purchaseTotal{
	height: 40px;
	padding: 8px 10px 10px 10px;
	background-color: #ddd;
	font-size: 17px;
	margin-bottom: 0;
}

.containerCart h4{
	height: 40px;
	padding-top: 10px;
	text-align: center;
	background-color: #ddd;
	margin-top:0;
	font-size: 17px;
	margin-bottom: 20px;
}

.containerCart .frmQtt{
	border: none;
	box-shadow: none;
	height: 50px;
}

.frmQtt .containerCart input[type="number"]{
	height: 40px;
	line-height: 40px;
	width: 50px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}

.containerCart h3{
	font-weight: 300;
}

.containerCart > div{
	padding: 0;
}

.containerCart{
	border-top: 1px solid #ccc;
	padding:0 0 30px 0;
}

.containerCart a i{
	font-size: 18px;
	font-weight: 400;
}

.containerCart #btnSave{
	float:left;
	padding: 10px 20px;
	background-color: #6ade1d;
	border: none;
	font-size: 17px;
}

.containerCart #buttonCheckout{
	float:left;
	padding: 10px 20px;
	background-color: #333;
	color: #eee;
	font-size: 17px;
	border: none;
}

.containerCart #buttonCheckout i{
	color: #eee;
	font-size: 14px;
}

.swiper-pagination-bullet{
	background-color: #fff;
	border: 1px solid #666 !important;
	opacity: 1;
}

.swiper-pagination-bullet-active{
	background-color: #666;
}

#panelOrders label{
	color: #333;
}

#panelOrders{
	color: #555;
}

#panelOrders .panel > .panel-heading{
	text-align: center;
	background-color: transparent;
	border-color: transparent;
	padding: 0;
}

#panelOrders .panel-body{
	border: 1px solid #eee;
	padding: 0;
}

.amount{
	color: #cd0000;
}

.orderTotal{
	border-top:1px solid #eee;
}

.orderTotal > div{
	height: 30px;
	padding-top: 5px;	
}

.orderTotal .pull-left{
	color: #333;
	font-weight: 700;
}


#panelOrders .panel > .panel-heading .orderStatus{
	background-color: #333;
	color: #eee;
}

#panelOrders h4.panel-title > a{
	display:block;
	overflow: auto;
	height: 40px;
	padding-top:10px;
}

#panelOrders h4.panel-title > a i.fa-plus,
#panelOrders h4.panel-title > a.collapsed i.fa-minus{
	display:none;
}

#panelOrders h4.panel-title > a i.fa-minus,
#panelOrders h4.panel-title > a.collapsed i.fa-plus{
	display:inline;
}



#panelOrders h5{
	clear: both;
	line-height: 20px;
	overflow:auto;
}

.containerCart .orderPrice{
	font-size: 15px;
	line-height: 25px;
}

#panelOrders div.paragraph,
.containerCart div.paragraph{
	margin: 5px 0;
	clear: both;
	overflow: hidden;
}

.containerCart .paragraph.colors{
	width: 100px;
	margin-left:auto;
	margin-right: auto;
}

p.pleaseSelect{
	margin-top:40px;
	font-size:18px;
}

#panelOrders .orderflow{
	overflow:auto;
	border-bottom: 1px solid #eee;
}

#panelOrders .orderflow .concluded{
	color: #49a775;
}

#panelOrders .orderflow > div{
	height: 47px;
	padding-left: 21px;
	padding-top: 13px;
	vertical-align: middle;
}

#panelOrders .orderflow .fa-truck{
	transform: scaleX(-1);
}

#panelOrders .orderflow div.separador{
	background: url(/images/separador_seta.png) no-repeat top left;
	padding-left: 30px;
}

#panelOrders .orderflow > div i{
	vertical-align: middle;
	margin-top: -3px;
}

#panelOrders .colAddresses{
	padding-top: 20px;
	border-right: 1px solid #eee;
}

#panelOrders .colAddresses .addressBilling{
	margin-bottom: 40px;
}

#panelOrders .colOrderInfo{
	padding-top: 20px;
}

.qtt{
	color: #cd0000;
}

#headerOrders{
	background-color: #ddd;
	font-size: 19px;
	line-height: 40px;
	overflow:auto;
	text-align: center;
	border-top:1px solid #ccc;
}

body.page_mailcontrol #mainContainer > .container{
	font-size: 18px;
	margin-top: 20px;
}



#containerDesign{
	padding-bottom: 150px;
}

#frmRegUser button{
	margin-bottom: 20px;
}

.swiper-button-prev{
	-moz-tranform: rotate(180deg);
	-webkit-tranform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -28px;
}

.swiper-button-next{
	margin-top: -18px;
}

.swiper-button-next,
.swiper-button-prev{
	opacity: 0.6;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
	opacity: 0.9;
}

.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled{
	opacity: 0.15;
}
				
.swiper-container {
	width: 100%;
	height: 100%;
}

div.row.banner{
	background-color: #f6f6f6;
	margin-bottom: 40px;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	position: relative;
	background: #fff;
	cursor: pointer;
}

.swiper-slide img{
	padding: 0 30px;
}

.page_geral .swiper-slide img{
	padding:0;
}

input[id*=radioConstruction]{
	display:block;
	float:left;
}

.linksLoja{
	background-color: #f6f6f6;
	padding: 50px 0;
	margin-top: 50px;
}

.linksLoja ul li{
	margin-bottom: 20px;
}

.linksLoja ul li .titulo,
.linksLoja ul li .preco{
	font-weight: 700;
	font-size: 18px;
}
.linksLoja ul li .titulo{
	color: #565656;
	margin-top: 20px;
}

.linksLoja ul li .preco{
	color: #c40000;
}

.destaquesHome li{
	margin-bottom: 40px;
}

.destaquesHome li div.titulo{
	height: 50px;
	color: #ba0000;
	font-size: 33px;
	opacity: 0.9;
	background-color: #eee;
	text-align: center;
	line-height: 50px;
	margin-top:-50px;
	font-weight: 300;
}

.destaquesHome li .descricao{
	color: #999;
	font-size: 23px;
	font-weight: 300;
	margin-top: 20px;
}

form#frmLogin{
	margin-bottom: 20px;
}

.page_design h1{
	color: #5ec11e;
	margin-top: 40px;
}

#designTabs{
	margin-top: 20px;
}

#designTabs li{
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: 600;
	padding-left: 20px;
	border-left: 10px solid transparent;
}

#designTabs li a{
	color: #333;
}

#designTabs li.active{
	border-left: 10px solid #5ec11e;
}

#designTabs li.active a{
	color: #5ec11e;
}

ul.basic-colors-list li:first-of-type a span.color-label{
	font-weight: 700;
}
ul.basic-colors-list li:first-of-type a span{
	cursor: default;
}

.page_design #model .col1 h3{
	font-weight: 700;
	margin-bottom: 30px;
}

.page_design h3.modelName{
	font-size: 23px;
	font-weight: 300;
	color: #666;
	margin-bottom: 10px;
}

.page_design label.labelVariant{
	margin:0 10px 10px 0;
	font-weight: 300;
	font-size: 19px;
}

.page_design div.radioVariant{
	float:left;
}

.page_design #infoModel{
	font-size: 16px;
}

.page_design #infoModel .modelName{
	color: #5ec11e;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 10px;
}

.page_design h3.construction{
	color: #5ec11e;
	margin-bottom: 5px;
	clear: left;
	/*margin-top: 12px;
	padding-left: 35px;*/
}

ul.constructions h2.initials{
	float:left;
	margin-top:0;
	padding-left: 5px;
}

.page_design div.constructionPrice{
	font-size: 20px;
	margin-bottom: 15px;
	clear: left;
}

.page_design div.constructionInfo{
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}

.page_design ul.constructions > li > img{
	height: 300px;
}

.page_design ul.schemes > li > img{
	height: 100px;
}

.page_design ul.schemes > li{
	margin-bottom: 50px;
}

.page_design div.schemeAreaColor{
	margin-bottom: 10px;
	font-size: 22px;
	padding-top: 10px;
}

.page_design img.imgAreas{
	margin: 20px 0 50px 0;
}

.page_design h2.accessory{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 0;
}

.page_design div[id*=swiperAcc] img{
	/*height: 300px;*/
}

.page_design input[id*=qttIncAcc],
.page_design input[id*=qttExtraAcc]{
	width: 60px;
}

.page_design select[id*=qttIncAcc],
.page_design select[id*=qttExtraAcc]{
	width: 67px;
	margin: 0 auto;
}

.page_design .included,
.page_design .extra{
	margin-top:10px;
}

.page_design .included label,
.page_design .extra label{
	font-size: 16px;
	padding-top: 5px;
}

.page_design .extra{
	margin-bottom: -18px;
}

.page_design .tab-pane ul li div.amount{
	font-size: 18px;
	font-weight: 600;
}

.page_design .tab-pane ul li div.amount small{
	font-weight: 300;
	font-size: 14px;
}

input[type="radio"],
input[type="checkbox"]{
	width: 30px;
	height: 38px;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}

input[type="checkbox"]{
	height: 30px;
	float:left;
}

ul.activities label div.title{
	font-size:14px;
	line-height:16px;
	font-weight: 700;
	margin-left: 5px;
}

ul.activities label div.description{
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	margin-left: 5px;
}

ul.activities li{
	margin-bottom: 20px;
}

ul.accessories{
	margin-top:30px;
}

ul.accessories > li{
	margin-bottom: 50px;
}

input[type=radio] + label,
input[type=checkbox] + label{
	display: inline-block;
	margin-left: -31px;
	padding-left: 29px;
	background: url(/images/radio_off.png) no-repeat 0 0;
	line-height: 24px;
	height: 30px;
	cursor: pointer;
}

.wrapperAcc input.radioIncAcc[type=radio] + label{
	background-image: url(/images/radio_acc_off.png);
	width: 30px;
}

input.radioIncAcc[type=radio] + label{
	display:block;
	width: 40px;
	margin: -42px auto 26px auto;
}
input.radioIncAcc[type=radio]{
	margin:-16px auto 4px auto;
	width: 40px;
	display:block;
}

ul.activities{
	padding-left:27px;
	margin-top: 20px;
}

input[id*=radioConstruction] + label{
	float:left;
}

input[type=radio]:checked + label,
input[type=checkbox]:checked + label{
	background-position: 0 -48px;
	background: url(/images/radio_on.png) no-repeat 0 0;
}

.wrapperAcc input[type=radio]:checked + label{
	background-image: url(/images/radio_acc_on.png);
}

footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
}

footer .container{
	height: 50px;
}

footer #totalDesign{
	/*background-color: #333;*/
	background-color: #0A0A0A;
	height: 100%;
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	padding-top: 10px;
}

footer #totalDesign span{
	color: #cd0000;
}

footer #backNextDesign{
	height: 100%;
	font-size: 19px;
	font-weight: 600;
	padding: 10px 13px 0 30px;
}

footer #backNextDesign a i{
	color: #5ec11e;
}

footer #backNextDesign a:hover i{
	color: #333;
}

footer #backNextDesign a{
	cursor: pointer;
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.form-group.required .control-label:after {
	content:" *";
	color:red;
}

.pick-a-color-markup .color-menu.small{
	width: 365px;
}

.pick-a-color-markup .color-menu li{
	float:left;
	display: block;
	width:175px;
}

div.warningEU{
	height: 40px;
	line-height: 40px;
}

div#infoAcc{
	margin-top: 5px;
	line-height:40px;
	background-color: #5ec11e;
	font-size:16px;
}

div.billingDetails,
div.shippingDetails{
	margin-bottom: 30px;
}

div.billingDetails input[type="text"], 
div.shippingDetails input[type="text"],
div.billingDetails select, 
div.shippingDetails select{
	width: 50%;
	padding: 2px 5px 2px 5px;
}

ul.accessories > li > .wrapperAcc{
	border: 1px solid #d6d6d6;
	padding: 0 1px 0 1px;
}

ul.accessories > li > .wrapperAcc .amount{
	margin-top: 10px;
	color: #d6d6d6;
	min-height: 34px;
}

ul.accessories > li > .wrapperAcc.radioIncActive .amount{
	color: #cd0000;
}

ul.accessories > li > .wrapperAcc.radioIncActive,
ul.accessories > li > .wrapperAcc.radioIncActive select.selExtraQtt,
ul.accessories > li > .wrapperAcc.radioIncActive .extra button.color-dropdown{
	border: 1px solid #5ec11e;
}


@media (min-width: 992px){
	.navbar{
		background-color: #232323;
		height: 62px;
		border-radius: 0;
		min-height: 62px;
	}
	.navbar ul.navbar-nav{
		height: 62px;
	}
	.navbar-nav>li>a{
		padding: 20px 0 12px 0;
		margin: 0 10px;
	}
	div.swiper_home{
		height: 360px;
	}
}

@media (max-width: 991px){
	.destaquesHome li div.titulo{
		font-size: 22px;
	}
	.destaquesHome li div.descricao{
		font-size: 17px;
	}
	.containerCart h4 {
		font-size: 14px;
	}
}

@media (min-width: 1320px){
	.container {
		width:1280px;
		max-width:1280px;
	}
}

@media (max-width: 992px){
	.navbar{
		min-height: 62px;
	}
	.navbar-default .navbar-nav>li:not(.icon)>a{
		padding:20px 7px 15px 7px;
		font-size: 16px;
	}
	.navbar-nav>li.icon>a{
		margin: 0 10px;
	}
}

@media (max-width: 767px){
	.navbar li:not(.icon).active a, 
	.navbar li:not(.icon) a:hover, 
	.navbar li:not(.icon).active a:hover{
		background-color: #6ade1d;
		border: none;
		color: #333;
	}
	.navbar li a{
		text-align: center;
	}
	.navbar-nav>li.icon>a,
	.navbar-nav li.icon.logout a,
	.navbar-nav>li.icon>a:hover/*,
	.navbar-default .navbar-nav > li.carrinho > a:hover, 
	.navbar-default .navbar-nav > li.carrinho.active > a*/{
		margin: 0 auto;
		text-align: center;
		background-position: center;
		//width: auto;
	}
	.navbar-nav>li.icon.carrinho>a:hover{
		text-align:right;
	}
	.navbar-nav{
		margin-bottom: 20px;
	}
}

@media (max-width: 420px){
	.pick-a-color-markup .color-menu.small{
		width: 300px;
	}

	.pick-a-color-markup .color-menu li{
		float:none;
		width:auto;
	}
}

/***********
DEALERS
*/
#dealers h3{
	width: 100%;
}
#dealers h3 img{
	width: 30px;
	/*float: right;*/
}

#dealers .fas{
	color: #96c17b;
}