/*
Theme Name:      twenty-seventeen_child
Description:    
Author:         olaf
Template:       twentyseventeen

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.footerlinks a {
color:#666 !important;
margin:20px;}
.footerlinks a:hover {
color:#fff !important}
.wpcf7-form {
background-color:transparent !important;}

.entry-title, .entry-content {
	font-family:open sans !important;
	color:#999 !important;
}
h1,h2,h3 {
color:#666 !important;}
.entry-content a {
color:#666 !important}
.entry-content  a:hover {
color:white !important;}
.entry-content a img {
box-shadow: none !important;}


body,.page, .panel-content {
color:white !important;
font-size:20px !important;}

ul#top-menu.menu > li > a {
	color:#fff;
	font-weight:normal;
}


ul li {
	list-style-type:square;
	list-style-position:inside;
}
.site-header {
background-color:rgba(0,0,0,0.5) !important}

.menu-toggle {
color:white !important;}

nav#site-navigation.main-navigation.toggled-on > div.menu-main-container > ul#top-menu.menu > li {
	list-style-type:none;
}
.main-navigation ul, .navigation-top {
background:rgba(0,0,0,0.5) !important;}
.main-navigation ul li {
background:transparent !important;}

form p label {
	font-weight:normal;
	color:white;
}
form {
	background-color:gray;
	padding:20px;
}
input.wpcf7-submit {
	margin-top:10px;
	background:white;
	color:darkred;
	font-weight:normal
}

address {
	padding:0;
	margin:0;
}


.tour_examples > a, .tour_examples a:hover {
border:0 !important;
outline:none none !important;
}
a, a:hover {
	border:0 !important;
	text-decoration:none !important;
}
a:active {
color:red}
div#page.site > header#masthead.site-header > div.navigation-top.site-navigation-fixed  {
background:#000 !important;
opacity:0.7;
text-align:center !important;
}
.menu-main-container ul {
	
margin:auto !important;
text-align:center;}

.top-section {
	clear:both;
	height:600px;
	margin:auto;
	
}
.top-section iframe {
	margin-top:0px;
	width:100%;
	height:530px; 
}
.tour_examples {
margin-top:0px;
	display:flex;
justify-content: center;
	flex-direction: column;
}

div.wrap > header.entry-header > h2.entry-title, .wrap > div#primary.content-area > main#main.site-main > article > header.entry-header > h1.entry-title{
	font-family:"open Sans" !important;
	font-weight:500;
	font-size:100%;}


a.tour_example1,a.tour_example2,a.tour_example3,a.tour_example4 {
		background: gray;
color:white;
	display:block;
	border-bottom:0 !important;
	padding:20px 20px;
	margin:20px 20px;
	box-shadow:0 !important;
-webkit-box-shadow:none !important;
}
a.tour_example1:hover,a.tour_example2:hover,a.tour_example3:hover,a.tour_example4:hover {
		background:lightgray;
	color:white;
	border-bottom:0 !important;
	
}

.tour_examples strong {
color:white;
font-size:25px;
}


.entry-content, .entry-title {
width:100% !important;
}

.paket {
	display:flex;
	background: gray;
	color:white;
	margin:20px;
	padding:20px;
	justify-content:flex-end;
}
.paket h3 {
	color:white;
	font-weight:bold;
}
.paket_text {
	flex:2;
	width:400px;
	color:white;
}
.paket_price {
	flex:1;
	width:400px;
font-size:40px;
}
.paket_price p {
	
font-size:20px;
}
.paket_price strong {
	clear:both;
	font-size:15px;
	font-weight:normal;
	
}


.menu-item-language {
float:right;}
li.menu-item-language {
margin:10px 5px !important;
}

li.menu-item-language a{
	
padding:0 !important;
margin:0 !important;

}	
.site-content-contain {
background:black !important;}

#primary {
	background:none;
max-width:700px !important;
width:100% !important;
margin:auto !important;}

.navigation-top {
	margin:auto !important;
padding:0 !important;
text-align:center;
border:none !important;
top:0 !important}

@media screen and (min-width: 20em) {
	.top-section {
	clear:both;
	height:330px;
	margin-top:-70px;
}
.top-section iframe {
	margin-top:0px;
	width:100%;
	height:330px; 
}
div.wrap > header.entry-header > h2.entry-title, .wrap > div#primary.content-area > main#main.site-main > article > header.entry-header > h1.entry-title {

	font-size:150%;}
.wrap {
	padding:0 20px;}
}
@media screen and (min-width: 30em) {
	.top-section {
	clear:both;
	height:330px;
	margin-top:-70px;
}
.top-section iframe {
	margin-top:0px;
	width:100%;
	height:330px; 
}
div.wrap > header.entry-header > h2.entry-title, .wrap > div#primary.content-area > main#main.site-main > article > header.entry-header > h1.entry-title {
	font-size:150% !important;}

	
}
@media screen and (min-width: 48em) {
	.top-section {
	clear:both;
	height:430px;
	margin:0;
}
.top-section iframe {
	margin-top:0px;
	width:100%;
	height:430px; 
}
div.wrap > header.entry-header > h2.entry-title, .wrap > div#primary.content-area > main#main.site-main > article > header.entry-header > h1.entry-title {
	font-size:200% !important;}

}
@media screen and (min-width: 67em) {
	.top-section {
	clear:both;
	height:430px;
}
.top-section iframe {
	margin-top:0px;
	width:100%;
	height:430px; 
}
}
@media screen and (min-width: 79em) {
	.top-section {
	clear:both;
	height:530px;
}
.top-section iframe {
	margin-top:0px;
	width:100%;
	height:530px; 
}
	#content {
	background: url('../../../img/logo.png') center left no-repeat !important;
	background-size: 20% !important;
}
}
@media screen and (min-width: 95em) {
	.top-section {
	clear:both;
	height:580px;
}
.top-section iframe {
	margin-top:0px;
	width:100%;
	height:580px; 
}
}
@media screen and (min-width: 105em) {
	.top-section {
	clear:both;
	height:680px;
	
	margin:auto !important;
}

.top-section iframe {
	
	margin-top:0px;
	width:100%;
	
	height:680px; 
}
}