@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');

body {
	background: #ffffff;
	color: #252525;
	height: 100%;
	border-top: 5px solid #171717;
	font-size: 14px;
}

#content-wrap {
	background: #555555 url("./images/bg.jpg") no-repeat top center;
	background-size: 100%;
	border-top: 5px solid #a43122;
}

@media (min-width: 768px) {
	
}

.container {
	background: #fff;
}
.container#first {
	background: transparent;
}

#sitename {
	display: none;
}
@media (min-width: 768px) {
	#sitename {
		display: inline;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 993px;
	}
}

#header {
	background: #000 url("./images/header.jpg") no-repeat top center;
	height: 270px;
}

#header-logo {
	background: url("./images/roytio_logo.png") no-repeat;
	width: 450px;
	height: 250px;
	margin: 0;
	margin-left: 15px;
}


#footerbg {
	background: #171717;
	margin-bottom: 0;
}

#footerbg > .row > .container {
	background: #171717;
	border-top: 50px solid #fff;
	color: #777;
}

#navbar-container {
	padding: 0;
}

.navbar {
	background: rgba(0,0,0,0.4);
	border: none;
	border-radius: 0;
	margin: 0;
	margin-top: -50px;
	min-height: 50px;
}

.navbar-header {
	background: none;
}

.navbar-collapse {
	border: none;
}

.navbar-collapse {
	background: #171717;
	border: 0;
}

@media (min-width: 768px) { 
	.navbar-nav {
		width: 100%;
		text-align: center;
		background: none;
	}
	.navbar-nav > .menulevel1 > li {
		float: none;
		display: inline-block;
		
	}
	.navbar-collapse {
		background: none;
	}
}

.navbar-nav > .menulevel1 > li > a {
	color: #fff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 19px;
	display: block;
	padding: 5px 15px;
	width: 100%;
	margin: 5px 0;
}

.navbar-nav > .menulevel1 > li > a:hover {
	background: rgba(255,255,255,0.08);
	color: #fff;
	text-decoration: none;
}

@media (min-width: 768px) {
	.navbar .container-fluid {
		padding: 0;
	}
	.navbar-nav > .menulevel1 > li > a {
		color: #fff;
		line-height: 50px;
		padding: 0 15px;
		font-size: 19px;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		box-shadow: inset 0 0 0 #fff;
		transition: 0.2s all ease;
		display: inline-block;
		margin: 0;
	}
	.navbar-nav > .menulevel1 > li > a:hover {
		background: rgba(255,255,255,0.15);
		box-shadow: inset 0 -3px 0 #fff;
		text-decoration: none;
	}
	.navbar-nav > .menulevel1 > li > a:hover {
		background: rgba(255,255,255,0.15);
		color: #fff;
		text-decoration: none;
	}
}

.navbar-default .navbar-nav > .menulevel1 > .open > a, 
.navbar-default .navbar-nav > .menulevel1 > .open > a:focus, 
.navbar-default .navbar-nav > .menulevel1 > .open > a:hover {
	background: rgba(255,255,255,0.15);
	color: #fff;
	text-decoration: none;
}

.navbar-default .navbar-toggle {
	border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
	background: #ffffff;
}


/* dropdown fix */
	
.menulevel1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navbar-nav > .menulevel1 > li > ul > li > a {
	display: block;
	padding: 5px 15px;
	width: 100%;
	margin: 5px 0;
}

.navbar-nav > .menulevel1 > li > ul > li > a:hover {
	background: rgba(255,255,255,0.08);
	color: #fff;
}

.navbar-nav > .menulevel1 > li {
	margin: 15px;
	border-left: 5px solid #555;
}

.navbar-nav > .menulevel1 > li > ul {
	display: block;
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 30px;
}

@media (min-width: 768px) {
	.menulevel1 {
		margin: 0;
		padding: 0;
	}

	.navbar-nav > .menulevel1 > li > ul > li > a {
		background: #e7e7e7;
		display: block;
		padding: 8px 30px 8px 15px;
		border-bottom: 1px solid #ccc;
		margin: 0;
	}

	.navbar-nav > .menulevel1 > li > ul > li > a:hover {
		background: #f2f2f2;
		color: #337ab7;
	}
	
	.navbar-nav > .menulevel1 > li {
		margin: 0;
		border: none;
	}

	.navbar-nav > .menulevel1 > li > ul {
		display: none;
		position: absolute;
		text-align: left;
		list-style: none;
		padding: 0;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
		z-index: 100;
		margin: 0;
	}
	
	.navbar-nav > .menulevel1 > li:hover > ul {
		display: block;
	}
}

li.roundend {
	display: none;
}

/* /dropdown fix */


.content {
	padding: 30px;
	overflow: hidden;
}

.text-right {
	text-align: right;
}

h1, h2, h3, h4 {
	margin: 0 0 15px 0;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #00347F;
}
h1 { font-size: 2.8em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }

img {
	width: auto;
	height: auto;
	max-width: 100%;
}

@media (max-width: 767px) {
	body {
		border-top: none;
		background: #171717
	}
	.content {
		padding: 15px;
	}
	.content table tr {
		display: block;
    }	
	.content table td {
		display: block;
    }
	
	/* --- */
	
	#ta table tr {
		display: table-row;
	}
	#ta table td {
		display: table-cell;
    }
	#advfrm-mailform th, 
	.advfrm-mailform th {
		display: table-cell;
		margin: 0 !important;
	}

	#advfrm-mailform tr, 
	.advfrm-mailform tr {
		display: table-row;
		margin: 10px 0 !important;
	}

	#advfrm-mailform td, 
	.advfrm-mailform td {
		display: table-cell;
		margin: 0 !important;
	}
}



/* ----- */



#tinymce.mceContentBody {
	background: #fff;
	font-size: 14px !important;
}

#tinymce {
	border: none;
}

.mceItemTable, 
.mceItemTable td, 
.mceItemTable th, 
.mceItemTable caption, 
.mceItemVisualAid {
	font-size: 1.0em;
}

.advfrm-mailform table {
	margin: 15px 0;
	display: block;
}

.advfrm-mailform tr {
	margin: 10px 0px;
	display: block;
}

.advfrm-mailform td {
	color: #333;
	vertical-align: middle;
	display: block;
	float: left;
}

.advfrm-mailform td.label {
	width: 85px;
	text-align: left;
	padding-top: 5px;
}

.advfrm-mailform td.label label {
	word-wrap: break-word;
}

.advfrm-mailform tr::after {
	display: block;
	content: "";
	clear: both;
}

.advfrm-mailform textarea {
	resize: vertical;
	display: block;
}

.advfrm-mailform span.captcha-explanation {
	display: block;
	margin-bottom: 5px;
}

.advfrm-mailform span.captcha {
	font-weight: bold;
	border: 2px solid #333;
	float: left;
	display: block;
	padding: 2px;
	margin: 0 15px 0 0;
}

.advfrm-mailform .captcha input::after {
	content: "";
	display: block;
	clear: both;
}

.advfrm-mailform .buttons {
	margin: 15px 0;
}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 50% !important;
    }