/* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ body { background:#d6d6d6; padding-bottom: 40px; color: #5a5a5a; } /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ /* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper { position: absolute; top: 0; right: 0; left: 0; z-index: 20; } /* Flip around the padding for proper display in narrow viewports */ .navbar-wrapper > .container { padding-right: 0; padding-left: 0; } .navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; } .navbar-wrapper .navbar .container { width: auto; } .navbar-inverse{ background: #393f1e; background-image: linear-gradient(to bottom, #65771f 0px, #393f1e 100%); .navbar-nav{ > li{ > a{ color: #FFFFFF; font-weight:bold; } &.active{ > a{ background: #d97c2d; background-image: linear-gradient(to bottom, #d97c2d 0px, #d97c2d 100%); } } &:hover{ > a{ background: #ecb906; background-image: linear-gradient(to bottom, #ecb906 0px, #ecb906 100%); } } } } } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { height: 500px; margin-bottom: 60px; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; } /* Declare heights because of positioning of img element */ .carousel .item { height: 500px; background-color: #777; } .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; } /* MARKETING CONTENT -------------------------------------------------- */ /* Center align the text within the three columns below the carousel */ .marketing .col-lg-4 { margin-bottom: 20px; text-align: center; } .marketing h2 { font-weight: normal; } .marketing .col-lg-4 p { margin-right: 10px; margin-left: 10px; } /* Featurettes ------------------------- */ .featurette-divider { margin: 80px 0; /* Space out the Bootstrap
more */ } /* Thin out the marketing headings */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -1px; } /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width: 768px) { /* Navbar positioning foo */ .navbar-wrapper { margin-top: 20px; } .navbar-wrapper .container { padding-right: 15px; padding-left: 15px; } .navbar-wrapper .navbar { padding-right: 0; padding-left: 0; } /* The navbar becomes detached from the top, so we round the corners */ .navbar-wrapper .navbar { border-radius: 4px; } /* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; } .featurette-heading { font-size: 50px; } } @media (min-width: 992px) { .featurette-heading { margin-top: 120px; } } .navbar-header{ a.navbar-brand{ img{ height: auto; margin-top: -9px; width:100%; } } } img{ &.perpectiva{ width: 100%; } } h2,h3,h4,h5,h6{ color: #e87500; } body.tour-virtual{ background-color:#808080; div.container-flash{ margin-top:100px; } #footer{ color:#CCC !important; } } div#banner-master{ h1{ color: #ecb906; font-size:6rem; margin-bottom:0; } .panel-text{ padding-top:35px; } } div#galeria{ div.carousel{ margin-bottom: 15px; } div.alert-warning{ opacity: 0.8; filter: alpha(opacity=80); } div.panel-thumbs{ margin-top: 0; margin-bottom: 0; a{ margin: 5px 0 0; img{ width:85px; } } } } div.localizacao{ border-bottom:5px solid #FFF; border-top:5px solid #FFF; padding:0; .google-maps{ display:: block; height:350; width:100%; } } div#atendimento{ button{ width:100%; } } #footer{ border-top:1px solid #FFF; padding-top:20px; margin-top:50px; } .modal-lg{ width:90%; .img-prancha-zoom{ display:block; text-align:center; } }