/*
 * Theme Name: sf
 * Version: 1.0

 * License: GNU General Public License
 * License URI: license.txt
 * Tags: restensortive-layout, fluid-layout

 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned with others.
 */

 /*
  1. Normalize
  2. Global elements
  3. Layout
    3.1. Grid
    3.2. Header
    3.3. Page
    3.4. Pagination
    3.5. Sidebar
    3.6. Single
    3.7. Search
    3.8. Footer
  4. Modules
    4.1. Header Slider
    4.2. Media
    4.3. Helper classes
    4.4. Wp required classes
    4.5. Widgets
    4.6. Fit Window Width
    4.7. Font Icons
 */
/*==================================================================================================
1. Normalize.css v2.1.3 | MIT License | git.io/normalize
================================================================================================= */
.donate{float:right; font-family:"Roboto Condensed",arial,sans-serif; margin-left:7px; font-size:13px; line-height:30px;}
#flare {
	height: 100%;
	width: 100% !important;
	overflow: hidden;
	position: absolute;
	z-index: 99;
}
#main {
	position: relative;
	z-index: 2000;
	background: linear-gradient(145deg, rgba(225,229,238,0.06), rgba(52,217,43,0.06), rgba(43,125,217,0.06));
	background-size: 600% 600%;
	padding-bottom: 150px;
	-webkit-animation: AnimationName 40s ease infinite;
	-moz-animation: AnimationName 40s ease infinite;
	animation: AnimationName 40s ease infinite;
	outline: none;
}
.viba-portfolio-filter2 li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	padding: 0;
	margin-bottom: 15px;
}
.viba-portfolio-filter2 li a {
	padding: 0px 22px;
	display: block;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	text-decoration: none;
	font-size: 42px !important;
	border-radius: 0px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	min-width: 250px;
	text-transform: uppercase;
}
.vid-sel {
	background-color: #fff;
	border-color: #fff;
	color: #000 !important;
}
.disco .entry-header h1 {
	display: none;
}
.vp-style-default .viba-portfolio-filter li a:hover, .vp-style-default .viba-portfolio-filter li a.selected, .vp-style-default .vp-filter-slide-in .vp-filter-button:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
.viba-portfolio-filter2 {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 60px;
}
.viba-portfolio-filter2 li a:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000000 !important;
}
.goback {
	position: absolute;
	right: 0px;
	font-size: 28px;
	color: #fff;
	top: 10px;
}
@-webkit-keyframes AnimationName {
 0% {
background-position:0% 10%;
}
 50% {
background-position:100% 91%
}
 100% {
background-position:0% 10%
}
}
@-moz-keyframes AnimationName {
 0% {
background-position:0% 10%
}
 50% {
background-position:100% 91%
}
 100% {
background-position:0% 10%
}
}
@keyframes AnimationName {
 0% {
background-position:0% 10%;
}
 50% {
background-position:100% 91%;
}
 100% {
background-position:0% 10%;
}
}
.bg-1 {
	background: url(img/bg1.jpg);
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	top: -150px;
}
#main2 {
	outline: none;
	position: relative;
	z-index: 2000;
	background: linear-gradient(145deg, rgba(52,217,43,0.05), rgba(43,125,217,0.05), rgba(225,229,238,0.05));
	background-size: 600% 600%;
	padding-bottom: 100px;
	-webkit-animation: AnimationName2 40s ease infinite;
	-moz-animation: AnimationName2 40s ease infinite;
	animation: AnimationName2 40s ease infinite;
}
 @-webkit-keyframes AnimationName2 {
 0% {
background-position:0% 10%;
}
 50% {
background-position:100% 91%
}
 100% {
background-position:0% 10%
}
}
@-moz-keyframes AnimationName2 {
 0% {
background-position:0% 10%
}
 50% {
background-position:100% 91%
}
 100% {
background-position:0% 10%
}
}
@keyframes AnimationName2 {
 0% {
background-position:0% 10%;
}
 50% {
background-position:100% 91%;
}
 100% {
background-position:0% 10%;
}
}
.bg-2 {
	background: url(img/bg-2.jpg);
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.main2-2 {
	padding-top: 60px;
}
.main1-2 {
	padding-top: 60px;
}
#main3 {
	position: relative;
	z-index: 2000;
	max-width: 1340px;
	margin: 0 auto;
	color: #fff;
	text-align: left;
	font-size: 19px;
	padding-top: 120px;
}
.main3-2 {
	max-width: 1280px;
	padding: 50px;
	margin-left: 0px;
	margin: 0 auto;
	background: rgba(0,0,0,0.9);
}
.main3-22 {
	max-width: 1280px;
	padding: 30px 50px 50px 50px;
	margin-left: 0px;
	margin: 0 auto;
	background: rgba(0,0,0,0.5);
}
.bio {
	max-width: 840px;
	margin: 0 auto;
	padding: 0 30px;
}
.bio p {
	font-size: 22px;
}
.bio22 {
	max-width: 840px;
	margin: 0 auto;
	padding: 0 30px;
}
.bio22 p {
	font-size: 22px;
}
.bio23 p {
	border-bottom: 1px dotted #fff;
	padding: 12px 0px;
}
.main3-3 {
	max-width: 1280px;
	padding: 50px;
	margin-left: 0px;
	margin: 0 auto;
	background: rgba(0,0,0,0.9);
}
.bio2 {
	max-width: 840px;
	margin: 0 auto;
	padding: 0 30px;
}
.bio2 p {
	font-size: 22px;
}
.bg-3 {
	background: url(img/bg-3.jpg);
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bg-4 {
	background: url(img/bg-4.jpg);
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 120px;
}
.bg-5 {
	background: url(img/bg-5.jpg);
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 180px;
}
.news {
	max-width: 1340px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	top: 30px;
	padding: 10px 30px;
	text-align: left;
	color: #fff;
	display: block;
}
.news a {
	color: #fff;
}
.news a:hover {
	color: #000;
}
.news-cont {
	background: rgba(0,0,0, 0.7);
	float: left;
	width: 100%;
}
.news-cont:hover {
	background: #fff;
}
.live1 {
	padding: 25px 15px;
	display: inline-block;
	background-color: #000;
	color: #fff;
	border-right: 1px dotted #fff;
	font-size: 30px;
	line-height: 40px;
	float: left;
	text-align: center;
	min-width: 100px;
}
.live-title {
	padding: 25px 20px;
	display: inline-block;
	font-size: 30px;
	line-height: 40px;
	float: left;
}
news-cont2 {
	float: left;
}
.time {
	padding: 10px 20px;
	background-color: #000;
	display: inline-block;
	color: #fff;
	border-right: 1px dotted #fff;
	font-size: 30px;
	line-height: 40px;
	float: left;
}
.time span {
	width: 100%;
	float: left;
}
.time a {
	color: #000;
}
.news-title {
	float: left;
	margin-left: 30px;
	margin-top: 25px;
	font-size: 30px;
	height: 50px;
	overflow: hidden;
	width: calc(100% - 150px);
}
.end-news {
	height: 70px;
	width: 100%;
}
#flare {
	width: 100%;
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, section, summary {
	display: block;
}
audio, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
a {
	background: transparent;
}
a:focus {
	outline: none;
}
a:active, a:hover {
	outline: none;
}
abbr[title] {
	border-bottom: 1px dotted;
	cursor: help
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
mark {
	background: #ff0;
	color: #000;
}
code, kbd, pre, samp {
	font-size: .9em;
	max-width: 100%;
}
pre {
	word-wrap: break-word;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid transparent;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
button, input, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	width: 100%;
	height: auto;
}
.entry-header img {
	width: 100%;
	height: auto;
	display: block;
}
.text-footer img {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
}
.entry-content h2 {
	margin-top: 50px;
	margin-bottom: 10px;
}
.entry-header h1 {
	margin-top: 70px !important;
}
.site-header2 {
}
#showmenu {
	z-index: 999999;
	position: absolute;
	right: 0px;
	top: 17px;
	color: #fff;
	padding: 0px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	display: none;
	font-size: 24px;
}
.changeBackground {
	background-color: transparent !important;
}
.ocopy {
	padding-left: 50px;
	text-align: left;
	color: #fff;
	font-size: 12px;
	margin-top: 15px;
}
.main-start {
	margin-top: 20px;
}
.inner-header {
	max-width: 1280px;
	position: relative;
	margin: 0 auto;
}
.social {
	width: 100%;
	background: #000;
	padding: 15px;
	text-align: center;
	position: fixed;
	z-index: 99999;
	bottom: 0px;
}
.social i {
	font-size: 30px;
	color: #fff;
	padding: 0 20px;
}
.social i img {
	height: 40px;
	width: 47px;
}
#test {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: rgba(0, 0, 0, 1);
}
#showmenu img {
	width: 100%;
	height: 22px;
}
.m-i {
	float: left;
	height: 22px;
}
.m-x {
	display: none;
	float: left;
	height: 22px;
}
.m-t {
	float: left;
	font-size: 18px;
	line-height: 18px;
	margin-left: 0px;
	margin-top: 3px;
}
.viba-portfolio-content {
	text-align: center !important;
}
.menu {
	position: relative;
	text-align: center;
	height: 50%;
	top: 20%;
}
.menu ul {
	display: inline-block;
	height: 100%;
}
.viba-portfolio .viba-portfolio-title {
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 22px !important;
	color: #fff;
	font-weight: lighter;
}
.viba-portfolio .viba-portfolio-short-description {
	color: #2f2e2f;
	margin-bottom: 10px;
}
.lesmer {
	width: 100px;
	margin: auto;
}
.lesmer img {
	width: 100%;
	width: auto;
}
.text-footer {
	width: 100%;
	margin-top: 10px;
	color: #fff;
}
.text-footer2 {
	width: 100%;
	margin-top: 30px;
	color: #fff;
}
.text-footer2 img {
	margin: -3px 5px 0 5px;
}
.viba-portfolio-single-description h1 {
	font-size: 80px;
	text-align: center;
	color: #2f2e2f;
	font-weight: normal;
	margin-top: 50px;
	margin-bottom: 0px;
	line-height: 65px;
	font-weight: lighter;
}
.viba-portfolio-single-description table {
	min-width: 150px;
}
.viba-portfolio-single-description td {
	color: #2f2e2f;
	font-size: 22px;
	padding: 5px 10px;
}
.viba-portfolio-single-content {
}
h1.viba-portfolio-entry-title.entry-title {
	margin-top: 30px !important;
}
.viba-portfolio-single-description p img {
	margin: 0 30px;
}
.viba-portfolio-share-icons {
}
.viba-portfolio-share-icons ul {
	width: 100% !important;
	display: inline-block !important;
	height: 20px;
	text-align: center !important;
}
.viba-portfolio-share-icons li {
	display: inline-block !important;
	float: none;
	padding: 0 5px !important;
}
.x {
	position: absolute;
	clear: both;
	left: 50px;
	top: 120px;
	font-size: 60px;
}
.entry-title {
	margin: 0 0 40px 0;
	color: #fff;
	font-size: 80px !important;
	line-height: 80px !important;
	margin: 0px;
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	font-weight: normal;
}
.extrafield h1 {
	color: #2f2e2f;
	font-size: 60px;
	line-height: 80px;
	font-weight: lighter;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
h1 {
	color: #fff;
	font-size: 80px;
	line-height: 80px;
	font-weight: normal;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
h4 {
	color: #2f2e2f;
	font-size: 50px;
	line-height: 50px;
	margin: 0px;
	font-weight: lighter;
	margin-bottom: 25px;
}
#primary {
	text-align: center;
}
#primary h1 {
	padding-top: 50px;
}
.kontakt {
	margin-top: 80px;
}
.kontakt2 {
	float: left;
	width: 49.5%;
	margin-right: 0.5%;
}
.kontakt3 {
	text-align: left;
	float: left;
	width: 49.5%;
	margin-left: 0.5%;
	font-weight: lighter;
}
.extrafield2 {
	width: 100%;
	padding: 30px 15px 30px 30px;
}
.extrafield2 p {
	font-size: 24px;
	line-height: 30px;
}
.extrawrapper2 {
	background-color: #fff;
	height: 700px;
}
.extrafield3 {
}
.extrawrapper4 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.opp h1 {
	margin-top: 30px;
}
.produkter {
	margin-top: -30px;
	position: relative;
}
.start-wrapper-p {
	position: relative;
}
#produkter {
	position: absolute;
	top: -198px;
}
.extrafield {
	max-width: 768px;
	margin: 0 auto;
	padding: 15px;
	font-size: 18px;
}
.extrawrapper {
	background-color: #f1f1f1;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 50px 20px;
}
.table-desc {
	text-align: left;
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.table-desc tr {
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.table-desc tr:hover {
	background-color: #ddd;
}
.table-desc td {
	padding: 10px;
}
.table-img {
	text-align: left;
	width: 40%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.viba-portfolio-single-description p {
	text-align: center;
	color: #2f2e2f;
	font-size: 30px;
	margin: 20px 0px 0px 0px;
	font-weight: lighter;
}
.viba-portfolio-single-media {
	max-width: 650px;
}
.fix-marginbottom {
	margin-bottom: -1%;
}
.fix-marginbottom-2 {
	margin-bottom: -0.4%;
}
.bggrey {
	width: 100%;
	text-align: center;
	background: #ddd;
	margin-top: 50px;
}
.bggrey p {
	max-width: 1280px;
	margin: 0 auto !important;
	padding-bottom: 40px;
	font-size: 40px;
	line-height: 55px;
}
.bggrey h2 {
	max-width: 90%;
	padding-top: 50px !important;
	padding-bottom: 30px;
	margin: 0 auto;
	font-size: 40px !important;
	line-height: 55px !important;
	font-weight: normal;
}
.opp {
	position: relative;
}
#top-meny {
	position: absolute;
	top: 8px;
	width: 100%;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.meny2 ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.menu2 ul li a {
	text-decoration: none;
	font-size: 19px;
	line-height: 20px;
	color: #fff;
	font-weight: 300;
	padding: 5px 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	float: right;
	margin-bottom: 20px;
	margin-left: 40px;
}
.menu2 ul, menu, dir {
	display: block;
	list-style-type: none;
	-webkit-padding-start: 0px;
	margin-right: 0px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
#showmenu {
	display: none;
}
.clear {
	clear: both;
}
p {
	font-size: 26px;
	font-weight: lighter;
	margin: 0px 0px !important;
}
.vp-style-default .viba-portfolio-item-inner {
	background: rgba(255,255,255, 0);
	color: #fff;
}
.vp-style-referenser .viba-portfolio-item-inner {
	background: rgba(255,255,255, 0.5);
}
p {
	line-height: 130%;
	margin-top: 5px;
}
.inner-disco .entry-content {
	width: 100%;
	margin: 0 auto;
	background: rgba(0,0,0, 0.5);
	position: relative;
	top: 100px;
	padding: 40px;
	max-width: 1280px;
}
.disco-bg {
	min-width: 100%;
	min-height: 100%;
	position: fixed;
	opacity: 0.2;
}
.vp-single-full-width .viba-portfolio-single-description {
	float: right;
	width: 50%;
	text-align: left;
}
.viba-portfolio-single-description h1 {
	text-align: left;
}
h1.viba-portfolio-entry-title.entry-title {
	margin-top: 0px !important;
}
#primary h1 {
	padding-top: 0px;
}
.viba-portfolio-single-content {
	margin-top: 0px;
	float: left;
}
.left-bar {
	float: left;
	width: 50%;
	text-align: left;
	color: #eee;
}
.middle-bar {
	float: left;
	width: 50%;
	text-align: left;
}
.viba-portfolio-single-description p {
	text-align: left;
	font-size: 22px;
	color: #eee;
}
.left-bar h2 {
	font-size: 40px;
	line-height: 40px;
	font-weight: lighter;
	margin-bottom: 30px;
	text-align: left;
	margin-top: 0px;
	color: #fff;
}
.viba-portfolio-single-description {
	margin-top: 15px;
	margin-bottom: 50px;
}
.viba-portfolio-related {
	max-width: 1280px;
	margin: 0 auto;
}
.viba-portfolio-single-project-link a {
	background-color: #000;
	display: inline-block;
	padding: 10px 15px;
	color: #ccc;
	position: absolute;
	bottom: 40px;
	border: 2px solid #eee;
}
.viba-portfolio-single-project-link a {
	color: #eee;
}
.viba-portfolio-single-project-link a:hover {
	background-color: #eee;
	display: inline-block;
	padding: 10px 15px;
	color: #000;
	position: absolute;
	bottom: 40px;
	border: 2px solid #eee;
}

@media only screen and ( max-width : 1750px) {
.table-img {
	width: 24%;
	float: left;
}
.table-img td {
	display: block;
	text-align: center;
	padding: 0px 20px 10px 20px;
	width: 100%;
}
.table-end {
	clear: both;
}
.table-img td img {
	width: 100%;
	height: auto;
	display: block;
}
.viba-portfolio-single-description p img {
	width: 100%;
	height: auto;
}
.viba-portfolio-single-description table {
	margin-left: 35px;
}
}

@media only screen and ( max-width : 1400px) {
.viba-portfolio-single-description p {
	font-size: 35px;
	line-height: 38px;
	margin: 20px 0 20px 0;
}
.viba-portfolio-single-description td {
	font-size: 20px !important;
}
h1.viba-portfolio-entry-title.entry-title {
	margin-top: 20px !important;
}
.table-img td {
	padding: 0px 15px 10px 15px;
}
.entry-title {
	line-height: 60px !important;
}
.viba-portfolio-single-description table {
	margin-left: 25px;
}
}
.news2 .news {
	max-width: 1340px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	top: 30px;
	padding: 10px 30px;
	text-align: left;
	color: #fff;
	display: block;
}

@media only screen and ( max-width : 1450px) {
.news2 .news {
	max-width: 1280px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	top: 30px;
	padding: 10px 0px;
	text-align: left;
	color: #fff;
	display: block;
}
.main3-2 {
	margin-left: 30px;
	margin-right: 30px;
}
.main3-3 {
	margin-left: 30px;
	margin-right: 30px;
}
.viba-portfolio-single-description p {
	margin: 0px 0 20px 0;
}
.viba-portfolio-single-description h1 {
	font-size: 50px !important;
	margin-bottom: 0px;
	line-height: 60px !important;
}
.viba-portfolio-single-description p {
	font-size: 22px !important;
	line-height: 26px !important;
}
}

@media only screen and ( min-width : 1201px) {
#test {
	display: none !important;
}
}

@media only screen and ( max-width : 1200px) {
.disco-bg {
	display: none;
}
.viba-portfolio-single-description table {
	margin-left: 0px;
}
.table-img {
	width: 35%;
	float: left;
}
.viba-portfolio-single-description td {
	font-size: 18px !important;
	padding: 3px 10px;
}
.table-img td {
	padding: 0px 20px 10px 20px;
}
#showmenu {
	display: block;
}
#top-meny {
	display: none;
}
.container {
	padding: 0 30px !important;
}
.ocopy {
	padding-left: 30px;
}
.dok-cont {
	width: calc(100% + 2%);
	margin-left: -1%;
}
.dok {
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	margin-bottom: 2%;
}
.entry-header h1 {
	margin-top: 90px !important;
}
p {
	font-size: 24px;
	line-height: 32px;
}
.bg-1 {
	background: url(img/bg-1-m.jpg);
	background-position: top center;
	background-attachment: fixed;
}
.bg-2 {
	background: url(img/bg-2-m.jpg);
	background-position: top center;
	background-attachment: fixed;
}
.bg-4 {
	background: url(img/bg-4-m.jpg);
	background-position: top center;
	background-attachment: fixed;
}
.bg-3 {
	background: url(img/bg-3-m.jpg);
	background-position: top center;
	background-attachment: fixed;
}
.bg-5 {
	background: url(img/bg-5-m.jpg);
	background-position: ctop center;
	background-attachment: fixed;
}
.viba-portfolio-filter2 li a {
	padding: 0px 22px;
	font-size: 22px !important;
	min-width: 180px;
}
}

