/* ------------------------------------------------------------ *\
  Vendor
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  SCSS Functions
\* ------------------------------------------------------------ */
/* example usage*/
/* ------------------------------------------------------------ *\
  Reset
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Sprite
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block; }
template {
  display: none; }
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0); }
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none; }
img,
iframe,
video,
audio,
object {
  max-width: 100%; }
img,
iframe {
  border: 0 none; }
img {
  height: auto;
  display: inline-block;
  vertical-align: middle; }
b,
strong {
  font-weight: bold; }
address {
  font-style: normal; }
svg:not(:root) {
  overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
  cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none; }
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }
button,
select {
  text-transform: none; }
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
nav ul,
nav ol {
  list-style: none outside none; }
input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }
input::-moz-placeholder {
  color: inherit;
  opacity: 1; }
input:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
input::-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
input::placeholder {
  color: inherit;
  opacity: 1; }
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea::-moz-placeholder {
  color: inherit;
  opacity: 1; }
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea::placeholder {
  color: inherit;
  opacity: 1; }
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }
input[type=text],
input[type=button],
input[type=tel],
input[type=email],
input[type=submit],
input[type=date],
input[type=search],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */
@font-face {
  font-family: 'Lato Heavy';
  src: url("../fonts/lato-heavy-webfont.woff2") format("woff2"), url("../fonts/lato-heavy-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* ------------------------------------------------------------ *\
  Base
\* ------------------------------------------------------------ */
body {
  min-width: 320px;
  background: #fff;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.2;
  color: #818181; }
a {
  color: inherit;
  text-decoration: underline; }
a:hover {
    text-decoration: none; }
a[href^="tel"] {
    text-decoration: none; }
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin-bottom: calc(1.2em / 2); }
.h1,
h1 {
  margin-bottom: 14px;
  line-height: 1.22;
  letter-spacing: 0.004em;
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h1,
    h1 {
      margin-bottom: 10px;
      font-size: 33px;
      letter-spacing: 0; } }
.h2,
h2 {
  margin: 0;
  font-size: 36px;
  font-weight: 900;
  color: #000;
  text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .h2,
    h2 {
      font-size: 23px; } }
.h3,
h3 {
  font-size: 30px;
  font-weight: 900; }
.h4,
h4 {
  font-size: 22px;
  font-weight: 600; }
.h5,
h5 {
  font-weight: 600;
  font-size: 18px;
  color: #000; }
.h6,
h6 {
  font-size: 15px;
  font-weight: 700;
  color: #000; }
p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: 1.2em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0; }
/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both; }
/* sr-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
/*  Notext  */
.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none;
  overflow: hidden; }
.notext-old {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden {
  display: none; }
/*  Disabled  */
[disabled],
.disabled {
  cursor: default; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .hidden-xs {
    display: none !important; }
  .visible-xs-block {
    display: block !important; }
  .visible-xs-inline {
    display: inline !important; }
  .visible-xs-inline-block {
    display: inline-block !important; } }
@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important; }
  .visible-sm-block {
    display: block !important; }
  .visible-sm-inline {
    display: inline !important; }
  .visible-sm-inline-block {
    display: inline-block !important; } }
@media (min-width: 1023.02px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; }
  .visible-md-block {
    display: block !important; }
  .visible-md-inline {
    display: inline !important; }
  .visible-md-inline-block {
    display: inline-block !important; } }
@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important; }
  .visible-lg-block {
    display: block !important; }
  .visible-lg-inline {
    display: inline !important; }
  .visible-lg-inline-block {
    display: inline-block !important; } }
/* ------------------------------------------------------------ *\
  Components
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Articles
\* ------------------------------------------------------------ */
.articles {
  counter-reset: article;
  list-style: none outside none; }
.articles > li + li {
    margin-top: 29px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .articles > li + li {
        margin-top: 15px; } }
/* ------------------------------------------------------------ *\
  Article
\* ------------------------------------------------------------ */
.article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 36px;
  counter-increment: article; }
@media (max-width: 1023px) {
    .article {
      padding-right: 10px; } }
.article .article__counter {
    max-width: 45px;
    width: 100%;
    font-weight: 700;
    font-size: 36px;
    color: #000; }
.article .article__counter:before {
      content: counter(article, decimal-leading-zero);
      display: block; }
@media (max-width: 1023px) {
      .article .article__counter {
        max-width: 30px; }
        .article .article__counter:before {
          font-size: 30px; } }
@media (max-width: 425px) {
      .article .article__counter {
        max-width: 30px; } }
.article .article__content {
    max-width: calc(100% - 45px);
    width: 100%;
    padding-left: 20px; }
@media (max-width: 1023px) {
      .article .article__content {
        max-width: calc(100% - 30px); } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article .article__content {
        padding-top: 2px;
        padding-left: 25px; } }
@media (max-width: 425px) {
      .article .article__content {
        max-width: calc(100% - 30px); } }
.article .article__content p {
    margin: 0;
    font-size: 18px;
    color: #000; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article .article__content p {
        font-size: 15px; } }
.article .article__actions {
    margin-top: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article .article__actions {
        margin-top: 5px; } }
@media (max-width: 425px) {
      .article .article__actions {
        display: block; } }
.article .article__category {
    font-size: 12px;
    font-weight: 700;
    color: #dc1706;
    text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article .article__category {
        font-size: 10px; } }
@media (max-width: 425px) {
      .article .article__category {
        margin: 10px 0; } }
.article .article__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.article .article__socials p {
    margin: 0;
    margin-right: 19px;
    font-size: 13px;
    color: #818181; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article .article__socials p {
        font-size: 11px;
        margin-right: 13px; } }
.article .article__socials .socials li + li {
    margin-left: 8px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .article .article__socials .socials li + li {
        margin-left: 4px; } }
/* ------------------------------------------------------------ *\
  Bar
\* ------------------------------------------------------------ */
.bar {
  position: relative;
  z-index: 5;
  padding: 8px 0;
  background-color: #f5f5f5;
  color: #434343; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .bar {
      display: none; } }
.bar .bar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.bar .bar__content {
    position: relative; }
.bar p {
    margin: 0;
    font-size: 13px;
    text-transform: uppercase; }
.bar p img {
    margin-right: 11px; }
/* ------------------------------------------------------------ *\
  Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: 400; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .breadcrumbs {
      font-size: 12px; } }
.breadcrumbs a {
    margin-right: 13px;
    display: inline-block;
    text-decoration: none; }
.breadcrumbs a:hover {
      text-decoration: underline; }
.breadcrumbs .separator {
    position: relative;
    margin-right: 13px;
    display: inline-block;
    width: 5px;
    height: 9px; }
.breadcrumbs .separator:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: url(../images/arrow-right.png) no-repeat 0 0;
      width: 5px;
      height: 9px; }
/* ------------------------------------------------------------ *\
  Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #fff; }
/*  Btn block  */
.btn--block {
  display: block;
  padding-left: 0;
  padding-right: 0; }
/* ------------------------------------------------------------ *\
  Button Large
\* ------------------------------------------------------------ */
.btn--large {
  padding: 0 31px;
  height: 55px;
  background-color: #dc1706;
  font-weight: 700;
  font-size: 13px;
  line-height: 55px;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition: background .4s;
  -o-transition: background .4s;
  transition: background .4s; }
