/*! -----------------------------------------------------------------------
  LAYOUT - Robbialac +Pinta

  * @Version:    1.0 - 2017
  * @author:     Ogilvy (nuno quelhas)
  * @email:      nuno.quelhas@ogilvy.com
  * @website:    http://www.ogilvy.pt

-----------------------------------------------------------------------*/
@import url(../fonts/font.css);
@import url(../fonts/icons.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after {
        content: '';
        content: none;
    }

    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*:focus {
    outline: none;
}

.s10 {
    font-size: 10px;
}

.s12 {
    font-size: 12px;
}

.s14 {
    font-size: 14px;
}

.s16 {
    font-size: 16px;
}

.s18 {
    font-size: 18px;
}

.s20 {
    font-size: 20px;
}

.s22 {
    font-size: 22px;
}

.s24 {
    font-size: 24px;
}

.s26 {
    font-size: 26px;
}

.s28 {
    font-size: 28px;
}

.s30 {
    font-size: 30px;
}

.s32 {
    font-size: 32px;
}

.s34 {
    font-size: 34px;
}

.s36 {
    font-size: 36px;
}

.s38 {
    font-size: 38px;
}

.s40 {
    font-size: 40px;
}

.s50 {
    font-size: 50px;
}

.s60 {
    font-size: 60px;
}

.sp5 {
    height: 5px;
}

.sp10 {
    height: 10px;
}

.sp15 {
    height: 15px;
}

.sp20 {
    height: 20px;
}

.sp50 {
    height: 50px;
}

.m0 {
    margin: 0px;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.p0 {
    padding: 0px;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.pt10 {
    padding-top: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pl20 {
    padding-left: 20px;
}

.relative {
    position: relative;
}

.text-truncate, .promo_blue .bg-white h2, .catalogue .bg-white h2, .bg-white h2 {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: 'SariPro-Medium' !important;
    line-height: 1.25;
}

@media only screen and (max-width: 48em) {
    body {
        margin-top: 60px;
    }
}

.blue {
    color: #0060aa !important;
}

#topbar {
    height: 75px;
    line-height: 75px;
    position: relative;
    background: #0060aa;
    background: -moz-linear-gradient(left, #fff 20%, #0060aa 20%);
    background: -webkit-linear-gradient(left, #fff 20%, #0060aa 20%);
    background: linear-gradient(to right, #fff 20%, #0060aa 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0060aa',GradientType=1 );
}

    #topbar #naming {
        position: absolute;
        top: 0;
        left: .9375rem;
        z-index: 1;
    }

        #topbar #naming a:hover, #topbar #naming a:focus {
            text-decoration: none;
        }

        #topbar #naming h2 {
            color: #0060aa;
            font-size: 45px;
        }

@media only screen and (max-width: 48em) {
    #topbar #naming h2 {
        font-size: 22px;
    }
}

#topbar .stripes {
    position: absolute;
    height: 75px;
    width: 415px;
    top: 0;
    left: 0;
    background: #0060aa;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes {
        height: 50px;
        width: 150px;
    }
}

#topbar .stripes .stripe {
    float: right;
    height: 100%;
}

    #topbar .stripes .stripe:nth-child(1) {
        background: #ffc20e;
        width: 10px;
    }

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(1) {
        width: 3px;
    }
}

#topbar .stripes .stripe:nth-child(2) {
    background: #6fbe53;
    width: 8px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(2) {
        width: 2px;
    }
}

#topbar .stripes .stripe:nth-child(3) {
    background: #ffc20e;
    width: 7px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(3) {
        width: 2px;
    }
}

#topbar .stripes .stripe:nth-child(4) {
    background: #ffdd00;
    width: 15px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(4) {
        width: 4px;
    }
}

#topbar .stripes .stripe:nth-child(5) {
    background: #f89d1c;
    width: 13px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(5) {
        width: 3px;
    }
}

#topbar .stripes .stripe:nth-child(6) {
    background: #ec1b2e;
    width: 5px;
}

#topbar .stripes .stripe:nth-child(7) {
    background: #f89d1c;
    width: 10px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(7) {
        width: 3px;
    }
}

#topbar .stripes .stripe:nth-child(8) {
    background: #ec1b2e;
    width: 10px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(8) {
        width: 3px;
    }
}

#topbar .stripes .stripe:nth-child(9) {
    background: #ef4e22;
    width: 23px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(9) {
        width: 7px;
    }
}

#topbar .stripes .stripe:nth-child(10) {
    background: #0083c9;
    width: 3px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(10) {
        width: 1px;
    }
}

#topbar .stripes .stripe:nth-child(11) {
    background: #ef4e22;
    width: 7px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(11) {
        width: 2px;
    }
}

#topbar .stripes .stripe:nth-child(12) {
    background: #0083c9;
    width: 7px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(12) {
        width: 2px;
    }
}

#topbar .stripes .stripe:nth-child(13) {
    background: #86489c;
    width: 4px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(13) {
        width: 1px;
    }
}

#topbar .stripes .stripe:nth-child(14) {
    background: #0083c9;
    width: 23px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(14) {
        width: 7px;
    }
}