@media only screen and ( max-width : 1026px) {
.site-header {
}
.menu ul li a {
	font-size: 35px !important;
	line-height: 35px !important;
	margin-bottom: 10px;
	width: 300px !important;
}
.menu {
	top: 20%;
}
.viba-portfolio-single-description h1 {
	font-size: 40px !important;
	margin-top: 60px !important;
	margin-bottom: 0px;
	line-height: 40px !important;
}
.site-footer2 {
	margin-top: 40px !important;
}
.vp-style-default .viba-portfolio .viba-portfolio-title {
	font-size: 20px !important;
	line-height: 24px !important;
}
}

@media only screen and ( max-width : 980px) {
.live1 {
	padding: 30px 5px;
	display: inline-block;
	background-color: #000;
	color: #fff;
	border-right: 1px dotted #fff;
	font-size: 28px;
	line-height: 38px;
	float: left;
	text-align: center;
	width: 80px;
	min-width: 80px;
}
.live-title {
	padding: 30px 20px;
	display: inline-block;
	font-size: 28px;
	line-height: 38px;
	float: left;
	width: calc(100% - 240px);
	overflow: hidden;
	height: 30px;
}
.news-title {
	font-size: 28px;
}
.time {
	font-size: 28px;
	line-height: 38px;
}
.table-img {
	width: 35%;
	float: none;
	margin: 0 auto !important;
}
.table-img td {
	display: table-cell;
	text-align: center;
	padding: 3px 10px 20px 10px !important;
	width: 50%;
}
.table-end {
	clear: both;
}
.viba-portfolio-single-description td {
	font-size: 19px !important;
	padding: 5px 10px;
}
.viba-portfolio-single-description table {
	margin-left: 0px;
}
.viba-portfolio-single-thumbnail {
	width: 90%;
	margin-left: 10%;
}
.viba-portfolio-share-icons {
	margin-top: 0px;
}
.x {
	display: none;
}
.entry-title {
	font-size: 65px !important;
	line-height: 65px
}
.extrafield h1 {
	font-size: 40px;
	line-height: 40px;
}
.kontakt2 {
	display: none;
	;
}
.kontakt3 {
	text-align: left;
	font-size: 28px;
	line-height: 32px;
	float: left;
	width: 100%;
	margin-left: 0%;
}
.extrawrapper2 {
	height: auto;
}
h1 {
	font-size: 65px;
	line-height: 65px;
}
h4 {
	font-size: 35px;
	line-height: 35px;
}
.vp-single-sidebars .viba-portfolio-single-media {
	width: 100%;
}
.vp-single-sidebars .viba-portfolio-single-content {
	width: 100%;
}
.dok-cont {
	width: calc(100% + 2%);
	margin-left: -1%;
}
.dok {
	width: 31.3333%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	margin-bottom: 2%;
}
.bggrey h2 {
	font-size: 30px !important;
	line-height: 36px !important;
}
.bggrey p {
	padding-bottom: 40px;
	font-size: 40px;
	line-height: 55px;
	padding-top: 30px;
}
}

