@import 'https://fonts.googleapis.com/css?family=Raleway:400,700';
@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
*,
*:before,
*:after { box-sizing: border-box }
.clearfix:before,
.clearfix:after,
.container:before,
.container-fluid:before,
.head:before,
.mobile-navigation:before,
.footer:before,
.footer-companies:before,
.container:after,
.container-fluid:after,
.head:after,
.mobile-navigation:after,
.footer:after,
.footer-companies:after { content: " "; display: table }
.clearfix:after,
.container:after,
.container-fluid:after,
.head:after,
.mobile-navigation:after,
.footer:after,
.footer-companies:after { clear: both }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden],
template { display: none }
button,
input,
optgroup,
select,
textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button[disabled],
html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal }
input[type="checkbox"],
input[type="radio"] { padding: 0 }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: bold }
img { max-width: 100%; border: 0 }
img.aligncenter { max-width: 100%; height: auto; display: block; margin: 0 auto; padding: 15px 0 }
img[width],
img[height] { max-width: none }
svg:not(:root) { overflow: hidden }
a { background: transparent; color: #0D2240; text-decoration: none }
a:visited { color: #0D2240 }
a:active { color: #0D2240; outline: 0 }
a:hover { color: #0D2240; outline: 0 }
ul,
ol { margin: 0; padding: 0; list-style-type: none }
li>ul,
li>ol { margin-bottom: 0 }
html { background: #fff; min-height: 100%; overflow-y: scroll }
body { font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.6; background-color: transparent; color: #1D1D1B; margin: 0 }
table { border-collapse: collapse; border-spacing: 0 }
td,
th { padding: 0 }
blockquote { border-left: 2px solid #D7D3D4; padding-left: 20px; margin-left: 20px }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
em,
i { font-style: italic }
dfn { font-style: italic }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; padding: 0 }
h1 { font-size: 28px }
h2 { font-size: 22px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 { font-size: 12px }
mark { background: #ff0; color: #000 }
small { font-size: 90% }
sub,
sup { font-size: 90%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5rem; font-size:.7em }
sub { bottom: -0.5rem }
hr { height: 0 }
code,
kbd,
pre,
samp { font-family: monospace; letter-spacing: 1px; color: #575757 }
code,
kbd { padding: .2rem .4rem; border-top: solid 1px #eee; border-left: solid 1px #eee; border-right: solid 1px #eee; border-bottom: solid 1px #eee }
code { display: block; line-height: 2 }
pre { overflow: auto }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.container.fullwidth{width:100%}
@media (min-width: 768px) {
.container { width: 750px }
}

@media (min-width: 992px) {
.container { width: 970px }
}

@media (min-width: 1200px) {
.container { width: 1170px }
}
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.row { margin-right: -15px; margin-left: -15px }
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 { float: left }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }
.col-xs-pull-12 { right: 100% }
.col-xs-pull-11 { right: 91.66666667% }
.col-xs-pull-10 { right: 83.33333333% }
.col-xs-pull-9 { right: 75% }
.col-xs-pull-8 { right: 66.66666667% }
.col-xs-pull-7 { right: 58.33333333% }
.col-xs-pull-6 { right: 50% }
.col-xs-pull-5 { right: 41.66666667% }
.col-xs-pull-4 { right: 33.33333333% }
.col-xs-pull-3 { right: 25% }
.col-xs-pull-2 { right: 16.66666667% }
.col-xs-pull-1 { right: 8.33333333% }
.col-xs-pull-0 { right: auto }
.col-xs-push-12 { left: 100% }
.col-xs-push-11 { left: 91.66666667% }
.col-xs-push-10 { left: 83.33333333% }
.col-xs-push-9 { left: 75% }
.col-xs-push-8 { left: 66.66666667% }
.col-xs-push-7 { left: 58.33333333% }
.col-xs-push-6 { left: 50% }
.col-xs-push-5 { left: 41.66666667% }
.col-xs-push-4 { left: 33.33333333% }
.col-xs-push-3 { left: 25% }
.col-xs-push-2 { left: 16.66666667% }
.col-xs-push-1 { left: 8.33333333% }
.col-xs-push-0 { left: auto }
.col-xs-offset-12 { margin-left: 100% }
.col-xs-offset-11 { margin-left: 91.66666667% }
.col-xs-offset-10 { margin-left: 83.33333333% }
.col-xs-offset-9 { margin-left: 75% }
.col-xs-offset-8 { margin-left: 66.66666667% }
.col-xs-offset-7 { margin-left: 58.33333333% }
.col-xs-offset-6 { margin-left: 50% }
.col-xs-offset-5 { margin-left: 41.66666667% }
.col-xs-offset-4 { margin-left: 33.33333333% }
.col-xs-offset-3 { margin-left: 25% }
.col-xs-offset-2 { margin-left: 16.66666667% }
.col-xs-offset-1 { margin-left: 8.33333333% }
.col-xs-offset-0 { margin-left: 0 }

@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 { float: left }
.col-sm-12 { width: 100% }
.col-sm-11 { width: 91.66666667% }
.col-sm-10 { width: 83.33333333% }
.col-sm-9 { width: 75% }
.col-sm-8 { width: 66.66666667% }
.col-sm-7 { width: 58.33333333% }
.col-sm-6 { width: 50% }
.col-sm-5 { width: 41.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-3 { width: 25% }
.col-sm-2 { width: 16.66666667% }
.col-sm-1 { width: 8.33333333% }
.col-sm-pull-12 { right: 100% }
.col-sm-pull-11 { right: 91.66666667% }
.col-sm-pull-10 { right: 83.33333333% }
.col-sm-pull-9 { right: 75% }
.col-sm-pull-8 { right: 66.66666667% }
.col-sm-pull-7 { right: 58.33333333% }
.col-sm-pull-6 { right: 50% }
.col-sm-pull-5 { right: 41.66666667% }
.col-sm-pull-4 { right: 33.33333333% }
.col-sm-pull-3 { right: 25% }
.col-sm-pull-2 { right: 16.66666667% }
.col-sm-pull-1 { right: 8.33333333% }
.col-sm-pull-0 { right: auto }
.col-sm-push-12 { left: 100% }
.col-sm-push-11 { left: 91.66666667% }
.col-sm-push-10 { left: 83.33333333% }
.col-sm-push-9 { left: 75% }
.col-sm-push-8 { left: 66.66666667% }
.col-sm-push-7 { left: 58.33333333% }
.col-sm-push-6 { left: 50% }
.col-sm-push-5 { left: 41.66666667% }
.col-sm-push-4 { left: 33.33333333% }
.col-sm-push-3 { left: 25% }
.col-sm-push-2 { left: 16.66666667% }
.col-sm-push-1 { left: 8.33333333% }
.col-sm-push-0 { left: auto }
.col-sm-offset-12 { margin-left: 100% }
.col-sm-offset-11 { margin-left: 91.66666667% }
.col-sm-offset-10 { margin-left: 83.33333333% }
.col-sm-offset-9 { margin-left: 75% }
.col-sm-offset-8 { margin-left: 66.66666667% }
.col-sm-offset-7 { margin-left: 58.33333333% }
.col-sm-offset-6 { margin-left: 50% }
.col-sm-offset-5 { margin-left: 41.66666667% }
.col-sm-offset-4 { margin-left: 33.33333333% }
.col-sm-offset-3 { margin-left: 25% }
.col-sm-offset-2 { margin-left: 16.66666667% }
.col-sm-offset-1 { margin-left: 8.33333333% }
.col-sm-offset-0 { margin-left: 0 }
}

@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 { float: left }
.col-md-12 { width: 100% }
.col-md-11 { width: 91.66666667% }
.col-md-10 { width: 83.33333333% }
.col-md-9 { width: 75% }
.col-md-8 { width: 66.66666667% }
.col-md-7 { width: 58.33333333% }
.col-md-6 { width: 50% }
.col-md-5 { width: 41.66666667% }
.col-md-4 { width: 33.33333333% }
.col-md-3 { width: 25% }
.col-md-2 { width: 16.66666667% }
.col-md-1 { width: 8.33333333% }
.col-md-pull-12 { right: 100% }
.col-md-pull-11 { right: 91.66666667% }
.col-md-pull-10 { right: 83.33333333% }
.col-md-pull-9 { right: 75% }
.col-md-pull-8 { right: 66.66666667% }
.col-md-pull-7 { right: 58.33333333% }
.col-md-pull-6 { right: 50% }
.col-md-pull-5 { right: 41.66666667% }
.col-md-pull-4 { right: 33.33333333% }
.col-md-pull-3 { right: 25% }
.col-md-pull-2 { right: 16.66666667% }
.col-md-pull-1 { right: 8.33333333% }
.col-md-pull-0 { right: auto }
.col-md-push-12 { left: 100% }
.col-md-push-11 { left: 91.66666667% }
.col-md-push-10 { left: 83.33333333% }
.col-md-push-9 { left: 75% }
.col-md-push-8 { left: 66.66666667% }
.col-md-push-7 { left: 58.33333333% }
.col-md-push-6 { left: 50% }
.col-md-push-5 { left: 41.66666667% }
.col-md-push-4 { left: 33.33333333% }
.col-md-push-3 { left: 25% }
.col-md-push-2 { left: 16.66666667% }
.col-md-push-1 { left: 8.33333333% }
.col-md-push-0 { left: auto }
.col-md-offset-12 { margin-left: 100% }
.col-md-offset-11 { margin-left: 91.66666667% }
.col-md-offset-10 { margin-left: 83.33333333% }
.col-md-offset-9 { margin-left: 75% }
.col-md-offset-8 { margin-left: 66.66666667% }
.col-md-offset-7 { margin-left: 58.33333333% }
.col-md-offset-6 { margin-left: 50% }
.col-md-offset-5 { margin-left: 41.66666667% }
.col-md-offset-4 { margin-left: 33.33333333% }
.col-md-offset-3 { margin-left: 25% }
.col-md-offset-2 { margin-left: 16.66666667% }
.col-md-offset-1 { margin-left: 8.33333333% }
.col-md-offset-0 { margin-left: 0 }
}

@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 { float: left }
.col-lg-12 { width: 100% }
.col-lg-11 { width: 91.66666667% }
.col-lg-10 { width: 83.33333333% }
.col-lg-9 { width: 75% }
.col-lg-8 { width: 66.66666667% }
.col-lg-7 { width: 58.33333333% }
.col-lg-6 { width: 50% }
.col-lg-5 { width: 41.66666667% }
.col-lg-4 { width: 33.33333333% }
.col-lg-3 { width: 25% }
.col-lg-2 { width: 16.66666667% }
.col-lg-1 { width: 8.33333333% }
.col-lg-pull-12 { right: 100% }
.col-lg-pull-11 { right: 91.66666667% }
.col-lg-pull-10 { right: 83.33333333% }
.col-lg-pull-9 { right: 75% }
.col-lg-pull-8 { right: 66.66666667% }
.col-lg-pull-7 { right: 58.33333333% }
.col-lg-pull-6 { right: 50% }
.col-lg-pull-5 { right: 41.66666667% }
.col-lg-pull-4 { right: 33.33333333% }
.col-lg-pull-3 { right: 25% }
.col-lg-pull-2 { right: 16.66666667% }
.col-lg-pull-1 { right: 8.33333333% }
.col-lg-pull-0 { right: auto }
.col-lg-push-12 { left: 100% }
.col-lg-push-11 { left: 91.66666667% }
.col-lg-push-10 { left: 83.33333333% }
.col-lg-push-9 { left: 75% }
.col-lg-push-8 { left: 66.66666667% }
.col-lg-push-7 { left: 58.33333333% }
.col-lg-push-6 { left: 50% }
.col-lg-push-5 { left: 41.66666667% }
.col-lg-push-4 { left: 33.33333333% }
.col-lg-push-3 { left: 25% }
.col-lg-push-2 { left: 16.66666667% }
.col-lg-push-1 { left: 8.33333333% }
.col-lg-push-0 { left: auto }
.col-lg-offset-12 { margin-left: 100% }
.col-lg-offset-11 { margin-left: 91.66666667% }
.col-lg-offset-10 { margin-left: 83.33333333% }
.col-lg-offset-9 { margin-left: 75% }
.col-lg-offset-8 { margin-left: 66.66666667% }
.col-lg-offset-7 { margin-left: 58.33333333% }
.col-lg-offset-6 { margin-left: 50% }
.col-lg-offset-5 { margin-left: 41.66666667% }
.col-lg-offset-4 { margin-left: 33.33333333% }
.col-lg-offset-3 { margin-left: 25% }
.col-lg-offset-2 { margin-left: 16.66666667% }
.col-lg-offset-1 { margin-left: 8.33333333% }
.col-lg-offset-0 { margin-left: 0 }
}
.head+.container { margin-top: 90px }

@media (min-width: 74.375em) {
.head+.container { margin-top: 180px }
}
.head-logo { text-indent: 500%; white-space: nowrap; overflow: hidden; font: "0/0" a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.head-logo a { display: block; width: 200px; margin: 0 auto; margin-top: 6px; background: url("/wp-content/themes/kraftgroup/img/brand.svg") center center no-repeat }

@media (min-width: 74.375em) {
.head-logo a { width: 400px }
}

@media (min-width: 74.375em) {
.head-logo { margin-top: 30px }
}
.head { position: relative; background-color: rgba(0,0,0,0.9); height: 60px; padding-right: 15px }

@media (min-width: 74.375em) {
.head { height: auto; padding-right: 0; padding-bottom: 30px; text-align: center }
}
.head a { color: #989391 }
.head a:visited { color: #989391 }
.head a:hover { color: white }
.head a:active { outline: none; border: none }
.head a:focus { outline: none; border: none }
.head.animated { position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 9999 }
#js-open-menu,
#js-close-menu { width: 26px; height: 26px; z-index: 1000; outline: none; border: none; background-color: transparent }
#js-open-menu img,
#js-close-menu img { width: 100%; height: auto; vertical-align: top }

@media (min-width: 74.375em) {
#js-open-menu,
#js-close-menu { display: none; visibility: hidden }
}
#js-open-menu { position: absolute; left: 15px; top: 15px }
#js-close-menu { float: right; margin-right: 15px; margin-top: 5px }
.mobile-navigation.offScreen { position: absolute; top: 0; left: -100%; -webkit-transition: all 0.255s ease-in; transition: all 0.255s ease-in }
.mobile-navigation { padding-top: 15px; padding-right: 15px; background: #2E2A27; position: absolute; width: 90%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-transition: all 0.255s ease-out; transition: all 0.255s ease-out }

@media (min-width: 48em) {
.mobile-navigation { width: 60% }
}

@media (min-width: 74.375em) {
.mobile-navigation { display: none; visibility: hidden }
}
.mobile-navigation .mobile-nav { padding: 15px; padding-top: 50px; text-indent: -26px; margin-left: 26px }
.mobile-navigation .mobile-logo { float: left; width: 200px; padding-top: 8px; padding-left: 15px }

@media (min-width: 48em) {
.mobile-navigation .mobile-logo { display: none; visibility: hidden }
}
.mobile-navigation .mobile-nav--item.white a { color: white }
.mobile-navigation .mobile-nav--item { margin-bottom: 8px }
.mobile-navigation .mobile-nav--item>a { text-transform: uppercase }
.mobile-navigation .mobile-nav--link:hover { color: white }
.mobile-navigation .mobile-nav--plus { width: 11px; float: left; margin-right: 15px }
.mobile-navigation .mobile-sub-nav { margin-left: 30px; padding-left: 10px; font-size: 15px; margin-top: 15px; margin-bottom: 40px }
.mobile-navigation .mobile-sub-nav.hidden { display: none; visibility: hidden }
html.ie9 .desktop-navigation { max-width: 1300px }
.desktop-navigation { display: none; visibility: hidden; max-width: 1162px; margin: 0 auto; font-size: 13px; text-align: center; padding-top: 30px; padding-bottom: 15px }

@media (min-width: 74.375em) {
.desktop-navigation { display: block; visibility: visible }
}
.desktop-navigation .desktop-nav--item { position: relative; float: left; line-height: 1; text-align: center; white-space: nowrap; padding: 0 3px; border-right: 1px solid #989391 }
.desktop-navigation .desktop-nav--item:last-child { border-right: none }
.desktop-navigation .desktop-nav--item>a { text-transform: uppercase }
.desktop-navigation .desktop-nav--item.custom .desktop-sub-nav { left: -37%; width: 170% }
.desktop-navigation .desktop-nav--item.blue>a { padding-bottom: 45px }
.desktop-navigation .desktop-nav--item.blue a { background-color: #989391; color: white }
.desktop-navigation .desktop-nav--link { padding: 15px 8px; padding-bottom: 15px }
.desktop-navigation .desktop-nav--link:hover { background: #989391 }
.desktop-navigation .desktop-sub-nav { display: block; visibility: visible; position: absolute; top: 45px; left: -13%; width: 125%; z-index: 9999; background: #989391; padding: 15px 0 }
.desktop-navigation .desktop-sub-nav li { white-space: normal; line-height: 1.4 }
.desktop-navigation .desktop-sub-nav li a { display: block; margin: 0 15px; padding: 12px; border-radius: 8px }
.desktop-navigation .desktop-sub-nav li a:hover { background-color: #a4a09e }
.desktop-navigation .desktop-sub-nav.hidden { display: none; visibility: hidden }
.article-home { padding: 50px 0 }
.article { line-height: 1.6; text-align: justify }
.article p,
.article ul,
.article ol { margin-bottom: 30px }
.article ul,
.article ol { text-align: left; list-style-type: circle; padding-left: 30px; padding-right: 30px }
.article ul li,
.article ol li { margin-bottom: 15px }
.article ul li:last-child,
.article ol li:last-child { margin-bottom: 0 }
.headlines { margin: 15px 0 30px }
.headlines h1.page-headline { text-transform: uppercase; font-weight: 700; font-size: 32px; line-height: 1.1 }

@media (min-width: 62em) {
.headlines h1.page-headline { line-height: 1.4 }
}
.headlines h2.page-sub-headline { line-height: 30px; font-style: italic; font-family: Raleway, sans-serif; font-weight: 400; font-size: 24px }
.sidebar { padding-top: 15px; color: #524F4D }
.sidebar img { max-width: 100%; height: auto }
.sidebar ul li { padding-left: 18px; background: url("../img/list-deco-image.png") no-repeat left center; background-size: 11px }
.sidebar h3 { margin-bottom: 15px; font-size: 24px; font-weight: 700 }
html.svg .sidebar ul li { background: url("../img/list-deco-image.svg") no-repeat left center; background-size: 11px }
.footer { background-color: #D7D3D4; padding: 45px 15px; font-size: 15px; color: #0D2240 }
.footer ul li { line-height: 17px; padding: 0 6px 0 2px }

@media (min-width: 62em) {
.footer ul li { display: inline-block; border-right: 1px solid #0D2240 }
.footer ul li:last-child { border-right: none }
}
.footer-companies { margin-top: 30px }
html.cssfilters .footer-companies--item img { border: solid #d7d3d4; border-width: 4px 0 0 4px; -webkit-filter: grayscale(100%); filter: grayscale(100%) }
html.cssfilters .footer-companies--item img:hover { -webkit-filter: none; filter: none }
.footer-companies--item { float: left; width: 33.33% }
.footer-companies--item img { width: 100%; height: auto; vertical-align: top }

@media (min-width: 48em) {
.footer-companies--item { width: 11.11% }
}
.gform_wrapper { margin-bottom: 30px }
.gform_body ul { list-style-type: none; padding: 0 }
.gform_body textarea { resize: none; max-height: 160px }
.gform_body input,
.gform_body textarea { width: 100%; padding: 15px; border: solid 1px #73706F }
.gform_body .gfield { display: block; padding: 15px 0 }
.gform_body .gfield_label { display: none; visibility: hidden }
.gform_footer input[type=submit] { font-size: 14px; background-color: #AF1917; text-transform: uppercase; color: white; border: none; font-size: 16px; padding: 15px 60px }
.validation_error,
.validation_message { color: #AF1917 }
.googlemap { margin-bottom: 30px }
.googlemap .googlemap-directions { margin-top: 0; position: relative }
.googlemap .googlemap-directions:after { content: ""; background: url(/wp-content/themes/kraftgroup/img/list-deco-image.svg) no-repeat center center; height: 8px; width: 8px; position: absolute; top: 34%; margin-left: 6px }
html.cssfilters div.homepage img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden }
html.cssfilters div.homepage img:hover { filter: none; -webkit-filter: grayscale(0%) }
div.homepage img { vertical-align: top }
.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes slideDown {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideDown {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.animated.slideDown { -webkit-animation-name: slideDown; animation-name: slideDown }
@-webkit-keyframes slideUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@keyframes slideUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
.animated.slideUp { -webkit-animation-name: slideUp; animation-name: slideUp }
.flex-container a:hover,
.flex-slider a:hover { outline: none }
.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none }
.flex-pauseplay span { text-transform: capitalize }
.flexslider { margin: 0; padding: 0 }
.flexslider .slides>li { display: none; -webkit-backface-visibility: hidden }
.flexslider .slides img { width: 100%; display: block }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
html[xmlns] .flexslider .slides { display: block }
* html .flexslider .slides { height: 1% }
.no-js .flexslider .slides>li:first-child { display: block }
.flexslider { margin: 0; padding: 0; border: none; position: relative; zoom: 1 }
.flexslider .slides { zoom: 1 }
.flexslider .slides img { height: auto; -moz-user-select: none }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease }
.loading .flex-viewport { max-height: 300px }
.carousel li { margin-right: 5px }
.flex-direction-nav { *height:0
}
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 50px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.8); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3) }
.flex-direction-nav a.flex-next:before { content: '\f002' }
.flex-direction-nav .flex-prev { left: -50px }
.flex-direction-nav .flex-next { right: -50px; text-align: right }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1 }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1 }
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1 }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004' }
.flex-pauseplay a:hover { opacity: 1 }
.flex-pauseplay a.flex-play:before { content: '\f003' }
.flex-direction-nav { display: none; visibility: hidden }

@media (min-width: 62em) {
.flex-direction-nav { display: block; visibility: visible }
}
.flex-control-nav { display: none; visibility: hidden }

@media (min-width: 62em) {
.flex-control-nav { display: block; visibility: visible; z-index: 9999; width: 100%; position: absolute; bottom: 45px; text-align: center }
}
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display:inline
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; box-shadow: 0 0px 2px rgba(0,0,0,0.9); border-radius: 20px }
.flex-control-paging li a:hover { background: #000 }
.flex-control-paging li a.flex-active { background: #000; cursor: default }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden }
.flex-control-thumbs li { width: 25%; float: left; margin: 0 }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; transition: all 1s ease }
.flex-control-thumbs img:hover { opacity: 1 }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default }

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px }
.flex-direction-nav .flex-next { opacity: 1; right: 10px }
}
.hero-slider { overflow: hidden; position: relative; min-height: 156px; margin-bottom: 50px }
.hero-slider:after { content: ""; display: block; background: url("../img/slider-bottom-graphic.png") no-repeat center center; background-size: cover; height: 20px }
body.home .hero-slider { margin-bottom: 0 }
html.ie .bwWrapper { position: relative; display: block }
html.svg .sidebar ul li { background: url("../img/list-deco-image.png") no-repeat left center; background-size: 10px }
@font-face { font-family: 'flexslider-icon'; src: url("/wp-content/themes/kraftgroup/fonts/flexslider-icon.eot"); src: url("/wp-content/themes/kraftgroup/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/kraftgroup/fonts/flexslider-icon.woff") format("woff"), url("/wp-content/themes/kraftgroup/fonts/flexslider-icon.ttf") format("truetype"), url("/wp-content/themes/kraftgroup/fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal }
.flex-direction-nav a { font-family: 'flexslider-icon' }
.flex-direction-nav a::before { font-size: 30px }

@media (min-width: 1190px) {
.head-logo a { height: 75px }
}