/* Table of Content
==================================================
0. OUTROS CSS
1. ESTILO GLOBAL
2. SESSAO - HEADER - CABEÇALHO - MENU	
3. SESSÃO - O QUE É 	
4. SESSÃO - COMO UTILIZAR	
5. SESSÃO - VANTAGENS	
6. SESSÃO - CONTATO 
7. SESSÃO -  RODAPE
*/

/*----------------------------------------------------
    0. OUTROS CSS
------------------------------------------------------*/
/* Google Font - https://fonts.google.com */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* BootStrap - FONTE: http://getbootstrap.com */
@import url('bootstrap.min.css');
@import url('normalize.css');
/* FONT ICONS - FONTE: http://fontawesome.io/icons */
@import url('font-awesome.min.css');
@import url('hover.css');
/* Animate Effect */
@import url('animate.css');
/* lightbox */
@import url('lightbox.css');
/* Owl Carousel */
@import url('owl.carousel.css');
@import url('owl.theme.css');
@import url('owl.transitions.css');
.btn-danger{color:#fff;background-color:#FF6600;border-color:#FF6600}.btn-danger:hover{color:#FF6600;background-color:#000;border-color:#000}

  
/*----------------------------------------------------
    1. ESTILO GLOBAL
------------------------------------------------------*/
body {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  background: transparent;
  line-height: 1.6;
  font-weight: 400;
  color: #717171;
}
a {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
/* ## Global Class ## */
p {
  font-weight: 400;
  line-height: 25px;
  font-size: 14px;
}

h1 {
  font-size: 30px;
  line-height: 40px;
}

h1,
h2,
h3 {
  font-weight: 900;
}

h5,
h6 {
  line-height: 24px;
}

h2 {
  font-size: 22px;
  line-height: 32px;
}

h3 {
  font-size: 22px;
  line-height: 28px;
}

h4 {
  font-size: 16px;
  line-height: 26px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 13px;
}

a,
a:hover,
a:focus,
.btn:focus {
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
  outline: none;
}

a {
  color: #333;
}

.btn.focus,
.btn:focus,
.btn:hover {
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
}
 /*----------------------------------------------------
  2. SESSAO - HEADER	
------------------------------------------------------*/

/* Navbar Style --------------------*/

.header-nav .nav {
  overflow: hidden;
  margin-top: 32px;
}

.header-nav .nav li a {
	color: #fff;
	font-weight: bold !important;
	margin-right: 20px;
	margin-left: 7px;
	background: transparent;
	letter-spacing: 1px;
	padding: 10px 0px;
	margin-bottom: 3px;
	font-size: 18px;
}

.header-nav .nav li a:after {
  background: #fff none repeat scroll 0px 0px;
  content: "";
  height: 1px;
  left: 0px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
  -ms-transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
  width: 100%;
  margin-top: 10px;
}

.header-nav .nav li a:hover:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.header-nav .nav li a {
  color: #fff;
  padding: 10px 0px !important;
  font-weight: 400;
  margin-right: 15px;
  margin-left: 15px;
  background: transparent;
}

.header-nav .nav li a.navbar-nav-hover:after {
  content: '';
  background: #fff;
  position: absolute;
  width: 0%;
  height: 2px;
  bottom: 0;
  left: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-nav .nav li a.navbar-nav-hover:hover:after {
  width: 100%;
}
.header-nav .nav li a.btn-verm:link, .header-nav .nav li a.btn-verm:visited, .header-nav .nav li a.btn-verm:active {
	background: #00B22D;
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF !important;
	padding-right: 10px !important;
	padding-left: 10px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px!important; -o-border-radius: 20px !important; border-radius: 20px !important;
}
.header-nav .nav li a.btn-verm:hover {
	text-decoration: none;
	cursor: pointer;
	color: #00B22D !important;
	background-color: #E1FFE9;
}
.header-nav .nav li a.btn-verm:after {
	background: transparent !important;
}
.header-nav .nav li a.btn-preto:link, .header-nav .nav li a.btn-preto:visited, .header-nav .nav li a.btn-preto:active {
	background-color: #797979 !important;
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF !important;
	padding-right: 10px !important;
	padding-left: 10px !important;-webkit-border-radius: 20px !important; -moz-border-radius: 20px!important; -o-border-radius: 20px !important; border-radius: 20px !important;

}
.header-nav .nav li a.btn-preto:hover {
	text-decoration: none;
	cursor: pointer;
	color: #F5F5F5 !important;
	background-color: #5F5F5F !important;
}
.header-nav .nav li a.btn-preto:after {
	background: transparent !important;
}

.header-nav .nav li .btn {
  min-width: 130px;
}

.header-nav .nav .active a.navbar-nav-hover:after {
  width: 100%;
}

.header-nav.navbar-home {
	background: #fff;
	border-bottom: 1px solid #EAEAEA;
	-webkit-animation: fadeInDown 1s both;
	-moz-animation: fadeInDown 1s both;
	-ms-animation: fadeInDown 1s both;
	-o-animation: fadeInDown 1s both;
	animation: fadeInDown 1s both;
	-webkit-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
	-moz-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
	-ms-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
	-o-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
	box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
	height: 80px !important;
}

.header-nav.navbar-home .navbar-header .navbar-toggle {
  margin-top: 8px;
  border-color: transparent;
}

.header-nav.navbar-home .navbar-header .navbar-toggle .icon-bar {
  background: rgba(0, 0, 0, 0.96);
}

.header-nav.navbar-home .navbar-header .navbar-brand img {
  margin-top: -8px;
}

.header-nav.navbar-home .navbar-header .navbar-brand.light-logo {
  display: none !important;
}

.header-nav.navbar-home .navbar-header .navbar-brand.dark-logo {
  display: block !important;
}

.header-nav.navbar-home .nav {
  margin-top: 3px;
  padding: 12px 0;
}

.header-nav.navbar-home .nav li a {
  color: #31306D;
}

.header-nav.navbar-home .nav li a:hover {
  color: #1C1B3F;
}

.header-nav.navbar-home .nav li a.navbar-nav-hover:after,
.header-nav.navbar-home .nav li a.navbar-nav-hover:hover:after {
  background: #1C1B3F;
}

.header-nav.navbar-home .nav li .btn {
  color: #1C1B3F;
}

.header-nav.navbar-home .nav a.navbar-nav-hover.current {
  color: #1C1B3F;
}
.header-nav.navbar-home .nav a.navbar-nav-hover.current::after {
    width: 100%;
    opacity: 1;
}
/*---- background - Fundo header -----*/
 
.header-background-1 {
	color: #FFF;
	height: 780px;
	background-color: transparent;
	background-image: url(../imagens/fundo-topo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
 /*---- logo -----*/
.logo-tjn img {
  margin-top: 5px;
}

.logo-black {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}
.header-nav.navbar-home .logo-tjn .logo {
	display: none;
}
.header-nav .logo-tjn .logo-black {
	display: none;
}
.header-nav.navbar-home .logo-tjn img {
  margin-top: 8px;
}

.header-nav.navbar-home .logo-tjn .logo-black {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1; display: block !important;
}
.header-nav.navbar-home .logo-tjn .logo {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

/*---- header texto-----*/
.header-body.section-separator {
	position: relative;	
	padding-top: 220px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
.section-separator {
  display: block;
  padding: 85px 0px;
}
.header-body p {
	color: #fff;	
	text-shadow: none;
	font-size: 18px; line-height: 25px;
	font-weight: 300;
}
.header-body h3 {
	color: #717171;
	text-shadow: none;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin-top: -32px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}
.header-body h4 {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 48px;
	font-weight: 300 !important;
	font-style: normal;
	line-height: 48px;
	font-variant: normal;
}
.header-body h4 span {
	color: #FF7F00; font-weight: 600 !important;
}

/*----------------------------------------------------
    3. SESSÃO - COMPETE
------------------------------------------------------*/
.compete {
    padding-bottom: 55px;
    padding-top: 55px;
	background-image: url(../imagens/compete.jpg);
	background-repeat: repeat;
	background-position: center center;
}
.compete .conteudo {
	margin-top: 0px;
	margin-bottom: 20px;
}
.compete .conteudo h2{
	font-size: 36pt;line-height: 39pt;
	font-weight: 800;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.compete .conteudo p{
	font-size: 18pt;line-height: 22pt;
	font-style: normal;
	font-weight: 300;
	color: #717171;
}
.compete .conteudo a.btn-verm:link, .compete .conteudo a.btn-verm:visited, .compete .conteudo a.btn-verm:active {
	background: #FF6600;
	text-decoration: none;
	cursor: pointer;
	color: #fff !important;
	-webkit-border-radius: 35px !important;
	-moz-border-radius: 35px!important;
	-o-border-radius: 35px !important;
	border-radius: 35px !important;
	margin: 12px 0;
	padding: 12px;
	font-size: 18pt;
}
.compete .conteudo a.btn-verm:hover {
	text-decoration: none;
	cursor: pointer;
	color: #FF6600 !important;
	background-color: #000000;
}


/*----------------------------------------------------
    3. SESSÃO - O QUE É
------------------------------------------------------*/
.oquee {
    padding-bottom: 40px;
    padding-top: 40px;
	background-image: url(../imagens/double-bubble-outline.jpg);
	background-repeat: repeat;
	background-position: center center;
}
.oquee .conteudo {
	margin-top: 0px;
	margin-bottom: 20px;
}
.oquee .conteudo .icon {
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.oquee .conteudo h2{
	font-size: 30pt;line-height: 32pt;
	font-weight: 600;
	font-style: normal;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.oquee .conteudo p{
	font-size: 14pt;
	font-style: normal;
	font-weight: 300;
	color: #717171;
}
.oquee .conteudo a.btn-verm:link, .oquee .conteudo a.btn-verm:visited, .oquee .conteudo a.btn-verm:active {
	background: #C22026;
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF !important;
	-webkit-border-radius: 35px !important;
	-moz-border-radius: 35px!important;
	-o-border-radius: 35px !important;
	border-radius: 35px !important;
	margin: 12px;
	padding: 12px;
	font-size: 15pt;
}
.oquee .conteudo a.btn-verm:hover {
	text-decoration: none;
	cursor: pointer;
	color: #F5F5F5 !important;
	background-color: #B11D21;
}

/*----------------------------------------------------
    4. SESSÃO - COMO UTILIZAR
------------------------------------------------------*/
.utilizar {
    padding-bottom: 40px;
    padding-top: 10px;
	background-color: #F8F8F8;		



}
.utilizar .conteudo {
	margin-top: 0px;
	margin-bottom: 20px;
}
.utilizar .conteudo h2{
	font-size: 30pt;line-height: 32pt;
	font-weight: 600;
	color: #333;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 30pt;
}
.utilizar .conteudo h2 span{
	font-weight: 700;
	color: #C22026;
}
.utilizar  .conteudo h3{
	font-size: 20pt;line-height: 22pt;
	font-style: normal;
	font-weight: 400;
	color: #717171;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.utilizar .conteudo p{
	font-size: 16pt;line-height: 18pt;
	font-style: normal;
	font-weight: 300;
	color: #333;
}
.utilizar .conteudo p i{
	color: #FF7F00;
}
.utilizar .conteudo .form-control{
	background-color: #F0F0F0;
}

/*----------------------------------------------------
    5. SESSÃO - VANTAGENS
------------------------------------------------------*/
.vantagens {
	padding-bottom: 40px;
	padding-top: 40px;
	background-image: url(../imagens/fundo-vantagens.jpg);
	background-position: left top;
}
.vantagens .conteudo {
	margin-top: 0px;
	margin-bottom: 20px;
}
.vantagens .conteudo h2{
	font-size: 30pt;line-height: 32pt;
	font-weight: 600;
	color: #333;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	
}
.vantagens .conteudo h2 span{
	font-weight: 700;
	color: #C22026;
}
.vantagens  .conteudo h3{
	font-size: 26pt;line-height: 28pt;
	font-style: normal;
	font-weight: 400;
	color: #717171;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.vantagens .conteudo p{
	font-size: 16pt;
	font-style: normal;
	font-weight: 300;
	color: #b2b2b2;
}
.vantagens .conteudo .icon {
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.vantagens1, .vantagens2 {
	padding-bottom: 40px;
	padding-top: 40px;
	background-image: url(../imagens/fundo-extra.jpg);
	background-position: right bottom;
	height: 400px;
}
.vantagens2 {
	border-width: 3px 0px 0px 0px;
	border-style: solid;
	border-color: #C22026;
}

.vantagens1  .conteudo h4, .vantagens2  .conteudo h4{
	font-size: 28pt;
	font-weight: 400;
	color: #717171;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 33pt;
}
.vantagens1 .conteudo h4 span, .vantagens2 .conteudo h4 span{
	font-weight: 700;
	color: #C22026;
}
.vantagens1 .conteudo p, .vantagens2 .conteudo p{
	font-size: 14pt;
	font-style: normal;
	font-weight: 300;
}
.vantagens1 .conteudo .icon, .vantagens2 .conteudo .icon {
	padding-top: 22px;
	padding-right: 38px;
	padding-left: 0px;
}
.vantagens1 .conteudo .img-vantagem{
	position: absolute;
	top: -132px;
	bottom: 0px;
}
.vantagens2 .conteudo .img-vantagem{
	position: absolute;
	top: -30px;
	right: 0px;
}




/*----------------------------------------------------
    6. Contato
------------------------------------------------------*/
 
.contato {
	background-image: url(../imagens/fundo-servicos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
}
.contato .base-header {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.contato .base-header h3 {
	font-size: 40px;
	text-transform: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: normal;
}
.contato .base-header p {
	font-size: 18px;
	font-weight: normal;
}

/* Contato Form
---------------------------*/
.contatoForm {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.contato::-webkit-input-placeholder {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
}
.contato:-moz-placeholder {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
}
.contato::-moz-placeholder {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
}
.contato:-ms-input-placeholder {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
}

 /*----------------------------------------------------
    7. RODAPE
------------------------------------------------------*/
.rodape {
	background-color: #333333; color: #fff;
}

.rodape-1 {
	width: 100%;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
.rodape-1 .social-links {
	margin-top: 21px;
}

.social-links ul {
  margin: -16px -6px 0;
}

.social-links ul li {
  margin: 16px 2px 0;
}

.social-links ul li {
  display: inline-block;
  position: relative;
  margin: 10px 2px 0;
  line-height: 1em;
  vertical-align: top; color: #fff;
}

.social-links ul li a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 21px;
  border: 1px solid rgba(39, 39, 39, 0.7);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: rgba(39, 39, 39, 0.7);
  position: relative;
  overflow: hidden;
  z-index: 1; color: #fff;
}
.tags {
  margin-top: 12px;
  color: #fff;
}
.tags h1,.tags h2,.tags h3,.tags h4,.tags h5,.tags h6{
  display: inline;font-size: 14px; color: #fff;font-weight: 400;
  font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

.creditos {
  margin-top: 12px;
  text-transform: capitalize; color: #fff;
}

.creditos a, .creditos a:hover {
  color: #fff;
}


/* OUTROS  */
/** TAMANHO FONTE **/
.fa-bars { color:#666 !important} .fa-bars:hover { color:#ccc}
.txt-tam6 { font-size: 0.6em !important; } .txt-tam8 { font-size: 0.8em !important; }
.txt-tam10 { font-size: 1.0em !important; } .txt-tam12 { font-size: 1.2em !important; } .txt-tam14 { font-size: 1.4em !important; } 
.txt-tam16 { font-size: 1.6em !important; } .txt-tam18 { font-size: 1.8em !important; } .txt-tam20 { font-size: 2.0em !important; } 
.txt-tam22 { font-size: 2.2em !important; } .txt-tam24 { font-size: 2.4em !important; } .txt-tam26 { font-size: 2.6em !important; } 
.txt-tam28 { font-size: 2.8em !important; } .txt-tam30 { font-size: 3.0em !important; } .txt-tam32 { font-size: 3.2em !important; }
.txt-tam34 { font-size: 3.4em !important; } .txt-tam36 { font-size: 3.6em !important; } .txt-tam38 { font-size: 3.8em !important; } 
.txt-tam40 { font-size: 4.0em !important; } .txt-tam42 { font-size: 4.2em !important; } .txt-tam44 { font-size: 4.4em !important; }
.txt-tam46 { font-size: 4.6em !important; } .txt-tam48 { font-size: 4.8em !important; } .txt-tam50 { font-size: 5.0em !important; }

/** RECUO TOPO E BAIXO **/
.espc-height { padding-top: 0px; padding-bottom: 0px; } .espc-height0{ padding-top: 3px; padding-bottom: 3px; }   
.espc-height1{ padding-top: 5px; padding-bottom: 5px; } .espc-height2{ padding-top: 10px; padding-bottom: 10px; } 
.espc-height3{ padding-top: 15px; padding-bottom: 15px; } .espc-height4{ padding-top: 20px; padding-bottom: 20px; } 
.espc-height5{ padding-top: 25px; padding-bottom: 25px; } .espc-height6{ padding-top: 30px; padding-bottom: 30px; }

/** RECUO DIRETA E ESQUERDA **/
.espc-width  { padding-right: 0px; padding-left: 0px; } .espc-width0 { padding-right: 3px; padding-left: 3px; }   
.espc-width1 { padding-right: 5px; padding-left: 5px; } .espc-width2 { padding-right: 10px; padding-left: 10px; } 
.espc-width3 { padding-right: 15px; padding-left: 15px; } .espc-width4 { padding-right: 20px; padding-left: 20px; } 
.espc-width5 { padding-right: 25px; padding-left: 25px; } .espc-width6 { padding-right: 30px; padding-left: 30px; }
/** arrendodamento **/
.border-radius{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } 
.border-radius1{ -webkit-border-radius: 20px !important; -moz-border-radius: 20px!important; -o-border-radius: 20px !important; border-radius: 20px !important; }
.border-radius2{ -webkit-border-radius: 30px !important; -moz-border-radius: 30px!important; -o-border-radius: 30px !important; border-radius: 30px !important; }


a.whatsapp-plug-icon{position: fixed; z-index: 1000; bottom: 60px; right: 25px; width: 50px; height: 50px; -webkit-border-radius: 50%; cursor: pointer; background-color: #0ba360; transition: .3s; }
.whatsapp-plug-icon i{font-size: 35px;color: #fff !important;padding-top: 9px;padding-left: 10px;}
a.whatsapp-plug-icon:hover{background-color: #15cc74;color: #fff;}

a.whatsapp-plug-icon1{position: fixed;z-index: 1000; top: 22px; right: 100px; -webkit-border-radius: 60px; color:#fff !important;padding: 10px !important;cursor: pointer; text-decoration:none;background-color: #0ba360 !important; transition: .3s;font-size: 17px;color:#fff !important;}
a.whatsapp-plug-icon1:hover{text-decoration:none;background-color: #15cc74 !important;color: #fff !important;}
.whatsapp-plug-icon1 i{font-size: 17px;color: #fff !important;}

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

}

.cardapio-home {background-color:#F9F9F9;padding:0px;margin: 0;}
.cardapio-home .left{position:relative;z-index:1;padding:10px 10px;}
.cardapio-home .left .inner{padding:50px 5px;padding-right:60px;}
.cardapio-home .left h2{color:#353375;font-size:40px;font-weight:400;padding:16px 0;margin:0;}
.cardapio-home .left p{margin:0;padding:20px 0;font-weight:300;position:relative;font-size:20px;}
.cardapio-home .left .inner a.whatsapp{background-color:#F9F9F9;border-radius:3px;font-size:15px;color:#333;padding:12px 14px;font-weight:500;border: 2px solid #00B200;text-decoration:none;transition:all .3s ease-in-out}
.cardapio-home .left .inner a.whatsapp:hover{background-color:#00B200;border: 2px solid #00B200;color:#fff;}

.cardapio-home .right{position:relative;}
.cardapio-home .right .inner1{margin:0;padding:0;position:relative;right:15px;top:0;}
.cardapio-home .right .inner1 img{position:relative;width: 950px;margin:0;padding:0;}

.cardapio-home .right1{position:relative;z-index:1;padding:10px 10px;}
.cardapio-home .right1 .inner{padding:50px 5px;padding-left:60px;}
.cardapio-home .right1 h2{color:#353375;font-size:40px;font-weight:400;padding:16px 0;margin:0;}
.cardapio-home .right1 p{margin:0;padding:20px 0;font-weight:300;position:relative;font-size:20px;}
.cardapio-home .right1 .inner a.whatsapp{background-color:#F9F9F9;border-radius:3px;font-size:16px;color:#333;padding:12px 14px;font-weight:500;border: 2px solid #00B200;text-decoration:none;transition:all .3s ease-in-out}
.cardapio-home .right1 .inner a.whatsapp:hover{background-color:#00B200;border: 2px solid #00B200;color:#fff;}

.cardapio-home .left1{position:relative;}
.cardapio-home .left1 .inner1{margin:0;padding:0;position:relative;left: -378px;top:0;}
.cardapio-home .left1 .inner1 img{position:relative;width: 950px;margin:0;padding:0;}