:root{
	--plyr-color-main: 'red' !important;
}

	
body{
	font-family:'PT Sans',Verdana, Geneva, sans-serif;
	color:black;
	font-size:18px;
	font-weight:300;
	background-size:cover;
	/*background: transparent url(/_z-moviemaker/img/Hintergrund_Webgrafik_Filme.jpg) left top no-repeat;*/
	background-size:cover;
}

h1{
	font-family: 'PT Sans', sans-serif;
	font-size:40px;
	color:black;	
	font-weight:700;
	margin:0 0 5px 0;
	color:#ff6600;
	font-style:italic;
	margin-top:7px;
	/*font-style:italic;*/
}

*[data-anchor="home"] h2{ 
	font-family: 'PT Sans', serif !important;
	font-size:25px !important;
	margin:0 0 0px 130px;
	font-weight:500;
	
}

h2{
	font-family: 'PT Sans', serif;
	font-size:40px;
	font-weight:600;
	margin:0 0 5px 0;

}

a{
	color:black;	
}

a.act{
	color:#ff6600;
	font-weight:500;
}

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

p{
	padding:0 20px 0 20px;	
}

*[data-anchor="legal"] p{
	padding:0;	
}

#mobnav{
	display:none;	
}

#menu {
    top: 0;
   	font-family: 'PT Sans', serif;
	right:0;
	font-size:16px;
	line-height:1.5;
    margin: 0;
    padding: 5px 0 5px 0;
    z-index: 70;
    position: fixed;
	list-style:none;
	
}
#menu li{
	float:left;
	padding:5px;
	margin-right:20px;	
}
#menu li a,
#mobnav{
	color:#ff6600;
	font-weight:500;
}

.legal{
	padding:30px;
	text-align:left;
	max-width:70%;
	margin:0 auto;	
}

body.fp-viewing-testimonials #menu a,
body.fp-viewing-clip #menu a,
body.fp-viewing-legal #menu a,
#mobnav{
    color: white;
}
.section,
.slide{
	text-align:center;	
}
.section img,
.slide img{
	max-width:100%;
}
img.large{
	max-width:800px;
	width:80%
}


*[data-anchor="home"]{
	color:black;
}

*[data-anchor="testimonials"] h2,
*[data-anchor="testimonials"] a,
*[data-anchor="testimonials"] blockquote,
*[data-anchor="testimonials"] small{
	color:white !important;
}


*[data-anchor="clip"],
*[data-anchor="legal"]{
	color:white !important;
}

/**[data-anchor="contact"]{
	background:	url(/_z-moviemaker/img/home2.jpg) center top no-repeat;
	background-size:cover;
}
*/
section {
    padding: 30px 0PX;
}
section#contactt{
	color:ff6600;	
}
section#contactt .section-heading {

}
section#contactt .form-group {
    margin-bottom: 25px;
}
section#contactt .form-group input,
section#contactt .form-group textarea {
    padding: 20px;
}
section#contactt .form-group input.form-control {
    height: auto;
}
section#contactt .form-group textarea.form-control {
    height: 236px;
}
section#contactt .form-control:focus {
    border-color: #fed136;
    box-shadow: none;
}
section#contactt ::-webkit-input-placeholder {
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
}
.gellary_bg_none img{
	width: 100%;
	height: 250px;
}
section#contactt :-moz-placeholder {
    /* Firefox 18- */
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
}
section#contactt ::-moz-placeholder {
    /* Firefox 19+ */
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
}
section#contactt :-ms-input-placeholder {
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
}
section#contactt .text-danger {
    color: #e74c3c;
}

.about_our_company{
    text-align: center;
}
.about_our_company h1{
    font-size: 25px;
}


.btn{
	background-color: #ff6600;
	color:#fff;
	transition:all 0.3s ease-in-out;
}

.btn:hover{
	background-color: #fff;
	color:#ff6600 !important;
	transition:all 0.3s ease-in-out;
}