#topbar .stripes .stripe:nth-child(15) {
    background: #ef4e22;
    width: 4px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(15) {
        width: 1px;
    }
}

#topbar .stripes .stripe:nth-child(16) {
    background: #0060aa;
    width: 7px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(16) {
        width: 2px;
    }
}

#topbar .stripes .stripe:nth-child(17) {
    background: #0083c9;
    width: 40px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:nth-child(17) {
        width: 12px;
    }
}

#topbar .stripes .stripe:last-child {
    background: #FFF;
    width: 219px;
}

@media only screen and (max-width: 48em) {
    #topbar .stripes .stripe:last-child {
        width: 90px;
    }
}

#topbar h3 {
    text-indent: -9999px;
    float: right;
    width: 200px;
    height: 75px;
    background: url("../images/logo_robbialac.svg") center center no-repeat;
    background-size: 200px;
    overflow: hidden;
}

@media only screen and (max-width: 48em) {
    #topbar h3 {
        height: 50px;
        background-size: 100px;
        width: 100px;
    }
}

#topbar .nav-trigger i {
    color: white;
    cursor: pointer;
    line-height: 50px;
    float: right;
    margin-left: 5px;
}

@media only screen and (max-width: 48em) {
    #topbar {
        height: 50px;
        line-height: 50px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
    }
}

#nav {
    border-bottom: 1px solid #eee;
    z-index: 9 !important;
}

    #nav ul {
        background: white;
    }

        #nav ul li {
            float: left;
            width: 20%;
            text-align: center;
            font-size: 18px;
            padding: 10px 0;
        }

            #nav ul li i {
                display: block;
                font-size: 30px;
                margin-bottom: 5px;
                vertical-align: middle;
            }

            #nav ul li img {
                display: block;
                margin: 0 auto 5px;
                vertical-align: middle;
            }

            #nav ul li a {
                display: block;
                border-right: 1px solid #eee;
                padding: 10px 0;
                color: #333;
                border-bottom: 3px solid transparent;
                -webkit-transition: border 0.4s;
                -moz-transition: border 0.4s;
                -ms-transition: border 0.4s;
                -o-transition: border 0.4s;
                transition: border 0.4s;
            }

                #nav ul li a:hover, #nav ul li a:focus, #nav ul li a.active {
                    text-decoration: none;
                    border-bottom: 3px solid #0060aa;
                }

            #nav ul li:last-child a {
                border-right: 0;
            }

    #nav .myAccount {
        display: none;
    }

    #nav.sticky {
        background: white;
        position: fixed;
        top: 2px;
        left: 0;
        width: 100%;
        z-index: 999;
        border-bottom: 1px solid #eee;
    }

        #nav.sticky:before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #0060aa url("../images/border-sticky-blue.jpg") top center repeat-y;
        }

        #nav.sticky ul {
            width: 75%;
        }

            #nav.sticky ul li {
                padding-bottom: 0;
                width: auto;
            }

                #nav.sticky ul li a {
                    padding: 10px 30px;
                }

                    #nav.sticky ul li a.login-button {
                        padding-top: 5px;
                        padding-bottom: 0px;
                    }

                    #nav.sticky ul li a.logout {
                        padding: 0;
                        margin: 0;
                        display: inline;
                    }

                        #nav.sticky ul li a.logout:hover {
                            text-decoration: underline;
                        }

@media only screen and (max-width: 75em) {
    #nav.sticky ul li a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 62em) {
    #nav.sticky ul li a {
        padding: 10px 15px;
        font-size: 12px;
    }
}

#nav.sticky ul li:first-child a {
    padding-left: 0;
}

#nav.sticky ul li i, #nav.sticky ul li img {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
}

#nav.sticky ul.myAccount {
    display: block;
    width: 25%;
    line-height: 1;
}

    #nav.sticky ul.myAccount li {
        text-align: right;
        float: right;
    }

        #nav.sticky ul.myAccount li:last-child a {
            border-right: 1px solid #eee;
        }

        #nav.sticky ul.myAccount li:first-child a {
            border: 0;
            padding-left: 30px;
            padding-right: 0;
        }

@media only screen and (max-width: 62em) {
    #nav.sticky ul.myAccount li:first-child a {
        padding-left: 15px;
    }
}

#nav.sticky ul.myAccount a:hover, #nav.sticky ul.myAccount a:focus {
    border-bottom: 3px solid transparent;
}

#nav.inner ul {
    width: 75%;
}

    #nav.inner ul li {
        padding-bottom: 0;
        width: auto;
    }

        #nav.inner ul li a {
            padding: 10px 30px;
        }

            #nav.inner ul li a.login-button {
                padding-top: 5px;
                padding-bottom: 0px;
            }

            #nav.inner ul li a.logout {
                padding: 0;
                margin: 0;
                display: inline;
            }

                #nav.inner ul li a.logout:hover {
                    text-decoration: underline;
                }

@media only screen and (max-width: 75em) {
    #nav.inner ul li a {
        font-size: 14px;
        padding: 10px 25px;
    }
}

