/*
Theme Name: OnOFF v1
Theme URI: http://www.onoff.cc
Author: Vesaire Studio
Author URI: http://www.vesaire.studio
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


/*--------------------------------------------------------------
Table of Contents:
----------------------------------------------------------------
1.0  - Loading Styles
2.0  - Landing Page Styles
3.0  - General Styles
4.0  - Plugin Styles
5.0  - Project Single Page
6.0  - Portfolio Overview Page
7.0  - Navigation
8.0  - Dynamic Styles & Media Queries
--------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  1.0 Loading Styles
/*-----------------------------------------------------------------------------------*/

/* roboto-mono-100 - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Thin'), local('RobotoMono-Thin'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-100.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-300italic - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Light Italic'), local('RobotoMono-LightItalic'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-300italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-100italic - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Thin Italic'), local('RobotoMono-ThinItalic'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-100italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-regular - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono'), local('RobotoMono-Regular'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-300 - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Light'), local('RobotoMono-Light'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-300.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-italic - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Italic'), local('RobotoMono-Italic'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-500 - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Medium'), local('RobotoMono-Medium'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-500.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-500italic - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Medium Italic'), local('RobotoMono-MediumItalic'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-500italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-700italic - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Bold Italic'), local('RobotoMono-BoldItalic'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-700italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-700 - latin_latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-mono-v7-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'),
       url('../fonts/roboto-mono-v7-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-mono-v7-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-mono-v7-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-mono-v7-latin_latin-ext-700.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://www.onoff.cc/wp-content/themes/fonts/roboto-v18-latin-ext_latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}






.fontbold {
font-family: 'Roboto Mono';
font-weight: 700;
}





#container {
  opacity: 1;
}

a.not-active
{
  pointer-events:none !important;
}


/*-----------------------------------------------------------------------------------*/
/*  2.0 Landing Page Styles
/*-----------------------------------------------------------------------------------*/

.onoff-logo-slider { z-index: 9999; 
  position: fixed;
  top: 45%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}


.holder {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
.holder img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}


.onoff-logo-slider img { 
  width: 250px;
}


#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon {
    color: #eee !important;
}
/*-----------------------------------------------------------------------------------*/
/*  3.0 General Styles
/*-----------------------------------------------------------------------------------*/



