/*
  Theme Name: med-startup
  Theme URI: http://medienreformer.de/
  Author: medienreformer.de
  Author URI: http://medienreformer.de/
  Description: Startup theme by medienreformer
  Text Domain: startup
*/

/*-----------------------------------------------------------------------------------*/
/*	FONTS lokal
/*-----------------------------------------------------------------------------------*/

/* inter-300 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/inter-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('fonts/inter-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/inter-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/inter-v12-latin-300.woff') format('woff'), /* Modern Browsers */
	   url('fonts/inter-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('fonts/inter-v12-latin-300.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('fonts/inter-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/inter-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('fonts/inter-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('fonts/inter-v12-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-600 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('fonts/inter-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/inter-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/inter-v12-latin-600.woff') format('woff'), /* Modern Browsers */
	   url('fonts/inter-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('fonts/inter-v12-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('fonts/inter-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/inter-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/inter-v12-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('fonts/inter-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('fonts/inter-v12-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-800 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/inter-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('fonts/inter-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/inter-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
	   url('fonts/inter-v12-latin-800.woff') format('woff'), /* Modern Browsers */
	   url('fonts/inter-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('fonts/inter-v12-latin-800.svg#Inter') format('svg'); /* Legacy iOS */
}

/*-----------------------------------------------------------------------------------*/
/*	ROOT
/*-----------------------------------------------------------------------------------*/

:root {
	--main-title-color: #df4759;
	--main-text-color: #404040;
	
	--color-orange: #EB4900;
	--color-black: #202020;
	
	--bg-01: #F7f7f7;
	--bg-02: #eeeeee;
	
	--font-title: 'Inter', sans-serif;
	--font-text: 'Inter', sans-serif;
	--font-body: 'Inter', sans-serif;	
}

/*-----------------------------------------------------------------------------------*/
/*	Reset
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #eeeeee; /* Fallback for when there is no custom background color defined. */
	overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a {
	outline: 0;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

a.added_to_cart {
	display: block !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Typography
/*-----------------------------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-bottom: 0.5em;
	font-weight: 600;
}

h1 { font-size: 30px; line-height: 36px; }
h2 { font-size: 28px; line-height: 32px; }
h3 { font-size: 22px; line-height: 28px; }
h4 { font-size: 18px; line-height: 24px; }
h5 { font-size: 16px; line-height: 22px; }
h6 { font-size: 15px; line-height: 20px; font-weight: 600; text-transform: uppercase; }

p {
	margin-bottom: 1.5em;
	/*color: #8c9398;*/
}

b,
strong {
	font-weight: 600;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
    background: none repeat scroll 0 0 #f1f1f1;
	border-radius: 0 4px 4px 0;
    border-left: 5px solid #ea474b;
    color: #999;
    font-style: italic;
    padding: 22px 20px 1px;
	margin: 0 0 1em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

@media (min-width: 992px) {
	
	h1 { font-size: 36px; line-height: 40px; }
	h2 { font-size: 32px; line-height: 36px; }
	h3 { font-size: 28px; line-height: 32px; }
	h4 { font-size: 24px; line-height: 28px; }
	h5 { font-size: 20px; line-height: 24px; }
	h6 { font-size: 16px; line-height: 20px; }
	
}

/*-----------------------------------------------------------------------------------*/
/*	Elements
/*-----------------------------------------------------------------------------------*/

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Links
/*-----------------------------------------------------------------------------------*/

a {
	color: #ea474b;
}

a:hover,
a:focus,
a:active {
	color: #ea474b;
}

a.dark {
	color: #404040;
}

a.dark:hover,
a.dark:focus,
a.dark:active {
	color: #404040;
}

/*-----------------------------------------------------------------------------------*/
/*	I. Navigation - with jPush
/*-----------------------------------------------------------------------------------*/

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%; 
	padding-right: 15px; 
	margin-top: 15px; 
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	font-weight: 300;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 15px 10px;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	border: 1px solid #dadada;
	background: #fff;
	color: #8c9398;
	float: left;
	position: absolute;
	top: 3.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
	color: #8c9398;
	font-weight: 600;
	padding: 8px 12px;
	font-size: 13px;
	text-align: left;
	border-bottom: 1px solid #dadada;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}

.main-navigation ul ul li:last-child a {
	border-bottom: none;
}

.main-navigation ul ul a:hover {
	background: #f1f1f1;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.menu-toggle {
	display: none;  
}

@media screen and (max-width: 1139px) {	

button.menu-toggle {
	border-color: #202020;
    background: #202020;
	font-size: 22px;
}

.menu-toggle {
		display: block; 
		float: right;
		border: none; 
		padding: 1em; 
		margin-top: 20px; 
		margin-bottom: 10px; 
		margin-right: 20px; 
}	
	.main-navigation ul {
		display: none;
	}
}

/*-----------------------------------------------------------------------------------*/
/*	II. Navigation - pull down
/*-----------------------------------------------------------------------------------*/

/* --- Mobile Nav --- */
a#mobile-menu-btn {
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0;
	color: #bbb;
	text-align: center;
	border-top: 1px solid #ebe7dd;
	border-bottom: 1px solid #ebe7dd;
	-webkit-appearance: none;
	   -moz-appearance: none;
	   		appearance: none;
}

a#mobile-menu-btn {
	padding: 20px 0 0;
}

a#mobile-menu-btn span {
	display: none;
}

.menu-icon:after {
	content: '\f0c9';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 21px/1 'FontAwesome';
	vertical-align: top;  
}

.menu-btn-open {
	border-top: 1px solid #ebe7dd !important;
	color: #ebe7dd !important;
}

/* --- Header Main Nav --- */

#site-nav {
	display: none;
	clear: both;
	padding: 15px 0 30px;
	font-style: normal;
	font-weight: 300;
	z-index: 10;  
}
.fixed-header #site-nav {
	padding-top: 5px;
	padding-bottom: 10px;
}
#site-nav ul {
	margin: 0; 
	padding: 0; 
}
#site-nav ul.sub-menu,
#site-nav ul.children {
	padding: 20px 0;
}
#site-nav ul.sub-menu:first-child,
#site-nav ul.children:first-child {
	padding-top: 0;
}
#site-nav ul.sub-menu:last-child,
#site-nav ul.children:last-child {
	padding-bottom: 0;
}
#site-nav ul li {
	display: block;
	padding: 15px;
	text-align: center;
}
#site-nav li a {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
}
#site-nav ul li ul li:first-child {
	padding-top: 0;
}
#site-nav ul li ul li:last-child {
	padding: 0;
}
#site-nav li li a {
	font-size: 14px;
	color: #808080;
}
#site-nav li li a:hover {
	color: #f5f5f5;
}