@media only screen and (max-width: 62em) {
    #nav.inner ul li a {
        padding: 10px 15px;
        font-size: 12px;
    }
}

#nav.inner ul li:first-child a {
    padding-left: 0;
}

#nav.inner ul li i, #nav.inner ul li img {
    display: inline-block;
    font-size: 20px;
}

#nav.inner ul.myAccount {
    display: block;
    width: 25%;
    line-height: 1;
}

    #nav.inner ul.myAccount li {
        text-align: right;
        float: right;
    }

        #nav.inner ul.myAccount li:last-child a {
            border-right: 1px solid #eee;
        }

        #nav.inner ul.myAccount li:first-child a {
            border: 0;
            padding-left: 30px;
            padding-right: 0;
        }

@media only screen and (max-width: 62em) {
    #nav.inner ul.myAccount li:first-child a {
        padding-left: 15px;
    }
}

#nav.inner ul.myAccount a:hover, #nav.inner ul.myAccount a:focus {
    border-bottom: 3px solid transparent;
}

@media only screen and (max-width: 48em) {
    #nav-sticky-wrapper {
        display: none;
    }
}

#slider:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #0060aa url("../images/border-sticky-blue.jpg") top center repeat-y;
}

.valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#slider .slick-slide .container {
    height: 500px;
    position: relative;
}

    #slider .slick-slide .container .col-md-4 {
        height: 100%;
    }

#slider .slick-slide h2 {
    text-transform: uppercase;
    color: #353637;
    font-size: 40px;
}

#slider .slick-slide h3 {
    font-size: 16px;
    color: #585859;
    margin: 25px 0;
}

.btn-blue {
    border-radius: 10px;
    background: #0060aa;
    color: white;
    border: 0;
    border-bottom: 4px solid #00355e;
}

    .btn-blue:hover, .btn-blue:focus {
        color: white;
        background: #005291;
    }

    .btn-blue:active {
        color: white;
        background: #005291;
        border-top: 4px solid #00355e;
        border-bottom: 0;
    }

.btn-purple {
    border-radius: 10px;
    background: #86489c;
    color: white;
    border: 0;
    border-bottom: 4px solid #593068;
}

    .btn-purple:hover, .btn-purple:focus {
        color: white;
        background: #77408b;
    }

    .btn-purple:active {
        color: white;
        background: #77408b;
        border-top: 4px solid #593068;
        border-bottom: 0;
    }

.btn-grey {
    border-radius: 10px;
    background: #353637;
    color: white;
    border: 0;
    border-bottom: 4px solid #0f1010;
}

    .btn-grey:hover, .btn-grey:focus {
        color: white;
        background: #28292a;
    }

    .btn-grey:active {
        color: white;
        background: #28292a;
        border-top: 4px solid #0f1010;
        border-bottom: 0;
    }

.btn-white {
    border-radius: 10px;
    background: white;
    color: #0060aa;
    border: 1px solid #585859;
    border-bottom: 4px solid #585859;
}

    .btn-white:hover, .btn-white:focus {
        color: #0060aa;
        background: #f2f2f2;
    }

    .btn-white:active {
        color: #0060aa;
        background: #f2f2f2;
        border: 1px solid #585859;
        border-top: 4px solid #585859;
    }

*:focus {
    outline: 0 !important;
}

.loginBox {
    width: 100%;
    height: 0;
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
}

@media only screen and (max-width: 48em) {
    .loginBox {
        position: relative;
        height: auto;
    }
}

.loginBox .container {
    height: 0;
}

@media only screen and (max-width: 48em) {
    .loginBox .container {
        height: auto;
    }
}

.loginBox .content {
    border-radius: 10px;
    background: #0060aa url("../images/bg_login.png") top right repeat-y;
    padding-bottom: 15px;
}

    .loginBox .content h4 {
        padding: 40px 20px;
        color: white;
        font-size: 25px;
    }

    .loginBox .content i {
        color: white;
        font-size: 25px;
    }

    .loginBox .content form {
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;
        background: white;
        padding: 20px;
        color: #585859;
        font-size: 14px;
    }

        .loginBox .content form input[type="text"], .loginBox .content form input[type="password"] {
            border: 1px solid #585859;
            width: 100%;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 10px;
            color: #353637;
        }

            .loginBox .content form input[type="text"]::-webkit-input-placeholder, .loginBox .content form input[type="password"]::-webkit-input-placeholder {
                color: #585859;
            }

            .loginBox .content form input[type="text"]:-moz-placeholder, .loginBox .content form input[type="password"]:-moz-placeholder {
                color: #585859;
            }

            .loginBox .content form input[type="text"]::-moz-placeholder, .loginBox .content form input[type="password"]::-moz-placeholder {
                color: #585859;
            }

            .loginBox .content form input[type="text"]:-ms-input-placeholder, .loginBox .content form input[type="password"]:-ms-input-placeholder {
                color: #585859;
            }