body,html{height:100%;}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}:focus{outline:0;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-.5em;}sub{bottom:-.25em;}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.df_container-fluid{margin:0 auto;padding:0}.df_container-fluid.fluid-max{max-width:1000px}.df_container-fluid.fluid-width{width:100%}@media only screen and (max-width:1024px){.df_container-fluid.fluid-width{width:94%}}.df_row-fluid{width:auto;margin-left:-10px;margin-right:-10px;*zoom:1}.df_row-fluid:before,.df_row-fluid:after{display:table;content:" "}.df_row-fluid:after{clear:both}.df_row-fluid [class*="df_span-"]{position:relative;display:block;float:left;width:100%;min-height:28px;padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.df_row-fluid [class*="df_span-"].right{float:right}.df_row-fluid [class*="df_span-"].right:first-child{margin-left:10px}.df_row-fluid [class*="df_span-"].right:last-child{margin-left:0}.df_row-fluid [class*="df_span-"].hide{display:none}.full-width-content.df_row-fluid [class*="df_span-"]{padding-left:0;padding-right:0}.df_row-fluid .df_span-xs-12{width:100%}.df_row-fluid .df_span-xs-11{width:91.66666667%}.df_row-fluid .df_span-xs-10{width:83.33333333%}.df_row-fluid .df_span-xs-9{width:75%}.df_row-fluid .df_span-xs-8{width:66.66666667%}.df_row-fluid .df_span-xs-7{width:58.33333333%}.df_row-fluid .df_span-xs-6{width:50%}.df_row-fluid .df_span-xs-5{width:41.66666667%}.df_row-fluid .df_span-xs-4{width:33.33333333%}.df_row-fluid .df_span-xs-3{width:25%}.df_row-fluid .df_span-xs-2{width:16.66666667%}.df_row-fluid .df_span-xs-1{width:8.33333333%}.df_row-fluid .df_span-xs-pull-12{right:100%}.df_row-fluid .df_span-xs-pull-11{right:91.66666667%}.df_row-fluid .df_span-xs-pull-10{right:83.33333333%}.df_row-fluid .df_span-xs-pull-9{right:75%}.df_row-fluid .df_span-xs-pull-8{right:66.66666667%}.df_row-fluid .df_span-xs-pull-7{right:58.33333333%}.df_row-fluid .df_span-xs-pull-6{right:50%}.df_row-fluid .df_span-xs-pull-5{right:41.66666667%}.df_row-fluid .df_span-xs-pull-4{right:33.33333333%}.df_row-fluid .df_span-xs-pull-3{right:25%}.df_row-fluid .df_span-xs-pull-2{right:16.66666667%}.df_row-fluid .df_span-xs-pull-1{right:8.33333333%}.df_row-fluid .df_span-xs-push-12{left:100%}.df_row-fluid .df_span-xs-push-11{left:91.66666667%}.df_row-fluid .df_span-xs-push-10{left:83.33333333%}.df_row-fluid .df_span-xs-push-9{left:75%}.df_row-fluid .df_span-xs-push-8{left:66.66666667%}.df_row-fluid .df_span-xs-push-7{left:58.33333333%}.df_row-fluid .df_span-xs-push-6{left:50%}.df_row-fluid .df_span-xs-push-5{left:41.66666667%}.df_row-fluid .df_span-xs-push-4{left:33.33333333%}.df_row-fluid .df_span-xs-push-3{left:25%}.df_row-fluid .df_span-xs-push-2{left:16.66666667%}.df_row-fluid .df_span-xs-push-1{left:8.33333333%}.df_row-fluid .df_span-xs-offset-12{margin-left:100%}.df_row-fluid .df_span-xs-offset-11{margin-left:91.66666667%}.df_row-fluid .df_span-xs-offset-10{margin-left:83.33333333%}.df_row-fluid .df_span-xs-offset-9{margin-left:75%}.df_row-fluid .df_span-xs-offset-8{margin-left:66.66666667%}.df_row-fluid .df_span-xs-offset-7{margin-left:58.33333333%}.df_row-fluid .df_span-xs-offset-6{margin-left:50%}.df_row-fluid .df_span-xs-offset-5{margin-left:41.66666667%}.df_row-fluid .df_span-xs-offset-4{margin-left:33.33333333%}.df_row-fluid .df_span-xs-offset-3{margin-left:25%}.df_row-fluid .df_span-xs-offset-2{margin-left:16.66666667%}.df_row-fluid .df_span-xs-offset-1{margin-left:8.33333333%}.full-width-content.df_row-fluid .df_span-xs-12{width:100%}.full-width-content.df_row-fluid .df_span-xs-11{width:91.66666667%}.full-width-content.df_row-fluid .df_span-xs-10{width:83.33333333%}.full-width-content.df_row-fluid .df_span-xs-9{width:75%}.full-width-content.df_row-fluid .df_span-xs-8{width:66.66666667%}.full-width-content.df_row-fluid .df_span-xs-7{width:58.33333333%}.full-width-content.df_row-fluid .df_span-xs-6{width:50%}.full-width-content.df_row-fluid .df_span-xs-5{width:41.66666667%}.full-width-content.df_row-fluid .df_span-xs-4{width:33.33333333%}.full-width-content.df_row-fluid .df_span-xs-3{width:25%}.full-width-content.df_row-fluid .df_span-xs-2{width:16.66666667%}.full-width-content.df_row-fluid .df_span-xs-1{width:8.33333333%}@media only screen and (min-width:768px){.df_row-fluid .df_span-sm-12{width:100%}.df_row-fluid .df_span-sm-11{width:91.66666667%}.df_row-fluid .df_span-sm-10{width:83.33333333%}.df_row-fluid .df_span-sm-9{width:75%}.df_row-fluid .df_span-sm-8{width:66.66666667%}.df_row-fluid .df_span-sm-7{width:58.33333333%}.df_row-fluid .df_span-sm-6{width:50%}.df_row-fluid .df_span-sm-5{width:41.66666667%}.df_row-fluid .df_span-sm-4{width:33.33333333%}.df_row-fluid .df_span-sm-3{width:25%}.df_row-fluid .df_span-sm-2{width:16.66666667%}.df_row-fluid .df_span-sm-1{width:8.33333333%}.df_row-fluid .df_span-sm-pull-12{right:100%}.df_row-fluid .df_span-sm-pull-11{right:91.66666667%}.df_row-fluid .df_span-sm-pull-10{right:83.33333333%}.df_row-fluid .df_span-sm-pull-9{right:75%}.df_row-fluid .df_span-sm-pull-8{right:66.66666667%}.df_row-fluid .df_span-sm-pull-7{right:58.33333333%}.df_row-fluid .df_span-sm-pull-6{right:50%}.df_row-fluid .df_span-sm-pull-5{right:41.66666667%}.df_row-fluid .df_span-sm-pull-4{right:33.33333333%}.df_row-fluid .df_span-sm-pull-3{right:25%}.df_row-fluid .df_span-sm-pull-2{right:16.66666667%}.df_row-fluid .df_span-sm-pull-1{right:8.33333333%}.df_row-fluid .df_span-sm-push-12{left:100%}.df_row-fluid .df_span-sm-push-11{left:91.66666667%}.df_row-fluid .df_span-sm-push-10{left:83.33333333%}.df_row-fluid .df_span-sm-push-9{left:75%}.df_row-fluid .df_span-sm-push-8{left:66.66666667%}.df_row-fluid .df_span-sm-push-7{left:58.33333333%}.df_row-fluid .df_span-sm-push-6{left:50%}.df_row-fluid .df_span-sm-push-5{left:41.66666667%}.df_row-fluid .df_span-sm-push-4{left:33.33333333%}.df_row-fluid .df_span-sm-push-3{left:25%}.df_row-fluid .df_span-sm-push-2{left:16.66666667%}.df_row-fluid .df_span-sm-push-1{left:8.33333333%}.df_row-fluid .df_span-sm-offset-12{margin-left:100%}.df_row-fluid .df_span-sm-offset-11{margin-left:91.66666667%}.df_row-fluid .df_span-sm-offset-10{margin-left:83.33333333%}.df_row-fluid .df_span-sm-offset-9{margin-left:75%}.df_row-fluid .df_span-sm-offset-8{margin-left:66.66666667%}.df_row-fluid .df_span-sm-offset-7{margin-left:58.33333333%}.df_row-fluid .df_span-sm-offset-6{margin-left:50%}.df_row-fluid .df_span-sm-offset-5{margin-left:41.66666667%}.df_row-fluid .df_span-sm-offset-4{margin-left:33.33333333%}.df_row-fluid .df_span-sm-offset-3{margin-left:25%}.df_row-fluid .df_span-sm-offset-2{margin-left:16.66666667%}.df_row-fluid .df_span-sm-offset-1{margin-left:8.33333333%}.full-width-content.df_row-fluid .df_span-sm-12{width:100%}.full-width-content.df_row-fluid .df_span-sm-11{width:91.66666667%}.full-width-content.df_row-fluid .df_span-sm-10{width:83.33333333%}.full-width-content.df_row-fluid .df_span-sm-9{width:75%}.full-width-content.df_row-fluid .df_span-sm-8{width:66.66666667%}.full-width-content.df_row-fluid .df_span-sm-7{width:58.33333333%}.full-width-content.df_row-fluid .df_span-sm-6{width:50%}.full-width-content.df_row-fluid .df_span-sm-5{width:41.66666667%}.full-width-content.df_row-fluid .df_span-sm-4{width:33.33333333%}.full-width-content.df_row-fluid .df_span-sm-3{width:25%}.full-width-content.df_row-fluid .df_span-sm-2{width:16.66666667%}.full-width-content.df_row-fluid .df_span-sm-1{width:8.33333333%}.df_row-fluid .df_span-col5{width:20%}}@media only screen and (min-width:992px){.df_row-fluid .df_span-md-12{width:100%}.df_row-fluid .df_span-md-11{width:91.66666667%}.df_row-fluid .df_span-md-10{width:83.33333333%}.df_row-fluid .df_span-md-9{width:75%}.df_row-fluid .df_span-md-8{width:66.66666667%}.df_row-fluid .df_span-md-7{width:58.33333333%}.df_row-fluid .df_span-md-6{width:50%}.df_row-fluid .df_span-md-5{width:41.66666667%}.df_row-fluid .df_span-md-4{width:33.33333333%}.df_row-fluid .df_span-md-3{width:25%}.df_row-fluid .df_span-md-2{width:16.66666667%}.df_row-fluid .df_span-md-1{width:8.33333333%}.df_row-fluid .df_span-md-pull-12{right:100%}.df_row-fluid .df_span-md-pull-11{right:91.66666667%}.df_row-fluid .df_span-md-pull-10{right:83.33333333%}.df_row-fluid .df_span-md-pull-9{right:75%}.df_row-fluid .df_span-md-pull-8{right:66.66666667%}.df_row-fluid .df_span-md-pull-7{right:58.33333333%}.df_row-fluid .df_span-md-pull-6{right:50%}.df_row-fluid .df_span-md-pull-5{right:41.66666667%}.df_row-fluid .df_span-md-pull-4{right:33.33333333%}.df_row-fluid .df_span-md-pull-3{right:25%}.df_row-fluid .df_span-md-pull-2{right:16.66666667%}.df_row-fluid .df_span-md-pull-1{right:8.33333333%}.df_row-fluid .df_span-md-push-12{left:100%}.df_row-fluid .df_span-md-push-11{left:91.66666667%}.df_row-fluid .df_span-md-push-10{left:83.33333333%}.df_row-fluid .df_span-md-push-9{left:75%}.df_row-fluid .df_span-md-push-8{left:66.66666667%}.df_row-fluid .df_span-md-push-7{left:58.33333333%}.df_row-fluid .df_span-md-push-6{left:50%}.df_row-fluid .df_span-md-push-5{left:41.66666667%}.df_row-fluid .df_span-md-push-4{left:33.33333333%}.df_row-fluid .df_span-md-push-3{left:25%}.df_row-fluid .df_span-md-push-2{left:16.66666667%}.df_row-fluid .df_span-md-push-1{left:8.33333333%}.df_row-fluid .df_span-md-offset-12{margin-left:100%}.df_row-fluid .df_span-md-offset-11{margin-left:91.66666667%}.df_row-fluid .df_span-md-offset-10{margin-left:83.33333333%}.df_row-fluid .df_span-md-offset-9{margin-left:75%}.df_row-fluid .df_span-md-offset-8{margin-left:66.66666667%}.df_row-fluid .df_span-md-offset-7{margin-left:58.33333333%}.df_row-fluid .df_span-md-offset-6{margin-left:50%}.df_row-fluid .df_span-md-offset-5{margin-left:41.66666667%}.df_row-fluid .df_span-md-offset-4{margin-left:33.33333333%}.df_row-fluid .df_span-md-offset-3{margin-left:25%}.df_row-fluid .df_span-md-offset-2{margin-left:16.66666667%}.df_row-fluid .df_span-md-offset-1{margin-left:8.33333333%}.full-width-content.df_row-fluid .df_span-md-12{width:100%}.full-width-content.df_row-fluid .df_span-md-11{width:91.66666667%}.full-width-content.df_row-fluid .df_span-md-10{width:83.33333333%}.full-width-content.df_row-fluid .df_span-md-9{width:75%}.full-width-content.df_row-fluid .df_span-md-8{width:66.66666667%}.full-width-content.df_row-fluid .df_span-md-7{width:58.33333333%}.full-width-content.df_row-fluid .df_span-md-6{width:50%}.full-width-content.df_row-fluid .df_span-md-5{width:41.66666667%}.full-width-content.df_row-fluid .df_span-md-4{width:33.33333333%}.full-width-content.df_row-fluid .df_span-md-3{width:25%}.full-width-content.df_row-fluid .df_span-md-2{width:16.66666667%}.full-width-content.df_row-fluid .df_span-md-1{width:8.33333333%}.df_row-fluid .df_span-col5{width:20%}}@media only screen and (min-width:1200px){.df_row-fluid .df_span-lg-12{width:100%}.df_row-fluid .df_span-lg-11{width:91.66666667%}.df_row-fluid .df_span-lg-10{width:83.33333333%}.df_row-fluid .df_span-lg-9{width:75%}.df_row-fluid .df_span-lg-8{width:66.66666667%}.df_row-fluid .df_span-lg-7{width:58.33333333%}.df_row-fluid .df_span-lg-6{width:50%}.df_row-fluid .df_span-lg-5{width:41.66666667%}.df_row-fluid .df_span-lg-4{width:33.33333333%}.df_row-fluid .df_span-lg-3{width:25%}.df_row-fluid .df_span-lg-2{width:16.66666667%}.df_row-fluid .df_span-lg-1{width:8.33333333%}.df_row-fluid .df_span-lg-pull-12{right:100%}.df_row-fluid .df_span-lg-pull-11{right:91.66666667%}.df_row-fluid .df_span-lg-pull-10{right:83.33333333%}.df_row-fluid .df_span-lg-pull-9{right:75%}.df_row-fluid .df_span-lg-pull-8{right:66.66666667%}.df_row-fluid .df_span-lg-pull-7{right:58.33333333%}.df_row-fluid .df_span-lg-pull-6{right:50%}.df_row-fluid .df_span-lg-pull-5{right:41.66666667%}.df_row-fluid .df_span-lg-pull-4{right:33.33333333%}.df_row-fluid .df_span-lg-pull-3{right:25%}.df_row-fluid .df_span-lg-pull-2{right:16.66666667%}.df_row-fluid .df_span-lg-pull-1{right:8.33333333%}.df_row-fluid .df_span-lg-push-12{left:100%}.df_row-fluid .df_span-lg-push-11{left:91.66666667%}.df_row-fluid .df_span-lg-push-10{left:83.33333333%}.df_row-fluid .df_span-lg-push-9{left:75%}.df_row-fluid .df_span-lg-push-8{left:66.66666667%}.df_row-fluid .df_span-lg-push-7{left:58.33333333%}.df_row-fluid .df_span-lg-push-6{left:50%}.df_row-fluid .df_span-lg-push-5{left:41.66666667%}.df_row-fluid .df_span-lg-push-4{left:33.33333333%}.df_row-fluid .df_span-lg-push-3{left:25%}.df_row-fluid .df_span-lg-push-2{left:16.66666667%}.df_row-fluid .df_span-lg-push-1{left:8.33333333%}.df_row-fluid .df_span-lg-offset-12{margin-left:100%}.df_row-fluid .df_span-lg-offset-11{margin-left:91.66666667%}.df_row-fluid .df_span-lg-offset-10{margin-left:83.33333333%}.df_row-fluid .df_span-lg-offset-9{margin-left:75%}.df_row-fluid .df_span-lg-offset-8{margin-left:66.66666667%}.df_row-fluid .df_span-lg-offset-7{margin-left:58.33333333%}.df_row-fluid .df_span-lg-offset-6{margin-left:50%}.df_row-fluid .df_span-lg-offset-5{margin-left:41.66666667%}.df_row-fluid .df_span-lg-offset-4{margin-left:33.33333333%}.df_row-fluid .df_span-lg-offset-3{margin-left:25%}.df_row-fluid .df_span-lg-offset-2{margin-left:16.66666667%}.df_row-fluid .df_span-lg-offset-1{margin-left:8.33333333%}.full-width-content.df_row-fluid .df_span-lg-12{width:100%}.full-width-content.df_row-fluid .df_span-lg-11{width:91.66666667%}.full-width-content.df_row-fluid .df_span-lg-10{width:83.33333333%}.full-width-content.df_row-fluid .df_span-lg-9{width:75%}.full-width-content.df_row-fluid .df_span-lg-8{width:66.66666667%}.full-width-content.df_row-fluid .df_span-lg-7{width:58.33333333%}.full-width-content.df_row-fluid .df_span-lg-6{width:50%}.full-width-content.df_row-fluid .df_span-lg-5{width:41.66666667%}.full-width-content.df_row-fluid .df_span-lg-4{width:33.33333333%}.full-width-content.df_row-fluid .df_span-lg-3{width:25%}.full-width-content.df_row-fluid .df_span-lg-2{width:16.66666667%}.full-width-content.df_row-fluid .df_span-lg-1{width:8.33333333%}.df_row-fluid .df_span-col5{width:20%}}.df_row-fluid .wpb_content_element{margin-bottom:30px}.visible-sm,.visible-tl,.visible-dt{display:none}@media screen and (max-width:768px){.hidden-sm{display:none !important}.visible-sm{display:block !important}}@media only screen and (min-width:768px) and (max-width:992px){.hidden-tl{display:none !important}.visible-tl{display:block !important}}@media only screen and (min-width:1200px){.hidden-dt{display:none !important}.visible-dt{display:block !important}}@media only screen and (min-device-width:320px) and (max-device-width:480px){.no-smartphone{display:none !important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.no-ipad{display:none !important}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.no-iphone{display:none !important}}





/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}




.page-id-2095 p {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: black;
    padding-bottom: 40px;
}

.page-id-2095 h2 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    word-wrap: break-word !important;
    text-align: left !important;
    padding-bottom: 10px;

}