/*-----------------------------------------------------------------------------------*/
/*	Subnavigation
/*-----------------------------------------------------------------------------------*/

#services-nav ul { 
	display: table; 
	margin: 30px auto; 
	width: 100% 
}

#services-nav ul li { 
	position: relative; 
	float: left; 
	list-style-type: none; 
	margin-right: 30px; 
}

#services-nav ul li a { 
	padding: 10px 20px; 
	color: #333; 
	font-size: 14px;  
	margin: 0 auto 
}

#services-nav ul li a:hover { 
	background: #ddd; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px 
}

#services-nav ul li.current_page_item a { 
	background: #ddd; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px 
}

#services-nav ul li.current_page_item a:after { 
	border-top: 13px solid #ddd; 
	border-left: 13px solid transparent; 
	border-right: 13px solid transparent; 
	content: " "; 
	height: 0; 
	left: 50%; 
	margin-left: -13px; 
	position: absolute; 
	bottom: -13px; 
	width: 0 
}

/*-----------------------------------------------------------------------------------*/
/*	Page - Post Navigation
/*-----------------------------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.nav-links { 
	padding-left: 15px; 
	padding-right: 15px; 
}

.comment-navigation .nav-previous, 
.paging-navigation .nav-previous, 
.post-navigation .nav-previous,
.comment-navigation .nav-next, 
.paging-navigation .nav-next, 
.post-navigation .nav-next {
    background: none repeat scroll 0 0 #eeeeee;
    border-radius: 25px;
    color: #252525;
    float: left;
    font-size: 15px;
    font-weight: 300;
    line-height: 15px;
    text-align: center;
    width: 50px;  
	height: 50px; 
	padding-top: 18px; 
	padding-bottom: 10px; 
}

.comment-navigation .nav-previous, 
.paging-navigation .nav-previous, 
.post-navigation .nav-previous {
    float: left;
}

.comment-navigation .nav-next, 
.paging-navigation .nav-next, 
.post-navigation .nav-next {
    float: right;
}

/*-----------------------------------------------------------------------------------*/
/*	Sidebar
/*-----------------------------------------------------------------------------------*/

#main { 
	background-color: #ffffff; 
}

#main,
#secondary { 
	padding-top: 30px; 
}

ul.subpages li { 
	font-size: 18px; 
	line-height: 40px; 
	border-bottom: 1px solid #e5e5e5; 
}

ul.subpages li.page-item-28 { 
	border-top: 1px solid #e5e5e5;  
}

.widget_recent_entries li a {
	color: #606060;
	transition: all 0.4s ease-in-out;	
}

.widget_recent_entries li a:hover {  
	color: #fd4400;
	transform: translate(15px);	
}

[aria-current="page"] {
  color: #fd4400;
}

ul.subpages li a { 
	display: block; 
	color: #606060;  
	padding-top: 10px; 
	padding-bottom: 10px;
	transition: all 0.4s ease-in-out;	
}

ul.subpages li a:hover {  
	color: #fd4400;
	transform: translate(15px);	
}

ul.subpages li.current_page_item a {
	color: #fd4400;
}

#secondary.col-md-3 { 
	padding-right: 0; 
}

#secondary #twitter {  
	padding-right: 20px; 
}

@media (min-width: 768px) {
	
	ul.subpages {
		padding-top: 8rem;
	}
	
	#secondary.col-md-3 { 
		padding-right: 30px; 
	}
}

@media (min-width: 992px) {
	
	#secondary { 
		min-height: 600px; 
	}
}

/*-----------------------------------------------------------------------------------*/
/*	Widgets
/*-----------------------------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
}

.widget-title {
	font-size: 20px;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5; 
	padding-bottom: 5px; 
	margin-bottom: 0; 
}

.widget-area ul {
	margin: 0;
	list-style: none;
}

.widget-area ul li a { 
	padding-right: 20px; 
}

.widget.widget_recent_entries ul { 
	padding: 0; 
}

.widget.widget_recent_entries ul li { 
	border-bottom: 1px solid #e5e5e5;
	padding-right: 20px;
	padding-top: 10px; 
	padding-bottom: 10px; 
	line-height: 1.3em; 
}

.widget select {
	max-width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	Slider - Home
/*-----------------------------------------------------------------------------------*/

#hero-header .container,
.entry-header .container {	   
	height: 100%; 
	position: relative;  
}

#slider { 
	background-color: #eeeeee; 
} 

.cont {
	height: 100%;
	position: relative;
}

.slide-content span { 
	position: absolute; 
	right: 0; 
	bottom: 0;
	display: none;
}

.slide-content h2.slogan,
.entry-content h2.slogan {
	font-weight: 400; 
}

.slide-content span h2 {
	font-weight: 400px;
	font-size: 18px;
	line-height: 24px;
	color: #fff; 
	padding: 10px 20px 10px 30px; 
	margin: 0;  
}

.blog .slide-content.var1 span h2,
.slide-content.var2 span h2 { 
	background: rgba(0,0,0,0.7);
	-webkit-border-top-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	border-top-left-radius: 50px;	
}

.slide-content .slogan:before,
.slide-content .slogan:after { 
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 36px/1 'Georgia'; 
	padding-left: 3px; 
	padding-right: 3px; 
}

.slide-content .slogan:before { 
	content: '“'; 
	top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); 
}

.slide-content .slogan:after { 
	content: '“'; 
	vertical-align: top; 
}

@media (min-width: 992px) {

	.page .one_half {
	    width: 48%;
	}
	
	.page .content-column.last_column {
	    padding-left: 40px;
	}
	
	.slide-content span { 
		display: block;
	}
}

/*-----------------------------------------------------------------------------------*/
/*	Skillbar
/*-----------------------------------------------------------------------------------*/

.skillbar-area {
	padding-top: 30px
}

.skillbar .skillbar-bar {
	background: var(--color-orange);
	visibility: hidden
}

.skillbar .skillbar-bar-bg {
	background: #E6E6E6;
}

.skillbar {
	position: relative;
	display: block;
	margin-bottom: 5px;
	width: 100%;
	background: transparent;
	height: 15px;
	-webkit-transition: 0.4s linear;
	-moz-transition: 0.4s linear;
	-ms-transition: 0.4s linear;
	-o-transition: 0.4s linear;
	transition: 0.4s linear
}

.skillbar .skillbar-title {
	position: absolute;
	top: 10px;
	left: 0;
	color: rgba(0,0,0,.5);
	font-size: 13px
}

.skillbar .skillbar-bar {
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out
}

@media (min-width: 992px) {

	.skillbar .skillbar-bar {
		-webkit-transition: width 1s ease-in-out;
		-moz-transition: width 1s ease-in-out;
		-o-transition: width 1s ease-in-out;
		transition: width 1s ease-in-out
	}
}

