html {
/**/
background: #505D6E url(../images/body_dark_1.jpg) no-repeat center center fixed;
min-height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
background: transparent;
min-height: 100%;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
line-height: 1.5em;
font-size: 14px;
font-family: Century Gothic, Arial, sans-serif;
color: #fff;
color: rgba(255, 255, 255, .8);
font-weight: normal;
line-height: 1.5em;
}
*, *:before, *:after {box-sizing: border-box !important;}
.row-custom-thumbnail{
-moz-column-width: 25em;
-webkit-column-width: 25em;
-moz-column-gap: .5em;
-webkit-column-gap: .5em;
}
.panel-custom-thumbnail{
display: inline-block;
margin: .5em;
padding: 0;
width:98%;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#main-navbar{
width: 100px;
}
ul#main-navbar {
background: rgba(255, 255, 255, 0.17);
}
li {
margin: 10px;
margin-left: 0;
}
li:active,
li:hover {}
.active-tab {
background: rgba(217, 217, 217, 0.43);
color: whitesmoke;
}
ul.advantages-list {
width: initial;
list-style-type: circle;
margin-left: 40px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Century Gothic, Arial, sans-serif;
}
p {
font-size: 17px;
line-height: 1.5em;
}
.header-section {
font-size: 25px;
}
/********************************************************/
/* Navigation bar */
/********************************************************/
.mainmenu {
z-index: 999999;
width: 100%;
/* padding: 30px 0 0 0;*/
}
@media (min-width: 768px) {
.mainmenu {
position: fixed;
}
}
.navbar-toggle {
position: relative;
float: left;
display: block;
padding: 9px 10px;
background: rgba(255, 255, 255, 0.2);
background-image: none;
border: 0 none;
top: 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
outline: 0;
opacity: 1;
-webkit-transition: all .45s;
-moz-transition: all .45s;
transition: all .45s;
float: left;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
background: #fff;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.open .navbar-toggle {
top: -70px;
opacity: 0;
}
.navbar-custom a {
width: 100px;
padding: 5px;
display: block;
text-decoration: none;
}
/********************************************************/
/* Sections - universal classes */
/********************************************************/
.section {
z-index: 1;
min-height: 420px;
width: 100%;
overflow: auto;
height: 100%;
padding-top: 100px;
padding-bottom: 50px;
display: none;
top: 0;
}
@media (min-width: 768px) {
.section {
/* padding-top: 160px;*/
}
}
/* Show one of sections */
#head {
display: block;
}
/********************************************************/
/* Typography */
/********************************************************/
.caption {
color: black !important;
}
a {
color: #fff;
text-decoration: none;
}
a:hover,
a:active {
color: #fff;
/* text-decoration: underline; */
}
.lead {
font-weight: normal;
font-size: 1.5em;
line-height: 1.2em;
padding: 0 150px;
}
.title,
.subtitle {
font-family: 'Wire One', Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 7em;
margin-bottom: 15px;
color: #FDF9F4;
line-height: 1em;
}
.subtitle {
line-height: .9em;
font-size: 4.5em;
margin-top: 0;
margin-bottom: 40px;
}
.tagline {
font-size: 1.4em;
line-height: 1.3em;
font-weight: normal;
margin-bottom: 75px;
}
@media (max-width: 767px) {
.lead {
font-size: 1.3em;
}
}
/********************************************************/
/* UI - Buttons */
/********************************************************/
.btn {
/* color: #333;*/
text-shadow: none;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0 none;
}
.btn:hover {
/* color: #000;*/
}
.btn-lg {
padding: 16px 30px;
font-size: inherit;
}
.btn-link {
color: rgba(255, 255, 255, .8);
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
color: #fff
}
.btn-default {
background: rgba(255, 255, 255, .5);
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
background: rgba(255, 255, 255, .8);
}
.btn-primary {
background: rgba(255, 255, 255, .2);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active {
background: rgba(255, 255, 255, .5);
}
/********************************************************/
/* UI - Thumbnails */
/********************************************************/
.thumbnail {
background-color: rgba(255, 255, 255, .2);
border: 0 none;
padding: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.thumbnail .caption {
color: inherit;
}
/********************************************************/
/* Everything else */
/********************************************************/
.list-social .btn {
font-size: 1.3em;
}
.list-social .btn:hover,
.list-social .btn:active,
.list-social .btn:focus {
text-decoration: none;
}
/* Social buttons in the footer */
#social {
margin-top: 50px;
margin-bottom: 50px;
}
#social .wrapper {
width: 340px;
margin: 0 auto;
}
/***********************************************************/
/* Theme: text shadows */
/***********************************************************/
.text-shadows {
text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.text-shadows .title,
.text-shadows .subtitle,
.text-shadows .tagline {
text-shadow: 0 2px 3px rgba(0, 0, 0, .4);
}
.text-shadows .mainmenu .dropdown-menu a {
text-shadow: 0 2px 1px rgba(0, 0, 0, .2);
}
.text-shadows .mainmenu .dropdown-menu a:hover {
text-shadow: none;
}
/***********************************************************/
/* Inverted theme */
/***********************************************************/
.theme-invert {
/* color: #222;*/
/* color: rgba(0, 0, 0, .8);*/
}
.theme-invert a {
/* color: #000;*/
color: azure;
}
.theme-invert .btn {
color: rgba(255, 255, 255, .8);
}
.theme-invert .btn:hover {
color: #fff;
}
.theme-invert .btn-link {
/* color: rgba(0, 0, 0, .8);*/
}
.theme-invert .btn-link:hover,
.theme-invert .btn-link:focus,
.theme-invert .btn-link:active {
/*color: #000*/
}
.theme-invert .navbar-toggle {
background: rgba(0, 0, 0, 0.12);
}
.theme-invert .navbar-toggle .icon-bar {
background: #333;
}
.theme-invert .mainmenu .dropdown-menu a {
/* color: #000;*/
}
.theme-invert .mainmenu .dropdown-menu a:hover {
background: rgba(0, 0, 0, .1);
/* color: #000;*/
}
.theme-invert .title,
.theme-invert .subtitle,
.theme-invert .tagline {
/* color: #222222;*/
color: #ebebeb;
}
.theme-invert .btn-default {
background: rgba(0, 0, 0, .4);
}
.theme-invert .btn-default:hover,
.theme-invert .btn-default:focus,
.theme-invert .btn-default:active,
.theme-invert .btn-default.active {
background: rgba(0, 0, 0, .6);
color: #fff;
}
.theme-invert .btn-primary {
background: rgba(0, 0, 0, .2);
}
.theme-invert .btn-primary:hover,
.theme-invert .btn-primary:focus,
.theme-invert .btn-primary:active,
.theme-invert .btn-primary.active {
background: rgba(0, 0, 0, .3);
color: #fff;
}
.theme-invert .thumbnail {
background-color: rgba(255, 255, 255, 0.8);
}
.thumbnail .caption {
color: inherit;
}