@media only screen and ( max-width : 767px) {
.viba-portfolio-single-thumbnail {
	width: 100%;
	margin: 0 auto;
}
.inner-disco .entry-content {
	display: table;
	top: 60px;
}
.inner-disco .entry-content .left-bar {
	display: table-footer-group;
	width: 100%;
	text-align: left;
	color: #eee;
	float: none;
}
.inner-disco .entry-content .left-bar .opp h2 {
	margin-bottom: 20px !important;
}
.inner-disco .entry-content .middle-bar {
	display: table-header-group;
	width: 100%;
	text-align: left;
	float: none;
}
.table-img {
	width: 40%;
}
.dok-cont {
	width: calc(100% + 2%);
	margin-left: -1%;
}
.dok {
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	margin-bottom: 2%;
}
.viba-portfolio-wrapper {
	margin-bottom: 50px;
}
}

@media only screen and ( max-width : 650px) {
.table-img {
	width: 55%;
	float: none;
	background-color: #fff;
	margin: 0 auto !important;
}
.table-img td {
	display: table-cell;
	text-align: center;
	padding: 3px 10px 20px 10px;
	width: 50%;
}
.table-end {
	clear: both;
}
.viba-portfolio-single-description td {
	font-size: 19px !important;
	padding: 5px 10px;
}
.viba-portfolio-single-description table {
	margin-left: 0px;
}
.viba-portfolio-single-thumbnail {
	width: 100%;
	margin: 0 auto;
}
h2 {
	font-size: 40px !important;
	line-height: 40px !important;
	margin-top: 10px;
}
#showmenu {
	right: 0px;
}
}

