@import url("//hello.myfonts.net/count/309f63");
@import url("//hello.myfonts.net/count/30abfd");
@font-face {
    font-family: 'Frygia-Regular';
    src: url('webfonts/309F63_0_0.eot');
    src: url('webfonts/309F63_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/309F63_0_0.woff2') format('woff2'), url('webfonts/309F63_0_0.woff') format('woff'), url('webfonts/309F63_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'Frygia-Light';
    src: url('webfonts/30ABFD_0_0.eot');
    src: url('webfonts/30ABFD_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/30ABFD_0_0.woff2') format('woff2'), url('webfonts/30ABFD_0_0.woff') format('woff'), url('webfonts/30ABFD_0_0.ttf') format('truetype');
}
@font-face {
    font-family: '8devices';
    src: url('fonts/8devices.ttf?8lpq7p') format('truetype'), url('fonts/8devices.woff?8lpq7p') format('woff'), url('fonts/8devices.svg?8lpq7p#8devices') format('svg');
    font-weight: normal;
    font-style: normal;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.icon8d:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: '8devices' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-social-facebook:before {
    content: "\e907";
}
.icon-social-youtube:before {
    content: "\e908";
}
.icon-social-twitter:before {
    content: "\e909";
}
.icon-leds:before {
    content: "\e919";
}
.icon-pc:before {
    content: "\e91a";
}
.icon-pc-2:before {
    content: "\e91d";
}
.icon-pwr-btn:before {
    content: "\e91b";
}
.icon-speed:before {
    content: "\e91c";
}
.icon-specs-antenna:before {
    background-image: url("https://www.8devices.com/media/icons/antenna.svg");
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-specs-cpu:before {
    content: "\e90d";
}
.icon-specs-dimensions:before {
    content: "\e90e";
}
.icon-specs-frequency:before {
    content: "\e90f";
}
.icon-specs-interfaces:before {
    content: "\e910";
}
.icon-specs-memory:before {
    content: "\e911";
}
.icon-specs-power-supply:before {
    content: "\e912";
}
.icon-specs-software:before {
    content: "\e913";
}
.icon-specs-tx-power:before {
    content: "\e914";
}
.icon-specs-wireless:before {
    content: "\e915";
}
.icon-docs:before {
    content: "\e90b";
}
.icon-downloads:before {
    content: "\e918";
}
.icon-8dev_logo:before {
    content: "\e906";
}
.icon-github-alt:before {
    content: "\f113";
}
.icon-envelope:before {
    content: "\e900";
}
.icon-marker:before {
    content: "\e901";
}
.icon-wiki:before {
    content: "\e903";
}
.icon-repository:before {
    content: "\e904";
}
.icon-forum:before {
    content: "\e905";
}
.icon-shop-cart:before {
    content: "\e902";
}
.icon-close:before {
    content: "\e90c";
}
.icon-right-angle:before {
    content: "\e916";
}
.icon-top-angle:before {
    content: "\e917";
}
.icon-bt:before {
    background-image: url("https://www.8devices.com/media/icons/8dev_bluetooth.svg");
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-temperature:before {
    background-image: url("https://www.8devices.com/media/icons/8dev_temperature.svg");
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-versions:before {
    background-image: url("https://www.8devices.com/media/icons/8dev_Version.svg");
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
}
/* === COMMON ELEMENT STYLES === */
body,
html {
    width: 100%;
    height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Frygia-Light;
    font-family: SequelSans-SemiBoldHead,Arial, Helvetica, sans-serif;
    font-weight: normal;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: SequelSans-RomanDisp,Arial, Helvetica, sans-serif;
    color: #606060;
    overflow-y: scroll;
}
p {
    line-height: 1.6em;
}
a,
a:hover,
a:active,
a:focus {
    color: #4495d1;
    text-decoration: none;
}
a:hover,
a:active,
a:focus {
    color: #58a1d6;
}
a[href^="tel:"],
a[href^="mailto:"] {
    color: inherit;
}
/* === END: COMMON ELEMENT STYLES === */
/* === COMMON CLASSES === */
/* Fill image in background. To set background image set it using inline CSS */
.fill-bg-img {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.tMargin-20 {
    margin-top: 20px !important;
}
.tMargin-40 {
    margin-top: 40px !important;
}
.tMargin-100 {
    margin-top: 100px !important;
}
/* === END: COMMON CLASSES === */
article {
    overflow: hidden;
}
section {
    margin-bottom: 40px;
    margin-top: 40px;
}
.btn.blue-button {
    background-color: #4495d1;
    color: #fff;
    border-radius: 20px;
    padding: 6px 20px;
    margin-top: 10px;
    min-width: 120px;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.btn.blue-button:hover {
    background-color: #58a1d6;
}
/* === Animation effects === */
.revealOnScroll:not(.animated) {
    -webkit-animation-name: none;
    animation-name: none;
    visibility: hidden;
}
.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
/* === END: Animation effects === */
a.back-to-top {
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 43px;
    display: none;
    width: 45px;
    height: 45px;
    position: fixed;
    z-index: 99;
    right: 20px;
    bottom: 20px;
    background-color: #888;
    border: 1px solid;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 0.7;
}
a.back-to-top:hover {
    opacity: 0.9;
}
/* === TOP MAIN NAVIGATION === */
#top-main-navbar {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    color: #606060;
    font-family: SequelSans-RomanDisp,Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-bottom: 0;
}
#top-main-navbar .navbar-brand {
    color: #4495d1;
    height: auto;
}
#top-main-navbar .navbar-brand .logo {
    height: 50px;
    width: 50px;
    display: block;
    line-height: 50px;
    font-size: 50px;
}
#top-main-navbar .navbar-brand:hover {
    color: #58a1d6;
}
#top-main-navbar .navbar-toggle {
    margin-top: 26px;
}
#top-main-navbar .navbar-toggle .icon-bar {
    background-color: #4495d1;
}
#top-main-navbar .navbar-toggle.collapsed .icon-bar {
    background-color: #bbb;
}
#top-main-navbar .navbar-nav li a {
    text-align: center;
    color: #606060;
}
#top-main-navbar .navbar-nav li.active a {
    color: #4495d1;
}
#top-main-navbar .nav > li > a:focus,
#top-main-navbar .nav > li > a:hover {
    color: #4495d1;
    background-color: transparent;
}
@media (max-width: 767px) {
    #top-main-navbar .navbar-nav {
        font-size: 1.3em;
        margin-top: 0;
        margin-bottom: 0;
    }
    #top-main-navbar .navbar-nav li {
        border-top: 1px dotted #efefef;
    }
    #top-main-navbar .navbar-nav li a {
        line-height: 1.5em;
    }
}
@media (min-width: 768px) {
    #top-main-navbar .navbar-toggle {
        margin-top: 26px;
    }
    #top-main-navbar #top-main-menu {
        text-align: center;
    }
    #top-main-navbar #top-main-menu #main-items {
        display: inline-block;
        float: none;
        vertical-align: top;
        margin-top: 15px;
    }
    #top-main-navbar #top-main-menu #main-items li {
        min-width: 100px;
        width: auto;
    }
    #top-main-navbar #top-main-menu #shop-menu-item {
        margin-top: 15px;
    }
    #top-main-navbar #top-main-menu #shop-menu-item a {
        color: #4495d1;
        padding-top: 11px;
        padding-bottom: 11px;
        line-height: 24px;
    }
    #top-main-navbar #top-main-menu #shop-menu-item a .icon8d {
        font-size: 24px;
    }
}
/* === TOP MAIN NAVIGATION === */
/* === FOOTER === */
#beforeFooter {
    height: 0;
}
footer {
    background-color: #ffffff;
    /* color: #ffffff; */
    font-family: SequelSans-RomanDisp,Arial, Helvetica, sans-serif;
    padding: 50px 0;
    border-top: 1px solid #e6e5ea;
}
footer h5 {
    font-family: SequelSans-RomanDisp,Arial, Helvetica, sans-serif;
    margin-bottom: 6px;
}
footer p {
    line-height: 24px;
    font-size: 14px;
}
footer.sticky {
    position: absolute;
    bottom: 0;
    width: 100%;
}
footer .copyright {
    margin-top: 30px;
}
footer .social-networks {
    margin-top: 8px;
}
footer .social-networks ul {
    display: inline-block;
    list-style: none;
    padding-left: 0px;
    text-align: center;
}
footer .social-networks ul li {
    float: left;
    margin: 0 10px;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 15px;
}
footer .social-networks ul li a {
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-size: 22px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    outline: none;
}
footer .social-networks ul li a {
    border: 1px solid #7b7b7b;
    border-radius: 20px;
    color: #ffffff;
    display: block;
    font-size: 16px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    outline: none;
    background: #7b7b7b;
}
footer .social-networks ul li a:hover,
footer .social-networks ul li a:focus {
    background-color: #fff;
    color: #74787b;
}
footer .social-networks * {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
footer .ml-subscribe-form {
    max-width: 300px;
    margin: 8px auto 0;
    min-height: 60px;
}
footer .ml-subscribe-form .subscribe-form {
    padding-right: 30px;
    position: relative;
}
footer .ml-subscribe-form .subscribe-form input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
footer .ml-subscribe-form .subscribe-form input,
footer .ml-subscribe-form .subscribe-form button {
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: none;
    height: 32px;
    padding: 5px;
    outline: none;
}
footer .ml-subscribe-form .subscribe-form input,
footer .ml-subscribe-form .subscribe-form button {
    background-color: transparent;
    border: 1px solid #e6e5ea;
    box-shadow: none;
    height: 32px;
    padding: 5px;
    outline: none;
}
footer .ml-subscribe-form .subscribe-form input.nwseml {
    display: block;
    width: 100%;
}
footer .ml-subscribe-form .subscribe-form input.nwseml:focus {
    background-color: #8e9194;
}
footer .ml-subscribe-form .subscribe-form button {
    width: 30px;
    border-left: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
footer .ml-subscribe-form .subscribe-form button.primary:hover,
footer .ml-subscribe-form .subscribe-form button.primary:focus,
footer .ml-subscribe-form .subscribe-form button.primary:active {
    background-color: #8e9194;
}
footer .ml-subscribe-form .subscribe-form button.primary:active {
    -webkit-transition: none;
    transition: none;
}
footer .ml-subscribe-form .subscribe-form .error-msg {
    display: none;
}
footer .ml-subscribe-form .subscribe-form .ml-error .error-msg {
    display: block;
    color: #faa;
}
.privacy-links a {
    color: #828282;
}
/* === PAGE INSIDE === */
.page #page-header {
    text-align: center;
    margin-bottom: -20px;
}
.page #page-header h1 {
    color: #4495d1;
    font-size: 48px;
    font-weight: 300;
}
.page #page-header hr {
    width: 70px;
    border-top: 2px solid #4495d1;
}
.page #page-content .content {
    text-align: center;
}
.color-block {
    background-color: #f6f6f6;
    text-align: center;
    padding: 30px;
    margin-bottom: 15px;
}
.color-block .section-heading-spacer {
    border-top: 2px solid #e0e3e5;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
}
.color-block .icon8d {
    font-size: 64px;
    color: #ccd1d4;
    margin-bottom: 20px;
}
#distributor-contacts .color-block {
    min-height: 320px;
}
#distributor-contacts .country {
    color: #4495d1;
}
#distributor-contacts .status {
    color: #999;
}
.fill-bg-gradient-orange {
    background: #f6ab4e;
    background: -moz-linear-gradient(-20deg, #f6ab4e 0%, #f6c36a 45%, #f6ab4e 45%, #f6c36a 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f6ab4e), color-stop(45%, #f6c36a), color-stop(45%, #f6ab4e), color-stop(100%, #f6c36a));
    background: -webkit-linear-gradient(-20deg, #f6ab4e 0%, #f6c36a 45%, #f6ab4e 45%, #f6c36a 100%);
    background: -o-linear-gradient(-20deg, #f6ab4e 0%, #f6c36a 45%, #f6ab4e 45%, #f6c36a 100%);
    background: -ms-linear-gradient(-20deg, #f6ab4e 0%, #f6c36a 45%, #f6ab4e 45%, #f6c36a 100%);
    background: linear-gradient(160deg, #f6ab4e 0%, #f6c36a 45%, #f6ab4e 45%, #f6c36a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6ab4e', endColorstr='#f6c36a', GradientType=1);
}
.fill-bg-lima-slide {
    background: rgba(175,217,48,1);
    background: -moz-linear-gradient(top, rgba(175,217,48,1) 0%, rgba(175,217,48,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(175,217,48,1)), color-stop(47%, rgba(175,217,48,1)), color-stop(47%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(175,217,48,1) 0%, rgba(175,217,48,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(175,217,48,1) 0%, rgba(175,217,48,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(175,217,48,1) 0%, rgba(175,217,48,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(175,217,48,1) 0%, rgba(175,217,48,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd930', endColorstr='#ffffff', GradientType=0 );
}

.fill-bg-jalapeno-slide {
    background: rgba(175,217,48,1);
    background: -moz-linear-gradient(top, rgba(1,198,152,1) 0%, rgba(0,151,90,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,198,152,1)), color-stop(47%, rgba(0,151,90,1)), color-stop(47%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(1,198,152,1) 0%, rgba(0,151,90,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(1,198,152,1) 0%, rgba(0,151,90,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(1,198,152,1) 0%, rgba(0,151,90,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(1,198,152,1) 0%, rgba(0,151,90,1) 47%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd930', endColorstr='#ffffff', GradientType=0 );
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/*
Override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
/* === CAROUSEL SPECIFIC STYLES */
#home-slider {
    height: 110%;
    min-height: 500px;
    max-height: 850px;
}
#home-slider .carousel-bg {
    width: 100%;
    height: 100%;
}
#home-slider .carousel,
#home-slider .carousel .carousel-inner,
#home-slider .carousel .item {
    height: 100%;
}
#home-slider .carousel-caption {
    bottom: 5%;
    top: auto;
    text-shadow: none;
}
#home-slider .carousel-caption h2 {
    font-size: 36px;
}
#home-slider .carousel-caption h4 {
    font-size: 18px;
}
@media (max-width: 767px) {
    #home-slider .carousel-caption {
        bottom: 3%;
    }
    #home-slider .carousel-caption h2 {
        font-size: 26px;
    }
    #home-slider .carousel-caption h4 {
        font-size: 16px;
    }

    #home.home2 #featured .grid-col {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    footer .ml-subscribe-form {
        margin: 0px 0px 0px 0px;
    }
}
#home-slider .carousel-control {
    top: 49%;
    background: none !important;
}
/* === END: CAROUSEL SPECIFIC STYLES */
#home {
    /* === SECTION PROJECTS === */
    /* === END: SECTION PROJECTS === */
    /* === SECTION CLIENTS === */
}
#home:not(.home2) #featured .grid-row {
    margin-left: 0;
    margin-right: -5px;
}
#home #featured .grid-col {
    padding-left: 0;
    padding-right: 5px;
    margin-bottom: 5px;
}

#home.home2 #featured .grid-col {
    padding-left: 0;
    padding-right: 0px;
    margin-bottom: 10px;
}

#home #featured figure {
    position: relative;
    height: 350px;
}

