 /* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,i

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

    margin: 0 0 20px;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/********************************************************

						GERAL

 ********************************************************/

.error{

	border:1px solid red !important;	

}



.error::-webkit-input-placeholder {

    color:red !important;

}

a,

a:visited,

a:link,

a:hover{

	outline: none;

    cursor: pointer;

}

strong{

	font-weight: 800;

}

button {

    border: none;

    cursor: pointer;

}

hr{

    border: none;  

	background-color: #cccccc;

}

::selection {

    background: #189aae;

    color: #fff;

}

body {

    min-width: 1040px;

}

#content{

    order:2;

	padding: 0;

}

.widget {

    padding-bottom: 0!important;

}

.clear{

	clear: both;

}

.container{

	width: 1100px;

	height: 100%;

	position: relative;

	margin: 0 auto;

}

a { 

	outline: none!important;

}

html{

   scroll-behavior: smooth;

}



/*** Ordem Home ***/

#page{

    display: flex;

    flex-direction: column;

    display: -webkit-flex;

    -webkit-flex-direction: column;

}

#main{

	order: 2;

	display: flex;

    flex-direction: column;

    display: -webkit-flex;

    -webkit-flex-direction: column;

    background-color: #353a48;

}

#primary{

	order: 2;

}

/*** BOTÃO CONFIRA ***/

.btn-confira {

    background: linear-gradient(to top, rgba(92,190,77,1) 50%, rgba(116,200,104,1) 50%);

    color: #ffffff;

    font-size: 18px;

    text-decoration: none;

    text-transform: uppercase;

    font-weight: 500;

    padding: 8px 30px;

    display: block;

    width: 158px;

    height: 46px;

    text-align: center;

    letter-spacing: 0.02em;

    border: 1px solid #2673ae;

    transition: 0.3s;

}

.btn-confira:hover{

    background: linear-gradient(to top, rgba(92,190,77,1) 0%, rgba(116,200,104,1) 33%);

    transition: 0.3s;

	color: #fff;

}

/*** BOTÃO NEXT - PREV - SLICK ***/

.slick-next {

    background-image: url(http://www.oxsur.com.br/wp-content/themes/fabricante-de-oxigenio/oxigenio-liquido/gases-especiais-right.png);

    background-repeat: no-repeat;

    background-color: transparent;

    right: 20.9%;

	transition: .3s;

}

.slick-prev {

    background-image: url("http://www.oxsur.com.br/wp-content/themes/fabricante-de-oxigenio/oxigenio-liquido/gases-especiais-left.png");

    background-repeat: no-repeat;

    background-color: transparent;

    left: 22.3%;

    z-index: 9;

	transition: .3s;

}

.slick-next:hover,

.slick-next:focus{

    background-image: url(http://www.oxsur.com.br/wp-content/themes/fabricante-de-oxigenio/oxigenio-liquido/gases-especiais-right.png);

    background-repeat: no-repeat;

    background-color: transparent;

	opacity: .7;

	transition: .3s;

}

.slick-prev:hover,

.slick-prev:focus{

    background-image: url("http://www.oxsur.com.br/wp-content/themes/fabricante-de-oxigenio/oxigenio-liquido/gases-especiais-left.png");

    background-repeat: no-repeat;

    background-color: transparent;

	opacity: .7;

	transition: .3s;

}

.slick-dots {

    z-index: 9;

    bottom: 15px;

}

.slick-dots li button:before {

    font-size: 11px;

    color: #90919d;

}

.slick-dots li button {

    color: #90919d;

}

.slick-dots li.slick-active button:before {

    color: #9f96f1;

}

.slick-dots li {

    margin: 0 2px;

}

/**************TEXTO HOME******************/

.titulo{

    font-size: 46px;

    font-weight: 300;

    text-transform: uppercase;

    letter-spacing: 0.02em;

    font-family: 'Lato', sans-serif;

}

.texto{

    font-size: 21px;

    font-weight: 300;

    letter-spacing: 0.02em;

    line-height: 26px;

    margin: 14px 0 25px 0;

    font-family: 'Lato', sans-serif;

}

/********************************************************

					  HEADER

 ********************************************************/

.header{

	display: block;

	position: fixed;

	width: 100%;

	height: auto;

	background-color: #f4f4f4;

	order: 1;

	font-family: 'Lato', sans-serif;

}

.header .top{

	display: block;

	position: relative;

	width: 100%;

	height: auto;

	padding: 22px 0px 22px;

	background-color: #f4f4f4;

}

.header .top #logo {

    padding: 5px 34px 0px;

    float: left;

    height: auto;

}

.header .top #logo img{

	transition: .3s;

    width: 100%;

}

