/**
 * default style
 */
html, body
{
    /*clear spaces*/
    margin: 0px;
    padding: 0px;
    width: 100%;
}

body
{
    font-family: "Montserrat",sans-serif;
    height: 100%;
    min-width: 320px;
    margin: 0px auto;
}
section
{
    width: 100%;
    /*height: 100%;*/
    margin-bottom: 100px;
/*    margin-top: 50px;*/
    margin-top: 0px;
}
#politica{
    margin-bottom: 25px;
}

/* default size and weight for text */
p
{
     font-size: 13px;
     font-weight: 300;
}
a, a:active, a:focus, a:hover{
    outline: none;
    text-decoration:none;
}
.row{
    margin: 0px;
}
/*********************laws section *********************/
/*removing the spaces outside the headings*/
.hght h3, .hght h2
{
    margin: 0px;

}

.hght .ab_scr
{
    margin-bottom: 5em;
}
.hght .ab_scr h3
{
    padding-top: 0.2em;
    font-size: 20px;

}

.hght .ab_scr h2 span
{
    font-weight: 800;
    font-size: 24px;
}

.laws
{
    width: 800px;
    margin: 0 auto;
    border-left: 2px solid #5199ad;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 240px;
}
.laws div{
    margin-bottom: 20px;

}
.laws p
{
    font-size: 15px;
}
.laws h3
{
    color: #5199ad;
    font-size: 20px

}

/********************ABOUT SECTION*********************/
.ab_d .row  div:last-child
{
    border-left: 1px solid #c7c7c7;
    padding-left: 5em;
    text-align: left;
}
/*setting the container´s height for questions and answers*/

.ab_d .row
{
    height: auto;

}
.ab_d .row div
{
    height: 100%;
    padding-bottom: 5em;
}
/*container of the images for questions and answers*/
.ab_d .row div:first-child
{
    padding-left: 0px;
    text-align: left;
}
/*images for questions and answers*/
.ab_d .row div img
{
    /*margin-top: 18px;*/
    padding-top: 0px;
    width: 90px;
    height: 90px;
}
/*heading for questions and answers*/
.ab_d> .row> div> h3{
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
/*ansewrs for questions and answers*/
.ab_d >.row>div>p{
    font-size: 15px;
    width: 500px;
}


/* about view colors */
.ab_scr
{
    margin-top: 0px;
    color:  #5199ad
}
.ab_br
{
    margin-top: 10px;
    color:   #b7621c
}
.ab_dcr
{
    margin-top: 0px;
    color:  #254f75
}
.ab_vy
{
    margin-top: 0px;
    color:  #d1bd42;
}
.ab_lb
{
    background-color: #e5f0f3;
}

/*****************HOME SECTION****************/
#home{
    margin-top: 0px;
}
.home ,
.ab_d{
    width: 800px;
}
.home{
    width: 800px;
    padding-bottom: 85px;
}

.home p{
    font-size: 16px;
    text-align: justify;
}
#home>div>div>h3{
    font-weight: 800;
    margin-bottom: 25px;
    margin-top: 0px
}

.row_top_margin{
    margin-top: 50px;
}


.home-footer .col-md-2 {
    margin: 0px;
    /*margin-left: auto;*/
}
.home-footer-content{
    position: relative;
}
.home-footer .home-footer-content .text-white{
    color: #ffffff;

}
.home-footer .home-footer-content img
{
    width: 55px;
    height: 55px;
    margin-bottom:10px;
}
.home-footer .home-footer-content .caption p{
    font-size: 14px;
}
.home-footer .home-footer-content h3
{
    font-size: 21px;
    margin: 0px;
    padding: 0px;
}

.home-footer .home-footer-content h3:first-child
{
    margin-top: 70px;
    font-weight: 300;
    margin-bottom: 20px
}
.home-footer .home-footer-content h3:nth-of-type(2)
{
    margin-top: 5px;
    font-weight: 600;
    margin-bottom:45px;

}

/* mouse button scroller*/
@-webkit-keyframes scrollDownKnobAnimation {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,150%,0);
        transform: translate3d(0,150%,0)
    }
}

@-moz-keyframes scrollDownKnobAnimation {
    0% {
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -moz-transform: translate3d(0,150%,0);
        transform: translate3d(0,150%,0)
    }
}

@keyframes scrollDownKnobAnimation {
    0% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(0,150%,0)
    }
}

.scroll-down {
    position: absolute;
    width: 150px;
    bottom: 20px;
    left: 50%;
    margin-left: -75px;
    z-index: 50;
    display: block;
    text-align: center;
    font-size: 12px;
    -webkit-font-smoothing: antialiased
}

.scroll-down .icon {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 26px;
    height: 44px;
    display: block;
    border-radius: 13px;
    border: 2px solid #fff;
    margin: 0 auto
}

