/*
	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}
header,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 */


/*FONT FACE*/
@font-face {font-family: 'helvlightregular'; src: url('../fonts/helvlig-webfont.eot'); src: url('../fonts/helvlig-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helvlig-webfont.woff2') format('woff2'), url('../fonts/helvlig-webfont.woff') format('woff'), url('../fonts/helvlig-webfont.ttf') format('truetype'), url('../fonts/helvlig-webfont.svg#helvlightregular') format('svg'); font-weight: normal; font-style: normal; }

/*GERAIS*/
strong{font-weight:bold;}
a{text-decoration:none;color:inherit;}
a:hover, a.active{text-decoration:underline;}
body{font-family:Helvetica, sans-serif;font-size: 62.5%;overflow-x:hidden;}
/*section{padding-top:200px}*/
.content{max-width:960px;margin:0 auto;position:relative;}
.img_wrap > img{width:100%;display:block;}
h2{font-size:4em;font-weight:bold;line-height:40px}
h3{font-size:1.8em;font-family:'helvlightregular';line-height:27px;}
p,li, input[type=text], textarea{font-family:'helvlightregular';}
.logo_brilux{position:absolute;bottom:0;right:0;z-index:2}

.content{height:calc(100% - 200px);}
.fp-tableCell{vertical-align:bottom;}
.wrap_txt{float:left;}

