/*
	AUTOR: Rafael Lira
	CONTATO: lira.rafa@gmail.com

*/

/* reset */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
*{outline:0}
section{display:block; width:100%}
/* end reset */

/* framework */
body .clear{clear:both;font-size:0;height:0;line-height:0}
body .left{float:left}
body .right{float: right}
body .block{display:block}
body .none{display:none}
body .relative{position:relative}
body .absolute{position:absolute}
body .sumir{overflow:hidden;text-indent:-999em}
/* end framework */

/*GERAIS*/
body{font-family:Helvetica, sans-serif}
h1,h2,h3,h4{font-family: 'Open Sans', sans-serif;font-weight:800;}
.clearfix:after {content: ""; display: table; clear: both; }
h2{color:#de5643;font-size:45px;line-height:45px;letter-spacing:-2.5px}
strong{font-weight:800;}
.menu_mobile{display:none;height:42px;width:34px;background:url(../img/icon-menu.png) right center no-repeat;background-size:contain;float:right;margin-right:10px;text-indent:-99em;}

/*HEADER*/
header{position:fixed;top:54px;left:0;width:100%;height:53px;background-color:#354f96;z-index:9;transition:background-color 200ms linear;}
nav{max-width:960px;margin:0 auto;box-sizing:border-box;} 
nav a{display:block;float:left;color:#fff;font-size:13px;text-align:center;text-decoration:none;text-transform:uppercase;width:172px;line-height:53px;font-weight:bold;border-left:1px solid #4e7bbf;border-right:1px solid #4e7bbf;transition:color 100ms linear;}
nav a:first-child{border-left:2px solid #4e7bbf}
nav a:last-child{border-right:2px solid #4e7bbf}
a.logo{width:228px;position:relative;border:none;}
header a.logo:hover{background-image:none !important;}
a.logo img{position:relative;top:-30px;left:0}

header nav a:hover{background:url(../img/sprite-actives.png) center -106px repeat-x;}

header.light{background-color:#749dc8;}
header.light nav a{border-left-color:#fff;border-right-color:#fff}
header.light nav a:hover{background:url(../img/sprite-actives.png) center 0 repeat-x;color:#749dc8;}
header.dark{background-color:#4d86bc;}
header.dark nav a{border-left-color:#aad9f0;border-right-color:#aad9f0}
header.dark nav a:hover{background:url(../img/sprite-actives.png) center -53px repeat-x;color:#2968aa;}

/*HOME*/
#home{background:url(../img/main-banner.jpg) center top no-repeat;background-size:cover;}

/*FAMILIA DE PRODUTOS*/
.item{max-width:960px;margin:125px auto 0}
.box_txt{float:left;width:30%;}
.box_txt h2{color:#de5643;font-weight:800;font-size:45px;line-height:45px}
.box_txt p{color:#4d86bc;font-size:19px;line-height:19px;margin-top:18px;}
.box_img{float:right;width:70%;}
.box_img img{max-width:100%}
.box_img span{display:none;text-align:center;font-size:12px;}
/*.fp-tableCell {display: table-cell; height: 100%; vertical-align: middle; width: 100%; }*/
.fp-controlArrow.fp-prev{width:20px;height:41px;border:none;display:block;background:url(../img/arrows.png)0 0 no-repeat;position:absolute;top:50%;left:15px}
.fp-controlArrow.fp-next{width:20px;height:41px;border:none;display:block;background:url(../img/arrows.png)0 -41px no-repeat;position:absolute;top:50%;right:15px}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background-color:#ccc;margin:-6px 0 0 -6px;width:12px;height:12px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{;background-color:#e0604b;}

/*TRIPLA AÇÃO*/
#triplaacao{background:url(../img/2nd-bg-c.jpg) center center no-repeat;}
#triplaacao > .fp-tableCell{padding-top:42px;}
.wrap_top{max-width:960px;margin:0 auto;}
#triplaacao h2, #triplaacao h3{color:#de5643;font-weight:800;font-size:45px;line-height:45px}
.icos{background-image:url(../img/sprite-icos.png);background-repeat:no-repeat;display:block;width:92px;height:92px;margin:0 15px 50px 0;float:left;}
.ico-mancha{background-position:-92px 0;}
.ico-amacia{background-position:-184px 0;}
li .wrap_txt{float:left;width:80%;}
#triplaacao h3{margin-top:15px;}
#triplaacao p{color:#4d86bc;font-size:19px;line-height:19px;margin:15px 0;}
.simbolo{margin:100px 18px 0 0;display:inline-block;float:left;display:none;}
.simbolo img{width:100%;}
.lista_triplaacao{max-width:655px;margin:0 auto;display:inline-block;float:right;}
.lista_triplaacao li{display:inline-block;}

/*TIRANDO MANCHAS*/

.selectbox{width:50%;margin:2% auto;display:block;position:relative;font-family:Helvetica,sans-serif}
.select-atual{
background: rgb(238,238,238);
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(49%,rgba(209,209,209,1)), color-stop(100%,rgba(219,219,219,1)));
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 100%);
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(209,209,209,1) 49%,rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dbdbdb',GradientType=0 );
border: 1px solid #dbdbdb;
border-radius: 5px;
box-shadow: 0 1px 2px #333;

}
.select-atual .arrow{background:url(../img/open-select.png) right center no-repeat;width:11px;height:100%;position:absolute;top:0;right:10px;}
.select-atual {position:relative; color:#000; display:block; cursor:pointer; padding:16px;font-size:22px;}
.selectbox ul {background-color:#eee;border:1px solid #dbdbdb;z-index:1;width:95%;border-radius:5px; display:none; padding:10px 0;position:absolute;top:101%;left:2%;}
.selectbox li{font-family:Helvetica, sans-serif;font-size:20px; cursor:pointer; display:block; padding:5px 6px; }
.selectbox li:hover{background-color:#749DC8;color:#fff}

.box_dicas{position:relative;overflow:hidden;}
.box_dicas .box{display:none;}
.box_dicas .box:first-child{display:block;}
p.dificuldade{text-align:center;font-size:15px;;margin:0 auto 2%;display:none;}
p.dificuldade span{display:inline-block;background-image:url(../img/check-manchas.png);background-position:-27px 0;background-repeat:no-repeat;width:24px;height:24px;margin:0 1px;position:relative;top:5px;}
p.dificuldade span.on{background-position:0 0;}
.box_materiais, .box_modo{vertical-align:top;background-color:#eef7fc;box-sizing:border-box;padding:5%;width:30%;}
.box_modo{width:65%;}
.cellspacer{width:5%;}
h4{font-size:35px;color:#4d86bc;line-height:35px;letter-spacing:-2.5px}
h5{font-family:Helvetica,sans-serif;font-size:16px;display:inline-block;max-width:145px;padding-left:5px}
div.icon{display:table-cell;vertical-align:middle;width:41px;padding:5px 0}
div.icon img{width:100%;display:inline-block;}
.lista_materiais{margin-top:10%;display:table;}
.lista_materiais li{margin-bottom:5%;display:table-row;}
.lista_materiais li h5{display:table-cell;vertical-align:middle;}
.lista_materiais li:after {content: ""; display: table; clear: both; }
.content_txt p{margin:10px 0;font-size:14px;}

/*TEMP*/
#tirandomanchas .wrap_top{position:relative;}
#tirandomanchas .box_txt{float:none;width:40%;}
.img_manchas{margin:2% 0}
#tirandomanchas .box_txt p{padding-right:100px}
#tirandomanchas .box_img{position:absolute;top:0;right:4%;width:55%;}

/*end TEMP*/

/*CONTATO*/
#contact{position:relative;}
#contact h2{color:#fff}
#contact > .fp-tableCell{vertical-align:bottom}
.txt_contato{color:#fff;font-size:16px;margin:2% auto}
.shares{text-align:center;margin:46px 0}
.shares a{background-size:contain;display:inline-block;color:#fff;font-family:'Open Sans', sans-serif;font-size:45px;font-weight:800;text-decoration:none;padding:18px 0 18px 110px;margin:17px 2%}
.bt-fb{background:url(../img/ico-fb.png) left center no-repeat;}
.bt-ig{background:url(../img/ico-ig.png) left center no-repeat;}
.img_rosie{margin:0 auto;display:block;}

@media only screen and (max-height: 800px) {
	/*gerais*/
	#fullpage h2{font-size:25px;line-height:40px}
	#fullpage p{font-size:14px;margin:10px auto}
	
	/*header*/
	header{height:42px;top:20px}
	nav a{line-height:42px;width:200px;}
	a.logo{width:150px;}
	a.logo img{height:75px;top:-15px}
	header nav a:hover{background:url(../img/sprite-actives.png) center -117px repeat-x;}
	header.dark nav a:hover{background:url(../img/sprite-actives.png) center -64px repeat-x;}
	header.light nav a:hover{background:url(../img/sprite-actives.png) center -11px repeat-x;}

	/*familia de produtos*/
	.box_img{width:50%;}
	
	/*tripla açao*/
	#triplaacao{background-position:center center;}
	#triplaacao h2{width:95%;}
	#triplaacao p{margin:5px auto}
	#triplaacao h2, #triplaacao h3{font-size:35px;margin:8px 0}
	.ico-limpa{margin-bottom:25px;}
	.simbolo{margin-top:50px;}
	
	
	/*tira manchas*/
	#tirandomanchas h2{display:inline-block;width:70%;font-size:25px;}
	.selectbox{width:30%;float:right;}
	.select-atual{font-size:16px;}
	.selectbox li{font-size:16px;}
	.box_materiais, .box_modo{padding:3%}
	h4{font-size:25px;}

	#tirandomanchas .box_txt{float:none;width:50%;}

	/*contato*/
	.shares{text-align:center;margin:20px 0}
	.shares a{font-size:25px;padding:21px 0 21px 90px}
	.img_rosie{height:260px;}
}

@media only screen and (max-width: 768px) {
	.wrap_top{width:90%;margin:0 auto}

	/*header*/
	nav a{width:138px;font-size:11px;}
	a.logo{width:205px;}

	#home{background:url(../img/main-banner-768.jpg) #2482CC center bottom;background-size:cover;}

	/*tripla ação*/
	#triplaacao{background-position:-610px -60px;}
	#triplaacao h2{width:auto;}
	.simbolo{display:none;}
	.item{margin:10px auto}
	.item > div{float:none;}
	.box_txt{width:90%;margin:0 auto}
	.box_img{margin: 10px auto;width:70%;}
	.lista_triplaacao li{float:none;margin: 5px auto;max-width:90%}
	.icos{background-size:300% 100%;}
	.ico-mancha{background-position:50% 0}
	.ico-amacia{background-position:100% 0}

	/*TEMP*/
	#tirandomanchas .wrap_top{position:relative;}
	#tirandomanchas .box_txt{float:none;width:100%;}
	#tirandomanchas .box_txt p{padding:0;width:100%;text-align:justify;}
	#tirandomanchas .box_img{display:none;}

	/*end TEMP*/

	/*contato*/
	.shares a{font-size:35px;}
}

@media only screen and (max-width: 640px) {
	*{float:none;}
	#fullpage h2{font-size:25px;line-height:26px}
	#fullpage{width:100%;overflow-x:hidden;}
	section{padding:100px 0}
	header{top:0;background:url(../img/logo-brilux.png) #354f96 10px center no-repeat;background-size:contain;}
	.menu_mobile{display:block;}
	nav{width:100%;height:100%;position:fixed;top:0;left:100%;background-color:#354f96;transition:left 200ms linear;}
	nav.open{left:0;}
	header nav a{border-left:none;border-right:none;background-image:none} 
	header.dark nav a{border-left:none;border-right:none;background-image:none} 
	header.light nav a{border-left:none;border-right:none;background-image:none} 
	header nav a:hover{background-image:none;}
	header.light nav a:hover{background-image:none;}
	header.dark nav a:hover{background-image:none;}
	body header nav a{width:100%;height:25%;border-bottom:1px solid #fff;border-left:none;border-right:none;float:none;display:block;line-height:130px;font-size:14px;}
	.logo{display:none;}

	#home{background:url(../img/main-banner-360.jpg) #2482CC center bottom;background-size:cover;}

	/*produtos*/
	#familiadeprodutos{padding:10px 0}
	/*.fp-slides{overflow-y:visible;}*/
	.fp-tableCell{height:auto !important;}
	.lista_triplaacao{text-align:center;}
	.item .box_txt{display:block;}
	.item .box_txt h2{font-size:25px;line-height:26px}
	/*.item .box_img span{display:block;font-family:'Open Sans'}*/
	.icos{width:60px;height:60px;margin:0 auto;float:none;}
	li .wrap_txt{float:none;width:auto;}

	h4{font-size:20px;}
	#fullpage p.dificuldade{font-size:12px;}
	#triplaacao h2{float:none;}
	#tirandomanchas h2{display:block;width:100%;}
	.selectbox{float:none;width:90%;}

	/*footer*/
	.shares{text-align:left;}
	.shares a{font-size:22px;}
	#contact{padding-bottom:0}
}

@media only screen and (max-width: 320px) {
	#home{background:url(../img/main-banner-320.jpg) #2482CC center bottom;background-size:cover;}
}