mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
973 lines
19 KiB
CSS
973 lines
19 KiB
CSS
/*---------------------------------------------------- General------------------------------------------------------*/
|
|
body {
|
|
font-family:'Montserrat',sans-serif;
|
|
font-size:16px;
|
|
line-height:1.7;
|
|
color:#777;
|
|
font-weight:400;
|
|
overflow-x:hidden;
|
|
}
|
|
.playball {
|
|
font-family:'Playball',cursive;
|
|
}
|
|
h1,h2,h3,h4,h5,h6 {
|
|
color:#333;
|
|
line-height:1.4;
|
|
font-weight:700;
|
|
}
|
|
.w960 {
|
|
max-width:960px;
|
|
margin:0px auto;
|
|
}
|
|
a,a:hover {
|
|
color:#cc580c;
|
|
text-decoration: none;
|
|
}
|
|
img {max-width: 100%;}
|
|
/*
|
|
Fade content bs-carousel with hero headers
|
|
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
|
|
Image credits: unsplash.com
|
|
*/
|
|
|
|
/********************************/
|
|
/* Fade Bs-carousel */
|
|
/********************************/
|
|
.fade-carousel {
|
|
position: relative;
|
|
height: 100vh;
|
|
|
|
bottom: 65px;
|
|
}
|
|
.fade-carousel .carousel-inner .item {
|
|
height: 100vh;
|
|
}
|
|
.fade-carousel .carousel-indicators > li {
|
|
margin: 0 2px;
|
|
background-color: #f39c12;
|
|
border-color: #f39c12;
|
|
opacity: .7;
|
|
}
|
|
.fade-carousel .carousel-indicators > li.active {
|
|
width: 10px;
|
|
height: 10px;
|
|
opacity: 1;
|
|
}
|
|
|
|
/********************************/
|
|
/* Hero Headers */
|
|
/********************************/
|
|
.hero {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 3;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
|
|
-webkit-transform: translate3d(-50%,-50%,0);
|
|
-moz-transform: translate3d(-50%,-50%,0);
|
|
-ms-transform: translate3d(-50%,-50%,0);
|
|
-o-transform: translate3d(-50%,-50%,0);
|
|
transform: translate3d(-50%,-50%,0);
|
|
}
|
|
.hero h1 {
|
|
font-size: 6em;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 0;
|
|
color:#fff;
|
|
}
|
|
.hero h3 {
|
|
color:#fff;
|
|
}
|
|
.fade-carousel .carousel-inner .item .hero {
|
|
opacity: 0;
|
|
-webkit-transition: 2s all ease-in-out .1s;
|
|
-moz-transition: 2s all ease-in-out .1s;
|
|
-ms-transition: 2s all ease-in-out .1s;
|
|
-o-transition: 2s all ease-in-out .1s;
|
|
transition: 2s all ease-in-out .1s;
|
|
}
|
|
.fade-carousel .carousel-inner .item.active .hero {
|
|
opacity: 1;
|
|
-webkit-transition: 2s all ease-in-out .1s;
|
|
-moz-transition: 2s all ease-in-out .1s;
|
|
-ms-transition: 2s all ease-in-out .1s;
|
|
-o-transition: 2s all ease-in-out .1s;
|
|
transition: 2s all ease-in-out .1s;
|
|
}
|
|
|
|
/********************************/
|
|
/* Overlay */
|
|
/********************************/
|
|
.overlay {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 2;
|
|
background-color: #080d15;
|
|
opacity: .7;
|
|
}
|
|
|
|
/********************************/
|
|
/* Custom Buttons */
|
|
/********************************/
|
|
.btn.btn-lg {padding: 10px 40px;}
|
|
.btn.btn-hero,
|
|
.btn.btn-hero:hover,
|
|
.btn.btn-hero:focus {
|
|
color: #f5f5f5;
|
|
background-color: #1abc9c;
|
|
border-color: #1abc9c;
|
|
outline: none;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
/********************************/
|
|
/* Slides backgrounds */
|
|
/********************************/
|
|
.fade-carousel .slides .slide-1,
|
|
.fade-carousel .slides .slide-2,
|
|
.fade-carousel .slides .slide-3 {
|
|
height: 100vh;
|
|
background-size: cover;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.fade-carousel .slides .slide-1 {
|
|
background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818);
|
|
}
|
|
.fade-carousel .slides .slide-2 {
|
|
background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
|
|
}
|
|
.fade-carousel .slides .slide-3 {
|
|
background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
|
|
}
|
|
|
|
|
|
|
|
/* carousel */
|
|
#quote-carousel
|
|
{
|
|
padding: 0 10px 30px 10px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
/* Control buttons */
|
|
#quote-carousel .carousel-control
|
|
{
|
|
background: none;
|
|
color: #222;
|
|
font-size: 2.3em;
|
|
text-shadow: none;
|
|
margin-top: 30px;
|
|
}
|
|
/* Previous button */
|
|
#quote-carousel .carousel-control.left
|
|
{
|
|
left: -12px;
|
|
}
|
|
/* Next button */
|
|
#quote-carousel .carousel-control.right
|
|
{
|
|
right: -12px !important;
|
|
}
|
|
/* Changes the position of the indicators */
|
|
#quote-carousel .carousel-indicators
|
|
{
|
|
right: 50%;
|
|
top: auto;
|
|
bottom: 0px;
|
|
margin-right: -19px;
|
|
}
|
|
/* Changes the color of the indicators */
|
|
#quote-carousel .carousel-indicators li
|
|
{
|
|
background: #c0c0c0;
|
|
}
|
|
#quote-carousel .carousel-indicators .active
|
|
{
|
|
background: #333333;
|
|
}
|
|
#quote-carousel img
|
|
{
|
|
width: 250px;
|
|
height: 100px
|
|
}
|
|
/* End carousel */
|
|
|
|
.item blockquote {
|
|
border-left: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.item blockquote img {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.item blockquote p:before {
|
|
content: "\f10d";
|
|
font-family: 'Fontawesome';
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
|
|
.lu-new-feature {
|
|
border: 2px solid #eee;
|
|
padding: 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.lu-new-feature-icon i{
|
|
font-size: 40px;
|
|
}
|
|
.news-events-box {
|
|
padding: 20px;
|
|
margin: 0 0 15px 0;
|
|
position: relative;
|
|
background: #EDEDED;
|
|
}
|
|
.news-events-box h2 {
|
|
font-size: 30px;
|
|
color: #333333;
|
|
padding: 0 0 15px 0;
|
|
margin: 0;
|
|
}
|
|
.news-events-box h3 {
|
|
font-size: 14px;
|
|
font-weight:normal;
|
|
color: #333;
|
|
padding: 0 0 15px 0;
|
|
margin: 0;
|
|
}
|
|
/*---------------------------------------------------- Menu------------------------------------------------------*/
|
|
.isFixed {
|
|
left:0px;
|
|
width:100%;
|
|
}
|
|
.menu {
|
|
margin-top:0px;
|
|
position:absolute;
|
|
z-index:999;
|
|
/* margin-top:20px; */
|
|
left:0px;
|
|
right:0px;
|
|
/* bottom:0; */
|
|
}
|
|
|
|
.navArea {
|
|
/*float:right;*/
|
|
}
|
|
.navwrapper .container {
|
|
padding:0;
|
|
width:auto;
|
|
}
|
|
|
|
.nav>li>a {
|
|
display:inline-block;
|
|
}
|
|
.navbar-nav>li {
|
|
float:none;
|
|
display: inline-block;
|
|
|
|
padding: 7px 0;
|
|
}
|
|
.navbar-nav {
|
|
margin:0 auto;
|
|
text-align:center;
|
|
float:none;
|
|
}
|
|
.navbar-toggle {
|
|
margin-top: 14px;
|
|
}
|
|
.navbar-toggle .icon-bar{
|
|
background: #fff
|
|
}
|
|
.nav>li>a:hover, .nav>li>a:focus {
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
color: #FAD100;
|
|
}
|
|
.nav>li>a {
|
|
display: inline-block;
|
|
color: #B2B2B2;
|
|
}
|
|
/* Special class on .container surrounding .navbar,used for positioning it into place. */
|
|
.navbar-wrapper {
|
|
margin-top:0px;
|
|
height: 65px;
|
|
position:relative;
|
|
z-index:15;
|
|
}
|
|
.navbar-wrapper .container {
|
|
padding:0px;
|
|
}
|
|
.navbar-collapse {
|
|
padding:0;
|
|
}
|
|
.navbar-collapse.in {
|
|
max-height:100%;
|
|
}
|
|
.navbar.navbar-inverse.navbar-static-top {
|
|
margin:0px auto;
|
|
background:none;
|
|
color:#c3c8d6;
|
|
border:none;
|
|
font-family:'Open Sans',sans-serif;
|
|
font-size:14px;
|
|
font-weight:600;
|
|
text-transform:uppercase;
|
|
}
|
|
.navbar.navbar-inverse.navbar-static-top a {
|
|
color:#fff;
|
|
padding:31px 16px;
|
|
line-height:18px;
|
|
text-align:center;
|
|
}
|
|
.navbar.navbar-inverse.navbar-static-top a:hover {
|
|
background:none;
|
|
color:#fff;
|
|
}
|
|
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus {
|
|
background:none;
|
|
color:#fff !important;
|
|
}
|
|
.navbar-inverse .navbar-nav>.active>a:hover {
|
|
color:#fff;
|
|
}
|
|
.hideClass {
|
|
display:none;
|
|
}
|
|
.isFixed .navbar-inverse .navbar-nav>.active>a,.isFixed .navbar-inverse .navbar-nav>.active>a:focus {
|
|
background:#cc580c;
|
|
color:#fff;
|
|
}
|
|
.isFixed .navbar.navbar-inverse.navbar-static-top a:hover {
|
|
background:#cc580c;
|
|
color:#fff;
|
|
}
|
|
.isFixed .navbar.navbar-inverse.navbar-static-top a {
|
|
color:#fff;
|
|
}
|
|
.stuckMenu {
|
|
-o-transition:all .5s;
|
|
-ms-transition:all .5s;
|
|
-moz-transition:all .5s;
|
|
-webkit-transition:all .5s;
|
|
transition:all .5s;
|
|
background:#111;
|
|
}
|
|
.isFixed {
|
|
background:#333;
|
|
-o-transition:all .5s;
|
|
-ms-transition:all .5s;
|
|
-moz-transition:all .5s;
|
|
-webkit-transition:all .5s;
|
|
transition: all .5s;
|
|
}
|
|
|
|
|
|
/*---------------------------------------------------- Intro------------------------------------------------------*/
|
|
header {
|
|
padding-bottom:50px;
|
|
}
|
|
.intro {
|
|
font-family:'Playball',cursive;
|
|
font-size:60px;
|
|
line-height:1.0;
|
|
font-weight: 900;
|
|
color:#fff;
|
|
}
|
|
/*---------------------------------------------------- Parallax------------------------------------------------------*/
|
|
.parallax {
|
|
background-image: url('../img/dummy1.jpg');
|
|
background-position: 30% 0px;
|
|
text-align:center;
|
|
background-position:center center;
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
background-attachment:fixed !important;
|
|
overflow:hidden;
|
|
}
|
|
.parallax-pattern-overlay {
|
|
background-image:url(../img/pattern.png);
|
|
background-repeat: repeat;
|
|
}
|
|
/*---------------------------------------------------- Heading------------------------------------------------------*/
|
|
.heading {
|
|
padding-bottom:15px;
|
|
text-align:center;
|
|
max-width:960px;
|
|
margin:0px auto;
|
|
padding-top:80px;
|
|
}
|
|
.heading h2 {
|
|
font-weight:700;
|
|
font-family:'Playball',cursive;
|
|
font-size:35px;
|
|
color:#333;
|
|
margin:0;
|
|
padding:5px;
|
|
}
|
|
.heading h2::first-letter {
|
|
color:#cc580c;
|
|
}
|
|
.heading h3 {
|
|
font-size:16px;
|
|
line-height:1.7;
|
|
}
|
|
img#site-title {
|
|
max-width: 150px;
|
|
}
|
|
/*---------------------------------------------------- Team------------------------------------------------------*/
|
|
.papers,.papers:before,.papers:after {
|
|
background-color:#fff;
|
|
border:1px solid #ccc;
|
|
box-shadow:inset 0 0 30px rgba(0,0,0,0.1),1px 1px 3px rgba(0,0,0,0.2);
|
|
}
|
|
.papers {
|
|
position:relative;
|
|
width:90%;
|
|
padding:2em;
|
|
margin:0px auto;
|
|
margin-top:40px;
|
|
font-size:12px;
|
|
}
|
|
.papers:before,.papers:after {
|
|
content:"";
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-transform:rotateZ(2.5deg);
|
|
-o-transform:rotate(2.5deg);
|
|
transform:rotateZ(2.5deg);
|
|
z-index:-1;
|
|
}
|
|
.papers:after {
|
|
-webkit-transform:rotateZ(-2.5deg);
|
|
-o-transform:rotate(-2.5deg);
|
|
transform:rotateZ(-2.5deg);
|
|
}
|
|
.papers h1 {
|
|
font-size:1.8em;
|
|
font-weight:normal;
|
|
text-align:center;
|
|
padding:0.2em 0;
|
|
margin:0;
|
|
border-top:1px solid #ddd;
|
|
border-bottom:2px solid #ddd;
|
|
}
|
|
.papers p {
|
|
text-align:left;
|
|
margin:1.5em 0;
|
|
}
|
|
.papers img {
|
|
max-width:100%;
|
|
margin-bottom: 5px;
|
|
}
|
|
/*---------------------------------------------------- Restaurant Menu------------------------------------------------------*/
|
|
.restmenuwrap {
|
|
box-shadow:inset 0 0 0 16px #fff,inset 0 0 0 17px #eee,inset 0 0 0 18px #fff,inset 0 0 0 19px #eee,inset 0 0 0 20px #fff,inset 0 0 0 21px #eee,0 4px 20px rgba(0,0,0,0.1);
|
|
-webkit-transform:translateZ(0px);
|
|
transform:translateZ(0px);
|
|
opacity:1;
|
|
pointer-events:auto;
|
|
}
|
|
.restmenuwrap h5 {
|
|
margin:0;
|
|
font-size:14px;
|
|
}
|
|
.restmenuwrap .rm-thumb {
|
|
width:100px;
|
|
height:100px;
|
|
background-repeat:no-repeat;
|
|
background-position:center center;
|
|
float:left;
|
|
margin:0 20px 0 0;
|
|
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2),1px 1px 1px rgba(255,255,255,0.1);
|
|
border-radius:50%;
|
|
}
|
|
.restmenuwrap {
|
|
font-size:12px;
|
|
padding:40px 40px 20px 40px;
|
|
}
|
|
.restitem {
|
|
margin-bottom:40px;
|
|
}
|
|
.restitem p {
|
|
margin-bottom:0px;
|
|
}
|
|
.restmenuwrap h3.maincat {
|
|
margin:0 0 20px 0;
|
|
font-size:19px;
|
|
padding-bottom:10px;
|
|
color:#cc580c;
|
|
border-bottom: 4px double #eee;
|
|
}
|
|
/*---------------------------------------------------- Gallery Events------------------------------------------------------*/
|
|
/* General style */
|
|
.grid-gallery ul {
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
.grid-gallery figure {
|
|
margin:0;
|
|
}
|
|
.grid-gallery figure img {
|
|
display:block;
|
|
width:100%;
|
|
}
|
|
.grid-gallery figcaption h3 {
|
|
margin:0;
|
|
padding:0 0px 0;
|
|
color:#fff;
|
|
font-size:17px;
|
|
font-weight:300;
|
|
}
|
|
.grid-gallery figcaption p {
|
|
margin:0;
|
|
font-size: 12px;
|
|
}
|
|
/* Grid style */
|
|
.grid-wrap {
|
|
margin:0 auto;
|
|
}
|
|
.grid {
|
|
margin:0 auto;
|
|
}
|
|
.grid li {
|
|
width:25%;
|
|
float:left;
|
|
cursor:pointer;
|
|
}
|
|
.grid figure {
|
|
padding:15px;
|
|
-webkit-transition:opacity 0.2s;
|
|
transition:opacity 0.2s;
|
|
}
|
|
.grid li:hover figure {
|
|
opacity:0.7;
|
|
}
|
|
.grid figcaption {
|
|
background:#333;
|
|
padding: 25px;
|
|
}
|
|
/* Slideshow style */
|
|
.slideshow {
|
|
position:fixed;
|
|
background:rgba(0,0,0,0.6);
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
z-index:500;
|
|
opacity:0;
|
|
visibility:hidden;
|
|
overflow:hidden;
|
|
-webkit-perspective:1000px;
|
|
perspective:1000px;
|
|
-webkit-transition:opacity 0.5s,visibility 0s 0.5s;
|
|
transition:opacity 0.5s,visibility 0s 0.5s;
|
|
}
|
|
.slideshow-open .slideshow {
|
|
opacity:1;
|
|
visibility:visible;
|
|
-webkit-transition:opacity 0.5s;
|
|
transition:opacity 0.5s;
|
|
}
|
|
.slideshow ul {
|
|
width:100%;
|
|
height:100%;
|
|
-webkit-transform-style:preserve-3d;
|
|
transform-style:preserve-3d;
|
|
-webkit-transform:translate3d(0,0,150px);
|
|
transform:translate3d(0,0,150px);
|
|
-webkit-transition:-webkit-transform 0.5s;
|
|
transition:transform 0.5s;
|
|
}
|
|
.slideshow ul.animatable li {
|
|
-webkit-transition:-webkit-transform 0.5s;
|
|
transition:transform 0.5s;
|
|
}
|
|
.slideshow-open .slideshow ul {
|
|
-webkit-transform:translate3d(0,0,0);
|
|
transform:translate3d(0,0,0);
|
|
}
|
|
.slideshow li {
|
|
width:660px;
|
|
height:560px;
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
margin:-280px 0 0 -330px;
|
|
visibility:hidden;
|
|
}
|
|
.slideshow li.show {
|
|
visibility:visible;
|
|
}
|
|
.slideshow li:after {
|
|
content:'';
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
background:rgba(255,255,255,0.8);
|
|
-webkit-transition:opacity 0.3s;
|
|
transition:opacity 0.3s;
|
|
}
|
|
.slideshow li.current:after {
|
|
visibility:hidden;
|
|
opacity:0;
|
|
-webkit-transition:opacity 0.3s,visibility 0s 0.3s;
|
|
transition:opacity 0.3s,visibility 0s 0.3s;
|
|
}
|
|
.slideshow figure {
|
|
width:100%;
|
|
height:100%;
|
|
background:#fff;
|
|
border:50px solid #fff;
|
|
overflow:hidden;
|
|
}
|
|
.slideshow figcaption {
|
|
padding-bottom:20px;
|
|
}
|
|
.slideshow figcaption h3 {
|
|
font-weight:300;
|
|
font-size:200%;
|
|
color: #333;
|
|
}
|
|
/* Navigation */
|
|
.slideshow nav span {
|
|
position:fixed;
|
|
z-index:1000;
|
|
color:#fff;
|
|
text-align:center;
|
|
padding:2%;
|
|
cursor:pointer;
|
|
font-size:2.2em;
|
|
background:rgba(0,0,0,0.1);
|
|
}
|
|
.slideshow nav span.nav-prev,.slideshow nav span.nav-next {
|
|
top:50%;
|
|
-webkit-transform:translateY(-50%);
|
|
transform:translateY(-50%);
|
|
}
|
|
.slideshow nav span.nav-next {
|
|
right:0;
|
|
}
|
|
.slideshow nav span.nav-close {
|
|
top:75px;
|
|
right:0px;
|
|
padding:10px 25px;
|
|
color:#999;
|
|
}
|
|
.icon:before,.icon:after {
|
|
font-family:'fontawesome';
|
|
speak:none;
|
|
font-style:normal;
|
|
font-weight:normal;
|
|
font-variant:normal;
|
|
text-transform:none;
|
|
line-height:1;
|
|
-webkit-font-smoothing:antialiased;
|
|
-moz-osx-font-smoothing:grayscale;
|
|
}
|
|
span.nav-prev:before {
|
|
content:"\f104";
|
|
}
|
|
span.nav-next:before {
|
|
content:"\f105";
|
|
}
|
|
span.nav-close:before {
|
|
content: "\f00d";
|
|
}
|
|
/* Info on arrow key navigation */
|
|
.info-keys {
|
|
position:fixed;
|
|
top:10px;
|
|
left:10px;
|
|
width:60px;
|
|
font-size:8px;
|
|
padding-top:20px;
|
|
text-transform:uppercase;
|
|
color:#fff;
|
|
letter-spacing:1px;
|
|
text-align:center;
|
|
}
|
|
.info-keys:before,.info-keys:after {
|
|
position:absolute;
|
|
top:0;
|
|
width:16px;
|
|
height:16px;
|
|
border:1px solid #fff;
|
|
text-align:center;
|
|
line-height:14px;
|
|
font-size:12px;
|
|
}
|
|
.info-keys:before {
|
|
left:10px;
|
|
content:"\e603";
|
|
}
|
|
.info-keys:after {
|
|
right:10px;
|
|
content: "\e604";
|
|
}
|
|
|
|
/*---------------------------------------------------- Contact------------------------------------------------------*/
|
|
input.contact {
|
|
background:#fff;
|
|
border:solid 1px #ddd;
|
|
color:#000;
|
|
padding:15px 30px;
|
|
|
|
margin-right:3%;
|
|
margin-bottom:30px;
|
|
outline:none;
|
|
}
|
|
input.contact.noMarr {
|
|
margin-right:0px;
|
|
}
|
|
textarea.contact {
|
|
background:#fff;
|
|
color:#000;
|
|
border:solid 1px #ddd;
|
|
padding:15px 30px;
|
|
|
|
margin-bottom:40px;
|
|
outline:none;
|
|
height:150px;
|
|
}
|
|
.contact.submit {
|
|
background:#333;
|
|
font-family:'Montserrat',sans-serif;
|
|
color:#fff;
|
|
font-size:16px;
|
|
font-weight:400;
|
|
text-align:center;
|
|
margin:0px;
|
|
border:none !important;
|
|
border-radius:3px;
|
|
}
|
|
.contact.submit:hover {
|
|
background:#cc580c;
|
|
}
|
|
.done {
|
|
display:none;
|
|
}
|
|
.error input,input.error,.error textarea,textarea.error {
|
|
background-color:#ffffff;
|
|
border:1px solid red !Important;
|
|
-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
|
|
-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
|
|
-o-transition:border linear 0.2s,box-shadow linear 0.2s;
|
|
transition:border linear 0.2s,box-shadow linear 0.2s;
|
|
}
|
|
|
|
|
|
/*---------------------------------------------------- 8. Footer Style------------------------------------------------------*/
|
|
.footer {
|
|
background:#cc580c;
|
|
margin-top:120px;
|
|
position:relative;
|
|
}
|
|
.footer .container {
|
|
padding:60px 0 20px;
|
|
}
|
|
.footer ul {
|
|
margin:0 auto;
|
|
margin-bottom:30px;
|
|
margin-top:10px;
|
|
text-align:center;
|
|
list-style-type:none;
|
|
padding-left:0;
|
|
}
|
|
.footer ul li {
|
|
display:inline-block;
|
|
text-align:center;
|
|
background:rgba(0,0,0,0.2);
|
|
color:#ffffff;
|
|
line-height:45px;
|
|
margin:0 4px 0px;
|
|
width:45px !important;
|
|
height:45px !important;
|
|
-webkit-border-radius:3px;
|
|
border-radius:3px;
|
|
}
|
|
.footer ul li:hover {
|
|
background:#2a2a2a;
|
|
}
|
|
.footer ul li:hover a {
|
|
color:#fff;
|
|
}
|
|
.footer ul li a {
|
|
color:#fff;
|
|
width:42px !important;
|
|
height:42px !important;
|
|
}
|
|
.footer ul li a i {
|
|
line-height:45px;
|
|
color:#fff;
|
|
}
|
|
.footer p {
|
|
color:#fff;
|
|
font-size:13px;
|
|
line-height:24px;
|
|
font-weight:300;
|
|
text-align:center;
|
|
text-transform:uppercase;
|
|
}
|
|
.gototop {
|
|
display:inline-block;
|
|
width:60px;
|
|
height:60px;
|
|
background:#fff;
|
|
position:absolute;
|
|
margin-left:-30px;
|
|
top:-35px;
|
|
border-radius:50%;
|
|
}
|
|
.gototop i {
|
|
color:#cc580c;
|
|
line-height:70px;
|
|
}
|
|
.footer a,.footer a:hover {
|
|
color:#fff;
|
|
}
|
|
blockquote {
|
|
font-style:italic;
|
|
margin:0 0 0px 0;
|
|
padding:20px 70px 10px;
|
|
position:relative;
|
|
font-size:13px;
|
|
border:0;
|
|
}
|
|
blockquote:before {
|
|
display:block;
|
|
content:"\201C";
|
|
font-size:120px;
|
|
position:absolute;
|
|
left:10px;
|
|
top:-30px;
|
|
color:#cc580c;
|
|
font-family:Georgia;
|
|
}
|
|
blockquote cite {
|
|
color:#cc580c;
|
|
font-size:14px;
|
|
display:block;
|
|
margin-top:5px;
|
|
text-align:right;
|
|
}
|
|
blockquote cite:before {
|
|
content: "\2014 \2009";
|
|
}
|
|
.lu-what-new{
|
|
padding: 75px 0;
|
|
}
|
|
.lu-section-title {
|
|
margin-bottom: 50px;
|
|
font-size: 36px;
|
|
}
|
|
.feedback{
|
|
background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
MEDIA QUERIES
|
|
--------------------------------*/
|
|
@media screen and (min-width: 980px){
|
|
.hero { width: 980px; }
|
|
}
|
|
@media screen and (max-width: 640px){
|
|
.hero h1 { font-size: 4em; }
|
|
}
|
|
@media (min-width: 768px) {
|
|
#quote-carousel
|
|
{
|
|
margin-bottom: 0;
|
|
padding: 0 40px 30px 40px;
|
|
}
|
|
|
|
}
|
|
@media (max-width: 768px) {
|
|
#quote-carousel .carousel-indicators {
|
|
bottom: -20px !important;
|
|
}
|
|
#quote-carousel .carousel-indicators li {
|
|
display: inline-block;
|
|
margin: 0px 5px;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
#quote-carousel .carousel-indicators li.active {
|
|
margin: 0px 5px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
|
|
|
|
@media (min-width: 991px) {
|
|
.lu-section-title {
|
|
font-size: 45px;
|
|
}
|
|
}
|
|
@media (max-width: 655px) {
|
|
.collapse {background: #333;}
|
|
.navbar.navbar-inverse.navbar-static-top a {padding: 15px 16px;line-height: 15px;font-size: 13px;}
|
|
}
|
|
@media screen and (max-width:60em) {
|
|
.grid li {
|
|
width:33.3%;
|
|
}
|
|
.slideshow li {
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
margin:0;
|
|
}
|
|
.slideshow li figure img {
|
|
width:auto;
|
|
margin:0 auto;
|
|
max-width:100%;
|
|
}
|
|
.slideshow nav span,.slideshow nav span.nav-close {
|
|
font-size:1.8em;
|
|
padding:0.3em;
|
|
}
|
|
.info-keys {
|
|
display:none;
|
|
}
|
|
}
|
|
@media screen and (max-width:35em) {
|
|
.grid li {
|
|
width:50%;
|
|
}
|
|
}
|
|
@media screen and (max-width:24em) {
|
|
.grid li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media screen and (min-width:768px) {
|
|
input.contact.col-md-6 {
|
|
width: 48.5%;
|
|
}
|
|
}
|
|
@media screen and (max-width:768px) {
|
|
.navbar-nav>li {
|
|
float: none;
|
|
display: block;
|
|
}
|
|
} |