.page-id-2175 p {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: black;
    padding-bottom: 40px;
}

.page-id-2175 h2 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    word-wrap: break-word !important;
    text-align: left !important;
    padding-bottom: 10px;

}






.wpb_wrapper p
{
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    font-weight: 400;
    line-height:22px;
    word-wrap: break-word;
    text-align:left;
}

.wpb_wrapper h1
{
    font-family: 'Roboto', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height:58px !important;
    word-wrap: break-word !important;
    text-align:left !important;
    padding-bottom:20px;
    text-transform:uppercase;
}

h1
{
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 50px !important;
    font-weight: 900 !important;
    line-height:58px !important;
    word-wrap: break-word !important;
    text-align:left !important;
    padding-bottom:20px;
    text-transform:uppercase;
}



.wpb_wrapper h2 
{
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height:38px !important;
    word-wrap: break-word !important;
    text-align:left !important;
    padding-bottom:20px;
    text-transform:uppercase;
}


h2 
{
    font-family: 'Roboto', sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height:38px !important;
    word-wrap: break-word !important;
    text-align:left !important;
    padding-bottom:20px;
    text-transform:uppercase;
}







.wpb_wrapper h3
{
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    word-wrap: break-word !important;
    text-align:left !important;
}


h3
{
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    word-wrap: break-word !important;
    text-align:left !important;
}