.btn-invers{
	background-color: #fff;
	color:#ff6600;
	transition:all 0.3s ease-in-out;
}

.btn-invers:hover{
	background-color: #ff6600;
	color:#fff !important;
}

blockquote{
	border:0;	
	font-family:ntr;
	font-weight:500;
	font-size:24px;
	line-height:1.2;
	border-bottom:1px solid white;
}


.z-logo{
	width:100px;	
}
.avatar{
	text-align:center;
	border-bottom:1px solid white;
	padding-bottom:20px;
	margin-bottom:5px;	
}
.video-wrap{
	width:80%;
	max-width:800px;
	margin:0 auto;	
}
/* home */
*[data-anchor="home"] div.home-logo{
	position:absolute;
	left:calc(90% - 502px);
	top:12%;
}
*[data-anchor="home"] div.home-logo img{
	max-width:100px;
}
/* iOS screenshots */
*[data-anchor="app-ios"] h2{
	text-indent:-999999px;
	background:url(/_z-moviemaker/img/iOS.png) center top no-repeat;
	height: 120px;
	background-size: 160px;
}
/* Android screenshots */
*[data-anchor="app-android"] h2{
	text-indent:-999999px;
	background:url(/_z-moviemaker/img/android.png) center top no-repeat;
	height: 120px;
	background-size: 160px;
}
/* downloads */
*[data-anchor="download"] div.download-logo{
	position:absolute;
	right:15%;
	top:20%;
}
*[data-anchor="download"] div.download-logo a img{
	width:200px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn,
.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover {
    opacity: .5;
	background:white;
	color:#ccc;
}

@media all and (max-width:1024px){
	#menu{
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: 320px;
		background: white;
		overflow:auto;
		transform: translateX(-340px);
		transition: all 0.3s ease-in-out;
		padding-top:20px;
		-webkit-box-shadow: 0px 0px 35px rgba(0,0,0,.6);
		-moz-box-shadow: 0px 0px 35px rgba(0,0,0,.6);
		box-shadow: 0px 0px 35px rgba(0,0,0,.6);
	}
	
	#menu li{
		float:none;
		padding-left:15px;
	}
	
	#menu li a{
		color:#ff6600 !important;
		font-size:1.5em;
		border:none !important;
	}
	
	#mobnav{
		display:block;
		position:fixed;
		top:20px;
		right:30px;
		z-index:999;
		width:20px;
		color:#000 !important;
	}
	
	body.open #menu{
		transform: translateX(0) !important;	
	}	
}



@media all and (max-width:450px){
	h1{
		font-size:20px;	
	}
	
	h2,h2 + div{
		margin-left:0 !important;	
	}
	
	#uploadform > table td{
        width:100%;
        display: block;
        margin:10px 0px;
	}
}

@media only screen and (max-height: 360px) and (min-width: 1025px){
	.vegas-slide{
		display:none;	
	}
	img.large{
		max-width: 600px;
   		width: 45%;	
	}
	.hidequer{
		display:none;	
	}
	
	*[data-anchor="home"] div.home-logo,
	*[data-anchor="download"] div.download-logo{
		position:absolute;
		left:0;
		right:0;
		top:12% !important;
		text-align:center;
	}
}

@media only screen and (max-height: 767px) and (min-width: 1025px){
	.vegas-slide{
		display:none;	
	}
	img.large{
		max-width: 600px;
   		width: 45%;	
	}
	.hidequer{
		display:none;	
	}
	
	*[data-anchor="home"] div.home-logo,
	*[data-anchor="download"] div.download-logo{
		position:absolute;
		left:0;
		right:0;
		top:30%;
		text-align:center;
	}
}



