@import url('https://fonts.googleapis.com/css?family=Roboto');

html {box-sizing: border-box;font-family:"Roboto", sans-serif;}
*, *:before, *:after {box-sizing: inherit;}


    body {
        min-height: 800px;
        padding-top: 130px;
        font-family:"Roboto", sans-serif;
    }

    p{
        color: #333;
        font-size: 16px;
    }

    h1{
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        text-transform: uppercase;
        margin: 0;
        font-family:"Roboto", sans-serif;
    }

    h2{
        font-size: 40px;
        color: #1c53a1;
        margin-bottom: 40px;
        font-family:"Roboto", sans-serif;
        text-align: center;
    }

    h2.home{
        font-size: 36px;
        color: #00aaa3;
        margin-bottom: 40px;
        font-family:"Roboto", sans-serif;
    }

    h3{
        font-size: 19px;
        color: #000;
        margin-bottom: 10px;
        font-weight: bold;
    }


    h4{
        font-size: 20px;
        font-weight: bold;
        color: #6e1484;
    }

    h5{
        font-size: 20px;
        font-weight: bold;
        color: #8c4a97;
    }

    ul li{
        font-size: 16px;
    }

    ul li a{
        font-size: 16px;
    }

    .box-van{
        background-color: #0c5677;
        padding: 53px 0;
     }

    .box-van p{
        color: #fff;
        font-size: 24px;
     }

    .botao{
        background-color: #1c53a1 !important;
        padding: 20px;
        //margin-bottom: 100px;
        font-family: "Roboto", sans-serif;
        color: #FFF;
        font-size: 20px;
        display: block;
        text-transform: uppercase;
    }

    .img-gab {
        width: 100%;
        margin-bottom: 50px;
    }

    a.insc{
     color: #fff;
    }

    .btn-botao{
        color: #fff;
        background-color: #1c53a1;
        border-color: #fff;
        border-radius: 0px;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
     }

     .btn-botao:hover{
        color: #fff;
        background-color: #006fb3;
     }

     table{
         background-color: #eee;
    }

    table#ves {
        font-size: 15px !important;
        border-spacing: 0;
        background-color: #E2E2E2;
        color: #000;
        margin-bottom: 1.4em;
        width: 100%;
        border-collapse: separate;
    }

    td {
        border: 2px solid #FFF;
        text-align: left;
        padding: 8px;
        font-size: 15px;
    }

    a.no-under{
        text-decoration: none;   
    }

    .carousel-control {
        padding-top:10%;
        width:5%;
    }

    .btn-ins {
        color: #fff;
        background-color: #fff0 !important;
        background-color: rgba(255, 255, 255, 0) !important;
        border-color: #fff;
        border-radius: 0px;
        font-size: 20px;
        font-weight: bold;
    }

    .btn-ins:hover {
        color: #fff;
        background-color: #fff0 !important;
        border-color: #fff0;
    }

    /* CSS used here will be applied after bootstrap.css */
    .nav-2{
      position:fixed;
      top:90px;
      left:0px;
      width:100%;
      background:#00aaa3;
      padding-top:14px;
      padding-bottom:14px;
    }

    .navbar-nav>li>a {
        line-height: 60px;
    }

    .navbar-default {
        background-color: #006fb3;
        border-color: #e7e7e700;
    }

    @media (min-width: 768px){
    .navbar-nav {
        float: right;
    }
    }
    
    .vertical-align {
        display: flex;
        align-items: center;
    }

    section {
        padding: 100px 0;
    }

    section.bg1{
        background-color: #c3f4f0;
    }

    .padding-0{
    padding-right:0;
    padding-left:0;
    }

    .box1{
        background-color: #00aaa3;
        //margin: 0 auto;
        padding: 44px 0 44px 0;
        margin-bottom: 28px;
    }

    .box2{
        background-color: #6e1484;
        margin: 0 auto;
        padding: 60px 0 60px 0;
    }

    .box3{
        background-color: #b52533;
        margin: 0 auto;
        padding: 60px 0 60px 0;
    }

    .box4{
        background-color: #d0440f;
        margin: 0 auto;
        padding: 60px 0 60px 0;
    }

    .box5{
        background-color: #55509d;
        margin: 0 auto;
        padding: 60px 0 60px 0;
    }

    .box6{
        background-color: #8c4a97;
        margin: 0 auto;
        padding: 60px 0 60px 0;
    }

    .btn-1{
        background-color: #dc2f5d;
    }

    .btn-2{
        background-color: #e24732;
    }

    .btn-3{
        background-color: #86b72b;
    }

    .btn-4{
        background-color: #fbba00;
    }

    a.circle{
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
    }

    a:hover.circle{
        text-decoration: none;
        color: #fff;
    }

    .row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.btn-circle.btn-xl {
  width: 250px;
  height: 250px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 130px;
  font-weight: bold;
  text-transform: uppercase;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}

.navbar{
    min-height: 90px;
}

.navbar-default .navbar-nav>li>a {
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #FFF;
}

/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
 #texto{
 position: absolute !important;
 top: 16% !important;
 left: 60% !important;
 width: 155px !important;
}

#texto p{
 color: #092940;
 font-size: 10px !important;
}

    .parallax-container {
        background-attachment: scroll;
    }

    .navbar-brand img {
        height: 35px !important;
    }

    .navbar{
        min-height: 50px;
    }

    h1{
        font-size: 16px;
    }

    .nav-2{
        top: 51px;
    }

    .navbar-brand{
        padding: 9px 15px;
    }

    .acess{
    font-size: 13px !important;
    }

    .btn-default{
        font-size: 8px !important;
    }

    .btn-ins{
        font-size: 8px !important;
    }

}

.parallax-container {
    height: 500px;
    width: 100%;
}
body > .parallax-container{
     padding: 163px;
}
body > .parallax-container ~ .parallax-container{
    padding: 0;
}


.grow{
        transition: all 0.3s ease;
        //display:inline-block;
        position: relative;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        min-height: 157px;
}

.grow:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
         z-index: 2;
         text-decoration: none;
}


.acess{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.acess:hover{
    color: #fff;
}

    footer{
        padding: 50px 0;
        background-color: #006fb3;
    }

    footer p{
        color: #fff;
        font-size: 24px;
    }

    footer a{
        color: #fff;
        font-size: 20px;
        text-decoration: underline;
    }

    footer a:hover{
        color: #fff;
        font-size: 20px;
        text-decoration: none;
    }

.title {
  background-color: #EEF1F3!important;
}

.ui.styled.accordion .title, .ui.styled.accordion .accordion .title {
  padding: 0.4em 1em!important;
}

.ui.styled.accordion .content, .ui.styled.accordion .accordion .content {
  overflow: auto;
  padding-bottom:6px!important;
}

.ui.accordion .title:not(.ui) {
  font-family: "Roboto", sans-serif !important;
  //font-size: 230%!important;
  color: #333!important;
}

label { display: block; font-weight: normal; }
input{
height: 25px;
border-radius: 4px;
width: 234px;
padding: 5px;
border: 1px solid #C9C9C9;
}

textarea {border-radius: 5px;border: 1px solid #C9C9C9; }
input[type='submit']{
margin: 0 0 0 148px;
border: 1px solid #C9C9C9;
padding: 3px;
height: 25px;
color: #000;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
background: #E4E4E4;
font-size: 15px;
}


    @media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-bottom: 50px;
        margin-top: 12px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    /*.navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }*/
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

   
}

pre {
    background-color: #FFF;
    border: 1px solid #FFF;
}