﻿ body {
    overflow-x:hidden;
    width:auto;
    font-family:'Open Sans',Lato,Calibri,Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:400;
    background-color:#fff
}
* {
    margin:0 auto;
    padding:0;
    border:0
}
img {
    border:0;
    width:99%;
    height: 100%;
    border-radius: 6px;
}
iframe {
    border-radius: 6px; 
}
ul li {
    list-style:none;
    float:left
}
a {
    text-decoration:underline;
    color:#333
}
a:hover {
    text-decoration:none
}
a:visited {
    color: #333
}
p {
    padding:1%;
    line-height:normal;
}
h1 {
    font-size:38px
}
h2 {
    font-size:32px
}
h3 {
    font-size:28px
}
h4 {
    font-size:26px
}
h5 {
    font-size:21px
}
h6 {
    font-size:18px
}
h1,h2,h3,h4,h5,h6,p,p span {
    font-family:'Open Sans',Lato,Calibri,Arial,Helvetica,sans-serif;
    line-height:normal;
    margin-top: 8px;
    margin-bottom: 8px;
}

.display-1599-2950 {
   display: none;
}

.clear {
    width:99%;
    height:10px
}
.row {
    width:100%;
    position:relative;
    overflow:hidden;
    margin:0 auto
}
.col10 {
    width:10%
}
.col20 {
    width:20%
}
.col25 {
    width:25%
}
.col30 {
    width:33.33333%
}
.col40 {
    width:40%
}
.col50 {
    width:50%
}
.col60 {
    width:60%
}
.col70 {
    width:70%
}
.col80 {
    width:80%
}
.col90 {
    width:90%
}
.col100 {
    width:100%
}
.col10,.col100,.col20,.col25,.col30,.col40,.col50,.col60,.col70,.col80,.col90 {
    float:left;
    overflow:hidden;
    padding:.5%
}
#container {
    position:relative;
    width:100%;
    overflow:hidden;
    margin:0 auto
}
#container #container-1 {
    position:relative;
    width:100%;
    overflow:hidden;
    margin:0 auto;
    padding:0 .5% 0 .5%
}
#container #container-1 #container-2 {
    position:relative;
    width:90%;
    overflow:hidden;
    margin:0 auto
}
#container #container-1 #container-2 #content {
    position:relative;
    width:100%;
    overflow:hidden;
    margin:5px auto 5px auto;
    padding:.3%
}
#box-R10 {
    width:9.65%
}
#box-R20 {
    width:19.5%
}
#box-R25 {
    width:25%
}
#box-R30 {
    width:33%
}
#box-R40 {
    width:39%
}
#box-R50 {
    width:49.5%
}
#box-R60 {
    width:59%
}
#box-R70 {
    width:69%
}
#box-R80 {
    width:79%
}
#box-R90 {
    width:89%
}
#box-R100 {
    width:99%
}
#box-R10,#box-R100,#box-R20,#box-R25,#box-R30,#box-R40,#box-R50,#box-R60,#box-R70,#box-R80,#box-R90 {
    position:relative;
    float:right;
    overflow:hidden;
    margin:0 auto
}
#box-L10 {
    width:9.65%
}
#box-L20 {
    width:19.5%
}
#box-L25 {
    width:25%
}
#box-L30 {
    width:33%
}
#box-L40 {
    width:39%
}
#box-L50 {
    width:49.5%
}
#box-L60 {
    width:59%
}
#box-L70 {
    width:69%
}
#box-L80 {
    width:79%
}
#box-L90 {
    width:89%
}
#box-L100 {
    width:99%
}
#box-L10,#box-L100,#box-L20,#box-L25,#box-L30,#box-L40,#box-L50,#box-L60,#box-L70,#box-L80,#box-L90 {
    position:relative;
    float:left;
    overflow:hidden;
    margin:0 auto
}
.box10 {
    width:10%
}
.box20 {
    width:20%
}
.box25 {
    width:23%
}
.box30 {
    width:30%
}
.box40 {
    width:40%
}
.box50 {
    width:50%
}
.box60 {
    width:60%
}
.box70 {
    width:70%
}
.box80 {
    width:80%
}
.box90 {
    width:90%
}
.box100 {
    width:100%
}
.box10,.box100,.box20,.box30,.box40,.box50,.box60,.box70,.box80,.box90 {
    height:auto;
    margin:1% auto 1% auto;
    padding:1%
}
#boxR1 {
    float:right;
    width:59%;
    height:auto;
    margin:5px auto 5px auto
}
#boxL1 {
    float:left;
    width:39%;
    height:auto;
    margin:5px auto 5px auto
}
#boxR2 {
    float:left;
    width:59%;
    height:auto;
    margin:5px auto 5px auto
}
#boxL2 {
    float:right;
    width:39%;
    height:auto;
    margin:5px auto 5px auto
}
#container-footer {
    clear:both;
    width:100%;
    overflow:hidden;
    margin:20px auto 0 auto
}
#container-footer img {
    width:auto!important;
    margin:3px
}
#container-footer #contFooterHover {
    width:100%;
    overflow:hidden;
    margin:0 auto
}
#container-footer #contFooterH {
    width:90%;
    height:auto;
    margin:0 auto;
    padding:7px
}
#container-footer #contFooter {
    /*background-image:url(../images/banner/agencia-digital-zoopcreative-atendimento-2.jpg);*/
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    position:relative;
    width:100%;
    overflow:hidden;
    margin:5px auto 5px auto;
    padding:10px inherit 30px inherit;
    background-color:#3c4a51
}
#container-footer #FooterBase {
    font-size:11px;
    width:100%;
    height:50px;
    margin:5px auto 0 auto;
    background-color:#efc75e
}
#container-footer #FooterBase #copyRight {
    float:left;
    position:relative;
    width:auto;
    height:auto;
    margin:1.3% 0 0 1%
}
#container-footer #FooterBase #author {
    position:relative;
    width:50px;
    height:50px;
    margin:0 auto
}
#container-footer #FooterBase #footerMenu {
    float:right;
    position:relative;
    width:auto;
    height:auto;
    margin:1.3% 1% 0 0
}
#container-footer #FooterBase #footerMenu li {
    width:auto;
    margin:0 1px 0 1px;
    padding:0 5px 0 5px
}
.marginZero {
    margin:0!important
}
.paddingZero {
    padding:0!important
}
.marginTopZero {
    margin-top:0!important
}
.paddingTopZero {
    padding-top:0!important
}
.marginBottomZero {
    margin-bottom:0!important
}
.paddingBottomZero {
    padding-bottom:0!important
}
.marginTopBottomZero {
    margin-top:0!important;
    margin-bottom:0!important
}
.paddingTopBottomZero {
    padding-top:0!important;
    padding-bottom:0!important
}
.margin {
    margin:3%
}
.padding {
    padding:3%
}
.marginTop {
    margin-top:3%
}
.marginRight {
    margin-right:1%
}
.marginBottom {
    margin-bottom:3%
}
.marginLeft {
    margin-left:1%
}
.paddingTop {
    padding-top:3%
}
.paddingRight {
    padding-right:1%
}
.paddingBottom {
    padding-bottom:3%
}
.paddingLeft {
    padding-left:1%
}
.labelCenter p {
    font-size:40px;
    text-align:center;
    color:#333;
    margin:1% 0 0 1%
}
.labelRight p {
    font-size:40px;
    text-align:right;
    color:#333;
    margin:1% 0 0 1%
}
.labelLeft p {
    font-size:40px;
    text-align:left;
    color:#333;
    margin:1% 0 0 1%
}
.f6 {
    font-size:6px
}
.f8 {
    font-size:8px
}
.f10 {
    font-size:10px
}
.f12 {
    font-size:12px
}
.f14 {
    font-size:14px
}
.f16 {
    font-size:16px
}
.f18 {
    font-size:18px
}
.f20 {
    font-size:20px
}
.f22 {
    font-size:22px
}
.f24 {
    font-size:24px
}
.f26 {
    font-size:26px
}
.f28 {
    font-size:28px
}
.f10,.f12,.f14,.f16,.f18,.f20,.f22,.f24,.f26,.f27,.f28,.f30,.f32,.f34,.f36,.f38,.f40,.f42,.f44,.f46,.f48,.f50,.f52,.f54,.f6,.f8 {
    line-height:normal;
    color:#666
}
.pCenter {
    text-align:center
}
.pRight {
    text-align:right
}
.pLeft {
    text-align:left
}
.pJustify {
    text-align:justify
}
.textShadow-2 h1,.textShadow-2 h2,.textShadow-2 h3,.textShadow-2 h4,.textShadow-2 h5,.textShadow-2 h6,.textShadow-2 p,.textShadow-2 span,.textShadow-2 strong {
    text-shadow:1px 2px 2px #000
}
.tColor-1 {
    color:#f9f9f9
}
.tColor-1 p {
    color:#f9f9f9
}
.tColor-1 h1 {
    color:#f9f9f9
}
.tColor-1 h2 {
    color:#f9f9f9
}
.tColor-1 h3 {
    color:#f9f9f9
}
.tColor-1 h4 {
    color:#f9f9f9
}
.tColor-1 h5 {
    color:#f9f9f9
}
.tColor-1 h6 {
    color:#f9f9f9
}
.tColor-1 a {
    color:#f9f9f9
}
.tColor-1 a:hover {
    color:#f9f9f9
}
.tColor-1 a:visited {
    color:#333
}
.tColor-2 {
    color:#f2f2f2
}
.tColor-2 p {
    color:#f2f2f2
}
.tColor-2 h1 {
    color:#f2f2f2
}
.tColor-2 h2 {
    color:#f2f2f2
}
.tColor-2 h3 {
    color:#f2f2f2
}
.tColor-2 h4 {
    color:#f2f2f2
}
.tColor-2 h5 {
    color:#f2f2f2
}
.tColor-2 h6 {
    color:#f2f2f2
}
.tColor-2 a {
    color:#f2f2f2
}
.tColor-2 a:hover {
    color:#f2f2f2
}
.tColor-2 a:visited {
    color:#f2f2f2
}
.tColor-3 {
    color:#ccc!important
}
.tColor-3 p {
    color:#ccc!important
}
.tColor-3 h1 {
    color:#ccc
}
.tColor-3 h2 {
    color:#ccc
}
.tColor-3 h3 {
    color:#ccc
}
.tColor-3 h4 {
    color:#ccc
}
.tColor-3 h5 {
    color:#ccc
}
.tColor-3 h6 {
    color:#ccc
}
.tColor-3 a {
    color:#ccc
}
.tColor-3 a:hover {
    color:#ccc
}
.tColor-3 a:visited {
    color:#ccc
}
.tColor-4 {
    color:#333!important
}
.tColor-4 p {
    color:#333!important
}
.tColor-4 h1 {
    color:#333
}
.tColor-4 h2 {
    color:#333
}
.tColor-4 h3 {
    color:#333
}
.tColor-4 h4 {
    color:#333
}
.tColor-4 h5 {
    color:#333
}
.tColor-4 h6 {
    color:#f9f9f9
}
.tColor-4 a {
    color:#333
}
.tColor-4 a:hover {
    color:#999
}
.tColor-4 a:visited {
    color:#666
}
::selection {
    background:#d25671;
    color:#fff
}
::-moz-selection {
    background:#d25671;
    color:#fff
}
.textShadow-2 h1,.textShadow-2 h2,.textShadow-2 h3,.textShadow-2 h4,.textShadow-2 h5,.textShadow-2 h6,.textShadow-2 strong {
    text-shadow:1px 2px 2px #000
}
.fRight {
    float:right!important;
    margin-right:1px
}
.fLeft {
    float:left!important;
    margin-left:1px
}
#contFooterH {
    border-bottom:1px solid #f2f2f2!important
}
.imgMrg img {
    margin:1%!important
}
.img10 img,.img100 img,.img20 img,.img30 img,.img40 img,.img5 img,.img50 img,.img60 img,.img70 img,.img80 img,.img90 img {
    margin:0 auto!important;
    padding:0
}
.img5 img {
    width:5%!important;
    margin-left:47.5%!important
}
.img10 img {
    width:10%!important;
    margin-left:45%!important
}
.img20 img {
    width:20%!important;
    margin-left:40%!important
}
.img30 img {
    width:30%!important;
    margin-left:35%!important
}
.img40 img {
    width:40%!important;
    margin-left:30%!important
}
.img50 img {
    width:50%!important;
    margin-left:25%!important
}
.img60 img {
    width:60%!important;
    margin-left:20%!important
}
.img70 img {
    width:70%!important;
    margin-left:15%!important
}
.img80 img {
    width:80%!important;
    margin-left:10%!important
}
.img90 img {
    width:90%!important;
    margin-left:5%!important
}
.img100 img {
    width:100%!important
}
#containerTop {
    width:90%;
    overflow:hidden;
    margin:5px auto 0 auto
}
#containerTop #logo {
    float:left;
    position:relative;
    width:35%;
    height:auto;
    margin:1.3% 0 0 1%
}
#containerTop #logo img {
    width:99%;
    border-radius:0;
}
#containerTop #menu {
    float:left;
    position:relative;
    width:35%;
    height:50px;
    margin:1.3% 20px
}
#containerTop #right {
    float:right;
    position:relative;
    width:45%;
    height:50px;
    margin:1.3% 1% 0 0
}
.menuTop-1 {
    float:right
}
.menuTop-1 li {
    width:auto;
    margin:0 10px 0 10px;
    padding:0 5px 0 5px
}
.menuTop-2 {
    float:right;
    width:100%
}
.menuTop-2 li {
    display:block;
    font-size:18px;
    text-transform:uppercase
}
.menuTop-2 a {
    display:block;
    margin:1px;
    padding:12px 10px 12px 10px;
    color:#f9f9f9!important;
    text-decoration:none!important;
    background:#d25671
}
.menuTop-2 a:hover {
    display:block;
    color:#d25671!important;
    background-color:#efc75e
}
#box-L50Slogan {
    position:relative;
    float:left;
    width:50%;
    margin:5% 2% 0 2%
}
#box-R40Slogan {
    position:relative;
    float:right;
    width:40%;
    margin:5% 2% 0 2%
}
.boxTop {
    margin-top:6%
}
.boxTop h1 {
    width:auto;
    font-size:60px;
    text-align:center;
    font-weight:400
}
.boxTop p {
    width:auto;
    font-size:40px;
    text-align:center
}
.boxTop span {
    font-size:32px;
    text-align:left
}
.boxTopLand {
    margin-top:1%
}
.boxTopLand h1 {
    width:auto;
    font-size:60px;
    text-align:center;
    font-weight:400
}
.boxTopLand p {
    width:auto;
    font-size:58px;
    text-align:center
}
.boxTopLand span {
    font-size:32px;
    text-align:left
}
.boxTop span a {
    color: #f9f9f9;
}
.boxTop span a:visited {
    color: #f9f9f9;
}
#btnStart {
    position:relative;
    float:inherit;
    min-width:250px;
    max-width:400px;
    height:auto;
    margin:3% auto 0 auto;
    padding:10px 0 10px 0;
    font-size:28px;
    text-align:center;
    color:#00cfc5;
    background-color:#d25671;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
