/*
 *  Copyright 2016 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*  RIVERBED : VARIABLES */
/* Transition */
/* Transition-delay  */
/* Order  */
/* Transform-origin */
/* Transform */
/* border-radius */
/* Backface-visibility  */
/* Box-shadow*/
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
/* Animation */
/* Fonts */
/* Base colors*/
/* New Color */
/*
@colors: ("white", @white, "black", @black, "gray", @gray, "primary", @primary, "primary2", @primary2, "primary3", @primary3, "blue", @blue, "orange", @orange, "purple", @purple, "yellow", @yellow, "light-green", @light-green, "light-blue", @light-blue, "violet", @violet, "off-violet", @off-violet, "red", @red);
*/
/*  Media query variables */
/* 
 * Mobile landscape media query 
 */
/* (max-width: 480px) */
/* (max-width: 767px) */
/* (max-width: 595px) */
/* (min-width: 596px), (max-width: 767px) */
/*  (min-width:481px), (max-width: 595px) */
/* (min-width: 768px), (max-width: 991px) */
/*  Media query mixins
   (min-width:1200px) */
/*  (min-width:1024px) */
/*  (min-width:992px) */
/* (min-width:992px), (max-width: 1024px) */
/* (min-width:992px), (max-width: 1200px) */
/*  (min-width:768px), (max-width: 991px) */
/*  (min-width:596px), (max-width: 767px) */
/*  (min-width:481px), (max-width: 595px) */
/* (max-width:1200px) */
/* (max-width:991px) */
/* (max-width:767px) */
/* (min-width:768px) */
/* (max-width:595px) */
/* (min-width:595px) */
/*  (max-width:480px) */
/*common css -----------------------------------------------  */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}
img {
  border-style: none;
}
img[style*="float:left"],
img[style*="float: left"],
img[style*="float:right"],
img[style*="float: right"] {
  margin-top: 15px;
  margin-bottom: 15px;
}
img[style*="float:left"],
img[style*="float: left"] {
  margin-right: 15px;
}
.imgtooltip {
  position: absolute;
  width: 200px;
  height: 200px;
  right: 254px;
  top: -112px;
  z-index: 999;
}
img[style*="float:right"],
img[style*="float: right"] {
  margin-left: 15px;
}
a {
  text-decoration: none;
  color: #415464;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
input,
textarea,
select {
  font: 100% "source-sans-pro", Arial, Helvetica, sans-serif;
  color: #000;
  vertical-align: middle;
}
form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
q:before,
q:after {
  content: "";
  content: none;
}
body {
  height: 100%;
  border: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  background: rgba(0, 0, 0, 0.62);
  /*temp*/
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  overflow-x: hidden;
}
#main {
  background: #fff;
}
h2 {
  font-size: 36px;
  line-height: 1;
  margin: 0;
}
.rb18.cards h1 {
  font-size: 36px;
  line-height: 1;
  margin: 0;
}
p {
  font-size: 24px;
  color: #5b7e96;
}
.clear {
  clear: both;
}
#wrapper {
  overflow: hidden;
}
.cd-top {
  background: rgba(0, 0, 0, 0.37) url("clientlib-base/resources/images/sprite.png") no-repeat -34px -43px;
  background-size: 150px auto;
  display: inline-block;
  border-radius: 50%;
  height: 42px;
  width: 42px;
  right: 18px;
  bottom: 30px;
  position: fixed;
  z-index: 99;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
.global-pad,
.common-wrapper {
  position: relative;
  z-index: 40;
  padding: 60px 50px 60px 250px;
  box-sizing: border-box;
}
.global-pad:after,
.common-wrapper:after {
  display: block;
  clear: both;
  content: '';
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 999px) {
  .global-pad,
  .common-wrapper {
    padding: 60px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .global-pad,
  .common-wrapper {
    padding: 40px;
  }
}
.common-wrapper .top-space-more,
.common-wrapper .bottom-space-more,
.common-wrapper .wrapper-default-space,
.common-wrapper .global-pad {
  padding: 0;
}
.common-header h1 {
  color: #415464;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .common-header h1 {
    font-size: 30px;
  }
}
.common-header p {
  color: #415464;
  font-size: 18px;
  margin-top: 0;
}
@media only screen and (min-width: 1000px) {
  .common-header p {
    padding-right: 38%;
  }
}
@media only screen and (max-width: 1000px) {
  .common-header p {
    padding-right: 38%;
  }
}
.no-top-space {
  padding-top: 0px !important;
  padding-bottom: 60px !important;
}
.no-bottom-space {
  padding-top: 60px !important;
  padding-bottom: 0px !important ;
}
.no-space {
  padding-bottom: 0px !important ;
  padding-top: 0px !important ;
}
.top-space-more {
  padding-top: 120px ;
}
@media only screen and (max-width: 999px) {
  .top-space-more {
    padding-top: 60px ;
  }
}
.bottom-space-more {
  padding-bottom: 120px ;
}
@media only screen and (max-width: 999px) {
  .bottom-space-more {
    padding-bottom: 60px;
  }
}
.wrapper-default-space {
  padding-bottom: 60px !important;
  padding-top: 60px !important;
}
@media only screen and (max-width: 999px) {
  .wrapper-default-space {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
}
.border-top-white {
  border-top: 4px solid #fff;
}
.border-bottom-white {
  border-bottom: 4px solid #fff;
}
.border-top-gray {
  border-top: 4px solid #eee;
}
.border-bottom-gray {
  border-bottom: 4px solid #eee;
}
.background-wrapper {
  background: #fff;
  background-size: cover !important;
  position: relative;
  z-index: 9;
  background-attachment: fixed !important;
}
.background-wrapper.gray {
  background: #eee;
}
.background-wrapper.orange {
  background: #ff681d;
}
.textimage-wrap .background-wrapper {
  position: static !important;
}
.reference-module .background-wrapper {
  background-size: 100%;
}
.geo-location .filter-bar .location-component p a {
  color: #ff681d;
}
.geo-location .filter-bar .location-component p a:hover {
  text-decoration: none;
}
.right-rail-spacing {
  padding: 20px 0 20px 0;
}
.stickToBorders {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.verticalBlock {
  text-align: center;
  /* May want to do this if there is risk the container may be narrower than the element inside */
  white-space: nowrap;
}
.verticalBlock:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.verticalCentered {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.table {
  display: table;
  width: 100%;
}
.table-cell {
  display: table-cell;
}
.table-cell.align-top {
  vertical-align: top;
}
.table-cell.align-middle {
  vertical-align: middle;
}
.table-cell.align-bottom {
  vertical-align: bottom;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.vertical-centered-with-bg div[class*="col-"] {
  position: relative;
}
.vertical-centered-with-bg div[class*="col-"] > img,
.vertical-centered-with-bg div[class*="col-"] .bg {
  display: block;
  height: auto;
  width: 100%;
}
.vertical-centered-with-bg div[class*="col-"] > div {
  /* May want to do this if there is risk the container may be narrower than the element inside */
  text-align: center;
  /* May want to do this if there is risk the container may be narrower than the element inside */
  white-space: nowrap;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.vertical-centered-with-bg div[class*="col-"] > div:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.vertical-centered-with-bg div[class*="col-"] > div:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.vertical-centered-with-bg div[class*="col-"] > div > div {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  white-space: normal;
}
h4.short-underline {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 25px;
  text-transform: uppercase;
}
h4.short-underline span {
  display: inline-block;
  position: relative;
}
h4.short-underline span:after {
  border-bottom: 2px solid #fff;
  bottom: -6px;
  content: '';
  left: 0;
  position: absolute;
  width: 50px;
}
.riverbed-list ol {
  list-style: none;
}
.riverbed-list ol > li {
  counter-increment: item;
}
.riverbed-list ol > li:before {
  content: counter(item) ". ";
  color: #ff681d;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
}
.riverbed-list .riverbed-list-style {
  color: #415464;
  font-size: 16px;
  line-height: 20px;
}
.filterintrotext {
  padding: 0px 50px 80px 250px;
}
@media only screen and (max-width: 999px) {
  .filterintrotext {
    padding: 30px;
  }
}
span.moredatatext,
span.lessdatatext {
  color: #ff681d !important;
}
.tabs-component .tab-content .collapse p {
  padding: 0 0 10px !important;
  margin: 0px !important;
}
a.togglerte {
  text-decoration: none;
}
.background-white {
  background-color: #ffffff !important;
}
.background-light-blue {
  background-color: #f0f5f8 !important;
}
.background-light-blue-with-lines {
  background-color: #f0f5f8 !important;
}
.background-light-blue-with-lines:after {
  content: '';
  position: absolute;
  left: -10px;
  bottom: -7px;
  background-image: url(../../../../etc.clientlibs/riverbed-www/clientlibs/clientlibs_desktop/resources/Icons/pattern_line.png);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 455px;
  width: 100%;
  height: 224px;
}
.no-padding section.rb19 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.background-gray {
  background-color: #eee !important;
}
#tools {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 101;
  min-width: 60px;
  padding: 58px 17px 0 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#tools .tab-links {
  position: relative;
  z-index: 11;
  margin: -8px 0 0;
  padding: 0;
  list-style: none;
}
#tools .tab-links:after {
  content: '';
  display: block;
  clear: both;
}
#tools .tab-links > li {
  margin: -7px 0 18px 5px;
  position: relative;
  float: right;
  vertical-align: top;
}
#tools .tab-links > li .opener {
  opacity: 0;
  cursor: default;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
#tools .tab-links > li.share {
  clear: right;
}
#tools .tab-links > li > a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 26px;
  line-height: 40px;
  background: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#tools .tab-links > li > a:hover {
  text-decoration: none;
}
#tools .tab-links .link {
  float: none;
  position: absolute;
  right: 50px;
  border-right: 1px solid #fff;
  text-transform: uppercase;
  padding: 0 21px;
  white-space: nowrap;
  min-width: 80px;
  text-align: right;
  margin: 0;
}
#tools .tab-links .link a {
  color: #fff;
  display: block;
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 26px;
  background: transparent !important;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#tools .tab-links .link.hidden {
  display: none;
}
#tools .tab-links .breadcrumbs {
  float: left;
}
#tools .tab-links.dark-theme * {
  color: #415464;
}
#tools .share-links {
  overflow: hidden;
  float: right;
  display: none;
  background: #ccc;
  border-radius: 20px;
  clear: both;
  height: 40px;
}
#tools .tab-container {
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  z-index: 9;
  opacity: 0;
  border-right: 72px solid black;
  /*ie8fix*/
  border-right: 72px solid rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#tools .tab-container .tab {
  height: 100%;
  /*ie8fix*/
  min-height: 100%;
  background: #475464;
  overflow-y: auto;
}
#tools .tab-container .tab .jcf-scrollable-wrapper {
  width: 100% !important;
}
#tools .tab-container .tab .container {
  height: 100vh !important;
  padding: 42px 25px 20px;
  width: 100%  !important;
}
#tools .tab-container .tab .gsc-control-cse .container {
  padding: 0 70px 0 0;
  height: auto!important;
}
#tools .tab-container .tab .gsc-control-cse .jcf-scrollbar-vertical {
  top: 0;
  right: 44px;
  background: none;
}
#tools .tab-container .tab .gsc-control-cse .jcf-scrollbar-handle {
  width: 8px;
  background-color: #6C6E71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
#tools .tab-container #quick-link {
  width: 482px;
}
#tools .tab-container #quick-link ul {
  padding: 19px 0 0;
  margin: 0;
  list-style: none;
  font-size: 20px;
  line-height: 22px;
}
#tools .tab-container #quick-link li {
  margin: 0 0 14px;
}
#tools .tab-container #quick-link a {
  color: #fff;
}
#tools .tab-container #quick-link a:hover {
  color: #fc6719;
  text-decoration: none;
}
#tools .tab-container #search-box {
  width: 100%;
}
#tools .tab-container #share-box {
  text-align: center;
  width: 105px;
}
#tools .tab-container #share-box .container {
  padding: 42px 15px 20px;
}
#tools .search-form {
  border-bottom: 2px solid #fc6719;
  height: 44px;
}
#tools .search-form:after {
  display: block;
  clear: both;
  content: '';
  height: 1%;
}
#tools .search-form .btn-send {
  float: right;
  margin: 4px 0 0 15px;
  background: none;
  border: none;
  font-weight: bold;
  color: #fff;
  font-size: 0;
  line-height: 0;
  padding: 0;
  height: 28px;
  width: 24px;
  outline: none;
  position: relative;
}
#tools .search-form .btn-send:before {
  position: absolute;
  content: "\f002";
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  left: 0;
  top: 2px;
  color: #fff;
}
#tools .search-form .input-holder {
  overflow: hidden;
  padding: 0 0 2px;
}
#tools .search-form .search-field {
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  outline: none;
  padding: 0;
  background: none;
  color: #fff;
  line-height: 40px;
  height: 40px;
  font-size: 26px;
}
#tools .search-form .search-field::-webkit-input-placeholder {
  color: #b1b7bc;
}
#tools .search-form .search-field:-moz-placeholder {
  color: #b1b7bc;
}
#tools .search-form .search-field::-moz-placeholder {
  color: #b1b7bc;
  opacity: 1;
}
#tools .search-form .search-field:-ms-input-placeholder {
  color: #b1b7bc;
}
#tools .title {
  display: block;
  color: #fff;
  font-size: 26px;
  line-height: 28px;
  padding: 6px 0 24px;
  position: relative;
}
#tools .title:after {
  content: '';
  position: absolute;
  bottom: 10px;
  border-bottom: 2px solid #fc6719;
  left: 0;
  width: 50px;
}
#tools #share-box .title:after {
  left: 50%;
  margin-left: -25px;
}
#tools #share-box .social-networks {
  padding: 44px 0 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  font-size: 18px;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
}
#tools #share-box .social-networks li {
  display: block;
  margin: 0  0 11px;
}
#tools #share-box .social-networks a {
  color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #fff;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#tools #share-box .social-networks a:hover {
  color: #fc6719;
  border-color: #fc6719;
}
#tools ul.breadcrumbs {
  margin: 8px 0 0;
  padding: 0 10px 0 0;
  list-style: none;
  border-right: 1px solid #fff;
}
#tools ul.breadcrumbs li {
  display: inline-block;
  vertical-align: top;
  padding: 3px 15px 3px 0;
  color: #fff;
  margin: 0 -4px 0 0;
}
#tools ul.breadcrumbs li + li:before {
  content: '>';
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 0 0;
}
#tools ul.breadcrumbs li span {
  font-size: 14px;
}
#tools ul.breadcrumbs a {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
}
#tools .dark-theme ul.breadcrumbs {
  border-right: 1px solid #415464;
}
/*.fixed-tools {
	#tools {
		position: fixed;
		width: 60px;
		.tab-links li .opener {
			pointer-events: auto ;
			cursor: pointer;
			opacity: 1;
		}
		.tab-links a {
			background:rgba(0, 0, 0, 0.37);
		}
		.tab-links .link {
			width: 0;
			overflow: hidden;
			height: 0;
			padding: 0;
			border:none;
		}
		.dark-theme *{
			color: #fff;
		}
	}
}*/
.tools-active #tools {
  position: fixed;
  padding: 58px 17px 0 0;
  width: 62px;
}
.tools-active #tools .tab-container {
  right: 0;
  opacity: 1;
}
.tools-active #tools .tab-links li {
  float: right;
  clear: right;
}
.tools-active #tools .tab-links li .opener {
  pointer-events: auto ;
  cursor: pointer;
  opacity: 1;
}
.tools-active #tools .tab-links a {
  background: #415464;
  position: relative;
}
.tools-active #tools .tab-links li.active:after {
  content: '';
  position: absolute;
  right: -17px;
  top: 0;
  background: #ff681d;
  width: 7px;
  height: 40px;
}
.tools-active #tools .tab-links li.active a i {
  opacity: 0;
  filter: alpha(opacity=0);
}
.tools-active #tools .tab-links li.active a:after {
  content: "\f00d";
  font: normal normal normal 24px/38px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiase;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 3px #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  line-height: 1.4;
  background: #000;
  /*ie8fix*/
  background: rgba(0, 0, 0, 0.4);
}
.tools-active #tools .tab-links li.active a:hover:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tools-active #tools .tab-links.dark-theme * {
  color: #fff !important;
}
.tools-active #tools .tab-links .link {
  right: -300px;
  display: block;
}
.tools-active .breadcrumbs,
.fixed-tools .breadcrumbs {
  display: none;
}
.tools-active.quick-links-active #tools .tab-links li {
  width: 0;
  overflow: hidden;
  height: 0;
  padding: 0;
  border: none;
  margin: 0;
}
.tools-active.quick-links-active #tools .tab-links li.link {
  width: 40px;
  overflow: hidden;
  height: 40px;
  padding: 0;
  border: none;
  min-width: 0;
  position: relative;
  right: 0;
}
.tools-active.quick-links-active #tools .tab-links li.link a {
  width: 40px;
  height: 40px;
  position: relative;
  font-size: 0;
  line-height: 0;
  background: #415464 !important;
}
div.gsc-control-cse {
  background-color: #475464 !important;
  border-color: #475464 !important;
  position: relative;
  padding: 47px 25px 20px 234px;
}
div.gsc-control-cse * {
  font-family: source-sans-pro, Arial, Helvetica, sans-serif !important;
}
div.gsc-control-cse .gsc-input-box {
  border: 0 none !important;
  border-bottom: 2px solid #fc6719 !important;
  height: 44px!important;
  background-color: #475464!important;
}
div.gsc-control-cse .gsc-input-box > table {
  height: 100%;
}
div.gsc-control-cse .gsc-input-box > table .gsib_a {
  padding: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0!important;
}
div.gsc-control-cse .gsc-input-box.gsc-input-box-focus,
div.gsc-control-cse .gsc-input-box.gsc-input-box-hover {
  -webkit-box-shadow: inset 0 0 0 transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
}
div.gsc-control-cse .gsst_b {
  margin-right: 30px;
}
div.gsc-control-cse .gsst_b .gscb_a {
  color: white !important;
  margin-top: 2px;
}
div.gsc-control-cse .gsc-search-button {
  cursor: pointer;
}
div.gsc-control-cse .gsc-search-button:before {
  position: absolute;
  content: "\f002";
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  left: 0;
  top: 2px;
  color: #fff;
}
div.gsc-control-cse .gsc-search-button input {
  display: none;
}
div.gsc-control-cse input.gsc-input {
  line-height: 40px;
  height: 42px !important;
  font-size: 26px;
  color: white !important;
  background-color: transparent !important;
}
div.gsc-control-cse td.gsc-input {
  padding-right: 0 !important;
}
div.gsc-control-cse .gsc-result-info {
  padding-left: 0 !important;
  color: white !important;
}
div.gsc-control-cse .gsc-orderby-label {
  color: white !important;
}
div.gsc-control-cse .gsc-webResult.gsc-result,
div.gsc-control-cse .gsc-results .gsc-imageResult {
  background-color: #475464 !important;
  border-color: #475464 !important;
}
div.gsc-control-cse .gsc-cursor-page {
  background-color: #475464 !important;
  color: white !important;
}
div.gsc-control-cse .gsc-cursor-page.gsc-cursor-current-page {
  border-color: white !important;
}
div.gsc-control-cse .gcsc-branding * {
  color: white !important;
}
div.gsc-control-cse .gs-title,
div.gsc-control-cse .gs-snippet {
  color: white;
}
div.gsc-control-cse .gs-snippet {
  word-break: break-all;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:link,
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:link b,
div.gsc-control-cse .gs-imageResult a.gs-title:link,
div.gsc-control-cse .gs-imageResult a.gs-title:link b {
  color: white !important;
  font-weight: bold;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:visited,
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:visited b,
div.gsc-control-cse .gs-imageResult a.gs-title:visited,
div.gsc-control-cse .gs-imageResult a.gs-title:visited b {
  color: #DDDDDD !important;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:hover,
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:hover b,
div.gsc-control-cse .gs-imageResult a.gs-title:hover,
div.gsc-control-cse .gs-imageResult a.gs-title:hover b,
div.gsc-control-cse .gs-visibleUrl {
  color: gray !important;
}
div.gsc-control-cse .gs-result > * {
  padding-left: 0 !important;
}
div.gsc-control-cse .gsc-selected-option-container {
  min-width: 75px;
}
.tools-active #nav-overlay {
  display: block !important;
  opacity: 1 !important;
  left: 0;
  right: 72px;
  width: auto;
}
@media only screen and (max-width: 999px) {
  #tools {
    right: 58px;
  }
  .tools-active #tools {
    right: 0;
  }
  .fixed-tools #tools {
    right: 0;
    top: 105px;
    padding: 0 30px 0 0;
  }
  .tools-active.fixed-tools #tools {
    padding: 0 17px 0 0;
  }
  .tools-active.quick-links-active #tools {
    top: 0;
    padding: 58px 17px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #tools .breadcrumbs {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  #tools {
    padding: 22px 15px 0 0;
    right: 58px;
    width: 180px;
  }
  #tools .link-box {
    padding: 0 10px;
  }
  #tools .title {
    font-size: 20px;
    line-height: 22px;
  }
  #tools .tab-container .tab .container {
    padding: 15px 10px;
  }
  #tools .tab-container #quick-link {
    width: 260px;
  }
  #tools .tab-container #quick-link ul {
    padding: 10px 0 0;
    font-size: 16px;
    line-height: 18px;
  }
  #tools .tab-container #quick-link li {
    margin: 0 0 10px;
  }
  #tools .tab-container #share-box {
    width: 105px;
  }
  #tools .tab-container #share-box .container {
    padding: 15px 10px;
  }
  #tools .tab-container #share-box .social-networks {
    padding: 10px 0 0;
  }
  .tools-active #tools {
    padding: 22px 17px 0 0;
  }
  .fixed-tools #tools {
    right: 0;
    top: 67px;
    padding: 0 18px 0 0;
  }
  .tools-active.quick-links-active #tools {
    padding: 16px 17px 0 0;
  }
  .search-active #tools .search-form {
    width: 100%;
  }
}
@media only screen and (max-width: 340px) {
  #tools .tab-container {
    width: 0 !important;
  }
  .tools-active #tools .tab-container {
    width: 100% !important;
  }
  .tools-active #tools .gsc-control-cse {
    width: 100%;
  }
}
.search-active.tools-active #tools .tab-container {
  width: 100%;
  border-right: none;
  top: 90px;
}
.search-active.tools-active #tools .search .tab-link:after {
  background-color: transparent;
}
.search-active.tools-active #tools .search:after {
  display: none;
}
.search-active #menu .menu-box {
  background: linear-gradient(to right, #000000 0%, #2b2b2b 100%);
}
@media only screen and (max-width: 999px) {
  .search-active .gsc-control-cse {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 999px) {
  .search-active .gsc-control-cse {
    padding-left: 25px;
  }
}
.tools-active #tools {
  padding-top: 90px;
}
#totalresults {
  padding-top: 50px;
  color: #ffffff;
  padding-bottom: 22px;
  border-bottom: 1px solid #2f3d49;
  display: none;
  width: 100%;
}
.resultdiv {
  padding-top: 25px;
  border-bottom: 1px solid #2f3d49;
  padding-bottom: 25px;
}
.titleclass {
  color: #ffffff;
  word-wrap: break-word;
  margin-bottom: 15px;
}
.titleclass a {
  color: #ffffff;
  word-wrap: break-word;
  text-decoration: underline;
  font-size: 18px;
}
.descclass {
  color: #ffffff;
  word-wrap: break-word;
}
.linkclass {
  color: #fe671c;
  word-wrap: break-word;
  margin-bottom: 15px;
}
.linkclass a {
  color: #fc6719;
  text-decoration: none;
}
.linkclass a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 999px) {
  div.gsc-control-cse {
    padding-left: 90px;
    padding-right: 90px;
  }
}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}
.scroll-element {
  box-sizing: content-box;
  display: none;
}
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}
.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}
/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}
.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
  left: auto;
  right: 43px ;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}
