.homepage-cycle-pager {
       width: 100%;
       z-index: 500;
       position: absolute;
       bottom: -25px;
       left: 45px;
       overflow: hidden;
	   /*Remove when more than 1 banner is displayed*/
	   display: block;
	   /*Remove when more than 1 banner is displayed*/
     }
     
     .homepage-cycle-pager span {
       margin-right: 5px;
       font-size: 60px;
       display: inline-block;
       color: #ddd;
       cursor: pointer;
       text-shadow: 0px 0px 2px #ccc;
     }
     
     .homepage-cycle-pager span.cycle-pager-active {
       color: #fff;
     }
     
     .homepage-cycle-pager>* {
       cursor: pointer;
     }
     
     #slides-container {
       width: 100%;
       position: relative;
     }
     
     #homepage.container {
       padding: 0px;
     }
     
     #slides,
     .slide-image {
       position: relative;
       width: 100%;
     }
     
     #slides .slide-image:not(:first-child) {
       display: none;
     }
     
     .slide-image img {
       width: 100%;
       display: block;
     }
     
     #slides div {
       position: relative;
     }
     /* SLIDES PAGINATION NAVIGATION
    ========================================= */
     
     #slides-nav {
       z-index: 3 !important;
       display: none !important;
       position: absolute !important;
       bottom: 15px;
       left: 15px;
     }
     
     #slides-nav a {
       display: inline-block;
       zoom: 1;
       margin-right: 15px;
       padding: 2px;
       width: 18px;
       height: 18px;
       background-color: rgba(255, 255, 255, .5);
       -webkit-transition: all .250s ease;
       transition: all .250s ease;
       outline: none;
       box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
     }
     
     #slides-nav a.selected {
       outline: none;
       background-color: rgba(255, 255, 255, 1);
     }
     
     @media screen and (min-width: 768px) {
       #slides-nav {
         bottom: 8px;
         left: 45px;
       }
       #slides-nav a {
         width: 14px;
         height: 14px;
       }
     }
     /* BANNER STYLING
    ========================================== */
     
     #banner-thumbs {
       display: none;
     }
     
     .banner-text {
       width: calc(100% - 15px);
       position: absolute!important;
       top: 15px;
       left: 15px;
     }
     
     .banner-text .title {
       font-family: "Lato", arial;
       font-size: 24px;
       font-weight: 700;
     }
     
     @media screen and (min-width: 768px) {
       .banner-text {
         width: 300px;
         top: 20px;
         left: 45px;
       }
     }
     /* CALL TO ACTION BUTTOM
    ========================================== */
     
     .slide-cta {
       padding: .5em 3em;
       font-size: 1.1em;
       font-weight: bold;
       border-radius: 2px;
     }
     
     .slide-cta2 {
       font-weight: 600;
       font-size: 16px;
       left: 637px !important;
       padding: 10px;
       position: absolute !important;
       top: 212px !important;
       width: 200px;
     }
     
     .banner-button,
     .banner-button:visited {
       background: #ffffff;
       display: inline-block;
       *display: inline;
       zoom: 1;
       position: relative;
       cursor: pointer;
       font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
       font-weight: 700;
       text-decoration: none;
       text-rendering: optimizeLegibility;
       -webkit-font-smoothing: antialiased;
       text-shadow: none;
       text-align: center;
       box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
       -webkit-transition: all .250s ease;
       transition: all .250s ease;
     }
     
     .banner-button,
     .banner-button:active {
       background: #ffffff;
       color: #f36a1b;
     }
     
     .banner-button:hover {
       background: linen;
       color: #f36a1b;
       text-decoration: none;
     }
     
     .orange.banner-button,
     .orange.banner-button:visited {
       color: white;
       background-color: #f36a1b;
     }
     
     .orange.banner-button:hover {
       color: white;
       background-color: chocolate;
     }
     
     .orange.black-text.banner-button,
     .orange.gradient.black-text.banner-button:visited,
     .orange.gradient.black-text.banner-button:hover {
       color: black;
     }
     
     .orange.banner-button,
     .orange.banner-button:visited {
       color: #e66a07;
     }
     
     .orange.banner-button:hover {
       color: white;
     }
     
     .yellow.banner-button,
     .yellow.banner-button:visited {
       background-color: #f9b500;
       color: #ffffff;
     }
     
     .yellow.banner-button:hover {
       background-color: #DBA901;
     }
     /* Slide #1 Behaviors
    ======================================= */
     
     #slide1 {
       position: relative;
       height: 360px;
       background-color: rgba(38, 121, 206, 1);
     }
     
     #slide1:before {
       position: absolute;
       content: ' ';
       top: 0;
       left: 0;
       display: block;
       width: 100%;
       height: 75%;
       background-image: -webkit-linear-gradient(left, rgba(38, 121, 206, 0.60) 20%, rgba(255, 255, 255, 0.00) 84%);
       background-image: linear-gradient(90deg, rgba(38, 121, 206, 0.60) 20%, rgba(255, 255, 255, 0.00) 84%);
     }
     
     #slide1 .banner-text {
       width: calc(100% - 30px);
     }
     
     #slide1 p.title {
       color: white;
       line-height: 1.2;
       margin-bottom: 27%;
       font-size: 22px;
       text-shadow: 0px 1px 4px #267ACE;
     }
     
     @media screen and (min-width: 640px) {
       #slide1 p.title {
         margin-bottom: 1em;
       }
     }
     
     #slide1 p.description {
       color: white;
       margin-bottom: 2em;
     }
     
     #slide1 .slide-cta {
       color: black;
     }
     
     @media screen and (min-width: 768px) {
       #slide1 {
         height: auto;
       }
       #slide1 .banner-text {
         width: 350px;
       }
       #slide1 p.title {
         font-size: 22px;
         margin-bottom: .5em;
       }
       #slide1 p.description {
         font-size: 14px;
         margin-bottom: 1em;
       }
       #slide1:before {
         height: 100%;
       }
       #slide1 .slide-cta {
         font-size: 14px;
       }
     }
     
     @media screen and (min-width: 992px) {
       #slide1 {
         height: auto;
       }
       #slide1 .banner-text {
         width: 400px;
       }
       #slide1 p.title {
         font-size: 30px;
         margin-top: 15px;
       }
     }
     /* Slide #2 Behaviors
    ======================================= */
     
     #slide2 {
       position: relative;
       height: 360px;
       background-color: #1C1B20;
     }
     
     #slide2:before {
       position: absolute;
       content: ' ';
       top: 0;
       left: 0;
       display: block;
       width: 100%;
       height: 75%;
       background-image: -webkit-linear-gradient(left, #1C1B20 20%, rgba(255, 255, 255, 0.00) 84%);
       background-image: linear-gradient(90deg, #1C1B20 20%, rgba(255, 255, 255, 0.00) 84%);
     }
     
     #slide2 .banner-text {
       width: calc(100% - 30px);
     }
     
     #slide2 p.title {
       color: white;
       line-height: 1.2;
       margin-bottom: 27%;
       font-size: 22px;
       text-shadow: 0px 1px 4px #1C1B20;
     }
     
     @media screen and (min-width: 640px) {
       #slide2 p.title {
         margin-bottom: 1em;
       }
     }
     
     #slide2 p.description {
       color: white;
       margin-bottom: 2em;
     }
     
     #slide2 .slide-cta {
       color: black;
     }
     
     @media screen and (min-width: 768px) {
       #slide2 {
         height: auto;
       }
       #slide2 .banner-text {
         width: 350px;
       }
       #slide2 p.title {
         font-size: 22px;
         margin-bottom: .5em;
       }
       #slide2 p.description {
         font-size: 14px;
         margin-bottom: 1em;
       }
       #slide2:before {
         height: 100%;
       }
       #slide2 .slide-cta {
         font-size: 14px;
       }
     }
     
     @media screen and (min-width: 992px) {
       #slide2 {
         height: auto;
       }
       #slide2 .banner-text {
         width: 400px;
       }
       #slide2 p.title {
         font-size: 30px;
         margin-top: 15px;
       }
     }
     /* Style the content below the hero slider
    ========================================== */
     
     #grids .grid {
       padding-left: 18px;
       margin-top: 10px;
       margin-bottom: 10px;
     }
     
     #grids h2 {
       padding-left: 30px;
       display: table;
       margin-top: 0px;
     }
     
     #grids h2 span.grid-heading br {
       display: none;
     }
     
     #grids h2 span.circle {
       display: inline;
       font-size: 25px;
       border-radius: 50%;
       border: 2px solid #b5b2b1;
       line-height: 42px;
       vertical-align: middle;
       text-align: center;
       padding: 8px;
     }
     
     #grids h2 span.grid-heading {
       display: table-cell;
       vertical-align: middle;
       padding-left: 15px;
       font-weight: normal;
     }
     
     #grids h3 a {
       color: #646464;
     }
     
     #grids h3 a:hover {
       color: #007088;
       text-decoration: none;
     }
     
     #grids .grid h3 {
       font-size: 1em;
       font-family: Arial, sans-serif;
       font-weight: 400;
       text-transform: initial;
     }
     
     #grids .grid h3 a:hover {
       color: #e66a08;
       text-decoration: none;
     }
     
     #grids .grid h3:first-child {
       padding-top: 0px;
     }
     
     #grids .grid h3 a.grid-button {
       color: #5e89c1;
       font-weight: 400;
     }
     
     #grids .grid h3 a.grid-button:hover {
       color: #e66a08;
     }
     /* some quick fix responsive behavior for grids */
     
     #grids .grid {
       margin-left: 0;
       border-left: 0;
     }
     
     #grids [class*='col-'] {
       margin-bottom: 2em !important;
     }
     
     #grids h2 {
       padding-left: 0;
     }
     
     #grids h2 span:first-of-type {
       display: none;
     }
     
     @media screen and (min-width: 768px) {
       #grids .grid {
         border-left: 1px solid #b5b2b1;
         margin-left: 15px;
       }
     }
     
     @media screen and (min-width: 992px) {
       #grids .grid {
         margin-left: 41px;
       }
       #grids h2 span:first-of-type {
         display: inline;
       }
     }
     
     .huge {
       font-size: 31px;
       font-weight: 700;
       color: #333;
       text-transform: uppercase;
       line-height: 1;
     }
     
     p.huge.text-center a {
       color: #646464;
       font-weight: 700;
       font-size: 26px;
       font-family: Lato;
     }
     
     .blue.banner-button,
     .blue.banner-button:visited {
       background-color: rgb(65, 151, 212);
       box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
     }
     /* This is only for the Qualcomm Announcement */
     /* make sure to keep these comments in place */
     
     .blue.banner-button {
       position: absolute !important;
       top: 60% !important;
       left: 54% !important;
       width: 140px !important;
       padding: .25em .5em;
       font-size: small;
     }
     
     @media screen and (min-width: 992px) {
       .blue.banner-button {
         position: absolute !important;
         top: 170px !important;
         left: 54% !important;
         width: 200px !important;
         padding: 10px;
         font-size: 16px;
       }
     }
     
     @media screen and (min-width: 1199px) {
       .blue.banner-button {
         top: 220px !important;
       }
     }
  
  
  
  
  @media screen and (min-width: 769px) {
	a#blog-icon svg {
		width:32px; height:32px;
	}
}	
		
@media (max-width: 768px) {
	a#blog-icon svg {
		width:24px; height:24px;
	}
}
a#blog-icon svg path#blog-fill{width:100px; height:100px; fill:#646464;}
a#blog-icon svg g#blog-text path {fill:#646464; stroke:#646464;}
a#blog-icon:hover svg path#blog-fill{fill:#5E89C1;}
a#blog-icon:hover svg g#blog-text path{fill:#5E89C1; stroke:#5E89C1; }