#btnStart a:link {
    display:block;
    text-decoration:none;
    color:#f9f9f9
}
#btnStart a:hover {
    display:block;
    text-decoration:none;
    color:#ccc
}
.cnt-1,.cnt-10,.cnt-2,.cnt-3,.cnt-4,.cnt-5,.cnt-6,.cnt-7,.cnt-8,.cnt-9,.cnt-10 {
    width:100%!important;
    height:100%!important;
    margin:0 auto;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover
}
.cnt-1 {
    background-color: #000;
    background-image:url(../images/banner/inox3-descritivo-C.I-100-R.I-100-mobile.webp?1);
    width:auto;
    height:660px!important;
    opacity: 0.6;
}  
.cnt-6 {
    background-color: #1e3e83;
    background-image:url(../images/cutter-industrial.webp?2);
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
.cnt-6 p, .cnt-6 .labelCenter p, .cnt-6 .labelCenter h2 {
    color:#fff; 
}
.cnt-10 {
    background-color: #000;
    background-image:url(../images/banner/inox3-descritivo-C.I-100-R.I-100-mobile.webp?1);
    background-position: center;
    width:auto;
    min-height: 230px !important;
    opacity: 0.6;
}
.cnt-11 {
    background-color: #000;
    background-image: url(../images/banner/cutter-industrial-fabrica.webp?1);
    width: auto;
    height: 660px !important;
    opacity: 0.6;
}    
/*opacity & transitions*/
.opacity  {
    opacity: 0.9!important;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
}
.opacity:hover  {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
 
.labelContato {
    width:100%;
    color:#fff;
    background-image:url(../images/icos/Zoop-endereco.png);
    background-position:right;
    
    background-repeat:no-repeat
}
p.labelContato {
    font-size:35px
}
/*
.box p {
    font-size:58px;
    color:#333;
    margin:5% 2% 0 2%;
    line-height: 50%!important;
}
*/
.box p {
    font-size: 20px;
    color: #333;
    margin: 1% 2% 0 0;
    line-height: normal;
}
.box span {
    font-size:26px;
    color:#d25671
}
.box img {
    border:1px solid #f2f2f2;
}
#boxR2 .f20 {
    color:#fff!important
}
.f22 strong {
    padding-left:4px;
}
.footer {
    /*background-image:url(../images/bgs/ponto.png);*/
    background-repeat:no-repeat;
    background-position:right bottom;
    background-attachment:fixed
}
.footer a, .informTop a {
   color: #f9f9f9;
}
.footer a:visited, .informTop a:visited {
   color: #f2f2f2;
}

.pCenter {
    font-size:18px
}
input {
    width:90%;
    height:25px;
    padding:3px 8px;
    border-radius:4px;
    border:1px solid #ccc
}
textarea {
    width:90%;
    height:auto;
    overflow:auto;
    padding:3px 8px;
    border-radius:4px;
    border:1px solid #ccc
}
.btn {
    width:auto;
    height:35px;
    padding:6px;
    margin:6px;
    background:#e94c4a;
    cursor:pointer;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.btn:hover {
    background:#f90;
    color:#f9f9f9
}
.btn a {
    text-decoration:none;
    color:#fff!important
}
.btn a:link {
    text-decoration:none;
    color:#fff!important
}
.btn a:hover {
    color:#ff0;
    text-decoration:underline
}
.btn a:visited {
    color:#fff
}
.btn2 {
    width:150px;
    height:35px;
    background:#f90;
    cursor:pointer;
    border:none
}
.btn2:hover {
    background:red;
    color:#f9f9f9
}
.btnFooter {
    width:auto;
    height:35px;
    padding:6px;
    margin:1px;
    background:#e94c4a;
    cursor:pointer;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.btnFooter:hover {
    background:#f90;
    color:#f9f9f9
}
.btnFooter a {
    text-decoration:none;
    color:#fff!important
}
.btnFooter a:link {
    text-decoration:none;
    color:#fff!important
}
.btn a:hover {
    color:#ff0;
    text-decoration:underline
}
.btnFooter a:visited {
    color:#fff
}
fieldset {
    width:90%;
    margin:6px 0 6px 0;
    font-size:15px;
    color:#333;
    background-color:#f9f9f9;
    border:1px solid #f2f2f2
}
fieldset:hover {
    box-shadow:2px 3px 3px #ccc;
    -moz-box-shadow:2px 3px 3px #ccc;
    -webkit-box-shadow:2px 3px 3px #ccc
}
legend {
    display:block;
    width:100%;
    padding:0;
    margin-bottom:4px;
    font-size:16px;
    line-height:inherit;
    color:#999;
    border:0
}
label {
    font-size:14px;
    color:#666;
    font-family:OpenSans Arial,Helvetica,sans-serif
}
input {
    -webkit-appearance:none;
    padding:3px 8px
}
input[type=text] {
    width:90%;
    height:25px;
    border:1px solid #ccc
}
input[type=email] {
    width:90%;
    height:25px;
    border:1px solid #ccc
}
input[type=password] {
    width:90%;
    height:25px;
    border:1px solid #ccc
}
input[type=radio] {
    width:20px;
    height:20px;
    top:5px;
    left:1px;
    border-radius:10px;
    border:1px solid #ccc
}
input[type=radio]:checked:before {
    content:"•";
    font-size:15px;
    position:relative;
    color:red;
    top:-3px;
    left:-3px
}
input[type=checkbox] {
    width:20px;
    height:20px;
    top:10px;
    left:1px;
    border:1px solid #ccc
}
input[type=checkbox]:checked:before {
    content:"x";
    font-size:18px;
    position:relative;
    color:red;
    top:-5px;
    left:-3px
}
input[type=button] {
    padding:1% 3% 1% 3%;
    border:none;
    background-color:#fc0
}
input[type=button]:hover {
    padding:1% 3% 1% 3%;
    border:none;
    background-color:red;
    cursor:pointer
}
input[type=submit] {
    padding:1% 3% 1% 3%;
    border:none;
    background-color:#fc0
}
input[type=submit]:hover {
    padding:1% 3% 1% 3%;
    border:none;
    background-color:red;
    cursor:pointer
}
input[type=reset] {
    padding:1% 3% 1% 3%;
    border:none;
    background-color:#fc0
}
input[type=reset]:hover {
    padding:1% 3% 1% 3%;
    border:none;
    background-color:red;
    cursor:pointer
}
select {
    width:92%;
    height:25px;
    border:1px solid #ccc
}
select option {
    box-shadow:2px 3px 3px #ccc;
    -moz-box-shadow:2px 3px 3px #ccc;
    -webkit-box-shadow:2px 3px 3px #ccc
}
textarea {
    width:90%;
    height:80px;
    padding:3px 8px;
    border:1px solid #ccc
}
a.tooltip span {
    display:none;
    clear:both;
    width:auto;
    padding:6px;
    margin-top:-75px;
    margin-left:-10px;
    z-index:10000
}
a.tooltip:hover span {
    display:inline;
    color:#f9f9f9;
    position:absolute;
    background:#333
}
.callout {
    position:absolute;
    top:19px;
    margin:0 auto;
    z-index:20
}
a.toolTipForm span {
    display:none;
    clear:both;
    width:auto;
    padding:6px;
    margin-top:-25px;
    margin-left:-100px;
    z-index:10000
}
a.toolTipForm:hover span {
    display:inline;
    color:#f9f9f9;
    position:absolute;
    background:#333
}
.fR {
    float:right
}
header input[type=checkbox] {
    display:none;
    position:absolute;
    left:-9999px;
    opacity:0
}
.border {
    border:1px solid #f2f2f2
}
.borderTop {
    border-top:1px solid #f2f2f2
}
.borderRight {
    border-right:1px solid #f2f2f2
}
.borderBottom {
    border-bottom:1px solid #f2f2f2
}
.borderLeft {
    border-left:1px solid #f2f2f2
}
.colorB-1 {
    background-color:#f9f9f9!important
}
.colorB-2 {
    background-color:#f2f2f2!important
}
.colorB-3 {
    background-color:#ccc!important
}
.colorB-4 {
    background-color:#999!important
}
.colorB-5 {
    background-color:#666!important
}
.colorB-6 {
    background-color:#333!important
}
#alert {
    position:relative;
    margin-left:1px;
    width:85%;
    overflow:hidden
}
.alert {
    padding:8px 35px 8px 14px;
    margin-bottom:20px;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    background-color:#fcf8e3;
    border:1px solid #fbeed5;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.alert-success {
    color:#468847;
    background-color:#dff0d8;
    border-color:#d6e9c6
}
.alert-fail {
    color:#c00;
    background-color:#e6c0c0;
    border-color:#de7a7b
}
.alert .close {
    position:relative;
    top:-2px;
    right:-21px;
    line-height:20px
}
.close {
    float:right;
    font-size:20px;
    font-weight:700;
    line-height:20px;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.2
}
button.close {
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none
}
.box-shadow {
    -webkit-box-shadow:-2px 2px 31px rgba(0,0,0,.25);
    -moz-box-shadow:-2px 2px 31px rgba(0,0,0,.25);
    box-shadow:-2px 2px 31px rgba(0,0,0,.25)
}
.box-shadow li {
    -webkit-box-shadow:-2px 2px 31px rgba(0,0,0,.25);
    -moz-box-shadow:-2px 2px 31px rgba(0,0,0,.25);
    box-shadow:-2px 2px 31px rgba(0,0,0,.25)
}
.box-shadow:hover {
    -webkit-box-shadow:-2px 2px 31px rgba(0,0,0,.25);
    -moz-box-shadow:-2px 2px 31px rgba(0,0,0,.25);
    box-shadow:-2px 2px 31px rgba(0,0,0,.25)
}
.box-shadowH:hover {
    -webkit-box-shadow:-2px 2px 31px rgba(0,0,0,.25);
    -moz-box-shadow:-2px 2px 31px rgba(0,0,0,.25);
    box-shadow:-2px 2px 31px rgba(0,0,0,.25)
}

.table {
     width: 100%;
     max-width: 100%;
     margin-bottom: 20px;
}
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
     min-width: 30px;
     max-width: 550px;
     padding: 5px 6px 3px 6px;
    /*line-height: 1.42857143*/
     line-height: 1.42857143;
     vertical-align: top;
     color: #666666;
     font-weight:normal;
    /*font-size:14px;
    */
     font-size:16px;
     word-wrap: break-word;
     border-radius:1px;
     -webkit-border-radius:1px;
     -moz-border-radius:1px;
}
 .table > thead > tr > th:hover, .table > tbody > tr > th:hover, .table > tfoot > tr > th:hover, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
     padding: 5px 6px 3px 6px;
     line-height: 1.42857143;
     vertical-align: top;
     color:#000;
     font-weight:normal;
     transition:1s;
     -webkit-transition:1s;
    -moz-transition:1s;
}
 .table > thead > tr > th {
     vertical-align: bottom;
     color:#999;
     font-weight:normal;
}
 .table a:visited {
     color:#d25671!important;
}
.table > thead > tr > th:hover {
     vertical-align: bottom;
    /*border-bottom: 2px solid #ddd;
     */
    color:#333;
}
 .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
     border-top: 0;
}
 .table > tbody + tbody {
     border-top: 2px solid #ddd;
}
 .table .table {
     background-color: #fff;
}
 .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
     padding: 5px;
}
 .table-bordered {
     border: 1px solid #ddd;
}
 .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
     border: 1px solid #ddd;
}
 .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
     border-bottom-width: 2px;
}
 .table-striped > tbody > tr:nth-child(odd) {
     background-color: #f2f2f2;
    /*#eef2f4*/
}
 .table-hover > tbody > tr:hover {
     background-color: aquamarine;
     box-shadow: -1px 5px 10px #ccc;
     -moz-box-shadow: -1px 5px 10px #ccc;
     -webkit-box-shadow: -1px 5px 10px #ccc;
}
 table col[class*="col-"] {
     position: static;
     display: table-column;
     float: none;
}
table td[class*="col-"], table th[class*="col-"] {
     position: static;
     display: table-cell;
     float: none;
}
 .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
     background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
     background-color: #e8e8e8;
}
 .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
     background-color: #dff0d8;
}
 .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
     background-color: #d0e9c6;
}
 .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
     background-color: #d9edf7;
}
 .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
     background-color: #c4e3f3;
}
 .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
     background-color: #fcf8e3;
}
 .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
     background-color: #faf2cc;
}
 .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
     background-color: #f2dede;
}
 .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
     background-color: #ebcccc;
}

