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%}
html,button,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:bold}
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:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;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}body { font-size: 1em; line-height: 1.4;  padding-bottom: 4em; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
img { vertical-align: middle; border: none; }
a{ text-decoration: none; }
ol, ul{ margin: 0; padding: 0; }
body {-webkit-font-smoothing: antialiased; font-smooth: always; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font: 16px/24px 'robotoregular'; }
.wrapper { width: 1140px; margin: 0 auto; }
.usp {font-size:60px;
color: #fabb09;
} body{
background: #f3f4f5; }
html, button, input, select, textarea, a, ul.social-link a { 
color: #656a6f; }
.main ul li:before, h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, h1:after, h2:after, h3:after, .main-container a:hover, .more:before, ol > li:before, .cta a:hover, .error[generated=true], .footable.breakpoint > tbody > tr > td.expand:before, ul.social-link a:hover, .nav ul li a:hover, ul.page-numbers .current, ul.comments h5 a, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before, .link-pages p a, #wp-calendar a, #nav ul.sub-menu ul.sub-menu li:hover:before, #comments_pagination a, .right-aside .widget_nav_menu li a:hover, .toggle-btn.active, .accordion-btn.active{
color: #ffc000; }   
a.btn, input[type=button], nav li.current-menu-item a, li.current-menu-parent a, input[type=submit], #menu-icon, ol.graphs > li,
.flex-control-paging li a.flex-active, ul.page-numbers li a.prev:hover, ul.page-numbers li a.next:hover, ul.paging a:hover span{
background-color: #ffc000; color: #fff; }
a.btn:hover, input[type=button]:hover, nav a:hover, nav li.current-menu-item a:hover, li.current-menu-parent a:hover, input[type=submit]:hover, #menu-icon.active, #nav ul, .nav-parent.hover a{
background-color: #646d72; color: #fff;
}
h1, h2, h3, h4, .nav a, h1 a, h2 a, h3 a, h4 a, #response .success, .success:before, #response .failure, pre, .toggle-btn, .accordion-btn{
color: #2d3438; } 
strong, b, .lead, .main table th, blockquote, .more, .cta a, .tweet, ul.pagination li a, ul.comments h5 a:hover, .comment-reply-link, .comment-edit-link, .link-pages, .link-pages p a:hover, #wp-calendar a:hover, #wp-calendar caption, #comments_pagination span, #comments_pagination a:hover, .right-aside .widget_nav_menu li a{
color: #3c4a52; }
#masthead{
background: #a4aeb0!important; }
.cta, .cta h1, .cta h2, .cta h4, .cta h5
{
color: #fff; }
.cta h3{
color: #e2e2e2; }
span.wpcf7-not-valid-tip, div.wpcf7-response-output
{
color: #f47851;
}
h6.tags a, a:before{
color: #CAD2D7;
} #masthead
{
display: block;
height: 1050px;
}
.cta h1
{
font-family: Impact,Helvetica, Arial Black,sans serif; 
font-size: 70px;
margin-bottom: 15px;
letter-spacing: 1px;
}
.cta h3
{
font-family: 'aleoitalic';
letter-spacing: 0;
}
.cta h1:after, .cta h2:after, .cta h3:after 
{
content: none;
}
.cta
{ padding: 30px;
font-size: 18px;
background: rgba(0,0,0,0.6);
}
.cta a, .foot-widgets a:hover, .foot-widgets a:hover b
{
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.flexslider.flexslider_single
{
margin-bottom: 0;
} .logo
{
display: inline-block;
float: left;
max-width: 200px; }   
.logo img, .logo-foot img
{
width: 100%;
}   
.header-container nav
{
float: right;
margin-top: 10px;
}
.header-container .nav li
{
float: left;
position: relative;
margin: .4em .4em;
list-style-type: none;
}
.nav a, .header-container div.nav li a{
font-family: 'robotobold_condensed';
font-size: 20px;
padding: 0.3em 1.2em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;   
}
nav a.active{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
nav li.nav-parent:hover a{
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
nav li.current-menu-item a, nav li.nav-parent a{
-webkit-transition: all 0ms ease-in-out;
-moz-transition: all 0ms ease-in-out;
-ms-transition: all 0ms ease-in-out;
-o-transition: all 0ms ease-in-out;
transition: all 0ms ease-in-out;
}
nav li.current-menu-item li a, li.current-menu-parent li a, nav li li.current-menu-item a{
background: none;
} div.nav{
float: right;
max-width: 80%;
}
.header-container div.nav li{
float: none;
display: inline-block;
margin-bottom: 1em;
} #menu-icon {
display: none;
font-family: 'robotobold_condensed';
font-size: 20px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
#menu-icon span{
width: 32px;
height: 23px;
display: inline-block;
padding-right: 10px;
position: relative;
top: -2px;
}
#menu-icon span img{
width: 100%;	
} #nav ul {
position: absolute;
display: none;
min-width: 160px;
-webkit-border-radius: 0px 3px 3px 3px;
border-radius: 0px 3px 3px 3px;
z-index: 10000;
}
#nav ul li {
float: none;
margin: 0;
padding-left: 10px;
padding: 0.4em;
position: relative;
display: block;
}
#nav ul li a{
padding-left: .8em;
padding-top: .2em;
color: #fff; 
}
#nav ul ul li a{
padding-left: 0;
}
#nav li:hover  ul {
display: block; 
}
#nav ul ul{
position: relative;
top: 0px;
-webkit-border-radius: 0px 3px 3px 3px;
border-radius: 0px 3px 3px 3px;
z-index: 10000;
}
#nav ul.sub-menu ul.sub-menu li:last-child{
padding-bottom: 0;
}
#nav ul.sub-menu ul.sub-menu li a:before{
content: "g";
font-family: 'bulletsregular';
position: relative;
top: 0px;
left: 0em;
}
#nav ul.sub-menu ul.sub-menu li{
padding-left: 1em;
} .header-container header{
padding-bottom: 0;
}
.header-container header .wrapper
{
padding-top: 0px; padding-bottom: 45px;
position: relative;
}
.main-container{
padding: 50px 0;
}
.main-content{
width: 65%;
float: left;
}
.main-content.full
{
width: 100%;
float: none;
background-color:rgba(243, 244, 245, 0.9);
padding:20px;
}
.main-content img, .right-aside img, .fluid-width-video-wrapper
{
max-width: 100%;
margin: 1em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
}
.statistics img
{
width:220px;
height:220px;
}
a img{
position: relative;
}
.right-aside{
float: right;
width: 24%;
border-left: 1px solid #cad2d7;
padding-left: 4%;  
}
.right-aside img{
max-width: 100%;
}
.right-aside .widget_nav_menu li a, .right-aside .widget_nav_menu li a:hover{
background: none;
}
.gallery img{
max-width: 100%;
width: auto;
background: #d7dce3;
border: 6px solid #fff!important;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-item, .wp-smiley{
text-align: left;
width: auto;
}
.right-aside .canon_more_posts .mosaic-block.third, .right-aside .canon_more_posts .mosaic-block.third.last{
width: 47.5%!important;
margin-right: 5%!important;
margin-top: .2em;
margin-bottom: .7em;
}
.right-aside .canon_more_posts .mosaic-block.third:nth-child(2n+2){
margin-right: 0!important;
}
h1, h2, h3, h4, h5, h6, p
{
word-wrap: break-word;
}   
h1, h2, h3, h4, h5, h6
{ 
font-weight: normal;
line-height: 100%;
letter-spacing: -1px;
margin: 25px 0 .5em;
}
h1{
font-size: 66px;
}
h2{
font-size: 36px;
margin-top: 15px;
}
h3{
font-size: 28px;
}
h4, h5, h3#reply-title, .foot-widgets h2
{
font-size: 24px;
}
.foot-widgets h2:after{
display: none;
}
h6{
font-size: 14px;
letter-spacing: 0px;
position: relative;
}
#header_logo{
float: left;
}
blockquote h6, cite{
top: -1.4em;
}
cite{
font-family: 'robotobold';
font-weight: normal;
font-style: normal;
font-size: 14px;
}
blockquote cite{
display: block;
text-transform: uppercase;
margin-top: 1em;
}
.meta{
margin-top: -10px;
margin-bottom: 12px;
}
h6.tags{
margin-top: 0em;
font-family: 'robotoitalic'; 
}
h6.date{
margin-top: 0;
}
h6.tags a:before{
font-family: 'bulletsregular';
content: "p";
}
h6.tags a{
margin-right: .5em;
}
strong, h1, h2, h3, h4, h5, h6, b, .more, ol > li:before, .cta a, .comment-reply-link, .comment-edit-link
{
font-family: 'robotobold';
font-weight: normal;
}
h1:after, h2:after, h3:after, .logo-text:after, .statistics li h6:after
{
content: ".";
font-size: 56px;
position: relative;
padding-left: 3px;
}
.logo-text:after{
left: -3px;
}
.logo-text{
letter-spacing: -2px;
position: relative;
top: .1em;
font-size: 54px;
font-family: 'robotobold';
}
h3#reply-title:after{
display: none;
}
em{ 
font-style: normal;
font-family: 'robotoitalic'; 
}
.lead, blockquote{
font-size: 24px;
line-height: 32px;
font-family: 'aleoitalic';
}
cite{
}
.lead{
margin-top: 0;
}
.main-container a, span{
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.main-container a{
cursor: pointer;
}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cad2d7; padding: 0; margin: 3em 0; }
hr.dash { display: block; height: 1px; border: 0; border-top: 1px dashed #cad2d7; margin: 3em 0; padding: 0; }
hr.dots { display: block; height: 1px; border: 0; border-top: 1px dotted #cad2d7; margin: 3em 0; padding: 0; }
aside hr, hr.dash, hr.dots{margin: 2em 0;}
pre{
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
margin-bottom:10px;
overflow:auto;
width:auto;
padding: 0 1em;
background-color:#fff;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #efefef 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#ffffff), color-stop(51%,#efefef));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#efefef 51%);
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#efefef 51%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#efefef 51%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 51%,#efefef 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
background-size: 100% 60px;
line-height: 30px;
}
.wp-caption {
max-width: 100%;
}
.wp-caption-text {
font-style: normal;
font-family: 'robotoitalic';
margin-top: -.5em; 
}
.sticky{
padding: 1em;
padding-top: 0;
background-color: rgba(120, 120, 120, .075);
}
.gallery-caption {
font-style: normal;
font-family: 'robotoitalic';
}
.bypostauthor {
font-style: normal;
font-family: 'robotoitalic';
}
#gifty-widget, #gifty-toast
{
background-color:transparent !important;
}
iframe{
margin-top: 1em;
margin-bottom: 1em;
padding: 1%;
width: 98%;
}
.fluid-width-video-wrapper{
margin-bottom: 2em;
background-color: #ffffff;
margin-top: 1em;
}
.flexslider .fluid-width-video-wrapper{
margin-top: 0;
}
.fluid-width-video-wrapper iframe{
width: 100%;
padding: 0;
margin: 0;
}
blockquote, blockquote.right, blockquote.left{
margin: 0 3% 3%;
}
.tweet, .quote{
font-size: 32px;
font-family: 'aleolightitalic';
line-height: 36px;
padding-left: 2.2em;
position: relative;
}
aside li.tweet p, aside li.tweet b{
font-size: 18px;
line-height: 26px;
padding-left: 0;
font-family: 'aleoitalic';
}
.tweet:before, aside .tweet .meta:before,  .tweets blockquote:before, .foot-widgets ul li.tweet:before{
content: "L";
font-family: 'socialicoregular';
color: #cad2d7;
position: absolute;
left: 0;
top: 10px;
font-size: 70px;
}
.tweets blockquote:before{
position: relative;
top: 12px;
left: -12px;
}
.quote:before{
content: "“";
font: 105px/66px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #cad2d7;
position: absolute;
left: 10px;
top: 10px;
}
aside .tweet:before{
display: none;
}
aside .tweet .meta{
margin-top: 1em;
position: relative;
padding-left: 38px;
}
aside .tweet .meta:before{
font-size: 40px;
top: 2px;
}
aside .tweet{
border-bottom: 1px solid #CAD2D7;
}
aside .tweet:last-child{
border: none;
} .main ul, .main ol{
margin-bottom: 12px;
}
.main ul li > ul, .main ol li > ol{
margin-bottom: 0;
margin-left: -5px;
}
.main ul li.parent{
padding-bottom: 0;
}   
.main ul li, .more, .comment-reply-link, .comment-edit-link, #cancel-comment-reply-link{
list-style-type: none;
line-height: 20px;
padding-top: 5px;
padding-bottom: 8px;
position: relative;
padding-left: 22px;
}
.main ul li:before, .more:before, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before{
content: "g";
font-family: 'bulletsregular';
font-size: 16px;
left: 3px;
top: 6px;
position: absolute;
}
.comment-reply-link, .comment-edit-link, #cancel-comment-reply-link{
float: right;
}
.main ol{
margin-left: 22px;
}
ol {
counter-reset:li; margin-left:0; padding-left:0; }
ol > li {
position:relative; list-style:none; /
margin: 0 0 0 1em;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 0px;
}
ol > li:before {
content:counter(li) "."; counter-increment:li; position:absolute;
top:-2px;
left:-1.5em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:1.5em;
margin-right:8px;
padding:4px;
text-align:center;
}
li ol,li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}
ul.archive li{
display: inline-block;
min-width: 40%;
}
ul.tweets li{
padding-left: 0;
} ul.pagination, ul.page-numbers{
text-align: center;
}
ul.pagination li:before, ul.paging li:before, ul.page-numbers li:before{
display: none;
}
ul.pagination li, ul.paging li, ul.page-numbers li{
padding-left: 0;
display: inline;
font-size: 20px;
font-family: 'robotobold';
padding: .3em;
cursor: pointer;
}
ul.pagination li a.active{ }
ul.pagination .left a, ul.pagination .right a, ul.paging a span, ul.page-numbers li a.next, ul.page-numbers li a.prev, ul.paging span{ font-family: 'bulletsregular';
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding: .3em .5em .2em;
opacity: .6;
}
ul.pagination .left a:hover, ul.pagination .right a:hover, ul.paging a:hover span, ul.page-numbers li a.next:hover, ul.page-numbers li a.prev:hover, ul.paging span:hover{
opacity: 1;
}
ul.paging span.inactive{
text-transform: uppercase;
opacity: .5;
cursor: auto;
}
ul.paging .right span.inactive{
text-transform: none;
}
ul.pagination .right a, ul.paging .right span, ul.page-numbers li a.next{
padding-right: .4em;
padding-left: .6em;
}
ul.pagination .left:hover, ul.pagination .right:hover{ }
ul.paging{
margin-top: 30px;
}
ul.paging a{
font-size: 18px;
}
ul.page-numbers li a.next{
float: right;
}
ul.page-numbers li a.prev{
float: left;
}
.link-pages p{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDE1E5;
border-radius: 3px 3px 3px 3px;
font-family: 'robotobold';
margin-bottom: 0;
margin-top: 2em;
padding: 0.3em;
text-align: center;
word-spacing: 12px;
} ul.comments li{
padding-left: 0;
}
ul.comments li div{
line-height: 20px;
padding: 0em;
}
ul.comments li div{
padding: 1em 2%;
}
ul.comments ul li div{
padding-left: 4%;
}
ul.comments ul ul li div{
padding-left: 6%;
}
ul.comments ul ul ul li div{
padding-left: 8%;
}
ul.comments ul ul ul ul li div{
padding-left: 10%;
}
ul.comments ul ul ul ul ul li div{
padding-left: 12%;
}
ul.comments ul ul ul ul ul ul li div{
padding-left: 14%;
}
ul.comments ul{
margin-bottom: 0;
}
ul.comments li > ul{
margin: 0;
}
ul.comments .odd{
background: #fff;
} 
ul.comments li:before{
display: none;
}
ul.comments h5, ul.comments h6{
display: inline;
font-size: 18px;
letter-spacing: 0;
}
ul.comments h6{
color: #b1b4ba;
font-size: 14px;
margin-left: 1em;
}
ul.comments li p{
margin-top: .5em;
margin-bottom: .5em;
}
#comments_pagination{
text-align: center;
}
#comments_pagination .page-numbers{
border-radius: 3px;
background: #fff;
padding: .3em .8em .2em;
margin: 0 .2em;
}
#comments_pagination .prev.page-numbers, #comments_pagination .next.page-numbers{
display: none;
} ol.graphs{
margin: 0 0 2em;
}
ol.graphs > li:before{
display: none;
}
ol.graphs > li{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: .4em;
padding: .2em 2%;
font-family: 'robotobold';
}
ol.graphs > li span{
float: right;
}
.per-10{
width: 6%;
}
.per-20{
width: 16%;
}
.per-30{
width: 26%;
}
.per-40{
width: 36%;
}
.per-50{
width: 46%;
}
.per-60{
width: 56%;
}
.per-70{
width: 66%;
} 
.per-80{
width: 76%;
}
.per-90{
width: 86%;
}
.per-100{
width: 96%;
} a.btn, input[type=button], input[type=submit]{
border: none;
color: #fff;
font-weight: normal;
font-size: 18px;
font-family: 'robotobold';
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: .6em 1.2em;
white-space: nowrap;
display: inline-block;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
margin-bottom: .5em;
margin-top: .5em;
}
a.btn:hover{
color: #fff;
}
a.small-btn{
font-size: 14px;
padding: .4em .9em;
}
a.xsmall-btn{
font-size: 12px;
padding: .2em .7em;
} .main table{
border: 1px solid #dde1e5;	
text-align: left;
width: 100%;
background: #ffffff;
}
.main table th{
padding: .5em;
border: 1px solid #dde1e5;
background-color: #ebedef;
vertical-align: top;	
}
.main table td{
padding: .5em;
border: 1px solid #dde1e5;
vertical-align: top;	
}
.main table tr:nth-child(2n+1){
background-color: #f8f8f8;
} form{
margin-top: 3em;
}
#commentform{
margin-top: 1em;
}
fieldset{
padding: 1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #d9d6cf;
margin-bottom: 1em;  
}  
fieldset fieldset{
background: #ffffff;
}
label{
font-weight: normal;
font-family: 'robotobold';
padding-right: 1em;
display: block;
}
input[type=text],  input[type=email], input[type=password], textarea, input[type=tel], input[type=url], input[type=date], input[type=range]{
border: 1px solid #dde1e5;
background: #ffffff;
padding: 10px 2%;
font-family: 'robotolight_italic';
color: #969ca5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
outline: none;
margin-bottom: 1em;
resize: none;
display: block;
width: 78%;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus{
border: 1px solid #efdca2;
}
input.half{
width: 48%;
margin-right: 4%;
}
input.full, textarea.full{
width: 100%;
}
input.field-last{
padding: 10px 2%;
margin-right: 0;
}
textarea{
width: 78%;
height: 140px;
display: block;
resize: none;
outline: none;
}
select, input[type=radio], input[type=checkbox] {
margin-bottom: 1em;
margin-right: 6px;
}
.error[generated=true] {
font-size: 14px;
font-family: 'robotoitalic';
} span.wpcf7-not-valid-tip, div.wpcf7-response-output{
background: transparent;
border: none;
padding-left: 0;
}
span.wpcf7-not-valid-tip{
position: relative;
left: 0;
top: 0;
margin-top: -15px;
display: block!important;
} .mosaic-block {
position:relative;
overflow:hidden;
background:#ffffff url(//www.spijkerbar.nl/wp-content/themes/selfy/img/progress.gif) no-repeat center center;
margin: 1em 0;
border: 5px solid #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
max-width: 100%;
}
.mosaic-block img{
margin: 0;
border: none;
}
.mosaic-backdrop {
display:none;
top:0;
height:100%;
background:#fff;
}
.mosaic-overlay {
display:none;
z-index:5;
position:absolute;
width:100%;
height:100%;
background:#111;
}		
.fade .mosaic-overlay {
background:url(//www.spijkerbar.nl/wp-content/themes/selfy/img/hover-magnify.png) no-repeat center center;
background-size: 49px 49px;
background-color: rgba(0, 0, 0, .3);
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
display:none;
}
@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) { .fade .mosaic-overlay{
background: url(//www.spijkerbar.nl/wp-content/themes/selfy/img/hover-magnify@2x.png) no-repeat center 0; background-size: 98px 98px;
}
}
.fade .mosaic-overlay.goto_post{
background:url(//www.spijkerbar.nl/wp-content/themes/selfy/img/hover-gotopost.png) no-repeat center center;
background-size: 49px 49px;
background-color: rgba(0, 0, 0, .3);
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
display:none;
}
@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) { .fade .mosaic-overlay.goto_post{
background: url(//www.spijkerbar.nl/wp-content/themes/selfy/img/hover-gotopost@2x.png) no-repeat center 0; background-size: 98px 98px;
}
} .full{
width: 100%;
} 
.half{
width: 47%;
margin-right: 6%;
float: left;
}
.third{
width: 30%;
margin-right: 5%;
float: left;
}
.fourth{
width: 22%;
margin-right: 4%;
float: left;
}
.two-thirds, .cta.two-thirds{
width: 65%;
margin-right: 5%;
float: left;
}
.three-fourths{
width: 74%;
margin-right: 4%;
float: left;
}
.left{
float: left;
}
.right{
float: right;
}
.half img, .third img, .fourth img, .two-thirds img, .three-fourths img{
width: 100%;
} footer .wrapper
{
font-size: 14px;
color: #9fa6aa;
padding: 35px 0;
margin-top: 0px;
}
.logo-foot{
display: inline-block;
padding-right: 5px;
max-width:45px;
}
ul.social-link li:before{
display: none;
}
ul.social-link li{
display: inline;	
padding: 0;
}
ul.social-link a{
font-family: 'socialicoregular';
font-size: 44px;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
opacity: .35;
}
ul.social-link a:hover{
opacity: 1;
} #wp-calendar{
}
#wp-calendar caption{
font-family: 'robotobold';
background: #DDE1E5;
} #to_top {
width:40px;
height:40px;
background: url(https://www.spijkerbar.nl/wp-content/themes/selfy/img/totop.png) no-repeat 0 0 rgba(0, 0, 0, .7);
position:fixed; 
bottom:20px; 
right:20px;
cursor:pointer;  } .message{
border-width: 1px;
border-style: solid;
display: block;
padding: .5em 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 1em;
}
.message.success{
border-color: #b0d0ae;
background: #e7f0e8;
}
.message.info{
border-color: #95b3c8;
background: #dae3e9;
}
.message.error{
border-color: #cf8177;
background: #f2ddda;
}
.message.notice{
border-color: #fcc84a;
background: #f2f0da;
} .toggle-btn { 
text-decoration:none; 
display:block;
font-family: 'robotobold';
}
.toggle-content{ 
display:none;
margin-top: 1em;
}
.toggle-content.active{
display: block;
}
ul.toggle li {
position:relative;
overflow:hidden;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-top: .85em;
padding-right: 0;
padding-bottom: .85em;
}
ul.toggle li:before{
top: 15px;
}
ul.toggle{
margin-bottom: 2.5em;
}  .accordion-btn { 
text-decoration:none; 
display:block;
font-family: 'robotobold';
}
.accordion-content{ 
display:none;
margin-top: 1em;
}
.accordion-content.active{
display: block;
}
ul.accordion li {
position:relative;
overflow:hidden;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-top: .85em;
padding-right: 0;
padding-bottom: .85em;
}
ul.accordion li:before{
top: 15px;
}
ul.accordion{
margin-bottom: 2.5em;
} ul.tab-nav {
position: relative;
width:100%;
margin: 0 auto!important;
top: 1px;
}
ul.tab-nav li {
float:left;
position:relative;
display:block;
background: #ededed;
text-align:center;
margin-right: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
border-bottom: none;
padding: .5em 1em;
font: 18px 'robotobold';
} 
ul.tab-nav li:before{
display: none;
}
ul.tab-nav li:hover {
cursor:pointer;
}
ul.tab-nav li.active {
z-index:50;
border: none;
background: #fbfbfb;
border-style: solid;
border-width: 1px;
border-bottom: none;
}
.tab-content-block {
clear:both;
position:relative;
width: 100%;
background: #fbfbfb;
border-style: solid;
border-width: 1px;
}
.tab_content {
padding: 15px 2% 20px 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h4.v_nav {display: none;}
h4 {font-style:italic;}
.main-content img.wp-smiley, .main-content img.ajax-loader{
width: auto;
background: transparent;
border: none;
} @font-face {
font-family: 'aleoitalic';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-italic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-italic-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-italic-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-italic-webfont.svg#aleoitalic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aleolightitalic';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-lightitalic-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-lightitalic-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-lightitalic-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/aleo-lightitalic-webfont.svg#aleolightitalic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bulletsregular';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/bullets-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/bullets-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/bullets-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/bullets-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/bullets-webfont.svg#bulletsregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotoblack';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-black-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-black-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-black-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-black-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-black-webfont.svg#robotoblack) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotobold';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-bold-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-bold-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-bold-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-bold-webfont.svg#robotobold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotobold_condensed';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-boldcondensed-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-boldcondensed-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-boldcondensed-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-boldcondensed-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-boldcondensed-webfont.svg#robotobold_condensed) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotoitalic';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-italic-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-italic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-italic-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-italic-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-italic-webfont.svg#robotoitalic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotolight_italic';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-lightitalic-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-lightitalic-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-lightitalic-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-lightitalic-webfont.svg#robotolight_italic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotoregular';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-regular-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-regular-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-regular-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/roboto-regular-webfont.svg#robotoregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoLight';
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/Roboto-Light-webfont.eot);
src: url(//www.spijkerbar.nl/wp-content/themes/selfy/font/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/Roboto-Light-webfont.woff) format('woff'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/Roboto-Light-webfont.ttf) format('truetype'),
url(//www.spijkerbar.nl/wp-content/themes/selfy/font/Roboto-Light-webfont.svg#RobotoLight) format('svg');
font-weight: normal;
font-style: normal;
} .clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.last{ margin-right: 0!important; padding-right: 0!important;  }
.first{ margin-left: 0!important; padding-left: 0!important;}
.tableless, .tableless th, .tableless tr, .tableless td{
background: none!important;
border: none!important;
padding: 0px!important;
} @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: ""; }
img { max-width: 100% !important; page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}  .size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
} .flexslider.flexslider_single.paged {
margin-bottom: 40px;	
}  .wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}  #hp_twitter_widget {display: none;} .center{
text-align: center;
}
.center-block{
margin-right: auto;
margin-left: auto;
float: none;
}
.statistics{
display: table;
width: 100%;
margin-top: 1.5em;
}
.statistics ul{
display: table-row;
}
.statistics ul li{
display: table-cell;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1em;
}
.statistics li:last-child{
border: none;
}
.statistics li:before{
display: none;
}
.statistics li h4{
text-transform: uppercase;
font-size: 60px;
color: #ffc000; 
font-weight: normal;
margin-bottom: .2em;
}
.statistics li h5{
font-size: 48px;
color: #9fadb4; 
font-family: 'robotobold';
letter-spacing: -1px;
font-weight: normal;
margin: 0;
}
.statistics li h6{
color: #2d3438; 
font-size: 23px;
font-weight: normal;
font-family: 'robotobold';
margin-top: .4em;
}
footer
{
background-color: #e3e5e7;	
padding-bottom: 3em;
}	
.flexslider-quote blockquote{
font-family: 'aleolightitalic';
font-size: 32px;
}  ul.filters{
border-bottom: 1px solid #cad2d7;
border-top: 1px solid #cad2d7;
margin-top: 2.5em;
margin-bottom: 2em;
text-align: center;
}
ul.filters li:before{
content: "q";
}
ul.filters li{
display: inline-block;
margin-right: 1em;
border-right: 1px solid #cad2d7;
padding-right: 1.2em;
}
ul.filters li:last-child{
border: none;
margin-right: 0;
}
ul.filters li.active a{
color: #ffc000; 
}
footer .wrapper img{
max-width: 100%;
}
footer .wrapper .mosaic-block{
border-width: 3px;
margin-top: .5em;
margin-bottom: .5em;
}
.foot-widgets{
border-bottom: 1px solid #cad2d7; 
}
.foot-widgets .tweet{
font-size: 18px;
line-height: 130%;
}
.foot-widgets ul li.tweet:before{
font-size: 30px;
}
.foot-widgets ul li.tweet p:before{
padding-left: 30px;
content: "";
}
.foot-widgets ul li.tweet p{
margin-top: 7px;
}
.home-hr{
margin-top: 0;
}
.home-hr-reduce{
margin-bottom: 1.5em;
}
.home-texty{
margin-bottom: 4em;
}
#content.widecolumn {
clear: both;
display: block;
max-width: 1140px;
position: relative;
margin: 200px auto 3px;
}  body, fieldset, fieldset > fieldset
{
background: #f3f4f5;		
}
html, button, input, select, textarea, a, ul.social-link a, .widget.widget_nav_menu ul li a, pre 
{ 
color: #656a6f;		
}
.main ul li:before,	h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, cite, h1:after, h2:after, h3:after,	.statistics li h6:after,.main-container a:hover, .more:before, ol > li:before, .cta a:hover, .error[generated=true],.footable.breakpoint > tbody > tr > td.expand:before, ul.social-link a:hover, 
#nav ul li a:hover:before, ul.page-numbers .current, #nav li a:hover,ul.comments h5 a, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before, .link-pages p a, #wp-calendar a, .logo-text:after,.widget.widget_nav_menu ul li a:hover, .statistics li h4, ul.filters li.active a, .toggle-btn.active, .accordion-btn.active, ul.tab-nav li.active, h4.v_nav.v_active,
.foot-widgets a:hover, .foot-widgets a:hover b,#the-content a
{
color: #fabb09;		
}   
a.btn, input[type=button], nav li.current-menu-item a, li.current-menu-parent a, input[type=submit], #menu-icon, ol.graphs > li,.flex-control-paging li a.flex-active, ul.page-numbers li a.prev:hover, ul.page-numbers li a.next:hover, ul.paging a:hover span,.header-container div.nav li a
{
background-color: #fabb09;
color: #fff; }
a.btn:hover, input[type=button]:hover, nav a:hover, nav a:before, nav li.current-menu-item a:hover, li.current-menu-parent a:hover, input[type=submit]:hover, #menu-icon.active,  .nav-parent.hover a, .header-container div.nav li a:hover, .flex-control-paging li a, ul.page-numbers li a.prev, ul.page-numbers li a.next, ul.paging a span
{
background-color: #000000;
color: #fff;		
}
h1, h2, h3, h4, .nav a, h1 a, h2 a, h3 a, h4 a, #response .success, .success:before, #response .failure, #header_logo, .logo-text, .statistics li h6, .toggle-btn, .accordion-btn, ul.tab-nav li,	h4.v_nav
{
color: #2d3438;		
} 
#nav ul,#nav ul li a,#nav ul li
{
background-color:rgba(0, 0, 0, .6);
color: #fff;		   
}
strong, b, .lead, .main table th, blockquote, .more, .tweet, ul.pagination li a, ul.comments h5 a:hover, .comment-reply-link,	.comment-edit-link, .link-pages, .link-pages p a:hover, #wp-calendar a:hover, #wp-calendar caption
{
color: #2d3438;		
}
.header-container header, .right-aside, footer .wrapper, hr, hr.dots, hr.dash, fieldset, .statistics ul li, ul.filters, ul.filters li, .header-container header .wrapper, ul.toggle li,	ul.tab-nav li, ul.tab-nav li.active, .tab-content-block, h4.v_nav, ul.accordion li
{
border-color: #cad2d7;		
}
.nav li a 
{ 
color: #ffffff;		
}
.header-container header
{
background-color:rgba(0, 0, 0, .6);    
padding-top: 30px;
padding-bottom: 45px;
padding-bottom: 0px;	
}   
#header_logo 
{
position: relative;	
top: 0px;
left: 0px;
}
#nav-wrap 
{
position: relative;	
top: 0px;
right: 0px;
}
@media only screen and (max-width: 768px) 
{ #nav 
{
background: #646d72;		     
}
h1{
font-size: 46px;
padding:10px;                
}
h2{
font-size: 26px;
margin-top: 15px;
padding:10px;
}
h3{
font-size: 18px;
}
h4, h5
{
font-size: 14px;
}
.pisgeelpic
{
width:80%;
height:auto;
}
.cta
{
padding:0px;
padding-bottom:20px;
}
.main-content.full
{
margin-top:0px !important;
}
.header-container header .wrapper
{
padding-bottom:0px !important;
}
}
.cn-button.bootstrap 
{
display: inline-block;
padding: 4px 12px;
margin-right: .3em;
margin-bottom: 0;
font-weight:bold;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: none;
font-style: normal;
vertical-align: middle;
cursor: pointer;
color: #fff;
background-color:#fabb09;
background-image: none !important;
background-repeat: repeat-x;
border:none !important;;
box-shadow: none !important;
padding: 2px px;
font-size: 12px;
text-decoration: none;
border-radius: 0px !important;
outline: none;
} 
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price,.woocommerce div.product .stock {
color: #fabb09;
font-weight: 400;
font-size: 1em;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button
{
background-color: #000;
}       
.product_meta {display:none;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover 
{
background-color: #fabb09;
color: #000;
}
.woocommerce-message {
border-top-color: #fabb09;
}
.woocommerce-message::before {
color: #fabb09;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
padding-left: 20px !important;
}
.woocommerce ul.order_details li
{
padding-left:20px;
}
.announcement,a.announcement, .announcement a
{
color: #fabb09 !important; }@media only screen and (max-width: 768px) 
{ #nav{ 
display: none; 
}
#nav-wrap {
position: relative;
}
#nav li.nav-parent{
padding-bottom: 0;
}
#menu-icon {
display: inline-block;
cursor: pointer;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.header-container nav{
margin-top: 0;
}
#nav {
clear: both;
position: absolute;
top: 40px;
min-width: 160px;
z-index: 10000;
padding: 5px;
display: none; 
right: 0px;
background: #646d72;
-webkit-border-radius: 3px 0px 3px 3px;
border-radius: 3px 0px 3px 3px;
}
#nav li {
clear: both;
float: none;
}
#nav a, #nav ul a {
font: inherit;
background: none;
display: inline;
padding: 0;
border: none;
color: #fff;
}
#nav a:hover, #nav ul a:hover{
color: #ffc000;
}
#nav ul {
width: auto;
position: static;
display: block;
border: none;
background: inherit;
}
#nav ul li a{
padding-left: 0;
}
#nav ul.sub-menu li a:before{
content: "g";
font-family: 'bulletsregular';
position: relative;
top: 0px;
left: 0em;
}
#nav ul.sub-menu ul.sub-menu li a:before{
left: 0;
} #masthead{
display: block;
height: auto;
}
h1{
font-size: 42px;
}
h3{
font-size: 14px;
}
.lead, blockquote
{
font-size: 20px;
line-height: 30px;
}
.main-content.full
{
margin-top:-30px;
margin-bottom:-30px;    
}
.flexslider-quote blockquote
{
font-size: 24px;  
} div.header-container header{
padding: 30px 0 25px;
} 
.main-content, .right-aside{
width: 100%;
float: none;
border: none;
padding-left: 0;
padding-right: 0;
}
.main-container{
padding: 25px 0 0px;
width:90%;
}
.right-aside{
border-top: 1px solid #cad2d7;
margin-top: 25px; 
} .third, .half, .fourth, .two-thirds, ol.icon-lists li, ul.flag-lists li, .three-fourths, .foot.left, .foot.right, input.half, input.full{
width: 100%;
margin-right: 0%;
float: none;
}
.third, .half, .fourth, .two-thirds, .three-fourths{
margin-bottom: 30px;
}
blockquote.third, blockquote.half, blockquote.fourth, blockquote.two-thirds{
width: 100%;
}
blockquote, blockquote.right, blockquote.left{
margin: 0;
}
ul.archive li{
min-width: 28%;
}
.foot.left, .foot.right{
display: block;
text-align: center;
margin-bottom: 20px;
}
h6.tags.right, h6.date.left{
float: none!important;
}
ul.filters li{
display: block;
border: none;
border-bottom: 1px solid #CAD2D7;
text-align: left;
margin-right: 0;
}
ul.filters li a{
display: block;
}
footer .wrapper .mosaic-block{
border-width: 5px;
margin-top: 1em;
margin-bottom: 1em;
}
footer .wrapper .third .third, footer .wrapper .third .third.last{
width: 45%;
float: left;
margin-right: 0%;
}
footer .wrapper .third .third:nth-child(2n+1){
margin-right: 5%!important;
}
} @media only screen and (max-width: 600px) { 
.logo{
padding-bottom: 20px;
}
.main-content img{
width: 100%;
}
.statistics img
{
width:220px;
height:220px;
}
.backstretch{
opacity: 0.2;
}
.cta.two-thirds{
width: 100%;
margin-right: 0%;
float: none;
}
.cta h1{
font-size: 62px;
}
.cta h3{
font-size: 18px;
} .main table{ 
border-left: 1px solid #cad2d7;
border-right: 1px solid #cad2d7;
border-top: none;
border-bottom: none;
}	
} @media only screen and (max-width: 480px) { 
input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
padding: 10px 2%;
width: 96%;
}
a.btn, input[type=button]{
text-align: center;
}
a.small-btn{
font-size: 14px;
padding: .4em 2%;
}
a.xsmall-btn{
font-size: 12px;
padding: .2em 2%;
}
iframe{
max-height: 320px;
}
#menu-icon{
display: block!important;
padding-left: 3%!important;
padding-right: 3%!important;
width: 94%!important;
}
.header-container header{
text-align: center;
}
.logo{
float: none;
}
#header_logo{
float: none;
}
div.header-container nav{
float: none;
margin-top: 0em;
}
#nav{
padding-left: 3%!important;
padding-right: 3%!important;
width: 94%!important;
left: 0;
}
#nav li{
padding: 0;
}
.hide-480{
display: none;
}
#nav ul.sub-menu ul.sub-menu li{
padding-left: 0;
}
#nav ul li a:before{
display: none;
}
.statistics{
text-align: center;
display: block;
}
.statistics ul{
display: inline;
} 
.statistics ul li, .statistics ul li:last-child{
display: block;
border-top: 1px solid #cad2d7;
border-right: none;
}
.statistics ul li{
margin-bottom: 2em;
}
.statistics ul li:last-child{
margin-bottom: 0;
}
.cta h1{
font-size: 42px;
padding:10px;
}
.cta h3{
font-size: 18px;
}
.cta h5, .cta p{
display: none;
} .tab-nav {display: none;}
h4.v_nav {
font: 20px 'robotobold';
margin: 0;
background: #EDEDED;
text-align:center;
margin-top: 0px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: .5em 0;
}
.tab-content-block {
clear:both;
position:relative;
width: 100%;
background: #fff;
border: 1px solid #D9D6CF;
}
h4.v_nav:first-child {
margin-top: 0;
}
h4.v_active {
z-index:50;
}
} @media only screen and (max-width: 1140px) { 
.wrapper, #content.widecolumn { width: 92%; margin: 0 4%; }
} @media screen and (min-width: 768px) {
#nav { }
}.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}    html,
body {
height: 100%;
}
#container {
border: 1px solid #666;
padding: 5px;
margin-bottom: 20px;
}
.element {
width: 110px;
height: 110px;
margin: 5px;
float: left;
overflow: hidden;
position: relative;
background: #888;
color: #222;
-webkit-border-top-right-radius: 1.2em;
-moz-border-radius-topright: 1.2em;
border-top-right-radius: 1.2em;
}
.element.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }
.element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }
.element * {
position: absolute;
margin: 0;
}
.element .symbol {
left: 0.2em;
top: 0.4em;
font-size: 3.8em;
line-height: 1.0em;
color: #FFF;
}
.element.large .symbol {
font-size: 4.5em;
}
.element.fake .symbol {
color: #000;
}
.element .name {
left: 0.5em;
bottom: 1.6em;
font-size: 1.05em;
}
.element .weight {
font-size: 0.9em;
left: 0.5em;
bottom: 0.5em;
}
.element .number {
font-size: 1.25em;
font-weight: bold;
color: hsla(0,0%,0%,.5);
right: 0.5em;
top: 0.5em;
}
.variable-sizes .element.width2 { width: 230px; }
.variable-sizes .element.height2 { height: 230px; }
.variable-sizes .element.width2.height2 {
font-size: 2.0em;
}
.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
font-size: 3.0em;
width: 350px;
height: 350px;
z-index: 100;
}
.clickable .element:hover {
cursor: pointer;
}
.clickable .element:hover h3 {
text-shadow:
0 0 10px white,
0 0 10px white
;
}
.clickable .element:hover h2 {
color: white;
} #options {
padding-bottom: 1.0em;
}
#options h3 {
margin-bottom: 0.2em;
font-size: 15px;
}
#options h4 { 
font-weight: bold;
}
#options ul {
margin: 0;
list-style: none;
}
#options ul ul {
margin-left: 1.5em;
}
#options li {
float: left;
margin-bottom: 0.2em;
}
#options li a {
display: block;
padding: 0.4em 0.5em;
background-color: #DDD;
color: #222;
font-weight: bold;
text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
}
#options li a:hover {
background-color: #5BF;
}
#options li a:active {
background-color: #39D;
-webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
-moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
-o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}
#options li a {
border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}
#options li:first-child a {
border-radius: 7px 0 0 7px;
border-left: none;
}
#options li:last-child a {
border-radius: 0 7px 7px 0;
}
#options li a.selected {
background-color: #13F;
text-shadow: none;
color: white;
} #options .option-combo {
display: inline-block;
float: left;
margin-right: 10px;
}
#options .option-combo ul {
margin-right: 20px;
display: inline-block;
}
#options .option-combo h2,
#options .option-combo h4 {
line-height: 34px;
margin-bottom: 0;
margin-right: 5px;
display: inline-block;
vertical-align: top;
} .color-shape {
width: 70px;
height: 70px;
margin: 5px;
float: left;
}
.color-shape.round {
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
.color-shape.big.round {
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
.color-shape.red { background: red; }
.color-shape.blue { background: blue; }
.color-shape.yellow { background: yellow; }
.color-shape.wide, .color-shape.big { width: 150px; }
.color-shape.tall, .color-shape.big { height: 150px; }
.color-shape a {
display: block;
height: 100%;
}
.color-shape a:hover {
background: white;
background: hsla( 0, 0%, 100%, 0.5 );
} .horizontal #container {
height: 80%;
}
#copy {
max-width: 640px;
} .photos .photo {
width: 320px;
margin: 5px;
float: left;
}
.photos .photo img {
display: block;
width: 100%;
}
#content {
margin-left: 210px;
}
.demos #content {
height: 100%;
} .docs #content {
max-width: 640px;
}
.docs #content a:hover {
border-bottom: 1px dotted;
} #site-nav {
width: 200px;
position: absolute;
left: 10px;
top: 0px;
padding-top: 20px;
font-size: 12px;
}
#site-nav h1 {
font-size: 24px;
margin-bottom: 0.5em;
margin-top: 0;
font-weight: bold;
font-family: 'Helvetica Neue', Arial, sans-serif;
}
#site-nav h2 {
font-size: 17px;
font-weight: normal;
margin: 0 0 0.3em;
border-top: none;
}
#site-nav h1 a { color: #4FB; }
#site-nav h1 a:hover { color: #4BF; }
#site-nav ul {
list-style: none;
margin: 0 0 1.0em;
font-weight: bold;
}
#site-nav ul ul { margin-bottom: 0; }
#site-nav ul a {
display: block;
border: none;
padding: 1px 5px;
}
#site-nav ul .current a {
background: hsla( 0, 0%, 0%, 0.3 );
color: #1BF;
}
#site-nav ul a:hover,
#site-nav ul .current a:hover { color: white; }
#site-nav ul .current .toc a {
font-size: 12px;
padding-left: 1.2em;
font-weight: normal;
} .docs #content h2 {
border-top: 1px solid #333;
padding-top: 0.8em;
margin-bottom: 0.8em;
}
.docs #content h2:target { 
padding: 10px;
background: white;
color: #222;
}
.docs #content h3 {
color: #FEC;
background: hsla( 0, 0%, 75%, 0.05 );
padding: 2px 0.5em;
margin-bottom: 0.5em;
font-size: 1.15em;
}
.docs #content h4 {
margin-bottom: 0.5em;
font-size: 14px;
} h3#options {
padding-bottom: 0;
}
.option-def dl dt,
.option-def dl dd {
float: left;
padding: 0 1.2em;;
background: #161616;
line-height: 36px;
height: 36px;
}
.option-def dl.header dt,
.option-def dl.header dd {
background: #444;
}
.option-def dl .option-type {
font-size: 13px;
color: #AAA;
font-style: italic;
}
.option-def dl dd {
border-left: 1px solid #222;
} .docs .tagline {
font-size: 22px;
font-weight: 300;
} .docs .as-is {
font-size: 95%;
} .docs #commercial {
background: white;
padding: 10px;
font-size: 14px;
color: #1F1F1D;
}
.docs #commercial a { font-weight: bold;} code .s1,
code .s { color: #78BD55; } code .mi, code .cp, code .kc { color: #5298D4; } code .k { color: #E39B79; } code .kd, code .na { color: #A9D866; } code .p  { color: #EDB; } code .o  { color: #F63; } code .nb { color: #AA97AC;}  code .c,
code .c1 { color: #666; font-style: italic; }
code .nt { color: #A0C8FC; } code .nf { color: #9EA8B8; } code .nc { color: #A78352; } code .m  { color: #DE8E50; } code .nd { color: #9FAD7E; }   #sites h2 {
display: none;
padding: 0.4em;
line-height: 32px;
margin-bottom: 0.4em;
-webkit-transition: background-color 0.8s;
-moz-transition: background-color 0.8s;
-o-transition: background-color 0.8s;
transition: background-color 0.8s;
}
#sites h2 img {
display: inline-block;
margin-right: 0.4em;
vertical-align: bottom;
}
#sites h2.loading {
background: white;
color: #222;
}
#sites h2.error {
background: red;
color: #222;
}
#sites ul {
margin: 0;
}
.super-list .example {
list-style: none;
float: left;
width: 230px;
margin: 5px;
}
.super-list .example a,
.super-list .example b,
.super-list .example img {
display: block;
}
.super-list .example img { width: 100%; }
.super-list .example a {
background: #1F1E1D;
}
.super-list .example a:hover {
background: white;
color: #111;
}
.super-list .example b { 
font-weight: bold;
line-height: 1.3em;
padding: 3px;
padding-top: 8px;
}
.super-list .link {
float: left;
position: relative;
font-size: 24px;
line-height: 1.2em;
font-weight: 300;
margin: 5px;
}
.super-list .link {
width: 230px;
height: 110px;
}
.super-list .link a {
display: block;
padding: 10px;
padding-left: 65px;
height: 90px;
background: #1F1E1D;
color: #FE5;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
.super-list .link a:before {
content: '➔';
font-size: 70px;
position: absolute;
top: 30px;
left: 5px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.super-list .link.away a:before {
top: 25px;
left: 0px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.super-list .link a:hover {
background: #E58;
color: white;
}
.super-list .feature .name {
bottom: auto;
top: 140px;
left: 18px;
font-size: 20px;
} .big-graph {
background: white;
height: 600px;
margin: 20px auto;
}
.big-graph .project {
width: 45px;
height: 45px;
float: left;
}
.big-graph .project .icon {
pointer-events: none;
width: 31px;
height: 31px;
background: white;
margin-left: 7px;
-webkit-transition: -webkit-transform 0.25s;
-moz-transition: -moz-transform    0.25s;
-ms-transition: -ms-transform     0.25s;
-o-transition: -o-transform      0.25s;
transition: transform         0.25s;
}
.big-graph .project:hover {
z-index: 5;
}
.big-graph .project:hover .icon {
-webkit-transform: scale(3);
-moz-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
}
.big-graph .project.commercial .icon { background: #6B6B6B; }
.big-graph .project.urbanism .icon { background: #00CF00; }
.big-graph .project.public-space .icon { background: #FF8D00; }
.big-graph .project.culture .icon { background: #D61919; }
.big-graph .project.body-culture .icon { background: #00ECFF; }
.big-graph .project.health .icon { background: #FF2251; }
.big-graph .project.education .icon { background: #00A700; }
.big-graph .project.housing .icon { background: #FF02FF; }
.big-graph .project.hotel .icon { background: #0000C3; }
.big-graph .project.media .icon { background: #292929; }
.big-graph .project p {
line-height: 14px;
font-size: 10.5px;
color: black;
margin-left: 7px;
} #infscr-loading {
position: fixed;
text-align: center;
bottom: 30px;
left: 42%;
z-index: 100;
background: white;
background: hsla( 0, 0%, 100%, 0.9 );
padding: 20px;
color: #222;
font-size: 15px;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
} .clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }.flex-container a:active,
.flexslider a:active, .flexslider-quote a:active,
.flex-container a:focus, .flexslider-quote a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider, .flexslider-quote {margin: 0; padding: 0;}
.flexslider .slides > li, .flexslider-quote .slides > li {display: none; -webkit-backface-visibility: hidden; padding-left: 0;} .flexslider .slides img {width: 100%; display: block; margin-top: 0; }
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; 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, .flexslider-quote {margin: 0 0 40px;  position: relative;  zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flexslider-quote{
text-align: center;
}
.flexslider li:before, .flexslider-quote li:before{
display: none;
}
.flexslider ul, .flexslider ol, .flexslider-quote ul, .flexslider-quote ol{
margin-left: 0;
}
.flexslider-quote h6{
margin-bottom: 2em;
}
.carousel li {margin-right: 5px} .flex-direction-nav {*height: 0; height: 0;}
ul.flex-direction-nav li{
position: static;
}
.flex-direction-nav a { 
margin: -20px 0 0; 
display: block;
position: absolute; 
top: 50%; 
z-index: 10; 
cursor: pointer;  
opacity: 0; 
-webkit-transition: all .3s ease;
background-color: rgba(0, 0, 0, .2);
-webkit-border-radius: 100px;
border-radius: 100px;
color: #fff;
font: 24px 'bulletsregular';
padding: .2em .5em;
}
.flex-direction-nav .flex-next { 
right: 15px;
padding: 0.3em 0.3em 0.15em 0.6em;
}
.flex-direction-nav .flex-prev {
left: 15px;
padding: 0.3em 0.4em 0.15em 0.5em; 
}
.flexslider:hover .flex-next {opacity: 0.8; right: 8px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 8px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 8px;}
.flex-direction-nav .flex-next {opacity: 1; right: 8px;  }
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.spijkerbar.nl/wp-content/themes/selfy/js/fancybox/source/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.spijkerbar.nl/wp-content/themes/selfy/js/fancybox/source/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.spijkerbar.nl/wp-content/themes/selfy/js/fancybox/source/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.spijkerbar.nl/wp-content/themes/selfy/js/fancybox/source/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}#fancybox-buttons {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
}
#fancybox-buttons.top {
top: 10px;
}
#fancybox-buttons.bottom {
bottom: 10px;
}
#fancybox-buttons ul {
display: block;
width: 166px;
height: 30px;
margin: 0 auto;
padding: 0;
list-style: none;
border: 1px solid #111;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
background: rgb(50,50,50);
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}
#fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}
#fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-image: url(//www.spijkerbar.nl/wp-content/themes/selfy/js/fancybox/source/helpers/fancybox_buttons.png);
background-repeat: no-repeat;
outline: none;
opacity: 0.8;
}
#fancybox-buttons a:hover {
opacity: 1;
}
#fancybox-buttons a.btnPrev {
background-position: 5px 0;
}
#fancybox-buttons a.btnNext {
background-position: -33px 0;
border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}
#fancybox-buttons a.btnToggle {
background-position: 3px -60px;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
width: 35px
}
#fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}
#fancybox-buttons a.btnClose {
border-left: 1px solid #111;
width: 35px;
background-position: -56px 0px;
}
#fancybox-buttons a.btnDisabled {
opacity : 0.4;
cursor: default;
}#fancybox-thumbs {
position: fixed;
left: 0;
width: 100%;
overflow: hidden;
z-index: 8050;
}
#fancybox-thumbs.bottom {
bottom: 2px;
}
#fancybox-thumbs.top {
top: 2px;
}
#fancybox-thumbs ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#fancybox-thumbs ul li {
float: left;
padding: 1px;
opacity: 0.5;
}
#fancybox-thumbs ul li.active {
opacity: 0.75;
padding: 0;
border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
opacity: 1;
}
#fancybox-thumbs ul li a {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #222;
background: #111;
outline: none;
}
#fancybox-thumbs ul li img {
display: block;
position: relative;
border: 0;
padding: 0;
}#slides {
overflow: hidden;
width: 100%;
height: 100%;
background: #A4AEB0;
}
#slides .slides-container {
display: none;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
#slides .slides-container li {
margin: 0;
padding: 0;
position: relative;
background: none;
width: 100%;
}
#slides .slides-container li.current {
display: block;
z-index: 1;
}
#slides .slides-container li img {
-webkit-backface-visibility: hidden;
-ms-interpolation-mode: bicubic;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#slides .wrapper{
z-index: 10;
position: relative;
}
#slides header{
position: absolute;
width: 100%;
z-index: 11;
border-bottom: none;
}
#slides{
min-height: 320px;
}
#slides .cta{
margin-top: 300px;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
#slides .cta .more{
padding-top: 2px;
}
.slides-navigation {
width: 100%;
margin: 0 auto;
position: absolute;
z-index: 3;
top: 50%; }
.slides-navigation a {  
background-color: rgba(0, 0, 0, .2);
-webkit-border-radius: 100px;
border-radius: 100px;
color: #fff;
font: 21px 'bulletsregular';
position: absolute;
text-decoration: none;
display: block;
text-align: center;
top: 46%;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
width: 46px;
height: 34px;
padding-top: 12px;
padding-right: 0;
padding-left: 0;
}
.slides-navigation a:hover{
background-color: rgba(0, 0, 0, .5);
}
.slides-navigation a.prev {
left: 1em;
}
.slides-navigation a.next {
right: 1em;
padding-left: 6px;
width: 40px;
}
.slides-pagination{
display: none;
}
@media only screen and (max-width: 768px) {
.slides-navigation a.prev {
left: 0em;
}
.slides-navigation a.next {
right: 0;
}
#slides .cta{
margin-top: 250px;
}
#slides .cta.half{
width: 60%;	
}
}
@media only screen and (max-width: 600px) {
.slide-img{
opacity: .2;
}
#slides .cta.half{
width: 100%;
margin-right: 0;
}
}
@media only screen and (max-width: 480px) {
#slides .cta p{
display: none;
}
.slides-navigation a{
width: 25px!important;
}
.slides-navigation a.prev {
left: 0em;
-webkit-border-radius: 0px 100px 100px 0px;
border-radius: 0px 100px 100px 0px;
}
.slides-navigation a.next {
right: 0;
-webkit-border-radius: 100px 0px 0px 100px;
border-radius: 100px 0px 0px 100px;
width: 18px!important;
padding-left: 8px;        
}
}