.skillbar .skillbar-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 5px;
	width: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	z-index: 2
}

.skillbar:nth-child(1) .skillbar-bar.animated {
	width: 100%
}

.skillbar:nth-child(2) .skillbar-bar.animated {
	width: 100%
}

.skillbar:nth-child(3) .skillbar-bar.animated {
	width: 100%
}

.skillbar:nth-child(1) .skillbar-bar.animated {
	width: 100%
}

.skillbar:nth-child(2) .skillbar-bar.animated {
	width: 100%
}

.skillbar:nth-child(3) .skillbar-bar.animated {
	width: 100%
}

.skillbar .skillbar-bar-bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 5px;
	width: 100%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	z-index: 1
}

.skillbar .skill-bar-percent {
	display: none;
	position: absolute;
	right: 0;
	bottom: 20px;
	font-size: 15px;
	line-height: 35px;
	color: rgba(0,0,0,.8)
}

.btn-footer {
	margin: 3em 0 2em;
	padding-left: 0;
	padding-right: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Content
/*-----------------------------------------------------------------------------------*/

.site-header {
	/*position: absolute;
	top: 0;*/
	width: 100%;
	z-index: 9; 
	background: #202020; 	
}

.site-header .container { 
	position: relative; 
}

.site-branding {
	width: 370px;
	height: 125px;  
	background-color: #df4906; 
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 10;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	border-bottom-right-radius: 50px;	
}

.site-branding h1 { 
	margin-bottom: 0; 
	padding-top: 0;
	text-indent: -9999px; 
}

.site-branding h1 a {  
	background: url(images/svg/logo.svg) no-repeat center top; 
	display: block;
	width: 300px;
	height: 70px; 
	margin-top: 25px;
	margin-left: 25px;	
}

.head-overflow {
	overflow: visible !important;
}

.navigation-container {
	float: right;
	width: auto;
}

.site-content { 
	background-color: #ffffff;  
}

@media screen and (min-width: 1140px) {

	.navigation-container {
		padding-right: 80px;
	}
}

/*-----------------------------------------------------------------------------------*/
/*	Fixed Header
/*-----------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) {

	.site-header.fixed-header {
		 position: fixed;
		 top: 0;
		 left: 0;
		 width: 100%;
		 z-index: 999;
		 box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
		 transform: translate(0,-200px);
	 }
	 
	 .fixed-header .site-branding {
		width: 300px;
		height: 100px;	
	}
	
	.fixed-header .site-branding h1 a {  
		width: 236px;
		height: 55px; 
		margin-top: 20px;
		margin-left: 25px;	
	}
	
	.site-header.fixed-header.inview {
		 transform: translate(0,0);
		 transition: all .3s ease;
	 }
	 
	 .site-content.fixed-space { 
	 	padding-top: 105px;  
	 }
}

/*-----------------------------------------------------------------------------------*/
/*	Home - Page
/*-----------------------------------------------------------------------------------*/

.header-title {
	margin: 0 0 2em 0;
}

.header-title h2,
.header-title h3 {
	color: var(--color-orange);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 3.375rem;
}

.header-title p {
	font-size: 1.375rem;
}

.home h1.home-title {
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 3.625rem;
}

.home h1.home-title span { 
	font-weight: 400;	
}

.home #main { 
	background-color: transparent;
	color: #ffffff;
}

.home #main article { 
	margin-left: 0;
	margin-right: 0;
}

.home #main p { 
	color: #ffffff;
	font-size: 2.25rem;
}

.home #main p.topinfo { 
	font-size: 2.125rem;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.home #main .page-inside2 .btn {
	margin-top: 30px;
}

.home-content {
	padding: 80px 0 80px;
	background: var(--color-orange);
}

@media (min-width: 992px) {
	
	.header-title h2,
	.header-title h3 {
		font-size: 4.375rem;
	}
	
	.header-title p {
		font-size: 1.875rem;
	}
	
	.home h1.home-title {
		font-size: 3.625rem;
	}
	
	.home #main p.topinfo { 
		font-size: 2.625rem;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	
}

.footer-contact {
	padding: 80px 0 80px;
	background: var(--color-orange);
	color: #ffffff;
}

.home-content p {
	max-width: 850px;
	margin: 0 auto;
}
#hero-header {
	height: 100%; 
    width: 100%; 
    position: relative; 
	background-size: cover !important;
}
#home-services, 
#home-news {
	padding: 20px 0;
}

#home-services,
#home-news {
	padding: 60px 0;
}

.latest-news .row {
	margin-top: 2em;
	margin-bottom: 2em;
}

ul.list-3 { 
	padding: 0; 
	margin: -40px -15px 30px; 
}

ul.list-3 li { 
	list-style-type: none; 
	text-align: center; 
	background-color: #ffffff; 
	padding: 15px; 
	font-size: 16px; 
	margin: 0; 
	border-top: 1px solid #e6e6e6; 
	border-right: 1px solid #e6e6e6; 
}

ul.list-3 li.first {  
	border-left: 1px solid #e6e6e6; 
}

ul.list-3 li.down {  
	border-bottom: 1px solid #e6e6e6; 
}

#home-team {
	padding: 50px 0 30px;
	text-align: center;
	border-top: 1px solid #dadada;
}
.home-news {
	background: #fafafa;
}
.home-services h6, 
.home-content h6, 
.home-news h6, 
.home-team h6, 
.footer-contact h6 {
	background: url("images/h1-bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    color: #353535;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 30px;
    text-transform: uppercase;
	margin-bottom: 40px;
}
.bg-image {
	background-image: url(images/svg/kontur-berlin.svg);
	background-repeat: no-repeat;
	background-position: 70% 70%;
	background-size: 900px auto;
}
#home-services .service {  
	margin-bottom: 30px; 
}
#home-services .service h2 { 
	font-size: 2.5rem; 
	color: #202020;
	font-weight: 700;
}

