.container {position: relative; width: 94%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.container-fluid {position: relative; width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
.column,.columns { width: 100%; float: left; box-sizing: border-box; }
.pad{padding:40px 0}
.padd{padding: 80px 0}
.pad4{padding:40px}.pad5{padding:50px}
.br{color:#fff}
.az{color:#00c1d5}
.aze{color:#326184}
.bgbr{background-color:#fff}
.bgcz{background-color:#F1F3F5}
.bgaz{background-color:#12466d}
.bgczaz{background-color:#a6c3db}
.bgczaz a{color:#fff}.bgczaz a:hover{color:#3f4f7e}
.bgazu{background-image:url(//mandatto.com/img/azul-trans.png);background-repeat:repeat}
.bgtt{background-image:url(//mandatto.com/img/tt-fundo.png);background-repeat:repeat; background-position:bottom right; background-attachment:fixed}
.som{-webkit-box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.2);box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.2)}
.pe {background-color:#0e2333; font-size:65%; letter-spacing:0.2em; padding:50px 0}
.plugin-content li{list-style:none; text-transform:uppercase; font-size:13px; line-height:18px; border-bottom:1px solid #a6c3db; padding:10px 0 19px 0}
.plugin-tags .plugin-content li{font-size:10px; border:1px solid #a6c3db; padding:5px; float:left; margin:0 10px 10px 0}
.row .art{text-align:justify}
.row .art h2{text-align:left}

#slideshow img {position:absolute; top:0px; left:0; width:100%;}

/* For devices larger than 400px */
@media (min-width: 300px) {
    .container {width:85%; padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container { width: 80%; }
  .column, .columns { margin-left: 4%; }
  .column:first-child, .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* NOTE        html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {font-size:62.5%; }
body {font-size:1.7em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height:2.2; font-weight:300; font-family:'Lato', sans-serif; color:#222; letter-spacing:0.04em; overflow-x:hidden; width:100%; height:100%; padding:0; margin:0; background-color:#fff}

body div#preloader {position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; overflow:visible; background:#fff url('https://mandatto.com/img/loading.gif') no-repeat center center; }


h1, h2, h3, h4, h5, h6 {margin:0 0 1rem 0; color:#12466d; font-weight:lighter; text-transform:uppercase}
h1 {font-size:4.0rem; line-height:1.5; letter-spacing:.6rem;}
h2 {font-size:3.6rem; line-height:1.4; letter-spacing:.4rem;}
h3 {font-size:3.0rem; line-height:1.4; letter-spacing:.4rem; font-weight:300}
h4 {font-size:2.4rem; line-height:1.4; letter-spacing:.4rem; font-weight:300}
h5 {font-size:1.8rem; line-height:1.5; letter-spacing:.3rem; font-weight:300}
h6 {font-size:1.5rem; line-height:1.6; letter-spacing:.3rem; font-weight:300}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 7.5rem; }
  h2 { font-size: 5.4rem; }
  h3 { font-size: 4.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 {font-size: 1.5rem; }
}



.response h5{font-size:14px; margin:2rem 0 3rem 0}
.response a {color:#fff}
#gestao h3, #wealth h3 {font-size:1.64rem}
#wealth li, #gestao li {margin:30px 0}
.plugin-pages h2, .plugin-tags h2{font-size:38px}

p {margin-top: 0;}
.text-center {text-align:center}
.text-just {text-align:justify}


a {color:#1EAEDB; text-decoration:none;
-o-transition:color .2s ease-out, background 1s ease-in; -ms-transition:color .2s ease-out, background 1s ease-in; -moz-transition:color .2s ease-out, background 1s ease-in; -webkit-transition:color .2s ease-out, background 1s ease-in;}
a:hover {color:#00c1d5; text-decoration:none}


.button,button,input[type="submit"],
input[type="reset"],input[type="button"] {display:inline-block; height:38px; padding:0 30px; color:#555; text-align:center; font-size:11px; font-weight:600; line-height:38px; letter-spacing:.1rem; text-transform:uppercase; text-decoration:none; white-space:nowrap; background-color:transparent; border-radius:22px; border:1px solid #bbb; cursor:pointer; box-sizing:border-box;}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,
input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {color: #333; border-color: #888; outline:0; }
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,
input[type="button"].button-primary {color: #FFF; background-color: #17adc3; border-color: #17adc3}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {color:#FFF; background-color:#00d0ee; border-color:#17adc3}


input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],
textarea,select {height:50px; padding:9px 14px; /* The 6px vertically centers text on FF, ignored by Webkit */
  border:0; border-radius:20px; box-shadow:none; box-sizing:border-box; color:#000; font-size:14px; font-weight:400;
box-shadow: inset 0px 0px 15px 3px #E8E8E8;
-webkit-box-shadow: inset 0px 0px 15px 3px #E8E8E8;
-moz-box-shadow: inset 0px 0px 15px 3px #E8E8E8;
-o-box-shadow: inset 0px 0px 15px 3px #E8E8E8;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],
input[type="search"],input[type="text"],
input[type="tel"],input[type="url"],input[type="password"],
textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none}
textarea {min-height:120px; padding:9px 14px}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border: 1px solid rgba(81, 203, 238, 1); outline:0;box-shadow: 0 0 5px rgba(81, 203, 238, 1);}
label,legend { display: block; margin-bottom: .5rem; font-weight:600}
fieldset { padding: 0; border-width: 0; }
input[type="checkbox"],input[type="radio"] {display:inline}
label > .label-body { display: inline-block; margin-left: .5rem; font-weight:normal}


ul { list-style: disc inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0;  margin-top: 0; }
ul ul,ul ol,ol ol,ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }
li { margin-bottom: 1rem; }


table {border-collapse:separate; background:#fff; margin:10px auto; width:100%}
thead {background-color:#a6c3db;}
thead th {font-size:18px; font-weight:400; letter-spacing:0.3em; color:#fff; text-align:left; padding:14px 25px}
tbody tr td {padding:14px 25px}
tbody tr:nth-child(2n) {background:#f0f3f5;}
tbody tr:last-child td {border-bottom: none;}
tbody:hover > tr:hover td {color:#2d2d2d; opacity:1;}

@media screen and (max-width: 600px) {
  table thead {border:none; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
  table tr {display:block; margin-bottom:.625em; }
  table td {display:block; text-align:center}
  table td:before {  /*   * aria-label has no advantage, it won't be read inside a table content: attr(aria-label);  */
    content: attr(data-label); float:left; font-weight:bold;}
  table td:last-child {border-bottom: 0; }
}

table .time{border-collapse:separate; background:#fff; margin:50px auto; width:100%}
.time thead {background-color:#a6c3db;}
.time thead th {font-size:14px; font-weight:400; letter-spacing:0; color:#fff; text-align:left; padding:3px 4px; text-align:center; background-color:#a6c3db;}
.time tbody tr td {padding:4px 6px; font-size:12px; text-align:center; border:solid; border-color:#fff}
.time tbody tr:nth-child(2n) {background:#fff}
.time tbody tr:last-child td {}
.time tbody:hover > tr:hover td {color:#2d2d2d; opacity:1;}


button,.button { margin-bottom: 1rem; }
input,textarea,select,fieldset { margin-bottom: 1.5rem; }
pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 2.5rem; }


.u-full-width { width:100%; box-sizing: border-box; }
.u-half-width { width:58%; box-sizing: border-box; }
.u-max-full-width { max-width: 100%; box-sizing: border-box; }
.u-pull-right { float: right; }
.u-pull-left { float: left; }


hr {margin-top:3.5rem; margin-bottom:4rem; border-width:0; border-top:1px solid #a6c3db}
.hrpe {margin-top:1rem; margin-bottom:2rem; border-width:0; border-top:1px solid #345873; width:100%}


/* Self Clearing Goodness */
.container:after,.row:after,.u-cf { content: ""; display: table; clear: both; }







#nav-icon4 {width:35px; height:20px; position:fixed; top:25px; right:25px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;cursor: pointer; z-index:300}
#nav-icon4 span {display: block; position: absolute; height:5px; width:100%; background:#17adc3; border-radius:2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top:10px; -webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); transform: rotate(45deg); top:-3px; left:5px}
#nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg); top:22px; left:5px}
.menu{ color:#17adc3; font-size:10px; position:fixed; top:25px; letter-spacing:0.2em}


@-webkit-keyframes fadeInRight {
  0% {opacity: 0;left: 20%;}
  100% {opacity: 1; left: 0;}
}
@keyframes fadeInRight {
  0% {opacity: 0; left: 20%;}
  100% {opacity: 1; left: 0;}
}







@media (min-width:320px) {
    .top {position:absolute; top:0; left:0; width:100%; z-index:100; padding:13px 0 0 0;}
    .logo {max-width:150px; box-sizing: border-box; float:left; margin:30px 0 22px 0}
    .sub {width:100%; float:left; position:absolute; font-family:'Lato', sans-serif; font-size:10px; font-weight:400; letter-spacing:0.1em; color:darkturquoise}
    .subhead{font-size:14px; font-weight:300}
    .hero {min-height:310px; width:auto; object-fit:cover}
    .heroin {min-height:240px; width:auto; object-fit:cover; z-index:0}
    .conteudo {height:auto; margin-top:200px}
    .conteudoin {margin-top:-30px; height:0}
    .selo{max-width:100px;}
    .lato{font-family: 'Lato', sans-serif; font-weight:400}
    .top a:hover{color:#fff}
    .ico {width:94px; height:auto; padding:20px}

.art img{float:left; width:100%; max-width:400px; -webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.2);box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.2); margin:0 20px 20px 0}
    
#mn {display:none}
.overlay {position:fixed; background:#204563; top:0; left:0; width:100%; height:0%; opacity:0; visibility:hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition:opacity .35s, visibility .35s, height .35s; overflow: hidden; z-index:250}
.overlay.open {opacity:0.9; visibility:visible; height:100%;}
.overlay.open li {-webkit-animation:fadeInRight .5s ease forwards; animation:fadeInRight .5s ease forwards; -webkit-animation-delay:.35s; animation-delay:.35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s; animation-delay:.4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s; animation-delay:.45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s; animation-delay:.50s;}
.overlay nav {position:relative; height:70%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:15px; text-align:center; text-transform:uppercase; letter-spacing:0.25em}
.overlay ul {list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%;}
.overlay ul li {display:block; height:16%; height: calc(100% / 6); min-height:30px; position:relative; opacity:0; color:#17adc3}
.overlay ul li a {display:block; position:relative; color:#fff; text-decoration:none; overflow:hidden}
.overlay ul li a:hover {color:darkturquoise}
}


@media (min-width:550px) {
    .hero {min-height:400px}
    .conteudo {height:auto; margin-top:280px}
}

/* Larger than tablet */
@media (min-width:750px) {
    .top {padding:15px 0 0 0}
    .logo {max-width:200px; margin:45px 0 30px 0}
    .sub {width:100%; left:0; font-size:10px;letter-spacing:0.3em;}
    .subhead{font-size:19px}
    .hero {min-height:500px}
    .conteudo {height:auto; margin-top:350px}
    .conteudoin {margin-top:-60px; height:0}
.art img{max-width:50%; margin:10px 30px 20px 0}
}


@media (min-width: 1000px) {
    .top {padding:25px 0}
    .logo {max-width:210px; margin:47px 0 35px 0}
    .hero {min-height:550px}
    .conteudo {height:auto; margin-top:500px}
    .selo{max-width:180px; margin:25px 0 0px 0}
    .sub{right:0; float:right}
    #subm {float: right}
.button_containe {display:none}
.overlay {display:none}
#mn {top:70px; right:0; width:100%; position:absolute; z-index:110; display:block; }
#mn ul {padding:0px; right:0; background:none; list-style:none; position:absolute}
#mn ul li {display:inline;}
#mn ul li a {padding:2px 0 0 25px; display:inline-block; color:#fff; text-decoration:none; text-transform:uppercase; font-size:13px; letter-spacing:0.35em}
#mn ul li a:hover{color:darkturquoise}
    .index{margin-top:-40px}
}


@media (min-width: 1270px) {
    .hero {min-height:550px}
    .conteudo {margin-top:680px}
}

@media (min-width: 1400px) {
    .conteudo {margin-top:820px}
}

/* Larger than Desktop HD */
@media (min-width: 1600px) {
    .logo {max-width:240px; margin:70px 0 50px 0}
    .conteudo {margin-top:950px}
    #mn {top:90px}
    .index{margin-top:-37px}
}


@media (min-width: 1920px) {
    .conteudo {margin-top:1170px}


}



.overl {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(30, 69, 99, 0.8); transition:opacity 500ms; visibility:hidden; opacity:0; height:auto; z-index:500}
.overl:target {visibility:visible; opacity:1}
.popup {margin:120px auto 0 auto; padding:20px; background:#fff; width:30%; position:relative; transition:all 5s ease-in-out; height:auto}
.popup .close {position:absolute; top:-10px; right:22px; transition:all 200ms; font-size:35px; font-weight:bold; text-decoration:none; color:#333}
.popup .close:hover {color:#17adc3}
.popup .content {max-height:70%; overflow:auto; padding:12px}

@media screen and (max-width:700px){
  .popup{width:80%;}
}





#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(../img/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../img/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../img/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../img/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../img/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../img/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../img/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../img/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:#fff url('https://mandatto.com/img/loading.gif') no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}


/*  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}