@font-face {
	font-family: 'Aparaj';
	src: url('../fonts/aparaj-webfont.woff2') format('woff2'),
	url('../fonts/aparaj-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@import url('https://fonts.googleapis.com/css?family=Maven+Pro');
@import url('https://fonts.googleapis.com/css?family=PT+Serif');

/* Barra Lateral */
::-webkit-scrollbar {width: 16px;background: #090909;}
/* Pista */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/* Alça */
::-webkit-scrollbar-thumb {background: #9c1b1b; border-radius: 2px;}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(100, 100, 100, 0.4); }

body{
	font-family: 'Aparaj', sans-serif;
}
section{
	padding:100px 0 50px;
	overflow:visible;
}
h1,h2,h3,h4,h5,h6{
	color: #202020;
	-webkit-font-smoothing:antialiased !important;
}
a:hover, a:focus{
	outline:none;
	text-decoration:none;
	color: #9c1b1b;
}
p,#working .tooltip-inner{
	color: #4c4c4c;
	font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
	line-height:25px;
	-webkit-font-smoothing:antialiased !important;
}
section.color{
	background:#F2F2F2;
}
.color-white-text{
	color: #fff;
}
.container{
	max-width:1170px;
	width:100%;
}
.title{
	text-align:center;
	margin-bottom:80px;
}
.title h1{
    font-size: 36px;
    font-weight: 700;
	margin:0 0 15px;
}
.title h2{
	font-size: 36px;
    font-weight: 300;
	margin:0 0 5px;
}
.title p{
    font-weight: 400;
    letter-spacing: 1px;
	margin:0;
	font-size:14px;
	line-height:27px;
}
.title.white h1,.title.white h2,.title.white p{
	color:#fff;
}
.img-responsive,.thumbnail > img{
	width:100%;
}
.btn{
	border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
	border:1px solid #fff;
	padding: 10px 25px;
	color:#fff;
	text-transform:uppercase;
}
.btn:hover, .btn:focus, .btn.focus{
	color:#fff;
	background:transparent;
}
.animated {
	visibility:hidden; 
}
.visible {
	visibility:visible;
}

/*---------------Common Styles---------------------*/
/*---------------Page Loader---------------------*/

#pageloader {
    background-color:#F2F2F2;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
} 
.loader-item {
    background:url(../images/loader.GIF) no-repeat;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
}
.loader-item h2 {
    color: #CCCCCC;
    font-size: 20px;
    margin: 0 auto;
}
.colored-border {
    border-color: #3498db;
}
/* =================================================================== 
						NAVIGATION MENU	
======================================================================*/
.navbar-default{
	border-color: transparent;
	margin-bottom:0;
	z-index: 9999;
	float: left;
}

.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
	color: #ffffff;

	padding: 25px 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background:transparent;
}

.navbar-default .navbar-nav > li {
	margin-left: 45px ;
	margin-right: 45px ;
}

.navbar-default .navbar-nav > li > a{
	color: #cacaca;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
	padding-bottom: 25px;
    padding-top: 25px;
	line-height: 30px;
	outline:none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color:#fff;
	letter-spacing: 1px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background:#202020;
}
.navbar-toggle{
	position:absolute;
	top:15px;
	right:0;
	border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
}

.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
}

.nav > li {

	margin-top: 50px;
}

/* =================================================================== 
						HOME SECTION
======================================================================*/
.home-section{
	background:url(../images/bg/fundo-home.jpg) no-repeat center 100%;
	position:relative;
}

.home{margin-top: 300px; padding-bottom: 145px;}
.img-gas{float: right; max-width: 100%;	height: auto; }
.img-sem{float: left;     max-width: 100%;	height: auto;}
.title{font-size: 50px; text-align: center; color: white; padding: 160px 0; letter-spacing: 4px; }
.slogan {font-size: 32px; text-align: center; color: white; letter-spacing: 8px;}

/* ===================================================================
						DIAMOND SECTION
======================================================================*/
.diamond-section{
	background:url(../images/bg/fundo-b.jpg) no-repeat center 100%;
	position:relative;
	padding: 300px 0;
}

.title-diamond {font-size: 42px; text-align: center; color: white; letter-spacing: 8px; padding-bottom: 70px;}
.text-diamond{ max-width: 720px; padding: 0 15px; text-align: justify; color: white; font-size: 20px; margin: 0 auto; text-transform: uppercase; letter-spacing: 3px; line-height: 24px;}


/* ===================================================================
						PRODUTOS - ONDE ENCONTRAR SECTION
======================================================================*/
.padding-block{ padding: 0 10%}

.produtos-section{
	background:url(../images/bg/fundo-c.jpg) no-repeat center 100%;
	position:relative;
	padding: 70px 0 0 0;
	border-top: 2px solid #c40a21;
}

.title-produto {font-size: 42px; text-align: center; color: white; letter-spacing: 8px; padding-bottom: 60px;}

