@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
/* ------ 1. Body ----- */

    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var, b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, menu, nav, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    html, body, input, textarea, select {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'DM Sans', sans-serif;
    }

    body {
        line-height: 1.6;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 0 5px #eee;
        font-size:14px;
    }

    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-family: 'DM Sans', sans-serif;
    }

    html {
        background: #dfe3e8;
    }

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

    nav ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

    a {
        margin: 0;
        padding: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    ins {
        background-color: #ff9;
        color: #000;
        text-decoration: none;
    }

    mark {
        background-color: #ff9;
        color: #000;
        font-style: italic;
        font-weight: bold;
    }

    del {
        text-decoration: line-through;
    }

    abbr[title], dfn[title] {
        border-bottom: 1px dotted;
        cursor: help;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #e9ebf8;
        margin: 1em 0;
        padding: 0;
    }

    input, select {
        vertical-align: middle;
    }

    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 24px;
    }

    p {
        line-height: 1.6;
		font-size: 16px;
    }

    a {
        text-decoration: none;
    }

	ul li {
		font-size:16px;
		color:#000;
		margin-left:15px;
		margin-bottom:10px;
	}

    .clear:before, .clear:after {
        content: "";
        display: table;
    }

    .clear:after {
        clear: both;
    }

    .container {
        max-width: 1320px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    h1.sub {
        font-size: 70px;
        font-weight: 300;
        line-height: 1.23;
        text-align: center;
        color: #333333;
        width: 850px;
        margin: 0 auto 15px;
    }

    h2.sub, .page h2.sub {
        font-size: 70px;
        font-weight: 700;
        line-height: 1.23;
        text-align: center;
        color: #333333;
        width: 970px;
        margin: 0 auto 15px;
    }

    div.sub-desc {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.7;
        text-align: center;
        color: #666666;
        width: 775px;
        margin: 0 auto;
    }

    div.sub-desc a {
        color: #333333;
    }

    .btn {
        display: inline-block;
        border-radius: 5px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        font-size: 1em;
        line-height: 1.133;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: 150ms ease;
        transition: 150ms ease;
        -webkit-transition-property: background-color border-color color;
        transition-property: background-color border-color color;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        text-decoration: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        color: #5c6ac4;
        border-width: 0.125em;
        border-style: solid;
        border-color: #5c6ac4;
        padding: 0.6875em 1.75em;
    }

    .btn.btn-blue {
        background-color: #5c6ac4;
        color: #ffffff;
    }
    .btn.btn-blue:hover {
        border-color: #223464;
        background-color: #223464;
        color: #ffffff;
    }

    .btn.btn-ghost {
        color: #223464;
        border: 1px solid rgba(34, 52, 100, 0.3);
    }

    .btn:hover {
        color: #5c6ac4;
    }

/* ------ 2.  Header ------*/

    header {
        padding-left: 15px;
        padding-right: 15px;
        height: 80px;
    }
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 0;
        left: 0;
        right: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        animation-duration: 3s;
        transition: all 1s;
        position: fixed;
        z-index: 99;
    }
    header.site-header.pixxett-header1.sticky-header {
        background-color: #fff;
        border-bottom: 1px solid rgba(0,0,0,.11);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.11);
        box-shadow: 0 0 5px rgba(0,0,0,.11);
        -webkit-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }
    header.sticky-header .site-header-inner {
        padding: 20px 40px 20px;
        animation-duration: 3s;
        transition: all 1s;
    }
    .pixxett-header1.sticky-header li.level0 > a > span,
    .pixxett-header1.sticky-header #nav > li > a {
        color: #000;
    }
    .pixxett-header1.sticky-header .nav-inner .caret {
        border-top: 3px solid #000;
    }
    header.sticky-header .right a {
        color: #028fff;
        border: 1px solid #028fff;
    }
    header.sticky-header .right a:hover {
        color: #fff;
        background: #646f79;
        border: 1px solid #646f79;
    }
    @-webkit-keyframes mymove {
        from {top: 0px;}
        to {top: 0px;}
    }

    @keyframes mymove {
        from {top: 0px;}
        to {top: 0px;}
    }
    header.sticky-header .header-top {
        display: none;
        animation-duration: 3s;
        transition: all 1s;
    }
    header .header-top {
        background-color: #D8DDE6;
        position: fixed;
        width: 100%;
        z-index: 99999;
        text-align: right;
        padding: 8px 25px;
        font-size: 15px;
        line-height: 1em;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        box-sizing: border-box;
        animation-duration: 3s;
        transition: all 1s;
    }
    header .header-top .search-wrapper {
        display: inline-block;
        position: relative;
    }
    header .header-top .search-wrapper input[type=text] {
        background: #ffffff;
        border: none;
        font-size: 12px;
        line-height: 1.5;
        padding: 10px 10px;
        color: #54698D;
        height: 14px;
        display: block;
        font-weight: 300;
        width: 100%;
    }
    header .header-top .search-wrapper i {
        position: absolute;
        font-size: 12px;
        top: 5px;
        right: 5px;
    }
    header .header-top .top-links-wrapper {
        display: inline-block;
        position: relative;
        margin-left: 25px;
    }
    header .header-top .top-links-wrapper a {
        display: inline-block;
        position: relative;
        color: #54698D;
        font-size: 14px;
    }
    header .header-top .top-links-wrapper a+ a {
        margin-left: 25px;
    }
    .site-header-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 58px 40px 20px;
        position: fixed;
        background: white;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid #eaedf2;
        z-index: 9999;
    }
    header #site-logo, header nav {
        display: inline-block;
        vertical-align: top;
        margin-top: 25px;
    }

    header #site-logo img {
        opacity: 1;
		width:100px;
        transition: opacity 0.3s ease-in-out;
    }

    header #site-logo img:hover {
        opacity: 0.7;
    }

    header #site-logo.open {
        opacity: 1;
    }

    header nav ul li {
        float: left;
        margin-left: 25px;
    }
    header nav ul li a {
        color: #212b35;
        font-size: 16px;
        transition: opacity 0.3s ease-in-out;
        opacity: 1;
        position: relative;
    }
    header nav ul li a:hover {
        color: #212b35;
        text-decoration: none;
    }
    header nav ul li:last-child a {
        font-weight: 500;
    }

    header #mob-menu {
        display: none;
        float: right;
        padding: 0px 0 5px 0;
        border-radius: 3px;
        color: #212b35;
        text-transform: none;
        text-decoration: none;
        cursor: pointer;
        font-size: 25px;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }
    header #mob-menu.open {
        opacity: 0;
    }
    header #mob-menu-close {
        font-size: 46px;
        font-weight: 100;
        color: #212b35;
        position: absolute;
        right: 0;
        cursor: pointer;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        display: none;
        top: -18px;
    }
    header #mob-menu-close.open {
        opacity: 1;
    }
    header .left #site-logo {
        margin-right: 40px;
    }

    header .right {
        text-align: right;
        float: right;
    }
    header .right a {
        padding: 15px 24px;
        margin: 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 5px;
        color: #000000;
        float: none;
        display: block;
        text-align: center;
        outline: none;
        position: absolute;
        right: 15px;
        top: 20px;
        -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
        box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
        border: 1px solid #000;
    }
    header .right a:hover {
        background-color: #ffffff;
        text-decoration: none;
        color: #333;
    }
    .pixxett-header1 .nav-inner {
        margin: auto;
        position: relative;
        text-align: center;
        width: 80%;
        display: inline-block;
    }
    .pixxett-header1 #nav > li > a:hover:nth-child(1), .pixxett-header1 #nav > li > a.active:nth-child(1) {
        color: #333;
        border-bottom: none;
    }
    .pixxett-header1 #nav > li > a:hover span {
        color: #333;
    }
    .pixxett-header1 #nav > li > a:first-child {
        margin-left: 0px;
    }
    .pixxett-header1 #nav > li > a:last-child a {
        color: #ffffff;
    }
    .pixxett-header1 #nav ul li a.active {
        font-weight: 700;
    }
    .pixxett-header1 .nav {
        margin: 0px auto 0
    }
    .pixxett-header1 #nav > li:hover > a, .pixxett-header1 .vertnav-top li > a:hover {
        color: #333;
        border-bottom: none;
    }
    .pixxett-header1 #nav .pixxett-header1 #nav-home > a, .pixxett-header1 #nav > li.active > a, .pixxett-header1 .vertnav-top li.current > a {
        color: #ffffff;
        background-color: #212b35;
        margin-right: 0px
    }
    .pixxett-header1 #nav .pixxett-header1 #nav-home > a span, .pixxett-header1 #nav > li.active > a span, .pixxett-header1 .vertnav-top li.current > a span {
        border-right: none;
        color: #fff;
    }
    .pixxett-header1 #nav {
        position: relative;
        z-index: 10;
        padding: 0;
        margin: auto;
    }
    .pixxett-header1 #nav li {
        text-align: left;
    }
    .pixxett-header1 #nav li a {
        display: block;
        text-decoration: none;
    }
    .pixxett-header1 #nav > li {
        list-style: none;
        border-bottom: none;
        margin-right: 24px;
        height: 76px;
        line-height: 76px;
    }
    .pixxett-header1 #nav > li.last {
        padding-right: 0;
    }
    .pixxett-header1 #nav > li > a {
        display: block;
    }
    .pixxett-header1 #nav > li > a > span {
        display: inline-block;
        line-height: 18px;
		margin-top:5px;
    }
    .pixxett-header1 #nav .level0-wrapper {
        position: absolute;
        left: -10000px;
        background-color: #fff;
    }
    .pixxett-header1 #nav .level0-wrapper2 {
        padding: 0;
    }
    .pixxett-header1 #nav .level0-wrapper2:before, .pixxett-header1 #nav .level0-wrapper2:after {
        display: table;
        line-height: 0;
        content: "";
    }
    .pixxett-header1 #nav .level0-wrapper2:after {
        clear: both;
    }
    .pixxett-header1 #nav a.level-top.feature {
        margin: 0;
    }
    .pixxett-header1 #nav li a.level-top .icon {
        padding: 3px;
        margin: 0;
        float: none;
        display: inline-block;
        vertical-align: middle;
        background-color: transparent;
    }
    .pixxett-header1 #nav li:hover a.level-top .icon {
        padding: 3px;
    }
    .pixxett-header1 #nav #homelink-icon {
        margin-left: 12px;
    }
    .pixxett-header1 #nav #homelink-icon a.level-top {
        padding-left: 5px;
        padding-right: 5px;
        background: none;
        box-shadow: none;
        border: none;
    }
    .pixxett-header1 #nav .nav-custom-link > a {
        cursor: default;
    }
    .pixxett-header1 #nav .nav-custom-link {
        position: static;
        margin-right: 0;
    }
    .pixxett-header1 #nav .nav-custom-link .header-nav-dropdown-wrapper p {
        margin: 10px 0;
        color: #333;
        line-height: 1.3em;
        font-size: 13px;
        font-weight: normal;
        display: inline-block;
    }
    .pixxett-header1 #nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
        margin: 10px 0;
    }
    .pixxett-header1 #nav .number {
        display: inline;
        margin-left: 3px;
    }
    .pixxett-header1 #nav ul li .number {
        color: #aaa;
    }
    .pixxett-header1 .nav .itemslider {
        margin-top: 0;
        margin-bottom: 0;
    }
    .pixxett-header1 .nav .itemslider .item {
        padding-bottom: 0;
    }
    .pixxett-header1 li.level0 > a > span {
        position: relative;
        color: #000;
    }
    .pixxett-header1 li.level0 > a > span > .cat-label {
        position: absolute;
        top: -12px;
        right: 0;
        padding: 0 6px;
        font-size: 12px;
        line-height: 22px;
    }
    .pixxett-header1 .nav-inner .caret {
        margin-top: -2px;
        margin-left: 7px;
        border-top: 3px solid #000;
        display: inline-block;
        width: 0;
        height: 0;
        margin-bottom: 3px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
    }
    .pixxett-header1 .nav-block {
        margin-top: 0;
    }
    .pixxett-header1 .nav-block-bottom {
        float: left
    }
    .pixxett-header1 .nav-block-center {
        margin: 8px 7px 15px 7px;
    }
    .pixxett-header1 .nav-block-center ul li {
        width: 19.6%;
        display: inline-block;
        padding: 0 7px !important;
    }
    .pixxett-header1 .nav-block-center ul li ul li {
        display: block;
        width: 100%;
        padding: 3px 0px !important;
    }
    .pixxett-header1 .nav-block-right {
        margin-top: 0px;
        float: right;
        padding: 0px;
        text-align: center;
        width: 65.2%;
        margin-bottom: 0px;
        padding-top: 0px;
    }
    .pixxett-header1 #nav > li > a {
        font-size: 13px;
        font-weight: 400;
        color: #777;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    }
    .pixxett-header1 ul.level0 {
        padding: 0
    }
    .pixxett-header1 ul.level1 {
        padding: 0 0px
    }
    .pixxett-header1 #nav .level0-wrapper {
        background-color: #ffffff;
        color: #4b535b;
    }
    .pixxett-header1 #nav ul li a {
        color: #4b535b;
        font-size: 14px;
    }
    .pixxett-header1 #nav ul li a:hover {
        color: #000;
    }
    .pixxett-header1 #nav .level0-wrapper {
        background-color: #fff;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.24);
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.24);
        width: 100%;
        left: 0px
    }
    .pixxett-header1 #nav .level0-wrapper {
        top: 85px;
        display: none;
    }
    .pixxett-header1 #nav > li > a {
        color: #000;
        display: block;
        float: right;
        font-size: 16px;
        text-decoration: none;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        line-height: 76px;
    }
    .pixxett-header1 #nav > li:hover > a {
        position: relative;
        z-index: 1;
    }
    .pixxett-header1 #nav .nav-block-left.grid12-8 ul.level0 > li {
        display: inline-block;
        float: none;
        padding-bottom: 10px;
        padding-top: 10px;
        vertical-align: top;
        width: 22.5%;
        border-right: 1px solid #eaeaea;
        margin-right: 15px;
        padding-right: 8px;
    }
    .pixxett-header1 #nav .nav-block-right.grid12-8 ul.level0 > li {
        display: inline-block;
        float: none;
        padding-bottom: 0px;
        padding-top: 0;
        vertical-align: top;
        width: 23.6%;
        border-right: 0px solid #ddd;
        margin-right: 5px;
        padding-right: 0;
    }
    .pixxett-header1 .grid12-8 .cat-img {
        margin-bottom: 6px;
        margin-top: 22px;
    }
    .pixxett-header1 #nav ul.level0 > li > a {
        margin-bottom: 6px;
        font-size: 14px;
        line-height: normal;
        color: #000;
        padding: 8px 0px 0px 0px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .pixxett-header1 #nav ul li {
        list-style: none;
        padding: 5px 0
    }
    .pixxett-header1 #nav ul li a {
        float: none;
    }
    .pixxett-header1 #nav ul li.active a {
        font-weight: 700;
    }
    .pixxett-header1 #nav ul.level1 {
        position: static;
    }
    .pixxett-header1 #nav ul.level1 > li a {
        float: none;
        transition: background-position 150ms ease-out;
        display: block
    }
    .pixxett-header1 #nav ul.level1 > li a:hover {
        float: none;
        transition: background-position 150ms ease-out;
    }
    .pixxett-header1 #nav ul.level2 {
        margin: 7px 0;
        padding: 0;
        position: static;
    }
    .pixxett-header1 #nav ul.level2 a {
        font-size: 0.9166em;
        line-height: 1.2727em;
        opacity: 0.6;
    }
    .pixxett-header1 .grid12-5 {
        border-right: 1px solid #eaeaea;
        display: inline;
        float: left;
        padding: 0 1%;
        width: 33%;
    }
    .pixxett-header1 .nav-block-right.grid12-4 {
        margin: 0px 18px 0 0;
        width: 31%;
    }
    .pixxett-header1 .nav-block-left.grid12-4 {
        margin: 0px 15px 0 15px;
        width: 32%;
        float: left;
        padding-right: 15px;
        border-right: 1px #e5e5e5 solid;
        padding-bottom: 18px;
    }
    .pixxett-header1 .nav-block-left.grid12-8 {
        display: inline;
        float: left;
        margin-left: 15px;
        margin-right: 0%;
        width: 66%;
        margin-bottom: 0px;
    }
    .pixxett-header1 .grid12-4 h3 {
        text-transform: uppercase;
        text-align: left;
        font-weight: bold;
        font-size: 13px;
        margin-top: 10px;
    }
    .pixxett-header1 .grid12-4 p {
        text-align: left;
        font-weight: normal;
        font-size: 13px;
        display: inline-block;
    }
    .pixxett-header1 a.btn-button-st {
        background-color: #eee;
        color: #212b35;
        font-size: 11px;
        padding: 6px 12px;
        text-align: left;
        cursor: pointer;
        text-decoration: none;
        float: left;
        transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
        border: 1px solid #ddd;
        font-weight: normal;
        text-transform: uppercase;
        margin: 8px 0 0px;
    }
    .pixxett-header1 .fur-des p {
        margin-bottom: 0px;
        margin-right: 22px;
        margin-top: 8px;
    }
    .pixxett-header1 .nav-des {
        display: inline-block;
        margin-bottom: 15px;
    }
    .pixxett-header1 a.btn-button-st:hover {
        background-color: #212b35;
        color: #fff;
    }
    .pixxett-header1 #nav li.drop-menu ul {
        position: absolute;
        top: 79px;
        left: 0;
        background-color: #fff;
        padding: 6px 0;
        width: 165px;
        text-align: left;
        z-index: 1000;
        border: 1px solid #d3d9e2;
        border-top: 0px;
    }
    .pixxett-header1 #nav > li.drop-menu ul li ul {
        left: 160px;
    }
    .pixxett-header1 #nav > li.drop-menu {
        position: relative;
        display: inline-block;
        float: left;
    }
    .pixxett-header1 #nav li.drop-menu ul li {
        position: relative;
    }
    .pixxett-header1 #nav li.drop-menu ul li a {
        color: #4b535b;
        line-height: 30px;
        font-size: 14px;
        padding: 0 12px;
        display: block;
        transition: all 200ms ease-in-out;
    }
    .pixxett-header1 #nav li.drop-menu ul {
        display: none;
    }
    .pixxett-header1 #nav .normal-text {
        color: #777;
        font-size: 13px;
        margin-bottom: 0px;
        padding: 12px 0 10px;
        margin-right: 15px;
        margin-left: 15px;
        position: relative;
        border-bottom: 1px solid #eaeaea;
    }
    .pixxett-header1 #nav .normal-text .custom_link div {
        display: inline-block;
        margin: 0 15px 0 0;
        float: left;
    }
    .pixxett-header1 .custom-menu {
        overflow: hidden;
        width: 1170px;
    }
    .pixxett-header1 .custom-menu .grid12-5 {
        margin-left: 0%;
        margin-right: 0%;
    }
    .pixxett-header1 .custom-menu .grid12-5.last {
        border: none;
    }
    .pixxett-header1 .custom-menu p {
        color: #aaa;
        margin: 10px 0px 0px 0px
    }
    .pixxett-header1 .grid12-5 .cat_pr_info {
        padding: 0px 0 5px;
    }
    .pixxett-header1 ul > li .mega-menu {
        background: #fff;
        left: 0;
        position: absolute;
        top: 79px;
        transform: scaleY(0);
        transform-origin: 0 0 0;
        transition: all 0.4s ease 0s;
        z-index: -1;
        box-shadow: 0px 3px 6px #999;
        padding: 20px;
        right: 0%;
    }
    .pixxett-header1 ul > li:hover > ul, .pixxett-header1 ul > li:hover .mega-menu {
        transform: scaleY(1);
    }
    .pixxett-header1 > ul > li > ul > li {
        float: none;
        list-style: none;
        width: 100%;
        position: relative;
    }
    .pixxett-header1 ul > li > ul > li ul {
        position: absolute;
        left: 200px;
        top: 0px;
        box-shadow: 0px 3px 6px #999;
        padding: 8px 20px;
        width: 200px;
        text-align: left;
        opacity: 0;
    }
    .pixxett-header1 ul > li > ul > li:hover ul {
        opacity: 1;
    }
    .pixxett-header1 ul > li > ul > li ul li {
        display: block;
        padding: 4px 0px;
    }
    .pixxett-header1 ul > li > ul > li ul li a {
        color: #212b35;
        text-transform: capitalize;
    }
    .pixxett-header1 ul > li > ul > li ul li a:hover {
        color: #212b35;
    }
    .pixxett-header1 ul > li > ul.mega-menu-sub-cat > li {
        float: left;
    }
    .pixxett-header1 ul > li > ul.mega-menu-sub-cat > li:last-child {
        margin-right: 0px;
    }
    .pixxett-header1 ul > li > ul > li > a {
        color: #212b35;
        display: block;
        line-height: 40px;
        padding: 0 0 0 20px;
        position: relative;
        text-align: left;
        text-transform: capitalize;
        transition: all 0.4s ease 0s;
    }
    .pixxett-header1 ul > li > ul > li > a:hover {
        color: #212b35;
    }
    .pixxett-header1 ul > li > ul > li:hover > a::after {
        height: 1px;
        left: 0;
        margin-left: 0;
        width: 100%;
    }
    .pixxett-header1 li.mega-parent {
        position: static;
    }
    .pixxett-header1 nav> ul> li> .mega-menu {
        padding: 30px;
        width: 960px;
    }
    .pixxett-header1 ul.mega-menu-sub-cat > li {
        margin-right: 30px;
        width: 28%;
        text-align: left;
        display: inline-block;
        float: left;
    }
    .pixxett-header1 #nav ul.mega-menu-sub-cat > li >ul > li {
        display: block;
        padding: 0;
    }
    .pixxett-header1 .mega-menu-sub-cat a {
        color: #212b35;
        font-weight: 400;
        line-height: 37px;
        text-transform: capitalize;
    }
    .pixxett-header1 .mega-menu-sub-cat li li:hover a i {
        color: #212b35;
        margin-right: 10px;
    }
    .pixxett-header1 .mega-menu-sub-cat a i {
        height: 16px;
        margin-right: 12px;
        overflow: hidden;
        transition: all 0.3s ease 0s;
        width: 23px;
        font-size: 16px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }
    .pixxett-header1 .mega-menu-sub-cat li li:hover a {
        color: #212b35;
    }
    .pixxett-header1 .mega-menu-sub-cat li:last-child {
        margin-right: 0;
    }
    .pixxett-header1 .mega-menu-sub-cat .banner-hover a::before {
        height: 90px;
        left: 8px;
        top: 8px;
        width: 95px;
    }