.scroll-down .icon:before {
    transition: all .3s ease;
    width: 2.5px;
    height: 7px;
    -webkit-animation: scrollDownKnobAnimation 2s ease infinite;
    -moz-animation: scrollDownKnobAnimation 2s ease infinite;
    -o-animation: scrollDownKnobAnimation 2s ease infinite;
    animation: scrollDownKnobAnimation 2s ease infinite;
    position: absolute;
    top: 6px;
    border-radius: 30%;
    background-color: #FFFFFF;
    content: '';
    left: 50%;
    margin-left: -1px;
}
.scroll-down i:first-child {
    width: 2px;
    height: 9px;
    position: absolute;
    top: -7px;
    background-color: #fff;
    content: '';
    left: 50%;
    margin-left: -1px
}
.scroll-down .icon:before,.scroll-down span {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.scroll-down span {
    transition:all .3s ease;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    top: 5px;
}
.scroll-down.invert .icon {
    border-color: #ffffff
}

.scroll-down.invert .icon:before {
    background-color: #FFFFFF
}

.scroll-down.invert span {
    color: #ffffff
}

html .scroll-down:hover .icon {
    background-color: #fff;
    border-color: #fff
}

html .scroll-down:hover span {
    zoom:1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    letter-spacing: 5px;
}

html .scroll-down.invert:hover .icon {
    background-color: none;
    border-color: #ffffff
}

html .scroll-down.invert:hover .icon:before {
    background-color: gray
}

/*****************************banner***********************************/
.banner {
    height:100vh;
    width: 100%;
    background: url('../images/main_banner.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

#img-logo {
    width: 180px;
    right: 46%;
    padding-top: 95px;
}

.banner-text{
    margin: 0 auto;
    margin-top: 25vh;
}

.banner-text>h1>li{
    list-style: none;
    display:block;
    line-height: 41px;
}

.banner-text>h1>li>span{
    background-color: rgba(0, 0, 0, .4);
    padding-right: 15px;
    padding-left: 15px;
}

.banner-text>h1{
    margin: 0;
    padding: 1px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
}

.banner-text>h2{
    text-align: center;
    font-size: 2.5em;
    color: #FFFFFF;
    font-weight: 300;
    text-shadow: 1px 1px 5px #000000;
}
/**************image with parallex effect************************/
.home-footer{
    height: 620px;
    width: 100%;
    background: url('../images/2nd_banner_parallax_final.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
}
/***************image before the acordion***********************/
.politica-header{
/*    padding-top: 35px;*/
    height: 30vh;
    width: 100%;
    background: url('../images/banner_politicaprivacidade.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    margin-bottom: 90px;
}
.politica-header2{
    height: 22vh;
    width: 100%;
    background: url('../images/banner_topo_politica.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    margin-bottom: 30px;
}

/**************page footer***************/
.footer_fixed{
    margin-top: 80px;
    color: #C2C3C4;
    background-color: #363B3D;
}
footer>div>h4{
    font-weight: 300;
    font-size: 15px;
    padding-top: 30px
}
footer>div>p{
    padding-bottom: 50px;
    font-size: 12px;
}
footer>.container{
    width: 800px;
}
.footer-politica a{
    color: #FFFFFF;
    font-weight: 300;
}

.footer-politica a:hover{
    color: #C2C3C4;
}

.privicy{
    padding: 60px 0 0px
}
/**************politica_privada***************/
.arrows{
    width: 15px;
    height: 15px;
}
.body-wrap >p{
    font-weight: 600;
}
.body-wrap{
    width: 800px;
}
.body-wrap >p:first-child{
   padding-bottom:5px;
   font-weight: 300;
}
#company-info> a{
    text-decoration: underline;
    color: #000000
}
#company-info> a:hover{
    text-decoration: underline;
    color: blue;
}
.panel-group {
    margin: auto;
    margin-bottom: 20px;
    width: 800px;
}
.panel{
    border: none;
    box-shadow: none;
}
.panel-title{
    font-size: 17px;
    color:  #254F75;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px
}
/*.panel > a:hover,
.panel > a:active,
.panel > a:focus  {
    text-decoration:none;

}*/
.panel-group .panel+.panel {
    margin-top: 0px;
}
.panel-body{
    margin-bottom: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.panel-body ul{
    padding-left: 15px;

}
.panel-body>p, ul>li>p{
    font-size: 15px;
    font-weight: 300;
}
.panel-body>ul,.panel-body>ul li ul{
    /*padding-left: 15px;*/
    list-style-type: disc;
}
.panel-body td, th {
    padding: 5px;
}

.panel-body th {
    /*padding-top: 15px;*/
}
.panel-body>ul.dashed {
    list-style-type: none;
    padding-left: 0px;
    font-size: 15px;
    font-weight: 300;
}
/*to be used for dash bullet points in the panel */
.panel-body>ul.dashed > li:before {
    content: "- ";
}

/* make overflow text start on the same line*/
.slashes {
  float:left;
  padding-right:10px;
}
.head-text {
  overflow:hidden;
  display:block;
}

/* this is the text on top of politica heading*/
.politica-header>fieldset {
    width: 800px;
}

fieldset{
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 400px;
    border: 3px solid #FFFFFF;
}

fieldset>legend>h1{
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    font-weight: 800;
    font-size: 24px;
}
.politica-header2 h1{
    color: #FFFFFF;
    padding-top: 20px;
    font-weight: 800;
    font-size: 35px;
    text-shadow: 1px 1px 1px #000000a6;
}
.politicah2{
     text-shadow: 1px 1px 1px #000000a6;
}
.aqui{
   background-color: transparent;
   border: 1px solid #ffffff;
   border-radius: 5px;
   padding: 10px;
   margin-bottom: 20px;
}

.aqui a,
.aqui a:visited,
.aqui a:active
{
    color: #FEFEFE;
    font-size: 16px;
}

.aqui a:hover
{
    opacity: .9;
}

fieldset>h2,
.politica-header2 h2 {
    margin:0 auto;
    color: #FEFEFE;
    font-weight: 300;
    font-size: 23px;
}

legend{
    margin:0 auto;
    border: 0;
    width:auto;
}

.aqui a,
.aqui a,
.aqui a:hover{
 color: #FFFFFF;
}

.aqui a:hover{
   color: #FFFFFF;
   opacity: .7;
}
/*mozille fix for legend*/
@-moz-document url-prefix() {
    legend{
      width:100%;
    }
}
/* *******************small media************* */

 @media (max-width: 1199px)
{
    .home-footer{
        height: auto;
    }
     .home-footer-content .row .col-md-10 {
        margin: 0;
       width: 100%;

    }
    .laws{
        margin-left: 130px;
    }
    .lf_pd{
        /*padding-left: 131px;*/
        margin-top: 25px;
        padding-bottom: 10px;

    }
    .rt_pd{
       /* padding-right: 131px;*/
        margin-top: 25px;
        padding-bottom: 10px;

    }
    .home-footer .home-footer-content .col-sm-4
    {
       padding-left: 0;
       padding-right: 0;

    }


@media (max-width: 1023px) {
    p{
        font-size: 0.9em
    }
    .container,
    .banner,
    .laws,
    .panel-group,
    .ab_d >.row>div>p,
    footer>.container,
    .body-wrap,.laws>p {
         width: auto;
    }
    .laws{
        margin-left: 140px;
    }
    #img-logo {
        padding-bottom: 100px;
    }
    .banner-text>h2 {
        padding-bottom: 100px;
    }
    .banner-text {
        margin-top: 10vh;
    }

    .home-footer,.banner{
        height: auto;

    }
    .politica-header{
        padding-bottom: 50px;
        height: auto;
    }
    .ab_d>.row>div {
        padding-bottom: 1em;
    }

    legend>h1 {
        font-size: 24px;
    }
    fieldset>h2 {
        font-size: 23px;
        margin-bottom: 20px;
    }
    .politica-header>fieldset {
        margin-right: 15px;
        margin-left: 15px;
        height: auto;
        width: auto;
    }
}


@media (max-width: 991px)
{
  .home-footer .col-sm-6{
    margin-top: 30px;
  }
  .sm-top-margins{
        margin-top: -50px;
        margin-bottom: 50px;
  }
    .politica-header2 {
        height:auto;
        padding-bottom: 20px;
    }
}
@media (max-width: 767px)
{
    .laws{
        width: auto;
        margin-left: 30px;
    }
    #img-logo {
        padding-bottom: 50px;
    }
    .banner-text>h2 {
        padding-bottom: 100px;
    }
    .banner-text,
    .lf_pd,
    .rt_pd {
        margin-top: 0vh;
    }
    .home-footer-content .row .col-md-10 {
        margin: 0;
        width: auto;

    }
    .lf_pd,
    .rt_pd{
        padding-right: 0;
        padding-left: 0;
    }
    .row {

        margin-right: 0px;
        margin-left: 0px;

        }
    .home-footer .col-xs-12, .row_top_margin{
        margin-bottom: 30px;
    }

    .ab_d>.row>div:first-child
    {
        text-align: center;
    }
    .ab_d>.row>div:last-child
    {
        margin-bottom:2em;
        padding: 0px;
        border: none;
        height:auto;
        text-align: left;

    }

    .ab_d>.row>div,.banner
    {
        height: auto;
    }


}