.header .top .contato .icone img {

    width: 15px;

    margin: 5px 11px 0 0;

}

.header .top .contato .numero {

    letter-spacing: 0.01em;

	box-shadow: none;

	font-family: 'Lato', sans-serif;

}

.header .top .dir {

    float: right;

    height: auto;

    padding: 0 18px;

}

.header .top .dir .contato {

    float: left;

    padding: 18px 29px 0px;

}

.header .top .dir .contato .telefone {

	display: flex;

    flex-direction: row;

    display: -webkit-flex;

    -webkit-flex-direction: row;

    font-size: 1.099em;

    font-weight: 900;

}

.header .top .dir .contato .telefone .ddd {

    font-size: 15px;

    font-weight: 500;

}

.header .top .dir .cotacao {

    float: right;

    width: 240px;

    height: 57px;

	position: relative;

    background-color: #5cbe4d;

    color: #fff;

    font-size: 0.96em;

    letter-spacing: 0.02em;

    font-weight: 600;

    text-transform: uppercase;

    box-sizing: border-box;

    transition: .3s;

}

.header .top .dir .cotacao:hover {

    background-color: #77d269;

	transition: .3s;

}

.header .top .dir .cotacao span {

    position: absolute;

    top: 17px;

    left: 22px;

}

.header .top .dir .cotacao img {

    position: absolute;

    top: 14px;

    right: 15px;

}

.header .bottom{

	display: block;

	position: relative;

	width: 100%;

	height: 49px;

	background-color: #130f49;

}

.header .bottom .btn-prod {

    float: left;

    background-color: #443d7c;

    text-transform: uppercase;

    color: #fff;

    height: 100%;

    width: 273px;

    margin-left: 33px;

    position: relative;

	transition: .3s;

}

.header .bottom .btn-prod:hover {

    background-color: #544c90;

	transition: .3s;

}

.header .bottom .btn-prod span {

    position: absolute;

    top: 10px;

    font-size: 1.18em;

    left: 70px;

}

.header .bottom .btn-prod img {

    position: absolute;

    right: 70px;

    top: 18px;

}

.header .bottom .menu {

    list-style: none;

    margin: 11px 2px 0px 0;

    float: right;

}

.header .bottom .menu li{

	float: left;

    margin: 0 26px;

}

.header .bottom .menu li a{

	color: #b9b8d0;

	font-size: 18px;

    letter-spacing: 0.02em;

	transition: .3s;

}

.header .bottom .menu li a:hover{

	color: #fff;

	transition: .3s;

}

.header .bottom .menu .destaque{

	text-transform: uppercase;

}

.header .bottom .buscar {

    float: right;

    position: relative;

    width: 240px;

    margin-right: 17px;

}

.header .bottom .buscar button {

    font-size: 20px;

    padding: 0;

    margin: 0;

    border-radius: 0;

    border: 0;

    color: #ffffff;

    position: absolute;

    top: 10px;

    right: 8px;

    z-index: 2;

    background: url(http://www.oxsur.com.br/wp-content/themes/fabricante-de-oxigenio/oxigenio-liquido/gases-especiais-lupa-search.png);

    background-size: 19px 19px;

    background-repeat: no-repeat;

    width: 19px;

    height: 19px;

    outline: none!important;

}

.header .bottom .input-texto-msearch {

    background: #0e0b35;

    color: #fff;

    border: none;

    padding: 7px 12px;

    box-sizing: border-box;

    margin-top: 6px;

	transition: .3s;

}

.header .bottom .input-texto-msearch::placeholder{

    color: #fff;

	font-size: 17.5px;

}

/**** HEADER FIXO ******/

.header-fixo{

	top: 0;

	position: fixed!important;

	z-index: 9999;

	width: 100%;

	height: auto;

	background-color: #f4f4f4;

	font-family: 'Lato', sans-serif;

}

.header-fixo .top{

	display: block;

	position: relative;

	width: 100%;

	height: auto;

	padding: 16px 0px;

	background-color: #f4f4f4;

}

.header-fixo .top #logo img {

    width: 58%;

	transition: .3s;

}

