/* New */
/* RGB 255, 211, 0 */
/* Colors */
/* 96, 202, 173 */
/* Consultant Colors */
/* Redesign colors */
.color-primary {
  color: #ffba00;
}

.color-secondary {
  color: #2349b6;
}

/* Standard lines */
/* Newer */
/* Older */
/* Sagona */
/* Thin: 100 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/Sagona-Thin.woff2") format("woff2"), url("/assets/typefaces/sagona/Sagona-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-thin-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-thin-italic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}

/* Extra Light: 200 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/Sagona-ExtraLight.woff2") format("woff2"), url("/assets/typefaces/sagona/Sagona-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-extralight-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-extralight-italic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}

/* Light: 300 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/Sagona-Light.woff2") format("woff2"), url("/assets/typefaces/sagona/Sagona-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-light-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-light-italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

/* Book: 400 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-book.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-book-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-book-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

/* Medium: 500 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/Sagona-Medium.woff2") format("woff2"), url("/assets/typefaces/sagona/Sagona-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-medium-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-medium-italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

/* Semibold: 600 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/Sagona-SemiBold.woff2") format("woff2"), url("/assets/typefaces/sagona/Sagona-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-semibold-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-semibold-italic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}

/* Bold: 700 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-bold.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-bold-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

/* Extra Bold: 800 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-extrabold.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-extrabold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-extrabold-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-extrabold-italic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}

/* Heavy (Black): 900 */
@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-heavy.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Sagona";
  src: url("/assets/typefaces/sagona/sagona-heavy-italic.woff2") format("woff2"), url("/assets/typefaces/sagona/sagona-heavy-italic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}

/* Patron */
/* Thin: 100 */
@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-Thin.woff2") format("woff2"), url("../assets/typefaces/patron/PatronWEB-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-ThinItalic.woff2") format("woff2"), url("../assets/typefaces/patron/PatronWEB-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}

/* Light: 300 */
@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-Light.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-LightItalic.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}

/* Regular or Book: 400 */
@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-Regular.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-Italic.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

/* Medium: 500 */
@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-Medium.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-MediumItalic.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}

/* Bold: 700 */
@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-Bold.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-BoldItalic.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

/* Black: 900 */
@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-Black.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Patron";
  src: url("../assets/typefaces/patron/PatronWEB-BlackItalic.woff") format("woff"), url("../assets/typefaces/patron/PatronWEB-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}

/*
@mixin title($type: large) {
    font-weight: 900;
    color: $house-black;
    @if $type == large {
        font-size: 60px;
        line-height: 68px;
    }
    @else if $type == small {
        font-size: 36px;
        line-height: 42px;
    }
    @else if $type == extra-small {
        font-size: 28px;
        line-height: 36px;
    }
    @media screen and (max-width: 640px) {
        @if $type == large {
            font-size: 45px;
            line-height: 56px;
        }
        @else if $type == small {
            font-size: 24px;
            line-height: 34px;
        }
        @else if $type == extra-small {
            font-size: 24px;
            line-height: 34px;
        }
    }
}
*/
/*
@mixin description($type: large) {
    color: $grey-grade-5;
    @if $type == large {
        font-weight: 300;
        font-size: 28px;
        line-height: 40px;
    }
    @else if $type == small {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }
    @media screen and (max-width: 640px) {
        @if $type == large {
            font-size: 19px;
            line-height: 29px;
        }
        @else if $type == small {
            font-size: 15px;
            line-height: 26px;
        }
    }
}
*/
.content-section {
  position: relative;
  padding: 130px 0;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .content-section {
    padding: 60px 0;
  }
}

.content-section .container {
  max-width: 1280px;
  padding: 0 20px;
  margin: auto;
}

@media screen and (min-width: 1680px) {
  .hidden-xlg {
    display: none !important;
  }
}

.visible-lg {
  display: none !important;
}

@media screen and (min-width: 1400px) {
  .visible-lg {
    display: block !important;
  }
}

@media screen and (min-width: 1400px) {
  .hidden-lg {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .hidden-md {
    display: none !important;
  }
}

@media screen and (min-width: 1000px) {
  .hidden-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}

.client-hero {
  background-image: url("/assets/images/clients/dockit/hero_dockit.jpg");
}