/******
 New hompage CSS design by Alex on december 2016
***/

/*html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}


html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

@-ms-viewport {
  width: device-width;
}

html {
  font-size: 16px;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #373a3c;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  color: #0275d8;
  text-decoration: none;
}

a:focus, a:hover {
  color: #014c8c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: none;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role="button"] {
  cursor: pointer;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

table {
  border-collapse: collapse;
  background-color: transparent;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
  line-height: inherit;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  resize: vertical;
}


.invisible{visibility:hidden!important}.hidden-xs-up{display:none!important}@media (max-width:575px){.hidden-xs-down{display:none!important}}@media (min-width:576px){.hidden-sm-up{display:none!important}}@media (max-width:767px){.hidden-sm-down{display:none!important}}@media (min-width:768px){.hidden-md-up{display:none!important}}@media (max-width:991px){.hidden-md-down{display:none!important}}@media (min-width:992px){.hidden-lg-up{display:none!important}}@media (max-width:1199px){.hidden-lg-down{display:none!important}}@media (min-width:1200px){.hidden-xl-up{display:none!important}}.hidden-xl-down{display:none!important}

.pull-right{float:right !important;}


.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.container::after{content:"";display:table;clear:both}@media (min-width:576px){.container{width:540px;max-width:100%}}@media (min-width:768px){.container{width:720px;max-width:100%}}@media (min-width:992px){.container{width:960px;max-width:100%}}@media (min-width:1200px){.container{width:1140px;max-width:100%}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.container-fluid::after{content:"";display:table;clear:both}.row{margin-right:-15px;margin-left:-15px}.row::after{content:"";display:table;clear:both}@media (min-width:576px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:768px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:992px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:1200px){.row{margin-right:-15px;margin-left:-15px}}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:15px;padding-left:15px}}@media (min-width:768px){.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:15px;padding-left:15px}}@media (min-width:992px){.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:15px;padding-left:15px}}.col-xs-1{float:left;width:8.333333%}.col-xs-2{float:left;width:16.666667%}.col-xs-3{float:left;width:25%}.col-xs-4{float:left;width:33.333333%}.col-xs-5{float:left;width:41.666667%}.col-xs-6{float:left;width:50%}.col-xs-7{float:left;width:58.333333%}.col-xs-8{float:left;width:66.666667%}.col-xs-9{float:left;width:75%}.col-xs-10{float:left;width:83.333333%}.col-xs-11{float:left;width:91.666667%}.col-xs-12{float:left;width:100%}.pull-xs-0{right:auto}.pull-xs-1{right:8.333333%}.pull-xs-2{right:16.666667%}.pull-xs-3{right:25%}.pull-xs-4{right:33.333333%}.pull-xs-5{right:41.666667%}.pull-xs-6{right:50%}.pull-xs-7{right:58.333333%}.pull-xs-8{right:66.666667%}.pull-xs-9{right:75%}.pull-xs-10{right:83.333333%}.pull-xs-11{right:91.666667%}.pull-xs-12{right:100%}.push-xs-0{left:auto}.push-xs-1{left:8.333333%}.push-xs-2{left:16.666667%}.push-xs-3{left:25%}.push-xs-4{left:33.333333%}.push-xs-5{left:41.666667%}.push-xs-6{left:50%}.push-xs-7{left:58.333333%}.push-xs-8{left:66.666667%}.push-xs-9{left:75%}.push-xs-10{left:83.333333%}.push-xs-11{left:91.666667%}.push-xs-12{left:100%}.offset-xs-1{margin-left:8.333333%}.offset-xs-2{margin-left:16.666667%}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:33.333333%}.offset-xs-5{margin-left:41.666667%}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:58.333333%}.offset-xs-8{margin-left:66.666667%}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:83.333333%}.offset-xs-11{margin-left:91.666667%}@media (min-width:576px){.col-sm-1{float:left;width:8.333333%}.col-sm-2{float:left;width:16.666667%}.col-sm-3{float:left;width:25%}.col-sm-4{float:left;width:33.333333%}.col-sm-5{float:left;width:41.666667%}.col-sm-6{float:left;width:50%}.col-sm-7{float:left;width:58.333333%}.col-sm-8{float:left;width:66.666667%}.col-sm-9{float:left;width:75%}.col-sm-10{float:left;width:83.333333%}.col-sm-11{float:left;width:91.666667%}.col-sm-12{float:left;width:100%}.pull-sm-0{right:auto}.pull-sm-1{right:8.333333%}.pull-sm-2{right:16.666667%}.pull-sm-3{right:25%}.pull-sm-4{right:33.333333%}.pull-sm-5{right:41.666667%}.pull-sm-6{right:50%}.pull-sm-7{right:58.333333%}.pull-sm-8{right:66.666667%}.pull-sm-9{right:75%}.pull-sm-10{right:83.333333%}.pull-sm-11{right:91.666667%}.pull-sm-12{right:100%}.push-sm-0{left:auto}.push-sm-1{left:8.333333%}.push-sm-2{left:16.666667%}.push-sm-3{left:25%}.push-sm-4{left:33.333333%}.push-sm-5{left:41.666667%}.push-sm-6{left:50%}.push-sm-7{left:58.333333%}.push-sm-8{left:66.666667%}.push-sm-9{left:75%}.push-sm-10{left:83.333333%}.push-sm-11{left:91.666667%}.push-sm-12{left:100%}.offset-sm-0{margin-left:0%}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md-1{float:left;width:8.333333%}.col-md-2{float:left;width:16.666667%}.col-md-3{float:left;width:25%}.col-md-4{float:left;width:33.333333%}.col-md-5{float:left;width:41.666667%}.col-md-6{float:left;width:50%}.col-md-7{float:left;width:58.333333%}.col-md-8{float:left;width:66.666667%}.col-md-9{float:left;width:75%}.col-md-10{float:left;width:83.333333%}.col-md-11{float:left;width:91.666667%}.col-md-12{float:left;width:100%}.pull-md-0{right:auto}.pull-md-1{right:8.333333%}.pull-md-2{right:16.666667%}.pull-md-3{right:25%}.pull-md-4{right:33.333333%}.pull-md-5{right:41.666667%}.pull-md-6{right:50%}.pull-md-7{right:58.333333%}.pull-md-8{right:66.666667%}.pull-md-9{right:75%}.pull-md-10{right:83.333333%}.pull-md-11{right:91.666667%}.pull-md-12{right:100%}.push-md-0{left:auto}.push-md-1{left:8.333333%}.push-md-2{left:16.666667%}.push-md-3{left:25%}.push-md-4{left:33.333333%}.push-md-5{left:41.666667%}.push-md-6{left:50%}.push-md-7{left:58.333333%}.push-md-8{left:66.666667%}.push-md-9{left:75%}.push-md-10{left:83.333333%}.push-md-11{left:91.666667%}.push-md-12{left:100%}.offset-md-0{margin-left:0%}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg-1{float:left;width:8.333333%}.col-lg-2{float:left;width:16.666667%}.col-lg-3{float:left;width:25%}.col-lg-4{float:left;width:33.333333%}.col-lg-5{float:left;width:41.666667%}.col-lg-6{float:left;width:50%}.col-lg-7{float:left;width:58.333333%}.col-lg-8{float:left;width:66.666667%}.col-lg-9{float:left;width:75%}.col-lg-10{float:left;width:83.333333%}.col-lg-11{float:left;width:91.666667%}.col-lg-12{float:left;width:100%}.pull-lg-0{right:auto}.pull-lg-1{right:8.333333%}.pull-lg-2{right:16.666667%}.pull-lg-3{right:25%}.pull-lg-4{right:33.333333%}.pull-lg-5{right:41.666667%}.pull-lg-6{right:50%}.pull-lg-7{right:58.333333%}.pull-lg-8{right:66.666667%}.pull-lg-9{right:75%}.pull-lg-10{right:83.333333%}.pull-lg-11{right:91.666667%}.pull-lg-12{right:100%}.push-lg-0{left:auto}.push-lg-1{left:8.333333%}.push-lg-2{left:16.666667%}.push-lg-3{left:25%}.push-lg-4{left:33.333333%}.push-lg-5{left:41.666667%}.push-lg-6{left:50%}.push-lg-7{left:58.333333%}.push-lg-8{left:66.666667%}.push-lg-9{left:75%}.push-lg-10{left:83.333333%}.push-lg-11{left:91.666667%}.push-lg-12{left:100%}.offset-lg-0{margin-left:0%}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl-1{float:left;width:8.333333%}.col-xl-2{float:left;width:16.666667%}.col-xl-3{float:left;width:25%}.col-xl-4{float:left;width:33.333333%}.col-xl-5{float:left;width:41.666667%}.col-xl-6{float:left;width:50%}.col-xl-7{float:left;width:58.333333%}.col-xl-8{float:left;width:66.666667%}.col-xl-9{float:left;width:75%}.col-xl-10{float:left;width:83.333333%}.col-xl-11{float:left;width:91.666667%}.col-xl-12{float:left;width:100%}.pull-xl-0{right:auto}.pull-xl-1{right:8.333333%}.pull-xl-2{right:16.666667%}.pull-xl-3{right:25%}.pull-xl-4{right:33.333333%}.pull-xl-5{right:41.666667%}.pull-xl-6{right:50%}.pull-xl-7{right:58.333333%}.pull-xl-8{right:66.666667%}.pull-xl-9{right:75%}.pull-xl-10{right:83.333333%}.pull-xl-11{right:91.666667%}.pull-xl-12{right:100%}.push-xl-0{left:auto}.push-xl-1{left:8.333333%}.push-xl-2{left:16.666667%}.push-xl-3{left:25%}.push-xl-4{left:33.333333%}.push-xl-5{left:41.666667%}.push-xl-6{left:50%}.push-xl-7{left:58.333333%}.push-xl-8{left:66.666667%}.push-xl-9{left:75%}.push-xl-10{left:83.333333%}.push-xl-11{left:91.666667%}.push-xl-12{left:100%}.offset-xl-0{margin-left:0%}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}
*/