.home-services .fa, 
.service .fa {
	background: #df4906;
	color: #fff;
	font-size: 40px;
	padding-top: 20px;
	height: 80px;
	width: 80px;
	border-radius: 80px;
	margin-bottom: 20px; 
	margin-top: -60px; 
}
.home-news h5:after, .home-team h5:after, .home-cta h6:after, .footer-contact h5:after, .member h5:after {
    border: 2px solid #ea474b;
    content: " ";
    display: block;
    margin: 20px auto 15px;
    width: 35px;
}
#home-news h2 { 
	color: #fd4400;  
}
#home-news .latest-news { 
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
#home-news .latest-news .home-date {  
	margin-bottom: 20px;
	font-size: 1.5rem;	
}
#home-news .latest-news .date span { 
	background-color: #ebebeb; 
	padding: 5px 10px; 
}
#home-news .latest-news .news-title { 
	font-size: 26px; 
}
#home-news .latest-news h4 { 
	font-weight:  700;
}
#home-news .latest-news h4 a { 
	color: var(--color-black);
}
#home-news .latest-news .news-content { 
	font-size: 18px;
}
.home-news img {
	margin-bottom: 20px;
}
.home-blog-cta {
	padding: 40px 0 60px;
	background: #242830;
	text-align: center;
}
.home-team img {
	width: 80%;
	max-width: 200px;
	margin: 0 auto 10px;
}
.home-cta { 
	padding: 100px 0 130px;
	color: #fff;
	text-align: center;
}
.home-cta p {
	color: #fff;
	font-size: 18px;
}
.home-cta .fa {
	font-size: 36px;
	margin-bottom: 20px;
}
.footer-block {
	width: 100%;
	background: #fff;
	padding: 50px 15px 30px;
	font-weight: 400;
}
.footer-contact h5 {
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}
.footer-contact img.icon {
	height: 40px;
	width: 40px;
}
.footer-contact .fa {
	font-size: 20px;
	margin-bottom: 15px;
}
.site-footer {
	font-weight: 400;
	background: #202020;
	padding: 20px 0;
	color: #808080;
}
.site-footer a,
.site-footer p,
.site-footer .adress {
	color: #ffffff;
}

.footer-up {font-size: 30px; margin-bottom: 0px;}

.bg-01 {
	background-color: #EB4900;
}

.bg-02 {
	background-color: #F5F5F5;
}

.corner-01,
.corner-02,
.corner-03,
.corner-04,
.corner-05 {
	-webkit-border-bottom-right-radius: 80px;
	-moz-border-radius-bottomright: 80px;
	border-bottom-right-radius: 80px;
	position: relative;
}

.corner-01:after,
.corner-02:after,
.corner-03:after,
.corner-04:after,
.corner-05:after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.corner-01:before,
.corner-02:before,
.corner-03:before,
.corner-04:before,
.corner-05:before {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-border-bottom-right-radius: 80px;
	-moz-border-radius-bottomright: 80px;
	border-bottom-right-radius: 80px;
	z-index: 2;
}

.corner-01:after {
	background-color: #ffffff;
}

.corner-01:before {
	background-color: #EB4900;
}

.corner-02:after {
	background-color: #202020;
}

.corner-02:before {
	background-color: #EB4900;
}

.corner-03:after {
	background-color: #EB4900;
}

.corner-03:before {
	background-color: #F5F5F5;
}

.corner-04:after {
	background-color: #F5F5F5;
}

.corner-04:before {
	background-color: #FFFFFF;
}

.corner-05:after {
	background-color: #EB4900;
}

.corner-05:before {
	background-color: #FFFFFF;
}

.ebene-01 {
	z-index: 4;
}

@media (min-width:992px) {
	
	.home h1.home-title {
		font-size: 6rem;
	}
}
	
/*-----------------------------------------------------------------------------------*/
/*	Post - Page
/*-----------------------------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	/*margin: 1.5em 0 0;*/
}

.entry-content h1.entry-title { 
	margin-top: 10px; 
	color: var(--color-orange);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 2.8rem;
	line-height: 1.3;
}