.header-fixo .top .contato .icone img {

    width: 15px;

    margin: 5px 11px 0 0;

}

.header-fixo .top .contato .numero {

    letter-spacing: 0.01em;

}

.header-fixo .top .dir .contato {

    float: left;

    padding: 10px 29px 0px;

}

.header-fixo .top .dir .contato .telefone {

	display: flex;

    flex-direction: row;

    display: -webkit-flex;

    -webkit-flex-direction: row;

    font-size: 1.099em;

    font-weight: 900;

}

.header-fixo .top .dir .contato .telefone .ddd {

    font-size: 15px;

    font-weight: 500;

}

.header-fixo .top .dir .cotacao {

    float: right;

    width: 240px;

    height: 44px;

	position: relative;

    background-color: #5cbe4d;

    color: #fff;

    font-size: 0.96em;

    letter-spacing: 0.02em;

    font-weight: 600;

    text-transform: uppercase;

    box-sizing: border-box;

    transition: .3s;

}

.header-fixo .top .dir .cotacao:hover {

    background-color: #77d269;

	transition: .3s;

}

.header-fixo .top .dir .cotacao span {

    position: absolute;

    top: 11px;

    left: 22px;

}

.header-fixo .top .dir .cotacao img {

    position: absolute;

    top: 8px;

    right: 15px;

}

/*

 * MENU PRODUTO

 */

#menu-linha-prod {

    width: 100%;

    background-color: #00000075;

    height: 990px;

    position: absolute;

    z-index: 3;

	display: none;

}

#menu-click {

    z-index: 3;

    width: 273px;

    margin-left: 33px;

    position: absolute;

    background-color: #443d7c;

    box-sizing: border-box;

}

#menu-click ul {

    margin-bottom: 0;

	list-style: none;

	cursor: pointer;

}

#menu-click ul li:hover{

	background-color: #585096;

}

#menu-click ul li a{

    font-size: 16px;

    padding: 11px 20px;

    font-weight: normal;

    text-transform: none;

    color: #fff;

    width: 100%;

    display: block;

    font-weight: 600;

    border: none;

    font-family: 'Lato', sans-serif;

}

#menu-click .btn-linha-completa {

    font-weight: 500;

    float: right;

    background-color: #ec6422;

    font-size: 17px;

    margin-top: 45px;

    color: #fff;

    letter-spacing: 0.03em;

    transition: .3s;

    padding: 13px 37px;

}

#menu-click .btn-linha-completa:hover {

    background-color: #f6bb5e;

    transition: .3s;



}

/********************************************************

					  BANNER

 ********************************************************/

#banner{

	display: block;

	position: relative;

	width: 100%;

	height: 640px;

	background-color: #130f49;

	order: 1;

    margin-top: 150px;

}

#banner .top{

	display: block;

	position: relative;

	width: 100%;

	height: 550px;

	background-color: #353a48;

    font-family: 'Lato', sans-serif;

	margin: 0;

}

#banner .bottom{

	display: flex;

	align-items: center;

	justify-content: center;

    -webkit-align-items: center;

    -webkit-justify-content: center;

	position: relative;

	width: 100%;

	height: 90px;

	background-color: #130f49;

}

#banner .bottom img {

    margin: 0 15px;

}

#banner .bottom p {

    text-transform: uppercase;

    margin: 0;

    color: #fff;

    font-size: 1.79em;

    letter-spacing: 0.068em;

    font-weight: 300;

    font-family: 'Lato', sans-serif;

}

#banner .bottom span {

    font-weight: 600;

    color: #9f96f1;

}

#banner .top .slides {

	height: 100%;

	position: relative;

}

#banner .top .slide-slideshow {

	height: 550px;

}

#banner .top .esq {

    float: left;

    width: 50%;

    height: 100%;

}

#banner .top .esq p {

    margin: 0;

    color: #fff;

    text-transform: uppercase;

    font-size: 46px;

    font-weight: 600;

    line-height: 56px;

    letter-spacing: 0.025em;

    margin: 142px 0 0 60px;

}

#banner .top .esq .btn-confira {

    margin: 42px 0 0 61px;

}

#banner .top .dir {

	float: right;

    width: 50%;

    height: 100%;

}

#banner .top .dir img {

    margin: 33px 0 0 66px;

}

/********************************************************

				    SOBRE - HOME

 ********************************************************/

