@charset "UTF-8";
/* 
Theme Name: Andreas Balon 2018
Theme URI: http://www.julianweidenthaler.com
Description: A Responsive and Minimal Portfolio Theme
Version: 1.0
Author: Julian Weidenthaler
Author URI: http://www.julianweidenthaler.com
Tags: portfolio, responsive, blog, clean, minimal, white, two-columns, custom-background, threaded-comments, translation-ready, custom-menus*/

/* ====================================================================================================================
 * BROWSER RESET
 * ==================================================================================================================== */
 
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;text-decoration:none;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video,form{display:block;}

html{-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;}
a {text-decoration: none;}

ol,ul{list-style:none;}
sup { vertical-align: super;font-size: small;}
sub { vertical-align: sub;font-size: small;}
blockquote:before,blockquote:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
:focus{outline:none;}
table {width:100%;}
img {image-rendering: auto;}

*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 300;color:#111;font-style: normal;font-size:100%;font-size:16px;line-height:1.6em;background: hsl(0, 0%, 90%);-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html, body {min-height:100%;}

.fixed {position: fixed!important;}
.hidden {display: none!important;}

.floatleft {float: left;}
.floatright {float: right;}
.clearcol {clear: both;}
.alignCenter {text-align: center;}

.maximage img {width:100%;height:auto;}
.phoneshow {display: none;}

/* ====================================================================================================================
 * ANIMATIONEN
 * ==================================================================================================================== */

a, figure img, figure figcaption, #pagetitle h1{
-webkit-transition: all 500ms ease-in-out; 
   -moz-transition: all 500ms ease-in-out; 
     -o-transition: all 500ms ease-in-out; 
        transition: all 500ms ease-in-out;
}

/* ====================================================================================================================
 * LAYOUT
 * ==================================================================================================================== */

.grid-sizer {width:3%;}
.col1 {width: 12%;}
.col2 {width: 15%;}
.col3 {width: 21%;}


figure, figure img {width:100%!important;height:auto;}
figure figcaption {color: black;font-size: 1em;line-height: 1em;font-family: Times, serif;letter-spacing: 0;font-style: italic;text-align:right;text-transform: lowercase;text-decoration: none;font-weight: normal;margin-right: 0px;padding: 5px;background-color: white;position:absolute;bottom:0;right:0;opacity: 0;}
figure:hover figcaption {opacity: 1;}

.lazyload {}
.lazyloading {background:#eee;}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
   
}


.ratio-box {
	position: relative;
	height: 0;
	display: block;
	width: 100%;
	/* padding-bottom is calculated and rendered in to HTML */
}

.ratio-box img,
.ratio-box iframe,
.ratio-box video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.item {padding:25px;}
.kunde {font-family: Times, serif;font-style:italic;}
.kunde span {font-weight: bold;}

#container {
	width:100%;
	padding: 105px 50px 50px 100px;
}

#content {
margin: 100px 50px 50px;
position: absolute;
}

.lock-position{overflow: hidden;}

#contentpagesite, #contentpage {
max-width:800px;padding-top:125px;padding-bottom: 4em;position: relative;}

.modal-body, #contentpagesite{width:80%;margin:0 auto;}


#header, #pagetitle {
position: fixed;
z-index: 100000;
padding-left: 50px;
}
#pagetitle h1 {margin:0;padding: 0 10px 0px 0;}
#pagetitle {top:125px;}
#pagetitle:hover {background: #ddd;}

#logo {display:block;position: absolute;top:50px;}
#navigation {display:block;position: absolute;top:125px;}
.page-template-customer #navigation {top:175px;}

#single_header {position:fixed;top:50px;right:100px;width:50%;text-align:right;}

#nav-icon, #ajax-close {
  width: 36px;
  height: 25px;
  position: fixed;
  right:10px;
  top:10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#fb-close {
  width: 36px;
  height: 25px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span, #ajax-close span, #fb-close span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #111;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon.hide {display:none;}
#ajax-close.open, #fb-close.open {display: block;}
#nav-icon.open span, #ajax-close.open span, #fb-close.open span {background:#111;}

#nav-icon span:nth-child(1), #ajax-close span:nth-child(1), #fb-close span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2), #ajax-close span:nth-child(2), #fb-close span:nth-child(2) {top: 10px;}
#nav-icon span:nth-child(3), #ajax-close span:nth-child(3), #fb-close span:nth-child(3) {top: 20px;}