/*HEADER*/
header{position:fixed;width:100%;color:#376167;font-size:1.6em;height:100px;margin-top:64px;z-index:9}
.logo{background-image:url(../img/sprite-washzap.png);background-repeat:no-repeat;display:inline-block;width:341px;height:100px;transition:all 100ms linear;text-indent:-99em;}
header.light .logo{background-position:0 -100px;}
header.light {color:#10cfdb}
header.light nav a:hover, header.light nav a.active{color:#FF6048}
header.dark .logo{background-position:0 -200px;}
header.dark {color:#fff}
header.dark nav a:hover, header.dark nav a.active{color:#10cfdb}
nav a{padding:0 20px;line-height:7.5em;font-weight:bold;}
nav a:hover{color:#fff}
a.menu_duvidas{border-left:2px solid #fff;border-right:2px solid #fff}
header.light a.menu_duvidas{border-left:2px solid #FF6048;border-right:2px solid #FF6048}
img.logo_washzap{display:none;}

/*HOME*/
#home .img_wrap{width:80%;position:absolute;bottom:0;right:-10%}
h1{font-size:4.8em;color:#376167;width:50%;font-weight:bold;line-height:47px;}
#home h3{width:30%;color:#fff;margin:14px 0;line-height:30px}
.bt-googleplay{position:absolute;bottom:4%;left:0}
#home .fp-tableCell{vertical-align:bottom;}
#subsection{display:none;background-color:#FF6048;padding:20px 0;text-align:center;}
#subsection h4{color:#fff;font-size:1.9em;}

/*O-APLICATIVO*/
#oaplicativo h2{color:#FF6048;}
#oaplicativo h3{color:#10cfdb;margin:14px 0}
#oaplicativo .wrap_txt{width:35%;display:none;}
#oaplicativo .wrap_txt:first-child{display:block;}
.gallery{float:left;width:347px;height:638px;position:relative;}
.window{height:inherit;overflow:hidden;}
.gallery li{float:left;height:inherit;}
.gallery .phone{width:inherit;height:inherit;}
.mask{position:absolute;top:0;left:0}
.setas{background:url(../img/arrows.png) no-repeat;display:inline-block;width:20px;height:41px;position:absolute;top:50%;overflow:hidden;text-indent:-99em;}
.bt-prev{left:-25px;}
.bt-next{right:-25px;background-position:0 -41px;}




/*DUVIDAS*/
#duvidas h2{color:#fff;width:100%;text-align:center;}
.selectbox{width:85%;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:21px;}
.selectbox ul {background-color:#eee;border:1px solid #dbdbdb;z-index:3;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:18px; cursor:pointer; display:block; padding:5px 6px; }
.selectbox li:hover{background-color:#749DC8;color:#fff}

.box_dicas{position:relative;overflow:hidden;height:inherit;}
.box_dicas .box{display:none;height:90%;}
.box_dicas .box:first-child{display:block;}
.txt_dica{background-color:#de4631;box-sizing:border-box;padding:5%;height:inherit;}
.txt_dica p{color:#fff;font-size:1.6em;line-height:30px;}


/*CONTATO*/
#contact h2{color:#FF6048;}
#contact h3{color:#10cfdb;margin:14px 0}
#contact .wrap_txt{width:35%;}
#form_contact{width:60%;height:60%;float:right;}
input{border:none;background-color:#75ceda;color:#fff;font-style:italic;font-size:1.9em;box-sizing:border-box;width:100%;padding:16px 25px;margin-bottom:2%}
textarea{height:90%;border:none;background-color:#f2f2f2;color:#75ceda;font-style:italic;font-size:1.9em;box-sizing:border-box;width:100%;padding:16px 25px;margin-bottom:2%;resize:none;}
#bt_enviar{background-color:#FF6048;text-transform:uppercase;font-style:normal;font-weight:bold;max-width:230px}
.erro{box-shadow:0 0 4px #f00;color:#f00}

@media only screen and (max-height: 791px) {
	header{margin-top:10px;}
	.content{height:calc(100% - 110px);}
	h1{width:40%;}
	h1,h2{font-size:3.8em;padding-top:25px;line-height:normal;}
	h3{font-size:1.6em;}
	#home h3{line-height:normal;}

	#home .img_wrap{width:55%;right:10%;}
	.bt-googleplay{bottom:2%}

	.gallery{width:264px;height:485px;margin:25px 0 0 70px;}
	.gallery img{max-height:100%}
	.txt_dica{overflow:auto;}
}

@media only screen and (max-width: 960px) {
	.content{padding:0 10px}
	.bt-googleplay{left:10px}
	#oaplicativo .wrap_txt{width:43%;}
}

@media only screen and (max-width: 640px) {
	/*gerais*/
	*{float:none;}
	section, .fp-tableCell{height:auto !important;}
	body #fullpage .wrap_txt{width:100%;float:none;}	
	h1,h2,h3{width:100%;text-align:center;}
	header, #home{background-color:#09CFDB;}

	/*header*/
	header{position:static;margin:0;height:auto;padding-top:70px}
	#menu a{display:none;}
	header .img_wrap{margin:0 auto;width:244px;}
	img.logo_washzap{display:block;width:100%;padding-top:5px;padding-bottom:0;margin:0;line-height:0}

	/*home*/
	#home{margin:0;padding:0;}
	#home h1, #home h3{width:100%;}
	#home h1{font-size:2.6em;margin:0 auto;padding-top:10px}
	#home h3{display:none;}
	/*.bt-googleplay, .logo_brilux{position:static;margin:5px auto;display:block;text-align:center;}*/
	.bt-googleplay, .logo_brilux{display:none;}
	#home .img_wrap{position:static;width:100%;margin:2px auto 0;display:block;}
	#home .logo_brilux{width:71px;position:absolute;top:-130px;left:50%;margin-left:-25px;display:block;}
	#subsection{display:block;}
	#subsection span{font-size:12px;color:#fff;text-align:center;margin-top:25px;display:inline-block;}
	#subsection .bt-googleplay{display:block;position:static;margin:5px auto 25px}

	/*o aplicativo*/
	#oaplicativo{padding-bottom:15px;min-height:480px;}
	#oaplicativo h2{font-size:2.3em}
	#oaplicativo h3{line-height:20px}
	#oaplicativo .content{padding-top:292px}
	.gallery{position:absolute;top:5px;left:80px;width:160px;height:296px;margin:0;}

	/*duvidas*/
	#duvidas{background-color:#e0604b;padding:10px 0}
	.selectbox{width:100%;}
	.select-atual{font-size:1.8em;}
	.selectbox ul{overflow:auto;max-height:130px}
	.selectbox ul{font-size:1.6em;}

	/*contato*/
	#form_contact, #bt_enviar{width:100%;float:none;max-width:100%}
	textarea{height:130px;font-size:1.6em;}
	input{font-size:1.6em;}
}

@media only screen and (max-width: 320px) {
	
}