#bloco-1{

	display: block;

	position: relative;

	width: 100%;

	height: auto;

	background: rgb(240,242,243);

	background: linear-gradient(90deg, rgba(240,242,243,1) 34.6%, rgba(255,255,255,1) 33.7%);

	order: 2;

}

#bloco-1 .esq{

	float: left;

    width: 50.8%;

}

#bloco-1 .esq img {

    float: right;

    padding: 58px 0px 59px;

}

#bloco-1 .dir{

    float: left;

    width: 528px;

    padding: 47px 0 0 25px;

}

#bloco-1 .btn-confira {

    margin-top: 30px;

}

#bloco-1 .texto,#bloco-1 .titulo {

	color: #000;

}

#bloco-1 #sobre-home {

    display: block;

    position: relative;

    top: -185px;

    visibility: hidden;

}

/********************************************************

				   GASES - HOME

 ********************************************************/

#bloco-2{

	display: flex;

    flex-direction: row;

    display: -webkit-flex;

    -webkit-flex-direction: row;

	position: relative;

	width: 100%;

	height: auto;

	background-color: #130f49;

	order: 3;

}

#bloco-2 .esq{

    width: 50.45%;

    padding: 42px 19px 61px 33px;

}



#bloco-2 .esq .conteudo {

    float: right;

    width: 508px;

}

#bloco-2 .titulo {

	color: #5cbe4d;

}

#bloco-2 .texto{

	color: #fff;

}

#bloco-2 .btn-confira {

    margin-top: 31px;

}

#bloco-2 .dir{

    background-repeat: no-repeat;

    background-size: cover;

    height: 522px;

    width: 49.4%;

}

#bloco-2 #gasesAr-home {

    display: block;

    position: relative;

    top: -185px;

    visibility: hidden;

}

/********************************************************

				     CO2 - HOME

 ********************************************************/

#bloco-3{

	display: block;

	position: relative;

	width: 100%;

	height: auto;

	background: rgb(240,242,243);

	background: linear-gradient(90deg, rgba(240,242,243,1) 34.6%, rgba(255,255,255,1) 33.7%);

	order: 4;

}

#bloco-3 .esq{

	float: left;

    width: 50.8%;

}

#bloco-3 .esq img {

    float: right;

    padding: 63px 106px 48px;

}

#bloco-3 .dir{

    float: left;

    width: 523px;

    padding: 47px 0 0 25px;

}

#bloco-3 .btn-confira {

    margin-top: 191px;

}

#bloco-3 .texto,#bloco-3 .titulo {

	color: #000;

}

#bloco-3 #co2-home {

    display: block;

    position: relative;

    top: -185px;

    visibility: hidden;

}

/********************************************************

				   CONHEÇA - HOME

 ********************************************************/

#bloco-4{

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

    display: -webkit-flex;

    -webkit-align-items: center;

	-webkit-justify-content: center;

	-webkit-flex-direction: column;

	position: relative;

	width: 100%;

	/*com botão

	height: 224px;*/

	height: 90px;

	background-color: #74c868;

	order: 5;

	text-align: center;

	font-family: 'Roboto', sans-serif;

}

#bloco-4 span{

    color: #fff;

    font-size: 32px;

    display: block;

    width: 100%;

	font-weight: 400;

	/*com botão

    margin-bottom: 18px;*/

}

#bloco-4 .btn-conheca{

	color: #5cbe4d;

    font-size: 24px;

    display: block;

    padding: 8px 30px;

    font-weight: 500;

    background-color: #fff;

	transition: .3s;

}

#bloco-4 .btn-conheca:hover{

	transition: .3s;

	opacity: .9;

}

/********************************************************

				     SEO - HOME

 ********************************************************/

#bloco-5{

	display: block;

	position: relative;

	width: 100%;

	height: auto;

	background-color: #fff;

	order: 6;

    padding: 56px 0 40px;

	font-family: 'Roboto', sans-serif;

}

#bloco-5 .esq{

	float: left;

    width: 74%;

    padding-left: 35px;

}

#bloco-5 .esq h2 {

	color: #130f49;

    margin: 0;

    padding: 0;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 12px;

    line-height: 26px;

}

#bloco-5 .esq h3 {

    color: #130f49;

    margin: 0;

    padding: 0;

    font-size: 20px;

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 15px;

}