@media only screen and ( min-width : 1025px) {
pre {
	white-space: pre-wrap;
}
}
/*==================================================================================================
2. Global Elements
================================================================================================= */
*, *:after, *:before, input[type="search"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	overflow-y: scroll !important;
	margin: 0 !important
}
html, body {
	padding: 0;
	margin: 0;
	background: #000;
}
html {
	font-size: 100%;
}
body {
	line-height: 1.8;
	color: #2f2e2f;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
p {
	margin: 1em 0
}
blockquote {
	font-style: italic;
	background: #fcfcfc;
	margin: 0 40px;
	padding: 0.2em 1.5em;
	font-size: .9em;
	border-radius: 2px;
	border: 1px solid #ddd;
}
em {
	color: #888;
	font-size: .9em;
}
code, pre {
	padding: 2px 3px;
}
pre {
	padding: 15px
}

@media only screen and ( max-width : 768px) {
body {
}
blockquote {
	margin: 0 10px
}
}
h1, h2, h3, h4, h5, h6 {
}
a {
	text-decoration: none;
}
h2 {
	font-size: 80px;
	line-height: 80px;
	text-align: center;
	color: #2f2e2f;
	font-weight: lighter;
	margin-bottom: 50px;
}
hr {
	height: 1px;
	background: #ddd;
	border: none;
	outline: none
}
hr.seperator:after {
	content: "";
	display: block;
	width: 20px;
	height: 3px;
	margin: 0 auto;
	margin-top: 100px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -10px;
}
::selection {
	background: #FF9E9D;
	color: #fff
}
::-moz-selection {
background:#FF9E9D;
color:#fff
}
/*==================================================================================================
3. Layout
================================================================================================= */
/* 3.1. Grid
================================================== */
.container {
	max-width: 1980px;
	margin: 0 auto;
	padding: 0 50px;
}
.container:after {
	content: "";
	display: table;
	clear: both;
}
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
	width: 100%;
	float: left;
	margin: 0;
}