section.title {
    text-align: center;
}

    section.title h2 {
        color: #353637;
        font-size: 40px;
        margin-top: 25px;
    }

    section.title h3 {
        font-size: 16px;
        color: #585859;
        margin: 8px 0 25px;
    }

    section.title.firstHeading {
        text-align: left;
        position: relative;
    }

        section.title.firstHeading h1 {
            color: #353637;
            font-size: 40px;
        }

        section.title.firstHeading h3 {
            font-size: 14px;
        }

            section.title.firstHeading h3 span {
                color: #545556;
                margin-right: 20px;
            }

                section.title.firstHeading h3 span i {
                    margin-right: 10px;
                    vertical-align: bottom;
                }

.blue-line {
    width: 100%;
    height: 10px;
    background: #0060aa url("../images/border-sticky-white.jpg") top center repeat-y;
}

.blue-line-gray-bg {
    width: 100%;
    height: 10px;
    background: #0060aa url("../images/border-sticky-gray.png") top center repeat-y;
}

.silver-line {
    width: 100%;
    height: 10px;
    background: #eceded url("../images/border-sticky-silver.jpg") top center repeat-y;
}

.gold-line {
    width: 100%;
    height: 10px;
    background: #f1ecde url("../images/border-sticky-gold.jpg") top center repeat-y;
}
.plat-line {
    width: 100%;
    height: 10px;
    background: #eceded url("../images/border-sticky-plat.jpg") top center repeat-y;
}

.promo_blue {
    padding: 35px 0;
    background: #0060aa url("../images/bg_catalog.jpg") top center repeat-y;
}

    .promo_blue .bg-white {
        background: white;
        padding: 15px;
        border-radius: 10px;
        text-align: center;
        font-size: 18px;
        margin-bottom: 15px;
    }

        .promo_blue .bg-white h2 {
            color: black;
            margin-bottom: 5px;
        }

        .promo_blue .bg-white h3 {
            color: #585859;
            font-size: 14px;
            height: 35px;
        }

        .promo_blue .bg-white p {
            color: #0060aa;
            margin-bottom: 25px;
        }

.promo_grey {
    padding: 35px 0;
    background: #eff0f3 url("../images/bg_vantagens.jpg") top center repeat-y;
}

    .promo_grey li {
        font-size: 14px;
        line-height: 18px;
    }

        .promo_grey li strong {
            font-weight: bold;
            color: #353637;
        }

    .promo_grey .col-md-4 {
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .promo_grey .bg-white {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: white;
        padding: 15px;
        font-size: 18px;
        color: #585859;
    }

        .promo_grey .bg-white h2 {
            font-size: 22px;
            color: black;
            margin-bottom: 25px;
        }

            .promo_grey .bg-white h2.blue a {
                color: #0060aa;
            }

                .promo_grey .bg-white h2.blue a:hover {
                    text-decoration: none;
                }

            .promo_grey .bg-white h2.silver a {
                color: #858c8e;
            }

                .promo_grey .bg-white h2.silver a:hover {
                    text-decoration: none;
                }

            .promo_grey .bg-white h2.gold a {
                color: #9c844f;
            }

                .promo_grey .bg-white h2.gold a:hover {
                    text-decoration: none;
                }

    .promo_grey .bg-blue {
        padding-bottom: 20px;
        background: #0060aa url("../images/bg_blue.jpg") no-repeat left bottom;
        border-radius: 10px;
    }

    .promo_grey .bg-silver {
        padding-bottom: 20px;
        background: #a2a7a7 url("../images/bg_silver.jpg") no-repeat left bottom;
        border-radius: 10px;
    }

    .promo_grey .bg-gold {
        padding-bottom: 20px;
        background: #b99e5c url("../images/bg_gold.jpg") no-repeat left bottom;
        border-radius: 10px;
    }

    .promo_grey .bg-plat {
        padding-bottom: 20px;
        background: #3C3C3C url("../images/bg_plat.jpg") no-repeat left bottom;
        border-radius: 10px;
    }

#subfooter {
    background: #353637;
    line-height: 75px;
}

    #subfooter a {
        color: white;
        font-size: 18px;
    }

        #subfooter a i {
            vertical-align: middle;
            margin-right: 5px;
        }

        #subfooter a:hover {
            text-decoration: none;
            color: #F1F1F1;
        }

@media only screen and (max-width: 62em) {
    #subfooter a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 48em) {
    #subfooter a {
        font-size: 12px;
    }
}

#subfooter span {
    color: #999;
}

#subfooter h3 {
    text-indent: -9999px;
    float: right;
    width: 200px;
    height: 75px;
    background: url("../images/logo_robbialac.svg") center center no-repeat;
    background-size: 200px;
    overflow: hidden;
}

@media only screen and (max-width: 48em) {
    #subfooter h3 {
        background-size: 200px;
        width: 100%;
    }
}

footer {
    background: #262729;
    line-height: 30px;
    color: #b8b9b9;
    font-size: 14px;
}

    footer a {
        margin: 0 10px 0 0px;
        font-size: 14px;
        color: #b8b9b9;
    }

        footer a:hover {
            color: #b8b9b9;
        }

