/* HEADER & FOOTER CSS */

@import url('https://fonts.googleapis.com/css?family=Baloo');
@font-face {
    font-family: 'Proxima Nova';
    src: local('Proxima Nova'), local('Proxima Nova'), url(../fontsDD/Proxima-Nova-Reg.otf) format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Light';
    src: local('Proxima Nova Light'), local('Proxima Nova Light'), url(../fontsDD/Proxima-Nova-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: local('Proxima Nova Bold'), local('Proxima Nova Bold'), url(../fontsDD/Proxima-Nova-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Proxima Nova XBold';
    src: local('Proxima Nova XBold'), local('Proxima Nova XBold'), url(../fontsDD/Proxima-Nova-Xbold.otf) format('opentype');
}

@font-face {
    font-family: 'Proxima Nova Thin';
    src: local('Proxima Nova Thin'), local('Proxima Nova Thin'), url(../fontsDD/Proxima-Nova-Thin.otf) format('opentype');
}

.navbar-header a {
    background: url(../../img/logo-sf.svg) no-repeat right !important;
    background-color: #C6C6A9 !important;
}

.navbar-header {
    background-color: transparent;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.masfoot .address {
    width: 33.18%;
    padding: 0px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.masfoot .container {
    width: 100%;
}

.dropdown {
    margin-top: 33px;
}

.btn-primary,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus {
    /*background-color: transparent;
    border-color: transparent;*/
}

/* END */

/** TRANSPARENCIA **/

.transparenciaBanner {
    width: 99%;
    background: #0066FF;
    height: 141px;
    border-radius: 100px;
    margin-top: 20px;
}

img.lupaTransparencia {
    float: right;
    margin-right: -1%;
    height: 141px;
}

img.logoTransparencia {
    height: 141px;
}

ul.ultransparencia {
    position: absolute;
    margin-top: -10%;
    margin-left: 35%;
    color: white;
    columns: 2;
    -webkit-columns: 2;
    line-height: 25px;
}

ul.ultransparencia li {
    margin-left: 60px;
}

/** END **/

.lt-head {
    background-color: #0062CA;
    color: #fff;
    height: 55px;
    padding: 20px 25px;
    font-family: 'Proxima Nova';
    font-size: 14px;
}

.row-lin {
    border: 1px solid #0062CA;
    font-family: 'Proxima Nova XBold';
    font-size: 18px;
    font-weight: bolder;
    color: #20399C;
}

.row-lin a label {
    padding: 15px 35px;
    margin-bottom: 0px;
    width: 100%;
}

.row-lin a label:hover {
    background-color: #0062CA;
    color: #fff;
    cursor: pointer;
}

.prime-area {
    margin-bottom: 20px;
}

.margin-bot {
    margin-bottom: 10px;
}

.fi-card1 {
    background: url(../../img/back-sfia1.png) no-repeat;
    background-size: cover;
}

.fi-card2 {
    background: url(../../img/back-sfia2.png) no-repeat;
    background-size: cover;
}

.fi-card3 {
    background: url(../../img/back-sfia3.png) no-repeat;
    background-size: cover;
}

.fi-card2 div div,
.fi-card1 div div {
    background: url(../../img/ico-sfia.svg) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    margin-top: 30px;
    margin-left: 40px;
}

.fi-card2 div,
.fi-card1 div,
.fi-card3 div {
    background-color: rgba(0, 107, 97, 0.6);
}

.fi-card2 div label,
.fi-card1 div label {
    font-family: 'Baloo';
    font-size: 28px;
    color: #fff;
    padding: 23px 15px 23px 125px;
}

.fi-card3 div label {
    font-family: 'Baloo';
    font-size: 35px;
    color: #fff;
    padding: 94px 92px;
}

.li-cardk ul {
    list-style: none;
    padding-left: 15px;
    line-height: 251%;
    font-family: 'Proxima Nova';
    font-size: 14px;
    background-color: #E4E4E4;
    min-height: 269px;
}

.li-cardk .lst-head {
    font-family: 'Proxima Nova XBold';
    font-size: 18px;
    background-color: #0062C4;
    color: #fff;
    padding: 18px 14px;
}

.sfi-ico1 div {
    background: url(../../img/sfia-ico1.svg) no-repeat;
}

.sfi-ico2 div {
    background: url(../../img/sfia-ico2.svg) no-repeat;
}

.sfi-ico3 div {
    background: url(../../img/sfia-ico3.svg) no-repeat;
}

.sfi-ico1 div,
.sfi-ico2 div,
.sfi-ico3 div {
    background-size: cover;
    width: 29px;
    height: 29px;
    display: inline-block;
    margin-left: 15px;
    margin-right: 12px;
}

.sfi-ico1,
.sfi-ico2,
.sfi-ico3 {
    background-color: #00AA9D;
}

.sfi-ico1 label,
.sfi-ico2 label,
.sfi-ico3 label {
    max-width: 315px;
    padding: 15px 0px;
    font-size: 14px;
    font-family: 'Proxima Nova';
    color: #fff;
    font-weight: 100;
}

.ico-notr {
    margin-top: 15px;
    position: absolute;
}

.sfi-ico2 label {
    padding: 24px 57px;
}

.ccard1 {
    background: url(../../img/ico-masterd.svg) no-repeat;
    width: 50px;
    height: 39px;
    margin-right: 15px;
}

.ccard2 {
    background: url(../../img/ico-visa.svg) no-repeat;
    width: 64px;
    height: 20px;
    margin-bottom: 8px;
}

.ccard3 {
    background: url(../../img/ico-american.svg) no-repeat;
    width: 37px;
    height: 37px;
    margin-left: 15px;
}

.ccard1,
.ccard2,
.ccard3 {
    display: inline-block;
}

.cards-mast {
    text-align: center;
    margin-top: 30px;
}

.cards-mast label {
    font-family: 'Proxima Nova Light';
    font-size: 14px;
    color: #1A1A1A;
}

@media (max-device-width: 480px) {
    .tra-ve {
        display: none;
    }
    .row {
        margin-bottom: 20px;
    }
    .fi-card2 {
        margin-bottom: 10px;
    }
    .sfi-ico1,
    .sfi-ico2,
    .sfi-ico3 {
        margin-bottom: 10px;
    }
    .row {
        margin-bottom: 10px;
    }
    .fi-card2 {
        margin-bottom: 10px;
    }
    .sfi-ico1,
    .sfi-ico2,
    .sfi-ico3 {
        margin-bottom: 10px;
    }
}