@media only screen and ( min-width : 768px ) {
.g1 {
	width: 8.333333333%;
}
.g2 {
	width: 16.66666667%;
}
.g3 {
	width: 25%;
}
.g4 {
	width: 33.33333333%;
}
.g5 {
	width: 41.66666667%;
}
.g6 {
	width: 50%;
}
.g7 {
	width: 58.33333333%;
}
.g8 {
	width: 66.66666667%;
}
.g9 {
	width: 75%;
}
.g10 {
	width: 83.33333333%;
}
.g11 {
	width: 91.66666667%;
}
.g12 {
	width: 100%;
}
.row {
	margin: 0 -15px;
	width: auto;
	max-width: none;
	min-width: 0;
}
.row .g1, .row .g2, .row .g3, .row .g4, .row .g5, .row .g6, .row .g7, .row .g8, .row .g9, .row .g10, .row .g11, .row .g12 {
	padding: 0 15px
}
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
hr.m10, hr.m20, hr.m30, hr.m40, hr.m50, hr.m60, hr.m70, hr.m80, hr.m90 {
	clear: both;
	display: table;
	width: 100%;
	background: none;
	margin: 0
}
hr.m10 {
	height: 10px
}
hr.m20 {
	height: 20px
}
hr.m30 {
	height: 30px
}
hr.m40 {
	height: 40px
}
hr.m50 {
	height: 50px
}
hr.m60 {
	height: 60px
}
hr.m70 {
	height: 70px
}
hr.m80 {
	height: 80px
}
hr.m90 {
	height: 90px
}
/* 3.2. Header
================================================== */
.back-to-top {
	position: absolute;
	font-size: 15px;
	right: 0;
	text-align: center;
	line-height: 60px;
	width: 60px;
	height: 60px;
	top: 100%;
	background: #fff;
	background: rgba(255,255,255,.95);
	box-shadow: -2px 2px 5px rgba(0,0,0,.05);
	opacity: 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #fff;
	visibility: hidden;
	cursor: pointer;
	-webkit-transform: translate3d( 0, -100%, 0 );
	-moz-transform: translate3d( 0, -100%, 0 );
	transform: translate3d( 0, -100%, 0 );
	-webkit-transition: opacity 0.4s, visibility 0.4s, border-color 0.4s, -webkit-transform 0.4s;
	-moz-transition: opacity 0.4s, visibility 0.4s, border-color 0.4s, -moz-transform 0.4s;
	transition: opacity 0.4s, visibility 0.4s, border-color 0.4s, transform 0.4s;
}
.site-header {
	position: fixed;
	width: 100%;
	z-index: 999999;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-backface-visibility: hidden;
	top: 0px;
	background: #000;
}
.site-head-small .site-header {
}
.head {
	-webkit-transition: padding 0.4s;
	-moz-transition: padding 0.4s;
	transition: padding 0.4s;
	padding: 0px;
}
.logo {
	display: inline-block;
	padding: 10px 0px 5px 0px;
	width: 230px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	position: relative;
	z-index: 4;
	
}
.logo2 {
	display: inline-block;
	padding: 10px 0px 5px 0px;
	width: 25px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	position: relative;
	z-index: 5;
	float:left;
	margin-right:10px;
	margin-top:15px;
}
.logo a{float:left;}

.logo a {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 32px;
	font-weight: lighter;
}
.logo img {
	width: 100%;
	height: auto;
}
#wpadminbar {
	-webkit-backface-visibility: hidden;
}

@media only screen and ( min-width : 1025px ) {
.top-button-visible .back-to-top {
	opacity: 1;
	visibility: visible;
	border-left: 1px solid #ddd;
	-webkit-transform: translate3d( 0, 0, 0 );
	-moz-transform: translate3d( 0, 0, 0 );
	transform: translate3d( 0, 0, 0 );
}
.site-header.hide-nav-bar {
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-backface-visibility: hidden;
}
.site-header {
	top: 0;
	left: 0;
	-webkit-transition: -webkit-transform 0.7s .3s ease;
	-moz-transition: -moz-transform 0.7s .3s ease;
	-ms-transition: -ms-transform 0.7s .3s ease;
	transition: transform 0.7s .3s ease;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.admin-bar .site-header {
	top: 0px;
}
.head {
	display: table;
	padding: 0;
}
.site-head-small .site-header {
	background: rgba(255,255,255,.95);
}
.site-head-small .head {
}
.logo a {
	height: 60px;
}

.site-head-small .logo a {
	height: 45px
}
}

@media only screen and ( min-width : 1025px ) and ( max-width: 782px ) {
.admin-bar .site-header {
	top: 0px;
}
}
.menu ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}
.menu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	font-weight: 300;
	padding: 5px 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	width: 430px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	border: 2px solid rgba(0, 0, 0, 0);
	clear: both;
}
.menu ul li a:hover {
}
.menu2 ul li.current_page_item > a, .menu ul li.current_page_parent > a, .menu ul li.current_page_ancestor > a, .menu2 ul li.current-menu-item > a, .menu ul li.current-menu-parent > a, .menu ul li.current-menu-ancestor > a {
	font-weight: bold;
}

@media only screen and ( max-width : 1024px ) {
}

@media only screen and ( min-width : 1025px ) {
.mobile-menu {
	display: none;
}
}
/* 3.3. Page
================================================== */
#main {
	position: relative;
	z-index: 100;
}
.entry-title {
	margin: 0 0 20px 0;
	font-size: 1.6em
}
.entry-title a {
	color: #444
}

@media only screen and ( max-width : 1300px ) {
.entry-title {
	font-size: 65px !important;
	line-height: 65px !important;
}
h1.viba-portfolio-entry-title.entry-title {
	margin-top: 15px !important;
}
.viba-portfolio-single-description p {
	font-size: 30px;
	line-height: 30px;
}
.viba-portfolio-single-description p img {
	width: 120px;
	margin: 0 10px;
}
.viba-portfolio-single-description td {
	font-size: 20px;
}
.x {
	display: none;
}
}

@media only screen and ( max-width : 1150px ) {
.tp-bullets {
	display: none;
}
.entry-title {
	font-size: 50px !important;
	line-height: 65px !important;
}
}

@media only screen and ( max-width : 768px ) {
.entry-title {
	line-height: 1.3;
}
}

