/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: SPOT - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */

/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700,900);

/* OVERALL ASPECT */

body {
    background-color: #f2f2f2;
    font-family: "Lato";
    font-weight: 300;
    font-size: 16px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;

    margin-top: 70px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway";
    font-weight: 300;
    color: #333;
}


/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

/* Links */
a {
    color: #5a8fcb;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

.breadcrumbs-style a:hover{
    text-decoration: underline;
    color: #5a8fcb;
}
.breadcrumbs-style {
    margin-top: 10px !important;
}
.home-promo-margin {
    margin-top: 20px;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

a.link {
    color: #5a8fcb;
}
a:hover.link {
    text-decoration: underline;
    color: #5a8fcb;
}

.rodape {
    margin-bottom: -20px !important;
    font-size: 13px;
    text-align: right;
    padding-right: 10px;
    background-color: #f2f2f2;
}
.rodape a {
    color: #5a8fcb;
}
.rodape a:hover {
    text-decoration: underline;
    color: #5a8fcb;
}
.navbar {
    font-weight: 800;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-inverse {
    background: #2d2d2d;
    /*background: rgba(45, 54, 54, 0.8);*/
    /*background: rgba(90, 143, 203, 0.95);*/
    border-color: #2d2d2d;
    /*border-color: #5a8fcb;*/
}

.navbar-inverse .navbar-nav > .active > a {
    /*background: #5a8fcb*/
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6aaee6), color-stop(1, #428aca));
    background:-moz-linear-gradient(top, #6aaee6 5%, #428aca 100%);
    background:-webkit-linear-gradient(top, #6aaee6 5%, #428aca 100%);
    background:-o-linear-gradient(top, #6aaee6 5%, #428aca 100%);
    background:-ms-linear-gradient(top, #6aaee6 5%, #428aca 100%);
    background:linear-gradient(to bottom, #6aaee6 5%, #428aca 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aaee6', endColorstr='#428aca',GradientType=0);
    /*color: #5a8fcb;
    background: #fff;*/
}

.alert {
    z-index: 1000;
    top: 60px;
}

/*.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #5a8fcb;
    background: #fff;
}*/

.navbar-brand {
    float: left;
    padding: 9px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-inverse .navbar-brand {
    color: #999999;
    font-weight: bolder;
    font-size: 22px;
    letter-spacing: 1px;
}

.navbar-inverse .navbar-brand i {
    color: #5a8fcb;
    font-size: 22px;
    letter-spacing: 1px;
}

/*TILT*/
.tilt {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tilt:hover {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

a:hover, a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
}
#button-promoção {
    margin: -200px 10px 0 0;
    height: 140px;
    position: relative;
    z-index: 10;
}

.page-header-cg {
    padding-bottom: 2px;
    margin: 10px 0 40px;
    border-bottom: 1px solid #c1c1c1;
}

#headerwrap {
    background: url(../img/cg-header-bg-3.jpg) no-repeat center top;
    margin-top: -70px;
    padding-top:80px;
    text-align:center;
    background-attachment: relative;
    background-position: center center;
    min-height: 550px;
    max-width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap h1 {
    margin-top: 110px;
    color: white;
    font-size: 55px;
    font-weight: 300;
    letter-spacing: 3px;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#headerwrap h2 {
    color: white;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

/* Dark Grey Wrap */
#dg {
    background: #e0e0e0;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}

#dg li i {
    color: #5a8fcb;
    font-size: 14px;
    font-weight: 100;
    line-height: 28px;
}

#dg h4 {
    font-weight: 700;
}

/* Light Grey */
#lg {
    background: #ebebeb;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}

#lg h4 {
    font-weight: 700;
}


/* Red Wrap */
#r {
    background: #5a8fcb;
    padding-top: 35px;
    padding-bottom: 35px;
}

#r h4 {
    color: white;
    font-weight: 700;
}

#r p {
    color: white;
}


/* Blue Wrap */

/*#blue {
	background: #3498db;
	padding-top: 35px;
	padding-bottom: 35px;
}*/

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.6s;
    -moz-animation-duration:0.6s;
    animation-duration:0.6s;
}

.fade-in.one {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#blue_rest {
    /*background: #3498db;*/
    background: url("../img/carousel_rest.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 225px;
    padding-bottom: 35px;
    margin-top: -70px;
    min-height: 500px;
}

#blue_rest h4 {
    color: white;
    font-size: 36px !important;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_rest p {
    color: white;
    font-size: 20px !important;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_bares {
    /*background: #3498db;*/
    background: url("../img/jumbotron_bares.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 225px;
    padding-bottom: 35px;
    margin-top: -70px;
    min-height: 500px;
}

#blue_bares h4 {
    color: white;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_bares p {
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_retalho {
    /*background: #3498db;*/
    background: url("../img/jumbotron_retalho.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 225px;
    padding-bottom: 35px;
    margin-top: -70px;
    min-height: 500px;
}

#blue_retalho h4 {
    color: white;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_retalho p {
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_contactos {
    /*background: #3498db;*/
    background-image: url("../img/jumbotron_contactos.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 225px;
    padding-bottom: 35px;
    margin-top: -70px;
    min-height: 500px;
}

#blue_contactos h4 {
    color: white;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_contactos p {
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_promocao {
    /*background: #3498db;*/
    /*background: url("../img/jumbotron_promocao.png");*/
    background: url("../img/blue_promocao_2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 225px;
    padding-bottom: 35px;
    margin-top: -70px;
    min-height: 500px;
}

#blue_promocao h4 {
    color: white;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_promocao p {
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}
#blue_demo {
    /*background: #3498db;*/
    background: url("../img/jumbotron_demo.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 225px;
    padding-bottom: 35px;
    margin-top: -70px;
    min-height: 500px;
}

#blue_demo h4 {
    color: white;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_demo p {
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_termos {
    /*background: #3498db;*/
    background: url("../img/jumbotron_termos.png");
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 225px;
    padding-bottom: 35px;
    margin-top: -70px;
    min-height: 500px;
}

#blue_termos h4 {
    color: white;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

#blue_termos p {
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
}

address {
    font-size: 14px;
}

address > i {
    font-size: 14px !important;
}

#mapcanvas-mad{height: 200px;}
#mapcanvas-ang{height: 200px;}
#mapcanvas-moz{height: 200px;}
#mapcanvas-afs{height: 200px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: -25%}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 50%;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);}

.maps-external-link a:hover {
    text-decoration: underline;
    color: #5a8fcb;
}
.maps-external-link i {
    font-size: 14px !important;
}

.btn-send i {
    font-size: 18px !important;
    color: #fff !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #5a8fcb;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
    color: #5a8fcb;
    border-color: #eeeeee #eeeeee #dddddd;
    background: #fff;
}

.panel-primary > .panel-heading h4{
    color: #ffffff !important;
}

.link-pdf {
    text-align: center;
}

.link-pdf a:hover {
    color: #5a8fcb !important;
    text-decoration: underline !important;
}

.link-pdf a i {
    font-size: 14px !important;
}

/* Footer Wrap */
#f {
    background: #2d2d2d;
    padding-top: 30px;
    padding-bottom: 30px;
}

#f i {
    color: #bdbdbd;
    font-size: 20px;
    padding: 20px;
}

#f i:hover {
    color: #5a8fcb;
}

/****** SECTIONS *****/

.w {
    padding-top: 35px;
}

.w h4 {
    font-weight: 700;
}

.w i {
    color: #5a8fcb;
    font-size: 36px;
}
.w li i {
    color: #5a8fcb;
    font-size: 14px;
    font-weight: 100;
    line-height: 28px;
}

i.button-page {
    color: #fff;
    font-size: 18px;
    line-height: 1.33;
}

.font-button-page {
    font-size: 12px;
}

.wb .panel-title {
    color: #FFF;
    /*text-align: left;*/
}

.wb .panel-title > a:hover {
    color: inherit;
    text-decoration: underline;
}

.wb .panel-primary {
    border-color: #5a8fcb;
}

.wb .panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #5a8fcb;
    border-color: #5a8fcb;
}

.wb .panel-body {
    text-align: center;
}

.wb .label {
    font-size: 18px;
}

.wb .white-check {
    color: #FFF;
}

.wb {
    padding-top: 35px;
    margin-bottom: 0px;
}

.wb li i {
    color: #5a8fcb;
    font-size: 14px;
    font-weight: 100;
    line-height: 28px;
}

.wb h4 {
    font-weight: 700;
}

.btn-default {
    color: #fff;
    background-color: transparent;
    /*border-color: #ffffff;*/
    border: 2px solid #ffffff;
}

.btn-default:hover {
    color: #5a8fcb;
    background-color: #fff;
    border-color: #ffffff;
}

.btn-close {
    color: #5a8fcb;
    background-color: transparent;
    /*border-color: #ffffff;*/
    border: 1px solid #5a8fcb;
}

.btn-close:hover {
    color: #5a8fcb;
    background-color: #fff;
    border-color: #ffffff;
}

.desc {
    padding-top: 35px;
}

.desc h4 {
    font-weight: 700;
}

.desc i {
    color: #ff7878;
    font-size: 12px;
    padding: 5px;
}

/***** MODAL CONTACT *****/
.modal-content {
    border-radius: 0px;

}

.modal-header {
    /*background: #bdbdbd;*/
    background: #5a8fcb;
    color: white;
}

.modal-header h4 {
    font-weight: 700;
    color: #fff;
}

.modal-body {
    background: #f2f2f2;
    font-family: "Lato";
    font-weight: 300;
    font-size: 16px;
    color: #555;
}

.modal-footer {
    background: #f2f2f2;
    margin-top: 0px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.footer-h4 {
    color: #FFF;
    font-weight: 700;
}
.footer-links li a {
    color: #bdbdbd;
    font-size: 14px;
}

.footer-links li a:hover {
    color: #bdbdbd;
    text-decoration: underline;
}

.footer-links li a.btn {
    color: #fff;
}

.footer-links li a:hover.btn {
    color: #fff;
    text-decoration: none;
}

.footer-links li i {
    font-size: 14px !important;
    color: #fff !important;
}

.footer-contactos {
    color: #bdbdbd;
    font-size: 14px;
}

/* Social Icons */
.fb-color a:hover i {
    color: #36609f !important;
}
.g-color a:hover i{
    color: #db5442 !important;
}
.y-color a:hover i{
    color: #cd332d !important;
}
.t-color a:hover i{
    color: #2aa9e0 !important;
}
.l-color a:hover i{
    color: #066c9a !important;
}
.rss-color a:hover i{
    color: #f48020 !important;
}

li.g-plus {
    padding-top: 10px !important;
}

/* ==========================================================================
   Pricing Tables
   ========================================================================== */

.pricing-option {
    padding-bottom: 40px;
}

.pricing-option .pricing-top {
    position: relative;
    background: #222;
    color: white;
    text-align: center;
    font-weight: bold;

    padding: 40px 20px 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pricing-option .pricing-top .special-label {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1abc9c;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 0;
}

.special .pricing-top {
    background: black;
}

.pricing-option .pricing-edition {
    text-transform: uppercase;
    display: block;
    font-size: 25px;
    letter-spacing: 8px;
}

.pricing-option .price {
    display: inline-block;
    position: relative;
}

.pricing-option .price sup {
    position: absolute;
    top: 50px;
    left: -10px;
    font-size: 24px;
}

.pricing-option .price .price-amount {
    font-size: 108px;
    letter-spacing: -4px;
}

.pricing-option .price small {
    position: relative;
    left: -10px;
    font-size: 18px;
}

.pricing-option ul {
    list-style: none;
    margin: 0;
    background: #eee;
    text-align: center;
    padding-left: 0px;
}

.pricing-option ul li {
    border-bottom: solid 1px #e1e1e1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pricing-option .pricing-signup {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 10px;
    color: white;
    background: #1abc9c;
}

.pricing-option .pricing-signup:hover {
    background: #ff7878;
}

/* CG POS BUTTONS */
.btn-warning {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0ad4e), color-stop(1, #d6851c));
    background:-moz-linear-gradient(top, #f0ad4e 5%, #d6851c 100%);
    background:-webkit-linear-gradient(top, #f0ad4e 5%, #d6851c 100%);
    background:-o-linear-gradient(top, #f0ad4e 5%, #d6851c 100%);
    background:-ms-linear-gradient(top, #f0ad4e 5%, #d6851c 100%);
    background:linear-gradient(to bottom, #f0ad4e 5%, #d6851c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ad4e', endColorstr='#d6851c',GradientType=0);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d6851c), color-stop(1, #d6851c));
    background:-moz-linear-gradient(top, #d6851c 5%, #d6851c 100%);
    background:-webkit-linear-gradient(top, #d6851c 5%, #d6851c 100%);
    background:-o-linear-gradient(top, #d6851c 5%, #d6851c 100%);
    background:-ms-linear-gradient(top, #d6851c 5%, #d6851c 100%);
    background:linear-gradient(to bottom, #d6851c 5%, #d6851c 100%);
}

.btn-primary {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6aaee6), color-stop(1, #428aca));
    background:-moz-linear-gradient(top, #6aaee6 5%, #428aca 100%);
    background:-webkit-linear-gradient(top, #6aaee6 5%, #428aca 100%);
    background:-o-linear-gradient(top, #6aaee6 5%, #428aca 100%);
    background:-ms-linear-gradient(top, #6aaee6 5%, #428aca 100%);
    background:linear-gradient(to bottom, #6aaee6 5%, #428aca 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aaee6', endColorstr='#428aca',GradientType=0);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #428aca), color-stop(1, #428aca));
    background:-moz-linear-gradient(top, #428aca 5%, #428aca 100%);
    background:-webkit-linear-gradient(top, #428aca 5%, #428aca 100%);
    background:-o-linear-gradient(top, #428aca 5%, #428aca 100%);
    background:-ms-linear-gradient(top, #428aca 5%, #428aca 100%);
    background:linear-gradient(to bottom, #428aca 5%, #428aca 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aaee6', endColorstr='#428aca',GradientType=0);
}


/* SAFT PRICING TABLE */
.label-primary.label-saft-50 {
    color: #fff;
    background-color: #48cfae;
    border-color: #29a486;
}
.label-primary.label-saft-100 {
    color: #fff;
    background-color: #ed5564;
    border-color: #d43f3a;
}
.label-primary.label-saft-250 {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.label-primary.label-saft-450 {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.label-default.label-saft-registos {
    color: #5a5a5a;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    width: 450px !important;
    /*display: block;*/
}


.caret-saft-free {
    width: 0;
    height: 0;
    margin-left: -1px;
    margin-top: 42px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #5cb85c;
}
.caret-saft-1 {
    width: 0;
    height: 0;
    margin-top: -1px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #48cfad transparent transparent transparent;
}
.caret-saft-2 {
    width: 0;
    height: 0;
    margin-top: -1px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ed5564 transparent transparent transparent;
}
.caret-saft-3 {
    width: 0;
    height: 0;
    margin-top: -1px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #5bc0de transparent transparent transparent;
}
.caret-saft-unlimited {
    width: 0;
    height: 0;
    margin-top: -1px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #f0ad4e transparent transparent transparent;
}

.panel.panel-saft-free, .panel.panel-saft-50, .panel.panel-saft-100, .panel.panel-saft-250, .panel.panel-saft-unlimited {
    /*border: none !important;*/
    border: 1px solid #e5e5e5;
}

#wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}
.panel.panel-horizontal {
    display:table;
    width:100%;
}
.panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-body, .panel.panel-horizontal > .panel-footer {
    display:table-cell;
}
.panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-footer {
    width: 25%;
    border:0;
    vertical-align: middle;
}
.panel.panel-horizontal > .panel-heading {
    border-right: 1px solid #ddd;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}
.panel.panel-horizontal > .panel-footer {
    border-left: 1px solid #ddd;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
}

.well.saft-list {
    margin-bottom: 5px;
    padding-right: 2px;
    padding-left: 2px;
}

.well.saft-list-free {
    margin-bottom: 0 !important;
    padding-right: 2px;
    padding-left: 2px;
}

.well.saft-list-free-price {
    border: 1px solid transparent !important;
    background-color: transparent !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
    margin-bottom: 0 !important;
    padding-right: 2px;
    padding-left: 2px;
}

.col-md-3.saft-list-1 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
}
.col-md-3.saft-list-2 {
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

.panel-primary.panel-saft-free > .panel-heading {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.panel-primary.panel-saft-free {
    border: 1px solid #e5e5e5;
    /*border-color: transparent !important;*/
    /*-webkit-box-shadow: 0px 2px 30px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 30px -2px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 30px -2px rgba(0,0,0,0.25);*/
}

.panel-primary.panel-saft-50 > .panel-heading {
    color: #fff;
    background-color: #48cfae;
    border-color: #29a486;
}
.panel-primary.panel-saft-50 {
    border: 1px solid #e5e5e5;
    /*border-color: transparent !important;*/
    /*-webkit-box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);*/
}
.btn-pos-1 {
    color: #fff;
    background-color: #48cfae;
    border-color: #3bc2a1;
    font-size: 16px;
}
.btn-pos-1:focus,
.btn-pos-1.focus {
    color: #fff;
    background-color: #3bc2a1;
    border-color: #29a486;
}
.btn-pos-1:hover {
    color: #fff;
    background-color: #3bc2a1;
    border-color: #29a486;
}
.btn-info i, .btn-pos-1 i {
    color: #ffffff;
    font-size: 16px;
}

.btn-pos-2 {
    font-size: 16px;
}

.panel-primary.panel-saft-100 > .panel-heading {
    color: #fff;
    background-color: #ed5564;
    border-color: #d43f3a;
}
.panel-primary.panel-saft-100 {
    border: 1px solid #e5e5e5;
    /*border-color: transparent !important;*/
    /*-webkit-box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);*/
}

.panel-primary.panel-saft-250 > .panel-heading {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.panel-primary.panel-saft-250 {
    border: 1px solid #e5e5e5;
    /*border-color: transparent !important;
    -webkit-box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);*/
}

.panel-primary.panel-saft-unlimited > .panel-heading {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.panel-primary.panel-saft-unlimited {
    border: 1px solid #e5e5e5;
    /*border-color: transparent !important;
    -webkit-box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 30px -6px rgba(0,0,0,0.25);*/
}


.titulo {
    font-size: 20px;
    font-weight: 700;
}
.price {
    font-size: 32px;
    font-weight: 700;
}
.iva-saft {
    font-size: 14px;
    font-weight: 700;
}
.panel-body.saft-table {
    padding: 5px;
}


.icon-tranparent i{
    color: #f5f5f5 !important;
}

#headerwrap h1 {
    -webkit-animation-name: cd-bounce-right;
    -moz-animation-name: cd-bounce-right;
    animation-name: cd-bounce-right;
}

#headerwrap h2 {
    -webkit-animation-name: cd-bounce-left;
    -moz-animation-name: cd-bounce-left;
    animation-name: cd-bounce-left;
}

#headerwrap .btn {
    -webkit-animation-name: cd-bounce-rotate;
    -moz-animation-name: cd-bounce-rotate;
    animation-name: cd-bounce-rotate;
}

#headerwrap h1,
#headerwrap h2,
#headerwrap .btn {
    -webkit-animation-duration: 1.8s;
    -moz-animation-duration: 1.8s;
    animation-duration: 1.8s;
}

#blue_rest h4, #blue_bares h4, #blue_retalho h4, #blue_promocao h4, #blue_contactos h4, #blue_demo h4 {
    -webkit-animation-name: cd-bounce-right;
    -moz-animation-name: cd-bounce-right;
    animation-name: cd-bounce-right;
}

#blue_rest p, #blue_bares p, #blue_retalho p, #blue_promocao p, #blue_contactos p, #blue_demo p {
    -webkit-animation-name: cd-bounce-left;
    -moz-animation-name: cd-bounce-left;
    animation-name: cd-bounce-left;
}

#blue_rest h4, #blue_bares h4, #blue_retalho h4, #blue_promocao h4, #blue_contactos h4, #blue_demo h4,
#blue_rest p, #blue_bares p, #blue_retalho p, #blue_promocao p, #blue_contactos p, #blue_demo p {
    -webkit-animation-duration: 1.8s;
    -moz-animation-duration: 1.8s;
    animation-duration: 1.8s;
}

@-webkit-keyframes cd-bounce-right {
    0% {
        opacity: .2;
        -webkit-transform: translateX(-200px);
    }
    60% {
        opacity: .7;
        -webkit-transform: translateX(15px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-right {
    0% {
        opacity: .2;
        -moz-transform: translateX(-200px);
    }
    60% {
        opacity: .7;
        -moz-transform: translateX(15px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@keyframes cd-bounce-right {
    0% {
        opacity: .2;
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    60% {
        opacity: .7;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        -o-transform: translateX(15px);
        transform: translateX(15px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes cd-bounce-left {
    0% {
        opacity: .2;
        -webkit-transform: translateX(200px);
    }
    60% {
        opacity: .7;
        -webkit-transform: translateX(-15px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-left {
    0% {
        opacity: .2;
        -moz-transform: translateX(200px);
    }
    60% {
        opacity: .7;
        -moz-transform: translateX(-15px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@keyframes cd-bounce-left {
    0% {
        opacity: .2;
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -ms-transform: translateX(200px);
        -o-transform: translateX(200px);
        transform: translateX(200px);
    }
    60% {
        opacity: .7;
        -webkit-transform: translateX(-15px);
        -moz-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        -o-transform: translateX(-15px);
        transform: translateX(-15px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes cd-bounce-rotate {
    0% {
        opacity: .2;
        -webkit-transform: perspective(800px) rotateX(-80deg);
    }
    20% {
        opacity: 1;
    }
    60% {
        -webkit-transform: perspective(800px) rotateX(20deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(800px) rotateX(0);
    }
}
@-moz-keyframes cd-bounce-rotate {
    0% {
        opacity: .2;
        -moz-transform: perspective(800px) rotateX(-80deg);
    }
    20% {
        opacity: 1;
    }
    60% {
        -moz-transform: perspective(800px) rotateX(20deg);
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(800px) rotateX(0);
    }
}
@keyframes cd-bounce-rotate {
    0% {
        opacity: .2;
        -webkit-transform: perspective(800px) rotateX(-80deg);
        -moz-transform: perspective(800px) rotateX(-80deg);
        -ms-transform: perspective(800px) rotateX(-80deg);
        -o-transform: perspective(800px) rotateX(-80deg);
        transform: perspective(800px) rotateX(-80deg);
    }
    20% {
        opacity: 1;
    }
    60% {
        -webkit-transform: perspective(800px) rotateX(20deg);
        -moz-transform: perspective(800px) rotateX(20deg);
        -ms-transform: perspective(800px) rotateX(20deg);
        -o-transform: perspective(800px) rotateX(20deg);
        transform: perspective(800px) rotateX(20deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(800px) rotateX(0);
        -moz-transform: perspective(800px) rotateX(0);
        -ms-transform: perspective(800px) rotateX(0);
        -o-transform: perspective(800px) rotateX(0);
        transform: perspective(800px) rotateX(0);
    }
}
/* MEDIA QUERIES */
/*@media (min-width: 768px) {

}

@media (min-width: 992px) {

}*/

@media only screen and (min-width: 1500px) {
    #headerwrap {
        margin-top: -70px;
        min-height: 700px;
    }

    #headerwrap h1 {
        margin-top: 170px;
        color: white;
        font-size: 55px;
        font-weight: 300;
        letter-spacing: 3px;
        text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
    }

    #blue_rest {
        padding-top: 320px !important;
        margin-top: -150px !important;
        min-height: 600px !important;
    }

    #blue_bares {
        padding-top: 320px !important;
        margin-top: -150px !important;
        min-height: 600px !important;
    }

    #blue_retalho {
        padding-top: 300px !important;
        margin-top: -120px !important;
        min-height: 600px !important;
    }

    #blue_contactos {
        padding-top: 300px !important;
        margin-top: -150px !important;
        min-height: 600px !important;
    }

    #blue_promocao {
        padding-top: 265px !important;
        margin-top: -70px;
        min-height: 600px !important;
    }

    #blue_demo {
        padding-top: 265px !important;
        margin-top: -70px;
        min-height: 600px !important;
    }
}

/*@media only screen and (min-width: 1200px) {

}*/

@media only screen and (max-width: 1199px) {
    #headerwrap {
        margin-top: -70px;
        min-height: 450px;
        max-width: 100%;
    }
    #headerwrap h1 {
        font-size: 55px !important;
        margin-top: 50px;
    }
    #headerwrap h2 {
        font-size: 40px;
    }
    #blue_rest {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_rest h4 {
        font-size: 36px;
    }
    #blue_bares {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_bares h4 {
        font-size: 36px !important;
    }
    #blue_retalho {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_retalho h4 {
        font-size: 36px !important;
    }
    #blue_contactos {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_contactos h4 {
        font-size: 36px !important;
    }
    #blue_promocao {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_promocao h4 {
        font-size: 36px !important;
    }
    #blue_demo {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_demo h4 {
        font-size: 36px !important;
    }
    .navbar {
        font-size: 13px;
    }
    .text-left {
        text-align: center !important;
    }
    #f {
        text-align: center;
    }
    .btn-block {
        margin-bottom: 5px;
    }
    .breadcrumbs-style {
        display: none;
    }
    .home-promo {
        margin-top: 40px !important;
    }
    .img-responsive {
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .hidden-pos {
        display: none !important;
    }
}

@media only screen and (max-width: 479px) {
    .page-header-cg {
        margin: 10px 20px 40px;
    }
    .breadcrumbs-style {
        display: none;
    }
    .text-left {
        text-align: center !important;
    }
    #f {
        text-align: center;
    }
    .btn-block {
        margin-bottom: 5px;
    }
    .wb .panel-primary {
        margin-bottom: 10px;
    }
    #headerwrap {
        margin-top: -60px;
        min-height: 150px !important;
        max-width: 100%;
    }
    #headerwrap h1 {
        font-size: 24px !important;
        margin-top: 20px;
        letter-spacing: 2px;
    }
    #headerwrap h2 {
        font-size: 19px;
        letter-spacing: 1px;
    }

    #blue_rest {
        padding-top: 60px !important;
        margin-top: -18px !important;
        margin-bottom: -30px;
        min-height: 180px !important;
    }
    #blue_rest h4 {
        font-size: 24px !important;
    }
    #blue_rest p {
        display: none;
    }

    #blue_bares {
        padding-top: 60px !important;
        margin-top: -18px !important;
        margin-bottom: -30px;
        min-height: 180px !important;
    }
    #blue_bares h4 {
        font-size: 24px !important;
    }
    #blue_bares p {
        display: none;
    }

    #blue_retalho {
        padding-top: 60px !important;
        margin-top: -18px !important;
        margin-bottom: -30px;
        min-height: 180px !important;
    }
    #blue_retalho h4 {
        font-size: 24px !important;
    }
    #blue_retalho p {
        display: none;
    }

    #blue_contactos {
        padding-top: 60px !important;
        margin-top: -18px !important;
        margin-bottom: -30px;
        min-height: 180px !important;
    }
    #blue_contactos h4 {
        font-size: 24px !important;
    }
    #blue_contactos p {
        display: none;
    }

    #blue_demo {
        padding-top: 60px !important;
        margin-top: -18px !important;
        margin-bottom: -30px;
        min-height: 180px !important;
    }
    #blue_demo h4 {
        font-size: 24px !important;
    }
    #blue_demo p {
        display: none;
    }

    #blue_promocao {
        padding-top: 60px !important;
        margin-top: -18px !important;
        margin-bottom: -30px;
        min-height: 180px !important;
    }
    #blue_promocao h4 {
        font-size: 24px !important;
    }
    #blue_promocao p {
        display: none;
    }

    .nav-tabs {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }
    .nav > li > a {
        padding: 15px 5px;
    }
    .link-pdf {
        text-align: center !important;
        font-size: 14px;
    }
    #lg {
        margin-top: -60px;
    }
    #button-promoção {
        margin: -80px 10px 0 0;
    }
    .header-text h4{
        font-size: 14px;
    }

    .btn {
        font-size: 12px;
    }
    #f i {
        padding: 10px;
    }
}

@media only screen and (max-width: 321px) {
    .page-header-cg {
        margin: 10px 20px 40px;
    }
    .breadcrumbs-style {
        display: none;
    }
    .text-left {
        text-align: center !important;
    }
    #f {
        text-align: center;
    }
    .btn-block {
        margin-bottom: 5px;
    }
    .wb .panel-primary {
        margin-bottom: 10px;
    }
    #headerwrap {
        margin-top: -70px;
        min-height: 150px !important;
        max-width: 100%;
    }
    #headerwrap h1 {
        font-size: 20px !important;
        margin-top: 20px;
        letter-spacing: 2px;
    }
    #headerwrap h2 {
        font-size: 15px;
        letter-spacing: 1px;
    }

    #blue_rest {
        padding-top: 45px !important;
        margin-top: -18px !important;
        margin-bottom: -50px;
        min-height: 180px !important;
    }
    #blue_rest h4 {
        font-size: 24px !important;
    }
    #blue_rest p {
        display: none;
    }

    #blue_bares {
        padding-top: 45px !important;
        margin-top: -18px !important;
        margin-bottom: -50px;
        min-height: 180px !important;
    }
    #blue_bares h4 {
        font-size: 24px !important;
    }
    #blue_bares p {
        display: none;
    }

    #blue_retalho {
        padding-top: 45px !important;
        margin-top: -18px !important;
        margin-bottom: -50px;
        min-height: 180px !important;
    }
    #blue_retalho h4 {
        font-size: 24px !important;
    }
    #blue_retalho p {
        display: none;
    }

    #blue_contactos {
        padding-top: 40px !important;
        margin-top: -18px !important;
        margin-bottom: -50px;
        min-height: 180px !important;
    }
    #blue_contactos h4 {
        font-size: 24px !important;
    }
    #blue_contactos p {
        display: none;
    }

    #blue_demo {
        padding-top: 40px !important;
        margin-top: -18px !important;
        margin-bottom: -50px;
        min-height: 180px !important;
    }
    #blue_demo h4 {
        font-size: 24px !important;
    }
    #blue_demo p {
        display: none;
    }

    #blue_promocao {
        padding-top: 45px !important;
        margin-top: -18px !important;
        margin-bottom: -50px;
        min-height: 180px !important;
    }
    #blue_promocao h4 {
        font-size: 24px !important;
    }
    #blue_promocao p {
        display: none;
    }

    .nav-tabs {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }
    .nav > li > a {
        padding: 15px 5px;
    }
    .link-pdf {
        text-align: center !important;
        font-size: 14px;
    }
    #lg {
        margin-top: -60px;
    }
    #button-promoção {
        margin: -80px 10px 0 0;
    }
    .header-text h4{
        font-size: 14px;
    }

    .btn {
        font-size: 12px;
    }
    #f i {
        padding: 10px;
    }
}
/* ICON-BAR ANIMATION */
.navbar-toggle .icon-bar:nth-of-type(2) {
    top: 1px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 2px;
}
.navbar-toggle .icon-bar {
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-toggle i{
    position: relative;
    float: right;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
}

/*@media (min-width : 1824px) {
    #headerwrap {
        margin-top: -70px;
        min-height: 700px;
    }

    #headerwrap h1 {
        margin-top: 170px;
        color: white;
        font-size: 55px;
        font-weight: 300;
        letter-spacing: 3px;
        text-shadow: 1px 1px 2px rgba(51, 51, 51, 1);
    }

    #blue_rest {
        !*background: #3498db;*!
        background: url("../img/carousel_rest.png");
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 320px;
        padding-bottom: 35px;
        margin-top: -150px;
        min-height: 700px;
    }

    #blue_bares {
        !*background: #3498db;*!
        background: url("../img/jumbotron_bares.png");
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 320px !important;
        padding-bottom: 35px;
        margin-top: -150px !important;
        min-height: 700px !important;
    }

    #blue_retalho {
        !*background: #3498db;*!
        background: url("../img/jumbotron_retalho.png");
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 300px !important;
        padding-bottom: 35px;
        margin-top: -120px !important;
        min-height: 670px !important;
    }

    #blue_contactos {
        !*background: #3498db;*!
        background: url("../img/jumbotron_contactos.png");
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 300px !important;
        padding-bottom: 35px;
        margin-top: -150px !important;
        min-height: 700px !important;
    }

    #blue_promocao {
        !*background: #3498db;*!
        background: url("../img/jumbotron_promocao.png");
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 265px !important;
        padding-bottom: 35px;
        margin-top: -70px;
        min-height: 600px !important;
    }

    #blue_demo {
        !*background: #3498db;*!
        background: url("../img/jumbotron_demo.png");
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 265px !important;
        padding-bottom: 35px;
        margin-top: -70px;
        min-height: 600px !important;
    }

}
@media screen and (max-width : 320px) {
    .page-header-cg {
        margin: 10px 20px 40px;
    }
    .breadcrumbs-style {
        display: none;
    }
    .text-left {
        text-align: center !important;
    }
    #f {
        text-align: center;
    }
    .btn-block {
        margin-bottom: 5px;
    }
    .wb .panel-primary {
        margin-bottom: 10px;
    }
    #headerwrap {
        margin-top: -70px;
        min-height: 250px;
    }
    #headerwrap h1 {
        font-size: 20px;
        margin-top: 80px;
        letter-spacing: 2px;
    }
    #headerwrap h2 {
        font-size: 15px;
        letter-spacing: 1px;
    }

    #blue_rest {
        padding-top: 55px;
        margin-top: -18px;
        min-height: 180px;
    }
    #blue_rest h4 {
        font-size: 24px;
    }
    #blue_rest p {
        display: none;
    }

    #blue_bares {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_bares h4 {
        font-size: 24px !important;
    }
    #blue_bares p {
        display: none;
    }

    #blue_retalho {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_retalho h4 {
        font-size: 24px !important;
    }
    #blue_retalho p {
        display: none;
    }

    #blue_contactos {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_contactos h4 {
        font-size: 24px !important;
    }
    #blue_contactos p {
        display: none;
    }

    #blue_demo {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_demo h4 {
        font-size: 24px !important;
    }
    #blue_demo p {
        display: none;
    }

    #blue_promocao {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_promocao h4 {
        font-size: 24px !important;
    }
    #blue_promocao p {
        display: none;
    }

    .nav-tabs {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }
    .nav > li > a {
        padding: 15px 5px;
    }
    .link-pdf {
        text-align: center !important;
        font-size: 14px;
    }
    #lg {
        margin-top: -60px;
    }
    #button-promoção {
        margin: -80px 10px 0 0;
    }
    .header-text h4{
        font-size: 16px;
    }
}
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .page-header-cg {
        margin: 10px 20px 40px;
    }
    .breadcrumbs-style {
        display: none;
    }
    .text-left {
        text-align: center !important;
    }
    #f {
        text-align: center;
    }
    .btn-block {
        margin-bottom: 5px;
    }
    .wb .panel-primary {
        margin-bottom: 10px;
    }
    #headerwrap {
        margin-top: -70px;
        min-height: 350px;
        max-width: 100%;
    }
    #headerwrap h1 {
        font-size: 45px !important;
        margin-top: 80px !important;
        letter-spacing: 3px;
    }
    #headerwrap h2 {
        font-size: 30px !important;
        letter-spacing: 2px;
    }

    #blue_rest {
        padding-top: 55px;
        margin-top: -18px;
        min-height: 300px;
    }
    #blue_rest h4 {
        font-size: 24px;
    }
    #blue_rest p {
        display: none;
    }

    #blue_bares {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_bares h4 {
        font-size: 24px !important;
    }
    #blue_bares p {
        display: none;
    }

    #blue_retalho {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_retalho h4 {
        font-size: 24px !important;
    }
    #blue_retalho p {
        display: none;
    }

    #blue_contactos {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_contactos h4 {
        font-size: 24px !important;
    }
    #blue_contactos p {
        display: none;
    }

    #blue_demo {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_demo h4 {
        font-size: 24px !important;
    }
    #blue_demo p {
        display: none;
    }

    #blue_promocao {
        background: url("../img/carousel_rest.png");
        background-size: 100%;
        background-repeat: no-repeat;
        padding-top: 55px !important;
        padding-bottom: 35px;
        margin-top: -18px !important;
        min-height: 180px !important;
    }
    #blue_promocao h4 {
        font-size: 24px !important;
    }
    #blue_promocao p {
        display: none;
    }

    .nav-tabs {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }
    .nav > li > a {
        padding: 15px 10px;
    }
    .link-pdf {
        text-align: center !important;
        font-size: 14px;
    }
    #lg {
        margin-top: -60px;
    }
    #button-promoção {
        margin: -80px 10px 0 0;
    }
    .header-text h4{
        font-size: 16px;
    }
}
@media screen and (max-width : 1224px) {
    #headerwrap {
        margin-top: -70px;
        min-height: 450px;
        max-width: 100%;
    }
    #headerwrap h1 {
        font-size: 55px !important;
    }
    #headerwrap h2 {
        font-size: 40px;
    }
    #blue_rest {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_rest h4 {
        font-size: 36px;
    }
    #blue_bares {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 300px !important;
    }
    #blue_bares h4 {
        font-size: 36px !important;
    }
    #blue_retalho {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_retalho h4 {
        font-size: 36px !important;
    }
    #blue_contactos {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_contactos h4 {
        font-size: 36px !important;
    }
    #blue_promocao {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_promocao h4 {
        font-size: 36px !important;
    }
    #blue_demo {
        padding-top: 115px !important;
        margin-top: -18px !important;
        min-height: 350px !important;
    }
    #blue_demo h4 {
        font-size: 36px !important;
    }
    .navbar {
        font-size: 13px;
    }
    .text-left {
        text-align: center !important;
    }
    #f {
        text-align: center;
    }
    .btn-block {
        margin-bottom: 5px;
    }
    .breadcrumbs-style {
        display: none;
    }
}*/
