@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@font-face {
font-family: 'Handschrift';
src: url(//www.broux.com/wp-content/themes/broux/lib/fonts/Handschrift.eot); src: url(//www.broux.com/wp-content/themes/broux/lib/fonts/Handschrift.eot?#iefix) format('embedded-opentype'), url(//www.broux.com/wp-content/themes/broux/lib/fonts/Handschrift.woff2) format('woff2'), url(//www.broux.com/wp-content/themes/broux/lib/fonts/Handschrift.woff) format('woff'), url(//www.broux.com/wp-content/themes/broux/lib/fonts/Handschrift.ttf)  format('truetype'), url(//www.broux.com/wp-content/themes/broux/lib/fonts/Handschrift.svg#svgHandschrift) format('svg'); }
@font-face {
font-family: 'Eurostile';
src: url(//www.broux.com/wp-content/themes/broux/lib/fonts/Eurostile-Extended.eot); src: url(//www.broux.com/wp-content/themes/broux/lib/fonts/Eurostile-Extended.eot?#iefix) format('embedded-opentype'), url(//www.broux.com/wp-content/themes/broux/lib/fonts/Eurostile-Extended.woff2) format('woff2'), url(//www.broux.com/wp-content/themes/broux/lib/fonts/Eurostile-Extended.woff) format('woff'), url(//www.broux.com/wp-content/themes/broux/lib/fonts/Eurostile-Extended.ttf)  format('truetype'), url(//www.broux.com/wp-content/themes/broux/lib/fonts/Eurostile-Extended.svg#svgEurostile-Extended) format('svg'); }    html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a,a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} *,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
} .author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
content: " ";
display: table;
}
.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}  body {
background-color: #fff;
color: #333;
font-family: "open-sans", sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.625;
margin: 0;
}
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition:    all 0.1s ease-in-out;
-ms-transition:     all 0.1s ease-in-out;
-o-transition:      all 0.1s ease-in-out;
transition:         all 0.1s ease-in-out;
}
::-moz-selection {
background-color: #333;
color: #fff;
}
::selection {
background-color: #333;
color: #fff;
}
a {
color: #ffb800;
text-decoration: none;
}
a:hover {
color: #333;
}
p {
margin: 0 0 28px;
padding: 0;
}
ol,
ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
b,
strong {
font-weight: 700;
}
blockquote,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 40px;
}
blockquote::before {
content: "\201C";
display: block;
font-size: 190px;
height: 0;
left: -60px;
position: relative;
top: -90px;
text-align: left;
color: #eee;
} h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-weight: 400;
line-height: 1.2;
margin: 0 0 25px;
}
h1,h2 {
font-family: "Eurostile", sans-serif;
letter-spacing: 1px;
}
h1 {
font-size: 40px;
margin-bottom: 40px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
} embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}
iframe {
border: 0;
}
img {
height: auto;
}
.featured-content img,
.gallery img {
width: auto;
} .gallery {
overflow: hidden;
}
.gallery-item {
float: left;
margin: 0 0 28px;
text-align: center;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery img {
height: auto;
margin: 0 0 20px 0;
} input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
font-size: 18px;
font-weight: 300;
padding: 16px;
width: 100%;
}
input:focus,
textarea:focus {
border: 1px solid #999;
outline: none;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}
::-moz-placeholder {
color: #333;
font-weight: 300;
opacity: 1;
}
::-webkit-input-placeholder {
color: #333;
font-weight: 300;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
border: 3px solid #333;
color: #333;
cursor: pointer;
font-size: 18px;
font-weight: 600;
padding: 14px 24px;
text-transform: uppercase;
width: auto;
}
.button-y {
color: #ffb800;
border-color: #ffb800;
}
.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets button {
background: #111;
}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
color: #666;
border-color: #666;
}
.button-y:hover {
color: #333;
border-color: #333;
}
.entry-content .button:hover {
color: #fff;
background: #666;
}
.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .button:hover {
color: #333;
}
.button {
display: inline-block;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
} table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}
tbody {
border-bottom: 1px solid #ddd;
}
td,
th {
text-align: left;
}
td {
border-top: 1px solid #ddd;
padding: 6px 0;
}
th {
font-weight: 400;
}  .site-inner,
.wrap {
margin: 0 auto;
max-width: 1200px;
}
.site-inner {
clear: both;
}  .content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 980px;
}
.content-sidebar-sidebar .content-sidebar-wrap {
float: left;
}
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
float: right;
} .content {
float: right;
width: 800px;
}
.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
float: left;
}
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
width: 580px;
}
.full-width-content .content {
width: 100%;
} .sidebar-primary {
float: right;
width: 360px;
}
.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
float: left;
} .sidebar-secondary {
float: left;
width: 180px;
}
.content-sidebar-sidebar .sidebar-secondary {
float: right;
}  .five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
} .one-third,
.two-sixths {
width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}
.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;
}
.first {
clear: both;
margin-left: 0 !important;
}  .avatar {
float: left;
}
.alignleft .avatar,
.author-box .avatar {
margin-right: 24px;
}
.alignright .avatar {
margin-left: 24px;
}
.comment .avatar {
margin: 0 16px 24px 0;
} .breadcrumb {
margin-bottom: 20px;
}
.archive-description,
.author-box {
background-color: #fff;
font-size: 16px;
margin-bottom: 40px;
padding: 40px;
}
.author-box-title {
font-size: 16px;
margin-bottom: 4px;
}
.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0;
} .search-form {
overflow: hidden;
}
.site-header .search-form {
float: right;
margin-top: 12px;
}
.entry-content .search-form,
.site-header .search-form {
width: 50%;
}
.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
} .archive-title {
font-size: 20px;
}
.entry-title {
font-size: 50px;
}
.entry-title a,
.sidebar .widget-title a {
color: #333;
}
.entry-title a:hover {
color: #ffb800;
}
.widget-title {
font-size: 18px;
margin-bottom: 20px;
}
.footer-widgets .widget-title {
color: #fff;
} a.aligncenter img {
display: block;
margin: 0 auto;
}
a.alignnone {
display: inline-block;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}
img.alignnone,
.alignnone {
margin-bottom: 12px;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 24px 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 24px 24px;
}
.wp-caption-text {
font-size: 14px;
font-weight: 300;
text-align: center;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.sticky {
} .widget {
word-wrap: break-word;
}
.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}
.widget li li {
border: none;
margin: 0 0 0 30px;
padding: 0;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar td,
.widget_calendar th {
text-align: center;
} .featured-content .entry {
border-bottom: 2px solid #f5f5f5;
margin-bottom: 20px;
padding: 0 0 24px;
}
.footer-widgets .entry {
border-bottom: 1px dotted #666;
}
.featured-content .entry-title {
font-size: 20px;
}  .enews-widget,
.enews-widget .widget-title {
color: #fff;
}
.sidebar .widget.enews-widget {
background-color: #333;
}
.enews-widget input,
.enews-widget input:focus {
border: 1px solid #333;
}
.enews-widget input {
font-size: 16px;
margin-bottom: 16px;
}
.enews-widget input[type="submit"] {
background-color: #ffb800;
color: #fff;
margin: 0;
width: 100%;
}
.enews-widget input:hover[type="submit"] {
background-color: #fff;
color: #333;
}
.enews form + p {
margin-top: 24px;
} #wpstats {
display: none;
} .site-header {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.site-header .wrap {
padding: 10px 25px;
position: absolute;
z-index: 99;
background: #000;
top: 25px;
}
.units .site-header .wrap {
background: rgba(0,0,0,0.8);
} .title-area {
float: left;
padding: 10px 0;
width: 300px;
}
.header-full-width .title-area {
width: 100%;
}
.site-title {
font-size: 32px;
font-weight: 400;
line-height: 1.2;
}
.site-title a,
.site-title a:hover {
color: #333;
}
.header-image .site-title > a {
background: url(//www.broux.com/wp-content/themes/broux/images/logo.png) no-repeat left;
float: left;
min-height: 48px;
width: 100%;
}
.site-description {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.site-description,
.site-title {
margin-bottom: 0;
}
.header-image .site-description,
.header-image .site-title {
display: block;
text-indent: -9999px;
} .site-header .widget-area {
float: right;
text-align: right;
width: 850px;
} .genesis-nav-menu {
clear: both;
font-size: 16px;
line-height: 1;
width: 100%;
}
.genesis-nav-menu .menu-item {
display: inline-block;
text-align: left;
}
.genesis-nav-menu a {
color: #fff;
display: block;
padding: 30px 19px;
}
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .current-page-ancestor > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #ffb800;
}
.genesis-nav-menu .sub-menu {
left: -9999px;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition:    opacity .4s ease-in-out;
-ms-transition:     opacity .4s ease-in-out;
-o-transition:      opacity .4s ease-in-out;
transition:         opacity .4s ease-in-out;
width: 200px;
z-index: 99;
}
.genesis-nav-menu .sub-menu a {
background-color: #fff;
border: 1px solid #eee;
border-top: none;
font-size: 14px;
padding: 20px;
position: relative;
width: 200px;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: -55px 0 0 199px;
}
.genesis-nav-menu .menu-item:hover {
position: static;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}
.genesis-nav-menu > .first > a {
padding-left: 0;
}
.genesis-nav-menu > .last > a {
padding-right: 0;
}
.genesis-nav-menu > .right {
color: #fff;
float: right;
list-style-type: none;
padding: 30px 0;
}
.genesis-nav-menu > .right > a {
display: inline;
padding: 0;
}
.genesis-nav-menu > .rss > a {
margin-left: 48px;
}
.genesis-nav-menu > .search {
padding: 10px 0 0;
} .site-header .sub-menu {
border-top: 1px solid #eee;
}
.site-header .sub-menu .sub-menu {
margin-top: -56px;
}
.site-header .genesis-nav-menu li li {
margin-left: 0;
} .nav-primary {
background-color: #333;
}
.nav-primary .genesis-nav-menu a {
color: #fff;
}
.nav-primary .genesis-nav-menu .sub-menu a {
color: #333;
}
.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.section_houtskeletbouw .menu-item-31 a,
.section_dakwerken .menu-item-55 a,
.section_bijgebouwen .menu-item-54 a,
.section_poorten .menu-item-54 a,
.section_gevelbekleding .menu-item-54 a {
color: #ffb800;
} #subnav-container {
margin-top: -30px;
height: 60px;
position: relative;
}
.nav-secondary {
background-color: #000;
z-index: 999;
width: 1200px;
}
.nav-secondary li {
float: left;
display: inline-block;
}
.nav-secondary a {
padding: 15px 20px;
display: block;
color: #fff;
font-size: 16px;
}
.nav-secondary a:hover,
.nav-secondary a.link-active {
color: #ffB800;
}
.stuck, .wrap.sticky .nav-secondary {
position:fixed;
top:0;
}  .entry {
margin-bottom: 40px;
padding: 50px 60px;
}
.content .entry {
background-color: #fff;
}
.page-template-page_blog .content .entry {
background: #f5f5f5;
}
.page-template-page_blog .site-inner {
margin-top: 200px;
}
.single .post-image {
float: right;
}
.entry-content ol,
.entry-content ul {
margin-bottom: 28px;
margin-left: 40px;
}
.entry-content ol > li {
list-style-type: decimal;
}
.entry-content ul > li {
list-style-type: disc;
}
.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}
.entry-content code {
background-color: #333;
color: #ddd;
} p.entry-meta {
font-size: 16px;
margin-bottom: 0;
}
.entry-header .entry-meta {
margin-bottom: 24px;
}
.entry-footer .entry-meta {
border-top: 2px solid #f5f5f5;
padding-top: 24px;
}
.entry-categories,
.entry-tags {
display: block;
}
.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px;
} .pagination {
clear: both;
margin: 40px 0;
}
.adjacent-entry-pagination {
margin-bottom: 0;
}
.archive-pagination li {
display: inline;
}
.archive-pagination li a {
background-color: #333;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
padding: 8px 12px;
}
.archive-pagination li a:hover,
.archive-pagination .active a {
background-color: #ffb800;
} .comment-respond,
.entry-comments,
.entry-pings {
background-color: #fff;
margin-bottom: 40px;
}
.comment-respond,
.entry-pings {
padding: 40px 40px 16px;
}
.entry-comments {
padding: 40px;
}
.comment-header {
font-size: 16px;
}
li.comment {
background-color: #f5f5f5;
border: 2px solid #fff;
border-right: none;
}
.comment-content {
clear: both;
}
.comment-list li {
margin-top: 24px;
padding: 32px;
}
.comment-list li li {
margin-right: -32px;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 50%;
}
.comment-respond label {
display: block;
margin-right: 12px;
}
.entry-comments .comment-author {
margin-bottom: 0;
}
.entry-pings .reply {
display: none;
}
.bypostauthor {
}
.form-allowed-tags {
background-color: #f5f5f5;
font-size: 16px;
padding: 24px;
} .sidebar {
font-size: 16px;
}
.sidebar li {
border-bottom: 1px dotted #ddd;
margin-bottom: 10px;
padding-bottom: 10px;
}
.sidebar p:last-child,
.sidebar ul > li:last-child {
margin-bottom: 0;
}
.sidebar .widget {
background-color: #fff;
margin-bottom: 40px;
padding: 40px;
} .footer-top {
background: #000;
width: 100%;
padding: 15px 0;
font-style: italic;
font-size: 20px;
color: #fff;
}
.footer-widgets {
background-color: #111;
clear: both;
padding-top: 40px;
}
.footer-widgets,
.footer-widgets a {
color: #fff;
}
.footer-widgets input {
border: 1px solid #333;
}
.footer-widgets a.button,
.footer-widgets a:hover {
color: #ffb800;
}
.footer-widgets h4 {
color: #fff;
font-size: 18px;
margin-bottom: 25px;
}
.footer-widgets p {
font-size: 15px;
}
.footer-widgets li {
border-bottom: 1px dotted #666;
margin-bottom: 10px;
padding-bottom: 10px;
}
.footer-widgets .widget {
margin-bottom: 40px;
}
.footer-widgets p:last-child {
margin-bottom: 0;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
width: 285px;
margin-left: 20px;
float: left;
}
.footer-widgets-1 {
margin-left: 0px;
}
.footer-widgets-1,
.footer-widgets-2 {
}
.footer-widgets-3 {
} .site-footer {
background-color: #fff;
font-size: 14px;
line-height: 2;
padding: 25px 0;
}
.site-footer p {
margin-bottom: 0;
}
.site-footer a {
color: #333;
text-decoration: underline;
} .home .site-inner {
padding: 0;
}
.intro-slider {
position: relative;
}
.intro-slider,
.quotes-slider {
touch-action: pan-y !important;
}
#sfeerbeelden .slidesdirection-nav {
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
#sfeerbeelden .slidesdirection-nav .slidesprev {
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-l.png) no-repeat scroll center center;
width: 60px;
height: 60px;
text-indent: -9999px;
position: absolute;
left: -60px;
top: 45%;
}
#sfeerbeelden .slidesdirection-nav .slidesnext {
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-r.png) no-repeat scroll center center;
width: 60px;
height: 60px;
text-indent: -9999px;
position: absolute;
right: -60px;
top: 45%;
}
.intro-slider .slides li {
height: 800px;
height: 80vh;
}
.slidesdirection-nav a {
text-decoration: none;
display: block;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-next {
right: 0 !important;
}
.intro-slider:hover .slidesprev { opacity: 1; left: 0px !important; }
.intro-slider:hover .slidesnext { opacity: 1; right: 0px !important; }
.intro {
position: absolute;
bottom: 150px; padding: 0px;
text-align: center;
width: 700px;
z-index: 90;
left: 50%;
right: 50%;
margin-left: -350px;
color: #fff;
}
.intro h1 {
color: #fff;
font-size: 80px;
margin-bottom: 0px;
text-shadow: 5px 0px 10px rgba(0, 0, 0, 1);
font-family: "Handschrift", sans-serif;
}
.arrow-d {
position: absolute;
bottom: 25px;
left: 50%;
margin-left: -24px;
z-index: 80;
}
#wat {
background: #000;
text-align: center;
}
#wat .one-third {
border-right: 1px solid #131313;
padding: 100px 0;
width: 33.333%;
margin: 0;
}
#wat h2 {
color: #fff;
font-size: 22px;
margin-top: 25px;
}
#citaat {
padding: 80px 0;
}
.citaat {
font-size: 50px;
line-height: 1.5;
font-family: "Eurostile", sans-serif;
color: #000;
font-style: italic;
max-width: 960px;
margin: 0 auto;
text-align: center;
}
#waarom {
padding: 0 0 80px 0;
background: #fff;
}
#waarom h2 {
font-size: 38px;
position: relative;
text-align: center;
margin-bottom: 60px;
}
#waarom h2:after {
height: 1px;
width: 300px;
background: #ccc;
content: '';
display: block;
position: absolute;
bottom: -25px;
left: 50%;
margin-left: -150px;
} #waarom .one-third p {
font-size: 16px;
text-align: justify;
}
#waarom .one-third {
margin-top: 80px;
}
.drieluik h3 {
text-transform: uppercase; line-height: 1; display: block;
font-size: 26px;
text-align: center;
font-family: "Eurostile", "open-sans", sans-serif;
color: #fff;
width: 100%;
margin-top: 200px;
transition: all 0.5s linear;
text-shadow: 1px 1px 1px #000;
}
#waarom h3 span { }
.drieluik{
width:33.333%; 
height:400px;
float:left; 
display:block;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
position: relative;
text-align: center;
}
.drieluik p {
opacity: 0;
transition: all 0.5s ease-out;
text-align: center;
width: 100%;
max-width: 400px;
transition: all 0.5s linear;
left: 50%;
right: 50%;
margin-left: -200px;
position: absolute;
bottom: 30px;
text-shadow: 1px 1px 1px #000;
}
.drieluik .button {
color: #fff;
border-color: #fff;
background: transparent;
}
.drieluik a {
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
position: absolute;
text-align: center;
transition: all 0.5s linear;
color: #fff;
}
#inline-ontwerp,
#inline-studie,
#inline-creatie {
display: none;
padding: 20px;
color: #fff;
}
.fancybox-inner h2 {
margin-bottom: 40px;
color: #fff;
}
.fancybox-inner {background-color: #000 !important;}
.fancybox-inner ol li,
.waarom-content ol li {
list-style-type: decimal;
list-style-position: outside;
margin-left: 25px;
}
.fancybox-inner ol li,
.waarom-content ol li {
margin-bottom: 5px;
} .broux-test {
max-width: 600px;
margin: 60px auto 80px auto;
font-size: 20px;
position: relative;
line-height: 1.3;
} #referenties {
width: 960px;
margin: -80px auto 80px auto;
}
.quotes-slider {
padding: 0;
position: relative;
z-index: 1;
background: #000;
}
.quotes-slider .slides li {
height: 426px;
position: relative;
}
.quotes-slider figure {
position: absolute;
top: 0;
left: 0;
height: 100%;
right: 320px;
margin: 0;
}
.cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.text {
position: absolute;
right: 0;
top: 0;
width: 320px;
background: #000 url(//www.broux.com/wp-content/themes/broux/images/quotes.png) no-repeat 20px 20px;
color: #fff;
height: 100%;
}
.quote {
margin: 80px 40px;
display: block;
font-style: italic;
}
.naam {
font-weight: normal;
font-style: normal;
display: block;
margin-top: 30px;
}
.quotes-slider .flex-direction-nav {
left: 0;
right: auto;
position: absolute;
top: 45%;
z-index: 4;
margin: 0;
padding: 0;
width: 640px;
}
.quotes-slider .flex-direction-nav a {
opacity: 0;
}
.quotes-slider .flex-direction-nav .flex-prev {
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-l.png) no-repeat scroll center center;
width: 60px;
height: 60px;
text-indent: -9999px;
position: absolute;
left: 0px;
top: 45%;
}
.quotes-slider .flex-direction-nav .flex-next {
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-r.png) no-repeat scroll center center;
width: 60px;
height: 60px;
text-indent: -9999px;
position: absolute;
right: 0px;
top: 45%;
text-align: left;
}
.quotes-slider:hover .flex-prev { opacity: 1; left: 0px !important; }
.quotes-slider:hover .flex-next { opacity: 1; right: 0px !important; }
#video {
background: url(//www.broux.com/wp-content/themes/broux/images/video-bg.jpg) no-repeat center center #000;
min-height: 600px;
vertical-align: middle;
padding: 120px 0;
}
#video .wrap {
text-align: center;
}
#video .jobs h2 {
margin-top: 60px;
color: #fff;
}
#video .button-y:hover {
color: #fff;
border-color: #fff;
} #sfeerbeeld {
position: relative;
min-height: 400px;
min-height: 60vh;
}
#sfeerbeeld.default-page {
min-height: 400px;
min-height: 50vh;
}
#sfeerbeeld.referentie-detail {
min-height: 400px;
}
div.section {
min-height: 600px; padding: 80px 0;
}
div.section#waarom-werken {
min-height: auto;
}
div.section h1,
div.section h2 {
margin-bottom: 70px;
}
div.section h2 a {
color: #000;
}
div.section.black {
background: #000;
color: #fff;
}
div.section.black h2,
div.section.black h3 {
color: #fff;
}
div.section.black h2 a {color: #fff;}
div.section.grey {
background: #ededed;
}
.center-content {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.center-gallery {
text-align: center;
margin-top: 40px;
}
.center-gallery img, .right-gallery img {
margin: 0 15px 15px 0;
}
.right-gallery img {
width: 45%;
margin: 0 5% 5% 0;
float: left;
}
.section h1,
.section h2 {
position: relative;
}
.section.center h1,
.section.center h2 {
text-align: center;
}
.section h1:after,
.section h2:after {
height: 1px;
width: 300px;
background: #ccc;
content: '';
display: block;
position: absolute;
bottom: -25px;
left: 0;
}
.section.center h1:after,
.section.center h2:after {
left: 50%;
margin-left: -150px;
}
.section.black h2:after {
background: #333;
}
.realisatie {
background: #f0f0f0;
margin-bottom: 25px;
}
.black .realisatie {
background: #191919;
}
.black .realisatie h3 {
color: #999;
}
.realisatie figure {
height: 350px;
margin: 0;
position: relative;
}
.realisatie h3 {
text-transform: uppercase;
background: url(//www.broux.com/wp-content/themes/broux/images/corner.png) no-repeat right top;
line-height: 1;
margin: 15px 20px 15px 20px;
display: block;
font-size: 16px;
padding-right: 25px;
height: 32px;
}
.realisatie p {
font-size: 14px;
color: #666;
margin: 0 20px 20px;
}
.getuigenissen h3 {
margin: 40px 0 20px 0;
text-align: center;
}
.getuigenissen .one-third {
margin-bottom: 2%;
}
#veelgestelde-vragen {
text-align: center;
}
#faq dt:before {
content: '';
background: #ffb800;
border: 2px solid #e8a801;
height: 8px;
width: 8px;
display: inline-block;
border-radius: 100%;
margin-right: 10px;
}
#faq dt {
font-size: 1em;
font-weight: 600;
line-height: 1.2;
margin: 0.25em 0.75em;
padding: 0.75em 0;
border-bottom: 1px solid #ccc;
cursor: pointer;
}
#faq dt.selected {
border-bottom: 0;
}
#faq dd {
display: none;
padding: 0px 20px 0px 20px;
margin: 10px 0 40px 40px;
border-left: 1px solid #ccc;
}
.grey #faq dt,
.grey #faq dd {
border-color: #ccc;
}
#samenwerken {
text-align: center;
}
.two-thirds.referentie-detail {
padding-right: 100px;
}
.two-thirds.referentie-detail .one-third {
margin-bottom: 2%;
}
.two-thirds.referentie-detail.center-referentie {
padding-right: 0;
margin-left: auto !important;
margin-right: auto !important;
}
.meer-projecten {
padding: 40px 0;
margin-bottom: 40px;
}
.meer-projecten h3 {
text-align: center;
}
.meer-projecten p {
text-align: center;
}
.vorig, .volgend {
width: 40%;
float: left;
}
.volgend {float: right;}
.vorig a.link {
padding: 15px 0 10px 20px;
height: 60px;
display: block;
vertical-align: middle;
color: #333;
float: left;
}
.vorig a.arrow {
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-l.png) no-repeat scroll center center rgba(0,0,0,0.5);
height: 60px;
width: 60px;
display: block;
float: left;
}
.volgend a.link {
padding: 15px 20px 10px 0px;
height: 60px;
display: block;
vertical-align: middle;
color: #333;
float: right;
}
.volgend a.arrow {
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-r.png) no-repeat scroll center center rgba(0,0,0,0.5);
height: 60px;
width: 60px;
display: block;
float: right;
}
body.blog .site-inner,
body.single-post .site-inner,
body.single-jobs .site-inner {
margin-top: 150px;
}
.gform_wrapper ul li.gfield {
margin-bottom: 0.5em;
}
.ginput_right {
margin-left: 0!important;
}
.page-id-47 #sfeerbeeld {
min-height: 800px;
min-height: 90vh;
}
.section#waarom-ontwerp {
margin-top: 0px;
}
.section#waarom-ontwerp,
.section#waarom-studie,
.section#waarom-creatie {
padding: 0;
margin-bottom: 60px;
border: 0;
}
#waarom-ontwerp .waarom-title {
background-image: url(//www.broux.com/wp-content/uploads/2015/05/broux_ontwerp_zwartwit3-1934.jpg);
}
#waarom-studie .waarom-title {
background-image: url(//www.broux.com/wp-content/uploads/2015/05/broux_studie_zwartwit.jpg);
}
#waarom-creatie .waarom-title {
background-image: url(//www.broux.com/wp-content/uploads/2015/05/broux_creatie_zwartwit.jpg);
}
.waarom-title {
width: 100%;
margin-bottom: 60px;
text-align: center;
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 300px;
height: 50vh;
color: #fff;
font-size: 50px;
padding-top: 200px;
font-family: "eurostile", sans-serif;
text-shadow: 5px 0px 10px rgba(0, 0, 0, 1);
}
@media only screen and (min-width: 1025px) {
.waarom-title {
background-attachment: fixed;
height: 400px;
height: 40vh;
}
}
.waarom-content {
margin: 0px auto 120px auto;
}
.page-id-3470 .waarom-content {
margin: 0 auto 0 auto;
}
.page-id-3470 .center-content {
margin-bottom: 60px;
}
.waarom-content li span {
font-size: 40px;
color: #ffB800;
float: left;
line-height: 1;
margin: 0 20px 80px 0;
}
.waarom-content > li {
margin-bottom: 60px;
}
.page-id-3470 .waarom-content .one-half {
width: 44%;
margin-left: 11.9%;
} .page-id-3470 .waarom-content li span {
font-size: 40px;
color: #ffB800;
float: none;
display: block;
width: 100%;
line-height: 1;
margin: 0 20px 10px 0;
}
.gform_wrapper .gfield_required {
display: none;
} .hidden-field {
display: none;
}
.logged-in .hidden-field {
display: block;
} .cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px; overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-t.png) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible { visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out { opacity: .7;
}
.cd-top:hover {
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 60px;
width: 60px;
right: 30px;
bottom: 30px;
}
}
.mensen-container {
background: #191919;
}
.mensen-container .various,
.mensen-container img {
display: inherit;
}
.mensen-container .one-half {
width: 50%;
margin: 0;
}
.mensen-inner {
padding: 30px;
vertical-align: middle;
}
.mensen-quote {
font-style: italic;
margin-bottom: 60px;
}
.page-id-1493 #intro li,
.page-id-1493 #waarom-werken li,
.single-jobs #intro li,
.single-jobs #waarom-werken li {
list-style: disc;
margin-left: 25px;
}
#intro ul.vacatures li {
border-bottom: 1px solid #eee;
padding: 10px;
list-style: none;
}
#intro ul {
margin-bottom: 40px;
}
#myVideo {
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
} @media only screen and (min-width: 1400px) {
.site-header {
max-width: 90%;
margin: 0 auto;
background: #000;
}
.site-header .wrap {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 1200px) {
.site-inner,
.wrap {
max-width: 960px;
}
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 740px;
}
.content {
width: 620px;
}
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content,
.content-sidebar-sidebar .content {
width: 400px;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
width: 30%
}	
.sidebar-primary {
width: 300px;
}
.footer-widgets-1 {
margin-right: 0px;
}
.site-header {
max-width: 960px;
}
.title-area {
width: 220px;
}
.nav-secondary {
width: 960px;
}
.genesis-nav-menu a {
font-size: 15px;
padding: 24px 8px;
}
.nav-secondary a {
padding: 15px 15px;
}
.site-header .widget-area {
width: 690px;
}
.header-image .site-title > a {
width: 200px;
background-size: 200px;
}
#referenties {
width: auto;
}
.quotes-slider figure {
right: 260px;
}
.text {
width: 260px;
}
#waarom .one-third {
width: 30%;
margin: 40px 3% 20px 0;
}
.quotes-slider .flex-direction-nav {
width: auto;
right: 260px;
}
}
@media only screen and (max-width: 960px) {
.site-inner,
.wrap {
max-width: 800px;
}
.content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content-sidebar-wrap,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-primary,
.sidebar-secondary,
.sidebar-sidebar-content .content,
.sidebar-sidebar-content .content-sidebar-wrap,
.site-header .widget-area {
width: 100%;
}
.widget_nav_menu {
margin-top: -55px;
}
.site-header .wrap {
padding: 5px 5%;
width: 100%;
left: 50%;
margin-left: -400px;
}
.header-image .title-area {
background-position: center top;
}
.genesis-nav-menu li,
.site-header ul.genesis-nav-menu,
.site-header .search-form {
float: none;
}
.genesis-nav-menu,
.site-description,
.site-header .title-area,
.site-header .search-form,
.site-title {
text-align: center;
}
.genesis-nav-menu a,
.genesis-nav-menu > .first > a,
.genesis-nav-menu > .last > a {
padding: 20px 16px;
}
.site-header .search-form {
margin: 16px auto;
}
.genesis-nav-menu li.right {
display: none;
}
.footer-widgets-1 {
margin-right: 0;
}
.intro-slider .slides li {
height: 500px;
}
.intro {
bottom: 170px;
padding: 30px;
text-align: center;
width: 400px;
z-index: 90;
left: 50%;
right: 50%;
margin-left: -200px;
color: #fff;
}
.intro h1 {
font-size: 32px;
margin-bottom: 20px;
}
.footer-widgets-1, 
.footer-widgets-2, 
.footer-widgets-3, 
.footer-widgets-4 {
margin-left: 0;
}
.two-thirds.referentie-detail {
padding-right: 0px;
}
.mensen-container {
background: transparent;
}
.mensen-container .one-half {
width: 100%;
margin-bottom: 10px;
background: #191919;
}
.mensen-container .one-half .one-half {
width: 50%;
}
}
@media only screen and (max-width: 800px) {
body {
background-color: #fff;
font-size: 16px;
}
.site-inner,
.wrap {
padding-left: 5%;
padding-right: 5%;
}
.site-header .wrap {
padding: 5px 5%;
width: 90%;
left: 50%;
margin-left: -45%;
}
.archive-description,
.author-box,
.comment-respond,
.entry,
.entry-comments,
.entry-pings,
.sidebar .widget,
.site-header {
padding: 0;
}
article.entry {
padding: 30px 0;
}
.entry-title {
font-size: 35px;
}
.archive-pagination li a {
margin-bottom: 4px;
}
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds,
.page-id-3470 .waarom-content .one-half {
margin: 0;
width: 100%;
}
.sidebar .widget.enews-widget {
padding: 40px;
}
.quotes-slider .slides li {
height: auto;
position: relative;
}
.quotes-slider figure {
position: static;
height: 250px;
}
.citaat {
font-size: 30px;
}
blockquote::before {
top: -110px;
}
.text {
position: static;
width: auto;
height: auto;
}
.quote {
margin: 20px 30px;
display: block;
font-style: italic;
}
.naam {
font-weight: normal;
font-style: normal;
display: block;
margin-top: 40px;
}
.quotes-slider .flex-direction-nav {
left: 0;
right: auto;
position: absolute;
top: 0px;
z-index: 4;
margin: 0;
padding: 0;
width: 100%;
height: 250px;
}
.quotes-slider .flex-direction-nav a {
opacity: 1 !important;
}
.quotes-slider .flex-direction-nav .flex-prev {
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-l.png) no-repeat scroll center center rgba(0,0,0,0.5);
width: 60px;
height: 60px;
text-indent: -9999px;
position: absolute;
left: 0;
bottom: 0;
}
.quotes-slider .flex-direction-nav .flex-next {
background: url(//www.broux.com/wp-content/themes/broux/images/arrow-r.png) no-repeat scroll center center rgba(0,0,0,0.5);
width: 60px;
height: 60px;
text-indent: -9999px;
position: absolute;
right: 0;
bottom: 0;
text-align: left;
}
.intro {
display: none;
}
.two-thirds.referentie-detail .one-third {
width: 30%;
margin-right: 3%;
}
.page-id-47 #sfeerbeeld {
min-height: 60vh;
}
#myVideo {
display: none;
}
}
@media only screen and (min-width: 600px) {
.drieluik:hover h3 {
margin-top: 100px;
transition: all 0.5s ease-out;
}
.drieluik:hover p {
display: block;
opacity: 1;
color: #fff;
transition: all 0.5s linear;
font-size: 24px;
}
.parent:hover .drieluik {width:25%;}
.luik1:hover{width:50% !important; overflow:visible;}
.luik2:hover {width:50%!important}
.luik3:hover{width:50%!important}
#inline-ontwerp,
#inline-studie,
#inline-creatie {
padding: 100px;
} 
}
@media only screen and (max-width: 600px) {
.header-image .site-title > a {
width: 150px;
background-size: 150px;
}
h1, h2, .entry-title {
font-size: 26px;
text-align: center;
}
#sfeerbeeld {
min-height: 300px;
}
div.section {
padding: 30px 0;
}
#wat .one-third {
border-bottom: 1px solid #333;
border-right: 0;
padding: 20px 0;
width: 100%;
margin: 0;
text-align: left;
}
#wat .one-third img {
float: left;
margin-right: 20px;
}
#wat h2 {
font-size: 18px;
text-align: left;
}
#waarom .one-third {
width: 280px;
margin: 40px 0px 20px 0px;
}
.drieluik {
width: 100%;
}
.vorig, .volgend {
width: 100%;
border-top: 1px solid #ccc;
}
.button {
font-size: 15px;
}
.two-thirds.referentie-detail .one-third {
width: 100%;
}
.mensen-inner {
padding: 10px;
}
}  nav {
clear: both;
} .sub-menu-toggle,
.menu-toggle {
display: none;
visibility: hidden;
} @media only screen and (min-width: 961px) {
nav {
display: block !important;
}
} @media only screen and (max-width: 960px) {
.menu-toggle,
.sub-menu-toggle {
display: block;
font-size: 20px;
font-size: 1rem;
font-weight: 400;
margin: 0 auto;
overflow: hidden;
padding: 10px 40px 10px 0; text-align: center;
visibility: visible;
float: right;
border: 0;
background: url(//www.broux.com/wp-content/themes/broux/images/menukopie.png) no-repeat right center;
background-size: 35px;
}
button.menu-toggle,
button.sub-menu-toggle {
background-color: transparent;
color: #fff;
}
.sub-menu-toggle {
padding: 18px;
padding: 1.8rem;
position: absolute;
right: 0;
top: 0;
}
.menu-toggle:before {
content: "menu";
}
.menu-toggle.activated:before {
content: "sluit";
}
.sub-menu-toggle:before {
content: "+";
}
.sub-menu-toggle.activated:before {
content: "-";
}
nav {
display: none;
position: relative;
}
.genesis-nav-menu .menu-item {
background-color: #000;
display: block;
position: relative;
text-align: left;
color: #fff;
}
.genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu .sub-menu {
clear: both;
display: none;
opacity: 1;
position: static;
width: 100%;
}
.genesis-nav-menu .sub-menu a {
border-left: 0;
position: relative;
width: auto;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: 0;
}
.genesis-nav-menu .sub-menu .sub-menu a {
background-color: #111;
padding-left: 30px;
}
.genesis-nav-menu .sub-menu .sub-menu .sub-menu a {
background-color: #fff;
padding-left: 40px;
}
.nav-primary a:hover,
.nav-primary .current-menu-item > a {
color: #333;
}
} @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
.waarom-title {
min-height: 400px;
height: 400px;
}
#sfeerbeeld {
min-height: 500px;
}
#sfeerbeeld.default-page {
min-height: 500px;
}
.page-id-47 #sfeerbeeld {
min-height: 600px;
}
} @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
.waarom-title {
min-height: 400px;
height: 400px;
}
#sfeerbeeld {
min-height: 500px;
}
#sfeerbeeld.default-page {
min-height: 500px;
}
.page-id-47 #sfeerbeeld {
min-height: 600px;
}
} @media screen and (device-aspect-ratio: 40/71) {
.waarom-title {
min-height: 400px;
height: 400px;
}
#sfeerbeeld {
min-height: 500px;
}
#sfeerbeeld.default-page {
min-height: 500px;
}
.page-id-47 #sfeerbeeld {
min-height: 500px;
}
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}  @font-face {
font-family: 'flexslider-icon';
src:url(//www.broux.com/wp-content/themes/broux/lib/css/fonts/flexslider-icon.eot);
src:url(//www.broux.com/wp-content/themes/broux/lib/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),
url(//www.broux.com/wp-content/themes/broux/lib/css/fonts/flexslider-icon.woff) format('woff'),
url(//www.broux.com/wp-content/themes/broux/lib/css/fonts/flexslider-icon.ttf) format('truetype'),
url(//www.broux.com/wp-content/themes/broux/lib/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.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 { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 3000px; -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; }
.carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; 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; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); 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: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}.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.broux.com/wp-content/themes/broux/lib/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.broux.com/wp-content/themes/broux/lib/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.broux.com/wp-content/themes/broux/lib/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 !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.broux.com/wp-content/themes/broux/lib/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);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.broux.com/wp-content/themes/broux/lib/source/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//www.broux.com/wp-content/themes/broux/lib/source/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}


.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(0.645,.045,.355,1);transition-timing-function:cubic-bezier(0.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}.blueimp-gallery>.slides>.slide-loading{background:url(//www.broux.com/wp-content/themes/broux/lib/img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(//www.broux.com/wp-content/themes/broux/lib/img/error.png) center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.prev,.blueimp-gallery>.next{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(//www.broux.com/wp-content/themes/broux/lib/img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.prev:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.close:hover,.blueimp-gallery>.title:hover,.blueimp-gallery>.play-pause:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.title,.blueimp-gallery-controls>.play-pause{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.prev,.blueimp-gallery-left>.prev,.blueimp-gallery-single>.next,.blueimp-gallery-right>.next,.blueimp-gallery-single>.play-pause{display:none}.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.play-pause{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(//www.broux.com/wp-content/themes/broux/lib/img/error.svg)}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(//www.broux.com/wp-content/themes/broux/lib/img/play-pause.svg)}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0 3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25) center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>li:hover,.blueimp-gallery>.indicator>.active{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(//www.broux.com/wp-content/themes/broux/lib/img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(//www.broux.com/wp-content/themes/broux/lib/img/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(//www.broux.com/wp-content/themes/broux/lib/img/video-play.svg)}