.wpb_wrapper h4
{
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    word-wrap: break-word !important;
    text-align:left !important;
}


h4
{
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    word-wrap: break-word !important;
    text-align:left !important;
}



.wpb_wrapper h5
{
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    word-wrap: break-word !important;
    text-align:left !important;
}



h5
{
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    word-wrap: break-word !important;
    text-align:left !important;
}



#logo
{
left: 50%;
transform: translateX(-50%);
z-index:5000;



position:fixed;
}



#logo img{
    padding-top: 50px;
    width:140px;
    display: block;
}




span.site-title
{
  display:none;
}

#top
{
  display:none;
}


.callus-mobile
{ display:none;
}



.col-full:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.fix:after,
.col-full:after {
  clear: both;
}


body
{ margin:0px;
  -webkit-font-smoothing: antialiased;
}


/* vor dem laden */ 
#content {
opacity: 0;

}







body #wrapper
{
    padding: 0;
    width: 100%;
    height:100%;
    position:relative;
    max-width: 2550px !important;
    margin:0px 0px;

}

#inner-wrapper{
    position: relative;
    width: 100%;
    height:100%;
  
}



 body #content {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 370px;
    width: 100%;
    height:100%;
   

}


.post-2095 p {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: black;
    padding-bottom: 40px;
}

