/*! * Melvid Theme 1.0

Colors:

Blue
#0d82b9

Light Red
#0d82b9
,url(../img/MLVD-4K-Background.png) no-repeat center center fixed
 */

html {
height:100%;
width:100%;
}

body {
background:url(../img/MLVD-Background-2.jpg) no-repeat center center;
background-color:#000;
background-size: cover;
color:#fff;
font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:300;
height:100%;
webkit-tap-highlight-color:rgba(255,255,255,.2);
width:100%;
}

h1,h2,h3,h4,h5,h6 {
font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:300;
letter-spacing:1px;
margin:0 0 35px;
text-transform:uppercase;
}
hr {
border-top-color:#0d82b9;
}

p {
font-size:18px;
line-height:1.5;
margin:0 0 25px;
}

a {
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
color:#0d82b9;
transition:all .2s ease-in-out;
}

a:hover,a:focus {
color:#0d82b9;
text-decoration:none;
}

.btn {
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
border-radius:0;
font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:400;
text-transform:uppercase;
transition:all .3s ease-in-out;
}

.btn-default { 
background-color:transparent;
border:1px solid #0d82b9;
color:#0d82b9;
}

.btn-default:hover,.btn-default:focus {
background-color:#0d82b9;
border:1px solid #0d82b9;
color:#000;
outline:0;
}

.btn-circle {
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
background:0 0;
border:2px solid #fff;
border-radius:100%!important;
color:#fff;
font-size:40px;
height:70px;
margin-top:15px;
padding:7px 16px;
transition:background .3s ease-in-out;
width:70px;
}

.btn-circle:hover,.btn-circle:focus {
background:#0d82b9;
color:#fff;
outline:0;
}

.btn-circle i.animated {
-moz-transition-duration:1s;
-moz-transition-property:0;
-webkit-transition-duration:1s;
-webkit-transition-property:0;
}

.btn-circle:hover i.animated {
-moz-animation-duration:1.5s;
-moz-animation-iteration-count:infinite;
-moz-animation-name:pulse;
-moz-animation-timing-function:linear;
-webkit-animation-duration:1.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-name:pulse;
-webkit-animation-timing-function:linear;
}

: : -moz-selection,: : selection {
background:rgba(255,255,255,.2);
text-shadow:none;
}

img: : selection,img: : -moz-selection {
background:0 0;
}

.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle:active,.navbar-custom .nav li.active {
outline:0;
}

.navbar-custom a,.navbar-custom .nav li.active a:hover {
color:#fff;
}

.navbar-custom {
border-bottom: 1px solid rgba(70, 199, 254, 0.5);
background: rgba(0,0,0,0.9);
font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
margin-bottom:0;
text-transform:uppercase;
}

.navbar-custom .navbar-brand .navbar-toggle {
color:#fff;
font-size:16px;
padding:4px 6px;
}

.navbar-custom .nav li a {
-moz-transition:background .3s ease-in-out;
-webkit-transition:background .3s ease-in-out;
transition:background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
background-color:transparent;
color:rgba(255,255,255,.8);
outline:0;
transition:color .4s ease-in-out;
}

.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active {
background-color:transparent;
outline:0;
}

.navbar-custom .nav li.active a {
background-color:#0d82b9;
}

nav a,.light {
font-weight:300;
}

.intro {
-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
color:#fff;
display:table;
height:100%;
padding:100px 0;
text-align:center;
width:100%;
}

.intro .intro-body {
display:table-cell;
vertical-align:middle;
}

.intro .intro-body .brand-heading {
font-size:40px;
text-shadow:0 8px 8px rgba(0,0,0,0.1);
}
.headline-m-big {
	font-size: 118%;
}
.intro .intro-body .intro-text p {
font-size:26px;
margin:0;
}

.intro .intro-body .intro-text p.intro-text-upper {
margin-bottom:25px;
}

ul.link-list {
    list-style: none;
	text-align: center;
	padding: 5px 0 5px 0;
}
ul.link-list li {
    font-size: 23px;
	padding-bottom: 20px;
}
.seperator {
	padding-left: 5px;
	padding-right: 10px;
}

.melvid-h {
font-weight:200;
}
header.intro div.intro-body a.btn.btn-circle.page-scroll {
box-shadow:0 13px 8px rgba(0,0,0,0.25);
outline:none;
}

.fa.fa-play-circle-o {
transform:rotate(90deg);
}

.intro .intro-body .intro-text {
background-color:rgba(0,0,0,0.8);
border-radius:18px;
box-shadow:0 13px 8px rgba(0,0,0,0.25);
/* color:#0d82b9; */
color:#fff;
margin-bottom:8vh;
margin-top:15vh;
padding:2vh;
}