.entry-content p {
	font-size: 16px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-header {
	background: #df4906;
	height: 300px;
	background-image: url("images/uploads/bg-tempelhof-color-07.jpg");
	background-repeat: no-repeat;
	background-position: 50% 95%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

/* Profil */
.page-id-217 .entry-header,
.page-id-224 .entry-header,
.page-id-226 .entry-header,
.page-id-266 .entry-header,
.page-id-355 .entry-header {
	background-image: url("images/uploads/bg-tempelhof-color-02.jpg");
	background-position: 50% 5%;
}

/* Team */
.page-template-page-team .entry-header {
	background-image: url("images/uploads/bg-tempelhof-color-01.jpg");
	background-position: 50% 5%;
}

/* Leistungen */
.page-id-11 .entry-header {
	background-image: url("images/uploads/bg-tempelhof-color-07.jpg");
	background-position: 50% 95%;
}

/* Existenzgründer */
.page-id-13 .entry-header {
	background-image: url("images/uploads/bg-tempelhof-color-03.jpg");
	background-position: 50% 10%;
}
/* Gebühren */
.page-id-15 .entry-header {
	background-image: url("images/uploads/bg-tempelhof-color-05.jpg");
	background-position: 50% 5%;
}

/* News */
.blog .entry-header,
.single .entry-header {
	background-image: url("images/uploads/bg-tempelhof-12.jpg");
	background-position: 50% 20%;
}

/* Kontakt, Impressum, Anfahrt, Datenschutz */
.page-id-17 .entry-header,
.page-id-19 .entry-header,
.page-id-111 .entry-header,
.page-id-257 .entry-header {
	background-image: url("images/uploads/bg-tempelhof-color-06.jpg");
	background-position: 50% 10%;
}

/* Karriere */
.page-id-568 .entry-header,
.page-id-574 .entry-header,
.page-id-576 .entry-header {
	background-image: url("images/uploads/bg-tempelhof-karriere.jpg");
	background-position: 50% 5%;
}

.entry-header .entry-title, 
.featured-img-header .entry-title {
	font-size: 50px;
	line-height: 54px;
	color: #fff;
	text-align: center;
}
.post .meta { 
	color: #3d566e;
	font-size: 0.8em;
	margin-bottom: 0.3em; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
}

.content-area { 
	padding-top: 0; 
	padding-bottom: 30px; 
}

/* Blocksatz */
.page .content-column { 
	text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.content-column.last_column { 
	padding-left: 25px; 
}

@media screen and (max-width: 600px) {

	.content-column.last_column { 
		padding-left: 0; 
	}
}

@media (min-width: 992px) {
	
	.entry-content h1.entry-title { 
		font-size: 4rem;
		line-height: 1.3;
	}
	
	.entry-content p {
		font-size: 18px;
	}
	
}

/*-----------------------------------------------------------------------------------*/
/*	Blog
/*-----------------------------------------------------------------------------------*/

.blog-entry-header h1 a { 
	color: #ea474b;  
}
.blog-featured-img-header {
	padding: 150px 15px 150px;
    position: relative; 
	background-size: cover !important;
}
.blog-entry-header .entry-title, 
.blog-featured-img-header .entry-title {
	font-size: 50px;
	line-height: 54px;
	color: #fff;
	text-align: center;
}
.blog-archive article {	
	overflow: hidden;
	margin-bottom: 50px;
}
.blog-archive .entry-content {
	
}
.blog-archive .entry-footer {
	padding: 10px 0;
}
.blog-archive .entry-meta, 
.blog-archive span.comments-link, 
span.cat-links, 
span.tags-links {
	padding: 0;
	font-weight: 400;
	font-size: 14px;
	display: inline-block;
}
.blog-archive span.comments-link {
	text-align: right;
}
.blog-archive .entry-footer .fa {
	margin-right: 5px;
}
.single-blog-entry-header {
	background: #fafafa;
	padding: 15px 20px 25px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}
.single-blog-entry-header img.avatar {
	width: 50px;
	border-radius: 100px;	
	margin: 0 7px -20px;
}
.shop-archive {
	padding-bottom: 30px !important;
}

.service-page {
	text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/*	Page work (ACF)
/*-----------------------------------------------------------------------------------*/

ul.work-all {
	overflow: hidden;
	background: #313131; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}
ul.work-all li {
	float: left;
	width: 25%;
}
ul.work-all a.photo {
	display: block;
	position: relative;
}
ul.work-all .photo-bg {
    height: 500px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

ul.work-all .logo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	-webkit-transition: background 0.25s ease;
	transition: background 0.25s ease;
	background: rgba(247,165,70,0);
}

ul.work-all .logo:hover { background: rgba(247,165,70,0.5); }
ul.work-all a img:hover { opacity: 1; }

ul.work-all .logo img{
    width: 300px;
    margin: 0 auto;
    display: block;
    padding: 180px 0 0 0;
	z-index: 4
}

@media screen and (max-width: 1600px) {
	ul.work-all .logo img {
		width: 250px;
		padding: 150px 0;
	}
	ul.work-all .photo-bg {
    	height: 400px;
	}
}

@media screen and (max-width: 1200px) {
	ul.work-all .logo img {
		width: 160px;
		padding: 130px 0;
	}
	ul.work-all .photo-bg {
    	height: 350px;
	}
}

@media screen and (max-width: 1150px) {
	.post-type-archive .wrapper {
		padding: 61px 0 0 0;
	}
}

@media screen and (max-width: 1000px) {
	ul.work-all li {
		float: left;
		width: 50%;
	}
}

@media screen and (max-width: 600px) {
	ul.work-all li {
		width: 100%;
	}
}

@media screen and (orientation: portrait) and (max-device-width : 1024px), screen and (orientation: landscape)and (max-device-width : 1024px) {
	a img { -webkit-transition: none; transition: none;}
	a img:hover { cursor: pointer; opacity: 1;}
	ul.work-all a.photo:hover .photo-bg { opacity: 1; }
	ul.work-all a.photo:active .photo-bg { opacity: 0.4; }
}

/*-----------------------------------------------------------------------------------*/
/*	Page team (ACF)
/*-----------------------------------------------------------------------------------*/

.team-box { 
	margin-left: 15px; 
	margin-right: 15px;
	padding-bottom: 30px; 
}

.team-box h4 {  
	font-size: 22px; 
	margin-bottom: 0; 
	padding-bottom: 0; 
}

.team-box .team-info { 
	border-top: 1px solid #e0e0e0; 
	padding-top: 15px; 
	padding-bottom: 15px; 
}

.team-box .team-info:last-child { 
	border-bottom: 1px solid #e0e0e0; 
}

.team-box p {  
	line-height: 20px; 
	margin: 0; 
	padding: 0; 
}

.team-box .team-info img { 
	margin-right: 20px; 
	float: left;
        width: 20%; 
}

.team-box .team-author { 
	float: left;
	width: 75%;  
}

.team-box .team-details { 
	margin-top: 10px; 
}

.team-box .team-details .team-phone { 
	font-weight: 600;
}

.team-box .team-author span,
.team-box .team-author a  { 
	display: block; 
}

.team-box .team-pos {  
	letter-spacing: 1px; 
	font-size: 14px; 
}

/*-----------------------------------------------------------------------------------*/
/*	Page Slider (ACF)
/*-----------------------------------------------------------------------------------*/

.slide-box .slide-info { 
	background-color: #f5f5f5; 
	min-height: 450px; 
}
.slide-box .slide-image { 
	min-height: 290px;  
}
.slide-box .slide-text { 
	padding: 15px; 
}

.slide-box span.slide-link { 
	display: block; 
	font-size: 13px; 
	margin-top: 15px; 
}
.slide-box button {
	font-size: 13px;
}

/*-----------------------------------------------------------------------------------*/
/*	Portfolio Isotope
/*-----------------------------------------------------------------------------------*/

ul#filters { 
	overflow: hidden; 
	margin: 0 0 20px; 
	padding: 0;  
}

ul#filters li {  
	list-style-type: none; 
	margin-right: 10px; 
	float: left; 
	text-transform: uppercase; 
}

ul#filters li a { 
	background-color: #eeeeee; 
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

#portfolio .portfolio-item { 
	margin: 0; 
	padding: 0; 
}

#portfolio .portfolio-item h2 { 
	text-align: center; 
	font-size: 20px; 
}

.overlay { 
	position: absolute; 
	display: block; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	background: rgba(0,0,0,0.5); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	-khtml-opacity: 0; 
	opacity: 0; 
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-ms-transition: all 0.5s; 
	-o-transition: all 0.5s; 
	transition: all 0.5s 
}

.thumbnail:hover .overlay { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1 
}

/*-----------------------------------------------------------------------------------*/
/*	Pagetemplate - Flexcontent
/*-----------------------------------------------------------------------------------*/

.flexcontent { 
	padding-left: 15px; 
	padding-right: 15px; 
}

.flexcontent .flexcontent-box ul { 
	list-style-type: none; 
	margin: 0 0 40px; 
	padding: 0; 
	color: #606060;  
}

.flexcontent .flexcontent-box ul li { 
	background: url("images/icon-cross.png") no-repeat 16px 20px; 
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	padding: 15px 10px 15px 45px;  
}

.flexcontent .flexcontent-box ul li:first-child { 
	border-top: 1px solid #e0e0e0; 
}

.flexcontent .flexcontent-box ul.list-pdf li { 
	background: url("images/icon-sheet.png") no-repeat 18px 20px; 
	padding: 15px 10px 15px 45px;  
}

.flexcontent-news { 
	padding-top: 20px; 
}

.flexcontent-news h4 { 
	border-top: 1px solid silver; 
	border-bottom: 1px solid silver; 
	margin-bottom: 20px; 
	background-color: #eeeeee; 
	padding: 10px 15px; 
}

.flexcontent-news ul li p,
.flexcontent-news ol li p { 
	margin: 0; 
	padding: 0; 
}

.flexcontent-news p { 
	line-height: 1.6em; 
}

.logo-mitgliedschaften { 
	margin-left: 20px; 
	margin-right: 20px; 
	padding-bottom: 20px; 
}

.logo-mitgliedschaften div { 
	padding-bottom: 20px; 
}

/*-----------------------------------------------------------------------------------*/
/*	Table
/*-----------------------------------------------------------------------------------*/

table {
	margin: 0 0 1.5em;
	width: 100%;
}

table th {
	font-weight: bold;
}

table th,
table td { 
	padding: 8px; 
}

table {  
	line-height: 1.4em; 
	color: #3d3d3d;
	border: 1px solid #e5e5e5; 
}

table h6 { 
	font-weight: bold; 
	margin-bottom: 8px; 
	margin-top: 8px; 
	line-height: 1em;
	color: #3d3d3d; 
}

table tr { 
	font-size: 12px;  
}

th.tb-orange { 
	background-color: #fae5dc;  
}

th.tb-red { 
	background-color: #e5ecef;
	border-top: 1px solid white;  
}

tr.tb-zebra { 
	background-color: #fae5dc;  
}

td.tb-rouge { 
	background-color: #e5ecef;  
}

tb-small { 
	font-size: 1em; 
}

/*-----------------------------------------------------------------------------------*/
/*	Subfooter - sections
/*-----------------------------------------------------------------------------------*/

#callcontact { 
	background-color: #f5f5f5; 
	padding: 70px 0; 
}

