@charset "UTF-8";
 .bgblue {
  /* *************** FONTS *************** Futura Regular ----------------------------- font-family: arial,sans-serif;
   font-style: normal;
   font-weight: 400;
   Futura Bold ----------------------------- font-family: arial,sans-serif;
   font-style: normal;
   font-weight: 700;
   Lato Light ----------------------------- font-family: "lato",sans-serif;
   font-style: normal;
   font-weight: 300;
   Lato Regular ----------------------------- font-family: "lato",sans-serif;
   font-style: normal;
   font-weight: 400;
   Lato Bold ----------------------------- font-family: "lato",sans-serif;
   font-style: normal;
   font-weight: 700;
   */
  /* Applications */
  /* Services */
  /* Products */
  /* Resources */
  /* Sectors */
  /* Hardware */
  /* SlickNav */
}
 .bgblue .top_menu li:hover .sub-menu {
   display: block;
}
 .bgblue .top_menu li .sub-menu li {
   list-style: none;
   float: left;
   background-color: #32316c;
   width: 100%;
}
 .bgblue .top_menu li .sub-menu li a {
   width: 76px;
   text-align: center;
}
 .bgblue .top_menu li .sub-menu li::after {
   content: "";
   color: #fff;
   font-size: 12px;
   line-height: 38px;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
}
 .bgblue .top_menu li .sub-menu {
   position: absolute;
   top: 39px;
   padding: 0;
   margin: 0;
   z-index: 2;
   width: 100px;
   right: 0;
   display: none;
}
 .bgblue body {
   padding: 0;
   margin: 0;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
}
 .bgblue a {
   color: #2a8ab2;
}
 .bgblue .outer_wrapper {
   width: 100%;
/*float:left;*/ 
}
.bgblue .inner_wrapper {
   width: 970px;
   margin: auto;
}
 .bgblue .container {
   padding: 2%;
   width: 96%;
   float: left;
}
 .bgblue .clearfix {
   clear: both;
}
 .bgblue .header_space {
   height: 39px;
   float: left;
   width: 100%;
}
 .bgblue .slicknav_menu {
   display: none;
}
 .bgblue .slicknav1_menu {
   display: none;
}
 .bgblue .full_header {
   /*position:fixed;*/
   z-index: 88888;
}
 .bgblue .header_one {
   background: #32316c;
   height: 39px;
  /*navbg*/
   z-index: 99999;
}
 .bgblue .header_two {
   background-image:url(/staticimg/themes/eagle/images/menu_white_fade.png);
   background-repeat:repeat-x;
   background-position:top;
}
 .bgblue .main_logo {
   float: left;
   padding: 14px 2%;
}
 .bgblue .main_menu {
   list-style: none;
   float: right;
   padding: 0;
   margin: 0;
}
 .bgblue .main_menu li {
   float: left;
   margin-top: 12px;
}
 .bgblue .main_menu li a {
   font-family: "futura-pt", sans-serif;
   font-style: normal;
   font-weight: 700;
   padding: 40px 10px 10px 10px;
   text-decoration: none;
   float: left;
   color: #32316c;
   font-size: 15px;
}
 .bgblue .item1 {
   background-image: url(/staticimg/themes/eagle/images/icon_applications.png);
   background-position: center top;
   background-repeat: no-repeat;
}
 .bgblue .item1:hover {
   background-image: url(/staticimg/themes/eagle/images/icon_applications_hover.png);
}
 .bgblue .item1 a:hover {
   color: #6a40dd; /*#76b866*/
}
 .bgblue .item2 {
   background-image: url(/staticimg/themes/eagle/images/icon_services.png);
   background-position: center top;
   background-repeat: no-repeat;
}
 .bgblue .item2:hover {
   background-image: url(/staticimg/themes/eagle/images/icon_services_hover.png);
}
 .bgblue .item2 a:hover {
   color: #c51f72;
}
 .bgblue .item3 {
   background-image: url(/staticimg/themes/eagle/images/icon_products.png);
   background-position: center top;
   background-repeat: no-repeat;
}
 .bgblue .item3:hover {
   background-image: url(/staticimg/themes/eagle/images/icon_products_hover.png);
}
 .bgblue .item3 a:hover {
   color: #2a8ab2;
}
 .bgblue .item4 {
   background-image: url(/staticimg/themes/eagle/images/icon_resources.png);
   background-position: center top;
   background-repeat: no-repeat;
}
 .bgblue .item4:hover {
   background-image: url(/staticimg/themes/eagle/images/icon_resources_hover.png);
}
 .bgblue .item4 a:hover {
   color: #f3523d;
}
 .bgblue .item5 {
   background-image: url(/staticimg/themes/eagle/images/icon_sectors.png);
   background-position: center top;
   background-repeat: no-repeat;
}
 .bgblue .item5:hover {
   background-image: url(/staticimg/themes/eagle/images/icon_sectors_hover.png);
}
 .bgblue .item5 a:hover {
   color: #f3523d;
}
 .bgblue .item6 {
   background-image: url(/staticimg/themes/eagle/images/icon_hardware.png);
   background-position: center top;
   background-repeat: no-repeat;
}
 .bgblue .item6:hover {
   background-image: url(/staticimg/themes/eagle/images/icon_hardware_hover.png);
}
 .bgblue .item6 a:hover {
   color: #c8b932;
}
 .bgblue .download_btn {
   height: 19px;
   color: #fff;
   font-size: 12px;
   float: left;
   width: 175px;
   padding: 10px 2%;
}
 .bgblue .download_btn:hover {
   background-color: rgba(255, 255, 255, 0.2);
}
 .bgblue .download_btn img {
   height: 19px;
   width: 20px;
   margin-right: 10px;
   float: left;
}
 .bgblue .download_btn span {
   height: 19px;
   width: 145px;
   line-height: 1.8;
   float: left;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 400;
}
 .bgblue .slicknav1_menu {
   font-size: 16px;
   box-sizing: border-box;
   background-color: #2a8ab2;
}
 .bgblue .slicknav1_nav {
   color: #fff;
   margin: 0;
   padding: 0;
   font-size: 0.875em;
   list-style: none;
   overflow: hidden;
   background-color: #24789b;
}
 .bgblue .slicknav_menu {
   font-size: 16px;
   box-sizing: border-box;
   background: #32316c;
}
 .bgblue .top_menu {
   float: right;
   padding: 0;
   margin: 0;
   list-style: none;
}
 .bgblue .top_menu li {
   float: left;
   position: relative;
}
 .bgblue .top_menu li a {
   padding: 11px 12px;
   color: #333;
   text-decoration: none;
   float: left;
   font-size: 12px;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
   /*text-transform: uppercase;*/
}
 .bgblue .top_menu li a:hover {
   text-decoration: underline;
   background-color: rgba(255, 255, 255, 0.2);
}

 .bgblue .slider_wrapper {
   position: relative;
}
 .bgblue .header_bg {
   background-image: url(/staticimg/themes/eagle/images/header_bg.png);
   background-repeat: no-repeat;
   background-position: top center;
   background-size: contain;
/*background: #FFFEFE;
background: -webkit-linear-gradient(to right, #fff, #FFFEFE);
background: linear-gradient(to right, #fff, #FFFEFE );*/
}
 .bgblue .home_content_wrapper {
   width: 100%;
   float: left;
   /*background-image: url(/staticimg/themes/eagle/images/content_blue_BG.png);
   background-position: center top;
   background-repeat: repeat-x;
   background-size: cover;*/
   background: var(--contentbackground);
   padding-bottom: 0;
   color: #0e0d42 !important;
}
 .bgblue h1 {
   color: #32316c;
   font-size: 40px;
   font-family: "futura-pt", sans-serif;
   font-style: normal;
   font-weight: 700;
   /*text-transform: uppercase;*/
   width: 100%;
   float: left;
   padding: 2% 0;
}
 .bgblue .home_content_text {
   width: 100%;
   float: left;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
   font-size: 18px;
   color: #0e0d42;
}
 .bgblue .home_content_wrapper li {
   width: 100%;
   float: left;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
   color: #0e0d42; /*898989*/
   list-style-position: inside;
   list-style-type: circle;
}
 .bgblue strong {
   font-weight: bold !important;
}
 .bgblue .partners_wrapper h1 span {
   color: #2a8ab2;
}
 .bgblue .home_content_button {
   width: 100%;
   float: left;
   text-align: center;
   padding-top: 2%;
}
 .bgblue .home_content_button a {
   background-color: rgba(111, 110, 152, 0.3);
   padding: 5px 5px 5px 5px;
   line-height: 31px;
   color: #32316c;
   font-family: "futura-pt", sans-serif;
   font-style: normal;
   font-weight: 700;
   /*text-transform: uppercase;*/
   text-decoration: none;
}
 .bgblue .home_content_button a:hover {
   background-color: rgba(111, 110, 152, 0.2);
}
 .bgblue .blog_ticker {
   width: 100%;
   float: left;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
   color: #32316c;
   text-align: center;
   background-color: #32316c;
}
 .bgblue .market_sectors_grid {
   width: 50%;
   float: left;
   padding: 0 2% 4% 2%;
   display: table;
}
 .bgblue .market_sectors_grid li {
   list-style: none;
   float: left;
   width: 31%;
   margin: 1%;
}
 .bgblue .market_sectors_grid li a {
   padding: 10%;
   background-color: rgba(225, 225, 225, 0.5);
   width: 80%;
   float: left;
   text-decoration: none;
   color: #fff;
   /*text-transform: uppercase;*/
   text-align: center;
   font-size: 15px;
   height: 122px;
   vertical-align: baseline;
}
 .bgblue .market_sectors_grid li a:hover {
   background-color: rgba(225, 225, 225, 0.3);
   -webkit-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
   -moz-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
   -o-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
   -ms-transform: rotate(358deg) scale(1) skew(-2deg) translate(0px);
}
 .bgblue .market_sectors_grid li a img {
   margin: 13% 0;
}
 .bgblue .market_sectors_image {
   position: absolute;
   bottom: 4px;
   right: 2%;
   width: 345px;
}

 .bgblue .partners_wrapper h1 {
   color: #32316c;
   font-size: 40px;
   font-family: "futura-pt", sans-serif;
   font-style: normal;
   font-weight: 700;
   /*text-transform: uppercase;*/
   text-align: right;
   float: right;
   padding: 2%;
}
 .bgblue .partners {
   padding: 2%;
   margin: 0;
   list-style: none;
   width: 96%;
   float: right;
}
 .bgblue .partners li {
   float: right;
   margin-left: 4%;
}
 .bgblue .partners li:last-child {
   margin-left: 0;
}
 .bgblue .partners li a {
   float: left;
   line-height: 0;
   text-align: center;
}
 .bgblue .partners li a img {
   height: 89px;
}
 .bgblue .footer_wrapper {
   background: #32316c;
   width: 100%;
  /*navbg*/
   float: left;
}
 .bgblue .social {
   text-align: center;
}
 .bgblue .social img {
   padding: 0 1%;
}
 .bgblue .social img:hover {
   opacity: 0.5;
}
 .bgblue .social_header {
   float: left;
   padding: 10px 0px;
   width: 55px;
}
 .bgblue .social_header a {
   float: left;
   width: 50%;
   text-align: center;
}
 .bgblue .social_header img:hover {
   opacity: 0.5;
}
 .bgblue .address {
   color: #fff;
   text-align: center;
   width: 100%;
   float: left;
   padding: 2% 0;
   font-size: 15px;
}
 .bgblue .contact {
   color: #fff;
   text-align: center;
   width: 100%;
   float: left;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
}
 .bgblue .contact span {
   margin-right: 2%;
}
 .bgblue .contact a {
   text-decoration: none;
   color: #fff;
}
 .bgblue .contact a:hover {
   text-decoration: none;
   opacity: 0.5;
}
 .bgblue .tabs {
   float: left;
   width: 100%;
   margin-top: 2%;
}
 .bgblue .header_image {
   width: 31%;
   line-height: 0;
   position: absolute;
   bottom: 0;
   left: 6%;
}
 .bgblue .header_image img {
   position: absolute;
   bottom: 0;
   left: 0;
}
 .bgblue .header_image img {
   width: 100%;
}
 .bgblue .header_text {
   float: right;
   width: 50%;
   display: table;
   padding-right: 2%;
}
 .bgblue .header_text span {
   height: 600px;
   display: table-cell;
   vertical-align: middle;
}
 .bgblue .header_content {
   color: #0e0d42; /*898989*/
   width: 100%;
   float: left;
   text-align: center;
   font-size: 15px;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
}
 .bgblue .header_icon {
   width: 100%;
   float: left;
   text-align: center;
   margin-top: 15%;
}
 .bgblue .header_text h1 {
   color: #32316c;
   font-size: 60px;
   font-family: "futura-pt", sans-serif;
   font-style: normal;
   font-weight: 700;
   width: 100%;
   float: left;
   text-align: center;
   /*text-transform: uppercase;*/
}
 .bgblue h2 {
   color: #32316c;
   font-size: 30px;
   font-family: "futura-pt", sans-serif;
   font-style: normal;
   font-weight: 700;
   /*text-transform: uppercase;*/
   width: 100%;
   float: left;
   padding: 2% 0;
}
 .bgblue .secondary_menu {
  height: 46.1px;
   background-color: var(--secondary_menubg);
}
 .bgblue .secondary_menu ul {
   padding: 0;
   list-style: none;
}
 .bgblue .secondary_menu ul li {
   float: left;
}
 .bgblue .secondary_menu ul li a {
   float: left;
   color: #fff;
   text-decoration: none;
   padding: 10px;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
   /*text-transform: uppercase;*/
}
 .bgblue .secondary_menu ul li a:hover {
   background-color: rgba(255, 255, 255, 0.2);
}
 .bgblue .hardware_buttons_wrapper {
   width: 100%;
   float: left;
   padding: 1%;
}
 .bgblue .hardware_item {
   width: 31%;
   float: left;
   position: relative;
   height: 200px;
   background: #ccc;
   margin: 1%;
}
 .bgblue .hardware_item a {
   float: left;
}
 .bgblue .hardware_item img {
   width: 100%;
}
 .bgblue .hardware_item_text {
   width: 96%;
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 0.6);
   padding: 2%;
}
 .bgblue .hardware_item:hover .hardware_item_text {
   background-color: rgba(50, 49, 108, 0.6);
}
 .bgblue .hardware_item_text:hover .hardware_item_text h1, .bgblue .hardware_item_text:hover .hardware_item_text h2 {
   color: #fff;
}
 .bgblue .hardware_item_text h1 {
   width: 100%;
   float: left;
   padding: 0;
   margin: 0;
   line-height: 20px;
   font-size: 25px;
}
 .bgblue .hardware_item_text h2 {
   width: 100%;
   float: left;
   padding: 0;
   margin: 0;
   /*font-family: "lato", sans-serif;*/
   font-style: normal;
   font-weight: 300;
   font-size: 13.9px;
   color: #0e0d42; /*898989*/
}
 @media (max-width: 1070px) {
   .bgblue h1 {
     font-size: 30px;
  }
   .bgblue .partners_wrapper h1 {
     font-size: 30px;
  }
   .bgblue .home_content_text {
     font-size: 13px;
     line-height: 20px;
  }
   .bgblue .home_content_button a {
     font-size: 13px;
  }
   .bgblue .address {
     font-size: 13px;
     line-height: 20px;
  }
   .bgblue .contact {
     font-size: 13px;
     line-height: 20px;
  }
   .bgblue .header_content {
     font-size: 13px;
     line-height: 20px;
  }
}
 @media (max-width: 970px) {
   .bgblue .inner_wrapper {
     width: 100%;
  }
   .bgblue .market_sectors_image {
     width: 325px;
     bottom: 4px;
  }
   .bgblue .logo_box {
     height: 135px;
     right: 285px;
  }
}
 @media (max-width: 960px) {
   .bgblue .partners li a img {
     height: 79px;
  }
}
 @media (max-width: 870px) {
   .bgblue .home_content_wrapper li {
     width: 100%;
     float: left;
     /*font-family: "lato", sans-serif;*/
     font-style: normal;
     font-weight: 300;
     color: #0e0d42; /*898989*/
     list-style: initial;
     list-style-position: inside;
  }
   .bgblue h1 {
     font-size: 20px;
  }
   .bgblue .partners_wrapper h1 {
     font-size: 20px;
  }
   .bgblue .market_sectors_grid li a {
     font-size: 13px;
     height: 100px;
  }
   .bgblue .market_sectors_image {
     width: 285px;
     bottom: 3px;
  }
   .bgblue .logo_box {
     height: 120px;
     right: 260px;
  }
   .bgblue .market_sectors_grid li a img {
     margin: 7% 0;
  }
   .bgblue .header_text span {
     height: 520px;
  }
   .bgblue .header_text h1 {
     font-size: 50px;
  }
}
 @media (max-width: 850px) {
   .bgblue .partners li a img {
     height: 69px;
  }
}
 @media (max-width: 767px) {
   .bgblue .market_sectors_image {
     display: none;
  }
   .bgblue .logo_box {
     display: none;
  }
   .bgblue .market_sectors_grid {
     width: 98%;
  }
   .bgblue .market_sectors_grid li {
     width: 31%;
     margin: 1%;
  }
   .bgblue .market_sectors_grid li a img {
     margin: 22% 0;
  }
   .bgblue .market_sectors_grid li a {
     height: 168px;
  }
   .bgblue .header_text span {
     height: 460px;
  }
}
 @media (max-width: 740px) {
   .bgblue .partners li a img {
     height: 59px;
  }
   .bgblue .header_text span {
     height: 440px;
  }
}
 @media (max-width: 660px) {
   .bgblue #menu {
     display: none;
  }
   .bgblue .header_one {
     display: none;
  }
   .bgblue .slicknav_menu {
     display: block;
  }
   .bgblue .slicknav1_menu {
     display: block;
  }
   .bgblue #secondary_menu {
     display: none;
  }
   .bgblue .logo_MOB {
     padding: 10px 10px 4px 10px;
  }
   .bgblue .main_logo {
     display: none;
  }
   .bgblue .main_menu li a {
     padding: 40px 10px 10px 10px;
  }
   .bgblue .main_menu {
     list-style: none;
     float: none;
     padding: 0;
     margin: auto;
     width: 486px;
  }
   .bgblue .header_text span {
     height: 420px;
  }
   .bgblue .header_text h1 {
     font-size: 40px;
  }
   .bgblue .header_icon img {
     width: 70px;
     height: auto;
  }
   .bgblue .hardware_item {
     width: 86%;
     float: left;
     position: relative;
     height: 200px;
     background: #ccc;
     margin: 1%;
  }
}
 @media (max-width: 631px) {
   .bgblue .partners li a img {
     height: 49px;
  }
}
 @media (max-width: 580px) {
   .bgblue .header_text span {
     height: 380px;
  }
   .bgblue .header_text h1 {
     font-size: 30px;
  }
   .bgblue .header_text {
     padding-right: 10%;
  }
   .bgblue .header_icon {
     margin-top: 25%;
  }
}
 @media (max-width: 530px) {
   .bgblue .market_sectors_grid li a {
     height: 129px;
  }
   .bgblue .market_sectors_grid li a img {
     margin: 16% 0;
  }
   .bgblue .partners li a {
     width: 100%;
  }
   .bgblue .partners li {
     float: right;
     margin-left: 0;
     width: 33%;
     text-align: center;
     margin-bottom: 4%;
  }
}
 @media (max-width: 510px) {
   .bgblue .main_menu li a {
     padding: 40px 4px 10px 4px;
     font-size: 10px;
  }
   .bgblue .main_menu {
    /*width: 300px;
    */
  }
}
 @media (max-width: 480px) {
   .bgblue .market_sectors_grid li a {
     height: 118px;
  }
   .bgblue .market_sectors_grid li a img {
     margin: 10% 0;
  }
   .bgblue .partners li a img {
     height: 40px;
  }
   .bgblue .header_icon img {
     width: 40px;
     height: auto;
  }
   .bgblue .header_text span {
     height: 330px;
  }
   .bgblue .header_icon {
     margin-top: 35%;
  }
   .bgblue .header_text h1 {
     font-size: 25px;
  }
}
 @media (max-width: 410px) {
   .bgblue .market_sectors_grid li {
     width: 48%;
     margin: 1%;
  }
   .bgblue .market_sectors_grid li a {
     font-size: 12px;
     height: 152px;
  }
   .bgblue .market_sectors_grid li a img {
     margin: 20% 0;
  }
   .bgblue .header_text span {
     height: 280px;
  }
   .bgblue .header_content {
     font-size: 12px;
     line-height: 15px;
  }
   .bgblue .home_content_text {
     font-size: 12px;
     line-height: 15px;
  }
}
 @media (max-width: 320px) {
   .bgblue .market_sectors_grid li {
     width: 48%;
     margin: 1%;
  }
   .bgblue .market_sectors_grid li a {
     font-size: 12px;
     height: 120px;
  }
   .bgblue .market_sectors_grid li a img {
     margin: 15% 0;
  }
   .bgblue .header_text {
     padding-right: 5%;
  }
}