/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}
.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}
.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}
/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}
.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}
.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}
.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}
/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}
/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}
/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}
.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}
.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}
.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}
.global-selector {
  display: none;
}
.global-selector.main {
  height: 100%;
}
@media only screen and (max-width: 999px) {
  .global-selector.main {
    padding: 0px 30px;
  }
}
.global-selector .background-wrapper {
  background: #415464;
}
.global-selector h1 {
  color: #fff;
}
@media only screen and (min-width: 1000px) {
  .global-selector h1 {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .global-selector h1 {
    display: none;
  }
}
.global-selector .titlecls {
  color: #fff;
  font-weight: bold;
}
@media only screen and (min-width: 1000px) {
  .global-selector .titlecls {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .global-selector .titlecls {
    display: none;
  }
}
.global-selector .gloablsel {
  color: #fff;
  font-weight: bold;
}
@media only screen and (min-width: 1000px) {
  .global-selector .gloablsel {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .global-selector .gloablsel {
    display: none;
  }
}
.global-selector #global-map {
  max-height: 100%;
  max-width: 100%;
  padding: 128px 0px 0px;
  width: 100%;
}
@media only screen and (max-width: 1299px) {
  .global-selector #global-map {
    visibility: hidden;
  }
}
.global-selector #selected-country {
  display: block;
}
@media only screen and (max-width: 767px) {
  .global-selector #selected-country {
    display: none;
  }
}
@media only screen and (min-width: 1300px) {
  .global-selector #selected-country {
    margin-top: -160px;
  }
}
@media only screen and (max-width: 1300px) {
  .global-selector #selected-country {
    margin-top: -160px;
  }
}
.global-selector #selected-country > div {
  display: inline-block;
  color: #fff;
}
.global-selector #selected-country > div p {
  color: #fff;
  margin: 10px 0px;
}
.global-selector #selected-country > div .title {
  font-size: 100%;
  font-weight: bold;
  border-bottom: 2px solid;
  padding-bottom: 3px;
  margin-bottom: 20px;
}
.global-selector #selected-country > div #country-name {
  font-size: 200%;
  font-weight: bold;
}
.global-selector #dropdown-selector {
  padding: 30px 0px;
}
@media only screen and (min-width: 1300px) {
  .global-selector #dropdown-selector {
    position: absolute;
  }
}
@media only screen and (max-width: 1300px) {
  .global-selector #dropdown-selector {
    position: absolute;
  }
}
.global-selector #dropdown-selector .dropdown {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 3px;
  box-sizing: content-box;
}
.global-selector #dropdown-selector .dropdown .btn {
  background: #000;
  color: #fff;
  display: block;
  max-width: 100%;
  padding: 20px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 260px;
}
@media only screen and (max-width: 767px) {
  .global-selector #dropdown-selector .dropdown {
    display: block;
  }
  .global-selector #dropdown-selector .dropdown .btn {
    width: 100%;
  }
}
.global-selector #dropdown-selector .dropdown .dropdown-menu {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  font-size: 15px;
  padding: 20px 0;
  width: 100%;
}
@media only screen and (max-width: 999px) {
  .global-selector #dropdown-selector .dropdown .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media only screen and (max-width: 767px) {
  .global-selector #dropdown-selector .dropdown .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.global-selector #dropdown-selector .dropdown .dropdown-menu a {
  color: #fff;
  padding: 10px 30px;
  position: relative;
}
.global-selector #dropdown-selector .dropdown .dropdown-menu a:hover,
.global-selector #dropdown-selector .dropdown .dropdown-menu a:focus,
.global-selector #dropdown-selector .dropdown .dropdown-menu a:active {
  background: none;
  color: #F26826;
}
@media only screen and (max-width: 767px) {
  .global-selector #dropdown-selector .dropdown .dropdown-menu {
    border: none;
    float: none;
    font-size: 18px;
    margin-bottom: 7px;
    margin-top: 0;
    position: relative;
  }
}
.global-selector #dropdown-selector .dropdown .emea-dropdown {
  overflow-y: scroll;
  height: 400px !important;
}
.global-selector #dropdown-selector .dropdown .caret {
  border-top: 8px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  left: 120px;
  margin-left: 0;
  margin-top: -4px;
  position: absolute;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .global-selector #dropdown-selector .dropdown .caret {
    left: auto;
    right: 30px;
  }
}
.global-selector #dropdown-selector .dropdown.open .caret {
  border-bottom: 8px dashed;
  border-top: none;
}
#catapult-cookie-bar {
  opacity: 1;
  max-height: 999px;
  min-height: 30px;
  padding: 15px 20px 15px;
  box-sizing: border-box;
  z-index: 99999;
  overflow: hidden;
  color: #ddd;
  position: fixed;
  left: 0;
  text-align: center;
  top: 0;
  width: 90%;
  background-color: #464646;
  margin-left: 200px;
}
.eventnewdesign #catapult-cookie-bar,
.cookieNewThemeForms #catapult-cookie-bar {
  margin-left: 0px !important;
  width: 100% !important;
}
@media only screen and (max-width: 999px) {
  #catapult-cookie-bar {
    margin-left: 0px !important;
    width: 100% !important;
  }
}
#catapult-cookie-bar a {
  color: #fff;
}
#sticky-nav-header.cookieSticky,
.container-sub-menu2.cookieNavSticky,
#view-more-section.cookieNavSticky {
  margin-top: 62px;
}
.ctcc-right-side {
  flex-shrink: 0;
}
.ctcc-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ctcc-inner .rounded-clear-blue-btn {
  margin: 0;
  margin-left: 15px;
}
.ctcc-inner .rounded-clear-blue-btn a {
  padding: 7px 45px 7px 16px;
}
.eventnewdesign .ctcc-inner div.rounded-clear-blue-btn a:after {
  content: url(clientlib-base/resources/Icons/icon_orange_round_arrow_22.png);
  width: 20px;
  color: #fff;
  margin-top: -11px;
}
div#catapult-cookie-bar.close-bar,
.cookieBar .close-bar {
  display: none;
}
.cookieMargin {
  margin-top: 62px;
}
.rounded-clear-blue-btn a:hover {
  color: #464646 !important;
  cursor: pointer;
}
div#menu.mcookie,
div#tools.tcookie {
  margin-top: 62px;
}
.bar-orange-gradient.sm-banner.cookieOrange {
  margin-top: 467px;
}
.forms #catapult-cookie-bar div.rounded-clear-blue-btn a:after {
  content: url(clientlib-base/resources/Icons/icon_orange_round_arrow_22.png);
  width: 20px;
  color: #fff;
  margin-top: -11px;
}
.rtevideo h2 {
  color: #415464;
  font-weight: normal;
  font-size: 28px;
  line-height: 1;
  margin: 0;
}
.rtevideo a {
  text-decoration: none !important;
  outline: none;
  position: relative;
  display: inline-block;
  float: left;
  color: #415464;
  font-weight: normal;
  font-size: 28px;
}
.rtevideo img {
  margin-top: 0px !important;
  font-size: 12px;
  float: left;
  padding-right: 15px;
}
.rtevideo img[style*="float:left"],
.rtevideo img[style*="float: left"] {
  margin-right: 15px;
}
.rtevideo .rte-video-link-play:after,
.rtevideo .youtube-video-play:after {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://www.riverbed.com/etc.clientlibs/riverbed-www/clientlibs/clientlibs_desktop/resources/images/play.png) center center no-repeat;
  content: " ";
}
.rtevideo p {
  color: #415464;
  margin: 0 0 6.5px;
  font-size: 20px;
}
.rtevideo a.rounded-clear-blue-btn,
.rtevideo a.rounded-more-btn,
.rtevideo a.rounded-video-wht-btn,
.rtevideo a.rounded-more-wht-btn,
.rtevideo a.rounded-more-blue-btn,
.rtevideo a.rounded-plus-wht-btn,
.rtevideo a.rounded-plus-btn,
.rtevideo a .rtevideo a.rounded-download-btn {
  font-size: 15px;
  color: #415464;
  margin-top: 30px;
  text-transform: uppercase;
  outline: none;
  float: left;
  text-decoration: none;
  border: solid 1px #ccc;
  line-height: 1;
  padding: 12px 45px 12px 20px;
  border-radius: 30px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.rtevideo a.rounded-clear-blue-btn:after,
.rtevideo a.rounded-more-btn:after,
.rtevideo a.rounded-video-wht-btn:after,
.rtevideo a.rounded-more-wht-btn:after,
.rtevideo a.rounded-more-blue-btn:after,
.rtevideo a.rounded-plus-wht-btn:after,
.rtevideo a.rounded-plus-btn:after {
  position: absolute;
  right: 9px !important;
  top: 50% !important;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  text-align: left;
}
.rtevideo a.rounded-download-btn:after {
  position: absolute;
  right: 9px !important;
  top: 50% !important;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  text-align: left;
  content: url(clientlib-base/resources/Icons/icon_orange_round_download_22.png);
}
.rtevideo a.rounded-clear-blue-btn:after,
.rtevideo a.rounded-more-blue-btn:after,
.rtevideo a.rounded-more-btn:after {
  content: url(clientlib-base/resources/Icons/icon_orange_round_arrow_22.png);
}
.rtevideo a.rounded-video-wht-btn:after {
  content: url(clientlib-base/resources/Icons/icon_orange_round_video_22.png);
}
.rtevideo a.rounded-more-wht-btn.play:after {
  content: url(clientlib-base/resources/Icons/icon_white_round_video_22.png);
}
.rtevideo a.rounded-plus-wht-btn:after {
  content: url(clientlib-base/resources/Icons/icon_white_round_plus_22.png);
}
.rtevideo a.rounded-plus-btn:after {
  content: url(clientlib-base/resources/Icons/icon_orange_round_plus_22.png);
}
.common-wrapper.rtevideo {
  padding-top: 0;
}
.rtevideo iframe {
  text-decoration: none !important;
  outline: none;
  position: relative;
  display: inline-block;
  float: left;
  color: #415464;
  font-weight: normal;
  font-size: 28px;
  margin-right: 16px;
}
.btm-blue-sctn .row {
  overflow: hidden;
  margin: 0 -10px;
  color: #fff;
}
.btm-blue-sctn .row .col {
  float: left;
  width: 16.667%;
  padding: 0 10px 25px;
  min-width: 0;
}
.btm-blue-sctn h5 {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  color: #8294a0;
  margin: 0 0 15px;
}
.btm-blue-sctn .col ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.btm-blue-sctn .col ul li {
  margin: 0 0 15px;
}
.btm-blue-sctn a {
  color: #fff;
}
.btm-blue-sctn .common-wrapper p {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 20px;
}
.btm-blue-sctn .subscribe-form {
  border: none;
  float: left;
  width: 360px;
}
.btm-blue-sctn .subscribe-form .input-holder {
  background: #232d36;
  padding: 0 40px 0 0;
  position: relative;
}
.btm-blue-sctn .subscribe-form .btn-send {
  float: none;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  margin: 0;
}
.btm-blue-sctn .subscribe-form .btn-send:after {
  width: 21px;
  height: 21px;
  border-color: #f76721;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btm-blue-sctn .subscribe-form .btn-send:before {
  top: 50%;
  right: auto;
  left: 51%;
  transform: translate(-50%, -50%);
  color: #f76721;
}
.btm-blue-sctn .subscribe-form .email {
  height: 40px;
  padding: 10px 15px;
  color: #fff;
}
.btm-blue-sctn .social-networks {
  margin: 0;
  width: 50%;
  text-align: left;
  padding: 65px 0 0 10px;
}
.btm-blue-sctn .social-networks li {
  text-align: center;
}
@media only screen and (max-width: 1299px) {
  .btm-blue-sctn .row .col {
    width: 20%;
  }
  .btm-blue-sctn .social-networks {
    width: auto;
    text-align: right;
  }
  .btm-blue-sctn .social-networks li {
    margin: 0 5px 0 0;
  }
  .btm-blue-sctn .subscribe-form {
    width: 340px;
  }
}
@media only screen and (max-width: 999px) {
  .btm-blue-sctn h5,
  .btm-blue-sctn .common-wrapper p,
  .btm-blue-sctn .col {
    font-size: 16px;
    line-height: 18px;
  }
  .btm-blue-sctn .subscribe-form {
    width: 310px;
  }
  .btm-blue-sctn .social-networks {
    padding: 59px 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .btm-blue-sctn .row .col {
    width: 50%;
    padding: 0 20px 20px;
    font-size: 14px;
    line-height: 17px;
  }
  .btm-blue-sctn h5 {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 10px;
  }
  .btm-blue-sctn .col ul li {
    margin: 0 0 10px;
  }
  .btm-blue-sctn .col:nth-child(odd) {
    clear: left;
  }
  .btm-blue-sctn .subscribe-form {
    float: none;
    width: 100%;
    padding: 0 10px 20px;
    text-align: center;
  }
  .btm-blue-sctn .social-networks {
    padding: 0 10px;
    white-space: normal;
    text-align: center;
  }
  .btm-blue-sctn .social-networks li {
    margin: 0 3px 6px;
  }
  .btm-blue-sctn .social-networks li:last-child {
    margin: 0 3px 6px;
  }
  .btm-blue-sctn .social-networks a {
    width: 30px;
    height: 30px;
    line-height: 29px;
    font-size: 13px;
  }
}
/*
 * Effect.
 */
.move-up,
.move-right,
.move-left,
scaleZoomHover,
.banner-move-up,
.hero-scale-zoom-animate,
.infographic-move-up {
  visibility: hidden;
  visibility: visible\ie9;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -ms-animation-name: none;
  animation-name: none;
  animation-iteration-count: once;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.scale-zoom-animate {
  visibility: hidden;
  visibility: visible\ie9;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -ms-animation-name: none;
  animation-name: none;
  animation-iteration-count: once;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.scale-zoom-out {
  visibility: hidden;
  visibility: visible\ie9;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -ms-animation-name: none;
  animation-name: none;
  animation-iteration-count: once;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.move-left-delayed {
  visibility: hidden;
  visibility: visible\ie9;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -ms-animation-name: none;
  animation-name: none;
  animation-iteration-count: once;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.delay-200 {
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
}
.delay-400 {
  transition: all 1.4s ease-in-out;
  -webkit-transition: all 1.4s ease-in-out;
  -moz-transition: all 1.4s ease-in-out;
  -ms-transition: all 1.4s ease-in-out;
}
.delay-800 {
  transition: all 1.6s ease-in-out;
  -webkit-transition: all 1.6s ease-in-out;
  -moz-transition: all 1.6s ease-in-out;
  -ms-transition: all 1.6s ease-in-out;
}
.delay-1200 {
  transition: all 1.8s ease-in-out;
  -webkit-transition: all 1.8s ease-in-out;
  -moz-transition: all 1.8s ease-in-out;
  -ms-transition: all 1.8s ease-in-out;
}
@keyframes scaleZoom {
  25% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes scaleZoomHover {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    /*box-shadow: 0px 1px 5px 2px rgba(173, 168, 173, 0.55);*/
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
    /*box-shadow: 0px 1px 5px 2px rgba(173, 168, 173, 0.55);*/
  }
}
@keyframes scaleZoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes scaleZoomOut {
  from {
    opacity: 0;
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: none;
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: none;
  }
}
@-ms-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftDelayed {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}
/*
*
*/
.ie9 .move-up {
  visibility: visible;
  opacity: 0;
  transform: none;
  bottom: -300px;
}
.ie9 .move-right {
  visibility: visible;
  opacity: 0;
  transform: none;
  left: -300px;
}
.ie9 .move-left {
  visibility: visible;
  opacity: 0;
  transform: none;
  left: -300px;
}
header.rb18 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 10;
  padding: 0;
  overflow: visible;
}
@media (max-width: 991px) {
  header.rb18 {
    overflow: visible;
  }
}
header.rb18 #gradient > .overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(42%, rgba(0, 0, 0, 0.56)), color-stop(47%, rgba(0, 0, 0, 0.52)), color-stop(52%, rgba(0, 0, 0, 0.45)), color-stop(53%, rgba(0, 0, 0, 0.46)), color-stop(64%, rgba(0, 0, 0, 0.3)), color-stop(66%, rgba(0, 0, 0, 0.26)), color-stop(69%, rgba(0, 0, 0, 0.24)), color-stop(71%, rgba(0, 0, 0, 0.2)), color-stop(77%, rgba(0, 0, 0, 0.13)), color-stop(79%, rgba(0, 0, 0, 0.1)), color-stop(80%, rgba(0, 0, 0, 0.11)), color-stop(81%, rgba(0, 0, 0, 0.09)), color-stop(92%, rgba(0, 0, 0, 0.02)), to(rgba(0, 0, 0, 0.01)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.52) 47%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.26) 66%, rgba(0, 0, 0, 0.24) 69%, rgba(0, 0, 0, 0.2) 71%, rgba(0, 0, 0, 0.13) 77%, rgba(0, 0, 0, 0.1) 79%, rgba(0, 0, 0, 0.11) 80%, rgba(0, 0, 0, 0.09) 81%, rgba(0, 0, 0, 0.02) 92%, rgba(0, 0, 0, 0.01) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.52) 47%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.26) 66%, rgba(0, 0, 0, 0.24) 69%, rgba(0, 0, 0, 0.2) 71%, rgba(0, 0, 0, 0.13) 77%, rgba(0, 0, 0, 0.1) 79%, rgba(0, 0, 0, 0.11) 80%, rgba(0, 0, 0, 0.09) 81%, rgba(0, 0, 0, 0.02) 92%, rgba(0, 0, 0, 0.01) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.52) 47%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.26) 66%, rgba(0, 0, 0, 0.24) 69%, rgba(0, 0, 0, 0.2) 71%, rgba(0, 0, 0, 0.13) 77%, rgba(0, 0, 0, 0.1) 79%, rgba(0, 0, 0, 0.11) 80%, rgba(0, 0, 0, 0.09) 81%, rgba(0, 0, 0, 0.02) 92%, rgba(0, 0, 0, 0.01) 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
header.rb18 #gradient > .overlay.body-overlay {
  z-index: -1;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  header.rb18 #gradient > .overlay {
    display: none;
  }
}
header.rb18 .main-nav {
  background: #ffffff;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  box-shadow: 0px 1px 5px 2px rgba(173, 168, 173, 0.55);
}
header.rb18 .main-nav .container:after {
  content: "";
  display: block;
  clear: both;
}
header.rb18 .main-nav .nav-logo {
  float: left;
  margin-top: 15px;
  max-width: 150px;
}
@media (max-width: 1200px) {
  header.rb18 .main-nav .nav-logo {
    margin-top: 18px;
    max-width: 133px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  header.rb18 .main-nav .nav-logo {
    margin-top: 19px;
    max-width: 110px;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .nav-logo {
    margin-top: 23px;
    max-width: 110px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header.rb18 .main-nav .nav-logo {
    margin-top: 27px;
  }
}
@media (max-width: 480px) {
  header.rb18 .main-nav .nav-logo {
    max-width: 100px;
  }
}
header.rb18 .main-nav .nav-logo img {
  width: 160px;
}
@media (max-width: 1200px) {
  header.rb18 .main-nav .nav-logo img {
    width: 140px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  header.rb18 .main-nav .nav-logo img {
    width: 110px;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .nav-logo img {
    width: 110px;
  }
}
header.rb18 .main-nav .hamburger {
  width: 30px;
  float: right;
  font-size: 0;
  margin-top: 19px;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 991px) {
  header.rb18 .main-nav .hamburger {
    margin-top: 25px;
  }
}
@media (min-width: 992px) {
  header.rb18 .main-nav .hamburger {
    display: none;
  }
}
header.rb18 .main-nav .hamburger span {
  width: 30px;
  height: 4px;
  background: #303d49;
  display: inline-block;
  margin: 3px 0px;
}
header.rb18 .main-nav .hamburger span:nth-child(1) {
  -webkit-animation-name: hamburgerOneReverse;
  -o-animation-name: hamburgerOneReverse;
  animation-name: hamburgerOneReverse;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
header.rb18 .main-nav .hamburger span:nth-child(3) {
  -webkit-animation-name: hamburgerThreeReverse;
  -o-animation-name: hamburgerThreeReverse;
  animation-name: hamburgerThreeReverse;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
header.rb18 .main-nav .hamburger span:nth-child(2) {
  -webkit-animation-name: hamburgerTwoReverse;
  -o-animation-name: hamburgerTwoReverse;
  animation-name: hamburgerTwoReverse;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}
header.rb18 .main-nav .hamburger.active span:nth-child(1) {
  -webkit-animation-name: hamburgerOne;
  -o-animation-name: hamburgerOne;
  animation-name: hamburgerOne;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
header.rb18 .main-nav .hamburger.active span:nth-child(3) {
  -webkit-animation-name: hamburgerThree;
  -o-animation-name: hamburgerThree;
  animation-name: hamburgerThree;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
header.rb18 .main-nav .hamburger.active span:nth-child(2) {
  -webkit-animation-name: hamburgerTwo;
  -o-animation-name: hamburgerTwo;
  animation-name: hamburgerTwo;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  opacity: 0;
}
header.rb18 .main-nav .primary-nav {
  float: left;
  margin-left: 27px;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav {
    margin-left: 0;
    position: absolute;
    top: 67px;
    left: 0;
    width: 100%;
    height: calc(100vh - 61px);
    background: #ffffff;
    display: none;
    opacity: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header.rb18 .main-nav .primary-nav {
    top: 79px;
  }
}
header.rb18 .main-nav .primary-nav > li {
  position: relative;
  float: left;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li {
    float: none;
    background: #e0eaf1;
  }
}
header.rb18 .main-nav .primary-nav > li:after {
  content: "";
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li:after {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background: #d0dbe3;
  }
}
header.rb18 .main-nav .primary-nav > li:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: calc(50% - 250vw);
  width: 500vw;
  height: 5px;
  background: #fe671e;
  -webkit-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.5s linear 200ms;
  transition: -webkit-transform 0.5s linear 200ms;
  -o-transition: -o-transform 0.5s linear 200ms;
  transition: transform 0.5s linear 200ms;
  transition: transform 0.5s linear 200ms, -webkit-transform 0.5s linear 200ms, -o-transform 0.5s linear 200ms;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li:before {
    display: none;
  }
}
@media (min-width: 992px) {
  header.rb18 .main-nav .primary-nav > li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 8px);
    background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/orange_up_arrow.svg);
    background-size: cover;
    width: 16px;
    height: 8px;
    opacity: 0;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
  }
}
header.rb18 .main-nav .primary-nav > li.mobile-nav {
  display: none;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li.mobile-nav {
    display: block;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav a:after {
    display: none;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav a:before {
    display: none;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links {
    margin-top: 0;
    padding: 26px 20px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li {
    margin-right: 40px;
    display: inline-block;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a {
    position: relative;
    border-radius: 50%;
    display: table;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.twitter {
    width: 21px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.twitter img {
    width: 21px;
    height: 21px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.twitter:after {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    top: 0px;
    opacity: 0;
    display: block;
    background: url("../../../../content/dam/riverbed-www/en_US/framework/redesign/images/twitter_white.png") top no-repeat;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.facebook {
    width: 22px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.facebook img {
    width: 22px;
    height: 22px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.facebook:after {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    top: 0px;
    opacity: 0;
    display: block;
    background: url("../../../../content/dam/riverbed-www/en_US/framework/redesign/images/facebook_white.png") top no-repeat;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.linkdin {
    width: 22px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.linkdin img {
    width: 22px;
    height: 22px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.linkdin:after {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    right: 0;
    top: 0px;
    opacity: 0;
    display: block;
    background: url("../../../../content/dam/riverbed-www/en_US/framework/redesign/images/linkdin_white.png") top no-repeat;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.google_plus {
    width: 29px;
    padding-top: 2px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.google_plus:before {
    top: -16px;
    left: -11px;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a.google_plus:after {
    content: "";
    position: absolute;
    height: 29px;
    width: 29px;
    right: 0;
    top: 2px;
    opacity: 0;
    display: block;
    background: url("../../../../content/dam/riverbed-www/en_US/framework/redesign/images/google_plus_white.png") top no-repeat;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    height: 50px;
    width: 50px;
    background: #ff681d;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    z-index: -1;
    opacity: 0;
    display: block;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover:before {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    display: block;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover.twitter:after {
    opacity: 1;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover.twitter img {
    opacity: 0;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover.facebook:after {
    opacity: 1;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover.facebook img {
    opacity: 0;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover.linkdin:after {
    opacity: 1;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover.linkdin img {
    opacity: 0;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover.google_plus:after {
    opacity: 1;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav .social-links ul li a:hover.google_plus img {
    opacity: 0;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav.contact-link a {
    position: relative;
    background: #fd6a23;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    display: inline-block;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav.contact-link a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 140%;
    height: 650%;
    background: #ffffff;
    opacity: 0;
    -webkit-transform: scaleX(0.2);
    -o-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    display: block !important;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav.contact-link a:hover {
    color: #ff681d;
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav.contact-link a:hover:before {
    opacity: 1;
    -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-9%);
    -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-9%);
    transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-9%);
  }
  header.rb18 .main-nav .primary-nav > li.mobile-nav.contact-link:after {
    display: none;
  }
}
header.rb18 .main-nav .primary-nav > li > a {
  position: relative;
  font-size: 16px;
  color: #303d49;
  display: block;
  padding: 23px 21px 23px 23px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  font-weight: 600;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .main-nav .primary-nav > li > a {
    padding: 23px 15px 23px 16px;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li > a {
    display: inline-block;
    font-size: 22px;
    padding: 24px 20px 24px;
    font-weight: 700;
    text-transform: capitalize;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  header.rb18 .main-nav .primary-nav > li > a {
    font-size: 20px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  header.rb18 .main-nav .primary-nav > li > a {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  header.rb18 .main-nav .primary-nav > li > a {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li > a:before {
    content: "";
    position: absolute;
    bottom: auto;
    top: calc(50% - 2.5px);
    width: 21px;
    height: 5px;
    left: auto;
    right: 20px;
    border-radius: 5px;
    background: #5b7e96;
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
}
@media (max-width: 767px) {
  header.rb18 .main-nav .primary-nav > li > a:before {
    top: calc(50% - 1.5px);
    width: 19px;
    height: 3px;
  }
}
header.rb18 .main-nav .primary-nav > li > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 8px);
  background: url("../../../../content/dam/riverbed-www/en_US/framework/redesign/images/orange_up_arrow.svg");
  background-size: cover;
  width: 16px;
  height: 8px;
  opacity: 0;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li > a:after {
    display: none;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li > a:after {
    background: #5b7e96;
    width: 5px;
    height: 21px;
    border-radius: 5px;
    bottom: auto;
    top: calc(50% - 10.5px);
    left: auto;
    right: 28.5px;
    opacity: 1;
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
}
@media (max-width: 767px) {
  header.rb18 .main-nav .primary-nav > li > a:after {
    width: 3px;
    height: 19px;
    top: calc(50% - 9.5px);
  }
}
header.rb18 .main-nav .primary-nav > li > a.active:before {
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
header.rb18 .main-nav .primary-nav > li > a.active:after {
  opacity: 1;
}
header.rb18 .main-nav .primary-nav > li .view-more-nav {
  position: absolute;
  left: 0;
  top: 72px;
  width: 100%;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  min-width: 321px;
  padding: 30px 0;
  z-index: -1;
  -webkit-transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  transform: translate(0, -10px);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 0 0 10px 10px;
}
@media (min-width: 992px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav {
    top: 70px;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    padding: 0;
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    display: none;
    opacity: 1;
    visibility: visible;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
header.rb18 .main-nav .primary-nav > li .view-more-nav:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ffffff;
  opacity: 0;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav:after {
    opacity: 1;
    z-index: 1;
  }
}
header.rb18 .main-nav .primary-nav > li .view-more-nav li {
  width: 100%;
  padding: 10px 40px;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li {
    padding: 0 20px;
  }
}
header.rb18 .main-nav .primary-nav > li .view-more-nav li a {
  position: relative;
  font-size: 16px;
  color: #303d49;
  word-wrap: break-word;
  display: inline;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-weight: 600;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li a {
    display: block;
    padding: 23px 0;
    font-weight: 400;
    font-size: 20px;
    border-bottom: 1px solid #e0eaf1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li a {
    font-size: 20px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li a {
    font-size: 18px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li a {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li a {
    font-size: 14px;
  }
}
header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a {
  position: relative;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a.active {
    color: #ff681d;
  }
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a.active:after {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
  }
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a.active:before {
    background: #ff681d;
  }
}
header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a:after {
  content: "";
  display: inline-block;
  height: 7px;
  width: 11px;
  margin: 0 0 2px 8px;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/gray_up_arrow.png) top no-repeat;
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a:after {
    display: none;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a:after {
    background: #303d49;
    height: 18px;
    width: 4px;
    border-radius: 5px;
    bottom: auto;
    top: calc(50% - 9px);
    left: auto;
    right: 8px;
    opacity: 1;
    display: block;
    position: absolute;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
}
@media (max-width: 767px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a:after {
    right: 6.1px;
    top: calc(50% - 8px);
    height: 16px;
    width: 3px;
  }
}
header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: calc(50% - 250vw);
  width: 500vw;
  height: 5px;
  background: #fe671e;
  -webkit-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0s linear;
  transition: -webkit-transform 0s linear;
  -o-transition: -o-transform 0s linear;
  transition: transform 0s linear;
  transition: transform 0s linear, -webkit-transform 0s linear, -o-transform 0s linear;
  -webkit-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a:before {
    display: none;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a:before {
    bottom: auto;
    top: calc(50% - 2px);
    width: 18px;
    height: 4px;
    left: auto;
    right: 1.5px;
    border-radius: 5px;
    background: #303d49;
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
}
@media (max-width: 767px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover > a:before {
    top: calc(50% - 2px);
    width: 16px;
    height: 3px;
    right: -0.4px;
  }
}
header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu {
  position: absolute;
  background: #ffffff;
  right: calc(-100% + 20px);
  min-width: 296px;
  max-width: 296px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background: #e0eaf1;
  padding: 61px 0;
  border-radius: 0 0 10px 10px;
}
@media (min-width: 992px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu {
    opacity: 1;
    position: relative;
    left: 0;
    visibility: visible;
    display: none;
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    background: none;
    padding: 0;
    max-width: inherit;
  }
}
@media (min-width: 992px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu ul li {
    padding: 10px 30px;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu ul li {
    padding: 0;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu ul li a {
    border-bottom: 1px solid #e0eaf1;
  }
}
@media (min-width: 992px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu ul li a:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    bottom: -3px;
    background: #ff681d;
    height: 2px;
    -webkit-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
    -webkit-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
  }
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu ul li a:hover:before {
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
  }
}
@media (min-width: 992px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu ul li.overview {
    display: none;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu ul li.overview {
    display: block;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li:hover {
    background: none;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li:last-child a {
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.hideonmobile {
    display: block;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li .view-more-nav li.hideonmobile {
    display: none;
  }
}
header.rb18 .main-nav .primary-nav > li.rotate-arrow > a {
  color: #ff681d;
}
header.rb18 .main-nav .primary-nav > li.rotate-arrow > a:before {
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li.rotate-arrow > a:before {
    background: #fe671e;
  }
}
header.rb18 .main-nav .primary-nav > li.rotate-arrow > a:after {
  opacity: 1;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li.rotate-arrow > a:after {
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    background: #fe671e;
  }
}
header.rb18 .main-nav .primary-nav > li.rotate-arrow:after {
  display: none;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li:hover:before {
    display: none;
  }
}
header.rb18 .main-nav .primary-nav > li:hover:after {
  opacity: 1;
}
@media (max-width: 1400px) and (min-width: 1201px) {
  header.rb18 .main-nav .primary-nav > li.hover-menu .view-more-nav,
  header.rb18 .main-nav .primary-nav > li.partners .view-more-nav {
    left: auto;
    right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .main-nav .primary-nav > li.hover-menu .view-more-nav,
  header.rb18 .main-nav .primary-nav > li.partners .view-more-nav {
    left: auto;
    right: 0;
  }
}
header.rb18 .main-nav .primary-nav.animate {
  display: block;
  opacity: 0;
  -webkit-animation-name: fadeanimate;
  -o-animation-name: fadeanimate;
  animation-name: fadeanimate;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms;
}
header.rb18 .main-nav .primary-nav.animate > li {
  opacity: 0;
  -webkit-transform: translateY(-25%) rotateX(35deg);
  transform: translateY(-25%) rotateX(35deg);
  -webkit-animation-name: open-animate;
  -o-animation-name: open-animate;
  animation-name: open-animate;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms;
}
header.rb18 .main-nav .secondary-nav {
  float: right;
}
@media (max-width: 991px) {
  header.rb18 .main-nav .secondary-nav {
    margin-right: 20px;
  }
}
@media (max-width: 480px) {
  header.rb18 .main-nav .secondary-nav {
    margin-right: 10px;
  }
}
header.rb18 .main-nav .secondary-nav li {
  float: left;
}
header.rb18 .main-nav .secondary-nav li.trial-button {
  padding: 13px 0 13px 14px;
  font-size: 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .main-nav .secondary-nav li.trial-button {
    padding: 12px 0 12px 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header.rb18 .main-nav .secondary-nav li.trial-button {
    padding: 19px 0 19px 7px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  header.rb18 .main-nav .secondary-nav li.trial-button {
    padding: 19px 0 19px 7px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  header.rb18 .main-nav .secondary-nav li.trial-button {
    padding: 19px 0 19px 7px;
  }
}
@media (max-width: 480px) {
  header.rb18 .main-nav .secondary-nav li.trial-button {
    padding: 18px 0 17px 7px;
  }
}
header.rb18 .main-nav .secondary-nav li.trial-button:after {
  display: none;
}
header.rb18 .main-nav .secondary-nav li.trial-button .free-trial {
  position: relative;
  color: #415464;
  font-size: 14px;
  border-radius: 50px;
  padding: 12px 22px 10px 25px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  display: inline-block;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 2px #415464 inset;
  box-shadow: 0 0 0 2px #415464 inset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 600;
}
@media (min-width: 596px) and (max-width: 767px) {
  header.rb18 .main-nav .secondary-nav li.trial-button .free-trial {
    font-size: 13px;
    padding: 8px 15px 8px 15px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  header.rb18 .main-nav .secondary-nav li.trial-button .free-trial {
    font-size: 13px;
    padding: 8px 15px 8px 15px;
  }
}
@media (max-width: 480px) {
  header.rb18 .main-nav .secondary-nav li.trial-button .free-trial {
    font-size: 12px;
    padding: 8px 10px 8px 10px;
  }
}
header.rb18 .main-nav .secondary-nav li.trial-button .free-trial:after {
  display: none;
}
header.rb18 .main-nav .secondary-nav li.trial-button .free-trial:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 260%;
  background: #ff681d;
  opacity: 0;
  -webkit-transform: scaleX(0.2);
  -o-transform: scaleX(0.2);
  transform: scaleX(0.2);
  -webkit-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
header.rb18 .main-nav .secondary-nav li.trial-button .free-trial:hover {
  -webkit-box-shadow: 0 0 0 2px #ff681d inset;
  color: #ffffff;
  box-shadow: 0 0 0 2px #ff681d inset;
}
header.rb18 .main-nav .secondary-nav li.trial-button .free-trial:hover:before {
  opacity: 1;
  -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
  -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
  transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
}
header.rb18 .main-nav .secondary-nav li.search-nav {
  padding: 22px 14px 22px 14px;
}
@media (min-width: 768px) and (max-width: 991px) {
  header.rb18 .main-nav .secondary-nav li.search-nav {
    padding: 28px 4px 28px 8px;
  }
}
@media (max-width: 767px) {
  header.rb18 .main-nav .secondary-nav li.search-nav {
    padding: 24px 4px 24px 8px;
  }
}
header.rb18 .main-nav .secondary-nav li.search-nav span {
  display: block;
  width: 23px;
  height: 23px;
  cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .main-nav .secondary-nav li.search-nav span {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 480px) {
  header.rb18 .main-nav .secondary-nav li.search-nav span {
    width: 19px;
    height: 19px;
  }
}
header.rb18 .main-nav .secondary-nav li.search-nav span img {
  display: block;
}
header.rb18 .search-box {
  position: absolute;
  top: 61px;
  right: 0;
  width: 0;
  height: calc(100vh - 61px);
  padding: 70px 0 58px;
  background: #303d49;
  z-index: 9;
  opacity: 0;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box {
    padding: 50px 0 48px;
  }
}
@media (max-width: 991px) {
  header.rb18 .search-box {
    display: none;
  }
}
header.rb18 .search-box form {
  border-bottom: 1px solid #ffffff;
}
header.rb18 .search-box form:after {
  content: "";
  display: block;
  clear: both;
}
header.rb18 .search-box form input {
  width: calc(100% - 72px);
  color: #ffffff;
  font-size: 30px;
  background: transparent;
  border: none;
  font-family: "source-sans-pro", sans-serif;
  float: left;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box form input {
    font-size: 22px;
    width: calc(100% - 60px);
  }
}
header.rb18 .search-box form input:focus {
  outline: none;
}
header.rb18 .search-box form input::-webkit-input-placeholder {
  font-size: 30px;
  font-family: "source-sans-pro", sans-serif;
  letter-spacing: 0.09em;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box form input::-webkit-input-placeholder {
    font-size: 22px;
  }
}
header.rb18 .search-box form input::-moz-placeholder {
  font-size: 30px;
  font-family: "source-sans-pro", sans-serif;
  letter-spacing: 0.09em;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box form input::-moz-placeholder {
    font-size: 22px;
  }
}
header.rb18 .search-box form input:-ms-input-placeholder {
  font-size: 30px;
  font-family: "source-sans-pro", sans-serif;
  letter-spacing: 0.09em;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box form input:-ms-input-placeholder {
    font-size: 22px;
  }
}
header.rb18 .search-box form input:-moz-placeholder {
  font-size: 30px;
  font-family: "source-sans-pro", sans-serif;
  letter-spacing: 0.09em;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box form input:-moz-placeholder {
    font-size: 22px;
  }
}
header.rb18 .search-box form button {
  cursor: pointer;
  width: 23px;
  height: 23px;
  margin-top: 3px;
  background: transparent;
  float: left;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box form button {
    width: 18px;
    height: 18px;
    margin-top: 3px;
  }
}
header.rb18 .search-box form button img {
  display: block;
}
header.rb18 .search-box form .clear {
  cursor: pointer;
  width: 30px;
  height: 23px;
  margin-top: 4px;
  float: left;
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box form .clear {
    width: 22px;
    height: 17px;
    margin-top: 3px;
  }
}
header.rb18 .search-box form .clear img {
  display: block;
}
header.rb18 .search-box form .close-search {
  cursor: pointer;
  width: 30px;
  height: 30px;
  float: left;
  margin-left: 19px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
@media (min-width: 992px) and (max-width: 1200px) {
  header.rb18 .search-box form .close-search {
    width: 23px;
    height: 23px;
  }
}
header.rb18 .search-box form .close-search:hover {
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear, -o-transform 0.3s linear;
}
header.rb18 .search-box form .close-search img {
  display: block;
}
header.contact-header .nav-logo {
  margin: 15px 0 21px;
}
body.open-search .search-box {
  opacity: 1;
  width: 100%;
}
@-webkit-keyframes fadeanimate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeanimate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeanimate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
@-webkit-keyframes open-animate {
  0% {
    opacity: 0;
    -o-transform: translateY(-25%) rotateX(35deg);
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0%) rotateX(0deg);
    -webkit-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
  }
}
@-o-keyframes open-animate {
  0% {
    opacity: 0;
    -o-transform: translateY(-25%) rotateX(35deg);
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0%) rotateX(0deg);
    -webkit-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
  }
}
@keyframes open-animate {
  0% {
    opacity: 0;
    -o-transform: translateY(-25%) rotateX(35deg);
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0%) rotateX(0deg);
    -webkit-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
  }
}
@-webkit-keyframes close-animate {
  0% {
    opacity: 1;
    -o-transform: translateY(0%) rotateX(0deg);
    -webkit-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(25%) rotateX(35deg);
    -webkit-transform: translateY(25%) rotateX(35deg);
    transform: translateY(25%) rotateX(35deg);
  }
}
@-o-keyframes close-animate {
  0% {
    opacity: 1;
    -o-transform: translateY(0%) rotateX(0deg);
    -webkit-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(25%) rotateX(35deg);
    -webkit-transform: translateY(25%) rotateX(35deg);
    transform: translateY(25%) rotateX(35deg);
  }
}
@keyframes close-animate {
  0% {
    opacity: 1;
    -moz-transform: translateY(0%) rotateX(0deg);
    -ms-transform: translateY(0%) rotateX(0deg);
    -o-transform: translateY(0%) rotateX(0deg);
    -webkit-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(25%) rotateX(35deg);
    -ms-transform: translateY(25%) rotateX(35deg);
    -o-transform: translateY(25%) rotateX(35deg);
    -webkit-transform: translateY(25%) rotateX(35deg);
    transform: translateY(25%) rotateX(35deg);
  }
}
@-webkit-keyframes hamburgerOne {
  0% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
}
@-o-keyframes hamburgerOne {
  0% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
}
@-webkit-keyframes hamburgerTwo {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hamburgerTwo {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hamburgerOne {
  0% {
    -moz-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -moz-transform: translateY(10px) rotate(0deg);
    -ms-transform: translateY(10px) rotate(0deg);
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -moz-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
}
@keyframes hamburgerTwo {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes hamburgerThree {
  0% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
}
@-o-keyframes hamburgerThree {
  0% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
}
@keyframes hamburgerThree {
  0% {
    -moz-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -moz-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -moz-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
}
@-webkit-keyframes hamburgerOneReverse {
  0% {
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  50% {
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}
@-o-keyframes hamburgerOneReverse {
  0% {
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  50% {
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}
@keyframes hamburgerOneReverse {
  0% {
    -moz-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  50% {
    -moz-transform: translateY(10px) rotate(0deg);
    -ms-transform: translateY(10px) rotate(0deg);
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -moz-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}
@-webkit-keyframes hamburgerTwoReverse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes hamburgerTwoReverse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hamburgerTwoReverse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hamburgerThreeReverse {
  0% {
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}
@-o-keyframes hamburgerThreeReverse {
  0% {
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}
@keyframes hamburgerThreeReverse {
  0% {
    -moz-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  50% {
    -moz-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -moz-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}
/*Firefox Specific Hacks */
@-moz-document url-prefix() {
  @media (min-width: 992px) {
    header.rb18 .main-nav .primary-nav > li .view-more-nav li a {
      display: inline-block;
    }
  }
}
@media (min-width: 992px) {
  .no-touch header.rb18 .main-nav .primary-nav > li:hover:before {
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .no-touch header.rb18 .main-nav .primary-nav > li:hover .view-more-nav {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    visibility: visible;
    transform: translate(0, 0);
  }
  .no-touch header.rb18 .main-nav .primary-nav > li .view-more-nav li:hover {
    background: #e0eaf1;
  }
  .no-touch header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover:hover .inner-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-6px, 0);
    -o-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
  }
}
@media (min-width: 992px) {
  .touch header.rb18 .main-nav .primary-nav > li.view-more-active:before {
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .touch header.rb18 .main-nav .primary-nav > li.view-more-active:after {
    display: block;
  }
  .touch header.rb18 .main-nav .primary-nav > li.view-more-active .view-more-nav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .touch header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-menu-active {
    background: #e0eaf1;
  }
  .touch header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover.inner-menu-active .inner-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-6px, 0);
    -o-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
  }
  .touch header.rb18 .main-nav .primary-nav > li .view-more-nav li.inner-hover .inner-sub-menu ul li.overview {
    display: block;
  }
  .touch header.rb18 .main-nav .primary-nav > li:after {
    display: none;
  }
}
@media (min-width: 992px) {
  .rb18-small-height header.rb18 .main-nav .nav-logo {
    max-width: 160px;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .nav-logo {
    margin-top: 19px;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .nav-logo img {
    width: 146px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .nav-logo img {
    width: 150px;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .primary-nav {
    margin-left: 9px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .primary-nav {
    margin-left: 5px;
  }
}
@media (min-width: 992px) {
  .rb18-small-height header.rb18 .main-nav .primary-nav > li > a {
    font-size: 16px;
    padding: 31px 15px 14px 16px;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .secondary-nav li.trial-button {
    padding: 13px 0 13px 14px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .secondary-nav li.trial-button {
    padding: 12px 0 12px 14px;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .secondary-nav li.trial-button .free-trial {
    padding: 11px 23px 11px 23px;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height header.rb18 .main-nav .secondary-nav li.search-nav {
    padding: 23px 14px 21px 14px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18-small-height header.rb18 .main-nav .secondary-nav li.search-nav span {
    width: 24px;
  }
}
header.rb18 {
  z-index: 9999;
}
@media only screen and (min-width: 999px) {
  ul.slider-nav.slick-initialized.slick-slider li:first-child {
    display: none;
  }
  ul.slider-nav.slick-initialized.slick-slider li:first-child + li {
    display: none;
  }
  ul.slider-nav.slick-initialized.slick-slider li:nth-child(9) {
    display: none;
  }
  ul.slider-nav.slick-initialized.slick-slider li:nth-child(10) {
    display: none;
  }
  ul.slider-nav.slick-initialized.slick-slider li:nth-child(11) {
    display: none;
  }
  ul.slider-nav.slick-initialized.slick-slider li:nth-child(12) {
    display: none;
  }
  ul.slider-nav.slick-initialized.slick-slider li:nth-child(13) {
    display: none;
  }
  ul.slider-nav.slick-initialized.slick-slider li:nth-child(14) {
    display: none;
  }
}
.rb18 .container .col-two .text-container ul li {
  list-style: disc;
}
body .rb18.content-with-image .container .col-two .text-container ul {
  margin-left: 18px;
}
.rb18.footer .footer-top .social-share ul li a:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  background: #ff681d;
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  z-index: 0;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
@media (min-width: 992px) {
  header.rb18 .view-more-nav .links-container .sub-menu-container {
    min-height: 50px;
  }
}
@media (max-width: 991px) {
  header.rb18 .main-nav .primary-nav > li.more-nav {
    display: block;
  }
  .hideonmobilenew {
    display: none;
  }
  header.rb18 .main-nav .primary-nav > li.more-nav .view-more-nav .links-container .sub-menu-container {
    width: 100%;
  }
}
.rb18.footer .footer-top .social-share ul li .wechat:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/Images/fpo/wechat-white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .wechat:hover:after {
  opacity: 1;
}
#tools ul.breadcrumbs,
#tools .dark-theme ul.breadcrumbs {
  border: none;
  margin: 35px 0 0;
}
#tools .tab-links.dark-theme ul.breadcrumbs * {
  color: #FFF !important;
}
#tools .tab-links > li {
  margin: 0px 0 18px 5px;
}
.rb18.footer {
  padding: 50px 0 50px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18.footer {
    padding: 50px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.footer {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .rb18.footer {
    padding: 30px 0;
  }
}
.rb18.footer .footer-top {
  float: left;
  width: 100%;
  padding-bottom: 39px;
  border-bottom: 1px solid #adbeca;
}
@media (max-width: 991px) {
  .rb18.footer .footer-top {
    padding-bottom: 30px;
  }
}
.rb18.footer .footer-top .sign-up {
  float: left;
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.footer .footer-top .sign-up {
    max-width: 438px;
    float: none;
    margin: 0 auto;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.footer .footer-top .sign-up {
    max-width: 438px;
    float: none;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .rb18.footer .footer-top .sign-up {
    max-width: 320px;
    float: none;
    margin: 0 auto;
  }
}
.rb18.footer .footer-top .sign-up p {
  float: left;
  color: #303d49;
  width: 139px;
  line-height: 1.3;
  font-weight: 600;
  margin-right: 28px;
  letter-spacing: 0.10em;
}
@media (max-width: 767px) {
  .rb18.footer .footer-top .sign-up p {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .rb18.footer .footer-top .sign-up p {
    width: 100%;
    margin: 0 0px 25px 0;
    text-align: center;
  }
}
.rb18.footer .footer-top .sign-up .sign-up-mail {
  float: left;
}
@media (max-width: 480px) {
  .rb18.footer .footer-top .sign-up .sign-up-mail {
    float: none;
    margin: 0 auto;
    max-width: 270px;
  }
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap {
  position: relative;
}
@media (max-width: 480px) {
  .rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap {
    float: left;
    width: 100%;
  }
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap .email {
  height: 40px;
  padding: 10px 40px 10px 14px;
  width: 270px;
  border-radius: 50px;
  outline: none;
  color: #415464;
  font-size: 16px;
  border: 1px solid #5b7e96;
  text-transform: inherit;
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  letter-spacing: 0.10em;
  color: #415464;
  font-size: 16px;
  font-weight: 500;
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap ::-moz-placeholder {
  /* Firefox 19+ */
  letter-spacing: 0.10em;
  color: #415464;
  font-size: 16px;
  font-weight: 500;
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap :-ms-input-placeholder {
  /* IE 10+ */
  letter-spacing: 0.10em;
  color: #415464;
  font-size: 16px;
  font-weight: 500;
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap :-moz-placeholder {
  /* Firefox 18- */
  letter-spacing: 0.10em;
  color: #415464;
  font-size: 16px;
  font-weight: 500;
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap input:focus ~ label {
  top: -30px;
  color: #415464;
}
@media (max-width: 767px) {
  .rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap input:focus ~ label {
    top: -22px;
  }
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap .used ~ label {
  top: -30px;
  color: #415464;
}
@media (max-width: 767px) {
  .rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap .used ~ label {
    top: -22px;
  }
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap label {
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 10px;
  letter-spacing: 0.10em;
  color: #415464;
  font-size: 16px;
  font-weight: 600;
  font-family: "source-sans-pro", sans-serif;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
@media (max-width: 767px) {
  .rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap label {
    font-size: 14px;
  }
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap .submit {
  position: absolute;
  right: 8px;
  top: 6px;
  height: 26px;
  width: 27px;
  outline: none;
  cursor: pointer;
  background: transparent;
}
.rb18.footer .footer-top .sign-up .sign-up-mail .input-wrap .submit img {
  width: 24px;
  height: 22px;
}
.rb18.footer .footer-top .social-share {
  float: unset;
  text-align: center;
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.footer .footer-top .social-share {
    width: 100%;
    text-align: center;
    padding: 30px 0 0;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.footer .footer-top .social-share {
    width: 100%;
    text-align: center;
    padding: 30px 0 0;
  }
}
@media (max-width: 480px) {
  .rb18.footer .footer-top .social-share {
    width: 100%;
    text-align: center;
    padding: 20px 0 0;
  }
}
.rb18.footer .footer-top .social-share ul li {
  display: inline-block;
  margin-left: 22px;
}
.rb18.footer .footer-top .social-share ul li a {
  float: left;
  position: relative;
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li a:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  background: #ff681d;
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.rb18.footer .footer-top .social-share ul li a:hover img {
  opacity: 0;
}
.rb18.footer .footer-top .social-share ul li a:hover:before {
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rb18.footer .footer-top .social-share ul li .twitter {
  width: 21px;
}
.rb18.footer .footer-top .social-share ul li .twitter:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/twitter_white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .twitter:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .facebook {
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li .facebook:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/facebook_white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .facebook:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .linkdin {
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li .linkdin:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/linkdin_white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .linkdin:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .google_plus {
  width: 29px;
}
.rb18.footer .footer-top .social-share ul li .google_plus:before {
  top: -16px;
  left: -11px;
}
.rb18.footer .footer-top .social-share ul li .google_plus:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 30px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/google_plus_white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .google_plus:hover:after {
  opacity: 1;
}
.rb18.footer .footer-middle {
  float: left;
  width: 100%;
  padding: 54px 0 82px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18.footer .footer-middle {
    padding: 40px 0 50px;
  }
}
@media (max-width: 991px) {
  .rb18.footer .footer-middle {
    padding: 30px 0 10px;
  }
}
@media (max-width: 480px) {
  .rb18.footer .footer-middle {
    padding: 30px 0 0;
  }
}
.rb18.footer .footer-middle .col-five {
  padding-left: 18px;
}
@media (max-width: 767px) {
  .rb18.footer .footer-middle .col-five {
    padding-right: 16px;
    padding-left: 0;
  }
}
.rb18.footer .footer-middle .col-five:first-child {
  padding-left: 2px;
}
@media (max-width: 1200px) {
  .rb18.footer .footer-middle .col-five:first-child {
    padding-left: 0;
  }
}
@media (max-width: 595px) {
  .rb18.footer .footer-middle .col-five:nth-child(odd) {
    clear: both;
  }
}
@media (max-width: 767px) {
  .rb18.footer .footer-middle .col-five:nth-child(2) {
    padding-right: 0;
  }
}
.rb18.footer .footer-middle .col-five:nth-child(3) {
  padding-left: 35px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18.footer .footer-middle .col-five:nth-child(3) {
    padding-left: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.footer .footer-middle .col-five:nth-child(3) {
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .rb18.footer .footer-middle .col-five:nth-child(3) {
    padding-right: 0;
    padding-left: 0;
  }
}
.rb18.footer .footer-middle .col-five:nth-child(4) {
  padding-left: 50px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18.footer .footer-middle .col-five:nth-child(4) {
    padding-left: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.footer .footer-middle .col-five:nth-child(4) {
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .rb18.footer .footer-middle .col-five:nth-child(4) {
    padding-right: 0;
    padding-left: 0;
  }
}
.rb18.footer .footer-middle .col-five:last-child {
  padding-left: 67px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18.footer .footer-middle .col-five:last-child {
    padding-left: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.footer .footer-middle .col-five:last-child {
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .rb18.footer .footer-middle .col-five:last-child {
    padding-left: 0;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.footer .footer-middle .col-five {
    width: 33.33%;
  }
}
@media (max-width: 595px) {
  .rb18.footer .footer-middle .col-five {
    width: 50%;
  }
}
.rb18.footer .footer-middle .col-five p {
  color: #ff681d;
  font-weight: 700;
  letter-spacing: 0.10em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.footer .footer-middle .col-five p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .rb18.footer .footer-middle .col-five p {
    font-size: 14px;
  }
}
.rb18.footer .footer-middle .col-five ul {
  padding: 16px 0;
}
.rb18.footer .footer-middle .col-five ul li {
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .rb18.footer .footer-middle .col-five ul li {
    padding-bottom: 10px;
  }
}
.rb18.footer .footer-middle .col-five ul li a {
  color: #5b7e96;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.footer .footer-middle .col-five ul li a {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .rb18.footer .footer-middle .col-five ul li a {
    font-size: 14px;
  }
}
.rb18.footer .footer-middle .col-five ul li a:before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  bottom: -3px;
  background: #5b7e96;
  height: 2px;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: right top;
  -o-transform-origin: right top;
  -ms-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.rb18.footer .footer-middle .col-five ul li a:hover {
  color: #5b7e96;
}
.rb18.footer .footer-middle .col-five ul li a:hover:before {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.rb18.footer .footer-bottom {
  float: left;
  width: 100%;
}
.rb18.footer .footer-bottom .logo-wrap {
  float: left;
}
@media (max-width: 991px) {
  .rb18.footer .footer-bottom .logo-wrap {
    float: none;
    max-width: 460px;
    margin: 0 auto 10px;
    text-align: center;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.footer .footer-bottom .logo-wrap {
    max-width: inherit;
  }
}
.rb18.footer .footer-bottom .logo-wrap a {
  float: left;
}
@media (min-width: 1200px) {
  .rb18.footer .footer-bottom .logo-wrap a {
    margin-top: 5px;
  }
}
@media (max-width: 991px) {
  .rb18.footer .footer-bottom .logo-wrap a {
    margin-right: 10px;
    margin-top: 2px;
  }
}
@media (max-width: 480px) {
  .rb18.footer .footer-bottom .logo-wrap a {
    width: 100%;
    margin-bottom: 20px;
  }
}
.rb18.footer .footer-bottom .logo-wrap a img {
  width: 110px;
}
@media (max-width: 767px) {
  .rb18.footer .footer-bottom .logo-wrap a img {
    width: 100px;
  }
}
.rb18.footer .footer-bottom .logo-wrap p {
  float: left;
  margin: 0 23px;
  color: #000000;
  font-weight: 600;
  line-height: 2.4;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18.footer .footer-bottom .logo-wrap p {
    margin: 0 10px;
    line-height: 2;
  }
}
@media (max-width: 991px) {
  .rb18.footer .footer-bottom .logo-wrap p {
    line-height: 1.9;
    float: none;
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .rb18.footer .footer-bottom .logo-wrap p {
    width: 100%;
    margin: 20px 0 10px;
    line-height: 1.3;
  }
}
.rb18.footer .footer-bottom ul {
  float: right;
  padding-top: 7px;
}
@media (max-width: 991px) {
  .rb18.footer .footer-bottom ul {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .rb18.footer .footer-bottom ul {
    max-width: 280px;
    margin: 0 auto;
    float: none;
  }
}
.rb18.footer .footer-bottom ul li {
  display: inline-block;
  padding-right: 38px;
  font-weight: 100;
}
@media (min-width: 992px) and (max-width: 1024px) {
  .rb18.footer .footer-bottom ul li {
    padding-right: 13px;
  }
}
@media (max-width: 595px) {
  .rb18.footer .footer-bottom ul li {
    padding-right: 16px;
    font-weight: 100;
    margin-bottom: 20px;
  }
}
.rb18.footer .footer-bottom ul li a {
  font-size: 16px;
  color: #303d49;
  font-weight: 600;
  letter-spacing: -0.01em;
  font-family: "source-sans-pro", sans-serif;
}
@media (max-width: 480px) {
  .rb18.footer .footer-bottom ul li a {
    font-size: 14px;
  }
}
.rb18.footer .footer-bottom ul li .language {
  padding-left: 26px;
  position: relative;
  padding: 8px 42px 9px 45px;
  border-radius: 50px;
  background-color: #ecf2f7;
}
@media (min-width: 992px) and (max-width: 1024px) {
  .rb18.footer .footer-bottom ul li .language {
    padding: 8px 30px 9px 41px;
  }
}
.rb18.footer .footer-bottom ul li .language:before {
  content: "";
  position: absolute;
  height: 17px;
  width: 17px;
  left: 19px;
  top: 11px;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_globe.svg) top no-repeat;
}
@media (max-width: 480px) {
  .rb18.footer .footer-bottom ul li .language:before {
    top: 10px;
  }
}
.rb18.footer .footer-bottom ul li .language:after {
  content: "";
  position: absolute;
  height: 7px;
  width: 11px;
  right: 17px;
  top: 16px;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/gray_up_arrow.png) top no-repeat;
}
@media (max-width: 480px) {
  .rb18.footer .footer-bottom ul li .language:after {
    top: 15px;
  }
}
.rb18.footer .footer-bottom ul li:nth-child(3) {
  padding-right: 23.5px;
}
@media (min-width: 992px) and (max-width: 1024px) {
  .rb18.footer .footer-bottom ul li:nth-child(3) {
    padding-right: 13px;
  }
}
@media (max-width: 480px) {
  .rb18.footer .footer-bottom ul li:nth-child(3) {
    padding-right: 0;
  }
}
.rb18.footer .footer-bottom ul li:last-child {
  padding-right: 0;
}
.rb18.contact-footer {
  padding: 18px 0 17px;
}
.rb18.contact-footer .footer-bottom .logo-wrap p {
  margin: 0px 18px;
  letter-spacing: -0.01em;
}
@media (max-width: 595px) {
  .rb18.contact-footer .footer-bottom .logo-wrap p {
    margin: 0;
  }
}
.rb18.contact-footer .footer-bottom ul li {
  padding-right: 32px;
}
@media (max-width: 595px) {
  .rb18.contact-footer .footer-bottom ul li {
    padding-right: 16px;
    margin: 0;
  }
}
.ie-all .rb18.footer .footer-top .social-share ul li a img {
  height: 100%;
}
@media (min-width: 1024px) {
  .rb18-small-height .rb18.footer {
    padding: 110px 0 77px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .rb18-small-height .rb18.footer {
    padding: 79px 0 60px;
  }
}
@media (min-width: 992px) {
  .rb18-small-height .rb18.footer .footer-middle {
    padding: 34px 0 52px;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height .rb18.footer .footer-middle .col-five {
    padding-left: 43px;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height .rb18.footer .footer-middle .col-five:first-child {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .rb18-small-height .rb18.footer .footer-middle .col-five:first-child {
    width: 18%;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height .rb18.footer .footer-middle .col-five:nth-child(3) {
    padding-left: 5.35%;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height .rb18.footer .footer-middle .col-five:nth-child(4) {
    padding-left: 6.8%;
  }
}
@media (min-width: 1024px) {
  .rb18-small-height .rb18.footer .footer-middle .col-five:last-child {
    padding-left: 7.4%;
  }
}
@media (min-width: 992px) {
  .rb18-small-height .rb18.footer .footer-top {
    padding-bottom: 30px;
  }
}
.rb18-small-height .rb18.footer .footer-bottom .logo-wrap p {
  line-height: 1.5;
  letter-spacing: -0.01em;
}
@media (min-width: 1024px) {
  .rb18-small-height .rb18.footer .footer-bottom .logo-wrap p {
    margin: 9px 0 0 23px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .rb18-small-height .rb18.footer .footer-bottom .logo-wrap p {
    margin: 0 15px;
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  .rb18-small-height .rb18.footer .footer-bottom .logo-wrap p {
    max-width: 100%;
  }
}
.rb18-small-height .rb18.footer .footer-bottom .logo-wrap a img {
  width: 113px;
}
@media (min-width: 992px) {
  .rb18-small-height .rb18.footer .footer-bottom ul li {
    padding-right: 29px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18-small-height .rb18.footer .footer-bottom ul li {
    padding-right: 29px;
  }
}
.rb18-small-height .rb18.footer .footer-bottom ul li:last-child {
  padding-right: 0;
}
@media (min-width: 992px) {
  .rb18-small-height .rb18.footer .footer-bottom ul li .language {
    padding: 8px 48px 9px 41px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18-small-height .rb18.footer .footer-bottom ul li .language {
    padding: 8px 48px 9px 41px;
  }
}
.rb18.footer .footer-top .social-share ul li .insta {
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li .insta:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_instagram-white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .insta:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .youtube {
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li .youtube:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/YouTube-white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .youtube:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .blog:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .blog {
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li .blog:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/Blog-white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .blog:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .insta {
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li .insta:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_instagram-white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .insta:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .youtube {
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li .youtube:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/YouTube-white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .youtube:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .blog:hover:after {
  opacity: 1;
}
.rb18.footer .footer-top .social-share ul li .blog {
  width: 22px;
}
.rb18.footer .footer-top .social-share ul li .blog:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 0;
  top: 0px;
  opacity: 0;
  background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/Blog-white.png) top no-repeat;
}
.rb18.footer .footer-top .social-share ul li .blog:hover:after {
  opacity: 1;
}
a.tooltips {
  position: absolute;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width: 200px;
  color: #2F2133;
  background: #FF671B;
  height: 75px;
  line-height: 5px;
  text-align: center;
  border-radius: 10px;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: 250px;
  z-index: 999;
  padding-left: 30px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #FF671B;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a.tooltips p {
  font-weight: bold;
  font-size: large;
  color: #FF0000;
}
a.tooltips p.normal {
  font-weight: normal;
  font-size: large;
}
span#success-tooltip {
  display: none;
}
p#invalid-email {
  display: none;
  position: absolute;
  color: #FF0000;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.rb18.hover-menu ol,
.rb18.hover-menu ul,
.rb18.hover-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.rb18.footer ol,
.rb18.footer ul,
.rb18.footer li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.rb18 a {
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  font-family: "source-sans-pro", sans-serif;
}
.rb18 a:hover {
  outline: 0;
  text-decoration: none;
}
.rb18 a:hover .link:after {
  right: -35px;
}
.rb18 h1,
.rb18 h2,
.rb18 h3,
.rb18 h4,
.rb18 h5,
.rb18 h6,
.rb18 p,
.rb18 fieldset,
.rb18 form,
.rb18 label,
.rb18 figure,
.rb18 footer,
.rb18 header,
.rb18 menu,
.rb18 nav,
.rb18 section,
.rb18 audio,
.rb18 video,
.rb18 button {
  margin: 0;
  border: 0;
}
.rb18 td,
.rb18 table {
  margin: 0;
}
.rb18 img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
  border: 0;
}
.rb18 .container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
@media (min-width: 1125px) {
  .rb18 .container {
    padding: 0 90px;
  }
}
.rb18-small-height .rb18 .container {
  max-width: 980px;
  /*.desktop-mid-width-up ({
    max-width: 1300px;
  });*/
}
.rb18 .content-650 {
  max-width: 650px;
  margin: 0 auto;
}
.rb18 .content-670 {
  max-width: 670px;
  margin: 0 auto;
}
.rb18 .content-830 {
  max-width: 830px;
  margin: 0 auto;
}
.rb18,
.rb18.section {
  width: 100%;
  position: relative;
  float: left;
  padding: 90px 0 100px;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18,
  .rb18.section {
    padding: 80px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18,
  .rb18.section {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .rb18,
  .rb18.section {
    padding: 30px 0;
  }
}
.rb18 input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}
.rb18 header:after,
.rb18 .container:after,
.rb18:after,
.rb18 .wrapper:after,
.rb18 .column-wrapper:after,
.rb18 .grid-wrapper:after,
.rb18 .two-third:after,
.rb18 .content-wrapper:after,
.rb18 .v-middle-wrapper:after {
  content: "";
  clear: both;
  display: block;
}
/*
 * Heading and Paragraph.
 */
.rb18 h1 {
  font-size: 60px;
  font-family: "source-sans-pro", sans-serif;
  line-height: 1.2;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18 h1 {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18 h1 {
    font-size: 45px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18 h1 {
    font-size: 40px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18 h1 {
    font-size: 35px;
  }
}
@media (max-width: 480px) {
  .rb18 h1 {
    font-size: 30px;
  }
}
.rb18 h2 {
  font-size: 46px;
  font-family: "source-sans-pro", sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18 h2 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18 h2 {
    font-size: 36px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18 h2 {
    font-size: 32px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18 h2 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .rb18 h2 {
    font-size: 24px;
  }
}
.rb18 h1 {
  font-size: 46px;
  line-height: 1;
  font-family: "source-sans-pro", sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18 h1 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18 h1 {
    font-size: 36px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18 h1 {
    font-size: 32px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18 h1 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .rb18 h1 {
    font-size: 24px;
  }
}
.rb18 h3 {
  font-size: 42px;
  font-family: "source-sans-pro", sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18 h3 {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18 h3 {
    font-size: 30px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18 h3 {
    font-size: 24px;
  }
}
@media (max-width: 595px) {
  .rb18 h3 {
    font-size: 20px;
  }
}
.rb18 h4 {
  font-size: 38px;
  font-family: "source-sans-pro", sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18 h4 {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18 h4 {
    font-size: 30px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18 h4 {
    font-size: 24px;
  }
}
@media (max-width: 595px) {
  .rb18 h4 {
    font-size: 20px;
  }
}
.rb18 h5 {
  font-size: 28px;
  font-family: "source-sans-pro", sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18 h5 {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18 h5 {
    font-size: 24px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18 h5 {
    font-size: 20px;
  }
}
@media (max-width: 595px) {
  .rb18 h5 {
    font-size: 18px;
  }
}
.rb18 h6 {
  font-size: 24px;
  font-family: "source-sans-pro", sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18 h6 {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18 h6 {
    font-size: 20px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18 h6 {
    font-size: 18px;
  }
}
@media (max-width: 595px) {
  .rb18 h6 {
    font-size: 16px;
  }
}
.rb18 para-22 {
  font-size: 22px;
  font-family: "source-sans-pro", sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb18 para-22 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18 para-22 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .rb18 para-22 {
    font-size: 16px;
  }
}
.rb18 p {
  font-family: "source-sans-pro", sans-serif;
  font-size: 16px;
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .rb18 p {
    line-height: 1.3;
  }
}
@media (max-width: 480px) {
  .rb18 p {
    font-size: 14px;
  }
}
/*
 * Columns.
 */
.rb18 .col {
  width: 100%;
  float: left;
  position: relative;
}
.rb18 .col-two {
  width: 50%;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  .rb18 .col-two {
    width: 100%;
  }
}
.rb18 .col-three {
  width: 33.33%;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  .rb18 .col-three {
    width: 100%;
  }
}
.rb18 .col-four {
  width: 25%;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  .rb18 .col-four {
    width: 100%;
  }
}
.rb18 .col-five {
  width: 20%;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  .rb18 .col-five {
    width: 100%;
  }
}
.rb18 .col-six {
  width: 16.66%;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  .rb18 .col-six {
    width: 100%;
  }
}
.rb18 .col-seven {
  width: 66.66%;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  .rb18 .col-seven {
    width: 100%;
  }
}
.rb18 .col-eight {
  width: 75%;
  float: left;
  position: relative;
}
@media (max-width: 767px) {
  .rb18 .col-eight {
    width: 100%;
  }
}
/*
 * Background Image.
 */
.rb18 .bg-img {
  overflow: hidden;
}
/*
 * Vertical Align Middle.
 */
.rb18 .v-middle-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.rb18 .v-middle-inner {
  display: table;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
.rb18 .v-middle,
.rb18 .v-top,
.rb18 .v-bottom {
  display: table-cell;
  vertical-align: middle;
}
.rb18 .v-top {
  vertical-align: top;
}
.rb18 .v-bottom {
  vertical-align: bottom;
}
/*
 * Text Alignment.
 */
.rb18 .text-left {
  text-align: left;
}
.rb18 .text-right {
  text-align: right;
}
.rb18 .text-center {
  text-align: center;
}
.rb18 .left {
  float: left;
}
.rb18 .right {
  float: right;
}
.rb18.no-padding {
  padding: 0 !important;
}
.rb18.no-padding-top {
  padding-top: 0 !important;
}
.rb18.no-padding-bottom {
  padding-bottom: 0 !important;
}
/*
 * Effects.
 */
.rb18 .zoom-in img {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform, .4s, ease-in-out;
  -moz-transition: transform, .4s, ease-in-out;
  -ms-transition: transform, .4s, ease-in-out;
  -o-transition: transform, .4s, ease-in-out;
  transition: transform, .4s, ease-in-out;
}
.rb18 .zoom-in:hover img {
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.rb18 .zoom-bg .bg-img img {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform, .4s, ease-in-out;
  -moz-transition: transform, .4s, ease-in-out;
  -ms-transition: transform, .4s, ease-in-out;
  -o-transition: transform, .4s, ease-in-out;
  transition: transform, .4s, ease-in-out;
}
.rb18 .zoom-bg:hover .bg-img img {
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.rb18 .blend-mode {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  mix-blend-mode: multiply;
}
.rb18 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #758c92;
  opacity: 1;
  font-size: 12px;
  font-weight: 700;
}
.rb18 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #758c92;
  opacity: 1;
  font-size: 12px;
  font-weight: 700;
}
.rb18 :-ms-input-placeholder {
  /* IE 10+ */
  color: #758c92;
  opacity: 1;
  font-size: 12px;
  font-weight: 700;
}
.rb18 :-moz-placeholder {
  /* Firefox 18- */
  color: #758c92;
  opacity: 1;
  font-size: 12px;
  font-weight: 700;
}
/*
 * Links.
 */
.link-text {
  color: #5b7e96;
  position: relative;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  text-transform: capitalize;
}
.link-text:before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  bottom: -3px;
  background: #5b7e96;
  height: 2px;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: right top;
  -o-transform-origin: right top;
  -ms-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.link-text:hover {
  color: #5b7e96;
}
.link-text:hover:before {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.btn-orange {
  color: #ffffff;
  padding: 11px 49px 10px 23px;
  border: 1px solid #ff681d;
  display: inline-block;
  background: #ff681d;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 600;
  border-radius: 50px;
  font-size: 16px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
}
.btn-orange .tablet-down {
  padding: 11px 42px 10px 22px;
  font-size: 14px;
}
.btn-orange:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 260%;
  background: #ffffff;
  opacity: 0;
  transform: scaleX(0.2);
  transform-origin: 50%;
  transition: all 300ms ease-out;
}
.btn-orange:after {
  content: "";
  position: absolute;
  height: 21px;
  width: 21px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat;
  background-size: contain;
}
.btn-orange:after .tablet-down {
  right: 12px;
}
.btn-orange:hover {
  color: #ff681d;
  border: 1px solid #ff681d;
  background: transparent;
  transition: background 0s ease-in 0.3s;
}
.btn-orange:hover:before {
  opacity: 1;
  transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
}
.btn-orange:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/Homepage_Icons_arrowB.svg) top no-repeat;
  background-size: contain;
}
.learn-more {
  position: relative;
  background: #ffffff;
  padding: 11px 49px 10px 23px;
  display: inline-block;
  color: #ff681d;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 600;
  border-radius: 50px;
  font-size: 16px;
  overflow: hidden;
  transition: all 300ms ease-out;
}
.learn-more:after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/Homepage_Icons_arrowB.svg) top no-repeat;
  background-size: contain;
}
.learn-more:hover {
  color: #ffffff;
  background: #ff681d;
}
.learn-more:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat;
  background-size: contain;
}
.lang-selector-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(204, 204, 204, 0.85);
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.lang-selector-overlay.open {
  opacity: 1;
  z-index: 9999;
}
.lang-selector-overlay .container {
  height: 100%;
}
.lang-selector-overlay .popup-box {
  position: absolute;
  bottom: 120px;
  right: 20px;
  width: 681px;
}
.lang-selector-overlay .popup-box .heading-wrap {
  padding: 13px 9px 12px 17px;
  background: #508097;
  display: flex;
  border-radius: 10px 10px 0 0;
}
.lang-selector-overlay .popup-box .heading-wrap .col-1 {
  padding-right: 20px;
  width: 33.2%;
}
.lang-selector-overlay .popup-box .heading-wrap .col-2 {
  width: 65%;
  position: relative;
}
.lang-selector-overlay .popup-box .heading-wrap .col-1 h6 {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.lang-selector-overlay .popup-box .heading-wrap .col-2 h6 {
  color: #fff;
  font-weight: normal;
  font-size: 16px;
}
.lang-selector-overlay .popup-box .heading-wrap .col-2 h6 span {
  display: block;
  font-weight: 600;
  font-size: 15px;
}
.lang-selector-overlay .popup-box .heading-wrap .col-2 .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.lang-selector-overlay .popup-box .heading-wrap .col-2 .close-btn::before,
.lang-selector-overlay .popup-box .heading-wrap .col-2 .close-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 11.5px;
  width: 2px;
  height: 25px;
  background: #fff;
}
.lang-selector-overlay .popup-box .heading-wrap .col-2 .close-btn::before {
  transform: rotate(45deg);
}
.lang-selector-overlay .popup-box .heading-wrap .col-2 .close-btn::after {
  transform: rotate(-45deg);
}
.lang-selector-overlay .popup-box .content-wrap {
  background: #fff;
  display: flex;
  padding-bottom: 21px;
  border-radius: 0 0 10px 10px;
}
.lang-selector-overlay .popup-box .content-wrap .col-2 .back-btn {
  display: none;
}
.lang-selector-overlay .popup-box .content-wrap .col-1 .region-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.lang-selector-overlay .popup-box .content-wrap .col-1 .region-list li {
  padding: 14px 30px 15px 36px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  color: #2f3d49;
  font-weight: 600;
}
.lang-selector-overlay .popup-box .content-wrap .col-1 .region-list li:hover {
  background: #e0eaf1;
  font-weight: 600;
}
.lang-selector-overlay .popup-box .content-wrap .col-1 .region-list li.active {
  background: #e0eaf1;
  font-weight: 600;
}
.lang-selector-overlay .popup-box .content-wrap .col-2 .country-list {
  display: none;
  padding: 10px 0 0 17px;
}
.lang-selector-overlay .popup-box .content-wrap .col-2 .country-list:nth-child(1) {
  display: block;
}
.lang-selector-overlay .popup-box .content-wrap .col-2 .country-list {
  column-count: 2;
  padding: 10px 0 0 16px;
}
.lang-selector-overlay .popup-box .content-wrap .col-2 .country-list li.active {
  background: #e0eaf1;
}
.lang-selector-overlay .popup-box .content-wrap .col-2 .country-list li {
  padding: 5px 37px 3.8px 5px;
  font-weight: 600;
  color: #2f3d49;
}
.lang-selector-overlay .popup-box .content-wrap .col-2 .country-list li a {
  color: #508097;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .lang-selector-overlay.open {
    z-index: 109;
  }
  .lang-selector-overlay .popup-box {
    bottom: 0;
    right: 0;
    top: 79px;
    width: 100%;
  }
  .lang-selector-overlay .popup-box {
    border-radius: 10px 10px 0 0;
  }
  .lang-selector-overlay .popup-box .heading-wrap {
    display: block;
    padding: 20px 9px 16px 17px;
    border-radius: 0;
  }
  .lang-selector-overlay .popup-box .heading-wrap .col-1 {
    width: 100%;
  }
  .lang-selector-overlay .popup-box .heading-wrap .col-1 h6 {
    font-size: 18px;
  }
  .lang-selector-overlay .popup-box .heading-wrap .col-2 {
    width: 100%;
  }
  .lang-selector-overlay .popup-box .heading-wrap .col-2 h6 {
    font-size: 18px;
  }
  .lang-selector-overlay .popup-box .heading-wrap .col-2 h6 span {
    line-height: 0.9;
    font-size: 18px;
  }
  .lang-selector-overlay .popup-box .heading-wrap .col-2 .close-btn {
    top: -35px;
    background: url("../../../../etc.clientlibs/riverbed-www/riverbed/clientlibs/clientlib-base/resources/images/mobile-close-icon.png") no-repeat;
    background-size: cover;
    width: 41px;
    height: 41px;
  }
  .lang-selector-overlay .popup-box .heading-wrap .col-2 .close-btn::before,
  .lang-selector-overlay .popup-box .heading-wrap .col-2 .close-btn::after {
    display: none;
  }
  .lang-selector-overlay .popup-box .content-wrap {
    height: 100%;
    border-radius: 0;
    position: relative;
    display: block;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-1 {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #508097;
    z-index: 1;
    top: -1px;
    overflow: hidden;
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-2 {
    width: 100%;
    height: calc(100vh - 180px);
    position: absolute;
    background: #fff;
    overflow: scroll;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-1.slide {
    opacity: 0;
    z-index: 0;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-1 .region-list {
    padding: 7px 0 0;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-1 .region-list li {
    padding: 14px 20px 15px;
    color: #fff;
    position: relative;
    font-weight: 600;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-1 .region-list li:after {
    position: absolute;
    content: "";
    top: 19px;
    right: 7px;
    width: 26px;
    height: 27px;
    background: url(../../../../etc.clientlibs/riverbed-www/riverbed/clientlibs/clientlib-base/resources/images/arrow.png) no-repeat;
    background-size: 50%;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-1 .region-list li:hover {
    background: #3e5566;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-1 .region-list li.active {
    background: #3e5566;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-2 .back-btn {
    padding-left: 43px;
    margin-top: 21px;
    display: inline-block;
    cursor: pointer;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-2 .back-btn span {
    color: #508097;
    position: relative;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-2 .back-btn span:before {
    position: absolute;
    content: "";
    left: -25px;
    top: 5px;
    width: 26px;
    height: 27px;
    background: url(../../../../etc.clientlibs/riverbed-www/riverbed/clientlibs/clientlib-base/resources/images/back-arrow.png) no-repeat;
    background-size: 50%;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-2 .country-list {
    column-count: 1;
    padding: 16px 0 0 17px;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-2 .country-list li.active {
    background: #e0eaf1;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-2 .country-list li {
    padding: 13px 0 16px;
    font-weight: 600;
    color: #2f3d49;
  }
  .lang-selector-overlay .popup-box .content-wrap .col-2 .country-list li a {
    font-weight: normal;
  }
}
@media screen and (max-width: 767px) {
  .lang-selector-overlay .popup-box {
    top: 71px;
  }
}
@media screen and (max-width: 480px) {
  .lang-selector-overlay .popup-box {
    top: 67px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .lang-selector-overlay .popup-box {
    overflow: scroll;
  }
}
@media only screen and (min-device-width: 360px) and (max-device-width: 740px) and (orientation: landscape) {
  .lang-selector-overlay .popup-box {
    overflow: scroll;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and only screen and (-webkit-min-device-pixel-ratio: 1) {
  .lang-selector-overlay .popup-box .content-wrap .col-2 {
    height: calc(-160vh);
  }
}
@media screen and (max-height: 620px) {
  .lang-selector-overlay .popup-box {
    bottom: 0;
  }
}
@media screen and (max-height: 500px) {
  .lang-selector-overlay .popup-box {
    max-height: 300px;
    overflow: auto;
  }
}
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*line-height: 1;*/
  color: #000;
  -webkit-tap-highlight-color: transparent;
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
.rb19 a {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  cursor: pointer;
}
.rb19 a:hover {
  text-decoration: none;
}
section.rb19 {
  width: 100%;
  position: relative;
  float: left;
  padding: 59px 0 0px;
  overflow: hidden;
}
@media (min-width: 1201px) {
  section.rb19 {
    padding: 90px 0 100px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb19,
  section.rb19 {
    padding: 60px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb19,
  section.rb19 {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .rb19,
  section.rb19 {
    padding: 30px 0;
  }
}
.rb19 img {
  border-style: none;
  max-width: 100%;
  padding: 0;
  margin: 0;
  height: auto;
}
.rb19 .container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  /*max-width: 1300px;*/
  position: relative;
}
@media (min-width: 1124px) {
  .rb19 .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 90px;
    /*max-width: 1300px;*/
    position: relative;
  }
}
/*@media (min-width: 1367px) {
.rb19 .container {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  /*max-width: 1300px;*/
/*position: relative; }
}*/
header.rb19:after,
.rb19 .container:after,
.rb19 .wrapper:after,
.rb19 .column-wrapper:after,
.rb19 .grid-wrapper:after,
.rb19 .two-third:after,
.rb19 .content-wrapper:after,
.rb19 .v-middle-wrapper:after {
  content: "";
  clear: both;
  display: block;
}
header.rb19,
footer.rb19 {
  float: left;
  width: 100%;
}
.rb19 .v-middle-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.rb19 .v-middle-inner {
  display: table;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
.rb19 .v-middle {
  display: table-cell;
  vertical-align: middle;
}
.rb19 .col-two {
  width: 50%;
  float: left;
  position: relative;
}
.rb19 .col-three {
  width: 33.33%;
  float: left;
  position: relative;
}
.rb19 .col-four {
  width: 25%;
  float: left;
  position: relative;
}
.rb19 .col-five {
  width: 20%;
  float: left;
  position: relative;
}
.bar-orange-gradient {
  position: relative;
  z-index: 8;
  margin-top: 325px;
  height: 16px;
  width: 100%;
  background: linear-gradient(to right, #ffb11d 0%, #ff681d 100%);
}
/*
 * Heading and Paragraph.
 */
.rb19 h1 {
  font-size: 60px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  line-height: 1.2;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb19 h1 {
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb19 h1 {
    font-size: 45px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb19 h1 {
    font-size: 40px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb19 h1 {
    font-size: 35px;
  }
}
@media (max-width: 480px) {
  .rb19 h1 {
    font-size: 30px;
  }
}
.rb19 h2 {
  font-size: 42px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb19 h2 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb19 h2 {
    font-size: 36px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb19 h2 {
    font-size: 32px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb19 h2 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .rb19 h2 {
    font-size: 24px;
  }
}
.rb19 h3 {
  font-size: 42px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb19 h3 {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb19 h3 {
    font-size: 30px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb19 h3 {
    font-size: 24px;
  }
}
@media (max-width: 595px) {
  .rb19 h3 {
    font-size: 20px;
  }
}
.rb19 h4 {
  font-size: 38px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb19 h4 {
    font-size: 34px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb19 h4 {
    font-size: 30px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb19 h4 {
    font-size: 24px;
  }
}
@media (max-width: 595px) {
  .rb19 h4 {
    font-size: 20px;
  }
}
.rb19 h5 {
  font-size: 28px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb19 h5 {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb19 h5 {
    font-size: 24px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb19 h5 {
    font-size: 20px;
  }
}
@media (max-width: 595px) {
  .rb19 h5 {
    font-size: 18px;
  }
}
.rb19 h6 {
  font-size: 24px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .rb19 h6 {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb19 h6 {
    font-size: 20px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb19 h6 {
    font-size: 18px;
  }
}
@media (max-width: 595px) {
  .rb19 h6 {
    font-size: 16px;
  }
}
.rb19 p {
  font-size: 18px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  color: #415464;
  line-height: 1.5;
  font-weight: 400;
}
.rb19 a {
  text-decoration: none;
  outline: 0;
  cursor: pointer;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.rb19 .bar-orange-gradient {
  position: absolute;
  height: 16px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #ffb11d;
  background: -moz-linear-gradient(left, #ffb11d 0%, #ff681d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffb11d), color-stop(100%, #ff681d));
  background: -webkit-linear-gradient(left, #ffb11d 0%, #ff681d 100%);
  background: -o-linear-gradient(left, #ffb11d 0%, #ff681d 100%);
  background: -ms-linear-gradient(left, #ffb11d 0%, #ff681d 100%);
  background: linear-gradient(to right, #ffb11d 0%, #ff681d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb11d', endColorstr='#ff681d', GradientType=1);
}
.rb19 ul {
  margin: 0;
  padding: 0;
}
.rb19 ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.rb19.no-padding {
  padding: 0;
}
.rb19.no-padding-top {
  padding-top: 0;
}
.rb19.no-padding-bottom {
  padding-bottom: 0;
}
.rb19 .learn-more {
  position: relative;
  background: #fff;
  padding: 13px 47px 12px 21px;
  display: inline-block;
  color: #ff681d;
  text-transform: uppercase;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  border-radius: 50px;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.rb19 .learn-more:after {
  content: "";
  position: absolute;
  height: 21px;
  width: 23px;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/gery_arrow.svg) top no-repeat;
  background-size: contain;
}
.rb19 .learn-more:hover {
  color: #fff;
  background: #ff681d;
}
.rb19 .learn-more:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/small_white_arrow.svg) top no-repeat;
  background-size: contain;
}
.rb19 .link-with-orange {
  position: relative;
  color: #fff;
  background: #ff681d;
  padding: 13px 47px 12px 21px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700;
  border-radius: 50px;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.rb19 .link-with-orange:after {
  content: "";
  position: absolute;
  height: 24px;
  width: 23px;
  right: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/small_white_arrow.svg) top no-repeat;
  background-size: contain;
}
.rb19 .link-with-orange:hover {
  background: #fff;
  color: #ff681d;
  box-shadow: 0 0 0px 1px #ff681d;
}
.rb19 .link-with-orange:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/gery_arrow.svg) top no-repeat;
  background-size: contain;
}
.rb19 .btn-default {
  padding: 16px 20px 18px;
  background-color: #ffb81d;
  font-size: 18px;
  color: white;
  display: inline-block;
  width: 180px;
  letter-spacing: -0.04em;
  font-weight: 500;
  transition: all 0.4s ease;
  text-align: center;
  font-family: museo-sans, sans-serif;
}
.rb19 .btn-default:hover {
  background-color: #ff681d;
  color: white;
}
.richtext {
  overflow-x: hidden;
}
body > iframe {
  display: none;
}
@media screen and (min-width: 992px) and (max-width: 1150px) {
  .rb19 h1 {
    font-size: 44px;
  }
  .rb19 h2 {
    font-size: 30px;
  }
  .rb19 h3 {
    font-size: 28px;
  }
  .rb19 h4 {
    font-size: 24px;
  }
  .rb19 h5 {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .rb19 p {
    font-size: 16px;
  }
  .rb19 .link-with-orange {
    padding: 10px 43px 9px 18px;
    font-size: 15px;
  }
  .rb19 .learn-more {
    padding: 10px 39px 9px 18px;
    font-size: 15px;
  }
  .rb19 .learn-more:after {
    right: 10px;
    top: -2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .rb19 h1 {
    font-size: 42px;
  }
  .rb19 h2 {
    font-size: 28px;
  }
  .rb19 h3 {
    font-size: 26px;
  }
  .rb19 h4 {
    font-size: 22px;
  }
  .rb19 h5 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .rb19 .col-two {
    width: 100%;
  }
  .rb19 .col-three {
    width: 100%;
  }
}
@media screen and (min-width: 596px) and (max-width: 767px) {
  .rb19 h1 {
    font-size: 38px;
  }
  .rb19 h2 {
    font-size: 26px;
  }
  .rb19 h3 {
    font-size: 24px;
  }
  .rb19 h4 {
    font-size: 22px;
  }
  .rb19 h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 595px) {
  .rb19 h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 481px) and (max-width: 595px) {
  .rb19 h1 {
    font-size: 34px;
  }
  .rb19 h2 {
    font-size: 24px;
  }
  .rb19 h3 {
    font-size: 22px;
  }
  .rb19 h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .rb19 h1 {
    font-size: 30px;
  }
  .rb19 h2 {
    font-size: 20px;
  }
  .rb19 h3 {
    font-size: 20px;
  }
  .rb19 h4 {
    font-size: 18px;
  }
}
.textul li {
  padding-left: 20px !important;
  position: relative;
}
.textul li:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 3px;
  width: 5px;
  height: 5px;
  background: #415464;
  border-radius: 50px;
}
.rb19 .btn-orange {
  color: #fff;
  padding: 11px 49px 10px 23px;
  border: 1px solid #ff681d;
  display: inline-block;
  background: #ff681d;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  border-radius: 50px;
  font-size: 16px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .btn-orange {
    padding: 11px 42px 10px 22px;
    font-size: 14px;
  }
}
.rb19 .btn-orange:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 260%;
  background: #fff;
  opacity: 0;
  -webkit-transform: scaleX(0.2);
  -o-transform: scaleX(0.2);
  transform: scaleX(0.2);
  -webkit-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.rb19 .btn-orange:after {
  content: "";
  position: absolute;
  height: 21px;
  width: 21px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("https://www.riverbed.com/microsites/home-page-redesign/images/Homepage_Icons_arrowA_white.svg") top no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .btn-orange:after {
    right: 12px;
  }
}
.rb19 .btn-orange:hover {
  color: #ff681d;
  border: 1px solid #ff681d;
  background: transparent;
  -webkit-transition: background 0s ease-in 0.3s;
  -o-transition: background 0s ease-in 0.3s;
  transition: background 0s ease-in 0.3s;
}
.rb19 .btn-orange:hover:before {
  opacity: 1;
  -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
  -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
  transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
}
.rb19 .btn-orange:hover:after {
  background: url("https://www.riverbed.com/microsites/home-page-redesign/images/Homepage_Icons_arrowB.svg") top no-repeat;
  background-size: contain;
}
.rb19 .slide-btn {
  position: relative;
  background: #fff;
  padding: 13px 47px 12px 21px;
  display: inline-block;
  color: #ff681d;
  text-transform: uppercase;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  border-radius: 50px;
  font-size: 16px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
  -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-transition: color 0.3s ease-in-out, -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rb19 .slide-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -5px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 250%;
  background: #ff681d;
  opacity: 0;
  -webkit-transform: scaleX(0.2);
  -o-transform: scaleX(0.2);
  transform: scaleX(0.2);
  -webkit-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.rb19 .slide-btn:after {
  content: "";
  position: absolute;
  height: 21px;
  width: 23px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(https://www.riverbed.com/microsites/home-page-redesign/images/gery_arrow.svg) top no-repeat;
  background-size: contain;
}
.rb19 .slide-btn:hover {
  color: #fff;
}
.rb19 .slide-btn:hover:before {
  opacity: 1;
  -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
  -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
  transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
}
.rb19 .slide-btn:hover:after {
  background: url(https://www.riverbed.com/microsites/home-page-redesign/images/small_white_arrow.svg) top no-repeat;
  background-size: contain;
}
.rb19 .slide-btn-clear {
  border: 1px solid #fff;
  position: relative;
  background: #fff;
  padding: 13px 47px 12px 21px;
  display: inline-block;
  color: #ff681d;
  text-transform: uppercase;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  border-radius: 50px;
  font-size: 16px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
  -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-transition: color 0.3s ease-in-out, -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rb19 .slide-btn-clear:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -5px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 250%;
  background: #ff681d;
  opacity: 0;
  -webkit-transform: scaleX(0.2);
  -o-transform: scaleX(0.2);
  transform: scaleX(0.2);
  -webkit-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.rb19 .slide-btn-clear:after {
  content: "";
  position: absolute;
  height: 21px;
  width: 23px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/gery_arrow.svg) top no-repeat;
  background-size: contain;
}
.rb19 .slide-btn-clear:hover {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}
.rb19 .slide-btn-clear:hover:before {
  opacity: 0.3;
  -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
  -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
  transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
}
.rb19 .slide-btn-clear:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/small_white_arrow.svg) top no-repeat;
}
body.page_homepage {
  background: #fff;
}
/* site alignment 1680px device support */
@media screen and (min-width: 1681px) {
  .container {
    max-width: 1500px;
  }
  .rb18 .container {
    max-width: 1680px;
  }
  .rb19 .container {
    max-width: 1680px;
  }
  .video-banner .item-wrap {
    max-width: 1680px;
  }
}
@media screen and (min-width: 1700px) {
  #tools {
    padding-right: 9%;
  }
}
@media screen and (min-width: 1900px) {
  #tools {
    padding-right: 13%;
  }
}
@media screen and (min-width: 2100px) {
  #tools {
    padding-right: 18%;
  }
}
/* site alignment 1680px device support end */
.rb19 .heading {
  font-size: 42px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: 0.5px;
  text-align: center;
  color: #2c3843;
  margin: 0 auto;
  padding-top: 21px;
}
.rb19 .heading:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 2px;
  background-color: #ffb81d;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .rb19 .heading {
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  .rb19 .heading {
    font-size: 28px;
  }
}
.no-padding-top section.rb19 {
  padding-top: 0px !important;
}
.no-padding-bottom section.rb19 {
  padding-bottom: 0px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-22 {
  font-size: 22px !important;
}
.font-26 {
  font-size: 26px !important;
}
/*
 * Slick slider default css
 */
.rb19 .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.rb19 .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.rb19 .slick-list:focus {
  outline: none;
}
.rb19 .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.rb19 .slick-slider .slick-track,
.rb19 .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rb19 .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.rb19 .slick-track:before,
.rb19 .slick-track:after {
  display: table;
  content: '';
}
.rb19 .slick-track:after {
  clear: both;
}
.rb19 .slick-loading .slick-track {
  visibility: hidden;
}
.rb19 .slick-slide {
  float: left;
  height: 100%;
}
.rb19 [dir='rtl'] .slick-slide {
  float: right;
}
.rb19 .slick-slide img {
  display: block;
}
.rb19 .slick-slide.slick-loading img {
  display: none;
}
.rb19 .slick-slide.dragging img {
  pointer-events: none;
}
.rb19 .slick-initialized .slick-slide {
  display: block;
}
.rb19 .slick-loading .slick-slide {
  visibility: hidden;
}
.rb19 .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-slide {
  outline: none !important;
}
body {
  background: #fff;
}
.bar-orange-gradient,
.anchor-btn {
  position: relative;
  top: 60px;
}
.bar-orange-gradient {
  height: 16px;
  width: 100%;
  background: linear-gradient(to right, #ffb11d 0px, #ff681d 100%);
}
#menu,
.intro-header,
.mobile-header .menu-opener,
.tab-links .link,
#intro.auto-height {
  display: none;
}
#tools {
  padding: 0px 17px 0 0;
}
div.responsivegrid.body-wrapper-top {
  top: 60px !important;
  position: relative;
}
.header.aem-GridColumn.aem-GridColumn--default--12 {
  height: 62px;
}
.rb19 h2.hideorangebar:after {
  background-color: transparent !important;
}
.rb18 form.sign-up-mail a.tooltips span {
  margin-left: 150px;
  z-index: 100;
}
.rb18 form.sign-up-mail p#invalid-email {
  margin-top: 10px;
  margin-left: 50px;
}
.tab-content .richtext a {
  color: #ff681d !important;
}
.tab-content .richtext .rte-font-size-26 {
  font-size: 26px !important;
}
.tab-content .richtext .rte-font-size-22 {
  font-size: 22px !important;
}

/*
 *  Copyright 2016 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
  display: block;
  width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
  display: table;
  content: " ";
}
.aem-Grid::after {
  clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
  clear: both;
  margin: 0;
}
/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid {
  width: auto;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* phone breakpoint */
@media (max-width: 768px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 769px) and (max-width: 1200px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{-webkit-filter:none;filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
.video-section {
  color: #fff;
  z-index: 100001 !important;
  position: fixed;
  left: -99999px;
  opacity: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.85);
  min-width: 320px;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  /*  ************************************** */
  /*  ************************************** */
  /*  ************************************** */
  /*  ************************************** */
}
.video-section .video-js {
  display: none;
}
.video-section .vjs-controls-enabled {
  display: block !important;
}
.video-section .vjs-captions-button {
  display: none;
}
.video-section .vjs-share-control {
  display: none !important;
}
.video-section .video-container {
  position: fixed;
  top: 50%;
  left: -9999px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.video-section .video-container .sub-title {
  font-size: 18px;
  border-bottom: 2px solid #fff;
}
.video-section .video-container .title {
  font-size: 30px;
  margin: 30px 0 20px 0;
}
.video-section .video-container .close {
  position: absolute;
  right: 40px;
}
.video-section .video-container .close a:after {
  content: "\f00d";
  font: normal normal normal 24px/38px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiase;
  color: #fff;
  position: absolute;
  top: 0;
  left: 50px;
  border: solid 3px #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  line-height: 1.4;
  background: #000;
  /*ie8fix*/
  background: rgba(0, 0, 0, 0.4);
}
.video-section .video-section-active {
  opacity: 1;
  left: 0;
}
.video-section .video-section-active .video-container {
  left: 50%;
}
.video-section .vjs-progress-control {
  width: 100% !important;
  position: absolute;
  top: -6px;
  left: 0px;
  right: 0px;
  height: 1em !important;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0px !important;
}
.video-section .vjs-progress-holder {
  padding: 0px !important;
}
.video-section .video-js:hover .vjs-progress-control {
  height: 2em;
}
.video-section .vjs-fullscreen-control {
  right: 0px !important;
  position: absolute !important;
  float: right !important;
  top: 0px !important;
}
.video-section .vjs-volume-menu-button {
  float: right !important;
  right: 40px !important;
  position: absolute !important;
  top: 0px !important;
}
.video-section .vjs-play-progress {
  height: 5px !important;
  margin-top: -4px !important;
}
.video-section .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default.vjs-has-started.vjs-user-inactive .vjs-progress-control {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}
.video-section .vjs-play-control {
  width: 5em !important;
  cursor: pointer;
  float: left !important;
}
.video-section .vjs-default-skin .vjs-current-time {
  float: left !important;
}
.video-section .vjs-default-skin .vjs-time-controls {
  font-size: 1em !important;
  line-height: 3em !important;
}
.video-section #fbiconBR-VPL-id {
  padding-right: 5px;
  right: 130px !important;
  position: absolute !important;
  top: 0px !important;
  cursor: pointer;
}
.video-section #fbiconBR-VPL-id > img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.video-section #twittericonBR-VPL-id {
  padding-right: 5px;
  right: 100px !important;
  position: absolute !important;
  top: 0px !important;
  cursor: pointer;
}
.video-section #twittericonBR-VPL-id > img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.video-section .vjs-control-bar {
  -webkit-justify-content: initial !important;
  justify-content: flex-start !important;
}
.video-section .vjs-big-play-button {
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto;
  border-radius: 50px !important;
  position: relative !important;
  margin-top: 23% !important;
  top: 0px !important;
  left: 0px !important;
  padding: 1px;
}
.video-section .vjs-fullscreen .vjs-big-play-button {
  margin-top: 28% !important;
}
.video-section .vjs-endscreen-overlay-content input {
  color: #000 !important;
}
@media only screen and (max-width: 420px) {
  .video-section .vjs-play-control {
    width: 3em !important;
    cursor: pointer;
    float: left !important;
  }
}
@media only screen and (max-width: 675px) {
  .video-section .video-container .close a:after {
    top: -50px;
    left: 0px;
  }
  .video-section .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default .vjs-big-play-button:before {
    margin: 19px 0px 0px 20px;
  }
}
.video-section #player-preview > div {
  width: 800px;
}
.video-section #player-preview > div:after {
  padding-top: 59%;
  display: block;
  content: '';
}
@media only screen and (max-width: 600px) {
  .video-section #player-preview > div {
    width: 100%;
    height: auto;
  }
  .video-section .vjs-big-play-button {
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto;
    border-radius: 51% !important;
    position: relative !important;
    margin-top: 21% !important;
    top: 0px !important;
    left: 0px !important;
    padding: 1px;
  }
  .video-section .video-js_default .vjs-big-play-button:before {
    content: '\e001';
    color: #fff;
    display: block;
    font-family: VideoJS;
    font-size: 23px;
    line-height: 27px;
    margin: 16px auto;
    opacity: .8;
    text-align: center;
    width: 23px;
  }
}
.video-section .video-js {
  z-index: 10;
  width: 100%;
  height: 100%;
}
.video-section-active {
  opacity: 1;
  left: 0;
}
.video-section-active .video-container {
  left: 50%;
}
@media only screen and (max-device-width: 414px) and (max-width: 414px) and (max-device-height: 736px) and (orientation: portrait) {
  .vjs-endscreen-overlay-content img {
    width: 95px;
    height: 27px;
  }
  .video-area {
    width: 302px !important;
    height: 171px !important;
  }
  .video-section .vjs-big-play-button {
    width: 70px !important;
    height: 70px !important;
  }
  .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default.vjs-has-started.vjs-user-inactive .vjs-progress-control {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  .vjs-social-link {
    visibility: hidden;
  }
  .video-js .vjs-restart-control:before,
  .video-js .vjs-trigger-social-control:before {
    font-size: 4.5em;
  }
  .video-js_default .vjs-big-play-button:before {
    line-height: 0;
  }
  .video-js_default .vjs-control:before {
    line-height: 24px;
  }
  .video-js_default,
  .video-js_default *,
  .video-js_default :after,
  .video-js_default :before {
    font-size: 12px;
  }
  .video-js_default .vjs-control:before {
    font-size: 12px;
  }
  .video-js_default.vjs-has-started .vjs-control-bar,
  .video-js_default.vjs-mouse .vjs-control-bar {
    height: 37px;
  }
  .video-section .vjs-fullscreen-control {
    top: -6px !important;
  }
  .vjs-share-control,
  .vjs-social-overlay {
    display: block !important;
  }
  .vjs-social-overlay.vjs-hidden {
    display: none !important;
  }
  .vjs-custom-overlay {
    font-size: 18px;
  }
  .video-section #fbiconBR-VPL-id {
    right: 100px !important;
  }
  .video-section #twittericonBR-VPL-id {
    right: 70px !important;
  }
  .vjs-social-overlay {
    top: -15px;
  }
  .vjs-social-overlay legend {
    font-size: 9px;
    line-height: 7px;
  }
  .vjs-social-overlay label {
    font-size: 8px;
    margin-bottom: 1px;
  }
  .vjs-social-overlay .vjs-share-options {
    height: 20px;
  }
  .vjs-social-overlay li {
    height: 16px;
    width: 18px;
  }
  .vjs-social-overlay input {
    line-height: 25px;
    height: 24px;
  }
  .vjs-share-facebook {
    height: 16px;
    width: 16px;
  }
  .vjs-share-facebook:before {
    font-size: 10px;
    position: absolute;
    left: 75px;
    top: 75px;
  }
  .vjs-share-twitter {
    width: 16px;
    height: 16px;
  }
  .vjs-share-twitter:before {
    font-size: 10px;
    position: absolute;
    left: 101px;
    top: 75px;
  }
}
@media only screen and (max-device-width: 736px) and (max-device-height: 414px) and (min-width: 415px) and (min-device-width: 540px) and (min-device-height: 330px) and (orientation: landscape) {
  .vjs-endscreen-overlay-content img {
    width: 93px;
    height: 28px;
  }
  .video-area {
    width: 485px !important;
    height: 273px !important;
  }
  .video-section .video-container .sub-title {
    font-size: 12px;
    border-bottom: 1px solid #fff;
    padding: 0 0px 0 0;
  }
  .video-section .video-container .title {
    font-size: 18px;
    margin: -2px 0px -3px 0;
  }
  .video-section .vjs-big-play-button {
    width: 70px !important;
    height: 70px !important;
  }
  .video-section .video-container .close a:after {
    top: 0px;
    left: 42px;
    font: normal normal normal 13px/38px FontAwesome;
    border: solid 2px #FFF;
    width: 21px;
    height: 21px;
    line-height: 1.4;
  }
  .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default.vjs-has-started.vjs-user-inactive .vjs-progress-control {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  .video-js_default .vjs-big-play-button:before {
    line-height: 0;
  }
  .video-js_default,
  .video-js_default *,
  .video-js_default :after,
  .video-js_default :before {
    font-size: 17px;
  }
  .vjs-custom-overlay {
    font-size: 18px;
  }
  .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default .vjs-big-play-button:before {
    line-height: 0px;
  }
}
@-moz-document url-prefix() {
  .video-js_default.vjs-has-started .vjs-control-bar,
  .video-js_default.vjs-mouse .vjs-control-bar {
    display: flex;
  }
}
#video-poster {
  position: absolute;
  z-index: 600;
  display: none;
}
.video-js .vjs-restart-control:before,
.video-js .vjs-trigger-social-control:before {
  font-size: 1.5em;
  font-family: bc-custom-end-icons;
  padding: .2em;
}
.video-js_default.vjs-user-inactive.vjs-fullscreen {
  height: auto !important;
  width: auto !important;
  height: initial !important;
  width: initial !important;
}
.video-js_default.vjs-user-active.vjs-fullscreen {
  height: auto !important;
  width: auto !important;
  height: initial !important;
  width: initial !important;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default.vjs-has-started.vjs-user-inactive .vjs-progress-control {
    transform: translateY(0px) !important;
    -webkit-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    -o-transform: translateY(0px) !important;
  }
  .video-js_default,
  .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default *,
  .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default :after,
  .bc-player-33bb8790-9d68-4f24-99c6-a3992ae76cc0_default :before {
    font-size: 20px;
  }
}
@media only screen and (max-device-width: 480px) {
  .vjs-share-control,
  .vjs-social-overlay {
    display: block !important;
  }
  .vjs-social-overlay.vjs-hidden {
    display: none !important;
  }
}
.video-block .hmvideobox .rvb-text-blue {
  color: #5b7e96 !important;
}
.video-block .speakers .rvb-text-blue {
  color: #5b7e96;
}
.video-block .row p.vid-lbl-right.rvb-text-blue {
  color: #5b7e96;
}
.video-block .app-performance-component {
  text-align: center;
  margin: 0 0 20px;
}
.video-block .embededdiv {
  width: 100% !important;
  height: 100% !important;
}
.video-block .youtube-right {
  padding-left: 20px;
}
.video-block .youtube-left {
  padding-right: 20px;
}
.video-block .icn-ply {
  height: inherit;
}
.video-block .vid-box-right .inner {
  background-size: 96% 94% !important;
  width: 100%;
  min-height: 320px;
  position: relative;
}
.video-block .vid-box-right .inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .6;
}
.video-block .vid-box-right .inner .videoareacar {
  height: 51px;
  position: absolute;
  right: 45%;
  top: 42%;
  width: 51px;
  background-image: url(../../../../etc.clientlibs/riverbed-www/clientlibs/clientlibs_desktop/resources/images/play-icon.png);
}
.video-block .addspace {
  padding: 0 2%;
}
.video-block .openbox {
  min-height: 320px;
}
.video-block .vid-box-left .inner {
  background-size: 96% 94% !important;
  width: 100%;
  min-height: 320px;
  position: relative;
}
.video-block .vid-box-left .inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .6;
}
.video-block .vid-box-left .inner .videoareacar {
  height: 51px;
  position: absolute;
  right: 45%;
  top: 42%;
  width: 51px;
  background-image: url(../../../../etc.clientlibs/riverbed-www/clientlibs/clientlibs_desktop/resources/images/play-icon.png);
}
.video-block .video-box .videoareacars {
  height: 51px;
  position: absolute;
  right: 50%;
  top: 50%;
  width: 51px;
  background-image: url(../../../../etc.clientlibs/riverbed-www/clientlibs/clientlibs_desktop/resources/images/play-icon.png);
}
.video-block .container p {
  color: #fff;
  text-align: center;
  max-width: none !important;
  margin: 10px;
  font-size: 20px;
  line-height: 1.1;
  margin: 20px;
}
.video-block .vid-box-left {
  /*width: 100%;
			min-height: 320px;*/
}
.video-block div.rounded-more-btn {
  text-align: center;
}
.video-block .container {
  /*	padding-left: 270px;
			padding-right: 30px;*/
}
.video-block .vid-box-right {
  /*width: 484px;
			height: 320px;*/
}
.video-block .hmvideobox h1 {
  line-height: 1.1;
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 45px;
}
.video-block .common-wrapper {
  /*padding: 60px 0 70px;*/
  text-align: center;
}
.video-block .speakers h2 {
  font-size: 36px;
  line-height: 1.4;
  font-weight: 100;
  color: #fff;
  margin: 0 0 30px;
  font-family: "source-sans-pro", sans-serif;
}
.video-block .speakers .video-box {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
.video-block .speakers .vid-box-left .inner {
  background-size: 100% 100% !important;
  width: 100%;
  min-height: 420px;
  position: relative;
}
.video-block .speakers .vid-box-left .inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .6;
}
.video-block .speakers .vid-box-left .inner .videoareacar {
  height: 51px;
  position: absolute;
  right: 47%;
  top: 44%;
  width: 51px;
  background-image: url(../../../../etc.clientlibs/riverbed-www/clientlibs/clientlibs_desktop/resources/images/play-icon.png);
}
.video-block .containerforms .video-box {
  margin-left: 290px;
  margin-right: 290px;
}
.video-block .no-top-space {
  padding-top: 0 !important;
  padding-bottom: 50px !important;
}
.video-block .no-bottom-space {
  padding-top: 60px !important;
  padding-bottom: 0 !important;
}
.video-block .no-space {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.video-block .top-space-more {
  padding-top: 120px !important;
}
.video-block .bottom-space-more {
  padding-bottom: 120px !important;
}
.video-block .wrapper-default-space {
  padding-bottom: 50px !important;
  padding-top: 60px !important;
}
@media only screen and (max-width: 999px) {
  .video-block .top-space-more {
    padding-top: 60px !important;
  }
}
@media only screen and (max-width: 999px) {
  .video-block .bottom-space-more {
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .video-block .vid-box-left .inner,
  .video-block .vid-box-right .inner {
    background-size: 96% 94% !important;
    width: 100%;
    min-height: 250px;
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .video-block .addspace {
    padding-bottom: 15%;
  }
  .video-block .speakers .vid-box-left .inner {
    background-size: 100% 100% !important;
    width: 100%;
    min-height: 250px;
    position: relative;
  }
}
.eventnewdesign .video-block .common-wrapper {
  max-width: 100%;
  margin: 0 auto;
}
.eventnewdesign .video-block .speakers {
  background: none;
}
@media only screen and (max-width: 767px) {
  .eventnewdesign .video-block .common-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
}
.youtube-right #embededdiv2 {
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
  margin-left: 800px !important;
}
.youtube-left #embededdiv1 {
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
}
.eventnewdesign .video-block div.rounded-clear-blue-btn a:after {
  content: url(clientlib-site/resources/Icons/icon_orange_round_arrow_22.png);
  margin-top: -11px;
  width: 24px;
}
.video-block div.rounded-more-wht-btn,
.video-block div.rounded-video-wht-btn {
  text-align: center;
}
.video-block a:hover {
  text-decoration: none;
}

.filter-box {
  position: relative;
  background: #fff;
  padding: 25px 0 15px 40px;
  margin-bottom: 10px;
}
.filter-box:before,
.filter-box:after {
  display: block;
  content: '';
  clear: both;
}
.filter-box .sub-title {
  float: left;
  padding: 10px 25px 6px 0;
  margin: 0 25px 0 0;
  border-right: 1px solid #cac9c9;
  color: #415464;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
.filter-box .filter-title {
  float: left;
  cursor: pointer;
  padding: 10px;
  color: #ff681d;
}
.filter-box .filter-title:hover {
  color: #ff681d;
}
.filter-box .filter-title .select-opener {
  background: url(../../../../etc.clientlibs/riverbed-www/clientlibs/clientlibs_desktop/resources/images/sprite.png) no-repeat -219px -90px;
  background-size: 300px auto;
  width: 13px;
  height: 19px;
  float: right;
  margin: 0 0 0 20px;
}
.filter-box .jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  min-width: 150px;
  max-width: 200px;
  height: 32px;
  padding: 0 0 6px;
}
.filter-box .jcf-select .jcf-list {
  left: 40px;
}
.filter-box .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  display: block;
  font-size: 20px;
  line-height: 24px;
  margin: 0 32px 0 0;
  color: #ff681d;
}
.filter-box .jcf-select-opener {
  position: absolute;
  text-align: center;
  background: url(../../../../etc.clientlibs/riverbed-www/clientlibs/clientlibs_desktop/resources/images/sprite.png) no-repeat -219px -88px;
  background-size: 300px auto;
  width: 13px;
  bottom: 0;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .filter-box .jcf-select-opener {
    background-position: -219px -88px;
  }
}
@media only screen and (max-width: 767px) {
  .filter-box {
    position: static;
    display: block;
    margin: 0 0 20px;
  }
}
.filter-categories .container {
  position: relative;
}
.filter-flyout {
  background-color: #415464;
  position: absolute;
  top: -10px;
  z-index: 150;
  width: 100%;
  display: none;
  left: 2px;
}
@media only screen and (max-width: 767px) {
  .filter-flyout {
    top: -20px;
  }
}
.filter-flyout:before,
.filter-flyout:after {
  display: block;
  content: '';
  clear: both;
}
.filter-flyout ul {
  -moz-column-gap: 20px;
  -moz-column-count: 3;
  -webkit-column-gap: 0px;
  -webkit-column-count: 3;
  column-gap: 20px;
  column-count: 3;
  margin: 10px 0 10px 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .filter-flyout ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.filter-flyout ul li {
  list-style: none;
  padding: 15px 0 15px 20px;
  border-right: 1px solid #3a4a59;
}
@media only screen and (max-width: 767px) {
  .filter-flyout ul li {
    padding-botton: 20px;
  }
}
.filter-flyout ul li label {
  color: #fff;
  margin-left: 20px;
}
.filter-flyout ul li:hover {
  cursor: pointer;
}
.filter-flyout ul li:hover label {
  color: #ff681d;
}
.filter-flyout ul li input[type="radio"]:checked + label {
  color: #ff681d;
}
.filter-flyout ul li:hover input[type='radio'] {
  background: #ff681d;
}
.filter-flyout ul li:hover input[type='radio']:before,
.filter-flyout ul li input[type='radio']:checked:before {
  background: #ff681d;
}
.filter-flyout ul li input[type='radio']:before {
  content: '';
  display: block;
  width: 65%;
  height: 65%;
  margin: 12%;
  border-radius: 50%;
}

/*  RIVERBED : SEARCH START */
@media only screen and (min-width: 999px) {
  div.gsc-control-cse {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}
div.gsc-control-cse {
  padding-left: 90px;
  padding-right: 90px;
  background-color: #475464 !important;
  border-color: #475464 !important;
  position: relative;
  padding: 47px 25px 20px 234px;
}
div.gsc-control-cse * {
  font-family: source-sans-pro, Arial, Helvetica, sans-serif !important;
}
div.gsc-control-cse .gsc-input-box {
  border: 0 none !important;
  border-bottom: 2px solid #fc6719 !important;
  height: 44px !important;
  background-color: #475464 !important;
}
div.gsc-control-cse .gsc-input-box > table {
  height: 100%;
}
div.gsc-control-cse .gsc-input-box > table .gsib_a {
  padding: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
div.gsc-control-cse .gsc-input-box.gsc-input-box-focus {
  -webkit-box-shadow: inset 0 0 0 transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
}
div.gsc-control-cse .gsc-input-box.gsc-input-box-hover {
  -webkit-box-shadow: inset 0 0 0 transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
}
div.gsc-control-cse .gsst_b {
  margin-right: 30px;
}
div.gsc-control-cse .gsst_b .gscb_a {
  color: white !important;
  margin-top: 2px;
}
div.gsc-control-cse .gsc-search-button {
  cursor: pointer;
}
div.gsc-control-cse .gsc-search-button:before {
  position: absolute;
  content: "\f002";
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  left: 0;
  top: 2px;
  color: #fff;
}
div.gsc-control-cse .gsc-search-button input {
  display: none;
}
div.gsc-control-cse input.gsc-input {
  line-height: 40px;
  height: 42px !important;
  font-size: 26px;
  color: white !important;
  background-color: transparent !important;
}
div.gsc-control-cse td.gsc-input {
  padding-right: 0 !important;
}
div.gsc-control-cse .gsc-result-info {
  padding-left: 0 !important;
  color: white !important;
}
div.gsc-control-cse .gsc-orderby-label {
  color: white !important;
}
div.gsc-control-cse .gsc-webResult.gsc-result {
  background-color: #475464 !important;
  border-color: #475464 !important;
}
div.gsc-control-cse .gsc-results .gsc-imageResult {
  background-color: #475464 !important;
  border-color: #475464 !important;
}
div.gsc-control-cse .gsc-cursor-page {
  background-color: #475464 !important;
  color: white !important;
}
div.gsc-control-cse .gsc-cursor-page.gsc-cursor-current-page {
  border-color: white !important;
}
div.gsc-control-cse .gcsc-branding * {
  color: white !important;
}
div.gsc-control-cse .gs-title {
  color: white;
}
div.gsc-control-cse .gs-snippet {
  color: white;
  word-break: break-all;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:link {
  color: white !important;
  font-weight: bold;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:link b {
  color: white !important;
  font-weight: bold;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:visited {
  color: #DDDDDD !important;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:visited b {
  color: #DDDDDD !important;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:hover {
  color: gray !important;
}
div.gsc-control-cse .gs-webResult.gs-result a.gs-title:hover b {
  color: gray !important;
}
div.gsc-control-cse .gs-imageResult a.gs-title:link {
  color: white !important;
  font-weight: bold;
}
div.gsc-control-cse .gs-imageResult a.gs-title:link b {
  color: white !important;
  font-weight: bold;
}
div.gsc-control-cse .gs-imageResult a.gs-title:visited {
  color: #DDDDDD !important;
}
div.gsc-control-cse .gs-imageResult a.gs-title:visited b {
  color: #DDDDDD !important;
}
div.gsc-control-cse .gs-imageResult a.gs-title:hover {
  color: gray !important;
}
div.gsc-control-cse .gs-imageResult a.gs-title:hover b {
  color: gray !important;
}
div.gsc-control-cse .gs-visibleUrl {
  color: gray !important;
}
div.gsc-control-cse .gs-result > * {
  padding-left: 0 !important;
}
div.gsc-control-cse .gsc-selected-option-container {
  min-width: 75px;
}
#tools .tab-container .tab .container {
  height: 100vh !important;
  padding: 42px 25px 20px;
  width: 100% !important;
}
#tools .tab-container .tab .gsc-control-cse .container {
  padding: 0;
  height: auto !important;
  margin: 0 auto !important;
}
#tools .tab-container #search-box {
  width: 100%;
}
#tools .search-form {
  border-bottom: 2px solid #fc6719;
  height: 44px;
}
#tools .search-form:after {
  display: block;
  clear: both;
  content: '';
  height: 1%;
}
#tools .search-form .btn-send {
  float: right;
  margin: 4px 0 0 15px;
  background: none;
  border: none;
  font-weight: bold;
  color: #fff;
  font-size: 0;
  line-height: 0;
  padding: 0;
  height: 28px;
  width: 24px;
  outline: none;
  position: relative;
}
#tools .search-form .btn-send:before {
  position: absolute;
  content: "\f002";
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  left: 0;
  top: 2px;
  color: #fff;
}
#tools .search-form .input-holder {
  overflow: hidden;
  padding: 0 0 2px;
}
#tools .search-form .search-field {
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  outline: none;
  padding: 0;
  background: none;
  color: #fff;
  line-height: 40px;
  height: 40px;
  font-size: 26px;
}
#tools .search-form .search-field::-webkit-input-placeholder {
  color: #b1b7bc;
}
#tools .search-form .search-field:-moz-placeholder {
  color: #b1b7bc;
}
#tools .search-form .search-field::-moz-placeholder {
  color: #b1b7bc;
  opacity: 1;
}
#tools .search-form .search-field:-ms-input-placeholder {
  color: #b1b7bc;
}
form {
  margin: 0;
  padding: 0;
  border-style: none;
}
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}
#totalresults {
  padding-top: 50px;
  color: #fff;
  padding-bottom: 22px;
  border-bottom: 1px solid #2f3d49;
  display: none;
  width: 100%;
}
#resultwrap {
  width: 100%;
}
.resultdiv {
  padding-top: 25px;
  border-bottom: 1px solid #2f3d49;
  padding-bottom: 25px;
}
.titleclass {
  color: #fff;
  word-wrap: break-word;
  margin-bottom: 15px;
}
.titleclass a {
  color: #fff;
  word-wrap: break-word;
  text-decoration: underline;
  font-size: 18px;
}
.descclass {
  color: #fff;
  word-wrap: break-word;
}
.linkclass {
  color: #FE671C;
  word-wrap: break-word;
  margin-bottom: 15px;
}
.linkclass a {
  color: #fc6719;
  text-decoration: none;
}
.linkclass a:hover {
  text-decoration: underline;
}
.tools-active #tools {
  position: fixed;
  padding: 90px 17px 0 0;
  width: 62px;
}
.tools-active #tools .tab-container {
  right: 0;
  opacity: 1;
}
.tools-active #tools .tab-links li {
  float: right;
  clear: right;
  padding-top: 30px;
}
.tools-active #tools .tab-links li .opener {
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
}
.tools-active #tools .tab-links a {
  background: #415464;
  position: relative;
}
.tools-active #tools .tab-links li.active:after {
  content: '';
  position: absolute;
  right: -17px;
  top: 0;
  background: #ff681d;
  width: 7px;
  height: 40px;
}
.tools-active #tools .tab-links li.active a i {
  opacity: 0;
  filter: alpha(opacity=0);
}
.tools-active #tools .tab-links li.active a:after {
  content: "\f00d";
  font: normal normal normal 24px/38px FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiase;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 3px #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  line-height: 1.6;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
}
.tools-active #tools .tab-links li.active a:hover:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tools-active #tools .tab-links .link {
  right: -300px;
  display: block;
}
.tools-active #tools .tab-links .search.active.selected {
  padding-top: 50px;
}
.tools-active #tools .tab-links.dark-theme * {
  color: #fff !important;
}
a {
  text-decoration: none;
  color: #415464;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 999px) {
  .search-active .gsc-control-cse {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 650px) {
  #tools .tab-container .tab .container {
    padding: 15px 10px;
  }
  .tools-active.quick-links-active #tools {
    padding: 16px 17px 0 0;
  }
  .search-active #tools .search-form {
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .search-active.tools-active #tools .tab-container {
    top: 62px;
  }
  .tools-active #tools {
    position: fixed;
    padding: 70px 17px 0 0;
    width: 62px;
  }
}
@media screen and (max-width: 1024px) {
  #tools .tab-container .tab .gsc-control-cse .container {
    padding: 0 70px 0 0;
  }
}
#loaderdiv {
  text-align: center;
  padding: 25px;
}
#loaderdiv img {
  width: 25px;
}
.tab-container {
  display: none;
}
/*  RIVERBED : SEARCH END */

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/riverbed-www/riverbed/components/structure/header/clientlib/less/header.less
Error: NameError: variable @color_8 is undefined in /apps/riverbed-www/riverbed/components/structure/header/clientlib/less/header.less on line 74, column 12:
73 				width: calc(100% - 72px);
74 				color: @color_8;
75 				font-size: 30px;


(uncompiled LESS src is included below)
*****************************************************/
/*
 *  Copyright 2016 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@import (reference) "/apps/riverbed-www/riverbed/clientlibs/common/variables.less";

header.rb18 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 10;
	padding: 0;
	overflow: visible;
	z-index: 9999;
	.gradient-overlay {
		position: fixed;
		width: 100%;
		height: 100vh;
		left: 0;
		top: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(42%, rgba(0, 0, 0, 0.56)), color-stop(47%, rgba(0, 0, 0, 0.52)), color-stop(52%, rgba(0, 0, 0, 0.45)), color-stop(53%, rgba(0, 0, 0, 0.46)), color-stop(64%, rgba(0, 0, 0, 0.3)), color-stop(66%, rgba(0, 0, 0, 0.26)), color-stop(69%, rgba(0, 0, 0, 0.24)), color-stop(71%, rgba(0, 0, 0, 0.2)), color-stop(77%, rgba(0, 0, 0, 0.13)), color-stop(79%, rgba(0, 0, 0, 0.1)), color-stop(80%, rgba(0, 0, 0, 0.11)), color-stop(81%, rgba(0, 0, 0, 0.09)), color-stop(92%, rgba(0, 0, 0, 0.02)), to(rgba(0, 0, 0, 0.01)));
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.52) 47%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.26) 66%, rgba(0, 0, 0, 0.24) 69%, rgba(0, 0, 0, 0.2) 71%, rgba(0, 0, 0, 0.13) 77%, rgba(0, 0, 0, 0.1) 79%, rgba(0, 0, 0, 0.11) 80%, rgba(0, 0, 0, 0.09) 81%, rgba(0, 0, 0, 0.02) 92%, rgba(0, 0, 0, 0.01) 100%);
		background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.52) 47%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.26) 66%, rgba(0, 0, 0, 0.24) 69%, rgba(0, 0, 0, 0.2) 71%, rgba(0, 0, 0, 0.13) 77%, rgba(0, 0, 0, 0.1) 79%, rgba(0, 0, 0, 0.11) 80%, rgba(0, 0, 0, 0.09) 81%, rgba(0, 0, 0, 0.02) 92%, rgba(0, 0, 0, 0.01) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.52) 47%, rgba(0, 0, 0, 0.45) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.26) 66%, rgba(0, 0, 0, 0.24) 69%, rgba(0, 0, 0, 0.2) 71%, rgba(0, 0, 0, 0.13) 77%, rgba(0, 0, 0, 0.1) 79%, rgba(0, 0, 0, 0.11) 80%, rgba(0, 0, 0, 0.09) 81%, rgba(0, 0, 0, 0.02) 92%, rgba(0, 0, 0, 0.01) 100%);
		z-index: -1;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.gradient-overlay.body-overlay {
		z-index: -1;
		opacity: 1;
		visibility: visible;
	}
	
	.search-box {
		position: absolute;
		top: 61px;
		right: 0;
		width: 0;
		height: calc(100vh - 61px);
		padding: 70px 0 58px;
		background: #303D49;
		z-index: 9;
		opacity: 0;
		-webkit-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
		form {
			border-bottom: 1px solid #fff;
			&:after {
				content: "";
				display: block;
				clear: both;
			}
			input {
				width: calc(100% - 72px);
				color: @color_8;
				font-size: 30px;
				background: transparent;
				border: none;
				font-family: @font_family_5;
				float: left;
				&:focus {
					outline: none;
				}
				&::-webkit-input-placeholder {
					font-size: 30px;
					font-family: @font_family_5;
					letter-spacing: 0.09em;
					color: @color_8;
				}
				&::-moz-placeholder {
					font-size: 30px;
					font-family: @font_family_5;
					letter-spacing: 0.09em;
					color: @color_8;
				}
				&:-ms-input-placeholder {
					font-size: 30px;
					font-family: @font_family_5;
					letter-spacing: 0.09em;
					color: @color_8;
				}
				&:-moz-placeholder {
					font-size: 30px;
					font-family: @font_family_5;
					letter-spacing: 0.09em;
					color: @color_8;
				}
			}
			button {
				cursor: pointer;
				width: 23px;
				height: 23px;
				margin-top: 3px;
				background: transparent;
				float: left;
				img {
					display: block;
				}
			}
			.clear {
				cursor: pointer;
				width: 30px;
				height: 23px;
				margin-top: 4px;
				float: left;
				img {
					display: block;
				}
			}
			.close-search {
				cursor: pointer;
				width: 30px;
				height: 30px;
				float: left;
				margin-left: 19px;
				-o-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
				&:hover {
					-webkit-transform: rotate(180deg);
					-o-transform: rotate(180deg);
					transform: rotate(180deg);
					-webkit-transition: -webkit-transform 0.3s linear;
					transition: -webkit-transform 0.3s linear;
					-o-transition: -o-transform 0.3s linear;
					transition: transform 0.3s linear;
					transition: transform 0.3s linear, -webkit-transform 0.3s linear, -o-transform 0.3s linear;
				}
				img {
					display: block;
				}
			}
		}
	}
}
/*  RIVERBED : HEADER */
/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/riverbed-www/riverbed/components/structure/footer/clientlibs/less/footer.less
Error: NameError: variable @color_99 is undefined in /apps/riverbed-www/riverbed/components/structure/footer/clientlibs/less/footer.less on line 34, column 12:
33 				float: left;
34 				color: @color_99;
35 				width: 139px;


(uncompiled LESS src is included below)
*****************************************************/
/*
 *  Copyright 2016 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/* RIVERBED : FOOTER */

// Color variables (appears count calculates by raw css)
@color0: #5b7e96; // Appears 3 times

.rb18.footer {
	background: #fff;
	padding: 50px 0 50px;
	.footer-top {
		float: left;
		width: 100%;
		padding-bottom: 39px;
		border-bottom: 1px solid #ADBECA;
		.sign-up {
			float: left;
			p {
				float: left;
				color: @color_99;
				width: 139px;
				line-height: 1.3;
				font-weight: 600;
				margin-right: 28px;
				letter-spacing: 0.10em;
			}
			.sign-up-mail {
				float: left;
				.input-wrap {
					position: relative;
					.email {
						height: 40px;
						padding: 10px 40px 10px 14px;
						width: 270px;
						border-radius: 50px;
						outline: none;
						color: @color_1;
						font-size: 16px;
						border: 1px solid #5b7e96;
						text-transform: inherit;
					}
					&::-webkit-input-placeholder {
						letter-spacing: 0.10em;
						color: @color_1;
						font-size: 16px;
						font-weight: 500;
					}
					&::-moz-placeholder {
						letter-spacing: 0.10em;
						color: @color_1;
						font-size: 16px;
						font-weight: 500;
					}
					&:-ms-input-placeholder {
						letter-spacing: 0.10em;
						color: @color_1;
						font-size: 16px;
						font-weight: 500;
					}
					&:-moz-placeholder {
						letter-spacing: 0.10em;
						color: @color_1;
						font-size: 16px;
						font-weight: 500;
					}
					input {
						&:focus {
							&~label {
								top: -30px;
								color: @color_1;
							}
						}
					}
					.used {
						&~label {
							top: -30px;
							color: @color_1;
						}
					}
					label {
						position: absolute;
						pointer-events: none;
						left: 15px;
						top: 10px;
						letter-spacing: 0.10em;
						color: @color_1;
						font-size: 16px;
						font-weight: 600;
						font-family: @font_family_5;
						-webkit-transition-duration: 0.3s;
						-o-transition-duration: 0.3s;
						transition-duration: 0.3s;
						-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
						-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
						transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
					}
					.submit {
						position: absolute;
						right: 8px;
						top: 6px;
						height: 26px;
						width: 27px;
						outline: none;
						cursor: pointer;
						background: transparent;
						img {
							width: 24px;
							height: 22px;
						}
					}
				}
			}
		}
		.social-share {
			float: right;
			ul {
				li {
					display: inline-block;
					margin-left: 22px;
					a {
						float: left;
						position: relative;
						width: 22px;
						&:before {
							content: "";
							position: absolute;
							top: -15px;
							left: -15px;
							border-radius: 50%;
							right: 0;
							bottom: 0;
							height: 50px;
							width: 50px;
							background: #ff681d;
							-webkit-transform: scale(0);
							-o-transform: scale(0);
							transform: scale(0);
							z-index: -1;
							opacity: 0;
							-webkit-transition: all 300ms ease-out;
							-o-transition: all 300ms ease-out;
							transition: all 300ms ease-out;
							content: "";
							position: absolute;
							top: -15px;
							left: -15px;
							border-radius: 50%;
							right: 0;
							bottom: 0;
							height: 50px;
							width: 50px;
							background: #ff681d;
							-webkit-transform: scale(0);
							-o-transform: scale(0);
							transform: scale(0);
							z-index: 0;
							-webkit-transition: all 300ms ease-out;
							-o-transition: all 300ms ease-out;
							transition: all 300ms ease-out;
						}
						&:hover {
							img {
								opacity: 0;
							}
							&:before {
								-webkit-transform: scale(1);
								-o-transform: scale(1);
								transform: scale(1);
								opacity: 1;
								-webkit-transition: all 300ms ease-out;
								-o-transition: all 300ms ease-out;
								transition: all 300ms ease-out;
								-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
								-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
								transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
							}
						}
					}
					.twitter {
						width: 21px;
						&:after {
							content: "";
							position: absolute;
							height: 22px;
							width: 22px;
							right: 0;
							top: 0px;
							opacity: 0;
							background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/twitter_white.png) top no-repeat;
						}
						&:hover {
							&:after {
								opacity: 1;
							}
						}
					}
					.facebook {
						width: 22px;
						&:after {
							content: "";
							position: absolute;
							height: 22px;
							width: 22px;
							right: 0;
							top: 0px;
							opacity: 0;
							background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/facebook_white.png) top no-repeat;
						}
						&:hover {
							&:after {
								opacity: 1;
							}
						}
					}
					.linkdin {
						width: 22px;
						&:after {
							content: "";
							position: absolute;
							height: 22px;
							width: 22px;
							right: 0;
							top: 0px;
							opacity: 0;
							background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/linkdin_white.png) top no-repeat;
						}
						&:hover {
							&:after {
								opacity: 1;
							}
						}
					}
					.google_plus {
						width: 29px;
						&:before {
							top: -16px;
							left: -11px;
						}
						&:after {
							content: "";
							position: absolute;
							height: 22px;
							width: 30px;
							right: 0;
							top: 0px;
							opacity: 0;
							background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/google_plus_white.png) top no-repeat;
						}
						&:hover {
							&:after {
								opacity: 1;
							}
						}
					}
					.wechat {
						&:after {
							content: "";
							position: absolute;
							height: 22px;
							width: 22px;
							right: 0;
							top: 0px;
							opacity: 0;
							background: url(../../../../content/dam/riverbed-www/en_US/Images/fpo/wechat-white.png) top no-repeat;
						}
						&:hover {
							&:after {
								opacity: 1;
							}
						}
					}
				}
			}
		}
	}
	.footer-middle {
		float: left;
		width: 100%;
		padding: 54px 0 82px;
		.col-five {
			padding-left: 18px;
			&:first-child {
				padding-left: 2px;
			}
			&:nth-child(3) {
				padding-left: 35px;
			}
			&:nth-child(4) {
				padding-left: 50px;
			}
			&:last-child {
				padding-left: 67px;
			}
			p {
				color: @color_4;
				font-weight: 700;
				letter-spacing: 0.10em;
			}
			ul {
				padding: 16px 0;
				li {
					padding-bottom: 16px;
					a {
						color: @color_3;
						font-size: 16px;
						font-weight: 700;
						position: relative;
						&:before {
							content: "";
							position: absolute;
							z-index: 0;
							width: 100%;
							bottom: -3px;
							background: #5b7e96;
							height: 2px;
							-o-transform: scale(0, 1);
							-webkit-transform: scale(0, 1);
							transform: scale(0, 1);
							-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
							-webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
							transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
							-o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
							transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
							transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
							-o-transform-origin: right top;
							-webkit-transform-origin: right top;
							transform-origin: right top;
						}
						&:hover {
							color: @color_3;
							&:before {
								-o-transform: scale(1, 1);
								-webkit-transform: scale(1, 1);
								transform: scale(1, 1);
								-o-transform-origin: left top;
								-webkit-transform-origin: left top;
								transform-origin: left top;
							}
						}
					}
				}
			}
		}
	}
	.footer-bottom {
		float: left;
		width: 100%;
		.logo-wrap {
			float: left;
			a {
				float: left;
				img {
					width: 110px;
				}
			}
			p {
				float: left;
				margin: 0 23px;
				color: @color_2;
				font-weight: 600;
				line-height: 2.4;
			}
		}
		ul {
			float: right;
			padding-top: 7px;
			li {
				display: inline-block;
				padding-right: 38px;
				font-weight: 100;
				a {
					font-size: 16px;
					color: @color_99;
					font-weight: 600;
					letter-spacing: -0.010em;
					font-family: @font_family_5;
				}
				.language {
					padding-left: 26px;
					position: relative;
					padding: 8px 42px 9px 45px;
					border-radius: 50px;
					background-color: @background_color_69;
					&:before {
						content: "";
						position: absolute;
						height: 17px;
						width: 17px;
						left: 19px;
						top: 11px;
						background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_globe.svg) top no-repeat;
					}
					&:after {
						content: "";
						position: absolute;
						height: 7px;
						width: 11px;
						right: 17px;
						top: 16px;
						background: url(../../../../content/dam/riverbed-www/en_US/framework/redesign/images/gray_up_arrow.png) top no-repeat;
					}
				}
				&:nth-child(3) {
					padding-right: 23.5px;
				}
				&:last-child {
					padding-right: 0;
				}
			}
		}
	}
	ol {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
}


.link-text {
	color: @color0;
	display: inline-block;
	font-weight: 600;
	position: relative;
	text-decoration: none;
	text-transform: capitalize;
	&:before {
		-o-transform-origin: right top;
		-o-transform: scale(0, 1);
		-o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
		-webkit-transform-origin: right top;
		-webkit-transform: scale(0, 1);
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
		-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
		background: @color0;
		bottom: -3px;
		content: "";
		height: 2px;
		position: absolute;
		transform-origin: right top;
		transform: scale(0, 1);
		transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
		transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
		transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
		width: 100%;
		z-index: 0;
	}
	&:hover {
		color: @color0;
	}
}
.link-text:hover:before {
	-o-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-o-transform-origin: left top;
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

.carousel.no-bottom-space .cmp-carousel {
  padding-bottom: 0!important;
}
.carousel.no-space .cmp-carousel {
  padding-bottom: 0!important;
  padding-top: 0!important;
}
.carousel.no-top-space .cmp-carousel {
  padding-top: 0 !important;
}
.carousel.bottom-space-more .cmp-carousel {
  padding-bottom: 120px !important;
}
.carousel.top-space-more .cmp-carousel {
  padding-top: 120px !important;
}
.carousel.border-top-white {
  border-top: 4px solid #fff;
}
.carousel.border-bottom-white {
  border-bottom: 4px solid #fff;
}
.carousel.border-top-gray {
  border-top: 4px solid #eee;
}
.carousel.border-bottom-gray {
  border-bottom: 4px solid #eee;
}
.rb19 .v-middle-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.rb19 .v-middle-inner {
  display: table;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
.rb19 .v-middle {
  display: table-cell;
  vertical-align: middle;
}
.video-banner {
  margin-top: 68px;
  position: relative;
}
.video-banner .play-icon {
  position: absolute;
  right: 10.7%;
  top: -22px;
  bottom: 0;
  left: auto;
  margin: auto;
  opacity: 0.9;
  height: 100px;
  width: 100px;
  cursor: pointer;
}
.video-banner .bg-img {
  height: 400px;
  position: relative;
}
.video-banner .v-middle-wrapper {
  z-index: 1;
}
.video-banner .bg-img.filter:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 65%;
  opacity: 0.65;
  height: 100%;
  /* background-image: linear-gradient(
    269deg,
    rgba(255, 255, 255, 0) 100%,
    #ffffff 11%,
    #ffffff 0%
    ); */
  background: -moz-linear-gradient(left, #ffffff 27%, #ffffff 40%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, #ffffff 27%, #ffffff 40%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, #ffffff 27%, #ffffff 40%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  z-index: 1;
}
.video-banner .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right bottom;
  font-family: "object-fit: cover; object-position: right;";
}
.video-banner .banner-text {
  max-width: 600px;
  padding-bottom: 19px;
  text-align: left;
}
.video-banner .item-wrap {
  display: none;
  /*max-width: 1600px;*/
  margin: 0 auto;
}
.video-banner .item-wrap.slick-initialized {
  display: block;
}
.video-banner h1 {
  font-size: 42px;
  line-height: 1.2;
  letter-spacing: 0.42px;
  color: #000000;
  margin-bottom: 15px;
  text-transform: none;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.video-banner p {
  line-height: 1.45;
  color: #000000;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  max-width: 580px;
  margin: 0 0 20px;
}
.video-banner p.rb-subhead1 {
  margin: 0px;
}
.banner-text.we-white h1 {
  color: white;
}
.banner-text.we-white p {
  color: white;
}
.Homepage-design {
  background-color: white;
}
.video-banner .slick-track {
  max-height: 400px;
}
.video-banner .item {
  position: relative;
}
.video-banner .slick-dots {
  position: absolute;
  right: 35px;
  bottom: 17px;
  z-index: 4;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  list-style: none;
}
.video-banner .slick-dots li {
  display: inline-block;
  width: 18px;
  cursor: pointer;
  position: relative;
  padding: 0 8px !important;
  vertical-align: bottom;
}
.video-banner .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 12px;
  background: none;
  opacity: 1;
  border: 1px solid #5b7d95;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.video-banner .slick-dots .slick-active button {
  border-color: #5fb4e4;
  background: #5fb4e4;
}
.video-banner .slick-dots li.slick-active:after {
  content: "";
  border: 1px solid #5b7d95;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  top: -4px;
  left: 4px;
  position: absolute;
  -webkit-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 450ms;
  -o-animation-duration: 450ms;
  animation-duration: 450ms;
  -webkit-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.video-banner {
  margin-top: 0px !important;
}
div.rounded-plus-btn,
div.rounded-plus-wht-btn,
div.rounded-more-wht-btn,
div.rounded-more-btn,
div.rounded-download-btn,
div.rounded-video-wht-btn,
div.rounded-more-blue-btn,
div.rounded-clear-blue-btn,
div.rounded-arrow-btn {
  text-align: left;
}
.video-banner .bg-img img {
  object-position: right top !important;
}
/*.rb19 .col-three {
    height: 175px !important;
}*/
@media screen and (max-width: 1150px) {
  .video-banner .bg-img img {
    display: none;
  }
  .video-banner .banner-text {
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .video-banner p {
    max-width: 100%;
  }
}
@media screen and (max-width: 1150px) and (min-width: 992px) {
  .video-banner h1 {
    font-size: 38px;
  }
  .video-banner .play-icon {
    height: 80px;
    width: 80px;
  }
}
@media screen and (max-width: 991px) {
  .video-banner .bg-img:after {
    width: 78%;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .video-banner h1 {
    font-size: 34px;
  }
  .video-banner .play-icon {
    height: 70px;
    width: 70px;
  }
}
@media screen and (max-width: 767px) {
  #tools .tab-container #search-box {
    display: none;
  }
}
@media screen and (max-width: 767px) and (min-width: 596px) {
  .video-banner h1 {
    font-size: 30px;
  }
  .video-banner .play-icon {
    right: 20px;
    height: 60px;
    width: 60px;
  }
}
@media screen and (max-width: 595px) {
  .video-banner h1 {
    font-size: 23px;
  }
  .video-banner p {
    font-size: 22px !important;
    font-weight: 300 !important;
  }
  .video-banner .play-icon {
    right: 20px;
    height: 50px;
    width: 50px;
  }
}
@media screen and (max-width: 480px) {
  .video-banner .bg-img {
    height: 450px;
  }
}
@media screen and (max-width: 1150px) and (min-width: 992px) {
  .video-banner .banner-text {
    max-width: 100% !important;
    padding-right: 0px !important;
  }
  .video-banner h1 {
    text-align: center !important;
  }
  .video-banner p {
    text-align: center !important;
    max-width: 100% !important;
  }
  .video-banner .btn-wrap {
    text-align: center !important;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .video-banner .banner-text {
    max-width: 100% !important;
    padding-right: 0px !important;
  }
  .video-banner h1 {
    text-align: center !important;
  }
  .video-banner p {
    text-align: center !important;
    max-width: 100% !important;
  }
  .video-banner .btn-wrap {
    text-align: center !important;
  }
}
@media screen and (max-width: 595px) {
  .video-banner .banner-text {
    padding-right: 0px !important;
  }
  .video-banner h1 {
    text-align: center !important;
  }
  .video-banner p {
    text-align: center !important;
  }
  .video-banner .btn-wrap {
    text-align: center !important;
  }
}
@media screen and (max-width: 1150px) and (min-width: 992px) {
  .video-banner .rounded-clear-blue-btn {
    text-align: center !important;
  }
}
@media screen and (max-width: 1150px) {
  .video-banner .bg-img img {
    background: url('../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/MS-1322-HomePage-MobileBackground.png') no-repeat;
  }
}
h1.we-orange,
p.we-orange {
  color: #ff681d !important;
}
h1.we-white,
p.we-white {
  color: #fff !important;
}
h1.hp-teaser-title-weight-medium {
  font-weight: 500 !important;
}
h1.hp-teaser-title-weight-large {
  font-weight: 700 !important;
}
@media screen and (min-width: 1024px) {
  div.hp-teaser-title-space-medium {
    max-width: 750px !important;
  }
  div.hp-teaser-title-space-wider {
    max-width: 900px !important;
  }
  h1.hp-teaser-title-size-medium {
    font-size: 60px !important;
  }
  h1.hp-teaser-title-size-large {
    font-size: 80px !important;
  }
}
@media screen and (max-width: 1150px) {
  .video-banner .bg-img img {
    display: block;
  }
  .video-banner h1.we-white,
  .video-banner p.we-white {
    color: #000 !important;
  }
}

/* Top Menu */
.rb19.new-header {
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1330px) {
	header.rb18 .bottom-menu .btn-wrap li.trial-button.covid-button {
		display: none;
	}
}

.new-header .top-menu {
  background-color: #ecf2f6;
}
.new-header .container {
  max-width: 1166px !important;
}
.new-header .top-link {
  text-align: right;
}

.new-header .top-link li {
  display: inline-block;
}

.new-header .top-link li.english a {
  margin-right: 20px;
}

.new-header .top-link li:last-child a {
  margin-right: 0;
}

.new-header .top-link li a {
  margin: 15px 7px 14px;
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #415363;
}

.new-header .top-link li.english a:after {
  content: "";
  position: absolute;
  right: -17px;
  top: 2px;
  width: 1px;
  height: 70%;
  background-color: #415464;
}

.new-header .top-link li a img {
  position: absolute;
  left: -27px;
  top: -1px;
  max-width: 20px;
  width: 100%;
}

.new-header .top-link li a:before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0;
  bottom: -3px;
  background: #5b7e96;
  height: 1px;
  -o-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1),
    -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1),
    -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.new-header .top-link li a:hover:before {
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.new-header .bottom-menu {
  float: left;
  width: 100%;
  background-color: white;
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.05);
}

.new-header .bottom-menu .logo {
  float: left;
  margin-top: 17px;
  max-width: 127px;
}

.new-header .bottom-menu .logo a {
  display: block;
}

.new-header .nav-item {
  float: left;
  margin-left: 27px;
}

.new-header .bottom-menu .hamburger {
  width: 22px;
  float: right;
  font-size: 0;
  cursor: pointer;
  display: none;
}
.new-header .bottom-menu .hamburger span {
  width: 22px;
  height: 2px;
  background: #415363;
  display: inline-block;
  margin: 2px 0px;
}
.new-header .bottom-menu .hamburger span:nth-child(1) {
  -webkit-animation-name: animateOneReverse;
  -o-animation-name: animateOneReverse;
  animation-name: animateOneReverse;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
.new-header .bottom-menu .hamburger span:nth-child(2) {
  -webkit-animation-name: animateTwoReverse;
  -o-animation-name: animateTwoReverse;
  animation-name: animateTwoReverse;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}
.new-header .bottom-menu .hamburger span:nth-child(3) {
  -webkit-animation-name: animateThreeReverse;
  -o-animation-name: animateThreeReverse;
  animation-name: animateThreeReverse;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
.new-header .bottom-menu .hamburger.active span:nth-child(1) {
  -webkit-animation-name: animateOne;
  -o-animation-name: animateOne;
  animation-name: animateOne;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
.new-header .bottom-menu .hamburger.active span:nth-child(2) {
  -webkit-animation-name: animateTwo;
  -o-animation-name: animateTwo;
  animation-name: animateTwo;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  opacity: 0;
}
.new-header .bottom-menu .hamburger.active span:nth-child(3) {
  -webkit-animation-name: animateThree;
  -o-animation-name: animateThree;
  animation-name: animateThree;
  -webkit-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}

.new-header .nav-item > li {
  /* position: relative; */
  float: left;
}

.new-header .nav-item > li:hover > a {
  color: #ff671b;
}
.new-header .nav-item > li > a {
  position: relative;
  font-size: 16px;
  color: #303d49;
  display: block;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.new-header .nav-item .sub-menu {
  position: absolute;
  width: 104.7%;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1220px;
  top: 65px;
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.18);
  background-color: #ffffff;
  padding: 52px 49px 22px 48px;
  z-index: -1;
  opacity: 0;
  display: none;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transform: translateY(0);
  border-radius: 0 0 15px 15px;
}

.new-header .nav-item .partner .sub-menu {
  width: 80.3%;
  left: 40px;
  max-width: 936px;
}
.new-header .nav-item .partner .sub-menu .col-four {
  width: 33.33%;
}
.new-header .nav-item .sub-menu .col-outer {
  float: left;
  width: 100%;
}
.new-header .nav-item .sub-menu .col-outer .overview {
  display: none;
}
.new-header .nav-item .sub-menu .col-four {
  padding-right: 10px;
}
.new-header .nav-item .sub-menu .col-four ul:last-child {
  padding-top: 2px;
}
.new-header .nav-item .sub-menu .col-four.img-box {
  padding: 0 0 0 54px !important;
  margin: 4px 0 17px 0;
  position: relative;
}
.new-header .nav-item .sub-menu .col-four.img-box .play-icon {
  cursor: pointer;
}
.new-header .nav-item .sub-menu .col-four.img-box .play-icon:after {
  content: "";
  position: absolute;
  background: url(../../../../content/dam/riverbed-www/en_US/Images/navigation-redesign/play_icon.svg) top
    no-repeat;
  background-size: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 33px;
  height: 33px;
  transition: all 0.3s ease-in-out;
}
.video-overlay.myPlayerID-1.video-open {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  overflow-y: scroll;
}
.new-header .nav-item .sub-menu .col-four.img-box:before {
  content: "";
  position: absolute;
  left: 5px;
  top: -6px;
  width: 1px;
  height: 98.5%;
  background-color: rgba(0, 0, 0, 0.3);
}
.new-header .nav-item .product .col-four.img-box:before {
  height: 112.5%;
}
.new-header .nav-item .solution .col-four.img-box:before {
  height: 112.5%;
}
.new-header .nav-item .sub-menu .col-four:nth-child(3) {
  padding-left: 4px;
}
.new-header .nav-item .sub-menu .col-four:nth-child(4) {
  padding: 0 10px 0 8px;
}

.new-header .nav-item .sub-menu .col-four ul {
  margin-bottom: 30px;
}
.new-header .nav-item .sub-menu .col-four ul li {
  margin-bottom: 14px;
}
.new-header .nav-item .sub-menu .col-outer .overview {
  margin: 0px 0 20px;
}
.new-header .nav-item .sub-menu .overview .bold-with-arrow {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.17;
  color: #415363;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.new-header .nav-item .sub-menu .overview .bold-with-arrow:after {
  content: "";
  display: inline-block;
  background: url(../../../../content/dam/riverbed-www/en_US/Images/navigation-redesign/link_arrow.svg) top
    no-repeat;
  background-size: inherit;
  width: 9px;
  height: 9px;
  margin-left: 9px;
  transition: all 0.3s ease-in-out;
}
.new-header .nav-item .sub-menu .overview .bold-with-arrow:hover {
  color: #ff671b;
}
.new-header .nav-item .sub-menu .overview .bold-with-arrow:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Images/navigation-redesign/link_orange_arrow.svg) top
    no-repeat;
  margin-left: 12px;
}
.new-header .nav-item .sub-menu .col-four li a {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.15;
  letter-spacing: normal;
  color: #5b7d95;
  transition: all 0.3s ease-in-out;
}

/*Firefox Specific Hacks */
@-moz-document url-prefix() {
  .new-header .nav-item .sub-menu .col-four li a {
    transition: all 0.1s ease-in-out;
  }
}
.ua-edge .new-header .nav-item .sub-menu .col-four li a {
  transition: all 0.1s ease-in-out;
}
.new-header .nav-item .sub-menu .col-four li a:hover {
  color: #ff671b;
}
.new-header .nav-item .sub-menu .col-four li.bold-with-arrow a:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Images/navigation-redesign/link_orange_arrow.svg) top
    no-repeat;
  margin-left: 12px;
}

.new-header .nav-item .sub-menu .col-four .text-wrap p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #415464;
  margin: 18px 0 8px;
}
.new-header .nav-item .sub-menu .col-four .img-wrap {
  height: 153px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 6px 25px 0 rgba(0, 0, 0, 0.05);
  position: relative;
}
.new-header .nav-item .sub-menu .col-four .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-header .nav-item .sub-menu .col-four .text-wrap .btn-orange {
  background: transparent;
  color: #ff681d;
  border: none;
  padding: 12px 40px 10px 0;
  font-size: 14px;
}
.new-header .nav-item .sub-menu .col-four .text-wrap .btn-orange:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Images/navigation-redesign/orange_right_arrow.svg) top
    no-repeat;
  transition: all 0.3s ease;
}
.new-header .nav-item .sub-menu .col-four .text-wrap .btn-orange:hover:after {
  right: 4px;
}
.new-header .nav-item .sub-menu .col-four .bold-with-arrow a {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.17;
  color: #415363;
  position: relative;
}

.new-header .nav-item .sub-menu .col-four .bold-with-arrow a:after {
  content: "";
  display: inline-block;
  background: url(../../../../content/dam/riverbed-www/en_US/Images/navigation-redesign/link_arrow.svg) top
    no-repeat;
  background-size: inherit;
  width: 9px;
  height: 9px;
  margin-left: 9px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-header .nav-item .sub-menu .col-four .bold-with-arrow.no-link a {
  pointer-events: none;
}
.new-header .nav-item .sub-menu .col-four .bold-with-arrow.no-link a:after {
  display: none;
}
.new-header .nav-item .sub-menu .col-four .bold-with-arrow.no-link a:hover {
  color: #415363;
}
.new-header .btn-wrap {
  float: right;
}
.new-header .btn-wrap li {
  float: left;
}

.new-header .btn-wrap .search-nav {
  padding: 22px 14px 22px 14px;
}
.new-header .btn-wrap .search-nav span {
  display: block;
  width: 23px;
  height: 23px;
  cursor: pointer;
}

.new-header .btn-wrap .trial-button {
  padding: 13px 0 13px 14px;
  font-size: 0;
}
.new-header .btn-wrap .trial-button .btn-orange {
  padding: 13px 22px 12px 25px;
  font-size: 14px;
}
.new-header .btn-wrap .trial-button .btn-orange:after {
  display: none;
}
/* .touch .new-header .nav-item .sub-menu .col-outer .overview {
  display: block;
} */
.touch .new-header .nav-item .sub-menu .col-outer .overview.btn {
  display: none;
}

/*Video Overlay*/

.new-header .video-open.video-overlay {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  overflow-y: scroll;
  background-color: transparent;
}

.new-header .video-open.video-overlay .videoContainer {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 60px 0 20px;
  top: 50%;
  transform: translateY(-50%);
  overflow: visible;
  position: relative;
}

.new-header .video-open.video-overlay .bc-player-zRkSWxKvn_default {
  width: 100%;
}

.new-header .video-open.video-overlay .vjs-contextmenu-ui-menu {
  display: none;
}

.new-header .video-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

.new-header .video-open.video-overlay .container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 0;
  max-width: 100% !important;
}

.new-header .video-open.video-overlay .video-js {
  margin: 0 auto;
  object-fit: cover;
  padding-top: 56%;
  position: relative;
}
.new-header .video-open.video-overlay .video-js video {
  z-index: inherit;
}

.bc-player-zRkSWxKvn_default .vjs-big-play-button {
  display: none !important;
}

.new-header .video-overlay .btn-default {
  color: white;
  display: inline-block;
  background: transparent !important;
  padding: 0;
  width: 40px !important;
  transition: all 0.4s ease;
  font-family: museo-sans, sans-serif;
  font-weight: 500;
  position: absolute;
  top: -4px;
  right: 9px;
  outline: none;
  border: none;
  cursor: pointer;
}
.new-header .video-overlay .btn-default img {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}

/* No promo part */
.new-header.no-promo .nav-item .sub-menu .col-four.img-box {
  display: none;
}
.new-header.no-promo .nav-item .sub-menu {
  width: 68.8%;
  left: 185px;
  padding: 52px 0px 22px 48px;
}
.new-header.no-promo .col-four {
  width: 33.33%;
}
.new-header.no-promo .partner .sub-menu {
  width: 68.8%;
  left: 185px;
}
.new-header.no-promo .nav-item .sub-menu .col-four:nth-child(4) {
  padding: 0 0 0 33px;
}
.new-header.no-promo .nav-item .sub-menu .col-four:nth-child(5) {
  padding: 0 0 0 50px;
}

/* .new-header .video-overlay .btn-default:hover img {
  transform: rotate(90deg);
} */

@media screen and (max-width: 1240px) and (min-width: 1125px) {
  .new-header .nav-item .sub-menu {
    width: 98.7%;
    left: 0;
    max-width: 1235px;
    padding: 52px 49px 22px 84px;
  }
  .new-header .nav-item > li {
    margin: 25px 20px 0!important;
    padding-bottom: 25px;
    cursor: pointer;
  }
}
@media screen and (max-width: 1124px) and (min-width: 992px) {
  .new-header .nav-item .sub-menu {
    width: 100%;
    left: 0px;
    max-width: 1220px;
    padding: 52px 20px 22px 20px;
  }
  .new-header .nav-item .partner .sub-menu {
    left: 0;
  }
  .new-header .nav-item > li {
    margin: 25px 20px 0!important;
    padding-bottom: 25px;
    cursor: pointer;
  }
}

@media (min-width: 1125px) {
  .new-header .container {
    max-width: inherit !important;
    padding: 0 90px;
  }
}
@media screen and (min-width: 1681px) {
  .new-header .container {
    max-width: 1680px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1140px) {
  .new-header .nav-item .sub-menu .col-four {
    padding-right: 32px;
  }
  .new-header .nav-item .sub-menu .col-four:nth-child(4) {
    padding: 0 17px 0 8px;
  }
}
@media (min-width: 992px) {
  .new-header .nav-item > li {
    margin: 25px 25px 0;
    padding-bottom: 25px;
    cursor: pointer;
  }
  .new-header .nav-item > li > a:before {
    content: " ";
    display: block !important;
    width: 60px;
    height: 100px;
    position: absolute;
    bottom: -76px;
    left: -39px;
    z-index: 2;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -o-transform: rotate(51deg);
    transform: rotate(51deg);
    -webkit-transform: rotate(51deg);
    top: auto;
    right: auto;
    visibility: hidden;
    background: 0 0;
    opacity: 0;
  }
  .new-header .nav-item > li > a:after {
    content: " ";
    display: block;
    width: 60px;
    height: 100px;
    position: absolute;
    bottom: -80px;
    right: -34px;
    z-index: 2;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -o-transform: rotate(-51deg);
    transform: rotate(-51deg);
    -webkit-transform: rotate(-51deg);
    opacity: 0;
    visibility: hidden;
  }
  .new-header .nav-item > li:hover > a:before  {
    opacity: 1;
    visibility: visible;
  }
  .new-header .nav-item > li:hover > a:after  {
    opacity: 1;
    visibility: visible;
  }
  .new-header .nav-item .sub-menu .col-outer .overview {
    display: none;
  }
  .new-header .nav-item > li:hover .sub-menu {
    visibility: visible;
    display: block;
    -webkit-animation-name: fadeanimate;
    -o-animation-name: fadeanimate;
    animation-name: fadeanimate;
    -webkit-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;;
  }
  .touch .new-header .nav-item > li > a {
    pointer-events: none;
  }
  .touch .new-header .nav-item .sub-menu .col-outer .overview {
    padding-left: 4px;
  }
  .new-header .nav-item > li.mobile-link {
    display: none;
  }
}
@media (max-width: 991px) {
  .new-header .top-menu {
    display: none;
  }
  .new-header .btn-wrap .trial-button .btn-orange {
    padding: 9px 16px;
    font-size: 12px;
  }
  .new-header .btn-wrap .trial-button {
    padding: 20px 0 20px 14px;
  }
  .new-header .btn-wrap .search-nav span {
    width: 20px;
    height: 20px;
  }
  .new-header .nav-item > li.mobile-link a:after {
    display: none;
  }
  .new-header .nav-item > li.mobile-link.english > a {
    padding-left: 47px;
  }
  .new-header .nav-item > li.mobile-link.english > a img {
    position: absolute;
    left: 18px;
    top: 21px;
  }
  .new-header .nav-item {
    margin-left: 0;
    position: absolute;
    top: 67px;
    padding-top: 7px;
    left: 0;
    width: 100%;
    height: calc(100vh - 61px);
    background: #fff;
    display: none;
    opacity: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .touch .new-header .nav-item .sub-menu {
    padding-bottom: 50px;
  }
  .touch .new-header .nav-item .sub-menu .col-outer .overview.btn {
    display: block;
  }
  .touch .new-header .nav-item > li:hover > a {
    color: #303d49;
  }
  .new-header .nav-item.animate {
    display: block;
    opacity: 0;
    -webkit-animation-name: fadeanimate;
    -o-animation-name: fadeanimate;
    animation-name: fadeanimate;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 200ms;
    -o-animation-delay: 200ms;
    animation-delay: 200ms;
    z-index: -1;
    overflow-x: hidden;
  }
  .new-header .nav-item > li {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
  }
  .new-header .nav-item > li.mobile-link {
    display: none;
  }
  .new-header .nav-item .sub-menu {
    width: 100%;
    float: left;
    left: auto;
    right: -200px;
    top: 67px;
    box-shadow: none;
    background-color: transparent;
    padding: 28px 0 0;
    transform: none;
    border-radius: 0;
    z-index: 1;
    position: fixed;
    height: calc(100vh - 61px);
    overflow: auto;
    display: block;
  }
  .new-header .nav-item > li.active .sub-menu {
    opacity: 1;
    visibility: visible;
    right: 0;
    background-color: white;
  }
  .new-header .nav-item .sub-menu .col-outer .overview {
    border-bottom: 1px solid #d7d7d7;
    padding: 0 20px 22px;
    margin: 4px 0 16px;
    float: left;
    width: 100%;
  }
  .new-header .nav-item .sub-menu .col-outer .overview.btn {
    display: block;
  }
  .new-header
    .nav-item
    .sub-menu
    .col-outer
    .overview.btn
    .bold-with-arrow:after {
    display: none;
  }
  .new-header .nav-item > li .sub-menu .overview.btn .bold-with-arrow {
    color: #ff671b;
    text-transform: uppercase;
    font-size: 14px;
  }
  .new-header .nav-item > li > a {
    font-size: 14px;
    padding: 25px 19px 25px;
  }
  .new-header .nav-item > li > a:after {
    content: "";
    position: absolute;
    right: 20px;
    background: url(../../../../content/dam/riverbed-www/en_US/Images/navigation-redesign/menu_right_black_arrow.svg)
      top no-repeat;
    background-size: 100% 100%;
    width: 10px;
    height: 10px;
  }
  .new-header .nav-item > li .sub-menu .overview.btn .bold-with-arrow:before {
    content: "";
    display: inline-block;
    background: url(../../../../content/dam/riverbed-www/en_US/Images/navigation-redesign/menu_left_orange_arrow.svg)
      top no-repeat;
    background-size: inherit;
    width: 9px;
    height: 9px;
    padding: 5px;
    margin-right: 7px;
  }

  .new-header .nav-item .partner .sub-menu {
    width: 100%;
    left: auto;
  }
  .new-header .nav-item .partner .sub-menu .col-four {
    width: 100%;
  }
  .new-header .nav-item .sub-menu .col-four.img-box {
    padding: 0 20px 0 20px !important;
    max-width: 400px;
    margin: 8px 0 20px 0;
    display: none;
  }
  .new-header .nav-item .sub-menu .col-four.img-box:before {
    display: none;
  }
  .new-header .nav-item .sub-menu .col-four {
    width: 100%;
    padding: 0 !important;
  }
  .new-header .nav-item .sub-menu .col-four ul {
    margin: 4px 0 20px;
    padding: 0 20px 8px !important;
    border-bottom: 1px solid #d7d7d7;
  }
  .new-header .nav-item .sub-menu .col-four .bold-with-arrow a {
    font-size: 16px;
  }
  .new-header .nav-item .sub-menu .col-four li a {
    font-size: 14px;
  }
  .new-header .nav-item .sub-menu .overview .bold-with-arrow {
    font-size: 16px;
  }
  .new-header .bottom-menu .hamburger {
    display: block;
    margin-top: 26px;
  }
  .new-header .btn-wrap {
    margin-right: 20px;
  }

  .new-header .btn-wrap .search-nav {
    padding: 26px 4px 8px;
  }
}

@media (max-width: 767px) {
}

@media (max-width: 480px) {
  .new-header .btn-wrap .search-nav {
    padding: 24px 4px 8px;
  }
  .new-header .bottom-menu .hamburger {
    margin-top: 22px;
  }
  .new-header .btn-wrap .search-nav span {
    width: 15px;
    height: 15px;
  }
  .new-header .bottom-menu .logo {
    max-width: 90px;
    margin-top: 21px;
  }
  .new-header .btn-wrap .trial-button {
    padding: 20px 0 17px 7px;
  }
  .new-header .btn-wrap .trial-button .btn-orange {
    font-size: 9px;
    padding: 6px 7px;
  }
  .new-header .btn-wrap {
    margin-right: 10px;
  }
  .new-header .nav-item {
    top: 60px;
    height: calc(100vh - 60px);
  }
  .new-header .nav-item .sub-menu {
    top: 60px;
  }
  .new-header .bottom-menu .hamburger.active {
    margin-top: 22px;
  }
}
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .video-open.video-overlay .video-js {
    padding-top: 48%;
  }
}

.dummy-banner {
  float: left;
  width: 100%;
}
.dummy-banner .bg-img {
  width: 100%;
  height: 700px;
}
.dummy-banner .bg-img img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

@-webkit-keyframes fadeanimate {
  0.00% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeanimate {
  0.00% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeanimate {
  0.00% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animateOne {
  0.00% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(6px) rotate(0deg);
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(6px) rotate(-45deg);
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
}

@-o-keyframes animateOne {
  0.00% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(6px) rotate(0deg);
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(6px) rotate(-45deg);
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
}

@keyframes animateOne {
  0.00% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(6px) rotate(0deg);
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(6px) rotate(-45deg);
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
}

@-webkit-keyframes animateTwo {
  0.00% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes animateTwo {
  0.00% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes animateTwo {
  0.00% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes animateThree {
  0.00% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
}

@-o-keyframes animateThree {
  0.00% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(-6x) rotate(0deg);
    -webkit-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(-6px) rotate(45deg);
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
  }
}

@keyframes animateThree {
  0.00% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -o-transform: translateY(-6px) rotate(0deg);
    -webkit-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(-6px) rotate(45deg);
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
  }
}

@-webkit-keyframes animateOneReverse {
  0.00% {
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  50% {
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}

@-o-keyframes animateOneReverse {
  0.00% {
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  50% {
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes animateOneReverse {
  0.00% {
    -o-transform: translateY(10px) rotate(-45deg);
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  50% {
    -o-transform: translateY(10px) rotate(0deg);
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}

@-webkit-keyframes animateTwoReverse {
  0.00% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes animateTwoReverse {
  0.00% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes animateTwoReverse {
  0.00% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes animateThreeReverse {
  0.00% {
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}

@-o-keyframes animateThreeReverse {
  0.00% {
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes animateThreeReverse {
  0.00% {
    -o-transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(0deg);
    -webkit-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -o-transform: translateY(0px) rotate(0deg);
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}

/*
 * Counter Css
 */
.rb19.counter {
  float: left;
  width: 100%;
  padding: 60px 0 118px;
}
.rb19.counter.home-page {
  padding: 66px 0 110px;
}
.rb19.counter.home-page .container {
  max-width: 1300px;
}
.rb19.counter.home-page .col-three:nth-child(1) {
  padding-right: 60px;
}
.rb19.counter.home-page .col-three:nth-child(2) {
  padding-right: 11px;
}
.rb19.counter.home-page .col-three:nth-child(2):after {
  right: -8px;
}
.rb19.counter.home-page .col-three:nth-child(3) {
  padding-left: 36px;
}
.rb19.counter.home-page .col-three:nth-child(3):after {
  display: none;
}
.rb19.counter.home-page .col-three p {
  max-width: 250px;
}
.rb19.counter.home-page .col-three:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 6px;
  bottom: 0;
  margin: auto;
  height: 68px;
  width: 1px;
  background-color: rgba(170, 171, 174, 0.5);
}
.rb19.counter .heading {
  text-align: center;
  color: #191919;
  font-size: 42px;
  max-width: 445px;
  margin: 0 auto 80px;
  line-height: 1.18;
}
.rb19.counter .col-three-outer {
  width: 100%;
  max-width: 1223px;
  margin: auto;
}
.rb19.counter .col-three-outer:after {
  content: "";
  display: block;
  clear: both;
}
.rb19.counter .col-three {
  text-align: center;
}
.rb19.counter .col-three .text-wrap span {
  font-size: 115px;
  font-weight: 600;
  color: #ff681d;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
}
.rb19.counter.home-page .col-three .text-wrap span {
  display: inline-block;
  line-height: 1.23;
  letter-spacing: 1.2px;
  color: #ffb81d;
  font-weight: 400;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.rb19.counter .col-three h4 {
  color: #5b7e96;
  font-weight: 500;
  margin-bottom: 3px;
}
.rb19.counter.home-page .col-three h4 {
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.rb19.counter .col-three p {
  color: #191919;
  font-size: 20px;
  line-height: 1.25;
  max-width: 290px;
  margin: 11px auto 0;
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  letter-spacing: -0.012em;
}
@media screen and (min-width: 1150px) {
  .rb19.counter.home-page .col-three .text-wrap span {
    font-size: 100px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1150px) {
  .rb19.counter.home-page {
    padding: 40px 0 80px;
  }
  .rb19.counter {
    padding: 50px 0;
  }
  .rb19.counter .heading {
    font-size: 38px;
    margin: 0 auto 50px;
  }
  .rb19.counter .col-three .text-wrap span {
    font-size: 100px;
  }
}
@media screen and (max-width: 991px) {
  .rb19.counter .col-three p {
    font-size: 18px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .rb19.counter.home-page {
    padding: 30px 0 60px;
  }
  .rb19.counter {
    padding: 0 0 40px;
  }
  .rb19.counter .heading {
    font-size: 34px;
    margin: 0 auto 40px;
  }
  .rb19.counter .col-three .text-wrap span {
    font-size: 70px;
  }
  .rb19.counter.home-page .col-three:nth-child(1) {
    padding-right: 55px;
  }
  .rb19.counter.home-page .col-three:after {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .rb19.counter.home-page {
    padding: 10px 0 40px;
  }
  .rb19.counter {
    padding: 0 0 30px;
  }
  .rb19.counter .heading {
    margin: 0 auto 30px;
  }
  .rb19.counter .col-three {
    width: 100%;
    margin-bottom: 30px;
  }
  .rb19.counter .col-three:last-child {
    margin-bottom: 0px;
  }
  .rb19.counter .col-three .text-wrap span {
    font-size: 80px;
  }
  .rb19.counter .col-three p {
    padding: 0;
    max-width: 340px;
  }
  .rb19.counter.home-page .col-three:nth-child(1) {
    padding-right: 0;
  }
  .rb19.counter.home-page .col-three:nth-child(2) {
    padding-right: 0;
  }
  .rb19.counter.home-page .col-three:nth-child(3) {
    padding-left: 0;
  }
  .rb19.counter.home-page .col-three:after {
    display: none;
  }
}
@media screen and (min-width: 596px) and (max-width: 767px) {
  .rb19.counter .heading {
    font-size: 30px;
  }
}
@media screen and (min-width: 481px) and (max-width: 595px) {
  .rb19.counter .heading {
    font-size: 26px;
  }
}
@media screen and (max-width: 480px) {
  .rb19.counter .heading {
    font-size: 22px;
  }
}
.rb19.counter.home-page.light-blue {
  background-color: #f0f5f8;
}

/** GUC On-Demand START***/
.guc-on-demand .container {
    max-width: 790px;
	text-align: center;
}
.guc-on-demand .content-wrap {
    padding-top: 35px !important;
	padding-right: 0px !important;
	max-width: 900px !important;
}
.guc-on-demand .sign-up-mail .input-wrap {
    position: relative;
}
.guc-on-demand .sign-up-mail .input-wrap .email {
    height: 40px;
    padding: 10px 40px 10px 14px;
    width: 270px;
    border-radius: 50px;
    outline: none;
    color: #fff !important;
    font-size: 16px;
    border: 1px solid #fff;
    text-transform: inherit;
    background: none;
}
.guc-on-demand .sign-up-mail .input-wrap label {
    position: absolute;
    pointer-events: none;
    left: 30%;
    top: 29px;
    letter-spacing: 0.10em;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-family: "source-sans-pro", sans-serif;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.guc-on-demand .sign-up-mail .input-wrap .submit {
    position: absolute;
    right: 29%;
    top: 28px;
    height: 26px;
    width: 27px;
    outline: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.guc-on-demand .sign-up-mail .input-wrap .submit img {
    width: 22px;
    height: 22px;
}
.guc-on-demand form.sign-up-mail p#invalid-email {
    position: relative;
    margin: 0 auto;                                                                              
}
.guc-on-demand h5 {
	padding-bottom: 30px;
	font-size: 22px;
}

.guc-on-demand .input-wrap {
	padding-bottom: 20px;
}
.guc-on-demand p {
	color: #fff;
}
.guc-on-demand .sign-up-mail .input-wrap .used ~ label {
    top: -10px;
}
@media (max-width: 1124px) {
	.guc-on-demand .sign-up-mail .input-wrap .submit {
		right: 33%;
	}
	.guc-on-demand .sign-up-mail .input-wrap label {
		left: 33%;
	}
}
@media (max-width: 480px) {
	.guc-on-demand .sign-up-mail .input-wrap label {
		left: 15%;
	}

	.guc-on-demand .sign-up-mail .input-wrap .submit {
		right: 11%;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .rb19.product-cta.guc-on-demand .content-wrap {
        width: 100%;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .rb19.product-cta.bg-orange.guc-on-demand h5 {
        max-width: 100%;
    }
}
.guc-on-demand .tooltips p {
    float: left;
    color: #303d49;
    width: 139px;
    line-height: 1.3;
    font-weight: 600;
    margin-right: 28px;
    letter-spacing: 0.10em;
}
.guc-on-demand a.tooltips span {
    margin-left: 0px;
    bottom: 0px;
}
/** GUC On-Demand STOP***/
.get-started-component {
  position: relative;
  z-index: 0;
  padding: 110px 100px 80px 100px;
  text-align: center;
  background: url("../../../../etc.clientlibs/riverbed-www/riverbed/clientlibs/clientlib-base/resources/images/bg-orange.jpg") no-repeat;
  background-color: #ED6100;
  background-size: cover;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .get-started-component {
    padding: 80px 40px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component {
    padding: 60px 40px 20px 40px;
  }
}
.get-started-component .container {
  margin: 0 auto;
  max-width: 830px;
}
.get-started-component h2 {
  margin: 0 0 30px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.get-started-component p {
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}
.get-started-component p .tel {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 13px;
  position: relative;
}
.get-started-component p .tel:before {
  content: '';
  position: absolute;
  left: -14px;
  top: 4px;
  border: 1px solid #fff;
  bottom: 4px;
}
.get-started-component p .tel:first-of-type:before {
  display: none;
}
.get-started-component .rounded-more-wht-btn {
  text-align: center;
  font-size: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .get-started-component .rounded-more-wht-btn {
    font-size: 18px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component .rounded-more-wht-btn {
    font-size: 16px;
  }
}
.get-started-component .rounded-more-wht-btn a {
  padding: 15px 65px 15px 30px;
  border-radius: 40px;
}
.get-started-component .rounded-more-wht-btn a:before {
  width: 30px;
  height: 30px;
  top: 22px !important;
  right: 14px;
  border: solid 3px #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .get-started-component .rounded-more-wht-btn a:before {
    top: 19px !important;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component .rounded-more-wht-btn a:before {
    margin-top: -10px;
    width: 27px;
    height: 27px;
  }
}
.get-started-component .rounded-more-wht-btn a:after {
  right: 21px !important;
  content: url(../../../../etc.clientlibs/riverbed-www/riverbed/clientlibs/clientlib-base/resources/Icons/icon_white_round_arrow_30.png);
  margin-top: -15px;
  /* Targets only ie 10-11 */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .get-started-component .rounded-more-wht-btn a:after {
    top: 50% !important;
    right: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .get-started-component .rounded-more-wht-btn a:after {
    right: 15px !important;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component .rounded-more-wht-btn a:after {
    font-size: 14px;
    right: 12px !important;
    margin-top: -8px;
  }
}
.get-started-component .rounded-more-wht-btn a:hover:before {
  /*border: solid 3px #ffb81d;*/
}
.get-started-component .rounded-more-wht-btn a:hover:after {
  content: url(../../../../etc.clientlibs/riverbed-www/riverbed/clientlibs/clientlib-base/resources/Icons/icon_orange_round_arrow_30.png);
}
.get-started-component .services-bar {
  margin: 48px 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
  display: table;
  width: 100%;
  table-layout: fixed;
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component .services-bar {
    display: block;
  }
}
.get-started-component .services-bar li {
  display: table-cell;
  vertical-align: top;
  padding: 0 15px 15px;
  box-sizing: border-box;
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component .services-bar li {
    display: block;
    width: 100%;
  }
}
.get-started-component .services-bar a {
  color: #fff;
}
.get-started-component .services-bar a:hover {
  text-decoration: none;
}
.get-started-component .services-bar .phone-number-desktop {
  color: #fff;
  font-weight: 600;
}
.get-started-component .services-bar h2 {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  position: relative;
  margin: 0 0 30px;
}
.get-started-component .services-bar h2 img {
  display: block;
  text-align: center;
  width: 50px;
  margin: 0 auto 10px auto;
}
.get-started-component .phone-number-desktop {
  display: block;
}
.get-started-component .contact-trigger-phone-number {
  display: none;
  font-weight: 600;
}
.get-started-component .contact-trigger {
  font-weight: 600;
}
@media (max-width: 999px) {
  .get-started-component .phone-number-desktop {
    display: none;
  }
  .get-started-component .contact-trigger-phone-number {
    display: block;
  }
}
.get-started-component.four-icons .services-bar li {
  width: 25%;
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component.four-icons .services-bar li {
    display: block;
    width: 100%;
  }
}
.get-started-component.five-icons .container {
  max-width: 960px;
}
.get-started-component.five-icons .services-bar li {
  width: 20%;
}
@media (min-width: 596px) and (max-width: 767px) {
  .get-started-component.five-icons .services-bar li {
    display: block;
    width: 100%;
  }
}
.rb18.cta:before {
  content: '';
  position: absolute;
  top: -175px;
  left: 0;
  width: 100%;
  height: 175px;
  background: #ecf2f7;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -o-transform: skewY(6deg);
  -webkit-transform: skewY(6deg);
  transform: skewY(6deg);
}
.get-started .rb18.cta .rvb-orange:before {
  background: #FF671B;
}
.get-started .rb18.cta .rvb-marigold:before {
  background: #FFB022;
}
.get-started .rb18.cta rvb-marine-blue:before {
  background: #6BB5E4;
}
.get-started .rb18.cta .rvb-stone:before {
  background: #5B7F95;
}
.get-started .rb18.cta .rvb-pantone:before {
  background: #435464;
}
.get-started .rb18.cta .rvb-titanium:before {
  background: #A7ACA2;
}
.get-started .rb18.cta .rvb-white:before {
  background: #FFFFFF;
}
.get-started .rb18.cta .rvb-light-blue:before {
  background: #F1F6FA;
}
.get-started .rb18.cta .rvb-sky-blue:before {
  background: #ecf2f7;
}
.get-started .rb18.cta .bg-img {
  max-height: 422px;
}
.get-started .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom {
  vertical-align: middle;
}
.get-started .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap {
  max-width: 700px;
  text-align: left;
}
.get-started .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap h2 {
  color: #ffffff;
  font-weight: 300;
}
.get-started .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap h5 {
  color: #ffffff;
  font-weight: 400 !important;
  padding: 9px 0 22px;
}
.get-started .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap {
  display: none;
}
.get-started .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom.active .bottom-nav li {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1500px) {
  .rb18.cta:before {
    -o-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
  }
}
@media (max-width: 991px) {
  .rb18.cta:before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .bg-img {
    height: 350px !important;
  }
}
@media (max-width: 767px) {
  .rb18.cta .bg-img {
    height: 350px !important;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default {
  position: relative;
  color: #ff681d;
  padding: 25px 80px 22px 38px;
  display: block;
  background: #fff;
  text-transform: uppercase;
  letter-spacing: 0.095em;
  font-weight: 400;
  border-radius: 50px;
  font-size: 20px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
  -webkit-transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition: color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-transition: color 0.3s ease-in-out, -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), color 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66), -o-transform 0.3s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default {
    padding: 16px 60px 16px 25px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default {
    padding: 16px 60px 14px 26px;
    font-size: 16px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 205%;
  background: #ff681d;
  opacity: 0;
  -webkit-transform: scaleX(0.2);
  -o-transform: scaleX(0.2);
  transform: scaleX(0.2);
  -webkit-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:after {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  right: 42px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../components/global/contentfragment/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowB.svg) top no-repeat;
  -webkit-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  background-size: contain;
}
@media (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:after {
    right: 30px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover {
  color: #fff;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:before {
  opacity: 1;
  -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
  -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
  transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-4%);
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:after {
  /*top: 23px;*/
  background: url(../components/global/contentfragment/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat;
  -webkit-transform: scale(1.2) rotate(90deg);
  -o-transform: scale(1.2) rotate(90deg);
  transform: scale(1.2) rotate(90deg);
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  background-size: contain;
}
@media (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .content-wrap .button-wrap .btn-default:hover:after {
    /*top: 13px;*/
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav {
  position: relative;
  padding-top: 10px;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav {
    padding-top: 0px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav:after {
  content: "";
  display: block;
  clear: both;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li {
  float: left;
  font-size: 0;
  width: 25%;
  text-align: left;
  padding-left: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li {
    width: 50%;
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li {
    width: 50%;
    padding-left: 0;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:first-child {
  padding-left: 0;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin: 25px 0 24px 45px !important;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  margin-left: 20px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a {
    font-size: 14px;
    margin: 20px 0px 19px 35px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a {
    font-size: 14px;
    margin: 24px 0px 19px 8px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a {
    font-size: 12px;
    margin: 20px 0px 0 23px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a {
    font-size: 12px;
    margin: 24px 0px 0 10px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:hover:after {
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  bottom: -1px;
  left: 0;
  background: #ff681d;
  height: 2px;
  -o-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before {
  content: "";
  position: absolute;
  left: -45px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before {
    left: -35px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before {
    left: -23px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before {
    left: -23px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li a:before {
    left: -23px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before {
  width: 16px;
  height: 26px;
  /*background: url("../components/global/contentfragment/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_howToBuy.svg");*/
  background: none !important;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before {
    width: 12px;
    height: 20px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before {
    width: 10px;
    height: 17px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before {
    width: 8px;
    height: 14px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(1) a:before {
    width: 8px;
    height: 14px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before {
  width: 18px;
  height: 22px;
  /* background: url("../components/global/contentfragment/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_trials.svg");*/
  background: none !important;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before {
    width: 17px;
    height: 21px;
    left: -35px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before {
    width: 14px;
    height: 18px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before {
    width: 11px;
    height: 14px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(2) a:before {
    width: 11px;
    height: 14px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before {
  width: 23px;
  height: 23px;
  /*background: url("../components/global/contentfragment/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_webinars.svg");*/
  background: none !important;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before {
    width: 20px;
    height: 20px;
    left: -35px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(3) a:before {
    width: 15px;
    height: 15px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before {
  width: 23px;
  height: 16px;
  /*background: url("../components/global/contentfragment/content/dam/riverbed-www/en_US/framework/redesign/images/Homepage_Icons_contact.svg");*/
  background: none !important;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before {
    width: 20px;
    height: 14px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before {
    width: 17px;
    height: 12px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before {
    width: 16px;
    height: 11px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li:nth-child(4) a:before {
    width: 16px;
    height: 11px;
  }
}
/* .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav li {
      opacity: 1;
      visibility: visible; }*/
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-1 {
  width: 16px;
  height: 26px;
  margin-top: 25px;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-1 {
    width: 12px;
    height: 20px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-1 {
    width: 10px;
    height: 17px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-1 {
    width: 8px;
    height: 14px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-1 {
    width: 8px;
    height: 14px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-2 {
  width: 18px;
  height: 22px;
  margin-top: 25px;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-2 {
    width: 17px;
    height: 21px;
    left: -35px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-2 {
    width: 14px;
    height: 18px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-2 {
    width: 11px;
    height: 14px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-2 {
    width: 11px;
    height: 14px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-3 {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-3 {
  width: 23px;
  height: 23px;
  margin-top: 25px;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-3 {
    width: 20px;
    height: 20px;
    left: -35px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-3 {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-3 {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-3 {
    width: 15px;
    height: 15px;
  }
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-4 {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-4 {
  width: 23px;
  height: 16px;
  margin-top: 28px;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-4 {
    width: 20px;
    height: 14px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-4 {
    width: 17px;
    height: 12px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-4 {
    width: 16px;
    height: 11px;
  }
}
@media (max-width: 480px) {
  .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom .bottom-nav img.get-started-image-4 {
    width: 16px;
    height: 11px;
  }
}
.get-started .rb18.cta {
  padding: 0 !important;
  position: relative;
  float: none;
}
.get-started .rb18.cta .v-middle-wrapper .v-middle-inner .v-bottom.active .bottom-nav li {
  opacity: 1;
  visibility: visible;
}

.rb19.product-cta .col-outer {
  float: left;
  width: 100%;
}
.rb19.product-cta:before {
  display: none;
}
.rb19.product-cta {
  background-image: linear-gradient(100deg, #ffb81d, #ff671b 100%);
  padding: 63px 0 71px;
}
.rb19.product-cta .content-wrap {
  float: left;
  max-width: 480px;
  padding-right: 30px;
}
.rb19.product-cta .button-wrap {
  float: right;
  margin-top: 41px;
}
.rb19.product-cta h2 {
  font-size: 42px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-transform: none;
  margin-bottom: 20px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.rb19.product-cta h5 {
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.53px;
  color: #ffffff;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.rb19.product-cta .slide-btn-white {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  border-radius: 50px;
  padding: 13px 45px 12px 20px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  display: inline-block;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 2px #415464 inset;
  box-shadow: 0 0 0 2px #ffffff inset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 600;
}
.rb19.product-cta .slide-btn-white:first-child {
  margin-right: 15px;
}
.rb19.product-cta .slide-btn-white:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 260%;
  background: #ffffff;
  opacity: 0;
  -webkit-transform: scaleX(0.2);
  -o-transform: scaleX(0.2);
  transform: scaleX(0.2);
  -webkit-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.rb19.product-cta .slide-btn-white:after {
  content: "";
  position: absolute;
  height: 21px;
  width: 21px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat;
  background-size: contain;
}
.rb19.product-cta .slide-btn-white:hover {
  color: #ff671b;
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
  box-shadow: 0 0 0 2px #ffffff inset;
}
.rb19.product-cta .slide-btn-white:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
}
.rb19.product-cta .slide-btn-white:hover:before {
  opacity: 1;
  -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
  -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
  transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
}
.rb19.product-cta .slide-btn-white.white-color {
  background: #fff;
  color: #ff681d;
  padding: 12px 45px 11px 20px;
  border: 2px solid white;
}
.rb19.product-cta .slide-btn-white.white-color:before {
  background: #ff681d;
}
.rb19.product-cta .slide-btn-white.white-color:hover {
  color: #fff;
}
.rb19.product-cta .slide-btn-white.white-color:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
}
.rb19.product-cta .slide-btn-white.white-color:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1150px) and (min-width: 992px) {
  .rb19.product-cta.bg-orange h2 {
    font-size: 38px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .rb19.product-cta.bg-orange h2 {
    font-size: 34px;
  }
  .rb19.product-cta.bg-orange h5 {
    max-width: 481px;
  }
  .rb19.product-cta .content-wrap {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .rb19.product-cta.bg-orange .content-wrap {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    float: none;
  }
  .rb19.product-cta.bg-orange .button-wrap {
    width: 100%;
    text-align: center;
  }
  .rb19.product-cta.bg-orange {
    padding: 50px 0;
  }
  .rb19.product-cta.bg-orange h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 596px) {
  .rb19.product-cta.bg-orange h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 595px) {
  .rb19.product-cta.bg-orange h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .rb19.product-cta .slide-btn-white {
    font-size: 14px;
    display: block;
    max-width: 160px;
    margin: 0 auto 10px !important;
    padding: 13px 45px 12px 20px;
  }
}

/* Header Style */

header.rb19 .main-nav .nav-logo {
    float: left;
    margin-top: 27px;
    max-width: 156px;
}

header.rb19 .main-nav .nav-logo a {
    display: block;
}


header.rb19 .main-nav .primary-nav {
    float: right;
    margin-top: 33px;
}

header.rb19 .main-nav .primary-nav > li {
    position: relative;
    float: left;
}

header.rb19 .container {
    max-width: 1306px;
}

header.rb19 .main-nav .primary-nav > li > a {
    position: relative;
    font-size: 18px;
    color: white;
    display: block;
    margin: 0 15px 0 15px;
    padding-bottom: 5px;
    letter-spacing: 0.01em;
    font-weight: 500;
    font-family: museo-sans, sans-serif;
}

header.rb19 .main-nav .primary-nav > li:last-child a {
    margin-right: 0;
}


header.rb19 {
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
}


header.rb19.euem {
    background-color: white;
    position: fixed;
}

header.rb19.euem .container {
    max-width: 1270px;
}

header.rb19.euem.fixed-nav {
    box-shadow: 0px 0px 4px 0px grey;
}

header.rb19.euem .main-nav .nav-logo {
    margin: 26px 0 26px;
}

header.rb19.euem .main-nav .primary-nav {
    margin-top: 23px;
}

header.rb19.euem .main-nav .nav-logo {
    float: left;
    margin-top: 27px;
    max-width: 156px;
}

header.rb19.euem .main-nav .nav-logo a {
    display: block;
}

header.rb19.euem .main-nav .primary-nav {
    float: right;
    margin-top: 33px;
}

header.rb19.euem .main-nav .primary-nav > li {
    position: relative;
    float: left;
}

header.rb19.euem .main-nav .primary-nav > li > a.learn-more {
    position: relative;
    font-size: 16px;
    color: #f26922;
    display: block;
    font-weight: 600;
    letter-spacing: 0.099em;
}

header.rb19.euem .main-nav .primary-nav > li > a.learn-more:hover {
    background-color: white;
}

header.rb19.euem .main-nav .primary-nav > li > a.learn-more:after {
    transition: all 0.3s ease;
    top: 5px;
}

header.rb19.euem .main-nav .primary-nav > li > a.learn-more:hover:after {
    background: url(../../../../assets/images/gery_arrow.svg) top no-repeat;
    background-size: contain;
    right: 14px;
}

header.rb19 .main-nav .primary-nav > li:last-child a {
    margin-right: 37px;
}

/* Social Icon Style */

.rb19.social_icon {
    position: fixed;
    top: 162px;
    right: 0;
    z-index: 99;
}

.atss.atss-right a {
    outline: none;
    margin-bottom: 2px;
    width: 42px;
    height: 42px;
}

.atss .at-share-btn .at-icon-wrapper {
    background-color: #1A1A1A !important;
    transition: all 0.4s ease;
    height: 42px;
}

.atss .at4-share-count-anchor span .at-icon {
    top: -4px !important;
}

.atss .at-share-btn .at-icon-wrapper:hover {
    background-color: #5B7E96 !important;
}

.atss .at-share-btn span .at-icon,
.atss a span .at-icon {
    width: 28px !important;
    height: 28px !important;
}

.atss .at-share-btn:hover,
.atss a:hover {
    width: 55px !important;
}

.at-share-dock-outer.addthis-smartlayers.addthis-smartlayers-mobile {
    display: none;
}

.atss {
    position: absolute !important;
    top: 140px !important;
}

.rb19.social_icon ul li {
    margin-bottom: 2px;
}

.rb19.social_icon ul li a {
    display: block;
    height: 53px;
    width: 53px;
    background-color: #1A1A1A;
    position: relative;
    transition: all 0.4s ease;
}

.rb19.social_icon ul li a:hover {
    background-color: #5B7E96;
}

.rb19.social_icon ul li a img {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

header.rb19 .main-nav .primary-nav.animate {
    display: block;
    opacity: 0;
    -webkit-animation-name: fadeanimate;
    -o-animation-name: fadeanimate;
    animation-name: fadeanimate;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 200ms;
    -o-animation-delay: 200ms;
    animation-delay: 200ms;
}

header.rb19 .main-nav .hamburger {
    width: 30px;
    float: right;
    font-size: 0;
    margin-top: 24px;
    cursor: pointer;
    display: none !important;
}

header.rb19 .main-nav .hamburger span {
    width: 30px;
    height: 4px;
    background: #303D49;
    display: inline-block;
    margin: 3px 0px;
}

header.rb19 .main-nav .hamburger span:nth-child(1) {
    -webkit-animation-name: hamburgerOneReverse;
    -o-animation-name: hamburgerOneReverse;
    animation-name: hamburgerOneReverse;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

header.rb19 .main-nav .hamburger span:nth-child(3) {
    -webkit-animation-name: hamburgerThreeReverse;
    -o-animation-name: hamburgerThreeReverse;
    animation-name: hamburgerThreeReverse;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

header.rb19 .main-nav .hamburger span:nth-child(2) {
    -webkit-animation-name: hamburgerTwoReverse;
    -o-animation-name: hamburgerTwoReverse;
    animation-name: hamburgerTwoReverse;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
}

header.rb19 .main-nav .hamburger.active span:nth-child(1) {
    -webkit-animation-name: hamburgerOne;
    -o-animation-name: hamburgerOne;
    animation-name: hamburgerOne;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

header.rb19 .main-nav .hamburger.active span:nth-child(3) {
    -webkit-animation-name: hamburgerThree;
    -o-animation-name: hamburgerThree;
    animation-name: hamburgerThree;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

header.rb19 .main-nav .hamburger.active span:nth-child(2) {
    -webkit-animation-name: hamburgerTwo;
    -o-animation-name: hamburgerTwo;
    animation-name: hamburgerTwo;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    opacity: 0;
}

@media screen and (min-width: 992px) and (max-width: 1150px) {
    header.rb19 .main-nav .primary-nav > li > a {
        font-size: 15px;
        margin: 0 9px;
    }

    header.rb19 .main-nav .primary-nav {
        margin-top: 28px;
    }

    header.rb19 .main-nav .nav-logo {
        margin-top: 20px;
    }
}

@media screen and (min-width: 992px) {
    header.rb19 .hamburger {
        display: none;
    }

    header.rb19.euem-landing .orange-logo {
        display: none;
    }

    .overlay-open header.rb19 {
        background: black;
        padding-bottom: 18px;
    }

    header.rb19 .main-nav .primary-nav > li > a:before {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        left: 0;
        bottom: -3px;
        background: white;
        height: 2px;
        -o-transform: scale(0, 1);
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
        transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
        -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.4s cubic-bezier(1, 0, 0, 1),
        -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1),
        -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
        -o-transform-origin: right top;
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }

    header.rb19 .main-nav .primary-nav > li:hover > a:before {
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -o-transform-origin: left top;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    header.rb19 .main-nav .primary-nav > li .view-more-nav {
        position: absolute;
        left: -75px;
        top: 40px;
        width: 100%;
        background: #fff;
        visibility: hidden;
        opacity: 0;
        min-width: 321px;
        padding: 30px 0;
        z-index: -1;
        -webkit-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        transform: translate(0, -10px);
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        border-radius: 0 0 10px 10px;
    }

    header.rb19 .main-nav .primary-nav > li:hover .view-more-nav {
        opacity: 1;
        /*-webkit-transition-delay: 0.5s;*/
        /*-o-transition-delay: 0.5s;*/
        /*transition-delay: 0.5s;*/
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    header.rb19 .main-nav .primary-nav > li .view-more-nav li {
        width: 100%;
        padding: 10px 40px;
    }

    header.rb19 .main-nav .primary-nav > li .view-more-nav li a {
        position: relative;
        font-size: 16px;
        color: #303D49;
        word-wrap: break-word;
        display: inline;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        font-weight: 600;
    }

    header.rb19 .main-nav .primary-nav > li .view-more-nav:before {
        content: "";
        position: absolute;
        top: -10px;
        left: 50%;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
    }

    header.rb19 .main-nav .primary-nav > li .view-more-nav li:hover {
        background: #e0eaf1;
    }
}

@media screen and (max-width: 991px) {
    header.rb19 {
        position: relative;
    }

    header.rb19.euem-landing .white-logo {
        display: none;
    }

    .rb19.social_icon {
        display: none;
    }

    header.rb19 .main-nav .primary-nav > li > a {
        font-size: 15px;
        padding: 20px;
        color: #303D49;
        margin: 0;
        font-weight: 700;
    }

    header.rb19 .main-nav .nav-logo {
        margin: 23px 0;
    }

    header.rb19 .main-nav .primary-nav > li > a:hover:before {
        display: none;
    }

    header.rb19 .main-nav .primary-nav {
        margin-left: 0;
        position: absolute;
        top: 77px;
        left: 0;
        width: 100%;
        margin: 0;
        background: #fff;
        height: calc(100vh - 77px);
        display: none;
        opacity: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    header.rb19 .main-nav .primary-nav > li {
        float: none;
        background: #e0eaf1;
    }

    header.rb19 .main-nav .primary-nav > li:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 20px;
        width: calc(100% - 40px);
        height: 1px;
        background: #d0dbe3;
    }

    body.open {
        height: 100%;
        overflow: hidden;
        position: fixed;
        width: 100%;
    }

    header.rb19 .main-nav .primary-nav > li .view-more-nav {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        padding: 0;
        background: #fff;
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        display: none;
        opacity: 1;
        visibility: visible;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    header.rb19 .main-nav .primary-nav > li .view-more-nav li {
        padding: 0 20px;
    }

    header.rb19 .main-nav .primary-nav > li .view-more-nav li a {
        display: block;
        padding: 20px 0;
        font-weight: 400;
        color: #303D49;
        font-size: 18px;
        border-bottom: 1px solid #e0eaf1;
    }

    header.rb19 .main-nav .primary-nav > li.plus-icon > a:before {
        content: "";
        position: absolute;
        bottom: auto;
        top: calc(50% - 2.5px);
        width: 21px;
        height: 3px;
        left: auto;
        right: 20px;
        border-radius: 5px;
        background: #5b7e96;
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        display: block;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    header.rb19 .main-nav .primary-nav > li.plus-icon > a:after {
        content: "";
        opacity: 1;
        background: #5b7e96;
        width: 3px;
        height: 21px;
        position: absolute;
        border-radius: 5px;
        bottom: auto;
        top: calc(50% - 10.5px);
        left: auto;
        right: 29.5px;
        opacity: 1;
        display: block;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    header.rb19 .main-nav .primary-nav > li.rotate-arrow > a:after {
        -webkit-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@media screen and (max-width: 767px) {
    header.rb19 .main-nav .nav-logo a {
        width: 120px;
    }

    header.rb19 .main-nav .hamburger {
        margin-top: 20px;
    }

    header.rb19 .main-nav .primary-nav {
        top: 70px;
        height: calc(100vh - 70px);
    }
}

@media screen and (min-width: 596px) and (max-width: 767px) {

}

@media screen and (max-width: 595px) {

}

@media screen and (min-width: 481px) and (max-width: 595px) {

}

@media screen and (max-width: 480px) {

}

/* Animation css */

@-webkit-keyframes hamburgerOne {
    0% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        -o-transform: translateY(10px) rotate(0deg);
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(10px) rotate(-45deg);
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }
}

@-o-keyframes hamburgerOne {
    0% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        -o-transform: translateY(10px) rotate(0deg);
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(10px) rotate(-45deg);
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }
}

@keyframes hamburgerOne {
    0% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        -o-transform: translateY(10px) rotate(0deg);
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(10px) rotate(-45deg);
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }
}

@-webkit-keyframes hamburgerTwo {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes hamburgerTwo {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes hamburgerTwo {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes hamburgerThree {
    0% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        -o-transform: translateY(-10px) rotate(0deg);
        -webkit-transform: translateY(-10px) rotate(0deg);
        transform: translateY(-10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }
}

@-o-keyframes hamburgerThree {
    0% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        -o-transform: translateY(-10px) rotate(0deg);
        -webkit-transform: translateY(-10px) rotate(0deg);
        transform: translateY(-10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }
}

@keyframes hamburgerThree {
    0% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        -o-transform: translateY(-10px) rotate(0deg);
        -webkit-transform: translateY(-10px) rotate(0deg);
        transform: translateY(-10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }
}

@-webkit-keyframes hamburgerOneReverse {
    0% {
        -o-transform: translateY(10px) rotate(-45deg);
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }
    50% {
        -o-transform: translateY(10px) rotate(0deg);
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}

@-o-keyframes hamburgerOneReverse {
    0% {
        -o-transform: translateY(10px) rotate(-45deg);
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }
    50% {
        -o-transform: translateY(10px) rotate(0deg);
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}

@keyframes hamburgerOneReverse {
    0% {
        -o-transform: translateY(10px) rotate(-45deg);
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }
    50% {
        -o-transform: translateY(10px) rotate(0deg);
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}

@-webkit-keyframes hamburgerTwoReverse {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes hamburgerTwoReverse {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes hamburgerTwoReverse {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hamburgerThreeReverse {
    0% {
        -o-transform: translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }
    50% {
        -o-transform: translateY(-10px) rotate(0deg);
        -webkit-transform: translateY(-10px) rotate(0deg);
        transform: translateY(-10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}

@-o-keyframes hamburgerThreeReverse {
    0% {
        -o-transform: translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }
    50% {
        -o-transform: translateY(-10px) rotate(0deg);
        -webkit-transform: translateY(-10px) rotate(0deg);
        transform: translateY(-10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}

@keyframes hamburgerThreeReverse {
    0% {
        -o-transform: translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }
    50% {
        -o-transform: translateY(-10px) rotate(0deg);
        -webkit-transform: translateY(-10px) rotate(0deg);
        transform: translateY(-10px) rotate(0deg);
    }
    100% {
        -o-transform: translateY(0px) rotate(0deg);
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}

@-webkit-keyframes fadeanimate {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeanimate {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeanimate {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

header.rb18 .main-nav {
  box-shadow: 0px 3px 5px -3px rgba(173, 168, 173, 0.55) !important;
}

.top-menu {
  background-color: #ecf2f6;
}

.top-link {
  text-align: right;
}

.top-link li {
  display: inline-block;
}

.top-link li.english a {
  margin-right: 22px;
}

.top-link li:last-child a {
  margin-right: 0;
}

.top-link li a {
  margin: 15px 9px 13px;
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #415363;
}

.top-link li.english a:after {
  content: "";
  position: absolute;
  right: -16px;
  top: 2px;
  width: 1px;
  height: 70%;
  background-color: #415464;
}

.top-link li a img {
  position: absolute;
  left: -26px;
  top: 0px;
  max-width: 18px;
  width: 100%;
}

.top-link li a:before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0;
  bottom: -3px;
  background: #5b7e96;
  height: 1px;
  -o-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1),
  -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1),
  -o-transform 0.4s cubic-bezier(1, 0, 0, 1);
  -o-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.top-link li a:hover:before {
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

header.rb18 .main-nav .secondary-nav li.trial-button .btn-orange {
  padding: 13px 22px 12px 25px;
  font-size: 14px;
}

header.rb18 .main-nav .secondary-nav li.trial-button .btn-orange:after {
  display: none;
}

@media (min-width: 1200px) {
  header.rb18 .main-nav .primary-nav > li > a {
    padding: 25px 21px 23px 23px !important;
  }
}

@media screen and (min-width: 992px) {
  header.rb18 .main-nav .primary-nav {
    /*width: 66%;*/
    text-align: left;
  }

  header.rb18 .main-nav .primary-nav > li {
    float: none !important;
    display: inline-block;
  }

  header.rb18 .main-nav .primary-nav > li .view-more-nav {
    text-align: left;
  }
}

@media screen and (max-width: 1150px) and (min-width: 992px) {
  header.rb18 .main-nav .primary-nav {
    width: 61%;
  }
}

@media screen and (max-width: 991px) {
  .top-menu {
    display: none;
  }

  header.rb18 .main-nav .primary-nav > li.english a {
    display: flex;
    align-items: center;
  }

  header .we-link a {
    font-weight: 400 !important;
  }

  header.rb18 .main-nav .primary-nav .english img{
    margin-right: 10px;
  }

  header.rb18 .main-nav .primary-nav > li > a {
    letter-spacing: 0 !important;
  }

  header.rb18 .main-nav .primary-nav > li.mobile-nav.contact-link a {
    background: transparent !important;
    text-transform: capitalize !important;
    color: #303D49 !important;
  }

  header.rb18 .main-nav .primary-nav > li.mobile-nav.contact-link a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    top: auto;
    width: calc(100% - 40px);
    height: 1px;
    background: #d0dbe3;
    display: block !important;
  }
}

@media (max-width: 767px) and (min-width: 596px) {
  header.rb18 .main-nav .secondary-nav li.trial-button .btn-orange {
    font-size: 13px;
    padding: 8px 15px 8px 15px;
  }
}

@media (max-width: 595px) {
  .top-menu {
    padding: 10px 0;
  }

  .top-link {
    text-align: center;
  }

  .top-link li a {
    margin: 5px 7px;
  }
}

@media (max-width: 595px) and (min-width: 481px) {
  header.rb18 .main-nav .secondary-nav li.trial-button .btn-orange {
    font-size: 13px;
    padding: 8px 15px 8px 15px;
  }
}

@media (max-width: 480px) {
  header.rb18 .main-nav .secondary-nav li.trial-button .btn-orange {
    font-size: 12px;
    padding: 8px 10px 8px 10px;
  }
}

.logo-grid {
  float: left;
  width: 100%;
  z-index: 1;
}
.logo-grid .text-wrap {
  margin-bottom: 40px;
}
.logo-grid .text-wrap h2 {
  font-size: 42px !important;
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: 0.5px;
  color: #2c3843;
  text-align: center;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.logo-grid .logo-wrap {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 6px 25px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #f0f5f8;
  background-color: #ffffff;
  padding: 41px 44px;
}
.logo-grid .logo-wrap ul {
  width: 86%;
  float: left;
}
.logo-grid .logo-wrap ul li {
  display: inline-block;
  width: 19%;
  vertical-align: middle;
}
.logo-grid .logo-wrap.rvb-orange {
  background: #FF671B;
}
.logo-grid .logo-wrap.rvb-marigold {
  background: #FFB022;
}
.logo-grid .logo-wrap.rvb-marine-blue {
  background: #6BB5E4;
}
.logo-grid .logo-wrap.rvb-stone {
  background: #5B7F95;
}
.logo-grid .logo-wrap.rvb-pantone {
  background: #435464;
}
.logo-grid .logo-wrap.rvb-titanium {
  background: #A7ACA2;
}
.logo-grid .logo-wrap.rvb-white {
  background: #FFFFFF;
}
.logo-grid .logo-wrap.rvb-light-blue {
  background: #F1F6FA;
}
.logo-grid .logo-wrap.rvb-sky-blue {
  background: #ecf2f7;
}
.logo-grid .logo-wrap .btn-wrap {
  width: 14%;
  float: left;
  margin-top: 20px;
}
.logo-grid .logo-wrap .btn-wrap .learn-more:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
}
.logo-grid .logo-wrap .btn-wrap .learn-more:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/small_white_arrow.svg) top no-repeat;
  background-size: contain;
}
.logo-grid .logo-wrap .btn-wrap .rounded-more-white-btn:after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
}
.logo-grid .logo-wrap .btn-wrap .rounded-more-white-btn:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/small_white_arrow.svg) top no-repeat;
  background-size: contain;
}
.logo-grid .logo-wrap .btn-wrap .rounded-more-btn:after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/small_white_arrow.svg) top no-repeat;
}
.logo-grid .logo-wrap .btn-wrap .rounded-more-btn:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
  background-size: contain;
}
.logo-grid .logo-wrap .btn-wrap .rounded-plus-btn:after {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/icon_white_round_plus_30.png) top no-repeat;
}
.logo-grid .logo-wrap .btn-wrap .rounded-plus-btn:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/icon_orange_round_plus_30.png) top no-repeat;
  background-size: contain;
}
.logo-grid .logo-wrap .btn-wrap .rounded-plus-wht-btn:after {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/icon_orange_round_plus_30.png) top no-repeat;
}
.logo-grid .logo-wrap .btn-wrap .rounded-plus-wht-btn:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/icon_white_round_plus_30.png) top no-repeat;
  background-size: contain;
}
.logo-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.logo-grid .logo-wrap ul li a {
  display: block;
}
.logo-grid .rounded-more-white-btn,
.rounded-plus-wht-btn {
  position: relative;
  background: #fff;
  padding: 13px 47px 12px 21px;
  display: inline-block;
  color: #ff681d;
  text-transform: uppercase;
  font-family: "source-sans-pro", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  border-radius: 50px;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.logo-grid .rounded-more-white-btn:hover,
.rounded-plus-wht-btn:hover {
  color: #fff;
  background: #ff681d;
}
.logo-grid .rounded-plus-btn,
.rounded-more-btn {
  position: relative;
  background: #ff681d;
  padding: 13px 47px 12px 21px;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-family: "source-sans-pro", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  border-radius: 50px;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.logo-grid .rounded-plus-btn:hover,
.rounded-more-btn:hover {
  color: #ff681d;
  background: #fff;
}
@media screen and (max-width: 1150px) and (min-width: 992px) {
  .logo-grid .text-wrap h2 {
    font-size: 38px !important;
  }
  .logo-grid .logo-wrap ul {
    width: 80%;
  }
  .logo-grid .logo-wrap .btn-wrap {
    width: 20%;
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .logo-grid .text-wrap {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .logo-grid .text-wrap h2 {
    font-size: 34px !important;
  }
  .logo-grid .logo-wrap ul {
    width: 100%;
  }
  .logo-grid .logo-wrap .btn-wrap {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (min-width: 596px) {
  .logo-grid .text-wrap h2 {
    font-size: 28px !important;
  }
  .logo-grid .logo-wrap ul {
    width: 100%;
    text-align: center;
  }
  .logo-grid .logo-wrap ul li {
    width: 32% !important;
    margin-bottom: 20px;
  }
  .logo-grid .logo-wrap .btn-wrap {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 595px) {
  .logo-grid .text-wrap h2 {
    font-size: 24px !important;
  }
  .logo-grid .logo-wrap ul li {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .logo-grid .logo-wrap ul {
    width: 100%;
  }
  .logo-grid .logo-wrap .btn-wrap {
    width: 100%;
    margin-top: 0px;
    text-align: center;
  }
  .logo-grid .logo-wrap {
    max-width: 400px;
  }
}
.yellow-line {
  position: relative;
  padding-top: 20px;
}
.yellow-line:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 2px;
  background-color: #ffb81d;
}
@media screen and (max-width: 991px) {
  .yellow-line {
    padding-top: 15px;
  }
}
@media screen and (max-width: 595px) {
  .logo-grid .logo-wrap ul li {
    text-align: center !important;
  }
}
.logo-grid {
  padding: 35px 0 0 !important;
}

.latest-news {
  /*max-width: 1400px;*/
  margin: 0 auto;
  float: none !important;
}
/*.latest-news .container {
  max-width: 1300px;
}*/
.latest-news .slide-nav {
  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #f0f5f8;
  padding-left: 30px;
}
.latest-news .slide-nav .nav-wrap {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.latest-news .slide-nav p {
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
  margin-right: 28px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3 !important;
  letter-spacing: 1.28px;
  text-align: left;
  color: #5b7d95;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  position: relative;
  max-width: 152px;
}
.latest-news .slide-nav p:after {
  content: "";
  position: absolute;
  top: 0;
  right: -21px;
  height: 100%;
  width: 1px;
  background-color: rgba(65, 83, 99, 0.1);
}
.latest-news .slide-nav .arrow-wrap {
  display: inline-block;
}
.latest-news .slide-nav .slide-next,
.latest-news .slide-nav .slide-prev {
  position: relative;
  margin: auto;
  display: inline-block !important;
  vertical-align: middle;
  width: 24px;
  height: 100%;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in;
  transform: rotate(90deg);
  left: 7px;
}
.latest-news .slide-nav .slide-next {
  transform: rotate(-90deg);
}
.latest-news .slide-nav .slide-next.slick-disabled,
.latest-news .slide-nav .slide-prev.slick-disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.latest-news.arrow-hide .slide-nav .slide-next,
.latest-news.arrow-hide .slide-nav .slide-prev {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.latest-news .slider-wrap {
  opacity: 1;
  position: relative;
  /* margin-left: 250px; */
  z-index: 11;
  overflow: hidden;
  background-image: linear-gradient(
    to right,
    #ffb81d 0%,
    #ffb11d 0%,
    #ff671b 100%
  );
}

.latest-news.arrow-hide .slider-wrap.two-item .slider .item {
  max-width: 305px;
}

.latest-news.arrow-hide .slider-wrap.one-item .slider .item {
  max-width: 145px;
}

.latest-news.arrow-hide .slider-wrap.one-item .slider {
  /*max-width: 1164px;*/
  margin: 0 auto;
  padding: 0px;
  float: none;
}

.latest-news.arrow-hide .slider-wrap.one-item .slider .item {
  padding-left: 0;

}

.latest-news.arrow-hide .slider-wrap.one-item .slider .item .content .text-wrap {
  padding-left: 0;
}

.latest-news .slider-wrap .slider {
  width: 100%;
  float: left;
  /* max-width: 1400px; */
}
/* .latest-news .slider-wrap .slider {
  display: none;
} */
.latest-news .slider-wrap .slider.slick-initialized {
  display: block;
}
/* .latest-news .slider-wrap .slider .slick-list {
  overflow: visible;
} */
.latest-news .slider-wrap .slider .item {
  position: relative;
  font-size: 0;
  transition: all 0.5s ease-in-out;
  padding: 13px 28px 16px;
  vertical-align: middle;
  display: table-cell;
  float: none;
}
.latest-news .slider-wrap .slider .item:nth-child(2):after {
  right: -8px;
}
.latest-news .slider-wrap .slider .item:nth-child(3) .content .text-wrap {
  padding-left: 20px;
}
.latest-news .slider-wrap .slider .slick-track {
  display: table;
}

.latest-news .slider-wrap .slider .item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.latest-news .slider-wrap .slider .item .content {
  width: 100%;
  float: left;
  min-height: 47px;
  position: relative;
  padding-top: 2px;
  display: flex;
  align-items: center;
}
.latest-news .slider-wrap .slider .item .content .text-wrap {
  float: left;
  padding-right: 14px;
  padding-left: 12px;
}

.latest-news .slider-wrap .slider .item .content img {
  max-height: 30px;
  max-width: 30px;
}

.latest-news .slider-wrap .slider .item p {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.1px;
  color: #ffffff;
  position: relative;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}

.latest-news .slider-wrap .slider .item:hover .arrow {
  right: -10px;
}
.latest-news .slider-wrap .slider .item:after {
  content: "";
  position: absolute;
  top: 9px;
  right: 1px;
  height: 74%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}
.latest-news .slider-wrap .slider .item:last-child:after {
  display: none;
}
.latest-news .slider-wrap .slider .item span {
  font-size: 20px;
  line-height: 1.2;
  margin-top: 4px;
  display: block;
  letter-spacing: -0.09px;
  color: #ffffff;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.latest-news .slider-wrap .slider .item .arrow {
  max-width: 21px;
  position: relative;
  /*top: 50%;*/
  /*transform: translateY(50%);*/
  float: left;
  transition: all 0.5s ease;
  right: -6px;
}

.arrow-hide {
}
.latest-news.arrow-hide .slider-wrap .slider .slick-track {
  width: 100% !important;
}
.latest-news.arrow-hide1 .slider-wrap .slider .slick-track {
  width: 100% !important;
}
.latest-news.arrow-hide .slider-wrap .slider .item {
  float: left;
  /*width: 33.33%;*/
  max-width: 457px;
}
.latest-news.arrow-hide1 .slider-wrap .slider .item {
  float: left;
  width: 50% !important;
}
.latest-news.arrow-hide .slide-nav .arrow-wrap {
  display: none;
}
.latest-news.arrow-hide1 .slide-nav .arrow-wrap {
  display: none;
}
.latest-news.arrow-hide .slide-nav {
  padding-left: 70px;
}
.latest-news.arrow-hide1 .slide-nav {
  padding-left: 70px;
}
.latest-news.arrow-hide .slide-nav p:after {
  width: 0px;
}
.latest-news.arrow-hide1 .slide-nav p:after {
  width: 0px;
}


.latest-news.arrow-hide .slider-wrap.two-item .slider {
  /*max-width: 1242px;*/
  margin: 0 auto;
  padding: 0px;
  float: none;
}

.latest-news.arrow-hide .slider-wrap.two-item .slider .item {
  max-width: 50%;
}

.latest-news p {
    text-align: left !important;
}

@media screen and (min-width: 1450px) {
  .latest-news .slider-wrap .slider .item .content .text-wrap {
    padding-right: 22px;
  }
  .latest-news .slider-wrap .slider .item {
    /*padding: 13px 30px 16px 0px;*/
  }
  .latest-news.arrow-hide .slider-wrap .slider .item {
    max-width: inherit;
  }
  .latest-news .slider-wrap .slider .item:nth-child(2):after {
    right: 1px;
  }
}
@media screen and (max-width: 1200px) {
  /* .latest-news.arrow-hide .slider-wrap .slider .item {
    width: 86.5% !important;
  } */
  /* .latest-news .slider-wrap .slider .item .content {
    width: calc(100% - 45px);
  } */
  .latest-news .slider-wrap .slider .item:nth-child(2):after {
    right: 1px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .latest-news .slider-wrap .slider .item .arrow {
    right: -15px;
    /*position: absolute;*/
    /*transform: translateY(-50%);*/
  }
  .latest-news .slider-wrap .slider .item:hover .arrow {
    right: -20px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 992px) {
}

@media screen and (max-width: 991px) {
  .latest-news .slider-wrap {
    margin-left: 0;
    height: auto;
  }
  .latest-news .slide-nav {
    position: relative;
  }
  .latest-news .slider-wrap .slider .item span {
    line-height: 1.4;
  }

  .latest-news .slide-nav .nav-wrap {
    position: relative;
    top: 0;
    transform: none;
  }
  .latest-news .slide-nav p {
    margin-bottom: 0;
    max-width: 100%;
    padding: 5px 0;
  }
  .latest-news .slide-nav p:after {
    top: 4px;
    height: 80%;
  }
  .latest-news.arrow-hide .slide-nav {
    padding-left: 30px;
  }
  .latest-news.arrow-hide1 .slide-nav {
    padding-left: 30px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .latest-news .slider-wrap .slider .item p {
    font-size: 18px;
  }
  .latest-news .slider-wrap .slider .item span {
    font-size: 16px;
  }

  .latest-news .slider-wrap .slider .item .content .text-wrap {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .latest-news .slider-wrap .slider .item p {
    font-size: 16px;
  }
  .latest-news .slider-wrap .slider .item span {
    font-size: 14px;
  }
  .latest-news.arrow-hide .slider-wrap .slider .item {
    width: 100% !important;
    display: block;
    float: left;
    padding: 10px 20px;
  }
  .latest-news.arrow-hide1 .slider-wrap .slider .item {
    width: 100% !important;
  }
  .latest-news .slider-wrap .slider .item:after {
    display: none;
  }
  .latest-news .slider-wrap .slider .item:nth-child(3) .content .text-wrap {
    padding-left: 0;
  }
  .latest-news .slider-wrap .slider .item .content .text-wrap {
    padding-right: 25px;
    padding-left: 0;
  }
  .latest-news .slider-wrap {
    padding: 10px 0;
  }
  .latest-news .slider-wrap .slider .item .arrow {
    position: absolute;
    /*transform: translateY(-50%);*/
    float: right;
  }

  .latest-news.arrow-hide .slider-wrap.two-item .slider .item {
    max-width: 457px;
    /*padding-left:0px; */
  }
  .latest-news.arrow-hide .slider-wrap.one-item .slider .item {
    max-width: 457px;
  }
}

.latest-news.arrow-hide .slider-wrap .slider .item.promo-bar-one-width {
	max-width: none;
   	width : 100%;
}
@media screen and (max-width: 767px) and (min-width: 596px) {
  /* .latest-news .slider-wrap .slider {
    width: 50%;
  } */
}

@media screen and (max-width: 595px) {
}

@media screen and (max-width: 595px) and (min-width: 481px) {
  /* .latest-news .slider-wrap .slider {
    width: 50%;
  } */
}

@media screen and (max-width: 480px) {
  /* .latest-news .slider-wrap .slider {
    width: 95%;
  } */
  .latest-news .slider-wrap .slider .item:after {
    opacity: 0;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
 .latest-news.arrow-hide .slider-wrap.two-item .slider .item {
   /*padding-left:0px */
 }
}
@media screen and (min-width: 1124px) {
	.latest-news {
		/*max-width: 1600px;*/
		margin: 0 auto;s
		float: none !important;
	}
	.latest-news.arrow-hide .slider-wrap.two-item .slider {
		/*max-width: 1400px;*/
		margin: 0 auto;
		padding: 0px;
		float: none;
	}
}
 @media screen and (min-width: 991px) {
	.latest-news.arrow-hide .slider-wrap .slider div:first-child {
         padding-left: 0px;
     }
    }

 @media screen and (min-width: 768px) and (max-width: 991px) {
	     .latest-news.arrow-hide .slider-wrap .slider .item {
            width: 100% !important;
            display: block;
            float: left;
            padding: 10px 20px;
            max-width: none;
        }
    .latest-news .slider-wrap .slider .item:after {
        height: 0;
    }
    }

 /* translate site fix */
.latest-news.arrow-hide .slide-nav {
		display: none;
	}
@media screen and (min-width: 1124px) {
    .slider-wrap.two-item.container .slider .item.promo-bar-half-width {
        width: 50% !important;
    }
    .slider-wrap.container .slider .item.promo-bar-three-width {
        width: 33.33% !important;
    }


}
.rb19.col-two-grid {
  float: left;
  width: 100%;
  padding-top: 0;
  overflow: visible;
  z-index: 11;
}
.rb19.col-two-grid h3 {
  position: absolute;
  margin: auto;
  text-align: center;
  padding: 0 20px;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: 0.42px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.rb19.col-two-grid .title-1 {
  top: 7px;
  left: 0;
  right: 0;
}
.rb19.col-two-grid .title-2 {
  top: 50%;
  right: -68px;
  transform: translateY(-50%) rotate(90deg);
}
.rb19.col-two-grid .title-3 {
  bottom: 7px;
  left: 0;
  right: 0;
}
.rb19.col-two-grid .title-4 {
  top: 50%;
  left: -54px;
  transform: translateY(-50%) rotate(-90deg);
}
.rb19.col-two-grid .column-wrapper {
  position: relative;
  font-size: 0;
  background: #ff681d;
  border-radius: 15px;
  padding: 40px 40px 31px;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.rb19.col-two-grid .col-four {
  position: relative;
  width: calc(50% - 3px);
  display: inline-block;
  vertical-align: top;
  border-radius: 15px;
  background: #fff;
  padding: 39px 8px;
  min-height: 209px;
}
.rb19.col-two-grid .col-four .icon {
  max-width: 65px;
  margin: 0 auto;
  height: 65px;
}
.rb19.col-two-grid .col-four h4 {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.22px;
  text-align: center;
  color: #415363;
  text-transform: capitalize;
  margin-top: 18px;
}
.rb19.col-two-grid .col-four:nth-child(odd) {
  margin-right: 3px;
  margin-bottom: 6px;
}
.rb19.col-two-grid .col-four:nth-child(odd) .hover-item:before {
  content: '';
  position: absolute;
  right: -85px;
  z-index: 9;
  top: 0;
  width: 88px;
  height: 100%;
  background-image: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/polygon-new.png);
  background-size: 165%;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.rb19.col-two-grid .col-four:nth-child(even) {
  margin-left: 3px;
  margin-bottom: 6px;
}
.rb19.col-two-grid .col-four:nth-child(even) .hover-item:before {
  content: '';
  position: absolute;
  left: -85px;
  z-index: 9;
  top: 0;
  width: 88px;
  height: 100%;
  background-image: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/polygon-new.png);
  background-size: 165%;
  background-position: center;
  background-repeat: no-repeat;
}
.rb19.col-two-grid .col-four:nth-child(7) .hover-item {
  left: -340px;
  top: auto;
  bottom: -39px;
}
.rb19.col-two-grid .col-four:nth-child(5) .hover-item {
  left: -340px;
  top: -40px;
  bottom: auto;
}
.rb19.col-two-grid .col-four:nth-child(6) .hover-item {
  right: -342px;
  text-align: left;
  top: -40px;
  bottom: auto;
}
.rb19.col-two-grid .col-four:nth-child(6) .hover-item h4 {
  text-align: left;
}
.rb19.col-two-grid .col-four:nth-child(8) .hover-item {
  right: -342px;
  text-align: left;
  top: auto;
  bottom: -39px;
}
.rb19.col-two-grid .col-four:nth-child(8) .hover-item h4 {
  text-align: left;
}
.rb19.col-two-grid .hover-item {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  width: 280px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(65, 83, 99, 0.1);
  padding: 30px;
  transition: all 0.4s ease;
  border-radius: 15px;
  min-height: 299px;
}
.rb19.col-two-grid .hover-item h4 {
  margin-top: 0;
  text-align: left;
  opacity: 0;
  transition: opacity .4s ease .2s;
}
.rb19.col-two-grid .hover-item p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #415464;
  margin-top: 10px;
  margin-bottom: 15px;
  opacity: 0;
  transition: opacity 0.4s ease .2s;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  max-height: 140px;
  -webkit-line-clamp: 7;
  -moz-line-clamp: 7;
  -ms-line-clamp: 7;
  -o-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.rb19.col-two-grid .hover-item .btn-wrap {
  opacity: 0;
  transition: opacity 0.4s ease .2s;
}
.rb19.col-two-grid .hover-item .btn-wrap a {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  padding: 8px 38px 8px 12px;
  letter-spacing: 1.4px;
}
/*Media Query*/
@media screen and (min-width: 767px) {
  .rb19.col-two-grid .col-four:hover .hover-item {
    opacity: 1;
    visibility: visible;
    z-index: 20;
  }
  .rb19.col-two-grid .col-four:hover .hover-item h4,
  .rb19.col-two-grid .col-four:hover .hover-item p,
  .rb19.col-two-grid .col-four:hover .hover-item .btn-wrap {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .rb19.col-two-grid .col-four.active .hover-item {
    opacity: 1;
    visibility: visible;
    z-index: 20;
  }
  .rb19.col-two-grid .col-four.active .hover-item h4,
  .rb19.col-two-grid .col-four.active .hover-item p,
  .rb19.col-two-grid .col-four.active .hover-item .btn-wrap {
    opacity: 1;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .rb19.col-two-grid .column-wrapper {
    max-width: 410px;
  }
  .rb19.col-two-grid .col-four {
    padding: 30px 15px;
  }
  .rb19.col-two-grid .hover-item {
    width: 250px;
    padding: 30px 20px;
  }
  .rb19.col-two-grid .col-four:nth-child(6) .hover-item,
  .rb19.col-two-grid .col-four:nth-child(8) .hover-item {
    right: -305px;
  }
  .rb19.col-two-grid .col-four:nth-child(7) .hover-item,
  .rb19.col-two-grid .col-four:nth-child(5) .hover-item {
    left: -305px;
  }
  .ua-desktop-windows .rb19.col-two-grid .hover-item {
    width: 190px;
  }
  .ua-desktop-windows .rb19.col-two-grid .col-four:nth-child(7) .hover-item,
  .ua-desktop-windows .rb19.col-two-grid .col-four:nth-child(5) .hover-item {
    left: -255px;
  }
  .ua-desktop-windows .rb19.col-two-grid .col-four:nth-child(6) .hover-item,
  .ua-desktop-windows .rb19.col-two-grid .col-four:nth-child(8) .hover-item {
    right: -255px;
  }
}
@media screen and (max-width: 991px) {
  .rb19.col-two-grid .col-four h4 {
    text-align: center !important;
  }
  .rb19.col-two-grid .hover-item {
    top: -340px !important;
    left: -42px !important;
    right: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 30px 20px;
  }
  .rb19.col-two-grid .col-four:nth-child(7) .hover-item,
  .rb19.col-two-grid .col-four:nth-child(8) .hover-item {
    bottom: auto;
  }
  .rb19.col-two-grid .col-four:nth-child(8) .hover-item:before {
    bottom: -178px !important;
  }
  .rb19.col-two-grid .col-four {
    padding: 30px 15px;
  }
  .rb19.col-two-grid .col-four .hover-item:before {
    right: 0 !important;
    left: 0 !important;
    margin: 0 auto !important;
    top: auto !important;
    bottom: -175px !important;
    transform: rotate(270deg) !important;
  }
  .rb19.col-two-grid .col-four:nth-child(odd) .hover-item:before,
  .rb19.col-two-grid .col-four:nth-child(even) .hover-item:before {
    background-size: 100%;
  }
}
@media screen and (max-width: 480px) {
  .rb19.col-two-grid .col-four {
    width: 100%;
    margin-right: 0;
    margin-left: 0 !important;
  }
  .rb19.col-two-grid .hover-item {
    max-width: 280px;
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    padding: 20px 15px;
  }
}
.ua-desktop-windows .rb19.col-two-grid .column-wrapper {
  max-width: 500px;
}
.ua-desktop-windows .rb19.col-two-grid .col-four,
.ua-ie .rb19.col-two-grid .col-four {
  padding: 39px 8px;
}

.intro-block {
  padding: 59px 0 58px !important;
}
.intro-block .text-wrap {
  max-width: 934px;
  margin: 0 auto;
  text-align: center;
}
.intro-block .text-wrap h2 {
  font-size: 42px !important;
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: 0.5px;
  color: #2c3843;
  margin-bottom: 24px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  text-transform: none;
}
.intro-block .text-wrap p {
  line-height: 1.44;
  color: #5b7e96;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.yellow-line {
  position: relative;
  padding-top: 20px;
}
.yellow-line:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 2px;
  background-color: #ffb81d;
}
@media screen and (max-width: 1150px) and (min-width: 992px) {
  .intro-block {
    padding: 50px 0 50px !important;
  }
  .intro-block .text-wrap h2 {
    font-size: 38px !important;
  }
}
@media screen and (max-width: 991px) {
  .intro-block .text-wrap h2 {
    margin-bottom: 15px;
  }
  .yellow-line {
    padding-top: 15px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .intro-block {
    padding: 40px 0 40px !important;
  }
  .intro-block .text-wrap h2 {
    font-size: 34px !important;
  }
}
@media screen and (max-width: 767px) {
  .intro-block {
    padding: 30px 0 30px !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 596px) {
  .intro-block .text-wrap h2 {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 595px) {
  .intro-block .text-wrap h2 {
    font-size: 26px !important;
  }
}

.cq-dialog-floating .cq-dialog-content .cmp-homepage-insights {
  height: 30rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 15px;
  margin-right: 15px;
}
.blog-grid {
  background-color: #FFF;
  /*margin-top: -85px; */
  padding: 0 !important;
  /*&:after {
		content: "";
		position: absolute;
		bottom: -300px;
		left: 0;
		width: 100%;
		height: 340px;
		background: #fff;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-o-transform: skewY(-7deg) translateZ(700px);
		-webkit-transform: skewY(-7deg) translateZ(700px);
		transform: skewY(-7deg) translateZ(700px);
	}*/
}
.blog-grid .pattern {
  position: absolute;
  left: -38px;
  bottom: 38px;
}
.blog-grid .text-wrap h2 {
  font-size: 42px !important;
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: 0.5px;
  color: #2c3843;
  text-align: center;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.blog-grid .grid-wrap {
  width: 100%;
  margin: 38px auto 0;
  z-index: 1;
  position: relative;
}
.blog-grid .grid-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.blog-grid .grid-wrap .img-box {
  height: 100%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.blog-grid .grid-wrap .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.blog-grid .grid-wrap .img-box .play-icon {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.9;
}
.blog-grid .grid-wrap .left-grid {
  float: left;
  width: 61.7%;
  padding-right: 16px;
}
.blog-grid .grid-wrap .left-grid .box-wrap {
  height: 501px;
}
.blog-grid .grid-wrap .left-grid .box-wrap:hover .btn-orange:after {
  right: 0px;
}
.blog-grid .grid-wrap .left-grid .img-box {
  height: 310px;
  border-radius: 5px 5px 0 0;
}
.blog-grid .grid-wrap .left-grid .img-box:after {
  display: none;
}
.blog-grid .grid-wrap .left-grid .content-wrap {
  border-radius: 0 0 5px 5px;
  height: 188px;
}
.blog-grid .grid-wrap .left-grid .content-wrap .btn-orange {
  background: transparent;
  color: #ff681d;
  border: none;
  padding: 11px 40px 10px 0;
}
.blog-grid .grid-wrap .left-grid .content-wrap .btn-orange:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
  transition: all 0.5s ease;
}
.blog-grid .grid-wrap .box-wrap {
  position: relative;
}
.blog-grid .grid-wrap .box-wrap .tiitle {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #ffffff;
  text-transform: none;
  padding: 8px 14px;
  display: block;
  border-radius: 100px;
  background-color: #5fb4e4;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.blog-grid .grid-wrap .box-wrap > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.blog-grid .grid-wrap .right-grid {
  float: left;
  width: 38%;
}
.blog-grid .grid-wrap .right-grid .box-wrap {
  height: 240px;
  margin-bottom: 17px;
  overflow: hidden;
  -webkit-perspective-origin: center;
  perspective-origin: center;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.blog-grid .grid-wrap .right-grid .box-wrap .content-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-shadow: none;
  border: none;
  background-color: transparent;
  bottom: -27px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-perspective-origin: center;
  perspective-origin: center;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.blog-grid .grid-wrap .right-grid .box-wrap .content-wrap .btn-wrap {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.blog-grid .grid-wrap .right-grid .box-wrap .content-wrap h6 {
  color: white;
  margin: 5px 0 5px;
}
.blog-grid .grid-wrap .right-grid .box-wrap .content-wrap p {
  color: white;
  margin: 0;
}
.blog-grid .grid-wrap .right-grid .box-wrap:hover .content-wrap {
  bottom: 0;
}
.blog-grid .grid-wrap .right-grid .box-wrap:hover .content-wrap .btn-wrap {
  opacity: 1;
}
.blog-grid .grid-wrap .right-grid .content-wrap .btn-orange {
  background: transparent;
  border: none;
  padding: 11px 40px 10px 0;
  transition: none;
}
.blog-grid .grid-wrap .right-grid .content-wrap .btn-orange:hover {
  color: white;
}
.blog-grid .grid-wrap .right-grid .content-wrap .btn-orange:hover:before {
  transform: none;
  background-color: transparent;
}
.blog-grid .grid-wrap .right-grid .content-wrap .btn-orange:hover:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat;
  background-size: contain;
}
.blog-grid .grid-wrap .right-grid .content-wrap .btn-orange:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
  transition: all 0.5s ease;
}
.blog-grid .grid-wrap .content-wrap {
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
  padding: 23px 20px 9px;
}
.blog-grid .grid-wrap .content-wrap h6 {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.21px;
  color: #2c3843;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  margin: 5px 0 10px;
}
.blog-grid .grid-wrap .content-wrap .date {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.86;
  text-align: left;
  color: #5b7d95;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.blog-grid .grid-wrap .content-wrap p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.35px;
  color: #415464;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  margin: 0 0 6px;
}
.blog-grid .img-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}
.grid-wrap .contten-wrap .date {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.86;
  color: #5b7d95;
}
.touch .blog-grid .grid-wrap .right-grid .box-wrap .content-wrap {
  bottom: 0;
}
.touch .blog-grid .grid-wrap .right-grid .box-wrap .content-wrap .btn-wrap {
  opacity: 1;
}
@media screen and (min-width: 2100px) {
  .blog-grid:after {
    bottom: -340px;
  }
  .blog-grid .pattern {
    bottom: -7px;
  }
}
@media screen and (max-width: 1150px) and (min-width: 992px) {
  .blog-grid {
    padding: 150px 0 0 !important;
  }
  .blog-grid .text-wrap h2 {
    font-size: 38px !important;
  }
  .blog-grid .grid-wrap .content-wrap {
    padding: 16px 20px 9px;
  }
  .blog-grid .grid-wrap .content-wrap h6 {
    font-size: 18px;
  }
  .blog-grid .grid-wrap .right-grid .box-wrap .content-wrap {
    bottom: 0;
  }
  .blog-grid .grid-wrap .right-grid .box-wrap .content-wrap .btn-wrap {
    opacity: 1;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .blog-grid {
    padding: 140px 0 0 !important;
  }
  .blog-grid .text-wrap h2 {
    font-size: 34px !important;
  }
  .blog-grid .grid-wrap .left-grid .box-wrap {
    height: auto;
  }
  .blog-grid .grid-wrap .left-grid .content-wrap {
    height: 214px;
  }
  .blog-grid .grid-wrap .left-grid .img-box {
    height: 284px;
  }
  .blog-grid .grid-wrap .content-wrap {
    padding: 14px 21px 9px;
  }
  .blog-grid .grid-wrap .content-wrap h6 {
    font-size: 18px;
  }
  .blog-grid .grid-wrap .img-box .play-icon {
    width: 60px;
    height: 60px;
  }
  .blog-grid .grid-wrap .right-grid .box-wrap .content-wrap {
    bottom: 0;
  }
  .blog-grid .grid-wrap .right-grid .box-wrap .content-wrap .btn-wrap {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .blog-grid {
    padding: 130px 0 0 !important;
  }
  .blog-grid .grid-wrap {
    max-width: 500px;
    margin: 30px auto 0;
  }
  .blog-grid .grid-wrap .left-grid {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .blog-grid .grid-wrap .left-grid .content-wrap {
    height: auto;
  }
  .blog-grid .grid-wrap .left-grid .box-wrap {
    height: auto;
  }
  .blog-grid .grid-wrap .right-grid {
    width: 100%;
  }
  .blog-grid .grid-wrap .right-grid .box-wrap .content-wrap {
    bottom: 0;
  }
  .blog-grid .grid-wrap .right-grid .box-wrap .content-wrap .btn-wrap {
    opacity: 1;
  }
  .blog-grid .grid-wrap .img-box .play-icon {
    width: 50px;
    height: 50px;
  }
  .blog-grid .grid-wrap .content-wrap h6 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) and (min-width: 596px) {
  .blog-grid .text-wrap h2 {
    font-size: 28px !important;
  }
}
@media screen and (max-width: 595px) {
  .blog-grid .text-wrap h2 {
    font-size: 24px !important;
  }
}

.intro-block {
  padding: 59px 0 58px !important;
}
.intro-block .text-wrap {
  max-width: 934px;
  margin: 0 auto;
  text-align: center;
}
.intro-block .text-wrap h2 {
  font-size: 42px !important;
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: 0.5px;
  color: #2c3843;
  margin-bottom: 24px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  text-transform: none;
}
.intro-block .text-wrap p {
  line-height: 1.44;
  color: #5b7e96;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.yellow-line {
  position: relative;
  padding-top: 20px;
}
.yellow-line:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 2px;
  background-color: #ffb81d;
}
@media screen and (max-width: 1150px) and (min-width: 992px) {
  .intro-block {
    padding: 50px 0 50px !important;
  }
  .intro-block .text-wrap h2 {
    font-size: 38px !important;
  }
}
@media screen and (max-width: 991px) {
  .intro-block .text-wrap h2 {
    margin-bottom: 15px;
  }
  .yellow-line {
    padding-top: 15px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .intro-block {
    padding: 40px 0 40px !important;
  }
  .intro-block .text-wrap h2 {
    font-size: 34px !important;
  }
}
@media screen and (max-width: 767px) {
  .intro-block {
    padding: 30px 0 30px !important;
  }
}
@media screen and (max-width: 767px) and (min-width: 596px) {
  .intro-block .text-wrap h2 {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 595px) {
  .intro-block .text-wrap h2 {
    font-size: 26px !important;
  }
}

/*
* Tabs
*/
.rb19 .container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  /*max-width: 1300px;*/
  position: relative; 
}
@media (min-width: 1124px) {
.rb19 .container {
  width: 100%;
  margin: 0 auto;
  padding: 0 90px;
  /*max-width: 1300px;*/
  position: relative; }
}
.rb19.home-tabs {
  padding: 0 0 92px;
}
.nav-tabs {
  text-align: center;
  padding-left: 22px;
}
.home-tabs .tabs-redesign {
  display: inline-block;
  position: relative;
  border-top: solid 1px rgba(91, 125, 149, 0.2);
}

.home-tabs .tabs-redesign li {
  font-size: 18px;
  font-weight: 600;
  line-height: 2.22;
  letter-spacing: 0.22px;
  color: #5b7e96;
  display: inline-block;
  margin: 0 25px;
  cursor: pointer;
  padding-top: 21px;
  position: relative;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  transition: all 0.5s ease;
}
.home-tabs .tabs-redesign li:after {
  content: "";
  position: absolute;
  top: 0px;
  left: -2px;
  height: 5px;
  width: 101.6%;
  background-image: linear-gradient(91deg, #5fb4e4, #5b7d95 100%);
  opacity: 0;
}
.home-tabs .tabs-redesign li.current:after {
  opacity: 1;
}

.home-tabs .tabs-redesign li.current {
  color: #2c3843;
}
.home-tabs .tabs-redesign li:hover {
  color: #2c3843;
}
.home-tabs .tabs-redesign li:hover:after {
  opacity: 1;
}
/* .home-tabs .tabs li:hover {
  background: #51b1b6;
  color: #ffffff;
} */
.home-tabs .tab-contents {
  float: left;
  width: 100%;
  margin-top: 51px;
}
.home-tabs .tab-content {
  display: none;
  float: left;
  width: 100%;
}

.home-tabs .tab-content.current {
  display: block;
}

.home-tabs .tab-content .col-outer {
  float: left;
  width: 100%;
}
.home-tabs .tab-content .img-box {
  float: left;
  width: 42.3%;
  border-radius: 5px;
  overflow: hidden;
  height: 340px;
}
.home-tabs .tab-content .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.home-tabs .tab-content .content-wrap {
  float: left;
  width: 57%;
  padding-left: 80px;
  padding-top: 9px;
}
.home-tabs .tab-content .content-wrap .icon {
  margin-bottom: 20px;
}
.home-tabs .tab-content .content-wrap h6 {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.53px;
  color: #415464;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}
.home-tabs .tab-content .content-wrap p {
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: 0.18px;
  color: #5b7e96;
  margin: 11px 0 30px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
}

@media screen and (max-width: 1150px) and (min-width: 992px) {
  .rb19.home-tabs {
    padding: 0 0 50px;
  }
  .home-tabs .tabs-redesign li {
    font-size: 17px;
    margin: 0 10px;
    padding-top: 10px;
  }
  .home-tabs .tabs-redesign li.current:after {
    height: 4px;
  }
  .home-tabs .tabs-redesign li:hover:after {
    height: 4px;
  }
  .home-tabs .tab-content .content-wrap p {
    margin: 9px 0 16px;
  }
  .home-tabs .tab-content .content-wrap {
    padding-left: 50px;
    padding-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .nav-tabs {
    padding-left: 0;
  }
  .home-tabs .tab-content .content-wrap .icon {
    margin-bottom: 15px;
  }
  .home-tabs .tab-contents {
    margin-top: 30px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .rb19.home-tabs {
    padding: 0 0 40px;
  }
  .home-tabs .tabs-redesign li {
    font-size: 16px;
    margin: 0 10px 10px;
    padding-top: 0;
  }
  .home-tabs .tabs-redesign li:after {
    height: 3px;
  }
  .home-tabs .tab-content .content-wrap h6 {
    font-size: 20px;
  }
  .home-tabs .tab-content .content-wrap p {
    font-size: 16px;
    margin: 6px 0 16px;
  }
  .home-tabs .tab-content .content-wrap {
    padding-left: 30px;
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .rb19.home-tabs {
    padding: 0 0 30px;
  }
  .home-tabs .tab-content .content-wrap h6 {
    font-size: 18px;
  }
  .home-tabs .tab-content .content-wrap p {
    font-size: 16px;
    margin: 6px 0 16px;
  }
  .home-tabs .tab-content .img-box {
    width: 100%;
    height: 300px;
  }
  .home-tabs .tab-content .img-box {
    width: 100%;
    height: 300px;
  }
  .home-tabs .tab-content .content-wrap {
    width: 100%;
    padding-left: 0;
    padding: 30px 0 0;
    text-align: center;
  }
  .home-tabs .tab-content .col-outer {
    max-width: 555px;
    float: none;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) and (min-width: 596px) {
  .home-tabs .tabs-redesign li {
    font-size: 16px;
    margin: 0 10px 10px;
    padding-top: 0;
  }
  .home-tabs .tabs-redesign li:after {
    height: 3px;
  }
}

@media screen and (max-width: 595px) {
  .home-tabs .tabs-redesign li {
    font-size: 14px;
    margin: 0 10px 8px;
    padding-top: 5px;
    line-height: 1.6;
  }

  .home-tabs .tabs-redesign {
    border-top: none;
  }
  .home-tabs .tabs-redesign li:after {
    height: 2px;
  }
}

@media screen and (max-width: 595px) and (min-width: 481px) {
}

@media screen and (max-width: 480px) {
  .nav-tabs {
    padding-left: 0;
    max-width: 280px;
    margin: 0 auto;
  }
  .home-tabs .tabs-redesign li:after {
    top: 26px;
  }
}
.tab-link-redesign a {
    text-decoration: none !important;
}
.rb19.home-tabs {
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
.blue-ribbon {
  padding-top: 28px !important;
  padding-bottom: 0px !important;
}
.blue-ribbon .container {
  height: 65px;
  background-color: #5fb4e4;
}
.blue-ribbon .text-wrap {
  float: left;
  width: 70%;
  padding-top: 16px;
}
.blue-ribbon p {
  font-size: 24px !important;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  color: #ffffff !important;
  line-height: 1.5;
  font-weight: 600 !important;
}
.blue-ribbon .button-wrap {
  padding-top: 13px;
}
.video-banner {
  margin-top: 0px !important;
}
.latest-news-count {
  float: left;
  font-size: 54px;
  color: #ffffff;
  padding-right: 10px;
}
.blue-ribbon .slide-btn-blue-ribbon {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  border-radius: 50px;
  padding: 12px 22px 10px 25px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  display: inline-block;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 2px #415464 inset;
  box-shadow: 0 0 0 2px #ffffff inset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 600;
}
.blue-ribbon .slide-btn-blue-ribbon:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 260%;
  background: #ffffff;
  opacity: 0;
  -webkit-transform: scaleX(0.2);
  -o-transform: scaleX(0.2);
  transform: scaleX(0.2);
  -webkit-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.blue-ribbon .slide-btn-blue-ribbon:after {
  display: none;
}
.blue-ribbon .slide-btn-blue-ribbon:hover {
  color: #5fb4e4;
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
  box-shadow: 0 0 0 2px #ffffff inset;
}
.blue-ribbon .slide-btn-blue-ribbon:hover:before {
  opacity: 1;
  -webkit-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
  -o-transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
  transform: scaleX(1) rotateZ(16deg) translateY(-24%) translateX(-6%);
}
.blog-grid {
  background-color: #ffffff;
  padding: 35px 0 0 !important;
}
.logo-grid {
  padding: 35px 0 0 !important;
}
.logo-grid .logo-wrap {
  border: solid 3px #f0f5f8;
}
.intro-block-no-bottom-padding {
  padding-bottom: 0px !important;
}
@media screen and (max-width: 480px) {
  .blue-ribbon p {
    font-size: 13px !important;
  }
  .blue-ribbon .button-wrap {
    padding-top: 17px;
  }
  .blue-ribbon .slide-btn-blue-ribbon {
    font-size: 11px;
    padding: 8px 13px 8px 14px;
  }
  .blue-ribbon .text-wrap {
    padding-top: 13px;
    width: 64%;
  }
  .latest-news-count {
    font-size: 30px;
  }
}
@media (min-width: 481px) and (max-width: 595px) {
  .blue-ribbon p {
    font-size: 16px !important;
  }
  .blue-ribbon .text-wrap {
    width: 73%;
    padding-top: 21px;
  }
  .blue-ribbon .button-wrap {
    padding-top: 21px;
  }
  .blue-ribbon .slide-btn-blue-ribbon {
    font-size: 11px;
    padding: 8px 13px 8px 14px;
  }
}
@media (min-width: 596px) and (max-width: 767px) {
  .blue-ribbon p {
    font-size: 16px !important;
  }
  .blue-ribbon .button-wrap {
    padding-top: 21px;
  }
  .blue-ribbon .slide-btn-blue-ribbon {
    font-size: 11px;
    padding: 8px 13px 8px 14px;
  }
  .blue-ribbon .text-wrap {
    padding-top: 23px;
    width: 83%;
  }
}
@media screen and (max-width: 991px) {
  .blue-ribbon {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .blue-ribbon p {
    font-size: 18px !important;
  }
  .blue-ribbon {
    padding-top: 6px !important;
  }
  .blue-ribbon .text-wrap {
    width: 81%;
  }
}

.rb19.video-blade {
  padding: 55px 0 75px;
}
.rb19.video-blade .col-outer {
  padding: 0 40px;
  margin-top: 50px;
}
.rb19.video-blade .col-outer.below-three {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.rb19.video-blade .col-outer .col-three {
  width: calc(33.33% - 20px);
  margin: 0 10px;
  border-radius: 5px;
  overflow: hidden;
  height: 216px;
}
.rb19.video-blade .col-outer .col-three > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.rb19.video-blade .col-outer .col-three .bg-img {
  position: relative;
  height: 100%;
}
.rb19.video-blade .col-outer .col-three .bg-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}
.rb19.video-blade .col-outer .col-three .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb19.video-blade .col-outer .col-three .bg-img .play-icon {
  width: inherit;
  position: absolute;
  top: 15px;
  right: 17px;
  opacity: 0.8;
  max-width: 55px;
  z-index: 1;
  height: auto;
}
.rb19.video-blade .col-outer .col-three .content-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-shadow: none;
  border: none;
  background-color: transparent;
  bottom: -19px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-perspective-origin: center;
  perspective-origin: center;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 0 20px;
  max-width: 315px;
}
.rb19.video-blade .col-outer .col-three:hover .content-wrap {
  bottom: 15px;
}
.rb19.video-blade .col-outer .col-three:hover .content-wrap .btn-orange {
  opacity: 1;
}
.rb19.video-blade .col-outer .col-three .content-wrap h5 {
  color: white;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
  font-size: 20px;
}
.rb19.video-blade .col-outer .col-three .content-wrap .btn-orange {
  background: transparent;
  color: white;
  border: none;
  padding: 11px 40px 10px 0;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 1.4px;
  margin-top: 7px;
  opacity: 0;
  transition: all 0.3s ease;
}
.rb19.video-blade .col-outer .col-three .content-wrap .btn-orange:before {
  background-color: transparent;
}
.rb19.video-blade .col-outer .col-three .content-wrap .btn-orange:after {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
  transition: all 0.5s ease;
  right: 13px;
}
/*.rb19.video-blade .col-outer .col-three:hover .btn-orange:after {*/
/*  right: 0;*/
/*}*/
.rb19.video-blade .col-outer .slick-prev {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/grey_arrow.svg) no-repeat;
  transform: rotate(180deg);
  width: 35px !important;
  height: 36px !important;
  top: 54%;
}
.rb19.video-blade .col-outer .slick-prev.slick-disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.rb19.video-blade .col-outer .slick-next {
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/grey_arrow.svg) no-repeat;
  width: 35px !important;
  height: 36px !important;
  top: 54%;
}
.rb19.video-blade .col-outer .slick-next.slick-disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
/*Media Query*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .rb19.video-blade .col-outer .col-three .content-wrap h5 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .rb19.video-blade .col-outer .col-three .content-wrap h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .rb19.video-blade .col-outer .col-three .content-wrap h5 {
    font-size: 16px;
  }
  .rb19.video-blade .col-outer .slick-next {
    width: 26px !important;
    height: 26px !important;
    background-size: contain;
  }
  .rb19.video-blade .col-outer .slick-prev {
    width: 26px !important;
    height: 26px !important;
    background-size: contain;
  }
  .rb19.video-blade .col-outer .col-three .bg-img .play-icon {
    max-width: 40px;
  }
  .rb19.video-blade .col-outer {
    margin-top: 30px;
  }
  .rb19.video-blade {
    padding: 60px 0 30px;
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider:hover .slick-slider .slick-prev,
.slick-slider:hover .slick-slider .slick-next {
  opacity: 1 !important;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
  background: url("../components/content/video-carousel/clientlibs/clientlibs_desktop/resources/images/sprite.png") no-repeat 0 -270px;
  width: 29px !important;
  height: 52px !important;
  z-index: 4 !important;
  position: absolute;
  top: 50%;
  text-indent: -9999px;
  overflow: hidden;
  border: none;
  padding: 0;
  margin-top: -26px;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .slick-slider .slick-prev,
  .slick-slider .slick-next {
    height: 52px !important;
    margin-top: -26px;
  }
}
.slick-slider .slick-prev {
  left: 0;
}
.slick-slider .slick-next {
  background-position: -30px -270px;
  right: 0;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.dividing-line .rb19.video-blade h2:after {
  width: 0px;
}
.light-blue .rb19.video-blade {
  background-color: #f0f5f8;
}
.rb19.video-blade .col-outer .col-three.more-link .content-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-20%);
  z-index: 1;
  justify-content: center;
  display: flex;
  width: 100%;
  max-width: 100%;
}
.rb19.video-blade .col-outer .col-three.more-link:hover .content-wrap {
  bottom: -60px;
}
.rb19.video-blade .col-outer .col-three.more-link .btn-orange-link {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
  z-index: 1;
  max-width: 165px;
  float: left;
  text-transform: capitalize;
  padding: 0;
  /*word-spacing: 1000px;*/
}
.rb19.video-blade .col-outer .col-three.more-link .btn-orange-link:after {
  content: "";
  height: 21px;
  width: 21px;
  transition: all 0.5s ease;
  position: relative;
  display: inline-block;
  right: 0;
  margin: 0 0 0 9px;
  top: 4px;
  background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/Homepage_Icons_arrowA_white.svg) top no-repeat;
  background-size: contain;
}
.rb19.video-blade .col-outer .col-three.more-link .bg-img:after {
  background-image: none;
}

/* Hero Banner */
@media screen and (min-width: 1681px) {
	.rb19.saas-second-banner {
		/*max-width: 1680px;*/
	}
}

.rb19.saas-second-banner {
    height: 400px;
    /*margin-top: 86px;*/

}

.rb19.saas-second-banner .container {
    /*max-width: 1290px;*/
}

.rb19.saas-second-banner.bg-orange {
    background: #F36C21;
}

.rb19.saas-second-banner .container {
    /*max-width: 1270px;*/
}
/*
.rb19.saas-second-banner:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 145px;
    background: #fff;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -o-transform: skewY(4deg) translateZ(700px);
    -webkit-transform: skewY(4deg) translateZ(700px);
    transform: skewY(2.7deg) translateZ(700px);
    z-index: 9;
}
*/

.rb19.hero-banner.euem-hero.video-open:after {
    display: none;
}

.video-open .rb19.hero-banner.euem-hero:after {
    display: none;
}

.video-open .rb19.saas-second-banner:after {
    display: none;
}

.rb19.saas-second-banner .logo-container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1360px;
    position: relative;
    top: 30px;
}

.rb19.saas-second-banner .logo-container .nav-logo {
    max-width: 150px;
}

/*.rb19.saas-second-banner .we-center:before {*/
/*    content: "";*/
/*    background-image: url("../../../../saas-accelerator/assets/images/orange_gradient.png");*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 1;*/
/*}*/
.rb19.saas-second-banner .we-bottom-right:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: -97px;
    margin: auto;
    background: url(../../../../content/dam/riverbed-www/en_US/Microsites/saas-accelerator/images/banner_pattern_copy.png) top no-repeat;
    background-size: cover;
    opacity: 0;
}

.rb19.saas-second-banner .we-bottom-right {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

.rb19.saas-second-banner .we-center {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

.rb19.saas-second-banner .container {
    top: 42.6%;
    left: 0 !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: relative;
    padding: 0 90px;
}

.rb19.saas-second-banner .we-center img {
    max-width: inherit;
    margin-top: 0 !important;
	position: relative;
	object-position: right top !important;
	width: 100%;
	height: 400px !important;
	object-fit: cover;
	object-position: right bottom;
	font-family: "object-fit: cover; object-position: right;";
}

.rb19.saas-second-banner .text-wrap {
    /*max-width: 1100px;*/
    text-align: left;
    /*padding-bottom: 39px;*/
    float: left;
	margin-top:150px;
    width:100%;
}

.rb19.saas-second-banner .animate-wrap {
    float: left;
    width: 100%;
}

.rb19.saas-second-banner .animate-wrap .hero__title span,
.rb19.saas-second-banner .animate-wrap h1 {
    font-size: 42px;
	line-height: 1.2;
	letter-spacing: 0.42px;
	color: #fff;
	margin-bottom: 15px;
	text-transform: none;
	font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
	font-weight: 400;
	float: left;
	position: relative;
}

.rb19.saas-second-banner .animate-wrap .hero__title {
    /*float: left;*/
    width: 100%;
    position: relative;
    /*top: -10px;*/
    opacity: 0;
    height: 50px !important;
    transition: all 0.3s ease;
    padding-left:5px;	
}
/*
.rb19.saas-second-banner .animate-wrap .hero__title span {
    color: #fff;
    font-size: 113px;
    position: relative;
	float:left;
}
*/

/*.rb19.saas-second-banner .animate-wrap .hero__title .item span:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 2px;*/
/*    width: 100%;*/
/*    height: 2px;*/
/*    background-color: white;*/
/*    transition: all 0.5s ease-in-out;*/
/*}*/
/*.rb19.saas-second-banner .animate-wrap .hero__title .item.slick-current span:after {*/
/*   width: 0;*/
/*}*/

.rb19.saas-second-banner .animate-wrap .slick-slide {
    height: 123px;
    border: none;
    outline: none;
}

/*.rb19.saas-second-banner .animate-wrap .wrapper {*/
/*    display: block;*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    height: 140px;*/
/*    color: #fff;*/
/*    font-size: 113px;*/
/*    line-height: 135px;*/
/*    font-weight: 500;*/
/*    float: left;*/
/*    width: 100%;*/
/*    top: -10px;*/

/*}*/
/*.rb19.saas-second-banner .animate-wrap .wrapper .animate-text {*/
/*    float: left;*/
/*    width: 100%;*/
/*    color: #fff;*/
/*    position: relative;*/
/*}*/
/*.rb19.saas-second-banner .animate-wrap .wrapper .animate-text span {*/
/*    color: #fff;*/
/*    opacity: 0;*/
/*    overflow: hidden;*/
/*    position: absolute;*/
/*}*/
/*.rb19.saas-second-banner .animate-wrap .wrapper .animate-text.active span {*/
/*    animation: topToBottom 10s linear infinite 0s;*/
/*    -ms-animation: topToBottom 10s linear infinite 0s;*/
/*    -webkit-animation: topToBottom 10s linear infinite 0s;*/
/*}*/
/*.animate-wrap .wrapper .animate-text span:nth-child(2) {*/
/*    animation-delay: 2.5s;*/
/*    -ms-animation-delay: 2.5s;*/
/*    -webkit-animation-delay: 2.5s;*/
/*}*/
/*.rb19.saas-second-banner .animate-wrap .wrapper .animate-text span:nth-child(3) {*/
/*    animation-delay: 5s;*/
/*    -ms-animation-delay: 5s;*/
/*    -webkit-animation-delay: 5s;*/
/*}*/
/*.rb19.saas-second-banner .animate-wrap .wrapper .animate-text span:nth-child(4) {*/
/*    animation-delay: 7.5s;*/
/*    -ms-animation-delay: 7.5s;*/
/*    -webkit-animation-delay: 7.5s;*/
/*}*/

.rb19.saas-second-banner .text-wrap .subhead {
    float: left;
    width: 100%;
    height: 76px;
}

.rb19.saas-second-banner .text-wrap h3 {
    color: white;
    margin: -8px 0 0;
    line-height: 1;
    float: left;
    font-weight: 500;
    font-size: 30px;
    display: none;
}

.rb19.saas-second-banner .text-wrap h6 {
    color: white;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
}

.rb19.saas-second-banner .text-wrap h6:last-child {
    margin-bottom: 0;
}

.rb19.saas-second-banner .text-wrap h1 span {
    color: #FFB81D;
    display: inline-block;
}

.ua-ie-11 .rb19.saas-second-banner .we-right {
    background-position-y: top !important;
}

/*
@media (min-width: 1500px) {
    .rb19.saas-second-banner:after {
        -o-transform: skewY(3deg) translateZ(700px);
        -webkit-transform: skewY(3deg) translateZ(700px);
        transform: skewY(3deg) translateZ(700px);
        z-index: 9;
        height: 166px;
    }
}
*/
@media screen and (min-width: 1441px) and (max-width: 1500px) {
    /*.rb19.saas-second-banner {*/
    /*    height: 706px;*/
    /*}*/
}

@media screen and (min-width: 992px) and (max-width: 1150px) {
    .rb19.saas-second-banner .we-bottom-right img {
        margin-left: -300px !important;
    }

	.rb19.saas-second-banner .animate-wrap .hero__title span,
    .rb19.saas-second-banner .animate-wrap h1 {
        font-size: 38px;
    }

    .rb19.saas-second-banner .animate-wrap .slick-slide {
        height: 110px;
    }
	/*
    .rb19.saas-second-banner .animate-wrap .hero__title span {
        font-size: 80px;
        float:left;
    }
	*/
    .rb19.saas-second-banner .text-wrap h3 {
        font-size: 28px;
    }

	.rb19.saas-second-banner .animate-wrap .hero__title img.left{
		height:30px;
		width:50px;
		float:left;
		margin-left: -10px !important;
	}

    .rb19.saas-second-banner .animate-wrap .hero__title {
        top: 0;
		float:left;
		margin-bottom:15px;
    }
	/*
    .rb19.saas-second-banner {
        height: 400px;
    }
	
    .rb19.saas-second-banner:after {
        -o-transform: skewY(2deg);
        -webkit-transform: skewY(2deg);
        transform: skewY(2deg);
    }
	*/
}

@media screen and (max-width: 991px) {
	/*
    .rb19.saas-second-banner:after {
        bottom: 0px;
        height: 100px;
        -o-transform: skewY(0deg) translateZ(00px);
        -webkit-transform: skewY(0deg) translateZ(00px);
        transform: skewY(0deg) translateZ(00px);
        z-index: 1;
    }
	*/
    .rb19.saas-second-banner .text-wrap {
        padding: 0;
		margin-top:100px;
    }

    .rb19.saas-second-banner .text-wrap h3 {
        margin: 0px 0 20px;
    }

    .rb19.saas-second-banner .text-wrap h6 {
        margin-bottom: 12px;
    }
	/*
    .rb19.saas-second-banner:after {
        display: none;
    }
	*/
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .rb19.saas-second-banner .text-wrap h6 {
        font-size: 18px;
    }

    .rb19.saas-second-banner .we-bottom-right img {
        margin-left: -430px !important;
    }

	.rb19.saas-second-banner .animate-wrap .hero__title span,
    .rb19.saas-second-banner .animate-wrap h1 {
        font-size: 34px;
    }

    .rb19.saas-second-banner .animate-wrap .slick-slide {
        height: 110px;
    }
	/*
    .rb19.saas-second-banner .animate-wrap .hero__title span {
        font-size: 70px;
        float:left;
    }
	*/
    .rb19.saas-second-banner .text-wrap h3 {
        font-size: 24px;
    }
	
	.rb19.saas-second-banner .animate-wrap .hero__title img.left{
		height:30px;
		width:50px;
		float:left;
		margin-left: -10px !important;
	}

    .rb19.saas-second-banner .animate-wrap .hero__title {
        top: 0;
		float:left;
		margin-bottom:15px;
    }

    .rb19.saas-second-banner {
        height: 400px;
    }
}

@media screen and (min-width: 850px) and (max-width: 991px) {
    .rb19.saas-second-banner .we-bottom-right img {
        margin-left: -290px !important;
    }
}

@media screen and (max-width: 767px) {
    .rb19.saas-second-banner .text-wrap h6 {
        font-size: 17px;
        line-height: 1.3;
    }
	/*
    .rb19.saas-second-banner:after {
        bottom: -30px;
        height: 140px;
    }
	*/
}

@media screen and (min-width: 596px) and (max-width: 767px) {
    .rb19.saas-second-banner {
        height: 420px;
    }

    .rb19.saas-second-banner .we-right img {
        margin-left: -582px !important;
    }

	.rb19.saas-second-banner .animate-wrap .hero__title span,
    .rb19.saas-second-banner .animate-wrap h1 {
        font-size: 30px;
    }

    .rb19.saas-second-banner .animate-wrap .slick-slide {
        height: 90px;
    }
	/*
    .rb19.saas-second-banner .animate-wrap .hero__title span {
        font-size: 60px;
        float:left;
    }
	*/
    .rb19.saas-second-banner .text-wrap h3 {
        font-size: 20px;
    }

	.rb19.saas-second-banner .animate-wrap .hero__title img.left{
		height:30px;
		width:50px;
		float:left;
		margin-left: -10px !important;
	}
	
    .rb19.saas-second-banner .animate-wrap .hero__title {
        top: 0;
		float:left;
		margin-bottom:15px;
    }
}

@media screen and (max-width: 595px) {
    .rb19.saas-second-banner .text-wrap {
        max-width: 100%;
		margin-top:80px;
    }

    .rb19.saas-second-banner:before {
        opacity: 1;
        z-index: 1;
        top: -2px;
    }

    .rb19.saas-second-banner .container {
        z-index: 1;
        padding: 0 40px;
    }

    .rb19.saas-second-banner .we-bottom-right:after {
        opacity: 1;
        z-index: 1;
    }

	.rb19.saas-second-banner .animate-wrap .hero__title span,
    .rb19.saas-second-banner .animate-wrap h1 {
        font-size: 23px;
    }

    .rb19.saas-second-banner .animate-wrap .slick-slide {
        height: 70px;
    }
	/*
    .rb19.saas-second-banner .animate-wrap .hero__title span {
        font-size: 50px;
		float:left;
    }
	*/
    .rb19.saas-second-banner .text-wrap h3 {
        font-size: 20px;
    }

	.rb19.saas-second-banner .animate-wrap .hero__title img.left{
		height:30px;
		width:50px;
		float:left;
		margin-left: -10px !important;
	}
    .rb19.saas-second-banner .animate-wrap .hero__title {
        top: 0;
		float:left;
		margin-bottom:15px;
    }
}

@media screen and (min-width: 481px) and (max-width: 595px) {
    .rb19.saas-second-banner {
        height: 400px;
    }
}

@media screen and (max-width: 480px) {
    .rb19.saas-second-banner .we-right img {
        margin-left: -993.31px !important;
    }

    .rb19.saas-second-banner {
        height: 400px;
    }

    .rb19.saas-second-banner .we-bottom-right img {
        margin-left: -633px !important;
    }
}


@keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
    }
}

.rb19.saas-second-banner .animate-wrap .hero__title img.left{
	height:30px;
	width:50px;
	float:left;
	margin-left:10px;
}

.rb19.saas-second-banner .animate-wrap .hero__title img.right{
	height:30px;
	width:50px;
	float:left;
	margin-top:25px;
}



.rb19.resource-col-four-grid {

}
.rb19.resource-col-four-grid .col-four > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.rb19.resource-col-four-grid .bg-img {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.rb19.resource-col-four-grid .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb19.resource-col-four-grid .col-outer {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-top: 46px;
}
.rb19.resource-col-four-grid .col-four {
  //height: 350px;
  border-radius: 5px;
  box-shadow: 0 2px 12px 0 rgba(91, 125, 149, 0.15);  
  border: solid 1px #f0f5f8;
  background-color: #ffffff;
  border-radius: 5px;  
  /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(212, 196, 196, 0.8));*/
  width: calc(25% - 20px) !important;
  //margin: 0 10px 10px 0;
  overflow: hidden;
    padding-bottom: 10px;
}
.rb19.resource-col-four-grid .col-four:before {
   padding-top: 20px;                 
}
.rb19.resource-col-four-grid .col-four:hover .content-wrap{
  //bottom: 27px;
}
.rb19.resource-col-four-grid .col-four:hover .bg-img{
  opacity: 0;
}
.rb19.resource-col-four-grid .col-four:hover .content-wrap .btn-orange-link{
  //opacity: 1;
}
.rb19.resource-col-four-grid .col-four:nth-child(1) {
  border-top: 4px solid #ff681d;
  margin-right: 10px;
  margin-bottom: 10px;  
}
.rb19.resource-col-four-grid .col-four:nth-child(1) .title {
  color: #ff681d;
}
.rb19.resource-col-four-grid .col-four:nth-child(2) {
  border-top: 4px solid #ff681d;
  margin-left: 10px;
  margin-bottom: 30px;
}
.rb19.resource-col-four-grid .col-four:nth-child(2) .title {
  color: #ff681d;
}
.rb19.resource-col-four-grid .col-four:nth-child(3) {
  border-top: 4px solid #ff681d;
  margin-right: 10px;
  margin-bottom: 10px;  
}
.rb19.resource-col-four-grid .col-four:nth-child(3) .title {
  color: #ff681d;
}
.rb19.resource-col-four-grid .col-four:nth-child(4) {
  border-top: 4px solid #ff681d;
  margin-left: 10px;
  margin-bottom: 10px;  
}
.rb19.resource-col-four-grid .col-four:nth-child(4) .title {
  color: #ff681d;
}
.rb19.resource-col-four-grid .col-four:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  //background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.rb19.resource-col-four-grid .icon {
  position: absolute;
  top: 17px;
  min-width:45px;
  min-height:45px;
}
.rb19.resource-col-four-grid .content-wrap {
  position: relative;
  //bottom: 10px;
  left: 0;
  padding: 0 23px 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  width: 100%;  
}

.rb19.resource-col-four-grid .content-wrap:after {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 2px;
    background-color: #B1B7BC;
}

.rb19.resource-col-four-grid .content-wrap .content {
  width: 90%;
  float: right;   
  padding-top: 15px;  
}

.rb19.resource-col-four-grid .content-wrap .title {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 1.2px;
  text-align: left;
  color: #2c3843;
  text-transform: uppercase;
}
.rb19.resource-col-four-grid .content-wrap h5, .rb19.resource-col-four-grid .content h5 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: 0.21px;
  text-align: left;
  color: #5b7e96;
  margin: 8px 0 20px;
}

.rb19.resource-col-four-grid .content {
    padding-left: 20px;
    height: fit-content;
    padding-right: 20px;
}

.rb19.resource-col-four-grid .content h4 {
    font-weight: 400;
    color: #2c3843;
    font-size: 26px;
    padding-top: 20px;
}
.rb19.resource-col-four-grid .content-wrap .btn-orange-link {
  //opacity: 0;
  transition: all 0.3s ease-in-out;
}
.touch .rb19.resource-col-four-grid .col-four .bg-img {
  opacity: 1;
}
.touch .rb19.resource-col-four-grid .col-four .content-wrap {
  bottom: 27px;
}
.touch .rb19.resource-col-four-grid .col-four.content-wrap .btn-orange-link {
  opacity: 1;
}
.touch .rb19.resource-col-four-grid .col-four .content-wrap .btn-orange-link {
  opacity: 1;
}

/*Media Query*/

@media screen and (min-width: 992px) {


}
@media screen and (max-width: 992px) {
  .rb19.resource-col-four-grid .col-outer {
    margin-top: 25px;
  }

}
@media screen  and (min-width: 992px) and (max-width: 1200px) {
  .rb19.resource-col-four-grid .content-wrap h5 {
    font-size: 19px;
  }
}

@media screen  and (min-width: 768px) and (max-width: 991px) {
  .rb19.resource-col-four-grid .content-wrap h5 {
    font-size: 18px;
  }
  .rb19.resource-col-four-grid .col-four {
    width: calc(33.33% - 20px) !important;
    margin: 0 10px 20px;
  }
}

@media screen  and (max-width: 767px) {

}
@media screen  and (min-width: 481px) and (max-width: 767px) {
  .rb19.resource-col-four-grid .col-four {
    width: calc(50% - 20px) !important;
    margin: 0 10px 20px;

  }
  .rb19.resource-col-four-grid .content-wrap h5 {
    font-size: 16px;
  }
}


@media screen  and (max-width: 480px) {
  .rb19.resource-col-four-grid .col-outer {
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0;
    float: none;
  }
  .rb19.resource-col-four-grid .col-outer {
    margin-left: 0;
    margin-top: 46px;
    width: 100%;
  }
  .rb19.resource-col-four-grid .col-four {
    width: 100% !important;
    margin: 0 0 15px;
  }
  .rb19.resource-col-four-grid .content-wrap h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
	.2-cross-2-featured .rb19.resource-col-four-grid .col-outer.center-align-items {
		display: flex;
		justify-content: center;
	}
}

.rb19.two-cross-two-featured .col-four {
    width: 49% !important;
}

.rb19.two-cross-two-featured .col-outer {
    max-width: 70% !important;
    float: none !important;
    margin: 0 auto !important;
}

.two-cross-two-featured section.rb19 {
        padding-bottom: 0px;
 }

.rb19 .btn-orange-link {
    color: #ff681d;
	padding: 0 40px 0 0;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    position: relative;
}

.rb19 .btn-orange-link:after {
    content: "";
    position: absolute;
    height: 21px;
    width: 21px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../../../../content/dam/riverbed-www/en_US/Microsites/home-page-redesign/images/orange_arrow.svg) top no-repeat;
    transition: all 0.5s ease;
    right: 13px;
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
	.rb19.two-cross-two-featured .col-four {
		width: 48% !important;
	}
    .rb19.resource-col-four-grid .col-four {
  		//height: 400px;
    }
}
@media screen and (max-width: 1300px) {
	.rb19.two-cross-two-featured .col-outer {
		max-width: 90% !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.rb19.two-cross-two-featured .col-four {
		width: 46% !important;
	}
    
    .rb19.resource-col-four-grid .col-four {
  		//height: 420px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.rb19.two-cross-two-featured .content h4 {
		font-size: 22px;
	}
}
@media screen and (max-width: 480px) {
	.rb19.two-cross-two-featured .content h4 {
		font-weight: 600;
		font-size: 20px;
	}
}

@media screen and (max-width: 767px) {
	.rb19.two-cross-two-featured .col-four {
		width: 100% !important;
		margin: 0 0 15px;
        //height: 420px !important;  
	}

    .rb19 .btn-orange-link {
        padding: 0 0px 0 0;
    }

    .rb19 .btn-orange-link:after {
        right: -30px;
    }
    .touch .rb19.resource-col-four-grid .col-four .content-wrap {
    	bottom: 15px;
	}
}
@media screen and (max-width: 1023px) {
	.rb19.two-cross-two-featured .content-wrap .content {
		padding-left: 35px;
	}
}
@media screen and (max-width: 1023px) {
	.rb19.two-cross-two-featured .content h5 {
		font-size: 16px;
	}

    .rb19 .btn-orange-link {
        padding: 0 0px 0 0;
    }

    .rb19 .btn-orange-link:after {
        right: -30px;
    }
}
@media screen and (max-width: 767px) {
	.rb19.two-cross-two-featured .col-outer {
		//max-width: 400px !important;
		
	}
}
@media screen and (max-width: 767px) {
	.rb19.two-cross-two-featured .col-four {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
}

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.rb19.resource-col-four-grid .col-four {
  		//height: 375px;
    }
    .rb19.resource-col-four-grid .content-wrap .content {
    	width: 90%;
    }
}

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.rb19.resource-col-four-grid .col-four {
  		//height: 400px;
    }
    .rb19.resource-col-four-grid .content-wrap .content {
    	width: 91%;
    }
}

@media screen 
  and (min-width: 1395px) 
  and (max-width: 1608px) {
   .rb19.two-cross-two-featured .col-four {
    	width: 47% !important;
	}
	.rb19.resource-col-four-grid .col-four {
  		//height: 400px !important;
    }
}

@media screen 
  and (min-width: 1200px) 
  and (max-width: 1450px) {
   .rb19.two-cross-two-featured .col-four {
    	width: 47% !important;
	}
    .rb19.resource-col-four-grid .col-four {
  		//height: 435px !important;
    }
}


@media only screen 
  and (min-width: 768px) 
  and (max-height: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.rb19.resource-col-four-grid .col-four {
  		//height: 400px;
    }
    .rb19.resource-col-four-grid .content-wrap .content {
    	width: 90%;
    }
}

@media only screen 
  and (min-width: 768px) 
  and (max-height: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.rb19.resource-col-four-grid .col-four {
  		//height: 375px;
    }
    .rb19.resource-col-four-grid .content-wrap .content {
    	width: 91%;
    }
}

@media screen 
  and (min-width: 1125px) 
  and (max-width: 1150px) {
   .rb19.resource-col-four-grid .col-four {
  		//height: 400px;
    }
}

@media screen 
  and (min-width: 768px) 
  and (max-width: 820px) {
   .rb19.resource-col-four-grid .col-four {
  		//height: 420px;
    }
}
.rb19.resource-col-four {

}
.rb19.resource-col-four .col-four > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.rb19.resource-col-four .bg-img {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.rb19.resource-col-four .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rb19.resource-col-four .col-outer {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-top: 46px;
}
.rb19.resource-col-four .col-four {
  height: 208px;
  border-radius: 5px;
  box-shadow: 0 2px 12px 0 rgba(91, 125, 149, 0.08);  
  border: solid 1px #f0f5f8;
  background-color: #ffffff;
  border-radius: 5px;  
  /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(212, 196, 196, 0.8));*/
  width: calc(25% - 20px) !important;
  margin: 0 10px;
  overflow: hidden;
}
.rb19.resource-col-four .col-four:hover .content-wrap{
  bottom: 27px;
}
.rb19.resource-col-four .col-four:hover .bg-img{
  opacity: 0;
}
.rb19.resource-col-four .col-four:hover .content-wrap .btn-orange-link{
  opacity: 1;
}
.rb19.resource-col-four .col-four:nth-child(1) {
  border-top: 4px solid #5fb4e4;
}
.rb19.resource-col-four .col-four:nth-child(1) .title {
  color: #5fb4e4;
}
.rb19.resource-col-four .col-four:nth-child(2) {
  border-top: 4px solid #5b7d95;
}
.rb19.resource-col-four .col-four:nth-child(2) .title {
  color: #5b7d95;
}
.rb19.resource-col-four .col-four:nth-child(3) {
  border-top: 4px solid #ff671b;
}
.rb19.resource-col-four .col-four:nth-child(3) .title {
  color: #ff671b;
}
.rb19.resource-col-four .col-four:nth-child(4) {
  border-top: 4px solid #30404d;
}
.rb19.resource-col-four .col-four:nth-child(4) .title {
  color: #30404d;
}
.rb19.resource-col-four .col-four:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.rb19.resource-col-four .icon {
  position: absolute;
  right: 15px;
  top: 17px;
  min-width:45px;
  min-height:45px;
}
.rb19.resource-col-four .content-wrap {
  position: absolute;
  bottom: -13px;
  left: 0;
  padding: 0 23px 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.rb19.resource-col-four .content-wrap .title {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 1.2px;
  text-align: left;
  color: #2c3843;
  text-transform: uppercase;
}
.rb19.resource-col-four .content-wrap h5 {
  font-size: 21px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: 0.21px;
  text-align: left;
  color: #2c3843;
  margin: 8px 0 20px;
}
.rb19.resource-col-four .content-wrap .btn-orange-link {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.touch .rb19.resource-col-four .col-four .bg-img {
  opacity: 1;
}
.touch .rb19.resource-col-four .col-four .content-wrap {
  bottom: 27px;
}
.touch .rb19.resource-col-four .col-four.content-wrap .btn-orange-link {
  opacity: 1;
}
.touch .rb19.resource-col-four .col-four .content-wrap .btn-orange-link {
  opacity: 1;
}

/*Media Query*/

@media screen and (min-width: 992px) {


}
@media screen and (max-width: 992px) {
  .rb19.resource-col-four .col-outer {
    margin-top: 25px;
  }

}
@media screen  and (min-width: 992px) and (max-width: 1200px) {
  .rb19.resource-col-four .content-wrap h5 {
    font-size: 19px;
  }
}

@media screen  and (min-width: 768px) and (max-width: 991px) {
  .rb19.resource-col-four .content-wrap h5 {
    font-size: 18px;
  }
  .rb19.resource-col-four .col-four {
    width: calc(33.33% - 20px) !important;
    margin: 0 10px 20px;
  }
}

@media screen  and (max-width: 767px) {

}
@media screen  and (min-width: 481px) and (max-width: 767px) {
  .rb19.resource-col-four .col-four {
    width: calc(50% - 20px) !important;
    margin: 0 10px 20px;
  }
  .rb19.resource-col-four .content-wrap h5 {
    font-size: 16px;
  }
}


@media screen  and (max-width: 480px) {
  .rb19.resource-col-four .col-outer {
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0;
    float: none;
  }
  .rb19.resource-col-four .col-outer {
    margin-left: 0;
    margin-top: 46px;
    width: 100%;
  }
  .rb19.resource-col-four .col-four {
    width: 100% !important;
    margin: 0 0 15px;
  }
  .rb19.resource-col-four .content-wrap h5 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
	.additional-resources .rb19.resource-col-four .col-outer.center-align-items {
		display: flex;
		justify-content: center;
	}
}