@media only screen and (max-width: 62em) {
    footer a {
        font-size: 12px;
        margin: 0 5px 0 0;
    }
}

@media only screen and (max-width: 34em) {
    footer a {
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 62em) {
    footer {
        font-size: 12px;
    }
}

@media only screen and (max-width: 34em) {
    footer {
        padding: 10px 0;
    }
}

#mobile_nav {
    display: none;
}

    #mobile_nav ul {
        position: fixed;
        z-index: 9;
        top: 50px;
        background: rgba(0,0,0,0.3);
        width: 100%;
        height: 100%;
    }

        #mobile_nav ul li {
            width: 50%;
            height: 25%;
            float: left;
            text-align: center;
            border-left: 1px solid #eee;
            border-bottom: 1px solid #eee;
            background: white;
            position: relative;
        }

            #mobile_nav ul li:hover {
                background: #F1F1F1;
            }

            #mobile_nav ul li a {
                height: 100%;
                display: block;
                color: black;
                font-size: 12px;
            }

                #mobile_nav ul li a span {
                    display: block;
                    position: relative;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

                #mobile_nav ul li a:hover {
                    text-decoration: none;
                }

                #mobile_nav ul li a i {
                    margin-bottom: 5px;
                    display: block;
                    color: black;
                    font-size: 30px;
                }

#inner-content {
    background: #eff0f3;
    font-size: 16px;
    color: #353637;
}

    #inner-content .sub-menu {
        margin-bottom: 30px;
        border-bottom: 1px solid #dfe0e3;
    }

    #inner-content ul li {
        display: block;
        float: left;
    }

        #inner-content ul li a {
            line-height: 70px;
            margin: 0 15px;
            display: block;
            float: left;
            border-top: 3px solid transparent;
            border-bottom: 3px solid transparent;
            color: #353637;
            font-size: 16px;
        }

            #inner-content ul li a:hover, #inner-content ul li a:focus, #inner-content ul li a.active {
                border-bottom: 3px solid #0060aa;
                text-decoration: none;
            }

@media only screen and (max-width: 48em) {
    #inner-content ul li {
        float: none;
        text-align: center;
    }

        #inner-content ul li a {
            line-height: 40px;
            float: none;
        }
}

.accordion-container {
    background: white;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    border: 1px solid #dfe0e3;
    padding: 15px;
    margin: 30px 0;
}

    .accordion-container .bg-blue {
        padding-bottom: 20px;
        background: #0060aa url("../images/bg_blue.jpg") no-repeat left bottom;
        border-radius: 10px;
    }

    .accordion-container .col-md-4 {
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .accordion-container .bg-white {
        border: 1px solid #eee;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: white;
        padding: 15px;
        font-size: 18px;
        color: #585859;
    }

.novidade {
    background: white;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    border: 1px solid #dfe0e3;
    padding: 15px;
    margin: 30px 0;
    position: relative;
    min-height: 400px;
}

    .novidade .text-content {
        position: absolute;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        background-clip: padding-box;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(left, #fff 0%, #fff 40%, rgba(255,255,255,0.02) 65%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left, #fff 0%, #fff 40%, rgba(255,255,255,0.02) 65%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, #fff 0%, #fff 40%, rgba(255,255,255,0.02) 65%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
        padding: 15px;
    }

@media only screen and (max-width: 48em) {
    .novidade .text-content {
        padding: 15px 0;
    }
}

.novidade .text-content .valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .novidade .text-content .valign h2 {
        font-size: 36px;
        line-height: 1.1;
    }

@media only screen and (max-width: 62em) {
    .novidade .text-content .valign h2 {
        font-size: 26px;
    }
}

.novidade .text-content .valign p {
    font-size: 14px;
    color: #b8b9b9;
    margin: 15px 0 25px 0;
}

@media only screen and (max-width: 62em) {
    .novidade .text-content .valign p {
        margin: 15px 0;
    }
}

@media only screen and (max-width: 48em) {
    .novidade .text-content {
        position: static;
    }

        .novidade .text-content .valign {
            top: auto;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
        }
}

@media only screen and (max-width: 48em) {
    .novidade {
        background: white !important;
    }
}

.notifications {
    position: relative;
}

    .notifications i {
        font-size: 25px !important;
    }

    .notifications span {
        position: absolute;
        top: 50%;
        right: 50%;
        margin-top: -15px;
        margin-right: -9px;
        border: 2px solid white;
        width: 11px;
        height: 11px;
        background: #e42313;
        border-radius: 11px;
    }

.sticky-wrapper {
    min-height: 101px !important;
    height: auto !important;
}

.dropdown-menu {
    left: auto;
    right: 0;
}

@media only screen and (max-width: 48em) {
    .dropdown-menu {
        right: auto;
        left: 0;
    }
}

.btn-primary-outline {
    color: #0060aa;
    border-color: #eee;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

    .btn-primary-outline:hover {
        background-color: #0060aa;
        border-color: #0060aa;
    }

.catalogue .bg-white {
    background: white;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

    .catalogue .bg-white h2 {
        color: black;
        margin-bottom: 5px;
    }

    .catalogue .bg-white h3 {
        color: #585859;
        font-size: 14px;
        height: 35px;
    }

    .catalogue .bg-white p {
        color: #0060aa;
        margin-bottom: 25px;
    }

.catalogue-filters a {
    font-size: 18px;
    color: #353637;
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
    display: block;
}

    .catalogue-filters a i {
        float: left;
        display: block;
        width: 30px;
        margin: 0 10px;
    }

    .catalogue-filters a:hover, .catalogue-filters a.active {
        color: #0060aa;
        text-decoration: none;
    }

    .catalogue-filters a.btn-silver, .catalogue-filters a.btn-gold, .catalogue-filters a.btn-platinum {
        border-radius: 0 !important;
    }

@media only screen and (max-width: 75em) {
    .catalogue-filters a {
        font-size: 15px;
    }
}

.btn-silver {
    border-radius: 10px;
    background: url("../images/btn-silver.png") top center repeat-y;
    background-size: 100% 100%;
    color: white !important;
    border: 0;
}

    .btn-silver:hover, .btn-silver:focus {
        color: white;
        background: url("../images/btn-silver.png") top center repeat-y;
        background-size: 100% 100%;
    }

    .btn-silver:active {
        color: white;
        background: url("../images/btn-silver.png") top center repeat-y;
        background-size: 100% 100%;
    }

.btn-platinum {
    border-radius: 10px;
    background: url("../images/btn-plat.jpg") top center repeat-y;
    background-size: 100% 100%;
    color: white !important;
    border: 0;
}

    .btn-platinum:hover, .btn-platinum:focus {
        color: white;
        background: url("../images/btn-plat.jpg") top center repeat-y;
        background-size: 100% 100%;
    }

    .btn-platinum:active {
        color: white;
        background: url("../images/btn-plat.jpg") top center repeat-y;
        background-size: 100% 100%;
    }

.btn-gold {
    border-radius: 10px;
    background: url("../images/btn-gold.png") top center repeat-y;
    background-size: 100% 100%;
    color: white !important;
    border: 0;
}

    .btn-gold:hover, .btn-gold:focus {
        color: white;
        background: url("../images/btn-gold.png") top center repeat-y;
        background-size: 100% 100%;
    }

    .btn-gold:active {
        color: white;
        background: url("../images/btn-gold.png") top center repeat-y;
        background-size: 100% 100%;
    }

#pag {
    text-align: center;
}

    #pag i {
        vertical-align: middle;
        font-size: 28px;
    }

    #pag a {
        background: white;
        display: inline-block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-radius: 10px;
        font-size: 20px;
        color: #0060aa;
        background: white;
    }

        #pag a:hover, #pag a.active, #pag a:focus {
            color: white;
            text-decoration: none;
            background: #0060aa;
        }

