article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:400}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} .flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.slides{margin:0;padding:0;list-style:none}.flexslider{padding:0;overflow:hidden}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides li{background-position:center center;background-size:cover}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{margin:0;background:#3A3833;position:relative;zoom:1}.flex-viewport{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.flex-control-nav,.flex-direction-nav{display:none}
.flexslider .slides > li {
display: none; -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}   html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
*, *:after, *:before {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body, .bp-contact-card code {
font-family: "Roboto", Arial, Helvetica, sans-serif!important;
color: #DDD;
font-size: 15px;
line-height: 1.6;
font-weight: 300;
background-color: #494640;
padding: 0;
}
body {
border-top:4px solid #F33927;
}
.clear {
clear: both;
display: block;
}
img {
max-width: 100%;
vertical-align: bottom;
}
a {
text-decoration: none;
}
.wrcontent a {
opacity: 1;
transition: opacity .2s ease-in;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
-o-transition: opacity .2s ease-in;
}
.wrcontent a:hover {
opacity: 0.7;
transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
}
a:focus {
outline: 0;
}
a:hover, a:active {
outline: 0;
}
input:focus {
outline: 0;
border: 1px solid #DDD;
} header, .wrcontent, .copyinfo, footer, .project, .flexslider, .logo, .servicenav, .wrfooter, .wrlogo, .logo, .slimage   {
margin: 0 auto;
clear: both;
}
.mobile header, .mobile nav, .wrlogo {
width: 100%;
}
.wrcontent {
overflow-y: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.botwrap {
width: 100%;
margin: 0 auto;
padding-bottom: 30px;
clear: both;
background-color: #FFF;
min-height: 450px;
} header {
position: relative;
height: auto;
width: 100%
}
.mobile header {
height: auto;
min-height: 50px;
margin: 0 auto 20px;
}
.wrlogo {
height: auto;
position: absolute; 
top: 100px;
z-index: 999999;
display: block;
}
.home .wrlogo {
display: block;
}
.logo {
}
.logo a img {
transition: all 0.4s ;
float: right;
width: 250px;
height: auto;
}
.logo a img:hover {
opacity: 0.7;
transition: all 0.4s ;
}
.mobile .logo {
display: none;
} .wrnav {
width: 100%;
clear: both;
height: auto;
position: relative;
background-color: rgba(0,0,0,0.2);
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif!important;
border-top: 4px solid #00AFE7;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
nav {
height: 40px;
z-index: 99;
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
margin: 0 auto;
text-align: center;
}
nav ul {
padding: 0;
margin: 0;
}
.nav-list {
list-style-type: none;
text-align: justify;
padding: 0;
margin: 0;
line-height: 40px;
height: 40px;
}
.nav-list li {
position: relative;
display: inline;
margin-right: 20px;
}
.nav-item a {
color: #FFF;
line-height: 40px;
display: inline-block;
}
.nav-item > a:hover {
color: #00AFE7;
}
.nav-item.active > a{
color: #F33927;
} .nav-item:hover .sub-menu {
display: block;
}
.nav-item:hover .sub-menu .sub-menu{
display: none;
}
.nav-item .sub-menu .nav-sitem a:hover .sub-menu,
.nav-item ul.sub-menu li.nav-sitem:hover .sub-menu {
display: block;
background-color: #3A3833!important;
padding: 0!important;
}
ul.sub-menu {
background-color: #3A3833;
padding: 0!important;
}
ul.sub-menu li.nav-item {
display: block;
}
ul.sub-menu li.nav-item a {
text-transform: none!important;
text-align: left!important;
line-height: 1.2em;
}
.nav-sitem a {
background-color: #3A3833;
border: 1px solid rgba(255,255,255,0.1);
border-top: none;
padding: 8px 10px 8px 10px;
line-height: 26px;
transition: all 0.3s ;
width: 100%;
text-align: left;
text-transform: none;
}
.nav-sitem a:hover {
color: #CCC;
background-color: #494640;
position: relative;
transition: all 0.3s ;
padding-left:18px;
} .nav-mobile {
display: none; cursor: pointer;
position: absolute;
top: 0;
right: 0;
background: #666 url(//www.sdge.nl/wp-content/themes/gi/img/nav.png) no-repeat center center;
background-size: 18px;
height: 50px;
width: 50px;
}
.sub-menu {
display: none;
position: absolute;
left: -10px;
top: 31px;
width: 190px;
z-index: 999;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
}
.sub-menu .sub-menu {
display: none;
left: 180px;
top: -10px;
z-index: 9989;
}
#main ul ul.sub-menu {
background-color: #3A3833;,
background-color: #000!important;
padding: 0!important;
} .nav-click {
position: absolute;
top: 0;
right: 0;
display: none;
border-left: 1px solid #FFF;
height: 54px;
width: 50px;
cursor: pointer;
}
.nav-click i {
display: block;
height: 48px;
width: 48px;
background-size: 20px;
background-image: url(//www.sdge.nl/wp-content/themes/gi/img/drop.png);
background-repeat: no-repeat;
background-position: center center;
}
.nav-click:hover {
}
.nav-rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.xtramenu {
width: 978px;
height: 40px;
margin: 0 auto;
position: relative;
}
.socials {
float: left;
width: 40%;
height: 40px;
background-image: url(//www.sdge.nl/wp-content/uploads/gi-img/demo.png);
background-repeat: no-repeat;
background-position: left center;
} .servicenav {
float: right;
width: 40%;
height: 40px;
margin-right: 40px;
}
.servicenav ul {
padding: 0;
margin: 0;
}
.servicenav li, .servicenav li.nav-item {
display: inline;
float: right;
}
.servicenav li a, .servicenav li.nav-item {
display: inline-block;
margin-left: 10px; 
color: #CCC;
font-size: 13px;
line-height: 44px;
font-weight: 300;
text-transform: uppercase;
padding: 0;
background: transparent;
border-bottom: none;
*display:inline-block;
zoom: 1;
position: inherit;
}
.servicenav li.nav-item > a:hover {
background: transparent!important;
color: #00AFE7;
} .search-form {
position: absolute;
right: 0;
top: -1px;
}
.search-field {
font-family: 'Roboto', Arial, Helvetica, sans-serif!important;
background-color: transparent;
background-image: url(//www.sdge.nl/wp-content/themes/gi/img/sbtn.png);
background-position: right center;
background-repeat: no-repeat;
background-size: 36px 36px;
border: none;
cursor: pointer;
height: 36px;
margin: 3px 0;
padding: 0 0 0 36px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 0;
}
.search-field:focus {
background-color: #fff;
border: 1px solid #E5E5E5;
cursor: text;
outline: 0;
width: 565px;
}
.search-submit {
display: none;
}
input[type="search"] {
-webkit-appearance: textfield;
}  .wrcontent section a {
color: #FFF;
}
.wrcontent section p  {
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
article.hcontent {
width: 100%;
clear: both;
display: block;
} .hblok, .hcol {
float: left;
width: 30%;
min-height: 296px;
margin-right: 5%;
margin-bottom: 25px;
transition: all 0.5s ease-in-out 0s;
background-color: #999;
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
color: #FFF;
text-align:center;
position: relative;
box-shadow: 0 0 5px rgba(0,0,0,0.8) inset;
}
.hcol {
text-align:left;
}
.hcol.hc1 {
background-image: url(//www.sdge.nl/wp-content/themes/gi/img/01.jpg);
}
.hcol.hc2 {
background-image: url(//www.sdge.nl/wp-content/themes/gi/img/02.jpg);
}
.hcol.hc3 {
background-image: url(//www.sdge.nl/wp-content/themes/gi/img/03.jpg);
}
.hblok:nth-of-type(3),
.hcol:nth-of-type(3) {
margin-right: 0;
}
.hbtxt {
padding: 10px  10px  5px  10px;
position: absolute;
bottom: 0;
background-color: rgba(120,120,120,0.7);
display: block;
width: 100%;
min-height: 60px;
text-shadow: 0 -1px 1px rgba(120,120,120,0.8);
color: #FFF;
font-weight: 400;
border-top: 1px solid rgba(147,147,147,0.8);
}
.hbtxt h2,
.hbtxt p {
font-weight: 300;
font-size: 36px;
margin: 0;
color: #FFF;
}
.hbtxt h2 a,
.hbtxt p a {
color: #FFF;
}
.hbtxt ul {
margin: 0;
padding: 0;
margin-top: 8px;
}
.hbtxt li {
list-style-type:none;
}
.hbtxt li a {
color: #FFF;
font-weight: 500;
}
.hbtxt li a:before {
color: #F33927;
content: "\f345";
margin-right: 1px;
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: 'dashicons';
vertical-align: top;
} .wrfooter {
min-height: 250px;
height: auto;
color: #FFF;
width: 100%;
background-color: rgba(0,0,0,0.1);
border-top: 1px solid rgba(255,255,255,0.1);
padding-bottom: 30px;
}
footer {
margin: 0 auto!important;
padding: 30px 0;
clear: both;
width: 100%;
}
.ftr3, .ftr4 {
float: left;
margin: 0;
padding: 0;
}
.ftr3 p, .ftr4 p, .ftr3 h3, .ftr4 h3, footer ul {
margin: 0;
padding: 0;
color: #DDD;
text-shadow: 0 1px 1px rgba(0,0,0,0.8)
}
.ftr3 h3, .ftr4 h3 {
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif!important;
font-size: 20px;
font-weight: 300;
line-height: 24px;
text-transform: none;
margin-bottom: 10px;
}
footer a {
color: #FFF !important;
}
footer li {
list-style-position: inside;
list-style-type: none;
}
.copyinfo {
text-align: center;
padding-top: 40px;
display: block;
}
.copyinfo p {
font-size: 11px;
text-transform: uppercase;
color: #AAA;
}
.copyinfo p a {
color: #AAA;
}
section {
float: left;
}
section.fullw {
width: 100%;
} h1 {
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
line-height: 42px;
font-size: 32px;
margin: 0;
padding: 0;
font-weight: 300;
color: #FFF;
margin-bottom: 15px;
}
h2 {
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
line-height: 42px;
font-size: 28px;
color: #F33927;
margin: 0;
padding: 0;
font-weight: 100;
font-style: normal;
margin-bottom: 15px;
}
h1 a, h2 a {
color: #111;
}
h3 {
text-transform: uppercase;
line-height: 42px;
font-size: 24px;
color: #00AFE7;
font-weight: 100;
font-style: normal;
clear: left;
}
h4 {
line-height: 24px;
font-size: 18px;
color: #999;
font-weight: 300;
font-style: italic;
text-shadow: 0 -1px 1px rgba(0,0,0,0.6);
margin: 0;
margin-bottom: 5px;
}
h5 {
line-height: 20px;
font-size: 16px;
font-weight: 400;
font-style: italic;
padding: 10px;
border: 1px solid #999;
clear: both;
}
p, pre {
margin: 0 0 1em 0;
}
p strong,
ul strong {
font-weight: 500;
font-style: normal;
}
p em {
font-weight: 300;
font-style: italic;
}
p a, article li a {
color: #333;
}
article a:hover, aside a:hover {
text-decoration: underline;
}
hr {
width: 100%;
clear: both;
display: block;
height: 0;
border-top: 1px solid rgba(255,255,255,0.10);
margin: 0px;
padding: 0px;
border-right: 0;
border-bottom: 0;
border-left: 0;
margin-bottom: 20px;
margin-top: 10px;
float: left;
}
ul li ul {
margin: 0;
} .menus h1,
.menus h2,
.menus h3 {
display: inline-block;
}
.artrec {
margin-top: 15px;
}.artimg {
float: left;
width: 120px;
height: 120px;
background-size: cover;
background-position: center center;
background-repeat:no-repeat;
border-radius: 60px;
border: 2px solid #FFF;
box-shadow: 0 0 4px rgba(0,0,0,0.4)
}
.artshort {
float: right;
width: 800px;
}
.artshort p a {
color: #00AFE7;
}
.artshort h2 {
margin: 0;
margin-bottom: 8px;
}
.slogan h4 {
line-height: 1.4;
font-size: 21px;
text-align: center;
margin: 0;
padding: 0;
font-weight: 400;
font-style: normal;
}
.pdflink:before {
content: "\f491";
font-family: "dashicons";
margin-right: 5px;
}  .alignleft, .alignright, .attachment-thumbnail {
}
a img.attachment-thumbnail:hover, a img.alignleft:hover, a img.alignright:hover, a img.aligncenter:hover, a img.alignnone:hover {
} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}#sb-overlay{position:relative;height:100%;width:100%}#sb-wrapper{position:absolute;visibility:hidden;width:100px}#sb-wrapper-inner{position:relative;border:8px solid #FFF;overflow:hidden;height:100px;box-shadow:-1px 1px 3px 2px rgba(0,0,0,.7);-moz-box-shadow:-1px 1px 3px 2px rgba(0,0,0,.7);-webkit-box-shadow:-1px 1px 3px 2px rgba(0,0,0,.7);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')}#sb-body{position:relative;height:100%}#sb-body-inner{position:absolute;height:100%;width:100%}#sb-player.html{height:100%;overflow:auto}#sb-body img{border:none}#sb-loading{position:relative;height:100%}#sb-loading-inner{position:absolute;font-size:14px;line-height:31px;height:31px;top:50%;margin-top:-12px;width:100%;text-align:center}#sb-loading-inner span{background:url(//www.sdge.nl/wp-content/uploads/gi-img/ajax-loader.gif) no-repeat;padding-left:44px;display:inline-block}#sb-body,#sb-loading{background-color:#FFF}#sb-info,#sb-title{position:relative;margin:0;padding:0;overflow:hidden}#sb-title,#sb-title-inner{height:26px;line-height:26px}#sb-title-inner{font-size:16px}#sb-info,#sb-info-inner{height:20px;line-height:20px}#sb-info-inner{font-size:12px}#sb-nav{float:right;height:16px;padding:2px 0;width:45%}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}#sb-nav-close{background-image:url(//www.sdge.nl/wp-content/uploads/gi-img/close.png)}#sb-nav-next{background-image:url(//www.sdge.nl/wp-content/uploads/gi-img/next.png)}#sb-nav-previous{background-image:url(//www.sdge.nl/wp-content/uploads/gi-img/previous.png)}#sb-nav-play{background-image:url(//www.sdge.nl/wp-content/uploads/gi-img/play.png)}#sb-nav-pause{background-image:url(//www.sdge.nl/wp-content/uploads/gi-img/pause.png)}#sb-counter{float:left;width:45%}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer}#sb-counter a.sb-counter-current{text-decoration:underline}div.sb-message{font-size:12px;padding:10px;text-align:center}div.sb-message a:link,div.sb-message a:visited{text-decoration:underline}.sbgal{margin:20px 0 0;padding:20px 0 0;width:100%;border-top:1px solid rgba(255,255,255,.1);position:relative}.sbgalbox{position:relative;float:left;width:18%;margin-right:2.5%;margin-bottom:2.5%}.sbgalbox:nth-of-type(5){margin-right:0}.sbgalbox:before{content:"";display:block;padding-top:100%}.sbgalimg{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover;background-position:center center}  aside h3 {
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
font-size: 28px;
line-height: 25px;
color: #CCC!important;
padding-left: 15px;
font-weight: 400!important;
margin: 0;
margin-top: 0px;
text-transform: none;
}
aside p {
margin-left: 15px;
}
.widget_recent_entries, .widget_text {
margin-bottom: 20px;
}
aside ul {
margin: 0;
padding: 0;
margin-top: 5px;
border-top: 1px solid #DDD;
}
aside ul li {
list-style-image: none;
list-style-type: none;
}
aside ul li a {
text-decoration: none;
border-bottom: 1px solid #DDD;
display: block;
list-style-type: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
color: #666;
}
aside ul li.active a {
color: #333;
}
aside ul li ul li a {
padding-left: 15px;
}
aside ul li ul li a:before {
padding-right: 5px;
content: ">";
font-size: 12px;
}
aside ul li ul li ul li a {
padding-left: 30px;
}
aside ul li ul li ul li a:before {
padding-right: 5px;
content: "»";
font-size: 14px;
}
aside ul li > ul {
margin-top: 0px;
border-top: none;
}
aside ul li.sel > ul li a, .aside ul li.sel ul li.sel > ul li a {
color: #333;
font-weight: 400;
}
aside ul li.current_page_item a, aside ul li ul li.current_page_item a, aside ul li ul li ul li.sel a.sel {
color: #111;
}
aside ul li a:hover, aside ul li ul li a:hover, aside ul li ul li ul li a:hover, aside ul li.sel a:hover {
text-decoration: none;
color: #111;
} ::selection {
background: #04A4CC;
text-shadow: none;
}
::-webkit-selection {
background:#04A4CC;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
text-shadow:none;
} .flexslider {
height: 300px;
z-index: 0;
width: 100%;
}
.flexslider .slides > li {
height: 300px;
background-position:center center;
transition: all 0.7s ease-in-out 0.5s;
box-shadow: 0 0 10px rgba(0,0,0,0.8) inset;
}
.flexslider.fstatic .slides > li {
display: block;
}
.abststd {
background-image: url(//www.sdge.nl/sdge/wp-content/uploads/gi-img/demo-bkg.jpg);
background-size:cover;
}
.flex-viewport {
max-height: 100%;
}
.slimage {
display: block;
opacity: 1;
width: 100%;
height: 300px;
transition: all 0.7s ease-in-out 0.5s;
overflow-y: hidden;
}
.slimage p {
font-size: 75px;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
color: rgba(255,255,255,0.85);
font-weight: 100;
line-height: 300px;
opacity: 1.0;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}
.flexslider.fstatic,
.flexslider.fstatic .slides > li,
.fstatic .slimage {
height: 300px;
}
.logo.fstatic {
top: 160px;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft, .attachment-thumbnail {
float: left;
margin: 5px 20px 20px 0;
}
.pct33 {
width: calc(33% - 22px)!important;
height: calc(33% - 22px)!important;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 5px;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #DDD;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text, .gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
} .clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
} .bp-opening-hours .bp-title {
display: block;
text-align: left!important;
}
.bp-address {
margin-bottom: 15px;
}
.bp-opening-hours, .bp-map {
margin-top: 15px;
} .col2 {
float: right;
width: 33%;
}
.col1 {
width: 60%;
float: left;
}  @media only screen and (min-width:320px) {
} @media only screen and (max-width:480px) {
.ftr3, .ftr4 {
clear: left;
width: 100%;
padding-bottom: 20px!important;
margin-bottom: 20px!important;
transition: all 0.7s ease-in-out 0.5s;
border-bottom: 1px solid #CCC;
}
}
@media only screen and (max-width: 640px) {
.logo {
width: 270px;
transition: all 0.7s ease-in-out 0.5s;
}
}
@media only screen and (max-width: 767px) {
header, .wrcontent, .copyinfo, footer, nav, .project, .logo, .slimage    {
width: 95%;
}
.wrcontent {
padding-left:0;
border-top: none;
}
.wrcontent section {
float: left;
clear: left;
}
.wrnav {
margin-top: 5px;
}
.hblok,
.hcol {
width: 100%;
min-height: auto;
transition: all 0.7s ease-in-out 0.5s;
display: block;
min-width: 220px;
}
.nav-mobile {
display: block;
}
nav {
width: 100%;
padding: 0;
height: auto;
border: none;
}
.nav-item {
width: 100%;
float: none;
border-bottom: solid 1px #FFF;
background-color: #779DC4;
background-image: linear-gradient(to bottom, #779DC4, #29608C);
float: left;
}
.nav-item:hover {
background-color: #29608C;
background-image: none;
}
.nav-item > a {
padding: 15px;
line-height: 40px;
color: #FFF;
display: block;
}
.nav-sitem a {
background-color: #111;
border: none;
border-top: solid 1px #FFF;
padding: 18px 20px 16px 30px;
width: 100%;
font-weight: 300;
}
.nav-click {
display: block;
}
.nav-mobile-open {
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
}
.nav-item:hover .sub-menu,
.nav-list,
.servicenav,
.flexslider,
.servicenav,
.socials {
display: none;
}
.sub-menu {
position: static;
width: 100%;
-webkit-box-shadow: none;
box-shadow:none;
}
.artshort {
width: 100%;
}
aside {
float: left!important;
width: 100%;
border-top: 1px solid #DDD;
padding-top: 15px;
}
.project {
background-image:none;
padding: 60px 0 50px 0;	
}
.logo,
.logo.fstatic {
float: none;
margin: 0 auto;
padding: 0;
width: 100%;
position: absolute;
top:0;
display:block;
height: 100px;	
}
.logo {
text-align: center;
background-image:none;
}
.logo img {
}
.logo a img {
margin-top: -3px;
}
header,
.logo {
background-color: none;
background: transparent;
}
header {
margin: 0;
padding: 0;
width: 100%;
height:179px;
background-color: #779DC4;
background-image: linear-gradient(to bottom, #779DC4, #29608C);
box-shadow: none;
}
.wrfooter {
background-color: #779DC4;
background-image: linear-gradient(to bottom, #779DC4, #29608C);
box-shadow: none;
}
}
@media screen and (min-width: 480px) {
.ftr3, .ftr4 {
width: 50%;
padding-bottom: 20px!important;
transition: all 0.7s ease-in-out 0.5s;
}
.slitxt h2 {
display: none;
}
}
@media screen and (min-width: 640px) {
} @media only screen and (min-width:768px) {
.wrcontent, .copyinfo, footer, nav, .slitxt, .project, .logo, .slimage    {
width: 95%;
}
.artshort {
width: 633px;
width: calc(100% - 155px);
}
.wrapper p, .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5 {
padding-left: 0;
padding-right: 0;
}
section {
width: 726px;
width: calc(100% - 252px);
}
.archive section, .home section {
width: 100%;
}
aside {
width: 222px;
float: right;
margin-top:56px; 
}
aside section {
width: 100%;
}
.ftr3, .ftr4 {
width: 25%;
padding: 15px;
}
}
@media only screen and (min-width:960px) {
.slitxt h2,
.fss-txt h2 {
display: block;
}
} @media only screen and (min-width:1024px) {
.wrcontent, .copyinfo, footer, nav, .slitxt, .project, .logo, .slimage   {
max-width: 978px;
width: 100%;
}
.artshort {
width: 670px;
width: calc(100% - 155px);
}
}
@media only screen and (min-width:1140px) {
}  @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin:0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}