/*  content */

    #content {
        overflow: hidden;
    }

/* ------  3.  Home intro ------ */

    .hero.section {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .hero--front {
        background: url(../images/hero-front-bg.svg) no-repeat;
        background-position: 100% bottom;
        background-size: 104%;
    }
    @media (min-width:768px) {
        .hero {
            height: 600px;
            text-align: left
        }
    }
    @media (min-width:768px) {
        .hero .hero__content {
            margin-top: 30px
        }
    }
    .hero--front .hero__content .hero-textual {
        margin-bottom: 0;
        padding-top: 25px;
    }
    .hero .hero__content .hero-textual .hero-tagline {
        font-size: 38px;
        font-weight: 500;
        text-align: left;
        width: 100%;
        margin-top: 0;
        margin-bottom: 1rem;
		text-transform: uppercase;
    }
    .hero .hero__content .hero-textual .hero-description {
        width: 100%;
        text-align: left;
        font-size:18px;
        line-height: 1.6;
        margin-bottom: 2rem;
        color: #666666;
    }
    .cta-block {
        display: table;
        width: 40%;
    }
    .cta-block>div {
        display: table-cell;
        width: 50%;
        padding-right: 1.6rem;
        text-align: center;
    }
    .cta-block .btn {
        width: initial;
        color: #fff;
        border: 1px solid #000;
        background-color: #000;
        border-top-color: #000;

        display: inline-block;
        margin-bottom: 0;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .025em;
        word-spacing: .05em;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        padding: .85rem 1.55rem .85rem 1.55rem;
        font-size: .95rem;
        border-radius: 0;
    }
    .cta-block .btn:hover {
        background-color: #262626!important;
        border-color: #262626;
    }
    .cta-block span {
        display: block;
        font-size: 13px;
        margin-top: 10px;
        color: #000;
    }
    .hero--front .hero__content .hero-visual .hero-image-main {
        position: relative;
    }
    .hero--front .hero__content .hero-visual .hero-image-main img {
        max-width: 100%;
    }

/* ------  Hero links ------ */

    .hero-addendum {
        padding-top: 90px;
        margin-bottom: 0;
        padding-bottom: 0px;
        position: relative;
    }
    .hero-addendum .section-title {
        text-align: center;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 1.8rem;
        line-height: 1.4;
        font-size: 1.6rem;
    }
    .hero-addendum .product-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-top: 4rem;
    }

    .hero-addendum .product-wrapper .product-link {
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        padding: 35px 40px;
        display: block;
        color: #000;
        border-left: 5px solid #e6e6e6;
        margin: 2rem 0;
    }

    @media (min-width: 768px) {
        .hero-addendum .product-wrapper .product-link {
            margin: 1rem 0;
        }
    }
    .hero-addendum .product-wrapper .product-link.subscription {
        border-color: #7140d1;
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, #7140d1), color-stop(50%, #fff));
        background: -webkit-linear-gradient(left, #7140d1 50%, #fff 50%);
        background: linear-gradient(to right, #7140d1 50%, #fff 50%);
        background-size: 210% 100%;
        background-position: 99% bottom;
    }
    .hero-addendum .product-wrapper .product-link .product-link__title {
        font-size: 1.2rem;
        font-weight: 500;
        margin-bottom: .2rem;
        margin-top: .5rem;
        width: 100%;
    }
    .hero-addendum .product-wrapper .product-link .product-link__cta {
        font-weight: 400;
        text-transform: none;
        font-size: .95rem;
        padding-left: 0;
        color: #666666;
    }
    .hero-addendum .product-wrapper .product-link .product-link__cta, .hero-addendum .product-wrapper .product-link .product-link__title {
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }
    .hero-addendum .product-wrapper .product-link.revenue {
        border-color: #f99593;
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f99593), color-stop(50%, #fff));
        background: -webkit-linear-gradient(left, #f99593 50%, #fff 50%);
        background: linear-gradient(to right, #f99593 50%, #fff 50%);
        background-size: 210% 100%;
        background-position: 99% bottom;
    }
    .hero-addendum .product-wrapper .product-link.subscription:focus,
    .hero-addendum .product-wrapper .product-link.subscription:hover,
    .hero-addendum .product-wrapper .product-link.revenue:focus,
    .hero-addendum .product-wrapper .product-link.revenue:hover {
        background-position: left bottom;
        text-decoration: none;
    }
    .hero-addendum .product-wrapper .product-link.subscription:focus .product-link__cta,
    .hero-addendum .product-wrapper .product-link.subscription:focus .product-link__title,
    .hero-addendum .product-wrapper .product-link.subscription:hover .product-link__cta,
    .hero-addendum .product-wrapper .product-link.subscription:hover .product-link__title,
    .hero-addendum .product-wrapper .product-link.revenue:focus .product-link__cta,
    .hero-addendum .product-wrapper .product-link.revenue:focus .product-link__title,
    .hero-addendum .product-wrapper .product-link.revenue:hover .product-link__cta,
    .hero-addendum .product-wrapper .product-link.revenue:hover .product-link__title {
        color: #fff;
    }


/* ------  marketing content ------ */

    .content-marketing {
        display: block;
        padding: 90px 0 60px 0;
    }
    .content-marketing .head-block {
        padding-bottom: 20px;
    }
    .content-marketing .head-block h2 {
        padding: 0px;
        color: #111111;
        font-size: 36px;
        font-weight: 300;
        line-height: 45px;
        padding-bottom: 5px;
    }
    .content-marketing .head-block h2 span {
        display: block;
    }
    .content-marketing .head-block p {
        padding: 0px;
        margin-bottom: 10px;
        color: #000;
        font-size: 16px;
        line-height: 1.6;
    }
    ul.marketing-list3 {
        text-align: left;
    }
    ul.marketing-list3 li {
        list-style: none;
        margin-bottom: 30px;
    }
    ul.marketing-list3 li .equal-hight {
        padding: 45px 12% 0 8%;
        background: #fff;
        border: 1px #e0e5e9 solid;
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        position: relative;
        min-height: 221px;
    }
    ul.marketing-list3 li .ico-block {
        width: 20%;
        float: left;
        padding: 6px;
        height: 95px;
        width: 95px;
        line-height: 5.6;
    }
    ul.marketing-list3 li .ico-block i {
        font-size: 50px;
        color: #ffffff;
        vertical-align: middle;
    }
    ul.marketing-list3 li .ico-block.purple-bg {
        background: #a159fe;
    }
    ul.marketing-list3 li .ico-block.blue-bg {
        background: #0490ff;
    }
    ul.marketing-list3 li .ico-block.emrald-bg {
        background: #17a2b8;
    }
    ul.marketing-list3 li .ico-block.red-bg {
        background: #dc3545;
    }
    ul.marketing-list3 li .cnt-block {
        width: 75%;
        padding-left: 35px;
        float: left;
    }
    ul.marketing-list3 li h3 {
        display: block;
        padding-bottom: 10px;
        font-size: 22px;
        font-weight: 300;
        line-height: 1.4;
    }
    ul.marketing-list3 li p {
        padding-bottom: 30px;
        color: #666666;
        font-size: 16px;
    }
    ul.marketing-list3 li a {
        position: absolute;
        right: 25px;
        top: 50px;
        font-size: 26px;
        color: #e2e2e2;
    }
	.head-block h3 {
		font-weight:300;
		font-size:30px;
		margin-top:15px;
		margin-bottom: 0px;
	}

    /* Statisticks */

    .statisticks {
        background-color: #d5e5e9;
        padding: 90px 0;
    }

    .statisticks .head-block h2 {
        padding: 0px;
        margin: 0px;
        color: #111111;
        font-size: 36px;
        font-weight: 300;
        line-height: 45px;
        padding-bottom: 5px;
    }
    .statisticks .head-block p {
        padding: 0px;
        margin-bottom: 10px;
        color: #000;
        font-size: 16px;
        line-height: 1.6;
    }
    .statisticks .stats-content {
        padding-top: 30px;
    }
    .statisticks .stats-content .stats-img {
        margin-top: 35px;
        width: 100%;
    }
    .statisticks .stats-content .tabs-header {
        display: inline-block;
        width: 99%;
    }
    .statisticks .stats-content .tabs-header:before {
        width: 1px;
        content: "";
        height: 100%;
        position: absolute;
        background: #8e9a9d;
        left: 30px;
    }
    .statisticks .stats-content .tabs-header .tab-item {
        list-style: none;
        cursor: pointer;
        position: relative;
        padding-left: 15px;
        padding-bottom: 50px;
        z-index: 10;
    }
    .statisticks .stats-content .tabs-header .tab-item:first-child {
        z-index: 5;
    }

    .statisticks .stats-content .tabs-header .tab-item .counter {
        background-color: #f0f5f6;
        border: 2px solid #8e9a9d;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font: 700 12px "Montserrat", sans-serif;
        color: #222328;
        display: inline-block;
        line-height: 34px;
        text-transform: uppercase;
        width: 36px;
        height: 36px;
        text-align: center;
        position: absolute;
        left: -35px;
        top: -5px;
    }
    .statisticks .stats-content .tabs-header .tab-item.highlited .title,
    .statisticks .stats-content .tabs-header .tab-item.highlited .counter {
        border-color: #8e9a9d;
        color: #3a3d4b;
    }
    .statisticks .stats-content .tabs-header .tab-item .title {
        font: 600 18px "Montserrat", sans-serif;
        color: #3a3d4b;
        display: inline-block;
        line-height: 26px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 25px;
    }
    .statisticks .stats-content .tabs-header .tab-item p {
        font-size: 16px;
        font-weight: 400;
        color: #666666;
        line-height: 1.6;
        margin-bottom: 0;
    }


/* Pattern Grey */

.pattern-grey {
    padding: 90px 0 67px 0;
    background: #273140;
}
.pattern-grey .head-block {
    padding-bottom: 60px;
}
.pattern-grey .head-block h2 {
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 300;
    line-height: 45px;
    padding-bottom: 15px;
    text-align: center;
}
.pattern-grey .head-block p {
    padding: 0px;
    margin: 0px;
    color: rgba(255,255,255,0.6);
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
}
.pattern-grey .stats1-info .spin {
    position: absolute;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    box-shadow: none;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    top: -42px;
    left: 50%;
    margin-left: -60px;
}
.pattern-grey .stats1-info .spin::before,
.pattern-grey .stats1-info .spin::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 100%;
}
.pattern-grey .stats1-info .spin::before {
    border: 3px solid transparent;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.pattern-grey .stats1-info .spin::after {
    border-top: 1px solid #686e77;
}

.pattern-grey .stats1-info p {
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
}
.pattern-grey .stats1-info .spin.spin1::before {
    border-top-color: #a159fe;
    transform: rotate(40deg);
}
.pattern-grey .stats1-info .spin.spin1::after {
    -webkit-transform: rotate(297deg);
    transform: rotate(297deg);
    transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
    border-top: 1px solid #686e77;
    border-left: 1px solid #686e77;
    border-bottom: 1px solid #686e77;
}
.pattern-grey .stats1-info .spin.spin2::before {
    border-top-color: #0490ff;
    border-right-color: #0490ff;
    transform: rotate(42deg);
}
.pattern-grey .stats1-info .spin.spin2::after {
    -webkit-transform: rotate(313deg);
    transform: rotate(313deg);
    transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
    border-left: 1px solid #686e77;
    border-bottom: 1px solid #686e77;
}
.pattern-grey .stats1-info .spin.spin3::before {
    border-top-color: #17a2b8;
    border-right-color: #17a2b8;
    border-bottom-color: #17a2b8;
    transform: rotate(40deg);
}
.pattern-grey .stats1-info .spin.spin3::after {
    -webkit-transform: rotate(313deg);
    transform: rotate(313deg);
    transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}
.pattern-grey .stats1-info .spin.spin4::before {
    border-top-color: #dc3545;
    border-right-color: #dc3545;
    border-bottom-color: #dc3545;
    border-left-color: #dc3545;
    transform: rotate(40deg);
}
.pattern-grey .stats1-info .spin.spin4::after {
    -webkit-transform: rotate(313deg);
    transform: rotate(313deg);
    transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}


/* Testimonials */

    .client-speak {
        display: block;
        text-align: center;
        padding: 90px 0px;
    }
    .client-speak .head-block {
        padding-bottom: 70px;
    }
    .client-speak .head-block span {
        display: block;
        padding-bottom: 15px;
        font-weight: 700;
        color: #606d87;
        text-transform: uppercase;
    }
    .client-speak .head-block h2 {
        padding: 0px;
        margin: 0px;
        padding-bottom: 20px;
        font-size: 36px;
        font-weight: 300;
        line-height: 1.4;
        color: #111111;
    }
    .client-speak .head-block p {
        margin: 0px;
        padding: 0 6%;
        color: #666666;
        font-size: 16px;
        line-height: 1.6;
    }
    ul.speak-listing {
        position: relative;
    }
    ul.speak-listing li {
        display: block;
    }
    ul.speak-listing li .inner {
        display: block;
        padding: 0 4%;
        position: relative;
    }
    ul.speak-listing li .inner figure {
        margin-bottom: 30px;
    }
    ul.speak-listing li figure img {
        width: auto !important;
        margin: 0 auto;
    }
    ul.speak-listing li .bi {
        display: block;
        padding-bottom: 25px;
        font-size: 40px;
        color: #57bce2;
    }
    ul.speak-listing.opt1 li .client-detail {
        display: block;
        padding-bottom: 20px;
    }
    ul.speak-listing li h4 {
        font-size: 18px;
        color: #111111;
        font-weight: 300;
        line-height: 1.6;
    }
    ul.speak-listing li .designation {
        display: block;
        font-size: 12px;
        color: #666666;
    }
    ul.speak-listing li p {
        color: #666666;
        font-size: 16px;
        line-height: 1.6;
    }
    ul.speak-listing.opt1 li .inner:after {
        width: 1px;
        height: 100%;
        position: absolute;
        right: -15px;
        top: 0px;
        content: "";
        background: #eaeaea;
    }
    ul.speak-listing.opt1:after {
        width: 1px;
        height: 100%;
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        content: "";
        background: #fff;
    }
    .owl-dot {
        display: inline-block;
    }
    .speak-listing .owl-dots {
        margin-top: 70px;
    }
    .owl-dot span {
        width: 20px;
        height: 20px;
        margin: 0 11px;
        background: #d9dcdd;
        display: block;
        border: 6px #fff solid;
        border-radius: 50%;
    }
    .owl-dot.active span, .owl-dot:hover span {
        background: #42d79e;
        border-color: #42d79e;
    }

.stan-img {
	margin-top:5px;
	margin-bottom:5px;
	max-width:100%;
}
/* Faq */

    .faq-wrapper {
        position: relative;
        background-color: #f4f8fb;
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .faq-wrapper h2 {
        font-weight: 400;
        line-height: 1.4;
        color: #111111;
        font-size: 36px;
    }
    .bold, strong {
        font-weight: 700!important;
    }
    .accordion-struct.accordion-style-1 .icon-ac-wrap {
        display: inline;
        position: relative;
        color: #3a4953;
        float: right;
        font-size: 13px;
    }
    .lead {
        font-weight: 300;
        color: #666666;
        margin: 1rem 0;
        font-size: 16px;
        line-height: 1.6;
    }
    .text-muted {
        color: #666666 !important;
        margin: 1rem 0;
        font-size: 16px;
        line-height: 1.6;
    }
    .accordion-style-1 .panel-default {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border-radius: .25rem;
        border: 1px solid #edf4f8;
        margin-bottom: 15px;
    }
    .accordion-style-1 .panel-default:last-child {
        margin-bottom: 0px;
    }
    .mb-3, .my-3 {
        margin-bottom: 1rem!important;
    }
    .accordion .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .accordion:not(.accordion-collapsed) .card {
        border-bottom: 1px solid #edf4f8!important;
    }
    .accordion.accordion-clean .card {
        border-bottom: 1px solid #edf4f8;
    }
    .accordion-struct.panel-group.accordion-style-1 .panel-default .panel-heading a {
        color: #333333;
        width: 100%;
        display: block;
        border: 0px solid rgba(0, 0, 0, 0.1);
        margin-top: 0px;

        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        text-decoration: none;
        letter-spacing: 1.45px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 1rem 1.25rem;
        font-size: 16px;
        line-height: 1.5;
        border-radius: .25rem;
        white-space: normal;
        text-align: left;
    }

    /* Call Action Bar */

    .call-action-bar {
        padding: 90px 0;
        text-align: center;
    }
    .download-box {
        max-width: 560px;
        margin: 0 auto;
        border-radius: 3px;
        box-shadow: none;
    }
    .download-box .top {
        padding: 10px 50px 40px;
    }
    .call-action-bar h2 {
        padding-bottom: 5px;
        color: #111111;
        line-height: 48px;
        font-size: 36px;
        font-weight: 300;
    }
    .download-box p {
        max-width: 400px;
        margin: 0 auto;
    }
    .call-action-bar p {
        color: #5a6b73;
        font-size: 16px;
        line-height: 1.6;
    }
    .download-box .bottom {
        padding: 0 50px 50px;
        padding-bottom: 10px;
    }
    .star-box {
        position: relative;
        top: -9px;
    }
    .star-box i {
        padding: 0 3px;
        display: inline-block;
        color: #f29a32;
        font-size: 18px;
    }
    .download-box p.small {
        padding: 15px 0 0;
        color: #5a6b73;
        max-width: 400px;
        margin: 0 auto;
    }
    .button-box {
        padding: 10px 0 0;
    }
    .button-box a {
        width: 160px;
        padding: 10px 8px;
        border-radius: 3px;
        text-align: center;
        display: inline-block;
        margin: 0 10px;
        background: #1b1e1f;
        color: #fff;
    }
    .button-box a img {
        vertical-align: middle;
        border-style: none;
    }

/* ------ 8.  Contact us ------ */

    .custom-header {
        background: #f4f6f8;
        padding-left: calc(3% + 18px);
        padding-right: calc(3% + 18px);
        position: relative;
        overflow: hidden;
    }
    .custom-header .header-inner {
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .custom-header .header-inner .custom-heading {
        text-align: left;
        margin-bottom: 25px;
    }
    .custom-header .header-inner .custom-heading .custom-heading-kicker {
        margin-bottom: 11px;
        font-weight: 700;
        color: #666666;
        font-size: 14px;
    }
    .contact-content-wrapper {
        padding-top: 5.625em;
        padding-bottom: 5.625em;
        border-top: 1px solid #dfe3e8;
    }
    .contact-content-wrapper .section-block {
        padding-top: 0em;
        padding-bottom: 2.8125em;
        border-color: #dfe3e8;
    }
    .contact-content-wrapper .section-heading {
        margin-bottom: 3.75em;
        text-align: center;
    }

    .contact-content-wrapper .section-heading .section-heading-heading {
        -webkit-font-kerning: normal;
        font-kerning: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        color: #212b35;
        line-height: 1.222;
        font-weight: 700;
        letter-spacing: -0.025em;
        font-size: 3em;
        margin-bottom: 0.25em;
    }
    .contact-content-wrapper .section-heading .section-heading-subhead {
        -webkit-font-kerning: normal;
        font-kerning: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        line-height: 1.222;
        font-size: 16px;
        margin-bottom: 0.5em;
        font-weight: 300;
        color: #666666;
    }
    .contact-content-wrapper .section-block .marketing-button {
        display: inline-block;
        border-radius: 5px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1em;
        line-height: 1.133;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: 150ms ease;
        transition: 150ms ease;
        -webkit-transition-property: background-color border-color color;
        transition-property: background-color border-color color;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
        box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
        background-color: #5c6ac4;
        color: #ffffff;
        border-width: 0;
        border-style: solid;
        border-color: transparent;

        padding: 0.8125em 1.875em;
        text-decoration: none;
    }
    .contact-content-wrapper .section-block .marketing-button:hover {
        background-color: #202e78;
        color: #ffffff;
    }
    .contact-content-wrapper .grid-container-thirds {
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .contact-content-wrapper .grid-container-thirds .grid-item {
        margin-bottom: 30px;
        background: #ffffff;
        color: #454f59;
        display: block;
        border-color: #dfe3e8;
        float: left;
        margin-right: 2.12766%;
        width: 31.91489%;
    }
    .contact-content-wrapper .grid-container-thirds .grid-item:nth-child(3n+1) {
        clear: left;
    }
    .contact-content-wrapper .grid-container-thirds .grid-item:nth-child(3n) {
        margin-right: 0;
    }
    .contact-content-wrapper .grid-container-thirds .grid-item img {
        max-width: 100%;
        width: 100%;
    }
    .contact-content-wrapper .marketing-block-content {
        padding: 1.875em;
        background: #ffffff;
        color: #454f59;
    }
    .contact-content-wrapper .marketing-block-content h3.heading-4 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        color: #212b35;
        line-height: 1.222;
        font-weight: 700;
        font-size: 1.125em;
        margin-bottom: 1.11111em;
    }
    .contact-content-wrapper .marketing-block-content p {
        margin-bottom: 0.9375em;
        line-height: 1.5;
        font-size: 1em;
        background: #ffffff;
        color: #454f59;
        font-weight: 400;
    }
    .contact-content-wrapper .marketing-block-content p a {
        color: #5c6ac4;
        text-decoration: underline;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: currentColor;
        text-decoration-color: currentColor;
        text-decoration-skip-ink: auto;
        -webkit-transition: color 150ms;
        transition: color 150ms;
    }
    .contact-content-wrapper .marketing-block-content p a:hover {
        color: #4655bc;
    }


/* ------ 12. Footer ------ */

    .footer {
        display: block;
        background: #1b1e1f;
    }
    .footer .top {
        padding: 70px 0 60px 0;
        border-bottom: 1px #444 solid;
    }
    .footer .quick-links {
        display: block;
        padding-bottom: 30px;
        border-bottom: 1px #444 solid;
    }
    .footer .top h4 {
        padding: 0px;
        margin: 0px;
        padding-bottom: 30px;
        font-size: 18px;
        font-weight: 300;
        color: #ffffff;
    }
    .footer ul {
        list-style: inside;
    }
    .footer .quick-links ul li {
        width: 49%;
        display: inline-block;
        font-size: 14px;
    }
    .footer .quick-links ul li a {
        color: #dddddd;
        text-decoration: none !important;
        outline: none;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .footer .quick-links ul li a:hover {
        color: #ffffff;
    }
    .footer .connect-outer {
        display: block;
        padding-top: 30px;
    }
    .footer .connect-outer h4 {
        padding-bottom: 20px;
    }
    .footer ul.connect-us li {
        display: inline-block;
        padding: 0 1px;
        text-align: center;
    }
    .footer ul.connect-us li a {
        display: block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        background: #ddd;
        color: #1b1e1f;
        border-radius: 50%;
    }
    .footer ul.connect-us li a i {
        font-size: 16px;
        line-height: 36px;
    }
    .footer ul.connect-us li a:hover {
        background: #ffffff;
    }
    .footer .recent-post {
        display: block;
        padding-left: 25px;
    }
    ul.list-unstyled {
        list-style: none;
    }

    .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .footer .recent-post ul li {
        list-style: none;
        padding: 20px 0;
        border-bottom: 1px #444 solid;
    }
    .footer .recent-post ul li:last-child {
        padding: 20px 0 0;
        border-bottom: 0px #444 solid;
    }
    .footer .recent-post ul li:first-child {
        padding-top: 0px;
    }
    .footer .recent-post ul li figure {
        width: 28%;
        padding-right: 15px;
    }
    .footer .recent-post ul li figure .img-fluid {
        width: 100%;
        height: 100%;
    }
    .footer .recent-post ul li h5 {
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: normal;
        color: #dddddd;
        line-height: 18px;
    }
    .footer .recent-post ul li p {
        font-size: 11px;
        color: #dddddd;
    }
    .footer .recent-post ul li p i {
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px;
        margin-right: 10px;
        font-family: 'icomoon';
        font-size: 18px;
        color: #dddddd;
        content: "\e904";
    }
    .footer .recent-post ul li p {
        font-size: 11px;
        color: #dddddd;
    }
    .footer .recent-post ul li p span {
        font-weight: 600;
    }

    .footer .subscribe {
        display: block;
    }
    .footer .subscribe p {
        padding: 0px;
        margin: 0px;
        padding-bottom: 40px;
        line-height: 20px;
        color: #dddddd;
    }
    .footer .input-outer {
        display: block;
        position: relative;
    }
    .footer .input-outer input[type='email'] {
        width: 100%;
        float: left;
        padding: 11px 0 11px 10px;
        border: none;
        font-size: 12px;
        color: #dddddd;
        background: rgba(255,255,255,0.2);
    }
    .footer .input-outer input[type='email']:focus, .footer .input-outer input[type='email']:hover {
        outline: none;
    }
    .footer .input-outer .clear {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        background: #dddddd;
        border-radius: 5px;
        text-align: center;
    }
    .footer .input-outer .clear .button {
        width: 100%;
        height: 100%;
        background: none;
        border: none;
        z-index: 2;
        text-indent: -9999px;
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease 0s;
    }
    .footer .input-outer .clear:hover {
        background: #ffffff;
    }
    .footer .input-outer .clear:after {
        position: absolute;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        font-family: 'FontAwesome';
        font-size: 20px;
        content: "\f0e0";
        color: #1b1e1f;
        z-index: 1;
        width: 40px;
    }

    .footer .tweet {
        display: block;
        padding: 60px 0 0 0;
    }
    .footer .tweet .icon {
        width: 14%;
        float: left;
        font-size: 70px;
        color: #cdd4da;
    }
    .footer .tweet .right-cnt {
        width: 86%;
        padding: 0 0 0 25px;
        float: left;
    }
    .footer .tweet .right-cnt p {
        padding: 0px;
        margin: 0px;
        padding-bottom: 10px;
        line-height: 24px;
        color: #dddddd;
    }
    .footer .tweet .sourse {
        display: block;
        font-weight: 700;
        color: #dddddd;
    }
    .footer .tweet .sourse span {
        display: inline-block;
        padding-left: 4px;
        font-weight: normal;
        color: #ffffff;
    }
    .footer .tweet .sourse ul {
        display: inline-block;
        padding-left: 15px;
    }
    .footer .tweet .sourse ul li {
        display: inline-block;
        padding: 0 6px;
    }
    .footer .tweet .sourse ul li a {
        display: block;
        color: #dddddd;
    }
    .footer .bottom {
        display: block;
        padding: 25px 0;
        font-size: 12px;
        color: #dddddd;
        text-align: center;
    }

    .footer .bottom .bottom-links-wrapper a {
        color: #dddddd;
        font-size: 14px;
        font-weight: 400;
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid #444;
    }
    .footer .bottom .bottom-links-wrapper a:last-child {
        margin-right: 0px;
        padding-right: 0px;
        border-right: 0px solid #444;
    }


/* ------ 13. About Us ------ */

    .about .atf {
        margin: 6% auto 0;
        position: relative;
    }
    h1.sub {
        text-align: center;
        width: 850px;
        margin: 0 auto 15px;
        color: #212b35;
        line-height: 1.222;
        font-weight: 700;
        font-size: 36px;
        margin-bottom: 0.5em;
    }
    .about .atf-img {
        position: relative;
        padding-bottom: 7%;
    }
    .about .atf-img a {
        color: #5c6ac4;
        font-size: 18px;
        position: absolute;
        left: 50%;
        top: 50px;
        margin-left: -67px;
    }
    .about .atf-img a:hover {
        text-decoration: none;
    }

    .about .team-pad {
        background: #f9fafd;
        width: 100%;
    }
    .about .team-pad .row {
        padding: 9% 0 0 0;
    }
    .about .team-pad .row .info {
        width: 62%;
        padding: 0 0 0 80px;
    }
    .about .team-pad .row .info h2.sub {
        text-align: left;
        width: auto;
        font-size: 50px;
    }
    .about .team-pad .row .info .sub-desc {
        text-align: left;
        width: auto;
        margin: 0 0 30px 0;
    }
    .about .team {
        background: url(../images/about-background-large-n.png) no-repeat;
        margin-top: -7.625%;
        width: 100%;
        background-size: cover;
    }
    .about .team .activity {
        text-align: center;
        padding-top: 47%;
        padding-bottom: 7%;
    }
    .about-intro-wrapper {
        padding-top: 5.625em;
        padding-bottom: 5.625em;
        position: relative;
    }
    .about-intro {
        padding: 0 60px 0 60px;
    }
    .about-intro h3 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        color: #212b35;
        line-height: 1.222;
        font-weight: 700;
        font-size: 1.5em;
        margin-bottom: 0.83333em;
    }
    .about-intro p {
        margin-bottom: 0.9375em;
        color: #666666;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.6;
    }
    .map-stats-wrapper {
        min-height: 635px;
        padding: 60px 0;
        position: relative;
    }
    .page-width {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-left: 30px;
        padding-right: 30px;
        width: 990px;
    }
    .map-stats-wrapper .responsive-svg {
        height: 0;
        position: relative;
        padding-bottom: 60.49382716049383%;
    }
    .map-stats-wrapper .responsive-svg .world-map-svg {
        margin: 0 auto;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    .map-stats-wrapper .responsive-svg .world-map-svg circle {
        opacity: 1;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
    .map-stats-wrapper .map-stats {
        top: 50%;
        width: 100%;
        position: absolute;
    }
    .map-stats-wrapper .grid-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .map-stats-wrapper .map-stats__item {
        color: #5c6ac4;
        -webkit-transition: all 1.5s;
        transition: all 1.5s;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        position: absolute;
    }
    .map-stats-wrapper .map-stats__item:first-child {
        left: 0;
    }
    .map-stats-wrapper .map-stats__item.js-is-active {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .map-stats-wrapper .map-stats__item:last-child {
        right: 30px;
    }
    .map-stats-wrapper .map-stats__num {
        font-size: 3.625em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 900;
        line-height: 1.5;
    }
    .map-stats-wrapper .map-stats__item small {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 0.8125em;
        letter-spacing: 0.1em;
    }
    .map-stats__item small, .map-stats__item span {
        display: block;
    }


    .misc-content {
        padding-top: 5.625em;
        padding-bottom: 5.625em;
        position: relative;
        border-top: 1px solid #dfe3e8;
    }

/* ------ 14. Blog ------ */

    .top-head {
        padding:  140px 90px 80px;;
        border-bottom: 1px solid #e8eaf9;
        border-top: 1px solid #e8eaf9;
        background-color: #aed8e8;
    }
    .top-head h1.sub {
        text-align: left;
        width: auto;
        color: #212b35;
        font-size: 46px;
        line-height: 1.222;
        font-weight: 700;
        letter-spacing: -0.025em;
        margin-bottom: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .top-head .sub-desc {
        text-align: left;
        width: auto;
        margin-top: 15px;
        font-size: 18px;
        margin-bottom: 45px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.222;
        color: #212b35;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 400;
    }

    .newsreel {
        padding: 5% 10.5%;
        background: #f9fafd;
    }
    .newsreel .items {
        width: 100%;
        margin: 0px auto 30px;
        text-align: center;
        display: block;
        position: relative;
        overflow: hidden;
    }
    .newsreel .items .item {
        display: inline-block;
        box-shadow: 0 4px 10px 0 rgba(14, 36, 129, 0.08);
        border: solid 1px rgba(21, 30, 70, 0.06);
        border-radius: 4px;
        vertical-align: top;
        margin: 0 1% 30px;
        background: white;
        width: 31.33%;
    }
    .newsreel .items .item .con {
        padding: 15px 0px;
        min-height: 400px;
    }
    .newsreel .news-img-wrapper {
        margin-bottom: 20px;
    }
    article.post .news-img-wrapper {
        margin-bottom: 20px;
    }
    .newsreel .news-img-wrapper img,
    article.post .news-img-wrapper img {
        max-width: 100%;
    }
    .newsreel .items .item .con .clear {
        margin-bottom: 21px;
    }
    .newsreel .items .item .pub {
        font-size: 14px;
        color: #666666;
        float: left;
        width: 60%;
        text-align: left;
    }
    .newsreel .items .item .pub i {
        vertical-align: middle;
        margin-right: 6px;
        width: 28px;
        height: 28px;
        font-size: 26px;
        color: #000;
    }
    .newsreel .items .item .time {
        font-size: 14px;
        font-weight: 300;
        color: #666;
        float: right;
        width: 40%;
        text-align: right;
        height: 28px;
        padding-top: 5px;
    }
    .newsreel .items .item .no-im h3 {
        font-size: 18px;
        line-height: 1.6;
        text-align: left;
        color: #333333;
        max-height: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        font-weight: 700;
    }
    .newsreel .items .item .txt {
        margin: 12px 0 0 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.6;
        text-align: left;
        color: #666666;
    }
    .newsreel .items .item .txt p {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.6;
        text-align: left;
        color: #666666;

        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        word-wrap: break-word;
        -webkit-line-clamp: 9;
        -moz-line-clamp: 9;
        line-clamp: 9;
    }
    .newsreel .items .btn {
        margin: 20px 0 30px 0px;
        font-size: 14px;
        box-shadow: none;
        display: block;
        width: 129px;
    }
    .newsreel .pagin {
        text-align: center;
        margin-top: 4%;
        width: 100%;
    }
    .newsreel .pagin .page-numbers {
        display: inline-block;
        min-width: 38px;
        height: 38px;
        padding: 10px;
        border: 1px solid rgba(34, 52, 100, 0.3);
        border-radius: 2px;
        color: #333333;
        margin-bottom: 10px;
        vertical-align: top;
        line-height: 1.1;
    }
    .newsreel .pagin .page-numbers:hover {
        text-decoration: none;
    }
    .newsreel .pagin .page-numbers:hover, .newsreel .pagin .page-numbers.current {
        background: rgba(34, 52, 100, 0.3);
    }

/* ------ 15. Blog Detail ------ */

    .blog-detail-wrapper {
        background: #fff;
        position: relative;
        width: 100%;
        padding: 5% 10.5%;
        overflow: hidden;
    }

    .nc_socialPanel {
        clear: both;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 34px;
        line-height: 1;
        margin-bottom: 20px!important;
        margin-top: 20px!important;
        overflow: hidden;
        padding: 0;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        direction: ltr;
        -ms-flex-align: stretch;
        -ms-flex-line-pack: center;
        -ms-flex-pack: justify;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;

        width: 100%!important;
        opacity: 1;
        -ms-transform-origin: left;
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }
    div.nc_socialPanel .nc_tweetContainer {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
        float: left;
        height: 32px;
        margin: 0 5px 3px;
        min-width: 34px;
        overflow: hidden;
        text-align: center;
        -webkit-transition: all .1s linear;
        transition: all .1s linear;
        border-width: 1px;
    }
    .nc_socialPanel .swp_fb,
    body .nc_socialPanel:hover .swp_fb,
    html body .nc_socialPanel .swp_fb:hover {
        background: #3a589e;
        border: 1px solid #2e4675;
    }
    div.nc_socialPanel:not(.nc_socialPanelSide) .nc_tweetContainer {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    div.nc_socialPanel:not(.nc_socialPanelSide) .nc_tweetContainer:hover {
        flex: 1.2 1 0%;
    }
    div.nc_socialPanel:hover div.totes.totesalt:not(:nth-child(1)) {
        flex: 1;
    }
    .nc_socialPanel:not(.nc_socialPanelSide) .nc_tweetContainer:nth-child(1) {
        margin-left: 0;
    }
    .nc_socialPanel .nc_tweetContainer a.nc_tweet, .nc_socialPanel .totes .swp_count {
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px!important;
        font-weight: 700;
        height: 30px;
        text-decoration: none;
        text-decoration: none!important;
        text-transform: none;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .iconFiller {
        display: block;
        float: left;
        height: 30px;
        overflow: hidden;
        -webkit-transition: width .1s linear;
        transition: width .1s linear;
    }
    .nc_socialPanel .iconFiller {
        width: 30px;
    }
    .nc_socialPanel span.iconFiller {
        font-size: 18px;
        margin: 0 auto;
    }
    .nc_socialPanel a .swp_count.swp_hide {
        margin: 0 auto;
        transition: padding 0.1s linear;
        font-size: 14px;
    }
    span.spaceManWilly {
        display: block;
        width: 120px;
    }
    .fa {
        display: inline-block;
        font-size: inherit;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: 400;
        text-rendering: auto;
        text-transform: none!important;
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    .nc_socialPanel .fa {
        float: left;
        height: 30px;
        line-height: 32px;
        margin: 0 5px;
        text-shadow: none!important;
        width: 20px;
        color: #ffffff;
    }
    .nc_socialPanel .twitter, body .nc_socialPanel:hover .twitter, html body .nc_socialPanel .twitter:hover {
        background: #429cd6;
        border: 1px solid #3c87b2;
    }
    .nc_socialPanel.swp_flatFresh .twitter,
    body .nc_socialPanel.swp_flatFresh:hover .twitter:not(:hover),
    html body .nc_socialPanel.swp_flatFresh .twitter:hover {
        border: 1px solid #429cd6;
    }
    .nc_socialPanel .linkedIn, body .nc_socialPanel.swp_o_fullColor:hover .linkedIn, html body .nc_socialPanel.swp_i_fullColor .linkedIn:hover {
        background: #0d77b7;
        border: 1px solid #0c6591;
    }
    .nc_socialPanel.swp_flatFresh .linkedIn,
    body .nc_socialPanel.swp_flatFresh:hover .linkedIn:not(:hover),
    html body .nc_socialPanel.swp_flatFresh .linkedIn:hover {
        border: 1px solid #0d77b7;
    }
    .nc_socialPanel div.totes.totesalt, .nc_socialPanel:hover div.totes.totesalt:not(:nth-child(1)) {
        background: 0 0!important;
        border: none;
        color: #474b4d;
        margin-left: 0!important;
    }
    .nc_socialPanel:not(.nc_socialPanelSide) div.totes.totesalt:nth-last-child(1) {
        margin-right: 0;
        padding-right: 0;
    }
    .nc_socialPanel:not(.nc_socialPanelSide) .nc_tweetContainer.totes.totesalt:before {
        content: "\f1e0";
        display: inline-block;
        font-family: FontAwesome;
        margin-top: 7px;
        vertical-align: top;
    }
    .nc_socialPanel:not(.nc_socialPanelSide) .totes.totesalt .swp_count {
        display: inline-block;
        line-height: 0;
        margin-left: 8px;
        margin-top: 12px;
        min-width: 45px;
        position: relative;
        vertical-align: middle;
        transition: padding 0.1s linear;
    }
    span.swp_label {
        display: block;
        font-size: 9px!important;
        margin-top: 13px;
        position: absolute;
        text-align: center!important;
        text-transform: uppercase;
    }
    .nc_socialPanel .totes.totesalt .swp_label {
        color: #474b4d;
        font-size: 10px;
        letter-spacing: 0;
        min-width: 40px;
        vertical-align: middle;
    }
    .blog-content p {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.6;
        text-align: left;
        color: #666666;
        margin-bottom: 15px;
    }
    .blog-content h3 {
        font-size: 20px;
        line-height: 1.6;
        text-align: left;
        color: #333333;
        margin-bottom: 7px;
    }
    .blog-content ul {
        padding-left: 35px;
        line-height: 1.8;
        color: #666666;
        font-weight: 100;
        margin: 15px 0px;
        font-size: 16px;
    }
    .widget {
        margin-bottom: 20px;
        width: 100%;
    }
    #blog-archive-sidebar .panel {
        background-color: #F2F4F7;
        box-shadow: none;
    }
    #blog-archive-sidebar .widget.panel.wpforms-widget {
        padding: 30px;
        background-color: rgba(72, 155, 232, 0.2);
    }
    div.wpforms-container-full, div.wpforms-container-full .wpforms-form * {
        background: none;
        border: 0 none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        float: none;
        font-size: 100%;
        height: auto;
        letter-spacing: normal;
        list-style: none;
        outline: none;
        position: static;
        text-decoration: none;
        text-indent: 0;
        text-shadow: none;
        text-transform: none;
        width: auto;
        visibility: visible;
        overflow: visible;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    .widget.panel.wpforms-widget div.wpforms-container-full {
        margin-bottom: 0px;
    }
    .widget.panel.wpforms-widget .wpforms-form {
        text-align: center;
    }
    div.wpforms-container-full .wpforms-form .wpforms-title {
        font-size: 26px;
        margin: 0 0 10px 0;
    }
    .widget.panel.wpforms-widget .wpforms-title {
        color: #444851;
        font-size: 22px;
        font-weight: 500;
    }
    div.wpforms-container-full .wpforms-form .wpforms-description {
        margin: 0 0 10px 0;
    }
    .widget.panel.wpforms-widget .wpforms-description {
        color: #444851;
        font-size: 16px;
        font-weight: 100;
        line-height: 1.5;
    }
    div.wpforms-container-full .wpforms-form .wpforms-field {
        padding: 10px 0;
        clear: both;
    }
    .widget.panel.wpforms-widget div.wpforms-container-full .wpforms-form .wpforms-field {
        padding: 5px 0px 0px 0px;
    }
    .widget.panel.wpforms-widget input[type=email] {
        background-color: white;
        border-radius: 2px;
        padding: 10px;
        margin: 10px 0;
        width: 100%;
        font-weight: 100;
    }
    div.wpforms-container-full .wpforms-form .wpforms-submit-container {
        padding: 10px 0 0 0;
        clear: both;
        position: relative;
    }
    .widget.panel.wpforms-widget div.wpforms-container-full .wpforms-form .wpforms-submit-container {
        padding: 0px;
    }
    .widget.panel.wpforms-widget .wpforms-submit {
        color: white;
        font-size: 18px;
        background-color: #489be8;
        border-radius: 2px;
        padding: 10px;
        text-align: center;
        width: 100%;
    }
    .widget.popular-posts {
        padding: 40px;
    }
    .widget.popular-posts h2 {
        margin: 0px;
        font-size: 22px;
        font-weight: 500;
    }
    .widget.popular-posts ul {
        list-style: none;
        padding: 0px;
        margin: 16px 0px;
    }
    .widget.popular-posts li {
        margin-bottom: 10px;
        font-weight: 100;
    }
    .widget.popular-posts a {
        color: #162938;
        text-decoration: none;
        margin-left: 5px;
        line-height: 1.5;
    }
    div.widget_search {
        padding: 30px;
        border: 0;
    }
    div.widget_search form {
        margin-bottom: 0;
    }
    div.widget_search input {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 48px;
        margin: 0;
        padding: 0 50px 0 10px;
        background: #fff !important;
        box-shadow: none;
        border: none;
    }
    .widget_search .searchform input {
        font-size: 14px;
    }
    div.widget_search input[type=submit] {
        position: relative;
        z-index: 2;
        float: right;
        display: block;
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin: -48px 0 0 0;
        padding: 0;
        border: none;
        background: #fff !important;
        font-size: 24px;
        color: #555;
    }
    .icon-selector {
        font-family: 'bicon';
        display: inline-block;
        font-size: inherit;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        text-rendering: auto;
    }
    .widget.blog-topics {
        padding: 40px;
    }

    .widget.blog-topics h2 {
        margin: 0px;
        font-size: 22px;
        font-weight: 500;
    }
    .widget.blog-topics ul {
        list-style: none;
        padding: 0px;
        margin: 16px 0px;
    }
    .widget.blog-topics li {
        margin-bottom: 10px;
    }
    .widget.blog-topics a {
        color: #162938;
        text-decoration: none;
    }

    div.widget_social .panel-content {
        padding: 20px 40px;
    }
    div.widget_social .section-title {
        text-align: left;
        font-size: 22px;
        font-weight: 500;
    }
    div.widget_social ul {
        float: none;
        display: block;
        width: auto;
        margin: 16px auto;
        padding: 0px;
        text-align: left;
    }
    .singular .panel-content ul, .singular .panel-content ol {
        padding: 0 0 0 35px;
    }
    div.widget_social ul li {
        clear: none;
        float: none;
        display: inline-block;
        margin: 0 20px 0 0;
        padding: 0;
        border: none;
    }
    div.widget_social ul li a {
        float: left;
        font-size: 26px;
    }
    div.widget_social ul li a.facebook {
        color: #3b5998;
    }
    div.widget_social ul li a.twitter {
        color: #00aced;
    }
    div.widget_social ul li a.youtube {
        color: #bb0000;
    }

/* ------ 16. Carrer ------ */

    .careers .atf {
        margin: 6% auto 0;
        text-align: center;
    }
    .careers .atf .btn {
        margin-top: 4%;
    }
    .careers .atf .btn.hiring {
        position: relative;
    }
    .careers .atf-img {
        text-align: center;
        position: relative;
    }
    .careers .cloud-cntn {
        height: 33%;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        position: absolute;
        overflow: hidden;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }
    .careers .cloud-cntn > div {
        background: url(../images/clouds.png);
        background-size: contain;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        background-repeat: repeat;
        width: 100%;
        animation: slideshow 30s linear infinite;
    }
    .careers .atf-img img {
        max-width: 100%;
        z-index: 100;
        position: relative;
    }
    .careers .atf-img img.steps {
        margin-top: -3px;
    }
    @keyframes slideshow {
        0%    { left: 0; }
        100%  { left: -200%; }
    }

    @-webkit-keyframes cloud-cntn {
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }
    @-moz-keyframes cloud-cntn {
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }
    @-o-keyframes cloud-cntn {
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes cloud-cntn {
        0%   { opacity: 0; }
        100% { opacity: 1; }
    }
    .careers .values {
        background: no-repeat url(../images/blue-waves-bg-careers.svg);
        margin-top: -25px;
        height: 850px;
    }
    .careers .values .slider {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 33%;
        float: left;
        margin-top: 12%;
        margin-left: 12%;
    }
    .careers .values .slider .box {
        height: 615px;
        border-radius: 4px;
        background-color: #ffffff;
        box-shadow: 0 4px 10px 0 rgba(14, 36, 129, 0.08);
        border: solid 1px rgba(21, 30, 70, 0.06);
        position: relative;
        z-index: 25;
        padding: 20px;
    }
    .careers .values .slider .box .box-cntrls {
        position: absolute;
        bottom: 70px;
        width: 92%;
        text-align: center;
        z-index: 30;
    }
    .careers .values .slider .box .box-cntrls a.btn:nth-child(1) {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        box-shadow: 0 -2px 4px 0 rgba(21, 30, 70, 0.12);
        float: left;
        margin: 0px 0 0 40px;
    }
    .careers .values .slider .box .box-cntrls a.btn {
        width: 80px;
    }
    .careers .values .slider .box .box-cntrls a.btn:hover {
        background-color: #5c6ac4;
        box-shadow: 0 2px 4px 0 rgba(21, 30, 70, 0.12);
    }
    .careers .values .slider .box .box-cntrls a.btn:nth-child(2) {
        float: right;
        margin: 0px 39px 0 0px;
    }
    .careers .values .slider .box .box-cntn {
        height: 100%;
        position: relative;
    }
    .careers .values .slider .box .box-cntn .val {
        display: table;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: opacity 0.3s ease-in;
        position: absolute;
    }
    .careers .values .slider .box .box-cntn .val > div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        transition: all .2s ease-in-out;
        border: solid 4px #dfe2f7;
    }
    .careers .values .slider .box .box-cntn .val .ttl {
        border-top: 1px solid #e9ebf8;
        margin: 0 auto 30px;
        width: 55%;
    }
    .careers .values .slider .box .box-cntn .val .ttl .t {
        margin: -15px auto 0;
        background: white;
        width: 50px;
        font-size: 30px;
        font-weight: 600;
        color: #5c6ac4;
    }
    .careers .values .slider .box .box-cntn .val .vlu {
        font-size: 22px;
        font-weight: 100;
        line-height: 1.54;
        color: #666666;
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    .careers .values .slider .box .box-cntn .val .vlu span {
        border-bottom: 1px solid rgba(93, 100, 142, 0.5);
        padding-bottom: 2px;
    }
    .careers .values .slider .box .box-cntn .val.shown {
        opacity: 1;
    }

    .careers .values .info {
        width: 41%;
        float: right;
        margin-top: 12%;
        margin-right: 7%;
    }
    .careers .values .info span {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1.6px;
        color: #36eea8;
        display: block;
        text-transform: uppercase;
        margin: 10px 0 20px;
    }
    .careers .values .info h2 {
        color: #ffffff;
        line-height: 1.222;
        font-weight: 700;
        font-size: 36px;
        margin-bottom: 0.5em;
    }
    .careers .values .info div {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.7;
        color: #ffffff;
    }

    .careers .perks {
        margin: 7% 0 3%;
    }
    .careers h2.sub {
        font-size: 36px;
    }
    .careers .perks .listing {
        width: 90%;
        margin: 0 auto;
    }
    .careers .perks .listing .perk {
        display: inline-block;
        width: 33%;
        padding: 2% 5%;
        margin: 0 0 30px;
        text-align: center;
        vertical-align: top;
    }
    .careers .perks .listing .perk img {
        width: 84px;
        height: 84px;
    }
    .careers .perks .listing .perk h3 {
        font-size: 20px;
        line-height: 1.54;
        color: #333333;
        font-weight: 700;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .careers .perks .listing .perk span {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #666666;
    }


/* ------ 17. Pricing ------ */

    .pricing .pricing-wrapper {
        margin: 6% auto 6%;
        position: relative;
        font-weight: 100;
    }
    .pricing .pricing-wrapper .plans {
        padding: 50px 80px 60px 80px;
        margin-top: 25px;
    }
    .pricing .pricing-wrapper .plans .box {
        border: 1px #dee2eb solid;
        padding: 30px 15px;
        color: #1a2a55;
        overflow: hidden;
        margin-bottom: 30px;
        text-align: center;
    }
    .pricing .pricing-wrapper .plans .box h1 {
        margin-bottom: 0;
        font-weight: 100;
        font-size: 40px;
    }
    .pricing .pricing-wrapper .plans .box h1 .small {
        font-size: 18px;
    }
    .pricing .pricing-wrapper .plans .box .small {
        color: #95a2b4;
    }
    .pricing .pricing-wrapper .plans .box .btn {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .pricing .pricing-wrapper .plans .box.box-promoted .btn:hover {
        color: #ffffff;
    }
    .pricing .pricing-wrapper .plans .box .progress {
        border-radius: 0;
        height: 5px;
        box-shadow: none;
        background-color: #dee2eb;
        margin-left: -30px;
        margin-right: -30px;
        margin-top: 30px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .progress-bar {
        float: left;
        width: 0%;
        height: 100%;
        font-size: 13px;
        line-height: 21px;
        color: #fff;
        text-align: center;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
    }
    .progress-bar-success {
        background-color: #5cb85c;
    }
    .pricing .pricing-wrapper .plans .box .progress .progress-bar-success {
        background-color: #2f7fef;
    }
    .pricing .pricing-wrapper .plans .col-md-3:first-child .box .progress .progress-bar.progress-bar-success {
        width: 5%;
    }
    .pricing .pricing-wrapper .plans .col-md-3:nth-child(2) .box .progress .progress-bar.progress-bar-success  {
        width: 15%;
    }
    .pricing .pricing-wrapper .plans .col-md-3:nth-child(3) .box .progress .progress-bar.progress-bar-success  {
        width: 50%;
    }
    .pricing .pricing-wrapper .plans .col-md-3:last-child .box .progress .progress-bar.progress-bar-success  {
        width: 100%;
    }
    .pricing .pricing-wrapper .plans .box .spec {
        padding-top: 30px;
    }
    .pricing .pricing-wrapper .plans .box .spec ul {
        list-style: none;
        padding-left: 0;
        text-align: left;
    }
    .pricing .pricing-wrapper .plans .box .spec ul li {
        padding: 7px 0px;
    }
    .blue {
        color: #2f7fef;
    }
    .pricing .pricing-wrapper .plans .box .spec ul li i {
        margin-right: 10px;
        display: inline-block;
        width: 18px;
    }
    .pricing .pricing-wrapper .plans .box.box-promoted {
        margin-top: -42px;
        background-color: #ebedf3;
    }
    .pricing .pricing-wrapper .plans .box.box-promoted .promoted {
        padding: 13px;
        text-align: center;
        color: #fff;
        background-color: #2f7fef;
        margin-bottom: 30px;
        margin-right: -30px;
        margin-left: -30px;
        margin-top: -30px;
    }
    .pricing .pricing-wrapper .plans .box .silver {
        color: #dee2eb!important;
    }

    #menu-sld.open {
        max-height: 1000px;
    }
    .misc-hero-wrapprer {
        padding: 0px 5% 0;
        margin-top: 80px;
    }
    .background-light {
        background: #557c93;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #08203e, #557c93);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #08203e, #557c93); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    }
    .color-ink {
        color: #212b35;
    }
    .misc-hero-inner {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .misc-hero-inner .misc-hero-heading {
        margin-bottom: 1.5625em;
        text-align: left;
    }
    .misc-hero-inner .misc-hero-heading .misc-hero-heading-kicker {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        line-height: 1.222;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.75em;
        font-weight: 700;
        color: #ffffff;
        font-size: 0.875em;
    }
    .misc-hero-inner .misc-hero-heading .misc-hero-heading-jumbo {
        -webkit-font-kerning: normal;
        font-kerning: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        margin-bottom: 0.25em;
        color: #ffffff;
        font-size: 40px;
        line-height: 1.222;
        font-weight: 500;
		text-transform: uppercase;
        letter-spacing: -0.025em;
    }
    .misc-hero-inner .misc-hero-heading .misc-hero-heading-subhead {
        margin-top: 15px;
        max-width: 100%;
        font-size: 16px;
        margin-bottom: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.6;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 100;
    }
    .misc-hero-inner img {
        width: 100%;
        height: auto;
    }


/* ------ 18. UI Kit ------ */
    /* --- a. Accordion --- */

        .collapse.in {
            display: block;
        }

        .accordion-struct.panel-group .panel .panel-heading a {
            color: #002a55;
            text-transform: capitalize;
            padding: 12px 20px;
            width: 100%;
            display: block;
            border: 1px solid rgba(0, 0, 0, 0.1);
            margin-top: 15px;
        }
        .accordion-struct.panel-group .panel .panel-heading a:hover {
            text-decoration: none;
        }
        .accordion-struct.panel-group .panel .panel-body {
            padding: 0px 15px 15px 15px;
            color: #666666;
            font-size: 16px;
            line-height: 1.6;
            font-weight: 300;
        }
        .misc-content .panel.card-view {
            margin:auto;
        }
        .misc-content .panel.card-view .panel-heading h4.txt-dark {
            font-size: 20px;
            margin-top: 25px;
            margin-bottom: 10px;
            color: #002a55;
            text-align: center;
        }

        .accordion-struct.accordion-style-1 .icon-ac-wrap {
            display: inline;
            position: relative;
            color: #333333;
        }
        .accordion-struct.accordion-style-1 .icon-ac-wrap .plus-ac {
            opacity: 1;
        }
        .accordion-struct.accordion-style-1 .icon-ac-wrap .minus-ac {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

        .accordion-struct.accordion-style-1.panel-group .panel-heading a[aria-expanded = false] .icon-ac-wrap .minus-ac {
            opacity: 0;
        }
        .accordion-struct.accordion-style-1.panel-group  .panel-heading a[aria-expanded = true] .icon-ac-wrap .plus-ac {
            opacity: 0;
        }
        .accordion-struct.accordion-style-1.panel-group .panel-heading a[aria-expanded = true] .icon-ac-wrap .minus-ac {
            opacity: 1;
        }
        .accordion-struct.accordion-style-1.panel-group  .panel-heading a[aria-expanded = false] .icon-ac-wrap .plus-ac {
            opacity: 1;
        }
        .pr-20 {
            padding-right: 20px!important;
        }
        .accordion-struct.accordion-style-1.right-icon .icon-ac-wrap {
            float: right;
            padding-right: 0 !important;
        }

    /* --- b. Alerts --- */

        .pixxett-alert {
            /*! color: #fff; */
            position: relative;
            border-radius: 3px;
            text-align: left;
            margin-bottom: 10px;
            padding: 15px;
            padding-right: 30px;
            color: #fff;
        }
        .pixxett-alert a {
            color: inherit;
            text-decoration: underline;
            font-weight: 600;
        }
        .pixxett-alert h4 {
            font-size: 14px;
            margin: 0;
            color: inherit;
            font-weight: 600;
            line-height: normal;
        }
        .pixxett-alert .img {
            width: 40px;
            height: 40px;
            position: absolute;
            border-radius: 3px;
            left: 12px;
            top: 12px;
        }
        .pixxett-alert-img {
            padding-left: 65px;
            min-height: 64px;
        }
        .pixxett-alert-icon {
            padding-left: 40px;
        }
        .pixxett-alert-icon .fa {
            display: block;
            width: 20px;
            text-align: center;
            position: absolute;
            font-size: 15px;
            left: 12px;
            top: 17px;
        }
        .pixxett-alert .closed {
            position: absolute;
            right: 3px;
            text-decoration: none !important;
            font-weight: bold;
            top: 0px;
            font-size: 20px !important;
            color: rgba(255, 255, 255, 0.5) !important;
            padding: 4px;
        }
        .pixxett-alert .closed:hover {
            color: #fff;
        }
        .pixxett-alert-click {
            cursor: pointer;
            padding-right: 12px;
        }
        .pixxett-alert .primary {
            outline: 0;
            border: none;
            background: rgba(0, 0, 0, 0.4);
            color: inherit;
            border-radius: 3px;
            padding: 4px 10px;
        }
        .pixxett-alert .cancel {
            outline: 0;
            border: none;
            background: rgba(255, 255, 255, 0.4);
            color: rgba(0, 0, 0, 0.8);
            border-radius: 3px;
            padding: 4px 10px;
        }
        .pixxett-alert .primary:hover,
        .pixxett-alert .cancel:hover {
            opacity: 0.9;
        }
        .pixxett-alert-top,
        .pixxett-alert-bottom,
        .pixxett-alert-top-left,
        .pixxett-alert-top-right,
        .pixxett-alert-bottom-left,
        .pixxett-alert-bottom-right,
        .pixxett-alert-fullscreen {
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
            position: fixed;
            display: none;
            z-index: 1000;
        }
        .pixxett-alert-top {
            top: 0;
            left: 0;
            right: 0;
        }
        .pixxett-alert-bottom {
            bottom: 0;
            left: 0;
            right: 0;
        }
        .pixxett-alert-top-left {
            top: 80px;
            left: 20px;
        }
        .pixxett-alert-top-right {
            top: 80px;
            right: 20px;
        }
        .pixxett-alert-bottom-left {
            bottom: 20px;
            left: 20px;
        }
        .pixxett-alert-bottom-right {
            bottom: 20px;
            right: 20px;
        }
        .pixxett-alert-fullsize {
            top: 50%;
            left: 50%;
            margin: -20px;
        }
        .alert1 {
            background: #399bff;
        }
        .alert2 {
            background: #33577b;
        }
        .alert3 {
            background: #26a65b;
        }
        .alert4 {
            background: #51b7a3;
        }
        .alert5 {
            background: #f39c12;
        }
        .alert6 {
            background: #ef4836;
        }
        .alert7 {
            background: #9a80b9;
        }
        .alert8 {
            background: #a2ded0;
            color: #444;
        }
        .alert8 .closed {
            color: inherit;
        }
        .alert8 a:hover.closed {
            color: inherit;
        }
        .alert9 {
            background: #d2527f;
        }
        .alert10 {
            background: #c78568;
        }
        .alert11 {
            background: #e99844;
        }
        .alert1-light {
            background: #d2e8ff;
            color: #00356c;
        }
        .alert2-light {
            background: #7ea3c9;
            color: #152433;
        }
        .alert3-light {
            background: #83e3aa;
            color: #13532e;
        }
        .alert4-light {
            background: #bde4dc;
            color: #2f7365;
        }
        .alert5-light {
            background: #fad9a4;
            color: #976008;
        }
        .alert6-light {
            background: #fac9c4;
            color: #b11e0e;
        }
        .alert7-light {
            background: #e8e3ef;
            color: #674b88;
        }
        .alert8-light {
            background: #edf9f6;
            color: #2f8571;
        }
        .alert9-light {
            background: #f2cbd9;
            color: #97274e;
        }
        .alert10-light {
            background: #f0dfd8;
            color: #935336;
        }
        .alert11-light {
            background: #f9e3cd;
            color: #b26515;
        }

        .pixxett-alert.alert1-light .closed,
        .pixxett-alert.alert2-light .closed,
        .pixxett-alert.alert3-light .closed,
        .pixxett-alert.alert4-light .closed,
        .pixxett-alert.alert5-light .closed,
        .pixxett-alert.alert6-light .closed,
        .pixxett-alert.alert7-light .closed,
        .pixxett-alert.alert8-light .closed,
        .pixxett-alert.alert9-light .closed,
        .pixxett-alert.alert10-light .closed,
        .pixxett-alert.alert11-light .closed {
            color: rgba(0,0,0,0.6) !important;;
            opacity: 0.6;
        }
        .pixxett-alert.alert1-light {
            background: #d2e8ff;
            color: #00356c
        }
        .doc-grid div {
            border: 1px solid #ccc;
            text-align: center;
            font-size: 16px;
            padding: 20px 0;
            background: #fff;
        }

        .grid-block [class^="col-"] {
            padding-bottom: 10px;
            padding-top: 10px;
            border: 1px solid rgba(33, 33, 33, 0.1);
            border-radius: 0;
            box-shadow: none !important;
            color: #878787;
            height: 42px;
        }

    /* --- c. Badge --- */

        .badge .fa {
            font-size: 15px;
            margin-right: 5px;
        }
        .btndiv .badge {
            margin-bottom: 10px;
        }
        /* Button General */
        .badge {
            font-size: 14px;
            padding: 7px 20px 7px 20px;
            border: none;
            background: #e4e4e4;
            color: inherit;
            border-radius: 3px;
            margin-bottom: 10px;
        }
        .badge {
            font-size: 14px;
            padding: 7px 20px;
            border: 0;
            border-radius: 3px;
            font-weight: 400;
        }
        .btn:hover {
            background-color: #eeeeee;
            color: #666;
        }
        .btn:active,
        .btn.active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .btn.disabled,
        .btn[disabled],
        fieldset[disabled] .badge {
            pointer-events: none;
            cursor: not-allowed;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65;
        }
        .badge-xs {
            font-size: 11px;
            padding: 3px 8px;
        }
        .badge-sm {
            font-size: 12px;
            padding: 5px 14px;
        }
        .badge-lg {
            font-size: 16px;
            padding: 10px 30px;
        }
        .badge-xl {
            font-size: 20px;
            padding: 14px 30px;
        }
        .badge .fa {
            font-size: 15px;
            margin-right: 5px;
        }
        .badge-icon {
            padding-left: 10px;
            padding-right: 10px;
        }
        .badge-icon .fa {
            margin: 0;
        }
        .badge-rounded {
            border-radius: 999px;
        }
        .badge-square {
            border-radius: 0;
        }
        .btndiv .badge {
            margin-bottom: 10px;
        }

        .badge-default {
            background-color: #399bff;
            color: #fff;
        }
        .badge-default .badge {
            color: #399bff;
            background-color: #fff;
        }
        /* Button Primary */
        .badge-primary {
            background-color: #33577b;
            color: #fff;
        }
        .badge-primary .badge {
            color: #33577b;
            background-color: #fff;
        }
        /* Button white */
        .badge-white {
            background-color: #e4e4e4;
            color: #666;
        }
        .badge-white .badge {
            color: #e4e4e4;
            background-color: #fff;
        }
        /* Button toggle */
        .badge-toggle {
            background-color: #e4e4e4;
            color: #666;
            border-size: 5px;
        }
        .badge-toggle .badge {
            color: #e4e4e4;
            background-color: #fff;
        }
        /* Button light */
        .badge-light {
            background-color: #fff;
            color: inherit;
            border: 1px solid #BDC4C9;
        }
        /* Button Success */
        .badge-success {
            background-color: #26a65b;
            color: #fff;
        }
        .badge-success .badge {
            color: #26a65b;
            background-color: #fff;
        }
        /* Button Info */
        .badge-info {
            background-color: #51b7a3;
            color: #fff;
        }
        .badge-info .badge {
            color: #51b7a3;
            background-color: #fff;
        }
        /* Button Warning */
        .badge-warning {
            background-color: #f39c12;
            color: #fff;
        }
        .badge-warning .badge {
            color: #f39c12;
            background-color: #fff;
        }
        /* Button Danger */
        .badge-danger {
            background-color: #ef4836;
            color: #fff;
        }
        .badge-danger .badge {
            color: #ef4836;
            background-color: #fff;
        }
        /* Button Color11 */
        .badge-option1 {
            background-color: #9a80b9;
            color: #fff;
        }
        .badge-option1 .badge {
            color: #9a80b9;
            background-color: #fff;
        }
        /* Button Color12 */
        .badge-option2 {
            background-color: #a2ded0;
            color: #333;
        }
        .badge-option2 .badge {
            color: #a2ded0;
            background-color: #fff;
        }
        /* Button Color13 */
        .badge-option3 {
            background-color: #d2527f;
            color: #fff;
        }
        .badge-option3 .badge {
            color: #d2527f;
            background-color: #fff;
        }
        /* Button Color14 */
        .badge-option4 {
            background-color: #c78568;
            color: #fff;
        }
        .badge-option4 .badge {
            color: #c78568;
            background-color: #fff;
        }
        /* Button Color15 */
        .badge-option5 {
            background-color: #e99844;
            color: #fff;
        }
        .badge-option5 .badge {
            color: #e99844;
            background-color: #fff;
        }
        .badge .badge {
            font-size: 11px;
            text-transform: none;
            padding: 3px 10px;
            margin-left: 5px;
            font-weight: normal;
            color: inherit;
            background-color: rgba(0, 0, 0, 0.2);
        }
        .doc-grid {
            padding: 10px 20px;
        }
        .mt-30 {
            margin-top: 30px!important;
        }
        .panel-body p {
            margin-bottom: 15px;
            color: #666666;
            font-size: 16px;
            line-height: 1.6;
            font-weight: 300;
        }

    /* --- d. Button --- */

        .btn .fa {
            font-size: 15px;
            margin-right: 5px;
        }
        .btndiv .btn {
            margin-bottom: 10px;
        }
        /* Button General */
        .btn {
            font-size: 14px;
            padding: 7px 20px 7px 20px;
            border: none;
            background: #e4e4e4;
            color: inherit;
            border-radius: 3px;
            margin-bottom: 10px;
        }
        .btn {
            font-size: 14px;
            padding: 7px 20px;
            border: 0;
            border-radius: 3px;
            font-weight: 400;
        }
        .btn:hover {
            background-color: #eeeeee;
            color: #666;
        }
        .btn:active,
        .btn.active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .btn.disabled,
        .btn[disabled],
        fieldset[disabled] .btn {
            pointer-events: none;
            cursor: not-allowed;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65;
        }
        .btn-xs {
            font-size: 11px;
            padding: 3px 8px;
        }
        .btn-sm {
            font-size: 12px;
            padding: 5px 14px;
        }
        .btn-lg {
            font-size: 16px;
            padding: 10px 30px;
        }
        .btn-xl {
            font-size: 20px;
            padding: 14px 30px;
        }
        .btn .fa {
            font-size: 15px;
            margin-right: 5px;
        }
        .btn-icon {
            padding-left: 10px;
            padding-right: 10px;
        }
        .btn-icon .fa {
            margin: 0;
        }
        .btn-rounded {
            border-radius: 999px;
        }
        .btn-square {
            border-radius: 0;
        }
        .btndiv .btn {
            margin-bottom: 10px;
        }
        /* Button Default */
        .btn-default {
            background-color: #399bff;
            color: #fff;
        }
        .btn-default:hover,
        .btn-default:focus,
        .btn-default.focus,
        .btn-default:active,
        .btn-default.active,
        .open > .dropdown-toggle.btn-default {
            background-color: #4da5ff;
            color: #fff;
        }
        .btn-default:active,
        .btn-default.active,
        .open > .dropdown-toggle.btn-default {
            background: #208eff;
            box-shadow: none;
            color: #fff;
        }
        .btn-default .badge {
            color: #399bff;
            background-color: #fff;
        }
        /* Button Primary */
        .btn-primary {
            background-color: #33577b;
            color: #fff;
        }
        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary.focus,
        .btn-primary:active,
        .btn-primary.active,
        .open > .dropdown-toggle.btn-primary {
            background-color: #396189;
            color: #fff;
        }
        .btn-primary:active,
        .btn-primary.active,
        .open > .dropdown-toggle.btn-primary {
            background: #2c4a69;
            box-shadow: none;
            color: #fff;
        }
        .btn-primary .badge {
            color: #33577b;
            background-color: #fff;
        }

        /* Button white */
        .btn-white {
            background-color: #e4e4e4;
            color: #666;
        }
        .btn-white:hover,
        .btn-white:focus,
        .btn-white.focus,
        .btn-white:active,
        .btn-white.active,
        .open > .dropdown-toggle.btn-white {
            background-color: #eeeeee;
            color: #666;
        }
        .btn-white:active,
        .btn-white.active,
        .open > .dropdown-toggle.btn-white {
            background: #d7d7d7;
            box-shadow: none;
            color: #666;
        }
        .btn-white .badge {
            color: #e4e4e4;
            background-color: #fff;
        }
        /* Button toggle */
        .btn-toggle {
            background-color: #e4e4e4;
            color: #666;
            border-size: 5px;
        }
        .btn-toggle:hover,
        .btn-toggle:focus,
        .btn-toggle.focus,
        .btn-toggle:active,
        .btn-toggle.active,
        .open > .dropdown-toggle.btn-toggle {
            background-color: #eeeeee;
            color: #666;
        }
        .btn-toggle:active,
        .btn-toggle.active,
        .open > .dropdown-toggle.btn-toggle {
            background: #d7d7d7;
            box-shadow: none;
            color: #666;
        }
        .btn-toggle .badge {
            color: #e4e4e4;
            background-color: #fff;
        }
        /* Button light */
        .btn-light {
            background-color: #fff;
            color: inherit;
            border: 1px solid #BDC4C9;
        }
        .btn-light:hover,
        .btn-light:focus,
        .btn-light.focus,
        .btn-light:active,
        .btn-light.active,
        .open > .dropdown-toggle.btn-light {
            background-color: #f9f9f9;
            color: inherit;
        }
        .btn-light:active,
        .btn-light.active,
        .open > .dropdown-toggle.btn-default {
            box-shadow: none;
        }
        /* Button Success */
        .btn-success {
            background-color: #26a65b;
            color: #fff;
        }
        .btn-success:hover,
        .btn-success:focus,
        .btn-success.focus,
        .btn-success:active,
        .btn-success.active,
        .open > .dropdown-toggle.btn-success {
            background-color: #2ab764;
            color: #fff;
        }
        .btn-success:active,
        .btn-success.active,
        .open > .dropdown-toggle.btn-success {
            background: #219150;
            box-shadow: none;
            color: #fff;
        }
        .btn-success .badge {
            color: #26a65b;
            background-color: #fff;
        }
        /* Button Info */
        .btn-info {
            background-color: #51b7a3;
            color: #fff;
        }
        .btn-info:hover,
        .btn-info:focus,
        .btn-info.focus,
        .btn-info:active,
        .btn-info.active,
        .open > .dropdown-toggle.btn-info {
            background-color: #5fbdab;
            color: #fff;
        }
        .btn-info:active,
        .btn-info.active,
        .open > .dropdown-toggle.btn-info {
            background: #46a995;
            box-shadow: none;
            color: #fff;
        }
        .btn-info .badge {
            color: #51b7a3;
            background-color: #fff;
        }
        /* Button Warning */
        .btn-warning {
            background-color: #f39c12;
            color: #fff;
        }
        .btn-warning:hover,
        .btn-warning:focus,
        .btn-warning.focus,
        .btn-warning:active,
        .btn-warning.active,
        .open > .dropdown-toggle.btn-warning {
            background-color: #f4a425;
            color: #fff;
        }
        .btn-warning:active,
        .btn-warning.active,
        .open > .dropdown-toggle.btn-warning {
            background: #e08e0b;
            box-shadow: none;
            color: #fff;
        }
        .btn-warning .badge {
            color: #f39c12;
            background-color: #fff;
        }
        /* Button Danger */
        .btn-danger {
            background-color: #ef4836;
            color: #fff;
        }
        .btn-danger:hover,
        .btn-danger:focus,
        .btn-danger.focus,
        .btn-danger:active,
        .btn-danger.active,
        .open > .dropdown-toggle.btn-danger {
            background-color: #f15949;
            color: #fff;
        }
        .btn-danger:active,
        .btn-danger.active,
        .open > .dropdown-toggle.btn-danger {
            background: #ed321e;
            box-shadow: none;
            color: #fff;
        }
        .btn-danger .badge {
            color: #ef4836;
            background-color: #fff;
        }
        /* Button Color11 */
        .btn-option1 {
            background-color: #9a80b9;
            color: #fff;
        }
        .btn-option1:hover,
        .btn-option1:focus,
        .btn-option1.focus,
        .btn-option1:active,
        .btn-option1.active,
        .open > .dropdown-toggle.btn-option1 {
            background-color: #a48dc0;
            color: #fff;
        }
        .btn-option1:active,
        .btn-option1.active,
        .open > .dropdown-toggle.btn-option1 {
            background: #8d70b0;
            box-shadow: none;
            color: #fff;
        }
        .btn-option1 .badge {
            color: #9a80b9;
            background-color: #fff;
        }
        /* Button Color12 */
        .btn-option2 {
            background-color: #a2ded0;
            color: #333;
        }
        .btn-option2:hover,
        .btn-option2:focus,
        .btn-option2.focus,
        .btn-option2:active,
        .btn-option2.active,
        .open > .dropdown-toggle.btn-option2 {
            background-color: #b1e3d8;
            color: #333;
        }
        .btn-option2:active,
        .btn-option2.active,
        .open > .dropdown-toggle.btn-option2 {
            background: #8fd7c6;
            box-shadow: none;
            color: #333;
        }
        .btn-option2 .badge {
            color: #a2ded0;
            background-color: #fff;
        }
        /* Button Color13 */
        .btn-option3 {
            background-color: #d2527f;
            color: #fff;
        }
        .btn-option3:hover,
        .btn-option3:focus,
        .btn-option3.focus,
        .btn-option3:active,
        .btn-option3.active,
        .open > .dropdown-toggle.btn-option3 {
            background-color: #d6628b;
            color: #fff;
        }
        .btn-option3:active,
        .btn-option3.active,
        .open > .dropdown-toggle.btn-option3 {
            background: #cd3e70;
            box-shadow: none;
            color: #fff;
        }
        .btn-option3 .badge {
            color: #d2527f;
            background-color: #fff;
        }
        /* Button Color14 */
        .btn-option4 {
            background-color: #c78568;
            color: #fff;
        }
        .btn-option4:hover,
        .btn-option4:focus,
        .btn-option4.focus,
        .btn-option4:active,
        .btn-option4.active,
        .open > .dropdown-toggle.btn-option4 {
            background-color: #cd9177;
            color: #fff;
        }
        .btn-option4:active,
        .btn-option4.active,
        .open > .dropdown-toggle.btn-option4 {
            background: #c07655;
            box-shadow: none;
            color: #fff;
        }
        .btn-option4 .badge {
            color: #c78568;
            background-color: #fff;
        }
        /* Button Color15 */
        .btn-option5 {
            background-color: #e99844;
            color: #fff;
        }
        .btn-option5:hover,
        .btn-option5:focus,
        .btn-option5.focus,
        .btn-option5:active,
        .btn-option5.active,
        .open > .dropdown-toggle.btn-option4 {
            background-color: #eba256;
            color: #fff;
        }
        .btn-option5:active,
        .btn-option5.active,
        .open > .dropdown-toggle.btn-option5 {
            background: #e68b2d;
            box-shadow: none;
            color: #fff;
        }
        .btn-option5 .badge {
            color: #e99844;
            background-color: #fff;
        }
        .btn .badge {
            font-size: 11px;
            text-transform: none;
            padding: 3px 10px;
            margin-left: 5px;
            font-weight: normal;
            color: inherit;
            background-color: rgba(0, 0, 0, 0.2);
            margin-bottom: 0px;
        }
        .doc-grid {
            padding: 10px 20px;
        }
        .mt-30 {
            margin-top: 30px!important;
        }
        .open>.dropdown-menu {
            display: block;
            margin: 13px 0 0;
        }
        .dropdown.open>.dropdown-menu {
            margin: 10px 0 0;
        }
        .dropdown-menu li {
            position: relative;
        }
        .dropdown-menu>li>a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: 400;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }
        .dropdown-menu > li > a {
            padding: 9px 20px;
            color: #3D464D;
        }

    /* --- e.  Cards --- */

        .card-wrapper {
            background: #fafbfb;
        }
        .card {
            border: 0;
            -webkit-transition: .5s;
            transition: .5s;
        }
        .card-wrapper .container .row .col-lg-12 > .col, .card-wrapper .container .row .col-lg-12 > [class*="col-"] {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .card-wrapper-inner {
            margin: auto;
            width: 100%;
        }
        .card-wrapper-inner:nth-child(2) {
            margin-top: 90px;
        }
        .card-wrapper-inner .card-body p {
            margin-top: 0;
            margin-bottom: 1rem;
            line-height: 1.8;
        }
        .fs-12, .font-size-12 {
            font-size: 12px !important;
        }
        .text-white a:not(.btn):not(.dropdown-item) {
            color: rgba(255,255,255,0.8);
        }
        .bg-primary {
            background-color: #50a1ff !important;
        }
        .card.border {
            border: 1px solid #f1f2f3 !important;
        }
        .shadow-4, .hover-shadow-4:hover {
            -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.06);
            box-shadow: 0 0 18px rgba(0,0,0,0.06);
        }
        .card img {
            max-width: 100%;
            height: auto;
        }
        .card-img-top .badges {
            position: absolute;
            top: 0;
            padding: 1rem 1.25rem;
        }
        .badge {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .badge {
            display: inline-block;
            padding: .25em .5em;
            font-size: 80%;
            font-weight: 400;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .125rem;
        }
        .card-img-top .badges-right {
            right: 0;
        }
        .card-footer {
            background-color: #fff;
            border-top: 1px solid #f1f2f3;
        }
        .card.text-white.bg-img {
            background-image: url(../images/card-3.png);
            min-height: 200px;
        }
        .card.text-white.bg-img p {
            color: #ffffff;
        }
        .text-white p {
            color: rgba(255,255,255,0.85);
        }
        .flex-grow-0 {
            -webkit-box-flex: 0;
            flex-grow: 0;
        }
        .card a:hover {
            text-decoration: none;
        }

    /* --- f.  Colors --- */

        .p-5 {
            padding: 1.5rem !important;
        }
        .lead {
            font-size: 1rem;
            font-weight: 300;
        }
        .bg-secondary {
            background-color: #e9ecf0 !important;
        }
        .bg-light {
            background-color: #f1f1f1 !important;
        }
        .bg-pale-primary {
            background-color: #d2e8ff !important;
        }
        .bg-pale-secondary {
            background-color: #f0f4f7 !important;
        }
        .bg-pale-success {
            background-color: #83e3aa !important;
        }
        .bg-pale-danger {
            background-color: #fac9c4 !important;
        }
        .bg-pale-warning {
            background-color: #fad9a4 !important;
        }
        .bg-pale-info {
            background-color: #bde4dc !important;
        }
        .bg-pale-dark {
            background-color: #7ea3c9 !important;
        }
        .bg-gradient-primary {
            background-image: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important;
            background-image: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important;
        }
        .bg-gradient-secondary {
            background-image: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important;
            background-image: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important;
        }
        .bg-gradient-success {
            background-image: -webkit-linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important;
            background-image: linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important;
        }
        .bg-gradient-danger {
            background-image: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important;
            background-image: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important;
        }
        .bg-gradient-warning {
            background-image: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important;
            background-image: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important;
        }
        .bg-gradient-info {
            background-image: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important;
            background-image: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important;
        }
        .bg-gradient-dark {
            background-image: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important;
            background-image: linear-gradient(45deg, #191919 0%, #636363 100%) !important;
        }

    /* --- g.  Headings --- */

        .misc-content .card-wrapper-inner p {
            margin-bottom: 25px;
            line-height: 1.6;
            font-size: 16px;
            color: #666666;
            font-weight: 300;
        }
        .misc-content h1, .misc-content h2, .misc-content h3, .misc-content h4, .misc-content h5, .misc-content h6 {
            margin: 0 0 1.5rem 0;
            font-weight: 700;
            text-transform: none;
        }
        .misc-content h1, .misc-content .td-h1 {
            font-size: 40px;
            line-height: 1.16666667;
        }
        .misc-content h2, .misc-content .td-h2 {
            font-size: 30px;
            line-height: 1.25;
        }
        .misc-content h3, .misc-content .td-h3 {
            font-size: 24px;
            line-height: 1.25;
        }
        .misc-content h4, .misc-content .td-h4 {
            font-size: 20px;
            line-height: 1.25;
        }
        .misc-content h5, .misc-content .td-h5 {
            font-size: 18px;
            line-height: 1.25;
        }
        .misc-content h6, .misc-content .td-h6 {
            font-size: 16px;
            line-height: 1.25;
        }
        .misc-content .panel-title h4, .misc-content .panel-title .td-h4,
        .misc-content .panel-title h5, .misc-content .panel-title .td-h5,
        .misc-content .panel-title h6, .misc-content .panel-title .td-h6 {
            text-align: center;
        }
        .misc-content .panel-title:not(:first-child) h4,
        .misc-content .panel-title:not(:first-child) h5,
        .misc-content .panel-title:not(:first-child) h6 {
            margin-top: 40px;
        }

    /* --- h.  Dropdown --- */

        .dropdown-toggle {
            cursor: pointer;
        }
        .open-on-hover:hover .dropdown-menu, .open-on-hover:focus .dropdown-menu, .open-on-hover.show .dropdown-menu {
            display: block;
            margin-top: 0;
        }
        .dropdown-menu {
            position: absolute;
            will-change: transform;
            top: 0px;
            left: 0px;
            transform: translate3d(0px, 24px, 0px);
            padding: 10px 16px;
            font-size: 14px;
            margin-top: 5px;
            border: none;
            -webkit-box-shadow: 0 2px 25px rgba(0,0,0,0.07);
            box-shadow: 0 2px 25px rgba(0,0,0,0.07);
        }
        .dropdown-item {
            display: block;
            width: 100%;
            padding: .25rem 1.5rem;
            clear: both;
            font-weight: 400;
            color: #212529;
            text-align: inherit;
            white-space: nowrap;
            background-color: transparent;
            border: 0;
        }
        .dropdown-item {
            padding-left: 0;
            padding-right: 0;
            color: #5a5a5a;
            background-color: transparent;
            opacity: .8;
        }
        .dropdown-item:hover {
            color: #757575;
            opacity: 1;
            background: transparent;
        }
        .dropdown-item.active, .dropdown-item:active {
            color: #757575;
            text-decoration: none;
            background-color: transparent;
        }
        .misc-content .dropdown-header {
            padding-left: 0;
            padding-right: 0;
            font-size: 0.8325rem;
            font-weight: 500;
            color: #757575;
            text-transform: uppercase;
            margin-bottom: 0px;
        }
        .dropdown-menu-right {
            right: 0;
            left: auto;
        }
        .dropdown-menu[x-placement^="bottom-end"] {
            right: auto;
            bottom: auto;
            left: -18%;
        }
        .dropdown-toggle.no-caret::after {
            display: none;
        }

        .dropup .dropdown-menu {
            position: absolute;
            will-change: transform;
            top: 0px;
            left: 0px;
            transform: translate3d(0px, -138px, 0px);
            padding: 10px 16px;
            font-size: 14px;
            margin-top: 5px;
            border: none;
            -webkit-box-shadow: 0 2px 25px rgba(0,0,0,0.07);
            box-shadow: 0 2px 25px rgba(0,0,0,0.07);
        }
        .dropright .dropdown-menu {
            position: absolute;
            will-change: transform;
            top: 0px;
            left: 0px;
            transform: translate3d(112px, 0px, 0px);
            padding: 10px 16px;
            font-size: 14px;
            margin-top: 0px;
            border: none;
            -webkit-box-shadow: 0 2px 25px rgba(0,0,0,0.07);
            box-shadow: 0 2px 25px rgba(0,0,0,0.07);
        }
        .dropleft .dropdown-menu {
            position: absolute;
            will-change: transform;
            top: 0px;
            left: 0px;
            transform: translate3d(-170px, -5px, 0px);
            padding: 10px 16px;
            font-size: 14px;
            margin-top: 5px;
            border: none;
            -webkit-box-shadow: 0 2px 25px rgba(0,0,0,0.07);
            box-shadow: 0 2px 25px rgba(0,0,0,0.07);
        }

        .dropdown-toggle::after {
            vertical-align: .16em;
            margin-left: 6px;
        }
        .dropdown-wrapper .btn.dropdown-toggle {
            line-height: 1.5;
        }
        .dropdown-toggle:focus,
        .dropdown-wrapper .btn:focus {
            box-shadow: none;
        }
        .dropright .dropdown-toggle::after {
            margin-left: 8px;
        }
        .dropleft .dropdown-toggle::before {
            margin-right: 8px;
        }

    /* --- i.  Forms --- */
        .custom-control-label {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            font-weight: 300;
        }
        .custom-control-label {
            position: relative;
            margin-bottom: 0;
        }
        .custom-control-label::before {
            position: absolute;
            top: -8.05px;
            left: -1.5rem;
            display: block;
            width: 18px;
            height: 18px;
            pointer-events: none;
            content: "";
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: #fafbfb;
        }
        .custom-control-label::before {
            position: static;
            top: auto;
            border: 1px solid #dbe2e8;
            margin-right: 0.5rem;
        }
        .custom-checkbox .custom-control-label::after {
            top: 50%;
            left: 6px;
            margin-top: -6px;
            width: 5px;
            height: 10px;
            border: solid #50a1ff;
            border-width: 0 1px 1px 0;
            -webkit-transform: scale(0) rotate(35deg);
            transform: scale(0) rotate(35deg);
        }
        .custom-control-label::after {
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s;
        }

        .custom-control-input:checked ~ .custom-control-label::before {
            color: #fff;
            background-color: #fafbfb;
        }
        .custom-checkbox .custom-control-label::after {
            top: 50%;
            left: 6px;
            margin-top: -6px;
            width: 5px;
            height: 10px;
            border: solid #50a1ff;
            border-width: 0 1px 1px 0;
            -webkit-transform: scale(0) rotate(35deg);
            transform: scale(0) rotate(35deg);
        }
        .custom-control-input:checked ~ .custom-control-label::after {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
            background-image: none;
        }
        .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
            -webkit-transform: scale(1) rotate(35deg);
            transform: scale(1) rotate(35deg);
        }
        .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
            background-color: #fafbfb;
        }
        .custom-control-input:disabled ~ .custom-control-label {
            color: #868e96;
        }
        .custom-control-input:disabled ~ .custom-control-label {
            opacity: .7;
        }
        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #fafbfb;
        }
        .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::after {
            opacity: 0.7;
        }
        .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
            background-color: #fafbfb;
        }
        .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
            background-color: #fafbfb;
        }

        .custom-radio .custom-control-label::after {
            top: 13px;
            left: 5px;
            border-radius: 50%;
            width: 8px;
            height: 8px;
            background-color: #50a1ff;
        }
        .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
            background-color: #fafbfb;
        }
        .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
            background-image: none;
        }
        .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
            background-color: #fafbfb;
        }
        .switch {
            position: relative;
            min-height: 1.9rem;
        }
        .switch-input {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }
        .switch-label {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            font-weight: 300;
            margin-bottom: 0;
        }
        .switch-label::before {
            content: '';
            width: 40px;
            height: 20px;
            background: transparent;
            border: 2px solid #edf0f3;
            border-radius: 20px;
            margin-right: 0.5rem;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }
        .switch-input:checked ~ .switch-label::before {
            border-color: #cee5ff;
        }
        .switch-label::after {
            content: '';
            display: block;
            position: absolute;
            top: 11px;
            left: 29px;
            width: 12px;
            height: 12px;
            cursor: inherit;
            background: #e6e5e5;
            border-radius: 50%;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }
        .switch-input:checked ~ .switch-label::after {
            background: #50a1ff;
            left: 47px;
        }
        .switch-input:disabled ~ .switch-label {
            opacity: .5;
        }

        /* Form Inputs */

        label {
            font-weight: 400;
            font-size: 13px;
            letter-spacing: .5px;
            margin-bottom: 4px;
            line-height: 2.6;
        }
        .input-group {
            border: 1px solid #eaeff4;
            border-radius: 2px;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        .input-group .form-control {
            -webkit-box-shadow: none;
            box-shadow: none;
            border: none;
            border-radius: 0;
        }
        .form-control {
            font-weight: 300;
        }
        .form-control {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: .9375rem;
            line-height: 1.9;
            color: #999;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #eaeff4;
            border-radius: 2px;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        .form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-prepend>.input-group-text, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-append>.btn {
            padding: .375rem .5rem;
            font-size: .9375rem;
            line-height: 1.5;
            border-radius: 2px;
        }
        .form-control:focus {
            color: #323d47;
            background-color: #fff;
            border-color: #f1f2f3;
            outline: 0;
            -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.045);
            box-shadow: 0 0 40px rgba(0,0,0,0.045);
        }
        select.form-control-sm:not([size]):not([multiple]), .input-group-sm>select.form-control:not([size]):not([multiple]), .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]), .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]), .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]) {
            height: calc(2.15625rem + 2px);
        }
        .input-group-text {
            border: none;
            background: #ffffff;
            color: #c9ccce;
        }
        .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        .input-group-prepend .input-group-text:last-child {
            padding-right: 0;
        }
        .input-group>.form-control:not(:first-child), .input-group>.custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .input-group .form-control:not(:first-child), .input-group-text:not(:first-child) {
            border-left: 0;
        }
        .was-validated .input-group:valid, .input-group.is-valid {
            border-color: #3cd458;
        }
        .was-validated .input-group:valid .valid-feedback,
        .was-validated .input-group:valid .valid-tooltip,
        .was-validated .input-group:valid ~ .valid-feedback,
        .was-validated .input-group:valid ~ .valid-tooltip,
        .input-group.is-valid .valid-feedback,
        .input-group.is-valid .valid-tooltip,
        .input-group.is-valid ~ .valid-feedback,
        .input-group.is-valid ~ .valid-tooltip {
            display: block;
        }
        .was-validated .input-group:invalid, .input-group.is-invalid {
            border-color: #ff4954;
        }
        .was-validated .input-group:invalid .invalid-feedback,
        .was-validated .input-group:invalid .invalid-tooltip,
        .was-validated .input-group:invalid ~ .invalid-feedback,
        .was-validated .input-group:invalid ~ .invalid-tooltip,
        .input-group.is-invalid .invalid-feedback,
        .input-group.is-invalid .invalid-tooltip,
        .input-group.is-invalid ~ .invalid-feedback,
        .input-group.is-invalid ~ .invalid-tooltip {
            display: block;
        }

        .input-group-prepend .btn, .input-group-append .btn {
            height: calc(100% + 2px);
            margin: -1px;
        }
        .input-group-prepend .btn {
            margin-right: 0;
        }
        .input-group-prepend, .input-group-append {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        .custom-img-bg {
            background-image: url(../images/custom-bg.jpg);
            background-size: cover;
            color: rgba(255,255,255,0.85) !important;
        }
        .custom-img-bg .panel-title h5 {
            color: rgba(255,255,255,0.85) !important;
        }
        .input-transparent .form-control {
            border-color: rgba(255,255,255,0.3);
            background-color: transparent;
            color: rgba(255,255,255,0.8);
        }
        .input-transparent .input-group-text {
            background-color: transparent;
            border-color: rgba(255,255,255,0.3);
            color: rgba(255,255,255,0.75);
        }
        .btn-outline-light {
            color: #f8f9fa;
            background-color: transparent;
            background-image: none;
            border-color: #f8f9fa;
        }
        .input-transparent .input-group .input-group-append .btn-outline-light {
            border-top-width: 0;
            border-right-width: 0;
            border-bottom-width: 0;
            border-left: 1px solid;
        }
        .input-transparent .input-group .btn-outline-light {
            border-color: rgba(255,255,255,0.3);
        }
        .input-round .form-control, .input-round .input-group, .input-round .input-group-text, .input-round .input-group .btn {
            border-radius: 5rem;
        }
        .input-round textarea.form-control {
            border-radius: 2px;
        }
        .custom-img-bg1 {
            background-image: url(../images/custom-bg1.jpg);
            background-size: cover;
            color: rgba(255,255,255,0.85) !important;
        }
        .custom-img-bg1 .panel-title h5 {
            color: rgba(255,255,255,0.85) !important;
        }
        .input-glass .form-control {
            border: none;
            background-color: rgba(255,255,255,0.2);
            font-weight: 400;
            color: rgba(255,255,255,0.8);
        }
        .input-glass .input-group-text {
            background-color: rgba(255,255,255,0.2);
            border: none;
            color: rgba(255,255,255,0.8);
        }
        .btn-glass.btn-light {
            background-color: rgba(248,249,250,0.4);
            border-color: transparent;
            color: #fff;
        }
        .input-glass .form-control.is-valid {
            background-color: rgba(60,212,88,0.2);
        }
        .input-glass .form-control.is-invalid {
            background-color: rgba(255,73,84,0.2);
        }
        .input-glass .input-group {
            border: none;
        }

    /* --- j.  Gallery --- */

        .gallery {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap;
        }
        .gallery-item {
            position: relative;
            flex-basis: 50%;
            padding: 0.25rem;
            display: block;
        }
        .gallery-item img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        .gallery-2-type1 .gallery-item {
            flex-basis: 33.33%;
        }
        .gallery-3-type1 .gallery-item {
            flex-basis: 100%;
        }
        .gallery-3-type1 .gallery-item:nth-child(n+2) {
            flex-basis: 50%;
        }
        .gallery-4-type1 .gallery-item {
            flex-basis: 50%;
        }
        .gallery-4-type1 .gallery-item:nth-child(n+3) {
            flex-basis: 100%;
        }
        .gallery-5-type1>.gallery-item {
            flex-basis: 60%;
        }
        .gallery-5-type1 .gallery-item-group {
            flex-basis: 40%;
        }
        .gallery-6-type1 .gallery-item-group {
            flex-basis: 40%;
        }
        .gallery-6-type1>.gallery-item {
            flex-basis: 60%;
        }
        .gallery-7-type1 .gallery-item {
            flex-basis: 25%;
        }
        .gallery-8-type1 .gallery-item {
            flex-basis: 100%;
        }
        .gallery-8-type1 .gallery-item:nth-child(n+2) {
            flex-basis: 33.33%;
        }
        .gallery-9-type1 .gallery-item {
            flex-basis: 33.33%;
        }
        .gallery-9-type1 .gallery-item:nth-child(n+4) {
            flex-basis: 100%;
        }
        .gallery-10-type1>.gallery-item {
            flex-basis: 70%;
        }
        .gallery-10-type1 .gallery-item-group {
            flex-basis: 30%;
        }
        .gallery-11-type1>.gallery-item {
            flex-basis: 70%;
        }
        .gallery-11-type1 .gallery-item-group {
            flex-basis: 30%;
        }

    /* --- k.  Icons --- */

        .text-widget-wrapper {
            position: relative;
        }
        .text-widget-wrapper .fa-item {
            padding: 8px 0;
            position: relative;
            padding-left: 50px;
            font-size: 14px;
            border-radius: 3px;
            border: 5px solid transparent;
        }
        .text-widget-wrapper .fa-item .fa {
            position: absolute;
            left: 10px;
            font-size: 20px;
            display: block;
            width: 40px;
            text-align: center;
            opacity: 0.6;
            -webkit-transition: margin-top .5s;
            -moz-transition: margin-top .5s;
            -o-transition: margin-top .5s;
            transition: margin-top .5s;
        }
        .text-widget-wrapper .fa-item:hover {
            box-shadow: 1px 1px 14px 3px rgba(0, 0, 0, 0.08);
            transform-origin: 0% 100%;
            -webkit-transition: transform 0.4s, transform-origin 0.4s, box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: transform 0.4s, transform-origin 0.4s, box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .text-widget-wrapper .fa-item:hover .fa {
            left: 10px;
            font-size: 24px;
            width: 40px;
            opacity: 1;
            -webkit-transition: margin-top .5s;
            -moz-transition: margin-top .5s;
            -o-transition: margin-top .5s;
            transition: margin-top .5s;
        }
        .icon-section {
            margin: 0 0 3em;
            clear: both;
            float: left;
        }
        .icon-container {
            padding: 12px 10px;
            float: left;
            position: relative;
            text-align: left;
        }
        .icon-container:hover {
            box-shadow: 1px 1px 14px 3px rgba(0, 0, 0, 0.08);
            transform-origin: 0% 100%;
            -webkit-transition: transform 0.4s, transform-origin 0.4s, box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: transform 0.4s, transform-origin 0.4s, box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .icon-container [class^="ti-"], .icon-container [class*=" ti-"] {
            font-size: 22px;
            position: absolute;
            transition: .3s;
            border: none;
            padding: 0;
        }
        .icon-container:hover [class^="ti-"], .icon-container [class*=" ti-"] {
            font-size: 26px;
        }
        .icon-name {
            margin-left: 45px;
            font-size: 14px;
            transition: .3s;
        }

    /* --- l.  Images --- */

        .gap-x>*:first-child, .gap-x-3>*:first-child {
            margin-left: 0;
        }
        .gap-x>*, .gap-x-3>* {
            display: inline-block;
            margin-left: 8px;
            margin-right: 8px;
        }
        .avatar {
            border-radius: 10rem;
            width: 48px;
            height: 48px;
            vertical-align: middle;
        }
        .avatar-xxs {
            width: 22px;
            height: 22px;
        }
        .avatar-xs {
            width: 34px;
            height: 34px;
        }
        .avatar-sm {
            width: 40px;
            height: 40px;
        }
        .avatar-lg {
            width: 56px;
            height: 56px;
        }
        .avatar-xl {
            width: 64px;
            height: 64px;
        }

    /* --- m.  Pagination --- */

        .misc-content .pagination:not(:first-child)  {
            margin-top: 40px;
        }
        .pagination-lg .page-link:first-child {
            border-radius: 3px 0px 0px 3px;
        }
        .pagination-lg .page-link:last-child {
            border-radius: 0px 3px 3px 0px;
        }

        .modal-1 {
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }
        .modal-1 a {
            float: left;
            display: block;
            font-size: 14px;
            text-decoration: none;
            margin-left: -1px;
            border: 1px solid transparent;
            line-height: 1.5;
            border-color: #ddd;
            color: #999;
            background: #fff;
            padding: 10px 15px;
        }
        .modal-1 a.prev {
            -moz-border-radius: 50px 0 0 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px 0 0 50px;
            width: 50px;
            position: relative;
        }
        .modal-1 a.prev:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 100%;
            top: 0;
            right: 0;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
            background-size: 100%;
            background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
            background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
        }
        .modal-1 a.next {
            -moz-border-radius: 0 50px 50px 0;
            -webkit-border-radius: 0;
            border-radius: 0 50px 50px 0;
            width: 50px;
            position: relative;
        }
        .modal-1 a.next:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 100%;
            top: 0;
            left: 0;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
            background-size: 100%;
            background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
            background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
        }
        .modal-1 a:hover {
            color: #E34E48;
            background-color: #eee;
        }

        .modal-2-wrapper {
            background: #555555;
            padding: 80px 20px;
            display: block;
            position: relative;
            margin-top: 50px;
            border-radius: 3px;
        }
        .modal-2 {
            position: relative;
            display: block;
            overflow: hidden;
        }
        .modal-2 a.next, .modal-2 a.prev {
            color: #1E7EE2;
        }
        .modal-2 a {
            float: left;
            display: block;
            font-size: 14px;
            text-decoration: none;
            line-height: 1.5;
            background: transparent;
            color: #999;
            padding: 13px 1px 6px;
            margin: 0 10px;
            position: relative;
            z-index: 6;
        }
        .modal-2:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 37px;
            left: 0;
            bottom: -3px;
            z-index: -1;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
            background-size: 100%;
            background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.7)), color-stop(60%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0)));
            background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
            z-index: 1;
        }
        .modal-2 a.active {
            background: #1E7EE2;
            color: #fff;
            width: 25px;
            text-align: center;
        }
        .modal-2 a.active:before {
            content: '';
            position: absolute;
            top: -11px;
            left: -10px;
            width: 45px;
            border: 10px solid transparent;
            border-bottom: 7px solid #1E7EE2;
            z-index: -2;
        }

        .modal-3-wrapper {
            transition: all .10s ease-in-out;
            margin: 100px 0;
        }
        .modal-3-wrapper .btn-group {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: inline-block;
        }
        .modal-3-wrapper .btn-group__item {
            display: inline-block;
            margin: 0;
            padding: 0;
            height: 40px;
            float: left;
        }
        .modal-3-wrapper .i-chevron-left, .modal-3-wrapper .i-chevron-right {
            margin: 19px;
            border-style: solid;
            border-color: #3a3a3a;
            width: 8px;
            height: 8px;
            display: block;
            cursor: pointer;
        }
        .modal-3-wrapper .i-chevron-left {
            border-width: 1px 0 0 1px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
        .modal-3-wrapper .btn-group__item .btn {
            margin: 0;
            padding: .5em 1em;
            border: 0;
            font-weight: 300;
            background-color: transparent;
            box-shadow: inset 0px -2px 0px 0px #bbb;
            color: #bbb;
            border-radius: 0px;
            font-size: 16px;
        }
        .modal-3-wrapper .btn-group__item .btn:hover {
            box-shadow: inset 0px -4px 0px 0px #bbb;
        }
        .modal-3-wrapper .btn-group__item .current {
            box-shadow: inset 0px -4px 0px 0px #739600;
            color: #739600;
            font-weight: bold;
        }
        .modal-3-wrapper .i-chevron-right {
            border-width: 1px 1px 0 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .modal-4 .left {
            left: 0;
        }
        .modal-4 .right {
            right: 0;
        }
        .modal-4 .line {
            width: 30px;
            height: 2px;
            position: absolute;
            bottom: 10px;
            left: -35px;
            background: white;
            transition: .5s linear .2s;
        }
        .modal-4 .left a:nth-child(2):hover ~ .line,
        .modal-4 .right a:nth-child(2):hover ~ .line {
            left: 5px;
        }
        .modal-4 .left a:nth-child(3):hover ~ .line,
        .modal-4 .right a:nth-child(3):hover ~ .line {
            left: 45px;
        }
        .modal-4 .left a:nth-child(4):hover ~ .line,
        .modal-4 .right a:nth-child(4):hover ~ .line {
            left: 85px;
        }
        .modal-4 {
            background: #FCFCFC;
            color: #4D4644;
            position: relative;
            border-radius: 6px;
            overflow: hidden;
            width: 600px;
            text-align: center;
            box-shadow: 0 0 20px rgba(0,0,0,.2);
            transition: .3s linear;
        }
        .modal-4 .text {
            display: inline-block;
            letter-spacing: 2px;
            padding: 20px 10px;
            cursor: pointer;
        }
        .modal-4:hover div {
            background: #D8CDC9;
            opacity: 1;
        }
        .modal-4 div:hover .prev {
            opacity: 0;
            display: none;
        }
        .modal-4 div:hover .next {
            display: none;
        }
        .modal-4 div:hover {
            width: auto;
        }
        .modal-4 .prev:before {
            content: "\f104";
            font-family: FontAwesome;
        }
        .modal-4 .next:before {
            content: "\f105";
            font-family: FontAwesome;
        }
        .modal-4 a {
            text-decoration: none;
            outline: none;
            display: block;
            padding: 20px 0;
            width: 40px;
            text-align: center;
            color: white;
            float: left;
        }
        .modal-4 div {
            position: absolute;
            top: 0;
            opacity: 0;
            width: 40px;
            overflow: hidden;
            transition: .5s linear;
        }

        .multiple_elements {
            padding: 30px 0 10px 0;
            text-align: center;
        }
        .multiple_elements .ole,
        .multiple_elements .elo {
            background: rgb(200,240,255);
            padding: 6px 36px;
            display: inline-block;
            font-size: 1.2em;
            border-radius: 4px;
            border:0;
            cursor: pointer;
            color: #000;
        }

        .multiple_elements .ct {
            text-align: center;
            margin-bottom: 15px;
        }

        .multiple_elements .two {
            background: rgb(180,220,255);
        }

        .multiple_elements .three {
            background: rgb(160,200,255);
        }

        .multiple_elements .four {
            background: rgb(140,180,255);
        }

        .multiple_elements .ole:hover,
        .multiple_elements .elo:hover {
            background: dodgerblue;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            box-shadow: 0 0 0 #555;
        }
        .fade.in {
            opacity: 1;
        }

    /* --- n.  Tooltip --- */

        /*right tooltip*/
        .multiple_elements .tooltip.right > .tooltip-arrow {
            border-right-color: dodgerblue;
        }

        /*bottom tooltip*/
        .multiple_elements .tooltip.bottom > .tooltip-arrow {
            border-bottom-color: dodgerblue;
        }

        /*top tooltip*/
        .multiple_elements .tooltip.top > .tooltip-arrow {
            border-top-color: dodgerblue;
        }

        /*left tooltip*/
        .multiple_elements .tooltip.left > .tooltip-arrow {
            border-left-color: dodgerblue;
        }

        /*tooltip inner*/
        .multiple_elements .tooltip > .tooltip-inner {
            background-color: dodgerblue;
            text-shadow: 0 1px 1px #000;
            font-weight: normal;
        }

        .multiple_elements code {
            color: royalblue;
            background-color: azure;
        }
        .popover>.arrow {
            border-width: 11px;
        }
        .popover.left>.arrow {
            position: absolute;
            display: block;
            width: 1rem;
            height: 0.5rem;
            margin: 0 .3rem;
            right: -12px;
            margin-top: -8px;
        }
        .popover .arrow::after, .popover .arrow::before {
            border-width: 10px;
        }
        .popover.left>.arrow:after {
            right: -3px;
            bottom: -10px;
            content: " ";
            border-right-width: 0px;
            border-left-color: #fff;
        }
        .popover-title {
            padding: 8px 14px;
            margin: 0;
            font-size: 14px;
            background-color: #f7f7f7;
            border-bottom: 1px solid #ebebeb;
            border-radius: 5px 5px 0 0;
        }
        .popover-content {
            padding: 9px 14px;
        }
        .popover.top>.arrow {
            position: absolute;
            display: block;
            width: 1rem;
            height: 0.5rem;
            margin: 0 .3rem;
            right: -12px;
            margin-top: -8px;
            bottom: -11px;
            border-top-color: #999;
            border-top-color: rgba(0,0,0,.25);
            border-bottom-width: 0;
        }
        .popover.top>.arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #fff;
            border-bottom-width: 0;
        }
        .popover.bottom>.arrow {
            position: absolute;
            display: block;
            width: 1rem;
            height: 0.5rem;
            margin: 0 .3rem;
            right: -12px;
            margin-top: -8px;

            margin-left: -11px;
            border-top-width: 0;
            border-bottom-color: #999;
            border-bottom-color: rgba(0,0,0,.25);
        }
        .popover.bottom>.arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff;
        }
        .popover.right>.arrow {
            position: absolute;
            display: block;
            width: 1rem;
            height: 0.5rem;
            margin: 0 .3rem;
            right: -12px;

            top: 50%;
            left: -16px;
            margin-top: -11px;
            border-right-color: #999;
            border-right-color: rgba(0,0,0,.25);
            border-left-width: 0;
        }
        .popover.right>.arrow:after {
            bottom: -10px;
            left: 1px;
            content: " ";
            border-right-color: #fff;
            border-left-width: 0;
        }

        .tooltip-arrow {
            position: absolute;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }
        .tooltip.right .tooltip-arrow {
            top: 50%;
            left: -5px;
            margin-top: -5px;
            border-width: 5px 5px 5px 0;
            border-right-color: #000;
        }
        .tooltip.right > .tooltip-arrow {
            border-right-color: #000;
        }
        .tooltip-inner {
            max-width: 200px;
            padding: 3px 8px;
            color: #fff;
            text-align: center;
            background-color: #000;
            border-radius: 4px;
        }
        .tooltip.bottom .tooltip-arrow {
            top: -5px;
            left: 50%;
            margin-left: -5px;
            border-width: 0 5px 5px;
            border-bottom-color: #000;
        }
        .tooltip.bottom > .tooltip-arrow {
            border-bottom-color: #000;
        }
        .tooltip.top .tooltip-arrow {
            top: 27px;
            bottom: -8px;
            left: 50%;
            margin-left: -5px;
            border-width: 5px 5px 0;
            border-top-color: #000;
        }
        .tooltip.left .tooltip-arrow {
            top: 50%;
            right: -5px;
            margin-top: -5px;
            border-width: 5px 0 5px 5px;
            border-left-color: #000;
        }

        .modal-30-wrapper {
            background: #1ba39c;
            padding: 80px 40px;
            display: block;
            position: relative;
            margin-top: 50px;
            border-radius: 3px;
            text-align: center;
        }
        .modal-30-wrapper .modal-30 .pagination__dot {
            position: relative;
            width: 8px;
            height: 8px;
            border: 2px solid #5ae4dd;
            border-radius: 100px;
            display: inline-block;
            cursor: pointer;
            margin: 0 4px;
            transition: .3s;
        }
        .modal-30-wrapper .modal-30 .pagination__dot--active {
            background: #5ae4dd;
        }

        .modal-30-wrapper .modal-30 .pagination__dot:before {
            position: absolute;
            top: -40px;
            left: -36px;
            background: white;
            width: 80px;
            font-size: 14px;
            padding: 8px 0;
            border-radius: 3px;
            content: attr(data-tooltip);
            opacity: 0;
            transition: .3s;
        }
        .modal-30-wrapper .modal-30 .pagination__dot:after {
            position: absolute;
            width: 0;
            height: 0;
            top: -10px;
            left: -2px;
            border-top: 6px solid white;
            border-right: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-left: 6px solid transparent;
            content: "";
            opacity: 0;
            transition: .3s;
        }
        .modal-30-wrapper .modal-30 .pagination__dot:hover:before {
            top: -44px;
            opacity: 1;
        }
        .modal-30-wrapper .modal-30 .pagination__dot:hover:after {
            top: -14px;
            opacity: 1;
        }

    /* --- o.  Modal --- */

        .modal.fade .modal-dialog {
            -webkit-transform: translate(0, -25%);
            -ms-transform: translate(0, -25%);
            transform: translate(0, -25%);
            -webkit-transition: -webkit-transform 0.3s ease-out;
            -moz-transition: -moz-transform 0.3s ease-out;
            -o-transition: -o-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
        }
        .modal-content {
            position: relative;
            background-color: #ffffff;
            border: 1px solid #999999;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            background-clip: padding-box;
            outline: none;
            text-align: left;
        }
        .modal-header {
            padding: 15px;
            border-bottom: 1px solid #e5e5e5;
            min-height: 16.428571429px;
            position: relative;
        }

        .modal .close {
            width: 35px;
            height: 35px;
            line-height: 32px;
            padding: 0;
            text-align: center;
            border-radius: 4px;
            font-size: 23px;
            background: #ccc;
            color: #000;
            text-shadow: none;
            opacity: 0.4;
            outline: 0;
            position: absolute;
            right: 25px;
        }
        .modal-header .close {
            margin-top: -2px;
        }

        .modal-title {
            margin: 0 !important;
            line-height: 1.428571429 !important;
            font-size: 16px !important;
            font-weight: 400 !important;
        }
        .modal .fade.in {
            opacity: 0.7;
        }
        .modal.fade.in .modal-dialog {
            z-index: 9999;
            top: 15%;
        }
        .modal-position-wrapper .modal-top-left .modal-backdrop,
        .modal-position-wrapper .modal-top-center .modal-backdrop,
        .modal-position-wrapper .modal-top-right .modal-backdrop,
        .modal-position-wrapper .modal-bottom-left .modal-backdrop,
        .modal-position-wrapper .modal-bottom-center .modal-backdrop,
        .modal-position-wrapper .modal-bottom-right .modal-backdrop {
            display: none;
        }
        .modal-position-wrapper .modal-top-left .modal-dialog {
            z-index: 9999;
            top: 5%;
            left: 0;
            margin: 25px;
        }
        .modal-position-wrapper .modal-content {
            border: 1px solid rgba(0, 0, 0, 0.1);
            box-shadow: none;
            border-radius: 3px;
            padding: 20px;
        }
        .modal-position-wrapper .modal-content .close {
            background: transparent;
            height: inherit;
            top: 0;
            right: 0;
        }
        .modal-position-wrapper .modal-content h5 {
            font-weight: 400;
            margin-bottom: 10px;
        }
        .modal-position-wrapper .panel-body .modalicon {
            font-size: 11px;
            padding: 10px 26px 10px;
            letter-spacing: 1.7px;
            text-transform: uppercase;
            border-radius: 2px;
            outline: none;
            -webkit-transition: 0.15s linear;
            transition: 0.15s linear;
            color: #fff;
            background-color: #50a1ff;
            border-color: #50a1ff;display: inline-block;
            margin-bottom: 15px;
        }
        .modal-position-wrapper .modal-top-center .modal.fade.in .modal-dialog {
            top: 5%;
            left: 50%;
            margin: 25px;
            -webkit-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
        }
        .modal-position-wrapper .modal-top-right .modal-dialog {
            position: fixed;
            top: 5%;
            right: 3%;
        }

        .modal-position-wrapper .modal-bottom-left .modal-dialog {
            top: 75% !important;
            left: 0;
            margin: 25px;
            -webkit-transform: translate(-0%, 0) !important;
            transform: translate(-0%, 0) !important;
            position: fixed;
        }
        .modal-position-wrapper .modal-bottom-center .modal.fade.in .modal-dialog {
            top: 75%;
            left: 50%;
            margin: 25px;
            -webkit-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
            position: fixed;
        }
        .modal-position-wrapper .modal-bottom-right .modal-dialog {
            top: 75% !important;
            right: 3%;
            left: auto;
            text-align: right;
            position: fixed;
            -webkit-transform: translate(-0%, 0) !important;
            transform: translate(-0%, 0) !important;
        }

    /* --- p.  Nav --- */

        .nav-link {
            display: block;
            padding: .5rem 1rem;
        }
        .nav-link {
            color: #757575;
            font-weight: 400;
        }
        .nav-link.active, .nav-item.show .nav-link {
            color: #50a1ff;
        }
        .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
            color: #757575;
            background-color: #e9ecf0;
        }

    /* --- q.  Navbar --- */

        .demo-section .main-content .section,
        .demo-topbar .main-content .topbar,
        .demo-navbar .main-content .navbar,
        .demo-header .main-content .header,
        .demo-footer .main-content .footer {
            margin: 30px 20px 100px;
            border: 1px solid #f5f6f7;
            -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
        }
        .demo-topbar .main-content .topbar,
        .demo-navbar .main-content .navbar {
            position: static;
            margin: 0;
        }
        .navbar>.container, .navbar>.container-fluid {
            display: -webkit-box;
            display: flex;
            flex-wrap: wrap;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            justify-content: space-between;
        }
        @media (min-width: 992px) {
            .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
                flex-wrap: nowrap;
            }
        }
        .navbar-left {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            flex-shrink: 0;
        }
        .navbar-toggler {
            padding: .25rem .75rem;
            font-size: 1.0625rem;
            line-height: 1;
            background-color: transparent;
            border: 1px solid transparent;
            border-radius: .25rem;
        }
        .navbar-toggler {
            margin-right: 1rem;
            border: none;
            cursor: pointer;
            font-size: 1.5rem;
        }
        .close-toggle {
            position: fixed;
            top: 1%;
            right: 0px;
            color: #333;
            font-size: 14px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background: #ffffff;
            border: #ffffff;
            display: none;
        }
        .navbar-open .close-toggle {
            display: inline-block;
        }
        button, html [type="button"], [type="reset"], [type="submit"] {
            -webkit-appearance: button;
        }
        @media (min-width: 992px) {
            .navbar-expand-lg .navbar-toggler {
                display: none;
            }
        }
        .navbar-dark .navbar-toggler {
            color: rgba(117,117,117,0.8);
            border-color: rgba(255,255,255,0.1);
        }
        .navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler {
            color: rgba(117,117,117,0.8);
        }
        .navbar-toggler:not(:disabled):not(.disabled) {
            cursor: pointer;
        }
        .navbar-open .navbar .navbar-toggler {
            color: rgba(117,117,117,0.8);
        }
        .navbar-dark.navbar-emrald .navbar-toggler,
        .navbar-dark.navbar-gradient .navbar-toggler {
            color: #ffffff;
        }
        .navbar-brand {
            display: inline-block;
            padding-top: 0;
            padding-bottom: 0;
            margin-right: 1rem;
            font-size: 1.0625rem;
            line-height: inherit;
            white-space: nowrap;
        }
        .navbar-brand {
            display: -webkit-inline-box;
            display: inline-flex;
            -webkit-box-align: center;
            align-items: center;
        }
        .navbar-dark .navbar-brand {
            color: #fff;
        }
        .navbar-open .navbar .logo-dark {
            display: inline-block;
            vertical-align: baseline;
        }
        .navbar-mobile {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            width: 100%;
        }
        .navbar-open .navbar-mobile {
            left: 0 !important;
            -webkit-box-shadow: 2px 0 9px rgba(0,0,0,0.05);
            box-shadow: 2px 0 9px rgba(0,0,0,0.05);
        }
        .nav-navbar {
            position: relative;
        }
        .nav-navbar .nav-item {
            position: relative;
        }

        .nav-navbar .nav-link {
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.9em;
            word-spacing: 2px;
            padding-left: 1.125rem;
            padding-right: 1.125rem;
        }
        .nav-navbar>.nav-item>.nav-link, .nav-navbar>.nav-link {
            line-height: 56px;
            padding-top: 0;
            padding-bottom: 0;
        }
        .navbar .nav-navbar>.nav-item>.nav-link,
        .navbar .nav-navbar>.nav-link {
            color: rgba(117,117,117,0.8);
        }
        .navbar-dark .nav-navbar>.nav-item>.nav-link,
        .navbar-dark .nav-navbar>.nav-link,
        .navbar-stick-dark.stick .nav-navbar>.nav-item>.nav-link,
        .navbar-stick-dark.stick .nav-navbar>.nav-link {
            color: rgba(117,117,117,0.8);
        }
        .navbar .nav-navbar>.nav-item.active>.nav-link,
        .navbar .nav-navbar>.nav-item>.nav-link.active,
        .navbar .nav-navbar>.nav-link.active {
            color: #323d47;
        }
        .nav-navbar .arrow {
            display: inline-block;
            width: 0;
            height: 0;
            margin-bottom: 2px;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
        }
        .navbar .nav-navbar>.nav-item>.nav-link>.arrow, .navbar .nav-navbar>.nav-link>.arrow {
            border-top: 3px solid rgba(117,117,117,0.8);
        }
        .nav-navbar .nav {
            position: absolute;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            min-width: 11rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            background-color: #fff;
            -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.04);
            box-shadow: 0 3px 9px rgba(0,0,0,0.04);
            border-radius: 3px;
            -webkit-transition: 0.3s ease-out;
            transition: 0.3s ease-out;
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translate(0, -8px);
            transform: translate(0, -8px);
            z-index: 1;
        }
        .nav-navbar .nav-item:hover>.nav {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        .nav-navbar .nav .nav-link {
            font-weight: 400;
            text-transform: none;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            letter-spacing: 0.5px;
            color: rgba(117,117,117,0.8);
        }
        .nav-navbar .nav .arrow {
            position: absolute;
            right: 1.25rem;
            top: 50%;
            margin-top: -2px;
            font-style: normal;
            border: none;
            opacity: 0.7;
            width: 5px;
            height: 5px;
            border-top: 1px solid rgba(117,117,117,0.8);
            border-right: 1px solid rgba(117,117,117,0.8);
            border-top-width: 1px !important;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        .nav-navbar .nav .nav {
            top: 0;
            left: 99%;
            -webkit-transform: translate(-8px, 0);
            transform: translate(-8px, 0);
        }
        .nav-navbar .nav .nav-item.show>.nav-link, .nav-navbar .nav .nav-item:hover>.nav-link, .nav-navbar .nav .nav-link.show, .nav-navbar .nav .nav-link:hover {
            color: #555;
        }
        .nav-navbar .nav.align-right {
            right: 0;
        }
        .nav-navbar .nav.columns-2 {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            min-width: 22rem;
        }
        .nav-navbar .nav.columns-2>.nav-link, .nav-navbar .nav.columns-2>.nav-item {
            flex-basis: 50%;
        }
        .nav-navbar .nav.columns-3 {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            min-width: 33rem;
        }
        .nav-navbar .nav.columns-3>.nav-link, .nav-navbar .nav.columns-3>.nav-item {
            flex-basis: 33.3333%;
        }
        .nav-navbar .nav-mega .nav {
            left: 0;
            min-width: 100%;
        }
        .nav-navbar .nav-mega {
            position: static;
        }
        .nav-navbar .nav-mega .nav .nav {
            position: static;
            background-color: transparent;
            padding: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            transform: none;
        }
        .nav-navbar .nav-item.nav-mega:hover .nav {
            opacity: 1;
            visibility: visible;
        }
        .nav.flex-column .nav-link {
            padding: 5px 0;
        }
        .navbar-emrald {
            background: #33cbcc;
            border-radius: 3px;
        }
        .navbar.navbar-emrald .nav-navbar>.nav-item>.nav-link.active {
            color: #ffffff;
        }
        .navbar.navbar-emrald .nav-navbar>.nav-item>.nav-link, .navbar .nav-navbar>.nav-link {
            color: rgba(255,255,255,0.8);
        }
        .navbar.navbar-emrald .nav-navbar>.nav-item>.nav-link>.arrow,
        .navbar.navbar-emrald .nav-navbar>.nav-link>.arrow {
            border-top: 3px solid rgba(255,255,255,0.8);
        }

        .navbar-gradient {
            background: rgb(102,126,234); /* Old browsers */
            background: -moz-linear-gradient(left, rgba(102,126,234,1) 0%, rgba(118,75,162,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(102,126,234,1) 0%,rgba(118,75,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(102,126,234,1) 0%,rgba(118,75,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667eea', endColorstr='#764ba2',GradientType=1 );
        }
        .navbar.navbar-gradient .nav-navbar>.nav-item>.nav-link.active {
            color: #ffffff;
        }
        .navbar.navbar-gradient .nav-navbar>.nav-item>.nav-link, .navbar .nav-navbar>.nav-link {
            color: rgba(255,255,255,0.8);
        }
        .navbar.navbar-gradient .nav-navbar>.nav-item>.nav-link>.arrow,
        .navbar.navbar-gradient .nav-navbar>.nav-link>.arrow {
            border-top: 3px solid rgba(255,255,255,0.8);
        }

    /* ---  r.  Overlay --- */

        .card.bg-img {
            background-image: url(../images/card-3.png);
            min-height: 200px;
            background-position: center;
            -webkit-background-size: cover;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .card.bg-img .card-body {
            position: relative;
        }
        .card.bg-img .card-body h6 {
            font-weight: 300;
        }
        .pb-7, .py-7 {
            padding-bottom: 3rem !important;
        }
        .pt-7, .py-7 {
            padding-top: 3rem !important;
        }
        [data-overlay]::before, [data-overlay-light]::before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #191919;
            border-radius: inherit;
        }
        [data-overlay="1"]::before {
            opacity: .1;
        }
        [data-overlay="2"]::before {
            opacity: .2;
        }
        [data-overlay="3"]::before {
            opacity: .3;
        }
        [data-overlay="4"]::before {
            opacity: .4;
        }
        [data-overlay="5"]::before {
            opacity: .5;
        }
        [data-overlay="6"]::before {
            opacity: .6;
        }
        [data-overlay="7"]::before {
            opacity: .7;
        }
        [data-overlay="8"]::before {
            opacity: .8;
        }
        [data-overlay="9"]::before {
            opacity: .9;
        }

        [data-overlay-light]::before {
            background: #fff;
        }
        [data-overlay-light="1"]::before {
            opacity: .1;
        }
        [data-overlay-light="2"]::before {
            opacity: .2;
        }
        [data-overlay-light="3"]::before {
            opacity: .3;
        }
        [data-overlay-light="4"]::before {
            opacity: .4;
        }
        [data-overlay-light="5"]::before {
            opacity: .5;
        }
        [data-overlay-light="6"]::before {
            opacity: .6;
        }
        [data-overlay-light="7"]::before {
            opacity: .7;
        }
        [data-overlay-light="7"]::before {
            opacity: .7;
        }
        [data-overlay-light="8"]::before {
            opacity: .8;
        }
        [data-overlay-light="9"]::before {
            opacity: .9;
        }

        [data-scrim-top]::before, [data-scrim-bottom]::before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            right: 0;
            bottom: 20%;
            background: -webkit-gradient(linear, left top, left bottom, from(#191919), to(rgba(0,0,0,0)));
            background: -webkit-linear-gradient(top, #191919 0%, rgba(0,0,0,0) 100%);
            background: linear-gradient(to bottom, #191919 0%, rgba(0,0,0,0) 100%);
            z-index: 0;
            border-radius: inherit;
        }
        [data-scrim-top="1"]::before, [data-scrim-bottom="1"]::before {
            opacity: .1;
        }
        [data-scrim-top="2"]::before, [data-scrim-bottom="2"]::before {
            opacity: .2;
        }
        [data-scrim-top="3"]::before, [data-scrim-bottom="3"]::before {
            opacity: .3;
        }
        [data-scrim-top="4"]::before, [data-scrim-bottom="4"]::before {
            opacity: .4;
        }
        [data-scrim-top="5"]::before, [data-scrim-bottom="5"]::before {
            opacity: .5;
        }
        [data-scrim-top="6"]::before, [data-scrim-bottom="6"]::before {
            opacity: .6;
        }
        [data-scrim-top="7"]::before, [data-scrim-bottom="7"]::before {
            opacity: .7;
        }
        [data-scrim-top="8"]::before, [data-scrim-bottom="8"]::before {
            opacity: .8;
        }
        [data-scrim-top="9"]::before, [data-scrim-bottom="9"]::before {
            opacity: .9;
        }

        [data-scrim-bottom]::before {
            top: 20%;
            bottom: 0;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#191919));
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #191919 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #191919 100%);
        }
        [data-scrim-top="1"]::before, [data-scrim-bottom="1"]::before {
            opacity: .1;
        }
        [data-scrim-top="2"]::before, [data-scrim-bottom="2"]::before {
            opacity: .2;
        }
        [data-scrim-top="3"]::before, [data-scrim-bottom="3"]::before {
            opacity: .3;
        }
        [data-scrim-top="4"]::before, [data-scrim-bottom="4"]::before {
            opacity: .4;
        }
        [data-scrim-top="5"]::before, [data-scrim-bottom="5"]::before {
            opacity: .5;
        }
        [data-scrim-top="6"]::before, [data-scrim-bottom="6"]::before {
            opacity: .6;
        }
        [data-scrim-top="7"]::before, [data-scrim-bottom="7"]::before {
            opacity: .7;
        }
        [data-scrim-top="8"]::before, [data-scrim-bottom="8"]::before {
            opacity: .8;
        }
        [data-scrim-top="9"]::before, [data-scrim-bottom="9"]::before {
            opacity: .9;
        }

    /* --- s.  Pricing List --- */

        #box-pricing-1.pricing-wrapper {
            margin: 6% auto 6%;
            position: relative;
            font-weight: 100;
        }
        #box-pricing-1.pricing-wrapper .plans {
            padding: 50px 15px 60px 15px;
        }
        #box-pricing-1.pricing-wrapper .plans .col-md-3 {
            padding-left: 0;
            padding-right: 0;
            margin-right: -1px;
        }
        #box-pricing-1.pricing-wrapper .plans .box {
            border: 1px #dee2eb solid;
            padding: 30px 10px;
            color: #1a2a55;
            overflow: hidden;
            margin-bottom: 30px;
            text-align: center;
        }
        #box-pricing-1.pricing-wrapper .plans .box h1 {
            margin-bottom: 0;
            font-weight: 100;
            font-size: 40px;
        }
        #box-pricing-1.pricing-wrapper .plans .box h1 .small {
            font-size: 18px;
        }
        #box-pricing-1.pricing-wrapper .plans .box .small {
            color: #95a2b4;
        }
        #box-pricing-1.pricing-wrapper .plans .box .btn {
            margin-top: 30px;
            margin-bottom: 10px;
        }
        #box-pricing-1.pricing-wrapper .plans .box .progress {
            border-radius: 0;
            height: 5px;
            box-shadow: none;
            background-color: #dee2eb;
            margin-left: -30px;
            margin-right: -30px;
            margin-top: 30px;
            margin-bottom: 10px;
            overflow: hidden;
        }
        #box-pricing-1 .progress-bar {
            float: left;
            width: 0%;
            height: 100%;
            font-size: 13px;
            line-height: 21px;
            color: #fff;
            text-align: center;
            background-color: #337ab7;
            -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
            box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
            -webkit-transition: width .6s ease;
            -o-transition: width .6s ease;
            transition: width .6s ease;
        }
        #box-pricing-1 .progress-bar-success {
            background-color: #5cb85c;
        }
        #box-pricing-1.pricing-wrapper .plans .box .progress .progress-bar-success {
            background-color: #2f7fef;
        }
        #box-pricing-1.pricing-wrapper .plans .col-md-3:first-child .box .progress .progress-bar.progress-bar-success {
            width: 5%;
        }
        #box-pricing-1.pricing-wrapper .plans .col-md-3:nth-child(2) .box .progress .progress-bar.progress-bar-success  {
            width: 15%;
        }
        #box-pricing-1.pricing-wrapper .plans .col-md-3:nth-child(3) .box .progress .progress-bar.progress-bar-success  {
            width: 50%;
        }
        #box-pricing-1.pricing-wrapper .plans .col-md-3:last-child .box .progress .progress-bar.progress-bar-success  {
            width: 100%;
        }
        #box-pricing-1.pricing-wrapper .plans .box .spec {
            padding-top: 30px;
        }
        #box-pricing-1.pricing-wrapper .plans .box .spec ul {
            list-style: none;
            padding-left: 0;
            text-align: left;
        }
        #box-pricing-1.pricing-wrapper .plans .box .spec ul li {
            padding: 7px 0px;
        }
        .blue {
            color: #2f7fef;
        }
        #box-pricing-1.pricing-wrapper .plans .box .spec ul li i {
            margin-right: 10px;
        }
        #box-pricing-1.pricing-wrapper .plans .box.box-promoted {
            margin-top: -42px;
            background-color: #ebedf3;
        }
        #box-pricing-1.pricing-wrapper .plans .box.box-promoted .promoted {
            padding: 13px;
            text-align: center;
            color: #fff;
            background-color: #2f7fef;
            margin-bottom: 30px;
            margin-right: -30px;
            margin-left: -30px;
            margin-top: -30px;
        }
        #box-pricing-1.pricing-wrapper .plans .box .silver {
            color: #dee2eb!important;
        }


        /* Boxed Pricing 3 */

        .pricing-3 {
            text-align: center;
            padding: 2rem;
            border-radius: 10px;
        }
        .pricing-3 .plan-name {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 0.8325rem;
            letter-spacing: 1px;
            opacity: .9;
        }
        .pricing-3 .price {
            font-size: 3.75rem;
            font-weight: 500;
            margin-top: 1rem;
            margin-bottom: 1.5rem;
            color: #323d47;
            letter-spacing: 0.5px;
        }
        .pricing-3 ul {
            list-style: none;
            padding-left: 0;
            margin-top: 0;
            margin-bottom: 1rem;
        }
        .pricing-3 ul li {
            font-size: .9375rem;
            font-weight: 300;
            line-height: 1.9;
            color: #757575;
        }
        .pricing-3 .btn {
            display: inline-block;
            font-weight: 600;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            line-height: 1.9;
            cursor: pointer;
            font-size: 11px;
            padding: 8px 26px 6px;
            letter-spacing: 1.7px;
            text-transform: uppercase;
            border-radius: 2px;
            outline: none;
            -webkit-transition: 0.15s linear;
            transition: 0.15s linear;
        }
        .pricing-3 .btn-outline-primary {
            color: #50a1ff;
            background-color: transparent;
            background-image: none;
            border-color: #50a1ff;
        }
        .pricing-3 .btn-outline-primary:not([disabled]):not(.disabled):active,
        .pricing-3 .btn-outline-primary:hover {
            color: #fff;
            background-color: #50a1ff;
            border-color: #50a1ff;
            -webkit-box-shadow: 0 0 0 0rem rgba(80,161,255,0.5);
            box-shadow: 0 0 0 0rem rgba(80,161,255,0.5);
        }
        .pricing-3.popular {
            background-color: #fff;
            position: relative;
        }
        .pricing-3 .popular-tag {
            position: absolute;
            top: 0;
            left: 40px;
            background-color: #3cd458;
            color: #fff;
            padding: 4px 0.75rem;
            padding-right: 1.5rem;
            text-transform: uppercase;
            font-size: 0.75rem;
            letter-spacing: 1.5px;
            font-weight: 400;
            border-top-right-radius: 5rem;
            border-bottom-right-radius: 5rem;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
        }

        /* Pricing Table */

        .pricing-4 .table {
        }
        .pricing-4 .table thead th {
            padding: .75rem;
            border-top: 1px solid #f1f2f3;
            border-top: 0;
            font-weight: 400;
            vertical-align: bottom;
            border-bottom: 1px solid #eaeff4;
        }
        .pricing-4 .table td {
            padding: .75rem;
            vertical-align: top;
            border-top: 1px solid #f1f2f3;
        }
        .pricing-4 .lead-2 {
            font-size: 1.17188rem !important;
        }
        .pricing-4 .btn-sm {
            padding: 10px 20px 10px;
            font-size: 12px;
        }
        .fw-400, .font-weight-400 {
            font-weight: 400 !important;
        }

    /* --- t.  Timeline --- */

        .timeline {
            position: relative;
            list-style: none;
            padding: 1rem 0;
            margin: 0;
        }
        .timeline::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 2px;
            margin-left: -1px;
            background-color: #50a1ff;
        }
        .timeline-item {
            position: relative;
            width: 50%;
            padding: 1rem 0;
            padding-right: 2.5rem;
            text-align: right;
        }
        .timeline-item::before {
            content: '';
            position: absolute;
            right: -8px;
            top: 1.35rem;
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 2px solid #50a1ff;
            background-color: #fff;
        }
        .timeline-item h5 {
            font-weight: 400;
            color: #323d47;
            letter-spacing: 0.5px;
            font-size: 1.23047rem;
            margin-bottom: .5rem;
            line-height: 1.5;
        }
        .misc-content .card-wrapper-inner .small-2 {
            font-size: .82031rem !important;
            margin-top: 0;
            margin-bottom: 1rem;
            color: #757575;
        }
        .misc-content .card-wrapper-inner .timeline-item p {
            font-size: 14px;
            line-height: 1.8;
            color: #757575;
        }
        .timeline-item:nth-child(even) {
            margin-left: 50%;
            padding-left: 2.5rem;
            padding-right: 0;
            text-align: left;
        }
        .timeline-item:nth-child(even)::before {
            right: auto;
            left: -8px;
        }

        .misc-content .card-wrapper-inner .timeline-item p img {
            max-width: 100%;
            height: auto;
        }

        /* Timeline Horizontal */

        .timeline-horizontal {
            display: -webkit-box;
            display: flex;
        }
        .timeline-horizontal::before {
            left: 0;
            bottom: auto;
            right: 0;
            width: 100%;
            height: 2px;
        }
        .timeline-horizontal .timeline-item {
            padding: 1.5rem 1rem;
            text-align: left;
        }
        .timeline-horizontal .timeline-item::before {
            top: -1.5rem;
            left: 0.75rem;
        }
        .timeline-horizontal .timeline-item:nth-child(even) {
            margin-left: 0;
        }

        /* Steps */

        .step {
            list-style: none;
            margin: 0;
        }
        .step-item {
            display: -webkit-box;
            display: flex;
            padding: 1rem 0;
        }
        .step-icon {
            position: relative;
            width: 7rem;
            flex-shrink: 0;
            text-align: center;
        }
        .step-icon::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 48px;
            bottom: -2rem;
            margin-left: -1px;
            border-left: 2px dashed #eaeff4;
        }
        .iconbox {
            display: -webkit-inline-box;
            display: inline-flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            width: 38px;
            height: 38px;
            line-height: 38px;
            background-color: #f5f6f7;
            color: #999;
            border-radius: 10rem;
        }
        .iconbox.iconbox-lg, .step-icon .iconbox {
            width: 48px;
            height: 48px;
            line-height: 48px;
            font-size: 1.25rem;
        }
        .step-icon .iconbox {
            color: #bfc5ca;
            background-color: #eaeff4;
            font-size: 1.5rem;
        }
        .step-content {
            margin-left: 1rem;
        }
        .step-content h6 {
            font-weight: 400;
            color: #323d47;
            letter-spacing: 0.5px;
            margin-bottom: .5rem;
            line-height: 1.5;
        }
        .misc-content .card-wrapper-inner .step-content p {
            font-size: 14px;
            line-height: 1.8;
            color: #757575;
        }
        .step .step-item:last-child .step-icon::before {
            bottom: 1rem;
        }

    /* --- u.  Progress --- */

        .progress {
            background-color: #eff2f5;
            clear: both;
            margin-bottom: 25px;
        }
        .progress-bar {
            background-color: #50a1ff;
        }
        .progress-4 .progress:nth-child(2) .progress-bar {
            width: 25%;
        }
        .progress-4 .progress:nth-child(3) .progress-bar {
            width: 50%;
        }
        .progress-4 .progress:nth-child(4) .progress-bar {
            width: 75%;
        }
        .progress-4 .progress:nth-child(5) .progress-bar {
            width: 100%;
        }
        .height-diff .progress.height-1 {
            height: 1px;
        }
        .height-diff .progress.height-4 {
            height: 4px;
        }
        .height-diff .progress.height-6 {
            height: 6px;
        }
        .height-diff .progress.height-12 {
            height: 12px;
        }
        .height-diff  .progress .progress-bar {
            width: 30%;
        }
        .percent-style .progress {
            height: 1rem;
        }
        .percent-style .progress .progress-bar {
            width: 25%;
        }

        .style-backgounds .progress:nth-child(1) .progress-bar {
            width: 25%;
        }
        .style-backgounds .progress:nth-child(2) .progress-bar {
            width: 50%;
        }
        .style-backgounds .progress:nth-child(3) .progress-bar {
            width: 75%;
        }
        .style-backgounds .progress:nth-child(4) .progress-bar {
            width: 100%;
        }

        .style-triped .progress:nth-child(1) .progress-bar {
            width: 10%;
        }
        .style-triped .progress:nth-child(2) .progress-bar {
            width: 25%;
        }
        .style-triped .progress:nth-child(3) .progress-bar {
            width: 50%;
        }
        .style-triped .progress:nth-child(4) .progress-bar {
            width: 75%;
        }
        .style-triped .progress:nth-child(5) .progress-bar {
            width: 100%;
        }

    /* --- v.  Sections --- */

        .demo-section .main-content .section, .demo-topbar .main-content .topbar, .demo-navbar .main-content .navbar, .demo-header .main-content .header, .demo-footer .main-content .footer {
            margin: 30px 20px 100px;
            border: 1px solid #f5f6f7;
            -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
        }

        .demo-section .section {
            position: relative;
            border-bottom: none;
            background-position: center center;
            -webkit-background-size: cover;
            background-size: cover;
            background-repeat: no-repeat;
            padding-top: 7rem;
            padding-bottom: 7rem;
            background: #ffffff;
        }
        .demo-section .section-header {
            text-align: center;
            max-width: 70%;
            margin: 0 auto 70px;
            display: block;
            overflow: hidden;
            position: relative;
            border: none;
            padding: 0;
            height: inherit;
        }
        .demo-section .section-header small {
            display: inline-block;
            font-size: 0.6875rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.75px;
            margin-bottom: 1.5rem;
            word-spacing: 2px;
            color: rgba(153,153,153,0.6);
        }
        .demo-section .section-header h2 {
            font-weight: 400;
            color: #323d47;
            letter-spacing: 0.5px;
            font-size: 2.10938rem;
            margin-bottom: .5rem;
            line-height: 1.5;
        }
        .demo-section .section-header hr {
            width: 50px;
            margin-top: 2.5rem;
            margin-bottom: 1.5rem;
            border-top-color: rgba(117,117,117,0.09);
        }
        .demo-section .section-header p {
            text-align: center;
            max-width: 80%;
            margin: 0 auto 1rem;
        }
        .demo-section p {
            margin-top: 0;
            margin-bottom: 1rem;
            display: block;
            font-size: .9375rem;
            font-weight: 300;
            line-height: 1.9;
            color: #757575;
            text-align: left;
        }
        .demo-section .section.bg-gray {
            background-color: #fafbfb;
        }

        .demo-section .section.text-white {
            color: rgba(255,255,255,0.85) !important;
        }
        .demo-section .section.bg-dark {
            background-color: #191919 !important;
        }
        .demo-section .section.text-white h1,
        .demo-section .section.text-white h2,
        .demo-section .section.text-white h3,
        .demo-section .section.text-white h4,
        .demo-section .section.text-white h5,
        .demo-section .section.text-white h6,
        .demo-section .section.text-white .h1,
        .demo-section .section.text-white .h2,
        .demo-section .section.text-white .h3,
        .demo-section .section.text-white .h4,
        .demo-section .section.text-white .h5,
        .demo-section .section.text-white .h6 {
            color: #fff;
        }
        .demo-section .section.text-white p {
            color: rgba(255,255,255,0.85);
        }
        .demo-section .section.text-white code {
            background-color: rgba(255,255,255,0.1);
            color: #eee;
        }
        .demo-section .section.bg-color-custom {
            background-color: #00cbce;
        }
        .demo-section .section.text-white .section-header small {
            color: rgba(255,255,255,0.6);
        }
        .demo-section .section.section-bg-img {
            background-image: url(../images/custom-bg1.jpg);
            background-size: cover;
        }
        .demo-section .section.bg-fixed {
            background-attachment: fixed;
        }
        .demo-section .section.bg-gradient-custom .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.3;
            border-radius: inherit;
            background: rgb(104,237,210); /* Old browsers */
            background: -moz-linear-gradient(left, rgba(104,237,210,1) 1%, rgba(75,160,157,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(104,237,210,1) 1%,rgba(75,160,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(104,237,210,1) 1%,rgba(75,160,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68edd2', endColorstr='#4ba09d',GradientType=1 );
        }

        .demo-section .section.bg-gradient-custom-1 {
            background: rgb(102,126,234); /* Old browsers */
            background: -moz-linear-gradient(left, rgba(102,126,234,1) 0%, rgba(118,75,162,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(102,126,234,1) 0%,rgba(118,75,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(102,126,234,1) 0%,rgba(118,75,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667eea', endColorstr='#764ba2',GradientType=1 );
        }
        hr {
            display: block;
            height: 1px;
            border: 0;
            border-top: 1px solid #e9ebf8;
            margin: 1em 0;
            padding: 0;
        }

    /* --- w.  Tabs --- */

        .nav-tabs .nav-link {
            border-top-width: 2px;
        }
        .nav-tabs .nav-item {
            margin-bottom: -1px;
        }
        .nav-tabs .active .nav-link, .nav-tabs .show .nav-link {
            color: #757575;
            background-color: #fff;
            border-color: #50a1ff #f1f2f3 #fff;
        }

        /*  bhoechie tab */
        div.bhoechie-tab-container{
            z-index: 10;
            background-color: #ffffff;
            padding: 0 !important;
            border-radius: 4px;
            -moz-border-radius: 4px;
            border:1px solid #ddd;
            margin-top: 20px;
            margin-left: 50px;
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
            -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            background-clip: padding-box;
            opacity: 0.97;
            filter: alpha(opacity=97);
        }
        div.bhoechie-tab-menu{
            padding-right: 0;
            padding-left: 0;
            padding-bottom: 0;
        }
        div.bhoechie-tab-menu div.list-group{
            margin-bottom: 0;
        }
        div.bhoechie-tab-menu div.list-group>a{
            margin-bottom: 0;
            color: #5A55A3;
            font-size: 14px;
            font-weight: 300;
        }
        div.bhoechie-tab-menu div.list-group>a .fa {
            color: #5A55A3;
            font-size: 30px;
            margin-bottom: 15px;
        }
        div.bhoechie-tab-menu div.list-group>a:first-child{
            border-top-right-radius: 0;
            -moz-border-top-right-radius: 0;
        }
        div.bhoechie-tab-menu div.list-group>a:last-child{
            border-bottom-right-radius: 0;
            -moz-border-bottom-right-radius: 0;
        }
        div.bhoechie-tab-menu div.list-group>a.active,
        div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
        div.bhoechie-tab-menu div.list-group>a.active .fa{
            background-color: #5A55A3;
            color: #ffffff;
            border-color: #5A55A3;
        }
        div.bhoechie-tab-menu div.list-group>a.active:after{
            content: '';
            position: absolute;
            left: 100%;
            top: 50%;
            margin-top: -13px;
            border-left: 0;
            border-bottom: 13px solid transparent;
            border-top: 13px solid transparent;
            border-left: 10px solid #5A55A3;
        }

        div.bhoechie-tab-content{
            background-color: #ffffff;
            /* border: 1px solid #eeeeee; */
            padding-left: 20px;
            padding-top: 10px;
        }

        div.bhoechie-tab div.bhoechie-tab-content:not(.active){
            display: none;
        }
        div.bhoechie-tab-content h1 {
            font-size: 14em;
            color: #55518a;
        }

        div.bhoechie-tab-content h2 {
            font-size: 30px;
            color: #55518a;
            margin-bottom: 15px;
        }

        div.bhoechie-tab-content h3 {
            font-size: 20px;
            color: #55518a;
        }
        .nav-tabs-outline {
            -webkit-box-pack: center;
            justify-content: center;
        }
        .nav-tabs-outline .nav-item {
            min-width: 110px;
            text-align: center;
        }
        .nav-tabs-outline .nav-link {
            padding: 0.5rem 1.25rem;
            border: 1px solid #191919;
            color: #191919;
            text-transform: uppercase;
            font-size: 0.8325rem;
            letter-spacing: 1px;
        }
        .nav-tabs-outline .nav-link:hover, .nav-tabs-outline .nav-link.active {
            color: #fff;
            background-color: #191919;
        }
        .nav-tabs-outline .nav-item:first-child .nav-link {
            border-top-left-radius: 10rem;
            border-bottom-left-radius: 10rem;
        }
        .nav-tabs-outline .nav-link.disabled {
            opacity: 0.5;
            cursor: default;
        }
        .nav-tabs-outline .nav-item+.nav-item .nav-link {
            border-left-width: 0;
        }
        .nav-tabs-outline .nav-item:last-child .nav-link {
            border-top-right-radius: 10rem;
            border-bottom-right-radius: 10rem;
        }

    /* --- x. Typography --- */

        .listing-wrapper ul {
            display: block;
            list-style-type: disc;
            margin: 0 16px 15px 16px;
            padding-left: 30px;
        }
        .listing-wrapper ol {
            display: block;
            list-style-type: decimal;
            margin: 0 16px 15px 16px;
            padding-left: 30px;
        }
        .listing-wrapper ol,
        .listing-wrapper ul,
        .listing-wrapper dl {
            margin-top: 0;
            margin-bottom: 1rem;
            line-height: 1.6;
        }
        .listing-wrapper ol ol,
        .listing-wrapper ol ul,
        .listing-wrapper ul ol,
        .listing-wrapper ul ul {
            margin: 5px 0;
            padding-left: 20px;
        }
        .listing-wrapper ol ol {
            -webkit-margin-before: .5em;
            -moz-margin-start: .5em;
        }
        .listing-wrapper .list-unstyled {
            padding-left: 0;
            list-style: none;
        }

        .listing-wrapper ol[type="I"] {
            list-style-type: upper-roman;
        }
        .listing-wrapper .icon-styled {
            padding-left: 15px;
            list-style-type: none;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
        }
        .listing-wrapper .icon-styled i {
            margin-right: 8px;
        }
        .listing-wrapper .icon-styled li ul {
            list-style-type: none;
            padding-left: 15px;
        }
        .listing-wrapper .list-inline {
            padding-left: 0;
            list-style: none;
        }
        .listing-wrapper .list-inline>li {
            display: inline-block;
            padding-right: 5px;
            padding-left: 5px;
        }
        .modal-small img {
                     width: 35%;
                 }
        .modal-basic img {
            width: 50%;
        }
        .modal-large img {
            width: 80%;
        }


@media (min-width: 1200px) {
    .pixxett-header1 .mm-toggle-wrap {
        display: none;
    }
}

@media (min-width: 1546px) {
    .pixxett-header1 .mm-toggle-wrap.hidden-lg,
    .pixxett-header1 .mm-toggle-wrap.hidden-md {
        display: none;
    }
}

.mt-10 {
	margin-top: 15px;
}
#table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#table td, #table th {
  border: 1px solid #ddd;
  padding: 8px;
}

#table tr:nth-child(even){background-color: #f2f2f2;}

#table tr:hover {background-color: #ddd;}

#table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #09213F;
  color: white;
}