.red-diamond{border: 1px solid #7d1611; border-radius: 10px; margin-top: 140px; padding: 60px }
.red-diamond strong {font-size: 43px; color: #ffffff; font-weight: normal; display: block}
.red-diamond span {font-size: 27px; line-height: 35px; padding-top: 10px; padding-bottom: 140px; color: #ffffff; font-weight: 100; display: block; font-family: 'PT Serif', serif; font-style: italic; max-width: 350px}
.produto-gas {position: absolute; top: 0; right: 40px; float: right; }


.white-diamond{border: 1px solid #7d1611; border-radius: 10px; margin-top: 140px; padding: 60px }
.white-diamond strong {font-size: 43px; margin-left: 210px; color: #ffffff; font-weight: normal; display: block}
.white-diamond span {font-size: 27px; margin-left: 210px; line-height: 35px; padding-bottom: 105px; padding-top: 10px; color: #ffffff; font-weight: 100; display: block; font-family: 'PT Serif', serif; font-style: italic; max-width: 350px}

.produto-semgas {position: absolute; top: 0; left: 40px ; margin-bottom: 40px; float: left;}

.title-onde-encontrar {font-size: 42px; text-align: center; color: white; letter-spacing: 8px; margin-top: 330px; margin-bottom: 120px}
.text-encontrar{ color: white; font-weight: 100; font-size: 33px; line-height: 36px; padding-bottom: 156px}

/* ===================================================================
						news
======================================================================*/

main span{  color: #b8b8b8; font-size: 20px; line-height: 24px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0}
main form{ margin-top: 6px;}
main form label, footer form label{ color: #ffffff; font-size: 23px; letter-spacing: 1px; font-weight: 100; padding-right: 5px; }

.form-control{ color: #ffffff; font-size: 18px; letter-spacing: 1px; background: #000000; border: 1px solid white; border-radius: 0; width: 100%;  }

#newsform .btn{
	font-size:19px;
	padding: 0px 20px;
	text-transform:none;
}

#newsform .btn{
	font-size:18px;
	padding: 0px 20px;
	text-transform:none;
}


/* =================================================================== 
						FOOTER
======================================================================*/

footer span{  color: #b8b8b8; font-size: 15px; line-height: 24px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0}
footer a {color: #b8b8b8; text-decoration: none;}
footer a span:hover {color: #a1170c; text-decoration: none;}

footer ul li{
	font-size: 24px;
	letter-spacing: 4px;
	color: white;
}

.has-error .form-control:focus,.has-error .form-control{
	border-color: #a94442;
}

#contact .btn{
	margin:25px 0 60px;
	float:right;
	background:transparent;
	font-weight:700;
	font-size:18px;
	padding: 10px 80px;
	text-transform:none;
}

.message-box i{
	padding-right:37px;
}

.form-message , .form-message2 {
	color: white;
	font-family: 'Maven Pro', sans-serif;
}
.form-msg{
	background-color: #3b5a3b;
	padding: 14px;
}

.form-msg-error{
	background-color: red;
	padding: 14px;
}

/* ===================================================================
						Beneficios SECTION
======================================================================*/
.beneficios-section{
	background:url(../images/bg/fundo-beneficios.jpg) no-repeat center bottom  #000000;
	position:relative;
}

.beneficios-section h1{
	font-size: 86px;
	letter-spacing: 4px;
	margin-bottom: 80px;
	color: #ffffff;
}

.block-info{
	max-width: 530px;
	margin: 0 auto;
	padding-bottom: 180px;
}

.beneficios-section p , .beneficios-section ul li {
	font-family: 'Maven Pro', sans-serif;
	color: #afafaf;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
}

.info-beneficios{
	width: 180px;
	display: inline-block;
	text-align: center;
	border: solid 1px #FFFFFF;
	padding: 16px;
	border-radius: 4px;
	margin: 25px 0;
	position: relative;
}
.texto-beneficios-1{
	font-size: 24px;
	color: #ffffff;
	letter-spacing: 3px;

}
.texto-beneficios-2{
	font-size: 18px;
	color: #A08653;
}

.img-beneficios{
	display: inline-block;
	position: relative;
	margin: 25px 15px 25px 0;
}

.botao-voltar{
	background-color: #000000;
	text-transform: uppercase;
	border: solid 1px #FFFFFF;
	padding: 10px;
	border-radius: 4px;
	color: #afafaf;
	position: relative;
	top: 40px;
	font-size: 20px;
	font-family: 'Maven Pro', sans-serif;
}

.botao-voltar:hover{
	background-color: #9c1b1b;
	color: white;
}

.beneficios-section hr , .faq-section hr{
	display: block;
	position: relative;
	top: 60px;
}

.padding{margin-top: 300px;}

/* ===================================================================
						FAQ SECTION
======================================================================*/

.faq-section{
	background:url(../images/bg/fundo-faq.jpg) no-repeat center 100% #000000;
	position:relative;
}

.faq-section p{
	font-family: 'Maven Pro', sans-serif;
	color: #afafaf;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
	margin-bottom: 30px;
}

.faq-section span{
	font-family: 'Maven Pro', sans-serif;
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
}

.faq-section h1{
	font-size: 86px;
	letter-spacing: 4px;
	margin-bottom: 80px;
	color: #ffffff;
}