#nav-icon.open span:nth-child(1), #ajax-close.open span:nth-child(1), #fb-close.open span:nth-child(1) {top: 12px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
#nav-icon.open span:nth-child(2), #ajax-close.open span:nth-child(2), #fb-close.open span:nth-child(2) {opacity: 0;left: -60px;}
#nav-icon.open span:nth-child(3), #ajax-close.open span:nth-child(3), #fb-close.open span:nth-child(3) {top: 12px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}


/* ====================================================================================================================
 * TYPOGRAFIE
 * ==================================================================================================================== */


h1 {
font: bold 1.5em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
margin-bottom: 1em;
display: block;
}

h2 {
font: bold 1.3em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
margin-bottom: 1em;
margin-top:1em;
display: block;
}

h3 {
font: bolditalic 1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
margin-bottom: 1em;
display: block;
}

p {
font-weight: normal;
margin-bottom: 1em;
}

a {color: black;}

#contentpagesite a {
color: black;
border-bottom: 2px solid;
}

.read {
position: relative;
}

.thumbtitle {
display: none;
right: 0;
text-align: right;
bottom: 0;
margin-bottom: 5px;
position: absolute;
z-index: 1000;
}

.thumbtitle a{
color: #f4f4f4;
background-color: #111;
font-size: 1em;
line-height: 1em;
font-family: Times, serif;
letter-spacing: 0;
font-style: italic;
text-transform: lowercase;
text-decoration: none;
font-weight: normal;
margin-right: 0px;
padding: 5px;
}

.thumbtitle a:hover {
color: #111;
background-color: #ddd;
}

.read:hover .thumbtitle {
display: block;
}


#navigation li {
list-style: none;
}

.nav .menu a {
text-transform: uppercase;
}

.nav .menu .current-menu-item a, .sub .menu .current-menu-item a, .sub .menu .current-page-ancestor a{
color: #f4f4f4;
background-color: #111;
padding-right: 5px;
}

.sub .menu {
margin-top: 2em;
}

.big, .nav .menu a {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
text-decoration: none;
line-height: 1em;
padding-right: 5px;
padding-left: 5px;
letter-spacing: -0.05em;
color: #111;
background: hsla(0, 0%, 90%, 0.15);
}

.big {
	font-weight:bold;
}

.sub .menu a {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.3em;
font-style: normal;
text-decoration: none;
line-height: 1em;
letter-spacing: -0.05em;
font-weight: normal;
padding-right: 5px;
padding-left: 5px;
text-transform:lowercase;
color: #111;
background: hsla(0, 0%, 90%, 0.15);
}

#header a:hover {
cursor: pointer;
color: #f4f4f4;
background-color: #111;
}

#contentpage ul {
list-style: circle;
margin-left: 1.4em;
}

.three-columns-one {
float: left;
margin-right: 4%;
width: 30%;
}

.three-columns-one.last {margin-right:0%;}

.dividerColumn {
clear: both;
}

strong {
font-weight: bold;
}
	
/*navigation buttons (needed
for infinite scroll) */
.alignprev, .alignnext {
	width:1px;
	display: none;
}

.alignprevNo {
	padding:6px;
	width:70px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-bottom:20px;

}

.alignnextNo {
	position:absolute;
	bottom: 10px;
	padding:6px;
	width:100px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-bottom:5px;
}

/* ====================================================================================================================
 * INPUT FIELDS
 * ====================================================================================================================*/