#callcontact h1 a {  
	color: #353738 
}

.media { 
	overflow: hidden; 
	zoom: 1;  
	line-height: 1.8em; 
	word-spacing: 2px; 
	font-size: 16px 
}

.media-body { 
	margin: 12px 0 
}

.media-heading { 
	margin: 0 0 5px; 
	font-size: 22px; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	line-height: 1.4em 
}

.media .btn { 
	margin-top: 30px; 
	float: right; 
}

/*-----------------------------------------------------------------------------------*/
/*	Aside
/*-----------------------------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	Subooter
/*-----------------------------------------------------------------------------------*/

.footer-contact .big { 
	font-size: 30px; 
	color: #676767; 
}

.footer-contact .big,
.footer-contact .big a { 
	color: #ffffff;
	transition: all 0.5s ease;
	opacity: 1;	
}

.footer-contact .big a:hover,
.footer-contact .big:hover { 
	color: #ffffff;
	cursor: pointer;
	transform: translate3d(30px,0,0);
	opacity: 0.8;		
}

.footer-contact .socials a { 
	background-color: #df4906; 
	width: 60px; 
	height: 60px; 
	display: inline-block;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px; 
}
.footer-contact .socials a i { 
	color: #ffffff; 
	font-size: 30px; 
	padding-top: 15px; 
}

.footer-contact .header-title h3 {
	color: #ffffff;
	margin-bottom: 1em;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

.site-footer .link { 
	text-align: right; 
}

/*-----------------------------------------------------------------------------------*/
/*	Social share by med
/*-----------------------------------------------------------------------------------*/

.socials {display:none;}

.social-like-btn { 
	margin-bottom: 19px; 
	margin-left: 20px; 
}

.twitter, .fb-likeit, .g-plusone { 
	float: left; 
	margin-right: 20px; 
}

/*-----------------------------------------------------------------------------------*/
/*	Buttons by med
/*-----------------------------------------------------------------------------------*/

button.btn,
a.btn  { 
	text-transform: uppercase; 
	font-size: 14px;  
	letter-spacing: 1px; 
	padding: 12px 25px; 
}

.btn-lightred { 
	color: #fff; 
	background-color: #e9766f; 
	border-color: #e66159 
}

.btn-lightred:hover, .btn-lightred:focus, .btn-lightred:active { 
	color: #fff; 
	background-color: #e66159; 
	border-color: #e24c43 
}

.btn-red { 
	color: #fff; 
	background-color: #c0392b; 
	border-color: #ab3326 
}

.btn-red:hover,.btn-red:focus,.btn-red:active,.btn-red.active { 
	color: #fff; 
	background-color: #ab3326; 
	border-color: #962d22 
}

.btn-lightblue { 
	color: #fff; 
	background-color: #5bc0de; 
	border-color: #46b8da 
}

.btn-lightblue:hover,.btn-lightblue:focus,.btn-lightblue:active { 
	color: #fff; 
	background-color: #46b8da; 
	border-color: #31b0d5 
}

.btn-lightgray { 
	color: #fff; 
	background-color: #dbe7ea; 
	border-color: #cbdce1; 
	color: #000 
}

.btn-lightgray:hover,.btn-lightgray:focus,.btn-lightgray:active { 
	color: #fff; 
	background-color: #cbdce1; 
	border-color: #bbd2d7 
}

.btn.btn-big {
	font-size: 16px;
	padding: 15px 30px; 
}

.btn-black { 
	color: #fff;
	display: inline-block;	
	background-color: #202020; 
	border-color: #202020;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.4s ease-in-out;	
}

.btn-black:hover,.btn-black:focus,.btn-black:active { 
	color: #fff; 
	background-color: #EF743C; 
	border-color: #EF743C;
	transform: translate3d(30px,0,0);
} 

.btn-orange { 
	color: #fff;
	display: inline-block;	
	background-color: #EF743C; 
	border-color: #EF743C;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.4s ease-in-out;
}

.btn-orange:hover,.btn-orange:focus,.btn-orange:active { 
	color: #fff; 
	background-color: #000; 
	border-color: #000;
	transform: translate3d(30px,0,0);
}

.footer-contact a:hover {
	color: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*	Accessibility
/*-----------------------------------------------------------------------------------*/

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*-----------------------------------------------------------------------------------*/
/*	Alignments
/*-----------------------------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.minus-space {
 	margin-top: -50px;
}

/*-----------------------------------------------------------------------------------*/
/*	Clearings
/*-----------------------------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.float-left { 
	float: left 
}

.float-right { 
	float: right 
}

/*-----------------------------------------------------------------------------------*/
/*	Contact Form
/*-----------------------------------------------------------------------------------*/

.wpcf7 { 
	background-color: #f5f5f5;  
}

.wpcf7 form { 
	margin: 20px; 
	padding-top: 20px; 
	padding-bottom: 20px; 
}

#contactForm ul { 
  list-style: none outside none;
}

ul.contact-form {
	font-size: 18px;
	margin: 0;
}
ul.contact-form li {
	list-style: none;
	display: inline-block;
}
ul.contact-form input {
	border-radius: 4px;
	width:100%; 
}
li.contact-name {
	width: 49%; 
	margin-bottom: 20px;
	}
	
li.contact-email {
	width: 49%;
	margin-bottom: 20px;
}
li.contact-comments {
	width: 98.5%;  
}
li.contact-comments textarea { 
	padding: 8px 15px;
	border-radius: 4px;
}
 
 input[type="submit"].contact-submit {
	border-radius: 2px; 
	margin-top: 20px; 
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
}

/*-----------------------------------------------------------------------------------*/
/*	Forms
/*-----------------------------------------------------------------------------------*/

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0; 
	vertical-align: baseline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 2px solid;
	border-color: #df4906;
	border-radius: 4px;
	background: #df4906;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: button; 
	font-size: 15px;
	line-height: 1;
	font-weight: 600;
	padding: 1em 1.5em 1em;
	text-shadow: none;
}