#home.home2 #featured figure {
    position: relative;
    height: 400px;
}

#home.home2 #featured.services figure {
    opacity: 0.7;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    cursor: pointer;
}

#home.home2 #featured.services figure:hover {
    opacity: 1;
    cursor: pointer;
}

#home #featured figure figcaption {
    position: absolute;
    bottom: 10px;
    color: #fff;
    text-align: center;
    width: 100%;
}
#home.home2 #featured.services figure figcaption {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    background: rgba(0, 0, 0, 0.5);
}

#home.home2 #featured.services figure:hover figcaption {
    opacity: 1;
}


#home #featured figure figcaption h2 {
    margin: 0;
    font-size: 36px;
}
#home #featured figure figcaption h4 {
    height: 40px;
}
#home #featured .section-heading {
    margin-bottom: 20px;
}
#home #featured .section-heading-spacer {
    width: 50px;
    border-top: 2px solid #FFF;
}
#home #clients .block-title {
    text-align: center;
    margin-bottom: 50px;
}
#home #clients .client-list {
    font-size: 0;
    text-align: center;
}
#home #clients .client-logo {
    display: inline-block;
    height: 50px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
#home #clients .client-logo img {
    display: block;
    height: 100%;
    max-width: 100%;
    width: auto;
    filter: gray;
    /* IE6-9 */
    filter: grayscale(1);
    /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#home #clients .client-logo:hover img {
    filter: none;
    -webkit-filter: grayscale(0);
}
.home2 .client-logo:hover img {
    opacity: 0.5;
}
/* === END: SECTION CLIENTS === */
/* === NEWS === */
.page.news {
    background-color: #f6f6f6;
    margin-top: 0px;
    margin-bottom: 0px;
}
.page.news .single-post {
    background-color: #fff;
}
.page.news .single-post .single-post-content {
    padding: 30px 45px;
    text-align: center;
}
.page.news .single-post .single-post-content .category {
    color: #4495d1;
    font-size: 14px;
}
.page.news .single-post .single-post-content .title {
    text-transform: uppercase;
}
.page.news .single-post .single-post-content .section-heading-spacer {
    border-top: 2px solid #e7e7e7;
    width: 70px;
}
.page.news .single-post .featured-image {
    height: 350px;
}
/* === SECTION RECOURCES === */
#resources a:hover,
#resources a:active,
#resources a:focus {
    text-decoration: none;
}
#resources .resource {
    color: #999;
    display: block;
    padding: 15px 0;
    text-align: center;
}
#resources .resource,
#resources .resource * {
    -webkit-transition: background-color, border-color, font-size, color, opacity;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-duration: .2s;
    transition: background-color, border-color, font-size, color, opacity;
    transition-timing-function: ease-in-out;
    transition-duration: .2s;
}
#resources .resource .circle-border {
    display: inline-block;
    color: #ccd1d4;
    border: 1px solid #ccd1d4;
    width: 110px;
    height: 110px;
    border-radius: 100px;
}
#resources .resource .circle-border .icon8d {
    font-size: 64px;
    line-height: 108px;
    -webkit-transition-property: font-size;
    transition-property: font-size;
}
#resources .resource .h3 {
    font-weight: 300;
}
#resources .resource:hover,
#resources .resource:active,
#resources .resource:focus {
    color: #606060;
}
#resources .resource:hover .circle-border,
#resources .resource:active .circle-border,
#resources .resource:focus .circle-border {
    color: #FFF;
    background-color: #4495d1;
    border-color: #4495d1;
}
/* Product submenu */
.product-menu-active {
    overflow: hidden;
}
.product-menu-active .products.submenu {
    overflow-y: scroll;
}
.products.submenu {
    display: none;
    overflow: hidden;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
}
.products .top-line {
    padding-top: 15px;
    padding-bottom: 15px;
}
.products .top-line button.close-menu {
    -webkit-appearance: none;
    color: #4495d1;
    padding: 5px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #4495d1;
    height: 40px;
    width: 40px;
    font-size: 20px;
    border-radius: 40px;
}
.products .top-line button.close-menu:hover {
    color: #fff;
    background-color: #4495d1;
}
.products .top-line button.close-menu:focus {
    outline: none;
}
.products .product-group {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}
.products .product-group .group-title {
    padding: 10px;
    color: #000000;
}
.products .product-group ul {
    letter-spacing: -4px;
    vertical-align: top;
    margin-right: auto;
    margin-left: auto;
}