#bloco-5 .esq p {

    font-size: 16px;

    margin: 0;

    line-height: 19px;

    margin-bottom: 25px;

    padding: 0;

}

#bloco-5 .dir{

    float: right;

    padding: 4px 16px;

}

#bloco-5 .texto{

	color: #000;

}

/********************************************************

				   MISTURAS - HOME

 ********************************************************/

#bloco-6{

	display: block;

	position: relative;

	width: 100%;

	height: auto;

	background-color: #130f49;

	order: 7;

}

#bloco-6 .esq{

	float: left;

    width: 50.8%;

}

#bloco-6 .esq img {

    float: right;

    padding: 28px 123px 24px 0px;

}

#bloco-6 .dir{

    float: left;

    width: 523px;

    padding: 42px 0 0 23px;

}

#bloco-6 .btn-confira {

    margin-top: 155px;

}

#bloco-6 .texto {

	color: #fff;

}

#bloco-6 .titulo {

	color: #5cbe4d;

}

#bloco-6 #misturas-home {

    display: block;

    position: relative;

    top: -185px;

    visibility: hidden;

}

/********************************************************

		        GASES INCENDIO - HOME

 ********************************************************/

#bloco-7{

	display: flex;

    flex-direction: row;

    display: -webkit-flex;

    -webkit-flex-direction: row;

	position: relative;

	width: 100%;

	height: auto;

	background-color: #fff;

	order: 8;

}

#bloco-7 .esq{

    width: 52.85%;

	text-align: right;

    padding: 56px 26px 61px 33px;

}



#bloco-7 .esq .conteudo {

    float: right;

    width: 514px;

}

#bloco-7 .titulo {

	color: #221f1f;

    line-height: 54px;

    margin-bottom: 34px;

    display: block;

}

#bloco-7 .texto{

	color: #3e3b3c;

    padding: 0 0 0 15px;

}

#bloco-7 .btn-confira {

    margin: 118px 0 0 69%;

}

#bloco-7 .dir{

    background-repeat: no-repeat;

    background-size: cover;

    height: 592px;

    width: 49.4%;

}

#bloco-7 #gasesIncendio {

    display: block;

    position: relative;

    top: -185px;

    visibility: hidden;

}

/********************************************************

				     MAPA - HOME

 ********************************************************/

#bloco-8{

	display: block;

	position: relative;

	width: 100%;

	height: 402px;

	background-color: #f1f3f4;

	order: 9;

}

/********************************************************

				       CONTATO

 ********************************************************/

#bloco-9{

	display: block;

	position: relative;

	width: 100%;

	height: 390px;

	background-color: #fff;

	order: 10;

}

#bloco-9 #conosco-home {

    display: block;

    position: relative;

    top: -185px;

    visibility: hidden;

}

#bloco-9 #phone {

    display: none;

}

#bloco-9 .esq {

	float: left;

    width: 50%;

	text-align: right;

    padding: 49px 16px 60px 0;

}

#bloco-9 .esq .titulo{

    padding-left: 40%;

    line-height: 55px;

}

#bloco-9 .esq .texto {

    margin: 39px 0 40px 0;

}

#bloco-9 .esq .tel {

    font-size: 28px;

    font-weight: 900;

    margin-left: 18px;

    letter-spacing: 0.02em;

    font-family: 'Lato', sans-serif;

}

#bloco-9 .dir {

	float: left;

    width: 50%;

    padding: 65px 15px 0 63px;

}

#bloco-9 .dir input,

#bloco-9 .dir textarea{

    border-radius: 0;

	border: none;

    border-bottom: 1px solid #443d7c;

    font-size: 12px;

    font-family: 'Lato', sans-serif;

    color: #000;

    padding: 9px 17px;

    margin-bottom: 12px;

}

#bloco-9 .dir .form-nome {

    width: 100%;

}

#form-contato{

    position: relative;

}

#bloco-9 .dir input::placeholder,

#bloco-9 .dir textarea::placeholder{

    font-family: 'Lato', sans-serif;

    color: #b2bbc6;

    font-size: 14px;

    font-weight: 500;

}

#bloco-9 .dir .form-nome {

    width: 100%;

}

#bloco-9 .dir .form-email {

    width: 230px;

    margin-right: 5px;

}

#bloco-9 .dir .form-tel {

    width: 233px;

}

#bloco-9 .dir .form-mensagem {

    height: 110px;

}