input[type="submit"].search-submit {
	border: 2px solid;
	border-color: #df4906;
	border-radius: 4px;
	background: #df4906;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: button; 
	font-size: 15px;
	line-height: 1;
	font-weight: 300;
	text-shadow: none; 
	padding: 0.6em 1.5em; 
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ea474b;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #ea474b;
}

button.outline {
	background: none;
}

button.white {
	border-color: #fff;
	color: #fff;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield; 
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

input[type="search"]::-webkit-search-decoration { 
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { 
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; 
	padding-left: 3px;
	vertical-align: top;
	width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	WP Comments
/*-----------------------------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#comments input {
	width: 100%;
}

#comments {
    border-top: 1px dotted #999;
    padding-top: 20px;
}
#comments img.avatar {
	border-radius: 100px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
    float: left;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    width: 33.2833%;
}
.comment-form-author, .comment-form-email {
    padding-right: 0.5em;
}
.form-allowed-tags {
    display: none;
}
#reply-title, .comment-form-comment {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.comment-notes {
    font-size: 13px;
    font-style: italic;
}
#comments {
    border-top: 1px dotted #999;
    padding-top: 20px;
}
#commentform {
	margin-bottom: 40px;
}
h2.comments-title {
    font-size: 20px;
}
ol.comment-list {
    border-bottom: 1px dotted #999;
    list-style: none outside none;
    margin: 0 0 30px;
    padding-bottom: 30px;
}
li.comment article {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #dadada;
    border-radius: 4px;
    margin-bottom: 8px;
    overflow: auto;
    padding: 15px;
}
footer.comment-meta {
    float: left;
    text-align: center;
    width: 30%;
}
div.comment-author {
    font-size: 16px;
}
div.comment-author img {
    display: block;
    margin: 0 auto;
}
div.comment-content {
    float: right;
    font-size: 16px;
    width: 70%;
}
.comment-metadata {
    font-size: 12px;
}
span.comments-link { 
	margin-right: 10px; 
}
div.reply {
    display: block;
    font-size: 15px;
    overflow: auto;
    padding-left: 30%;
    width: 100%;
}

.container-big {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
	.container-big {
	    width: 750px;
	}
}

@media (min-width: 992px) {
	.container-big {
	    width: 970px;
	}
}

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

@media (min-width: 1500px) {
	
	.container-big,
	.container {
		width: 1270px;
	}
}

.container-big:after, 
.container-big:before {
    content: " ";
    display: table;
}

.container-big:after {
    clear: both;
}

/*-----------------------------------------------------------------------------------*/
/*	Accordion by med
/*-----------------------------------------------------------------------------------*/

.accordion .trigger {
	cursor: pointer;
	margin-bottom: 0;
	padding: 10px 0 10px 20px;  
	color: #83817e; 
	border: 1px solid #fff;  
	position: relative; 
	background-color: #eeeeee; 
}
.accordion .trigger:after {
	content: '\f078';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'FontAwesome';
	vertical-align: top; 
	position: absolute; 
	top: 16px; 
	right: 20px; 
}
.accordion .trigger:hover {
	color: #e74b3c;
}
.accordion h2.trigger,
.accordion h3.trigger { 
	margin: 0; 
	font-size: 18px; 
	font-weight: 300; 
}
.accordion .trigger_active {
	color:#333;
}
.accordion .toggle_container {
	width: 100%; 
	padding: 10px 20px 20px; 
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;   
	border-bottom: 1px solid #fff; 
	background-color: #f8f8f8; 
}
.accordion .toggle_container p { 
	margin-bottom: 0; 
}

.accordion blockquote {  
	padding-left: 0;
	padding-right: 0;   
}

.accordion blockquote p {  
	font-size: 18px; 
	line-height: 24px; 
}

.accordion blockquote cite { 
	font-size: 12px;  
}

/*-----------------------------------------------------------------------------------*/
/*	Accordion by med home
/*-----------------------------------------------------------------------------------*/

.home .accordion {
	margin-bottom: 2rem;
}

.home .accordion .trigger h2 { 
	font-size: 2.5rem; 
	color: #202020;
	font-weight: 700;
	/* text-indent: 45px; */
	padding-left: 45px;
}

.home .accordion .trigger {
	cursor: pointer;
	margin-bottom: 0;
	padding: 10px 0 10px 0;   
	position: relative; 
	background-color: transparent; 
}
.home .accordion .trigger:after {
	content: '\f067';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 24px/1 'FontAwesome';
	vertical-align: top; 
	position: absolute; 
	top: 18px; 
	left: 10px; 
	color: #E6E6E6;
}
.accordion .trigger:hover {
	color: #e74b3c;
}

.home .accordion .trigger_active {
	color: var(—color-orange);
}
.home .accordion .toggle_container {
	width: 100%; 
	padding: 10px;
	background-color: transparent;	
}
.home .accordion .toggle_container p { 
	margin-bottom: 0; 
	font-size: 1.8rem;
}

@media (min-width:992px) {
	
	.home .accordion .trigger h2 { 
		font-size: 3.5rem; 
	}
}

/*-----------------------------------------------------------------------------------*/
/*	WP Media
/*-----------------------------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	WP Captions
/*-----------------------------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.space-down {margin-bottom: 10px;}

/*-----------------------------------------------------------------------------------*/
/*	WP Gallery
/*-----------------------------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;  
}

/*-----------------------------------------------------------------------------------*/
/*	Page - Contact
/*-----------------------------------------------------------------------------------*/

.text-left { 
	width: 70%; 
	float: left; 
}

.img-right { 
	width: 28%; 
	float: right; 
}

.img-right2 { 
	width: 50%; 
	float: right; 
}

/*-----------------------------------------------------------------------------------*/
/*	Page 404
/*-----------------------------------------------------------------------------------*/

.error-404 { 
	min-height: 400px; 
}
.error404 .search-form .search-submit { 
	width: 100%; 
	margin-top: 10px;   
}
.search-form input[type="search"]{ 
	width: 100%; 
}

/*-----------------------------------------------------------------------------------*/
/*	I. Simple Infinite scroll
/*-----------------------------------------------------------------------------------*/

.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

.infinity-end.neverending .site-footer {
	display: block;
}

/*-----------------------------------------------------------------------------------*/
/*	II. Scroll to top
/*-----------------------------------------------------------------------------------*/

.scrollToTop { 
	position: fixed; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	border-radius: 25px; 
	background: #000; 
	opacity: 0.4; 
	filter: alpha(opacity=40); 
	width: 50px; 
	height: 50px; 
	bottom: 10px; 
	right: 10px; 
	cursor: pointer; 
	color: #ffffff; 
	font-size: 30px; 
	text-align: center; 
	display: none; 
	z-index: 14; 
	line-height: 50px; 
}

.scrollToTop:hover { 
	opacity: 1; 
	filter: alpha(opacity=100); 
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	-ms-transition: all 0.3s; 
	transition: all 0.3s; 
}

/*//////////////////////////////////////////////////////////////////////////////////////////////

    Media Querys

///////////////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width:1140px) {
	a#mobile-menu-btn {
		display: none;
	}
	#site-nav {
		display: block !important;
		position: relative;
		padding-right: 50px;
	}
	#site-nav ul {
		padding: 0;
		overflow: visible; 
	}
	#site-nav ul li {
		position: relative;
		display: inline-block;
		padding: 20px 0;
		text-align: left;  
	}
	#site-nav li a {
		font-size: 16px;
		color: #ffffff;   
	}
	#site-nav ul.sub-menu, 
	#site-nav ul.children {
		display: none;
		position: absolute;
		top: 60px;
		left: 0;
		width: 220px;
		border: none;
		z-index: 99999;
		padding: 0;
		text-align: left;
		background: none;
		transition: all 0.25s;
	    -webkit-transition: all 0.25s;
	    transform: translate3d(0,15px,0);
	    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	    padding-top: 6px;
	    padding-bottom: 3px;
	}
	#site-nav ul.sub-menu ul,
	#site-nav ul.children ul {
		display: none;
		top: 0;
		left: 218px;
		z-index: 99999;
	}
	#site-nav li li {
		position: relative;
		display: block;
		float: none;
		border-top: 1px solid #eaeaea;
		margin: 0;
		padding: 0;
	}
	#site-nav li li a {
		color: #8c9398;
		font-weight: 300;
		display: block;
		background: #ffffff;
		margin: 0;
		padding: 8px 15px;
	}
	#site-nav li li a:hover {
		background: #f1f1f1;
		-webkit-transition: 0.15s ease-in-out;
		-moz-transition: 0.15s ease-in-out;
		-o-transition: 0.15s ease-in-out;
		transition: 0.15s ease-in-out;
	}
	#site-nav li li li {
		display: block;
		padding: 0;
	}
	#site-nav ul li:hover > ul {
		display: block;
		-webkit-transition: all 0.5s ease-in-out;
		   -moz-transition: all 0.5s ease-in-out;
		     -o-transition: all 0.5s ease-in-out;
		        transition: all 0.5s ease-in-out;
		transform: translate3d(0,0,0);
	}
	#site-nav li:hover > a {
		color: #eeeeee;
	}
	#site-nav li li:hover > a {
		color: #808080;
	}
	.offset-med { 
		margin-left: 12.5%; 
	}
	.offset-med-2 { 
		margin-left: 6.25%; 
	}
	.wpcf7 { 
		width: 100%;  
	}

}

@media (min-width:992px) {
	
	.offset-med { 
		margin-left: 12.5%; 
	}
	.offset-med-2 { 
		margin-left: 6.25%; 
	}
	.wpcf7 { 
		width: 100%;  
	}
}

@media screen and (max-width: 1024px) {
	.entry-header { height: 430px; } /* for iPad backround images by med */
}

@media screen and (max-width: 480px) {
	.entry-header { height: 180px; } /* for iPhone backround images by med */
	.site-footer .col-md-6,
	.site-footer .col-md-6 .link { 
		text-align: center; 
	}
}

@media (min-width:1025px) { 

	.entry-header {
		height: 50vh;
	}
	.slide-content span h2 {
		font-size: 22px;
		line-height: 32px; 
		padding: 15px 20px 15px 30px;  
	}
}

@media (min-width:1200px) {
	#site-nav a { 
		padding-right: 10px; 
		padding-left: 10px; 
	}	
}

@media handheld, only screen and (max-width: 767px) {

	footer.comment-meta, div.comment-content {
		width: 100%;
		text-align: center;
	}
	div.reply {
		padding-left: 0;
	}
	.single-blog-entry-header img.avatar, .social-bar span {
		display: none;
	}
	.site-header {
		height: 65px; 
	}	
	.site-branding {
		width: 260px;
		height: 88px; 
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		border-bottom-right-radius: 20px;		
	}
	.site-branding h1 a {  
		background: url(images/svg/logo.svg) no-repeat center top; 
		display: block; 
		margin-top: 20px;
		margin-left: 30px;
		width: 190px;
		height: 45px; 
	}
	.entry-header .entry-title, .featured-img-header .entry-title {
		font-size: 36px;
		line-height: 40px;	
	}
	.social-media-icons { 
		width: 100%; 
		float: none; 
		text-align:center; 
	}
	.menu-toggle {
		margin-top: 0; 
	} 
		
}

@media (min-width:768px) {	
	.site-header {
		height: 105px; 
	}
	.site-header.fixed-header {
		height: 80px; 
	}
	.archive #main,
	.blog #main,
	.single #main,
	.page-template-page-flexcontent #main,
	.page-template-page-team #main { 
		float: right; 
	}
	#main article { 
		margin-left: 15px; 
		margin-right: 15px; 
	}
	#main,
	#secondary { 
		padding-top: 50px; 
	}
	.scrollToTop { 
		bottom: 30px; 
		right: 20px;  
	}
}

@media (min-width: 992px) and (max-width: 1199px) { 
	#site-nav a {  
		padding-left: 10px; 
	}	 
}

/* overlay-btn */

.overlay-btn { 
	position: relative; 
	width: 100%; 
	height: 10px;  
}

.overlay-btn a { 
	display: block; 
	position: absolute; 
	width: 150px; 
	height: 150px; 
	top: -160px; 
	left: 50%;
	margin-left: -100px; 
	z-index: 15;
	opacity: 1.0;  
}

.overlay-btn a:hover { 
	opacity: 0.9;  
}

@media (min-width:768px) {
	.overlay-btn a {  
		width: 300px; 
		height: 300px; 
		top: -410px; 
		left: 50%; 
		margin-left: -150px; 
	}
}

@media screen and (max-width: 768px) {
	.home #slider-full .flexslider .slides > li { height: 250px;}
	.home #slider-full .flexslider { height: 250px; } /* for iPad backround images by med */
}

@media screen and (max-width: 480px) {
	.home #slider-full .flexslider .slides > li { height: 180px;}
	.home #slider-full .flexslider { height: 180px; } /* for iPhone backround images by med */
}