.products .product-group li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    border: 1px solid #f5f5f5;
    margin: 8px;
    border-radius: 5px;
}
.products .product-group li a {
    color: inherit;
    display: block;
    padding: 10px;
}

.products .product-group li a img {
    opacity: 1;
    padding: 38px 24px 8px;
}
.products .product-group li a:hover,
.products .product-group li a:focus {
    text-decoration: none;
}
.products .product-group li a:hover img,
.products .product-group li a:focus img {
    opacity: 1;
}
.products .product-group li .description {
    padding: 5px;   
    font-size: 16px;
    color: #000000;
    margin-bottom: 16px;
}

.products .product-group li .description .discontinued {
    font-size: 12px;
    position: absolute;
    top: 16px;
    background: #28282d;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 3px;
}

.products .product-group li .description .new {
    font-size: 12px;
    position: absolute;
    top: 16px;
    background: #449aff;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 3px;
}

.products .product-group li .description .Wifi4,
.products .product-group li .description .Wifi5,
.products .product-group li .description .Wifi6,
.products .product-group li .description .Wifi6e {
    font-size: 12px;
    position: absolute;
    top: 16px;
    right: 16px;
    background: #28282d;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 3px;
}

.products .product-group li .description .Wifi4 img,
.products .product-group li .description .Wifi5 img,
.products .product-group li .description .Wifi6 img,
.products .product-group li .description .Wifi6e img {
    width: 12px;
    height: auto;
    padding: 0px;
    margin-top: -3px;
}

