/**************************************************************/
/* Global configuration for Responsive & Adblock killer promo */
/* Landing                                                    */
/**************************************************************/

@font-face {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
}


body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #000000;
    font-family: 'Roboto', sans-serif;
}

h2 {
    margin: 0;
    margin: 10px 0;
    padding: 0;
    font-size: 20px;
    color: #00AAFF;
}

h3 {
    font-size: 18px;
}

h5 {
    font-size: 20px;
    color: #34A853;
}

p {
    padding: 5px 10px;
}

.form-control {
    font-size: 16px;
}

.pull-center {
    text-align: center;
    margin: 0 auto;
}

.pinkText {
    color: #00AAFF;
}

.smallText {
    text-align: justify;
    font-size: 12px
}

.btn-success {
    background: #92d4f4;
    border: 1px solid #00AAFF;
}

.btn-success:hover {
    background: #00AAFF;
    border: 1px solid #00AAFF;
}

.btn-download {
    display: block; width: 100%;
}

.btn-download {
    display: block; 
    width: 100%;
}

.btn-download .btn-text {
    text-align: left; 
    line-height: 24px;
}

.panel {
    background: #ffffff;
}

.panel-success {
    margin: 10px auto;
    border: 1px solid #00AAFF;
}

.panel-success .panel-heading {
    background: #00AAFF;
    color: #ffffff;
}

.panel-info {
    margin: 10px auto;
    border: 1px solid #00AAFF;
}

.panel-info .panel-heading {
    background: #00AAFF;
    color: #ffffff;
}

.breadcrumb {
    font-size: 11px;
    padding: 5px 2px;
}

header {
    width: 100%;
    height: 78px;
    background: url(../img/header.png) #C0C0C0;
    background-size: cover;
    color: #DD0059;
    text-transform: uppercase;
    text-align: center;
}

header h1 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 800;
    line-height: 78px;
}

header h1 .highlight {
    color: 00AAFF;
}

.container-fluid {
    width: 98%;
    max-width: 1280px;
    margin-top: 10px;
}

.container-fluid .list-group-item {
    /* position: relative; */
}

.container-fluid .list-group-item .label {
    position: absolute;
    top: 20px;
    right: 27px;
}

.container-fluid .borders {
    border: 1px solid #9094AD;
    border-radius: 3px;
    background: #ffffff;
}

.container-fluid .list-group-item .modalLink {
    cursor: pointer;
}

#panel {
    display: block;
    position: relative;
    z-index: 1000;
}

#overlay { 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0, 170, 255, 0.8); 
    z-index: 10; 
}

/* Download */
#step_2 {
    border: 2px solid #EADAF2;
    border-radius: 4px;
    padding: 15px;
    margin: 10px 0;
    font-size: 13px;
}

/* Validator */
.form-group  .form-control-feedback { padding-top: 2px; }
.form-group label.error { position: absolute; top: 27px; right: 30px; display: block; width: auto; height: 20px; margin: 0; padding: 5px; font-size: 12px; font-weight: bold; line-height: 20px; color: #A94442; }

@media only screen and ( max-device-width: 728px ) {

    .container-fluid .borders {
        border: 0;
        background: transparent;
    }

    br:first-child { display: none; }
}

@media only screen and ( max-device-width: 640px ) {

    header h1 {
        font-size: 25px;
    }

}

@media only screen and ( max-device-width: 480px ) {

    header h1 {
        padding: 0 20px;
        font-size: 18px;
        line-height: 34px;
    }

}

@media only screen and ( max-device-width: 360px ) {

    h2 {
        text-align: center; 
    }

}