|
|
body {
|
|
|
font: 400 15px Lato, sans-serif;
|
|
|
line-height: 1.8;
|
|
|
color: #818181;
|
|
|
}
|
|
|
h2 {
|
|
|
font-size: 24px;
|
|
|
text-transform: uppercase;
|
|
|
color: #303030;
|
|
|
font-weight: 600;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
h4 {
|
|
|
font-size: 19px;
|
|
|
line-height: 1.375em;
|
|
|
color: #303030;
|
|
|
font-weight: 400;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
|
|
|
.btn-topisto {
|
|
|
width: 60px !important;
|
|
|
}
|
|
|
|
|
|
.btn-secondary {
|
|
|
background-color: #74716c;
|
|
|
color:#fff;
|
|
|
}
|
|
|
.jumbotron {
|
|
|
background-color: #74716c;
|
|
|
color: #fff;
|
|
|
padding: 100px 25px;
|
|
|
font-family: Bangers, sans-serif;
|
|
|
}
|
|
|
.container-fluid {
|
|
|
padding: 60px 50px;
|
|
|
}
|
|
|
.bg-grey {
|
|
|
background-color: #e6e6e6;
|
|
|
}
|
|
|
.bg-grey-odd {
|
|
|
background-color: #fff;
|
|
|
margin : 0px;
|
|
|
padding-top: 5px;
|
|
|
padding-bottom: 5px;
|
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
|
}
|
|
|
.bg-grey-even {
|
|
|
background-color: #fff;
|
|
|
margin : 0px;
|
|
|
padding-top: 5px;
|
|
|
padding-bottom: 5px;
|
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
|
}
|
|
|
.logo-small {
|
|
|
color: #f4511e;
|
|
|
font-size: 50px;
|
|
|
}
|
|
|
.logo {
|
|
|
color: #f4511e;
|
|
|
font-size: 200px;
|
|
|
}
|
|
|
.thumbnail {
|
|
|
padding: 0 0 15px 0;
|
|
|
border: none;
|
|
|
border-radius: 0;
|
|
|
}
|
|
|
.thumbnail img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
.carousel-control.right, .carousel-control.left {
|
|
|
background-image: none;
|
|
|
color: #f4511e;
|
|
|
}
|
|
|
.carousel-indicators li {
|
|
|
border-color: #f4511e;
|
|
|
}
|
|
|
.carousel-indicators li.active {
|
|
|
background-color: #f4511e;
|
|
|
}
|
|
|
.item h4 {
|
|
|
font-size: 19px;
|
|
|
line-height: 1.375em;
|
|
|
font-weight: 400;
|
|
|
font-style: italic;
|
|
|
margin: 70px 0;
|
|
|
}
|
|
|
.item span {
|
|
|
font-style: normal;
|
|
|
}
|
|
|
.panel {
|
|
|
border: 1px solid #f4511e;
|
|
|
border-radius:0 !important;
|
|
|
transition: box-shadow 0.5s;
|
|
|
}
|
|
|
.panel:hover {
|
|
|
box-shadow: 5px 0px 40px rgba(0,0,0, .2);
|
|
|
}
|
|
|
.panel-footer .btn:hover {
|
|
|
border: 1px solid #f4511e;
|
|
|
background-color: #fff !important;
|
|
|
color: #f4511e;
|
|
|
}
|
|
|
.panel-heading {
|
|
|
color: #fff !important;
|
|
|
background-color: #f4511e !important;
|
|
|
padding: 25px;
|
|
|
border-bottom: 1px solid transparent;
|
|
|
border-top-left-radius: 0px;
|
|
|
border-top-right-radius: 0px;
|
|
|
border-bottom-left-radius: 0px;
|
|
|
border-bottom-right-radius: 0px;
|
|
|
}
|
|
|
.panel-footer {
|
|
|
background-color: white !important;
|
|
|
}
|
|
|
.panel-footer h3 {
|
|
|
font-size: 32px;
|
|
|
}
|
|
|
.panel-footer h4 {
|
|
|
color: #aaa;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
.panel-footer .btn {
|
|
|
margin: 15px 0;
|
|
|
background-color: #f4511e;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.navbar {
|
|
|
margin-bottom: 0;
|
|
|
background-color: rgb(93, 152, 167);
|
|
|
z-index: 9999;
|
|
|
border: 0;
|
|
|
font-size: 12px !important;
|
|
|
line-height: 1.42857143 !important;
|
|
|
letter-spacing: 4px;
|
|
|
border-radius: 0;
|
|
|
font-family: Montserrat, sans-serif;
|
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
|
}
|
|
|
.navbar li a, .navbar .navbar-brand {
|
|
|
color: #fff !important;
|
|
|
font-family: Bangers, sans-serif;
|
|
|
}
|
|
|
.navbar-nav li a:hover {
|
|
|
color: #666 !important;
|
|
|
background-color: rgb(93, 152, 167)!important;
|
|
|
}
|
|
|
.navbar-nav li.active a {
|
|
|
color: #000 !important;
|
|
|
background-color: #fff !important;
|
|
|
}
|
|
|
.navbar-default .navbar-toggle {
|
|
|
border-color: transparent;
|
|
|
color: #fff !important;
|
|
|
}
|
|
|
footer .glyphicon {
|
|
|
font-size: 20px;
|
|
|
margin-bottom: 20px;
|
|
|
color: #f4511e;
|
|
|
}
|
|
|
.slideanim {visibility:hidden;}
|
|
|
.slide {
|
|
|
animation-name: slide;
|
|
|
-webkit-animation-name: slide;
|
|
|
animation-duration: 1s;
|
|
|
-webkit-animation-duration: 1s;
|
|
|
visibility: visible;
|
|
|
}
|
|
|
@keyframes slide {
|
|
|
0% {
|
|
|
opacity: 0;
|
|
|
transform: translateY(70%);
|
|
|
}
|
|
|
100% {
|
|
|
opacity: 1;
|
|
|
transform: translateY(0%);
|
|
|
}
|
|
|
}
|
|
|
@-webkit-keyframes slide {
|
|
|
0% {
|
|
|
opacity: 0;
|
|
|
-webkit-transform: translateY(70%);
|
|
|
}
|
|
|
100% {
|
|
|
opacity: 1;
|
|
|
-webkit-transform: translateY(0%);
|
|
|
}
|
|
|
}
|
|
|
@media screen and (max-width: 768px) {
|
|
|
.col-sm-4 {
|
|
|
text-align: center;
|
|
|
}
|
|
|
.btn-topisto {
|
|
|
width: 60px !important;
|
|
|
}
|
|
|
}
|
|
|
@media screen and (max-width: 480px) {
|
|
|
.logo {
|
|
|
font-size: 150px;
|
|
|
}
|
|
|
.btn-topisto {
|
|
|
width: 60px !important;
|
|
|
}
|
|
|
}
|