/* === PRODUCT PAGE === */
.product #product-nav {
    font-family: SequelSans-RomanDisp,Arial, Helvetica, sans-serif;
    padding: 20px 0;
}
.product #product-nav ul {
    float: right;
    margin: 0;
}
.product #product-nav ul li {
    float: left;
}
.product #product-nav ul li a {
    color: #aaa;
    padding: 10px 15px;
}
.product #product-nav ul li a:hover,
.product #product-nav ul li a:focus {
    color: #4495d1;
}
.product .title {
    color: #4495d1;
    margin-bottom: 30px;
    text-align: center;
}

.product .title .discontinued {
    color: #606060;
    font-size: 0.6em;
}

.product #intro {
    background-color: #eee;
    margin-top: 0;
    padding-top: 50px;
    text-align: center;
}
.product #intro .product-img {
    margin: 0 auto;
}
.product #intro .title {
    margin-top: 40px;
    margin-bottom: 40px;
}
.product #intro .description {
    font-size: 16px;
}
.product #intro .description .btn {
    margin-top: 30px;
    margin-bottom: 30px;
}
.product #overview .content {
    text-align: center;
}
.product #overview .content h5 {
    font-weight: bold;
}
.product #images {
    margin-left: -2px;
}
.product #images .brick {
    padding: 2px 0 0 2px;
    height: 60vw;
}
@media (min-width: 768px) {
    .product #images .brick {
        height: 300px;
    }
}
@media (min-width: 992px) {
    .product #images .brick {
        height: 350px;
    }
}
@media (min-width: 1200px) {
    .product #images .brick {
        height: 400px;
    }

    .product.usb2can_korlan #images .brick {
        height: 700px;
    }
}
.product #images figure {
    background-color: #d5dde0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.product #images figure img,
