151 lines
3.2 KiB
CSS
151 lines
3.2 KiB
CSS
|
|
|||
|
|
/* =============================================================
|
|||
|
|
GENERAL STYLES
|
|||
|
|
============================================================ */
|
|||
|
|
body {
|
|||
|
|
font-family: 'Open Sans', sans-serif;
|
|||
|
|
letter-spacing:1px;
|
|||
|
|
color:#fff;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
p{
|
|||
|
|
padding:20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
section
|
|||
|
|
{
|
|||
|
|
padding:50px 20px 25px 20px;
|
|||
|
|
}
|
|||
|
|
h2
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
font-size:60px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
p {
|
|||
|
|
|
|||
|
|
line-height:30px;
|
|||
|
|
margin-bottom:35px;
|
|||
|
|
}
|
|||
|
|
hr {
|
|||
|
|
border-top: 1px solid rgb(27, 106, 131);
|
|||
|
|
margin: 0px 100px 0px 100px
|
|||
|
|
}
|
|||
|
|
/* =============================================================
|
|||
|
|
NAVBAR STYLES
|
|||
|
|
============================================================ */
|
|||
|
|
.navbar-inverse {
|
|||
|
|
background-color: rgb(27, 106, 131);
|
|||
|
|
border-color: transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
|
|||
|
|
background-color: transparent;
|
|||
|
|
border-bottom: 4px solid rgba(0, 231, 222, 0.72);
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.navbar-inverse .navbar-nav > li > a {
|
|||
|
|
color: #FFF;
|
|||
|
|
font-size: 13px;
|
|||
|
|
font-weight: 800;
|
|||
|
|
padding: 10px;
|
|||
|
|
letter-spacing: 2px;
|
|||
|
|
margin:10px 5px 10px 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.navbar-inverse .navbar-brand {
|
|||
|
|
color: #FFF;
|
|||
|
|
}
|
|||
|
|
.copyrights{
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
height:0;
|
|||
|
|
line-height:0;
|
|||
|
|
font-size:0;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
/* =============================================================
|
|||
|
|
HOME STYLES
|
|||
|
|
============================================================ */
|
|||
|
|
#home {
|
|||
|
|
text-align:center;
|
|||
|
|
padding-bottom:50px;
|
|||
|
|
}
|
|||
|
|
#home i {
|
|||
|
|
margin:5px;
|
|||
|
|
}
|
|||
|
|
#home h1 {
|
|||
|
|
text-transform:uppercase;
|
|||
|
|
padding-top:120px;
|
|||
|
|
font-size:60px;
|
|||
|
|
font-weight:900;
|
|||
|
|
color:#fff;
|
|||
|
|
line-height:80px;
|
|||
|
|
padding-bottom:5px;
|
|||
|
|
}
|
|||
|
|
/*SLIDER STYLES*/
|
|||
|
|
#carousel-slider {
|
|||
|
|
color:#fff;
|
|||
|
|
min-height:420px;
|
|||
|
|
padding:30px 20px 5px 20px;
|
|||
|
|
}
|
|||
|
|
.carousel-control.left {
|
|||
|
|
left: 0;
|
|||
|
|
right: auto;
|
|||
|
|
background-repeat: repeat-x;
|
|||
|
|
background-image: linear-gradient(to left,rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%)!important;
|
|||
|
|
}
|
|||
|
|
.carousel-control.right {
|
|||
|
|
right: 0;
|
|||
|
|
left: auto;
|
|||
|
|
background-repeat: repeat-x;
|
|||
|
|
background-image: linear-gradient(to right,rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%)!important;
|
|||
|
|
}
|
|||
|
|
.carousel-indicators li {
|
|||
|
|
border:5px solid #FFF;
|
|||
|
|
width:20px;
|
|||
|
|
height:20px;
|
|||
|
|
}
|
|||
|
|
.carousel-indicators .active {
|
|||
|
|
border:5px solid rgba(0, 231, 222, 0.72);
|
|||
|
|
width:20px;
|
|||
|
|
height:20px;
|
|||
|
|
background-color:transparent;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* =============================================================
|
|||
|
|
BUTTON STYLES
|
|||
|
|
============================================================ */
|
|||
|
|
|
|||
|
|
.custom-btn-1 {
|
|||
|
|
border-radius:0px;
|
|||
|
|
background-color:transparent;
|
|||
|
|
border:2px solid rgba(0, 231, 222, 0.72);
|
|||
|
|
margin:5px;
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
.custom-btn-1:hover {
|
|||
|
|
color:#fff;
|
|||
|
|
background-color:rgba(0, 0, 0, 0.42);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* =============================================================
|
|||
|
|
CONTACT STYLES
|
|||
|
|
============================================================ */
|
|||
|
|
#contact .form-control{
|
|||
|
|
background-color:transparent;
|
|||
|
|
}
|
|||
|
|
#contact label {
|
|||
|
|
padding:15px;
|
|||
|
|
}
|
|||
|
|
/* =============================================================
|
|||
|
|
FOOTER STYLES
|
|||
|
|
============================================================ */
|
|||
|
|
.footer {
|
|||
|
|
text-align:right;
|
|||
|
|
color:#fff;
|
|||
|
|
background-color:rgb(27, 106, 131);
|
|||
|
|
padding:20px;
|
|||
|
|
}
|