.post-2095 h2 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    word-wrap: break-word !important;
    text-align: left !important;
    padding-bottom: 10px;

}


.post-2175 p {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: black;
    padding-bottom: 40px;
}

.post-2175 h2 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    word-wrap: break-word !important;
    text-align: left !important;
    padding-bottom: 10px;

}



h3.port_title {
    display:none;
}



.entry 
{width: 100%;
}




#nav-container 
{
   display:block;
}
.div-nav-toggle
{
   display:none;
}
h3.top-menu
{
  display:none;
}
#nav-container h3{
  display:none;
}


.universe-search-form
{
        display:none;
}


/*-----------------------------------------------------------------------------------*/
/*  4.0 Plugin Styles
/*-----------------------------------------------------------------------------------*/



/* Table */

.entry table {
  color: black;
  border-spacing: 0;
  width: 100%;
  border: 1px solid transparent;
  background: #fff;
  box-shadow: 0 1px 2px 0 #ffffff;
  -webkit-box-shadow: 0 1px 2px 0 #ffffff;
  -moz-box-shadow: 0 1px 2px 0 #ffffff;
  border-collapse: separate;
  margin-bottom: 10em;
  margin-left:-18px;
}
.entry table td,
.entry table th,
.widget_calendar th,
.widget_calendar td {

  padding: .800em 1.387em;
  text-align: left;
  border-right: 1px dotted transparent;
  vertical-align: top;
}
.entry table td p:last-child,
.entry table th p:last-child {
  margin-bottom: 0;
}
.entry table thead th {
  background: #fff;
   font-size:24px;
  font-weight:700;
  font-family:"Roboto", sans-serif;
  border-right: 1px solid transparent;
  border-bottom: 1px dotted #000;
  text-transform: uppercase;
  padding-left: 1em;
  padding-bottom:0.5em;
  vertical-align: middle;
  cursor: pointer;
}
.entry table thead th:first-child {
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.entry table thead th:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.entry table tr th:last-child,
.entry table tr td:last-child {
  border-right: 0;
}
.entry table tbody th {
  background: #fff;
  border-bottom: 1px solid transparent;
}
.entry table tbody td,
.widget_calendar td {
  border-bottom: 1px dotted #000;
     font-size:18px;
  font-weight:400;
  font-family: 'Roboto Mono', monospace;
}


.entry table tbody tr:hover,
.widget_calendar tr:hover {
  background:#000;
  color:white;
}

.entry table tbody tr:hover a,
.widget_calendar tr:hover a{
  background:#000;
  color:white;
}

.entry table thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}


.entry table thead tr .headerSortUp {
    background-image: url(asc.gif);
}
.entry table thead tr .headerSortDown {
    background-image: url(desc.gif);
}