.inner-white {
    background: white;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    border: 1px solid #dfe0e3;
    padding: 15px;
    margin: 30px 0;
    position: relative;
}

    .inner-white h3 {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: 30px;
    }

        .inner-white h3:first-child {
            margin-top: 0;
        }

    .inner-white p {
        margin-bottom: 10px;
    }

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    z-index: 999;
}

    .popup .close-button {
        width: 30px;
        height: 30px;
        position: absolute;
        top: -40px;
        right: 0px;
        background: white;
        cursor: pointer;
        line-height: 30px;
        border-radius: 30px;
        z-index: 9999;
        text-align: center;
    }

        .popup .close-button i {
            color: #0060aa !important;
        }

        .popup .close-button:hover {
            background: #F1F1F1;
        }

    .popup .content {
        position: relative;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 420px;
        margin: 0 auto;
        border-radius: 10px;
        background: #0060aa url("../images/bg_login.png") top right repeat-y;
        padding-bottom: 15px;
    }

        .popup .content h4 {
            padding: 40px 20px;
            color: white;
            font-size: 25px;
        }

        .popup .content i {
            color: white;
            font-size: 25px;
            vertical-align: middle;
        }

        .popup .content form {
            border-right: 1px solid #eee;
            border-left: 1px solid #eee;
            background: white;
            padding: 20px;
            color: #585859;
            font-size: 14px;
        }

            .popup .content form input[type="text"], .popup .content form input[type="password"], .popup .content form textarea {
                border: 1px solid #585859;
                width: 100%;
                padding: 10px;
                border-radius: 10px;
                margin-bottom: 10px;
                color: #353637;
            }

                .popup .content form input[type="text"]::-webkit-input-placeholder, .popup .content form input[type="password"]::-webkit-input-placeholder, .popup .content form textarea::-webkit-input-placeholder {
                    color: #585859;
                }

                .popup .content form input[type="text"]:-moz-placeholder, .popup .content form input[type="password"]:-moz-placeholder, .popup .content form textarea:-moz-placeholder {
                    color: #585859;
                }

                .popup .content form input[type="text"]::-moz-placeholder, .popup .content form input[type="password"]::-moz-placeholder, .popup .content form textarea::-moz-placeholder {
                    color: #585859;
                }

                .popup .content form input[type="text"]:-ms-input-placeholder, .popup .content form input[type="password"]:-ms-input-placeholder, .popup .content form textarea:-ms-input-placeholder {
                    color: #585859;
                }

            .popup .content form textarea {
                min-height: 150px;
                color: #585859;
            }

                .popup .content form textarea:focus {
                    color: #353637;
                }

