/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
body {
    margin: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
input[type="file"] {
    display: block;
}
input[type="range"] {
    display: block;
    width: 100%;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px;
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}
.form-group {
    margin-bottom: 15px;
}
.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}
.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}
.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}
.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
select.input-lg {
    height: 46px;
    line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}
.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}
.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.has-feedback {
    position: relative;
}
.has-feedback .form-control {
    padding-right: 42.5px;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.container {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container:before,
.container:after {
    display: table;
    content: " ";
}

.container:after { clear: both; }

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row:before,
.row:after {
    display: table;
    content: " ";
}

.row:after { clear: both; }

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 { float: left; }

.col-xs-1  { width: 8.333333333333332%;  }
.col-xs-2  { width: 16.666666666666664%; }
.col-xs-3  { width: 25%; }
.col-xs-4  { width: 33.33333333333333%; }
.col-xs-5  { width: 41.66666666666667%; }
.col-xs-6  { width: 50%; }
.col-xs-7  { width: 58.333333333333336%; }
.col-xs-8  { width: 66.66666666666666%;  }
.col-xs-9  { width: 75%; }
.col-xs-10 { width: 83.33333333333334%; }
.col-xs-11 { width: 91.66666666666666%; }

.col-xs-12 { width: 100%; }

@media (min-width: 768px) {

    .container { max-width: 750px; }

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11 { float: left; }

    .col-sm-1  { width: 8.333333333333332%;  }
    .col-sm-2  { width: 16.666666666666664%; }
    .col-sm-3  { width: 25%;  }
    .col-sm-4  { width: 33.33333333333333%; }
    .col-sm-5  { width: 41.66666666666667%; }
    .col-sm-6  { width: 50%;  }
    .col-sm-7  { width: 58.333333333333336%; }
    .col-sm-8  { width: 66.66666666666666%;  }
    .col-sm-9  { width: 75%;  }
    .col-sm-10 { width: 83.33333333333334%; }
    .col-sm-11 { width: 91.66666666666666%; }
    .col-sm-12 { width: 100%; }

    .col-sm-push-1  { left: 8.333333333333332%;  }
    .col-sm-push-2  { left: 16.666666666666664%; }
    .col-sm-push-3  { left: 25%; }
    .col-sm-push-4  { left: 33.33333333333333%; }
    .col-sm-push-5  { left: 41.66666666666667%; }
    .col-sm-push-6  { left: 50%; }
    .col-sm-push-7  { left: 58.333333333333336%; }
    .col-sm-push-8  { left: 66.66666666666666%;  }
    .col-sm-push-9  { left: 75%; }
    .col-sm-push-10 { left: 83.33333333333334%; }
    .col-sm-push-11 { left: 91.66666666666666%; }

    .col-sm-pull-1  { right: 8.333333333333332%;  }
    .col-sm-pull-2  { right: 16.666666666666664%; }
    .col-sm-pull-3  { right: 25%; }

    .col-sm-pull-4  { right: 33.33333333333333%; }
    .col-sm-pull-5  { right: 41.66666666666667%; }
    .col-sm-pull-6  { right: 50%; }
    .col-sm-pull-7  { right: 58.333333333333336%; }
    .col-sm-pull-8  { right: 66.66666666666666%;  }
    .col-sm-pull-9  { right: 75%; }
    .col-sm-pull-10 { right: 83.33333333333334%; }
    .col-sm-pull-11 { right: 91.66666666666666%; }

    .col-sm-offset-1  { margin-left: 8.333333333333332%; }
    .col-sm-offset-2  { margin-left: 16.666666666666664%; }
    .col-sm-offset-3  { margin-left: 25%; }
    .col-sm-offset-4  { margin-left: 33.33333333333333%; }
    .col-sm-offset-5  { margin-left: 41.66666666666667%; }
    .col-sm-offset-6  { margin-left: 50%; }
    .col-sm-offset-7  { margin-left: 58.333333333333336%; }
    .col-sm-offset-8  { margin-left: 66.66666666666666%;  }
    .col-sm-offset-9  { margin-left: 75%; }
    .col-sm-offset-10 { margin-left: 83.33333333333334%; }
    .col-sm-offset-11 { margin-left: 91.66666666666666%; }

}

@media (min-width: 992px) {

    .container { max-width: 970px; }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11 { float: left; }

    .col-md-1  { width: 8.333333333333332%;  }
    .col-md-2  { width: 16.666666666666664%; }
    .col-md-3  { width: 25%;  }
    .col-md-4  { width: 33.33333333333333%; }
    .col-md-5  { width: 41.66666666666667%; }
    .col-md-6  { width: 50%;  }
    .col-md-7  { width: 58.333333333333336%; }
    .col-md-8  { width: 66.66666666666666%;  }
    .col-md-9  { width: 75%;  }
    .col-md-10 { width: 83.33333333333334%; }
    .col-md-11 { width: 91.66666666666666%; }
    .col-md-12 { width: 100%; }

    .col-md-push-0  { left: auto; }
    .col-md-push-1  { left: 8.333333333333332%;  }
    .col-md-push-2  { left: 16.666666666666664%; }
    .col-md-push-3  { left: 25%;  }
    .col-md-push-4  { left: 33.33333333333333%; }
    .col-md-push-5  { left: 41.66666666666667%; }
    .col-md-push-6  { left: 50%;  }
    .col-md-push-7  { left: 58.333333333333336%; }
    .col-md-push-8  { left: 66.66666666666666%;  }
    .col-md-push-9  { left: 75%;  }
    .col-md-push-10 { left: 83.33333333333334%; }
    .col-md-push-11 { left: 91.66666666666666%; }

    .col-md-pull-0  { right: auto; }
    .col-md-pull-1  { right: 8.333333333333332%;  }
    .col-md-pull-2  { right: 16.666666666666664%; }
    .col-md-pull-3  { right: 25%;  }
    .col-md-pull-4  { right: 33.33333333333333%; }
    .col-md-pull-5  { right: 41.66666666666667%; }
    .col-md-pull-6  { right: 50%;  }
    .col-md-pull-7  { right: 58.333333333333336%; }
    .col-md-pull-8  { right: 66.66666666666666%;  }
    .col-md-pull-9  { right: 75%;  }
    .col-md-pull-10 { right: 83.33333333333334%; }
    .col-md-pull-11 { right: 91.66666666666666%; }

    .col-md-offset-0  { margin-left: 0;   }
    .col-md-offset-1  { margin-left: 8.333333333333332%;  }
    .col-md-offset-2  { margin-left: 16.666666666666664%; }
    .col-md-offset-3  { margin-left: 25%; }
    .col-md-offset-4  { margin-left: 33.33333333333333%; }
    .col-md-offset-5  { margin-left: 41.66666666666667%; }
    .col-md-offset-6  { margin-left: 50%; }
    .col-md-offset-7  { margin-left: 58.333333333333336%; }
    .col-md-offset-8  { margin-left: 66.66666666666666%;  }
    .col-md-offset-9  { margin-left: 75%; }
    .col-md-offset-10 { margin-left: 83.33333333333334%; }
    .col-md-offset-11 { margin-left: 91.66666666666666%; }

}

@media (min-width: 1200px) {

    .container { max-width: 1170px; }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11 { float: left; }

    .col-lg-1  { width: 8.333333333333332%;  }
    .col-lg-2  { width: 16.666666666666664%; }
    .col-lg-3  { width: 25%;  }
    .col-lg-4  { width: 33.33333333333333%; }
    .col-lg-5  { width: 41.66666666666667%; }
    .col-lg-6  { width: 50%;  }
    .col-lg-7  { width: 58.333333333333336%; }
    .col-lg-8  { width: 66.66666666666666%;  }
    .col-lg-9  { width: 75%;  }
    .col-lg-10 { width: 83.33333333333334%; }
    .col-lg-11 { width: 91.66666666666666%; }
    .col-lg-12 { width: 100%; }

    .col-lg-push-0  { left: auto; }
    .col-lg-push-1  { left: 8.333333333333332%;  }
    .col-lg-push-2  { left: 16.666666666666664%; }
    .col-lg-push-3  { left: 25%;  }
    .col-lg-push-4  { left: 33.33333333333333%; }
    .col-lg-push-5  { left: 41.66666666666667%; }
    .col-lg-push-6  { left: 50%;  }
    .col-lg-push-7  { left: 58.333333333333336%; }
    .col-lg-push-8  { left: 66.66666666666666%;  }
    .col-lg-push-9  { left: 75%;  }
    .col-lg-push-10 { left: 83.33333333333334%; }
    .col-lg-push-11 { left: 91.66666666666666%; }

    .col-lg-pull-0  { right: auto; }
    .col-lg-pull-1  { right: 8.333333333333332%;  }
    .col-lg-pull-2  { right: 16.666666666666664%; }
    .col-lg-pull-3  { right: 25%;  }
    .col-lg-pull-4  { right: 33.33333333333333%; }
    .col-lg-pull-5  { right: 41.66666666666667%; }
    .col-lg-pull-6  { right: 50%;  }
    .col-lg-pull-7  { right: 58.333333333333336%; }
    .col-lg-pull-8  { right: 66.66666666666666%;  }
    .col-lg-pull-9  { right: 75%;  }
    .col-lg-pull-10 { right: 83.33333333333334%; }
    .col-lg-pull-11 { right: 91.66666666666666%; }

    .col-lg-offset-0  { margin-left: 0;   }
    .col-lg-offset-1  { margin-left: 8.333333333333332%;  }
    .col-lg-offset-2  { margin-left: 16.666666666666664%; }
    .col-lg-offset-3  { margin-left: 25%; }
    .col-lg-offset-4  { margin-left: 33.33333333333333%; }
    .col-lg-offset-5  { margin-left: 41.66666666666667%; }
    .col-lg-offset-6  { margin-left: 50%; }
    .col-lg-offset-7  { margin-left: 58.333333333333336%; }
    .col-lg-offset-8  { margin-left: 66.66666666666666%;  }
    .col-lg-offset-9  { margin-left: 75%; }
    .col-lg-offset-10 { margin-left: 83.33333333333334%; }
    .col-lg-offset-11 { margin-left: 91.66666666666666%; }

}
body {
    font-family: 'Roboto', sans-serif!important;
    font-size: 16px!important;
    font-weight: 300!important;
    color: #888!important;
    line-height: 30px!important;
    text-align: center!important;
}

strong { font-weight: 500!important; }

a, a:hover, a:focus {
    color: #f35b3f!important;
    text-decoration: none!important;
    -o-transition: all .3s!important; -moz-transition: all .3s!important; -webkit-transition: all .3s!important; -ms-transition: all .3s!important; transition: all .3s!important;
}

h1, h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
    font-size: 22px!important;
    font-weight: 300!important;
    color: #555!important;
    line-height: 30px!important;
}

h4 {
    font-size: 18px!important;
    font-weight: 300!important;
    color: #555!important;
    line-height: 26px!important;
}
.display-none{
    display: none;
}

img { max-width: 100%!important; }

::-moz-selection { background: #f35b3f!important; color: #fff!important; text-shadow: none!important; }
::selection { background: #f35b3f!important; color: #fff!important; text-shadow: none!important; }
.cc-selector input{
    margin:0!important;padding:0!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
}
.pdf-north-chart{background-image:url(north_ico.png)!important;width:48px!important;
    height:48px!important;}
.pdf-south-chartsouth{background-image:url(south_ico.png)!important;width:48px!important;
    height:48px!important;}
.pdf-east-chart{background-image:url(east_ico.png)!important;width:48px!important;
    height:48px!important;}

.cc-selector input:active +.drinkcard-cc{opacity: .9!important;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none!important;
    -moz-filter: none!important;
    filter: none!important;
}
.drinkcard-cc{
    cursor:pointer!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    display:inline-block;
    /*width:64px!important;height:64px!important;*/
    -webkit-transition: all 100ms ease-in!important;
    -moz-transition: all 100ms ease-in!important;
    transition: all 100ms ease-in!important;
    -webkit-filter: brightness(1.4) grayscale(1) opacity(.8)!important;
    -moz-filter: brightness(1.4) grayscale(1) opacity(.8)!important;
    filter: brightness(1.4) grayscale(1) opacity(.8)!important;
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9)!important;
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9)!important;
    filter: brightness(1.2) grayscale(.5) opacity(.9)!important;
}

/***** Top menu *****/

.navbar {
    padding-top: 10px!important;
    background: #333!important;
    background: rgba(51, 51, 51, 0.3)!important;
    border: 0!important;
    -o-transition: all .3s!important; -moz-transition: all .3s!important; -webkit-transition: all .3s!important; -ms-transition: all .3s!important; transition: all .3s!important;
}
.navbar.navbar-no-bg { background: none!important; }

ul.navbar-nav {
    font-size: 16px!important;
    color: #fff!important;
}

.navbar-inverse ul.navbar-nav li { padding-top: 8px!important; padding-bottom: 8px!important; }

.navbar-inverse ul.navbar-nav li .li-text { opacity: 0.8!important; }

.navbar-inverse ul.navbar-nav li a { display: inline; padding: 0!important; color: #fff!important; }
.navbar-inverse ul.navbar-nav li a:hover { color: #fff!important; opacity: 1!important; border-bottom: 1px dotted #fff!important; }
.navbar-inverse ul.navbar-nav li a:focus { color: #fff!important; outline: 0!important; opacity: 1!important; border-bottom: 1px dotted #fff!important; }

.navbar-inverse ul.navbar-nav li .li-social a {
    margin: 0 5px!important;
    font-size: 28px!important;
    vertical-align: middle!important;
}
.navbar-inverse ul.navbar-nav li .li-social a:hover,
.navbar-inverse ul.navbar-nav li .li-social a:focus { border: 0!important; color: #f35b3f!important; }

.navbar-brand {
    width: 162px!important;
    background: url(../img/logo.png) left center no-repeat!important;
    text-indent: -99999px!important;
}


/***** Top content *****/

.top-content { padding: 40px 0 170px 0!important; }

.top-content .text { color: #fff!important; }
.top-content .text h1 { color: #fff!important; }
.top-content .description { margin: 20px 0 10px 0!important; }
.top-content .description p { opacity: 0.8!important; }
.top-content .description a { color: #fff!important; }
.top-content .description a:hover,
.top-content .description a:focus { border-bottom: 1px dotted #fff!important; }

.form-box { /*padding-top: 40px!important;*/box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)!important; }
.form-box p{
    margin: 0 0 10px!important;
}
.f1 {
    padding: 25px!important; background: #fff!important;
    -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; border-radius: 4px!important;
}
.f1 h3 { margin-top: 0!important; margin-bottom: 5px; text-transform: uppercase; }

.f1-steps { overflow: hidden!important; position: relative!important; margin-top: 20px!important;margin-bottom: 30px!important; }

.f1-progress { position: absolute!important; top: 24px!important; left: 0!important; width: 100%!important; height: 1px!important; background: #ddd!important; }
.f1-progress-line { position: absolute!important; top: 0!important; left: 0!important; height: 1px!important; background: #f35b3f!important; }

.f1-step { position: relative!important; float: left!important; width: 33.333333%!important; padding: 0 5px!important; }

.f1-step-icon {
    display: inline-block; width: 40px!important; height: 40px!important; margin-top: 4px!important; background: #ddd!important;
    font-size: 16px!important; color: #fff!important; line-height: 40px!important;
    -moz-border-radius: 50%!important; -webkit-border-radius: 50%!important; border-radius: 50%!important;
}
.f1-step.activated .f1-step-icon {
    background: #fff!important; border: 1px solid #f35b3f!important; color: #f35b3f!important; line-height: 38px!important;
}
.f1-step.active .f1-step-icon {
    width: 48px!important; height: 48px!important; margin-top: 0!important; background: #f35b3f!important; font-size: 22px!important; line-height: 48px!important;
}

.f1-step p { color: #ccc!important; }
.f1-step.activated p { color: #f35b3f!important; }
.f1-step.active p { color: #f35b3f!important; }

.f1 fieldset { display: none; text-align: left!important; }

.f1-buttons { text-align: right!important; margin-top: 40px!important; }

.f1 .input-error { border-color: #f35b3f!important; }

.form-control::-moz-placeholder {
    color: #d3d3d3 !important;
    opacity: 1!important;
}
.form-control:-ms-input-placeholder {
    color: #d3d3d3 !important;
}
.form-control::-webkit-input-placeholder {
    color: #d3d3d3 !important;
}
.form-control::-ms-expand {
    background-color: transparent!important;
    border: 0!important;
}

/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {

    .navbar { padding-top: 0!important; }
    .navbar.navbar-no-bg { background: #333!important; background: rgba(51, 51, 51, 0.9)!important; }
    .navbar-brand { height: 60px!important; margin-left: 15px!important; }
    .navbar-collapse { border: 0!important; }
    .navbar-toggle { margin-top: 12px!important; }

    .top-content { padding: 40px 0 110px 0!important; }

}

@media (max-width: 415px) {

    h1, h2 { font-size: 32px!important; }

    .f1 { padding-bottom: 20px!important; }
    .f1-buttons button { margin-bottom: 5px!important; }

}

/*Custom*/
.gender-radio-holder{
}
.pdf-user-title{
    border-bottom: 1px solid #e3e3e3!important;
    padding-bottom: 5px!important;
    text-transform: none !important;
    margin-bottom: 15px;
    font-weight: 400 !important;
}
.pdf-user-edit-values{
    color: #E64A19!important;
    text-align: left!important;
    text-decoration: underline!important;
    display: block;
    cursor: pointer;
}
.pdf-user-values{
    margin:7px 0 !important;

}
.astrologyapi-pdf-spinner{
    display: none;
    margin:20px 0!important;
    text-align: center!important;
}
.pdf-download-wrapper{
    text-align: center!important;
    display: block;
    margin:20px 0!important;
}

.hr{
    height:1px!important;
    border-bottom:1px solid #e3e3e3!important;
    margin: 25px 0!important;
}
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.pdf-text-error{
    font-size:1.5em ;
    color: #f35b3f;
    line-height:30px;
    text-align: center;
}
.pdf-text-success{
    font-size:1.1em ;
    color: green;
    line-height:30px;
    text-align: center;
}
.text-orange{
    color: #f35b3f !important;
}
.text-bold-400{
    font-weight: 400!important;
    color: #555;
}

input[type="text"],
input[type="number"],
input[type="password"], 
textarea, 
textarea.form-control {
	height: 44px!important;
    margin: 0!important;
    padding: 0 20px!important;
    vertical-align: middle!important;
    background: #fff!important;
    border: 1px solid #ddd!important;
    font-family: 'Roboto', sans-serif!important;
    font-size: 16px!important;
    font-weight: 300!important;
    line-height: 44px!important;
    color: #888!important;
    -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; border-radius: 4px!important;
    -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important;
    -o-transition: all .3s!important; -moz-transition: all .3s!important; -webkit-transition: all .3s!important; -ms-transition: all .3s!important; transition: all .3s!important;
}

textarea, 
textarea.form-control {
	height: 90px!important;
	padding-top: 8px!important;
	padding-bottom: 8px!important;
	line-height: 30px!important;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus, 
textarea.form-control:focus {
	outline: 0!important;
	background: #fff!important;
    border: 1px solid #ccc!important;
    -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important;
}

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, 
textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888!important; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, 
textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888!important; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888!important; }

label { font-weight: 300;
    color: #555; }


.custom-btn {
	min-width: 105px!important;
	height: 40px!important;
    margin: 0!important;
    padding: 0 20px!important;
    vertical-align: middle!important;
    border: 0 !important;
    font-family: 'Roboto', sans-serif!important;
    font-size: 16px!important;
    font-weight: 300!important;
    line-height: 40px!important;
    color: #fff!important;
    cursor: pointer!important;
    display: inline-block;
    -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; border-radius: 4px!important;
    text-shadow: none!important;
    -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important;
    -o-transition: all .3s!important; -moz-transition: all .3s!important; -webkit-transition: all .3s!important; -ms-transition: all .3s!important; transition: all .3s!important;
}

button.custom-btn:hover { opacity: 0.6!important; color: #fff!important; }
button.custom-btn:active { outline: 0!important; opacity: 0.6!important; color: #fff!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; }
button.custom-btn:focus,
button.custom-btn:active:focus,
button.custom-btn.active:focus { outline: 0!important; opacity: 0.6!important; color: #fff!important; }

button.custom-btn.btn-next,
button.custom-btn.btn-next:focus,
button.custom-btn.btn-next:active:focus, button.custom-btn.btn-next.active:focus { background: #f35b3f!important; }

button.custom-btn.btn-submit,
button.custom-btn.btn-submit:focus,
button.custom-btn.btn-submit:active:focus, button.custom-btn.btn-submit.active:focus { background: #f35b3f!important; }

a.custom-btn.btn-next,
a.custom-btn.btn-next:focus,
a.custom-btn.btn-next:active:focus, button.custom-btn.btn-submit.active:focus { background: #f35b3f!important; }
a.custom-btn.btn-next:hover{
    opacity: 0.6!important; color: #fff!important;
}

button.custom-btn.btn-previous,
button.custom-btn.btn-previous:focus,
button.custom-btn.btn-previous:active:focus, button.custom-btn.btn-previous.active:focus { background: #bbb !important; }