.product #images figure .img-box {
    height: 100%;
    width: 100%;
    transition: all 300ms ease-in-out 0s;
}
.product #images figure a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product #images figure:hover img,
.product #images figure:hover .img-box {
    transform: scale(1.05);
}
.product #specs .item {
    color: #888;
    min-height: 90px;
}
.product #specs .item dl.spec {
    margin-bottom: 0;
    margin-left: 75px;
}
.product #specs .item dl.spec dt {
    font-family: SequelSans-RomanDisp,Arial, Helvetica, sans-serif;
    font-size: 16px;
}
.product #specs .item dl.spec,
.product #specs .item dl.spec:before {
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.product #specs .item dl.spec:before {
    display: block;
    float: left;
    background-color: #ccd1d4;
    color: #fff;
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    margin-left: -75px;
    text-align: center;
}
.product #specs .item:hover {
    color: #606060;
}
.product #specs .item:hover dl.spec:before {
    background-color: #4495d1;
}
.product #devboard-details {
    background-color: #eee;
    background: linear-gradient(90deg, #eee 50%, #4495d1 50%);
    /*
                @media (min-width: 768px) {
                        .img-box figure,
                        .detail-box dl {
                                margin-left: auto;
                                margin-right: auto;
                                width: 750px;
                        }
                }

                @media (min-width: 992px) {
                        .img-box figure,
                        .detail-box dl {
                                width: 970/2px;
                        }

                        .img-box figure {
                                margin-right: 0;
                        }
                        .detail-box dl {
                                margin-left: 0;
                        }
                }

                @media (min-width: 1200px) {
                        .img-box figure,
                        .detail-box dl {
                                width: 1170/2px;
                        }
                }
                */
}
.product #devboard-details .img-box {
    background-color: #eee;
}
.product #devboard-details .img-box .img-responsive {
    margin: 0 auto;
}
@media (min-width: 992px) {
    .product #devboard-details .img-box .img-responsive {
        margin-right: 0;
    }
}
.product #devboard-details .detail-box {
    background-color: #4495d1;
    color: #fff;
    padding: 20px 40px;
}
.product #devboard-details .detail-box .content h2 {
    margin-bottom: 30px;
}
.product #devboard-details .detail-box .content dl {
    font-size: 14px;
}
.product #devboard-details .detail-box .content dl dd + dd {
    margin-top: 10px;
}

