* { margin:0; padding:0; }
body { font-family: sans-serif;} 
#content { margin: 50px; } 
a { text-decoration: none; }  


 
.expandable {
  background: #fff;
  overflow: hidden;
  color: #000;   
  line-height: 50px;

  transition: all .5s ease-in-out;
  height: 0;
 }
 
 .expandable:target {
  height: 50px;
}
 
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
{
    body
    {
        background: #111;
    }
}

@media (max-width : 956px ){
    #sidebar .hideme
    {
        display: none;
    }
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
{
/* Styles */
}

/* Smartphones (landscape) ----------- */

@media only screen
and (min-width : 321px)
{
/* Styles */
}

/* Smartphones (portrait) ----------- */

@media only screen
and (max-width : 320px)
{
/* Styles */
}

/* iPads (portrait and landscape) ----------- */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
{
/* Styles */
}

/* iPads (landscape) ----------- */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{
/* Styles */
}

/* iPads (portrait) ----------- */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
/* Styles */
}

/* Desktops and laptops ----------- */

@media only screen
and (min-width : 1224px)
{
/* Styles */
}

/* Large screens ----------- */

@media only screen
and (min-width : 1824px)
{
/* Styles */
}

/* iPhone 4 ----------- */

@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)
{
/* Styles */
}