#bloco-9 .dir .btn-contato {

    width: 100%;

    border-radius: 0;

    padding: 10px 0;

    font-family: 'Lato', sans-serif;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

	background-color: #130f49;

    transition: .3s;

}

#bloco-9 .dir .btn-contato:hover {

	background-color: #201b64;

    transition: .3s;

}

#bloco-9 .dir .check {

    float: left;

    margin: 0 8px 0 0;

    padding: 0;

    height: 23px;

}

#bloco-9 .dir .check:focus {

    outline: none!important;

}

#bloco-9 .dir .lb-aceito{

    font-size: 12px;

    height: 25px;

    padding: 3px 0 0 0;

}

#bloco-9 .dir .status-contato{

    color: red;

    font-size: 12px;

    text-align: center;

    margin: 0 0 5px 0;

}

/********************************************************

						FOOTER

 ********************************************************/

#footer{

	display: block;

	position: relative;

	width: 100%;

	height: 386px;

	background-color: #130f49;

	order: 3;

}

#footer .top{

	display: block;

	position: relative;

	width: 100%;

	height: 325px;

	background: rgb(27,32,41);

	background: linear-gradient(180deg, rgba(27,32,41,1) 0%, rgba(3,4,5,1) 100%);

    padding: 83px 0 0 66px;

}

#footer .top .bloco{

	float: left;

	box-sizing: border-box;

	font-family: 'Lato', sans-serif;

}

#footer .top .bloco-produtos {

    margin: 3px 71px;

    width: 228px;

}

#footer .top .bloco-produtos ul {

    list-style: none;

}

#footer .top .bloco-produtos ul li a{

    color: #fff;

    letter-spacing: 0.02em;

	transition: .3s;

}

#footer .top .bloco-produtos ul li a:hover{

    color: #867ec1;

	transition: .3s;

}

#footer .top .bloco-news {

    margin: 2px 0 0 0;

    width: 202px;

}

#footer .top .bloco-news input {

    height: 38px;

    margin: 32px 0 10px;

    border-radius: 1px;

}

#footer .top .bloco-news .btn-cadastrar {

    width: 100%;

    padding: 9px 0;

    border-radius: 0;

    font-size: 13px;

    font-weight: 400;

    text-transform: uppercase;

    margin: 20px 0 0 0;

	background-color: #443d7c;

	transition: .3s;

}

#footer .top .bloco-news .btn-cadastrar:hover {

	background-color: #534b91;

	transition: .3s;

}

#footer .top .bloco-news .aviso-form{

    font-size: 14px;

    color: red;

    text-align: center;

    margin: 6px auto 0;

    line-height: 15px;

    width: 130px;

}

#footer .top .bloco-contato {

    width: 218px;

    margin: 3px 0 0 85px;

}

#footer .top .bloco-contato img{

    float: left;

}

#footer .top .bloco-contato p{

	font-family: 'Roboto', sans-serif;

	color: #fff;

	font-size: 14px;

	margin-left: 33px;

    letter-spacing: 0.02em;

	transition: .3s;

}

#footer .top .bloco-contato p:hover{

	color: #534b91;

	transition: .3s;

}

#footer .top .bloco-contato .tel {

    font-size: 16px;

}

#footer .top .bloco span{

	color: #867ec1;

    text-transform: uppercase;

    font-size: 20px;

    letter-spacing: 0.02em;

    font-weight: 300;

    margin-bottom: 22px;

    display: block;

}

#footer .top .bloco-news .check {

    float: left;

    margin: 0 8px 0 0;

    padding: 0;

    height: 23px;

}

#footer .top .bloco-news.check:focus {

    outline: none!important;

}

#footer .top .bloco-news .lb-aceito{

    font-size: 12px;

    height: 25px;

	color: #fff;

    padding: 3px 0 0 0;

}

#footer .bottom{

	display: block;

	position: relative;

	width: 100%;

	height: 61px;

	background-color: #130f49;

}

#footer .bottom p {

    font-size: 14px;

    float: left;

    color: #fff;

    padding: 20px 0 0 35px;

    letter-spacing: 0.02em;

    font-weight: 300;

	font-family: 'Roboto', sans-serif;

}

#footer #logo-exent {

    float: right;

    padding: 18px 16px 0 0;

}

/********************************************************

						404

 ********************************************************/

.pag-erro {

    height: 458px;

    margin-top: 150px;

    font-family: 'Lato', sans-serif;

    text-align: center;

    color: #fff;

}

