/*
	Table of Contents

    01. Settings ----------------------------------
    02. Tools -------------------------------------
    03. Sprite ------------------------------------
    04. Generic -----------------------------------
    05. Base --------------------------------------
         Mobile -----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    06. Fonts -------------------------------------
    07. Helpers -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Colors -----------------------------------
         Responsive Helpers -----------------------
    08. Reset -------------------------------------
    09. Regions -----------------------------------
    10. Container ---------------------------------
    11. Content -----------------------------------
    12. Footer ------------------------------------
         Footer Content ---------------------------
         Footer Nav -------------------------------
         Footer Bar -------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    13. Main --------------------------------------
    14. Shell -------------------------------------
    15. Sidebar -----------------------------------
    16. Wrapper -----------------------------------
    17. Modules -----------------------------------
    18. Accordion ---------------------------------
         Expanded ---------------------------------
    19. Articles ----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    20. Articles Four -----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    21. Article -----------------------------------
         Article Image ----------------------------
         Artilce Content --------------------------
         Mobile -----------------------------------
    22. Article Primary ---------------------------
         Mobile -----------------------------------
    23. Article Secondary -------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    24. Article Row -------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    25. # Button ----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Mobile -----------------------------------
    26. Callout -----------------------------------
         Mobile -----------------------------------
    27. Cards -------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    28. Card --------------------------------------
         Card Image -------------------------------
         Card Content -----------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    29. Card Contacts -----------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
    30. Form Elements -----------------------------
    31. Field -------------------------------------
         Mobile -----------------------------------
    32. Textarea ----------------------------------
         Tablet Portrait --------------------------
    33. Select ------------------------------------
         Mobile -----------------------------------
    34. Checkbox ----------------------------------
         Mobile -----------------------------------
    35. Radio -------------------------------------
    36. Form --------------------------------------
         Form Head --------------------------------
         Form Label -------------------------------
         Form Row ---------------------------------
         Form Actions -----------------------------
         ERROR ------------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Tablet Portrait --------------------------
    37. Intro -------------------------------------
         Intro Content ----------------------------
         Intro Entry ------------------------------
         Intro Image ------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    38. Intro Simple ------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    39. Link More ---------------------------------
    40. Link More Primary -------------------------
    41. List Text ---------------------------------
    42. List Radios -------------------------------
         Mobile -----------------------------------
    43. List Count --------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    44. List Contacts -----------------------------
         Tablet Portrait --------------------------
    45. List Buttons ------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    46. List Simple -------------------------------
         Tablet Portrait --------------------------
    47. List Cases --------------------------------
         Tablet Portrait --------------------------
    48. List Links --------------------------------
         Mobile -----------------------------------
    49. List Stats --------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    50. List Contacts -----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Dropdown Menu ----------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    51. Paging ------------------------------------
         Mobile -----------------------------------
    52. Popup Profile -----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    53. Popup -------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    54. Profiles ----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    55. Profile -----------------------------------
         Profile Image ----------------------------
         Profile Image ----------------------------
         Mobile -----------------------------------
    56. Profile Bio -------------------------------
         Mobile -----------------------------------
    57. Profiles Primary --------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    58. Profile Primary ---------------------------
    59. Section -----------------------------------
         Section Head -----------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    60. Section Download --------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    61. Section Contact ---------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    62. Section Intro -----------------------------
         Section Head -----------------------------
         Section Entry ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    63. Section Simple ----------------------------
         Mobile -----------------------------------
    64. Service -----------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    65. Slick Dots --------------------------------
         Mobile -----------------------------------
    66. Slider Testimonials -----------------------
         Mobile -----------------------------------
    67. Slider Portfolio --------------------------
         Mobile -----------------------------------
    68. Table -------------------------------------
    69. Video -------------------------------------
    70. Widget ------------------------------------
    71. Themes ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Tools
\* ------------------------------------------------------------ */

.article-primary .article__head:after,
.form--checkout .form__section:after,
.form--checkout .form__actions:after {
    content: "";
    line-height: 0;
    display: table;
    clear: both;
}

