html { font-family: sans-serif; }
body { margin: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0px; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0px none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0px; }
mark { background: rgb(255, 255, 0) none repeat scroll 0% 0%; color: rgb(0, 0, 0); }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0px none; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0px; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="search"] { box-sizing: content-box; }
fieldset { border: 1px solid rgb(192, 192, 192); margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0px none; padding: 0px; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0px; }
td, th { padding: 0px; }
.jcf-select { display: inline-block; vertical-align: top; position: relative; border: 1px solid rgb(119, 119, 119); background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; height: 52px; }
.jcf-select select { z-index: 1; left: 0px; top: 0px; }
.jcf-select .jcf-select-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; display: block; }
.jcf-select .jcf-select-opener { position: absolute; text-align: center; border-left: 1px solid rgb(147, 196, 212); bottom: 0px; right: 0px; top: 0px; }
.jcf-select .jcf-select-opener::before { font-family: "fontawesome"; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(8, 120, 152); }
body > .jcf-select-drop { position: absolute; margin: -1px 0px 0px; z-index: 9999; }
body > .jcf-select-drop.jcf-drop-flipped { margin: 1px 0px 0px; }
.jcf-select .jcf-select-drop { position: absolute; margin-top: 0px; z-index: 9999; top: 100%; left: -1px; right: -1px; }
.jcf-select .jcf-drop-flipped { bottom: 100%; top: auto; }
.jcf-select-drop .jcf-select-drop-content { border: 1px solid rgb(157, 202, 216); }
.jcf-list-box { overflow: hidden; display: inline-block; border: 1px solid rgb(184, 195, 201); min-width: 200px; margin: 0px 15px; }
.jcf-list { display: inline-block; vertical-align: top; position: relative; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; }
.jcf-list .jcf-list-content { vertical-align: top; display: inline-block; overflow: auto; width: 100%; }
.jcf-list ul { list-style: outside none none; padding: 0px; margin: 0px; }
.jcf-list ul li { overflow: hidden; display: block; }
.jcf-list .jcf-overflow { overflow: auto; }
.jcf-list .jcf-option { white-space: nowrap; overflow: hidden; cursor: default; display: block; color: rgb(101, 101, 101); height: 1%; }
.jcf-list .jcf-disabled { background: rgb(255, 255, 255) none repeat scroll 0% 0% ! important; color: rgb(170, 170, 170) ! important; }
.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected { background: rgb(8, 120, 152) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.jcf-list .jcf-optgroup-caption { white-space: nowrap; font-weight: bold; display: block; padding: 5px 9px; cursor: default; color: rgb(0, 0, 0); }
.jcf-list .jcf-optgroup .jcf-option { padding-left: 30px; }
.jcf-scrollable-wrapper { box-sizing: content-box; position: relative; }
.jcf-scrollbar-vertical { position: absolute; cursor: default; background: rgb(227, 227, 227) none repeat scroll 0% 0%; width: 14px; bottom: 0px; right: 0px; top: 0px; }
.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc { background: rgb(187, 187, 187) none repeat scroll 0% 0%; height: 14px; width: 14px; left: 0px; top: 0px; }
.jcf-scrollbar-vertical .jcf-scrollbar-inc { top: auto; bottom: 0px; }
.jcf-scrollbar-vertical .jcf-scrollbar-handle { background: rgb(136, 136, 136) none repeat scroll 0% 0%; height: 1px; width: 14px; }
.jcf-scrollbar-horizontal { position: absolute; background: rgb(227, 227, 227) none repeat scroll 0% 0%; right: auto; top: auto; left: 0px; bottom: 0px; width: 1px; height: 14px; }
.jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc { display: inline-block; vertical-align: top; overflow: hidden; background: rgb(187, 187, 187) none repeat scroll 0% 0%; height: 14px; width: 14px; }
.jcf-scrollbar-horizontal .jcf-scrollbar-inc { left: auto; right: 0px; }
.jcf-scrollbar-horizontal .jcf-scrollbar-slider { display: inline-block; position: relative; height: 14px; }
.jcf-scrollbar-horizontal .jcf-scrollbar-handle { position: absolute; background: rgb(136, 136, 136) none repeat scroll 0% 0%; height: 14px; }
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle { visibility: hidden; }
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc { background: rgb(227, 227, 227) none repeat scroll 0% 0%; }
.jcf-disabled { background: rgb(221, 221, 221) none repeat scroll 0% 0% ! important; }
html { box-sizing: border-box; }
*, *::after, *::before { box-sizing: inherit; }
#nav ul, .gallery-block .cycle-gallery .pagination ul, #integrate-block .logo-list { margin: 0px; padding: 0px; list-style: outside none none; }
.clearfix::after, .header-wrap .banner::after, #header .container::after { content: ""; display: block; clear: both; }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
* { max-height: 1000000px; }
body { color: rgb(51, 51, 51); background: rgb(255, 255, 255) none repeat scroll 0% 0%; font: 16px/1.5 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; min-width: 320px; }
img { max-width: 100%; height: auto; vertical-align: top; }
.gm-style img { max-width: none; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h { font-family: inherit; font-weight: bold; margin: 0px 0px 0.5em; color: inherit; }
h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 27px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 21px; }
h5, .h5 { font-size: 17px; }
h6, .h6 { font-size: 15px; }
p { margin: 0px 0px 1em; }
a { color: rgb(51, 153, 255); }
a:hover, a:focus { text-decoration: none; }
form, fieldset { margin: 0px; padding: 0px; border-style: none; }
input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], textarea { border-radius: 0px; box-sizing: border-box; border: 1px solid rgb(153, 153, 153); padding: 0.4em 0.7em; }
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus { border-color: rgb(51, 51, 51); }
input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: rgb(153, 153, 153); }
input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder { color: rgb(153, 153, 153); }
input.placeholder[type="text"], input.placeholder[type="tel"], input.placeholder[type="email"], input.placeholder[type="search"], input.placeholder[type="password"], textarea.placeholder { color: rgb(153, 153, 153); }
select { border-radius: 0px; }
textarea { resize: vertical; vertical-align: top; }
button, input[type="button"], input[type="reset"], input[type="file"], input[type="submit"] { border-radius: 0px; cursor: pointer; }
.header-wrap { background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; z-index: 99; }
.header-wrap .banner { position: relative; z-index: 1; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.header-wrap .img { padding: 61px 7px 0px; z-index: 1; margin: 0px 14px 0px -15px; }
.header-wrap .img::before { content: ""; position: absolute; right: 0px; left: 0px; bottom: -1px; background: transparent url(f481ce5801ec873f23a848d7ba08ef85fe865e6b.png)  repeat-x scroll 0% 0%; height: 185px; z-index: -1; }
.header-wrap .img .img-holder { max-width: 344px; margin: 0px auto; position: relative; z-index: 10; }
.header-wrap .img .truck { left: 3.9%; position: absolute; bottom: 171px; width: 55px; z-index: -2; }
.header-wrap .bg-holder { background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 50% ! important; min-height: 500px; background-size: cover ! important; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: -1; }
.header-wrap .bg-holder img { position: absolute; width: auto; height: auto; }
.header-wrap .logo { padding: 40px 0px; text-align: center; background: transparent none repeat scroll 0% 0%; }
.header-wrap .logo .logo-holder { width: 188px; margin: 0px auto; }
.header-wrap .banner-info { padding: 5px 22px 0px; color: rgb(255, 255, 255); }
.header-wrap .banner-info .text-wrap { position: relative; z-index: 10; }
.header-wrap .banner-info h1 { font: 300 56px/0.85 "ff-good-headline-web-pro-con",Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; margin: 0px 0px 20px; }
.header-wrap .banner-info p { margin: 0px 0px 25px; }
.fallback-class { background-attachment: inherit ! important; background-size: cover ! important; }
.fallback-class img { display: none ! important; }
.btn { padding: 14px 5px; transition: all 0.3s ease 0s; font: 500 16px/1.5 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; display: inline-block; vertical-align: top; text-decoration: none; color: rgb(255, 255, 255); background: rgb(249, 161, 27) none repeat scroll 0% 0%; text-transform: uppercase; min-width: 170px; text-align: center; border-radius: 4px; }
.btn:hover { background: rgb(219, 135, 6) none repeat scroll 0% 0%; }
#header { border-bottom: 2px solid rgb(184, 206, 216); position: absolute; top: 100%; left: 0px; right: 0px; width: 100%; z-index: 9999; transition: height 0.3s ease 0s, background 0.3s ease 0s; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#header .container { max-width: 974px; padding: 0px 15px; margin: 0px auto; position: relative; }
#header.fixed-position { position: fixed; left: 0px ! important; right: 0px ! important; top: 0px ! important; width: 100%; z-index: 9999; }
#header.fixed-position .logo-hold { opacity: 1; visibility: visible; }
#header.fixed-position .logo-hold img { transform: scale(1); }
#header .logo-hold { transition: scale 0.8s ease 0s, opacity 0.8s ease 0s, visibility 0.8s ease 0s; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; }
#header .logo-hold img { transition: all 0.5s ease 0s; transform: scale(0); }
#nav { max-width: 1020px; margin-left: auto; margin-right: auto; padding: 15px 0px; overflow: hidden; }
#nav::after { clear: both; content: ""; display: block; }
#nav ul { font-size: 0px; line-height: 0; text-align: center; }
#nav ul li { padding: 0px 10px; margin: 0px 0px 11px; display: inline-block; vertical-align: top; font: 700 17px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; text-transform: uppercase; }
#nav ul li a { transition: color 0.3s ease 0s; text-decoration: none; color: rgb(12, 90, 123); }
#nav ul li a:hover { color: rgb(218, 79, 38); }
.fixed-position #nav ul li { margin: 0px 0px 5px; }
.fixed-position #nav ul li.anchor-active a { color: rgb(218, 79, 38); }
#main { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#about-block { padding: 0px 0px 85px; background: transparent url(85b36a8f98303c1bf02b7199c1153d7fb3705594.png)  no-repeat scroll 0px 0px / cover ; }
#about-block h2 { margin: 0px 0px 18px; font: 300 48px/1 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(12, 90, 123); }
#about-block p { margin: 0px 0px 25px; }
#about-block .content-wrap { padding: 29px 0px 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#about-block .content-wrap .btn { margin: 0px 0px 15px; }
#about-block .text-block { padding: 0px 20px; font: 400 16px/1.5 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(112, 113, 113); }
#about-block .text-block .box-wrap { white-space: nowrap; text-align: left; }
#about-block .text-block .box-wrap::after { content: ""; display: inline-block; vertical-align: middle; width: 0px; min-height: 100%; }
#about-block .text-block .box-wrap > * { white-space: normal; display: inline-block; vertical-align: middle; max-width: 99%; }
#about-block .image-block { margin: 0px -32px; }
#about-block .image-block img { width: 100%; }
#details-block { padding: 25px 20px 13px; background: rgb(8, 120, 152) none repeat scroll 0% 0%; }
#details-block .three-columns { overflow: hidden; margin-bottom: -14px; }
#details-block .three-columns h2 { font: 300 41px/1 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; text-align: center; color: rgb(255, 255, 255); }
#details-block .col { margin: 0px 0px 76px; color: rgb(255, 255, 255); }
#details-block .col h3 { margin: 0px 0px 23px; font: 500 24px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(249, 161, 27); }
#details-block .col p { margin: 0px 0px 10px; }
#details-block .col:nth-child(1) { padding: 0px 0px 0px 15px; }
#details-block .col .img-wrap { margin: 0px 0px 0px -50px; }
.gallery-block { padding: 126px 0px 0px; position: relative; min-height: 478px; display: none; }
.gallery-block::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%; z-index: 0; height: 161px; }
.gallery-block .cycle-gallery { max-width: 1020px; margin-left: auto; margin-right: auto; position: relative; }
.gallery-block .cycle-gallery::after { clear: both; content: ""; display: block; }
.gallery-block .cycle-gallery .mask { position: relative; overflow: hidden; width: 100%; height: 300px; }
.gallery-block .cycle-gallery .mask .slideset { width: 99999px; float: left; }
.gallery-block .cycle-gallery .mask .slide { float: left; }
.gallery-block .cycle-gallery .mask .slide.active { z-index: 1; }
.gallery-block .cycle-gallery .image-wrap { float: left; display: block; margin-right: 3.871%; width: 48.0645%; padding: 0px 30px; }
.gallery-block .cycle-gallery .image-wrap:last-child { margin-right: 0px; }
.gallery-block .cycle-gallery .text-wrap { float: right; display: block; margin-left: 3.871%; width: 48.0645%; }
.gallery-block .cycle-gallery .text-wrap:last-child { margin-left: 0px; }
.gallery-block .cycle-gallery .text-wrap { padding: 15px 15px 0px; font: 400 16px/1.45 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(112, 113, 113); height: 220px; overflow: hidden; }
.gallery-block .cycle-gallery .text-wrap p { margin: 0px 0px 5px; }
.gallery-block .cycle-gallery h2 { margin: 0px 0px 10px; font: 300 41px/1 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(12, 90, 123); }
.gallery-block .cycle-gallery .pagination { position: absolute; right: 0px; bottom: 39px; left: 53%; max-width: 320px; z-index: 2; }
.gallery-block .cycle-gallery .pagination ul { float: left; }
.gallery-block .cycle-gallery .pagination ul li { float: right; padding: 0px 7px; }
.gallery-block .cycle-gallery .pagination ul li a { width: 22px; height: 22px; border-radius: 50%; transition: all 0.3s ease 0s; overflow: hidden; text-indent: 101%; white-space: nowrap; background: rgb(196, 222, 230) none repeat scroll 0% 0%; display: inline-block; vertical-align: middle; }
.gallery-block .cycle-gallery .pagination ul li a:hover { background: rgb(158, 201, 214) none repeat scroll 0% 0%; }
.gallery-block .cycle-gallery .pagination ul li.active a { background: rgb(158, 201, 214) none repeat scroll 0% 0%; }
#integrate-block { padding: 64px 20px 43px; max-width: 1020px; margin-left: auto; margin-right: auto; }
#integrate-block::after { clear: both; content: ""; display: block; }
#integrate-block .text-wrap { margin: 0px 0px 53px; color: rgb(112, 113, 113); }
#integrate-block .text-wrap h2 { margin: 0px 0px 17px; font: 300 48px/1 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(12, 90, 123); }
#integrate-block .text-wrap p { margin: 0px 0px 34px; }
#integrate-block .text-wrap .orange { font: 700 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(249, 161, 27); }
#integrate-block .logo-list { font-size: 0px; line-height: 0; padding: 11px 0px 0px; }
#integrate-block .logo-list li { font-size: 14px; line-height: 14px; text-align: center; margin: 0px 0px 28px; }
#integrate-block .logo-list li a { transition: all 0.3s ease 0s; text-decoration: none; }
#integrate-block .logo-list li a:hover { opacity: 0.5; }
#demo-block .content-wrap { max-width: 1020px; margin-left: auto; margin-right: auto; padding: 35px 20px 56px; }
#demo-block .content-wrap::after { clear: both; content: ""; display: block; }
#demo-block .content-wrap h2 { margin: 0px 0px 19px; color: rgb(12, 90, 123); font: 300 48px/1 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
#demo-block .content-wrap p { margin: 0px 0px 18px; }
#demo-block input[type="color"], #demo-block input[type="date"], #demo-block input[type="datetime"], #demo-block input[type="datetime-local"], #demo-block input[type="email"], #demo-block input[type="month"], #demo-block input[type="number"], #demo-block input[type="password"], #demo-block input[type="search"], #demo-block input[type="tel"], #demo-block input[type="text"], #demo-block input[type="time"], #demo-block input[type="url"], #demo-block input[type="week"], #demo-block input:not([type]), #demo-block textarea { padding: 13px 46px 13px 21px; border-radius: 4px; height: 53px; border: medium none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font: 400 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; width: 100%; color: rgb(8, 120, 152); }
#demo-block input[type="color"]:focus, #demo-block input[type="date"]:focus, #demo-block input[type="datetime"]:focus, #demo-block input[type="datetime-local"]:focus, #demo-block input[type="email"]:focus, #demo-block input[type="month"]:focus, #demo-block input[type="number"]:focus, #demo-block input[type="password"]:focus, #demo-block input[type="search"]:focus, #demo-block input[type="tel"]:focus, #demo-block input[type="text"]:focus, #demo-block input[type="time"]:focus, #demo-block input[type="url"]:focus, #demo-block input[type="week"]:focus, #demo-block input:focus:not([type]), #demo-block textarea:focus { outline: medium none; }
#demo-block input[type="color"]::-moz-placeholder, #demo-block input[type="date"]::-moz-placeholder, #demo-block input[type="datetime"]::-moz-placeholder, #demo-block input[type="datetime-local"]::-moz-placeholder, #demo-block input[type="email"]::-moz-placeholder, #demo-block input[type="month"]::-moz-placeholder, #demo-block input[type="number"]::-moz-placeholder, #demo-block input[type="password"]::-moz-placeholder, #demo-block input[type="search"]::-moz-placeholder, #demo-block input[type="tel"]::-moz-placeholder, #demo-block input[type="text"]::-moz-placeholder, #demo-block input[type="time"]::-moz-placeholder, #demo-block input[type="url"]::-moz-placeholder, #demo-block input[type="week"]::-moz-placeholder, #demo-block input:not([type])::-moz-placeholder, #demo-block textarea::-moz-placeholder { opacity: 1; color: rgb(8, 120, 152); }
#demo-block input[type="color"]:-moz-placeholder, #demo-block input[type="date"]:-moz-placeholder, #demo-block input[type="datetime"]:-moz-placeholder, #demo-block input[type="datetime-local"]:-moz-placeholder, #demo-block input[type="email"]:-moz-placeholder, #demo-block input[type="month"]:-moz-placeholder, #demo-block input[type="number"]:-moz-placeholder, #demo-block input[type="password"]:-moz-placeholder, #demo-block input[type="search"]:-moz-placeholder, #demo-block input[type="tel"]:-moz-placeholder, #demo-block input[type="text"]:-moz-placeholder, #demo-block input[type="time"]:-moz-placeholder, #demo-block input[type="url"]:-moz-placeholder, #demo-block input[type="week"]:-moz-placeholder, #demo-block input:-moz-placeholder:not([type]), #demo-block textarea:-moz-placeholder { color: rgb(8, 120, 152); }
#demo-block input.placeholder[type="color"], #demo-block input.placeholder[type="date"], #demo-block input.placeholder[type="datetime"], #demo-block input.placeholder[type="datetime-local"], #demo-block input.placeholder[type="email"], #demo-block input.placeholder[type="month"], #demo-block input.placeholder[type="number"], #demo-block input.placeholder[type="password"], #demo-block input.placeholder[type="search"], #demo-block input.placeholder[type="tel"], #demo-block input.placeholder[type="text"], #demo-block input.placeholder[type="time"], #demo-block input.placeholder[type="url"], #demo-block input.placeholder[type="week"], #demo-block input.placeholder:not([type]), #demo-block textarea.placeholder { color: rgb(8, 120, 152); }
#demo-block select { padding: 10px; font: 400 14px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; border: medium none; background: rgb(157, 202, 216) none repeat scroll 0% 0%; color: rgb(8, 120, 152); width: 100%; }
#demo-block button, #demo-block input[type="button"], #demo-block input[type="reset"], #demo-block input[type="submit"] { padding: 15px 5px; margin: 8px auto; border-radius: 4px; transition: all 0.3s ease 0s; font: 500 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; vertical-align: top; text-decoration: none; color: rgb(255, 255, 255); background: rgb(249, 161, 27) none repeat scroll 0% 0%; text-transform: uppercase; min-width: 170px; border: medium none; text-align: center; display: block; }
#demo-block button:hover, #demo-block input[type="button"]:hover, #demo-block input[type="reset"]:hover, #demo-block input[type="submit"]:hover { background: rgb(219, 135, 6) none repeat scroll 0% 0%; }
#demo-block .text-block { margin: 0px 0px 22px; font: 500 24px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(8, 120, 152); }
#demo-block .text-block a { transition: all 0.3s ease 0s; font: 500 24px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; text-decoration: none; color: rgb(249, 161, 27); }
#demo-block .text-block a:hover { color: rgb(219, 135, 6); }
#demo-block .row { overflow: hidden; }
#demo-block .row .col { margin: 0px 0px 9px; position: relative; }
#demo-block .row .col.input-error input[type="color"], #demo-block .row .col.input-error input[type="date"], #demo-block .row .col.input-error input[type="datetime"], #demo-block .row .col.input-error input[type="datetime-local"], #demo-block .row .col.input-error input[type="email"], #demo-block .row .col.input-error input[type="month"], #demo-block .row .col.input-error input[type="number"], #demo-block .row .col.input-error input[type="password"], #demo-block .row .col.input-error input[type="search"], #demo-block .row .col.input-error input[type="tel"], #demo-block .row .col.input-error input[type="text"], #demo-block .row .col.input-error input[type="time"], #demo-block .row .col.input-error input[type="url"], #demo-block .row .col.input-error input[type="week"], #demo-block .row .col.input-error input:not([type]), #demo-block .row .col.input-error textarea { background: rgb(248, 225, 213) none repeat scroll 0% 0%; color: rgb(218, 79, 38); }
#demo-block .row .col.input-error input[type="color"]::-moz-placeholder, #demo-block .row .col.input-error input[type="date"]::-moz-placeholder, #demo-block .row .col.input-error input[type="datetime"]::-moz-placeholder, #demo-block .row .col.input-error input[type="datetime-local"]::-moz-placeholder, #demo-block .row .col.input-error input[type="email"]::-moz-placeholder, #demo-block .row .col.input-error input[type="month"]::-moz-placeholder, #demo-block .row .col.input-error input[type="number"]::-moz-placeholder, #demo-block .row .col.input-error input[type="password"]::-moz-placeholder, #demo-block .row .col.input-error input[type="search"]::-moz-placeholder, #demo-block .row .col.input-error input[type="tel"]::-moz-placeholder, #demo-block .row .col.input-error input[type="text"]::-moz-placeholder, #demo-block .row .col.input-error input[type="time"]::-moz-placeholder, #demo-block .row .col.input-error input[type="url"]::-moz-placeholder, #demo-block .row .col.input-error input[type="week"]::-moz-placeholder, #demo-block .row .col.input-error input:not([type])::-moz-placeholder, #demo-block .row .col.input-error textarea::-moz-placeholder { opacity: 1; color: rgb(218, 79, 38); }
#demo-block .row .col.input-error input[type="color"]:-moz-placeholder, #demo-block .row .col.input-error input[type="date"]:-moz-placeholder, #demo-block .row .col.input-error input[type="datetime"]:-moz-placeholder, #demo-block .row .col.input-error input[type="datetime-local"]:-moz-placeholder, #demo-block .row .col.input-error input[type="email"]:-moz-placeholder, #demo-block .row .col.input-error input[type="month"]:-moz-placeholder, #demo-block .row .col.input-error input[type="number"]:-moz-placeholder, #demo-block .row .col.input-error input[type="password"]:-moz-placeholder, #demo-block .row .col.input-error input[type="search"]:-moz-placeholder, #demo-block .row .col.input-error input[type="tel"]:-moz-placeholder, #demo-block .row .col.input-error input[type="text"]:-moz-placeholder, #demo-block .row .col.input-error input[type="time"]:-moz-placeholder, #demo-block .row .col.input-error input[type="url"]:-moz-placeholder, #demo-block .row .col.input-error input[type="week"]:-moz-placeholder, #demo-block .row .col.input-error input:-moz-placeholder:not([type]), #demo-block .row .col.input-error textarea:-moz-placeholder { color: rgb(218, 79, 38); }
#demo-block .row .col.input-error input.placeholder[type="color"], #demo-block .row .col.input-error input.placeholder[type="date"], #demo-block .row .col.input-error input.placeholder[type="datetime"], #demo-block .row .col.input-error input.placeholder[type="datetime-local"], #demo-block .row .col.input-error input.placeholder[type="email"], #demo-block .row .col.input-error input.placeholder[type="month"], #demo-block .row .col.input-error input.placeholder[type="number"], #demo-block .row .col.input-error input.placeholder[type="password"], #demo-block .row .col.input-error input.placeholder[type="search"], #demo-block .row .col.input-error input.placeholder[type="tel"], #demo-block .row .col.input-error input.placeholder[type="text"], #demo-block .row .col.input-error input.placeholder[type="time"], #demo-block .row .col.input-error input.placeholder[type="url"], #demo-block .row .col.input-error input.placeholder[type="week"], #demo-block .row .col.input-error input.placeholder:not([type]), #demo-block .row .col.input-error textarea.placeholder { color: rgb(218, 79, 38); }
#demo-block .row .col.input-error .text { z-index: 5; }
#demo-block .row .col.input-error select, #demo-block .row .col.input-error .jcf-select { background: rgb(218, 79, 38) none repeat scroll 0% 0%; }
#demo-block .row .col.input-error .jcf-select-text { color: rgb(255, 255, 255); }
#demo-block .row .col.input-error .jcf-select-opener { border-left-color: rgb(204, 81, 45); }
#demo-block .row .col.input-error .jcf-select-opener::before { color: rgb(255, 255, 255); }
#demo-block .row .col .text { position: absolute; bottom: 5px; left: 20px; z-index: -1; color: rgb(218, 79, 38); font: 400 8px/1 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; text-transform: uppercase; transition: all 0.3s ease 0s; }
#demo-block .row .col .text.white { color: rgb(255, 255, 255); }
#demo-block .row .col.success { position: relative; }
#demo-block .row .col.success::before { font-size: 25px; line-height: 25px; position: absolute; top: 50%; right: 18px; transition: all 0.5s ease 0s; content: ""; color: rgb(8, 120, 152); z-index: 5; font-family: "fontawesome"; transform: translateY(-50%); }
#demo-block .row .col.success.select::before { content: none; }
.jcf-select { padding: 15px 18px; border-radius: 4px; background: rgb(157, 202, 216) none repeat scroll 0% 0%; border: medium none; height: 53px; font: 400 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
.jcf-select-text { font: 400 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(8, 120, 152); }
.jcf-select-opener { width: 53px; font-size: 19px; line-height: 19px; cursor: default; }
.jcf-list { font: 400 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
.jcf-list .jcf-option { padding: 5px 18px; }
#footer { padding: 56px 0px; }
#footer .logo-wrap { max-width: 1020px; margin-left: auto; margin-right: auto; text-align: center; }
#footer .logo-wrap::after { clear: both; content: ""; display: block; }
body { background: rgb(8, 120, 152) none repeat scroll 0% 0%; min-width: 320px; }
#wrapper { position: relative; overflow: hidden; }
.holder { max-width: 1020px; margin-left: auto; margin-right: auto; }
.holder::after { clear: both; content: ""; display: block; }
@media screen and (min-width: 320px) and (max-width: 767px) {
  #header { display: none; }
}
@media screen and (min-width: 768px) {
  .header-wrap .img { width: 45%; display: inline-block; vertical-align: bottom; letter-spacing: 0px; margin: 0px; }
  .header-wrap .img::before { background: transparent url(42024de23fd5bfbd7252cbc0b50e110062c3bd8e.png)  repeat-x scroll 0% 0%; height: 143px; }
  .header-wrap .img .img-holder { max-width: none; margin: 0px; }
  .header-wrap .img .truck { bottom: 101px; left: auto; right: 39%; width: 113px; }
  .header-wrap .bg-holder { min-height: 798px; }
  .header-wrap .bg-holder.hide-sm { display: none; }
  .header-wrap .logo { padding: 20px 0px; }
  .header-wrap .banner-info { padding: 0px 0px 0px 38px; max-width: 100%; font: 400 16px/1.5 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; letter-spacing: -6px; }
  .header-wrap .banner-info::after { content: ""; position: absolute; left: -9999px; right: -9999px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 10px; bottom: 0px; z-index: 0; }
  .header-wrap .banner-info .text-wrap { width: 55%; letter-spacing: 0px; display: inline-block; vertical-align: top; min-height: 530px; }
  .header-wrap .banner-info p { margin: 0px 0px 35px; }
  .btn { padding: 15px; font: 500 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; min-width: 172px; }
  #header .logo-hold { width: 80px; }
  #nav { padding: 34px 84px 27px; }
  #main { padding: 82px 0px 0px; }
  #about-block { padding: 0px 0px 81px; }
  #about-block p { margin: 0px 0px 8px; }
  #about-block .holder { max-width: 1020px; margin-left: auto; margin-right: auto; }
  #about-block .holder::after { clear: both; content: ""; display: block; }
  #about-block .image-block { float: left; display: block; margin-right: 3.871%; width: 48.0645%; position: relative; height: 350px; }
  #about-block .image-block:last-child { margin-right: 0px; }
  #about-block .text-block { float: right; display: block; margin-left: 3.871%; width: 48.0645%; }
  #about-block .text-block:last-child { margin-left: 0px; }
  #about-block .text-block { margin: 0px; font: 400 16px/1.5 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #about-block .image-block { margin: 0px; }
  #about-block .image-block img { max-width: none; }
  #about-block .image-block .img-wrap { max-width: 550px; position: absolute; bottom: 0px; left: 20px; }
  #details-block { padding: 55px 15px 0px; }
  #details-block .three-columns { max-width: 935px; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
  #details-block .three-columns::after { clear: both; content: ""; display: block; }
  #details-block .three-columns h2 { margin: 0px 0px 21px; font: 300 48px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #details-block .three-columns .image-wrap { display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; margin: 0px 0px 3px; }
  #details-block .col { float: left; display: block; margin-right: 3.871%; width: 30.7527%; margin-bottom: 70px; font: 400 16px/1.5 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #details-block .col:last-child { margin-right: 0px; }
  #details-block .col h3 { font: 500 24px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  .gallery-block { margin: 0px -15px; display: block; }
  #integrate-block { padding: 96px 0px 100px; }
  #integrate-block .text-wrap { float: left; display: block; margin-right: 3.871%; width: 39.4086%; }
  #integrate-block .text-wrap:last-child { margin-right: 0px; }
  #integrate-block .logo-wrap { float: right; display: block; margin-left: 3.871%; width: 56.7204%; padding: 13px 15px 0px 0px; }
  #integrate-block .logo-wrap:last-child { margin-left: 0px; }
  #integrate-block .text-wrap { padding: 0px 0px 0px 15px; margin: 0px; font: 400 16px/1.5 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #integrate-block .text-wrap h2 { font: 300 48px/1.05 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; margin: 0px 0px 14px; }
  #integrate-block .text-wrap p { margin: 0px 0px 25px; }
  #integrate-block .text-wrap .orange { font: 700 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #integrate-block .logo-list { padding: 0px; }
  #integrate-block .logo-list li { margin: 0px 0px 54px; padding: 0px 5px; display: inline-block; vertical-align: middle; width: 33.33%; }
  #demo-block .content-wrap { padding: 109px 0px; }
  #demo-block .text-block { float: left; display: block; margin-right: 3.871%; width: 30.7527%; }
  #demo-block .text-block:last-child { margin-right: 0px; }
  #demo-block .form-block { float: right; display: block; margin-left: 3.871%; width: 65.3763%; padding: 12px 15px 0px; }
  #demo-block .form-block:last-child { margin-left: 0px; }
  #demo-block input[type="color"], #demo-block input[type="date"], #demo-block input[type="datetime"], #demo-block input[type="datetime-local"], #demo-block input[type="email"], #demo-block input[type="month"], #demo-block input[type="number"], #demo-block input[type="password"], #demo-block input[type="search"], #demo-block input[type="tel"], #demo-block input[type="text"], #demo-block input[type="time"], #demo-block input[type="url"], #demo-block input[type="week"], #demo-block input:not([type]), #demo-block textarea { padding: 15px 45px 15px 15px; font: 400 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #demo-block select { font: 400 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #demo-block button, #demo-block input[type="button"], #demo-block input[type="reset"], #demo-block input[type="submit"] { padding: 15px; margin: 22px 0px 0px 8px; width: 168px; font: 500 16px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #demo-block .text-block { padding: 0px 0px 0px 15px; margin: 0px; font: 500 24px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #demo-block .text-block a { font: 500 24px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #demo-block .row { margin: 0px 0px 10px; }
  #demo-block .row .col { float: left; display: block; width: 48.0645%; margin: 0px 5px; }
  #demo-block .row .col:last-child { margin-right: 0px; }
  #demo-block .row .col .text { position: absolute; bottom: 5px; left: 15px; }
  .jcf-select { padding: 15px; height: 52px; }
  .jcf-select-opener { width: 60px; font-size: 25px; line-height: 25px; }
  .jcf-list .jcf-option { padding: 5px 15px; }
  #footer .logo-wrap img { width: 38px; }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  #nav { padding: 34px 80px 27px; }
}
@media screen and (min-width: 1024px) {
  .header-wrap .img { width: 57%; }
  .header-wrap .img .truck { right: 51%; }
  .header-wrap .logo { padding: 40px 0px 38px; }
  .header-wrap .banner-info::after { height: 10px; }
  .header-wrap .banner-info .text-wrap { width: 43%; }
  .header-wrap .banner-info h1 { margin: 0px 0px 19px; font: 300 56px/0.85 "ff-good-headline-web-pro-con",Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #header .logo-hold { width: 100px; }
  #nav { max-width: 1030px; }
  #nav ul { margin: 0px -20px; }
  #nav ul li { padding: 0px 20px; font: 700 21px/1.3 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #about-block h2 { margin: 0px 0px 16px; font: 300 48px/1 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #about-block p { margin: 0px 0px 18px; }
  #about-block .content-wrap { padding: 44px 0px 0px; }
  #about-block .image-block { height: 446px; }
  #about-block .text-block { padding: 0px 60px 0px 0px; }
  #about-block .image-block .img-wrap { width: auto; left: 0px; }
  #details-block { padding: 52px 0px 0px; }
  .gallery-block { margin: 0px; }
  .gallery-block .cycle-gallery .image-wrap { margin-left: -25px; }
  .gallery-block .cycle-gallery .text-wrap { padding: 44px 30px 0px 0px; }
  .gallery-block .cycle-gallery h2 { margin: 0px 0px 15px; font: 300 48px/1 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; }
  #integrate-block .logo-wrap { padding: 13px 0px 0px; }
  #integrate-block .text-wrap { padding: 0px 23px 0px 38px; }
  #integrate-block .logo-list li { padding: 0px; }
  #integrate-block .logo-list li.magento a { max-width: 150px; }
  #integrate-block .logo-list li.woo a { max-width: 172px; }
  #integrate-block .logo-list li.mozu a { max-width: 108px; }
  #integrate-block .logo-list li.commerce a { max-width: 154px; }
  #integrate-block .logo-list li.more a { max-width: 77px; }
  #integrate-block .logo-list li a { max-width: 146px; margin: 0px auto; display: block; }
  #integrate-block .logo-list li a img { width: 100%; }
  #demo-block .content-wrap h2 { font: 300 48px/1.05 Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif; margin: 0px 0px 16px; }
  #demo-block .form-block { padding: 12px 35px 0px; }
  #demo-block .text-block { padding: 0px 0px 0px 40px; }
}
@media screen and (min-width: 1200px) {
  .header-wrap .img::before { height: 263px; bottom: 13px; }
  .header-wrap .img .img-holder { margin: 0px -16% 0px 6%; }
  .header-wrap .img .truck { width: 203px; right: 44.9%; bottom: 232px; }
  .header-wrap .banner-info::after { height: 134px; }
  .header-wrap .banner-info .text-wrap { min-height: 653px; }
  #header .logo-hold { width: 120px; left: -57px; }
  #nav ul { margin: 0px -24px; }
  #nav ul li { padding: 0px 24px; }
  #about-block .image-block .img-wrap { margin-left: -81px ! important; }
  #demo-block .text-block { width: 34.553%; }
}
@media screen and (min-width: 1330px) {
  .header-wrap .img .img-holder { margin: 0px -26.3% -2px 5.3%; }
}
@media screen and (max-width: 767px) {
  .header-wrap .bg-holder.hide-xs { display: none; }
  #about-block .text-block .box-wrap { height: auto ! important; }
  #about-block .image-block { height: auto ! important; }
  #details-block .three-columns .image-wrap { padding: 0px 33px; margin: 0px 0px 6px; height: auto ! important; text-align: center; }
}
@media screen and (max-width: 677px) {
  .header-wrap .logo { padding: 40px 22px; width: 100%; text-align: left; position: static; }
  .header-wrap .logo img { width: 100%; max-width: none; }
  .header-wrap .logo .logo-holder { width: 157px; margin: 0px; }
}
@media screen and (max-width: 377px) {
  .header-wrap .img .truck { left: -2%; }
}