.pag-erro .erro{

    font-size: 200px;

    font-weight: 700;

}

.pag-erro p{

    font-size: 15px;

    line-height: 25px;

}

.pag-erro .continue {

    background: linear-gradient(to top, rgba(92,190,77,1) 50%, rgba(116,200,104,1) 50%);

    color: #ffffff;

    font-size: 13px;

	font-family: 'Lato', sans-serif;

    letter-spacing: .05em;

    font-weight: 600;

    transition: .3s;

    text-align: center;

    width: 220px;

    padding: 15px;

    margin-top: 13px;

    display: block;

    margin: 14px auto;

	text-transform: uppercase;

}

.pag-erro .continue:hover {

    background: linear-gradient(to top, rgba(92,190,77,1) 0%, rgba(116,200,104,1) 33%);

    transition: .3s;

	color: #fff;

}

/********************************************************

						PAGE

 ********************************************************/

#pagina {

    margin-top: 150px;

	min-height: 458px;

    font-family: 'Lato', sans-serif;

}

#pagina #main{

	background-color: #fff;

}

#pagina .container{

    padding: 30px 19px 25px 34px;

}

#pagina .titulo {

    font-size: 32px;

    font-weight: 600;

    text-transform: uppercase;

	color: #0e0b35;

    letter-spacing: 0.02em;

}

#pagina .conteudo {

    float: left;

    width: 780px;

}

#pagina hr {

    margin: 0;

	background-color: #bbb8d0;

}

#pagina h2, #pagina h3, #pagina h4, #pagina h5, #pagina h6 {

    padding: 0;

    margin: 15px 0;

    font-size: 28px;

	color: #0e0b35;

    font-weight: 400;

}

#pagina p {

    margin: 15px 0;

    line-height: 24px;

    color: #000;

	font-size: 18px;

}

#pagina ol, #pagina ul {

    margin: 15px 37px;

	list-style: none;

    list-style-position: inside;

}

#pagina li {

    color: #000;

}

#pagina ul li{

	list-style: disc;

    padding: 0 6px;

	font-size: 18px;

}

#pagina ol li {

    list-style: decimal;

    padding: 0 6px;

	font-size: 18px;

}

#pagina a {

    color: #443d7c;

    font-weight: 600;

	transition: .3s;

}

#pagina a:hover {

    color: #6259a9;

    font-weight: 600;

	transition: .3s;

}

/********************************************************

					CONFIRMAÇÃO

 ********************************************************/

#pag-confirmacao {

    font-family: 'Lato', sans-serif;

    order: 2;

}

#pag-confirmacao #main{

    /*com barra de menu

	margin-top: 150px;

	min-height: 458px;*/

    margin-top: 76px;

    min-height: 509px;

}

#pag-confirmacao .container{

    padding: 30px 19px 25px 34px;

}

#pag-confirmacao .confirmacao {

	text-align: center;

    margin-top: 158px;

}

#pag-confirmacao p {

    margin: 15px 0;

    line-height: 24px;

    color: #fff;

	font-size: 18px;

}

#pag-confirmacao .destaque {

    color: #867ec1;

    font-weight: 600;

    font-size: 22px;

}

#pag-confirmacao .continue {

    background: linear-gradient(to top, rgba(92,190,77,1) 50%, rgba(116,200,104,1) 50%);

    color: #ffffff;

    font-size: 13px;

	font-family: 'Lato', sans-serif;

    letter-spacing: .05em;

    font-weight: 600;

    transition: .3s;

    text-align: center;

    width: 220px;

    padding: 15px;

    margin-top: 13px;

    display: block;

    margin: 14px auto;

	text-transform: uppercase;

}

#pag-confirmacao .continue:hover {

    background: linear-gradient(to top, rgba(92,190,77,1) 0%, rgba(116,200,104,1) 33%);

    transition: .3s;

	color: #fff;

}

/********************************************************

		SEARCH

*******************************************************/

#pag-search {

    margin-top: 150px;

	min-height: 458px;

	order:2;

}

#pag-search #main{

	background-color: #fff;

}

#pag-search .container{

    padding: 30px 19px 25px 34px;

}

#pag-search .titulo {

    font-size: 32px;

    font-weight: 600;

    text-transform: uppercase;

    color: #0e0b35;

    letter-spacing: 0.02em;

}