.card--ico .card__image i,
.card--primary .card__image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.callout:before,
.card .card__image:after,
.intro:before,
.intro:after,
.intro .intro__image,
.intro-simple:before,
.intro-simple:after,
.intro-simple .intro__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.article .article__image,
.callout,
.card--primary .card__image,
.intro:after,
.intro .intro__image,
.intro-simple:after,
.intro-simple .intro__image,
.profile-primary .profile__image,
.section-download .section__content {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* use: @extend clearfix; @extend center; */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body {
    min-width: 320px;
    background: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333738;
    font-weight: 400;
}

a {
    color: inherit;
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

a:hover,
a[href^="tel"] {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.75em;
    font-family: "Montserrat", sans-serif;
    line-height: 1.34;
    font-weight: 500;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 32px;
    line-height: 1.25;
}

h4 {
    font-size: 28px;
    line-height: 1.43;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 21px;
    line-height: 1.53;
}

figcaption {
    max-width: 457px;
    margin-top: 9px;
    font-size: 14px;
    line-height: 1.72;
    color: #6c7172;
    font-style: italic;
}

p,
ul,
ol,
dl,
hr,
table,
blockquote {
    margin-bottom: 1.5em;
}

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;
}

body.show-popup {
    overflow: hidden;
}

body.show-nav-main .nav {
    opacity: 1;
    visibility: visible;
}

body.show-nav-main .btn-menu span {
    background-color: transparent;
}

body.show-nav-main .btn-menu span:before,
body.show-nav-main .btn-menu span:after {
    margin-top: -1px;
}

body.show-nav-main .btn-menu span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.show-nav-main .btn-menu span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Mobile */

@media (max-width: 767px) {
    body.show-fixed-header .header {
        padding: 10px 0;
        -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
    }
    body.show-fixed-header .header .logo {
        max-width: 61px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 28px;
    }
    h4 {
        font-size: 26px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 18px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    h6 {
        font-size: 16px;
    }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after {
    content: "";
    display: block;
    clear: both;
}

/*  Notext  */

.notext {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
}

/*  Hidden  */

[hidden],
.hidden {
    display: none !important;
}

/*  Alignleft  */

.alignleft {
    float: left;
}

/*  Alignright  */

.alignright {
    float: right;
}

/*  Disabled  */

[disabled],
.disabled {
    cursor: default;
}

/*  Grid  */

.cols {
    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;
    margin: 0 -15px 48px;
}

.cols:last-child {
    margin-bottom: 0;
}

.cols--gutter-md {
    margin: 0 -15px 80px;
}

.cols--space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cols--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.col {
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 0 15px;
}

.col--1of2 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.col--1of3 {
    max-width: 33.33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
}

.col--1of4 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.col--2of3 {
    max-width: 66.67%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.67%;
    flex: 0 0 66.67%;
}

.col--size1 {
    max-width: 58.27%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.27%;
    flex: 0 0 58.27%;
}

.col--size2 {
    max-width: 38.35%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38.35%;
    flex: 0 0 38.35%;
}

.col--size3 {
    max-width: 41.74%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.74%;
    flex: 0 0 41.74%;
}

.col--size4 {
    max-width: 35%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
}

.col--size5 {
    max-width: 37.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
}

.col--size6 {
    max-width: 54.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54.5%;
    flex: 0 0 54.5%;
}

.col--size7 {
    max-width: 45.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45.5%;
    flex: 0 0 45.5%;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .col--size1 {
        max-width: 61.65%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 61.65%;
        flex: 0 0 61.65%;
    }

    .col--sm-full {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .col--sm-full:last-child {
        margin-bottom: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .cols {
        margin-bottom: 30px;
    }
    .cols--gutter-md {
        margin-bottom: 40px;
    }

    .col {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .col:last-child {
        margin-bottom: 0;
    }

    .col--mobile-1of2 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 0;
    }
}

/*  Colors  */

.blue-lightest-2 {
    color: #f1fcff;
}

.blue-lightest {
    color: #abd9e4;
}

.blue-lighter {
    color: #72c1d5;
}

.blue-light {
    color: #39a9c7;
}

.blue {
    color: #0093b8;
}

.blue-dark {
    color: #007694;
}

.blue-darker {
    color: #005e75;
}

.blue-darkest {
    color: #00495c;
}

.grey-lightest-2 {
    color: #f4f4f4;
}

.grey-lightest {
    color: #dadcdc;
}

.grey-lighter {
    color: #bbbdbe;
}

.grey-light {
    color: #8c9091;
}

.grey {
    color: #6c7172;
}

.grey-dark {
    color: #4a4e4f;
}

.grey-darker {
    color: #333738;
}

.grey-darkest {
    color: #0b0d0d;
}

.red-lightest-2 {
    color: #ffeaec;
}

.red-lightest {
    color: #f3b9bf;
}

.red-lighter {
    color: #eb7682;
}

.red-light {
    color: #e14151;
}

.red {
    color: #cf1124;
}

.red-dark {
    color: #9f0414;
}

.red-darker {
    color: #80000d;
}

.red-darkest {
    color: #5f020b;
}

.red-darkest-2 {
    color: #420007;
}

.orange-lightest-2 {
    color: #fff6de;
}

.orange-lightest {
    color: #ffebb3;
}

.orange-lighter {
    color: #ffde85;
}

.orange-light {
    color: #ffd35c;
}

.orange {
    color: #ffc625;
}

.orange-dark {
    color: #ebac00;
}

.orange-darker {
    color: #c28e00;
}

.orange-darkest {
    color: #946c00;
}

.orange-darkest-2 {
    color: #705300;
}

.green-lightest-2 {
    color: #f2fff3;
}

.green-lightest {
    color: #ceedcf;
}

.green-lighter {
    color: #96d498;
}

.green-light {
    color: #5ab95d;
}

.green {
    color: #2c9f30;
}

.green-dark {
    color: #167e1a;
}

.green-darker {
    color: #0e6211;
}

.green-darkest {
    color: #064c08;
}

.green-darkest-2 {
    color: #033b05;
}

/*  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) {
    .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: 768px) and (max-width: 1024px) {
    .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: 1025px) and (max-width: 1200px) {
    .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: 1201px) {
    .feature-blog-image {
        max-width: 150px;
    }
    .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;
    }
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* {
    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;
}

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

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

.footer {
    padding: 80px 0 81px;
}

.footer .shell {
    max-width: 976px;
}

.footer .logo {
    max-width: 67px;
}

.footer a {
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

/*  Footer Content  */

.footer .footer__content {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*  Footer Nav  */

.footer .footer__nav {
    padding-top: 25px;
}

.footer .footer__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -16px;
    font-size: 14px;
    line-height: 1.71;
    font-weight: bold;
}

.footer .footer__nav li {
    padding: 0 16px;
}

.footer .footer__nav a {
    color: #fff;
}

/*  Footer Bar  */

.footer .footer__bar {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 39px;
    font-size: 12px;
    line-height: 1.34;
    color: #abd9e4;
}

.footer .footer__bar:first-child {
    margin-top: 0;
}

/*  --callout  */

.footer--callout {
    padding-top: 79px;
    margin-top: 71px;
}

.footer--callout .callout {
    margin-top: -150px;
    margin-bottom: 22px;
}

.footer--callout .callout:after {
    background: #00495c;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .footer {
        padding: 70px 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .footer {
        padding: 40px 0;
        text-align: center;
    }
    .footer .list-links {
        margin-top: 5px;
    }
    .footer .list-links:first-child {
        margin-top: 0;
    }
    .footer .footer__content {
        display: block;
    }
    .footer .footer__nav {
        padding-top: 20px;
    }
    .footer .footer__nav ul {
        display: block;
        font-size: 16px;
    }
    .footer .footer__bar {
        display: block;
        margin-top: 30px;
    }

    .footer--callout {
        padding-top: 50px;
        margin-top: 80px;
    }
    .footer--callout .callout {
        margin-bottom: 20px;
    }
}

/* ------------------------------------------------------------ *\
	# Header
\* ------------------------------------------------------------ */

.header {
    position: relative;
    z-index: 50;
    padding: 20px 0;
    background: #fff;
    -webkit-transition: padding 0.4s, -webkit-box-shadow 0.4s;
    transition: padding 0.4s, -webkit-box-shadow 0.4s;
    -o-transition: padding 0.4s, box-shadow 0.4s;
    transition: padding 0.4s, box-shadow 0.4s;
    transition: padding 0.4s, box-shadow 0.4s, -webkit-box-shadow 0.4s;
}

.header .shell {
    max-width: 1375px;
}

.header .nav {
    padding-top: 4px;
}

.header .header__content {
    position: relative;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .header {
        padding: 15px 0;
    }
    .header .nav {
        padding-top: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }
    .header + * {
        margin-top: 112px;
    }
    .header .nav {
        padding-top: 70px;
    }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell {
    max-width: 1270px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

.shell--fluid {
    max-width: none;
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {
    min-height: 100vh;
    overflow: hidden;
}

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion {
    font-size: 16px;
    line-height: 1.5;
}

.accordion .accordion__section {
    padding: 16px 0;
    border-bottom: 1px solid #dadcdc;
}

.accordion .accordion__section:first-child {
    border-top: 1px solid #dadcdc;
}

.accordion .accordion__head {
    position: relative;
    padding-left: 36px;
    cursor: pointer;
}

.accordion .accordion__head i {
    position: absolute;
    top: 50%;
    left: 14px;
    margin-top: -9px;
    font-size: 18px;
    color: #8c9091;
    -webkit-transition: margin 0.4s, color 0.4s, -webkit-transform 0.4s;
    transition: margin 0.4s, color 0.4s, -webkit-transform 0.4s;
    -o-transition: transform 0.4s, margin 0.4s, color 0.4s;
    transition: transform 0.4s, margin 0.4s, color 0.4s;
    transition: transform 0.4s, margin 0.4s, color 0.4s, -webkit-transform 0.4s;
    will-change: transform;
}

.accordion .accordion__head h5 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
}

.accordion .accordion__body {
    display: none;
    padding-left: 36px;
    margin-top: 8px;
}

/*  Expanded  */

.accordion .expanded .accordion__head i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #0093b8;
}

.accordion .expanded .accordion__head h5 {
    font-weight: bold;
}

/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */

.articles .cols {
    margin: 0 -39px;
}

.articles .col {
    padding: 0 39px;
}

.articles .articles__title {
    border-bottom: 1px solid #dadcdc;
    margin-bottom: 24px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #8c9091;
    font-weight: bold;
    text-transform: uppercase;
}

.articles .articles__title:last-child {
    margin-bottom: 0;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .articles .col {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 50px;
    }
    .articles .col:last-child {
        margin-bottom: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .articles .articles__title {
        margin-bottom: 15px;
    }

    .articles .col {
        margin-bottom: 35px;
    }
}

/* ------------------------------------------------------------ *\
	Articles Four
\* ------------------------------------------------------------ */

.articles-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -22px;
}

.articles-four > [class^="article"] {
    width: 25%;
    padding: 0 22px;
}

.articles-four > [class^="article"]:nth-child(n + 5) {
    margin-top: 64px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .articles-four {
        margin: 0 -5px;
    }
    .articles-four > [class^="article"] {
        padding: 0 5px;
    }
    .articles-four > [class^="article"]:nth-child(n + 5) {
        margin-top: 10px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .articles-four {
        display: block;
        margin: 0;
    }
    .articles-four > [class^="article"] {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .articles-four > [class^="article"]:last-child {
        margin-bottom: 0;
    }
}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article {
    border-radius: 3px;
    -webkit-box-shadow: 0 17px 10px -10px rgba(11, 13, 13, 0.1);
    box-shadow: 0 17px 10px -10px rgba(11, 13, 13, 0.1);
    overflow: hidden;
}

/*  Article Image  */

.article .article__image {
    padding-top: 56.2%;
}

/*  Artilce Content  */

.article .article__content {
    padding: 48px;
    background: #fff;
    color: #6c7172;
}

.article .article__content h6 {
    margin-bottom: 16px;
    color: #005e75;
}

.article .article__content h6:last-child {
    margin-bottom: 0;
}

.article .article__content p {
    margin-bottom: 24px;
}

.article .article__content p:last-child {
    margin-bottom: 0;
}

/* Mobile */

@media (max-width: 767px) {
    .article .article__content {
        padding: 25px;
    }
    .article .article__content h6 {
        margin-bottom: 12px;
    }
    .article .article__content p {
        margin-bottom: 15px;
    }
}

/* ------------------------------------------------------------ *\
	Article Primary
\* ------------------------------------------------------------ */

.article-primary {
    position: relative;
}

.article-primary .article__head {
    position: relative;
    padding-right: 45px;
    margin-bottom: 15px;
}

.article-primary .article__head i {
    position: absolute;
    top: 0;
    right: 0;
}

.article-primary .article__head img {
    float: left;
    margin-right: 16px;
}

.article-primary .article__head:last-child {
    margin-bottom: 0;
}

.article-primary .article__title {
    padding-top: 1px;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 1.34;
    color: #0093b8;
    font-weight: 500;
}

.article-primary .article__title a {
    text-decoration: none;
}

.article-primary .article__title:last-child {
    margin-bottom: 0;
}

/* Mobile */

@media (max-width: 767px) {
    .article-primary .article__head {
        padding-right: 0;
        margin-bottom: 10px;
    }
    .article-primary .article__head img {
        float: none;
        width: 100%;
    }

    .article-primary .article__title {
        padding-right: 30px;
        margin-top: 15px;
        font-size: 20px;
    }
    .article-primary .article__title:first-child {
        margin-top: 0;
    }

    .article-primary .article__body p {
        margin-bottom: 12px;
    }
    .article-primary .article__body p:last-child {
        margin-bottom: 0;
    }
}

/* ------------------------------------------------------------ *\
	Article Secondary
\* ------------------------------------------------------------ */

.article-secondary .article__inner {
    height: 100%;
    padding: 24px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
}

.article-secondary .article__image {
    display: block;
    padding: 0 12px;
    margin-bottom: 25px;
}

.article-secondary .article__image img {
    border-radius: 100%;
    -webkit-box-shadow: inset 0px 0px 9px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 0px 9px rgba(0, 0, 0, 0.05);
}

.article-secondary .article__image:last-child {
    margin-bottom: 0;
}

.article-secondary .article__title {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 1.34;
    color: #005e75;
    font-weight: 500;
}

.article-secondary .article__title a {
    text-decoration: none;
}

.article-secondary .article__title:last-child {
    margin-bottom: 0;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .article-secondary .article__inner {
        padding: 20px 15px;
    }

    .article-secondary .article__image {
        max-width: 150px;
        padding: 0;
        margin: 0 auto 15px;
    }

    .article-secondary .article__title {
        margin-bottom: 10px;
        font-size: 18px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .article-secondary .article__inner {
        padding: 20px;
    }

    .article-secondary .article__image {
        max-width: 100%;
    }

    .article-secondary .article__title {
        font-size: 20px;
    }
}

/* ------------------------------------------------------------ *\
	Article Row
\* ------------------------------------------------------------ */

.article-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 56px;
    color: #4a4e4f;
}

.article-row:last-child {
    margin-bottom: 0;
}

.article-row p {
    margin-bottom: 16px;
}

.article-row p:last-child {
    margin-bottom: 0;
}

.article-row .article__image {
    width: 40.323%;
}

.article-row .article__image a {
    text-decoration: none;
}

.article-row .article__content {
    width: 59.68%;
    padding-left: 30px;
}

.article-row .article__title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.34;
    color: #0093b8;
    font-weight: 500;
}

.article-row .article__title:last-child {
    margin-bottom: 0;
}

.article-row .article__title a {
    text-decoration: none;
}

.article-row .article__meta {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.79;
    color: #8c9091;
}

.article-row .article__meta:last-child {
    margin-bottom: 0;
}

.article-row .article__meta a {
    text-decoration: none;
}

.article-row .article__meta p {
    margin-bottom: 8px;
}

.article-row .article__meta p:last-child {
    margin-bottom: 0;
}

/*  --primary  */

.article-row--primary {
    display: block;
    padding-bottom: 40px;
    border-bottom: 1px solid #bbbdbe;
    margin-bottom: 40px;
    color: #333738;
}

.article-row--primary:last-child {
    margin-bottom: 72px;
}

.article-row--primary p {
    margin-bottom: 24px;
}

.article-row--primary .article__image {
    width: 100%;
}

.article-row--primary .article__content {
    position: relative;
    width: 100%;
    padding-right: 320px;
    padding-left: 0;
}

.article-row--primary .article__title {
    margin-bottom: 16px;
}

.article-row--primary .article__meta {
    position: absolute;
    top: 7px;
    right: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    color: inherit;
    text-align: right;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .article-row .article__title {
        font-size: 20px;
    }
    .article-row .article__meta {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .article-row .article__meta p {
        margin-bottom: 5px;
    }

    .article-row--primary:last-child {
        margin-bottom: 0;
    }
    .article-row--primary .article__content {
        padding-right: 200px;
    }
    .article-row--primary .article__meta {
        margin-bottom: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .article-row {
        display: block;
        margin-bottom: 35px;
    }

    .article-row .article__title {
        font-size: 18px;
    }

    .article-row .article__meta {
        font-size: 14px;
    }
    .article-row .article__meta p {
        margin-bottom: 0;
    }

    .article-row .article__image {
        width: 100%;
        margin-bottom: 20px;
    }
    .article-row .article__image:last-child {
        margin-bottom: 0;
    }

    .article-row .article__content {
        width: 100%;
        padding-left: 0;
    }

    .article-row--primary {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .article-row--primary .article__content {
        padding-right: 0;
    }

    .article-row--primary .article__title {
        margin-bottom: 10px;
    }

    .article-row--primary .article__meta {
        position: static;
        margin-bottom: 10px;
        text-align: left;
    }
}

/* ------------------------------------------------------------ *\
	# Button
\* ------------------------------------------------------------ */

[class^="btn"] {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn {
    min-width: 90px;
    padding: 6px 24px;
    border: 1px solid transparent;
    background: #0093b8;
    font-size: 12px;
    line-height: 1.33;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.125em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn.green {
    margin-top: 40px;
    font-size: 16px;
    background: #3cb371;
    font-size: 18px;
    letter-spacing: 0;
}

.btn:hover {
    background: #005e75;
    text-decoration: none !important;
}

.btn:focus {
    background: #0093b8;
    color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 147, 184, 0.8);
    box-shadow: 0 0 5px rgba(0, 147, 184, 0.8);
}

/*  --shadow  */

.btn--shadow {
    -webkit-box-shadow: 0 5px 5px rgba(0, 73, 92, 0.34);
    box-shadow: 0 5px 5px rgba(0, 73, 92, 0.34);
}

.btn--shadow:hover {
    -webkit-box-shadow: 0 2px 5px rgba(0, 73, 92, 0.34);
    box-shadow: 0 2px 5px rgba(0, 73, 92, 0.34);
}

/*  --disabled  */

.btn--disabled {
    background: #dadcdc;
    pointer-events: none;
}

.btn--disabled:hover {
    background: #dadcdc;
}

.btn--disabled.btn--shadow,
.btn--disabled.btn--shadow:hover {
    -webkit-box-shadow: 0 5px 5px #dadcdc;
    box-shadow: 0 5px 5px #dadcdc;
}

/*  --secondary  */

.btn--secondary {
    border-color: #abd9e4;
    background: #f1fcff;
    color: #007694;
}

.btn--secondary:hover {
    border-color: #abd9e4;
    background: #fff;
    color: #39a9c7;
}

.btn--secondary:focus {
    border-color: #abd9e4;
    background: #f1fcff;
    color: #007694;
    -webkit-box-shadow: 0 0 5px rgba(0, 147, 184, 0.7);
    box-shadow: 0 0 5px rgba(0, 147, 184, 0.7);
}

.btn--secondary.btn--disabled,
.btn--secondary.btn--disabled:hover {
    background: #f4f4f4;
    color: #bbbdbe;
}

.btn--secondary.btn--shadow {
    -webkit-box-shadow: 0 5px 5px rgba(114, 193, 213, 0.26);
    box-shadow: 0 5px 5px rgba(114, 193, 213, 0.26);
}

.btn--secondary.btn--shadow:hover {
    -webkit-box-shadow: 0 2px 5px rgba(114, 193, 213, 0.2);
    box-shadow: 0 2px 5px rgba(114, 193, 213, 0.2);
}

.btn--secondary.btn--shadow.btn--disabled,
.btn--secondary.btn--shadow.btn--disabled:hover {
    -webkit-box-shadow: 0 5px 5px rgba(218, 220, 220, 0.4);
    box-shadow: 0 5px 5px rgba(218, 220, 220, 0.4);
}

/*  --white  */

.btn--white {
    border-color: #f4f4f4;
    background: #fff;
    color: #0093b8;
    -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.12);
}

.btn--white:hover {
    border-color: #abd9e4;
    background: #f1fcff;
}

/*  --md  */

.btn--md {
    padding: 9px 24px;
}

/*  --xl  */

.btn--xl {
    padding: 29px 54px;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 1.34;
    font-weight: 500;
    letter-spacing: 0;
}

.btn--xl i {
    margin-top: -6px;
    margin-left: 0;
}

/*  --block  */

.btn--block {
    display: block;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .btn--xl {
        padding: 20px 45px;
        font-size: 20px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .btn--xl {
        padding: 15px 20px;
        font-size: 18px;
    }
}

/* ------------------------------------------------------------ *\
	- Menu
\* ------------------------------------------------------------ */

.btn-menu {
    display: none;
    width: 32px;
    height: 32px;
    position: relative;
}

.btn-menu *,
.btn-menu *:before,
.btn-menu *:after {
    -webkit-transition: background 0.4s, margin 0.4s, -webkit-transform 0.4s;
    transition: background 0.4s, margin 0.4s, -webkit-transform 0.4s;
    -o-transition: background 0.4s, margin 0.4s, transform 0.4s;
    transition: background 0.4s, margin 0.4s, transform 0.4s;
    transition: background 0.4s, margin 0.4s, transform 0.4s, -webkit-transform 0.4s;
}

.btn-menu span,
.btn-menu span:before,
.btn-menu span:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    height: 3px;
    background-color: #0093b8;
}

.btn-menu span:before {
    margin-top: -11px;
}

.btn-menu span:after {
    margin-top: 7px;
}

/* Mobile */

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

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

.callout {
    position: relative;
    padding: 48px 0 112px;
    font-size: 18px;
    line-height: 1.78;
    color: #fff;
    text-align: center;
}

.callout:before {
    content: "";
    background-image: -o-linear-gradient(118deg, #006cb8 0%, #0093b8 52%, #00abb8 100%);
    background-image: linear-gradient(-28deg, #006cb8 0%, #0093b8 52%, #00abb8 100%);
    opacity: 0.92;
    pointer-events: none;
}

.callout:after {
    content: "";
    position: absolute;
    right: 27px;
    bottom: -1px;
    left: -200px;
    -webkit-transform: skew(49deg);
    -ms-transform: skew(49deg);
    transform: skew(49deg);
    height: 48px;
    background: #fff;
    pointer-events: none;
}

.callout .shell {
    position: relative;
    z-index: 5;
}

.callout h2 {
    margin-bottom: 16px;
}

.callout h2:last-child {
    margin-bottom: 0;
}

.callout p {
    max-width: 516px;
    margin: 0 auto 31px;
    text-shadow: 0 2px 4px rgba(0, 73, 92, 0.4);
}

.callout p:last-child {
    margin-bottom: 0;
}

/* Mobile */

@media (max-width: 767px) {
    .callout {
        padding: 30px 0 90px;
        font-size: 16px;
    }
}

/* ------------------------------------------------------------ *\
	Cards
\* ------------------------------------------------------------ */

.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -22px;
}

.cards .card {
    width: calc(50% - 30px);
    height: auto;
    margin: 0 15px;
}

.cards .card:nth-child(n + 3) {
    margin-top: 57px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .cards {
        display: block;
        margin: 0;
    }
    .cards .card {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 32px;
    }
    .cards .card:nth-child(n + 3) {
        margin-top: 0;
    }
    .cards .card:last-child {
        margin-bottom: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .cards .card {
        margin-bottom: 16px;
    }
}

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: 41px 48px 41px 40px;
    border: 1px solid #dadcdc;
    border-radius: 3px;
    background: #fff;
    color: #4a4e4f;
    -webkit-box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
    color: #005e75 !important;
}

.card h6 {
    margin-bottom: 13px;
}

.card h6:last-child {
    margin-bottom: 0;
}

.card p {
    margin-bottom: 16px;
}

.card p:last-child {
    margin-bottom: 2px;
}

.card .btn {
    margin-top: 17px;
}

/*  Card Image  */

.card .card__image {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background-color: #f1fcff;
}

.card .card__image:after {
    content: "";
    z-index: 5;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 4px rgba(108, 113, 114, 0.1);
    box-shadow: inset 0 0 4px rgba(108, 113, 114, 0.1);
}

.card .card__image img {
    border-radius: 100%;
}

/*  Card Content  */

.card .card__content {
    width: calc(100% - 140px);
    padding-left: 42px;
}

.card .card__content p span {
    font-size: 14px;
    line-height: 1.71;
    color: #8c9091;
}

/*  --ico  */

.card--ico {
    border: 0;
}

.card--ico h6 {
    margin-bottom: 23px;
    font-size: 24px;
    line-height: 1.34;
}

.card--ico .btn {
    margin-top: 0;
}

.card--ico .card__image {
    width: 110px;
    height: 110px;
}

.card--ico .card__image:before {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    bottom: -3px;
    left: -3px;
    background: url(../images/card-icon-bg.png) center no-repeat;
    background-size: 100%;
}

.card--ico .card__image:after {
    display: none;
}

.card--ico .card__content {
    width: calc(100% - 110px);
    padding-left: 72px;
}

/*  --primary  */

.card--primary {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 48px 48px 47px 0;
}

.card--primary .btn {
    margin-top: 19px;
}

.card--primary .card__image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 182px;
    height: auto;
    border-radius: 3px 0 0 3px;
}

.card--primary .card__image img {
    border-radius: 0;
}

.card--primary .card__content {
    width: calc(100% - 182px);
    padding-left: 40px;
    margin-left: auto;
}

/*  --secondary  */

.card--secondary {
    height: auto;
    padding: 41px 30px 38px;
    color: #6c7172;
    text-align: center;
}

.card--secondary .card__image {
    width: 100%;
    height: auto;
    margin-bottom: 13px;
    background: none;
}

.card--secondary .card__image:after {
    display: none;
}

.card--secondary .card__image:last-child {
    margin-bottom: 0;
}

.card--secondary .card__image img {
    display: block;
    margin: 0 auto;
    -webkit-box-shadow: inset 0px 0px 4px rgba(108, 113, 114, 0.1);
    box-shadow: inset 0px 0px 4px rgba(108, 113, 114, 0.1);
    max-width: 141px;
}

.card--secondary .card__content {
    width: 100%;
    padding-left: 0;
}

/*  --product  */

.card--product {
    display: block;
    min-height: 200px;
    padding: 0;
    border: 0;
    color: #4a4e4f;
}

.card--product .card__image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 182px;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
}

.card--product .card__image a {
    text-decoration: none;
}

.card--product .card__image:after {
    display: none;
}

.card--product .card__image img {
    border-radius: 0;
    width: auto;
    max-height: 100%;
}

.card--product .card__content {
    width: calc(100% - 182px);
    height: 100%;
    padding: 48px;
    margin-left: auto;
}

.card--product .card__content h4 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.34;
    color: #005e75;
    font-weight: 500;
}

.card--product .card__content h4:last-child {
    margin-bottom: 0;
}

.card--product .card__content h4 a {
    text-decoration: none;
}

.card--product .card__content p {
    margin-bottom: 24px;
}

.card--product .card__content p:last-child {
    margin-bottom: 0;
}

.card--product .card__content .btn {
    margin-top: 0;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .card {
        padding: 30px;
    }
    .card--primary {
        padding-left: 0;
    }
    .card--primary .card__content {
        padding-left: 30px;
    }

    .card--product {
        padding: 0;
    }
    .card--product .card__content {
        padding: 30px;
    }
    .card--product .card__content h4 {
        font-size: 20px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .card--ico {
        padding: 20px;
        font-size: 14px;
    }
    .card--ico h6 {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .card--ico .btn {
        margin-top: 10px;
    }
    .card--ico .card__image {
        width: 70px;
        height: 70px;
    }
    .card--ico .card__content {
        width: calc(100% - 70px);
        padding-left: 20px;
    }

    .card--primary {
        max-width: 660px;
        margin-right: auto;
        margin-left: auto;
    }

    .card--secondary {
        padding: 20px;
    }

    .card--product .card__content {
        padding: 48px;
    }
    .card--product .card__content h4 {
        font-size: 24px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .card {
        display: block;
        padding: 20px;
        text-align: center;
    }
    .card .card__image {
        margin: 0 auto 20px;
    }
    .card .card__content {
        width: 100%;
        padding-left: 0;
    }

    .card--primary {
        padding: 0;
        text-align: left;
    }
    .card--primary h6 {
        margin-bottom: 8px;
    }
    .card--primary .btn {
        margin-top: 10px;
    }
    .card--primary .card__image {
        width: 33%;
        margin-bottom: 0;
    }
    .card--primary .card__content {
        width: 67%;
        padding: 15px;
    }

    .card--product {
        min-height: auto;
        padding: 0;
        text-align: left;
    }
    .card--product .card__image {
        width: 100px;
        margin-bottom: 0;
    }
    .card--product .card__content {
        width: calc(100% - 100px);
        padding: 16px;
    }
    .card--product .card__content h4 {
        font-size: 16px;
    }
    .card--product .card__content p {
        margin-bottom: 16px;
    }
}

/* ------------------------------------------------------------ *\
	Card Contacts
\* ------------------------------------------------------------ */

.card-contacts {
    padding: 45px 48px 48px;
    border: 1px solid #dadcdc;
    background: #fff;
    -webkit-box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
}

/* Small Desktop */

@media (max-width: 1200px) {
    .card-contacts {
        padding: 25px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .card-contacts {
        padding: 20px;
    }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-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:-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;
}

/* ------------------------------------------------------------ *\
	Field
\* ------------------------------------------------------------ */

.field {
    width: 100%;
    max-width: 393px;
    height: 43px;
    padding: 0 15px;
    border: 1px solid #0093b8;
    border-radius: 2px;
    background: #f4f4f4;
    font-size: 16px;
    line-height: 41px;
    color: #4a4e4f;
    font-weight: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.field:focus {
    background: #fff;
}

.field::-webkit-input-placeholder {
    color: #8c9091;
    opacity: 1;
}

.field:-ms-input-placeholder {
    color: #8c9091;
    opacity: 1;
}

.field::-ms-input-placeholder {
    color: #8c9091;
    opacity: 1;
}

.field::placeholder {
    color: #8c9091;
    opacity: 1;
}

/*  --primary  */

.field--primary {
    max-width: 100%;
    height: 51px;
    border: 1px solid #dadcdc;
    border-radius: 0;
    background: #fafafa;
    line-height: 49px;
}

/*  --white  */

.field--white {
    background: #fff;
}

.error .field {
    border-color: #cf1124;
}

/* Mobile */

@media (max-width: 767px) {
    .field--primary {
        height: 44px;
        line-height: 42px;
    }
}

/* ------------------------------------------------------------ *\
	Textarea
\* ------------------------------------------------------------ */

.textarea {
    display: block;
    width: 100%;
    max-width: 605px;
    height: 284px;
    padding: 10px 15px;
    border: 1px solid #0093b8;
    border-radius: 2px;
    background: #f4f4f4;
    font-size: 16px;
    line-height: 1.5;
    color: #333738;
    font-weight: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
}

.textarea:focus {
    background: #fff;
}

/*  --primary  */

.textarea--primary {
    height: 163px;
    border: 1px solid #dadcdc;
    border-radius: 0;
    background: #fafafa;
}

/*  --white  */

.textarea--white {
    background: #fff;
}

.error .textarea {
    border-color: #cf1124;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .textarea {
        max-width: 100%;
    }
}

/* ------------------------------------------------------------ *\
	Select
\* ------------------------------------------------------------ */

.select {
    position: relative;
}

.select:before {
    content: "\f078";
    position: absolute;
    top: 18px;
    right: 16px;
    width: 14px;
    height: 16px;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    line-height: 16px;
    color: #0093b8;
    font-weight: 900;
    pointer-events: none;
}

.select select {
    width: 100%;
    height: 51px;
    padding: 0 16px;
    border: 1px solid #dadcdc;
    border-radius: 0;
    background: #fafafa;
    font-size: 16px;
    color: #333738;
    line-height: 49px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select select::-ms-expand {
    display: none;
}

.error .select select {
    border-color: #cf1124;
}

/* Mobile */

@media (max-width: 767px) {
    .select:before {
        top: 14px;
    }
    .select select {
        height: 44px;
        line-height: 42px;
    }
}

/* ------------------------------------------------------------ *\
	Checkbox
\* ------------------------------------------------------------ */

.checkbox {
    line-height: 1.19;
}

.checkbox label {
    position: relative;
    display: inline-block;
    padding: 7px 22px 5px;
    margin: 0;
    font-family: "Roboto", sans-serif;
    line-height: inherit;
    color: inherit;
    font-weight: normal;
}

.checkbox label:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px;
    background-image: url(../images/box.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.checkbox input {
    display: none;
}

.checkbox input:checked + label:before {
    background-image: url(../images/checkbox-check.svg);
}

/*  --white  */

.checkbox--white label:before {
    background-image: url(../images/box-white.svg);
}

.checkbox--white input:checked + label:before {
    background-image: url(../images/checkbox-check-white.svg);
}

/* Mobile */

@media (max-width: 767px) {
    .checkbox label:before {
        top: 9px;
    }
}

/* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */

.radio {
    line-height: 1.19;
}

.radio label {
    position: relative;
    display: inline-block;
    padding: 1px 0 1px 22px;
    margin: 0;
    font-family: "Roboto", sans-serif;
    line-height: inherit;
    color: inherit;
    font-weight: normal;
}

.radio label:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #333738;
    border-radius: 100%;
}

.radio label:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #0093b8;
    opacity: 0;
    visibility: hidden;
}

.radio input {
    display: none;
}

.radio input:checked + label:after {
    opacity: 1;
    visibility: visible;
}

/*  --white  */

.radio--white label:before {
    border-color: #fff;
}

.radio--white label:after {
    background: #fff;
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {
    padding-bottom: 33px;
}

/*  Form Head  */

.form .form__head {
    margin-bottom: 47px;
}

.form .form__head:last-child {
    margin-bottom: 0;
}

/*  Form Label  */

.form .form__label {
    display: inline-block;
    margin-bottom: 5px;
    color: #333738;
    font-weight: bold;
}

.form .form__label:last-child {
    margin-bottom: 0;
}

.form .form__label span {
    font-weight: normal;
}

/*  Form Row  */

.form .form__row {
    margin-bottom: 37px;
}

/*  Form Actions  */

.form .form__actions {
    margin-top: 40px;
}

.form .form__actions:first-child {
    margin-top: 0;
}

/*  ERROR  */

.form .error .form__label {
    color: #cf1124;
}

/*  --primary  */

.form--primary {
    color: #000;
}

.form--primary:last-child {
    padding-bottom: 0;
}

.form--primary .form__label {
    margin-bottom: 9px;
    line-height: 1.2;
    color: inherit;
    font-weight: bold;
}

.form--primary .form__label:last-child {
    margin-bottom: 0;
}

.form--primary .form__row {
    margin-bottom: 29px;
}

.form--primary .form__actions {
    margin-top: 32px;
}

.form--primary .form__btn {
    border-radius: 0;
}

.form--primary .form__btn:hover {
    background: #007e9e;
}

/*  --primary-box  */

.form--primary-box {
    padding: 46px 102px 41px;
    background: #f1fcff;
}

.form--primary-box:last-child {
    padding-bottom: 41px;
}

/*  --checkout  */

.form--checkout {
    max-width: 1153px;
    padding: 0 9px;
}

.form--checkout h2 {
    padding-right: 30px;
    font-size: 28px;
    line-height: 1.44;
}

.form--checkout h4 {
    font-size: 21px;
    line-height: 1.53;
    color: #abd9e4;
    font-weight: 500;
}

.form--checkout h5 {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 1.79;
    color: #abd9e4;
    font-weight: normal;
}

.form--checkout .text-right {
    text-align: right;
}

.form--checkout .cols {
    margin-bottom: 33px;
}

.form--checkout .cols:last-child {
    margin-bottom: 0;
}

.form--checkout .list-btns {
    margin-top: -12px;
    margin-bottom: -12px;
}

.form--checkout .field {
    max-width: 100%;
}

.form--checkout .form__row:last-child {
    margin-bottom: 0;
}

.form--checkout .form__section {
    position: relative;
    padding: 41px 0;
}

.form--checkout .form__section:first-child {
    padding-top: 0;
}

.form--checkout .form__section:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 150vw;
    height: 1px;
    background: #72c1d5;
}

.form--checkout .form__btn:hover {
    background: #72c1d5;
}

.form--checkout .form__aside {
    float: left;
    width: 318px;
    padding-right: 30px;
}

.form--checkout .form__content {
    float: right;
    width: calc(100% - 318px);
}

.form--checkout .form__label {
    display: block;
    margin-bottom: 10px;
    line-height: 1;
    color: inherit;
}

.form--checkout .form__label:last-child {
    margin-bottom: 0;
}

.form--checkout .form__price {
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    line-height: 1.34;
    font-weight: 500;
}

.form--checkout .form__total {
    padding: 5px 16px;
    margin-bottom: 0;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .form--primary-box {
        padding: 46px;
    }

    .form--checkout h2 {
        padding-right: 0;
    }
    .form--checkout h4 {
        font-size: 18px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .form {
        padding-bottom: 0;
    }

    .form--primary .form__row {
        margin-bottom: 20px;
    }
    .form--primary .form__actions {
        margin-top: 25px;
    }

    .form--primary-box {
        padding: 35px;
    }
    .form--primary-box:last-child {
        padding-bottom: 35px;
    }

    .form--checkout h2 {
        font-size: 22px;
    }
    .form--checkout .form__price {
        font-size: 28px;
    }
    .form--checkout .form__aside {
        width: 260px;
    }
    .form--checkout .form__content {
        width: calc(100% - 260px);
    }
}

/* Mobile */

@media (max-width: 767px) {
    .form .form__head {
        margin-bottom: 30px;
    }
    .form .form__row {
        margin-bottom: 15px;
    }
    .form .form__actions {
        margin-top: 20px;
    }
    .form .form__btn {
        width: 100%;
    }

    .form--primary-box {
        padding: 15px;
    }
    .form--primary-box:last-child {
        padding-bottom: 15px;
    }

    .form--checkout h2 {
        font-size: 20px;
    }
    .form--checkout h4 {
        margin-bottom: 16px;
    }
    .form--checkout h4:last-child {
        margin-bottom: 0;
    }
    .form--checkout h5 {
        font-size: 16px;
    }
    .form--checkout .list-btns {
        margin-top: -4px;
        margin-bottom: -4px;
    }
    .form--checkout .form__section {
        padding: 30px 0;
    }
    .form--checkout .form__aside {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .form--checkout .form__aside:last-child {
        margin-bottom: 0;
    }
    .form--checkout .form__content {
        float: none;
        width: 100%;
    }
    .form--checkout .form__actions {
        margin-top: 30px;
    }
    .form--checkout .form__price {
        font-size: 24px;
    }
    .form--checkout .form__total {
        text-align: center;
    }
}

/* ------------------------------------------------------------ *\
	# Icons
\* ------------------------------------------------------------ */

[class^="ico-"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
}

.ico-times {
    width: 20px;
    height: 20px;
    background-image: url(../images/times@2x.png);
}

.ico-lightbulb {
    width: 33px;
    height: 48px;
    background-image: url(../images/lightbulb.svg);
}

.ico-tag-close {
    width: 54px;
    height: 48px;
    background-image: url(../images/tag-close.svg);
}

.ico-tag-close-md {
    width: 67px;
    height: 59px;
    background-image: url(../images/tag-close.svg);
}

.ico-link {
    width: 26px;
    height: 26px;
    background-image: url(../images/link.svg);
}

.ico-arrow-right {
    width: 12px;
    height: 11px;
    background-image: url(../images/arrow-right.svg);
}

.ico-arrow-right-lg {
    width: 25px;
    height: 23px;
    background-image: url(../images/arrow-right.svg);
}

.ico-base {
    width: 147px;
    height: 139px;
    background-image: url(../images/base.svg);
}

.ico-phone-rotary {
    width: 16px;
    height: 14px;
    background-image: url(../images/phone-rotary.svg);
}

.ico-user-md {
    width: 72px;
    height: 57px;
    background-image: url(../images/user.svg);
}

.ico-chevron-left {
    width: 9px;
    height: 17px;
    background-image: url(../images/chevron-left.svg);
}

.ico-chevron-right {
    width: 9px;
    height: 17px;
    background-image: url(../images/chevron-right.svg);
}

.ico-minus-circle {
    width: 18px;
    height: 18px;
    background-image: url(../images/minus-circle.svg);
}

.ico-plus-circle {
    width: 18px;
    height: 18px;
    background-image: url(../images/plus-circle.svg);
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .ico-lightbulb {
        width: 25px;
        height: 38px;
    }
    .ico-tag-close {
        width: 42px;
        height: 38px;
    }
    .ico-arrow-right-lg {
        width: 20px;
        height: 18px;
    }
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro {
    position: relative;
    padding-bottom: 274px;
    color: #fff;
}

.intro:before {
    content: "";
    background-image: -o-linear-gradient(227deg, #0a2f8d 0%, #056a91 48%, #0189ae 71%, #39a9c7 100%);
    background-image: linear-gradient(223deg, #0a2f8d 0%, #056a91 48%, #0189ae 71%, #39a9c7 100%);
}

.intro:after {
    content: "";
    background-image: url(../images/temp/intro-shapes.png);
}

.intro h1 {
    font-size: 60px;
    line-height: 1.2;
    font-weight: normal;
}

.intro .shell {
    display: table;
    width: 100%;
    height: 494px;
}

/*  Intro Content  */

.intro .intro__content {
    position: relative;
    z-index: 5;
    display: table-cell;
    vertical-align: middle;
    padding: 100px 0;
}

/*  Intro Entry  */

.intro .intro__entry {
    max-width: 1028px;
}

/*  Intro Image  */

.intro .intro__image {
    left: 135px;
    opacity: 0.23;
}

/*  --primary  */

.intro--primary {
    overflow: hidden;
}

.intro--primary:before {
    background-image: -o-linear-gradient(20deg, #0093b8 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(70deg, #0093b8 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.63;
}

.intro--primary:after {
    display: none;
}

.intro--primary .shell {
    max-width: 1310px;
}

.intro--primary .shell:after {
    content: "";
    position: absolute;
    bottom: 274px;
    left: calc(-100vw + 90px);
    width: 100vw;
    height: 183px;
    background: rgba(0, 147, 184, 0.72);
    -webkit-transform: skew(-44.5deg);
    -ms-transform: skew(-44.5deg);
    transform: skew(-44.5deg);
}

.intro--primary .intro__image {
    left: 0;
    opacity: 1;
}

.intro--primary .intro__content {
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 183px;
}

.intro--primary .intro__entry {
    position: relative;
    max-width: 583px;
    min-height: 406px;
    padding: 97px 20px 93px 0;
}

.intro--primary .intro__entry:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100vw;
    z-index: -1;
    background: rgba(0, 147, 184, 0.72);
}

/*  --secondary  */

.intro--secondary .intro__image {
    left: 334px;
    opacity: 0.19;
}

.intro--secondary .intro__entry {
    -webkit-transform: translateY(27px);
    -ms-transform: translateY(27px);
    transform: translateY(27px);
}

/*  --tertiary  */

.intro--tertiary .shell:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 420px;
    z-index: 1;
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(6, 92, 148, 1)), color-stop(20%, rgba(6, 92, 148, 1)), color-stop(40%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, rgba(6, 92, 148, 1) 0%, rgba(6, 92, 148, 1) 20%, rgba(255, 255, 255, 0) 40%);
    background: linear-gradient(to top, rgba(6, 92, 148, 1) 0%, rgba(6, 92, 148, 1) 20%, rgba(255, 255, 255, 0) 40%);
}

.intro--tertiary .intro__image {
    bottom: 149px;
    left: 420px;
    opacity: 0.28;
}

.intro--tertiary .intro__entry {
    -webkit-transform: translateY(27px);
    -ms-transform: translateY(27px);
    transform: translateY(27px);
}

/*  --quaternary  */

.intro--quaternary .shell:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 420px;
    z-index: 1;
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(6, 92, 148, 1)), color-stop(20%, rgba(6, 92, 148, 1)), color-stop(40%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, rgba(6, 92, 148, 1) 0%, rgba(6, 92, 148, 1) 20%, rgba(255, 255, 255, 0) 40%);
    background: linear-gradient(to top, rgba(6, 92, 148, 1) 0%, rgba(6, 92, 148, 1) 20%, rgba(255, 255, 255, 0) 40%);
}

.intro--quaternary .intro__image {
    bottom: 149px;
    left: 453px;
    opacity: 0.24;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .intro h1 {
        font-size: 46px;
    }
    .intro .intro__entry {
        max-width: 800px;
    }

    .intro--primary .intro__entry {
        max-width: 500px;
        min-height: 340px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .intro {
        padding-bottom: 200px;
    }
    .intro h1 {
        font-size: 40px;
    }
    .intro .shell {
        height: 400px;
    }
    .intro .intro__image {
        left: 0;
        bottom: 0;
    }
    .intro .intro__entry {
        max-width: 670px;
    }

    .intro--primary .shell:after {
        left: calc(-100vw + 60px);
        bottom: 200px;
        height: 130px;
    }
    .intro--primary .intro__entry {
        max-width: 430px;
        min-height: 284px;
        padding: 70px 20px 70px 0;
    }
    .intro--primary .intro__content {
        padding-bottom: 130px;
    }

    .intro--secondary .intro__entry,
    .intro--tertiary .intro__entry {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Mobile */

@media (max-width: 767px) {
    .intro {
        padding-bottom: 80px;
    }
    .intro h1 {
        font-size: 30px;
    }
    .intro .shell {
        height: 285px;
    }

    .intro .intro__content {
        padding: 60px 0;
    }

    .intro--primary .shell:after {
        bottom: 80px;
        left: calc(-100vw + 29px);
        height: 60px;
    }
    .intro--primary .intro__entry {
        min-height: 225px;
    }
    .intro--primary .intro__content {
        padding-top: 0;
    }
}

@media (max-width: 360px) {
    .intro h1 {
        font-size: 26px;
    }
}

/* ------------------------------------------------------------ *\
	Intro Simple
\* ------------------------------------------------------------ */

.intro-simple {
    position: relative;
    color: #fff;
}

.intro-simple:before {
    content: "";
    background-image: -o-linear-gradient(258.6deg, #0a2f8d -14.15%, #056a91 32.48%, #0189ae 54.43%, #39a9c7 82.11%);
    background-image: linear-gradient(191.4deg, #0a2f8d -14.15%, #056a91 32.48%, #0189ae 54.43%, #39a9c7 82.11%);
}

.intro-simple:after {
    content: "";
    background-image: url(../images/temp/intro-shapes2.png);
}

.intro-simple h1 {
    max-width: 1028px;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1.2;
    font-weight: normal;
}

.intro-simple p {
    max-width: 1028px;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 21px;
    line-height: 1.53;
    color: #abd9e4;
    font-weight: 500;
}

.intro-simple .shell {
    display: table;
    width: 100%;
    height: 307px;
}

.intro-simple .intro__content {
    position: relative;
    z-index: 5;
    display: table-cell;
    vertical-align: middle;
    padding: 50px 0;
}

.intro-simple .intro__image {
    background-position: left center;
    left: 43.5%;
    opacity: 0.19;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .intro-simple h1 {
        font-size: 46px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .intro-simple h1 {
        font-size: 40px;
    }
    .intro-simple h5 {
        font-size: 20px;
    }
    .intro-simple .shell {
        height: 230px;
    }

    .intro-simple .intro__image {
        left: 0;
        background-position: center;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .intro-simple h1 {
        font-size: 30px;
    }
    .intro-simple h5 {
        font-size: 16px;
    }
}

@media (max-width: 360px) {
    .intro-simple h1 {
        font-size: 26px;
    }
}

/* ------------------------------------------------------------ *\
	Link More
\* ------------------------------------------------------------ */

.link-more {
    color: #0093b8;
}

/* ------------------------------------------------------------ *\
	Link More Primary
\* ------------------------------------------------------------ */

.link-more-primary {
    font-size: 14px;
    line-height: 1.71;
    color: #0093b8;
    text-decoration: none;
}

.link-more-primary i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    margin-left: 4px;
    -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;
}

.link-more-primary:hover i {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
}

/* ------------------------------------------------------------ *\
	# Lists
\* ------------------------------------------------------------ */

[class^="list-"] {
    list-style: none;
    position: relative;
}

/* ------------------------------------------------------------ *\
	List Text
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	List Radios
\* ------------------------------------------------------------ */

.list-radios {
    padding-top: 7px;
}

.list-radios li {
    margin-bottom: 14px;
}

.list-radios li:last-child {
    margin-bottom: 0;
}

/* Mobile */

@media (max-width: 767px) {
    .list-radios {
        padding-top: 0;
    }
}

/* ------------------------------------------------------------ *\
	List Count
\* ------------------------------------------------------------ */

.list-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    list-style: none;
}

.list-count a {
    display: inline-block;
    line-height: 44px;
}

.list-count input {
    width: 54px;
    height: 48px;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    line-height: 48px;
    color: inherit;
    font-weight: 500;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.list-count input::-webkit-inner-spin-button,
.list-count input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.list-count input::-moz-focus-inner {
    border: 0;
}

.list-count input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*  --white  */

.list-count--white {
    color: #fff;
}

.list-count--white input {
    color: #fff;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .list-count a {
        line-height: 34px;
    }
    .list-count input {
        height: 40px;
        font-size: 28px;
        line-height: 40px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .list-count a {
        line-height: 28px;
    }
    .list-count input {
        width: 46px;
        height: 30px;
        font-size: 24px;
        line-height: 28px;
    }
}

/* ------------------------------------------------------------ *\
	List Contacts
\* ------------------------------------------------------------ */

.list-contacts {
    font-size: 16px;
    line-height: 1.5;
}

.list-contacts li {
    position: relative;
    padding-left: 33px;
    margin-bottom: 16px;
}

.list-contacts li:last-child {
    margin-bottom: 0;
}

.list-contacts i {
    position: absolute;
    top: 13px;
    left: 9px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #0093b8;
}

.list-contacts a[href^="mailto"],
.list-contacts a[href^="tel"] {
    color: inherit !important;
    text-decoration: none !important;
}

.list-contacts a[href^="mailto"]:hover {
    color: #0093b8 !important;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .list-contacts li {
        padding-left: 25px;
        margin-bottom: 10px;
    }
    .list-contacts br {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
	List Buttons
\* ------------------------------------------------------------ */

.list-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px -12px;
}

.list-btns li {
    padding: 12px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .list-btns {
        margin: 0 -4px;
    }
    .list-btns li {
        padding: 4px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .list-btns {
        display: block;
    }
    .list-btns .btn {
        width: 100%;
    }
}

/* ------------------------------------------------------------ *\
	List Simple
\* ------------------------------------------------------------ */

.list-simple li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 16px;
}

.list-simple li:last-child {
    margin-bottom: 0;
}

.list-simple li:before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
}

.list-simple ul {
    list-style: none;
    margin-top: 16px;
    margin-left: 17px;
}

.list-simple img {
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.12);
}

.list-simple.noshadow img {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*  --primary  */

.list-simple--primary {
    margin-left: 15px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .list-simple li {
        margin-bottom: 5px;
    }
}

/* ------------------------------------------------------------ *\
	List Cases
\* ------------------------------------------------------------ */

.list-cases ul {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    max-width: 616px;
}

.list-cases ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 16px;
    list-style: none;
}

.list-cases ul li:last-child {
    margin-bottom: 0;
}

.list-cases ul li:before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .list-cases ul {
        -webkit-columns: 1;
        columns: 1;
    }
    .list-cases ul li {
        margin-bottom: 5px;
    }
}

/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */

.list-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -11px;
}

.list-links li {
    padding: 0 11px;
}

/* Mobile */

@media (max-width: 767px) {
    .list-links {
        display: block;
    }
    .list-links li {
        margin-bottom: 5px;
    }
    .list-links li:last-child {
        margin-bottom: 0;
    }
}

/* ------------------------------------------------------------ *\
	List Stats
\* ------------------------------------------------------------ */

.list-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    max-width: 1064px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.72;
    color: #f1fcff;
    text-align: center;
}

.list-stats li {
    padding: 0 55px;
}

.list-stats li:nth-child(n + 4) {
    margin-top: 50px;
}

.list-stats strong {
    display: block;
    margin-bottom: 8px;
    font-family: "Montserrat", sans-serif;
    font-size: 60px;
    line-height: 1.2;
    color: #fff;
    font-weight: normal;
}

.list-stats strong:last-child {
    margin-bottom: 0;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .list-stats li {
        padding: 0 35px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .list-stats li {
        padding: 0 20px;
    }
    .list-stats strong {
        font-size: 46px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .list-stats {
        display: block;
    }
    .list-stats li {
        width: 100%;
        margin-bottom: 30px;
    }
    .list-stats li:last-child {
        margin-bottom: 0;
    }
    .list-stats strong {
        font-size: 56px;
    }
}

/* ------------------------------------------------------------ *\
	List Contacts
\* ------------------------------------------------------------ */

.list-contacts {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.78;
}

.list-contacts:last-child {
    margin-bottom: 0;
}

.list-contacts a {
    text-decoration: none;
}

.list-contacts a:hover {
    text-decoration: underline;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .list-contacts {
        font-size: 15px;
        word-break: break-word;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .list-contacts {
        margin-bottom: 15px;
    }
}

/* ------------------------------------------------------------ *\
	# Logos
\* ------------------------------------------------------------ */

[class^="logo"] {
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

[class^="logo"] > img {
    display: block;
    width: 90%;
}

[class^="logo"]:hover {
    opacity: 0.75;
}

.logo {
    z-index: 5;
    max-width: 107px;
}

.logo svg {
    display: block;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .logo {
        max-width: 70px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .logo {
        max-width: 80px;
    }
    .logo svg {
        width: 80px;
        height: 82px;
    }
}

/* ------------------------------------------------------------ *\
	# Navigations
\* ------------------------------------------------------------ */

[class^="nav"] > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}

[class^="nav"] > ul a {
    display: block;
    text-decoration: none;
}

.nav {
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0.008em;
}

.nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    list-style: none;
}

.nav > ul > li {
    margin: 0 20px;
}

.nav > ul > li > a {
    color: #6c7172;
    text-transform: uppercase;
}

.nav > ul > li > a i {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-left: 3px;
    font-size: 11px;
}

.nav > ul > li > a i.ico-phone-rotary {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.nav li:hover a,
.nav li.current a {
    color: #0093b8;
}

/*  Dropdown Menu  */

.nav .nav__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 42px;
    z-index: 50;
    width: 1186px;
    padding: 32px;
    border: 1px solid #f4f4f4;
    margin-top: 31px;
    background: #fff;
    -webkit-box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
}

.nav .nav__dropdown ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

.nav .nav__dropdown li {
    width: 33.33%;
    padding: 16px;
}

.nav .nav__dropdown li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    font-size: 18px;
    line-height: 21px;
    color: #0093b8;
    font-weight: bold;
    -webkit-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

.nav .nav__dropdown li a img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.nav .nav__dropdown li a span {
    padding-left: 16px;
    overflow: hidden;
}

.nav .nav__dropdown li a:hover,
.nav .nav__dropdown li.current a {
    background: #f1fcff;
}

@media (max-width: 1300px) {
    .nav {
        position: static;
    }
    .nav .nav__dropdown {
        width: calc(100vw - 100px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: -10px;
    }
    .nav .nav__dropdown li {
        padding: 10px;
    }
    .nav .nav__dropdown li a {
        padding: 10px;
        font-size: 16px;
    }
}

/* Small Desktop */

@media (max-width: 1200px) {
    .nav .nav__dropdown {
        width: calc(100vw - 30px);
        padding: 20px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .nav {
        font-size: 14px;
    }
    .nav > ul {
        margin: 0 -8px;
    }
    .nav > ul > li {
        margin: 0 8px;
    }

    .nav .nav__dropdown {
        margin-top: -5px;
    }
    .nav .nav__dropdown li {
        width: 50%;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .nav {
        position: fixed;
        top: 82px;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 100px 40px 70px;
        background: #fff;
        font-size: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.4s, visibility 0.4s;
        -o-transition: opacity 0.4s, visibility 0.4s;
        transition: opacity 0.4s, visibility 0.4s;
    }
    .nav ul {
        display: block;
        margin: 0;
        text-align: center;
    }
    .nav li {
        margin: 0 0 20px;
    }
    .nav li:last-child {
        margin-bottom: 0;
    }
    .nav > ul > li > a i {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    .nav .nav__dropdown {
        position: static;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
        padding: 10px 0;
        border: none;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .nav .nav__dropdown li {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .nav .nav__dropdown li:last-child {
        margin-bottom: 0;
    }
    .nav .nav__dropdown li a {
        display: block;
        padding: 0;
    }
    .nav .nav__dropdown li a:hover {
        background: none;
    }
    .nav .nav__dropdown li a img {
        display: none;
    }
    .nav .nav__dropdown li a span {
        padding-left: 0;
    }
}

/* ------------------------------------------------------------ *\
	Paging
\* ------------------------------------------------------------ */

.paging {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #007694;
    text-align: center;
}

.paging a {
    text-decoration: none;
}

.paging ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px 13px;
    list-style: none;
}

.paging li {
    padding: 8px;
}

.paging li a {
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #007694;
    background: #fff;
    font-size: 14px;
    line-height: 30px;
    -webkit-transition: background 0.4s, color 0.4s;
    -o-transition: background 0.4s, color 0.4s;
    transition: background 0.4s, color 0.4s;
}

.paging li.current a,
.paging li a:hover {
    background: #007694;
    color: #fff;
}

.paging .paging__arrow {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 30px;
}

/* Mobile */

@media (max-width: 767px) {
    .paging ul {
        margin: -5px 5px;
    }
    .paging li {
        padding: 5px;
    }
    .paging li a {
        width: 30px;
        height: 30px;
        line-height: 28px;
    }
    .paging .paging__arrow {
        width: 30px;
        height: 30px;
        line-height: 26px;
    }
}

/* ------------------------------------------------------------ *\
	Popup Profile
\* ------------------------------------------------------------ */

.popup-profile {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    display: none;
    background: rgba(0, 94, 117, 0.95);
    color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.popup-profile .shell {
    display: table;
    width: 100%;
    height: 100%;
    max-width: 847px;
    padding: 56px 15px;
}

.popup-profile .popup__inner {
    display: table-cell;
    vertical-align: middle;
}

.popup-profile .popup__close {
    position: absolute;
    top: 42px;
    right: 40px;
}

.popup-profile .popup__close:hover {
    opacity: 0.7;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .popup-profile .shell {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .popup-profile .popup__close {
        top: 15px;
        right: 15px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .popup-profile .shell {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    background: rgba(0, 94, 117, 0.95);
    color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}

.popup .shell {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 56px;
    padding-bottom: 56px;
}

.popup .popup__inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.popup .popup__close {
    position: fixed;
    top: 42px;
    right: 38px;
}

.popup .popup__close:hover {
    opacity: 0.7;
}

.popup.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

/*  --order-confirm  */

.popup--order-confirm h2 {
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 1.34;
    font-weight: 500;
}

.popup--order-confirm h2:last-child {
    margin-bottom: 0;
}

.popup--order-confirm h5 {
    margin-bottom: 8px;
    font-size: 21px;
    line-height: 1.53;
    color: #abd9e4;
    font-weight: 500;
}

.popup--order-confirm h5:last-child {
    margin-bottom: 0;
}

.popup--order-confirm h6 {
    margin-bottom: 8px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 1.79;
    color: #abd9e4;
    font-weight: bold;
}

.popup--order-confirm h6:last-child {
    margin-bottom: 0;
}

.popup--order-confirm .cols {
    margin-bottom: 56px;
}

.popup--order-confirm .cols:last-child {
    margin-bottom: 0;
}

.popup--order-confirm .popup__inner {
    vertical-align: top;
}

.popup--order-confirm .popup__head {
    margin-bottom: 55px;
}

.popup--order-confirm .popup__head:last-child {
    margin-bottom: 0;
}

.popup--order-confirm .popup__content {
    max-width: 924px;
}

@media (max-width: 1380px) {
    .popup .popup__close {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .popup--order-confirm h2 {
        font-size: 28px;
    }
    .popup--order-confirm h5 {
        font-size: 20px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .popup--order-confirm h2 {
        font-size: 24px;
    }
    .popup--order-confirm h5 {
        font-size: 18px;
    }
    .popup--order-confirm h6 {
        font-size: 16px;
    }
    .popup--order-confirm .cols {
        margin-bottom: 32px;
    }
    .popup--order-confirm .cols:last-child {
        margin-bottom: 0;
    }
    .popup--order-confirm .popup__head {
        margin-bottom: 36px;
    }
}

/* ------------------------------------------------------------ *\
	Profiles
\* ------------------------------------------------------------ */

.profiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.profiles .profile {
    width: 25%;
    padding: 0 15px;
}

.profiles .profile:nth-child(n + 5) {
    margin-top: 89px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .profiles .profile {
        width: 33.33%;
    }
    .profiles .profile:nth-child(n + 4) {
        margin-top: 60px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .profiles {
        display: block;
    }
    .profiles .profile {
        width: 100%;
    }
    .profiles .profile:nth-child(n + 2) {
        margin-top: 35px;
    }
}

/* ------------------------------------------------------------ *\
	Profile
\* ------------------------------------------------------------ */

.profile {
    text-align: center;
    text-decoration: none;
}

.profile:hover .profile__image {
    opacity: 0.8;
}

/*  Profile Image  */

.profile .profile__image {
    margin-bottom: 16px;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.profile .profile__image:last-child {
    margin-bottom: 0;
}

.profile .profile__image img {
    max-width: 200px;
    max-height: 200px;
    border-radius: 100%;
}

/*  Profile Image  */

.profile .profile__content {
    color: #4a4e4f;
}

.profile .profile__content h6 {
    margin-bottom: 4px;
    color: #007694;
}

.profile .profile__content h6:last-child {
    margin-bottom: 0;
}

/* Mobile */

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

/* ------------------------------------------------------------ *\
	Profile Bio
\* ------------------------------------------------------------ */

.profile-bio {
    position: relative;
}

.profile-bio .profile__head {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 39px;
    color: #fff;
}

.profile-bio .profile__head:last-child {
    margin-bottom: 0;
}

.profile-bio .profile__head h4 {
    margin-bottom: 4px;
    color: #fff;
    font-weight: normal;
}

.profile-bio .profile__head h4:last-child {
    margin-bottom: 0;
}

.profile-bio .profile__head-content {
    padding-top: 7px;
    font-size: 18px;
    line-height: 1.79;
    color: #abd9e4;
}

/* Mobile */

@media (max-width: 767px) {
    .profile-bio .profile__head {
        display: block;
        margin-bottom: 20px;
    }
    .profile-bio .profile__head img {
        width: 280px;
        max-width: 100%;
        height: auto;
        margin-right: 0;
    }
    .profile-bio .profile__head h4 {
        margin-bottom: 0;
    }
    .profile-bio .profile__head-image {
        margin-bottom: 20px;
    }
    .profile-bio .profile__head-content {
        padding-top: 0;
        font-size: 16px;
        margin-bottom: 15px;
    }
}

/* ------------------------------------------------------------ *\
	Profiles Primary
\* ------------------------------------------------------------ */

.profiles-primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.profiles-primary .profile-primary {
    width: 25%;
    padding: 0 15px;
}

.profiles-primary .profile-primary:nth-child(n + 5) {
    margin-top: 73px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .profiles-primary .profile-primary:nth-child(n + 5) {
        margin-top: 50px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .profiles-primary {
        display: block;
        margin: 0;
    }
    .profiles-primary .profile-primary {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .profiles-primary .profile-primary:nth-child(n + 5) {
        margin-top: 0;
    }
    .profiles-primary .profile-primary:last-child {
        margin-bottom: 0;
    }
}

/* ------------------------------------------------------------ *\
	Profile Primary
\* ------------------------------------------------------------ */

.profile-primary {
    display: block;
    text-decoration: none;
}

.profile-primary .profile__image {
    padding-top: 90%;
    margin-bottom: 7px;
}

.profile-primary .profile__image:last-child {
    margin-bottom: 0;
}

.profile-primary .profile__title {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 1.79;
    color: #0093b8;
    font-weight: bold;
}

.profile-primary:hover {
    opacity: 0.8;
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section {
    padding: 56px 0;
}

.section h4 {
    margin-bottom: 16px;
    color: #000;
}

.section h4:last-child {
    margin-bottom: 0;
}

/*  Section Head  */

.section .section__head {
    margin-bottom: 47px;
    text-align: center;
}

.section .section__head:last-child {
    margin-bottom: 0;
}

.section .section__head h2 {
    font-size: 28px;
    line-height: 1.43;
    color: #0093b8;
}

/*  --gutter-bottom-xs  */

.section--gutter-bottom-xs {
    padding-bottom: 6px;
}

/*  --background  */

.section--background {
    padding: 80px 0 72px;
    color: #fff;
}

.section--background .cols {
    margin: 0 -23px;
}

.section--background .col {
    padding: 0 23px;
}

.section--background h1,
.section--background h2,
.section--background h3,
.section--background h4,
.section--background h5,
.section--background h6 {
    color: #fff;
}

.section--background .section__head {
    margin-bottom: 48px;
}

.section--background .section__head h2 {
    color: inherit;
}

/*  --background-secondary  */

.section--background-secondary {
    padding: 96px 0;
    color: #fff;
}

.section--background-secondary h1,
.section--background-secondary h2,
.section--background-secondary h3,
.section--background-secondary h4,
.section--background-secondary h5,
.section--background-secondary h6 {
    color: #fff;
}

.section--background-secondary .section__head h2 {
    color: inherit;
}

/*  --background-tertiary  */

.section--background-tertiary {
    padding: 80px 0;
    color: #fff;
}

.section--background-tertiary h1,
.section--background-tertiary h2,
.section--background-tertiary h3,
.section--background-tertiary h4,
.section--background-tertiary h5,
.section--background-tertiary h6 {
    color: #fff;
}

.section--background-tertiary .section__head {
    margin-bottom: 56px;
}

.section--background-tertiary .section__head h2 {
    color: inherit;
}

/*  --background-quaternary  */

.section--background-quaternary {
    padding: 80px 0 71px;
    margin-top: 72px;
    color: #fff;
}

.section--background-quaternary:first-child {
    margin-top: 0;
}

.section--background-quaternary:first-child:last-child {
    margin-bottom: 0;
}

.section--background-quaternary h1,
.section--background-quaternary h2,
.section--background-quaternary h3,
.section--background-quaternary h4,
.section--background-quaternary h5,
.section--background-quaternary h6 {
    color: #fff;
}

.section--background-quaternary .section__head {
    margin-bottom: 63px;
    font-size: 18px;
    line-height: 1.78;
}

.section--background-quaternary .section__head h2 {
    margin-bottom: 16px;
    color: inherit;
}

.section--background-quaternary .section__head h2:last-child {
    margin-bottom: 0;
}

.section--background-quaternary .section__head p {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
}

/*  --testimonials  */

.section--testimonials {
    padding: 74px 0 72px;
    overflow: hidden;
}

.section--testimonials .section__head {
    margin-bottom: 40px;
}

.section--testimonials .section__head h2 {
    font-size: 28px;
    line-height: 1.33;
}

/*  --testimonials-secondary  */

.section--testimonials-secondary {
    padding-top: 74px;
}

/*  --features  */

.section--features {
    padding: 73px 0;
    color: #333738;
}

.section--features .section__head {
    margin-bottom: 72px;
}

.section--features .section__head:last-child {
    margin-bottom: 0;
}

.section--features .section__head h2 {
    font-size: 36px;
    line-height: 1.33;
    color: #005e75;
    font-weight: 500;
}

.section--features .section__body {
    font-size: 18px;
    line-height: 1.78;
}

.section--features .section__body p {
    margin-bottom: 24px;
}

.section--features .section__body p:last-child {
    margin-bottom: 0;
}

.section--features .section__body h3 {
    margin-bottom: 16px;
    color: #00495c;
    font-weight: 500;
}

.section--features .section__body h3:last-child {
    margin-bottom: 0;
}

.section--features .section__inner {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 144px;
}

.section--features .section__inner:last-child {
    margin-bottom: 0;
}

.section--features .section__inner--swap .section__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.section--features .section__inner--swap .section__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    right: auto;
    left: calc(-50vw + 618px);
}

.section--features .section__content {
    width: 500px;
}

.section--features .section__image {
    position: relative;
    right: calc(-50vw + 618px);
    width: calc(100% - 576px);
    -webkit-box-shadow: 0 8px 64px rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 64px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.section--solution-image .section__image {
    -webkit-box-shadow: 0 8px 64px rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 64px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.section--features .section__image img,
.section--solution-image .section__image img {
    display: block;
    width: 100%;
}

.section--features .section__image-inner,
.section--solution-image .section__image-inner {
    padding-top: 4.067%;
    background-size: 101.267%;
    background-position: left center;
    background-repeat: no-repeat;
}

/*  --primary  */

.section--primary {
    padding: 57px 0;
    color: #333738;
}

.section--primary a:not(.btn) {
    color: #0093b8;
}

.section--primary h2 {
    margin-bottom: 14px;
    color: #0093b8;
}

.section--primary h2:last-child {
    margin-bottom: 0;
}

.section--primary .form {
    margin-top: 40px;
}

.section--primary .list-contacts {
    font-size: 16px;
    line-height: 1.5;
}

.section--primary .section__head {
    margin-bottom: 30px;
    text-align: left;
}

.section--primary .section__head h2 {
    max-width: 1028px;
    font-size: 36px;
    line-height: 1.34;
    font-weight: 500;
}

.section--primary .section__body h5 {
    margin-bottom: 14px;
    color: #00495c;
}

.section--primary .section__body h5:last-child {
    margin-bottom: 0;
}

.section--primary .section__body h6 {
    margin-top: 34px;
    margin-bottom: 14px;
    color: #00495c;
}

.section--primary .section__body h6:first-child {
    margin-top: 0;
}

.section--primary .section__body h6:last-child {
    margin-bottom: 0;
}

.section--primary .section__body .list-cases ul + h6 {
    margin-top: 50px;
}

/*  --primary-alt  */

.section--primary-alt {
    padding: 55px 0 130px;
}

.section--primary-alt h6 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
}

.section--primary-alt p {
    margin-bottom: 16px;
}

.section--primary-alt p:last-child {
    margin-bottom: 0;
}

.section--primary-alt p + p {
    margin-top: 24px;
}

.section--primary-alt .list-simple {
    margin-bottom: 32px;
}

.section--primary-alt .list-simple:last-child {
    margin-bottom: 0;
}

/*  --services  */

.section--services {
    position: relative;
    padding: 90px 0;
}

.section--services:before {
    content: "";
    position: absolute;
    top: 82px;
    right: 0;
    bottom: 82px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(6.4deg);
    -ms-transform: translateX(-50%) rotate(6.4deg);
    transform: translateX(-50%) rotate(6.4deg);
    width: 200vw;
    background: #fafafa;
}

.section--services .shell {
    position: relative;
    max-width: 1320px;
}

/*  --images  */

.section--images {
    padding: 16px 0;
}

.section--images:last-child {
    padding-bottom: 57px;
}

.section--images img {
    width: 100%;
}

.section--images img,
.section--images .cols {
    margin-bottom: 32px;
}

.section--images img:last-child,
.section--images .cols:last-child {
    margin-bottom: 0;
}

/*  --video  */

.section--video {
    position: relative;
    padding: 16px 0;
    overflow: hidden;
}

.section--video:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(6.4deg);
    -ms-transform: translate(-50%, -50%) rotate(6.4deg);
    transform: translate(-50%, -50%) rotate(6.4deg);
    width: 200vw;
    height: 300px;
    background: #f1fcff;
}

.section--video .shell {
    position: relative;
    max-width: 982px;
}

/*  --  */

.section--products {
    padding: 65px 0;
    margin-top: 16px;
}
.section--products + .section--products {
    padding-top: 0px;
}
.section--products:first-child {
    margin-top: 0;
}

.section--products .shell {
    max-width: 1272px;
}

.section--products .cards {
    margin-bottom: 128px;
}

.section--products .cards:last-child {
    margin-bottom: 0;
}

.section--products .section__head {
    margin-bottom: 64px;
}

.section--products .section__head:last-child {
    margin-bottom: 0;
}

.section--products .section__head h2 {
    font-size: 48px;
    line-height: 1.33;
    color: #007694;
    font-weight: normal;
}

.section--products .section__body h4 {
    color: #005e75;
}

/*  --blog  */

.section--blog {
    padding: 56px 0;
}

.section--blog .section__foot {
    margin-top: 64px;
}

/*  --profiles  */

.section--profiles {
    padding: 56px 0 81px;
}

.section--profiles .section__head {
    margin-bottom: 16px;
    text-align: left;
}

.section--profiles .section__head h2 {
    color: #4a4e4f;
}

/*  --solutions  */

@media (min-width: 1450px) {
    .section--features .section__image,
    .section__image-inner .section__image {
        right: -106px;
    }
    .section--features .section__inner--swap .section__image,
    .section__image-inner .section__inner--swap .section__image {
        left: -106px;
    }
}

@media (max-width: 1270px) {
    .section--features .section__image,
    .section__image-inner .section__image {
        right: -15px;
    }
    .section--features .section__inner--swap .section__image,
    .section__image-inner .section__inner--swap .section__image {
        left: -15px;
    }
}

/* Small Desktop */

@media (max-width: 1200px) {
    .section--features .section__content {
        width: 450px;
    }
    .section--features .section__image,
    .section__image-inner .section__image {
        width: calc(100% - 500px);
    }

    .section--products .cards {
        margin-bottom: 80px;
    }
    .section--products .section__head h2 {
        font-size: 40px;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .section--background-secondary {
        padding: 70px 0;
    }

    .section--background-quaternary {
        margin-top: 20px;
    }
    .section--background-quaternary .section__head {
        margin-bottom: 50px;
    }

    .section--features .section__head {
        margin-bottom: 50px;
    }
    .section--features .section__head h2 {
        font-size: 30px;
    }
    .section--features .section__inner {
        display: block;
        margin-bottom: 72px;
    }
    .section--features .section__content {
        width: 100%;
        margin-bottom: 30px;
    }
    .section--features .section__content:last-child {
        margin-bottom: 0;
    }
    .section--features .section__image,
    .section__image-inner .section__image {
        right: auto;
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .section--features .section__inner--swap .section__image,
    .section__image-inner .section__inner--swap .section__image {
        left: auto;
        padding-right: 0;
        text-align: center;
    }

    .section--primary .list-contacts {
        font-size: 14px;
    }
    .section--primary .section__head h2 {
        font-size: 30px;
    }
    .section--primary .section__body .list-cases ul + h6 {
        margin-top: 40px;
    }

    .section--primary-alt {
        padding: 55px 0;
    }

    .section--services {
        padding: 50px 0;
    }

    .section--images:last-child {
        padding-bottom: 50px;
    }

    .section--products {
        padding: 60px 0;
        margin-top: 0;
    }
    .section--products .section__head {
        margin-bottom: 40px;
    }
    .section--products .section__head h2 {
        font-size: 32px;
    }

    .section--solutions .col {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .section--solutions .col:last-child {
        margin-bottom: 0;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section {
        padding: 55px 0;
    }
    .section .section__head {
        margin-bottom: 30px;
    }
    .section .section__head h2 {
        font-size: 24px;
    }

    .section--background-tertiary {
        padding: 55px 0;
    }

    .section--background-quaternary {
        margin-top: 0;
    }
    .section--background-quaternary .section__head {
        font-size: 16px;
    }
    .section--background-quaternary .section__head h2 {
        margin-bottom: 10px;
    }

    .section--gutter-bottom-xs {
        padding-bottom: 5px;
    }

    .section--features .section__inner {
        margin-bottom: 40px;
    }
    .section--features .section__body {
        font-size: 16px;
    }
    .section--features .section__body h3 {
        margin-bottom: 6px;
        font-size: 20px;
    }
    .section--features .section__body p {
        margin-bottom: 15px;
    }

    .section--primary {
        padding: 50px 0;
    }
    .section--primary h2 {
        margin-bottom: 10px;
    }
    .section--primary .form {
        margin-top: 30px;
    }
    .section--primary .section__head {
        margin-bottom: 20px;
    }
    .section--primary .section__body h6 {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .section--primary .section__body .list-cases ul + h6 {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .section--primary-alt p + p {
        margin-top: 16px;
    }
    .section--primary-alt .list-simple {
        margin-bottom: 20px;
    }

    .section--services {
        padding: 40px 0;
    }

    .section--images {
        padding: 16px 0;
    }
    .section--images:last-child {
        padding-bottom: 70px;
    }

    .section--images img,
    .section--images .cols,
    .section--images .col {
        margin-bottom: 15px;
    }

    .section--images img:last-child,
    .section--images .cols:last-child,
    .section--images .col:last-child {
        margin-bottom: 0;
    }

    .section--video {
        padding: 16px 0;
    }
    .section--video:before {
        height: 150px;
    }

    .section--products {
        padding: 45px 0;
    }
    .section--products .cards {
        margin-bottom: 40px;
    }

    .section--blog {
        padding: 50px 0;
    }
    .section--blog .section__foot {
        margin-top: 40px;
    }

    .section--profiles .section__head {
        margin-bottom: 10px;
    }
}

/* ------------------------------------------------------------ *\
	Section Download
\* ------------------------------------------------------------ */

.section-download {
    padding: 57px 0 56px;
    color: #333738;
}

.section-download .shell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 973px;
}

.section-download .section__content {
    width: 47.4%;
    padding: 56px 56px 49px;
}

.section-download .section__content h2 {
    margin-bottom: 7px;
    font-size: 28px;
    line-height: 1.44;
    color: #0093b8;
    font-weight: 500;
}

.section-download .section__content h2:last-child {
    margin-bottom: 0;
}

.section-download .section__content img {
    margin-top: 17px;
    max-width: 230px;
    -webkit-box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.12);
}

.section-download .section__content img:first-child {
    margin-top: 0;
}

.section-download .section__aside {
    width: 52.6%;
    padding: 53px 56px;
    background: #005e75;
    color: #fff;
}

.section-download .section__aside .form {
    color: #fff;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .section-download .section__content {
        padding: 30px;
    }
    .section-download .section__content h2 {
        font-size: 24px;
    }
    .section-download .section__content img {
        margin-top: 0;
    }

    .section-download .section__aside {
        padding: 30px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section-download {
        padding: 45px 0;
    }
    .section-download .shell {
        display: block;
    }
    .section-download .section__content {
        width: 100%;
        padding: 20px;
    }
    .section-download .section__content h2 {
        font-size: 20px;
    }
    .section-download .section__content img {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .section-download .section__aside {
        width: 100%;
        padding: 20px;
    }
}

/* ------------------------------------------------------------ *\
	Section Contact
\* ------------------------------------------------------------ */

.section-contact {
    padding: 77px 0 73px;
    color: #333738;
}

.section-contact .shell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1118px;
}

.section-contact .section__content {
    width: 50%;
    padding-top: 3px;
    padding-right: 40px;
    font-size: 18px;
    line-height: 1.78;
}

.section-contact .section__content h2 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.44;
    color: #007694;
    font-weight: 500;
}

.section-contact .section__content h2:last-child {
    margin-bottom: 0;
}

.section-contact .section__content img {
    margin-bottom: 56px;
}

.section-contact .section__content img:last-child {
    margin-bottom: 0;
}

.section-contact .section__aside {
    width: 50%;
    padding-left: 40px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .section-contact {
        padding: 70px 0;
    }

    .section-contact .section__content {
        padding-top: 0;
        padding-right: 20px;
        font-size: 16px;
    }
    .section-contact .section__content img {
        margin-bottom: 30px;
    }
    .section-contact .section__content h2 {
        font-size: 24px;
    }

    .section-contact .section__aside {
        padding-left: 20px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section-contact {
        padding: 50px 0;
    }
    .section-contact .section__content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .section-contact .section__content:last-child {
        margin-bottom: 0;
    }
    .section-contact .section__content img {
        max-width: 50%;
        margin-bottom: 15px;
    }
    .section-contact .section__aside {
        width: 100%;
        padding-left: 0;
    }
}

/* ------------------------------------------------------------ *\
	Section Intro
\* ------------------------------------------------------------ */

.section-intro {
    position: relative;
    z-index: 10;
    padding: 55px 0;
    margin-top: -274px;
}

.section-intro:before {
    content: "";
    position: absolute;
    top: 0;
    right: 265px;
    left: 0;
    height: 274px;
    background: #fff;
}

.section-intro:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 274px 0 0 265px;
    border-color: transparent transparent transparent #fff;
}

.section-intro h3 {
    margin-top: 40px;
    margin-bottom: 16px;
    color: #005e75;
}

.section-intro h3:first-child {
    margin-top: 0;
}

.section-intro h3:last-child {
    margin-bottom: 0;
}

.section-intro h4 {
    margin-bottom: 27px;
    color: #000;
}

.section-intro h4:last-child {
    margin-bottom: 0;
}

.section-intro .shell {
    position: relative;
    z-index: 5;
}

/*  Section Head  */

.section-intro .section__head {
    padding-right: 250px;
    margin-bottom: 123px;
}

.section-intro .section__head:last-child {
    margin-bottom: 0;
}

.section-intro .section__head h1,
.section-intro .section__head h2 {
    color: #007694;
}

/*  Section Entry  */

.section-intro .section__entry {
    max-width: 710px;
    margin-right: 250px;
    margin-bottom: 112px;
}

.section-intro .section__entry:last-child {
    margin-bottom: 0;
}

.section-intro .section__entry p {
    margin-bottom: 31px;
}

.section-intro .section__entry p:last-child {
    margin-bottom: 0;
}

/*  --primary  */

.section-intro--primary {
    padding: 58px 0 72px;
}

.section-intro--primary .section__head {
    margin-bottom: 22px;
}

.section-intro--primary .section__entry {
    margin-bottom: 73px;
    font-size: 18px;
    line-height: 1.78;
}

/*  --secondary  */

.section-intro--secondary {
    padding-bottom: 61px;
}

.section-intro--secondary .section__head {
    margin-bottom: 111px;
}

/*  --tertiary  */

.section-intro--tertiary {
    padding-bottom: 79px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .section-intro {
        margin-top: -200px;
    }
    .section-intro:before {
        right: 200px;
        height: 200px;
    }
    .section-intro:after {
        border-width: 200px 0 0 200px;
    }

    .section-intro .section__head {
        padding-right: 180px;
        margin-bottom: 60px;
    }

    .section-intro .section__entry {
        margin-right: 180px;
    }

    .section-intro--primary .section__head {
        margin-bottom: 22px;
    }
    .section-intro--primary .section__entry {
        margin-bottom: 50px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section-intro {
        margin-top: -80px;
        padding: 55px 0;
    }
    .section-intro:before {
        right: 80px;
        height: 80px;
    }
    .section-intro:after {
        border-width: 80px 0 0 80px;
    }
    .section-intro h4 {
        margin-bottom: 12px;
    }

    .section-intro .section__head {
        padding-right: 20px;
        margin-bottom: 30px;
    }

    .section-intro .section__entry {
        margin-right: 0;
        margin-bottom: 40px;
    }
    .section-intro .section__entry p {
        margin-bottom: 20px;
    }

    .section-intro--primary .section__head {
        margin-bottom: 20px;
    }

    .section-intro--primary .section__entry {
        margin-right: 0;
        font-size: 14px;
    }
}

/* ------------------------------------------------------------ *\
	Section Simple
\* ------------------------------------------------------------ */

.section-simple {
    padding: 40px 0;
}

.section-simple .section__head {
    text-align: center;
}

/* Mobile */

@media (max-width: 767px) {
    .section-simple {
        padding: 30px 0;
    }
}

/* ------------------------------------------------------------ *\
	Service
\* ------------------------------------------------------------ */

.service {
    text-align: center;
}

.service a {
    display: block;
    text-decoration: none;
}

.service a:hover img {
    opacity: 0.8;
}

.service img {
    max-width: 180px;
    margin-bottom: 33px;
    border-radius: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.service img:last-child {
    margin-bottom: 0;
}

.service h6 {
    margin-bottom: 6px;
    color: #0093b8;
}

.service h6:last-child {
    margin-bottom: 0;
}

.service p {
    max-width: 253px;
    margin-right: auto;
    margin-left: auto;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .service {
        font-size: 14px;
    }
    .service img {
        max-width: 100%;
    }
    .service h6 {
        font-size: 16px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .service {
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
    }
}

/* ------------------------------------------------------------ *\
	Slick Dots
\* ------------------------------------------------------------ */

.slick-dots {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 55px -8px 0;
}

.slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px;
    margin: 0 8px;
}

.slick-dots button {
    width: 12px;
    height: 12px;
    background: #abd9e4;
    border-radius: 100%;
    border: 0;
    font-size: 0;
    line-height: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: background 0.4s, width 0.4s, height 0.4s;
    -o-transition: background 0.4s, width 0.4s, height 0.4s;
    transition: background 0.4s, width 0.4s, height 0.4s;
}

.slick-dots .slick-active button {
    width: 16px;
    height: 16px;
    background: #0093b8;
}

/* Mobile */

@media (max-width: 767px) {
    .slick-dots {
        margin-top: 30px;
    }
}

/* ------------------------------------------------------------ *\
	Slider Testimonials
\* ------------------------------------------------------------ */

.slider-testimonials {
    max-width: 663px;
    margin: 0 auto;
}

.slider-testimonials .slide {
    padding: 0 28px;
    opacity: 0.64;
}

.slider-testimonials .slide.slick-active {
    opacity: 1;
}

.slider-testimonials .slick-list {
    overflow: visible;
}

/* Mobile */

@media (max-width: 767px) {
    .slider-testimonials {
        max-width: calc(100% + 30px);
        margin: 0 -15px;
    }
    .slider-testimonials .slide {
        padding: 0 15px;
    }
    .slider-testimonials .slick-dots {
        margin-top: 30px;
    }
}

/* ------------------------------------------------------------ *\
	Slider Portfolio
\* ------------------------------------------------------------ */

.slider-portfolio {
    max-width: 669px;
    margin: 0 auto;
}

.slider-portfolio .slide {
    padding: 0 32px;
    opacity: 0.8;
}

.slider-portfolio .slide.slick-active {
    opacity: 1;
}

.slider-portfolio .slick-list {
    overflow: visible;
}

.slider-portfolio .slick-dots {
    margin-top: 80px;
}

.slider-portfolio button {
    background: #abd9e4;
}

.slider-portfolio .slick-active button {
    background: #fff;
}

/* Mobile */

@media (max-width: 767px) {
    .slider-portfolio {
        max-width: calc(100% + 30px);
        margin: 0 -15px;
    }
    .slider-portfolio .slide {
        padding: 0 15px;
    }

    .slider-portfolio .slick-dots {
        margin-top: 30px;
    }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Video
\* ------------------------------------------------------------ */

.video {
    position: relative;
    padding-top: 56.723%;
}

.video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    border: 0;
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets {
    list-style: none outside none;
}

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */
.banner--top {
    background: #ce5252;
    color: #fff;
    padding: 20px;
    font-size: 17px;
}
.banner--top a {
    text-decoration: none;
}
@media (max-width: 1190px) {
    .nav > ul > li {
        margin: 0 15px;
    }
}
@media (max-width: 1086px) {
    .nav > ul > li {
        margin: 0 11px;
    }
}
@media (max-width: 900px) {
    .nav > ul > li {
        margin: 0 8px;
    }
}
@media (max-width: 900px) and (min-width: 767px) {
    .our-leaders {
        display: none;
    }
}