/* iPhone quer */
@media only screen 
and (min-width : 375px) 
and (max-width : 667px) 
and (orientation : landscape) { 
	.vegas-slide{
		display:none;	
	}
	img.large{
		max-width: 600px;
   		width: 45%;	
	}
	.hidequer{
		display:none;	
	}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (orientation : landscape) { 
	.vegas-slide{
		display:none;	
	}	
	img.large{
		max-width: 600px;
   		 width: 45%;	
	}
	.hidequer{
		display:none;	
	}
	/**[data-anchor="home"] div.home-logo, *[data-anchor="download"] div.download-logo {
		top: 20% !important;
	}*/
}

/* iPhone plus quer */
@media only screen 
and (min-width : 414px) 
and (max-width : 736px) 
and (orientation : landscape) {
	.vegas-slide{
		display:none;	
	}	
	img.large{
		max-width: 600px;
   		 width: 45%;	
	}
	.hidequer{
		display:none;	
	}
	*[data-anchor="home"] div.home-logo, *[data-anchor="download"] div.download-logo {
		
	}
}


@media all and (max-width:800px){
	form{
		margin-right:10px;	
	}
	
	/* iOS screenshots */
	*[data-anchor="app-ios"] h2,
	*[data-anchor="app-android"] h2{
		text-indent:inherit;
		background:none;
		height:auto;
		background-size:auto;
	}
	
	*[data-anchor="home"] div.home-logo,
	*[data-anchor="download"] div.download-logo{
		position:absolute;
		left:0;
		right:0;
		top:5%;
		text-align:center;
	}
	
	*[data-anchor="download"] div.download-logo a img {
		width: 100px;
	}
	
	.section:not(:first-child) .z-logo{
		display:none;	
	}
	
	.slide a span{
		display:none;	
	}
	
	
	
	.legal{
		padding:30px;
		text-align:left;
		max-width:none;
		width:95%;
		margin:0 auto;	
	}
	
	.home-logo{
		left:0 !important;	
		top:0 !important;
		width:100% !important;
		height:70%;
		overflow:auto !important;
		-webkit-overflow-scrolling:touch !important;	
	}
	
	.preview{
		top:70% !important;
		height: 30%;
		width:100% !important;
		padding:20px !important;
		left:0 !important;
		right:0 !important;
		overflow:auto !important;
		-webkit-overflow-scrolling:touch !important;	
	}
	
	body.tab-2 .preview{
		display:flex;	
	}
	
	body.tab-2 .home-logo{
		height:60%;	
	}
	
	body:not(.tab-2) .home-logo{
		height:100%;	
	}
	
	
	
	.vidpre{
		display:block !important;	
	}
	
	td {
        width:100%;
        display: block;
        margin:10px 0px;
    }
	
	table{
		width:100% !important;	
	}
	
	.tabs .manage tr td:first-child {
		width: 100% !important; 
	}
	
	h1{
		margin-top:27px !important;
	}
	

	
}


.tabs ul{
	padding:0px;
}

.tabs li{
	display:inline-block;
	padding-right: 5px;
}

.tabs > ul > li{
	display:inline-block;	
	border-right: 1px solid black;
	padding-right: 5px;
}

.tabs li.active{
	font-weight:500;
}

.tabs li:last-child,
.tabs li:first-child{
	border:0 !important;
}

.tabs input[type="text"],
.tabs input[type="password"],
.tabs textarea{
	width:100%;	
}


.tabs .manage tr td:first-child{
	font-weight:500;
	width:160px;
}

.tabs .manage tr td{
	font-size:14px;
}

.tabs .horizontal  li.off{
	position:absolute;
	left:-999999px;	
}

.preview{
	position:absolute;
	top:0;
	right:502px;
	left: calc(100% - 502px);
	bottom:0;
	z-index:999999;
	overflow:hidden;
	transition:all 0.3s ease-in-out;	
	overflow:auto;
	display: -webkit-box; 
	display: -moz-box;        
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;        
	align-itens:center;
	justify-content:center;  
}

.preview.act{
	left:0;
	background:white;
}

.invis{
	opacity:0.2;	
}



video {
  object-fit: cover;
  aspect-ratio:16/9;
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    background: orange !important;
}