#pag-search .item-loop img{

    border-bottom: none;

    height: 162px;

    width: 282px;

}

#pag-search .item-loop .titulo-loop {

	background-color: #0e0b35;

	font-family: 'Lato', sans-serif;

    color: #fff;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

    padding: 16px;

    width: 100%;

    bottom: 0;

    position: absolute;

    line-height: 18px;

    text-align: center;

}

#pag-search .item-loop {

    position: relative;

    background-color: #fff;

    transition: 0.3s;

	float: left;

	height: 212px;

	margin: 10px 0;

	border: 1px solid #ebebeb;

}

#pag-search .item-loop:hover .titulo-loop{

    transition: 0.3s;

    background-color: #161246;

}

#pag-search .item-loop:hover{

    transition: 0.3s;

    border: 1px solid #161246;

    border-bottom: none;

}

#pag-search .item-loop:nth-child(4),

#pag-search .item-loop:nth-child(7){

    margin: 10px 97px;

}

/********************************************************

					PAG-NAVI

 ********************************************************/

.wp-pagenavi {

    text-align: center;

    margin: 35px 0 15px;

	font-family: 'Lato', sans-serif;

}

.wp-pagenavi .pages, .wp-pagenavi .extend {

    display: none;

}

.wp-pagenavi a:hover, .wp-pagenavi span.current {

    background-color: #443d7c;

    padding: 7px 15px;

    transition: 0.3s;

    border: none;

    color: #fff;

    border: solid 1.5px #443d7c;

}

.wp-pagenavi a {

    padding: 7px 15px!important;

    background-color: #fff;

    color: #828282;

    transition: 0.3s;

    border: solid 1.5px #828282!important;

    margin: 4px!important;

    font-weight: 600;

}

/********************************************************

		SIDEBAR - COTAÇÃO - RÁPIDA

********************************************************/

.sidebar-cotacao {

    width: 250px;

    margin-top: 25px;

    float: right;

	background: #130f49;

	font-family: 'Lato', sans-serif;

}

.sidebar-cotacao #phone{

	display: none;

}

.sidebar-cotacao-header {

    padding: 15px 19px 10px;

}

.sidebar-cotacao form{

	padding: 10px;

	margin: 5px 0 0;

	background-color: #f4f4f4;

}

.sidebar-cotacao input,

.sidebar-cotacao textarea{

	font-size: 13px;

	color: #333333;

	border-radius: 0;

	padding: 5px;

}

.sidebar-cotacao input::placeholder,

.sidebar-cotacao textarea::placeholder{

	color: #939393;

}

.sidebar-cotacao textarea{

	height: 93px;

}

.sidebar-cotacao-header .title{

	text-align: center;

    color: #fff;

	font-size: 16px;

	font-weight: 600;

}

.form-control {

    width: 100%;

    margin: 5px 0;

    border: none;

    border-radius: 3px;

    padding: 2px 5px;

}

.btn-check {

    font-size: 12px;

}

.btn-sidebar{

    font-size: 16px;

    font-weight: 600;

	background-color: #5cbe4d;	

    width: 100%;

    border-radius: 0px;

    margin-top: 5px;

    border-bottom: solid 2px #317127;

	padding: 10px 0;

	transition: .3s;

}

.btn-sidebar:hover{

	background-color: #77d269;

	transition: .3s;

}

#status-sidebar{

	font-size: 12px;

	color: red;

	text-align: center;

	margin-bottom: 5px;

}

/********************************************************

				CONTATO

********************************************************/

#pagina #bloco-9 {

    order: 1;

}

#pagina #bloco-8 {

    order: 2;

}

#pagina #bloco-9 .dir .form-email {

    width: 220px;

    margin-right: 5px;

}

#pagina #bloco-9 .dir .form-tel {

    width: 217px;

}

#pagina #bloco-9 .esq {

    padding: 10px 16px 60px 0;

}

#pagina #bloco-9 a{

	color: #000;

}

#pagina #bloco-9 a:hover{

	color: #000;

}

#pagina #bloco-9 .dir {

    padding: 20px 15px 0 63px;

}

#pagina #bloco-9 .titulo {

    font-size: 46px;

    font-weight: 300;

    text-transform: uppercase;

    letter-spacing: 0.02em;

    font-family: 'Lato', sans-serif;

}
.cc-window {
    z-index: 9999999999!important;
}
.cc-message{
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}
