﻿

.body-premium {
    padding-top: 0;
    margin-top: -1px;
    background-image: none;
    background-color: #f2f2f2;
}

    .body-premium .container {
        padding-left: 6px;
        padding-right: 6px;
    }

.div-section {
    padding-top: 40px;
    /*min-height: 250px;*/
    padding-bottom: 40px;
}

.sub-shadow {
    -webkit-box-shadow: 0 4px 6px 1px #aaa;
    -moz-box-shadow: 0 4px 6px 1px #aaa;
    box-shadow: 0 4px 6px 1px #aaa;
}

.round22 {
    border: none !important;
    border-radius: 22px !important;
}

#recorreGroup.btn-group > .btn.active {
    border-bottom: 2px solid #008CBA !important;
    font-weight: bold;
}

.navbar-premium {        
    
    background-color: #008cba !important;
    border-color: none;
    background-image: linear-gradient(to bottom, #008cba -200%, #008cba 200%);
    height: 60px !important;
    background-size: cover;
}

    .navbar-premium .navbar-header img {
        height: 38px;
        text-align: left !important;
    }

.cupom {
    text-transform: uppercase;
}

    .cupom::placeholder {
        text-transform: none;
    }

.div-section-first {
    text-align: right;
    font-size: 8em;
    color: #555;
}

.lightee {
    font-weight: normal;
}

.largee {
    font-size: 1.3em;
}

    .largee > strong {
        margin-top: 20px;
    }

.boxee {
    border: 1px #ccc solid;
    border-radius: 10px;
    background-color: #fafafa;
}

.discreet {
    font-size: smaller;
}

div.tablee > div.col-xs-12.col-sm-6.tb-free > table > tbody > tr:nth-child(1) > th,
div.tablee > div.col-xs-12.col-sm-6.tb-premium > table > tbody > tr:nth-child(1) > th {
    border-top: none !important;
    text-align: center;
}

div.tablee > div.col-xs-12.col-sm-6.tb-free > table > tbody > tr > td,
div.tablee > div.col-xs-12.col-sm-6.tb-premium > table > tbody > tr > td {
    text-align: center;
}

.caret-gray {
    color: #ccc;
    position: absolute;
    top: 15px;
    right: 10px;
}

.full {
    width: 100%;
}

.tb-premium > table {
    background: #eee;
    color: #444;
    border: #ccc solid;
    border-top: #ccc solid !important;
    border-radius: 10px !important;
    border-collapse: unset !important;
    box-shadow: 0 6px 8px 2px #999;
    font-size: 1.1em;
}

.tb-free > table {
    color: #555;
    background: #f5f5f5;
    border: #ddd solid;
    border-top: #ccc solid !important;
    border-radius: 10px !important;
    border-collapse: unset !important;
    font-size: 1.1em;
}

.code-sample {
    font-family: Consolas, 'Courier New';
    font-weight: bold;
    background-color: #fafafa;
    border: 2px #ddd solid;
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px;
    text-align: left;
    word-break: break-word;
}

.div-section-first > .fa {
    width: unset;
}

.div-section-second {
    text-align: left;
}

.div-wallpaper {
    background-image: url(/Content/images/bg.jpg);
    border-radius: 22px;
    margin-right: 6px;
    margin-left: 6px;
}

.div-degrade {
    background-image: linear-gradient( #008cba -30%, #008cba 80%);
    /*background:linear-gradient(#3afad4 -100%, #008cba 85%, #4e80b2 -30%, #2c3e50 150%, #2c3e50 20%);*/
}

.div-map {
    background-image: url('contact-map.png');
    background: url(contact-map.png) no-repeat center;
    background-position-x: center;
    background-position-y: center;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    text-align: center;
}

.littebigger {
    font-size: 1.2em;
    font-weight: 600;
}

.detalhe-credit-card {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #eee;
}


.mart20 {
    margin-top: 20px;
}

.w320 {
    width: 320px !important;
}

.div-footer {
    background-image: linear-gradient(#267D99, #006687);
    color: #fff;
    letter-spacing: 1px;
    text-align: left;
    font-size: 1.2em;
}

    .div-footer a {
        color: #fff;
    }

.features th {
    text-align: center;
    font-size: 1.5em;
    border-top: none !important;
}

.lowercase {
    text-transform: lowercase;
}

@media screen and (max-width: 768px) {
    .div-section-first {
        text-align: center;
        font-size: 5em;
    }

    .div-section-second {
        text-align: center;
    }

    .div-footer {
        text-align: center;
    }

    .largee {
        font-size: 1.2em;
    }
}