.product #downloads h3 {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #888;
}
.product #downloads .item {
    color: #606060;
    display: block;
    margin-bottom: 15px;
    padding: 5px 5px 5px 40px;
}
.product #downloads .item:before {
    color: #aaa;
    display: block;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
    float: left;
    margin-left: -40px;
    margin-top: -5px;
}
.product #downloads .item a {
    color: inherit;
}
.product #downloads .item a:hover {
    color: #4495d1;
}

#technology-partners {
    padding-bottom: 30px;
}

#technology-partners img {
    max-width: 200px;
}

#technology-partners a {
    color: #606060;
}

.cookies-alert {
    line-height: 30px;
    padding-bottom: 10px;
    border: none;
}

.cookies-alert .btn-info {
    float: right;
    padding: 10px 30px;
    border: none;
    background: #4495d1;
    margin: -5px 0 -2px;
}
@media (min-width: 768px) {
    .services-list .row {
        display: table;
        margin: 0px;
        width: 100%;
    }

    .services-list [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: middle;
        padding: 0px;
        width: 50%;
        margin: 0px;
        background: #ffffff;
    }
}
#top-main-navbar {
    z-index: 1;
}
footer {
    z-index: 1;
    position: relative;
}
#page-header-img {
    min-height: 600px;
    margin: 0px;
    height: 600px;
    background: url(../images/about_bg.jpg);
    background-color: #4096d1;
    color: #ffffff;
    background-size: cover !important;
    background-position: center;
    display: flex;
    align-items: center;
}
#map-img {
    min-height: 600px;
    margin: 0px;
    height: 800px;
    background: url(../images/about_bg.jpg);
    background-color: #4096d1;
    color: #ffffff;
    background-size: cover;
    background-position: center;
    display: flex;

}
#page-header-img p {
    max-width: 744px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}