@font-face {
  font-family: 'Avenir Next';
  src: url('/font/AvenirNext-Bold.woff2') format('woff2'),
    url('/font/AvenirNext-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Open Sans', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Avenir Next', sans-serif !important;
}

p {
  font-family: 'Open Sans', sans-serif !important;
}

.screen_types > div:nth-of-type(2) {
  width: 29%;
}

.screen_types > div:nth-of-type(3) {
  width: 37%;
}

.container-fluid + #container {
  margin-top: 75px;
}
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  margin-top: 20px;
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
  outline: none;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #003b4a;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: '';
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*NAV*/
body,
.video_holder_wrap,
.video {
  background-color: #2b7b96;
  background-color: #fff;
  background-color: #e5e1e5;
}
main {
  background: #fff;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-bottom-100 {
  margin-bottom: 100px !important;
}
.margin-bottom-80 {
  margin-bottom: 80px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.nav {
  /*background-color:rgba(46, 80, 92, 0.9);*/
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  height: 150px;
  top: 0;
  z-index: 10;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.nav ul {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
}

.nav li {
  margin-top: 10px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nav a {
  color: #003b4a;
  white-space: pre;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 19px;
  display: block;
  height: 30px;
  margin: 32px 0;
  text-align: center;
  -webkit-transition: margin 0.5s, height 0.5s;
  transition: margin 0.5s, height 0.5s;
}

.nav .logo a {
  text-align: left;
}

.nav .logo a img {
  margin: -12px 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.nav .logo a img:last-of-type,
.nav.condensed .logo a img:first-of-type {
  display: none;
}

.nav.condensed .logo a img {
  margin: -2px 0;
  width: 139px;
  padding-top: 8px;
}

.nav.condensed .logo a img:last-of-type {
  display: inline;
}

.nav a:hover {
  color: #9b2a55;
  text-decoration: none;
}

.nav li.active {
}

.nav li.active a {
  color: #8ba6ab;
  border-bottom: 6px solid #8ba6ab;
  height: 50px;
  margin-bottom: 0;
  border-bottom: 0px solid #8ba6ab;
}

.nav li.login a {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 200;
  font-size: 23px;
  height: 32px;
  margin: 30px 0;
}

.nav li.ncco {
  background-color: #ffffff;
  box-shadow: 1px 1px 8px 0px #bbb;
  margin-top: 0;
  padding-top: 10;
  height: 90px;
}

.nav li.ncco a img {
  margin-top: -25px;
  margin-bottom: -25px;
  height: 50px;
}

@media (max-width: 990px) {
  .nav li.ncco {
    box-shadow: none;
    margin: 10px 0;
  }

  .nav li.ncco a img {
    height: 40px;
  }
}

.nav.condensed {
  height: 100px;
}

.nav.condensed a {
  margin: 5px 0;
}

.nav.condensed li.ncco {
  height: 50px;
}

.nav.condensed li.ncco a img {
  height: 30px;
  margin: 5px 0;
}

.nav.condensed li.active a {
  height: 35px;
  border-bottom-width: 0px;
}
.nav.condensed li.login a {
  margin: 4px 0;
}
.nav.condensed li.login a {
  margin: 4px 0;
}
.nav.condensed li {
  height: 40px;
}

.nav .nav-above {
  padding-right: 30px;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  background-color: #0b2932; /* From Tints and Shades on https://encycolorpedia.com/003b49 */
}
.nav .nav-above a {
  color: #ffffff;
  margin: 0 4px;
  padding: 9px 8px 9px 28px;
  font-size: 15px;
  text-transform: none;
  background: no-repeat 0% 95%;
}
.nav .nav-above a:not(:last-of-type):after {
  content: '|';
  padding-left: 12px;
}
.nav .nav-above a:nth-child(1) {
  background-image: url(/images/nav-phone.png);
}
.nav .nav-above a:nth-child(2) {
  background-image: url(/images/nav-support.png);
  background-position: 0% 75%;
  padding-left: 24px;
}
.nav .nav-above a:nth-child(3) {
  background-image: url(/images/nav-video.png);
}

/*END NAV*/

.main {
  margin-top: 135px;
}

.fullpanel {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.video {
  /*height:523px;
  background-image:url(/images/panel_1_video.jpg);*/
  position: relative;
}

.video video {
  background: transparent url('/images/panel_1_video.jpg') no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.video .video_holder {
  position: relative;
  z-index: 2;
  display: block;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video .video_holder iframe {
  position: absolute;
  z-index: 2;
  display: block;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.playoverlay {
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OCA1OCI+PHN0eWxlPi5he2ZpbGw6I0ZGRjt9PC9zdHlsZT48Y2lyY2xlIGN4PSIyOSIgY3k9IjI5IiByPSIyOSIvPjxwb2x5Z29uIHBvaW50cz0iNDQgMjkgMjIgNDQgMjIgMjkuMyAyMiAxNCAiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTIyIDQ1Yy0wLjIgMC0wLjMgMC0wLjUtMC4xQzIxLjIgNDQuNyAyMSA0NC40IDIxIDQ0VjE0YzAtMC40IDAuMi0wLjcgMC41LTAuOSAwLjMtMC4yIDAuNy0wLjEgMSAwLjFsMjIgMTVDNDQuOCAyOC40IDQ1IDI4LjcgNDUgMjlzLTAuMiAwLjYtMC40IDAuOGwtMjIgMTVDMjIuNCA0NC45IDIyLjIgNDUgMjIgNDV6TTIzIDE1Ljl2MjYuMkw0Mi4yIDI5IDIzIDE1Ljl6IiBjbGFzcz0iYSIvPjwvc3ZnPg==);
  background-position: center center;
  background-size: 100px 100px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 2;
  display: block;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  z-index: 99999;
}

.playoverlay:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.fullpanel .container,
.fullpanel .container .row,
.fullpanel .row > div {
  height: 100%;
}

.headline {
  margin-top: 30px;
  margin-bottom: 60px;
}

.headline h1 {
  font-size: 40px;
  text-align: center;
  font-weight: 200;
  margin-bottom: 15px;
}

.c2a {
  text-align: center;
}

.lgbtn {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  padding: 10px 25px;
  text-transform: uppercase;
  border-radius: 5px;
  display: inline-block;
  margin: 0 auto;
  -webkit-box-shadow: 0px 3px 11px -3px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0px 3px 11px -3px rgba(0, 0, 0, 0.42);
  box-shadow: 0px 3px 11px -3px rgba(0, 0, 0, 0.42);
}

.lgbtn.sm {
  font-size: 17px;
}

.lgbtn.orange {
  background-color: #e86b1f;
  border: 1px solid #c75c1a;
  color: #fff;
}

.lgbtn.red {
  background-color: #b52555;
  border: 1px solid #a81747;
  color: #fff;
}

.lgbtn.gray {
  background-color: #e5e1e5;
  border: 1px solid #708386;
  color: #2b2c2d;
}

.lgbtn.a309 {
  background-color: #173d4a;
  border: 1px solid #417182;
  color: #fff;
}

.lgbtn.cilantro {
  background-color: #00b2a9;
  border: 1px solid #00b2a9;
  color: #fff;
}

.fresh {
  height: 986px;
  position: relative;
}

.fresh .container {
  height: 50%;
}

.lgbtn:hover {
  color: inherit;
  text-decoration: none;
  /*-webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.85);
  -moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.85);
  box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.85);*/
}

.lgbtn.orange:hover {
  background-color: #2b2c2d;
  border-color: #2b2c2d;
  color: #fff;
}

.lgbtn.red:hover {
  background-color: #003b49 !important;
  border-color: #003b49 !important;
  color: #fff !important;
}

.announce.green .c2a a:hover,
.lgbtn.cilantro:hover {
  color: #003b49;
}

.lgbtn.gray:hover {
  background-color: #e8681f;
  border-color: #c75c1a;
  color: #fff;
}

.lgbtn.a309:hover {
  background-color: #28728c;
  border-color: #204e5f;
  color: #fff;
}

.slide_holder,
.slide_holder > div,
.slide_holder > div > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide_holder/*, .slide_holder > div, .slide_holder > div > div.trans*/ {
  -webkit-transition: left 1s;
  transition: left 1s;
}

.slide_holder {
  overflow: hidden;
  height: 51%;
}

.slide_holder > div > div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

.panel_content {
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .panel_content {
    /* width: 80%; */
  }
}
.desc.slide_holder {
  width: 80%;
}
.slide_holder.panel_content > div > div {
  height: auto;
  top: auto;
}

.testimonials-container {
  height: 720px !important;
}

.testimonials-container .container {
  margin-top: 40px;
}

.testimonials-container .container h2 {
  width: 70%;
  margin: 0 auto;
}

.testimonials-container .slidecontent {
  display: flex;
  align-items: center;
}

.testimonials-container .slidecontent {
  line-height: 40px;
}

.testimonials-container .slidecontent .arrow {
  margin-top: 100px;
}

.testimonials > div > div {
  top: 0;
}

.testimonials .container {
  height: 100% !important;
}

.testimonials .flex > div {
  align-self: initial !important;
}

.testimonials > div > div > p {
  font-size: 28px;
  text-align: center;
  color: #ffffff;
  font-weight: 300;
  padding: 0 40px;
}

@media (max-width: 1199px) {
  .testimonials-container {
    height: 840px !important;
  }

  .testimonials > div > div > p {
    font-size: 24px;
    padding: 0 20px;
  }
}

@media (max-width: 991px) {
  .testimonials-container {
    height: 760px !important;
  }

  .testimonials > div > div > p {
    font-size: 18px;
    line-height: 32px;
  }
}

@media (max-width: 767px) {
  .testimonials-container {
    height: 760px !important;
  }
}

@media (max-width: 732px) {
  .testimonials {
    height: 680px !important;
  }

  .testimonials > div > div > p {
    font-size: 18px;
    padding: 0 20px;
  }
}

@media (max-width: 555px) {
  .testimonials-container {
    height: 680px !important;
  }

  .testimonials-container .container h2 {
    margin-bottom: 18px !important;
    width: 100%;
  }

  .testimonials > div > div > p {
    line-height: 24px;
    font-size: 18px;
    padding: 10px;
  }
}

@media (max-width: 500px) {
  .more_than p {
    width: 90% !important;
  }
}

@media (max-width: 460px) {
  .testimonials-container {
    height: 720px !important;
  }

  .testimonials > div > div > p {
    line-height: 22px;
    font-size: 16px;
  }
}

@media (max-width: 360px) {
  .testimonials-container {
    height: 820px !important;
  }
}

@media (max-width: 326px) {
  .testimonials-container {
    height: 920px !important;
  }
}

/*.slide_holder > div.slide_1{left:0%}
.slide_holder > div.slide_2{left:-100%}
.slide_holder > div.slide_3{left:-200%}
.slide_holder > div.slide_4{left:-300%}
.slide_holder > div.slide_5{left:-400%}
.slide_holder > div.slide_6{left:-500%}
.slide_holder > div.slide_7{left:-600%}
*/

.slide_holder > div > div:nth-of-type(1) {
  left: 0%;
}
.slide_holder > div > div:nth-of-type(2) {
  left: 100%;
  background-position: top right;
}
.slide_holder > div > div:nth-of-type(3) {
  left: 200%;
}
.slide_holder > div > div:nth-of-type(4) {
  left: 300%;
}
.slide_holder > div > div:nth-of-type(5) {
  left: 400%;
}
.slide_holder > div > div:nth-of-type(6) {
  left: 500%;
}
.slide_holder > div > div:nth-of-type(7) {
  left: 600%;
}

div.row.slider-tiles {
  margin-top: -40px !important;
}

.slidecontent .arrow {
  background-color: rgba(255, 255, 255, 0.45);
  width: 80%;
  max-width: 80px;
  height: 60px;
  margin: 0 auto;
  margin-top: 230px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.slidecontent .arrow a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.slidecontent .back a {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPHBhdGggZD0iTTE0NS4xODgsMjM4LjU3NWwyMTUuNS0yMTUuNWM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMXMtMTMuOC01LjMtMTkuMSwwbC0yMjUuMSwyMjUuMWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFsMjI1LjEsMjI1ICAgYzIuNiwyLjYsNi4xLDQsOS41LDRzNi45LTEuMyw5LjUtNGM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMUwxNDUuMTg4LDIzOC41NzV6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.slidecontent .next a {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPHBhdGggZD0iTTM2MC43MzEsMjI5LjA3NWwtMjI1LjEtMjI1LjFjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwcy01LjMsMTMuOCwwLDE5LjFsMjE1LjUsMjE1LjVsLTIxNS41LDIxNS41ICAgYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWMyLjYsMi42LDYuMSw0LDkuNSw0YzMuNCwwLDYuOS0xLjMsOS41LTRsMjI1LjEtMjI1LjFDMzY1LjkzMSwyNDIuODc1LDM2NS45MzEsMjM0LjI3NSwzNjAuNzMxLDIyOS4wNzV6ICAgIiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.fullpanel h3 {
  font-weight: 600;
  font-size: 28px;
  color: #233d4a;
  margin-top: -20px;
  float: right;
}

.fullpanel h4 {
  font-weight: 400;
  font-size: 22px;
  color: #fff;
}

.slidecontent p {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  margin-top: 30px;
}

.fullpanel.slider h3 {
  margin-top: 200px;
}

.flex {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

.flex.sect1_descripion {
  color: #333;
  font-size: 21px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 200;
}

.flex.sect1_descripion h4 {
  font-weight: bold;
  color: #003b4a;
  font-weight: 500;
  margin-bottom: 15px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex.sect1_descripion .purple h4 {
  color: #602146;
}

.gradient-bar {
  width: 100%;
  height: 30px;
  background: -webkit-linear-gradient(
    79deg,
    rgb(59, 153, 163),
    rgb(101, 180, 141)
  );
  background: linear-gradient(79deg, rgb(59, 153, 163), rgb(101, 180, 141));
}

/* SAVINGS CALCULATOR */
div.row.savings-calculator {
  padding: 0 15px;
  /* font-family: rale; */
}

.calculate-button {
  text-align: center;
  width: 100%;
}

.signup-button {
  text-align: center;
}

.savings-calculator h2 {
  position: relative;
  z-index: 9;
}

@media (max-width: 991px) {
  .savings-calculator-panel .gradient-bar {
    margin-top: 575px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .savings-calculator-panel .gradient-bar {
    margin-top: 1050px;
  }
}

@media (max-width: 650px) {
  .savings-calculator-panel .gradient-bar {
    margin-top: 160px;
  }

  .savings-calculator-panel .container {
    margin-top: -100px;
  }
}

.savings-calculator-panel h4 {
  font-size: 29px;
  text-align: center;
  color: #173d4a;
}

.savings-calculator-panel h2 {
  font-size: 51px;
  font-weight: bold;
  margin-bottom: 20px !important;
  color: #173d4a !important;
}

/*------------------------------------------------------------------*/
/* STEP 1 & 2 - SHARED STYLES                                       */
/*------------------------------------------------------------------*/
.savings-calculator-step,
.comparison {
  height: auto !important;

  /* centering */
  max-width: 460px;
  margin: 0 auto;
}

/*------------------------------------------------------------------*/
/* STEP 1                                                           */
/*------------------------------------------------------------------*/
.savings-calculator-step.step1 {
  margin-top: 30px;
  margin-bottom: 30px;
}

/*------------------------------------------------------------------*/
/* STEP 2                                                           */
/*------------------------------------------------------------------*/
.savings-calculator-step.step2 {
  background-color: #ffffff;

  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;

  margin-bottom: 100px;
  margin-top: 20px;
}

.calculator-row {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #00b2a9;
}

.calculator-row.row2 {
  padding-bottom: 0;
}

.calculator-row.row2,
.calculator-row.row5 {
  text-align: center;
  min-height: 180px;
}

.calculator-row.row5 {
  margin-top: 30px;
}

/*------------------------------------------------------------------*/
/* ROW 5 COLUMNS                                                    */
/*------------------------------------------------------------------*/
.calculator-row.row5 .col1 {
  display: inline-block;

  text-align: left;
  vertical-align: top;

  padding: 5px 5px 5px 5px;

  height: 160px;
  width: 210px;
}

.calculator-row.row5 .col2 {
  display: inline-block;

  text-align: left;
  vertical-align: top;

  padding: 5px 5px 5px 5px;

  height: 160px;
  width: 210px;

  border-left: 1px solid #00b2a9;
}

.calculator-row.row5 .line2 {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bolder;
}

.calculator-row.row5 .line3 {
  margin-top: 10px;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
}

/*------------------------------------------------------------------*/
/* ROW 2 COLUMNS                                                    */
/*------------------------------------------------------------------*/
.calculator-row.row2 .col1 {
  display: inline-block;

  text-align: left;
  vertical-align: top;

  height: 160px;
  width: 170px;
}

.calculator-row.row2 .col2 {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 18px;
  font-weight: bold;

  display: inline-block;

  height: 160px;
  width: 80px;

  padding-top: 60px;
}

.calculator-row.row2 .col3 {
  display: inline-block;

  text-align: left;
  vertical-align: top;

  height: 160px;
  width: 170px;
}

.calculator-row .content-info .header {
  text-align: center;
  font-size: 16px;
  width: 100%;
  font-weight: bolder;
}

.calculator-row.row2 .qty,
.calculator-row.row2 .duration {
  width: 100%;
  margin-top: 20px;
}

.calculator-row.row2 .qty input {
  width: 90px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  color: #003b49;
  margin-left: 10px;
}

.calculator-row.row2 .duration select {
  width: 100%;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: bold;
}

.calculator-row.row2 .time {
  width: 100%;
  margin-top: 20px;
}

.calculator-row.row2 .time input {
  text-align: center;
  font-weight: bold;
  color: #003b49;
  width: 75px;
  font-size: 20px;
}

.calculator-row.row2 .time select {
  display: inline-block;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: bold;
  vertical-align: 3px;
  margin-left: 14px;
  width: 75px;
}

.calculator-row.last-row {
  border-bottom: 0;
  margin-bottom: 0;
}

.calculator-row .col {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px;

  vertical-align: middle;

  font-weight: lighter;
}

.calculator-row .step-number {
  display: inline-block;
  color: #003b49;
  width: 10%;
}

.calculator-row .step-number img {
  width: 37px;
}

.calculator-row .content-info {
  display: inline-block;
  color: #003b49;
  width: 85%;
}

.calculator-row .content-info.full-width {
  width: 100%;
}

.calculator-row .content-info .label,
.calculator-row .content-info .input {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px;

  vertical-align: middle;

  font-weight: lighter;
}

.calculator-row .content-info .label {
  display: inline-block;
  text-align: left;
  width: 270px;
  color: #003b49 !important;
}

.calculator-row .content-info .input {
  font-weight: bold;
  font-size: 18px;

  display: inline-block;
}

.input-locations {
  margin-left: 15px;
}

.input-locations,
.input-rate {
  max-width: 70px;
  font-size: 20px;
  color: #003b49;
  font-weight: bold;
  text-align: center;
}

.announce_309 {
  background-color: #003b49;
}
.announce_pickle {
  background-color: #612246;
}
.announce_cilantro {
  background-color: #8ba6ab;
}
.announce_edemame {
  background-color: #20ab6c;
}
.announce_santoku {
  background-color: #e5e1e5;
}

.announce.announce_309 h2 {
  margin-top: 60px;
  margin-bottom: 35px;
}

.announce.gradient h2 {
  background: -webkit-linear-gradient(
    180deg,
    rgb(101, 180, 141),
    rgb(52, 164, 177)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.announce.announce_309 .c2a.text-right,
.announce.green .c2a.text-right {
  text-align: right !important;
}
.announce.announce_309 .c2a.text-left,
.announce.green .c2a.text-left {
  text-align: left !important;
}
.announce.grey {
  background-color: #e5e1e5;
  margin-bottom: 70px;
  position: relative;
}
.announce.grey h2 {
  color: #173d4a;
  font-size: 47px;
  margin: 50px auto;
}
.announce.dark-green h2 {
  color: #173d4a !important;
  font-size: 47px;
  margin: 50px auto;
}

.family_solutions {
  background-image: url('/images/device-background2.png');
  background-size: cover;
  background-position: center center;
}

.devices {
  background-image: url('/images/devices1.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 480px;
  margin-bottom: -580px !important;
}

@media (max-width: 500px) {
  .devices {
    margin-bottom: -740px !important;
  }
}

.more_than h2 {
  font-size: 47px;
  font-weight: 500;
  margin-top: 59px;
  margin-bottom: 20px;
  font-family: 'Avenir Next', sans-serif !important;
}

.more_than h2 + div {
  font-size: 30px;
  margin-bottom: 60px;
}

.more_than .labelers h3 {
  color: #565656;
  font-family: Oswald;
  font-weight: 300;
  font-size: 45px;
  margin-bottom: 30px;
}

.more_than .labelers h3 span {
  margin: -2px;
}

.more_than .labelers h3 + div {
  font-size: 18px;
}

.more_than .labelers h3 b {
  font-weight: 500;
}

.more_than .labelers h3 sup {
  font-size: 17px;
  top: -23px;
  left: 6px;
  font-weight: bolder;
}

.more_than > div:first-of-type,
.more_than > div:last-of-type {
  width: 12.5%;
}

.more_than p {
  width: 80%;
  font-size: 22px;
  margin: 460px auto 80px;
}

.img.homescreen {
  background-image: url('/images/NC-DCG2.0-homescreen-2018.png');
  height: 256px;
  background-size: 340px auto;
  background-repeat: no-repeat;
  background-position: -98px 0px;
}

.img.appscreen {
  background-image: url('/images/NC-DCGX22-unit_appscreen-2018.png');
  height: 256px;
  background-size: 252px;
  background-repeat: no-repeat;
  background-position: -24px 59px;
}

.img.fit {
  background-image: url('/images/DCG Fit-2018.png');
  height: 256px;
  background-size: 307px auto;
  background-repeat: no-repeat;
  background-position: -3px 37px;
}

.img.examples {
  background-image: url('/images/gng examples-2018.png');
  height: 622px;
  background-size: auto 530px;
  background-repeat: no-repeat;
  background-position: 80% 20px;
  width: 100%;
}

.img.prep-examples {
  background-image: url('/images/Prep examples-2018.png');
  height: 622px;
  background-size: auto 530px;
  background-repeat: no-repeat;
  background-position: 10% 20px;
  width: 100%;
}

.fullpanel .examples-text {
  font-size: 40px;
  display: block;
  top: -93px;
  position: relative;
  color: #173d4a;
}

.fullpanel .examples-text > div > div {
  display: inline-block;
  vertical-align: bottom;
  float: none;
  width: 49%;
}

.fullpanel.row.example {
  height: 570px;
  margin-bottom: 65px;
}

.announce h2 {
  font-weight: 700;
  text-align: center;
  font-size: 50px;
  color: #fff;
  margin-top: 48px;
  margin-bottom: 48px;
}

.announce.green {
  color: #00ad6f;
}

.announce.green h2 {
  color: #00ad6f;
  margin: 40px;
  font-size: 54px;
}

@media (max-width: 767px) {
  .announce.green h2 {
    font-size: 44px;
  }
}

.announce.green .c2a a {
  background-color: #00ad6f;
  border: solid 2px #00ac66;
  color: #fff;
}

.announce.announce_edemame.green {
  background-color: #00953a;
}

.announce.announce_edemame.green h2 {
  color: #fff;
  font-size: 52px;
  margin: 75px 0;
}

.describe {
  height: 350px;
  background-position: center center;
}

.describe.interface {
  background-image: url(/images/softwareD.png);
}
.describe.support {
  background-image: url(/images/supportD.png);
}

.describe p {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  font-size: 35px;
  line-height: 51px;
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  width: 100%;
}

.icon {
  width: 107px;
  height: 107px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  display: block;
  margin: 0 auto;
  margin-top: 65px;
  margin-bottom: 35px;
}

.cilantro .icon.icon_1 {
  background-image: url(/images/ICON-manage-devices.png);
  width: 89.66px;
  height: 84px;
}
.cilantro .icon.icon_2 {
  background-image: url(/images/ICON-software-clock.png);
  width: 84px;
  height: 84px;
}
.cilantro .icon.icon_3 {
  background-image: url(/images/ICON-resources.png);
  width: 112px;
  height: 84px;
}
.cilantro .icon.icon_4 {
  background-image: url(/images/ICON-difficulty.png);
  width: 96.41px;
  height: 84px;
}
.cilantro .icon.icon_5 {
  background-image: url(/images/ICON-heartfinger.png);
  width: 84px;
  height: 84px;
}
.cilantro .icon.icon_6 {
  background-image: url(/images/ICON-compute-costs.png);
  width: 106.21px;
  height: 84px;
}
.cilantro .icon.icon_7 {
  background-image: url(/images/ICON-customer-training.png);
  width: 109.77px;
  height: 84px;
}
.cilantro .icon.icon_8 {
  background-image: url(/images/ICON-dedicated-support.png);
  width: 84px;
  height: 84px;
}
.cilantro .icon.icon_9 {
  background-image: url(/images/ICON-industry-warranty.png);
  width: 84px;
  height: 84px;
}
.pickle .icon.icon_1 {
  background-image: url(/images/icon_training.png);
}
.pickle .icon.icon_2 {
  background-image: url(/images/icon_support.png);
}
.pickle .icon.icon_3 {
  background-image: url(/images/icon_warranty.png);
}

.three_buckets h4 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  font-size: 25px;
  text-align: center;
}

.three_buckets.cilantro h4 {
  color: #8ba6ab;
}
.three_buckets.pickle h4 {
  color: #612246;
}

.three_buckets p {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 200;
  font-size: 25px;
  color: #2f3031;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 65px;
}

.jumbo {
  height: 450px;
  background-position: center center;
  background-image: url(/images/freshgrantedD.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.jumbo img {
  margin-top: 60px;
}

.jumbo p {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}

.jumbo span,
.jumbo strong {
  font-family: 'Open Sans', sans-serif !important;
  color: #fff;
  font-size: 120px;
}

.announce_cilantro h2 {
  margin-bottom: 30px;
}
.announce_cilantro .c2a {
  margin-bottom: 70px;
}

.announce_edemame {
  margin-top: 70px;
}

.about {
  background-position: top right;
  background-image: url(/images/about-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 50%;
  position: relative;
}

@media (max-width: 530px) {
  .about {
    background-position: 0% !important;
  }
}

.about h2 {
  color: #ffffff;
  font-size: 50px;
  margin-bottom: 80px;
  font-family: 'Avenir Next', sans-serif !important;
}

.about p,
.about h4 {
  margin-bottom: 0;
  width: 100%;
  text-align: left;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;
  color: #fff;
}

.about h4 {
  font-size: 35px;
  line-height: 36px;
  margin-top: 0px;
}

.about p {
  font-size: 22px;
  line-height: 32px;
  margin-top: 20px;
  width: 65%;
}

.about p a {
  color: #e86b1f;
  text-decoration: underline;
}

.about .container,
.about .container > .row,
.about .container > .row > div {
  height: 100%;
}

.about .container {
  padding: 75px;
}

.about .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #081668;
  opacity: 0.2;
}

.about .ncco_logo {
  margin-top: 60px;
  margin-left: 320px;
}

@media (max-width: 991px) {
  .about .ncco_logo {
    margin-top: 60px;
    margin-left: 0;
  }
}

/* .about .ncco_logo img {
  position: absolute;
  right: 0;
  bottom: 10px;
} */

.formarea {
  margin-bottom: 30px;
}
.formarea h3 {
  font-size: 38px;
  line-height: 36px;
  margin-top: 0px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  margin-bottom: 20px;
}

.formarea label {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700;
}

.formarea input[type='text'] {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;
}

#sign_up_form,
#sign_up_form .form-group {
  width: 100%;
}
.announce_santoku {
  height: 140px;
}

.announce_santoku div {
  text-align: center;
}
.announce_santoku div img {
  margin-top: 30px;
}

.main.not-home-page {
  margin-top: 135px;
}

.main.not-home-page .panel-default > .panel-heading span.title, .main.not-home-page .panel-default > .panel-heading h1.title {
  font-size: 26px;
  display: inline-block;
  vertical-align: bottom;
  font-family: 'Open Sans', sans-serif !important;
}

.footer .row > div {
  font-family: 'Open Sans', sans-serif !important;
  color: #fff;
  font-weight: 200;
  font-size: 14px;
  text-align: center;
  padding-top: 24px;
}

.footer .row > div.copyright {
  font-weight: 600;
}

.footer-flex {
  display: flex;
  justify-content: space-around;
  width: 640px;
  margin: 30px auto 50px;
}

@media (max-width: 767px) {
  .footer-flex {
    flex-direction: column;
    justify-content: center;
    width: 240px;
  }

  .footer-flex .footer-links {
    margin-top: 30px;
  }
}

.footer-flex .footer-info {
  flex-grow: 1;
}

.footer-flex .footer-info img {
  margin-bottom: 50px;
}

.footer-flex .footer-info .copyright {
  font-weight: 600;
}

.footer-flex .footer-info div,
.footer-flex .footer-info div a {
  color: #ffffff;
  font-size: 12px;
}

.footer-flex .footer-info div p {
  margin-bottom: -2px;
  opacity: 0.75;
}

.footer-flex .footer-info div .pp {
  text-decoration: underline;
  margin-top: 4px;
}

.footer-flex .footer-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-flex .footer-links .breaklink a {
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 19px;
  display: block;
  height: 30px;
  margin-bottom: 20px;
}

.footer-flex .footer-links .breaklink a:hover {
  color: #59a29b;
  text-decoration: none;
}

.footer-flex .back2top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translate(60px, -23px);
  align-self: flex-end;

  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 19px;
  text-decoration: none;
  visibility: hidden;
}

.footer-flex .back2top img {
  width: 52px;
  height: 47px;
  margin: 0 auto;
}
.footer-flex .back2top p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffffff;
}

.footer .gradient-bar {
  margin: 0;
  padding: 0;
  height: 20px;
}

.fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s1 {
  background-image: url(/images/slider-1.jpg);
  background-size: cover;
  background-position: center 20%;
}

.fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s2 {
  background-image: url(/images/slider-2.jpeg);
  background-size: cover;
  background-position: center left;
}
.fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s3 {
  background-image: url(/images/slider-3.jpeg);
  background-size: cover;
  background-position: center left;
}

@media (max-width: 1199px) {
  .fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s1 {
    background-position: 70%;
  }
}

@media (max-width: 991px) {
  .fullpanel.slider h3 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s1 {
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: 75%;
  }

  .fullpanel.slider h3 {
    margin-top: 120px;
  }
  .footer-flex .back2top {
    visibility: inherit;
  }
}

@media (max-width: 651px) {
  .fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s1 {
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: 85%;
  }

  .fullpanel.slider h3 {
    margin-top: 60px;
    font-size: 20px;
  }
}

@media (max-width: 460px) {
  .fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s1,
  .fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s2,
  .fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div.s3 {
    background-size: 220%;
    background-position: 100%;
  }

  .fullpanel.slider h3 {
    margin-top: 60px;
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .navlinks > ul {
    display: flex;
    justify-content: space-around;
  }
  .navlinks > ul li a {
    padding: 0px 20px;
  }
}
@media (max-width: 991px) {
  .toggle_menu {
    text-align: right;
  }
  .nav.condensed .hamburger {
    margin-top: 20px;
  }
  .navlinks {
    background: #ffffff;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    position: absolute;
    top: 110px;
    left: 0;
    height: 330px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: top 0.5s, max-height 0.75s;
    transition: top 0.5s, max-height 0.75s;
  }
  .navlinks.open {
    max-height: 400px;
  }
  .nav.condensed .navlinks {
    top: 40px;
  }
  .navlinks > ul {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .navlinks > ul > li,
  .nav li.active a,
  .nav li.active a {
    padding-left: 0;
    padding-right: 0;
    height: 40px;
  }
  .nav li.active a {
    border-bottom: none;
  }
  .nav li.login a {
    margin: 0 auto;
    height: inherit;
  }
  /* .nav li.ncco a {
    margin-top: 10px;
  } */

  .describe.support {
    background-image: url(/images/supportC.png);
  }
  .describe.interface {
    background-image: url(/images/softwareC.png);
  }
  .jumbo {
    background-image: url(/images/freshgrantedC.png);
  }
  .about {
    background-image: url(/images/about-bg.png);
  }
}

@media (max-width: 991px) {
  .fullpanel h3 {
    text-shadow: 0 2px 10px #fff;
  }

  .nav li a {
    margin: 0;
  }

  .container .slidecontent + .row {
    height: 1042px;
  }

  .screen_types > div:nth-of-type(2),
  .screen_types > div:nth-of-type(3) {
    width: auto;
  }

  .screen_types > div .img {
    background-position: center;
  }

  .screen_types > div > div {
    display: inline-block;
    width: 45%;
    vertical-align: middle;
  }

  .img.examples,
  .img.prep-examples {
    background-size: 100% auto;
    height: 95%;
  }

  .container .slidecontent + .row .desc.panel_content {
    width: 70%;
  }

  .describe.support {
    background-image: url(/images/supportB.png);
  }
  .describe.interface {
    background-image: url(/images/softwareB.png);
  }
  .jumbo {
    background-image: url(/images/freshgrantedB.png);
  }
  .about {
    background-image: url(/images/about-bg.png);
    background-position: center 50%;
  }

  .nav {
    height: 110px;
  }

  .nav .logo a img:first-of-type {
    width: 90%;
    margin-top: -39px;
  }
}

@media (max-width: 767px) {
  .video_holder_wrap {
    padding-top: 0px;
  }
  .toggle_menu {
    text-align: right;
  }
  .describe,
  .jumbo,
  .about,
  .footer {
    height: auto;
    padding: 20px 0;
  }
  .announce h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
  }
  .headline {
    margin-top: 70px;
  }
  .headline h1 {
    font-size: 30px;
  }
  .lgbtn {
    font-size: 16px;
  }
  .slide > .col-xs-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .fullpanel h3 {
    font-size: 25px;
  }
  .fullpanel h4 {
    font-size: 22px;
  }
  .slide p,
  .describe p,
  .three_buckets p,
  .about p {
    font-size: 15px;
    line-height: 23px;
  }
  .icon,
  .three_buckets p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .jumbo .pull-right {
    text-align: center;
  }
  .announce_cilantro .c2a {
    margin-bottom: 20px;
  }
  .announce_edemame {
    margin-top: 20px;
  }
  .jumbo p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .jumbo span,
  .jumbo strong {
    font-size: 35px;
  }

  .more_than h2,
  .announce.dark-green h2,
  .announce.green h2 {
    font-size: 30px;
  }
  .more_than h2 + div {
    font-size: 24px;
  }
  .more_than p {
    font-size: 20px;
  }
  .about {
    margin-bottom: 0;
  }
  .about h2 {
    font-size: 30px;
    margin-bottom: 0;
  }
  .about p {
    width: 100%;
    font-size: 16px;
  }
  .footer .row > div:first-of-type {
    padding-top: 0;
  }
  .fresh {
    height: 320px;
  }
  .slidecontent .arrow {
    margin-top: 57px;
  }
  .slidecontent p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
  }

  .formarea h3 {
    margin-top: 20px;
  }

  .describe.support {
    background-image: url(/images/supportA.png);
  }
  .describe.interface {
    background-image: url(/images/softwareA.png);
  }
  .jumbo {
    background-image: url(/images/freshgrantedA.png);
  }
  .about {
    background-image: url(/images/about-bg.png);
  }
  .nav .logo a img:first-of-type {
    width: 200px;
    margin-top: -39px;
  }

  .slide_holder,
  .fresh .container {
    height: 100%;
  }

  div.slide_1.flex.sect1_descripion {
    margin-top: 10px;
    margin-bottom: 80px;
  }

  div.col-md-4.text-center {
    margin-bottom: 80px;
  }
}

@media (max-width: 651px) {
  .fresh,
  .container .slidecontent + .row {
    height: 1106px;
  }
  .nav .logo a img:first-of-type {
    width: 168px;
    margin-top: -39px;
  }

  .fullpanel.row.example {
    height: 428px;
  }

  .fullpanel.row.example .examples-text {
    display: none;
  }

  .example .flex > div br {
    display: none;
  }

  .example .flex > div:first-of-type {
    height: 101%;
    margin-bottom: 60px;
    position: relative;
  }

  .example .flex > div:after {
    font-size: 30px;
    bottom: 7px;
    color: #173d4a;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
  }

  .example .examples:after {
    content: 'Grab & Go Labels';
  }

  .example .prep-examples:after {
    content: 'Prep Labels';
  }

  .screen_types > div > div {
    display: block;
    width: 100%;
  }

  /* .fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div:nth-child(2) {
    background-size: cover;
  }
  .fresh.fullpanel.row.slider .slide_bg.slide_holder > div > div:nth-child(1) {
    background-position: center;
  } */

  .slide_holder,
  .slide_holder + .container,
  .fresh .container .slidecontent > div {
    height: 200px;
  }

  .savings-calculator-panel .gradient-bar {
    margin-top: 200px;
  }
}

@media (max-width: 567px) {
  .savings-calculator-panel .gradient-bar {
    margin-top: 240px;
  }

  div.row.savings-calculator {
    margin-top: 150px;
  }
}

@media (max-width: 450px) {
  .example .flex {
    width: 100%;
  }
  .fullpanel.row.example {
    height: 528px;
  }

  .example .examples:after,
  .example .prep-examples:after {
    background-color: #fff;
    padding: 20px;
    bottom: 0 !important;
  }
  .fresh,
  .container .slidecontent + .row {
    height: 1206px;
  }

  .savings-calculator-panel .gradient-bar {
    margin-top: 160px;
  }
}

@media (max-width: 375px) {
  .savings-calculator-panel .gradient-bar {
    margin-top: 200px;
  }
}

@media (max-width: 359px) {
  .savings-calculator-panel .gradient-bar {
    margin-top: 240px;
  }
}

@media (max-width: 300px) {
  p {
    font-size: 14px;
  }
  .example .flex {
    width: 100%;
  }
  .fullpanel.row.example {
    height: 428px;
  }
  .fresh,
  .container .slidecontent + .row {
    height: 1266px;
  }

  .savings-calculator-panel .gradient-bar {
    margin-bottom: 20px;
  }
}