@media only screen and (max-width: 48em) {
    .popup .content {
        width: 90%;
    }
}

.popup#catalogo-item .content .bg-white {
    border-radius: 10px;
}

    .popup#catalogo-item .content .bg-white h3 {
        height: auto;
        margin-bottom: 20px;
    }

i.material-icons {
    vertical-align: middle;
}

.notificationBox {
    display: none;
    background: #ec1b2e;
    color: white;
    font-size: 14px;
    padding: 20px 40px;
}

    .notificationBox .close-notification {
        float: right;
    }

        .notificationBox .close-notification a {
            color: white;
        }

            .notificationBox .close-notification a:hover {
                color: #F1F1F1;
            }

        .notificationBox .close-notification i {
            font-size: 30px !important;
        }

.related .bg-white {
    border-radius: 10px;
    margin-bottom: 10px;
}

.bg-white {
    background: white;
    padding: 15px;
    text-align: center;
    font-size: 18px;
}

    .bg-white h2 {
        color: black;
        margin-bottom: 5px;
    }

    .bg-white h3 {
        color: #585859;
        font-size: 14px;
        height: 35px;
    }

    .bg-white p {
        color: #0060aa;
        margin-bottom: 25px;
    }

.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    pointer-events: none;
    cursor: default;
}

.prata {
    color: #545556;
}

.platinum {
    color: #545556;
}

.ouro {
    color: #b99e5c;
}