.entry table tbody h2 {
  font-size: 1em;
  letter-spacing: normal;
  font-weight: normal;
}
.entry table tbody h2 a {
  font-weight: normal;
}
.entry table tbody tr:last-child td:first-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.entry table tbody tr:last-child td:last-child {

  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.entry table tbody tr:last-child td {
  border-bottom: 0;
}
.entry table tbody tr:last-child th {
  border-bottom: 0;
}

.tableholder {
    padding-top:20px;
    font-family: 'Roboto Mono', monospace;
    font-weight:400;
    font-size:15px;
    color:black;
}

.tableklammer {
   display:table;
   width:100%;
   height: 20px;
}


.tablecell {
    display:table-cell;
    vertical-align:middle;
    width: 35%;
}


.tablecell2 {
    display:table-cell;
    vertical-align:middle;
    
}


.myTable-mobile
{
display:none;
}



.vc_custom_1527183372832 .wpb_wrapper p a:link , .vc_custom_1520239259813 .wpb_wrapper p a:visited 

{

color: #ade4f7 !important;
background: black !important;

}


.vc_custom_1527183372832 .wpb_wrapper p a:hover , .vc_custom_1520239259813 .wpb_wrapper p a:active

{
color: black !important;
background: #ade4f7 !important;

}



.vc_custom_1527245206420 .wpb_wrapper p a:link , .vc_custom_1527245206420 .wpb_wrapper p a:visited 

{

color: #f9a7c2 !important;
background: black !important;

}


.vc_custom_1527245206420 .wpb_wrapper p a:hover , .vc_custom_1527245206420 .wpb_wrapper p a:active

{
color: black !important;
background: #f9a7c2 !important;

}




.vc_custom_1527522616206 .wpb_wrapper p a:link , .vc_custom_1527522616206 .wpb_wrapper p a:visited 

{

color: #eded84 !important;
background: black !important;

}


.vc_custom_1527522616206 .wpb_wrapper p a:hover , .vc_custom_1527522616206 .wpb_wrapper p a:active

{
color: black !important;
background: #eded84 !important;

}


.single-portfolio .maintext_holder p a:link, .single-portfolio .maintext_holder p a:visited 
{

color: white !important;
background: black !important;

}


.single-portfolio .maintext_holder p a:hover, .single-portfolio .maintext_holder p a:active 
{

color: black !important;
background: white !important;

}



/*-----------------------------------------------------------------------------------*/
/*  5.0 Project Single Page 
/*-----------------------------------------------------------------------------------*/




.project_details
{
    width:100%;
    padding-bottom:200px;
}



.project_details .tableholder
{

    width:600px;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    font-family: 'Roboto Mono', monospace;
    font-weight:400;
    font-size:16px;
    line-height:22px;
    color:black;
  
}



.project_details h2
{

    width:600px;
    margin-left:auto;
    margin-right:auto;
    padding-top:40px;
    text-transform:uppercase;
    
}




.project_details .maintext_holder p
{

    width:600px;
    margin-left:auto;
    margin-right:auto;
    font-family: 'Roboto Mono', monospace;
    font-weight:400;
    font-size:16px;
    line-height:22px;
    color:black;
    padding-bottom:80px;


    
}

.top-single-portfolio
{

    font-family: 'Roboto', sans-serif;
    font-weight:900;
    font-size:30px;
    color:black;
    text-transform:uppercase;
    display:none;
    
}







/*-----------------------------------------------------------------------------------*/
/*  6.0 Project Overview Page 
/*-----------------------------------------------------------------------------------*/


.grid{
  z-index:2000;
  opacity:1;

 }

 
.grid-item{
  position: relative;
  width: 100%;
}




.overlay-neu{
  position: absolute;
  top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
 opacity: 0;
  background-color: black;
 
}

.grid-item:hover .overlay-neu {
  opacity: 1 !important;
  cursor:pointer;
}

h3.project-title {
  color: white;
  font-size: 36px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


/* bootstrap grid */

.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}




*
 {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin:0;
  padding:0;
}






a:link, a:visited
{
 text-decoration:none !important;
 color:black !important;

 }

.entry table tbody tr:hover  a:link, .entry table tbody tr:hover  a:hover, .entry table tbody tr:hover a:visited, .entry table tbody tr:hover a:active{
 text-decoration:none !important;
 color:white !important;
 background:black;

 }

img
{
  display:block;  
  width:100%;
  height:auto;

}

.item img {
    margin-bottom: 15px;
    margin-top: 15px;
}


header h1
{
    display:none;
}






/*-----------------------------------------------------------------------------------*/
/*  7.0 Navigation / Menu
/*-----------------------------------------------------------------------------------*/


/* tank */

.nav {
    font-family: 'Roboto Mono', monospace;
   text-transform: uppercase; 
   letter-spacing: 0.075em;
   position: fixed;
   top: 50%;
   margin-top: -50px;
   z-index: 100;
   width: 120px;
   background: transparent;
   transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    font-size: 20px;
}



.nav2 {
    font-family: 'Roboto Mono', monospace;
   text-transform: uppercase; 
   letter-spacing: 0.075em;
   position: fixed;
   top: 50%;
    margin-top: -25px;
   z-index: 100;
   width: 120px;
   background: transparent;
   transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    font-size: 20px;
}





#nav-info {
    margin-left:10px;
}

#nav-contact {
    right:10px;
}





#nav-container
{
    display:none; 
}

#mobile-nav
{
    display:none; 
}

/* tank */




form#searchform input {
  display:none;
}






 




.df-mobile-navigation {
  display: none;
}





















/*-----------------------------------------------------------------------------------*/
/*  8.0 Dynamic Styles & Media Queries
/*-----------------------------------------------------------------------------------*/



@media (min-width: 2401px){







}







@media  (min-width: 1720px) and (max-width: 2400px){




.onoff-logo-slider img { 
  width: 200px;
}


#logo img{
    padding-top: 40px;
    width:100px;
}




.nav {
font-size: 18px;
}

.nav2 {
font-size: 18px;
}


.nav {

   top: 50%;
   margin-top: -50px;


}



.nav2 {

    top: 50%;
    margin-top:-15px;

}






#nav-info {
    margin-left:5px;
}

#nav-contact {
    right:5px;
}

.wpb_content_element
{
    margin-bottom:30px !important;
}


.entry table tbody td, .widget_calendar td
{
    font-size:16px;
    line-height:22px;
}

.entry table thead th
{
    font-size:22px;
}



 body.full-width #content {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 280px;
    width: 100%;
    height:100%;
   

}




.wpb_wrapper p
{
    font-size: 16px;
    font-weight: 400;
    line-height:22px;
   
}

.wpb_wrapper h1
{
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height:36px !important;
    
}

h1
{
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height:26px !important;
 
}



.wpb_wrapper h2 
{
   
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height:26px !important;
 
}

h2 
{
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height:26px !important;
   
}







.wpb_wrapper h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}


h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}

h3.project-title {
 
  font-size: 28px !important;
  
}


.wpb_wrapper h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}


h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}






.project_details .tableholder
{

    width:450px;
    padding-top:20px;
    font-size:13px;
    line-height:18px;
  
}



.project_details h2
{

    width:450px;
    font-size:22px;
    font-weight:900;
    
}




.project_details .maintext_holder p
{

    width:450px;
    font-size:16px;
    line-height:22px;
    padding-bottom:80px;


    
}


