.mfp-bg,.mfp-wrap{
position:fixed;
left:0;
top:0
}
.mfp-bg,.mfp-container,.mfp-wrap{
height:100%;
width:100%
}
*,.mfp-container,.slick-slider,:after,:before,img.mfp-img{
box-sizing:border-box
}
.mfp-arrow,.slick-slider{
-webkit-tap-highlight-color:transparent
}
#footer .footer-middle .footer-inner:after,#header .header-inner:after,.blog-listing-component .list:after,.blog-listing-item-container .content-container .meta:after,.checkbox>label:after,.clearfix:after,.collapse.service>.item>.body .inner:after,.collapse.service>.item>.header .inner:after,.contact-details-component .two-columns-wrapper:after,.container:after,.content-layout-two-columns-wrapper:after,.dialog .dialog-body:after,.dialog .dialog-footer:after,.dialog .dialog-header:after,.landing-banner.post .items:after,.language-bar-element ul:after,.links-container.adjacent:after,.mfp-wrap .mfp-figure .mfp-bottom-bar:after,.portfolio-showcase-item-container>.inner:after,.radio>label:after,.reference-dialog .dialog-body .two-columns-wrapper:after,.reference-listing-component .list:after,.slick-slider:after,.slick-track:after,.slider.portfolio-showcase:after,.slider.reference:after,.social-share-component:after,form .form-control-group:after,form.contact .buttons-container:after,form.contact .two-columns-wrapper:after,nav ul:after{
clear:both
}
@font-face{
font-family:'Open Sans';
font-style:normal;
font-weight:400;
src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}
@font-face{
font-family:'Open Sans';
font-style:normal;
font-weight:700;
src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzNqQynqKV_9Plp7mupa0S4g.ttf) format('truetype')
}
@font-face{
font-family:'Open Sans';
font-style:italic;
font-weight:400;
src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBl02b4v3fUxqf9CZJ1qUoIA.ttf) format('truetype')
}
@font-face{
font-family:'Open Sans';
font-style:italic;
font-weight:700;
src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxiBnJMIPt0VoltfALX9gDFQ.ttf) format('truetype')
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
display:block
}
@font-face{
font-family:icomoon;
src:url(//www.hexempo.de/wp-content/themes/nfa/fonts/icomoon.eot?test);
src:url(//www.hexempo.de/wp-content/themes/nfa/fonts/icomoon.eot?#iefixtest) format("embedded-opentype"),url(//www.hexempo.de/wp-content/themes/nfa/fonts/icomoon.woff?test) format("woff"),url(//www.hexempo.de/wp-content/themes/nfa/fonts/icomoon.ttf?test) format("truetype"),url(//www.hexempo.de/wp-content/themes/nfa/fonts/icomoon.svg?test#icomoon) format("svg");
font-weight:400;
font-style:normal
}
[class*=" icon-"],[class^=icon-]{
font-family:icomoon;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-cross:before{
content:"\e900"
}
.icon-logo:before{
content:"\e901"
}
.icon-minus:before{
content:"\e902"
}
.icon-plus:before{
content:"\e903"
}
.icon-search:before{
content:"\f002"
}
.icon-home:before{
content:"\f015"
}
.icon-clock-o:before{
content:"\f017"
}
.icon-chevron-left:before{
content:"\f053"
}
.icon-chevron-right:before{
content:"\f054"
}
.icon-comment:before{
content:"\f075"
}
.icon-chevron-up:before{
content:"\f077"
}
.icon-chevron-down:before{
content:"\f078"
}
.icon-angle-double-left:before{
content:"\f100"
}
.icon-angle-double-right:before{
content:"\f101"
}
.icon-angle-double-up:before{
content:"\f102"
}
.icon-angle-double-down:before{
content:"\f103"
}
.icon-angle-left:before{
content:"\f104"
}
.icon-angle-right:before{
content:"\f105"
}
.icon-angle-up:before{
content:"\f106"
}
.icon-angle-down:before{
content:"\f107"
}
.mfp-container:before,.mfp-figure:after,.slick-track:after,.slick-track:before{
content:''
}
@-webkit-keyframes fade-in-display{
0%{
opacity:0;
visibility:hidden
}
1%{
opacity:0;
visibility:visible
}
100%{
opacity:1;
visibility:visible
}
}
@keyframes fade-in-display{
0%{
opacity:0;
visibility:hidden
}
1%{
opacity:0;
visibility:visible
}
100%{
opacity:1;
visibility:visible
}
}
@-webkit-keyframes fade-out-display{
0%,1%{
opacity:1;
visibility:visible
}
100%{
opacity:0;
visibility:hidden
}
}
@keyframes fade-out-display{
0%,1%{
opacity:1;
visibility:visible
}
100%{
opacity:0;
visibility:hidden
}
}
.slick-loading .slick-slide,.slick-loading .slick-track{
visibility:hidden
}
.mfp-bg{
z-index:1042;
overflow:hidden;
background:#0b0b0b;
opacity:.8;
filter:alpha(opacity=80)
}
.mfp-wrap{
z-index:1043;
outline:0!important;
-webkit-backface-visibility:hidden
}
.mfp-container{
text-align:center;
position:absolute;
left:0;
top:0;
padding:0 8px
}
.mfp-container:before{
display:inline-block;
height:100%;
vertical-align:middle
}
.mfp-align-top .mfp-container:before{
display:none
}
.mfp-content{
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 auto;
text-align:left;
z-index:1045
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{
width:100%;
cursor:auto
}
.mfp-ajax-cur{
cursor:progress
}
.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-zoom-out-cur .mfp-image-holder .mfp-close,.mfp-wrap .mfp-zoom-out-cur .mfp-image-holder .mfp-wrap .mfp-close,.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close,.mfp-zoom-out-cur .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-zoom-out-cur .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close{
cursor:-webkit-zoom-out;
cursor:zoom-out
}
.mfp-zoom{
cursor:pointer;
cursor:-webkit-zoom-in;
cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
cursor:auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.mfp-loading.mfp-figure{
display:none
}
.mfp-hide{
display:none!important
}
.mfp-preloader{
color:#ccc;
position:absolute;
top:50%;
width:auto;
text-align:center;
margin-top:-.8em;
left:8px;
right:8px;
z-index:1044
}
.mfp-preloader a{
color:#ccc
}
.mfp-preloader a:hover{
color:#fff
}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{
display:none
}
.mfp-wrap .mfp-iframe-holder .mfp-wrap button.mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap button.mfp-close,button.mfp-arrow,button.mfp-close{
overflow:visible;
cursor:pointer;
background:0 0;
border:0;
-webkit-appearance:none;
display:block;
outline:0;
padding:0;
z-index:1046;
box-shadow:none
}
.mfp-figure:after,.mfp-iframe-scaler iframe{
box-shadow:0 0 8px rgba(0,0,0,.6);
position:absolute;
left:0
}
button::-moz-focus-inner{
padding:0;
border:0
}
.mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close{
width:44px;
height:44px;
line-height:44px;
position:absolute;
right:0;
top:0;
text-decoration:none;
text-align:center;
opacity:.65;
filter:alpha(opacity=65);
padding:0 0 18px 10px;
color:#fff;
font-style:normal;
font-size:28px;
font-family:Arial,Baskerville,monospace
}
.mfp-close:focus,.mfp-close:hover,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:focus,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:focus,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover{
opacity:1;
filter:alpha(opacity=100)
}
.mfp-close:active,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:active,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:active{
top:1px
}
.mfp-close-btn-in .mfp-close,.mfp-close-btn-in .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-close-btn-in .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close-btn-in .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close-btn-in .mfp-close{
color:#333
}
.mfp-iframe-holder .mfp-close,.mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,.mfp-image-holder .mfp-close,.mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-close{
color:#fff;
right:-6px;
text-align:right;
padding-right:6px;
width:100%
}
.mfp-counter{
position:absolute;
top:0;
right:0;
color:#ccc;
font-size:12px;
line-height:18px;
white-space:nowrap
}
.mfp-figure,img.mfp-img{
line-height:0
}
.mfp-arrow{
position:absolute;
opacity:.65;
filter:alpha(opacity=65);
margin:-55px 0 0;
top:50%;
padding:0;
width:90px;
height:110px
}
.mfp-arrow:active{
margin-top:-54px
}
.mfp-arrow:focus,.mfp-arrow:hover{
opacity:1;
filter:alpha(opacity=100)
}
.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{
content:'';
display:block;
width:0;
height:0;
position:absolute;
left:0;
top:0;
margin-top:35px;
margin-left:35px;
border:inset transparent
}
.mfp-arrow .mfp-a,.mfp-arrow:after{
border-top-width:13px;
border-bottom-width:13px;
top:8px
}
.mfp-arrow .mfp-b,.mfp-arrow:before{
border-top-width:21px;
border-bottom-width:21px;
opacity:.7
}
.mfp-arrow-left{
left:0
}
.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{
border-right:17px solid #fff;
margin-left:31px
}
.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{
margin-left:25px;
border-right:27px solid #3f3f3f
}
.mfp-arrow-right{
right:0
}
.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{
border-left:17px solid #fff;
margin-left:39px
}
.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{
border-left:27px solid #3f3f3f
}
.mfp-iframe-holder{
padding-top:40px;
padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
line-height:0;
width:100%;
max-width:900px
}
.mfp-image-holder .mfp-content,iframe img,img,img.mfp-img{
max-width:100%
}
.mfp-iframe-holder .mfp-close,.mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-close{
top:-40px
}
.mfp-iframe-scaler{
width:100%;
height:0;
overflow:hidden;
padding-top:56.25%
}
.mfp-iframe-scaler iframe{
display:block;
top:0;
width:100%;
height:100%;
background:#000
}
.mfp-figure:after,img.mfp-img{
width:auto;
height:auto;
display:block
}
img.mfp-img{
padding:40px 0;
margin:0 auto
}
ol li,ol li ol,ol li:last-child,ul li ul,ul li:last-child{
margin-bottom:0
}
.mfp-figure:after{
top:40px;
bottom:40px;
right:0;
z-index:-1;
background:#444
}
.mfp-figure small{
color:#bdbdbd;
display:block;
font-size:12px;
line-height:14px
}
.mfp-figure figure{
margin:0
}
.mfp-bottom-bar{
margin-top:-36px;
position:absolute;
top:100%;
left:0;
width:100%;
cursor:auto
}
.mfp-title{
text-align:left;
line-height:18px;
color:#f3f3f3;
word-wrap:break-word;
padding-right:36px
}
a:focus,a:hover{
color:#ff9e03;
text-decoration:none
}
ol li,ul li{
color:#414141
}
.mfp-gallery .mfp-image-holder .mfp-figure{
cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
.mfp-img-mobile .mfp-image-holder{
padding-left:0;
padding-right:0
}
.mfp-img-mobile img.mfp-img{
padding:0
}
.mfp-img-mobile .mfp-figure:after{
top:0;
bottom:0
}
.mfp-img-mobile .mfp-figure small{
display:inline;
margin-left:5px
}
.mfp-img-mobile .mfp-bottom-bar{
background:rgba(0,0,0,.6);
bottom:0;
margin:0;
top:auto;
padding:3px 5px;
position:fixed;
box-sizing:border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty{
padding:0
}
.mfp-img-mobile .mfp-counter{
right:5px;
top:3px
}
.mfp-img-mobile .mfp-close,.mfp-img-mobile .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-img-mobile .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-img-mobile .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-img-mobile .mfp-close{
top:0;
right:0;
width:35px;
height:35px;
line-height:35px;
background:rgba(0,0,0,.6);
position:fixed;
text-align:center;
padding:0
}
}
ol li,p,ul li{
line-height:1.5em
}
.dialog,.slick-list,.slick-slider,.slick-track,a,ol li:before,sub,sup,ul li:before{
position:relative
}
@media all and (max-width:900px){
.mfp-arrow{
-webkit-transform:scale(.75);
-ms-transform:scale(.75);
transform:scale(.75)
}
.mfp-arrow-left{
-webkit-transform-origin:0;
-ms-transform-origin:0;
transform-origin:0
}
.mfp-arrow-right{
-webkit-transform-origin:100%;
-ms-transform-origin:100%;
transform-origin:100%
}
.mfp-container{
padding-left:6px;
padding-right:6px
}
}
.mfp-ie7 .mfp-img{
padding:0
}
.mfp-ie7 .mfp-bottom-bar{
width:600px;
left:50%;
margin-left:-300px;
margin-top:5px;
padding-bottom:5px
}
h1,h4+ol,h4+p,h4+ul,h5+ol,h5+p,h5+ul,h6+ol,h6+p,h6+ul,ol li ol,ul li ul{
margin-top:0
}
.mfp-ie7 .mfp-container,ol,ul{
padding:0
}
.mfp-ie7 .mfp-content{
padding-top:44px
}
.mfp-ie7 .mfp-close,.mfp-ie7 .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-ie7 .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-ie7 .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-ie7 .mfp-close{
top:0;
right:0;
padding-top:0
}
.slick-slider{
display:block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-touch-callout:none;
-khtml-user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y
}
.slick-list{
display:block;
overflow:hidden;
margin:0;
padding:0
}
h1,h2{
margin-bottom:.875em
}
h3,h4{
margin-top:1.25em
}
.slick-list:focus{
outline:0
}
.slick-list.dragging{
cursor:pointer;
cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.slick-track{
top:0;
left:0;
display:block
}
.slick-track:after,.slick-track:before{
display:table
}
.slick-slide{
display:none;
float:left;
height:100%;
min-height:1px
}
[dir=rtl] .slick-slide{
float:right
}
.slick-slide img{
display:block
}
.slick-slide.slick-loading img{
display:none
}
.slick-slide.dragging img{
pointer-events:none
}
.slick-initialized .slick-slide{
display:block
}
.slick-vertical .slick-slide{
display:block;
height:auto;
border:1px solid transparent
}
a,hr,iframe{
border:none
}
.slick-arrow.slick-hidden{
display:none
}
address{
font-style:normal
}
em,mark,var{
font-style:italic
}
h1,h2,h3,h4,h5,h6{
line-height:1.25em
}
h1{
font-size:3.5rem
}
h2{
margin-top:1.375em;
font-size:2.5rem
}
h3{
margin-bottom:.5em;
font-size:2rem
}
h4{
margin-bottom:.375em;
font-size:1.5rem
}
ol,p,ul{
margin:1.5rem 0
}
h5{
margin-top:1.0625em;
margin-bottom:.25em;
font-size:1.35rem
}
h6{
margin-top:1em;
margin-bottom:.125em;
font-size:1rem
}
@media (max-width:1219px){
h1{
font-size:3.25rem
}
h2{
font-size:2.375rem
}
h3{
font-size:1.875rem
}
}
@media (max-width:991px){
h1{
font-size:2.75rem
}
h2{
font-size:2.125rem
}
h3{
font-size:1.625rem
}
}
@media (max-width:767px){
h1{
font-size:2.125rem
}
h2{
font-size:1.75rem
}
h3{
font-size:1.4375rem
}
}
small{
font-size:.75em
}
sub,sup{
height:0;
line-height:1em
}
sup{
vertical-align:super
}
sub{
vertical-align:sub
}
strong{
font-weight:700
}
del{
text-decoration:line-through
}
ins{
text-decoration:none
}
mark{
font-weight:700
}
ol li,ol li:before,ul li{
font-weight:400
}
code,pre,samp{
font-family:monospace
}
a{
text-decoration:none;
color:#ffb236;
outline:0;
-webkit-transition:color .5s;
transition:color .5s
}
a:focus{
outline:0
}
a img{
border:0
}
ul{
list-style-type:none
}
ul li{
margin:0;
padding-left:30px;
font-size:1.1875rem
}
ul li:before{
margin-left:-30px;
margin-right:20px;
top:auto;
left:0;
width:10px;
content:'-';
display:inline-block
}
ul li ul li{
padding-left:15px;
font-size:.9375em
}
ul li ul li:before{
margin-left:-15px;
margin-right:11px;
top:-3px;
width:5px;
height:5px
}
ol{
list-style-type:none;
list-style-position:outside;
counter-reset:section
}
ol li{
font-size:1.1875rem
}
ol li:before{
top:0;
counter-increment:section;
content:counter(section) ".";
width:25px;
display:inline-block;
font-size-adjust:.48;
font-style:normal;
font-size:1em;
text-align:left;
color:#ffb236;
background-color:transparent
}
ol li ol{
margin-left:25px;
counter-reset:section
}
ol li ol li{
padding-left:20px;
font-size:.9375em
}
ol li ol li:before{
margin-left:-20px;
width:20px
}
ol.upper-alpha li:before{
content:counter(section,upper-alpha) "."
}
@media (min-width:768px) and (max-width:991px){
ol li,ul li{
font-size:1.125rem
}
}
hr{
margin:2em 0;
box-sizing:content-box;
height:1px;
background-color:#fff;
opacity:.3
}
p{
font-size:1.0625rem
}
.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-close,.mfp-wrap .mfp-image-holder .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,p.no-pad+ol,p.no-pad+p,p.no-pad+ul{
margin-top:0
}
p.no-pad{
margin-bottom:0
}
@media (max-width:991px){
p{
font-size:1.0625rem
}
}
@media (max-width:767px){
ol li,ul li{
font-size:1.0625rem
}
p{
font-size:1rem
}
}
.button,button,input[type=button],input[type=submit],input[type=reset]{
padding:.625rem 1.75rem;
display:inline-block;
font-size:1rem;
color:#ffb236;
background-color:transparent;
border:1px solid rgba(255,178,54,.3);
-webkit-transition:all .5s;
transition:all .5s
}
.button.active,.button:active,.button:focus,.button:hover,button.active,button:active,button:focus,button:hover,input.active[type=button],input.active[type=submit],input.active[type=reset],input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{
text-decoration:none;
outline:0;
box-shadow:none;
color:#414141;
background-color:#ffb236;
border-color:#ffb236
}
.button.disabled,.button.disabled.active,.button.disabled:active,.button.disabled:focus,.button.disabled:hover,.button[disabled],.button[disabled].active,.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover,button.disabled,button.disabled.active,button.disabled:active,button.disabled:focus,button.disabled:hover,button[disabled],button[disabled].active,button[disabled]:active,button[disabled]:focus,button[disabled]:hover,input.disabled.active[type=button],input.disabled.active[type=submit],input.disabled.active[type=reset],input.disabled[type=button],input.disabled[type=button]:active,input.disabled[type=button]:focus,input.disabled[type=button]:hover,input.disabled[type=submit],input.disabled[type=submit]:active,input.disabled[type=submit]:focus,input.disabled[type=submit]:hover,input.disabled[type=reset],input.disabled[type=reset]:active,input.disabled[type=reset]:focus,input.disabled[type=reset]:hover,input[disabled].active[type=button],input[disabled].active[type=submit],input[disabled].active[type=reset],input[disabled][type=button],input[disabled][type=button]:active,input[disabled][type=button]:focus,input[disabled][type=button]:hover,input[disabled][type=submit],input[disabled][type=submit]:active,input[disabled][type=submit]:focus,input[disabled][type=submit]:hover,input[disabled][type=reset],input[disabled][type=reset]:active,input[disabled][type=reset]:focus,input[disabled][type=reset]:hover{
opacity:.4;
cursor:not-allowed
}
.button.button-link,button.button-link,input.button-link[type=button],input.button-link[type=submit],input.button-link[type=reset]{
padding:0;
background:0 0;
border:none
}
.button.button-white,.collapse.service>.item .contact-us-module .body .buttons-container .button,.collapse.service>.item .contact-us-module .body .buttons-container button,.collapse.service>.item .contact-us-module .body .buttons-container input[type=button],.collapse.service>.item .contact-us-module .body .buttons-container input[type=submit],.collapse.service>.item .contact-us-module .body .buttons-container input[type=reset],button.button-white,input.button-white[type=button],input.button-white[type=submit],input.button-white[type=reset]{
color:#fff;
border:1px solid rgba(255,255,255,.5)
}
.button.button-white.active,.button.button-white:active,.button.button-white:focus,.button.button-white:hover,.collapse.service>.item .contact-us-module .body .buttons-container .active.button,.collapse.service>.item .contact-us-module .body .buttons-container .button:active,.collapse.service>.item .contact-us-module .body .buttons-container .button:focus,.collapse.service>.item .contact-us-module .body .buttons-container .button:hover,.collapse.service>.item .contact-us-module .body .buttons-container button.active,.collapse.service>.item .contact-us-module .body .buttons-container button:active,.collapse.service>.item .contact-us-module .body .buttons-container button:focus,.collapse.service>.item .contact-us-module .body .buttons-container button:hover,.collapse.service>.item .contact-us-module .body .buttons-container input.active[type=button],.collapse.service>.item .contact-us-module .body .buttons-container input.active[type=submit],.collapse.service>.item .contact-us-module .body .buttons-container input.active[type=reset],.collapse.service>.item .contact-us-module .body .buttons-container input[type=button]:active,.collapse.service>.item .contact-us-module .body .buttons-container input[type=button]:focus,.collapse.service>.item .contact-us-module .body .buttons-container input[type=button]:hover,.collapse.service>.item .contact-us-module .body .buttons-container input[type=submit]:active,.collapse.service>.item .contact-us-module .body .buttons-container input[type=submit]:focus,.collapse.service>.item .contact-us-module .body .buttons-container input[type=submit]:hover,.collapse.service>.item .contact-us-module .body .buttons-container input[type=reset]:active,.collapse.service>.item .contact-us-module .body .buttons-container input[type=reset]:focus,.collapse.service>.item .contact-us-module .body .buttons-container input[type=reset]:hover,button.button-white.active,button.button-white:active,button.button-white:focus,button.button-white:hover,input.button-white.active[type=button],input.button-white.active[type=submit],input.button-white.active[type=reset],input.button-white[type=button]:active,input.button-white[type=button]:focus,input.button-white[type=button]:hover,input.button-white[type=submit]:active,input.button-white[type=submit]:focus,input.button-white[type=submit]:hover,input.button-white[type=reset]:active,input.button-white[type=reset]:focus,input.button-white[type=reset]:hover{
color:#414141;
background-color:#fff;
border-color:#fff
}
.button.button-brand-quinary,button.button-brand-quinary,input.button-brand-quinary[type=button],input.button-brand-quinary[type=submit],input.button-brand-quinary[type=reset]{
color:#07b4d2;
border:1px solid rgba(7,180,210,.5)
}
.button.button-brand-quinary.active,.button.button-brand-quinary:active,.button.button-brand-quinary:focus,.button.button-brand-quinary:hover,button.button-brand-quinary.active,button.button-brand-quinary:active,button.button-brand-quinary:focus,button.button-brand-quinary:hover,input.button-brand-quinary.active[type=button],input.button-brand-quinary.active[type=submit],input.button-brand-quinary.active[type=reset],input.button-brand-quinary[type=button]:active,input.button-brand-quinary[type=button]:focus,input.button-brand-quinary[type=button]:hover,input.button-brand-quinary[type=submit]:active,input.button-brand-quinary[type=submit]:focus,input.button-brand-quinary[type=submit]:hover,input.button-brand-quinary[type=reset]:active,input.button-brand-quinary[type=reset]:focus,input.button-brand-quinary[type=reset]:hover{
color:#414141;
background-color:#07b4d2;
border-color:#07b4d2
}
.button.button-brand-quinary.bg,button.button-brand-quinary.bg,input.button-brand-quinary.bg[type=button],input.button-brand-quinary.bg[type=submit],input.button-brand-quinary.bg[type=reset]{
color:#fff;
background-color:#07b4d2;
border-color:#07b4d2
}
.button.button-brand-quinary.bg.active,.button.button-brand-quinary.bg:active,.button.button-brand-quinary.bg:focus,.button.button-brand-quinary.bg:hover,button.button-brand-quinary.bg.active,button.button-brand-quinary.bg:active,button.button-brand-quinary.bg:focus,button.button-brand-quinary.bg:hover,input.button-brand-quinary.bg.active[type=button],input.button-brand-quinary.bg.active[type=submit],input.button-brand-quinary.bg.active[type=reset],input.button-brand-quinary.bg[type=button]:active,input.button-brand-quinary.bg[type=button]:focus,input.button-brand-quinary.bg[type=button]:hover,input.button-brand-quinary.bg[type=submit]:active,input.button-brand-quinary.bg[type=submit]:focus,input.button-brand-quinary.bg[type=submit]:hover,input.button-brand-quinary.bg[type=reset]:active,input.button-brand-quinary.bg[type=reset]:focus,input.button-brand-quinary.bg[type=reset]:hover{
color:#414141;
background-color:#ffb236;
border-color:#ffb236
}
.dialog{
margin:0 auto;
background-color:#fff;
border:none;
border-radius:0;
box-shadow:0 0 38px 0 rgba(0,0,0,.65)
}
.dialog .dialog-header{
padding:40px;
position:relative
}
.dialog .dialog-header .title{
margin:0;
font-size:2em;
color:#30373b;
font-weight:900;
text-transform:uppercase;
text-align:center
}
.dialog .dialog-header+.dialog-body{
padding-top:0
}
.dialog .dialog-header .popup-close-button{
position:absolute;
top:0;
right:0;
z-index:1
}
.dialog .dialog-body{
padding:40px
}
.dialog .dialog-footer{
padding:20px 40px
}
.dialog .popup-close-button{
position:absolute;
top:0;
right:0;
width:44px;
height:44px;
background:0 0;
border-radius:0;
-webkit-transition:all .5s;
transition:all .5s
}
.dialog .popup-close-button:after,.dialog .popup-close-button:before{
position:absolute;
left:14px;
top:20px;
bottom:auto;
visibility:visible;
width:16px;
height:4px;
content:'';
background-color:#fff;
-webkit-transition:all .5s;
transition:all .5s
}
.dialog .popup-close-button:before{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.dialog .popup-close-button:after{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.dialog .popup-close-button:hover:after,.dialog .popup-close-button:hover:before{
background-color:#ffb236
}
.mfp-wrap .mfp-container{
padding:0 30px
}
.mfp-wrap .mfp-container.mfp-s-loading .mfp-preloader{
margin-left:-19px;
margin-top:-19px;
left:50%;
top:50%;
width:38px;
height:38px;
background:url(//www.hexempo.de/wp-content/themes/nfa/images/loading-white.svg) 50% 50% no-repeat;
-webkit-animation:rotate 2s infinite linear;
animation:rotate 2s infinite linear
}
.mfp-wrap .mfp-container.mfp-s-error .mfp-preloader{
margin:0 auto;
padding:1em;
max-width:300px;
background-color:rgba(194,24,41,.9)
}
.mfp-wrap .mfp-content .mfp-arrow{
opacity:0!important
}
.mfp-wrap .mfp-content:hover .mfp-arrow{
opacity:1!important
}
.mfp-wrap .mfp-ajax-holder,.mfp-wrap .mfp-iframe-scaler{
overflow:visible
}
.mfp-wrap .mfp-ajax-holder .mfp-bottom-bar,.mfp-wrap .mfp-iframe-scaler .mfp-bottom-bar{
margin-top:6px
}
.mfp-wrap .mfp-figure{
border:none
}
.mfp-wrap .mfp-figure .mfp-close,.mfp-wrap .mfp-figure .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-figure .mfp-image-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-figure .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-figure .mfp-close{
display:none;
z-index:2;
cursor:pointer
}
.mfp-wrap .mfp-figure:after{
display:none;
top:0;
bottom:0;
background-color:#000;
box-shadow:none
}
.mfp-wrap .mfp-figure img.mfp-img{
padding:40px 0;
min-height:200px
}
.mfp-wrap .mfp-figure .mfp-bottom-bar{
margin-bottom:0;
margin-top:-40px;
padding:15px;
position:absolute;
top:100%;
bottom:auto;
left:0;
right:0;
width:auto;
background-color:#fff
}
.mfp-wrap .mfp-figure .mfp-bottom-bar .mfp-title{
padding-right:60px;
font-size:1em;
color:#414141
}
.mfp-wrap .mfp-figure .mfp-bottom-bar .mfp-counter{
position:absolute;
top:50%;
right:15px;
font-size:.75em;
color:#414141;
display:block;
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%)
}
.mfp-wrap .mfp-arrow{
margin:0;
top:50%;
left:auto;
right:auto;
width:60px;
height:60px;
display:block;
text-align:center;
text-indent:0;
opacity:1;
background:0 0;
border:none!important;
border-radius:0;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.mfp-wrap .mfp-arrow:before{
font-family:icomoon;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin:0;
position:absolute;
top:50%;
left:50%;
width:30px;
height:30px;
display:block;
content:'';
font-size:30px;
color:#fff;
opacity:.35;
border:none;
-webkit-transition:all .3s linear;
transition:all .3s linear;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
nav.primary>ul>li,nav.secondary>ul>li{
float:left;
line-height:1rem;
font-family:"Open Sans",sans-serif
}
.mfp-wrap .mfp-arrow:after{
display:none
}
.mfp-wrap .mfp-arrow.mfp-arrow-left{
left:0
}
.mfp-wrap .mfp-arrow.mfp-arrow-left:before{
content:'\f104'
}
.mfp-wrap .mfp-arrow.mfp-arrow-right{
right:0
}
.mfp-wrap .mfp-arrow.mfp-arrow-right:before{
content:'\f105'
}
.mfp-wrap .mfp-arrow:hover:before{
opacity:1
}
.mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close{
margin:0;
padding:0;
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
text-align:center;
border-radius:0;
border:none;
-webkit-transition:all .5s;
transition:all .5s
}
.mfp-wrap .mfp-close:after,.mfp-wrap .mfp-close:before,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:after,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:before,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:after,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:before{
position:absolute;
content:'';
display:block;
width:20px;
height:2px;
top:19px;
left:10px;
opacity:.35;
background-color:#fff;
-webkit-transition:opacity .5s;
transition:opacity .5s
}
.mfp-wrap .mfp-close:before,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:before,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:before{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.mfp-wrap .mfp-close:after,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:after,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:after{
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg)
}
.mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover{
background:0 0
}
.mfp-wrap .mfp-close:hover:after,.mfp-wrap .mfp-close:hover:before,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover:after,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover:before,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover:after,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover:before{
opacity:1
}
.mfp-wrap .mfp-ajax-holder .mfp-content{
width:auto
}
.mfp-zoom-out-cur{
cursor:default
}
.mfp-animation-zoom .dialog,.mfp-animation-zoom .mfp-figure,.mfp-animation-zoom .mfp-iframe-scaler{
opacity:0;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-transform:scale(.8);
-ms-transform:scale(.8);
transform:scale(.8)
}
.mfp-animation-zoom.mfp-ready .dialog,.mfp-animation-zoom.mfp-ready .mfp-figure,.mfp-animation-zoom.mfp-ready .mfp-iframe-scaler{
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
.mfp-animation-zoom.mfp-removing .dialog,.mfp-animation-zoom.mfp-removing .mfp-figure,.mfp-animation-zoom.mfp-removing .mfp-iframe-scaler{
opacity:0;
-webkit-transform:scale(.8);
-ms-transform:scale(.8);
transform:scale(.8)
}
.mfp-animation-zoom.mfp-bg{
opacity:.001;
background-color:rgba(0,0,0,.9);
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}
.mfp-animation-zoom.mfp-ready.mfp-bg{
opacity:1
}
.mfp-animation-zoom.mfp-arrow,.mfp-animation-zoom.mfp-close,.mfp-animation-zoom.mfp-removing.mfp-bg,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-close{
opacity:0
}
.mfp-animation-zoom .mfp-arrow.mfp-arrow-left{
left:-60px
}
.mfp-animation-zoom .mfp-arrow.mfp-arrow-right{
right:-60px
}
.mfp-animation-zoom.mfp-ready .mfp-arrow.mfp-arrow-right,.slick-slider .slick-arrow.slick-next{
right:0
}
.mfp-animation-zoom.mfp-ready .mfp-arrow,.mfp-animation-zoom.mfp-ready .mfp-close,.mfp-animation-zoom.mfp-ready .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-animation-zoom.mfp-ready .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-ready .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-ready .mfp-close{
opacity:1
}
.mfp-animation-zoom.mfp-ready .mfp-arrow.mfp-arrow-left{
left:0
}
.mfp-animation-zoom.mfp-removing .mfp-arrow,.mfp-animation-zoom.mfp-removing .mfp-close,.mfp-animation-zoom.mfp-removing .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,.mfp-animation-zoom.mfp-removing .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-removing .mfp-close,.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-removing .mfp-close{
opacity:0
}
.mfp-animation-zoom.mfp-removing .mfp-arrow.mfp-arrow-left{
left:-60px
}
.mfp-animation-zoom.mfp-removing .mfp-arrow.mfp-arrow-right{
right:-60px
}
.mfp-animation-zoom.mfp-preloader{
opacity:0;
-webkit-transform:scale(.8);
-ms-transform:scale(.8);
transform:scale(.8);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.mfp-animation-zoom.mfp-ready .mfp-preloader{
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
.mfp-animation-zoom.mfp-removing .mfp-preloader{
opacity:0;
-webkit-transform:scale(.8);
-ms-transform:scale(.8);
transform:scale(.8)
}
.mfp-wrap.external .mfp-iframe-scaler{
padding:0;
height:100%
}
.mfp-wrap.external .mfp-iframe-scaler .mfp-iframe{
position:relative;
top:auto;
left:auto;
width:100%;
height:100%;
box-shadow:0 0 5px 0 rgba(0,0,0,.5)
}
@media (min-width:768px) and (max-width:991px){
.dialog .dialog-header{
padding:20px 30px
}
.dialog .dialog-header .title{
font-size:1.75em
}
.dialog .dialog-header+.dialog-body{
padding-top:0
}
.dialog .dialog-header .popup-close-button{
top:20px;
right:30px
}
.dialog .dialog-body{
padding:30px
}
.dialog .dialog-footer{
padding:20px 30px
}
}
@media (max-width:767px){
.dialog .dialog-header{
padding:16px 20px
}
.dialog .dialog-header .title{
font-size:1.5em
}
.dialog .dialog-header+.dialog-body{
padding-top:0
}
.dialog .dialog-header .popup-close-button{
top:16px;
right:20px
}
.dialog .dialog-body{
padding:20px
}
.dialog .dialog-footer{
padding:16px 20px
}
}
nav ul{
margin:0;
padding:0
}
nav ul li{
margin:0;
padding:0;
font-size:1em;
font-style:normal;
font-weight:400;
background:0 0
}
nav ul li:before{
display:none;
content:'';
background:0 0
}
nav ul li a{
text-decoration:none
}
nav ul li a:active,nav ul li a:focus,nav ul li a:hover{
text-decoration:none;
outline:0
}
nav.primary>ul>li{
margin-right:3rem;
position:relative
}
nav.primary>ul>li:last-child{
margin-right:0
}
nav.primary>ul>li>a,nav.primary>ul>li>span{
padding:0;
position:relative;
display:block;
font-size:.8125rem;
text-transform:uppercase;
color:#fff;
-webkit-transition:color .5s;
transition:color .5s
}
nav.primary>ul>li>a:hover,nav.primary>ul>li>span:hover{
color:#ffb236
}
nav.primary>ul>li.active>a,nav.primary>ul>li.active>span{
font-weight:700;
color:#ffb236
}
nav.secondary>ul>li{
margin-right:2.125rem;
position:relative
}
.blog-listing-item-container .content-container .meta li:last-child,nav.secondary>ul>li:last-child{
margin-right:0
}
nav.secondary>ul>li>a,nav.secondary>ul>li>span{
padding:0;
position:relative;
display:block;
font-weight:700;
font-size:.8125rem;
text-transform:uppercase;
color:#fff;
-webkit-transition:color .5s;
transition:color .5s
}
nav.secondary>ul>li.active>a,nav.secondary>ul>li.active>span,nav.secondary>ul>li>a:hover,nav.secondary>ul>li>span:hover{
color:#ffb236
}
ul.footer-links{
margin:0;
padding:0;
list-style-type:none
}
ul.footer-links li{
margin:0 0 .25rem;
padding:0;
font-size:1em
}
ul.footer-links li:before{
display:none
}
ul.footer-links li:last-child{
margin-bottom:0
}
ul.footer-links li>a{
font-size:.9375rem;
line-height:1.66em;
color:#fff
}
ul.footer-links li>a:focus,ul.footer-links li>a:hover{
color:#ffb236
}
@media (max-width:1249px){
nav.secondary>ul>li{
margin:0 0 1rem;
float:none;
text-align:right
}
nav.secondary>ul>li:last-child{
margin-bottom:0
}
}
@media (max-width:1219px){
nav.primary>ul>li{
margin-right:2.25rem
}
nav.primary>ul>li:last-child{
margin-right:0
}
}
@media (max-width:991px){
nav.primary>ul>li{
margin-right:1.75rem
}
nav.primary>ul>li>a,nav.primary>ul>li>span{
font-size:.875rem
}
}
@media (max-width:911px){
nav.primary>ul>li{
margin-right:1.375rem
}
nav.primary>ul>li>a,nav.primary>ul>li>span{
font-size:.75rem
}
}
@media (max-width:767px){
nav.primary>ul>li{
margin:0;
float:none;
text-align:right
}
nav.primary>ul>li>a,nav.primary>ul>li>span{
padding:.75rem;
font-size:1.25rem;
text-align:center
}
nav.secondary>ul>li{
margin-right:0;
float:none
}
nav.secondary>ul>li>a,nav.secondary>ul>li>span{
font-weight:400;
text-align:center
}
nav.secondary>ul>li.active>a,nav.secondary>ul>li.active>span{
font-weight:700
}
}
.slick-slider .slider-item{
outline:0
}
.slick-slider .slick-arrow{
margin-top:-50px;
padding:0;
position:absolute;
z-index:3;
top:50%;
display:block;
width:50px;
height:100px;
line-height:100px;
background-color:#fff;
border:1px solid #e5e5e5;
border-radius:0;
cursor:pointer;
-webkit-transition:all .5s;
transition:all .5s
}
.cross-separator .cross,.slick-slider .slick-arrow:before{
font-family:icomoon;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
display:block
}
.slick-slider .slick-arrow:before{
position:absolute;
top:50%;
left:50%;
color:#999;
font-size:2rem;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-transition:all .5s;
transition:all .5s
}
.slick-slider .slick-arrow.slick-prev{
left:0
}
.slick-slider .slick-arrow.slick-prev:before{
content:'\f104'
}
.slick-slider .slick-arrow.slick-next:before{
content:'\f105'
}
.slick-slider .slick-arrow.slick-disabled{
opacity:0;
cursor:default
}
.slick-slider .slick-arrow:focus,.slick-slider .slick-arrow:hover{
outline:0;
background-color:#e5e5e5
}
.slick-slider .slick-arrow:focus.slick-prev:before,.slick-slider .slick-arrow:hover.slick-prev:before{
border-color:transparent #414141 transparent transparent
}
.slick-slider .slick-arrow:focus.slick-next:before,.slick-slider .slick-arrow:hover.slick-next:before{
border-color:transparent transparent transparent #414141
}
.cross-separator{
position:relative;
overflow:hidden
}
.cross-separator .cross{
margin:0 auto;
width:26px;
height:26px;
font-size:26px;
color:#fff
}
.cross-separator .cross:before{
content:'\e900'
}
.cross-separator .left,.cross-separator .right{
position:absolute;
width:100%;
top:50%;
height:1px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.cross-separator .left:after,.cross-separator .left:before,.cross-separator .right:after,.cross-separator .right:before{
position:absolute;
left:0;
right:0;
height:1px;
display:block;
background-color:rgba(255,255,255,.2);
content:''
}
.cross-separator .left:before,.cross-separator .right:before{
margin-top:-3px
}
.cross-separator .left:after,.cross-separator .right:after{
margin-top:3px
}
.cross-separator .left{
margin-left:-24px;
left:-50%
}
.cross-separator .right{
margin-right:-24px;
right:-50%
}
.language-bar-element ul{
margin:0;
padding:0;
list-style-type:none
}
.language-bar-element ul li{
margin:0;
padding:0;
font-size:1em;
float:left
}
.language-bar-element ul li:before{
display:none
}
.language-bar-element ul li a{
position:relative;
width:40px;
height:40px;
display:block;
font-size:.8125rem;
line-height:40px;
text-align:center;
text-transform:uppercase;
color:#fff;
-webkit-transition:color .5s,background-color .5s;
transition:color .5s,background-color .5s
}
.language-bar-element ul li a:after{
position:absolute;
top:0;
bottom:0;
left:0;
display:block;
width:1px;
background-color:rgba(255,255,255,.25);
content:'';
-webkit-transition:opacity .5s;
transition:opacity .5s
}
.language-bar-element ul li a.selected{
font-weight:700;
background-color:rgba(255,255,255,.25)
}
.language-bar-element ul li a.selected:after{
opacity:0
}
.language-bar-element ul li a:hover{
color:#ffb236;
background-color:rgba(255,255,255,.25)
}
.language-bar-element ul li a:hover:after{
opacity:0
}
.language-bar-element ul li a:hover.selected{
color:#fff
}
@media (max-width:911px){
.language-bar-element ul li a{
width:36px;
height:36px;
line-height:36px
}
}
@media (max-width:767px){
.language-bar-element ul li:last-child a:before{
position:absolute;
top:0;
bottom:0;
right:0;
display:block;
width:1px;
background-color:rgba(255,255,255,.25);
content:''
}
.language-bar-element ul li:last-child a.selected:before{
opacity:0
}
}
.blog-listing-item-container .content-container .meta li:before,.social-media-element ul li:before{
display:none
}
.social-media-element ul{
margin:0;
padding:0;
list-style-type:none
}
.social-media-element ul li{
margin:0 0 .25rem;
padding:0;
font-size:1em
}
.social-media-element ul li:last-child{
margin-bottom:0
}
.social-media-element ul li a{
font-size:.9375rem;
line-height:1.66em;
color:#fff
}
.social-media-element ul li a:hover{
color:#ffb236
}
.blog-listing-item-container{
position:relative
}
.blog-listing-item-container .image-container{
position:relative;
overflow:hidden
}
.blog-listing-item-container .image-container figure{
margin:0
}
.blog-listing-item-container .image-container figure:before{
padding-top:56.25%;
display:block;
content:''
}
.blog-listing-item-container .image-container figure img{
position:absolute;
top:0;
left:0;
width:100%;
display:block
}
.blog-listing-item-container .image-container .overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
-webkit-transition:opacity .5s;
transition:opacity .5s;
background-color:rgba(76,227,239,.5)
}
.blog-listing-item-container .image-container .overlay .button,.blog-listing-item-container .image-container .overlay button,.blog-listing-item-container .image-container .overlay input[type=button],.blog-listing-item-container .image-container .overlay input[type=submit],.blog-listing-item-container .image-container .overlay input[type=reset]{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-transform:uppercase;
white-space:nowrap;
color:#fff;
border-color:rgba(255,255,255,.5)
}
.blog-listing-item-container .image-container .overlay .button:hover,.blog-listing-item-container .image-container .overlay button:hover,.blog-listing-item-container .image-container .overlay input[type=button]:hover,.blog-listing-item-container .image-container .overlay input[type=submit]:hover,.blog-listing-item-container .image-container .overlay input[type=reset]:hover{
color:#fff;
background-color:transparent;
border-color:rgba(255,255,255,.5)
}
.blog-listing-item-container .content-container{
padding:20px 20px 15px;
background-color:#f8f8f8;
border-bottom:4px solid #ebebeb;
-webkit-transition:background-color .5s,border-color .5s;
transition:background-color .5s,border-color .5s
}
.blog-listing-item-container .content-container .title{
position:relative;
font-weight:700;
font-size:1.25rem;
line-height:1.2em;
height:2.4em;
overflow:hidden;
color:#4ce3ef;
-webkit-transition:color .5s;
transition:color .5s
}
.blog-listing-item-container .content-container .perex,.blog-listing-item-container .content-container p{
margin:0;
font-size:.875rem;
line-height:1.5em;
color:#414141;
overflow:hidden;
-webkit-transition:color .5s;
transition:color .5s
}
.blog-listing-item-container .content-container .perex{
height:4.5em
}
.blog-listing-item-container .content-container .meta{
padding:0;
list-style-type:none;
margin:1rem 0
}
.blog-listing-item-container .content-container .meta li{
margin:0 1.25rem 0 0;
padding:0;
float:left;
font-size:.875rem;
color:silver;
-webkit-transition:color .5s;
transition:color .5s
}
.blog-listing-item-container .content-container .meta li.comments:before,.blog-listing-item-container .content-container .meta li.release:before{
margin:0;
font-style:normal;
font-weight:400;
text-transform:none;
line-height:1;
display:block;
font-size:.9375em;
left:0;
font-family:icomoon;
speak:none;
font-variant:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.blog-listing-item-container .content-container .meta li.release{
padding-left:1rem;
position:relative
}
.blog-listing-item-container .content-container .meta li.release:before{
padding:0;
position:absolute;
top:50%;
content:'\f017';
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.blog-listing-item-container .content-container .meta li.comments{
padding-left:1.25rem;
position:relative
}
.blog-listing-item-container .content-container .meta li.comments:before{
padding:0;
position:absolute;
top:45%;
content:'\f075';
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.blog-listing-item-container .content-container .categories{
margin-top:.875rem;
position:relative;
line-height:1.2em;
height:1.2em;
z-index:2;
overflow:hidden
}
.blog-listing-item-container .content-container .categories .category{
position:relative;
display:inline-block;
font-size:.875rem;
white-space:nowrap;
text-transform:uppercase
}
.blog-listing-item-container .content-container .categories .category:after{
margin-right:.25rem;
display:inline-block;
content:','
}
.blog-listing-item-container .content-container .categories .category:last-child:after{
display:none
}
.blog-listing-item-container .overlay-link{
position:absolute;
z-index:1;
top:0;
bottom:0;
left:0;
right:0;
display:block
}
.blog-listing-item-container:hover .image-container .overlay{
opacity:1
}
.blog-listing-item-container:hover .content-container{
background-color:#49dae5;
border-color:#15bace
}
.blog-listing-item-container:hover .content-container .title{
color:#1e1e1e
}
.blog-listing-item-container:hover .content-container p{
color:#fff
}
.blog-listing-item-container:hover .content-container .meta li{
color:#36a0a8
}
.blog-listing-item-container:hover .content-container .categories .category{
color:#1e1e1e
}
.blog-listing-item-container:hover .content-container .categories .category:hover{
color:#fff
}
@media (max-width:1219px){
.blog-listing-item-container .content-container .title{
font-size:1.125rem
}
}
@media (max-width:991px){
.blog-listing-item-container .content-container .title{
font-size:1.125rem
}
}
@media (max-width:767px){
.blog-listing-item-container .content-container .title{
font-size:1.125rem;
height:auto;
overflow:visible
}
}
.links-container.adjacent{
padding:0 120px;
position:relative;
text-align:center
}
.links-container.adjacent .button,.links-container.adjacent button,.links-container.adjacent input[type=button],.links-container.adjacent input[type=submit],.links-container.adjacent input[type=reset]{
position:absolute;
top:0;
font-size:1.125rem;
font-weight:700;
color:#4ce3ef;
text-decoration:underline
}
.links-container.adjacent .button:hover,.links-container.adjacent button:hover,.links-container.adjacent input[type=button]:hover,.links-container.adjacent input[type=submit]:hover,.links-container.adjacent input[type=reset]:hover{
text-decoration:none
}
.links-container.adjacent .prev{
left:0;
float:left
}
.links-container.adjacent .next{
right:0;
float:right
}
.links-container.adjacent .page{
font-size:1.125rem;
display:inline-block;
text-align:center;
color:#cecece
}
.notification{
margin:2rem 0;
padding:0;
background-color:#fff
}
.notification .title{
font-weight:400;
font-size:1.5rem
}
.notification p{
font-size:.875rem;
color:#414141
}
.notification p:first-child{
margin-top:0
}
.notification p:last-child{
margin-bottom:0
}
.notification.error,.notification.error .title,.notification.error p{
color:#c21829
}
.notification.success,.notification.success .title{
color:#18c258
}
.notification.warning,.notification.warning .title{
color:#c27c18
}
.portfolio-showcase-item-container{
position:relative
}
.portfolio-showcase-item-container:before{
padding-top:50%;
display:block;
content:''
}
.portfolio-showcase-item-container .content-container:before,.portfolio-showcase-item-container .image-container figure:before{
padding-top:100%;
display:block;
content:''
}
.portfolio-showcase-item-container>.inner{
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}
.portfolio-showcase-item-container .image-container{
position:relative;
float:left;
width:50%;
overflow:hidden
}
.portfolio-showcase-item-container .image-container figure{
margin:0
}
.portfolio-showcase-item-container .image-container figure img{
position:absolute;
top:0;
left:0;
width:100%;
display:block
}
.portfolio-showcase-item-container .image-container .overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
-webkit-transition:opacity .5s;
transition:opacity .5s;
background-color:rgba(255,178,54,.5)
}
.portfolio-showcase-item-container .image-container .overlay .button,.portfolio-showcase-item-container .image-container .overlay button,.portfolio-showcase-item-container .image-container .overlay input[type=button],.portfolio-showcase-item-container .image-container .overlay input[type=submit],.portfolio-showcase-item-container .image-container .overlay input[type=reset]{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-transform:uppercase;
white-space:nowrap;
color:#fff;
border-color:rgba(255,255,255,.5)
}
.portfolio-showcase-item-container .image-container .overlay .button:hover,.portfolio-showcase-item-container .image-container .overlay button:hover,.portfolio-showcase-item-container .image-container .overlay input[type=button]:hover,.portfolio-showcase-item-container .image-container .overlay input[type=submit]:hover,.portfolio-showcase-item-container .image-container .overlay input[type=reset]:hover{
color:#fff;
background-color:transparent;
border-color:rgba(255,255,255,.5)
}
.portfolio-showcase-item-container .content-container{
position:relative;
float:left;
width:50%;
background-color:#fff
}
.portfolio-showcase-item-container .content-container:after{
position:absolute;
bottom:0;
left:0;
right:0;
display:block;
content:'';
height:4px;
background-color:#d3d3d3
}
.portfolio-showcase-item-container .content-container>.inner{
position:absolute;
top:20px;
left:20px;
right:20px;
bottom:20px
}
.portfolio-showcase-item-container .content-container>.inner .content{
position:absolute;
top:50%;
left:50%;
width:100%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.portfolio-showcase-item-container .content .title{
margin-bottom:.875em;
padding-bottom:.4375em;
position:relative;
font-weight:700;
font-size:1.4375rem;
color:#ffb236;
text-transform:uppercase
}
.portfolio-showcase-item-container .content .title:after{
position:absolute;
bottom:0;
left:0;
width:45px;
height:2px;
display:block;
background-color:#ffb236;
content:''
}
.portfolio-showcase-item-container .content p{
margin:0;
font-size:.8125rem;
line-height:1.44em;
color:#414141;
overflow:hidden
}
.portfolio-showcase-item-container a{
display:block;
color:#414141
}
.portfolio-showcase-item-container a:hover .image-container .overlay{
opacity:1
}
.portfolio-showcase-item-container.brand-primary .image-container .overlay,.portfolio-showcase-item-container.brand-primary-bg .image-container .overlay{
background-color:rgba(255,178,54,.5)
}
.portfolio-showcase-item-container.brand-primary .content .title,.portfolio-showcase-item-container.brand-primary-bg .content .title{
color:#ffb236
}
.portfolio-showcase-item-container.brand-secondary .image-container .overlay,.portfolio-showcase-item-container.brand-secondary-bg .image-container .overlay{
background-color:rgba(76,227,239,.5)
}
.portfolio-showcase-item-container.brand-secondary .content-container,.portfolio-showcase-item-container.brand-secondary-bg .content-container{
background-color:#f4f4f4
}
.portfolio-showcase-item-container.brand-secondary .content .title,.portfolio-showcase-item-container.brand-secondary-bg .content .title{
color:#4ce3ef
}
.portfolio-showcase-item-container.brand-primary-bg .content .read-more,.portfolio-showcase-item-container.brand-primary-bg .content .title,.portfolio-showcase-item-container.brand-secondary-bg .content .read-more,.portfolio-showcase-item-container.brand-secondary-bg .content .title{
color:#fff
}
.portfolio-showcase-item-container.brand-primary-bg .content .title:after,.portfolio-showcase-item-container.brand-secondary-bg .content .title:after{
background-color:#fff
}
.portfolio-showcase-item-container.brand-primary .content .read-more{
color:#ffb236
}
.portfolio-showcase-item-container.brand-secondary .content .title:after{
background-color:#4ce3ef
}
.portfolio-showcase-item-container.brand-secondary .content .read-more{
color:#4ce3ef
}
.portfolio-showcase-item-container.brand-primary-bg .content-container{
background-color:#ffb236
}
.portfolio-showcase-item-container.brand-primary-bg .content-container:after{
background-color:#ff7c0b
}
.portfolio-showcase-item-container.brand-secondary-bg .content-container{
background-color:#4ce3ef
}
.portfolio-showcase-item-container.brand-secondary-bg .content-container:after{
background-color:#07b4d2
}
@media (min-width:992px) and (max-width:1219px){
.portfolio-showcase-item-container .content .title{
font-size:1.25rem
}
.portfolio-showcase-item-container .content p{
height:5.5em
}
}
@media (max-width:767px){
.portfolio-showcase-item-container:before{
display:none
}
.portfolio-showcase-item-container>.inner{
position:relative;
top:auto;
left:auto;
right:auto;
bottom:auto
}
.portfolio-showcase-item-container .content-container,.portfolio-showcase-item-container .image-container{
float:none;
width:100%
}
.portfolio-showcase-item-container .content .title{
font-size:1.5rem
}
}
.quote-container{
padding:0 15px 35px;
overflow:hidden
}
.quote-container>.inner{
margin:0 auto;
max-width:870px
}
.quote-container blockquote{
margin:0;
padding:20px 40px;
position:relative;
font-size:1.5rem;
line-height:1.75em;
color:#fff;
text-align:center;
font-style:italic;
border:1px solid rgba(255,255,255,.4)
}
.quote-container blockquote .quote{
position:relative;
font-style:normal;
font-weight:700;
font-size:2.75rem;
line-height:0;
color:#4ce3ef;
display:inline-block
}
.quote-container blockquote .quote:first-of-type{
padding-right:.5rem;
vertical-align:sup
}
.quote-container blockquote .quote:last-of-type{
padding-left:.5rem;
vertical-align:sup
}
.quote-container blockquote footer{
position:absolute;
bottom:-35px;
right:0;
font-size:.9375rem;
line-height:1em;
color:#ffb236
}
.quote-container blockquote:after,.quote-container blockquote:before{
position:absolute;
top:50%;
width:200%;
height:1px;
display:block;
background-color:rgba(255,255,255,.4);
content:''
}
.quote-container blockquote:before{
left:-200%
}
.quote-container blockquote:after{
left:100%
}
.reference-list-container .title{
margin-bottom:1.5rem;
padding-bottom:1.25rem;
position:relative;
font-size:1.375rem
}
.reference-list-container .title:after{
position:absolute;
bottom:0;
left:0;
width:46px;
height:3px;
display:block;
content:'';
background-color:#202020
}
.reference-list-container ul{
margin:0;
padding:0;
list-style-type:none;
-webkit-columns:3;
-moz-columns:3;
columns:3;
-webkit-column-gap:30px;
-moz-column-gap:30px;
column-gap:30px
}
.reference-list-container ul li{
margin:0;
padding:0;
font-size:1rem
}
.reference-list-container ul li:before{
display:none
}
.reference-listing-item-container{
position:relative
}
.reference-listing-item-container .image-container{
position:relative;
overflow:hidden
}
.reference-listing-item-container .image-container figure{
margin:0
}
.reference-listing-item-container .image-container figure:before{
padding-top:56.25%;
display:block;
content:''
}
.reference-listing-item-container .image-container figure img{
position:absolute;
top:0;
left:0;
width:100%;
display:block
}
.reference-listing-item-container .image-container .overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
-webkit-transition:opacity .5s;
transition:opacity .5s;
background-color:rgba(76,227,239,.5)
}
.reference-listing-item-container .image-container .overlay .button,.reference-listing-item-container .image-container .overlay button,.reference-listing-item-container .image-container .overlay input[type=button],.reference-listing-item-container .image-container .overlay input[type=submit],.reference-listing-item-container .image-container .overlay input[type=reset]{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-transform:uppercase;
white-space:nowrap;
color:#fff;
border-color:rgba(255,255,255,.5)
}
.reference-listing-item-container .image-container .overlay .button:hover,.reference-listing-item-container .image-container .overlay button:hover,.reference-listing-item-container .image-container .overlay input[type=button]:hover,.reference-listing-item-container .image-container .overlay input[type=submit]:hover,.reference-listing-item-container .image-container .overlay input[type=reset]:hover{
color:#fff;
background-color:transparent;
border-color:rgba(255,255,255,.5)
}
.reference-listing-item-container .content-container{
padding:20px 20px 15px;
background-color:#f8f8f8;
border-bottom:4px solid #ebebeb;
-webkit-transition:background-color .5s,border-color .5s;
transition:background-color .5s,border-color .5s
}
.reference-listing-item-container .content-container .title{
position:relative;
font-weight:700;
font-size:1.25rem;
line-height:1.2em;
height:2.4em;
overflow:hidden;
color:#4ce3ef;
-webkit-transition:color .5s;
transition:color .5s
}
.reference-listing-item-container .overlay-link{
position:absolute;
z-index:1;
top:0;
bottom:0;
left:0;
right:0;
display:block
}
.reference-listing-item-container:hover .image-container .overlay{
opacity:1
}
.reference-listing-item-container:hover .content-container{
background-color:#49dae5;
border-color:#15bace
}
.reference-listing-item-container:hover .content-container .title{
color:#1e1e1e
}
@media (max-width:1219px){
.reference-listing-item-container .content-container .title{
font-size:1.25rem
}
}
@media (max-width:991px){
.reference-listing-item-container .content-container .title{
font-size:1.125rem
}
}
@media (max-width:767px){
.reference-list-container ul{
-webkit-columns:2;
-moz-columns:2;
columns:2
}
.reference-listing-item-container .content-container .title{
font-size:1.125rem;
height:auto;
overflow:visible
}
}
.ajax-list-component>.loader{
margin-top:30px;
position:relative;
height:40px;
display:none
}
.ajax-list-component>.loader:before{
margin-top:-20px;
margin-left:-20px;
position:absolute;
top:50%;
left:50%;
width:40px;
height:40px;
display:block;
content:'';
background:url(//www.hexempo.de/wp-content/themes/nfa/images/loading-black.svg) center center no-repeat;
background-size:100% auto
}
.ajax-list-component>.buttons-container{
margin:3.5rem 0;
text-align:center
}
.blog-listing-component .list{
margin:-15px
}
.blog-listing-component .list>.item{
padding:15px;
width:50%;
float:left
}
.blog-listing-component>.links-container{
margin-top:2rem
}
@media (max-width:767px){
.blog-listing-component .list{
margin:0
}
.blog-listing-component .list>.item{
margin-bottom:20px;
padding:0;
width:100%;
float:none
}
.blog-listing-component .list>.item:nth-child(3){
margin-left:0
}
.blog-listing-component .list>.item:last-child{
margin-bottom:0
}
}
.contact-details-component .two-columns-wrapper{
margin-left:-15px;
margin-right:-15px
}
.contact-details-component .two-columns-wrapper>.left-column,.contact-details-component .two-columns-wrapper>.right-column{
padding:0 15px;
float:left
}
.contact-details-component .two-columns-wrapper>.left-column{
width:48%
}
.contact-details-component .two-columns-wrapper>.right-column{
width:52%
}
.contact-details-component address h2{
margin:0 0 2.375rem;
font-size:2.375rem;
font-weight:700
}
.contact-details-component address h3{
margin:3rem 0 .4375rem;
font-size:1.875rem;
font-weight:700;
line-height:1.15em;
color:#ffb236
}
.contact-details-component address h3.brand-secondary{
color:#4ce3ef
}
.contact-details-component address h3.small{
font-size:1.25rem
}
.contact-details-component address p{
font-size:1.0625rem
}
.contact-details-component address p.small{
font-size:.875rem
}
@media (max-width:1219px){
.contact-details-component address h2{
font-size:2.125rem
}
.contact-details-component address h3{
font-size:1.75rem
}
.contact-details-component address p{
font-size:1rem
}
}
@media (max-width:991px){
.contact-details-component .two-columns-wrapper{
margin:0
}
.contact-details-component .two-columns-wrapper>.left-column,.contact-details-component .two-columns-wrapper>.right-column{
padding:0;
float:none;
width:100%
}
.contact-details-component .two-columns-wrapper>.right-column{
margin-top:3rem
}
.contact-details-component address h2{
font-size:2.25rem
}
.contact-details-component address h3{
font-size:1.875rem
}
.contact-details-component address h3.small{
font-size:1.25rem
}
.contact-details-component address p.small{
font-size:.8125rem
}
}
@media (max-width:767px){
.contact-details-component address h2{
font-size:2rem
}
.contact-details-component address h3{
font-size:1.625rem
}
.contact-details-component address h3.small{
font-size:1.125rem
}
.contact-details-component address p.small{
font-size:.75rem
}
}
.contact-form-component .form-title{
margin:.75rem 0 1.125rem;
font-size:1.875rem;
font-weight:700;
line-height:1.15em
}
form.contact textarea{
height:135px
}
form.contact .two-columns-wrapper{
margin-left:-15px;
margin-right:-15px
}
form.contact .two-columns-wrapper>.column{
padding:0 15px;
float:left;
width:50%
}
form.contact .form-info{
margin-top:1.25rem
}
form.contact .form-info p{
margin:0;
font-size:.75rem;
color:#4ce3ef;
font-style:italic
}
form.contact .buttons-container>.left-side{
float:left
}
form.contact .buttons-container>.right-side{
float:right
}
form.contact .buttons-container input[type=submit]{
margin-top:.75rem
}
@media (max-width:1219px){
.contact-form-component .form-title{
font-size:1.75rem
}
}
@media (max-width:991px){
.contact-form-component .form-title{
font-size:1.5rem
}
}
@media (max-width:767px){
.contact-form-component .form-title{
font-size:1.25rem
}
form.contact .two-columns-wrapper{
margin:0
}
form.contact .two-columns-wrapper>.column{
padding:0;
float:none;
width:100%
}
form.contact .buttons-container>.left-side{
float:none
}
form.contact .buttons-container>.right-side{
margin-top:1rem;
float:none
}
form.contact .buttons-container input[type=submit]{
margin-top:0
}
}
.landing-banner{
position:relative;
height:254px
}
.landing-banner[data-background-image]{
background-size:cover;
background-position:center center;
background-repeat:no-repeat
}
.landing-banner .container{
height:100%
}
.landing-banner .content{
position:absolute;
top:50%;
left:50%;
text-align:center;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.landing-banner .content .title{
margin:0;
font-size:2.8125rem;
font-weight:700;
color:#414141
}
.landing-banner .content .title.cross{
position:relative
}
.landing-banner .content .title.cross:after{
font-family:icomoon;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:'\e900';
position:absolute;
bottom:-50px;
left:50%;
font-size:30px;
color:#414141;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
.landing-banner.home{
height:1060px
}
.landing-banner.home .content{
margin:0 auto;
padding-top:270px;
position:relative;
max-width:1586px;
height:632px;
top:0;
left:auto;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
.landing-banner.home .content .pre-title{
font-size:1.4375rem;
color:#fff
}
.landing-banner.home .content .title{
margin-top:.75rem;
margin-bottom:1rem;
padding:.875rem 1rem .5rem;
text-transform:uppercase;
display:inline-block;
font-size:3.25rem;
color:#fff;
text-align:center;
font-weight:700;
background-color:#ffb236;
border-bottom:4px solid #ff7c0b
}
.landing-banner.home .content .icon-cross{
margin:1rem auto 0;
display:block;
color:#fff;
font-size:54px
}
.landing-banner.home .content-bottom{
position:relative;
height:253px;
text-align:center
}
.landing-banner.home .content-bottom>.inner{
padding:0 20px;
position:absolute;
top:50%;
left:50%;
max-width:380px;
width:100%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.landing-banner.home .content-bottom p{
margin-top:0;
font-size:.9375rem;
color:#fff;
font-style:italic
}
.landing-banner.home .content-bottom p a{
color:#4ce3ef;
text-decoration:underline
}
.landing-banner.home .content-bottom p a:hover{
color:#ffb236
}
.landing-banner.service{
padding-top:191px;
height:800px
}
.landing-banner.service[data-background-image]{
background-position:bottom center
}
.landing-banner.service>.container{
position:relative
}
.landing-banner.service .content{
margin:0 auto;
padding:40px;
max-width:820px;
color:#fff;
background-color:rgba(30,30,30,.92)
}
.landing-banner.service .content .cross-separator{
margin:0 20px
}
.landing-banner.service .content .pre-title{
margin-bottom:.75rem;
font-style:italic;
font-size:1.125rem
}
.landing-banner.service .content .title{
font-size:4rem;
font-weight:700;
color:#ffb236
}
.landing-banner.service .content p{
padding-left:20px;
padding-right:20px;
color:#fff
}
.landing-banner.service .content .buttons-container{
margin-top:2rem
}
.landing-banner.service .content .button,.landing-banner.service .content button,.landing-banner.service .content input[type=button],.landing-banner.service .content input[type=submit],.landing-banner.service .content input[type=reset]{
padding-left:3.5rem;
padding-right:3.5rem
}
.landing-banner.post .items>.item{
margin:.25rem .75rem;
display:inline-block;
font-size:.9375rem
}
.landing-banner.post .items>.item.comments:before,.landing-banner.post .items>.item.release:before{
left:0;
font-weight:400;
line-height:1;
display:block;
font-size:.9375em;
margin:0;
text-transform:none;
font-style:normal;
font-family:icomoon;
speak:none;
font-variant:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.landing-banner.post .items>.item a{
color:#07b4d2;
text-decoration:underline
}
.form-control-group.checkbox a:active,.form-control-group.checkbox a:focus,.form-control-group.checkbox a:hover,.form-control-group.radio a:active,.form-control-group.radio a:focus,.form-control-group.radio a:hover,.landing-banner.post .items>.item a:hover{
text-decoration:none
}
.landing-banner.post .items>.item.release{
padding-left:1rem;
position:relative
}
.landing-banner.post .items>.item.release:before{
padding:0;
position:absolute;
top:50%;
content:'\f017';
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.landing-banner.post .items>.item.comments{
padding-left:1.25rem;
position:relative
}
.landing-banner.post .items>.item.comments:before{
padding:0;
position:absolute;
top:45%;
content:'\f075';
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.landing-banner.post .items>.item.category a{
color:#414141;
text-decoration:none
}
@media (max-width:1219px){
.landing-banner .content .title{
font-size:2.75rem
}
.landing-banner.home{
height:910px
}
.landing-banner.home .content{
padding-top:210px;
height:542px
}
.landing-banner.home .content .title{
font-size:4rem
}
.landing-banner.home .content-bottom{
height:218px
}
}
@media (max-width:991px){
.landing-banner .content .title{
font-size:2.25rem
}
.landing-banner.home{
height:860px
}
.landing-banner.home .content{
padding-top:180px;
height:513px
}
.landing-banner.home .content .title{
font-size:3.25rem
}
.landing-banner.home .content-bottom{
height:205px
}
.landing-banner.service .content .title{
font-size:3.625rem
}
}
@media (max-width:767px){
.landing-banner .content .title{
font-size:1.75rem
}
.landing-banner.home{
height:820px
}
.landing-banner.home .content{
padding-top:200px;
height:488px
}
.landing-banner.home .content .pre-title{
font-size:1.25rem
}
.landing-banner.home .content .title{
font-size:2.25rem
}
.landing-banner.home .content-bottom{
height:196px
}
.landing-banner.service .content .title{
font-size:2.75rem
}
}
@media (max-width:479px){
.landing-banner.home .content .pre-title{
font-size:1.125rem
}
.landing-banner.home .content .title{
font-size:1.75rem
}
.landing-banner.service .content .pre-title{
font-size:1rem
}
.landing-banner.service .content .title{
font-size:2.25rem
}
.landing-banner.service .content p{
font-size:.875rem
}
}
@media (max-width:380px){
.landing-banner.home .content .pre-title{
font-size:1.125rem
}
.landing-banner.home .content .title{
font-size:1.5rem
}
}
.newsletter-form-component form fieldset{
margin:0;
padding:0;
position:relative
}
.newsletter-form-component form .form-control{
padding:0 40px 0 15px;
line-height:40px;
font-size:1rem;
background:0 0;
border:1px solid rgba(255,255,255,.3)
}
.newsletter-form-component form .form-control:focus{
border-color:rgba(255,255,255,.6)
}
.newsletter-form-component form button[type=submit]{
padding:0;
position:absolute;
top:0;
bottom:0;
right:0;
width:40px;
background-color:#fff;
border:none
}
.newsletter-form-component form button[type=submit] [class*=" icon-"],.newsletter-form-component form button[type=submit] [class^=icon-]{
position:absolute;
top:50%;
left:50%;
font-size:30px;
color:#202020;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.newsletter-form-component form button[type=submit]:hover{
background-color:#ffb236
}
.slider.portfolio-showcase .slider-item{
width:50%;
float:left;
overflow:hidden;
outline:0
}
.slider.portfolio-showcase .slick-arrow{
margin:0;
position:absolute;
top:-38px;
left:auto;
width:108px;
height:36px;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
.slider.portfolio-showcase .slick-arrow.slick-prev{
right:109px
}
.slider.portfolio-showcase .slick-arrow.slick-next{
right:0
}
@media (max-width:767px){
.slider.portfolio-showcase .slider-item{
width:100%
}
}
.reference-listing-component>.title{
margin:0 0 1.75rem;
font-weight:700;
font-size:2.375rem
}
.reference-listing-component .list{
margin:-15px
}
.reference-listing-component .list>.item{
padding:15px;
width:50%;
float:left
}
.reference-listing-component>.links-container{
margin-top:2rem
}
@media (max-width:767px){
.reference-listing-component .list{
margin:0
}
.reference-listing-component .list>.item{
margin-bottom:20px;
padding:0;
width:100%;
float:none
}
.reference-listing-component .list>.item:nth-child(3){
margin-left:0
}
.reference-listing-component .list>.item:last-child{
margin-bottom:0
}
}
.slider.reference{
overflow:hidden;
white-space:nowrap
}
.slider.reference .slider-item{
display:inline-block
}
.slider.reference .slider-item figure{
margin:0
}
.slider.reference .slider-item figure img{
display:block;
width:100%
}
.slider.reference .slick-arrow{
width:40px;
height:80px;
background:0 0;
border:none
}
.slider.reference .slick-arrow:before{
font-size:3.25rem;
color:#fff
}
.slider.reference .slick-arrow.slick-prev:before{
margin-left:-2px
}
.slider.reference .slick-arrow.slick-next:before{
margin-left:2px
}
.slider.reference .slick-arrow:hover{
background-color:#fff
}
.slider.reference .slick-arrow:hover:before{
color:#414141
}
@media (max-width:767px){
.slider.reference .slick-arrow{
display:none!important
}
}
.collapse.service>.item{
margin-bottom:1px;
background-color:#1e1e1e;
-webkit-transition:background-color .5s;
transition:background-color .5s
}
.collapse.service>.item:last-child{
margin-bottom:0
}
.collapse.service>.item>.header{
-webkit-transition:background-color .5s;
transition:background-color .5s;
cursor:pointer
}
.collapse.service>.item>.header .inner{
position:relative
}
.collapse.service>.item>.header .inner>.left-side{
float:left;
width:360px
}
.collapse.service>.item>.header .inner>.right-side{
margin-left:360px;
padding-right:70px;
float:none
}
.collapse.service>.item>.header .inner>.right-side:after{
margin:0;
padding:0;
position:absolute;
top:50%;
right:0;
font-family:icomoon;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:'\e903';
display:block;
color:#fff;
font-size:60px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.collapse.service>.item>.header figure{
margin:0;
position:relative;
overflow:hidden
}
.collapse.service>.item>.header figure:before{
padding-top:56%;
display:block;
content:''
}
.collapse.service>.item>.header figure img{
position:absolute;
top:0;
left:0;
display:block;
width:100%
}
.collapse.service>.item>.header .number,.collapse.service>.item>.header .title{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%)
}
.collapse.service>.item>.header .number{
left:410px;
font-size:2.5rem;
color:#fff;
transform:translateY(-50%)
}
.collapse.service>.item>.header .title{
left:470px;
right:90px;
font-weight:700;
font-size:2rem;
color:#ffb236;
transform:translateY(-50%)
}
.collapse.service>.item>.header:hover{
background-color:#333
}
.collapse.service>.item>.body{
display:none
}
.collapse.service>.item>.body .inner{
position:relative
}
.collapse.service>.item>.body .inner>.left-side{
float:left;
width:360px;
position:absolute;
top:0;
bottom:0;
min-height:480px;
background-color:#15bace
}
.collapse.service>.item>.body .inner>.left-side .content{
position:absolute;
top:50%;
left:30px;
right:30px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.collapse.service>.item>.body .inner>.right-side{
margin-left:420px
}
.collapse.service>.item>.body .inner>.right-side .content{
padding:30px 0 30px 30px;
min-height:480px;
border-top:1px solid rgba(0,0,0,.1)
}
.collapse.service>.item .contact-us-module{
padding:0;
background-color:transparent
}
.collapse.service>.item .contact-us-module .header .title{
color:#fff
}
.collapse.service>.item .contact-us-module .body .buttons-container{
border-top:2px solid rgba(255,255,255,.5)
}
.collapse.service>.item.opened{
background-color:#4ce3ef
}
.collapse.service>.item.opened>.header .inner>.right-side:after{
content:'\e902'
}
.collapse.service>.item.opened>.header .title{
color:#1e1e1e
}
.collapse.service>.item.opened>.header:hover{
background-color:#15bace
}
@media (max-width:1219px){
.collapse.service>.item>.header .inner>.right-side:after{
font-size:55px
}
.collapse.service>.item>.header .title{
font-size:1.625rem
}
.collapse.service>.item>.header .number{
font-size:2.25rem
}
}
@media (max-width:991px){
.collapse.service>.item>.body .inner>.left-side,.collapse.service>.item>.header .inner>.left-side{
width:280px
}
.collapse.service>.item>.header .inner>.right-side{
padding-right:40px
}
.collapse.service>.item>.header .inner>.right-side:after{
font-size:46px
}
.collapse.service>.item>.header .title{
left:380px;
right:60px;
font-size:1.25rem
}
.collapse.service>.item>.header .number{
left:320px;
font-size:2rem
}
.collapse.service>.item>.body .inner>.right-side{
margin-left:320px
}
.collapse.service>.item>.body .inner>.right-side .content{
min-height:580px
}
}
@media (max-width:767px){
.collapse.service>.item>.header .container{
padding:0
}
.collapse.service>.item>.header .inner>.left-side{
width:160px
}
.collapse.service>.item>.header .inner>.right-side{
padding-right:30px
}
.collapse.service>.item>.header .inner>.right-side:after{
right:20px;
font-size:36px
}
.collapse.service>.item>.header .title{
left:220px;
font-size:1.125rem
}
.collapse.service>.item>.header .number{
left:180px;
font-size:1.4375rem
}
.collapse.service>.item>.body .inner>.left-side{
display:none
}
.collapse.service>.item>.body .inner>.right-side{
margin-left:0
}
.collapse.service>.item>.body .inner>.right-side .content{
padding:1rem 0
}
}
@media (max-width:619px){
.collapse.service>.item>.header{
padding:1.5rem 0
}
.collapse.service>.item>.header .inner>.left-side{
display:none
}
.collapse.service>.item>.header .inner>.right-side{
margin-left:0;
padding-right:60px
}
.collapse.service>.item>.header .number{
left:20px
}
.collapse.service>.item>.header .title{
margin-left:60px;
position:relative;
top:auto;
left:auto;
right:auto;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.slider.home-banner,.slider.home-banner .slick-list,.slider.home-banner .slick-track{
height:100%
}
.slider.home-banner .slider-item{
height:100%;
float:left
}
.slider.home-banner .slider-item>.inner{
height:100%;
background-position:top center;
background-repeat:repeat-x;
background-size:auto 100%
}
.slider.home-banner .slick-arrow{
margin:-160px 0 0;
position:absolute;
top:50%;
background:0 0;
border:none;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.checkbox,.icheckbox:before{
position:relative
}
.slider.home-banner .slick-arrow:before{
font-size:3.25rem;
color:rgba(255,255,255,.8)
}
.slider.home-banner .slick-arrow:hover:before{
color:#fff
}
.slider.home-banner .slick-arrow.slick-prev{
left:0
}
.slider.home-banner .slick-arrow.slick-next{
right:0
}
@media (max-width:1219px){
.slider.home-banner .slick-arrow{
margin-top:-150px
}
}
@media (max-width:991px){
.slider.home-banner .slick-arrow{
margin-top:-160px
}
}
@media (max-width:767px){
.slider.home-banner .slick-arrow{
margin-top:-35px
}
}
.social-share-component>.left-side{
float:left
}
.social-share-component>.right-side{
float:right
}
.social-share-component .title{
font-size:1.375rem;
font-weight:700;
color:#ffb236
}
.social-share-component p{
margin:0;
font-size:1.0625rem;
color:#fff
}
.social-share-component .social-share-element{
margin-top:1.25rem
}
@media (max-width:767px){
.social-share-component{
text-align:center
}
.social-share-component>.left-side,.social-share-component>.right-side{
float:none
}
.social-share-component>.right-side{
margin-top:2rem
}
.social-share-component .social-share-element{
margin-top:0
}
}
button,input[type=button],input[type=submit],input[type=reset]{
padding-top:1rem;
padding-bottom:.875rem;
cursor:pointer;
font-size:.875rem;
color:#fff;
background-color:#ffb236;
border:none;
border-bottom:4px solid #ff7c0b;
-webkit-appearance:none
}
.icheckbox.disabled,.iradio.disabled{
cursor:default
}
button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{
background-color:#4ce3ef;
border-color:#07b4d2
}
.icheckbox{
font-family:icomoon;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
width:19px;
height:19px;
text-align:center;
line-height:19px;
top:0;
background-color:#f2f2f2;
border:1px solid #d7d7d7;
-webkit-transition:all .5s;
transition:all .5s
}
.icheckbox:before{
top:3px;
color:#ffb236;
font-size:12px;
content:'';
display:none;
-webkit-transition:all .5s;
transition:all .5s
}
.icheckbox.checked{
background-color:#ffb236;
border-color:#ffb236
}
.icheckbox.checked:before{
color:#fff;
content:'\e609';
display:block
}
.checkbox+.checkbox{
margin-top:10px
}
.checkbox>label{
padding-left:32px;
font-size:.9375em;
font-weight:400;
color:#414141
}
.checkbox>label .icheckbox{
margin:0 0 0 -32px;
top:-1px;
position:absolute;
line-height:normal
}
.checkbox>label .icheckbox input{
margin:0;
top:0;
left:0;
width:17px;
height:17px
}
.checkbox>label:hover .icheckbox{
border-color:#b1b1b1
}
.checkbox>label:hover .icheckbox.checked{
background-color:#ffb236;
border-color:#ffb236
}
.checkbox.disabled>label .icheckbox,.checkbox.disabled>label .icheckbox.checked,.iradio{
background-color:#f2f2f2
}
.checkbox>label.inline{
padding-left:0;
display:inline-block
}
.checkbox>label.inline .icheckbox{
float:left;
position:relative
}
.checkbox.disabled>label .icheckbox{
opacity:.4
}
.checkbox.disabled>label .icheckbox.checked:before{
color:#ffb236
}
.checkbox.disabled>label:hover .icheckbox{
background-color:#f2f2f2;
border-color:#d7d7d7;
box-shadow:none
}
.form-control-group.checkbox label{
margin:.75em 0;
position:relative
}
form fieldset{
margin:0;
padding:0;
display:block;
border:none
}
form fieldset legend{
margin:0 0 .75em;
padding:0 0 .5em;
font-weight:800;
font-size:.875em;
display:block;
width:100%;
color:#979798
}
form .form-control-label{
display:block;
font-size:1rem;
font-weight:400;
color:#3f3f3f
}
form .form-control-label .required{
margin-right:.25rem;
position:relative;
display:inline-block;
vertical-align:top;
font-size:1em;
color:#4ce3ef
}
form .form-control-group{
margin-bottom:.875rem
}
form .form-control-group label{
margin-bottom:.25rem;
display:block
}
.iradio{
width:19px;
height:19px;
text-align:center;
line-height:19px;
top:0;
border:1px solid #d7d7d7;
border-radius:50%;
-webkit-transition:all .5s;
transition:all .5s
}
.iradio:before{
display:none
}
.iradio.checked{
background-color:#ffb236;
border-color:#ffb236
}
.radio{
position:relative
}
.radio+.radio{
margin-top:10px
}
.radio>label{
padding-left:32px;
font-size:.9375em;
font-weight:400;
color:#414141
}
.radio>label .iradio{
margin:0 0 0 -32px;
top:-1px;
position:absolute;
line-height:normal
}
.radio>label .iradio input{
margin:0;
top:0;
left:0;
width:17px;
height:17px
}
.radio>label:hover .iradio{
border-color:#b1b1b1
}
.radio>label:hover .iradio.checked{
background-color:#ffb236;
border-color:#ffb236
}
.radio>label.inline{
padding-left:0;
display:inline-block
}
.radio>label.inline .icheckbox{
float:left;
position:relative
}
.radio.disabled>label .iradio{
opacity:.4;
background-color:#f2f2f2
}
.radio.disabled>label .iradio.checked{
background-color:#f2f2f2
}
.radio.disabled>label:hover .iradio{
background-color:#f2f2f2;
border-color:#d7d7d7;
box-shadow:none
}
.radio.big>label{
padding-left:50px
}
.radio.big>label .iradio{
margin-left:-50px;
width:40px;
height:40px;
line-height:40px;
border-width:2px
}
.radio.big>label .iradio input{
width:36px;
height:36px
}
.radio.big>label span{
padding:.625rem 0;
display:inline-block
}
.form-control-group.radio label{
margin:.75em 0;
position:relative
}
.form-control-group.radio label span{
-webkit-transition:color .5s;
transition:color .5s
}
.form-control-group.radio label.checked span{
color:#ffb236
}
.form-control,input[type=text],input[type=password],input[type=tel],input[type=email],input[type=number],input[type=search],input[type=url]{
padding:1.125em 20px 1em;
display:block;
width:100%;
height:auto;
font-size:1rem;
line-height:1.5em;
vertical-align:bottom;
color:#7f807f;
background-color:#f2f2f2;
border:1px solid #d7d7d7;
border-radius:0;
box-shadow:none;
-webkit-transition:color .5s,background-color .5s,border-color .5s,box-shadow .5s;
transition:color .5s,background-color .5s,border-color .5s,box-shadow .5s
}
.form-control:hover,input[type=text]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=email]:hover,input[type=number]:hover,input[type=search]:hover,input[type=url]:hover{
background-color:#dfdfdf;
border-color:#bebebe;
box-shadow:none
}
.form-control:focus,input[type=text]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=url]:focus{
background-color:#dfdfdf;
border-color:#bebebe;
outline:0;
box-shadow:none
}
.form-control::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=url]::-moz-placeholder{
font-style:normal;
color:#7f807f
}
.form-control::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder{
font-style:normal;
color:#7f807f
}
.form-control:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{
font-style:normal;
color:#7f807f
}
.form-control::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{
font-style:normal;
color:#7f807f
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control,fieldset[disabled] input[type=text],fieldset[disabled] input[type=password],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=email],fieldset[disabled] input[type=number],fieldset[disabled] input[type=search],fieldset[disabled] input[type=url],input[type=text][disabled],input[type=text][readonly],input[type=password][disabled],input[type=password][readonly],input[type=tel][disabled],input[type=tel][readonly],input[type=email][disabled],input[type=email][readonly],input[type=number][disabled],input[type=number][readonly],input[type=search][disabled],input[type=search][readonly],input[type=url][disabled],input[type=url][readonly]{
cursor:not-allowed;
opacity:.4;
background-color:transparent
}
.form-control[disabled]:focus,.form-control[disabled]:hover,.form-control[readonly]:focus,.form-control[readonly]:hover,fieldset[disabled] .form-control:focus,fieldset[disabled] .form-control:hover,fieldset[disabled] input[type=text]:focus,fieldset[disabled] input[type=text]:hover,fieldset[disabled] input[type=password]:focus,fieldset[disabled] input[type=password]:hover,fieldset[disabled] input[type=tel]:focus,fieldset[disabled] input[type=tel]:hover,fieldset[disabled] input[type=email]:focus,fieldset[disabled] input[type=email]:hover,fieldset[disabled] input[type=number]:focus,fieldset[disabled] input[type=number]:hover,fieldset[disabled] input[type=search]:focus,fieldset[disabled] input[type=search]:hover,fieldset[disabled] input[type=url]:focus,fieldset[disabled] input[type=url]:hover,input[type=text][disabled]:focus,input[type=text][disabled]:hover,input[type=text][readonly]:focus,input[type=text][readonly]:hover,input[type=password][disabled]:focus,input[type=password][disabled]:hover,input[type=password][readonly]:focus,input[type=password][readonly]:hover,input[type=tel][disabled]:focus,input[type=tel][disabled]:hover,input[type=tel][readonly]:focus,input[type=tel][readonly]:hover,input[type=email][disabled]:focus,input[type=email][disabled]:hover,input[type=email][readonly]:focus,input[type=email][readonly]:hover,input[type=number][disabled]:focus,input[type=number][disabled]:hover,input[type=number][readonly]:focus,input[type=number][readonly]:hover,input[type=search][disabled]:focus,input[type=search][disabled]:hover,input[type=search][readonly]:focus,input[type=search][readonly]:hover,input[type=url][disabled]:focus,input[type=url][disabled]:hover,input[type=url][readonly]:focus,input[type=url][readonly]:hover{
border-color:#d7d7d7
}
fieldset[disabled] .form-control,fieldset[disabled] input[type=text],fieldset[disabled] input[type=password],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=email],fieldset[disabled] input[type=number],fieldset[disabled] input[type=search],fieldset[disabled] input[type=url]{
opacity:1
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
display:none
}
.form-control-group.has-error .form-control,.form-control-group.has-error input[type=text],.form-control-group.has-error input[type=password],.form-control-group.has-error input[type=tel],.form-control-group.has-error input[type=email],.form-control-group.has-error input[type=number],.form-control-group.has-error input[type=search],.form-control-group.has-error input[type=url]{
border-color:#c21829
}
textarea{
margin:0;
overflow:auto
}
.about-us-panel .container{
margin:0 auto;
max-width:870px
}
.about-us-panel article p{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:30px;
-moz-column-gap:30px;
column-gap:30px
}
.about-us-panel article .buttons-container{
margin-left:50%;
margin-top:2.5rem;
padding-left:15px;
position:relative
}
.about-us-panel article .buttons-container:before{
position:absolute;
top:50%;
left:-100%;
width:-webkit-calc(100% - 50px);
width:calc(100% - 50px);
height:1px;
background:#4ce3ef;
content:''
}
.blog-listing-panel.content-section header{
margin-bottom:3rem
}
.blog-listing-panel.content-section header>.title{
font-weight:400;
font-style:italic
}
.blog-listing-panel.content-section header>.title a{
font-weight:700;
color:#414141;
text-decoration:underline
}
.blog-listing-panel.content-section header>.title a:hover{
color:#ffb236
}
.blog-listing-panel .blog-listing-component .list>.item{
width:33.33%
}
@media (max-width:991px){
.blog-listing-panel .blog-listing-component .list>.item{
width:50%
}
.blog-listing-panel .blog-listing-component .list>.item:nth-child(3){
margin-left:25%
}
}
@media (max-width:767px){
.about-us-panel article p{
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
-webkit-column-gap:0;
-moz-column-gap:0;
column-gap:0
}
.blog-listing-panel .blog-listing-component .list>.item{
margin-bottom:20px;
padding:0;
width:100%;
float:none
}
.blog-listing-panel .blog-listing-component .list>.item:nth-child(3){
margin-left:0
}
.blog-listing-panel .blog-listing-component .list>.item:last-child{
margin-bottom:0
}
}
.portfolio-showcase-panel{
background:url(//www.hexempo.de/wp-content/themes/nfa/images/backgrounds/portfolio-showcase-panel-bg.jpg) bottom center no-repeat;
background-size:100% auto
}
.portfolio-showcase-panel.content-section{
padding-bottom:190px
}
.portfolio-showcase-panel .content-inner.center,.portfolio-showcase-panel article .content-inner.center{
margin:0 auto;
max-width:870px
}
.portfolio-showcase-panel article .portfolio-showcase-component{
margin:6rem 0
}
@media (max-width:767px){
.portfolio-showcase-panel{
background-size:auto
}
.portfolio-showcase-panel article .portfolio-showcase-component{
margin:6rem auto;
max-width:450px
}
}
form.blog-search fieldset{
margin:0;
padding:0;
position:relative;
border:none
}
form.blog-search .form-control{
padding:0 46px 0 20px;
height:42px;
line-height:40px;
background-color:#fff;
border-color:#d7d7d7
}
form.blog-search button{
position:absolute;
top:1px;
right:1px;
width:40px;
height:40px;
background:0 0;
border:none;
box-shadow:none
}
form.blog-search button [class*=" icon-"],form.blog-search button [class^=icon-]{
position:absolute;
top:50%;
left:50%;
font-size:20px;
color:#7f807f;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.categories-module .header{
margin-top:1.125rem;
margin-bottom:1.6875rem
}
.categories-module .header .title{
padding:0 15px;
font-weight:700;
font-size:1.375rem;
color:#ffb236
}
.categories-module ul{
margin:0;
padding:0;
list-style-type:none;
border-bottom:4px solid #e5e5e5
}
.categories-module ul li{
margin:0;
padding:0;
font-size:1em;
border-top:1px solid #e5e5e5
}
.categories-module ul li:before{
display:none
}
.categories-module ul li a{
padding:14px 15px;
display:block;
font-weight:400;
text-transform:uppercase;
color:#7f807f;
font-size:.875rem;
-webkit-transition:color .5s,background-color .5s;
transition:color .5s,background-color .5s
}
.categories-module ul li a:hover{
color:#414141;
background-color:#e5e5e5
}
.categories-module ul li.active a,.categories-module ul li.current-cat a{
color:#4ce3ef;
background-color:#1e1e1e
}
.contact-us-module{
padding:30px 25px;
background-color:#202020
}
.contact-us-module .header{
text-align:center
}
.contact-us-module .header .title{
font-size:1.4rem;
color:#ffb236;
font-weight:700
}
.contact-us-module .header .cross-separator{
margin:.75rem 0
}
.contact-us-module .body{
color:#fff;
text-align:center
}
.contact-us-module .body p{
color:#fff
}
.contact-us-module .body p:first-child{
margin-top:0
}
.contact-us-module .body p:last-child{
margin-bottom:0
}
.contact-us-module .body p em{
font-weight:500;
font-size:14px
}
.contact-us-module .body .buttons-container{
margin-top:1rem;
padding-top:1.75rem;
border-top:2px solid rgba(7,180,210,.4)
}
.reference-dialog{
margin:0 auto;
max-width:1170px
}
.reference-dialog .dialog-body{
padding:0;
background-color:#fff
}
.reference-dialog .dialog-body .two-columns-wrapper>.left-column,.reference-dialog .dialog-body .two-columns-wrapper>.right-column{
float:left;
width:50%
}
.reference-dialog .dialog-body .two-columns-wrapper>.left-column{
overflow:hidden
}
.reference-dialog .dialog-body .two-columns-wrapper>.left-column+.right-column{
width:50%
}
.reference-dialog .dialog-body .two-columns-wrapper>.right-column{
width:100%;
float:right
}
.reference-dialog .dialog-body figure{
margin:0
}
.reference-dialog .dialog-body figure img{
display:block;
width:100%
}
.reference-dialog .dialog-body .header{
text-align:center;
background-color:#1e1e1e
}
#page-loading,#page-overlay{
top:0;
left:0;
background-color:rgba(0,0,0,.9);
bottom:0;
right:0
}
.reference-dialog .dialog-body .header .title{
padding:25px 40px;
font-weight:700;
font-size:1.9375rem;
color:#4ce3ef
}
.reference-dialog .dialog-body .body{
padding:30px 40px
}
.reference-dialog .dialog-body .body p{
font-size:1.0625rem
}
.reference-dialog .dialog-body .body p:first-child{
margin-top:0
}
.reference-dialog .dialog-body .body p:last-child{
margin-bottom:0
}
@media (max-width:1219px){
.reference-dialog .dialog-body .header .title{
font-size:1.625rem
}
}
@media (max-width:991px){
.reference-dialog .dialog-body .header .title{
font-size:1.375rem
}
.reference-dialog .dialog-body .body p{
font-size:1rem
}
}
@media (max-width:767px){
.reference-dialog .dialog-body .two-columns-wrapper>.left-column{
display:none
}
.reference-dialog .dialog-body .two-columns-wrapper>.left-column+.right-column{
width:100%
}
.reference-dialog .dialog-body .two-columns-wrapper>.right-column{
width:100%;
float:none
}
.reference-dialog .dialog-body .header .title{
font-size:1.25rem
}
.reference-dialog .dialog-body .body p{
font-size:.9375rem
}
}
#page-overlay{
position:absolute;
width:100%;
z-index:10;
opacity:0;
visibility:hidden
}
html.cssanimations #page-overlay.active{
-webkit-animation:fade-in-display .5s;
animation:fade-in-display .5s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
html.cssanimations #page-overlay.inactive{
-webkit-animation:fade-out-display .5s;
animation:fade-out-display .5s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
html.no-cssanimations #page-overlay.active{
opacity:1;
visibility:visible
}
html.no-cssanimations #page-overlay.inactive{
opacity:0;
visibility:hidden
}
#page-loading{
position:fixed;
z-index:50;
-webkit-transition:all .5s;
transition:all .5s
}
#page-loading .loader{
position:absolute;
top:50%;
left:50%;
width:100px;
height:100px;
display:block;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background:url(//www.hexempo.de/wp-content/themes/nfa/images/logo.svg) center center no-repeat;
background-size:contain
}
#body,#footer,#footer .footer-top{
position:relative
}
#footer .footer-top .footer-inner .contact-us p br.mobile,.no-js #page-loading,html.no-csstransitions #page-loading{
display:none
}
body.page-loading #page-loading{
opacity:1
}
body.page-loaded #page-loading{
opacity:0
}
#body{
z-index:2
}
.content-section{
padding:4rem 0
}
.content-section.no-pad{
padding:0
}
.content-section header{
margin-bottom:1.5rem
}
.content-section header>.title{
margin:0;
font-size:2.375rem;
font-weight:700
}
.content-section header>.title.brand-quinary{
color:#07b4d2
}
.content-section header .icon-cross{
margin-top:2.25rem;
font-size:32px;
color:#000
}
.content-section header.center{
text-align:center
}
.content-section.black{
background-color:#202020
}
.content-inner.center{
text-align:center
}
.content-layout-two-columns-wrapper{
margin-left:-15px;
margin-right:-15px
}
.content-layout-two-columns-wrapper>.main-column,.content-layout-two-columns-wrapper>.side-column{
padding:0 15px
}
.content-layout-two-columns-wrapper>.main-column{
float:left;
width:66.66%
}
.content-layout-two-columns-wrapper>.side-column{
float:right;
width:33.33%
}
.content-layout-two-columns-wrapper>.side-column .module{
margin-bottom:3rem
}
.content-layout-two-columns-wrapper>.side-column .module:last-child{
margin-bottom:0
}
.content-layout-two-columns-wrapper.swap-columns>.main-column{
float:right
}
.content-layout-two-columns-wrapper.swap-columns>.side-column{
float:left
}
@media (max-width:1219px){
.content-section{
padding:3.5rem 0
}
.content-section header{
margin-bottom:1.5rem
}
.content-section header>.title{
font-size:2.125rem
}
}
@media (max-width:991px){
.content-section{
padding:3rem 0
}
.content-section header{
margin-bottom:1.25rem
}
.content-section header>.title{
font-size:1.875rem
}
.content-layout-two-columns-wrapper>.main-column,.content-layout-two-columns-wrapper>.side-column{
float:none;
width:100%
}
.content-layout-two-columns-wrapper>.side-column{
margin-top:3rem
}
}
@media (max-width:767px){
.content-section{
padding:2.25rem 0
}
.content-section header{
margin-bottom:1rem
}
.content-section header>.title{
font-size:1.5rem
}
}
#footer{
margin-top:-78px;
z-index:1
}
#footer .footer-top{
margin-bottom:-178px;
padding-top:178px;
padding-bottom:178px;
z-index:2;
background:url(//www.hexempo.de/wp-content/themes/nfa/images/footer-top-bg.png) top center repeat-x
}
#footer .footer-top .footer-inner{
height:250px
}
#footer .footer-top .footer-inner .contact-us{
padding-top:60px;
text-align:center;
color:#fff
}
#footer .footer-top .footer-inner .contact-us .title{
font-size:1.5rem;
font-weight:700;
color:#ffb236
}
#footer .footer-top .footer-inner .contact-us p{
margin:1.25rem 0;
color:#fff;
min-width:400px
}
#footer .footer-middle{
padding:160px 0 2rem;
position:relative;
z-index:1;
background-color:#202020;
background-position:50% -50px;
background-repeat:no-repeat
}
#footer .footer-middle:before{
position:absolute;
top:50px;
left:50%;
font-size:70px;
display:block;
color:#fff;
-webkit-transition:translateX(-50%);
transition:translateX(-50%)
}
#footer .footer-middle .footer-inner{
margin-left:-15px;
margin-right:-15px
}
#footer .footer-middle .footer-inner .footer-section{
padding:0 15px;
float:left;
width:25%
}
#footer .footer-middle .footer-inner .footer-section:nth-child(1) .header .title{
color:#9de404
}
#footer .footer-middle .footer-inner .footer-section:nth-child(1) .header .title:after{
background-color:#9de404
}
#footer .footer-middle .footer-inner .footer-section:nth-child(2) .header .title{
color:#ffb236
}
#footer .footer-middle .footer-inner .footer-section:nth-child(2) .header .title:after{
background-color:#ffb236
}
#footer .footer-middle .footer-inner .footer-section:nth-child(3) .header .title{
color:#c2352a
}
#footer .footer-middle .footer-inner .footer-section:nth-child(3) .header .title:after{
background-color:#c2352a
}
#footer .footer-middle .footer-inner .footer-section:nth-child(4) .header .title{
color:#4ce3ef
}
#footer .footer-middle .footer-inner .footer-section:nth-child(4) .header .title:after{
background-color:#4ce3ef
}
#footer .footer-middle .cross{
position:absolute;
top:40px;
left:50%;
width:70px;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
#footer .footer-middle .cross img{
width:100%;
display:block
}
#footer .footer-bottom{
background-color:#181818
}
#footer .footer-section .header{
margin-bottom:1.125rem
}
#footer .footer-section .header .title{
padding-bottom:.4375em;
position:relative;
font-size:1.375rem;
font-weight:700;
color:#fff
}
#footer .footer-section .header .title:after{
position:absolute;
bottom:0;
left:0;
width:47px;
height:2px;
display:block;
content:'';
background-color:#fff
}
#footer .footer-section .body p{
margin:0;
font-size:.9375rem;
line-height:1.875em;
color:#fff
}
#footer .footer-section .body .newsletter-form-component{
max-width:245px
}
#footer .copyright{
padding:1rem 0;
font-size:.875rem;
color:#fff;
text-align:center
}
#footer .copyright a{
color:#ffb236;
text-decoration:none
}
#footer .copyright a:hover{
text-decoration:underline
}
#footer #scroll-top{
padding-top:20px;
position:relative;
top:50px;
font-size:.875rem;
color:#202020;
font-style:italic;
font-weight:700;
-webkit-transition:all .5s;
transition:all .5s
}
#footer #scroll-top:before{
font-family:icomoon;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:'\f106';
position:absolute;
top:0;
left:50%;
font-size:1.5rem;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
#header,#header>.inner,body{
position:relative
}
#footer #scroll-top:hover{
color:#fff
}
@media (max-width:991px){
#footer .footer-middle .footer-inner .footer-section{
margin-bottom:3rem;
width:50%
}
#footer .footer-middle .footer-inner .footer-section:last-child{
margin-bottom:0
}
}
@media (max-width:767px){
#footer .footer-section .body,#footer .footer-section .header{
text-align:center
}
#footer .footer-middle .footer-inner{
margin:0
}
#footer .footer-middle .footer-inner .footer-section{
margin-bottom:3rem;
padding:0;
width:100%
}
#footer .footer-middle .footer-inner .footer-section:last-child{
margin-bottom:0
}
#footer .footer-section .header .title:after{
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
#footer .footer-section .body .newsletter-form-component{
display:inline-block
}
}
body,html{
margin:0
}
@media (max-width:400px){
#footer .footer-top .footer-inner .contact-us{
padding-top:32px
}
#footer .footer-top .footer-inner .contact-us p{
min-width:auto
}
#footer .footer-top .footer-inner .contact-us p br.mobile{
display:block
}
}
body{
font-family:"Open Sans",sans-serif;
font-size:16px;
letter-spacing:-.05em;
color:#414141;
background:url(//www.hexempo.de/wp-content/themes/nfa/images/header-bg.png) top center no-repeat #fff
}
::-moz-selection{
color:#fff;
background-color:#000
}
::selection{
color:#fff;
background-color:#000
}
#footer .footer-middle .footer-inner:after,#footer .footer-middle .footer-inner:before,#header .header-inner:after,#header .header-inner:before,.blog-listing-component .list:after,.blog-listing-component .list:before,.blog-listing-item-container .content-container .meta:after,.blog-listing-item-container .content-container .meta:before,.checkbox>label:after,.checkbox>label:before,.clearfix:after,.clearfix:before,.collapse.service>.item>.body .inner:after,.collapse.service>.item>.body .inner:before,.collapse.service>.item>.header .inner:after,.collapse.service>.item>.header .inner:before,.contact-details-component .two-columns-wrapper:after,.contact-details-component .two-columns-wrapper:before,.container:after,.container:before,.content-layout-two-columns-wrapper:after,.content-layout-two-columns-wrapper:before,.dialog .dialog-body:after,.dialog .dialog-body:before,.dialog .dialog-footer:after,.dialog .dialog-footer:before,.dialog .dialog-header:after,.dialog .dialog-header:before,.landing-banner.post .items:after,.landing-banner.post .items:before,.language-bar-element ul:after,.language-bar-element ul:before,.links-container.adjacent:after,.links-container.adjacent:before,.mfp-wrap .mfp-figure .mfp-bottom-bar:after,.mfp-wrap .mfp-figure .mfp-bottom-bar:before,.portfolio-showcase-item-container>.inner:after,.portfolio-showcase-item-container>.inner:before,.radio>label:after,.radio>label:before,.reference-dialog .dialog-body .two-columns-wrapper:after,.reference-dialog .dialog-body .two-columns-wrapper:before,.reference-listing-component .list:after,.reference-listing-component .list:before,.slick-slider:after,.slick-slider:before,.slider.portfolio-showcase:after,.slider.portfolio-showcase:before,.slider.reference:after,.slider.reference:before,.social-share-component:after,.social-share-component:before,form .form-control-group:after,form .form-control-group:before,form.contact .buttons-container:after,form.contact .buttons-container:before,form.contact .two-columns-wrapper:after,form.contact .two-columns-wrapper:before,nav ul:after,nav ul:before{
content:' ';
display:table
}
.hidden{
display:none!important
}
.container{
margin:0 auto;
padding:0 15px
}
@media (min-width:1220px){
.container{
width:1200px
}
}
@media (min-width:992px) and (max-width:1219px){
body{
background-position:50% -10px
}
.container{
width:970px
}
}
@media (min-width:768px) and (max-width:991px){
body{
background-position:50% -20px
}
.container{
width:750px
}
}
@media (max-width:767px){
body{
background-position:50% -30px
}
.container{
width:100%
}
}
#header{
z-index:11;
height:120px
}
#header>.inner{
margin:0 auto;
max-width:1586px
}
#header .header-inner>.left-side{
float:left
}
#header .header-inner>.right-side{
float:right
}
#header .header-top #header-primary-nav-container{
margin-top:.75rem
}
#header .header-top #header-language-bar-container{
margin-left:2.5rem
}
#header .header-bottom .header-inner>.right-side{
}
#header .header-bottom #header-secondary-nav-container{
margin-right:30px;
margin-top:2rem
}
#header .logo{
position:absolute;
top:20px;
left:20px;
float:left
}
#header .logo a{
display:block
}
#header .logo img{
height: 100px;
display:block
}
#header #header-language-bar-container,#header #header-primary-nav-container{
float:left
}
#header #compact-nav-button{
margin-top:10px;
margin-right:15px;
float:left;
display:none
}
#compact-nav-button{
padding:0;
position:relative;
text-align:left;
display:block;
z-index:32;
width:auto;
height:46px;
background:0 0;
-webkit-transition:all .3s;
transition:all .3s
}
#compact-nav-button:before{
display:none
}
#compact-nav-button .text{
margin-top:13px;
margin-right:.875rem;
display:block;
float:left;
font-size:.875rem;
color:#fff;
text-transform:uppercase;
-webkit-transition:color .5s;
transition:color .5s
}
#compact-nav-button .patty{
margin:21px 0 0;
padding:0;
position:relative;
float:left;
width:22px;
height:3px;
display:block;
background-color:#fff;
-webkit-transition:all .5s;
transition:all .5s
}
#compact-nav-button .patty:after,#compact-nav-button .patty:before{
position:absolute;
content:'';
display:block;
width:22px;
height:3px;
z-index:1;
background-color:#fff;
-webkit-transition:all .5s;
transition:all .5s
}
#compact-nav-button .patty:before{
top:-6px
}
#compact-nav-button .patty:after{
top:6px
}
#compact-nav-button.active,#compact-nav-button:hover{
text-decoration:none;
outline:0
}
#compact-nav-button.active .text,#compact-nav-button:hover .text{
color:#ffb236
}
#compact-nav-button.active .patty,#compact-nav-button.active .patty:after,#compact-nav-button.active .patty:before,#compact-nav-button:hover .patty,#compact-nav-button:hover .patty:after,#compact-nav-button:hover .patty:before{
background-color:#ffb236
}
body.page-home,body.page-service{
background:0 0
}
#compact-nav-container{
padding:0 20px;
position:absolute;
left:0;
right:0;
z-index:31;
display:none
}
#compact-nav-container>.content-inner{
padding:40px 0;
position:relative
}
@media (max-width:1249px){
#header .header-top .header-inner>.right-side{
border-bottom:1px solid rgba(255,255,255,.48)
}
#header .header-bottom .header-inner>.right-side{
border-top:none
}
#header .header-bottom #header-secondary-nav-container{
display:none
}
#header #compact-nav-button{
display:block
}
}
@media (max-width:1219px){
#header{
height:110px
}
#header .header-top #header-language-bar-container{
margin-left:1.5rem
}
#header .logo img{
height:70px
}
}
@media (max-width:991px){
#header{
height:100px
}
#header .header-top #header-primary-nav-container{
margin:.75rem 1.5rem .75rem 0
}
#header .header-top #header-language-bar-container{
margin-left:0
}
#header .logo img{
height:60px
}
}
@media (max-width:911px){
#header .header-top #header-primary-nav-container{
margin:.625rem 1.5rem 0 0
}
}
@media (max-width:767px){
#header #compact-nav-button .text,#header .header-top{
display:none
}
#header{
height:90px
}
#header .logo img{
height:50px
}
#header #compact-nav-button{
margin:20px;
width:46px
}
#header #compact-nav-button .patty{
margin-left:11px
}
#compact-nav-container>.content-inner{
padding:1.75rem;
border-top:1px solid rgba(255,255,255,.2)
}
#compact-nav-container #header-mobile-secondary-nav-container{
margin:1.75rem 0;
padding:1.75rem 0;
border-top:1px solid rgba(255,255,255,.2);
border-bottom:1px solid rgba(255,255,255,.2)
}
#compact-nav-container .language-bar-element{
text-align:center
}
#compact-nav-container .language-bar-element ul{
display:inline-block
}
}
body.page-home #header{
position:absolute;
top:0;
left:0;
right:0
}
body.page-home .portfolio-showcase-panel{
padding-top:0
}
body.page-service #header{
padding-bottom:162px;
height:auto;
background:url(//www.hexempo.de/wp-content/themes/nfa/images/header-bg-2.png) top center repeat-x
}
body.page-service #header>.inner{
height:122px
}
body.page-service #hero{
margin-top:-284px
}
body.page-post .post-comments-component,body.page-post .social-share-component{
margin:0 auto;
max-width:760px
}
article.post header{
margin:0 auto;
max-width:850px;
text-align:center
}
article.post header>.title{
font-size:3.25rem
}
article.post figure.promo{
margin:2.5rem 0;
text-align:center
}
article.post figure.promo img{
margin:0 auto;
display:block;
max-width:100%
}
article.post .content{
margin:0 auto;
max-width:760px
}
article.post img.align-left{
float:left
}
article.post img.align-right{
float:right;
text-align:right
}
article.post img.align-center{
margin-left:auto;
margin-right:auto;
display:block
}
body.page-search h1 .highlight{
color:#4ce3ef
}
@media (max-width:1219px){
body.page-home{
background-position:50% -10px
}
article.post header>.title{
font-size:3rem
}
}
@media (max-width:991px){
body.page-home{
background-position:50% -20px
}
article.post header>.title{
font-size:2.75rem
}
}
@media (max-width:767px){
body.page-home{
background-position:50% -80px
}
article.post header>.title{
font-size:2.25rem
}
}
header .header-top .header-inner > .right-side {
border-bottom: 1px solid rgba(255, 255, 255, .48)
}