input,textarea{width:100%;padding:10px;-webkit-box-sizing:border-box;/* Safari/Chrome, other WebKit */-moz-box-sizing:border-box;/* Firefox, other Gecko */box-sizing:border-box;background-color:transparent;border:none;border-bottom:2px solid black;margin-top:1em;-webkit-appearance:none;-webkit-border-radius:0;font-weight:bold;color:black;font-size:1em;line-height:1.5em;}
input:focus,textarea:focus{background: rgba(255, 255, 255, 0.2);color:black;border-bottom:2px solid white;}
input[type=checkbox],input[type=radio]{float:left;background-color:#fff;color:transparent;width:1em;border:1px solid #aaa;-webkit-appearance:button;margin:0;}
input[type=checkbox]:hover,input[type=radio]:hover{cursor:pointer;}
input[type=checkbox]:checked,input[type=radio]:checked{background-color:#e5e5e5;}
.wpcf7-list-item{display:inline-block;width:100%;font-weight:700;margin-bottom:.5em;}
span.wpcf7-list-item{margin-left:0!important;}
.wpcf7-submit,input[type=reset]{padding:5px 10px;text-transform: uppercase; background: transparent;color:black;border:2px solid black;width:100px!important;margin-bottom:0;margin-right:1em;font-weight: bold;}
.wpcf7-submit {margin-top:1em;}
input[type=reset]{background-color:#7a7a7a;}
.wpcf7-captchar{margin-bottom:15px;}
.wpcf7-submit:hover{background: black;color:white;cursor:pointer;}
.wpcf7-quiz {width:70%;}
.wpcf7-quiz-label {margin-top:1em}
.wpcf7-validation-errors{background-color:transparent;color:white;width:100%;border:none!important;margin:0!important;float:left;padding-left:0!important;padding-right:0!important;text-align:center;font-size:.8em;}
.wpcf7-select{width:100%;border:none!important;background-color:#fff;color:#000;}
.wpcf7-mail-sent-ok{background-color:#999;color:#fff;width:100%;border:none!important;margin:0!important;float:left;padding-left:0!important;padding-right:0!important;text-align:center;font-size:.8em;}
.wpcf7-not-valid-tip{float:left;top:0!important;left:100px!important;border:none!important;font-size:.75em!important;text-transform:uppercase;color:black!important;font-weight:bold;margin-bottom:1em;width:100%;text-align: center;}
.wpcf7-form-control-wrap.quizschinko{margin-top:1em;float:left;}
.wpcf7-form-control-wrap.quizschinko input{margin-top:0;float:right;width:75%;}
span.wpcf7-quiz-label{float:left;width:30%!important;}
span.wpcf7-form-control-wrap{width:100%;}
.wpcf7-response-output {margin: 1em 0 0!important;}
.wpcf7-form {margin-bottom:2em;}

div.wpcf7-response-output {font-weight:bold!important;color:red!important;}

::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.5);font-weigth:normal;}
::-moz-placeholder { /* Firefox 19+ */color: rgba(0, 0, 0, 0.5);font-weigth:normal;}
:-ms-input-placeholder { /* IE 10+ */color: rgba(0, 0, 0, 0.5);font-weigth:normal;}
:-moz-placeholder { /* Firefox 18- */color: rgba(0, 0, 0, 0.5);font-weigth:normal;}


/* ====================================================================================================================
 * TOOLTIP
 * ====================================================================================================================*/
 
#tooltip{
	position:absolute;
	background:rgba(0, 0, 0, 0.9);
	padding:.5em 1em;
	color:white;
	display:none;
	font-size: 0.75rem;
	line-height: 1.5em;
	font-weight:bold;
	letter-spacing: 1;
	z-index: 9998;
	text-transform: uppercase;
}

/* ====================================================================================================================
 * SLICKSLIDER
 * ====================================================================================================================*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;z-index:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide.dragging img{pointer-events:none;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-loading .slick-track,.slick-loading .slick-slide{visibility:hidden;}
.slick-slide img,.slick-initialized .slick-slide{display:block;}
.slick-slide.slick-loading img,.slick-arrow.slick-hidden{display:none;}


/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.slick-loading .slick-list{background:#fff center center no-repeat;}
.slick-prev,.slick-next{z-index:1000;font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;padding:0;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}
.slick-prev.slick-disabled::before,.slick-next.slick-disabled::before{opacity:.25;}
.slick-prev::before,.slick-next::before{font-family: "ngr" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev{left:-25px;}
[dir='rtl'] .slick-prev{right:-25px;left:auto;}
.slick-next{right:-25px;}
[dir='rtl'] .slick-next{right:auto;left:-25px;}
.slick-dots{position:absolute;bottom:5rem;display:block;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);list-style:none;text-align:center;margin:0;padding:0;}
.slick-dots li{position:relative;display:inline-block;width:40px;height:20px;cursor:pointer;margin:0 5px;padding:0;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:40px;height:20px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;padding:5px;}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}
.slick-dots li button::before{line-height:20px;position:absolute;top:0;left:0;width:30px;height:7px;content:'';text-align:center;background-color: #ffffff;}
.slick-dots li.slick-active button::before{background-color:#fac823;}
.slick-dots li.slick-active button:hover::before{background-color:#fac823;pointer-events: none;cursor: default;}
.slick-dots li button:hover::before {background-color:#4e5659;}
.slick-prev:hover::before,.slick-prev:focus::before,.slick-next:hover::before,.slick-next:focus::before,.slick-dots li button:hover::before,.slick-dots li button:focus::before{opacity:1;}
.slick-prev::before,[dir='rtl'] .slick-next::before{content:'\e012';}
[dir='rtl'] .slick-prev::before,.slick-next::before{content:'\e011';}


.fancybox-lock{overflow:hidden!important;width:auto;}

/* ====================================================================================================================
 * FANCY BOX 3 STYLES
 * ====================================================================================================================*/


body.compensate-for-scrollbar { overflow: hidden; }
.fancybox-active { height: auto; }
.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }
.fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; height: 100%; left: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; }
.fancybox-container * { box-sizing: border-box; }
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }
.fancybox-bg { background: hsl(0,0%,90%); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg { opacity: 1; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s, visibility 0s linear .25s; visibility: hidden; z-index: 99997; }
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s, visibility 0s; visibility: visible; }
.fancybox-infobar { color: #111; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 50%; line-height: 44px; min-width: 44px; padding: 0 10px; pointer-events: none; text-align: center; bottom: 50px;-webkit-transform:translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.fancybox-toolbar { right: 50px; top: 40px; }
.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translate3d(0, 0, 0); z-index: 99994; }
.fancybox-is-open .fancybox-stage { overflow: hidden; }
.fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; }
.fancybox-slide::before { content: ''; display: inline-block; height: 100%; margin-right: -.25em; vertical-align: middle; width: 0; }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }
.fancybox-slide--next { z-index: 99995; }
.fancybox-slide--image { overflow: visible; padding: 128px 300px; }
.fancybox-slide--image::before { display: none; }
.fancybox-slide--html { padding: 6px 6px 0 6px; }
.fancybox-slide--iframe { padding: 44px 44px 0; }
.fancybox-content { background: #fff; display: inline-block; margin: 0 0 6px 0; max-width: 100%; overflow: auto; padding: 0; padding: 24px; position: relative; text-align: left; vertical-align: middle; }
.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; margin: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }
.fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; }
.fancybox-can-drag .fancybox-content { cursor: -webkit-grab; cursor: grab; }
.fancybox-is-dragging .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }
.fancybox-container [data-selectable='true'] { cursor: text; }
.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; width: 100%; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.fancybox-spaceball { z-index: 1; }
.fancybox-slide--html .fancybox-content { margin-bottom: 6px; }
.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; margin: 0; overflow: visible; padding: 0; width: 100%; }
.fancybox-slide--video .fancybox-content { background: #000; }
.fancybox-slide--map .fancybox-content { background: #e5e3df; }
.fancybox-slide--iframe .fancybox-content { background: #fff; height: calc(100% - 44px); margin-bottom: 44px; }
.fancybox-video, .fancybox-iframe { background: transparent; border: 0; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }
.fancybox-iframe { vertical-align: top; }
.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }
.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }
/* Buttons */ 
.fancybox-button { background: rgba(30, 30, 30, 0); border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 44px; margin: 0; outline: none; padding:0; margin-right: 10px; transition: color .2s; vertical-align: top; width: 36px; }
.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }
.fancybox-button:focus, .fancybox-button:hover { color: #fff; }
.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { fill: #ccc; cursor: default; }
.fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricPrecision; }
.fancybox-button svg path {stroke-linejoin: round; stroke-width: 3; }
.fancybox-button--play svg path:nth-child(2) { display: none; }
.fancybox-button--pause svg path:nth-child(1) { display: none; }
.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentColor; }
.fancybox-button--share svg path { stroke-width: 1; }
/* Navigation arrows */ 
.fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px; }
.fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity .25s, visibility 0s, color .25s; }
.fancybox-navigation .fancybox-button::after { content: ''; left: -25px; padding: 50px; position: absolute; top: -25px; }
.fancybox-navigation .fancybox-button--arrow_left { left: 50px; }
.fancybox-navigation .fancybox-button--arrow_right { right: 50px; }
/* Close button on the top right corner of html content */ 
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #555; cursor: pointer; height: 44px; margin: 0; padding: 6px; position: absolute; right: 0; top: 0; width: 44px; z-index: 10; }
.fancybox-close-small svg { fill: transparent; opacity: .8; stroke: currentColor; stroke-width: 1.5; transition: stroke .1s; }
.fancybox-close-small:focus { outline: none; }
.fancybox-close-small:hover svg { opacity: 1; }
.fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { color: #ccc; padding: 5px; right: -12px; top: -44px; }
.fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg, .fancybox-slide--iframe .fancybox-close-small:hover svg { background: transparent; color: #111; }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; }
/* Caption */ 
.fancybox-caption { color: #111; font-size: 1rem; font-weight: bold; top: 50px; line-height: 1.5em; right: 100px; }
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }
.fancybox-caption a:hover { color: #111; text-decoration: underline; }
/* Loading indicator */ 
.fancybox-loading { -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; border: 6px solid rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999; }
@-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
/* Transition effects */ 
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
/* transitionEffect: slide */ 
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* transitionEffect: fade */ 
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }
/* transitionEffect: zoom-in-out */ 
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
/* transitionEffect: rotate */ 
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
/* transitionEffect: circular */ 
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
/* transitionEffect: tube */ 
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
/* Share */ 
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }
.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }
.fancybox-share p { margin: 0; padding: 0; }
.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }
.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }
.fancybox-share__button:hover { text-decoration: none; }
.fancybox-share__button--fb { background: #3b5998; }
.fancybox-share__button--fb:hover { background: #344e86; }
.fancybox-share__button--pt { background: #bd081d; }
.fancybox-share__button--pt:hover { background: #aa0719; }
.fancybox-share__button--tw { background: #1da1f2; }
.fancybox-share__button--tw:hover { background: #0d95e8; }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }
.fancybox-share__button svg path { fill: #fff; }
.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }
/* Thumbs */ 
.fancybox-thumbs { background: #fff; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }
.fancybox-show-thumbs .fancybox-thumbs { display: block; }
.fancybox-show-thumbs .fancybox-inner { right: 212px; }
.fancybox-thumbs > ul { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }
.fancybox-thumbs-x > ul { overflow: hidden; }
.fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; }
.fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }
.fancybox-thumbs > ul > li { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }
.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fancybox-thumbs > ul > li:before { border: 4px solid #4ea7f9; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }
.fancybox-thumbs .fancybox-thumbs-active:before { opacity: 1; }
/* Styling for Small-Screen Devices */ 
@media all and (max-width: 800px) {
	.fancybox-thumbs { width: 110px; } 
	.fancybox-show-thumbs .fancybox-inner { right: 110px; } 
	.fancybox-thumbs > ul > li { max-width: calc(100% - 10px);} 
} 


@media screen and (max-width: 2200px) {
.grid-sizer {width:3%;}
.col1 {width: 15%;}
.col2 {width: 18%;}
.col3 {width: 24%;}

}

/* --- RESPONSIVE LAYOUTS --- */

@media screen and (max-width: 1440px) {
.fancybox-slide {padding:100px 300px;}
}


@media screen and (max-width: 1280px) {
.grid-sizer {width:10%;}
.col1 {width: 30%;}
.col2 {width: 40%;}
.col3 {width: 50%;}
.modal-body, #contentpagesite{width:60%;margin:0 10% 0 30%;}
}


@media screen and (max-width: 1024px) {
body {font-size:12px;}
.col1 {width: 20%;}
.col2 {width: 30%;}
.col3 {width: 40%;}
.modal-body {padding-top:10em;}
.fancybox-slide {padding:60px 200px;}
}


/* --- iPad Portrait --- */
@media screen and (max-width: 768px) {
.phoneshow {display: block;}
.phonehide {display: none!important}
.fancybox-caption {right:0;width:100%;padding:0 10px;}
body, #header, .fancybox-bg, .fancybox-toolbar {background-color:hsl(0, 0%, 90%);}
#header.showx {width:calc( 100% - 46px );}
.fancybox-slide {padding:50px 0px;}
.fancybox-toolbar {right:0px;top:0px;}
.fancybox-navigation .fancybox-button {top:inherit;bottom:50px;}

#pagetitle {padding:0;top:17px;left:120px;}
#logo{margin-top:5px;position:static}
#navigation {display:none;position: static;}
#navigation.visible {display: block;margin-top:20px;}
.nav .menu a, #navigation .sub li a, #logo {width:80%;}
h1 {font-size:1.5em;line-height: 1.4em;}

#contentpagesite{width:100%;margin:0;padding:60px 10px 0;}
/* Icon 1 */

.grid-sizer {width:10%;}
.col1 {width: 30%;}
.col2 {width: 40%;}
.col3 {width: 50%;}
#header {top:0px;left:0px;padding:10px;width:100%;display: block;}
#container {padding:40px 0px 0px;}
.item {padding:10px;}
.modal-body {width:50%;margin:0 auto;padding-top:60px;}

}

@media screen and (max-width: 768px) and (orientation: landscape) {
	.grid-sizer {width:10%;}
	.col1 {width: 30%;}
	.col2 {width: 40%;}
	.col3 {width: 50%;}
}

@media screen and (max-width: 450px) {
	.grid-sizer {width:50%;}
.col1 {width: 50%;}
.col2 {width: 100%;}
.col3 {width: 100%;}
	.modal-body {width:100%;margin:0;padding-left:10px;padding-right:10px;padding-top:60px;}
}