.services-list {
    z-index: 1;
    position: relative;
    background-color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 40px;
}
.services-list img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.services-list h3 {
    margin: 0px 0px 24px 0px;
    font-size: 24px;
    line-height: 32px;
    color: #3796d3;
    font-weight: 600;
}
.services-list ul li {
    font-size: 16px;
    margin-bottom: 16px;
}
.services-list .right-col {
    padding-left: 60px;
    padding-right: 60px;
}
.services-list .col-md-6.text-left.col-md-pull-6.text-col {
    padding-left: 60px;
}
#page-services h2 {
    font-size: 32px;
    line-height: 48px;
    color: #3b97d1;
    font-weight: 600;
    margin: 0px;
}

#page-services #page-header {
    padding-top: 64px;
    padding-bottom: 64px;
    margin-bottom: 0px;
    background-color: #ffffff;
    z-index: 1;
    position: relative;
    margin-top: 0px;
}

/* Experiences */
ul.experiences {
    padding-left: 15px;
    margin-top: -1px;
    list-style: none;
}

ul.experiences li {
    position:relative; /* so that pseudoelements are positioned relatively to their "li"s*/
    /* use padding-bottom instead of margin-bottom.*/ 
    margin-bottom: 0; /* This overrides previously specified margin-bottom */
    padding-bottom: 16px;
    padding-left: 10px;
}