.post-2095 p {
    width: 550px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.post-2095 h2 {
    width: 550px;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  

}



.post-2175 p {
    width: 550px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}


.post-2175 h2 {
    width: 550px;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  

}


.top-single-portfolio
{

    font-family: 'Roboto', sans-serif;
    font-weight:900;
    font-size:18px;
    display:none;
    
}







.port_mason  .portfolio, .port_layout  .portfolio
{
    padding-right:15px;
    padding-bottom:15px;
}










}






/* notebook */
@media (min-width: 1200px) and (max-width: 1719px){


.onoff-logo-slider img { 
  width: 200px;
}


#logo img{
    padding-top: 30px;
    width:100px;
}





.nav {
font-size: 15px;


}
.nav2 {
font-size: 15px;
margin-top:-3px;
}


#nav-info {
    margin-left:2px;
}

#nav-contact {
    right:34px;
}

.wpb_content_element
{
    margin-bottom:25px !important;
}


.entry table tbody td, .widget_calendar td
{
    font-size:14px;
    line-height:20px;
}

.entry table thead th
{
    font-size:18px;
}



 body.full-width #content {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 220px;
    width: 100%;
    height:100%;
   

}




.wpb_wrapper p
{
    font-size: 13px;
    font-weight: 400;
    line-height:18px;
   
}

.wpb_wrapper h1
{
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height:36px !important;
    
}

h1
{
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height:26px !important;
 
}



.wpb_wrapper h2 
{
   
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height:26px !important;
 
}

h2 
{
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height:26px !important;
   
}


h3.project-title {
 
  font-size: 28px !important;
  
}





.wpb_wrapper h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}


h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}


h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}






.project_details .tableholder
{

    width:450px;
    padding-top:20px;
    font-size:13px;
    line-height:18px;
  
}



.project_details h2
{

    width:450px;
    font-size:22px;
    font-weight:900;
    
}




.project_details .maintext_holder p
{

    width:450px;
    font-size:13px;
    line-height:18px;
    padding-bottom:80px;


    
}


.post-2095 p {
    width: 450px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
}

.post-2095 h2 {
    width: 450px;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  

}




.top-single-portfolio
{

    font-family: 'Roboto', sans-serif;
    font-weight:900;
    font-size:18px;
    display:none;
    
}








.tableholder {
    padding-bottom:100px;
}


   


}









/* Ipad Landscape Format */
@media (min-width: 940px) and (max-width: 1199px) { 

.onoff-logo-slider img { 
  width: 140px;
}


#logo img{
    padding-top: 30px;
    width:100px;
}





.nav {
font-size: 15px;
}

.nav2 {
font-size: 15px;
margin-top:0px;
}


#nav-info {
    margin-left:2px;
}

#nav-contact {
    right:2px;
}

.wpb_content_element
{
    margin-bottom:25px !important;
}


.entry table tbody td, .widget_calendar td
{
    font-size:14px;
    line-height:20px;
}


.entry table tbody td:nth-of-type(6) {
    display:none;
}

.entry table tbody td:nth-of-type(1) {
    display:none;
}



.entry table thead th:nth-of-type(6) {
    display:none;
}


.entry table thead th:nth-of-type(1) {
    display:none;
}



.entry table thead th
{
    font-size:18px;
}



 body.full-width #content {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 220px;
    width: 100%;
    height:100%;
   

}




.wpb_wrapper p
{
    font-size: 13px;
    font-weight: 400;
    line-height:18px;
   
}

.wpb_wrapper h1
{
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height:36px !important;
    
}

h1
{
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height:26px !important;
 
}



.wpb_wrapper h2 
{
   
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height:26px !important;
 
}

h2 
{
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height:26px !important;
   
}







.wpb_wrapper h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}


h3.project-title {
 
  font-size: 28px !important;
  
}




h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}


h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}






.project_details .tableholder
{

    width:450px;
    padding-top:20px;
    font-size:13px;
    line-height:18px;
  
}



.project_details h2
{

    width:450px;
    font-size:22px;
    font-weight:900;
    
}




.project_details .maintext_holder p
{

    width:450px;
    font-size:13px;
    line-height:18px;
    padding-bottom:80px;


    
}

.post-2095 p {
    width: 450px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.post-2095 h2 {
    width: 450px;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
  

}

.top-single-portfolio
{

    font-family: 'Roboto', sans-serif;
    font-weight:900;
    font-size:18px;
    display:none;
    
}







.port_mason  .portfolio, .port_layout  .portfolio
{
    padding-right:15px;
    padding-bottom:15px;
}





}
















/* Ipad Portrait Format */
@media (min-width: 750px) and (max-width: 939px) {
 .df-desktop-navigation {
  display: none;
}




.myTable-mobile {
  display: block;
}


.myTable {
  display: none;
}



#logo img {
    padding-top: 20px;
    width: 80px;
    display: block;
}




.wpb_wrapper p
{
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    font-weight: 400;
    line-height:22px;
    word-wrap: break-word;
    text-align:left;
}

.wpb_wrapper h1
{
    font-family: 'Roboto', sans-serif !important;
    font-size: 50px !important;
    font-weight: 900 !important;
    line-height:58px !important;
    word-wrap: break-word !important;
    text-align:left !important;
    padding-bottom:20px;
    text-transform:uppercase;
}

h1
{
    font-size: 50px !important;
    font-weight: 900 !important;
    line-height:58px !important;
 
}



.wpb_wrapper h2 
{
   
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height:36px !important;
 
}

h2 
{
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height:36px !important;
   
}



h3.project-title {
 
  font-size: 50px !important;
  
}




.wpb_wrapper h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}


h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}


h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}







.entry table tbody td, .widget_calendar td {
    font-size: 16px;
    line-height: 22px;
    border-bottom:1px dotted black !important;
}



.div-nav-toggle{
   display:none;
}


.port_mason .portfolio, .port_layout .portfolio {
    padding-right: 35px;
    padding-bottom: 15px;
    width:100% !important;
}