.btn--large:hover {
    background-color: #c11304; }
@media (max-width: 1199px) {
    .btn--large {
      padding: 0 15px; } }
@media (max-width: 1023px) {
    .btn--large {
      font-size: 11px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--large {
      height: 48px;
      padding: 0 35px;
      font-size: 12px;
      line-height: 48px; } }
/* ------------------------------------------------------------ *\
  Button Complex
\* ------------------------------------------------------------ */
.btn--complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.025em;
  text-align: center;
  text-transform: uppercase;
  width: 172px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--complex {
      font-size: 12px; } }
.btn--complex span + span {
    margin-left: 3px;
    }
.btn--complex span {
    height: 36px;
    background-color: #dc1706;
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .btn--complex span {
        height: 34px;
        } }
.btn--complex .btn__label {
    width: 134px;
    line-height: 36px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .btn--complex .btn__label {
        width: 145px;
        line-height: 34px; } }
.btn--complex .btn__arrow {
    padding-top: 8px;
    width: 35px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .btn--complex .btn__arrow {
        width: 34px;
        }

.hero__actions span.btn__arrow {
    display: none;
} }
.btn--complex:hover span {
    background-color: #0a3792; }
.btn--complex-blue span {
  background-color: #0a3792; }
.btn--complex-blue:hover span {
  background-color: #dc1706; }
.btn--complex-white {
  color: #0a3792; }
.btn--complex-white span {
    background-color: #fff; }
.btn--complex-white:hover span {
    background-color: #dc1706; }
/* ------------------------------------------------------------ *\
  Button Orange
\* ------------------------------------------------------------ */
.btn--orange {
  height: 37px;
  padding: 0 32px;
  background-color: #ff8300;
  font-weight: 900;
  font-size: 14px;
  line-height: 37px;
  text-transform: uppercase;
  color: #4b1f0f;
  -webkit-transition: background .4s;
  -o-transition: background .4s;
  transition: background .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--orange {
      font-size: 10px;
      line-height: 26px;
      height: 26px;
      padding: 0 23px; } }
.btn--orange:hover {
    background-color: #fff; }
/* ------------------------------------------------------------ *\
  Button White
\* ------------------------------------------------------------ */
.btn--white {
  height: 36px;
  padding: 0 23px;
  background-color: #fff;
  font-size: 13px;
  line-height: 36px;
  font-weight: 400;
  color: #181c1f;
  -webkit-transition: background .4s, color .4s;
  -o-transition: background .4s, color .4s;
  transition: background .4s, color .4s; }
.btn--white:hover {
    background-color: #dc1706;
    color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--white {
      padding: 0 35px;
      font-size: 12px;
      height: 38px;
      line-height: 38px; } }
/* ------------------------------------------------------------ *\
  Button Black
\* ------------------------------------------------------------ */
.btn--black {
  padding: 5px 13px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  -webkit-transition: background .4s;
  -o-transition: background .4s;
  transition: background .4s; }
.btn--black:hover {
    background-color: #dc1706; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn--black {
      font-size: 7px;
      padding: 4px 8px; } }
/* ------------------------------------------------------------ *\
  Button Top
\* ------------------------------------------------------------ */
.btn-top {
  position: fixed;
  right: 33px;
  bottom: 33px;
  display: none;
  width: 52px;
  height: 52px;
  background-color: #dc1706; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .btn-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      z-index: 10; } }
/* ------------------------------------------------------------ *\
  Checkbox
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Contact Items
\* ------------------------------------------------------------ */
.contact-items {
  list-style: none outside none; }
@media (max-width: 1023px) {
    .contact-items {
      padding-left: 10px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .contact-items {
      padding-left: 0;
      padding-top: 15px; } }
.contact-items li + li {
    margin-left: 63px; }
@media (max-width: 1023px) {
      .contact-items li + li {
        margin-left: 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .contact-items li + li {
        margin-left: 0;
        margin-top: 31px; } }
/* ------------------------------------------------------------ *\
  Contact Item
\* ------------------------------------------------------------ */
.contact-item {
  display: inline-block; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .contact-item {
      display: block; } }
.contact-item h5 {
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 400;
    color: #0e3793; }
.contact-item p {
    margin: 0;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400; }
@media (max-width: 1023px) {
      .contact-item p {
        font-size: 11px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .contact-item p {
        font-size: 15px; } }
.contact-item .btn {
    margin-top: 13px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .contact-item .btn {
        margin-top: 17px; } }
/* ------------------------------------------------------------ *\
  Contact Item White
\* ------------------------------------------------------------ */
.contact-item--white h5,
.contact-item--white .phone {
  color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .contact-item--white .phone {
    font-size: 15px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .contact-item--white p {
    margin-top: 7px; } }
/* ------------------------------------------------------------ *\
  Contact Item Right
\* ------------------------------------------------------------ */
.contact-item--right {
  text-align: right; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .contact-item--right {
      text-align: center; } }
/* ------------------------------------------------------------ *\
  Deals
\* ------------------------------------------------------------ */
.deals {
  list-style: none outside none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .deals {
      display: block;
      margin: 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .deals li + li {
      margin-top: 10px; } }
/* ------------------------------------------------------------ *\
  Deal
\* ------------------------------------------------------------ */
.deal {
  background-size: cover;
  background-position: bottom;
  position: relative;
  max-width: calc(50% - 16px);
  width: 100%;
  margin: 0 8px;
  min-height: 231px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .deal {
      padding: 6px; } }
.deal .deal__inner {
    width: 100%; }
.deal .deal__notes {
    position: absolute;
    right: 31px;
    bottom: 30px;
    font-size: 13px;
    font-style: italic; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .deal .deal__notes {
        font-size: 9px;
        right: 23px;
        bottom: 22px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .deal {
      max-width: 100%;
      margin: 0;
      min-height: 163px; } }
/* ------------------------------------------------------------ *\
  Deal primary
\* ------------------------------------------------------------ */

    
    
.deal--primary {
  text-align: center;
  color: #ff8300; }
.deal--primary .deal__inner {
    padding: 31px 0 15px;
    border: 2px dashed rgba(255, 131, 0, 0.3); }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .deal--primary .deal__inner {
        padding: 22px 0 0; } }
@media (max-width: 425px) {
      .deal--primary .deal__inner {
        padding: 5px 0 10px; } }
.deal--primary .deal__title {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 43px;
    color: #ff8300; }
@media (max-width: 1199px) {
      .deal--primary .deal__title {
        font-size: 38px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .deal--primary .deal__title {
        font-size: 31px;
        margin-bottom: 8px; } }
.deal--primary .deal__subtitle {
    margin: 0;
    margin-bottom: 18px;
    font-weight: 900;
    font-size: 26px; }
@media (max-width: 1199px) {
      .deal--primary .deal__subtitle {
        font-size: 22px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .deal--primary .deal__subtitle {
        margin-bottom: 12px;
        font-size: 18px; } }
/* ------------------------------------------------------------ *\
  Deal Secondary
\* ------------------------------------------------------------ */
.deal--secondary {
  text-align: center;
  color: #ff8300; }
.deal--secondary .deal__inner {
    padding: 31px 0 15px;
    border: 2px dashed rgba(255, 131, 0, 0.3); }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .deal--secondary .deal__inner {
        padding: 22px 0 0; } }
@media (max-width: 425px) {
      .deal--secondary .deal__inner {
        padding: 5px 0 10px; } }
.deal--secondary .deal__title {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 43px;
    color: #ff8300; }
@media (max-width: 1199px) {
      .deal--secondary .deal__title {
        font-size: 38px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .deal--secondary .deal__title {
        font-size: 31px;
        margin-bottom: 8px; } }
.deal--secondary .deal__subtitle {
    margin: 0;
    margin-bottom: 18px;
    font-weight: 900;
    font-size: 26px; }
@media (max-width: 1199px) {
      .deal--secondary .deal__subtitle {
        font-size: 22px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .deal--secondary .deal__subtitle {
        margin-bottom: 12px;
        font-size: 18px; } }
/* ------------------------------------------------------------ *\
  Dropdown Container
\* ------------------------------------------------------------ */
.dropdown-container {
  position: absolute;
  top: 24px;
  left: 31px;
  width: 290px;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  padding: 23px 22px 26px 26px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .4s, visibility .4s;
  -o-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s; }
.dropdown-container.is-expanded {
    opacity: 1;
    visibility: visible; }
.dropdown-container small {
    display: block;
    width: 100%;
    font-weight: 300;
    font-size: 12px;
    color: #818181;
    text-align: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .dropdown-container small {
        text-align: left;
        font-size: 11px; } }
.dropdown-container .dropdown__title {
    margin: -23px -22px 22px -26px;
    background-color: #0a3792;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    padding: 13px;
    text-align: center;
    text-transform: uppercase; }
.dropdown-container .dropdown__title span:last-child {
    display: none; }
.dropdown-container--red .dropdown__title span:first-child {
    display: none; }
.dropdown-container--red .dropdown__title span:last-child {
    display: block; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .dropdown-container {
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      top: 44px; } }
@media (max-width: 425px) {
    .dropdown-container {
      top: 39px; } }
/* ------------------------------------------------------------ *\
  Drodown Container Red
\* ------------------------------------------------------------ */
.dropdown-container--red .dropdown__title {
  background-color: #dc1706; }
.dropdown-container--red .list-hours .is-active span,
.dropdown-container--red .list-hours .is-active strong {
  color: #dc1706; }
/* ------------------------------------------------------------ *\
  Dropdown Link
\* ------------------------------------------------------------ */
.dropdown-link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  padding-right: 23px;
  margin-left: 11px; }
.dropdown-link:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    background: url(../images/arrow-down-dark.png) no-repeat 0 0;
    width: 12px;
    height: 5px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .dropdown-link:after {

        width: 12px;
        height: 5px; } }
/* ------------------------------------------------------------ *\
  Fields
\* ------------------------------------------------------------ */
/*  Field textarea  */
/* ------------------------------------------------------------ *\
  Footer
\* ------------------------------------------------------------ */
.footer {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  background-color: #181c1f;
  color: #fff; }
.footer .footer__container {
    padding: 46px 0 15px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .footer .footer__container {
        padding: 53px 0 35px; } }
.footer .footer__container .payments {
    display: none; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .footer .footer__container .payments {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 40px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
.footer .footer__widgets {
    list-style: none outside none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 77px; }
@media (max-width: 1023px) {
      .footer .footer__widgets {
        padding: 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .footer .footer__widgets {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        padding: 0 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .footer .footer__widgets .footer__widget {
      width: 100%; } }
.footer .footer__bar {
    padding: 7px 0 13px;
    background-color: #0e0f11;
    color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .footer .footer__bar {
        padding: 16px 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .footer .footer__bar .payments {
      display: none; } }
.footer .footer__bar .footer__bar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .footer .footer__bar .footer__bar-inner {
        display: block;
        text-align: center; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .footer .footer__logo img {
      width: 190px;
      height: auto; } }
.footer .copyright {
    margin: 0;
    font-size: 12px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .footer .widget--socials {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .footer .widget--contacts {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      .footer .widget--contacts:last-child {
        padding-top: 34px; } }
/* ------------------------------------------------------------ *\
  Grid
\* ------------------------------------------------------------ */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  /*  Grid col 1of2  */ }
.grid .grid__col {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1; }
.grid .grid__col--1of2 {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
/* ------------------------------------------------------------ *\
  Header
\* ------------------------------------------------------------ */
.header {
  position: relative;
  z-index: 9999; }
.header .header__inner {
    padding: 16px 0 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .header .header__inner {
        display: block;
        text-align: center;
        padding: 19px 20px; } }
.header .header__content {
    padding-right: 46px;
    border-right: 1px solid #c3c3c3; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .header .header__content {
        padding: 0 0 20px;
        border: 0;
        border-bottom: 1px solid #c3c3c3; } }
.header .header__menu {
    background-color: #0a3792; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .header .header__menu {
        position: absolute;
        top: 120px;
        left: 0;
        width: 100%;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .4s, visibility .4s;
        -o-transition: opacity .4s, visibility .4s;
        transition: opacity .4s, visibility .4s; }
        .header .header__menu.is-expanded {
          opacity: 1;
          visibility: visible;
          z-index: 10; } }
@media (max-width: 425px) {
      .header .header__menu {
        top: 100px; } }
.header .header__menu .header__menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.header .header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media (max-width: 1023px) {
      .header .header__actions {
        margin-right: -15px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .header .header__actions {
        display: none; } }
.header .header__aside {
    padding-right: 13px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .header .header__aside {
        padding: 0; } }
.header .header__hours {
    position: relative;
    z-index: 5;
    display: none;
    padding: 12px;
    background-color: #0a3792;
    font-size: 15px;
    color: #fff;
    text-align: center;
    text-transform: uppercase; }
.header .header__hours p {
      margin: 0; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .header .header__hours {
        display: block; } }
@media (max-width: 425px) {
      .header .header__hours {
        font-size: 12px;
        padding: 12px 0; }
        .header .header__hours .shell {
          padding: 0; } }
@media (max-width: 1023px) {
    .header .rating {
      display: none; } }
/* ------------------------------------------------------------ *\
  Hero
\* ------------------------------------------------------------ */
.hero {
  position: relative;
  background-color: #000;
  padding: 102px 0;
  color: #fff; 
  min-height: 400px;
  }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero {
      padding: 59px 36px 46px; } }
@media (max-width: 425px) {
    .hero {
      padding: 30px 0;
	  min-height: 0px;
	  } }
.hero .hero__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .85; }
.hero .hero__inner {
    position: relative;
    z-index: 1; }
.hero .hero__content {
    position: relative;
    max-width: 715px;
    width: 100%;
    padding-left: 39px; }
.hero .hero__content:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0px;
      height: 209px;
      background-color: #dc1706; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .hero .hero__content:before {
          height: 125px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .hero .hero__content {
        padding-left: 27px;
        text-align: center;
        border-left: solid 0px !important;
        } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .hero .hero__content .btn {
      display: none; } }
.hero .hero__actions {
    display: none; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .hero .hero__actions {
        display: block;
        margin-top: 28px;
        text-align: center;
        } }
.hero p {
    max-width: 540px;
    margin-bottom: 18px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
    }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .hero p {
        margin: 0;
        font-size: 15px;
        line-height: 1.2;
        } }
.hero h1 {
    text-shadow: 0 0 24px rgba(0, 0, 0, 0.5); }
/* ------------------------------------------------------------ *\
  Hero Small
\* ------------------------------------------------------------ */
.hero--small {
  padding: 50px 0;
  background-color: #066c70;
  color: #fff; }
.hero--small .hero__title {
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 36px;
    text-transform: none;
    color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .hero--small .hero__title {
        font-size: 30px; } }
.hero--small .hero__content {
    max-width: 100%;
    padding: 8px 35px 16px; }
.hero--small .hero__content:before {
      height: 100%; }
/* ------------------------------------------------------------ *\
  Icons
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Link
\* ------------------------------------------------------------ */
.link {
  position: relative;
  display: inline-block;
  padding-right: 18px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.025em;
  /*color: #0a3792;*/
  text-decoration: none;
  text-transform: uppercase; }
.link:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: 0;
    background: url(../images/double-arrow.svg) no-repeat 0 0;
    width: 11px;
    height: 13px;
    background-size: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s; }
.link:hover:after {
    -webkit-transform: translate(10px, -50%);
        -ms-transform: translate(10px, -50%);
            transform: translate(10px, -50%); }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .link {
      font-size: 12px; } }
/* ------------------------------------------------------------ *\
  Link White
\* ------------------------------------------------------------ */
.link--white {
  color: #fff; }
.link--white:after {
    background: url(../images/double-arrow-white.svg) no-repeat 0 0;
    width: 11px;
    height: 13px;
    background-size: cover; }
/* ------------------------------------------------------------ *\
  Link Alt
\* ------------------------------------------------------------ */
.link--alt {
  padding-right: 0;
  border-bottom: 1px solid #0a3792;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  color: #0a3792;
  letter-spacing: 0;
  -webkit-transition: border-color .4s;
  -o-transition: border-color .4s;
  transition: border-color .4s; }
.link--alt:after {
    content: none; }
.link--alt:hover {
    border-color: transparent; }
/* ------------------------------------------------------------ *\
  List Contacts
\* ------------------------------------------------------------ */
.list-contacts {
  margin-bottom: 15px;
  list-style: none outside none; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .list-contacts {
      margin-bottom: 9px; } }
.list-contacts li + li {
    margin-top: 21px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-contacts li + li {
        margin-top: 18px; } }
.list-contacts span,
  .list-contacts strong {
    display: block;
    text-transform: uppercase; }
.list-contacts span {
    font-size: 18px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-contacts span {
        font-size: 12px; } }
.list-contacts strong {
    font-weight: 600;
    font-size: 30px; }
@media (max-width: 1199px) {
      .list-contacts strong {
        font-size: 23px; } }
.list-contacts strong a {
    font-weight: 700;
    color: #dc1706; }
/* ------------------------------------------------------------ *\
  List Days
\* ------------------------------------------------------------ */
.list-days {
  list-style: none outside none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.list-days li {
    padding: 0 14px;
    text-align: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-days li {
        padding: 0 11px; } }
.list-days li + li {
    border-left: 1px solid #ea776d; }
.list-days strong,
  .list-days span {
    display: block; }
.list-days strong {
    margin-bottom: -2px;
    font-size: 18px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-days strong {
        font-size: 13px; } }
.list-days span {
    font-size: 10px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-days span {
        font-size: 7px; } }
/* ------------------------------------------------------------ *\
  List Hours
\* ------------------------------------------------------------ */
.list-hours {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  margin-bottom: 22px;
  color: #303030;
  font-size: 13px;
  text-transform: uppercase;
  text-align: left; }
.list-hours li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.list-hours li + li {
    margin-top: 15px; }
.list-hours span {
   /* width: 100px;*/ }

.list-hours .is-active span,
  .list-hours .is-active strong {
    font-weight: 700;
  }
/* ------------------------------------------------------------ *\
  List Links
\* ------------------------------------------------------------ */
.list-links {
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  list-style: none outside none; }
.list-links a {
    color: #818181;
    text-decoration: none;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
.list-links a:hover {
      color: #000; }
.list-links li + li {
    margin-top: 7px; }
/* ------------------------------------------------------------ *\
  List Links Alt
\* ------------------------------------------------------------ */
.list-links--alt a {
  color: #0a3792; }
/* ------------------------------------------------------------ *\
  List Locations
\* ------------------------------------------------------------ */
.list-locations {
  margin-top: 26px;
  list-style: none outside none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 18px;
  font-weight: 500; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .list-locations {
      font-size: 15px; } }
.list-locations li {
    width: 45%;
    margin-bottom: 7px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-locations li {
        width: 42%; } }
@media (max-width: 425px) {
      .list-locations li {
        width: 50%; } }
.list-locations a {
    position: relative;
    display: block;
    padding: 13px 0 13px 56px;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    -webkit-transition: color .4s, background .4s;
    -o-transition: color .4s, background .4s;
    transition: color .4s, background .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-locations a {
        padding: 10px 0 10px 45px; } }
@media (max-width: 425px) {
      .list-locations a {
        padding: 10px 0 10px 30px; } }
.list-locations img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 27px;
    opacity: 1;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-locations img {
        width: 11px;
        left: 22px; } }
@media (max-width: 425px) {
      .list-locations img {
        left: 10px; } }
.list-locations img:first-child {
    opacity: 0; }
.list-locations .is-active a,
  .list-locations a:hover {
    background-color: #dc1706;
    color: #fff; }
.list-locations .is-active img,
  .list-locations a:hover img {
    opacity: 0; }
.list-locations .is-active img:first-child,
  .list-locations a:hover img:first-child {
    opacity: 1; }
/* ------------------------------------------------------------ *\
  List Logos
\* ------------------------------------------------------------ */
.list-logos {
  list-style: none outside none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-evenly; }
@media (max-width: 1023px) {
    .list-logos {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
.list-logos li {
    text-align: center; }
@media (max-width: 1199px) {
      .list-logos li {
        padding: 0 10px; } }
@media (max-width: 1023px) {
      .list-logos li {
        width: 20%;
        padding: 10px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .list-logos li {
        width: 33.33%;
        padding: 7px 0; }
        .list-logos li:first-child, .list-logos li:nth-child(2), .list-logos li:nth-child(3), .list-logos li:nth-child(4) {
          width: 25%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .list-logos img {
      max-width: 60%; } }
/* ------------------------------------------------------------ *\
  Logo
\* ------------------------------------------------------------ */
.logo {
  display: block;
  text-decoration: none; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .logo img {
      width: 215px;
      height: auto; } }
@media (max-width: 425px) {
    .logo img {
      width: 160px; } }
/* ------------------------------------------------------------ *\
  Main
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Map
\* ------------------------------------------------------------ */
.map {
  height: 530px; }
@media (max-width: 1023px) {
    .map {
      height: 400px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .map {
      height: 215px; } }
/* ------------------------------------------------------------ *\
  Nav
\* ------------------------------------------------------------ */
.nav {
  margin-left: -14px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav {
      margin: 0;
      padding-top: 19px; } }
.nav > ul > li {
    display: inline-block; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li {
        display: block; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav > ul > li + li {
      margin-top: 7px; } }
.nav > ul > li > a {
    display: inline-block;
    padding: 20px 14px;
    text-decoration: none;
    color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li > a {
        padding: 13px 34px;
        font-size: 20px;
        text-transform: uppercase;
        color: #000; } }
@media (max-width: 425px) {
      .nav > ul > li > a {
        font-size: 15px;
        padding: 13px 20px; } }
.nav > ul > li.has-dropdown {
    position: relative; }
.nav > ul > li.has-dropdown:after {
      content: '';
      position: absolute;
      right: 10px;
      top: 25px;
      background: url(../images/dropdown-arrow.png) no-repeat 0 0;
      width: 12px;
      height: 5px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li.has-dropdown:after {
        content: '+';
        width: auto;
        height: auto;
        top: 9px;
        font-size: 20px;
        color: #000;
        background-color: none; } }
.nav > ul > li.has-dropdown > a {
    padding: 20px 30px 20px 15px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li.has-dropdown > a {
        padding: 13px 34px; } }
@media (max-width: 425px) {
      .nav > ul > li.has-dropdown > a {
        padding: 13px 20px; } }
.nav > ul > li > .dropdown {
    position: absolute;
    top: 100%;
    left: -56px;
    width: 270px;
    background-color: #0a3792;
    min-height: 415px;
    padding: 13px 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li > .dropdown {
        width: 100%;
        position: static;
        -webkit-box-shadow: none;
                box-shadow: none;
        background-color: transparent;
        min-height: 1px;
        padding: 0; } }
.nav > ul > li > .dropdown > li > a {
    display: block;
    padding: 13px 25px;
    background-color: transparent;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition: background .4s, color .4s;
    -o-transition: background .4s, color .4s;
    transition: background .4s, color .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li > .dropdown > li > a {
        padding: 13px 53px;
        font-size: 20px;
        color: #000; } }
@media (max-width: 425px) {
      .nav > ul > li > .dropdown > li > a {
        font-size: 15px;
        padding: 13px 20px 10px 30px; } }
.nav > ul > li > .dropdown > li:hover > a {
    /*background-color: #fff;*/
    /*color: #0a3792; */}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li > .dropdown > li:hover > a {
        /*color: #fff; */
        /*background-color: #0a3792; */} }
.nav .dropdown .dropdown {
    position: absolute;
    top: 0;
    left: 270px;
    background-color: #fff;
    padding: 25px 32px;
    width: 320px;
    min-height: 415px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .dropdown .dropdown {
        width: 100%;
        position: static;
        min-height: 1px;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 18px 10px 18px 80px; } }
@media (max-width: 425px) {
      .nav .dropdown .dropdown {
        padding: 18px 10px 18px 60px; } }
.nav .dropdown .dropdown li + li {
    margin-top: 10px; }
.nav .dropdown .dropdown a {
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    text-transform: none;
    color: #000;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .dropdown .dropdown a {
        font-size: 20px; } }
@media (max-width: 425px) {
      .nav .dropdown .dropdown a {
        font-size: 15px; } }
.nav .dropdown .dropdown a:hover {
    /*color: #0a3792;*/ }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav .dropdown > li.has-dropdown {
      position: relative;
      margin: 0 -15px; }
      .nav .dropdown > li.has-dropdown:after {
        content: '+';
        position: absolute;
        right: 25px;
        width: auto;
        height: auto;
        top: 11px;
        font-size: 20px;
        color: #fff; }
      .nav .dropdown > li.has-dropdown:hover:after {
        content: '-';
        color: #fff; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav .dropdown > li.has-dropdown > a {
      padding: 13px 68px; } }
@media (max-width: 425px) {
    .nav .dropdown > li.has-dropdown > a {
      padding: 13px 45px; } }
.nav .dropdown h6 {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    margin-bottom: 22px;
    font-weight: 700;
    font-size: 15px;
    color: #0a3792;
    text-transform: uppercase; }
.nav .dropdown h6:after {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0;
      background: url(../images/double-arrow.svg) no-repeat 0 0;
      width: 11px;
      height: 13px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .dropdown h6 {
        margin-bottom: 13px;
        font-size: 15px; } }
.nav .dropdown {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .dropdown {
        opacity: 1;
        visibility: visible;
        display: none; } }
.nav .has-dropdown:hover > .dropdown {
    opacity: 1;
    visibility: visible;
    z-index: 10000000; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .has-dropdown:hover > .dropdown {
        display: block; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav .has-dropdown:hover:after {
      content: '-'; } }
    
    
/* ------------------------------------------------------------ *\
  Nav Updated for Our System
\* ------------------------------------------------------------ */
.nav {
  margin-left: -14px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav {
      margin: 0;
      padding-top: 19px; } }
.nav > ul > li {
    display: inline-block; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li {
        display: block; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav > ul > li + li {
      margin-top: 7px; } }
.nav > ul > li > a {
    display: inline-block;
    padding: 20px 14px;
    text-decoration: none;
    color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li > a {
        padding: 13px 34px;
        font-size: 20px;
        text-transform: uppercase;
        color: #000; } }
@media (max-width: 425px) {
      .nav > ul > li > a {
        font-size: 15px;
        padding: 13px 20px; } }
.nav > ul > li.has-dd {
    position: relative; }
.nav > ul > li.has-dd:after {
      content: '';
      position: absolute;
      right: 10px;
      top: 25px;
      background: url(../images/dropdown-arrow.png) no-repeat 0 0;
      width: 12px;
      height: 5px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li.has-dd:after {
        content: '+';
        width: auto;
        height: auto;
        top: 9px;
        font-size: 20px;
        color: #fff;
        background-color: none; 
    background: none;
    } }
.nav > ul > li.has-dd > a {
    padding: 20px 30px 20px 15px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav > ul > li.has-dd > a {
        padding: 13px 34px; } }
@media (max-width: 425px) {
      .nav > ul > li.has-dd > a {
        padding: 13px 20px; } }
.nav .sub ul {
    /*position: absolute !important;*/
    top: 100% !important;
    left: -56px !important;
    width: 270px !important;
    background-color: #0a3792 !important;
    /* min-height: 415px !important; */
    padding: 13px 0 !important;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .sub ul {
        width: 100%;
        position: static;
        -webkit-box-shadow: none;
                box-shadow: none;
        background-color: transparent;
        min-height: 1px;
        padding: 0; } }
.nav .sub ul > li > a {
    display: block;
    padding: 13px 25px;
    background-color: transparent;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition: background .4s, color .4s;
    -o-transition: background .4s, color .4s;
    transition: background .4s, color .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .sub ul > li > a {
        padding: 13px 53px;
        font-size: 20px;
        color: #000; } }
@media (max-width: 425px) {
      .nav .sub ul > li > a {
        font-size: 15px;
        padding: 13px 20px 10px 30px; } }
.nav .sub ul > li:hover > a {
    /*background-color: #fff;*/
    /*color: #0a3792; */}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .sub ul > li:hover > a {
      /*  color: #fff;*/
      /*  background-color: #0a3792; */} }
.nav .sub ul {
    position: absolute;
    top: 0;
    left: 270px;
    background-color: #fff;
    padding: 25px 32px;
    width: 320px;
    /* min-height: 415px; */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .sub ul {
        width: 100%;
        position: static;
        min-height: 1px;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 18px 10px 18px 80px; } }
@media (max-width: 425px) {
      .nav .sub ul {
        padding: 18px 10px 18px 60px; } }
.nav .sub ul li + li {
    margin-top: 10px; }
.nav .sub ul a {
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    text-transform: none;
    color: #000;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .sub ul a {
        font-size: 20px; } }
@media (max-width: 425px) {
      .nav .sub ul a {
        font-size: 15px; } }
.nav .sub ul a:hover {
    /*color: #0a3792; */}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav .dropdown > li.has-dropdown {
      position: relative;
      margin: 0 -15px; }
      .nav .dropdown > li.has-dropdown:after {
        content: '+';
        position: absolute;
        right: 25px;
        width: auto;
        height: auto;
        top: 11px;
        font-size: 20px;
        color: #000; }
      .nav .dropdown > li.has-dropdown:hover:after {
        content: '-';
        /*color: #fff;*/ } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav .dropdown > li.has-dropdown > a {
      padding: 13px 68px; } }
@media (max-width: 425px) {
    .nav .dropdown > li.has-dropdown > a {
      padding: 13px 45px; } }
.nav .sub ul h6 {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    margin-bottom: 22px;
    font-weight: 700;
    font-size: 15px;
    color: #0a3792;
    text-transform: uppercase; }
.nav .sub ul h6:after {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0;
      background: url(../images/double-arrow.svg) no-repeat 0 0;
      width: 11px;
      height: 13px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .sub ul h6 {
        margin-bottom: 13px;
        font-size: 15px; } }
.nav .sub ul {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav .sub ul {
        opacity: 1;
        visibility: visible;
        display: none; } }
    
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape){
.nav .sub ul {
    width: 100%;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    min-height: 1px;
    padding: 0;
}}


@media (min-width: 767px) {
.nav .has-dd:hover > .sub ul {
    opacity: 1;
    visibility: visible;
    z-index: 10000000; }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .sub-mobile-view  {
    display: block !important; 
    opacity: 1 !important; 
        visibility: visible !important; 
        z-index: 10000000 !important; 
   }
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav .has-dd:hover:after {
      content: '-'; } }

/* ------------------------------------------------------------ *\
  Nav Trigger
\* ------------------------------------------------------------ */
.nav-trigger {
  position: absolute;
  right: 34px;
  top: 36px;
  display: none;
  text-decoration: none;
  width: 33px;
  height: 24px;
  z-index: 1; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav-trigger {
      display: block; } }
@media (max-width: 425px) {
    .nav-trigger {
      top: 28px;
      left: 28px; } }
.nav-trigger span {
    position: absolute;
    left: 0;
    display: block;
    height: 3px;
    width: 33px;
    background-color: #000; }
.nav-trigger span:first-child {
    top: 0;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s; }
.nav-trigger span:nth-child(2) {
    top: 10px;
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s; }
.nav-trigger span:last-child {
    top: 21px;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s; }
.nav-trigger.is-active span:nth-child(2) {
    opacity: 0; }
.nav-trigger.is-active span:first-child,
  .nav-trigger.is-active span:last-child {
    top: 12px; }
.nav-trigger.is-active span:first-child {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
.nav-trigger.is-active span:last-child {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
/* ------------------------------------------------------------ *\
  Menu
\* ------------------------------------------------------------ */
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .menu {
    width: 100%; } }
/* ------------------------------------------------------------ *\
  News Items
\* ------------------------------------------------------------ */
.news-items {
  list-style: none outside none; }
.news-items li + li {
    margin-top: 9px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-items li + li {
        margin-top: 7px; } }
/* ------------------------------------------------------------ *\
  News Item
\* ------------------------------------------------------------ */
.news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; 
      
  padding: 10px;    
}

    .news-item_column_1 { padding-left: 100px !important}


@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .news-item_column_1 { padding-left: 20px !important}
}
.news-item .news-item__image {
    max-width: 160px;
    width: 100%; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-item .news-item__image {
        max-width: 113px; } }
.news-item .news-item__image img {
    display: block;
    width: 100%;
    height: auto; }
.news-item .news-item__content {
    max-width: calc(100% - 30px);
    width: 100%;
    padding-left: 25px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-item .news-item__content {
        max-width: calc(100% - 113px);
        padding-left: 20px; } }
.news-item .news-item__title {
    margin-bottom: 11px;
    text-transform: uppercase;
    font-size: 17px;  }
.news-item .news-item__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media (max-width: 1023px) {
      .news-item .news-item__meta {
        display: block; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-item .news-item__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
.news-item .news-item__meta p {
    margin: 0;
    margin-left: 14px;
    font-size: 13px; }
@media (max-width: 1023px) {
      .news-item .news-item__meta p {
        margin-left: 0;
        margin-top: 10px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-item .news-item__meta p {
        margin-left: 10px;
        margin-top: 0;
        font-size: 9px; } }
/* ------------------------------------------------------------ *\
  News Item Single
\* ------------------------------------------------------------ */
.news-item--single {
  display: block; }
.news-item--single .news-item__image {
    max-width: 100%; }
.news-item--single .news-item__content {
    max-width: 100%;
    padding: 17px 22px; }
@media (max-width: 1023px) {
      .news-item--single .news-item__content {
        padding: 15px 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-item--single .news-item__content {
        padding: 14px 30px 14px 15px; } }
.news-item--single .news-item__meta {
    margin-bottom: 12px; }
@media (max-width: 1023px) {
      .news-item--single .news-item__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 8px; } }
.news-item--single .news-item__meta p {
    font-size: 15px;
    margin-left: 20px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-item--single .news-item__meta p {
        font-size: 11px;
        margin-top: -4px;
        margin-left: 10px; } }
.news-item--single .news-item__title {
    margin-bottom: 13px;
    color: #000; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-item--single .news-item__title {
        font-size: 15px;
        margin-bottom: 9px; } }
.news-item--single .news-item__actions {
    margin-top: -5px;
    text-align: right; }
.news-item--single .btn {
    padding: 7px 15px;
    font-size: 12px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .news-item--single .btn {
        padding: 5px 11px;
        font-size: 9px; } }
/* ------------------------------------------------------------ *\
  Payments
\* ------------------------------------------------------------ */
.payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.payments h6 {
    margin: 0;
    color: #fff;
    font-weight: 300;
    font-size: 12px; }
.payments ul {
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none outside none; }
.payments ul li + li {
    margin-left: 9px; }
/* ------------------------------------------------------------ *\
  Phone
\* ------------------------------------------------------------ */
.phone {
  font-family: "Lato Heavy", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #dc1706;
  text-decoration: none; }
  
.contact-item a {
  font-family: "Lato Heavy", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #dc1706;
  text-decoration: none; }
/* ------------------------------------------------------------ *\
  Radio
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Rating
\* ------------------------------------------------------------ */
.rating {
  position: relative;
  margin-right: 20px;
  padding-right: 43px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase; }
@media (max-width: 1023px) {
    .rating {
      margin: 0;
      padding: 18px;
      background-color: #f7f7f7;
      text-align: center;
      color: #000; } }
.rating a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
.rating:after, .rating:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none; }
@media (max-width: 1023px) {
      .rating:after, .rating:before {
        content: none; } }
.rating:before {
    right: 26px;
    height: 35px;
    width: 1px;
    background-color: #4466ac; }
.rating:after {
    right: 0;
    background: url(../images/dropdown-arrow.png) no-repeat 0 0;
    width: 12px;
    height: 5px; }
.rating:hover .rating__link {
    text-decoration: none; }
.rating .rating__link {
    display: inline-block;
    margin-top: 5px;
    font-size: 11px;
    /*text-decoration: underline;*/ }
@media (max-width: 1023px) {
      .rating .rating__link {
        font-size: 15px;
        color: #818181; } }
.rating .rating__content img,
  .rating .rating__content span {
    display: inline-block;
    vertical-align: middle; }
.rating .rating__content span {
    margin-left: 5px; }
@media (max-width: 1023px) {
      .rating .rating__content span {
        font-weight: 700;
        font-size: 15px;
        margin-left: 6px; } }
.rating p {
    margin: 0;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #0a3792;
    text-transform: none; }
.rating--alt {
    display: none; }
@media (max-width: 1023px) {
      .rating--alt {
        display: block; } }
/* ------------------------------------------------------------ *\
  Scrollbar
\* ------------------------------------------------------------ */
.mCustomScrollbar {
  max-height: 550px; }
@media (max-width: 1023px) {
    .mCustomScrollbar {
      max-height: 470px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .mCustomScrollbar {
      max-height: 550px; } }
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #ebebeb; }
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #818181; }
.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px; }
/* ------------------------------------------------------------ *\
  Search
\* ------------------------------------------------------------ */
.search {
  position: relative; }
.search .search__field {
    display: block;
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    line-height: 43px;
    padding: 0 60px 0 30px;
    font-weight: 300;
    -webkit-transition: border-color .4s;
    -o-transition: border-color .4s;
    transition: border-color .4s; }
.search .search__field:focus {
      outline: 0;
      border-color: #0a3792; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .search .search__field {
        height: 39px;
        line-height: 37px;
        font-size: 13px;
        padding: 0 40px 0 18px; } }
.search .search__btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 24px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    border-radius: 0;
    background-color: transparent; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .search .search__btn {
        right: 18px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .search .search__btn img {
      width: 19px; } }
/* ------------------------------------------------------------ *\
  Section Articles
\* ------------------------------------------------------------ */
.section-articles {
  padding: 80px 0 31px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-articles {
      padding: 46px 0; } }
.section-articles .section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-articles .section__inner {
        display: block; } }
.section-articles .section__aside {
    max-width: 330px;
    width: 100%;
    padding-top: 105px; }
@media (max-width: 1023px) {
      .section-articles .section__aside {
        max-width: 280px;
        padding-top: 150px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-articles .section__aside {
        max-width: 100%;
        padding: 40px 19px 0; } }
@media (max-width: 425px) {
      .section-articles .section__aside {
        padding: 40px 0 0; } }
.section-articles .section__content {
    max-width: calc(100% - 330px);
    width: 100%;
    padding-right: 37px; }
@media (max-width: 1023px) {
      .section-articles .section__content {
        max-width: calc(100% - 280px);
        padding-right: 15px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-articles .section__content {
        max-width: 100%;
        padding-left: 17px;
        padding-right: 0; } }
.section-articles .section__head {
    margin-bottom: 43px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-articles .section__head {
        margin-bottom: 30px;
        text-align: center; } }
.section-articles .section__head small {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 400;
    color: #0a3792;
    text-transform: uppercase; }
.section-articles .section__title {
    margin: 0;
    letter-spacing: 0.025em; }
.section-articles .section__foot {
    padding-top: 40px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-articles .section__foot {
        padding-top: 35px; } }
.section-articles .section__foot .btn {
    margin: 0 auto; }
/* ------------------------------------------------------------ *\
  Section Contacts
\* ------------------------------------------------------------ */
.section-contacts {
  padding: 19px 0 72px; }
.section-contacts .section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media (max-width: 1023px) {
      .section-contacts .section__inner {
        display: block; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-contacts .section__inner {
        max-width: 375px;
        width: 100%;
        margin: 0 auto; } }
.section-contacts .section__aside {
    max-width: 376px;
    width: 100%;
    margin-top: 33px;
    padding-left: 40px;
    padding-top: 10px;
    border-left: 5px solid #dc1706; }
@media (max-width: 1023px) {
      .section-contacts .section__aside {
        max-width: 100%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-contacts .section__aside {
        max-width: 285px;
        margin: 35px auto 0;
        padding: 10px 0 10px 25px;
        border-left-width: 10px; } }
.section-contacts .section__content {
    max-width: calc(100% - 376px);
    width: 100%;
    padding-right: 80px;
    font-size: 18px;
    line-height: 1.67; }
@media (max-width: 1023px) {
      .section-contacts .section__content {
        max-width: 100%;
        padding-right: 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-contacts .section__content {
        font-size: 15px;
        line-height: 1.55;
        text-align: center; } }
.section-contacts .section__title {
    margin-bottom: 12px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-contacts .section__title {
        margin-bottom: 15px; } }
/* ------------------------------------------------------------ *\
  Section Deals
\* ------------------------------------------------------------ */
.section-deals {
  padding: 58px 0; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-deals {
      padding: 94px 18px 30px; } }
@media (max-width: 425px) {
    .section-deals {
      padding: 94px 0 30px; } }
.section-deals .section__inner {
    position: relative;
    padding: 41px 21px 18px;
    border: 5px solid #dc1706; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-deals .section__inner {
        padding: 28px 12px 14px; } }
.section-deals .section__head {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 21px;
    background-color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-deals .section__head {
        display: block;
        text-align: center;
        background-color: transparent;
        margin-top: -27px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        top: -47px; } }
.section-deals .section__title {
    margin: 0;
    margin-right: 16px;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    text-transform: none; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-deals .section__title {
        margin: 0;
        margin-bottom: 23px;
        font-size: 23px; } }
/* ------------------------------------------------------------ *\
  Section Logos
\* ------------------------------------------------------------ */
.section-logos {
  padding: 60px 40px 72px; }
@media (max-width: 1023px) {
    .section-logos {
      padding: 40px 15px; } }
/* ------------------------------------------------------------ *\
  Section Map
\* ------------------------------------------------------------ */
.section-map {
  padding: 72px 0; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-map {
      padding: 0 0 33px; } }
.section-map .section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media (max-width: 1023px) {
      .section-map .section__inner {
        display: block; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-map .section__inner {
        margin: 0 -15px; } }
.section-map .section__map {
    max-width: 575px;
    width: 100%; }
@media (max-width: 1199px) {
      .section-map .section__map {
        max-width: 470px; } }
@media (max-width: 1023px) {
      .section-map .section__map {
        max-width: 100%; } }
.section-map .section__content {
    max-width: calc(100% - 575px);
    width: 100%;
    padding: 27px 0 0 103px; }
@media (max-width: 1199px) {
      .section-map .section__content {
        max-width: calc(100% - 470px);
        padding: 27px 0 0 40px; } }
@media (max-width: 1023px) {
      .section-map .section__content {
        max-width: 100%;
        padding: 30px 0 0 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-map .section__content {
        padding: 43px 30px 0; } }
@media (max-width: 425px) {
      .section-map .section__content {
        padding: 40px 15px 0; } }
.section-map .section__head {
    margin-bottom: 24px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-map .section__head {
        margin-bottom: 34px;
        text-align: center; } }
.section-map .section__head small {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #0a3792;
    text-transform: uppercase; }
.section-map .section__head p {
    margin: 0;
    font-size: 15px;
    line-height: 1.47; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-map .section__head p {
        line-height: 1.27; } }
.section-map .section__title {
    margin-bottom: 14px;
    letter-spacing: 0.025em; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-map .section__title {
        margin-bottom: 20px; } }
/* ------------------------------------------------------------ *\
  Section News
\* ------------------------------------------------------------ */
.section-news {
  padding: 50px 0 0; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-news {
      padding: 4px 0 0; } }
.section-news .section__head {
    margin-bottom: 45px;
    text-align: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-news .section__head {
        margin-bottom: 36px; } }
.section-news .section__head small {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 400;
    color: #0a3792;
    text-transform: uppercase; }
.section-news .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-news .section__body {
        display: block;
        padding: 0 18px; } }
@media (max-width: 425px) {
      .section-news .section__body {
        padding: 0; } }
.section-news .section__content {
    max-width: 52%;
    width: 100%;
    padding-top: 6px; }
@media (max-width: 1023px) {
      .section-news .section__content {
        max-width: 48%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-news .section__content {
        max-width: 100%; } }
.section-news .section__aside {
    max-width: 48%;
    width: 100%;
    padding-left: 21px; }
@media (max-width: 1023px) {
      .section-news .section__aside {
        max-width: 52%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-news .section__aside {
        max-width: 100%;
        padding: 0; } }
/* ------------------------------------------------------------ *\
  Section Services
\* ------------------------------------------------------------ */
.section-services {
  position: relative;
  background-color: #0a3792;
  color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-services {
      padding-bottom: 50px; } }
.section-services .section__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .25; }
.section-services .section__inner {
    position: relative;
    z-index: 1; }
.section-services .section__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__grid {
        display: block; } }
.section-services .section__col {
    position: relative;
    max-width: 33.33%;
    width: 100%; }
@media (max-width: 1023px) {
      .section-services .section__col {
        max-width: 50%; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__col {
        max-width: 100%; } }
.section-services .section__col:first-child:before,
  .section-services .section__col:nth-child(2):before,
  .section-services .section__col:nth-child(3):before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 1px;
    width: 80%;
    background: rgba(255, 255, 255, 0.25); }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__col:first-child:before,
      .section-services .section__col:nth-child(2):before,
      .section-services .section__col:nth-child(3):before {
        width: 92%; } }
.section-services .section__col:first-child .service .service__inner,
  .section-services .section__col:nth-child(2) .service .service__inner,
  .section-services .section__col:nth-child(3) .service .service__inner {
    padding: 73px 0px 30px 0px; }
@media (max-width: 1199px) {
      .section-services .section__col:first-child .service .service__inner,
      .section-services .section__col:nth-child(2) .service .service__inner,
      .section-services .section__col:nth-child(3) .service .service__inner {
        /*padding: 30px;*/ } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__col:first-child .service .service__inner,
      .section-services .section__col:nth-child(2) .service .service__inner,
      .section-services .section__col:nth-child(3) .service .service__inner {
        padding-top: 20px;
        padding-left: 0px;
        padding-bottom: 23px; } }
@media (max-width: 425px) {
      .section-services .section__col:first-child .service .service__inner,
      .section-services .section__col:nth-child(2) .service .service__inner,
      .section-services .section__col:nth-child(3) .service .service__inner {
        padding-right: 0; } }
.section-services .section__col:nth-child(4) .service .service__inner,
  .section-services .section__col:nth-child(5) .service .service__inner,
  .section-services .section__col:nth-child(6) .service .service__inner {
    padding: 30px 0px 73px 0px; }
@media (max-width: 1199px) {
      .section-services .section__col:nth-child(4) .service .service__inner,
      .section-services .section__col:nth-child(5) .service .service__inner,
      .section-services .section__col:nth-child(6) .service .service__inner {
        padding: 30px 0px 70px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__col:nth-child(4) .service .service__inner,
      .section-services .section__col:nth-child(5) .service .service__inner,
      .section-services .section__col:nth-child(6) .service .service__inner {
        padding-top: 20px;
        padding-left: 0px;
        padding-bottom: 23px; } }
@media (max-width: 425px) {
      .section-services .section__col:nth-child(4) .service .service__inner,
      .section-services .section__col:nth-child(5) .service .service__inner,
      .section-services .section__col:nth-child(6) .service .service__inner {
        padding-right: 0; } }
.section-services .section__col + .section__col:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, 0.25); }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__col + .section__col:after {
        content: none; } }
.section-services .section__col:nth-child(4):after {
    content: none; }
@media (max-width: 1023px) {
    .section-services .section__col:nth-child(3):after,
    .section-services .section__col:nth-child(5):after {
      content: none; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-services .section__col:nth-child(5):before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 1px;
      width: 92%;
      background: rgba(255, 255, 255, 0.25); } }
@media (max-width: 1023px) {
    .section-services .section__col:nth-child(4):before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 1px;
      width: 80%;
      background: rgba(255, 255, 255, 0.25); }
    .section-services .section__col:nth-child(4):after {
      content: ''; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-services .section__col:nth-child(4):after {
      content: none; }
    .section-services .section__col:nth-child(4):before {
      width: 92%; } }
.section-services .section__title {
    margin-bottom: 21px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__title {
        font-size: 33px;
        margin-bottom: 18px; } }
.section-services .section__content {
    padding: 66px 30px 28px 40px; }
@media (max-width: 1199px) {
      .section-services .section__content {
        padding: 0px 30px 0px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__content {
        padding: 68px 0px 34px;
        text-align: center; } }
@media (max-width: 425px) {
      .section-services .section__content {
        padding: 40px 0; } }
.section-services .section__content p {
    margin-bottom: 22px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-services .section__content p {
        margin-bottom: 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-services .btn {
      margin: 0 auto; } }
/* ------------------------------------------------------------ *\
  Section Testimonials
\* ------------------------------------------------------------ */
.section-testimonials {
  padding: 66px 0;
  background-color: #f5f5f5; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-testimonials {
      padding: 50px 0; } }
.section-testimonials .section__head {
    margin-bottom: 38px;
    text-align: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-testimonials .section__head {
        margin-bottom: 33px; } }
.section-testimonials .section__head small {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #0a3792;
    text-transform: uppercase; }
.section-testimonials .section__head p {
    margin: 0;
    font-size: 18px;
    color: #707070; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-testimonials .section__head p {
        font-size: 15px; } }
.section-testimonials .section__title {
    margin-bottom: 26px;
    letter-spacing: 0.025em; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-testimonials .section__title {
        margin-bottom: 19px; } }
.section-testimonials .section__foot {
    margin-top: 41px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-testimonials .section__foot {
        margin-top: 27px; } }
.section-testimonials .section__foot .btn {
    margin: 0 auto; }
.section-testimonials .section__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-testimonials .section__grid {
        margin: 0;
        padding: 0 8px; } }
.section-testimonials .section__col {
    max-width: 33.33%;
    width: 100%;
    padding: 0 10px 20px; }
@media (max-width: 1023px) {
      .section-testimonials .section__col {
        max-width: 100%;
    padding-bottom: 0; }
        .section-testimonials .section__col + .section__col {
          margin-top: 20px; }
        .section-testimonials .section__col:last-child {
          display: none; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-testimonials .section__col:nth-child(2) .testimonial:last-child {
        display: none; }
      .section-testimonials .section__col + .section__col {
        margin-top: 8px; } }
@media (max-width: 425px) {
      .section-testimonials .section__col {
        padding: 0; } }
/* ------------------------------------------------------------ *\
  Section Text
\* ------------------------------------------------------------ */
.section-text {
  padding: 11px 0 50px;
  text-align: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-text {
      padding: 16px 0 35px; } }
.section-text .section__head {
    margin-bottom: 15px;
    padding: 0 100px; }
@media (max-width: 1023px) {
      .section-text .section__head {
        padding: 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-text .section__head {
        padding: 0 40px; } }
@media (max-width: 425px) {
      .section-text .section__head {
        padding: 0; } }
.section-text .section__head small {
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #0a3792;
    text-transform: uppercase; }
.section-text .section__body {
    padding: 0 110px;
    font-size: 18px;
    line-height: 1.67; }
@media (max-width: 1023px) {
      .section-text .section__body {
        padding: 0; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-text .section__body {
        font-size: 15px;
        line-height: 1.55;
        padding: 0 30px; } }
@media (max-width: 425px) {
      .section-text .section__body {
        padding: 0; } }
.section-text .section__foot {
    margin-top: 30px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .section-text .section__foot {
        margin-top: 23px; } }
.section-text .section__foot .btn {
    margin: 0 auto; }
/* ------------------------------------------------------------ *\
  Section
\* ------------------------------------------------------------ */
.section .section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section .section__inner {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
.section .section__aside {
  max-width: 350px;
  width: 100%;
  background-color: #f5f5f5;
  margin-left: -40px;
  padding: 34px 0 160px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section .section__aside {
      max-width: 100%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin: 0;
      padding: 35px 0; } }
.section .section__aside .widget + .widget {
  margin-top: 20px; }
.section .section__content {
  max-width: calc(100% - 350px);
  width: 100%;
  padding: 36px 0 30px 56px; }
@media (max-width: 1023px) {
    .section .section__content {
      padding-left: 30px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section .section__content {
      max-width: 100%;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      padding: 30px 0; } }
.section .section__content p {
  margin-bottom: 23px;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section .section__content p {
      margin-bottom: 15px; } }
.section .section__content h5 {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 900;
  color: #000; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section .section__content h5 {
      margin-bottom: 15px;
      font-size: 20px; } }
/* ------------------------------------------------------------ *\
  Select
\* ------------------------------------------------------------ */
.select select::-ms-expand {
  display: none; }
/* ------------------------------------------------------------ *\
  Service
\* ------------------------------------------------------------ */
.service {
  position: relative;
  height: 100%;
  overflow: hidden; }
.service .service__inner {
    padding: 30px 40px 30px 70px;
    opacity: 1;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s; }
@media (max-width: 1199px) {
      .service .service__inner {
        padding: 30px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .service .service__inner {
        position: relative;
        padding-left: 70px; } }
.service .service__container {
    padding: 15px 23px 13px 53px;
    background-color: #dc1706;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  width: 80%;
  margin-left: 10%;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s; }
@media (max-width: 1199px) {
      .service .service__container {
        padding: 20px; } }
.service .service__image {
    margin-bottom: 15px; text-align: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .service .service__image {
        /*position: absolute;*/
        top: 26px;
        /*left: 33px;*/ } }
.service .service__title {
    margin-bottom: 10px; text-align: center;  }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .service .service__title {
        margin-bottom: 11px; } }
.service .service__actions {
    margin-top: 25px;
    text-align: left; }
.service:hover .service__inner {
    opacity: 0; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .service:hover .service__inner {
        opacity: 1; } }
.service:hover .service__container {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    z-index: 2; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .service:hover .service__container {
        -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
                transform: translateY(100%);
        z-index: 0; } }
/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.shell {
  max-width: calc( 1149px + 15px * 2);
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  width: 100%; }
/* Shell Fluid */
.shell--fluid {
  max-width: none; }
/* ------------------------------------------------------------ *\
  Socials
\* ------------------------------------------------------------ */
.socials ul {
  list-style: none outside none; }
.socials li {
  display: inline-block; }
.socials li + li {
  margin-left: 22px; }
.socials a {
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s; }
.socials a:hover {
    opacity: .7; }
/* ------------------------------------------------------------ *\
  Subscribe
\* ------------------------------------------------------------ */
.subscribe {
  position: relative;
  color: #f5f5f5; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .subscribe {
      max-width: 275px;
      width: 100%;
      margin: 0 auto; } }
.subscribe .subscribe__title {
    margin-bottom: 22px;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    color: #f5f5f5; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .subscribe .subscribe__title {
        font-size: 12px; } }
.subscribe .subscribe__notes {
    margin-top: 18px;
    display: block;
    font-size: 13px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .subscribe .subscribe__notes {
        font-size: 12px; } }
.subscribe .subscribe__field {
    display: block;
    width: 100%;
    height: 36px;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #ef928a;
    padding: 0 105px 0 14px;
    line-height: 34px;
    font-size: 13px;
    color: #ef928a;
    -webkit-transition: border-color .4s;
    -o-transition: border-color .4s;
    transition: border-color .4s; }
.subscribe .subscribe__field:focus {
      border-color: #000; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .subscribe .subscribe__field {
        height: 29px;
        font-size: 10px;
        line-height: 27px; } }
.subscribe .subscribe__btn {
    position: absolute;
    right: 4px;
    bottom: 37px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0;
    border: 0;
    height: 28px;
    padding: 0 16px;
    background-color: #fff;
    color: #dc1706;
    font-size: 10px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.062em;
    text-transform: uppercase;
    -webkit-transition: background .4s, color .4s;
    -o-transition: background .4s, color .4s;
    transition: background .4s, color .4s; }
.subscribe .subscribe__btn:hover {
      background-color: #000;
      color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .subscribe .subscribe__btn {
        font-size: 8px;
        height: 23px;
        line-height: 23px;
        bottom: 35px;
        padding: 0 12px; } }
/* ------------------------------------------------------------ *\
  Testimonial
\* ------------------------------------------------------------ */
.testimonial {
  padding: 10px 10px 21px 37px;
  border: 1px solid #d2d2d2;
  background-color: #fff; 
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .testimonial {
      padding: 8px 25px 21px 25px; } }
.testimonial + .testimonial {
    margin-top: 20px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial + .testimonial {
        margin-top: 8px; } }
.testimonial .testimonial__icon {
    margin-bottom: 10px;
    text-align: right; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__icon {
        margin-bottom: 8px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .testimonial .testimonial__icon img {
      width: 24px; } }
.testimonial .testimonial__icon a {
    text-decoration: none; }
.testimonial .testimonial__entry {
    margin-bottom: 30px;
    padding-right: 20px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__entry {
        padding: 0;
        margin-bottom: 18px;
        text-align: center; } }
.testimonial .testimonial__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__meta {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
.testimonial .testimonial__avatar {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #c0c0c0;
    font-weight: 900;
    font-size: 38px;
    text-transform: uppercase;
    line-height: 66px;
    text-align: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__avatar {
        width: 51px;
        height: 51px;
        line-height: 51px;
        font-size: 29px; } }
.testimonial .testimonial__author {
    max-width: calc(100% - 66px);
    padding-left: 21px;
    margin-top: -3px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__author {
        padding-left: 16px; } }
.testimonial .testimonial__author h5 {
    margin: 0; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__author h5 {
        font-size: 14px; } }
.testimonial .testimonial__author p {
    margin: 0;
    font-size: 13px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__author p {
        font-size: 10px; } }
.testimonial .testimonial__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__rating {
        padding: 5px 0 2px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .testimonial .testimonial__rating img {
      max-width: 69px; } }
.testimonial .testimonial__rating span {
    margin-left: 7px;
    font-size: 12px;
    font-weight: 400;
    color: #0a3792; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .testimonial .testimonial__rating span {
        font-size: 9px; } }
/* ------------------------------------------------------------ *\
  Time
\* ------------------------------------------------------------ */
.time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -4px;
  padding: 8px 0 8px 21px;
  background-color: #dc1706;
  color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .time {
      max-width: 185px;
      width: 100%;
      margin: 0 auto;
      padding: 8px; } }
.time p {
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .time p {
        font-size: 9px; } }
/* ------------------------------------------------------------ *\
  Time Container
\* ------------------------------------------------------------ */
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .time-container {
    display: inline-block;
    background-color: #fff;
    padding: 0 20px; } }
/* ------------------------------------------------------------ *\
  Widget
\* ------------------------------------------------------------ */
.widget .widget__actions {
  margin-top: 6px;
  padding-left: 18px;
  text-align: right; }
/* ------------------------------------------------------------ *\
  Widget Contacts
\* ------------------------------------------------------------ */
.widget--contacts {
  padding-top: 14px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .widget--contacts {
      padding-top: 23px; } }
/* ------------------------------------------------------------ *\
  Widget Socials
\* ------------------------------------------------------------ */
.widget--socials {
  text-align: center; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .widget--socials {
      border-bottom: 1px solid #fff;
      padding-bottom: 24px; } }
.widget--socials p {
    margin: 0;
    font-size: 13px;
    line-height: 1.69;
    font-weight: 400; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .widget--socials p {
        display: inline-block;
        padding: 0 12px;
        font-size: 15px;
        line-height: 1; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .widget--socials p + p {
      border-left: 1px solid #fff; } }
.widget--socials .socials {
    margin: 20px 0 16px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .widget--socials .socials {
        margin: 23px 0 23px; } }
/* ------------------------------------------------------------ *\
  Widget Subscribe
\* ------------------------------------------------------------ */
.widget--subscribe {
  overflow: hidden; }
.widget--subscribe .widget__image img {
    display: block;
    width: 100%;
    height: auto; }
.widget--subscribe .widget__content {
    position: relative;
    z-index: 1;
    background-color: #dc1706;
    padding: 8px 28px 32px;
    color: #fff;
    text-align: right; }
@media (max-width: 1023px) {
      .widget--subscribe .widget__content {
        padding: 8px 10px 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .widget--subscribe .widget__content {
        margin-top: -106px;
        padding: 7px 30px 23px;
        text-align: center; } }
@media (max-width: 425px) {
      .widget--subscribe .widget__content {
        margin-top: -50px; } }
.widget--subscribe .widget__content:before {
      content: '';
      position: absolute;
      left: 0;
      top: -75px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 75px 332px;
      border-color: transparent transparent #cf1707 transparent; }
@media (max-width: 1023px) {
        .widget--subscribe .widget__content:before {
          top: -75px;
          border-width: 0 0 75px 300px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .widget--subscribe .widget__content:before {
          border-width: 0 0 75px 768px; } }
@media (max-width: 575px) {
        .widget--subscribe .widget__content:before {
          border-width: 0 0 75px 468px; } }
@media (max-width: 425px) {
        .widget--subscribe .widget__content:before {
          border-width: 0 0 75px 550px; } }
.widget--subscribe .widget__content:after {
      content: '';
      position: absolute;
      left: 0;
      top: -62px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 62px 330px;
      border-color: transparent transparent #dc1706 transparent;
      z-index: 1; }
@media (max-width: 1023px) {
        .widget--subscribe .widget__content:after {
          top: -62px;
          border-width: 0 0 62px 280px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
        .widget--subscribe .widget__content:after {
          border-width: 0 0 62px 768px; } }
@media (max-width: 575px) {
        .widget--subscribe .widget__content:after {
          border-width: 0 0 62px 468px; } }
@media (max-width: 425px) {
        .widget--subscribe .widget__content:after {
          border-width: 0 0 62px 550px; } }
.widget--subscribe .widget__title {
    margin-bottom: 15px;
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
    color: #f5f5f5; }
@media (max-width: 1023px) {
      .widget--subscribe .widget__title {
        font-size: 20px; } }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .widget--subscribe .widget__title {
        margin-bottom: 10px;
        font-size: 23px; } }
/* ------------------------------------------------------------ *\
  Widget Links
\* ------------------------------------------------------------ */
.widget--links {
  padding: 0 20px 0 40px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .widget--links {
      padding: 0 20px; } }
.widget--links .widget__title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000; }
/* ------------------------------------------------------------ *\
  Widget Highlights
\* ------------------------------------------------------------ */
.widget--highlight {
  padding: 0 20px 14px 40px; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .widget--highlight {
      padding: 0 20px; } }
.widget--highlight .widget__title {
    margin: 0 -20px 15px -40px;
    padding: 15px 0 15px 40px;
    background-color: #0a3792;
    color: #fff;
    text-transform: uppercase; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .widget--highlight .widget__title {
        margin: 0 -20px 15px -20px; } }
/* ------------------------------------------------------------ *\
  Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden; }
/* ------------------------------------------------------------ *\
  Overwrites
\* ------------------------------------------------------------ */

@media (max-width: 812px) {
.list-logos-alt li svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 70%;
    max-height: 70%;
    width: 100%;
    height: auto;
}}

@media (max-width: 812px) {
.header .header__foot {
    text-align: center;
    color: orange;
    min-height: 107.5px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}}

@media (max-width: 812px) {
.list-logos-alt li {
    border: 2px solid #fff;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 14px;
    border-radius: 50%;
    position: relative;
} }

@media (max-width: 812px) {
.list-logos-alt li svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 70%;
    max-height: 70%;
    width: 100%;
    height: auto;
}}

@media (max-width: 812px) {
.contact-items { display: none; }
}


@media (max-width: 767px) {
.logo img {
    max-width: 187px;
}}

@media (max-width: 812px) {
.header .header__content {
    border-right: 0px !important;
}}




/* ------------------------------------------------------------ *\
       New Footer
\* ------------------------------------------------------------ */

.footer .shell { text-align: center; max-width: 1200px; }

.footer-nav-links { margin-bottom: 35px; }
.footer-nav-links ul { /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center;*/
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; flex-wrap: wrap;

 }
.footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; }
.footer-nav-links > ul > li > a { margin-left: 15px; margin-right: 15px; }

.footer-location-data { margin-bottom: 15px; }
.footer-location-data > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; flex-wrap: wrap; }

.footer-location-data > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; margin-bottom: 30px; }

.footer-content-statement { margin-bottom: 15px; }
.list-icons li { text-align: center; }
.footer .list-icons li p { line-height: 1.6; }

@media (max-width: 1023px) {
.footer-location-data > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; }
.footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 40%; max-width: 40%; }
}

@media (max-width: 767px) {
.footer-location-data > ul > li { position: relative; display: block; flex: 1 1 100%; max-width: 95%; }
.list-icons li + li { margin-top: 0px; }
.footer-nav-links > ul > li { position: relative; display: block; flex: 1 1 100%; max-width: 95%; }
}

.copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.copyright p { margin-bottom: 0px; font-size: 14px; }
.copyright .list-payments { display: flex; }
.copyright .list-payments li { display: inline-block; }

@media (max-width: 767px) {
  .copyright { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Raleway', sans-serif; font-weight: 500; text-align: center; }
  .copyright p { flex: 0 1 100%; max-width: 100%; font-size: 14px; letter-spacing: 0; }
  .copyright .footer__payments { order: -1; text-align: center; margin-bottom: 10px; }
  .copyright .list-payments { align-items: center; }
}




.footer-location-data ul { list-style-type: none; } 

.footer__content { text-align:center; }

.footer__inner h3 { text-align:center; }


.footer-location-data {     font-size: 16px;
    }
  
  .footer-content-statement {     font-size: 16px;
    }

.copyright__inner p {margin-top:8px;}

.copyright__inner p {margin-top:8px;}


.copyright {max-width:1200px; text-align:center;margin:auto;padding-left: 15px; padding-right: 15px;} 


@media (min-width: 812px) {
.header__bar { display: none; }
}

.list-logos img {
    max-width: 100%;
    max-height: 145px;
}

.cta_desc {
  text-align: center;
    left: 0;
    top: 0;
    height: 100%;
    width: 80%;
    margin-left: 10%;
}


/* ------------------------------------------------------------ *\
  Breadcrumbs
\* ------------------------------------------------------------ */

.breadcrumbs { padding: 24px 0 20px 80px;
text-align:center; 
font-size:19px;}

.breadcrumbs li:last-child { }

.breadcrumbs li + li:before { content: ''; width: 32px; height: 11px; display: inline-block; vertical-align: middle;  background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; position: relative; top: -2px; margin: 0 10px; }

.breadcrumbs a { text-decoration: none; }

@media (max-width: 1023px) {
  .breadcrumbs { padding: 20px 0; } 
}



/* ------------------------------------------------------------ *\
  Mobile Footer Overlay
\* ------------------------------------------------------------ */

.btn-overlay { display: none; }
@media (max-width: 812px) {
  .btn { height: 62px; line-height: 57px; padding: 0 10px; }

.hero__actions .btn {
    margin: auto;
}
  .btn--mobile { display: block; }  
  .btn--mobile-sm { font-size: 18px; height: 53px; line-height: 48px; }
  
  .btn-overlay { display: block; background-color: rgba(0,0,0,.55); position: fixed; left: 0; width: 100%; bottom: 0;  z-index: 10; }

  .btn-overlay a { text-decoration: none; }

  .btn-overlay .btn__content { text-align: center;  font-size: 29px; line-height: 1.2; padding: 29px 10px 46px; color: #fff; display: block; }

  .btn-overlay strong { font-weight: 300; display: block;  }

  .btn-overlay span { display: inline-block; color: #e69138; font-size: 25px; font-weight: 700; display: block; }

  .btn-overlay .btn__close { position: absolute; top: 0px; right: 10px; color: #fff; font-size: 20px;   }

  .btn-call { fill: #fff; }
}

/* ------------------------------------------------------------ *\
  Newsletter + Auto Tips
\* ------------------------------------------------------------ */

.cartips_section { align-items: center;justify-content: center;}
.cartips_title { text-align:center;} 

.nav-socials { display: none; }

@media (max-width: 767px) {
  .nav-socials { display: block; }
}

.nav-socials {
  margin-top: 10px;
  margin-bottom: 40px;
}

.nav-socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none; 
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav-socials ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; 
		} 
}
.nav-socials li {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 7px 0; 
}

.nav-socials li + li {
    margin-left: 7px; 
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
      .nav-socials li + li {
        margin-left: 30px; 
		} 
}