ul.experiences li:after {
    /* bullets */
    content: url(https://8devices.com/images/services/Bullet.svg);
    position: absolute;
    left: -20px;
    top: 0px;
    background: white;
    width: 5px;
    height: 5px;
    line-height: 6px;
    top: 6px;
}

ul.experiences li:before {
    /* lines */
    content:"";
    position: absolute;
    left: -16px; /* adjust manually */
    border-left: 1px solid #3796d3;
    height: 100%;
    width: 1px;
}

ul.experiences li:first-child:before {
   /* first li's line */
   top: 6px; /* moves the line down so that it disappears under the bullet. Adjust manually */
}

ul.experiences li:last-child:before {
    /* last li's line */
   height: 6px; /* shorten the line so it goes only up to the bullet. Is equal to first-child:before's top */
}
.contact-us a {
    color: #aaaaaa !important;
}
.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #dddddd;
    box-shadow: none;
    margin-bottom: 20px;
    max-height: 130px;
}
.contact-form input[type=submit] {
    width: auto;
    background-color: #3796d3;
    color: #ffffff;
    border-radius: 20px;
    min-width: 200px;
    float: right;
    border-color: #3796d3;
}
.contact-form .error {
    color: red;
    font-size: 12px;
}
@media (min-width: 768px) {
    #page-header-img { 
        min-height: 800px;
        height: 800px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 0;
        padding-top: 83px;
    }
    #page-services #fast-track {
        margin-top: 717px;
    }
}

@media (max-width: 767px) {
    .services-list .text-col {
        padding: 40px 15px;
    }
    #home-slider {
        max-height: 100vh !important;
    }

    .carousel #mango h1 {
        font-size: 32px;
    }

    .carousel #mango h2 {
        font-size: 24px;
    }

    #fast-track .col-md-2.border-left:after {
        display: none !important;
    }

    #fast-track .col-md-2.border-right:before {
        display: none !important;
    }
}

.home-services-list img{
 max-width: 80px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20px;
}
.home-services-list .col-md-3 {
    padding: 0px;
    border: 1px solid #dddddd;
    min-height: 260px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 0px;
}
.home-services-list .col-md-3:last-child {
    border-right: 1px solid #dddddd;
}
.home-services-list .col-md-3 a {
    color: #606060;
}
.home-services-list .col-md-3:hover a {
    color: #ffffff;
}
.home-services-list .col-md-3:hover {
    background: #4096d1;
    color: #ffffff;
    cursor: pointer;
}
.home-services-list .col-md-3:hover img{
    filter: brightness(0) invert(1);
}
.home-services-list .service-block {
    text-align: center;
    font-size: 16px;
    max-width: 160px;
}
.img-credit {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px 5px;
    background: rgba(255, 255, 255, 0.65);
    font-size: 10px;
}
/* === END: PRODUCT PAGE === */
/* .products .product-group li:nth-child(3) {
    display: none;
}
*/

#fast-track {
    background: #ffffff;
    padding: 96px 0px;
    z-index: 2;
    position: relative;
    margin-bottom: 0px;
}

#fast-track h3 {
    margin-top: 24px;
    margin-bottom: 48px; 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#fast-track h5 {
    font-size: 18px;
    font-weight: 900 !important;
    margin-bottom: 32px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#fast-track p {
    margin-bottom: 32px;
}

#fast-track p,
#fast-track .btn {
    font-size: 16px;
}

#fast-track .col-md-2.border-left:after {
    content: "";
    display: block;
    height: 2px;
    width: 40px !important;
    background: #ebebeb;
    position: absolute;
    top: 25px;
    left: -8px;
}

#fast-track .col-md-2.border-right:before {
    content: "";
    display: block;
    height: 2px;
    width: 40px !important;
    background: #ebebeb;
    position: absolute;
    top: 25px;
    right: -8px;
}

#fast-track .col-md-2 img {
    margin-bottom: 24px;
}