* { margin: 0; padding: 0; font-size: 100%; font-family: 'Avenir Next', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; line-height: 1.65; }

img { max-width: 100%; margin: 0 auto; display: block; }

body, .body-wrap { width: 100% !important; height: 100%; background: #f8f8f8; }

a { color: #71bc37; text-decoration: none; }

a:hover { text-decoration: underline; }

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

.text-right { text-align: right; }

.text-left { text-align: left; }

.button { display: inline-block; color: white; background: #71bc37; border: solid #71bc37; border-width: 10px 20px 8px; font-weight: bold; border-radius: 4px; }

.button:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; line-height: 1.25; }

h1 { font-size: 32px; }

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5 { font-size: 16px; }

p, ul, ol { font-size: 16px; font-weight: normal; margin-bottom: 20px; }

.top-img { display: block !important; clear: both !important; margin: 0 auto !important; max-width: 100% !important; }

.top-img table { width: 100% !important; border-collapse: collapse; }

.top-img .masthead { 
	padding: 31px 0; 
	background-image: url('../images/topBG.jpg') !important;
    background-size: auto !important;
    background-position: 50% 0% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-color: rgb(42, 53, 161) !important; 
   margin: 0 auto !important; 
   max-width: 100%; text-transform: 
   uppercase; 
}

.top{
   padding: 10px;
}

.arrow{
   width: 100%;
}   

.top-img .content { background: white; padding: 30px 35px; }

.top-img .content.footer { background: none; }

.top-img .content.footer p { margin-bottom: 0; color: #888; text-align: center; font-size: 14px; }

.top-img .content.footer a { color: #888; text-decoration: none; font-weight: bold; }

.top-img .content.footer a:hover { text-decoration: underline; }

.conteudo{
	display: block !important;
    margin: 0 auto !important;
    max-width: 950px !important;
    padding: 20px;
    background: rgb(241, 243, 255) !important;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 12px inset;
   	
}

   .pote {
         width: 48%;
         }
         .texto-top{
         top: 25px;
         }
         .texto-top > p{
         margin-bottom: -10px;
         color: white;
         }
         .content> strong > em{
         color: rgb(23, 30, 91) !important;
         font-size: 26px !important;
         text-align: center;
         font-family: "Open Sans";
         }
         .content > p{
         font-family: "Open Sans";
         display: block;
         margin-block-start: 1em;
         margin-block-end: 1em;
         margin-inline-start: 0px;
         margin-inline-end: 0px;
         }
         p{
         font-family: "Open Sans";
         margin-block-end: 10px;
         margin-block-start: 10px;
         }
         .vc{
         text-align: center;
         color: rgb(72, 89, 253) !important;
         font-family: "Open Sans";
         font-size: 26px !important;
         }
         .texto-xtramen{
         background-color: rgb(255, 255, 255) !important;
         border: 1px solid rgb(204, 204, 204) !important;
         padding: 20px;
         }
         .xtram > p{
         font-family: "Open Sans";
         display: block;
         margin-block-end: 10px;
         margin-block-start: 10px;
         }
         .glyphicon-check:before {
         color: blue;
         }
         .img-faixa{
         top: 2.5px;
         max-width: 1070px !important;
         position: relative;
         display: block !important;
         clear: both !important;
         margin: 0 auto !important;
         }
         .img-teste:first-child {
         background-image: url('images/ribbon.png');
         background-repeat: no-repeat;
         background-size: cover; /* Make the image cover the td */
         background-position: 50% /* Center the image inside the td */
         }
         .titulo-faixa{
         font-size: 15px !important;
         font-family: "Open Sans";
         }
         .experiencia{
         text-transform: uppercase !important;
         color: rgb(23, 30, 91) !important;
         font-size: 26px !important;
         font-weight: 700;
         }
         blockquote {
         border:none;
         font-family:Georgia, "Times New Roman", Times, serif;
         margin-bottom:-30px;
         position: relative; 
         max-width: 80%; 
         margin: 0 auto; 
         padding-left: 0.4em; 
         }
         blockquote h3 {
         font-size:21px;
         }
         blockquote h3:before { 
         content: "\201C";
         font-weight: bold;
         font-size:100px;
         color:#889c0b;
         position: absolute; 
         top: -0.2em;
         left: -0.5em; 
         font-family: 'Georgia'; 
         } 
         blockquote h3:after { 
         content: "\201D";
         font-weight: bold;
         font-size:100px;
         color:#889c0b;
         position: absolute; 
         bottom: -0.6em;
         right: 0; 
         font-family: 'Georgia'; 
         }

          .centered {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         }
         .containeer {
         position: relative;
         text-align: center;
         color: white;
         }
         .footer{
         background: rgb(73, 90, 255);
         }
         a{
         color: white;
         font-size: 20px;
         font-family: "Open Sans"
         }
         .footer > p{
         color: white;
         }
         .copy{
         color: white;
         font-size: 26px;
         }

}