.gradient-blue {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ccdfee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ccdfee));
    background: -webkit-linear-gradient(top, #fff 0%, #ccdfee 100%);
    background: -o-linear-gradient(top, #fff 0%, #ccdfee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #ccdfee 100%);
    background: linear-gradient(to bottom, #fff 0%, #ccdfee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.gradient-prata {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eceded 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eceded));
    background: -webkit-linear-gradient(top, #fff 0%, #eceded 100%);
    background: -o-linear-gradient(top, #fff 0%, #eceded 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eceded 100%);
    background: linear-gradient(to bottom, #fff 0%, #eceded 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.gradient-ouro {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f1ecde 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f1ecde));
    background: -webkit-linear-gradient(top, #fff 0%, #f1ecde 100%);
    background: -o-linear-gradient(top, #fff 0%, #f1ecde 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f1ecde 100%);
    background: linear-gradient(to bottom, #fff 0%, #f1ecde 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.gradient-plat {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eceded 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eceded));
    background: -webkit-linear-gradient(top, #fff 0%, #eceded 100%);
    background: -o-linear-gradient(top, #fff 0%, #eceded 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eceded 100%);
    background: linear-gradient(to bottom, #fff 0%, #eceded 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color',GradientType=0 );
}

.myAccount span.logout {
    cursor: pointer;
    color: #585859;
}

    .myAccount span.logout:hover {
        text-decoration: underline;
    }

.grey {
    color: #eee;
}

.bg-primary {
    background: #0060aa !important;
}

.questions input[type="text"], .questions textarea {
    border: 1px solid #cccccc;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    color: #353637;
}

    .questions input[type="text"]::-webkit-input-placeholder, .questions textarea::-webkit-input-placeholder {
        color: #585859;
    }

    .questions input[type="text"]:-moz-placeholder, .questions textarea:-moz-placeholder {
        color: #585859;
    }

    .questions input[type="text"]::-moz-placeholder, .questions textarea::-moz-placeholder {
        color: #585859;
    }

    .questions input[type="text"]:-ms-input-placeholder, .questions textarea:-ms-input-placeholder {
        color: #585859;
    }

.questions textarea {
    min-height: 120px;
}

.questions select {
    height: 40px;
    border: 1px solid #cccccc;
    min-width: 160px;
}

.tabs .tab {
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 20%;
    cursor: pointer;
    float: left;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    font-size: 22px;
}

    .tabs .tab.active {
        opacity: 1;
        filter: alpha(opacity=100);
    }

@media only screen and (max-width: 40em) {
    .tabs .tab {
        font-size: 14px;
    }
}

.tabs .tab.blue {
    background: #0060aa url("../images/tab-blue.png") no-repeat;
    background-size: 100% 100%;
    color: white !important;
}

.tabs .tab.silver {
    margin: 0 2%;
    background: #585859 url("../images/tab-silver.png") no-repeat;
    background-size: 100% 100%;
    color: white !important;
}

.tabs .tab.gold {
    background: #585859 url("../images/tab-gold.png") no-repeat;
    background-size: 100% 100%;
    color: white !important;
}

.tabs .tab.platinum {
    margin: 0 2%;
    background: #585859 url("../images/tab-silver.png") no-repeat;
    background-size: 100% 100%;
    color: white !important;
}

.tab-content .content-blue, .tab-content .content-silver, .tab-content .content-gold {
    display: none;
    margin: 15px;
}

    .tab-content .content-blue .bottom, .tab-content .content-silver .bottom, .tab-content .content-gold .bottom {
        padding: 15px;
        color: white;
        line-height: 2.5;
    }

        .tab-content .content-blue .bottom h3, .tab-content .content-silver .bottom h3, .tab-content .content-gold .bottom h3 {
            font-size: 22px;
            padding-bottom: 20px;
        }

        .tab-content .content-blue .bottom li, .tab-content .content-silver .bottom li, .tab-content .content-gold .bottom li {
            float: none !important;
            text-align: left !important;
            list-style: disc !important;
        }

.tab-content .content-blue {
    display: block;
}

    .tab-content .content-blue .bottom {
        background: #0060aa;
    }

.tab-content .content-silver .bottom {
    background: #666;
}

.tab-content .content-gold .bottom {
    background: #b99e5c;
}

.gold {
    color: #9c844f;
}

.filters {
    background: #eff0f3;
    padding: 0px;
    margin-bottom: 20px;
}

    .filters input[type="text"] {
        border: 1px solid #ccc;
        width: 60px;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
        color: #353637;
    }

        .filters input[type="text"]::-webkit-input-placeholder {
            color: #aaa;
        }

        .filters input[type="text"]:-moz-placeholder {
            color: #aaa;
        }

        .filters input[type="text"]::-moz-placeholder {
            color: #aaa;
        }

        .filters input[type="text"]:-ms-input-placeholder {
            color: #aaa;
        }

    .filters.clients select {
        width: 100%;
        padding: 8px;
        background: white;
        border: 1px solid #aaa;
        border-radius: 10px;
    }

        .filters.clients select:not([multiple]) {
            height: 40px;
        }

    .filters.clients input[type="text"] {
        width: 100%;
    }

.mb0 {
    margin-bottom: 0 !important;
}

.img-wrapper {
    height: 185px;
    overflow: hidden;
}

@media only screen and (max-width: 75em) {
    .img-wrapper {
        height: 135px;
    }
}

@media only screen and (max-width: 48em) {
    .img-wrapper {
        height: auto;
    }
}

.code input[type="text"] {
    border: 1px solid #ccc;
    width: 250px;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    color: #353637;
}

    .code input[type="text"]::-webkit-input-placeholder {
        color: #aaa;
    }

    .code input[type="text"]:-moz-placeholder {
        color: #aaa;
    }

    .code input[type="text"]::-moz-placeholder {
        color: #aaa;
    }

    .code input[type="text"]:-ms-input-placeholder {
        color: #aaa;
    }

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

.bg-concurso {
    background: #eff0f3 url("../images/bg_vantagens.jpg") top center repeat-y !important;
}

.banner-mobile {
    display: none !important;
}

.banner-box-mobile {
    display: none !important;
}

.banner-big {
    display: inherit !important;
}

@media only screen and (max-width: 48em) {
    .banner-mobile {
        display: inherit !important;
        object-fit: contain;
        width: 100%;
        margin-top: 65px
    }

    .banner-box-mobile {
        display: inherit !important;
    }

    .banner-big {
        display: none !important;
    }

    .valign-mobile {
        position: relative;
        top: 3% !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }

    .container-mobile {
        padding-bottom: 15px !important;
        height: auto !important;
        position: relative;
    }
}

.tg {
    border-collapse: collapse;
    border-spacing: 3px;
    /*width:100% !important;*/
    position:relative;
}

    .tg td {
        font-size: 12px;
        overflow: hidden;
        padding: 5px 5px;
        margin-left: 3px;
        word-break: normal;
        border-left: 2px solid white;
        border-right: 2px solid white;
    }

    .tg tr {
        border-bottom: 1pt solid black;
    }

    .tg .tg-tier {
        width: 80px;
        font-weight: bold;
        text-align: center;
        vertical-align: top;
        color: white;
    }

.tg-tier-base-head {
    background-color: #1457A0;
}

.tg-tier-silver-head {
    background-color: #B8B9BD;
}

.tg-tier-gold-head {
    background-color: #BA9F64;
}

.tg-tier-plat-head {
    background-color: #404040;
}

.tg-tier-base {
    background-color: #D2E0EA;
}

.tg-tier-silver {
    background-color: #EBEBED;
}

.tg-tier-gold {
    background-color: #E6DDC8;
}

.tg-tier-plat {
    background-color: #C5C5C5;
}


.tg th {
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
    border-spacing: 20px;
    border-bottom: 2px solid white;
}

.tg .tg-1wig {
    font-weight: bold;
    text-align: left;
    vertical-align: top
}

.tg .tg-4bw1 {
    color: #333333;
    font-weight: bold;
    text-align: center;
    vertical-align: top
}

.tg .tg-amwm {
    font-weight: bold;
    text-align: center;
    vertical-align: top
}

.defaultList {
    float: initial !important;
    list-style: disc !important;
    margin: 1em 0;
    padding: 0 0 0 40px;
}

.defaultItem {
    display: list-item !important;
    float: initial !important;
}