.search .entry-content, .error404 .entry-content {
	min-height: 400px
}
article.post {
	margin-bottom: 70px;
}
article.post:last-of-type {
	margin: 0
}
article.post .entry-title {
	margin: 0;
	text-align: center;
}
article.post .entry-header, article.post .entry-content, .bio22 article.post .entry-footer {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}
article.post .entry-title {
	margin: 0;
	text-align: left;
}
.entry-media {
	margin-bottom: 15px;
	display: block;
}
.entry-media img {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	padding-bottom: 15px;
}
/* Entry Content */
#main3 a{
	color:#888;
}
.entry-content:after {
	content: "";
	display: table;
	clear: both;
}
.entry-content img {
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.entry-content a {
}
.entry-content a:hover {
}
/* Entry Meta */
.entry-meta {
	text-align: center;
}
.entry-meta a:hover {
}
.entry-meta .posted-on {
	margin-right: 10px;
}
/* Entry Footer */
.entry-footer {
	text-align: center;
}
.entry-footer span {
	margin: 10px 0
}
.entry-footer span.entry-footer-desc {
	display: none;
}
.entry-footer a {
	margin-right: 10px
}
.entry-footer a:hover {
}
.entry-footer .cat-links a:before, .entry-footer .tags-links a:before {
	font-size: 100%;
	margin-right: 3px
}
.entry-footer .cat-links a:before {
	margin-top: -2px;
}
.entry-content a, .entry-meta a {
}
.entry-meta, .entry-footer {
	margin: 0;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 700;
}
.entry-meta, .entry-footer a {
	color: #999
}
/* More Link */
article.post p:last-of-type {
	text-align: center;
}
.single article.post p:last-of-type {
	text-align: inherit;
}
.entry-content .more-link {
	display: inline-block;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 10px 15px;
	margin: 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	background: #f9f9f9;
	color: #999;
}
.entry-content .more-link:hover {
	color: #444
}
/* 3.4. Pagination
================================================== */
.page-links {
	margin: 20px 0;
	color: #A6ABAF;
	font-weight: 700;
	font-size: .8em;
	text-transform: uppercase;
}
.page-links a {
	padding: 5px 10px;
	background: #fcfcfc;
	margin: 0
}
.navigation {
	margin-top: 100px;
	text-align: center;
	padding: 20px;
	background: #fcfcfc;
	max-width: 800px;
	margin: 50px auto 0 auto;
}
.navigation:after {
	content: "";
	display: table;
	clear: both;
}
.navigation .nav-previous, .navigation .nav-next {
	width: 50%
}
.navigation .nav-previous {
	float: left;
	text-align: left;
}
.navigation .nav-next {
	float: right;
	text-align: right;
}
.navigation .nav-links a:before, .navigation .nav-links a:after {
	font-size: 100%;
	margin-top: -2px
}
.navigation .nav-links a:before {
	margin-right: 5px;
}
.navigation .nav-links a:after {
	margin-left: 5px
}
.navigation a {
	display: inline-block;
	padding: 10px 15px;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 700;
	background: #fafafa;
	color: #999;
	border: 1px solid transparent;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.navigation a:hover {
	background: #f9f9f9;
	color: #777;
	border: 1px solid #ddd;
}
.comment-navigation {
}
#comment-nav-above {
	margin: 0 0 10px 0
}
#comment-nav-below {
	margin: 10px 0 0 0
}
.sidebar article.post .entry-content {
	padding: 0 20px;
}
.single article.post p:last-of-type {
	color: #eee;
}
.news2 {
	padding: 80px 0 150px 0;
}
/* 3.5. Sidebar
================================================== */
.sidebar #secondary {
	padding: 30px;
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-radius: 2px;
	width: 100%;
	position: relative;
	top: 80px;
}

@media only screen and ( min-width : 768px ) {
.sidebar #primary {
	float: none;
	max-width: 1280px;
	margin: 0 auto;
	background: #000;
	position: relative;
	top: 80px;
}
.sidebar #secondary {
	float: right;
	width: 30%;
	margin: 0;
	position: relative;
	z-index: 2
}
}
.sidebar article.post .entry-header, .sidebar article.post .entry-content, .sidebar article.post .entry-meta, .sidebar article.post .entry-footer {
	max-width: none
}
.sidebar article.post, .sidebar article.post .entry-meta, .sidebar article.post .entry-footer, .sidebar .entry-content p:last-of-type, .sidebar article.post .entry-title, .sidebar .entry-content .more-link {
	text-align: left;
}

@media only screen and ( min-width : 1024px ) {
.sidebar article.post .entry-content {
	text-align: left;
}
}
/* 3.6. Single
================================================== */
.single .entry-footer {
	margin-top: 50px
}
.single .navigation {
	margin-top: 10px
}
.post-password-form input[type="password"] {
	padding: 5px;
	border: 1px solid #ddd;
}
.post-password-form input[type="submit"] {
	border: 0;
	outline: 0;
	border-radius: 2px;
	padding: 10px 15px;
	background: #7FC7AF;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: .8em;
	-webkit-transition: color 0.4s, background 0.4s;
	transition: color 0.4s, background 0.4s;
}
.post-password-form input[type="submit"]:hover {
	background: #FF9E9D;
}
.comment-respond:after, .comments-area:after {
	content: "";
	display: table;
	clear: both;
}
.comments-title, .no-comments {
}
.no-comments {
	text-align: center;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 700;
	color: #999;
}
.comments-area {
	outline: 0;
	max-width: 800px;
	margin: 10px auto 0 auto;
}
.comments-area .comments-title {
	text-align: left;
	margin: 0;
	text-transform: uppercase;
	font-size: 1em;
	background: #fcfcfc;
	margin: 10px 0;
	padding: 20px;
}
.comment-list {
	list-style: none;
	padding: 0;
	margin: 0
}
.comment {
	clear: both;
}
.comment-body {
	position: relative;
	margin: 0 0 10px 35px;
	background: #fcfcfc;
	padding: 10px 10px 10px 15px;
	font-size: .9em
}
.bypostauthor > .comment-body {
	background: #fff;
}
.comment-body:after {
	display: none;
}
.comment-meta {
}
.comment-author.vcard .fn, .comment-author.vcard a {
	color: #444
}
.comment img {
	width: 32px;
	height: 32px;
	margin: 0;
	position: absolute;
	top: 0;
	left: -35px;
	display: block;
}
span.says {
	display: none;
}
.comment-metadata {
	display: inline-block;
	font-size: .8em;
	color: #999;
	text-transform: uppercase;
	font-weight: 700;
}
.comment-metadata a {
	color: #999
}
.comment-metadata .edit-link:before {
	content: "–";
	display: inline-block;
	margin: 0 5px;
}
.comment-content {
}
.comment .reply {
	width: 100%;
	text-align: left;
	margin-top: 1em
}
.comment-reply-link, .comment-reply-login, .comment-awaiting-moderation {
	font-weight: bold;
	font-size: .7em;
	text-transform: uppercase;
	color: #999
}
.bypostauthor > article {
	position: relative;
}
.bypostauthor > article:before {
	padding: 0px 10px;
	height: 15px;
	line-height: 15px;
	position: absolute;
	top: 10px;
	right: 0;
	content: "author";
	display: block;
	;
	text-transform: uppercase;
	font-size: .7em;
	color: #aaa;
}
.children {
	list-style: none;
	padding: 0 0 0 30px;
	clear: both;
}
.form-submit {
	clear: both;
}
.comment-respond {
	margin-top: 10px;
	padding: 20px;
	background: #fcfcfc;
	position: relative;
	clear: both;
}
.comment-list .comment-respond {
	margin-bottom: 10px
}
.comment-reply-title {
	text-transform: uppercase;
	font-size: 1em;
	padding: 0;
	margin: 0;
}
.comment-respond .comment-notes, .comment-respond .logged-in-as, .comment-respond .must-log-in {
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 700;
	color: #999;
	margin: 0
}
.comment-respond .comment-notes, .comment-respond .logged-in-as {
}
.comment-respond .logged-in-as a {
	color: inherit;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.comment-respond .logged-in-as a:hover {
	color: #444;
	border-color: #999
}
.comment-form {
}
.comment-form:after {
	content: "";
	display: table;
	clear: both;
}
.comment-form label {
	text-transform: uppercase;
	font-weight: 700;
	font-size: .8em;
	color: #877c78;
}
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
	width: 30.75%;
	float: left;
	margin-right: 3.8%;
	margin-bottom: 0
}
.comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form .comment-form-url input, .comment-form .comment-form-comment textarea {
	width: 100%;
	margin: 0;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: .9em;
	outline: 0
}
.comment-form .comment-form-url {
	margin-right: 0
}
.comment-form .comment-form-comment {
	clear: both;
	float: left;
	width: 100%;
}
.comment-form .form-submit {
	margin-bottom: 0
}
.comment-form .form-submit input {
	background: #7FC7AF;
	color: #fff;
	padding: 15px;
	border: none;
	border-radius: 2px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: .8em;
	-webkit-transition: color 0.4s, background 0.4s;
	transition: color 0.4s, background 0.4s;
}
.comment-form .form-submit input:hover {
	background: #FF9E9D;
}
.form-allowed-tags {
	display: none;
}
#cancel-comment-reply-link {
	font-size: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #7FC7AF;
	color: #fff;
}
#cancel-comment-reply-link:before {
	line-height: inherit;
}
.comment-respond .comment-reply-title small {
}
.comment-respond .comment-reply-title small a:before {
}