@media screen and (min-width:150px) and (max-width:570px) {
    .cnt-10 {
        min-height: 150px !important;
    }
    .display-1599-2950 {
        display: block;
    }
    .display-150-570 {
        display: none;
    }
    .informTop { 
        display: none; 
    }
    h1 {
        font-size:30px
    }
    h2 {
        font-size:25px
    }
    h3 {
        font-size:20px
    }
    h4 {
        font-size:15px
    }
    h5 {
        font-size:10px
    }
    h6 {
        font-size:5px
    }
    h1,h2,h3,h4,h5,h6,p,p span {
        font-family:'Open Sans',Lato,Calibri,Arial,Helvetica,sans-serif;
        line-height:normal;
    }
    .labelCenter p {
        font-size: 30px;
        text-align: center;
        color: #333;
        margin: 1% 0 0 1%;
    }
    .boxTop h1 {
        width: auto;
        font-size: 30px;
        text-align: center;
        line-height:normal;
        font-weight: 400;
    }
    #containerTop #logo {
       position: relative;
        width: 50%;
        height: auto;
        margin-left: 25%;
    }
    #box-L50Slogan,#box-R40Slogan {
        width:100%
    }
    .boxTop p {
       margin-top: 6%;
        width: 90%;
        font-size: 18px;
    }
    .boxTop p span {
        font-size:20px;
        text-align:center;
        line-height:normal;
        color:#f9f9f9;
        margin:1% 2% 0 2%
    }

    .cnt-1 {
        background-color: #000;
        background-image:url(../images/banner/inox3-descritivo-C.I-100-R.I-100-mobile.webp?2);
        width:auto;
        min-height:400px;
        opacity: 0.6;
    }
    
    #box-R10,#box-R100,#box-R20,#box-R25,#box-R30,#box-R40,#box-R50,#box-R60,#box-R70,#box-R80,#box-R90 {
        width:100%;
        position:relative;
        overflow:hidden;
        margin:0 auto
    }
    #box-L10,#box-L100,#box-L20,#box-L25,#box-L30,#box-L40,#box-L50,#box-L60,#box-L70,#box-L80,#box-L90 {
        width:100%;
        position:relative;
        overflow:hidden;
        margin:0 auto
    }
    .box10,.box100,.box20,.box30,.box40,.box50,.box60,.box70,.box80,.box90 {
        width:100%;
        height:auto;
        margin:1% auto 1% auto;
        padding:1%
    }
    #boxL1,#boxL2,#boxR1,#boxR2 {
        width:100%;
        margin:0 auto
    }
    #content {
        border-top:1px solid #333!important
    }
    #contFooterH {
        border-bottom:3px solid #f2f2f2!important
    }
}