body.single-portfolio .hentry {
  
    width: 100%;
    position: relative;
    margin-top: 60px;
    left: 0px;
}


 body.full-width #content {
    margin-left:20px;
    margin-right:20px;
    padding-left: 20px;
    padding-top: 150px;
    padding-right: 20px;
}


.vc_col-sm-2 {
    width: 50% !important;
}

.vc_col-sm-9 {
    width: 100% !important;
}


.vc_col-sm-8 {
    width: 70% !important;
}

.vc_col-sm-6 {
    width: 100% !important;
}


.vc_col-sm-5 {
    width: 100% !important;
}

.vc_col-sm-4 {
    width: 100% !important;
}

.vc_col-sm-3 {
    width: 100% !important;
}


.tableholder {
    font-size: 16px;
    line-height: 20px;
}

.tableklammer {
    height: 20px;
}


.entry table thead th {
    font-size: 17px;
    padding: 1.387em;

}


.nav {
   position: fixed;
   top:5%;
   z-index: 2600;
   width: 120px;
   background: transparent;
   transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    font-size: 16px;
    margin-top:0px;
}


.nav2 {
    position: fixed;
    top: 5%;
    margin-top:0px;
    z-index: 2600;
    width: 120px;
    background: transparent;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    font-size: 16px;
}

#nav-info {
    margin-left: 55px;
}

#nav-contact {
    right:-22px;
}

.vc_col-sm-3 {
    width: 100% !important;
    margin-right:15px;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 45px !important;
    width: 100%;
}

#navigation.df-mobile-navigation {
    display:none;

}



.single-portfolio .media-single-port2 img
{
  width:100%;
  height:100%;
}



 



}















/* Iphone Portrait und Landscape + Ipad Portrait */

@media only screen and (max-width: 749px)  {
 .df-desktop-navigation {
  display: none;
}


h3.project-title {
  font-size: 22px !important;

}

#logo {
    z-index: 2000;
    position: fixed;
}



.grid {
    margin-top: 0px;
}

body.page-id-27.full-width #content {
    margin-left: 0px !important;
}



.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 
{

    width:100%;
}


body #content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 270px;
    width: 100%;
    height: 100%;
}




.myTable-mobile {
  display: block;
}


.myTable {
  display: none;
}





#logo img {
    padding-top: 20px;
    width: 80px;
    display: block;
}



.nav {
   position: fixed;
   top:5%;
   z-index: 2600;
   width: 120px;
   background: transparent;
   transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    font-size: 16px;
    margin-top:0;
}


.nav2 {
   position: fixed;
   top:5%;
   z-index: 2600;
   width: 120px;
   background: transparent;
   transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    font-size: 16px;
    margin-top:0;
}

#nav-info {
    margin-left:30px;
}

#nav-contact {
    right:-25px;
}





.wpb_wrapper p
{
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
      font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
    text-align:left;
    width:300px;
}

.wpb_wrapper h1
{
    font-family: 'Roboto', sans-serif !important;
    font-size: 50px !important;
    font-weight: 900 !important;
    line-height:58px !important;
    word-wrap: break-word !important;
    text-align:left !important;
    padding-bottom:20px;
    text-transform:uppercase;
}

h1
{
    font-size: 50px !important;
    font-weight: 900 !important;
    line-height:58px !important;
 
}


 
.wpb_wrapper h2 {
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 26px !important;
}

h2 
{
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height:38px !important;
   
}







.wpb_wrapper h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}


h3
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}


h4
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



.wpb_wrapper h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
    
}



h5
{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height:22px !important;
   
}










.entry table tbody td, .widget_calendar td {
    font-size: 16px;
    line-height: 24px;
    border-bottom:1px dotted black !important;
}



.div-nav-toggle{
   display:none;
}


.port_mason .portfolio, .port_layout .portfolio {
    padding-right: 0px;
    padding-bottom: 15px;
    width:100% !important;
}




body.single-portfolio .hentry {
  
    width: 100%;
    position: relative;
    margin-top: 60px;
    left: 0px;
}


 body.full-width #content {
    padding-left: 15px;
    padding-top: 150px;
    padding-right: 15px;
    margin-right: 15px;
    margin-left: 15px;
}







.tableholder {
    font-size: 16px;
    line-height: 20px;
}

.tableklammer {
    height: 20px;
}







    .entry table thead th {
    font-size: 17px;
    padding: 1.387em;

}




#navigation {
    display:none;
}


#navigation.df-mobile-navigation {
    display:none;
 

}



.single-portfolio .media-single-port2 img
{
  width:100%;
  height:100%;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 45px !important;
    width: 100%;
}


.project_details .maintext_holder p {
    font-size: 14px;
    line-height: 20px;
    text-align:left;
    word-wrap: break-word;
    margin:0px;
    width:300px;
}


.project_details .tableholder
{

    width:240px;
    padding-top:20px;
    font-size:13px;
    line-height:18px;
    margin:0px;
  
}

.vc_empty_space
{

   display:none !important;
  
}


.project_details h2
{

    width:240px;
    font-size:18px;
    font-weight:900;
    line-height:24px;
    margin:0px;
    
}

.post-2095 p {
    width: 240px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
}

.post-2095 h2 {
    width: 240px;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  

}



 .mobile-true #inner-wrapper, #inner-wrapper{
    margin-top: 0px;
}



.vc_col-sm-2 {
    width: 100% !important;
}

.vc_col-sm-9 {
    width: 100% !important;
}


.vc_col-sm-8 {
    width: 100% !important;
}

.vc_col-sm-6 {
    width: 100% !important;
}


.vc_col-sm-5 {
    width: 100% !important;
}

.vc_col-sm-4 {
    width: 100% !important;
}

.vc_col-sm-3 {
    width: 100% !important;
}







}