/*
Theme Name: Hillstone(2018 april)
Theme URI: http://www.auc.com/
Author: Tagg
Author URI: http://www.auc.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hillstone
Tags:

*/
img { max-width:100%;}
.dropdown:hover .dropdown-menu {
display: block;
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; 
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */ }

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto; }

/*-----
5 column table-layout
------- */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }
/*-----
7 column table-layout for footer
------- */
.col-xs-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-7ths {
  width: 14.28571429%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-7ths {
    width: 14.28571429%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-7ths {
    width: 14.28571429%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-7ths {
    width: 14.28571429%;
    float: left; } }
@media (min-width: 768px) and (max-width: 991px) {
  .linkfarm {
    padding: 0; }

  .col-sm-7ths {
    padding: 0; } }

/*---------------------------------------------------------------*/

body { font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; line-height:28px;  }
.page-header {
  margin-top:0;
  margin-bottom:10px;
  padding:0;
  border: none;
}

.vid-holder{
  background-color:#28387D;
  background-image:url(/wp-content/uploads/home-static.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 65% center;
}

@media (min-width:768px){
.vid-holder
{
    position: relative;
    padding-bottom: 31.25%;
    height: 0;
    background-image: none;
}
}

.home-vid
{
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
}

#bg-video
{
    width: 100%;
    height: 100%;
    position: absolute;
}

.v-container
{
    background: red;
}

.sp-top
{
    padding-top: 30px;
}

p.mice { font-size:12px; line-height:16px;  }



span.icon-bar {
    background: #000;
}.nav-holder {
  background: #fff;
}

.primary-nav {
    font-size:18px;
    font-weight:400;
    line-height: 1;
    margin:0;
    z-index: 1;
    padding-top: 15px;
}
.primary-nav .dropdown a {
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}
@media ( min-width:992px){
.primary-nav .dropdown a {
  font-size: 14px;
}  
}
.primary-nav .nav>li.current-page-parent>a, .primary-nav .nav>li.current-page-ancestor>a, .primary-nav .nav>li.current-menu-item>a {
  background-color:#ddd;
  color:#000;
}

.primary-nav .nav>li:hover>a, .primary-nav .nav>li>a:focus {
    background-color: #29377d;
    color: #fff;
    opacity: 1;
}
.primary-nav ul.menu-depth-1 {
    background-color: #29377d;
    border:none;
    font-size:16px;
    text-transform: capitalize;
}

.primary-nav .menu-depth-1>li>a {
    padding: 3px 10px;
    background-color: #29377d;
    color:#fff;
    font-size: 14px;
}

.primary-nav .menu-depth-1>li + li {
    margin-top: 2px;
}
.menu-depth-2 {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.primary-nav .menu-depth-2>li>a {
    color: #ffffff;
    padding: 5px 10px;
    background-color:#324896;
    display: block;
    text-decoration:none;
}
.primary-nav .dropdown-menu li.current_page_item>a {
  background-color:#000;
  color:#fff;
}
.primary-nav .menu-depth-1>li>a:hover, .primary-nav .menu-depth-2>li>a:hover {
  background-color:#000;
}
.primary-nav a {
  position: relative;
}
.primary-nav a>span {
  opacity:.5;
  position:absolute;
  right: 5px;
  font-size:14px;
}
/* Temporary Fix ------------------------------------------------------------------ */
.content-padding { padding:30px 0; }

/*  Top Branding and Nav Layer -----------------------------------------------------------*/
a.hillstone-networks.logo { width: 110px; height: 30px; margin-left: 5px; margin-bottom:10px; display:inline-block;
/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 155.85 41.68'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2329377d;%7D.cls-2%7Bfill:%23404041;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ehillstone-Networks%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M153.9,21.61a17,17,0,0,1-5.34,6,12.15,12.15,0,0,1-6.87,2.13,9,9,0,0,1-3.8-.82,8.38,8.38,0,0,1-3-2.34,9.22,9.22,0,0,1-1.8-3.54,11,11,0,0,1-.19-4.18,12.35,12.35,0,0,1,1.35-4.18A12.79,12.79,0,0,1,137,11.18a12.12,12.12,0,0,1,3.63-2.32,10.76,10.76,0,0,1,4.05-.81A8.71,8.71,0,0,1,150,9.74a10.23,10.23,0,0,1,3.39,4.92l-10.87,6.9-2-3.85,5.91-3.81a3.82,3.82,0,0,0-1-.53,3.88,3.88,0,0,0-1.14-.17,4.81,4.81,0,0,0-3.42,1.47,6,6,0,0,0-1.83,3.63,4.85,4.85,0,0,0,.8,3.69,3.55,3.55,0,0,0,3,1.48,6.18,6.18,0,0,0,3.44-1.09,10.78,10.78,0,0,0,3-3.2l4.52,2.43'/%3E%3Cpath class='cls-1' d='M38.46,4.28a2,2,0,0,1-1.89,1.64H33.88a1.4,1.4,0,0,1-1.43-1.64l.37-2.64A2,2,0,0,1,34.72,0H37.4a1.41,1.41,0,0,1,1.44,1.64l-.38,2.64'/%3E%3Cpolygon class='cls-1' points='30.67 0 30.47 1.33 26.65 28.37 26.45 29.73 20.14 29.73 21.88 17.41 10.38 17.41 8.64 29.73 2.33 29.73 2.52 28.36 6.33 1.36 6.53 0 12.84 0 11.13 12.12 22.63 12.12 24.34 0 30.67 0'/%3E%3Cpolygon class='cls-1' points='31.93 8.06 37.94 8.06 34.88 29.77 28.87 29.77 31.93 8.06'/%3E%3Cpolygon class='cls-1' points='43.18 29.77 37.17 29.77 41.37 0.04 47.38 0.04 43.18 29.77'/%3E%3Cpath class='cls-1' d='M84.41,12.73H89.9l.65-4.67H85.06L86.2,0H81.56s-.35,0-1,.49-.62.9-.62.9l-.94,6.63H62.91q-3.52,0-5.1,1.13a7.44,7.44,0,0,0-3.1,5.17A6.89,6.89,0,0,0,55,17.55a4.91,4.91,0,0,0,1.56,2.35,5.19,5.19,0,0,0,2,1,15.26,15.26,0,0,0,3.22.26h3.62a6.9,6.9,0,0,1,2.56.28,1.61,1.61,0,0,1,.77,1.85A1.89,1.89,0,0,1,66.85,25q-.72.06-2.7.06h-12L55.68,0H51.05s-.38-.07-1,.46-.59.91-.59.91l-3.81,27a1.28,1.28,0,0,0,.31.94,1.25,1.25,0,0,0,.87.45H65.22A16,16,0,0,0,70,29.26a5.84,5.84,0,0,0,2.7-2,8.8,8.8,0,0,0,1.92-4.33,4.83,4.83,0,0,0-1.51-4.73A7.79,7.79,0,0,0,68,16.71H64.42a6.61,6.61,0,0,1-2.85-.34,1.66,1.66,0,0,1-.73-1.75A1.9,1.9,0,0,1,62.1,12.9a9.92,9.92,0,0,1,2.34-.17h14l-1.26,8.91c-.41,2.92-.16,5,.77,6.26s2.68,1.87,5.28,1.87h4.35l.65-4.64H85.83a2.66,2.66,0,0,1-2.52-1.07c-.27-.48-.27-1.64,0-3.49l1.11-7.84'/%3E%3Cpath class='cls-1' d='M133.13,9.46l-2.67,18.93-.22,1.38h-6l2.4-17h-5.14a3.61,3.61,0,0,0-2.43.7,3.65,3.65,0,0,0-1,2.32l-2,14h-6L112,16.42c.43-3,1.5-5.23,3.22-6.61a7,7,0,0,1,2.66-1.37,16.53,16.53,0,0,1,4-.38h10.11a1.1,1.1,0,0,1,.86.47,1.13,1.13,0,0,1,.33.93'/%3E%3Cpath class='cls-1' d='M109.64,23.91a7.36,7.36,0,0,1-2,4.39,5.8,5.8,0,0,1-4.16,1.47h-10a4.5,4.5,0,0,1-3.78-1.47A5.76,5.76,0,0,1,89,23.91L90.43,14a7.31,7.31,0,0,1,1.94-4.44,5.88,5.88,0,0,1,4.21-1.45h10q2.7,0,3.78,1.44c.73,1,1,2.44.66,4.45l-1.4,10m-14.72.74h8.65l1.63-11.52H96.55Z'/%3E%3Cpath class='cls-2' d='M147.39,39l1.53-.15a1.83,1.83,0,0,0,.55,1.12,1.68,1.68,0,0,0,1.13.35,1.74,1.74,0,0,0,1.14-.31.94.94,0,0,0,.39-.74.7.7,0,0,0-.17-.47,1.25,1.25,0,0,0-.56-.34c-.18-.06-.6-.17-1.24-.34a4.1,4.1,0,0,1-1.76-.76,2,2,0,0,1-.71-1.56,2,2,0,0,1,.34-1.11,2.08,2.08,0,0,1,1-.78,3.83,3.83,0,0,1,1.52-.27,3.17,3.17,0,0,1,2.18.65,2.23,2.23,0,0,1,.77,1.72l-1.56,0a1.38,1.38,0,0,0-.43-.87,1.59,1.59,0,0,0-1-.26,1.8,1.8,0,0,0-1.06.28.6.6,0,0,0,0,1,4.07,4.07,0,0,0,1.44.52,7.37,7.37,0,0,1,1.68.56,2.21,2.21,0,0,1,.85.78,2.31,2.31,0,0,1,.31,1.24,2.36,2.36,0,0,1-.37,1.25,2.23,2.23,0,0,1-1,.86,4.34,4.34,0,0,1-1.68.28,3.39,3.39,0,0,1-2.26-.67,3,3,0,0,1-.94-2'/%3E%3Cpolygon class='cls-2' points='2.41 41.68 2.41 33.94 3.93 33.94 7.11 39.13 7.11 33.94 8.56 33.94 8.56 41.68 6.99 41.68 3.86 36.6 3.86 41.68 2.41 41.68'/%3E%3Cpolygon class='cls-2' points='23.27 41.68 23.27 33.94 29 33.94 29 35.25 24.83 35.25 24.83 36.97 28.7 36.97 28.7 38.28 24.83 38.28 24.83 40.38 29.15 40.38 29.15 41.68 23.27 41.68'/%3E%3Cpolygon class='cls-2' points='46.15 41.68 46.15 35.25 43.87 35.25 43.87 33.94 49.99 33.94 49.99 35.25 47.71 35.25 47.71 41.68 46.15 41.68'/%3E%3Cpolygon class='cls-2' points='64.4 41.68 62.58 33.94 64.19 33.94 65.34 39.26 66.74 33.94 68.63 33.94 69.97 39.35 71.15 33.94 72.72 33.94 70.86 41.68 69.17 41.68 67.64 35.89 66.11 41.68 64.4 41.68'/%3E%3Cpath class='cls-2' d='M84.62,37.72a4.88,4.88,0,0,1,.36-2,3.43,3.43,0,0,1,.72-1.06,2.8,2.8,0,0,1,1-.7,4.13,4.13,0,0,1,1.66-.31,3.61,3.61,0,0,1,2.74,1.06,4.07,4.07,0,0,1,1,3,4.06,4.06,0,0,1-1,2.94,3.59,3.59,0,0,1-2.72,1.06,3.66,3.66,0,0,1-2.75-1,4.08,4.08,0,0,1-1-2.91m1.61,0a2.9,2.9,0,0,0,.61,2,2.1,2.1,0,0,0,3.08,0,3,3,0,0,0,.6-2,2.87,2.87,0,0,0-.59-2A1.94,1.94,0,0,0,88.38,35a2,2,0,0,0-1.56.66,3,3,0,0,0-.59,2'/%3E%3Cpath class='cls-2' d='M105.62,41.68V33.94h3.28a5.54,5.54,0,0,1,1.8.21,1.76,1.76,0,0,1,.9.74,2.2,2.2,0,0,1,.34,1.22,2.08,2.08,0,0,1-.51,1.44,2.5,2.5,0,0,1-1.52.71,4.44,4.44,0,0,1,.84.65,10.14,10.14,0,0,1,.88,1.26l.94,1.51H110.7L109.58,40a10.54,10.54,0,0,0-.82-1.14,1.27,1.27,0,0,0-.47-.33,2.54,2.54,0,0,0-.79-.09h-.32v3.24h-1.56m1.56-4.47h1.15a5.53,5.53,0,0,0,1.41-.1.85.85,0,0,0,.44-.32,1.06,1.06,0,0,0,.15-.58.92.92,0,0,0-.2-.63,1,1,0,0,0-.59-.3,9,9,0,0,0-1.14,0h-1.22Z'/%3E%3Cpolygon class='cls-2' points='126.32 41.68 126.32 33.94 127.88 33.94 127.88 37.37 131.06 33.94 133.16 33.94 130.23 36.95 133.31 41.68 131.29 41.68 129.14 38.05 127.88 39.35 127.88 41.68 126.32 41.68'/%3E%3Crect class='cls-2' y='31.41' width='155.85' height='0.93'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
background-image:url("/wp-content/uploads/hillstone-Networks-1.0.svg");
background-repeat:no-repeat; text-decoration:none;}
@media (min-width:768px){
 a.hillstone-networks.logo {width: 130px; height: 39px; margin-bottom:0; }
}
@media (min-width:992px){
 a.hillstone-networks.logo { width: 190px; height: 50px; margin-top: 5px; margin-left: 0px; }
}








.page-banner { height: 240px; background-repeat:no-repeat; background-position:center; display: flex; align-items: center; }
.page-banner.blog { background-image:url('/wp-content/uploads/bnr-hillstone-blog.jpg'); }
.page-banner h2 {  margin-top:10px; color:inherit; font-size: 24px; line-height: 30px; font-weight: 300; padding-right:10%; padding-left:10%; margin-top:20px; margin-bottom:20px; }
@media (min-width:768px ){
   header#masthead { height: 95px; }
  .page-banner { height: 500px; background-color:#b3c1ca }
  .page-banner.blog { height: 450px; }
}
.page-banner h1 {color:inherit;}
@media (min-width:768px){
   .page-banner h1 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 55px;
    line-height: 58px;
    color:inherit;
    margin-top:20px;
   }
   .page-banner.blog h1 {
      font-weight: 300;
      text-align: left;
      line-height: 1;
      font-size: 110px;
   }
	.page-header {
     margin-bottom:30px;
  }
}

/* 
.page-banner h2 { 
  margin-top:10px;
  color:inherit; 
  font-size: 40px;
  line-height: 50px;
  font-weight: 300;
  padding-right:10%;
  padding-left:10%;
  margin-bottom:20px;
 }
*/
.site-branding { float:left; }
.utility { font-size:12px; }
.utility > li > a { 
    display: inline-block;
    padding: 3px 5px;
    color: rgba(0, 0, 0, 0.75);
    margin-left: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
}
.utility > li:hover > a { background-color:#EEEEEE;  }

.utility > li > a.navbtn.orange {
    background-color:#f6921e;
    margin-right: -14px; 
}
.utility > li > a.navbtn.orange:hover {
    background-color:#e5811f;
}
.utility > li > a.navbtn.grey {
    background-color:#e8e8e8;
    color:#555;
}
.utility > li > a.navbtn.grey:hover {
    background-color:#e0e0e0;
    color:#555;
}

.nav-main {
  text-transform: uppercase;
}


/* ---- Start Home ---- */
.homebanner h1, .homebanner h2 { color: #ffffff; }
.homebanner h1 {color: #ffffff;font-weight: 600;letter-spacing: 0px;font-size: 30px;line-height: 33px;margin-bottom: 0px;margin-top: 0;}
.homebanner h2 { color: #ffffff; font-weight: 300; font-size: 24px; line-height: 30px;  margin-bottom: 30px; margin-top:20px; }
   .home-svg-icon {
      height:28px;
      margin-bottom:10px;
      background-repeat:no-repeat;
      background-position: center;
      display:block;
   }

@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 768px) {
}

@media only screen and (min-width : 992px) {
   .homebanner h1 { font-size: 65px; line-height: 70px;  letter-spacing: -2px; margin-bottom: 0px; }
   .homebanner h2 { font-size: 40px; line-height: 50px;  margin-bottom: 30px; margin-top:15px; }
   .home-svg-icon { height:50px; }
}

@media only screen and (min-width : 1200px) {
}
/* ---- End Home ---- */


button.navbar-toggle { border: solid 2px #fff; margin-top:0px;  }


/* ---- Start General Styles ---- */
   body { font-size: 14px; line-height: 24px; }
   h1 { font-weight:400; color:#0071bc; font-size:30px; line-height:33px; }
   h2 { font-weight: 100; font-size: 36px; line-height: 40px; margin-bottom: 20px; margin-top:0px; }
   h3 { font-weight:400; color:#0071bc; font-size:24px; line-height:30px; }
   h4 { font-weight:500; font-size:20px; line-height:24px; margin:25px 0 15px 0; } 
   .content-padding { padding:10px 0; }
   .home-category-icons { margin-top: 10px; }
   .homevideoplayers .col-xs-10 { margin-bottom:15px; }
   .bkg-home-contact {
       background-image: url(/wp-content/uploads/home-contact-bkg-min.jpg);
       background-position-y: 0px;
       background-repeat: no-repeat;
       height: 283px;
       padding-top: 95px;
       margin-top: 12px;
       background-size: cover;
    }
    .tech-bkg-light-grey, .home-video-grid {
       background-color: #F0F0F0;
       padding: 5px 10px;
    }
    .tech-bkg-light-grey h4 { margin:0px; }
    img.tech-photo { max-width: 135%; }


@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 768px) {
   body { font-size: 16px; line-height: 28px; }
   h1 { font-size:36px; line-height:38px; }
   h2 { font-size: 45px; line-height: 50px; margin-bottom: 30px; }
   h3 { font-size:30px; line-height:35px; }
   h4 { font-size:22px; line-height:28px; margin:25px 0 15px 0; } 
   .content-padding { padding:30px 0; }
   .home-category-icons { margin-top: 30px; }
   .bkg-home-contact {
       height: 250px;
       padding-top: 44px;
       margin-top: 30px;
       background-size: 100%;
       background-position-y: -100px;
    }
    .tech-bkg-light-grey, .home-video-grid {
       background-color: #F0F0F0;
       padding: 10px 30px;
    }
    .tech-bkg-light-grey h4 { margin: 25px 0 15px 0; }
    img.tech-photo { max-width: 100%; }
}

@media only screen and (min-width : 992px) {
   h1 { }
   h2 { }
   h3 { }
   h4 { } 
}

@media only screen and (min-width : 1200px) {
}
/* ---- End General Styles ---- */




@media (min-width:768px){
  .nav-main {float:right;clear:right;}

  .nav-main .nav>li>a {
      padding: 5px 17px;
      border-radius:5px;
  }
  .nav-main .nav>li.menu-item-has-children:hover>a {
      border-radius:5px 5px 0 0;  
  }
  .nav-main ul.menu-depth-1 {
    border-radius: 0 ;
    padding:5px;
  }
  .nav-main>li+li {
      margin-left: 5px;
  }
  #nav-menu-item-44 .menu-item-depth-1>a {
      min-width: 360px;
  }
  .primary-nav a>span {
    position:absolute;
    opacity:.5;
    right:10px;
  }
  .utility {float:right;text-transform:uppercase;}
  .utility > li > a { display:inline-block; padding:3px 5px; border-radius: 2px; }

.homebanner {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}
a.banner-brand
{
    width: 185px;
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-top: 15px;
}

}
@media (min-width:992px){
  .homebanner_inner {
    max-width:800px;
    width:800px;
  }
    .nav-main>li+li {
      margin-left: 15px;
  }

  .nav-main {float:right;clear:right;margin-top: 10px;}

}
@media (min-width:1200px){

  
}
@media (max-width: 767px){
.dropdown:hover .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
border: 0;
box-shadow: none;
}  .utility li {
      display: inline-block;
  }
}
.container-wrapper.home { background-image:url('/wp-content/uploads/2015/01/home-main.png'); background-position:center center; height:543px; }

/*  News Events  Layer -----------------------------------------------------------*/

.news-layer
{
    background-color: #0071bc;
    padding: 10px 0;
    color: #FFFFFF;
}

.news-layer h4
{
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 10px 0;
}
ul.recent-news, ul.upcoming-events, ul.upcoming-webinars {
  list-style: none;
  margin:0;
  padding: 0;
}

li.news-item p a, li.event-item p a
{
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
}

p date, li.news-item p, p date, li.event-item p
{
    font-size: 11px;
    line-height: 16px;
    padding-bottom: 5px;
}

li.news-item p, li.event-item p
{
    margin-bottom: 5px;
}


.container-wrapper.news-layer .date { font-size:11px; }
.container-wrapper.news-layer a { color:#64b2dd; text-decoration:none; }
.container-wrapper.news-layer a:hover { color:#FFFFFF; }
.btn-primary.dk-blue { background-color:#0a417d; }
.btn-primary.dk-blue:hover { background-color:#5599bf; }

/*  Call to Action Layers -----------------------------------------------------------*/
.container-wrapper.cta { background-color:#0a417d; padding:10px 0; }
.in-action { color:#FFFFFF; }
.in-action h3 { font-weight:700; text-align:right; color:#FFFFFF; }

/*  Footer styles -----------------------------------------------------------*/

.footer
{
    background-color: #444444;
    color:#fff;
    font-size:12px;
    padding-top: 15px;
    padding-bottom: 0;
}

.footer a { display:inline-block; padding:3px 10px; background-color:#5d5d5d; color:#EEEEEE; text-decoration:none; border-radius: 2px; }
.footer .legal a { margin:10px; }
.footer a:hover { background-color:#7d7d7d; color:#FFFFFF;}
.footer a:hover
{
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 1);
}
.footer .legal {margin-top: 15px;font-size:12px;line-height:18px;padding-bottom: 15px;background-color: #000;text-align: center;padding-top: 15px;}

/*  Page Body styles -----------------------------------------------------------*/

.row.key-features .col-sm-4, .row.key-features .col-sm-3 { text-align:center; font-weight:500; padding:0px 20px; margin-bottom:20px; }
h4.key-features { color:#f15a24; margin-bottom:20px; }

.icon.placeholder { width:75px; height:75px; background-color:#DDD; margin:0 auto 15px auto; }

.row.partners { background-color:#f2f2f2; }
.row.partners .col-sm-6 { padding:30px; }

.row.tech-nav .col-sm-3 { padding:0px; }
.row.tech-nav .col-sm-3 a { display:block; background-color:#f2f2f2; font-size:18px; line-height:22px; text-align:center; padding:10px; }
.row.tech-nav .col-sm-3 a:hover { background-color:#f7f7f7; }
.row.tech-nav .col-sm-3 a.active { background-color:#f15a24; color:#FFF; }


.bkg-light-gray { background-color:#f5f5f5; }
.top-post .featured-image { display: block; width: 100%; margin-bottom:15px; }
.secondary-post:nth-child(even) { background-color: #efefef; }
.secondary-post .featured-image { float:left; max-width: 270px; margin-right:15px; margin-bottom:15px; }
.post { padding-bottom:15px; overflow:auto; }
.post h1 {
  margin-top:0;
}
.excerpt-more {
    text-align: center;
}
.btn-more-link {
    background-color: #29377d;
    color: #fff;
    margin-top: 10px;
    padding:5px 20px;
}
.btn-more-link:hover {
  background-color:#3e5db5;
  color:#fff;
}

.press-release-tile h3 {
  margin-top: 0;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    height: auto;
    width: auto;
}

.pub-logo, .pub.news { width:100%; }
.pub.news { margin-top:15px; }


span.gform_description, .gfield_description { display:block; font-size:11px; line-height:15px; margin-bottom:15px; }
.gf_browser_chrome { background-color:#F7F7F7; padding:30px; }
.gf_browser_chrome .gform_title { margin-top:0px; }



ul.list-group li.list-group-item.highlight { background-color:#337ab7; color:#FFF; }

.row.highlight { background-color: #F7F7F7; padding: 15px; margin: 30px 0px; }

#press-releases .resource.tile.event-tile a { display:block; overflow:auto; }
#press-releases h4 { margin-top:0px; }
#press-releases a p { color:#000; }
#press-releases .row { margin-bottom:20px; }
.resource-tile.even { 

background: -moz-linear-gradient(left,  rgba(229,229,229,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(229,229,229,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(229,229,229,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(229,229,229,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(229,229,229,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(229,229,229,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e5e5e5', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}
.resource-tile {
  padding:15px;
  overflow: auto;
}

#events .row { margin-bottom:20px; }
.resource-listing button[type="submit"], .video-tile button[type="submit"] {
    padding: 0;
    border: none;
    background: transparent;
    color: #337ab7;
}
.resource-listing button[type="submit"]:hover, .video-tile button[type="submit"]:hover {
  text-decoration: underline;
    color: #337ab7;
}
.bkg-light-gray h3 { margin-top:0px; }
.container.resources, .container.press-releases, .container.news, .container.events  {
  padding:30px 15px;
}
.top-post .entry-title {
  font-size:40px;
  font-weight:400;
  line-height:1.2;
}
.secondary-post .entry-title {
  font-weight:400;
  line-height:1.2;
}
.entry-title a{
  text-decoration:none; 
}
ul.widget-area{
  list-style: none;
  margin:0;
  padding:0 0 10px 0;
  /* background-color: #efefef; */
}
.youtube-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 31px;
  height: 0;
  width:100%;
}
.youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widget-title{
  font-size: 26px;
   margin: 0 0 10px;
  color: #000;
 }
.widget_search, .widget_ssba_widget, .widget_categories, .widget_archive {
  /* padding: 5px 15px */
}
.ssba a+a { margin-left:10px; }
.widget_recent_entries {
  margin-bottom:15px;
}
.widget_recent_entries > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_recent_entries > ul > li {
  margin: 5px 0;
}

.widget_recent_entries > ul > li > a:hover, .widget_categories a:hover, .widget_archive a:hover  {
  background-color: #3e5db5;
  text-decoration: none;
  color:#fff;
}

.widget_categories ul, .widget_archive ul {
  list-style: none;
  padding: 0;
  margin:0;
}
.widget_categories a, .widget_archive a, 
.widget_recent_entries > ul > li > a {
    background-color: #efefef;
    display: block;
    padding: 5px 10px;
    line-height: 1.3;
    color:#29377d;
    text-decoration: none;
} 
.widget_categories li + li, .widget_archive li + li  {
  margin-top:4px;
}

.gfield_checkbox label {
    margin-left: 5px;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
    display: inline;
    line-height: 34px;
    vertical-align: text-top;
}
.gfield_radio label {
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
}

.gfield_checkbox li, .gfield_radio li {
    margin-bottom: 0;
}
.search-form {
    border: solid 1px white;
    position: relative;
    /* border-radius: 5px; */
    overflow: hidden;
}

input.search-field {
    padding: 6px 43px 6px 6px;
    width: 100%;
    border: solid 2px #efefef;
    font-weight: 400;
    /* background-color: #5c95c5; */
    color:#ffffff;
    font-size: 14px;
}

.widget_search {
  /* background-color:#337ab7; */
}
.search-form label {
    width: 100%;
    margin: 0;
    padding: 0;
}

button.search-submit {
    /* background-color: #0a417d; */
    border: none;
    /* margin: 0; */
    padding: 6px 10px;
    position: absolute;
    top: 2px;
    right: 2px;
    /* border-left: solid 1px #fff; */
}
::-webkit-input-placeholder {
   color: #dedede;
}

:-moz-placeholder { /* Firefox 18- */
   color: #dedede;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #dedede;
}

:-ms-input-placeholder {  
   color: #dedede;
}
.updates .tab-pane {
  background-color: #fff;
}
.updates .tab-content {
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
article.item-page table{
    border-collapse: separate;
    border-spacing:1px;
    background-color:#337ab7;
}
article.item-page table td {
    padding: 5px;
}
.footer .nav > li >a {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding:0 15px
}
.footer .nav a {
    padding: 0;
    font-size: 14px;
    line-height:16px;
    background: transparent;
}

.footer .nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .nav>.col-sm-7ths>a {
    font-weight: 500;
    font-size: 16px;
}
.press-release-tile .excerpt-more {
    text-align:left;    
}
.press-release-tile .btn-more-link {
 color: #fff;
 background: transparent;
 margin: 5px 0;
 padding: 5px 10px;
 background-color: #337ab7;
}

.footer .nav {
    width: 100%;
}
.responsive-vid-holder {position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom: 30px;}
.responsive-vid-holder video {
position:absolute;
height:100%;
width:100%;
}
@media(min-width:768px){
#nav-menu-item-3892 .dropdown-menu, #nav-menu-item-8468 .dropdown-menu{
  min-width:350px;
}
}
.resource-tile a[href=""] {
    display: none;
}
.home-feature
{
    padding-top: 30px;
    padding-bottom: 30px;
    color:#000;
    line-height:1.1;
    font-size:14px;
    position: relative;
}

.home-feature h3
{
  font-size:24px;
  color:#000;
  line-height:1.1;
}

.home-feature-gartner {
    background-image: url(images/home-feature-gartner.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f0f0f0;
}
@media (min-width:992px) {
  .featured-gartner-background {
    position: absolute;
    top: 0;
    width: 33.3333%;
    height: 100%;
    background-image: url('/wp-content/uploads/Home-gartner-banner.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }
}
.head-latest {
    margin:5px 0 25px;
    font-weight:300;
    text-align:center;
    font-size:24px;
    color:#000;
}
.past-event-section {
    background-color: #eee;
    padding-bottom: 30px;
}  
/* blog styling */
.author {
    float: right;
    padding-left: 15px;
    color:#29377d;
  font-size:14px; 
}
.author a {
  color:#29377d;
}
.blog .entry-title {
    line-height: 1.2;
    margin: 0 0 15px;
    font-weight:400;    
}
.blog .entry-title a {
  color:#000;
}
.blog .featured-post .entry-title {
    font-size: 35px;
}
.blog .older-post .entry-title {
  font-size:24px;
  line-height:1.2;
  
}
.nav-links {
  text-align: center;
}
.page-numbers {
    padding: .5rem .75rem;
    line-height: 1.25;
    color: #000;
    background-color: #ddd;
}
.page-numbers.current {
  background-color:#aaa;  
  color:#fff;
}
a.page-numbers:hover, a.page-numbers:focus, a.page-numbers:active {
  background-color:#3e5db5;
  color:#fff;
  text-decoration:none;
}
.pagination {
    display: block;
    border-radius: 0;
}
.blog-colorbar {
  height:75px;
  background-image:url(/wp-content/uploads/bnr-hillstone-blog-pg2.jpg);
  background-size:cover;
}
.pr-colorbar { 
    height:75px;
    background-image:url(/wp-content/uploads/bnr-hillstone-pr-pg.jpg);
    background-size:cover; 
}
@media (min-width:768px){
  .blog-colorbar{
    margin-bottom:30px;
  } 
}
.post-navigation {
  text-align: center;
  margin-bottom:30px;
}
.post-navigation a{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.post-navigation a:hover{
  text-decoration: none;
  background-color:#3e5db5;
  color:#fff;
}
.col-nav-footer {
    list-style: none;
    margin: auto;
    padding: 0;
    text-transform: uppercase;
    display: block;
    line-height: 20px;
    width: 50%;
    float: left;
    text-align: center;
}
.col-nav-footer a {
    background-color:transparent;
    margin:0;
    padding:0;
}
@media(min-width:768px){
  .col-nav-footer {
    width:auto;
  }
    .col-nav-footer li {
        display:inline-block;
        margin:0 8px
    }
    .footer .legal {
        text-align:left;
    }
}
ul.socials-mobile {
    text-align:center;
}
ul.socials-mobile li {
    display: inline;
}

ul.socials-mobile > li > a {
    display: inline-block;
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    line-height: 0;
    margin: 0;
}

ul.socials-mobile > li > a>span {
    opacity: 1;
    position: relative;
    font-size: 14px;
    right:0;
}

.tile-square {
    padding-top: 100%;
    position:relative;
    margin-top: 30px;
}

.tile_inner{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    text-align: center;
    /* display: flex; */
    /* align-items: center; */
    /* align-content: center; */
    /* flex-direction: column; */
    padding: 15px;
    /* justify-content: space-between; */
    display: block;
}
/* ----- start support tiles -------- */
.support-tiles a.tile_inner {background-color:#0071bc;}
.support-tiles a.tile_inner:hover, .support-tiles a.tile_inner:focus { background-color:rgba(0, 113, 188, 0.9); text-decoration:none; }
.support-tiles  h4, .support-tiles  p { text-align:center; color:#FFF; }
  .support-tiles  h4 {font-size:18px;line-height:20px;margin-bottom: 0; margin-top: 0; }
  .support-tiles  p {font-size: 12px;line-height: 15px;}

.icon_support { height: 40%;width: 40%; background-size:contain;background-repeat:no-repeat;background-position:center;display: inline-block;}
.icn_support-kb {background-image:url(/wp-content/uploads/support-kb.svg);}
.icn_support-ticket { background-image:url(/wp-content/uploads/support-ticket.svg);}
.icn_support-numbers { background-image:url(/wp-content/uploads/support-hotline.svg);}
.icn_support-chat { background-image:url(/wp-content/uploads/support-chat.svg);}
@media (min-width:768px){
  .support-tiles  h4 { font-size:24px; line-height:30px; margin-top:25px;}
  .support-tiles  p { font-size:16px; line-height:18px; }
  .icon_support { height:50%; width:50%; margin-top:15px}
}
 
/* ----- end support tiles -------- */


  .res-nav-language { display:none; font-weight:300; font-size:12px; line-height:30px; color:#666; }
  .res-nav-language .language-select { font-size:13px; color:#666; font-weight: 400; cursor: pointer;}
  .res-nav-language .language-select.on { font-size:13px; color:#000; }
  .tab-chicklets {margin-bottom:10px;text-align:center;list-style:none;background-color:#ccc;padding: 10px 15px 0;}
  @media(min-width: 768px){
    .tab-chicklets { text-align:left; }
  }
  .tab-chicklets a {display: inline-block;font-size: 14px;line-height: 13px;padding: 10px 12px;background-color: #999;border: 1px solid #FFF;border-radius: 8px;text-decoration: none;font-weight: 400;color: #fff;margin-right: 3px;margin-left: 3px;margin-bottom: 10px;}  
  .tab-chicklets .active a{ background-color:#006699; }
.tab-chicklets li {
    display: inline;
}
.company-link {
   background-color:#FFF;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   padding-bottom:80%;
   width: 100%;
   position:relative;
   margin-bottom: 15px;
   display:block;
   margin-top: 15px;
}


span.company-logo {
    position:absolute;
   background-position:center center;
   background-size: 60%;
    top:0;
    left:0;
    height:100%;
    width:100%;
      background-repeat:no-repeat;
}
.logo-alibaba { background-image:url(/wp-content/uploads/Alibaba-Clooud.png); background-size: 50%;  }
.logo-algosec { background-image:url(/wp-content/uploads/algosec.png); }
.logo-bigswitch { background-image:url(/wp-content/uploads/bigswitch.png); }
.logo-citrix { background-image:url(/wp-content/uploads/citrix.png); }
.logo-cyphort { background-image:url(/wp-content/uploads/cyphort.png); }
.logo-firemon { background-image:url(/wp-content/uploads/firemon.png); }
.logo-kaspersky { background-image:url(/wp-content/uploads/kaspersky.png); }
.logo-trendmicro { background-image:url(/wp-content/uploads/trendmicro.png); }
.logo-openstack { background-image:url(/wp-content/uploads/openstack.png); background-size: 50%;  }
.logo-amazon { background-image:url(/wp-content/uploads/amazon-web.png); background-size: 50%;  }
.logo-vmware { background-image:url(/wp-content/uploads/vmware-tech-alliance.png); background-size: 50%;  }
.logo-mirantis { background-image:url(/wp-content/uploads/mirantis.png); background-size: 50%;  }
.logo-huawei { background-image:url(/wp-content/uploads/huawei-logo.jpg); background-size: 50%;  }
.logo-ms-azure { background-image:url(/wp-content/uploads/ms-azure.png); }
.logo-lastline { background-image:url(/wp-content/uploads/lastline.png); }
.logo-array { background-image:url(/wp-content/uploads/array.png); }
.logo-flowmon { background-image:url(/wp-content/uploads/flowmon-header-logo.png); }

.ginput_container input[type="checkbox"] {
    float:left;
    width:auto;
    
}

.gfield_checkbox li {
    display:block;
    overflow:auto;line-hight:20px
}
/* select styles for ul (languages) */



.styled-select select {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);   font-size: 14px;
   padding: 5px 15px 5px 5px; 
   border: 1px solid #ccc; 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
   border-radius:0;
   outline:none;
}