@media screen and (min-width:150px) and (max-width:979px) {
    .fR {
        display:inline;
        position:fixed
    }
    header .control-nav {
        position:absolute;
        right:20px;
        top:20px;
        display:block;
        width:50px;
        padding:5px 0;
        border:solid #f9f9f9;
        border-width:5px 0;
        z-index:2;
        cursor:pointer
    }
    header .control-nav:before {
        content:"";
        display:block;
        height:5px;
        background:#f9f9f9
    }
    header .control-nav-close {
        position:fixed;
        right:0;
        top:0;
        bottom:0;
        left:0;
        display:block;
        z-index:1;
        background:rgba(249,249,249,.4);
        -webkit-transition:all .5s ease;
        transition:all .5s ease;
        -webkit-transform:translate(100%,0);
        -ms-transform:translate(100%,0);
        transform:translate(100%,0)
    }
    header nav {
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        width:250px;
        border-left:1px solid #ccc;
        background:#fff;
        overflow-x:auto;
        z-index:2;
        -webkit-transition:all .5s ease;
        transition:all .5s ease;
        -webkit-transform:translate(100%,0);
        -ms-transform:translate(100%,0);
        transform:translate(100%,0)
    }
    header ul.menuTop-2 {
        padding:0
    }
    header ul.menuTop-2 li {
        width:100%;
        border:solid #ccc;
        border-width:0 0 1px
    }
    header li a {
        padding:15px 10px
    }
    header li a:hover {
        background-color:#ccc
    }
    #control-nav {
        display:block
    }
    #control-nav:focus~.control-nav {
        border-color:#f9f9f9;
        box-shadow:0 0 9px rgba(0,0,0,.3)
    }
    #control-nav:focus~.control-nav:before {
        background:#f9f9f9
    }
    #control-nav:checked~.control-nav-close {
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
    #control-nav:checked~nav {
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
    .footer {
        background-image:none
    }
}
@media screen and (min-width:571px) and (max-width:979px) {
    .display-1599-2950 {
        display: block;
    }
    .display-571-979 {
        display: none;
    }
    .informTop { display: none; }
    #containerTop #logo {
        float:left;
        position:relative;
        width:30%;
        height:auto;
        margin:1.3% 0 0 1%
    }
    #box-L50Slogan,box-R40Slogan {
        width:100%;
        margin:0 auto
    }
    .boxTop p {
        margin-top:6%
    }
    .box p {
        font-size:38px;
        text-align:center;
        color:#333;
        margin:10% 2% 0 2%
    }
    .box span {
        font-size:22px;
        color:#00cfc5
    }
    
    #box-R10,#box-R100,#box-R20,#box-R25,#box-R30,#box-R40,#box-R50,#box-R60,#box-R70,#box-R80,#box-R90 {
        float:left;
        width:49%;
        position:relative;
        overflow:hidden;
        margin:0 auto 4px auto
    }
    #box-L10,#box-L100,#box-L20,#box-L25,#box-L30,#box-L40,#box-L50,#box-L60,#box-L70,#box-L80,#box-L90 {
        float:right;
        width:49%;
        position:relative;
        overflow:hidden;
        margin:0 auto 7px auto
    }
    #boxR1 {
        float:right;
        width:40%;
        height:auto;
        margin:5px auto 5px auto
    }
    #boxL1 {
        float:left;
        width:59%;
        height:auto;
        margin:5px auto 5px auto
    }
    #content {
        border-top:3px solid #f2f2f2!important
    }
    #contFooterH {
        border-bottom:3px solid #f2f2f2!important
    }
}
@media screen and (min-width:1599px) and (max-width:2950px) {
    .display-1599-2950 {
        display: none;
    }

    body {
        font-size:22px
    }
    #content {
        border-top:3px solid #f2f2f2!important
    }
    #containerTop #right {
        width:54%
    }
    .menuTop-2 li {
        font-size:32px
    }
    .cnt-1 {
        width:auto;
        height:790px!important
    }
    .boxTop {
        margin-top:1%
    }
    .boxTop h1 {
        font-size:75px
    }
    .boxTop p {
        font-size:55px
    }
    .boxTop span {
        font-size:42px
    }
    #btnStart {
        font-size:42px;
        width:500px;
        height:auto;
        margin-top:1%;
        padding:20px 0 20px 0
    }
    .labelCenter p {
        font-size:68px
    }
    .labelRight p {
        font-size:68px
    }
    .labelLeft p {
        font-size:68px
    }
    p.labelContato {
        font-size:58px;
        font-weight:400
    }
    .box p {
        font-size:80px
    }
    .box span {
        font-size:42px
    }
    .pCenter {
        font-size:28px
    }
    .f6 {
        font-size:6pt
    }
    .f8 {
        font-size:8px
    }
    .f10 {
        font-size:10px
    }
    .f12 {
        font-size:12px
    }
    .f14 {
        font-size:14px
    }
    .f16 {
        font-size:16px
    }
    .f18 {
        font-size:18px
    }
    .f20 {
        font-size:20px
    }
    .f22 {
        font-size:22px
    }
    .f24 {
        font-size:24px
    }
    .f26 {
        font-size:26px
    }
    .f28 {
        font-size:28px
    }
    .f10,.f12,.f14,.f16,.f18,.f20,.f22,.f24,.f26,.f27,.f28,.f30,.f32,.f34,.f36,.f38,.f40,.f42,.f44,.f46,.f48,.f50,.f52,.f54,.f6,.f8 {
        line-height:110%
    }
}