@media only screen and ( max-width : 1024px ) {
.comment-form .comment-form-author,  .comment-form .comment-form-email,  .comment-form .comment-form-url,  .comment-form .comment-form-comment {
	float: left;
	clear: both;
	width: 100%;
}
}
/* 3.7. Search
================================================== */
.search-form-wrapper {
	margin-bottom: 30px
}
article.search-item {
	margin: 2px 0
}
article.search-item .search-title {
	margin: 0 0 5px 0;
	font-size: 1em
}
article.search-item .search-title a {
	color: #666;
}
article.search-item p:last-of-type {
	text-align: left;
	margin-bottom: 0
}
article.search-item p:first-of-type {
	margin-top: 0
}
.search-item-content {
	background: #fcfcfc;
	padding: 20px
}

@media only screen and ( min-width : 768px ) {
article.search-item {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	margin: 0 -0.25em 0 0;
}
article.post.search-item {
	margin: 0 -0.25em 0 0;
}
}

@media only screen and ( min-width : 1024px ) {
article.search-item {
	width: 33%;
}
}
.search-results .navigation {
	margin-top: 20px
}
/* 3.8. Footer
================================================== */
.site-footer2 {
	margin-top: 50px;
	background: #2f2e2f;
	padding: 40px 0;
	text-align: left;
	position: relative;
	z-index: 99999999;
}
.footer-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu ul li {
	display: inline-block;
	margin-right: 10px;
}
.footer-menu ul li a {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	color: #aaa;
	float: right;
}
.footer-menu .menu-zen-footer-container ul li.button a {
	margin: 10px 0;
}
.footer-menu ul li.button a {
	padding: 10px !important;
	display: block;
	background: #7FC7AF;
	color: #fff;
	border-radius: 2px
}
.footer-menu ul li.button a:hover {
	background: #FF9E9D;
	color: #fff
}

@media only screen and ( max-width : 480px ) {
.footer-menu ul li.button {
	display: block;
	margin-top: 10px
}
}
.copyright {
	text-transform: uppercase;
}
.copyright p {
	font-size: 11px;
	margin-bottom: 0;
}
.copyright a {
	color: #bbb
}
/*==================================================================================================
4. Modules
================================================================================================= */  

