@font-face {
    font-family: 'Gotham';
    src: url('../../rheem-brazil/fontes/gotham/gotham-bold-webfont.woff2') format('woff2'),
        url('../../rheem-brazil/fontes/gotham/gotham-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../rheem-brazil/fontes/gotham/gotham-black-webfont.woff2') format('woff2'),
        url('../../rheem-brazil/fontes/gotham/gotham-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../../rheem-brazil/fontes/gotham/gotham-book-webfont.woff2') format('woff2'),
        url('../../rheem-brazil/fontes/gotham/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../rheem-brazil/fontes/gotham/gotham-light-webfont.woff2') format('woff2'),
        url('../../rheem-brazil/fontes/gotham/gotham-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../rheem-brazil/fontes/gotham/gotham-medium-webfont.woff2') format('woff2'),
        url('../../rheem-brazil/fontes/gotham/gotham-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/*
1. - # RESET - (Reset de CSS)
1.1 - ## NAV -
1.1.1 - ### NAV MOBILE -
2. - # GLOBAL - (CSS Global do site, vai ser usado na maioria das páginas)
3. - # HEADER -
4. - # FOOTER -
*/

/*--------------------------------------------------------------
1. # RESET
--------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}

html{
	margin-top: 0px !important;
}

body {
overflow-x: hidden;
margin: 0px;
padding: 0px;
}

p {
line-height: 20px;
margin-top: 15px;
margin-bottom: 15px;
}

a {
text-decoration: none;
}

ul {
padding: 0;
}

ul, li {
list-style: none;
}


.assistive-text {
display: none;
}

/*--------------------------------------------------------------
1.1 ## NAV
--------------------------------------------------------------*/
.site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
}
.main-navigation {
background: #333333;
}
.main-navigation li {
margin-top: 24px;
font-size: 12px;
}
.main-navigation a {
color: #fff;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
}

/*--------------------------------------------------------------
1.1.1 ### NAV MOBILE
--------------------------------------------------------------*/

@media screen and (min-width: 600px) {
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: inline-block !important;
text-align: left;
width: 100%;
}
.main-navigation ul {
margin: 0;
text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
display: inline-block;
text-decoration: none;
}
.main-navigation li a {
border-bottom: 0;
color: #fff;
line-height: 3.692307692;
text-transform: uppercase;
white-space: nowrap;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
color: #4DA6FF;
}
.main-navigation li {
margin: 0 25px 0 0;
position: relative;
}
.main-navigation li ul {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation .focus > ul {
border-left: 0;
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
.main-navigation li ul li a {
background: #efefef;
border-bottom: 1px solid #ededed;
display: block;
font-size: 11px;
line-height: 2.181818182;
padding: 8px 10px;
width: 180px;
white-space: normal;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
background: #e3e3e3;
color: #444;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #4DA6FF;
font-weight: bold;
}
.menu-toggle {
display: none;
}
}
/*--------------------------------------------------------------
# GLOBAL CSS
--------------------------------------------------------------*/

.col10 {
width: 10%;
}

.col15 {
width: 15%;
}

.col20 {
width: 20%;
}

.col30 {
width: 30%;
}

.col33 {
width: 33.33%;
}

.col40 {
width: 40%;
}

.col50 {
width: 50%;
}

.col55 {
width: 55%;
}

.col60 {
width: 60%;
}

.col65 {
width: 65%;
}

.col70 {
width: 70%;
}
.col80 {
width: 80%;
}

.col90 {
width: 90%;
}

.col100 {
width: 100%;
}

.left {
float: left;
}

.right {
float: right;
}

.clearfix {
clear: both;
}

.m-auto {
margin: auto;
}

.lock {
width: 1020px;
margin: auto;
}

.space {
height: 50px;
}

.t-right {
text-align: right;
}

.t-left {
text-align: left;
}

.t-center {
text-align: center;
}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
header{
	background: url('../../rheem-brazil/images/lp/bg-header.jpg') no-repeat;
	height: 855px;
	background-size: cover;
	padding: 50px;
	margin: 0;
}
.infos-banner h1{
	font-family: 'Gotham';
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	font-size: 40px;
	color: white;
	background: #e62a44;
	display: inline-block;
	padding: 0 0 0 35px;
	margin-top: 95px;
	position: relative;
	line-height: 60px;
}
.infos-banner h1:before{
	content: "";
    background: #e62a44;
    float: right;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.infos-banner h1:after{
content: "";
    width: 0;
    height: 0;
    top: 0;
    position: absolute;
    border-top: 60px solid transparent;
    border-left: 43px solid #e62a44;
    right: -43px;
}
.infos-banner h2{
	text-transform: uppercase;
	color: #e62a44;
	font-family: 'Gotham';
	font-weight: bold;
	font-style: normal;
	font-size: 25px;
	padding-left: 35px;
}
.infos-banner span{
	font-size: 16px;
	color: #e62a44;
	font-family: 'Gotham';
	padding-left: 35px;
	display: block;
}
.logo img{
	display: block;
	padding-left: 115px;
}
.formulario{
	background: #ffffff94;
	padding: 35px;
	text-align: center;
	border-radius: 15px;
}
.formulario input{
	width: 100%;
	border: 1px solid #c7c7c7;
	background: white;
	font-size: 13px;
	text-transform: uppercase;
	color: #9e9e9e;
	padding: 10px;
	margin-bottom: 8px;
	border-radius: 0;
}

.formulario textarea{
	width: 100%;
	border: 1px solid #c7c7c7;
	background: white;
	font-size: 13px;
	text-transform: uppercase;
	color: #9e9e9e;
	padding: 10px;
	margin-bottom: 8px;
	border-radius: 0;
}

.formulario h3 {
	color: #6db85f;
	text-transform: uppercase;
	font-family: 'Gotham';
    font-weight: 800;
    font-style: normal;
	font-size: 28px;
}
.formulario input[type="submit"]{
	width: 100%;
	background: #6fc3bb;
	border: 0;
	color: white;
	font-family: 'Gotham';
    font-weight: 600;
	cursor: pointer;
	font-size: 16px;
	border-radius: 0;
}
.formulario input[type="submit"]:hover{
	background: #6db85f;
}
/*--------------------------------------------------------------
# CORPO
--------------------------------------------------------------*/
.verde {
	background: #acd18d;
	padding: 40px 15px;
}
.verde:before{
	content: "";
    background: #acd18d;
    float: right;
    height: 100%;
    left: -500%;
    position: absolute;
    top: 0;
    width: 500%;
}
.verde02{
	background: #6ec3ba;
	padding: 40px 15px;
}
.verde02:after{
	content: "";
    background: #6ec3ba;
    float: left;
    height: 100%;
    right: -499%;
    position: absolute;
    top: 0;
    width: 500%;
}



.verde02 .bx-wrapper{
	background: none;
	border: none;
	box-shadow: none;
}


.verde02 .bx-wrapper .bx-controls .bx-controls-direction {
	position: absolute;
    right: 0px;
    bottom: -40px;
}

.verde02 .bx-wrapper .bx-prev,
.cinza .bx-wrapper .bx-prev {
    left: -90px;
    right: 0;
    background: url(../images/lp/controls.png) no-repeat 0 -32px;
}
.verde02 .bx-wrapper .bx-next,
.cinza .bx-wrapper .bx-next {
	background: url(../images/lp/controls.png) no-repeat -43px -32px;
}

.cinza{
	background: #f0f0f0;
	padding: 40px 0 0 0;
}
.slider2 .cinza{
	padding: 0;
}
.texto_slider {
    padding: 50px;
}

.cinza:after{
	content: "";
    background: #f0f0f0;
    float: left;
    height: 100%;
    right: -499%;
    position: absolute;
    top: 0;
    width: 500%;
}

.cinza h2{
	color: #6fc3bb;
	font-family: 'Gotham';
    font-weight: 800;
	font-size: 30px;
	text-transform: uppercase;	
}

.cinza p{
	font-family: 'Gotham';
	color: #000000;

}


.cinza .bx-wrapper{
	background: none;
	border: none;
	box-shadow: none;
}


.cinza .bx-wrapper .bx-controls .bx-controls-direction {
	position: absolute;
    right: 0;
    bottom: 0;
}


.slider2{
	padding: 40px 0;
}



.slider2 .cinza .foto_slider img{
	box-shadow: 7px 2px 50px 6px #ccc;
}

.slider2 .cinza .texto_slider h3{
	color: #6fc3bb;
	font-family: 'Gotham';
    font-weight: 800;
    font-size: 32px;
    padding: 10px 0;
    /*background: #fff;*/
	text-transform: uppercase;	
}

.beneficios h2{
	color: white;
	font-family: 'Gotham';
    font-weight: 800;
	font-size: 30px;
	text-transform: uppercase;	
}
.beneficios span a{
	color: white;
	font-family: 'Gotham';
    font-weight: 800;
	font-size: 30px;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 30px;
}
.beneficios span a:hover{
	color: #e62a44;
}
.beneficios h3{
	text-transform: uppercase;
    color: #18897e;
    font-family: 'Gotham';
    font-weight: 800;
    font-size: 24px;
    padding: 10px 0;
    background: #fff;
    text-align: center;
}

.beneficios p{
	color: #fff;
	padding: 5px 0;
}

.verde2 img{
	padding-top: 20px;
}
.icones ul li span{
	text-transform: uppercase;
	color: #6db85f;
	font-family: 'Gotham';
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
}
.icones ul li span p, .icones ul li span h3, .icones ul li span h3 p{
	line-height: 1;
}
.icones ul li{
	display: -webkit-box;
	margin-bottom: 20px;
}
.icones ul li img{
	margin-right: 15px;
}
.icones ul li span h3{
	font-size: 28px;
	color: #37802a;
	font-weight: 800;
	font-family: 'Gotham';
}
.icones ul li h5{
	font-size: 10px;
	text-transform: none;
	color: #131313;
}
.icones{
	margin-top: 40px;
}

.icones h2{
	font-size: 45px;
    color: #37802a;
    font-weight: 800;
    font-family: 'Gotham';
    width: 100%;
    text-align: center;
    padding: 0 0 40px 0;
}

.banner_meio{
	min-height: 425px;
    padding: 100px 0;
    text-align: center;
    background-size: cover;

}

.banner_meio h2{
	font-family: 'Gotham';
    color: #fff;
    font-size: 23px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.banner_meio .selo{
	text-align: right;
	
}

.solicite_seu_orcamento{
	padding: 40px 0;

}

.solicite_seu_orcamento h2{

	font-size: 32px;
    color: #37802a;
    font-weight: 800;
    font-family: 'Gotham';
    width: 100%;
	text-align: center;
	text-transform: uppercase;

}

.perguntas_frequentes{
	padding: 40px 0;

}


.perguntas_frequentes h2{

	font-size: 32px;
    color: #37802a;
    font-weight: 800;
    font-family: 'Gotham';
    width: 100%;
	text-align: center;
	text-transform: uppercase;

}


.faq{
	padding: 40px 0;
}

.faq h2{
	color: #077cbf;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
}


.ui-accordion .ui-accordion-header{
	width: 100%;
    background: #f4f4f4;
    border: none;
    outline: none;
    padding: 15px 15px !important;
	text-transform: uppercase;
	font-size: 16px !important;
}

.ui-state-active{
	background: #e4e4e4 !important;
	border-bottom: 2px #37802a solid !important;
	color: #797979 !important;
}
.ui-state-active .ui-icon{
	background-image: url(images/less_03.png) !important;
}

.ui-icon{
	background-image: url(images/more.png) !important;
}

.ui-icon {
    width: 25px !important;
   
}

.ui-icon-triangle-1-e {
    background-position: 0px 0px !important;
}

.ui-icon-triangle-1-s {
	background-position: 0px 0px !important;	
}

.logos h2{
	font-size: 26px;
    color: #e62a44;
    font-weight: 800;
    font-family: 'Gotham';
    width: 100%;
	text-align: center;
	text-transform: uppercase;
}

.logos .marca {
	background: #fff;
    text-align: center;
    box-shadow: 7px 2px 50px 6px #ccc;
    width: 100%;
    padding: 30px 0;
}

.logos .logo2{
	padding: 40px 0;
}

.logos .logo2 .marca {
	background: #fff;
    text-align: center;
    box-shadow: 7px 2px 50px 6px #ccc;
    width: 100%;
    padding: 30px 0;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer{
	background: url(''../../rheem-brazil/images/lp/bg-footer.png') no-repeat;
	height: 365px;
	background-size: cover;
}
.infos-footer h4{
	text-transform: uppercase;
	color: white;
	font-size: 30px;
	font-weight: 800;
	font-family: 'Gotham';
	padding-top: 90px;
}
.infos-footer i{
	font-size: 42px;
	color: white;
	padding: 10px;
}
.infos-footer i:hover{
	color: #e62a44;
}
.infos-redes{
	display: flex;
    align-items: center;
    justify-content: center;
	padding-top: 25px;
}
.tel-lateral a{
	width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #e62a44;
    color: #fff;
    border-radius: 120px;
    font-size: 17px;
    position: fixed;
    top: 365px;
    margin-top: -25px;
    right: 20px;
    z-index: 2;
}
/*--------------------------------------------------------------
# RESPONSIVO
--------------------------------------------------------------*/
@media only screen and (max-device-width: 1024px){
	.logos .logo2 .marca img, .foto_slider img{
		width: 100%;
		height: auto;
	}
	/*.cinza .bx-wrapper .bx-controls .bx-controls-direction {
		position: unset;
		left: 0;
		bottom: 0px;
	}*/
	.cinza:after{
		display: none;
	}
	.banner_meio .selo{
		text-align: center;
	}
	.verde02:after, .verde:before, .infos-banner h1:before, .infos-banner h1:after{
		display: none;
	}
	footer{
		background: #6ec3ba;
		width: 100%;
    	height: auto;
	}
	header{
		height: auto;
		padding: 15px;
		margin: 0;
	}
	.icones ul li{
		display: block;
		text-align: center;
	}
	.logo img{
		margin: 0 auto;
	}
	.infos-banner{
		text-align: center;
	}
	.formulario{
		background: #ffffffd9;
	}
	.formulario h3{
		font-size: 20px;
	}
	.infos-banner h1{
		padding: 30px;
	}
	.logo img{
	padding-left: 0;
	}
	html{
		overflow-x: hidden;
	}
	.cinza .bx-wrapper .bx-prev{
		left: -100px;
	}
	.cinza .bx-wrapper .bx-next{
		right: 25px;
	}
	.tel-lateral a{
		bottom: 65px;
		top: auto;
	}
	.page-template-page-aquecedor-solar .whatsapp{
		bottom: 10px;
		top: auto;
		left: auto;
		right: 19px;
	}
}