@font-face{
    font-family: 'Mohave';
    src: url('fonts/mohave-webfont.eot');
    src: url('fonts/mohave-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mohave-webfont.woff') format('woff'),
         url('fonts/mohave-webfont.ttf') format('truetype'),
         url('fonts/mohave-webfont.svg#mohaveregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'MohaveSemiBold';
    src: url('fonts/mohave-semibold-webfont.eot');
    src: url('fonts/mohave-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mohave-semibold-webfont.woff') format('woff'),
         url('fonts/mohave-semibold-webfont.ttf') format('truetype'),
         url('fonts/mohave-semibold-webfont.svg#mohavesemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face{
    font-family: 'MohaveBold';
    src: url('fonts/mohave-bold-webfont.eot');
    src: url('fonts/mohave-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mohave-bold-webfont.woff') format('woff'),
         url('fonts/mohave-bold-webfont.ttf') format('truetype'),
         url('fonts/mohave-bold-webfont.svg#mohavebold') format('svg');
    font-weight: 700;
    font-style: normal;
}

/*--BASE--*/

html
{
    font-size: 100%;
}

body
{
    font-size: 15px;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: mohave, helvetica, arial;
    font-weight: 200;
    letter-spacing: 2px;
}

html, body
{
    font-family: Mohave,'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #444;
    min-height: 100%;
    background: #f0f0f0;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 200;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

table,th,td
{
    border: none;
}

body.scrolling
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

a
{
    text-decoration: none;
    color: #0088d0;
}

a:hover
{
    text-decoration: none;
}

img
{
    vertical-align: top;
}

ul, li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

h1,h2,h3,h4,h5,h6
{
    padding: 0;
    margin: 0;
}

p
{
    margin: 0;
}

ul
{
    list-style: none;
    padding: 0;
}

address
{
    font-style: normal;
    line-height: 1.2;
}

::selection
{
    background: #000;
    color: #fff;
    text-shadow: none;
}

::-moz-selection
{
    background: #000;
    color: #fff;
    text-shadow: none;
}

::-ms-clear
{
    display: none;
}

*, *:before, *:after
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

html,body
{
    height: 100%;
    min-height: 100%;
    position: relative;
}

.est
{
    width: 1170px;
    padding: 0 14px;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    font-size: 15px;
    font-weight: normal;
    font-family: mohave, helvetica;
    line-height: 1.8;
}



header
{
    height: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-image: url('../images/teste.jpg');
    background-size: 100%;
}

header:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.6);
    z-index: 2;
}

header video
{
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: #000;
}

h1
{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
}

h1 a
{
    display: inline-block;
}

h1 img
{
    max-width: 100%;
}

@media (max-width : 956px ){
    header video
    {
        display: none;
    }
}

.slidephrases {margin-top:40px;text-align:center;font-size:26px;text-transform:uppercase;color:#fff;font-weight:400;font-family: 'Yanone Kaffeesatz', sans-serif;position:fixed;top:50%;margin-top:110px;z-index:3;width:100%;}

.slidephrases ul
{
    list-style: none;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.slidephrases li
{
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    opacity: 0;
}

.slidephrases li.act
{
    position: relative;
    top: 0;
    opacity: 1;
}

.slidephrases strong
{
    font-size: 44px;
    font-weight: 600;
}

.slidephrases b
{
    font-size: 44px;
    color: #0088d0;
    font-weight: 700;
}

nav
{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #111;
    z-index: 5;
    width: 100%;
    height: 72px;
    overflow: hidden;
}

nav.fixed
{
    position: fixed;
    top: 0;
}

nav .nav-btn
{
    display: none;
}

.menu
{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: justify;
    overflow: hidden;
}

.menu:after
{
    content: '';
    display: inline-block;
    width: 100%;
    font-size: 0;
    height: 0;
}

.menu li
{
    display: inline;
}

.menu a
{
    display: inline-block;
    padding: 25px 0vw;
    color: #f3f3f3;
    position: relative;
    font-size: 18px;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-family: 'MohaveBold',sans-serif;
}

.menu .minilogo
{
    margin-top: 11px;
    padding: 0px;
    opacity: 1;
    height: 30px;
    width: 50px;
    background: url(../images/logo_xs.png) no-repeat 0 0 !important;
    text-indent: -9999px;
}

.menu .active a
{
    background: #transparent;
    color: #0088d0;
}

.menu .active a.act-grey
{
    background: #transparent;
}

.menu a:before,.menu a:after
{
    opacity: 0;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 15px;
    height: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.menu .minilogo:before,.menu .minilogo:after
{
    display: none;
}

.menu a:hover:before,.menu .active a:before
{
    left: 18px;
    opacity: 1;
}

.menu a:hover:after,.menu .active a:after
{
    right: 18px;
    opacity: 1;
    
}

.social-nav
{
    list-style: none;
    padding: 19px 0;
    margin: 0;
    float: right;
    margin-left: 39px;    
}

.social-nav li
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.social-nav li
{
    display: inline-block;
    margin: 0 10px;
}

.social-nav a
{
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 24px;
    position: relative;
    transition: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    
}

.social-nav a:hover
{
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    background: transparent;
}

.social-nav a:before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    background: url(../images/social3.png) no-repeat;
    height: 32px;
    width: 32px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    opacity: 1;
}

.social-nav a:hover:before
{
    margin-top: -10px;
    opacity: 0;

}

.social-nav a:after

{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -16px;
    background: url(../images/social2.png) no-repeat;
    height: 32px;
    width: 32px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    opacity: 0;

}

.social-nav a:hover:after
{
    margin-top: -16px;
    opacity: 1;

}

.social-nav .ic-fb:before,.social-nav .ic-fb:after
{
    background-position: 0 7.5px;
}

.social-nav .ic-ig:before,.social-nav .ic-ig:after
{
    background-position: 0 -20px;
}

@media (max-width : 956px ){
    nav .nav-btn
    {
        display: inline-block;
        padding: 23px 25px 24px;
    }
    .menu
    {
        display: none;
    }
    .menu.active
    {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: ;
        bottom: 72px;
        display: block;
    }
    .menu li
    {
        display: block;
        border-top: 1px solid #eee;
        text-align: center;
    }
    .menu a
    {
        color: #666;
        display: block;
    }
    .fixed .menu.active
    {
        top: 72px;
        bottom: 0;
    }
}

main
{
    position: relative;
    z-index: 2;
    max-width: 100%;
    background: #eeeeee;
    overflow: hidden;
}

h2
{
    position: relative;
    font-size: 40px;
    font-family: 'MohaveBold',sans-serif;
    font-weight: 700;
    padding: 0;
    color: #111111;
    margin: 0 0 35px;
}

h2:after
{
    content: '';
    width: 120px;
    margin: 0 auto;
    border-bottom: 51px;
    background: rgb(32,75,145);
background: -moz-linear-gradient(270deg, rgba(32,75,145,1) 10%, rgba(0,136,208,1) 50%, rgba(0,160,195,1) 90%);
background: -webkit-linear-gradient(270deg, rgba(32,75,145,1) 10%, rgba(0,136,208,1) 50%, rgba(0,160,195,1) 90%);
background: linear-gradient(270deg, rgba(32,75,145,1) 10%, rgba(0,136,208,1) 50%, rgba(0,160,195,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#204b91",endColorstr="#00a0c3",GradientType=1);;
    display: block;
    padding-top: 5px;
}

h3
{
    font-family: 'Mohave',sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #0088d0;
    margin: 15px 0;
}

/* DEST TOP*/

.dest-top
{
    padding-top: 35px;
    padding-right: 0;
    padding-bottom: 35px;
    background: #f0f0f0;
    text-align: center;
    overflow: hidden;
}

.dest-top .est > p
{
    font-size: 15px;
    line-height: 1.8;
    max-width: 800px;
    margin: 10px auto 0;
    font-weight: 600;
}


/* VALORES */

.valores ul
{
    list-style: none;
    margin: 40px 0 0;
    text-align: center;
    overflow: hidden;
}

.valores li
{
    display: inline-block;
    width: 30%;
    margin: 0 1.5%;
    position: relative;
    padding: 30px 0 230px;
    vertical-align: top;
    margin-bottom: -200px;
    font-size: 16px;
}

@media (max-width : 956px ){
    .valores li
    {
        display: block;
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
}

.valores i
{
    font-size: 24px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 45px;
    border: 2px solid #0088d0;
    color: #0088d0;
    border-radius: 25px;
}

.valores h3
{
    color: #0088d0;
}

.valores p
{
    font-size: 14px;
    line-height: 1.4;
}

/*QUOTES*/

blockquote
{
    margin: 0;
    padding: 80px 0;
    background: url(../img-cont/4.jpg) no-repeat center 0;
    color: #fff;
    position: relative;
    background-size: cover;
    
}

#sep02
{
    background-image: url(../images/20.jpg);
}

#sep04
{
    background-image: url('../images/20.jpg');
}

blockquote:before
{
    content: '';
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .6;
}

blockquote .est
{
    position: relative;
    z-index: 2;
    max-width: 950px;
    margin: 0 auto;
    line-height: 1,8;
}

blockquote p
{
    font-size: 18px;
    position: relative;
    display: inline;
}

blockquote p:before
{
    content: '"';
    font-size: 40px;
    left:-10px;
    top: -15px;
    position: absolute;
    color: #0088d0;
}

blockquote p:after
{
    content: '"';
    font-size: 40px;
    right: -15px;
    bottom: -25px;
    position: absolute;
    color: #0088d0;
}

blockquote cite
{
    font-size: 15px;
    font-weight: lighter;
    margin-top: 5px;
    display: block;
    color: #0088d0;
}

@media (max-width : 956px ){
    blockquote .est
    {
        max-width: 100%;
    }
}

/*PRODUCOES*/

.heading h2
{
    color: #111111;
}

.heading span
{
    color: #ffffff;
}

.sec-prod
{
    padding-top: 35px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0px;
    background: #111111;
    text-align: center;
    overflow: hidden;
}

.sec-prod ul
{
    list-style: none;
    padding: 0;
    margin: 0px 0;
    text-align: left;
    overflow: hidden;
}

.sec-prod li
{
    width: 100%;
    margin: 0;
    text-align: center;
    float: left;
    position: relative;
    overflow: hidden;
}

.sec-prod li:first-child+li~li
{
}

.sec-prod li:first-child+li~li h4
{
    font-size: 16px;
}

.sec-prod a
{
    display: block;
}

.sec-prod li img
{
    max-width: 100%;
}

.sec-prod .vidimg
{
    padding-bottom: 0px;
}

.sec-prod .viddesc
{
    color: #000;
    padding: 15px 15px 25px;
    transition: all .5s;
    -webkit-transition: all .5s;
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    height: 100%;
}

.sec-prod a:hover .viddesc
{
    background: rgba(0,0,0,.8);
    top: 0;
}

.sec-prod h4
{
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.sec-prod a:hover h4
{
    color: #fff;
}

.sec-prod .vidtype
{
    margin-top: 10px;
}

.sec-prod .vidtype span
{
    font-size: 15px;
    background: #0088d0;
    color: #f3f3f3;
    border-radius: 7px;
    display: inline-block;
    padding: 10px 25px;
    vertical-align: middle;
    letter-spacing: 1.8px;
    font-weight: bold;
}

.video-wrapper
{
    margin: 5vw;
}

.video-wrapper img
{
    width: 100%;
    display: block;
}

.video-wrapper a
{
    display: block;
    position: relative;
    overflow: hidden;
}

.video-wrapper i
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 5vw;
    border: 1vw solid #fff;
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10vw #000;
    transition: .3s all;
    z-index: 2;
}

.video-wrapper a:hover i
{
    color: #0088d0;
    border-color: #0088d0;
}

.video-wrapper a::before
{
    content: '';
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    opacity: .6;
    background-image: radial-gradient(ellipse at center, #4c4c4c 0%,#2c2c2c 29%,#131313 100%);
    transition: 2s all;
}

.video-wrapper a::after
{
    content: '';
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    opacity: 0;
    background-image: radial-gradient(ellipse at center, #4c4c4c 0%,#2c2c2c 73%,#131313 100%);
    transition: 2s all;
}

.video-wrapper a:hover::before
{
    opacity: 0;
}

.video-wrapper a:hover::after
{
    opacity: .6;
}

/*FAZEMOS*/

.secdo
{
    padding: 35px 0 10px;
    background: #f0f0f0;
    text-align: center;
    overflow: hidden;
}

.secdo
{
    padding-top: 35px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 35px;
    background: #f0f0f0;
}

.secdo h2
{
    text-align: center;
}

.ribon
{
    line-height: 1.8;
    margin: 20px 0;
}

.ribon li
{
    background: url(../images/ribon-left.png) no-repeat left 7px;
    padding-left: 22px;
    color: #000;
}

.secdo p
{
    font-size: 18px;
}

/*BLOCO*/

.bloco
{
    overflow: hidden;
    background: #eee;
    color: #333;
    max-height: 300px;
}

/*.bloco figure{position:relative;float:left;left:50%;width:0;top:-50px;padding:5px;}
.bloco figure img{float:right;margin:1px;}
.bloco.left figure img{float:left;}
.bloco .text{padding:60px 40px;width:50%;float:right;}
.bloco.left .text{float:left;text-align:right;}*/

.bloco .text
{
    padding: 35px 35px;
    overflow: hidden;
}

.bloco h3
{
    color: #0088d0;
    font-weight: 600;
    font-size: 25px;
    margin-top: 50px;
    border-top: 1px solid #222;
    padding-top: 50px;
}

.bloco h3:first-child
{
    margin-top: 0;
    padding-top: 0;
    border: none;
}

.bloco p
{
    font-size: 15px;
    margin-top: 15px;
    line-height: 1.8;
}

.block-w
{
    position: relative;
}

.block-w .text
{
    max-width: 100%;
}

.block-w figure
{
    float: left;
    max-width: 70%;
}

.block-w img
{
    max-width: 100%;
}

.bloco.left figure
{
    float: right;
}

.bloco.left .text
{
    text-align: right;
    line-height: 1.8;
}

@media (max-width : 956px ){
    .bloco
    {
        max-height: 100%;
    }
    .bloco figure
    {
        float: none!important;
        position: static;
        width: auto;
        max-width: none;
    }
    .bloco .text
    {
        padding: 20%;
        width: 100%;
        float: none!important;
        text-align: left !important;
        max-width: none;
    }
}

/*COLUNAS*/

.row
{
    overflow: hidden;
    margin: 60px -15px 0;
}

.col-3
{
    width: 25%;
    padding: 0 15px;
    float: left;
}

.col-6
{
    width: 50%;
    padding: 0 15px;
    float: left;
}

.row p
{
    font-size: 15px;
    margin: 20px 0;
    line-height: 1.4;
}

@media (max-width : 956px ){
    .row
    {
        margin: 60px 0 0;
    }
    .col-3
    {
        width: 100%;
        float: none;
        margin: 20px 0;
    }
    .col-6
    {
        width: 100%;
        float: none;
        margin: 20px 0;
    }
}

.secservs
{
    text-align: center;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom:20px;
background: rgb(32,75,145);
background: -moz-linear-gradient(270deg, rgba(32,75,145,1) 15%, rgba(0,136,208,1) 50%, rgba(78,173,194,1) 85%);
background: -webkit-linear-gradient(270deg, rgba(32,75,145,1) 15%, rgba(0,136,208,1) 50%, rgba(78,173,194,1) 85%);
background: linear-gradient(270deg, rgba(32,75,145,1) 15%, rgba(0,136,208,1) 50%, rgba(78,173,194,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#204b91",endColorstr="#4eadc2",GradientType=1); ;
    color: #fff;
}

.secservs .row
{
    margin-top: 0;
}

.secservs li
{
    display: inline-block;
    line-height: 1.4;
    font-size: 18px;
}

.secservs li:before
{
    content: '';
    display: inline-block;
    margin: 0 8px;
    line-height: 24px;
    height: 6px;
    width: 6px;
    background: #fff;
    border-radius: 3px;
    position: relative;
    top: -3px;
}

.secservs li:first-child
{
    padding: 0;
    background: none;
}

.secservs h3
{
    font-weight: 900;
    margin-bottom: 15px;
    font-size: 40px;
    color: #000000;
}

.secstart
{
    padding: 50px 0;
}

.secstart h3
{
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 22px;
}

.secstart .grey
{
    margin-bottom: 10px;
    color: #999;
    font-style: italic;
}

.normal
{
    text-align: center;
    padding-top: 35px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 35px;
    line-height: 1.8;
    

}

.normal .quote
{
    font-size: 2px;
    font-style: italic;
    color: #111111;
}

.normal p
{
    margin-top: 20px;
    font-size: 15px;
    font-weight: 200;
    font-family: mohave, helvetica;
}

.normal h3
{
    color: #0088d0;
    font-weight: bold;
}

@media (max-width : 956px ){
    .normal .est
    {
        max-width: 100%;
    }
}

.secdo
{
    padding: 0px 0 0px;
    background: #f0f0f0;
    text-align: center;
    overflow: hidden;
}

.clientes
{
    background: #fff;
}

.clientes li
{
    width: 15.66666%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 40px;
}

.clientes img
{
    max-width: 100%;
}

@media (max-width : 956px ){
    .clientes li
    {
        width: 33.333333%;
    }
}

.modal
{
    position: fixed;
    background: rgba(0,0,0,.8);
    right: 0;
    bottom: 100%;
    left: 0;
    z-index: 300;
    overflow: hidden;
}

.modal.act
{
    top: 0;
    bottom: 0;
}

.inner
{
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -300px;
    height: 480px;
    width: 853px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    opacity: 0;
}

.act .inner
{
    margin-top: -240px;
    opacity: 1;
}

.bt-close
{
    position: absolute;
    right: 30px;
    top: 15px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 3px;
}

.bt-close:before
{
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
}

.bt-close:after
{
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 0;
}

.contactos
{
    background: #eeeeee;
}

.metodo
{
    background: #e1e1e1;
}


form
{
    text-align: left;
}

label
{
    display: block;
    color: #0088d0;
    line-height: 2.0;
}

textarea,select,input
{
    background: #fff;
    border: none;
    border-bottom: 5px solid #0088d0;
    padding: 5px 7px;
    display: block;
    outline: none;
    width: 85%;
    border-radius: 0;
}

textarea
{
    height: 100px;
}

button
{
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: 700;
    background: #222;
    color: #fff;
    letter-spacing: 1.8px;
    border-radius: 7px;
}

.ipt-form
{
    margin-bottom: 10px;
}

.mapa
{
    margin-top: 40px;
    overflow: hidden;
}

.mapa img
{
    float: right;
}

.contact
{
    padding: 50px 25px;
    background: #eeeeee;
    color: #EEEEEE;
    text-align: right;
    margin-right: 5%;
    width: 45%;
}

.contlst li
{
    line-height: 25px;
    color: #111111;
    white-space: nowrap;
    margin: 20px 0px;
    text-align: center;
    padding: 00px 55px;
}

.label
{
    text-align: right;
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}

.cont
{
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.cont:hover
{
    text-decoration: underline;
}

.contact .social-nav
{
    display: block;
    float: none;
    margin-top: -15px;
    margin-left: 31px;
    margin-bottom: 0;
    text-align: center;
}

.contact .social-nav a:before
{
    background-image: url(../images/social.png);
}

.contactos h4
{
    text-align: left;
}

@media (max-width : 956px ){
    .contact
    {
        padding: 0 10px;
        width: 100%;
    }
    .contlst li
    {
        padding: 0;
    }
}

footer .est
{
    padding-left: 60px;
    line-height: 1.5;
}

.f-top
{


background: #  background: rgb(32,75,145);
background: -moz-linear-gradient(270deg, rgba(32,75,145,1) 10%, rgba(0,136,208,1) 50%, rgba(0,160,195,1) 90%);
background: -webkit-linear-gradient(270deg, rgba(32,75,145,1) 10%, rgba(0,136,208,1) 50%, rgba(0,160,195,1) 90%);
background: linear-gradient(270deg, rgba(32,75,145,1) 10%, rgba(0,136,208,1) 50%, rgba(0,160,195,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#204b91",endColorstr="#00a0c3",GradientType=1);  ;
 color: #fff;
padding: 30px 0;
 font-size: 15px;
    
}

.preto
{
    color: #000000;
    font-size: 18px;
}

.f-top p
{
    margin-top: 5px;
}

.f-bot
{
    padding: 15px 0;
    font-size: 11px;
    color: #F0F0F0;
    text-align: center;
    background: #111;
}

@media (max-width : 956px ){
    footer .est
    {
        padding: 0 10px;
        
    }
}
.cite
{

color: #0088d0;


}

 /* Style the buttons */
.btn {

  border: none;
  outline: none;
  padding: 8px 8px;
  background-color: transparent;
  cursor: pointer;
    border-radius: 0%;

}

.btn1 {

  border: none;
  outline: none;
  padding: 8px 18px;
  background-color: #0088d0;
  cursor: pointer;
  border-radius: 0%;
    
        
}

.btn2 {

  border: none;
  outline: none;
  padding: 2px 8px;
  background-color: black;
  border-radius: 0%;
    
        
}




/* Style the active class (and buttons on mouse-over) */
.active, .btn:hover {
  background-color: #;
  color: black;
} 
/* Style the active class (and buttons on mouse-over) */
.active, .btn1:hover {
  background-color: #;
  color: black;
}