/*CSS*/



.c_rodape{float: left; width: 100%; height: 683px; background-color: #1c1c1c;}

.rodape{float: left; width: 100%;}

.info_rodape{float: left; width: 655px; height: 476px; border: 1px solid #5389fd; margin: 60px 0 0 60px;}

.tit_info_rodape{float: left; width: 100%;}

.tit_info_rodape h1{float: left; margin: 80px 0 0 90px; font-size: 32px; color: #fff; font-family:'latoregular';}

.tit_info_rodape b{font-family:'latoblack'; color: #5389fd;}

.telrod{float: left; width: 100%;}

.controd{float: left; width: 100%;}

.gpsrod{float: left; width: 100%;}

.icontelrod{float: left; margin: 48px 0 0 90px; width: 48px; height: 48px; background: url(../img/web/teltopo.png) no-repeat center;} 

.iconeaviaorod{float: left; margin: 29px 0 0 90px; width: 48px; height: 48px; background: url(../img/web/aviaotopo.png) no-repeat center;}

.iconegps{float: left; margin: 29px 0 0 90px; width: 48px; height: 48px; background: url(../img/web/gpstopo.png) no-repeat center;}

.emailrod{width: 209px; height: 13px; background: url(../img/web/emailbranco.png) no-repeat center;}

.telrod h1{float: left; margin: 54px 0 0 16px; color: #fff; font-family:'latoregular'; font-size: 15px; line-height: 20px;}

.controd h1{font-family:'latobold'; font-size: 13px; color: #fff; line-height: 22px;}

.gpsrod h1{float: left; margin: 35px 0 0 16px; color: #fff; font-family:'latoregular'; font-size: 13px; line-height: 20px;}

.pos-cont{float: left; margin: 35px 0 0 16px;}

.telrod b{font-family:'latobold'; font-size: 13px;}



.form{float: left; width: 355px; margin: 110px 0 0 -180px; background-color: #1c1c1c;}

.form input{width: 336px; background-color: #5389fd; color: #fff; font-family:'latoregular'; font-size: 12px; padding: 15px 0 15px 18px; border: 0; margin: 0 0 14px 0;}

.form textarea{overflow: hidden; width: 336px; background-color: #5389fd; color: #fff; font-family:'latoregular'; font-size: 12px; padding: 15px 0 15px 18px; border: 0; margin: 14px 0 14px 0; height: 60px;}

.form button{background-color: #06417a; width: 354px; color: #fff; font-family:'latoregular'; font-size: 12px; border: 0; padding: 15px 0 15px 0;}

.form button:hover{opacity: 0.8; cursor: pointer;}

.cima_file{width: 352px; height: 40px; border: 1px solid #5389fd;}

.texto_file{float: left; width: 199px; text-align: center;}

.texto_file h1{font-family:'latoregular'; font-size: 12px; color: #fff; margin: 15px 0 0 0;}

.btn_file{float: left; width: 153px; text-align: center; background-color: #5389fd; height: 40px;}

.btn_file h1{font-family:'latoregular'; font-size: 12px; color: #fff; margin: 15px 0 0 0;}

.labelFile{cursor: pointer;}

#upload {opacity: 0; position: absolute; z-index: -1;}



.links_rodape{float: left; width: 100%;}

.links_rodape ul{-webkit-padding-start: 0; display: flex; justify-content: center; align-items: center;}

.links_rodape ul li{display: inline-block; border-right: 1px solid #5389fd; margin: 65px 0 0 0;}

.links_rodape ul li:last-child{border: 0;}

.links_rodape ul li a {font-family:'latoregular'; font-size: 14px; color: #fff; margin: 0 37px 0 33px; display: block;}
.links_rodape ul li a img {width: 100%; height: 100%;}
.links_rodape ul li a.linkedin {height: 30px; height: 30px;}

.links_rodape ul li a:hover{opacity: 0.8;}



.copy-sole{width: 100%; float: left; background: #000; height: 47px; color: #fff}
.copy-sole p{ font: 11px Open_sansregular}
.c1{float: left; margin: 16px 0px; width: 50%; text-align: center;}
.c2{float: left; margin: 16px 0px; width: 50%; text-align: center;}
.c2 i{ color: #fff}
.c2 i:hover{ text-decoration: underline}
.sole-vetor{ background: url(../img/footer/sole.png) no-repeat center bottom; color: transparent; font-size: 0px; padding: 22px 26px 5px 26px;}
.coracao{ background: url(../img/footer/coracao.png) no-repeat center bottom; background-size: 16px; color: transparent; font-size: 0px; padding: 12px 10px 5px 10px;}



::-webkit-input-placeholder{ color: #fff; font: 12px latoregular}

:placeholder-shown{ color: #fff; font: 12px latoregular}

:-ms-input-placeholder{ color: #fff; font: 12px latoregular}



@media (max-width: 990px){

    .c_rodape{height: auto;}

    .info_rodape{width: 100%; height: auto; border: 0; margin: 0 0 0 0; text-align: center;}

    .tit_info_rodape{text-align: center;}

    .tit_info_rodape h1{float: none; margin: 50px 20px 0 20px;}

    .icontelrod{float: none; margin: 50px 0 0 0; display: inline-block; background: url(../img/web/teltopo-dobro.png) no-repeat center; background-size: 48px;} 

    .iconeaviaorod{float: none; margin: 30px 0 0 0; display: inline-block; background: url(../img/web/aviaotopo-dobro.png) no-repeat center; background-size: 48px;}

    .iconegps{float: none; margin: 30px 0 0 0; display: inline-block; background: url(../img/web/gpstopo-dobro.png) no-repeat center; background-size: 48px;}

    .emailrod{display: inline-block; background: url(../img/web/emailbranco-dobro.png) no-repeat center; background-size: 209px;}

    .telrod h1{float: none; margin: 15px 0 0 0;}

    .controd h1{float: none; margin: 15px 0 0 0;}

    .gpsrod h1{float: none; margin: 15px 0 60px 0;}

    .pos-cont{float: none; margin: 0 0 0 0;}



    .form{width: 100%; margin: 0 0 0 0; text-align: center;}

    .form input{width: 80%;}

    .form textarea{width: 80%; margin: 0 0 14px 0;}

    .form button{width: 81.9%;}

    .cima_file{width: 82%; display: inline-block;}

    .texto_file{float: none; width: 100%; display: inline-block; margin-bottom: 25px;}

    .btn_file{float: none; width: 100%; display: inline-block;}

    #upload{position: relative; margin: 0 0 -18px 0;}



    .links_rodape{padding-bottom: 60px; text-align: center;}

    .links_rodape ul{padding-left: 0;}

    .links_rodape ul li{ margin: 60px 10px 0 10px;}

    .links_rodape ul li a{padding: 0 0 7px 0;}



    .c1{ width: 100%; margin: 15px 0px 0;}
    .c2{ width: 100%; margin: 20px 0px;} 
    .sole-vetor{ background: url(../img/footer/sole-res.png) no-repeat center top; background-size: 55px; height: 30px; padding: 23px 30px 7px 30px;}
    .copy-sole{ height: auto;}
    .copy-sole p{ font: 10px Open_sansregular}
    ::i-block-chrome, .sole-vetor{ font-size: 1px; padding: 21px 30px 4px 30px;}

}


@media (max-width: 767px){
.form input {width: 79.867%;}
.form textarea {width: 79.6%;}
.form button {width: 82%;}
}

@media (max-width: 600px){
.form input {width: 79.4%;}
.form textarea {width: 78.99%;}
}

@media (max-width: 475px){
.form input {width: 78.4%;}
.form textarea {width: 77.99%;}
}

@media (max-width: 415px){
.form input {width: 77.9%;}
.form textarea {width: 77.1%;}
}

@media (max-width: 345px){
.form input {width: 76.9%;}
.form textarea {width: 76%;}
}

@media (max-width: 315px){
.form input {width: 76.6%;}
}