section.content-section.text-center ul {
margin:0;
padding:0;
}

section.content-section.text-center li {
font-size:18px;
line-height:1;
list-style-type:none;
margin:0 0 10px;
}

.video-section,.contact-section {
margin-top:-100px;
}

section#pictures.content-section.text-center div.picture-section a img {
height:150px;
transition:all .2s ease-in-out;
width:250px; 
margin: 8px;
}

section#pictures.content-section.text-center div.picture-section a img:hover {
opacity:0.5;
transition:all .2s ease-in-out;
}

.carousel {
height:500px;
}

.carousel-caption {
z-index:10;
}

.carousel .item {
background-color:transparent;
height:500px;
}

.carousel-inner > .item > img {
height:500px;
left:0;
min-width:100%;
position:absolute;
top:0;
}

footer {
background-color:#000;
padding-bottom:25px;
margin-top: 100px;
}

footer p,label {
font-size:18px;
font-weight:300;
}

footer p {
margin:0;
}

.content-section {
padding-top:100px;
}

#about,#videos,#pictures,#contact,#impressum {
/* height:100%; */
height:auto;
min-height:100%;
}

.about-section,.video-section,.picture-section,.contact-section,.impressum-section {
background:none repeat scroll 0 0 rgba(0,0,0,0.88);
box-shadow:0 13px 8px rgba(0,0,0,0.25);
padding-bottom:40px;
padding-top:40px;
}

.form-control,.input-group-addon {
background-color:rgba(0,0,0,.8);
border-bottom-color:#ccc;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-left-color-value:#ccc;
border-right-color-value:#ccc;
border-top-color:#ccc;
border-top-left-radius:0;
border-top-right-radius:0;
border-top-style:solid;
border-top-width:1px;
border-color:#ccc;
box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;
color:#fff;
}

.form-control:focus {
box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(70,199,254,0.6);
border-color:#ccc;
outline-color:0;
outline-style:none;
outline-width:0;
}

.form-control: : -moz-placeholder {
color:#efefef;
opacity:1; 
}

ul.banner-social-buttons {
margin-top:0;
}


#impressum {
margin-top:40px;
padding-top:0;
top:0;
}

#impressum h1 {
font-size:26px;
}

#impressum h2 {
font-size:22px;
}

#impressum h3 {
font-size:20px;
}

#impressum p {
font-size:14px;
}

.spm {
display:none;
visibillity:hidden;
}

@media(min-width: 768px) {
    .intro {
    height: 100%;
    padding: 0;
}
 .intro .intro-body .brand-heading {
    font-size: 188px;
}
.headline-m-big {
	font-size: 118%;
}
 .intro .intro-body .intro-text-fx {
    font-size: 26px;
}
 .intro .intro-body p.intro-text-lower {
    font-size: 23px;
}
 p {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 1.6;
}
    .navbar-custom {
    padding: 18px 0;
    border-bottom: 0;
    letter-spacing: 1px;
    background: 0 0;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}
 .navbar-custom.top-nav-collapse {
    padding: 0;
	border-bottom: 1px solid rgba(70, 199, 254, 0.5);
    background: rgba(0,0,0,0.9);
    box-shadow: 0 5px 8px rgba(20, 20, 20, 0.25);
}
}
@-webkit-keyframes pulse {
    0 {
    -webkit-transform: scale(1);
    transform: scale(1);
}
 50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@-moz-keyframes pulse {
    0 {
    -moz-transform: scale(1);
    transform: scale(1);
}
 50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}
 100% {
    -moz-transform: scale(1);
    transform: scale(1);
}
}
@media(min-width: 767px) {
    .content-section {
    /* padding-top: 250px; */
    padding-top: 20vh;
}
 .download-section {
    padding: 100px 0;
}
    ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
}
@media(min-width: 992px)  {
	body {
	background-attachment: fixed;
	}
	ul.link-list li {
	display: inline;
	}
}
@media(max-width: 1199px) {
    ul.banner-social-buttons {
    margin-top: 15px;
}
}
 ul.banner-social-buttons li: last-child {
    margin-bottom: 0;
}
#about,#videos,#pictures,#contact,#impressum {
	height: auto;
	min-height:100%;
}
.intro .intro-body .intro-text p {
    /*font-size: 18px;*/
}
}
img.mlvd-logo {
	width: 100%;
	opacity:0.5;
	-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
img.mlvd-logo:hover {
	width: 100%;
	opacity:0.8;
		-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
img.mlvd-logo-small {
	width: 40px;
	opacity:0.8;
	-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}