/* 4.1. Header Slider
================================================== */
.header-slider .entry-title {
	display: none;
}
.header-slider .site-header {
}
.header-slider #main {
	padding-top: 0
}
/* 4.2. Media
================================================== */
.iframe-wrap {
	position: relative;
	padding-bottom: 62.5%
}
.iframe-wrap iframe, .iframe-wrap embed {
	position: absolute;
	height: 100%;
	width: 100%
}
/* 4.3. Helper classes
================================================== */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	text-indent: -9999px
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}
.hidden {
	display: none!important;
	visibility: hidden
}
.visuallyhidden {
	border: 0;
	clip: rect(0000);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
	margin: -1px;
	padding: 0
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	overflow: visible;
	position: static;
	width: auto;
	margin: 0;
	-webkit-appearance: none;
	outline: none;
}
.invisible {
	visibility: hidden
}
.clearfix:after {
	content: " ";
	display: table;
	clear: both
}
.clearfix {
*zoom:1
}
.gridright {
	float: right;
}
/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	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;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}
.clear {
	clear: both;
	display: table;
}
/* 4.4. Wp required classes
================================================== */
.wp-smiley {
	border: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.sticky {
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	margin: 0 20px 1.8em 0;
}
.wp-caption.alignleft {
	margin: 0 20px 1.8em 0;
}
img.alignright {
	margin: 0 0 1.8em 20px;
}
.wp-caption.alignright {
	margin: 0 0 1.8em 20px;
}
img.aligncenter {
	margin: 5px auto;
}
img.alignnone {
	margin: 5px 0;
}
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol {
	list-style-position: inside;
}
.wp-caption {
	padding: 5px 5px 0 5px;
	max-width: 100%;
	margin-bottom: 1.8em
}
.wp-caption img {
	margin: 0;
	display: block;
	width: 100%
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
	margin: 0;
	padding: 10px 20px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
.wp-caption .wp-caption-text {
	background: #fcfcfc;
	border: 1px solid #ddd;
	border-top: none;
}
.gallery {
	margin-bottom: 20px;
}
.gallery:after {
	content: "";
	display: table;
	clear: both;
}
.gallery a {
	margin: 0;
	padding: 0;
	border: none
}
.gallery img {
	display: block;
	max-width: 100%;
	height: auto
}
.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}
.gallery-columns-1 .gallery-item {
	max-width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc( 50% - 4px );
	max-width: calc( 50% - 4px );
}
.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc( 33.3% - 4px );
	max-width: calc( 33.3% - 4px );
}
.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc( 25% - 4px );
	max-width: calc( 25% - 4px );
}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc( 20% - 4px );
	max-width: calc( 20% - 4px );
}
.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc( 16.7% - 4px );
	max-width: calc( 16.7% - 4px );
}
.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc( 14.28% - 4px );
	max-width: calc( 14.28% - 4px );
}
.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc( 12.5% - 4px );
	max-width: calc( 12.5% - 4px );
}
.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc( 11.1% - 4px );
	max-width: calc( 11.1% - 4px );
}
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkti-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.gallery-item:hover .gallery-caption {
	-webkti-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
	display: none;
}
.wp-video {
	height: auto !important
}
.wp-video, .wp-playlist {
	width: 100% !important
}
.wp-video-shortcode {
	max-width: 100%;
}
.mejs-container.mejs-video {
	width: 100% !important;
	height: auto !important;
	padding-top: 56.25%;
}
.mejs-overlay, .mejs-poster {
	width: 100% !important;
	height: 100% !important;
}
/* 4.5. Widgets
================================================== */
aside .widget {
	margin: 0 0 50px 0;
	font-size: .9em
}
aside .widget:last-child {
	margin: 0
}
aside .widget:after {
	content: "";
	display: table;
	clear: both;
}
.widget-title {
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 1em;
}
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget ul li {
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fff;
	display: block;
}
.widget ul li:first-child {
	border-top: none;
	padding-top: 0;
}
.widget ul li:last-child {
	border-bottom: none;
	padding-bottom: 0
}
.widget ul li a {
	color: #999;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.widget ul li a:hover {
	color: #444
}
/* Recent Posts */
.widget_recent_entries a {
	color: #999;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
}
/* WP RSS Widget */
.widget a.rsswidget img {
	float: left;
	margin: 0
}
.widget .rssSummary {
	display: none;
}
.rsswidget {
	color: inherit;
	display: inline-block;
	vertical-align: middle;
}
.widget.widget_recent_entries ul li span, .widget_rss .rss-date {
	font-size: 11px;
	color: #999;
	display: block;
	margin-top: 1px;
	padding-left: 1px;
	text-transform: uppercase;
}
/* Recent Comments */
.widget_recent_comments {
}
/* Custom Menu */
.widget ul.children, .widget ul.sub-menu {
	margin: 10px 0;
	padding: 0 0 0 20px;
	border-left: 1px solid #eee
}
.widget ul li .count {
	float: right;
	font-weight: bold;
}
.widget_nav_menu ul {
	display: block !important;
}
.widget_nav_menu ul li {
}
/* Searchform */
.search-form {
	width: 100%;
	position: relative;
	display: block;
	height: 40px;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	border-radius: 2px;
}
.widget .search-form {
	background: #fff
}
.search-form [type="search"] {
	width: 100%;
	height: 100%;
	padding-left: 10px;
	padding-right: 40px;
	border: 0;
	background: none;
	outline: none;
}
.search-form [type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 30px;
	padding: 0;
	background: none;
	border: 0;
	outline: 0;
	z-index: 2;
	font-size: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.search-form [type="submit"]:hover {
	background: none!important;
}
.search-form:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 40px;
	width: 40px;
	z-index: 1;
	color: #999;
	text-align: center;
	text-indent: 0;
	font-size: 22px;
	line-height: 40px !important;
}
/* WP Default Calendar */
#wp-calendar {
	width: 100%;
	clear: both;
}
#wp-calendar, #wp-calendar caption, #wp-calendar tbody, #wp-calendar tfoot, #wp-calendar thead, #wp-calendar tr, #wp-calendar th, #wp-calendar td {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
#wp-calendar caption {
	color: #333;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: right;
}
#wp-calendar thead {
	text-align: center;
}
#wp-calendar thead th {
	padding-bottom: 5px;
}
#wp-calendar tbody {
	color: #555;
	font-size: .8em;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 10px 0;
	text-align: center;
}
#wp-calendar tbody td a {
	font-weight: bold;
	color: #444
}
#wp-calendar #prev, #wp-calendar #next {
	padding-top: 10px;
	margin: 0;
}
#wp-calendar #prev a, #wp-calendar #next a {
	margin-top: 5px;
	font-size: .8em;
	color: #444
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
/* Tag Cloud */
.tagcloud:after {
	content: "";
	display: table;
	clear: both;
}
.tagcloud a {
	font-size: 12px !important;
	float: left;
	margin: 0 3px 3px 0;
	padding: 5px 10px;
	border-radius: 2px;
	background: #fff;
	border: 1px solid #eee;
	color: #555 !important;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.tagcloud a:hover {
	background: #fcfcfc
}
.widget .tagcloud a:before {
	margin-right: 5px;
	font-size: 12px
}
/* Categories */
.widget_categories select {
	display: block;
	width: 100%;
	padding: 10px;
	background: #fff;
	border-color: #eee;
}
.widget_categories ul li {
	color: #999
}
/* Text */
.widget_text p {
	margin: 0 0 10px 0
}
.widget_text p:last-child {
	margin: 0
}
/* 4.6. Fit Window Width
================================================== */
.fit-window-width {
}
.fit-window-width.bg-image {
	background-position: center center;
	background-size: 100% auto;
	color: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.fit-window-width.bg-image.bg-repeat {
	background-size: auto auto;
	background-repeat: repeat;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
}
.fit-window-width.bg-image h1, .fit-window-width.bg-image h2, .fit-window-width.bg-image h3, .fit-window-width.bg-image h4, .fit-window-width.bg-image h5, .fit-window-width.bg-image h6, .fit-window-width.bg-image p {
	color: inherit;
}

@media only screen and ( max-width : 768px ) {
.sidebar #primary {
	float: none;
	max-width: 1280px;
	margin: 0 auto;
	background: #000;
	position: relative;
	top: 60px;
}
.fit-window-width.bg-image {
}
}

@media only screen and ( max-width : 1200px ) {
.logo {
	padding: 10px 0px 5px 0px
}
}
/* 4.7. Font Icons
================================================== */
/* header and navigation*/
.back-to-top:before, .tagcloud a:before, .search-form:after, .cat-links a:before, .tags-links a:before, .nav-previous a:before, .nav-next a:after, #cancel-comment-reply-link:before {
	font: normal 20px/1 'dashicons';
	font-variant: normal;
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.back-to-top:before {
	content: "\f343";
}
/* widgets */
.search-form:after {
	content: '\f179';
}
.tagcloud a:before {
	content: "\f323";
}
.cat-links a:before {
	content: "\f318";
}
.tags-links a:before {
	content: "\f323";
}
/* navigation button */
.nav-previous a:before {
	content: "\f341";
}
.nav-next a:after {
	content: "\f345";
}
#cancel-comment-reply-link:before {
	content: "\f335";
}
