@import url('/web/20150317072747cs_/https://cloud.google.com/css/maia-overrides.css');
@import url('/web/20150317072747cs_/https://cloud.google.com/css/common.css');
@import url('/web/20150317072747cs_/https://cloud.google.com/css/dropdown-menu.css');
@import url('/web/20150317072747cs_/https://cloud.google.com/css/footer.css');
@import url('/web/20150317072747cs_/https://cloud.google.com/css/gweb-lightbox.css');


/* # Global
================================================== */
html {
  -webkit-font-smoothing: antialiased;
}

[ng\:cloak],[ng-cloak],.ng-cloak{
  display:none !important;
}

a:visited {
  color: #245dc1;
}
.site-wrapper {
  font-family: 'Open Sans';
}
.inline-icon {
  vertical-align: middle;
  height: 32px;
  margin-right: 20px;
}
.featr-txt {
  margin: 0;
}

/* # Global (tables)
================================================== */
/*
table {
  font-family: 'Arial';
}
table td, table th {
  padding: 7px 23px;
  text-align: center;
  line-height: 1.35em;
}
table th {
  vertical-align: bottom;
}
table td {
  padding-top: 10px;
  padding-bottom: 10px;
}

#maia-main table,
#maia-main table td,
#maia-main table th,
*/
.pricing-table th,
.pricing-table td
 {
  border: 1px solid #eee !important;
}

/*
@media only screen and (max-width: 767px) {
  #maia-main table td,
  #maia-main table th {
    padding: 10px 0;
  }
}
*/


/* # Global (bounce link)
================================================== */
.bounce-link {
  font-weight: 600;
}
.bounce-link:hover {
  text-decoration: none;
}
.bounce-link:after {
  height: 23px;
  width: 23px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/sprite-s8753ea6266.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  content: ' ';
  vertical-align: middle;
  margin-left: 7px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .bounce-link:after {
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/sprite_2x-s7220d7a5b8.png');
    background-position: 0 0;
    background-size: 23px, auto;
  }
}



/* # Global (link out)
================================================== */
.link-out {
  font-weight: 600;
}
.link-out:after {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  content: ' ';
  margin-left: 7px;
  height: 11px;
  width: 10px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/sprite-s8753ea6266.png');
  background-position: 0 -43px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .link-out:after {
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/sprite_2x-s7220d7a5b8.png');
    background-position: 0 -43px;
    background-size: 23px, auto;
  }
}
.link-out.white:after {
  height: 10px;
  width: 10px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/sprite-s8753ea6266.png');
  background-position: 0 -74px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .link-out.white:after {
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/sprite_2x-s7220d7a5b8.png');
    background-position: 0 -74px;
    background-size: 23px, auto;
  }
}



/* # Global (image wrapper)
================================================== */
.image-wrapper {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  line-height: 0;
}
.image-wrapper img {
  display: block;
  max-width: 100%;
}

/* # Global (link list)
================================================== */
.link-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.link-list li {
  margin-bottom: 7px;
}
.link-list a {
  font-weight: 600;
}
.link-list a:hover {
  text-decoration: none;
}

/* Link subnav
================================================== */
.link-wrapper {
  margin: 0px 0px;
  background-color: #f0f0f0;
  border-bottom: 1px solid #999;
  margin-left: -15px;
  margin-right: -15px;
}
#links {
  max-width: 1100px;
  margin: auto;
}
.link-wrapper ul {
  list-style: none;
  margin: 0px -30px;
  padding: 0px;
}
.link-wrapper ul li {
  display: inline-block;
  padding: 8px 0px 8px 30px;
}
#links ul li a,  #links ul li a:active,  #links ul li a:visited {
  color: #fff;
}
#links ul li a, #links ul li a:active, #links ul li a:visited {
  color: #333;
}

/* # Global (page header/hero)
================================================== */
.page-header.maia-stage {
  text-align: center;
}

.page-header .maia-aux {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 978px;
  text-align: left;
  margin: 0 14.55357px;
}
@media only screen and (max-width: 767px) {
  .page-header .headline span {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 977px) {
  .page-header .maia-aux {
    max-width: 90%;
    width: auto;
  }
  .page-header .page-header-inner .page-header-inner-inner {
    margin-left: -7.5px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .page-header .maia-aux {
    max-width: 90%;
    width: auto;
  }
  .page-header .page-header-inner .page-header-inner-inner {
    margin-left: -7.5px !important;
  }
}
@media only screen and (max-width: 479px) {
  .page-header .maia-aux {
    max-width: 90%;
    width: auto;
  }
  .page-header .page-header-inner .page-header-inner-inner {
    margin-left: -7.5px !important;
  }
}

.page-header .maia-aux .small {
  font-size: 11px;
  font-weight: bold;
}
.page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/products-header.jpg);
  background: no-repeat center center;
  background-size: cover;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.35em;
  display: table;
  vertical-align: middle;
  width:100%;
  padding-left:30px;
}
.page-header:after {
  content: '';
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
}
.page-header p {
  font-family: 'Open Sans';
}
.page-header a {
  font-weight: 600;
  color: #fff !important;
  font-size: 15px;
}
.page-header .page-header-inner {
  position: relative;
  z-index: 1;
  display: table-cell;
  width: 100%;
}
.page-header .page-header-inner .page-header-inner-inner {
  max-width: 1130px;
  margin: auto;
}
.page-header .page-header-inner .page-header-inner-inner h1, .page-header .page-header-inner .page-header-inner-inner h2, .page-header .page-header-inner .page-header-inner-inner p {
 clear: left;
 margin-top: 12px;
}
.page-header .cta {
  font-family: 'Arial';
  font-size: 13px;
  margin-top: 30px;
  margin-bottom: 0;
}
.page-header .cta .try-it {
  margin-right: 4px;
}
.page-header {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 200px;
  max-height: 200px;
}
.page-header.secondary {
  height: 270px;
  max-height: 270px;
}
.page-header.primary {
  height: 334px;
  max-height: 334px;
}
@media only screen and (max-width: 977px) {
  .page-header {
    height: auto !important;
    padding: 20px 10px 20px 20px;
  }
}

.page-header .headline {
  color: #fff;
  font-size: 41px;
  font-weight: 300;
  margin: 0;
  margin-bottom: 0.2em;
  margin-top: -.3em;
}
.page-header .headline span {
  vertical-align: middle;
}

.page-header .subheadline {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.page-header .subheadline b {
  color: #fff;
  line-height: 1.3em;
}

.page-header .main-block {
  margin-top: 10px;
}
.page-header .main-block .maia-button {
  margin-top: 20px;
}

.page-header .side-block {
  font-family: 'Arial';
  color: #fff;
  border-left: 1px solid #fff;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 13px;
  line-height: 19px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .page-header .side-block {
    padding-left: 0px;
    border-left: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .page-header .side-block {
    padding-left: 0px;
    border-left: 0px;
  }
}
.page-header .side-block p {
  font-family: 'Arial';
  margin-bottom: 0;
}



/* # Global (generic section)
================================================== */
.generic-section {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 18px;
  margin-top: 32px;
}
.generic-section:last-child,
.generic-section .last {
  border: 0;
}
.generic-section .header {
  display: -moz-inline-stack;
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
}
.generic-section .headline {
  font-size: 27px;
  font-weight: 400;
}

.inner-block {
  padding-bottom: 30px;
}

.inner-block .headline,
.inner-block .headline a {
  margin-top: 0;
  font-size: 19px;
  font-weight: 400;
}
.inner-block .headline a {
  vertical-align: middle;
}

@media only screen and (max-width: 479px) {
  .customer-stories .inner-block {
    padding-left: 10px;
  }
}

/* # Global (resource block)
================================================== */
.resource-block .headline,
.resource-block .headline a {
  font-size: 13px;
  font-weight: 600;
}
.resource-block .headline {
  margin: 0;
}
.resource-block .subheadline {
  color: #999;
  margin: 0;
  font-family: 'Open Sans';
}
.resource-block .details p {
  margin: 0;
  font-family: 'Open Sans';
}



/* # Global (product icons)
================================================== */
.icon, .app-icon {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-right: 0.5em;
}
.icon.check {
  height: 23px;
  width: 23px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/sprite-s8753ea6266.png');
  background-position: 0 -104px;
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .icon.check {
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/sprite_2x-s7220d7a5b8.png');
    background-position: 0 -104px;
    background-size: 23px, auto;
  }
}

.app-icon {
  height: 55px;
  width: 55px;
  margin-right: 7px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/product-icons-sprites.png');
  background-repeat: no-repeat;
}

.app-icon.app-engine {
  background-position: 0 0;
}

.app-icon.bigquery {
  background-position: 0 -55px;
}

.app-icon.cloud-datastore {
  background-position: 0 -110px;
}

.app-icon.cloud-endpoints {
  background-position: 0 -165px;
}

.app-icon.cloud-sql {
  background-position: 0 -220px;
}

.app-icon.cloud-storage {
  background-position: 0 -275px;
}

.app-icon.compute-engine {
  background-position: 0 -330px;
}

.app-icon.networking {
  background-position: 0 -385px;
}

.app-icon.prediction-api {
  background-position: 0 -440px;
}

.app-icon.translate-api {
  background-position: 0 -495px;
}

.app-icon.cloud-dataflow {
  background-position: 0 -550px;
}

.app-icon.cloud-monitoring {
    background-position: 0 -605px;
}

.app-icon.cloud-pubsub {
  background-position: 0 -660px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .app-icon {
    background-size: 55px, 55px;
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/product-icons-sprites-2x.png');
  }
}

.app-icon.container-engine {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/container-engine/images/container-engine-128.png');
}

/* # Global (Pane/tabs module)
================================================== */
.tabbable {
  display: inline-block;
  width: 100%;
}
.tabbable * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* nav area */
.tabbable .nav {
  margin: 0;
  list-style: none;
  margin-bottom: -1px;
}
.tabbable .nav .nav-tab-link {
  display: block;
  font-weight: 600;
  padding: 10px 15px;
  border: 1px solid #e0e0e0;
  border-right-width: 0;
}
.tabbable .nav .nav-tab {
  display: inline-block;
}
.tabbable .nav .nav-tab.active .nav-tab-link,
.tabbable .nav .nav-tab.active .nav-tab-link:hover,
.tabbable .nav .nav-tab.active .nav-tab-link:active {
  color: #808080;
  background: #f0f0f0;
  text-decoration: none;
}
.tabbable .nav .nav-tab:first-child .nav-tab-link {
  border-radius: 3px 0 0 0;
}
.tabbable .nav .nav-tab:last-child .nav-tab-link {
  border-right-width: 1px;
  border-radius: 0 3px 0 0;
}

/* vertical nav area */
.tabbable.vertical .nav {
  width: 145px;
  height: 100%;
  float: left;
  margin: 0;
  margin-right: -145px;
  z-index: 2;
  position: relative;
}
.tabbable.vertical .nav .nav-tab-link {
  font-weight: 400;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-radius: 0;
  padding: 10px 15px;
  line-height: 1.4em;
}
.tabbable.vertical .nav .nav-tab {
  background: #fefefe;
  display: block;
}
.tabbable.vertical .nav .nav-tab:first-child .nav-tab-link {
  border-top-width: 0;
  border-radius: 0;
}
.tabbable.vertical .nav .nav-tab:last-child .nav-tab-link {
  border-bottom-width: 1px;
  border-radius: 0;
}

/* tab content */
.tab-content {
  border: 1px solid #e0e0e0;
  background: #fbfbfb;
  display: inline-block;
  width: 100%;
  float: left;
  border-radius: 0 3px 3px 3px;
}

.tabbable.vertical .tab-content {
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding-left: 145px;
  border-radius: 0;
}



/* # Global (Loading indicator)
================================================== */
.ajax-loader {
  margin: 20px auto;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
.ajax-loader span {
  display: inline-block;
  vertical-align: middle;
}
.ajax-loader img {
  vertical-align: middle;
  width: 26px;
  margin-right: 6px;
}

/* # Search bar module
================================================== */

.search-inner {
  width: 100%;
  margin-top: 26px;
}

.search-inner input[type="search"] {
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: block;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.search-inner .search-group-btn {
  white-space: nowrap;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.search-inner .btn {
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-left: -1px;
  height: 36px;
}

.search-inner .search-icon {
  background: url('/web/20150317072747im_/https://cloud.google.com/images/partners/search-icon.png') no-repeat;
  padding: 20px 24px 3px 1px;
  margin: 6px 1px 0px 9px;
}

/* Filter box module for search
================================================== */
.filter-box {
  margin-bottom:0;
}
.filter-box ul {
  margin: 0;
  display: inline;
}
.filter-box .placeholder {
  padding: 3px 10px;
  color: #ABABAB;
}
.filter-box .maia-col-1,
.filter-box .maia-col-2,
.filter-box .maia-col-4,
.filter-box .maia-col-8,
.filter-box .maia-col-10,
.filter-box .maia-col-12 {
  margin-bottom: 0 !important;
}

.filter-box .filters {
  margin-bottom: 0;
  font-size: 12px;
}

.filter-box .filters-inner {
  padding: 16px 16px 0 16px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.filter-box .filters-inner .filter-list {
  margin-bottom: 10px;
}
.filter-box .filter-label {
  padding: 3px 0;
  display: inline-block;
}
.filter-box .filter-controls {
  position: relative;
    margin-bottom:0;
}
.filter-box .add-filters,
.filter-box .clear-filters {
  float: right;
}
.filter-box .add-filters .add-filters-label,
.filter-box .clear-filters .clear-filters-label,
.filter-box .available-filter-container .available-filters-close {
  cursor: pointer;
  font-weight: 600;
  color: #3679EC;
  font-size: 12px;
}
.filter-box .add-filters .add-filters-label:hover,
.filter-box .clear-filters .clear-filters-label:hover,
.filter-box .available-filter-container .available-filters-close:hover {
  text-decoration: none;
}
.filter-box .add-filters .add-filters-label,
.filter-box .clear-filters .clear-filters-label {
  padding: 14px 16px;
}
.filter-box .available-filter-container {
  display: none;
  position: absolute;
  background: #FAFAFA;
  top: 100%;
  border: 1px solid #CCC;
  width: 100%;
  right: 0;
  margin: 0 -2px 0 0;
  display: none;
  z-index: 998;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.filter-box .available-filter-container .available-filters-headline {
  margin: 0;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 8px;
  margin-left: 5px;
}
.filter-box .available-filter-container .available-filters-close {
  float: right;
}
.filter-box .active .available-filter-container {
  display: block;
}
.filter-box .filter-item,
.filter-box .placeholder {
  display: inline-block;
}
.filter-box .active-filters .filter-item,
.filter-box .active-filters .placeholder {
  margin: 0 5px;
}
.filter-box .available-filter-container .filter-item {
  margin: 4px 2px;
}
.filter-box .filter-item a {
  display: inline-block;
  font-family: Arial;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 2px 6px;
  color: #3679ec;
  font-weight: 400;
  font-size: 10px;
  border-radius: 12px;
  cursor: pointer;
}
.filter-box .active .available-filter-container .filter-item a.active,
.filter-box .active .available-filter-container .filter-item a:hover,
.filter-box .active .available-filter-container .filter-item a:focus {
  text-decoration: none;
  background-color: #f9f9f9;
}
.filter-box .active .available-filter-container .filter-item a.active {
  color: #bcbcbc;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .filter-box .add-filters,
  .filter-box .clear-filters {
    border-left: 0;
    float: none;
  }
}

/* filter bar (with map) */
.filter-box.map-version .add-filters .add-filters-label,
.filter-box.map-version .clear-filters .clear-filters-label {
  padding: 10px 8px;
  border: 1px solid transparent;
  border-bottom: 0;
  bottom: -1px;
  position: relative;
  z-index: 999;
}
.filter-box.map-version .add-filters.active .add-filters-label {
  background: #eee;
  border-color: #ccc;
}
.filter-box.map-version .filters-inner {
  padding: 4px 8px;
}
.filter-box.map-version .clear-filters,
.filter-box.map-version .add-filters {
  border: 0;
}
.filter-box.map-version .clear-filters .clear-filters-label {
 padding-right: 0;
}
.filter-box.map-version .location-filter {
  padding-right: 0;
}
.filter-box.map-version .location-filter label {
  margin-right: 3px;
}
.filter-box.map-version .location-filter input {
  width: 60px;
}
.filter-box.map-version .location-filter,
.filter-box.map-version .filter-controls {
  display: inline-block;
  vertical-align: middle;
}
.filter-box.map-version .filter-controls {
  float: right;
  margin-top: 2px;
}
.filter-box.map-version .google-map {
  height: 320px;
}
.filter-box.map-version .available-filter-container {
  position: relative;
  top: auto;
  background: #eeeeee;
  border-right: 0;
  border-left: 0;
}
.filter-box.map-version .active-filters,
.filter-box.map-version .map-lock {
  margin-bottom: 5px;
}


/* # Global (Paginator module)
================================================== */

.paginator-container .page-item-number {
  cursor: pointer;
  display: inline-block;
  list-style-type: none;
  margin-left: 15px;
}
.paginator-container .page-item-number.active a,
.paginator-container .page-item-number a[disabled] {
  cursor: default;
  color: #000;
  text-decoration: none;
}
#partners .paginator-container,
.case-studies .paginator-container {
  float: right;
  margin-right: 0;
}
.paginator-wrapper {
  margin-top:10px;
  text-align: right;
}


/* # Global (Filter bar module)
================================================== */
.filter-bar {
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.filter-bar ul {
  margin: 0;
  display: inline;
}
.filter-bar .placeholder {
  padding: 3px 10px;
  color: #ABABAB;
}
.filter-bar .maia-col-1,
.filter-bar .maia-col-2,
.filter-bar .maia-col-4,
.filter-bar .maia-col-8,
.filter-bar .maia-col-10,
.filter-bar .maia-col-12 {
  margin-bottom: 0 !important;
}

.filter-bar .filters {
  margin-bottom: 0;
  font-size: 12px;
}

.filter-bar .filters-inner {
  padding: 10px 16px 0 16px;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.filter-bar .filters-inner .filter-list {
  margin-bottom: 10px;
}
.filter-bar .filter-label {
  padding: 9px 0;
  display: inline-block;
}
.filter-bar .filter-controls {
  position: relative;
    margin-bottom:0;
}
.filter-bar .add-filters,
.filter-bar .clear-filters {
  border-left: 1px solid #ccc;
  float: right;
}
.filter-bar .add-filters .add-filters-label,
.filter-bar .clear-filters .clear-filters-label,
.filter-bar .available-filter-container .available-filters-close {
  cursor: pointer;
  font-weight: 600;
  color: #3679EC;
  font-size: 12px;
}
.filter-bar .add-filters .add-filters-label:hover,
.filter-bar .clear-filters .clear-filters-label:hover,
.filter-bar .available-filter-container .available-filters-close:hover {
  text-decoration: none;
}
.filter-bar .add-filters .add-filters-label,
.filter-bar .clear-filters .clear-filters-label {
  padding: 20px 16px;
}
.filter-bar .available-filter-container {
  display: none;
  position: absolute;
  background: #FAFAFA;
  top: 100%;
  border: 1px solid #CCC;
  width: 100%;
  right: 0;
  margin: 0 -2px 0 0;
  display: none;
  z-index: 998;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.filter-bar .available-filter-container .available-filters-headline {
  margin: 0;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 8px;
  margin-left: 5px;
}
.filter-bar .available-filter-container .available-filters-close {
  float: right;
}
.filter-bar .active .available-filter-container {
  display: block;
}
.filter-bar .filter-item,
.filter-bar .placeholder {
  display: inline-block;
}
.filter-bar .active-filters .filter-item,
.filter-bar .active-filters .placeholder {
  margin: 0 5px;
}
.filter-bar .available-filter-container .filter-item {
  margin: 4px 2px;
}
.filter-bar .filter-item a {
  display: inline-block;
  font-family: Arial;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 2px 6px;
  color: #3679ec;
  font-weight: 400;
  font-size: 10px;
  border-radius: 12px;
  cursor: pointer;
}
.filter-bar .active .available-filter-container .filter-item a.active,
.filter-bar .active .available-filter-container .filter-item a:hover,
.filter-bar .active .available-filter-container .filter-item a:focus {
  text-decoration: none;
  background-color: #f9f9f9;
}
.filter-bar .active .available-filter-container .filter-item a.active {
  color: #bcbcbc;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .filter-bar .add-filters,
  .filter-bar .clear-filters {
    border-left: 0;
    float: none;
  }
}

/* filter bar (with map) */
.filter-bar.map-version .add-filters .add-filters-label,
.filter-bar.map-version .clear-filters .clear-filters-label {
  padding: 10px 8px;
  border: 1px solid transparent;
  border-bottom: 0;
  bottom: -1px;
  position: relative;
  z-index: 999;
}
.filter-bar.map-version .add-filters.active .add-filters-label {
  background: #eee;
  border-color: #ccc;
}
.filter-bar.map-version .filters-inner {
  padding: 4px 8px;
}
.filter-bar.map-version .clear-filters,
.filter-bar.map-version .add-filters {
  border: 0;
}
.filter-bar.map-version .clear-filters .clear-filters-label {
 padding-right: 0;
}
.filter-bar.map-version .location-filter {
  padding-right: 0;
}
.filter-bar.map-version .location-filter label {
  margin-right: 3px;
}
.filter-bar.map-version .location-filter input {
  width: 60px;
}
.filter-bar.map-version .location-filter,
.filter-bar.map-version .filter-controls {
  display: inline-block;
  vertical-align: middle;
}
.filter-bar.map-version .filter-controls {
  float: right;
  margin-top: 2px;
}
.filter-bar.map-version .google-map {
  height: 320px;
}
.filter-bar.map-version .available-filter-container {
  position: relative;
  top: auto;
  background: #eeeeee;
  border-right: 0;
  border-left: 0;
}
.filter-bar.map-version .active-filters,
.filter-bar.map-version .map-lock {
  margin-bottom: 5px;
}

/* # Global (Line enumerator module)
================================================== */
.line-enumerator {
  list-style-type: none;
  font-family: 'Arial';
  color: #a1a1a1;
  text-align: right;
  padding: 14px 15px;
  margin: 0;
}

/*
.line-enum-container, pre.prettyprint, code.prettyprint {
  float: left;
}
*/

.line-enum-container {
  float: left;
  line-height: 1.5em;
  margin-top: 3px;
}

.product .tabbable.vertical .nav .nav-tab-link {
  border-right: none;
}

.product .bigquery .tabbable.vertical .nav .nav-tab-link {
  border-right: 1px solid #e0e0e0;
}

.product .lang-pane-hor {
  margin-bottom: -22px;
  overflow: auto;
}

.product .lang-pane {
  margin-bottom: -28px;
}



/* # Global (BigQuery demo)
================================================== */
.bq-result-bar-wrapper {
  width: 100%;
  padding-left: 100px;
}
.bq-result-label {
  position: absolute;
  width: 100px;
}
.token-results .bq-result-bar-wrapper {
  padding-left: 150px;
}
.token-results .bq-result-label {
  width: 150px;
}
.bq-result-bar-wrapper,
.bq-result-label {
  margin-bottom: 10px;
}
.bq-result-wrapper {
  max-width: 90%;
  border-left: 1px solid #ececec;
}
.bq-result-bar {
  width: 0;
  background-color: #a8a8a8;
  -webkit-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out;
  position: relative;
  height: 1.5em;
}

.bq-result-count {
  position: absolute;
  left: 100%;
  margin-left: .5em;
}
.bigquery #demo h4 {
  margin-bottom: 20px;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .bigquery #demo {
    display:none;
  }
}

.bigquery .pane-content-container {
  padding: 30px;
}
.bigquery .bq-demo-section {
  margin-top: 20px;
}
.bigquery .bq-demo-section:first-child {
  margin-top: 0;
}
.bigquery .field {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 8px;
}
.bigquery .field label,
.bigquery .field input,
.bigquery .field textarea {
  display: block;
}
.bigquery .field label {
  margin-bottom: 6px;
}
.bigquery .field select {
  height: 34px;
  border: 1px solid #AAA;
  display: inline;
}
.bigquery .field input,
.bigquery .field textarea,
.bigquery .field select {
  padding: 7px 10px;
}
.bigquery .field.start-time input,
.bigquery .field.end-time input {
  width: 55px;
}
.bigquery .results {
  border-top: 1px solid #e0e0e0;
  padding-top: 27px;
  margin-top: 27px;
}
.bigquery pre {
  padding-top: 15px !important;
  margin: 12px 0 10px 8px !important;
  line-height: 1.5em !important;
}
.bigquery .spearman-corr-legend {
  width: 100%;
  height: 10px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #FF7A7A),
    color-stop(.5, #fff),
    color-stop(1, #C2DFFF)
  );
  background-image: -webkit-linear-gradient(right, #FF7A7A 0%, #fff 50%, #C2DFFF 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(#FF7A7A), color-stop(50%, #fff), to(#C2DFFF));
  background-image: -webkit-linear-gradient(left, #FF7A7A 0%, #fff 50%, #C2DFFF 100%);
  background-image: linear-gradient(to right, #FF7A7A 0%, #fff 50%, #C2DFFF 100%);
}
.bigquery .token-results {
  max-width: 100%;
}
.bigquery .spearman-details {
  position: relative;
}
.bigquery .spearman-low {
  text-align: left;
  position: absolute;
  width: 100%;
}
.bigquery .spearman-med {
  text-align: center;
  position: absolute;
  width: 100%;
}
.bigquery .spearman-high {
  text-align: right;
  position: absolute;
  width: 100%;
}
.bigquery .line-enum-container {
  padding-bottom: 12px;
}
.bigquery .num-forks .bq-result-count {
  width: 100px;
}
.bigquery .spearman-corr-key,
.bigquery .spearman-corr-labels {
  height: 20px;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .bq-result-bar {
    max-width: 0;
  }
}
@media (max-width: 530px) {
  .bigquery .spearman-corr-key {
    display: none;
  }
}
.ie .product.bigquery #demo {
  display: none;
}


/* # Global (Interactive demo container)
================================================== */
.demo-container {
  padding: 30px;
  border: 1px solid #e0e0e0;
  background: #fbfbfb;
  border-radius: 3px;
}
.demo-container .field {
  display: inline-block;
  margin-right: 12px;
}
.demo-container .field label,
.demo-container .field input,
.demo-container .field textarea,
.demo-container .field select {
  display: block;
}
.demo-container .field label {
  margin-bottom: 6px;
}
.demo-container .field select {
  height: 34px;
  border: 1px solid #AAA;
}
.demo-container .field input,
.demo-container .field textarea,
.demo-container .field select {
  padding: 7px 10px;
}
.demo-container .results {
  border-top: 1px solid #e0e0e0;
  padding-top: 27px;
  margin-top: 27px;
}
.demo-container pre {
  padding: 6px 10px;
  background-color: #F7F7F7;
  border: 1px solid #DDD;
  overflow: auto;
}



/* # Global (Scroll nav module)
================================================== */
.scroll-nav-container {
  position: fixed;
  top: 0;
  right: 2em;
  bottom: 0;
  margin: auto 0;
  z-index:99;
}
@media only screen and (min-width: 768px) and (max-width: 977px) {
  .scroll-nav-container {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .scroll-nav-container {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .scroll-nav-container {
    display: none;
  }
}

.scroll-nav-item-container {
  margin-top: 16px;
  width: 7px;
  height: 7px;
  position: relative;
}

.scroll-nav-item-container:nth-child(1) {
  margin-top: 0;
}

.scroll-nav-item {
  width: 7px;
  height: 7px;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #e3e3e3;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -webkit-transition-delay: 0;
  transition: all 0.15s ease-in-out 0;
}

.scroll-nav-item-label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  padding: 4px 8px;
  right: 25px;
  top: -10px;
  -webkit-transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out;
  -webkit-transition-delay: 0, 0;
  transition: opacity 0.15s ease-in-out 0, background-color 0.15s ease-in-out 0;
  font-weight: bold;
  pointer-events:none;
}

.scroll-nav-item-label:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}

.focus .scroll-nav-item-label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color: #e3e3e3;
}
.focus .scroll-nav-item-label:after {
  border-left-color: #e3e3e3;
}

.active .scroll-nav-item {
  background-color: #6c6c6c;
}
.active.focus .scroll-nav-item-label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color: #6c6c6c;
  color: #fff;
}
.active.focus .scroll-nav-item-label:after {
  border-left-color: #6c6c6c;
}
.customer.blossomio .side-section p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.scroll-nav-container {
  position: fixed;
  top: 0;
  right: 2em;
  bottom: 0;
  margin: auto 0;
}

@media only screen and (min-width: 768px) and (max-width: 977px) {
  .scroll-nav-container {
    display: none;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .scroll-nav-container {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  .scroll-nav-container {
    display: none;
  }
}

.scroll-nav-item-container {
  margin-top: 16px;
  width: 7px;
  height: 7px;
  position: relative;
}

.scroll-nav-item-container:nth-child(1) {
  margin-top: 0;
}

.scroll-nav-item {
  width: 7px;
  height: 7px;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #e3e3e3;
  cursor: pointer;
}

.scroll-nav-item-label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  padding: 4px 8px;
  right: 25px;
  top: -10px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.scroll-nav-item-label:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}

.focus .scroll-nav-item-label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color: #e3e3e3;
}

.focus .scroll-nav-item-label:after {
  border-left-color: #e3e3e3;
}

.active .scroll-nav-item {
  background-color: #6c6c6c;
}

.active.focus .scroll-nav-item-label {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color: #6c6c6c;
  color: #fff;
}

.active.focus .scroll-nav-item-label:after {
  border-left-color: #6c6c6c;
}



/* # Global (Social module)
================================================== */
.blogspot-post {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}

.blogspot-post:nth-of-type(1){
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .blogspot-post {
    width: auto;
    padding-bottom: 20px;
  }
}

#feeds .social-title {
  font-family: 'Open Sans';
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
}

#feeds .post-header {
  float: left;
  margin: 2px 0 0 0;
}
#feeds .post-header-contents {
  display: none;
}

#feeds {
  font-family: 'Arial';
  padding-bottom: 60px;
}

#feeds .date {
  color: #999;
}

#feeds a.social-more {
  font-weight: 600;
}

.post-header:before {
  width: 32px;
  height: 32px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-size: 32px;
}

.blogspot-post .post-header:before {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/home/blogger.png');
}

.youtube .post-header:before {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/home/youtube.png');
}

#feeds .post-title.headline {
  font-size: 13px;
  margin: .918em 0 .618em 0;
  font-weight: 600;
  font-family: Arial;
}

.post-thumbnail-img {
  max-width: 158px;
  padding-top: 19px;
}

.post-link {
  display: block;
  font-weight: 600;
  margin: 10px 0;
}

.post-details {
  margin-top: 10px;
}

.post-header-contents {
  display: inline-block;
  vertical-align: middle;
}

/* # Custom search overrides
================================================== */
#custom-search {
  margin: auto;
  width: 1006px;
}

#custom-search table {
  margin: 0 !important;
  border: 0;
}

.gsc-result-info {
  color: #000 !important;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
  padding-bottom: 10px;
  padding-left: 0 !important;
}

.gsc-above-wrapper-area-container tr {
  background-color: #fff !important;
}

.gsc-above-wrapper-area-container td {
  border: none !important;
  padding: 0 !important;
}

.gsc-resultsHeader tr {
  background-color: #fff !important;
}

.gsc-resultsHeader td {
  border: none !important;
  padding: 0 !important;
}

.gsc-result .gs-title {
  height: 1.6em !important;
}

.gcsc-branding tr {
  background-color: #fff !important;
}

.gcsc-branding td {
  border: none !important;
  padding: 0 !important;
}

.gsc-table-result tr {
  background-color: #fff !important;
}

.gsc-table-result td {
  border: none !important;
  padding: 0 !important;
  text-align: left !important;
}

.gsc-thumbnail-inside {
  padding: 0 !important;
}

.gsc-url-top {
  padding: 0 !important;
}

.gsc-cursor-box {
  margin: 10px 0 0 0 !important;
}

/* # Home page
================================================== */
.home .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/home/home-hero.jpg);
}
.home .page-header .headline {
  vertical-align: middle;
}

.home .apps-list li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 50px;
}
.home .generic-section {
  padding-bottom: 40px;
}
.home .generic-section .section-footer {
  margin-top: 32px;
}

.home #applications {
  text-align: center;
}
.home #applications .headline {
  font-size: 12px;
  color: #999;
  margin-bottom: 23px;
  margin-top: 0;
}

.home #advantages .read-more {
  font-weight: 600;
}

.home #community .header {
  margin-bottom: 20px;
}
.home #community .link-list {
  margin-left: -32px;
  margin-top: 15px;
}
.home #community .link-list li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 32px;
}
.home #community .link-list a {
  font-weight: 400;
}
.home #community input#email {
  margin-right: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.home .customer-stories .subheadline {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 300;
  color: #848484;
}

.home .read-more {
  font-weight: 600;
}

.home .case-study-role {
  color: #999;
  margin-left: 10px;
}

.home .generic-section .headline {
  margin-top: 0;
}
@media (max-width: 977px) {
  .home .page-header.primary {
    padding: 40px 10px 40px 20px;
  }
}


/* # Home page (announcement section)
================================================== */
.announcement-section.generic-section .headline {
  margin-top: 4px;
}

.announcement-section .ce-image {
  text-align: center;
  margin-top: 10px;
}

.announcement-section .ce-image img {
  width: 206px;
}

.announcement-section .headline a {
  color: #444;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .ce-image {
    display:none;
  }
}



/* # Solutions landing page
================================================== */
.solutions .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/solutions/solutions-header.jpg);
}
.solutions #case-studies .wrapper {
  margin-bottom: 40px;
}
.solutions #case-studies {
  padding-bottom: 0;
}
.solutions #case-studies .section-thumb {
  text-align: right;
}
@media (max-width: 480px) {
  .solutions #case-studies .section-thumb {
    text-align: center;
  }
}
.solutions #case-studies .section-thumb img {
  display: inline-block;
}
.solutions #case-studies .solutions-headline {
  font-size: 28px;
  font-weight: 300;
  font-family: Open Sans;
  margin-top: 0;
}
.solutions #case-studies .solutions-subheadline {
  color: #adadad;
  font-family: Open Sans;
  font-size: 16px;
  margin-top: -15px;
  margin-bottom: 20px;
}
.solutions #case-studies .read-more {
  color: #3679ec;
  font-weight: 600;
  position: relative;
  top: 10px;
}

/* maia overrides to right align imagery */
.solutions #case-studies .wrapper .maia-col-5 {
  float: right !important;
  width: 38.6904761905% !important;
}
.solutions #case-studies .wrapper .maia-col-7 {
  width: 55.3571428571% !important;
  float: left !important;
  clear: none;
}
@media (max-width: 480px) {
  .solutions #case-studies .wrapper .maia-col-5 {
    float: none !important;
    width: 100% !important;
  }
  .solutions #case-studies .wrapper .maia-col-7 {
    width: 100% !important;
    float: none !important;
    clear: both;
  }
}


/* # Solution details page
================================================== */
.solution-details.hadoop .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/solutions/hadoop/hadoop-header.jpg);
}
.solution-details.mobile .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/solutions/mobile/mobile-header.jpg);
}
.solution-details.gaming .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/solutions/gaming/gaming-header.jpg);
}
.solution-details.mongodb .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/solutions/solutions-header.jpg);
}
.solution-details.nodejs .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/solutions/solutions-header.jpg);
}
.solution-details.rabbitmq .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/solutions/solutions-header.jpg);
}
.solution-details.cassandra .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/solutions/solutions-header.jpg);
}
.solution-details #customers .author-image {
  border: 1px solid #dbdbdb;
}

.solution-details .generic-section .headline {
  margin-top: 0;
  margin-bottom: 1.25em;
}
.solution-details .generic-section .subheadline {
  font-size: 18px;
  font-family: 'open sans';
  font-weight: 400;
  margin-top: 0;
}

.solution-details .icon-item {
  position: relative;
  padding-left: 60px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 185px;
}
.solution-details .icon-item .icon-item-headline {
  margin-top: 0;
  margin-bottom: .2em;
  font-family: arial;
}
.solution-details .icon-item .icon {
  position: absolute;
  left: 0;
  max-width: 33px;
  margin-top: 1px;
  margin-right: 10px;
}

.solution-details ul.benefits {
  list-style: none;
  margin-left: 0;
  margin-top: 25px;
}
.solution-details .benefits .icon-item {
  margin-top: 1em;
}

.solution-details ul.resource-list {
  margin: 0;
  list-style: none;
}
.solution-details .resource-list  li {
  margin-bottom: 1em;
}
.solution-details .resource-list a {
  font-weight: 600;
  font-family: arial;
}

.solution-details .quote-block .badge {
  text-align: center;
}
.solution-details .quote-block .badge .subheadline {
  margin-top: .5em;
}
.solution-details .quote-block .details-wrapper p:first-child {
  margin-top: 0;
}
.solution-details .quote-block .details {
  font-size: 16px;
  font-weight: 400;
  font-family: 'open sans';
}
.solution-details .quote-block .quote .author {
  font-weight: 600;
  margin-right: .25em;
  font-size: 13px;
}
.solution-details .quote-block .quote .title {
  font-style: italic;
  color: #999;
  font-size: 13px;
}

.solution-details #maia-main .overlay {
  background-image: url("/web/20150317072747im_/https://cloud.google.com/images/solutions/gaming/play-button-icon.png");
}
.solution-details #maia-main .image-right, .developers #training-center .image-right, .developers-training .image-right {
  background-image: url("/web/20150317072747im_/https://cloud.google.com/images/solutions/gaming/bsb.jpg");
}
.solution-details #maia-main .image-left, .developers #training-center .image-left, .developers-training .image-left {
  background-image: url("/web/20150317072747im_/https://cloud.google.com/images/solutions/gaming/dog.jpg");
}








.developers-training .image-left.app-engine-architecture {
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/QJp6hmASstQ/0.jpg");
  border: 1px solid #e5e5e5;
}



.developers-training .image-left.managing-your-app {
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/hQLSoIAC-lk/0.jpg");
  border: 1px solid #e5e5e5;
}



.developers-training .image-left.datastore-introduction {
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/fQazhzcC-rg/0.jpg");
  border: 1px solid #e5e5e5;
}



.developers-training .image-left.datastore-query-index-and-transaction {
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/d4CiMWy0J70/0.jpg");
  border: 1px solid #e5e5e5;
}



.developers-training .image-left.memcache-basics {
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/TGl81wr8lz8/0.jpg");
  border: 1px solid #e5e5e5;
}



.developers-training .image-left.task-queue-basics {
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/22n06z0rq4c/0.jpg");
  border: 1px solid #e5e5e5;
}



.developers-training .image-left.user-apis-and-authentication {
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/r8sGdPi86NI/0.jpg");
  border: 1px solid #e5e5e5;
}

/* # Products landing page
================================================== */
.products .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/products-header.jpg);
}

.products .product-block .product-links {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.products .product-block .product-links li {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}
.products .product-block .product-links a {
  color: #3679ec;
  font-weight: 600;
}
.products .product-block .product-links a:hover, .products .tool-block .headline a:hover {
  text-decoration: none;
}
.products .tool-block .headline a {
  font-size: 19px;
  font-weight: 400;
}

.products .generic-section {
  padding-bottom: 0;
}

.products .inner-block {
  padding-bottom: 30px;
}
.products #tools .goog-blue {
  color: #3679ec;
}
.products #tools .tool-block {
  padding-bottom: 62px;
}
.products .logo-wrapper {
  margin-right: 0;
}
.products .product-block .product-links {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.products .product-block .product-links a {
  color: #3679ec;
  font-weight: 600;
}

.products .tool-block .headline a {
  font-size: 19px;
  font-weight: 400;
}

.products .generic-section {
  padding-bottom: 0;
}

.products .inner-block {
  padding-bottom: 30px;
}

.product .page-header {
  background-color: #0e0e0e;
}
.product .page-header .try-it {
  margin-top: 19px;
}

.product #case-studies .read-more {
  color: #3679ec;
  font-weight: 600;
}

.product #case-studies .case-study-img {
  height:auto !important;
}

.products .page-header-inner-inner .subheadline {
  width: 60%;
}
@media (max-width: 767px) {
  .products .page-header-inner-inner .header-space {
    width: 80%;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .products .header {
    margin-bottom: -40px;
  }
}
@media (max-width: 767px) {
  .products .mobile-space {
    margin-bottom: 60px !important;
  }
}
.products #tools .tool-block .headline {
  margin-top: 0px;
  margin-bottom: 10px;
}
.products .maia-cols .inner-block {
  margin-bottom: 0;
}
.products .generic-section {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .products .generic-section {
    width: 103%;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 30px;
    padding-bottom: 45px;
  }
}
.products .generic-section img.normal-image-size {
  max-width: 98px;
}
@media (max-width: 767px) {
  .products .generic-section img.normal-image-size {
    margin-top: 60px !important;
  }
}
.products .generic-section:last-child {
  border-bottom: 1px solid #ddd;
}
.products .product-block {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .products .product-block {
    margin-bottom: 30px;
  }
}
.products .product-block .product-name {
  font-size: 18px;
  font-family: Open Sans, serif;
  color: #5393fa;
}
@media (max-width: 767px) {
  .products .product-block .product-name {
    position: relative;
    top: -92px;
    left: 125px;
  }
}
.products .product-block ul {
  margin: 0 !important;
}
.products .product-block .product-links {
  float: left;
}
@media (max-width: 767px) {
  .products .product-block .product-links {
    width: 33% !important;
  }
}
.products .product-block .product-links a {
  color: #3679ec;
  font-weight: 600;
  font-family: Open Sans, serif;
}
.products .product-block .product-links li {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}
.products #pricing .price-header, .products #storage .price-header {
  font-size: 18px;
  font-family: Open Sans, serif;
  font-weight: 400;
  margin-top: -6px;
  margin-left: 15px;
}
.products #pricing .left, .products #storage .left {
  float: left;
}
.products #pricing .tool-blurb, .products #storage .tool-blurb {
  padding-left: 49px;
  margin-top: 34px;
}

.products #pricing .view-link, .products #storage .view-link {
  position: relative;
  left: 47px;
}
.products #pricing .pricing-subheader, .products #storage .pricing-subheader {
  padding-bottom: 20px;
}
.products #tools {
  padding-bottom: 70px;
}
.products #tools .tool-block {
  max-height: 120px;
}
.products #tools .google-cloud-sdk {
  position: relative;
  top: 10px;
}
@media (max-width: 767px) {
  .products #tools .mobile-bottom {
    margin-bottom: 60px !important;
  }
}
.products #pricing {
  border-bottom: none;
}
@media (max-width: 767px) {
  .products #pricing .clear {
    clear: both;
  }
}
.products #tools .link-out, .products #tools .view-link, .products #pricing .link-out, .products #pricing .view-link {
  font-weight: 600;
}
@media (max-width: 767px) {
  .products .tool-blurb, .products .subheadline, .products .product-links {
    max-width: 100%;
    padding-right: 12px;
  }
}
@media (max-width: 767px) {
  .products .subheadline {
    position: relative;
    top: -40px;
  }
}
@media (max-width: 400px) {

  .products #pricing .pricing-gnode, .products #storage .pricing-gnode {
    max-height: none;
  }

}



/* # Product details page
================================================== */
.app-engine.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/appengine/appengine-header.jpg);
}

.compute-engine.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/clouddatastore/clouddatastore-header.jpg);
}

.cloud-storage.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/cloudstorage/cloudstorage-header.jpg);
}

.cloud-datastore.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/clouddatastore/clouddatastore-header.jpg);
}

.cloud-dns.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/products-header.jpg);
}

.cloud-sql.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/cloudsql/cloudsql-header.jpg);
}

.cloud-deployment-manager.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/products-header.jpg);
}

.bigquery.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/bigquery/bigquery-header.jpg);
}

.prediction-api.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/prediction-api/prediction-header.jpg);
}

.translate-api.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/translate-api/translate-header.jpg);
}

.container-engine.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/products-header.jpg);
}

.cloud-endpoints.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/cloudendpoints/cloudendpoints-header.jpg);
}

.cloud-pubsub.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/products-header.jpg);
}

.cloud-dataflow.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/developers/startercredit/starterpack-img/hero-datacenter.jpg);
}

.cloud-monitoring.product .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/clouddatastore/clouddatastore-header.jpg);
}

.product #case-studies .read-more {
  font-weight: 600;
}
.product #pricing li, .product #pricing .cp-footnote {
  font-family: Arial;
}
.product #pricing table {
  width: 100%;
  margin: 0;
}
.product #pricing .pricing-table-head {
  background: #f5f5f5;
  padding: 19px 32px 0;
}
.product #pricing .pricing-table-head h3 {
  font-size: 16px;
  margin: 0;
}
.product #pricing .pricing-table {
  margin-bottom: 20px;
  position: relative;
}

.product #documentation ul {
  margin: 0;
  list-style: none;
}
.product #documentation .docs li {
  margin-bottom: 8px;
}
.product #documentation .resources li {
  margin-bottom: 37px;
}
.product .inline-icon {
  float: left;
}
.product .details .subheadline {
  font-family: Open Sans;
  font-size: 16px;
  color: #5E5E5E;
  font-weight: 300;
}

.product .resources-inner {
  border-right: 1px solid #e7e7e7;
  padding-right:  30px;
}

.product #pricing-calc .read-more {
  color: #3679ec;
  font-weight: 600;
}

.product .resources-inner .headline .resources-title {
  width: 67%;
}

.product .resources-inner .headline span {
  vertical-align: middle;
}

.product .resources-inner .bounce-link {
  float: right;
  font-size: 13px;
}

@media (max-width: 767px) {
  .product .resources-inner {
    padding-right: 0;
    border-right: none;
  }
}

.product .pricing-tables {
  margin-top: 40px;
}

.product .pricing-table-single-head {
  background: #f5f5f5;
  padding: 19px 37px;
}

.product .pricing-table-single-head h3 {
  font-size: 16px;
  margin: 0;
}

.product .pricing-table-head {
  border: 1px solid #eee !important;
  cursor: pointer;
}

.product .pricing-table-content {
  display: block;
}

.product .pricing-table-content.expand {
  display: block;
}

.product .pricing-table-content.auto-expand {
  display: block;
}

.product .pricing-table-head.auto-expand {
  padding: 19px 37px !important;
}

/* compute engine machine price tables, tab presentation */

#pricing-tabs .kd-tabbar-horz {
  border-bottom: 1px solid #ddd;
}

#pricing-tabs .kd-tabbed-horz > article {
  border-top:0px; margin:0; padding:0;
}

#pricing-tabs .cp-footnote {
  padding-left:20px;
}

#pricing-tabs .highlighted {
  background-color: rgba(15,85,204,0.07);
}

#pricing-tabs .machine-pricing table td:nth-child(5) {
  background-color: rgba(15,85,204,0.07);
}

#pricing-tabs .machine-pricing table th:nth-child(5) {
  background-color: rgba(15,85,204,0.07);
}

/* # Partners pages (Click to Deploy apps)
================================================== */
.click-to-deploy {
  margin: 10px 0 40px -4px;
}

.click-to-deploy h3 {
  margin-top: 10px;
}

.click-to-deploy .logo-tile {
  height: 150px;
  width: 17%;
  text-align: center;
  background: rgba(0,0,0,.01);
  border: 1px solid #eee;
  border-radius: 10%;
  box-sizing: border-box;
  box-shadow: 0 2px 2px 0px rgba(0,0,0,.1);
}

.click-to-deploy .logo-tile:hover {
  box-shadow: 0 1px 2px 0px rgba(0,0,0,.7);
}

.click-to-deploy .logo-tile h3 {
  margin: 0;
  font-size: 15px;
}

.click-to-deploy .logo-tile .icons {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 51%;
  display: block;
  min-height: 100px;
}

.click-to-deploy .logo-tile.aerospike .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/aerospike.png');
}

.click-to-deploy .logo-tile.hadoop .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/hadoop.png');
}

.click-to-deploy .logo-tile.cassandra .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/cassandra.png');
}

.click-to-deploy .logo-tile.drupal .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/drupal.png');
}

.click-to-deploy .logo-tile.gitlab .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/gitlab.png');
}

.click-to-deploy .logo-tile.gitlab .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/gitlab.png');
}

.click-to-deploy .logo-tile.lamp .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/lamp.png');
}

.click-to-deploy .logo-tile.lemp .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/lemp.png');
}

.click-to-deploy .logo-tile.mean .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/mean.png');
}

.click-to-deploy .logo-tile.mongodb .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/mongodb.png');
}

.click-to-deploy .logo-tile.percona .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/percona.png');
}

.click-to-deploy .logo-tile.puppet .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/puppet.png');
}

.click-to-deploy .logo-tile.rabbitmq .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/rabbitmq.png');
}

.click-to-deploy .logo-tile.redis .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/redis.png');
}

.click-to-deploy .logo-tile.ruby .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/clicktodeploy/ruby.png');
}

.click-to-deploy .logo-tile .apps-info a {
  color: #333;
}

.click-to-deploy .logo-tile .apps-info p {
  font-size: 12px;
}

.click-to-deploy .read-more {
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
  width: 164px;
}

/* # Partners pages (Bitnami apps)
================================================== */

.bitnami {
  margin: 10px 0  0 -4px;
}

.bitnami h3 {
  margin-top: 10px;
}

.bitnami .logo-tile {
  height: 150px;
  width: 17%;
  text-align: center;
  background: rgba(0,0,0,.01);
  border: 1px solid #eee;
  border-radius: 10%;
  box-sizing: border-box;
  box-shadow: 0 2px 2px 0px rgba(0,0,0,.1);
}

.bitnami .logo-tile:hover {
  box-shadow: 0 1px 2px 0px rgba(0,0,0,.7);
}

.bitnami .logo-tile h3 {
  margin: 0;
  font-size: 17px;
}

.bitnami .logo-tile .icons {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 52%;
  display: block;
  min-height: 100px;
}

.bitnami .logo-tile.drupal .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/drupal.png');
}

.bitnami .logo-tile.joomla .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/joomla.png');
}

.bitnami .logo-tile.magento .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/magento.png');
}

.bitnami .logo-tile.moodle .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/moodle.png');
}

.bitnami .logo-tile.phpbb .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/phpbb.png');
}

.bitnami .logo-tile.redmine .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/redmine.png');
}

.bitnami .logo-tile.ruby .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/ruby.png');
}

.bitnami .logo-tile.sugarcrm .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/sugarcrm.png');
}

.bitnami .logo-tile.tomcat .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/tomcat.png');
}

.bitnami .logo-tile.wordpress .icons {
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/products/bitnami/wordpress.png');
}

.bitnami .logo-tile .apps-info a {
  color: #333;
}

.bitnami .logo-tile .apps-info p {
  font-size: 12px;
}

.bitnami .read-more {
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
  width: 164px;
}

/* # Partners pages
================================================== */
.partners.Tech #become-a-partner .become-a-partner-section {
  border-top: 1px solid #ccc;
}
.partners.Service #become-a-partner .become-a-partner-section {
  border-top: none;
}
.partners.Service #partners .serv-partners.headline {
  font-size: 27px;
  font-family: Open Sans;
  font-weight: 300;
}
.partners.Service #partners .maia-cols.serv-partners-container {
  padding-top: 30px;
}
.partners-landing .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/partners/partners-header.jpg);
}
.partners-landing .generic-section .headline {
  font-weight: 300;
}
.partners-landing .page-header .subheadline {
  max-width: 736px;
}
.partners .page-header-inner-inner .subheader-tech-partners {
  float: left;
}
.partners-landing #partner-pages .image-inner {
  margin-bottom: 38px;
}
.partners-landing #partner-pages .details .headline {
  font-size: 27px;
}
.partners-landing .featured-partners .partners ul {
  list-style-type: none;
}
.partners-landing .featured-partners .partners-list {
  margin-left: 0;
}
.partners-landing .featured-partner-header {
   font-size: 18px;
  font-family: Open Sans;
  font-weight: 300;
  margin-bottom: 25px;
}
.partners-landing .partners, .partners-landing .partners-list {
  list-style-type: none;
}
.partners-landing .partners-link-label {
  color: #3679ec;
  font-weight: 600;
}
.partners-landing .partners-link {
  margin-bottom: 55px;
}
.partners-landing .partner-name {
  font-family: Arial;
}
.partners-landing .partner-logo {
  float: left;
  margin-top: 20px;
}
.partners-landing .featured-partners {
  padding-bottom: 20px;
}
.partners-landing .featured-partners .partners-list, .partners-landing .featured-partners .partners {
  margin-left: 0;
  padding-right: 30px;
}
.partners-landing .partners-list .partner, .partners-landing .partners .partner {
  min-height: 282px;
}
.partners-landing .become-a-partner p {
  padding-right: 20px;
}
.partners .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/partners/partners-header.jpg);
}
.partners .generic-section .partners-wrapper {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
}
.partners .generic-section .partners-footer {
  margin-top: 33px;
}
.partners #become-a-partner.generic-section .headline {
  font-weight: 300;
}

.partners .generic-section .filters placeholder, .case-studies .generic-section .filters placeholder {
  color: #ababab;
  padding-left: 10px;
}
#partners .partner-list-detail {
  color: #c4c4c4;
  position: relative;
  top: -30px;
}
#partners .partner-container {
  margin-bottom: 0;
}
#partners .partner-headline {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 18px;
  margin: 0;
}
#partners .partner {
  margin-top: 0px;
  margin-bottom: 32px;
  padding-bottom: 45px;
}
#partners .learn-more {
  font-weight: 400;
  font-size: 18px;
  padding-bottom: 10px;
}
#partners .link {
  color: #3679ec;
  font-weight: 600;
}
#partners .learn-more-list {
  width: 46%;
  list-style-type: none;
  margin-top: 7px;
}
#partners .partners .page-list-item {
  width: 60px;
  float: left;
}
#partners .partner-phone-nbr {
  min-width: 130px;
  padding-top: 6px;
}
#partners #learn-more-container {
  text-align: left;
}
#partners .headline-wrapper {
  position: relative;
}
#partners .paginator-wrapper.top {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.case-studies .customers.maia-cols {
  clear: both;
}
.case-studies .filter-bar .filter-item a {
  margin-right: 5px;
}
#partners .maia-col-3 .page-item-number, .case-studies .maia-col-3 .page-item-number {
  display: inline;
}
#partners ul.partners li.generic-section:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.partners #become-a-partner #apply-button, .partners-landing .become-a-partner .apply-button {
  color: #0056cf !important;
  border: 1px solid #dbdbdb;
  background: -webkit-linear-gradient(#fdfdfd, #f9f9f9);
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f9f9f9));
  background: linear-gradient(#fdfdfd, #f9f9f9);
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 2px;
  top: 6px;
  position: relative;
  left: -15px;
  font-family: Open Sans;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
#partners .available-filters-container {
  background-color: #EEE;
  color: #333;
  height: 1px;
  overflow: hidden;
  position: relative;
  top: 3px;
}
#partners .available-filters-container.active .available-filters .filter-item a, #partners .map-filter-container .active-filters .filter-item.filter-results  {
  font-family: Arial;
  color: #3679ec;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  text-align: center;
  font-size: 10px;
  padding: 3px;
  display: inline-block;
}
#partners .available-filters-container .filter-container {
  top: 0px;
}
#partners .active.available-filters-container {
  height: auto;
  width: 100%;
  position: relative;
  top: -49px;
}

#partners .filter-results, .case-studies .filter-results {
  margin: 0px;
}
#partners .map-filter-container .partner-locations {
  position: relative;
  top: -44px;
  height: 320px;
  margin-top: 40px;
}
#partners .map-filter-container .partner-locations.active {
  margin-top: 0;
  top: -95px;
}
#partners .partner-locations .google-map {
  overflow: hidden;
  width: 100%;
}
#partners .maia-cols.serv-partners {
  margin-bottom: 72px;
}
#partners ul.available-filters .active, #partners ul.tech-available-filters .active, .case-studies ul.available-filters .active {
  display: block;
}
#partners .available-filters-container .close-available-filters {
  color: #3679ec;
  font-weight: 600;
}
#partners {
  position: relative;
}
.partners .service-partners-list-container .platform-list {
  list-style-type: none !important;
}
.partners .inner-block .secondary-inner {
  margin-top: 6px;
}
.partners .inner-block .details .headline {
  margin-top: 0;
}
.partners .inner-block .partner-links {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.partners .inner-block .partner-links a {
  font-weight: 600;
}
.partners .generic-section .filters a:hover, .case-studies .generic-section .filters a:hover, .partners .inner-block .partner-links a:hover {
  text-decoration: none;
}
.partners .inner-block .partner-links li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: left;
  width: 50%;
  margin-bottom: 9px;
}
.partners .inner-block .partner-links li:before {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  content: ' ';
  margin-right: 4px;
  vertical-align: middle;
}
.partners .inner-block .partner-links .phone:before {
  height: 16px;
  width: 16px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/partners/sprite-sbacd6bb5e2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .partners .inner-block .partner-links .phone:before {
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/partners/sprite_2x-s9a3f205ebb.png');
    background-position: 0 -31px;
    background-size: 16px, auto;
  }
}
.partners .inner-block .partner-links .location:before {
  margin-left: 4px;
  margin-right: 7px;
  height: 16px;
  width: 9px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/partners/sprite-sbacd6bb5e2.png');
  background-position: 0 -67px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .partners .inner-block .partner-links .location:before {
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/partners/sprite_2x-s9a3f205ebb.png');
    background-position: 0 -67px;
    background-size: 16px, auto;
  }
}
.partners .inner-block .partner-links .email:before {
  height: 11px;
  width: 16px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/partners/sprite-sbacd6bb5e2.png');
  background-position: 0 -36px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .partners .inner-block .partner-links .email:before {
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/partners/sprite_2x-s9a3f205ebb.png');
    background-position: 0 0;
    background-size: 16px, auto;
  }
}
.partners .inner-block .partner-links .website:before {
  height: 13px;
  width: 16px;
  background-image: url('/web/20150317072747im_/https://cloud.google.com/images/partners/sprite-sbacd6bb5e2.png');
  background-position: 0 -103px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .partners .inner-block .partner-links .website:before {
    background-image: url('/web/20150317072747im_/https://cloud.google.com/images/partners/sprite_2x-s9a3f205ebb.png');
    background-position: 0 -103px;
    background-size: 16px, auto;
  }
}

.partners-join .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/partners/partners-header.jpg);
}
.partners-join .page-header .side-block .link-list li {
  margin: 0;
}

.partners-join #program-benefits ul {
  list-style: none;
  margin: 0 0 20px 0;
}
.partners-join #program-benefits ul li {
  margin-bottom: 5px;
  line-height: 18px;
}

.partners-join #comparison table {
  width: 100%;
  margin: 10px 0 20px;
}
.partners-join #comparison table td:first-child, .partners-join #comparison table th:first-child {
  text-align: left;
  width: 263px;
}
.partners-join #comparison table .row-head {
  background: transparent;
  font-weight: 300;
}
.partners-join #comparison .note {
  margin-top: 20px;
  margin-bottom: 20px;
}
.partners-join #comparison .inner-block .headline {
  font-size: 13px;
  font-family: 'Arial';
  margin-bottom: 10px;
}
#partners .filters.maia-col-1, .case-studies .filters.maia-col-1 {
   width: 10.357143%;
}
#partners .filters.maia-col-1.active, .case-studies .filters.maia-col-1.active {
  display: block;
}
#partners .active ul, .case-studies .active ul {
  display: inline-block;
  position: relative;
}
#partners .available-filters {
  top: -45px;
}
#partners .tech-available-filters, #partners .active .tech-available-filters {
  margin-left: 0;
}
#partners .active .tech-available-filters {
  top: 0px;
}
#partners .add-filter-label, .case-studies .add-filter-label {
  font-weight: 400;
  color: #666;
}
#partners .filters.active .add-filter-label {
  font-weight: 600;
  color: #3679ec;
  padding-left: 10px;
}
#partners .clear-filters-label.clear-filter-button, .case-studies .clear-filters-label.clear-filter-button {
  font-weight: 600;
  color: #3679ec;
}
#partners .partner .google-map-icon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}
#partners .partner .partner-headline-details {
  display: inline-block;
}
#partners ul.partners .partner .partner-wrapper h2.partner-num {
  font-weight: 400;
  font-size: 18px;
  margin: 0;
}
#partners .partner .platform-list {
  font-family: Arial;
  color: #d1d1d1;
  display: block;
  margin: 0;
}
#partners .partner .platform-list li {
  display: inline-block;
  margin-right: 5px;
}
#partners .partner .platform-list li:after {
  content: ',';
}
#partners .partner .platform-list li:last-child:after {
  content: '';
}
#partners .partner-wrapper .learn-more-list {
  top: 0;
  left: 0;
  margin-left: 0px;
  float: left;
  width: 27%;
  font-weight: bold;
}
#partners .partner-wrapper .learn-more-list .link {
  color: #3679ec;
}
#partners .partner-wrapper .learn-more-list .link:hover {
  text-decoration: none;
}
#partners .partner .platform-list .partner-paragraph, #partners h2.learn-more {
  color: #333;
}
#partners h2.learn-more {
  font-weight: 400;
  font-size: 18px;
  margin: 0;
}
#partners.generic-section {
  padding-bottom: 0px;
  border-bottom: none;
}

@media(min-width: 800px) and (max-width: 993px) {
  .partners .filters.maia-col-1, .case-studies .filters.maia-col-1 {
    width: 13.357143%!important;
    border-left: 1px solid #ccc;
  }
}
@media(max-width: 802px) {
  #partners .filters.maia-col-1, .case-studies .filters.maia-col-1 {
  width: 29.2%;
  border-right: 1px solid #dbdbdb;
  }
  .case-studies .filters.maia-col-8 {
  border-right: 1px solid #ccc!important;
  }
}
@media(min-width: 767px) and (max-width: 820px) {
  #partners .learn-more-list {
    width: 55%;
  }
}
@media(max-width: 767px) {
  #partners .learn-more-list li {
    display: inline;
    margin-right: 1.538em;
  }
  #partners .filters.maia-col-1, .case-studies .filters.maia-col-1 {
    border-left: 1px solid #dbdbdb;
  }
  #partners .learn-more-list li {
    margin-bottom: 5px;
  }
  .partners #become-a-partner #apply-button {
    left: 0px;
    font-family: Open Sans;
  }
  #partners .partner, .partners-landing .tech-partners  {
    width: 103%;
    padding-right: 30px;
    padding-bottom: 20px;
    margin-bottom: 25px !important;
  }
  #partners .partner {
    margin-left: -20px !important;
    padding-left: 20px;
  }
  .partners-landing .tech-partners {
    margin-left: -50px !important;
    padding-left: 50px;
  }
  .partners-landing .partners-paragraph {
    width: 85%;
  }
  #partners #learn-more-container {
    padding-top: 0px;
  }
  #service-partners .learn-more-container {
    margin-left: 0;
  }
  .partners-landing .partners-list .partner-detail, .partners-landing .partners .partner-detail {
    width: 65%;
  }
  .partners-landing .become-a-partner {
    padding-bottom: 20px;
  }
  .partners-landing .become-a-partner .apply-button {
    top: 0;
  }
  .partners .service-partners-list-container .partner-headline-wrapper {
    margin-top: -85px;
    margin-left: 110px;
    padding-bottom: 20px;
  }
  .products .maia-cols {
    padding-top: 50px;
  }
  .products .maia-cols .subheadline.exception-subheadline {
    top: 0;
  }
}
#partners {
  position: relative;
}
#partners .partners {
  margin: 0;
}
#partners .maia-col-11 {
  margin: 0 0 0 18px;
}
#partners ul.partners {
  margin-top: 20px;
  min-width: 1035px;
}
#partners ul.search-partners {
  margin-top: 67px;
  margin-left: 0;
  min-width: 1035px;
}
#partners .filter-box.map-version {
  padding: 0;
  overflow: hidden;
  float: right;
}

.partners-landing .inner-partner-col {
  padding: 0 0 30px 0;
  border-right: 1px solid #ececec;
}
.lightbox-locations .headline {
  margin: 0 0 1em 0;
  font-size: 20px !important;
}
.lightbox-locations .nav-tab {
  margin-bottom: 12px;
}
.lightbox-locations .nav-tab-link {
  padding: 0;
  background: transparent;
  border: 0;
}
.lightbox-locations .locations {
  margin-left: -10px;
}
.lightbox-locations .location-details {
  margin: 5px 0 15px 0;
}
.lightbox-locations .location {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
}
.lightbox-locations .location-detail {
  display: block;
  margin: 0;
}

.Service .service-partners {
  margin-bottom: 0;
}
.Service #partners .partner .google-map-icon {
  position: absolute;
}
.Service #partners .partner .partner-headline-details {
  padding-left: 1px;
}

/* hack so paginator doesn't overlap text */
.Service #partners .paginator-wrapper {
  position: static;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.Service #partners .paginator-wrapper .paginator-container {
  float: none;
  margin-left: 0;
}
.Service #partners .paginator-wrapper .paginator-container li {
  margin-right: 15px;
  margin-left: 0;
}




/* # Case studies page
================================================== */
.case-studies .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/case-studies/landing/casestudies-header.jpg);
}



/* # Support page
================================================== */
.support .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/support/support-header.jpg);
}

.support .generic-section {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .support .generic-section {
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 30px;
  }
}
.support .generic-section .section-footer {
  margin-top: 32px;
}

.support #comparison table {
  width: 100%;
}
.support #comparison table td, .support #comparison table th {
  vertical-align: middle;
}
.support #comparison table td:first-child, .support #comparison table th:first-child {
  text-align: left;
  width: 263px;
}
.support #comparison table th {
  width: 125px;
}
.support #comparison table .row-head {
  background: transparent;
  font-weight: 300;
}
.support #comparison table .cta td {
  background: transparent;
  border: 0;
  padding-left: 5px;
  padding-right: 5px;
}
.support #comparison table .buy-now-link {
  display: none;
}
.support #comparison table .row-head a {
  font-weight: 600;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .support #comparison table td, .support #comparison table th {
    padding: 4px 12px;
  }
}
@media only screen and (max-width: 479px) {
  .support #comparison table td, .support #comparison table th {
    padding: 4px 0px;
    font-size: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .support #comparison table .buy-now-link {
    display: block;
  }
  .support #comparison table .buy-now-button,
  .support #comparison table .contact-us-button {
    display: none;
  }
}

.support .support-icon {
  width: 35px;
}

.support .small {
  display: block;
  font-size: 12px;
  padding-top: 5px;
}

.support .signup-screen img {
  max-width: 100% !important;
}
.support .signup-container {
  max-width: 100%;
}

.support #signup {
  display: none;
}

.signup-box {
  margin-left: 13px;
}

.support #community .product-wrapper {
  width: 330px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .support #community .product-wrapper {
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .support #community .product-wrapper {
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.support #community .product-wrapper:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}
.support #community .links-wrapper .headline {
  margin-bottom: 4px;
}
.support #community .link-list li {
  margin-bottom: 4px;
}
.support #community .icon-wrapper {
  float: left;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 977px) {
  .support #community .icon-wrapper {
    float: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .support #community .icon-wrapper {
    float: left;
  }
}
@media only screen and (max-width: 479px) {
  .support #community .icon-wrapper {
    float: left;
  }
}
.support #community .links-wrapper {
  float: left;
  margin-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 977px) {
  .support #community .links-wrapper {
    float: none;
    margin-left: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .support #community .links-wrapper {
    float: left;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .support #community .links-wrapper {
    float: left;
    margin-left: 10px;
  }
}

.support #office-hours .session span {
  font-family: 'Arial';
  display: block;
  margin-top: 18px;
}
.support #office-hours .session:after {
  margin-top: -60px !important;
}

body.docs table thead th, body.docs table th {
  border: 1px solid #ddd !important;
}

/* # Developers page
================================================== */
.developers .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/developers/developers-header.jpg);
}

.developers #product-documentation #second-row, .developers #product-documentation #third-row {
  margin-top: 20px;
}
.developers #product-documentation h2 {
  margin-bottom: 40px;
}
.developers #product-documentation h3 {
  margin-bottom: 5px;
  margin-top: -5px;
}
.developers #product-documentation ul {
  margin: 0;
  list-style: none;
}
.developers #product-documentation .product li {
  margin-bottom: 10px;
}
.developers #product-documentation .product-wrapper {
  width: 330px;
}
.developers-training .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/developers/developers-training-hero.png);
}
.developers-training #maia-main {
  padding-top: 25px;
}
.developers-training #maia-main .headline, .developers-training #maia-main .container-subheader {
  font-weight: 400;
  font-family: Open Sans;
}
.developers-training #maia-main .container-subheader {
  font-size: 18px;
}
.developers-training #maia-main .headline {
  font-size: 28px;
  margin-top: -48px;
  padding-left: 68px;
  padding-bottom: 12px;
}
.developers-training #maia-main .paginator-wrapper {
  float: right;
  text-align: right;
}
.developers-training #maia-main .paginator-wrapper {
  margin-top: -45px;
}
.cp-article .cp-article-tutorial figure {
  text-align: center;
}

.cp-article .cp-article-tutorial figcaption {
  font-weight: bold;
  font-style: italic;
  font-size: 90%;
}

.cp-article .cp-article-tutorial pre {
  background-color: #fafafa;
  border: 1px solid #bbb;
  font: 13px monospace !important;
  line-height: 125%;
  margin: 0px;
  overflow: auto;
  padding: 13px 0 16px 14px;
}

.cp-article .cp-article-tutorial pre em {
  font-style: italic;
}

.cp-article .cp-article-tutorial .special {
  background-color: #e5ecf9;
  padding: 12px 8px 12px 10px;
  border-left: 6px solid #36c;
  margin: 18px 0;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .developers #product-documentation .product-wrapper {
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .developers #product-documentation .product-wrapper {
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.developers #product-documentation .product-wrapper a {
  margin-right: 8px;
}
.developers #product-documentation .product-wrapper:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}
.developers #product-documentation .icon-wrapper {
  float: left;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 977px) {
  .developers #product-documentation .icon-wrapper {
    float: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .developers #product-documentation .icon-wrapper {
    float: left;
  }
}
@media only screen and (max-width: 479px) {
  .developers #product-documentation .icon-wrapper {
    float: left;
  }
}
.developers #product-documentation .links-wrapper {
  float: left;
  margin-left: 10px;
  max-width: 230px;
}
@media only screen and (min-width: 768px) and (max-width: 977px) {
  .developers #product-documentation .links-wrapper {
    float: none;
    margin-left: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .developers #product-documentation .links-wrapper {
    float: left;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .developers #product-documentation .links-wrapper {
    float: left;
    margin-left: 10px;
  }
}

.developers #articles .link-out {
  font-weight: 400;
}
.developers #articles .inner-block .subheadline {
  font-weight: 400;
}
.ie .developers #articles {
  display: none;
}

.getting-started-dev {
  margin-top: 42px;
}

.getting-started-dev .first-list {
  margin-top: 57px;
}

@media only screen and (max-width: 767px) {
  .getting-started-dev .first-list {
    margin-top: 0;
  }
}


.developers #training-center .image-right, .developers #training-center .image-left, .solution-details #maia-main .image-right, .solution-details #maia-main .image-left, .developers-training .image-right, .developers-training .image-left {
  z-index: 100;
  background-repeat: no-repeat;
  position: relative;
}
.developers #training-center .overlay, .developers-training .feature-vid-container .overlay {
  background-image: url("/web/20150317072747im_/https://cloud.google.com/images/developers/training-play-icon.png");
  background-repeat: no-repeat;
  height: 45px;
  width: 45px;
  top: 54px;
  left: 85px;
  position: absolute;
  opacity: 0.8;
}
.developers #product-documentation .product-wrapper a {
  color: #3679ec;
}
.developers #maia-main .product {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  border-bottom: 1px solid #ddd;
  margin-top: 32px;
  padding-bottom: 35px;
}
.developers #product-documentation .inline-list li {
  display: inline;
  font-weight: 400;
  font-family: Arial;
}
.developers #product-documentation .inline-list li, .developers #product-documentation .inline-list li span {
  margin-right: 7px;
}
.developers #product-documentation .inline-list li a.link-out {
  font-weight: 400;
}
.developers #product-documentation .product-wrapper {
  width: 100%;
}
.developers #product-documentation .links-wrapper {
  max-width: 80%;
}
.developers-training #maia-main ul.paginator-container {
  margin-bottom: -5px;
}
.developers #product-documentation h3 {
  margin-top: 15px;
}
.developers #product-documentation h3.headline {
  margin-top: 0;
  font-size: 19px;
  font-weight: 400;
}
.developers #product-documentation h3 a.read-more:hover {
  text-decoration: none;
}
.developers #training-center .image-right, .developers #training-center .image-left, .developers-training .image-right, .developers-training .image-left  {
  height: 160px;
  max-width: 220px;
}
.developers-training #maia-main .training-wrapper h3 a.read-more, .developers #product-documentation h3 a.read-more, .developers #training-center .header p a.bounce-link {
  color: #3679ec;
}
.developers #training-center {
  border-top: 1px solid #dfdfdf;
  padding-top: 70px;
}
.developers-training #maia-main .training-wrapper .time-of-video {
  color: #848484;
}
.developers-training #maia-main .training-wrapper {
  margin-left: -12px;
}
.developers #product-documentation .last-section {
  padding-bottom: 0;
}
.developers #product-documentation #second-row, .developers #product-documentation #third-row {
  margin-top: 0;
}
.developers #product-documentation #fourth-row {
  margin-top: 20px;
}




/* # Developers page (training video details)
================================================== */
.video-details .page-header.primary {
  background-image: url("/web/20150317072747im_/https://cloud.google.com/images/developers/developers-training-hero.png");
  max-height: 334px;
  height: 200px;
}
.video-details .page-header .page-header-inner {
  background-size: cover;
}
.video-details .page-header .page-header-inner-inner h1.headline {
  margin-top: -0.1em;
}
.video-details .page-header img {
  padding-right: 25px;
  float: left;
}
.video-details .video-details-container h4.video-subheader, .video-details .video-details-container .time-of-video {
  color: #848484;
}
.video-details #maia-main h3.headline {
  margin-left: 0;
}
.video-details #maia-main .bounce-link {
  float: right;
  text-align: right;
  padding-top: 49px;
}
.video-details #maia-main .bounce-link a {
  color: #3679ec;
}
.video-details #maia-main .bounce-link a:hover {
  text-decoration: none;
}
.video-details .video-details-container {
  margin: auto 0;
  padding-right: 30px;
}
.video-details #single-video-container {
  display: none;
  margin-left: 0;
}
.video-details #single-video-container.active {
  display: block;
}


.video-details .video-container .image-left.app-engine-architecture#single-video-cover {
  z-index: 100;
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/QJp6hmASstQ/0.jpg");
  background-size: cover;
  height: 600px;
  margin-left: -15px;
  background-position: center;
}

.video-details .video-container .image-left.managing-your-app#single-video-cover {
  z-index: 100;
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/hQLSoIAC-lk/0.jpg");
  background-size: cover;
  height: 600px;
  margin-left: -15px;
  background-position: center;
}

.video-details .video-container .image-left.datastore-introduction#single-video-cover {
  z-index: 100;
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/fQazhzcC-rg/0.jpg");
  background-size: cover;
  height: 600px;
  margin-left: -15px;
  background-position: center;
}

.video-details .video-container .image-left.datastore-query-index-and-transaction#single-video-cover {
  z-index: 100;
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/d4CiMWy0J70/0.jpg");
  background-size: cover;
  height: 600px;
  margin-left: -15px;
  background-position: center;
}

.video-details .video-container .image-left.memcache-basics#single-video-cover {
  z-index: 100;
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/TGl81wr8lz8/0.jpg");
  background-size: cover;
  height: 600px;
  margin-left: -15px;
  background-position: center;
}

.video-details .video-container .image-left.task-queue-basics#single-video-cover {
  z-index: 100;
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/22n06z0rq4c/0.jpg");
  background-size: cover;
  height: 600px;
  margin-left: -15px;
  background-position: center;
}

.video-details .video-container .image-left.user-apis-and-authentication#single-video-cover {
  z-index: 100;
  background-image: url("https://web.archive.org/web/20150317072747im_/http://img.youtube.com/vi/r8sGdPi86NI/0.jpg");
  background-size: cover;
  height: 600px;
  margin-left: -15px;
  background-position: center;
}

.video-details .video-container .overlay {
  background-image: url("/web/20150317072747im_/https://cloud.google.com/images/developers/dev-training-detail-play-icon.png");
  z-index: 500;
  height: 129px;
  width: 129px;
  position: relative;
  left: 425px;
  top: 200px;
  opacity: 0.8;
}
.video-details .dev-training-detail.hide {
  display: none;
}
.video-details .dev-training-detail img {
  max-width: 100%;
}
.video-details .video-details-container h4.video-subheader, .video-details #video-name {
  font-family: Open Sans;
  font-weight: 400;
  margin: 0;
}
.video-details #video-name {
  font-size: 28px;
  padding-bottom: 40px;
  padding-top: 40px;
}
.video-details .video-details-container h4.video-subheader {
  font-size: 18px;
  margin-top: 15px;
  padding-top: 5px;
}
.video-details .video-details-container .time-of-video {
  clear: both;
}
.video-details .course-video-container {
  margin-left: 0;
  padding-left: 14px;
  border-left: 1px solid #dfdfdf;
}
.video-details .course-video-container ol {
    counter-reset: item;
    list-style-type: none;
    font-family: Arial;
    margin-left: 20px;
}
.video-details .course-video-container li {
  display: block;
  padding-bottom: 10px;
}
.video-details .course-video-container li a {
  color: #3679ec;
}
.video-details .course-video-container li a.active {
  font-weight: 600;
  color: #444;
}
.video-details .course-video-container li:before {
  content: counter(item) " ";
  counter-increment: item;
  color: #c4c4c4;
  padding-right: 15px;
}
.video-details .course-video-container li:hover {
  text-decoration: none;
}
.video-details .course-video-container .course-list-subheader {
  font-size: 18px;
  font-weight: 400;
  padding-left: 20px;
}

/* # Developers page (articles)
================================================== */
.developers #articles .resources-title-link {
  font-size: 20px;
}
.developers #articles .read-more {
  font-weight: 600;
}
.developers #articles .published-on {
  color: #999999;
}
.developers #articles .cse-results .cse-result {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0;
}
.developers #articles .cse-results .cse-result:last-child {
  border-bottom: none;
}
.bld {
  font-weight: 700;
}
.ital {
  font-style: italic;
}
.indnt {
  margin-left: 20px;
}
.code {
  font-family: monospace;
}
.tble-rt td {
  text-align: left;
}
.tble-rt tr:first-child {
  background-color: #a4c2f4;
}
.blue-border-top {
  border-top: 3px solid #3679ec;
}



/* # Why google page
================================================== */
.why .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/why/why-header.jpg);
}

.why .generic-section {
  padding-bottom: 0;
}

.why .case-section .header .headline {
  margin-bottom: 0;
}
.why .case-section .author-header {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
}
.why .case-section .maia-cols .maia-col-4 .author-header-paragraph {
  margin-top: 20px;
  color: #848484;
  font-weight: 300;
  font-size: 1.15em;
  font-family: Open Sans;
}
.why .case-section .maia-cols .maia-col-4 .link-list.why-google-list {
  color: #3679ec;
  font-family: Arial;
}
.why .case-section .author-image {
  float: left;
  margin-right: 20px;
  width: 113px;
}
.why .case-section .author-name {
  font-weight: 400;
  font-size: 19px;
  margin-bottom: 0;
}
.why .case-section .author-title {
  color: #999;
}
.why .why-author img {
  opacity: 1;
}
.why .maia-cols .details {
  margin-left: 0;
}

.intro-block h2.headline {
  margin-bottom: 15px;
}

.why .generic-section {
  padding-bottom: 0;
}

.intro-block h2 {
  margin-top: 0;
}

.why-section {
  margin: 20px 0 0 0;
}

.why .section-headline-img,
.why .section-headline {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .section-headline-img {
    margin-bottom: 10px;
  }
}

.why-infr-author {
  background: url(/web/20150317072747im_/https://cloud.google.com/images/why-google/whyggl-infrust.jpg) no-repeat 0 0/100%;
}

.why-svcs-author {
  background: url(/web/20150317072747im_/https://cloud.google.com/images/why-google/whyggl-mixmatch.jpg) no-repeat 0 0/100%;
}

.why-perf-author {
  background: url(/web/20150317072747im_/https://cloud.google.com/images/why-google/whyggl-perform.jpg) no-repeat 0 0/100%;
}

.why-spprt-author {
  background: url(/web/20150317072747im_/https://cloud.google.com/images/why-google/whyggl-support.jpg) no-repeat 0 0/100%;
}
.why .why-author blockquote {
  margin: 0;
  color: #848484;
  font-weight: 300;
  font-size: 1.15em;
  font-family: Open Sans;
  font-style: normal;
}
.why .case-section .author-header {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  margin: 35px auto 20px auto;
  font-size: 1.2em;
  font-family: 'Open Sans';
  color: #8b8a8a;
}
.why .case-section .author-name {
  font-weight: 400;
  font-size: 19px;
  margin-bottom: 0;
}
.why .case-section .author-title {
  color: #999;
}

/* # Cloud Networking product page
================================================== */
.cloud-networking .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/cloud-networking/networking-header.jpg);
}

.app-icon.cloud-networking {
  background-position: 0 -384px;
}

#cloud-networking-overview .cloud-img {
  margin: 45px 0 0 0;
}

.cloud-networking .intro-block p {
  margin-left: 10px;
}

.cloud-products-wrapper {
  margin: 0 0 0 14px;
}

.cloud-products-wrapper .maia-col-6 {
  min-height: 198px;
}

.cloud-products-wrapper img {
  float: left;
  margin-right: 20px;
  width: 50px;
}

.cloud-products-wrapper h2 {
  font-size: 27px;
  margin-bottom: 25px;
}

.cloud-products-wrapper h3 {
  font-size: 21px;
  margin: 5px 0 0 0 !important;
}

.cloud-products-wrapper p {
  margin: 28px 0 17px 0px;
}

/* # Startup Offer page
================================================== */

body.docs h2::after, .docs .memitem table h2::after {
 background-color: #fff !important;
}

body.docs table {
  text-align: center !important;
}

.startup-offer .page-header {
  background-color: #262626 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 310px !important;
  max-height: 350px !important;
}

.startup-offer .page-header-inner-inner {
  margin-top: 48px !important;
}

.startup-generic-section {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #ddd !important;
}

.startup-offer h1.headline {
  margin: 27px 0 !important;
}

.startup-generic-section h2.headline {
  color: #444;
  font-size: 27px !important;
  font-weight: 400 !important;
  margin-bottom: 40px !important;
}

.startup-generic-section h2 {
  color: #444;
  font-size: 27px !important;
  font-weight: 400 !important;
  margin-bottom: 40px !important;
}

.startup-offer h3.headline {
  font-weight: 500 !important;
  font-size: 18px !important;
  margin: 0 0 17px 0 !important;
}

.startup-offer h3.startup-headline {
  font-weight: 500 !important;
  font-size: 18px !important;
  margin: 15px 0 37px 0 !important;
}

.startup-offer .page-header-img {
  float: right !important;
  margin: 0 54px 0 0 !important;
}

.startup-offer .center {
  text-align: center !important;
}

.startup-offer em {
  font-style: normal;
  font-weight: 700;
}

table.startup-eligibility {
  border: none !important;
}

table.startup-eligibility tr {
  background-color: #fff !important;
}

table.startup-eligibility td {
  background-color: #F9F9F9 !important;
  border: 4px solid #fff !important;
  width: 200px !important;
  padding: 51px 17px 0 !important;
}

table.startup-eligibility .checkmark-icon {
  width: 30px !important;
}

table.startup-eligibility h2 {
  font-size: 16px !important;
  font-weight: 400 !important;
}

table.startup-eligibility h2::after {
  background-color: #F9F9F9 !important;
  margin: 0 !important;
}

table.startup-eligibility td.startup-eligibility-contact {
  background-color: #2c95ff !important;
  border-top: 4px solid #fff !important;
  padding: 18px 0 0px 0 !important;
}

table.startup-eligibility td.startup-eligibility-contact h2 {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 2em !important;
  text-align: center;
}

table.startup-eligibility td.startup-eligibility-contact h2 a {
  color: #fff !important;
  text-decoration: underline !important;
}

.startup-offer .customer-stories {
  margin-top: 54px !important;
}

table.startup-eligibility td.startup-eligibility-contact h2::after {
  background-color: #2c95ff !important;
}

.startup-offer .logo-tile {
  height: 110px;
  position: relative;
  text-align: center;
}

.startup-offer .logo-tile img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 110px;
}
@media (max-width: 768px) {

  .startup-offer .logo-tile {
    height: auto;
    position: initial;
  }

  .startup-offer .logo-tile img {
    position: initial;
    width: 50%;
  }
}

/* # Free Trial page
================================================== */

.free-trial .page-header {
  background: #1d244c url(/web/20150317072747im_/https://cloud.google.com/images/home/home-hero.jpg) no-repeat center top !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 310px !important;
  max-height: 350px !important;
}

.free-trial .page-header-inner-inner {
  margin-top: 48px !important;
}

.free-trial .page-header .subheadline {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.free-trial .page-header-free-trial {
  margin-top: 53px;
  width: 439px;
}

@media only screen and (max-width: 479px) {
  .free-trial .page-header-free-trial {
    margin-top: 35px;
    width: auto;
  }
}

[lang="ja"] .page-header .headline {
 font-size: 39px;
}

[lang="ja"] .free-trial .page-header-free-trial {
 margin-top: 53px;
 width: 540px;
}

.free-trial .page-header-free-trial ul {
  list-style-type: none;
  float: left;
  padding: 0 17px 0 0;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.free-trial .page-header-free-trial li {
  background-image: url("/web/20150317072747im_/https://cloud.google.com/images/developers/free-trial_checkmark.png");
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 28px;
}

.free-trial p {
  margin: 0 0 37px 0;
}

.free-trial .faq p {
  margin: 0 0 43px 0;
  min-height: 41px;
}

.free-trial .generic-section {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #ddd !important;
}

.free-trial .generic-section h2.headline {
  color: #444;
  font-size: 28px !important;
  font-weight: 400 !important;
  margin-bottom: 40px !important;
}

.free-trial .generic-section h2 {
  color: #444;
  font-size: 27px !important;
  font-weight: 400 !important;
  margin-bottom: 20px !important;
}

.free-trial .generic-section h3 {
  font-weight: 300 !important;
  font-size: 18px !important;
  margin: 0px 0 24px 0 !important;
}

.free-trial .generic-section h3.headline {
  font-weight: 500 !important;
  font-size: 18px !important;
  margin: 0px 0 20px 0 !important;
}

.free-trial .page-header-img {
  float: right !important;
  margin: 0 54px 0 0 !important;
}

.free-trial .center {
  text-align: center !important;
}

.free-trial em {
  font-style: normal;
  font-weight: 700;
}

.free-trial .free-trial-button {
  margin: 0 0 20px 0;
}

.free-trial .button-lg {
  background-color: #4285f4;
  border-radius: 4px;
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 18px !important;
  font-weight: 600;
  height: 50px;
  line-height: 50px !important;
  margin-bottom: 8px;
  margin-top: 8px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,.08);
  width: 200px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.free-trial .button-lg:hover {
  background: #245dc1;
  text-decoration: none;
}

/* # Pricing page
================================================== */
.pricing h1.headline {
  font-size: 27px;
  font-weight: 400;
}
.pricing .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/background-image-icon.png);
}
@media (min-width: 300px) and (max-width: 457px) {
  .pricing .page-header .page-header-inner {
    display: table-header-group;
  }
  .pricing .page-header .maia-aux {
    padding: none;
  }
}
.pricing .page-header h1.headline {
  font-size: 41px !important;
  font-weight: 300 !important;
}
@media (min-width: 300px) and (max-width: 457px) {
  .pricing .page-header h1.headline {
    font-size: 36px !important;
  }
}
.pricing .header {
  height: 47px;
  margin-top: 10px;
}
.pricing .header .headline, .pricing .header .app-icon {
  float: left;
}
.pricing .header .headline {
  margin: 10px 0px 0px 15px;
}
@media (min-width: 300px) and (max-width: 432px) {
  .pricing .header .headline {
    margin: 10px 0px 0px 7px;
  }
}
.pricing .collapse {
  float: right;
  margin-right: 20px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/circle-plus-icon.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
@media (max-width: 1024px) {
  .pricing .collapse {
    margin-right: 32px;
  }
}
.pricing .absolute {
  float: left;
}
.pricing .arial {
  font-family: Arial, sans-serif;
  font-size: 13px;
}
.pricing .before-tbl {
  font-family: Open Sans, serif;
  font-size: 18px;
  font-weight: normal;
}
.pricing .float-left {
  float: left;
  max-width: 489px;
}
@media (max-width: 1007px) {
  .pricing .float-left {
    margin-left: 10px;
  }
}
.pricing .maia-stage.page-header.primary {
  padding: 0px !important;
  max-width: 1200px;
  max-height: 200px;
}
.pricing .page-header-inner-inner {
  max-width: 1070px;
  max-height: 200px;
}
.pricing .page-header-inner-inner #format {
  max-width: 543px;
}
.pricing .page-header-inner-inner p.subheadline {
  max-width: 543px;
}
@media (min-width: 300px) and (max-width: 457px) {
  .pricing .page-header-inner-inner p.subheadline {
    font-size: 18px;
  }
}
.pricing .parentSib-wrapper {
  display: none;
}
.pricing .parentSib-wrapper.toggle {
  display: block;
}
.pricing .buttonToggle {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/products/minus-button-icon.png);
}
.pricing .gray-container, .pricing .dark-gray-header, .pricing #important-notice {
  border: 1px solid #CCC;
}
.pricing .gray-container {
  background-color: #FAFAFA;
  padding: 20px;
  margin-bottom: 10px;
  display: table-cell;
  border-top: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 949px;
}
@media (min-width: 980px) {
  .pricing .gray-container {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }
}
@media (max-width: 1024px) {
  .pricing .gray-container {
    padding: 20px;
    width: 949px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }
}
.pricing .content .gray-container {
  display: block;
}
@media (max-width: 1024px) {
  .pricing .gray-container, .pricing .maia-col-12 {
    margin: 0 !important;
  }
}
.pricing .parentSib-wrapper {
  background-color: #FFF;
}
.pricing .dark-gray-header {
  background-color: #EEE;
  height: 14px;
  margin: 10px 0 0 0;
  color: #333;
  font-weight: bold;
  font-family: Arial, sans-serif;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  padding: 20px 0 20px 27px;
}
.pricing .case-section.gnode {
  margin: 22px 0;
  font-family: Arial;
  max-height: 153px;
}
.pricing #important-notice {
  background-color: #E7EFFD;
  padding: 19px 14px 19px;
  max-height: 50px;
  margin-left: -1px;
}
@media (max-width: 676px) {
  .pricing #important-notice {
    margin-right: 1px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .pricing #important-notice {
    margin: 0 0.4% 0 !important;
  }
}
@media (min-width: 300px) and (max-width: 432px) {
  .pricing #important-notice {
    max-height: 88px;
  }
}
.pricing .gnode.mach-type {
  max-width: 641px;
}
.pricing #bill-plans {
  max-width: 100%;
}
@media (min-width: 300px) and (max-width: 432px) {
  .pricing #bill-plans {
    max-height: 222px;
  }
}
.pricing #bigq {
  max-height: 90px;
  max-width: 100%;
}
.pricing .pricing-table-head {
  background: #F5F5F5;
  padding: 19px 37px 0;
}
.pricing .pricing-table-head h3 {
  font-size: 16px;
  margin: 0;
}
.pricing .pricing-table {
  margin-bottom: 20px;
  /* remove this when accordian implemented */
}
.pricing .maia-main.case-section, .pricing .generic-section {
  max-width: 978px;
}
.pricing #maia-main {
  margin-top: 0px !important;
}
.pricing #translate, .pricing #blue-box {
  max-width: 100%;
}
@media (min-width: 432px) and (max-width: 556px) {
  .pricing #translate {
    padding-bottom: 10px;
  }
}
@media (max-width: 460px) {
  .pricing #height {
    height: 200px !important;
  }
}
@media (max-width: 1024px) {
  .pricing #height {
    height: 160px !important;
  }
}
@media (min-width: 300px) and (max-width: 432px) {
  .pricing #blw-blue-box {
    margin-top: 31px !important;
  }
}
@media (min-width: 300px) and (max-width: 432px) {
  .pricing #load-balace {
    padding: 20px 0 47px 8px !important;
  }
}



/* # Customers page
================================================== */
.customer {
  margin-top: 40px;
}

.customer .customer-container h1.headline {
  color:#333;
  font-size:27px;
  font-weight:500;
  margin-top:0;
}

.customer .customer-container h2 {
  font-size:18px;
  font-family:"open sans",arial,sans-serif;
  font-weight:500;
}

.customer .customer-container .top-quote {
  margin: 40px 0;
  border-bottom: 1px solid #ccc;
  padding: 0 29px 18px;
}

.customer .customer-container .quote {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
  padding: 30px 0 40px 0;
  margin: 40px 0 40px 0;
}

.customer .customer-container .quote p {
  font-size:16px;
  font-family: "open sans", arial, sans-serif;
  font-weight: 400;
}

.customer .customer-container .quote p.attribution {
  margin-top:10px;
  font-size:13px;
  font-family:arial, sans-serif;
}

.customer .customer-container .quote p.attribution span {
  color: #333;
  margin-right:10px;
}

.customer .customer-container ul, .customer-container ol {
  margin: 10px 10px 10px 30px;
  font-family:arial, sans-serif;
}

.customer .customer-container ul li {
  font-size:.5em;
  margin-bottom:10px;
}

.customer .customer-container ul li span {
  font-size: 2em;
}
.customer .customer-img {
  width: auto !important;
}
.customer .sidebar {
  font-family:arial, sans-serif;
}

.customer .sidebar .customer-img-container {
  width: 100%;
  border: 1px solid #CCC;
  text-align: center;
  padding: 20px 0 20px 0;
}

.customer.webydo .sidebar .customer-img-container img {
  width: 142px!important;
  height: 142px!important;
}

.customer .sidebar .side-section h3 {
  font-size:18px;
  font-family:"open sans",arial,sans-serif;
  font-weight:500;
}

.customer .sidebar .side-section b {
  color:#333;
}

.customer .sidebar ul,
.customer .sidebar ol {
  margin: 10px 10px 10px 12px;
}

.customer .sidebar ul li {
  font-size:.5em;
  margin-bottom:10px;
}

.customer .sidebar ul li span {
  font-size: 2em;
}

.customer .sidebar .side-section.quote {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #a4a4a4;
  font-size: 13px;
  padding: 30px 0 40px 0;
  margin: 40px 0 40px 0;
}

.customer .sidebar .side-section.quote span.attribution {
  color: #333;
}

/* # Newsletter
================================================== */
.unsubscribe .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/unsubscribe/unsubscribe-newsletter-icon.png);
  max-height: 488px;
}
.unsubscribe .page-header-inner-inner {
  padding-bottom: 120px;
}
.unsubscribe .page-header-inner-inner h1.headline {
  padding: 163px 0 25px;
  max-width: 600px;
}
.unsubscribe .page-header-inner-inner p.subheadline {
  font-size: 13px;
  font-family: Arial;
}
.unsubscribe .cp-header h1, .unsubscribe .cp-header p, .unsubscribe #submit.maia-button {
  color: #FFFFFF;
}
.unsubscribe .cp-header h1, .unsubscribe .cp-header p {
  max-width: 570px;
}
.unsubscribe #f-container-submit, .unsubscribe button#submit.maia-button {
  max-width: 67px;
  max-height: 30px;
  padding: 5px;
}
@media (max-width: 609px) {
  .unsubscribe h1 {
    padding-top: 109px;
  }
  .unsubscribe p {
    padding-left: 111px;
  }
}
@media (min-width: 300px) and (max-width: 609px) {
  .unsubscribe h1 {
    padding: 33px 50px 10px 33px;
  }
  .unsubscribe p, .unsubscribe iframe {
    padding: 0 33px;
  }
}

.newsletter .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/newsletter/news-icon.png);
  max-height: 485px;
}
.newsletter .page-header p.subheadline {
  font-family: Arial;
  font-size: 13px;
  max-width: 600px;
}
.newsletter .page-header-inner-inner h1.headline {
  max-width: 600px;
}
.newsletter .cp-header h1, .newsletter .cp-header p, .newsletter #submit.maia-button {
  color: #FFFFFF;
}
.newsletter .cp-header p {
  max-width: 400px;
}
.newsletter h1 {
  max-width: 500px;
  padding: 163px 0 25px;
}
.newsletter button#submit.maia-button {
  margin: 0;
  padding: 4px 8px 4px 8px;
  overflow: visible;
  white-space: normal;
  font-family: Open Sans;
  font-weight: 300;
  color: #FFFFFF;
}
@media (max-width: 609px) {
  .newsletter h1 {
    padding-top: 109px;
  }
  .newsletter p {
    padding-left: 111px;
  }
}
@media (min-width: 300px) and (max-width: 609px) {
  .newsletter h1 {
    padding: 33px 50px 10px 33px;
  }
  .newsletter p, .newsletter iframe {
    padding: 0 33px;
  }
}

.cp-nsl-201308-ifrm {
  max-height: 55px;
}

/* # Contact
================================================== */
.cp-contact label, .opt-ins {
  font-family: 'Arial';
}

.clear-both {
  clear: both;
}

.contact .page-header {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/contact/contact-header.jpg);
}

.cp-contact .cp-hero.cp-cloud {
  background-position: 50% -20px;
}

.cp-contact .cp-required {
  color: #d3152c;
}

.cp-contact p.cp-support {
  margin: 20px 0;
}

.cp-contact p.cp-sub {
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 10px;
}

.cp-contact .cp-contact-form {
  width: 700px;
}

.cp-contact fieldset {
  float: left;
  width: 50%;
}

.cp-contact fieldset select {
  border-top-color: gainsboro;
  border: 1px solid #EBEBEB;
  color: #444;
  font-family: arial,sans-serif;
  line-height: normal;
  padding: 6px 10px;
  width: 323px;
}

.cp-contact fieldset select.state {
  width: 200px;
}

.cp-contact fieldset input.zip {
  width: 60px;
}

.cp-contact .zip-label {
  display: inline;
  padding-left: 10px;
  width: 50px;
}

.cp-contact .state-label {
  display: inline;
  width: 210px;
}

#maia-main.cp-tif {
  color: #737373;
  margin-top: 0;
}

.cp-tif .cp-hero.cp-cloud {
  background-position: 60% -95px;
  min-height: 125px;
  padding-top: 30px;
}

.cp-tif .cp-hero .cp-header {
  min-height: 95px;
}

.cp-tif .cp-col4 {
  margin-bottom: 60px;
  text-align: center;
}

.cp-tif .cp-col4 .cp-col {
  min-height: 310px;
  padding-bottom: 100px;
}

.cp-tif .cp-col4 h2 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/i/product-icons-fix.png);
  background-repeat: no-repeat;
  font-size: 15px;
  margin-bottom: 18px;
  padding-top: 115px;
}

.cp-tif .cp-gae h2 {
  background-position: 45px -3798px;
}

.cp-tif .cp-gce h2 {
  background-position: 57px -7325px;
}

.cp-tif .cp-gcs h2 {
  background-position: 42px -4172px;
}

.cp-tif .cp-gpq h2 {
  background-position: 42px -4545px;
}

.cp-tif .cp-col4 p {
  font-size: 13px;
  line-height: 21px;
}

.cp-tif .cp-col4 .maia-button {
  bottom: 30px;
  left: 50%;
  margin-left: -43px;
  position: absolute;
}

.cp-tif .cp-col4 .cp-col:first-child .maia-button {
  margin-left: -63px;
}

.cp-tif .cp-col4 .cp-col.cp-last .maia-button {
  margin-left: -23px;
}

.cp-tif .cp-blurb {
  border-bottom: none;
  border-top: 1px solid #d7d7d7;
  padding-top: 40px;
}

.cp-tif .cp-blurb li {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/i/product-icons-fix.png);
  background-repeat: no-repeat;
  float: left;
  margin-left: 60px;
  padding: 0 0 70px 125px;
  width: 320px;
}

.cp-tif .cp-blurb li:first-child {
  margin-left: 0;
  padding-left: 140px;
}

.cp-tif .cp-blurb .cp-gpi {
  background-position: 0 -4905px;
}

.cp-tif .cp-blurb .cp-gta {
  background-position: 0 -5300px;
}

.cp-tif .cp-blurb .maia-button {
  bottom: 0;
  font-size: 13px;
  position: absolute;
}

.likely-solutions li {
  margin: 0;
}

.likely-solutions li label {
  font-weight: 400;
  display: inline;
}

.state-required.hide {
  display: none;
}

select[disabled] {
  background: #cdcdcd;
}

.cp-contact fieldset.big-text-area {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .cp-contact fieldset {
    float: none;
    margin: 0;
  }

  .cp-contact .cp-contact-form {
    max-width: 100%;
    padding-left: 0;
    margin: 0 auto 30px;
  }

  .cp-contact .state-label, .cp-contact .zip-label {
    display: block;
    width: 50%;
    padding-left: 0;
  }

  .cp-contact fieldset input.zip {
    width: 300px;
    max-width: 100%;
  }

  .cp-contact fieldset select, .cp-contact fieldset select.state, .cp-contact fieldset.big-text-area, .cp-page ul, .cp-contact input[type=text] {
    width: 323px;
    max-width: 100%;
  }

  .cp-contact .next-button {
    width: 323px;
  }
}

@media only screen and (max-width: 400px) {
  .cp-contact .next-button {
    width: 223px;
  }

  .cp-contact input[type=text], .cp-contact fieldset input.zip {
    width: 200px;
    max-width: 100%;
  }

  .cp-contact fieldset.big-text-area, .cp-page ul, .cp-contact fieldset select, .cp-contact fieldset select.state {
    width: 223px;
    max-width: 100%;
  }
}



/* # Search result page
================================================== */
.cp-page {
  line-height: 21px;
}

.cp-page ul {
  list-style: none;
}

.cp-page h1 {
  color: #1192FB;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.2;
  margin: 0;
}

.cp-page h3 {
  font-weight: 600;
  font-size: 15px;
  margin: 0;
}

.cp-page p {
  margin: 0;
}

.cp-page em {
  font-style: italic;
  font-weight: normal;
}

.search_pagination {
  display: none;
  margin: -2px 0 18px 0;
}

.search_pagination li {
  display: inline-block;
  padding: 0 1em 0 0;
}

.cp-home .cp-hero  {
  padding-bottom: 0;
}

.cp-hero .cp-hero-mob  {
  padding-top: .5em;
}

#search_info {
  padding: 0 0 .5em;
}

#search_results, #search_form, #search_form button {
  margin: 10px 0 10px 0;
}

#search_results {
  min-height: 300px;
}

.thumb {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ddd;
  display: inline-block;
  height: 100px;
  float: left;
  margin: 0 1em 0 0;
  padding: 0 .5em;
  width: 100px;
}

.thumb-default {
  background-size: auto;
}

.snippet p  {
  padding:0 0 3.5em;
}

.snippet cite a {
  color: #093;
  font-size: .9em;
}

@media (min-width: 980px) {
  .cp-hero.cp-wrap {
  min-width: 1056px;
  }
}

/* Styles for the header content that used to be inlined */

.cp-cta a.maia-button {
  font-family: 'Open Sans';
}

.cp-cta {
  float: right;
  font-family: "Open Sans";
  font-weight: 600;
  margin: 7px 0 0;
}

.cp-cta .cp-track {
  margin-right: 10px;
  z-index: 500;
}

.cloud-social {
  float: right;
}

#home-nav {
  display: none;
}

/* hgcpw tabbable maia overrides
================================================== */
.hgcpw.tabbable.maia-cols {
  width: 103.067484663%;
}
.hgcpw.tabbable .maia-col-4 {
  margin: 0 1.4880952381% 20px;
}
.hgcpw.tabbable .maia-col-8 {
  width: 63.6904761905%;
}

/* hgcpw tabbable content */
.hgcpw.tabbable .tab-content {
  border: 0;
  background: transparent;
  border-radius: 0;
  text-align: center;
}

/* hgcpw tabbable nav */
.hgcpw.tabbable .nav {
  border: 1px solid #E0E0E0;
}
.hgcpw.tabbable .nav .nav-tab {
  display: block;
  border-top: 2px solid #ebebeb;
}
.hgcpw.tabbable .nav .nav-tab:first-child {
  border-top-color: transparent;
}
.hgcpw.tabbable .nav .nav-tab-link:hover {
  background-color: #fcfcfc;
}
.hgcpw.tabbable .nav .nav-tab.active {
  background: #F0F0F0;
  border-top-color: #3679ec;
}
.hgcpw.tabbable .nav .nav-tab .nav-tab-content {
  display: none;
}
.hgcpw.tabbable .nav .nav-tab .nav-tab-content p {
  padding: 0 20px 20px 20px;
  margin: 0;
}
.hgcpw.tabbable .nav .nav-tab.active .nav-tab-content {
  display: block;
}
.hgcpw.tabbable .nav .nav-tab.active .nav-tab-link,
.hgcpw.tabbable .nav .nav-tab.active .nav-tab-link:hover,
.hgcpw.tabbable .nav .nav-tab.active .nav-tab-link:active {
  background: transparent;
}
.hgcpw.tabbable .nav .nav-tab-link {
  text-decoration: none;
  font-family: 'Open Sans';
  font-weight: 400;
  padding: 20px;
  border: 0;
}

/* new hgcpw rules */
.hgcpw .platform-tab {
  position: relative;
  margin: 0 auto;
}
.gcp-category-label {
  margin-bottom: 20px;
}
.gcp-product a {
  text-decoration: none;
  display: inline-block;
  z-index: 99;
  position: relative;
}
.hgcpw .gcp-categories {
  display: inline-block;
  width: 100%;
}
.hgcpw .gcp-category {
  width: 25%;
}
.hgcpw .tooltip {
  background: #f9f9f9;
  border: 1px solid #cccccc;
  padding: 20px;
  border-radius: 2px;
  opacity: 0;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 98%;
}
.hgcpw .all .tooltip {
  margin-top: -6px;
}
.hgcpw .gaming .tooltip {
  margin-top: -65px;
}
.hgcpw .mobile .tooltip {
  margin-top: -70px;
}
.hgcpw .hadoop .tooltip {
  margin-top: -46px;
}
.hgcpw .tooltip.active {
  top: 100%;
  opacity: 1;
}

/* hgcpw all icons */
.hgcpw .tab-content .all {
  width: 614px;
}

/* hgcpw gaming icons */
.hgcpw .tab-content .gaming {
  width: 642px;
}
.hgcpw .tab-content .gaming .gcp-category.gaming-storage .gcp-product-inner-container,
.hgcpw .tab-content .gaming .gcp-category.gaming-big-data .gcp-product-inner-container {
  vertical-align: top;
}
.hgcpw .tab-content .gaming .gcp-category.gaming-big-data .gcp-product.bigquery {
  padding-top: 76px;
}

/* hgcpw mobile icons */
.hgcpw .tab-content .mobile {
  width: 475px;
}
.hgcpw .tab-content .mobile .gcp-category {
  width: 33%;
}
.hgcpw .tab-content .mobile .gcp-category.mobile-storage .gcp-product-inner-container {
  vertical-align: top;
}
.hgcpw .tab-content .mobile .gcp-product.cloud-endpoints {
  padding-bottom: 133px;
}

/* hgcpw hadoop icons */
.hgcpw .tab-content .hadoop {
  width: 675px;
}
.hgcpw .tab-content .hadoop .gcp-category {
  width: 50%;
}
.hgcpw .tab-content .hadoop .gcp-category.hadoop-workers .half {
  display: inline-block;
  vertical-align: top;
}
.hgcpw .tab-content .hadoop .gcp-category.hadoop-workers .half.two {
  padding-top: 51px;
}
.hgcpw .tab-content .hadoop .gcp-category.hadoop-workers .half .gcp-anim-icon {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}
.hgcpw .tab-content .hadoop .gcp-category.hadoop-workers .half .gcp-anim-icon:last-child {
  margin-bottom: 0;
}
.hgcpw .tab-content .hadoop .gcp-product.compute-engine {
  margin-bottom: 44px;
}

/* how gcp works (FROM LOCAL) */
.gcp-category {
  width: 24%;
  float: left;
  position: relative;
  border-left: 1px solid #DEDEDE;
}
.gcp-category:first-child {
  border-left: 0;
}
.gcp-product-container {
  height: 400px;
  width: 100%;
  display: table;
}
.gcp-product-container .gcp-product-inner-container {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

h3.gcp-category-label {
  font-size: 14px;
}

.gcp-category-label {
  font-weight: 600;
  font-style: italic;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}

.gcp-product-detail {
  display: none;
  font-family: 'Arial';
}

.gcp-details-default {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  font-family: 'Arial';
  max-height: 0;
  -webkit-transition: opacity 0.25s ease-in;
  -webkit-transition-delay: 0.25s;
  -webkit-transition: opacity 0.25s ease-in 0.25s;
  transition: opacity 0.25s ease-in 0.25s;
}

.gcp-details-text {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  font-family: 'Arial';
  max-height: 0;
  -webkit-transition: opacity 0.25s ease-in;
  -webkit-transition-delay: 0.25s;
  -webkit-transition: opacity 0.25s ease-in 0.25s;
  transition: opacity 0.25s ease-in 0.25s;
}

.gcp-details-title {
  height: 35px;
  vertical-align: middle;
  display: table-cell;
  font-family: 'Open Sans';
  color: #207ecf;
  font-weight: 600;
}

.active .gcp-details-text {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  height: auto;
  max-height: 999px;
}

.default-descr .gcp-details-default {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  height: auto;
  max-height: 999px;
}

/* hgcpw arrow positioning */
.hgcpw .gcp-arrow {
  position: absolute;
  z-index: 5;
  /*transition: opacity 0.3s;*/
}
.hgcpw .gcp-arrow .arrow-label {
  color: #bebebe;
  font-weight: 700;
  position: absolute;
}
.hgcpw .gcp-arrow.active .arrow-label {
  color: #3679ec;
}

.hgcpw .gaming .gcp-arrow.arrow-1 {
  top: 179px;
  left: 19%;
  z-index: 6;
}
.hgcpw .gaming .gcp-arrow.arrow-1 .arrow-label {
  right: 21px;
  bottom: 17px;
}
.hgcpw .gaming .gcp-arrow.arrow-2 {
  top: 219px;
  left: 19%;
}
.hgcpw .gaming .gcp-arrow.arrow-2 .arrow-label {
  right: 20px;
  top: 28px;
}
.hgcpw .gaming .gcp-arrow.arrow-2:hover {
  z-index: 7;
}
.hgcpw .gaming .gcp-arrow.arrow-3 {
  top: 106px;
  left: 42%;
}
.hgcpw .gaming .gcp-arrow.arrow-3 .arrow-label {
  left: 38px;
  top: 22px;
}
.hgcpw .gaming .gcp-arrow.arrow-4 {
  top: 171px;
  left: 44%;
}
.hgcpw .gaming .gcp-arrow.arrow-4 .arrow-label {
  right: -13px;
  bottom: 33px;
}
.hgcpw .gaming .gcp-arrow.arrow-5 {
  top: 107px;
  left: 41%;
  z-index: 1;
}
.hgcpw .gaming .gcp-arrow.arrow-5 .arrow-label {
  right: 46%;
  bottom: 5px;
}
.hgcpw .gaming .gcp-arrow.arrow-6 {
  top: 83px;
  left: 67.5%;
}
.hgcpw .gaming .gcp-arrow.arrow-6 .arrow-label {
  right: 8px;
  bottom: 28px;
}
.hgcpw .mobile .gcp-arrow.arrow-1 {
  top: 144px;
  left: 23%;
}
.hgcpw .mobile .gcp-arrow.arrow-1 .arrow-label {
  right: 35%;
  bottom: 8px;
}
.hgcpw .mobile .gcp-arrow.arrow-2 {
  top: 115px;
  left: 57.5%;
}
.hgcpw .mobile .gcp-arrow.arrow-2 .arrow-label {
  right: 21px;
  top: 9px;
}
.hgcpw .mobile .gcp-arrow.arrow-2:hover {
  z-index: 7;
}
.hgcpw .mobile .gcp-arrow.arrow-3 {
  top: 152px;
  left: 57.5%;
}
.hgcpw .mobile .gcp-arrow.arrow-3 .arrow-label {
  right: 20px;
  bottom: 9px;
}
.hgcpw .mobile .gcp-arrow.arrow-4 {
  top: 169px;
  left: 58%;
}
.hgcpw .mobile .gcp-arrow.arrow-4 .arrow-label {
  right: 8px;
  bottom: 30px;
}
.hgcpw .hadoop .gcp-arrow.arrow-1 {
  top: 216px;
  left: 24%;
}
.hgcpw .hadoop .gcp-arrow.arrow-1 .arrow-label {
  right: 12px;
  bottom: 17px;
}
.hgcpw .hadoop .gcp-arrow.arrow-2 {
  top: 124px;
  left: 30.5%;
}
.hgcpw .hadoop .gcp-arrow.arrow-2 .arrow-label {
  right: 45%;
  bottom: 9px;
}


/* hgcpw arrow shapes */
.hgcpw .gcp-arrow {
  -webkit-backface-visibility: hidden;
}
.hgcpw .gcp-arrow .arrow-segment {
  width: 50px;
  height: 4px;
  background: #bebebe;
  display: block;
  position: absolute;
  -ms-transform-origin: center left;
  transform-origin: center left;
  -webkit-transform-origin: center left;
}
.hgcpw .gcp-arrow .arrow-head {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bebebe;
  position: absolute;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform-origin: center;
}
.hgcpw .gcp-arrow.active .arrow-segment {
  background: #3679ec;
}
.hgcpw .gcp-arrow.active .arrow-head {
  border-bottom-color: #3679ec;
}
.hgcpw .gaming .gcp-arrow.arrow-1 {
  height: 44px;
  width: 73px;
}
.hgcpw .gaming .gcp-arrow.arrow-1 .arrow-segment-1 {
  bottom: 0;
  width: 48px;
}
.hgcpw .gaming .gcp-arrow.arrow-1 .arrow-segment-2 {
  bottom: 0;
  left: 47px;
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  width: 41px;
}
.hgcpw .gaming .gcp-arrow.arrow-1 .arrow-head {
  top: 1px;
  right: -2px;
  -ms-transform: rotate(33deg);
  transform: rotate(33deg);
  -webkit-transform: rotate(33deg);
}
.hgcpw .gaming .gcp-arrow.arrow-2 {
  height: 44px;
  width: 73px;
}
.hgcpw .gaming .gcp-arrow.arrow-2 .arrow-segment-1 {
  top: 0;
  width: 48px;
}
.hgcpw .gaming .gcp-arrow.arrow-2 .arrow-segment-2 {
  top: 0;
  left: 47px;
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  width: 42px;
}
.hgcpw .gaming .gcp-arrow.arrow-2 .arrow-head {
  bottom: 2px;
  right: -2px;
  -ms-transform: rotate(142deg);
  transform: rotate(142deg);
  -webkit-transform: rotate(142deg);
}
.hgcpw .gaming .gcp-arrow.arrow-3 {
  height: 92px;
  width: 83px;
}
.hgcpw .gaming .gcp-arrow.arrow-3 .arrow-segment-1 {
  top: 50%;
  left: 0;
  width: 55px;
}
.hgcpw .gaming .gcp-arrow.arrow-3 .arrow-segment-2 {
  left: 54px;
  top: 50%;
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  width: 45px;
}
.hgcpw .gaming .gcp-arrow.arrow-3 .arrow-segment-3 {
  left: 54px;
  top: 50%;
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  width: 47px;
}
.hgcpw .gaming .gcp-arrow.arrow-3 .arrow-head-1 {
  right: -1px;
  top: 4px;
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
}
.hgcpw .gaming .gcp-arrow.arrow-3 .arrow-head-2 {
  right: -1px;
  bottom: 0px;
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
}
.hgcpw .gaming .gcp-arrow.arrow-4 {
  height: 92px;
  width: 21px;
}
.hgcpw .gaming .gcp-arrow.arrow-4 .arrow-segment-1 {
  -webkit-transform: rotate(57deg);
  -ms-transform: rotate(57deg);
  transform: rotate(57deg);
  width: 35px;
}
.hgcpw .gaming .gcp-arrow.arrow-4 .arrow-segment-2 {
  top: 28px;
  left: 19px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  width: 44px;
}
.hgcpw .gaming .gcp-arrow.arrow-4 .arrow-segment-3 {
  top: 71px;
  left: 19px;
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  width: 18px;
}
.hgcpw .gaming .gcp-arrow.arrow-4 .arrow-head {
  top: 86px;
  left: 4px;
  -ms-transform: rotate(218deg);
  transform: rotate(218deg);
  -webkit-transform: rotate(218deg);
}
.hgcpw .gaming .gcp-arrow.arrow-5 {
  height: 243px;
  width: 219px;
}
.hgcpw .gaming .gcp-arrow.arrow-5 .arrow-segment-1 {
  bottom: 39px;
  -ms-transform: rotate(58deg);
  transform: rotate(58deg);
  -webkit-transform: rotate(58deg);
  left: 16px;
  width: 47px;
}
.hgcpw .gaming .gcp-arrow.arrow-5 .arrow-segment-2 {
  bottom: 0;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  left: 39px;
  width: 154px;
}
.hgcpw .gaming .gcp-arrow.arrow-5 .arrow-segment-3 {
  bottom: 0;
  -ms-transform: rotate(-66deg);
  transform: rotate(-66deg);
  -webkit-transform: rotate(-66deg);
  left: 192px;
  width: 60px;
}
.hgcpw .gaming .gcp-arrow.arrow-5 .arrow-segment-4 {
  bottom: 53px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  left: 216px;
  width: 136px;
}
.hgcpw .gaming .gcp-arrow.arrow-5 .arrow-segment-5 {
  bottom: 188px;
  -ms-transform: rotate(-118deg);
  transform: rotate(-118deg);
  -webkit-transform: rotate(-118deg);
  left: 216px;
  width: 54px;
}
.hgcpw .gaming .gcp-arrow.arrow-5 .arrow-head {
  bottom: 237px;
  left: 182px;
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
}
.hgcpw .gaming .gcp-arrow.arrow-6 {
  height: 55px;
  width: 88px;
}
.hgcpw .gaming .gcp-arrow.arrow-6 .arrow-segment-1 {
  top: 0;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  left: 20px;
  width: 36px;
}
.hgcpw .gaming .gcp-arrow.arrow-6 .arrow-segment-2 {
  top: -1px;
  -ms-transform: rotate(61deg);
  transform: rotate(61deg);
  -webkit-transform: rotate(61deg);
  left: 55px;
  width: 56px;
}
.hgcpw .gaming .gcp-arrow.arrow-6 .arrow-head {
  bottom: 0;
  left: 78px;
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
}
.hgcpw .mobile .gcp-arrow.arrow-1 {
  height: 13px;
  width: 63px;
}
.hgcpw .mobile .gcp-arrow.arrow-1 .arrow-segment-1 {
  top: 50%;
  left: 20px;
  width: 37px;
}
.hgcpw .mobile .gcp-arrow.arrow-1 .arrow-head {
  top: 43%;
  right: -2px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.hgcpw .mobile .gcp-arrow.arrow-2 {
  height: 41px;
  width: 77px;
}
.hgcpw .mobile .gcp-arrow.arrow-2 .arrow-segment-1 {
  bottom: 0;
  width: 42px;
  left: 13px;
}
.hgcpw .mobile .gcp-arrow.arrow-2 .arrow-segment-2 {
  bottom: 0;
  left: 54px;
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  width: 38px;
}
.hgcpw .mobile .gcp-arrow.arrow-2 .arrow-head {
  top: 1px;
  right: -4px;
  -ms-transform: rotate(33deg);
  transform: rotate(33deg);
  -webkit-transform: rotate(33deg);
}
.hgcpw .mobile .gcp-arrow.arrow-3 {
  height: 40px;
  width: 77px;
}
.hgcpw .mobile .gcp-arrow.arrow-3 .arrow-segment-1 {
  top: 0;
  left: 13px;
  width: 42px;
}
.hgcpw .mobile .gcp-arrow.arrow-3 .arrow-segment-2 {
  top: 0;
  left: 54px;
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  width: 38px;
}
.hgcpw .mobile .gcp-arrow.arrow-3 .arrow-head {
  bottom: 0;
  right: -4px;
  -ms-transform: rotate(142deg);
  transform: rotate(142deg);
  -webkit-transform: rotate(142deg);
}
.hgcpw .mobile .gcp-arrow.arrow-4 {
  height: 92px;
  width: 21px;
}
.hgcpw .mobile .gcp-arrow.arrow-4 .arrow-segment-1 {
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-transform: rotate(57deg);
  width: 35px;
}
.hgcpw .mobile .gcp-arrow.arrow-4 .arrow-segment-2 {
  top: 28px;
  left: 19px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  width: 44px;
}
.hgcpw .mobile .gcp-arrow.arrow-4 .arrow-segment-3 {
  top: 71px;
  left: 19px;
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  width: 18px;
}
.hgcpw .mobile .gcp-arrow.arrow-4 .arrow-head {
  top: 86px;
  left: 4px;
  -ms-transform: rotate(218deg);
  transform: rotate(218deg);
  -webkit-transform: rotate(218deg);
}
.hgcpw .hadoop .gcp-arrow.arrow-1 {
  height: 51px;
  width: 12px;
}
.hgcpw .hadoop .gcp-arrow.arrow-1 .arrow-segment-1 {
  top: 88%;
  left: 50%;
  width: 41px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.hgcpw .hadoop .gcp-arrow.arrow-1 .arrow-head {
  top: 0px;
  left: -1px;
}
.hgcpw .hadoop .gcp-arrow.arrow-2 {
  height: 12px;
  width: 185px;
}
.hgcpw .hadoop .gcp-arrow.arrow-2 .arrow-segment-1 {
  top: 50%;
  left: 13px;
  width: 165px;
}
.hgcpw .hadoop .gcp-arrow.arrow-2 .arrow-head {
  top: 38%;
  right: -2px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

/* responsive */
@media only screen and (max-width: 1008px) {
  .hgcpw.tabbable .nav {
    display: none;
  }
  .hgcpw.tabbable .tab-content {
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .hgcpw.tabbable .tab-content .platform-tab {
    display: none;
  }
  .hgcpw.tabbable .tab-content .platform-tab.all {
    display: block !important;
  }

}
@media only screen and (max-width: 614px) {
  .hgcpw.tabbable .tab-content .platform-tab.all {
    width: auto;
  }
  .hgcpw .gcp-category {
    width: 100%;
    margin-bottom: 30px;
    border: 0;
  }
  .gcp-product-container {
    height: auto;
  }
  .hgcpw .gcp-product {
    display: inline-block;
    margin-right: 36px;
    text-align: center;
  }
  .gcp-category-label {
    font-size: 16px;
    text-align: left;
  }
  .hgcpw .gcp-product-inner-container {
    text-align: left;
  }
  .hgcpw .tooltip {
    display: none !important;
  }
  .hgcpw.tabbable .tab-content {
    padding-bottom: 0;
  }
}


    .gcp-anim-icon {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 104px;
  height: 92px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/gcp-bg.png);
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0;
  -webkit-transition: all 0.3s ease-in-out 0;
  transition: all 0.3s ease-in-out 0;
}
.gcp-anim-icon > span {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0;
  -webkit-transition: all 0.3s ease-in-out 0;
  transition: all 0.3s ease-in-out 0;
}
.gcp-anim-icon.app-engine > span {
  -webkit-transform: scale(0.69);
  -ms-transform: scale(0.69);
  transform: scale(0.69);
}
.gcp-anim-icon.app-engine .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/app-engine-shadow.png) no-repeat 21px bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gcp-anim-icon.app-engine .logo-main {
  width: 86.8px;
  height: 86.8px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/app-engine-main.png);
}
.gcp-anim-icon.app-engine .logo-circle {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/app-engine-circle.png);
  width: 53.004px;
  height: 53.004px;
}
.gcp-anim-icon.app-engine .logo-inner {
  width: 23.8px;
  height: 23.8px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/app-engine-middle.png);
  padding-left: 4px;
  background-position: right bottom;
  padding-top: 3px;
}
.gcp-anim-icon.app-engine .code {
  -webkit-transition: opacity 0.3s ease-in-out;
  -webkit-transition-delay: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0;
  transition: opacity 0.3s ease-in-out 0;
  opacity: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/app-engine-code.png) repeat;
}
.gcp-anim-icon.cloud-storage > span {
  -webkit-transform: scale(0.69);
  -ms-transform: scale(0.69);
  transform: scale(0.69);
}
.gcp-anim-icon.cloud-storage .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-storage-shadow.png) no-repeat 32px bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gcp-anim-icon.cloud-storage .logo-main {
  width: 55.5px;
  height: 37px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-storage-main.png);
}
.gcp-anim-icon.cloud-storage .logo-document {
  width: 100%;
  height: 50%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-storage-file.png) no-repeat center 0;
  opacity: 0;
  bottom: auto;
}
.gcp-anim-icon.cloud-datastore .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-datastore-shadow.png) no-repeat 32px bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gcp-anim-icon.cloud-datastore .logo-main {
  width: 40px;
  height: 28px;
}
.gcp-anim-icon.cloud-datastore .logo-square {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  width: 5px;
  height: 5px;
  border: 2px solid #f9f9f9;
  border-radius: 15%;
  float: left;
  margin: 2px 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0;
  -webkit-transition: all 0.3s ease-in-out 0;
  transition: all 0.3s ease-in-out 0;
}
.gcp-anim-icon.cloud-datastore .logo-square.one, .gcp-anim-icon.cloud-datastore .logo-square.five, .gcp-anim-icon.cloud-datastore .logo-square.six {
  background: #f9f9f9;
}
.gcp-anim-icon.compute-engine .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/compute-engine-shadow.png) no-repeat 31px bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gcp-anim-icon.compute-engine .logo-main {
  width: 40px;
  height: 40px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/compute-engine-main.png);
}
.gcp-anim-icon.compute-engine .logo-line {
  background: #f9f9f9;
}
.gcp-anim-icon.compute-engine .logo-line.left, .gcp-anim-icon.compute-engine .logo-line.right {
  height: 4px;
  width: 0;
}
.gcp-anim-icon.compute-engine .logo-line.top, .gcp-anim-icon.compute-engine .logo-line.bottom {
  width: 4px;
  height: 0;
}
.gcp-anim-icon.cloud-sql .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-sql-shadow.png) no-repeat 27px bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gcp-anim-icon.cloud-sql .logo-main {
  width: 51px;
  height: 23px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-sql-main.png);
}
.gcp-anim-icon.translate-api .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/translate-shadow.png) no-repeat 18px bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gcp-anim-icon.translate-api .logo-arrow {
  width: 17px;
  height: 8px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/translate-arrow.png);
}
.gcp-anim-icon.translate-api .logo-from,
.gcp-anim-icon.translate-api .logo-to {
  width: 28px;
  height: 28px;
  background-position: center;
}
.gcp-anim-icon.translate-api .logo-from {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/translate-from.png);
  right: 38px;
}
.gcp-anim-icon.translate-api .logo-to {
  left: 46px;
}
.gcp-anim-icon.translate-api .logo-to.one {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/translate-to1.png);
}
.gcp-anim-icon.translate-api .logo-to.two {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/translate-to2.png);
  opacity: 0;
}
.gcp-anim-icon.cloud-endpoints .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-endpoints-shadow.png) no-repeat 30px bottom;
}
.gcp-anim-icon.cloud-endpoints .logo-left-arrow,
.gcp-anim-icon.cloud-endpoints .logo-right-arrow {
  width: 15px;
  height: 23px;
}
.gcp-anim-icon.cloud-endpoints .logo-left-arrow {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-endpoints-left.png);
  right: 36px;
}
.gcp-anim-icon.cloud-endpoints .logo-right-arrow {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-endpoints-right.png);
  left: 36px;
}
.gcp-anim-icon.cloud-endpoints .logo-secondary,
.gcp-anim-icon.cloud-endpoints .logo-main {
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-endpoints-main.png) repeat-x;
  width: 18px;
  height: 5px;
  -webkit-transition: all 0.3s ease-in-out, top 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out, top 0.3s ease-in-out 0.1s;
}
.gcp-anim-icon.cloud-endpoints .logo-secondary:after, .gcp-anim-icon.cloud-endpoints .logo-secondary:before,
.gcp-anim-icon.cloud-endpoints .logo-main:after,
.gcp-anim-icon.cloud-endpoints .logo-main:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gcp-anim-icon.cloud-endpoints .logo-secondary:after,
.gcp-anim-icon.cloud-endpoints .logo-main:after {
  left: 100%;
  border-left: 3px solid #f9f9f9;
}
.gcp-anim-icon.cloud-endpoints .logo-secondary:before,
.gcp-anim-icon.cloud-endpoints .logo-main:before {
  right: 100%;
  border-right: 3px solid #f9f9f9;
}
.gcp-anim-icon.prediction-api .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/prediction-api-shadow.png) no-repeat 30px bottom;
}
.gcp-anim-icon.prediction-api .logo-line {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/prediction-api-main.png);
  background-position: left bottom;
}
.gcp-anim-icon.prediction-api .logo-line.one {
  width: 13px;
  height: 27px;
  right: 31px;
  bottom: 33px;
  top: auto;
}
.gcp-anim-icon.prediction-api .logo-line.two {
  background-position: -13px -11px;
  width: 11px;
  height: 27px;
  right: 7px;
  bottom: auto;
  top: 33px;
}
.gcp-anim-icon.prediction-api .logo-line.three {
  background-position: -24px bottom;
  width: 21px;
  height: 38px;
  left: 25px;
  bottom: 33px;
  top: auto;
}
.gcp-anim-icon.prediction-api .logo-dot {
  background: #f9f9f9;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  top: 20px;
}
.gcp-anim-icon.prediction-api .logo-dot.one {
  right: 40px;
}
.gcp-anim-icon.prediction-api .logo-dot.two {
  left: 4px;
}
.gcp-anim-icon.big-query .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/big-query-shadow.png) no-repeat 33px bottom;
}
.gcp-anim-icon.big-query .logo-bar-wrapper {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  overflow: hidden;
  right: 3px;
  bottom: 3px;
}
.gcp-anim-icon.big-query .logo-bar {
  display: block;
  background: #f9f9f9;
  width: 4px;
  height: 20px;
  position: absolute;
}
.gcp-anim-icon.big-query .logo-bar.one {
  left: 3px;
  top: 11px;
}
.gcp-anim-icon.big-query .logo-bar.two {
  left: 10px;
  top: 6px;
}
.gcp-anim-icon.big-query .logo-bar.three {
  left: 17px;
  top: 14px;
}
.gcp-anim-icon.big-query .logo-main {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/big-query-main.png);
  width: 43px;
  height: 42px;
}

/* anim icon hover states */
.gcp-product a:hover .gcp-anim-icon,
.gcp-product.active a .gcp-anim-icon {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.gcp-product a:hover .gcp-anim-icon .logo-shadow,
.gcp-product.active a .gcp-anim-icon .logo-shadow {
  opacity: 0;
}
.gcp-product a:hover .gcp-anim-icon.app-engine > *,
.gcp-product.active a .gcp-anim-icon.app-engine > * {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-animation: app-engine-scale-in-out 1.5s 1 linear;
  animation: app-engine-scale-in-out 1.5s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.app-engine .logo-main,
.gcp-product.active a .gcp-anim-icon.app-engine .logo-main {
  -webkit-animation: app-engine-scale-in-out 1.5s 1 linear, app-engine-fade-out-in 1.5s 1 linear;
  animation: app-engine-scale-in-out 1.5s 1 linear, app-engine-fade-out-in 1.5s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.app-engine .logo-inner,
.gcp-product.active a .gcp-anim-icon.app-engine .logo-inner {
  -webkit-animation: app-engine-inner 1.5s 1 linear;
  animation: app-engine-inner 1.5s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.app-engine .code,
.gcp-product.active a .gcp-anim-icon.app-engine .code {
  -webkit-animation: app-engine-scale-in-out 1.5s 1 linear, app-engine-code 1.5s 1 linear;
  animation: app-engine-scale-in-out 1.5s 1 linear, app-engine-code 1.5s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.cloud-storage > *,
.gcp-product.active a .gcp-anim-icon.cloud-storage > * {
  -webkit-transform: scale(0.82);
  -ms-transform: scale(0.82);
  transform: scale(0.82);
}
.gcp-product a:hover .gcp-anim-icon.cloud-storage .logo-shadow,
.gcp-product.active a .gcp-anim-icon.cloud-storage .logo-shadow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gcp-product a:hover .gcp-anim-icon.cloud-storage .logo-document,
.gcp-product.active a .gcp-anim-icon.cloud-storage .logo-document {
  background-position: 0 42px;
  -webkit-animation: cloud-storage-anim-icon-doc 1.5s linear 0 1;
  animation: cloud-storage-anim-icon-doc 1.5s linear 0 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.gcp-product a:hover .gcp-anim-icon.cloud-storage .logo-main:before,
.gcp-product a:hover .gcp-anim-icon.cloud-storage .logo-main:after,
.gcp-product.active a .gcp-anim-icon.cloud-storage .logo-main:before,
.gcp-product.active a .gcp-anim-icon.cloud-storage .logo-main:after {
  content: '';
  background: #f9f9f9;
  position: absolute;
  width: 10px;
  height: 10px;
  right: 5px;
  opacity: 0;
  -webkit-animation: anim-icon-fade 0.3s ease-in-out 0.45s 4;
  animation: anim-icon-fade 0.3s ease-in-out 0.45s 4;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.gcp-product a:hover .gcp-anim-icon.cloud-storage .logo-main:before,
.gcp-product.active a .gcp-anim-icon.cloud-storage .logo-main:before {
  top: 2px;
}
.gcp-product a:hover .gcp-anim-icon.cloud-storage .logo-main:after,
.gcp-product.active a .gcp-anim-icon.cloud-storage .logo-main:after {
  top: 23px;
}
.gcp-product a:hover .gcp-anim-icon.cloud-datastore,
.gcp-product.active a .gcp-anim-icon.cloud-datastore {
  overflow: hidden;
}
.gcp-product a:hover .gcp-anim-icon.cloud-datastore > *,
.gcp-product.active a .gcp-anim-icon.cloud-datastore > * {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.gcp-product a:hover .gcp-anim-icon.cloud-datastore .logo-square,
.gcp-product.active a .gcp-anim-icon.cloud-datastore .logo-square {
  position: relative;
}
.gcp-product a:hover .gcp-anim-icon.cloud-datastore .logo-square.two:after, .gcp-product a:hover .gcp-anim-icon.cloud-datastore .logo-square.three:after, .gcp-product a:hover .gcp-anim-icon.cloud-datastore .logo-square.four:after,
.gcp-product.active a .gcp-anim-icon.cloud-datastore .logo-square.two:after,
.gcp-product.active a .gcp-anim-icon.cloud-datastore .logo-square.three:after,
.gcp-product.active a .gcp-anim-icon.cloud-datastore .logo-square.four:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f9f9f9;
  left: 0;
  top: 0;
  opacity: 0;
}
.gcp-product a:hover .gcp-anim-icon.cloud-datastore .logo-square.two:after,
.gcp-product.active a .gcp-anim-icon.cloud-datastore .logo-square.two:after {
  -webkit-animation: anim-icon-datastore-drop 0.6s linear 1 0.1s forwards, anim-icon-fade 0.3s linear 1 0.8s reverse forwards, anim-icon-fade 0.3s linear 4 1.3s alternate forwards;
  animation: anim-icon-datastore-drop 0.6s linear 1 0.1s forwards, anim-icon-fade 0.3s linear 1 0.8s reverse forwards, anim-icon-fade 0.3s linear 4 1.3s alternate forwards;
}
.gcp-product a:hover .gcp-anim-icon.cloud-datastore .logo-square.three:after,
.gcp-product.active a .gcp-anim-icon.cloud-datastore .logo-square.three:after {
  -webkit-animation: anim-icon-datastore-drop 0.6s linear 1 0.2s forwards, anim-icon-fade 0.3s linear 1 0.8s reverse forwards, anim-icon-fade 0.3s linear 4 1.3s alternate forwards;
  animation: anim-icon-datastore-drop 0.6s linear 1 0.2s forwards, anim-icon-fade 0.3s linear 1 0.8s reverse forwards, anim-icon-fade 0.3s linear 4 1.3s alternate forwards;
}
.gcp-product a:hover .gcp-anim-icon.cloud-datastore .logo-square.four:after,
.gcp-product.active a .gcp-anim-icon.cloud-datastore .logo-square.four:after {
  -webkit-animation: anim-icon-datastore-rise 0.6s linear 1 0.01s forwards, anim-icon-fade 0.3s linear 1 0.8s reverse forwards, anim-icon-fade 0.3s linear 4 1.3s alternate forwards;
  animation: anim-icon-datastore-rise 0.6s linear 1 0.01s forwards, anim-icon-fade 0.3s linear 1 0.8s reverse forwards, anim-icon-fade 0.3s linear 4 1.3s alternate forwards;
}
.gcp-product a:hover .gcp-anim-icon.translate-api > *,
.gcp-product.active a .gcp-anim-icon.translate-api > * {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.gcp-product a:hover .gcp-anim-icon.translate-api .logo-arrow,
.gcp-product.active a .gcp-anim-icon.translate-api .logo-arrow {
  -webkit-animation: anim-icon-trans-arrow 1s 2 linear;
  animation: anim-icon-trans-arrow 1s 2 linear;
}
.gcp-product a:hover .gcp-anim-icon.translate-api .logo-to.one,
.gcp-product.active a .gcp-anim-icon.translate-api .logo-to.one {
  -webkit-animation: anim-icon-trans-to 2s 1 linear;
  animation: anim-icon-trans-to 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.translate-api .logo-to.two,
.gcp-product.active a .gcp-anim-icon.translate-api .logo-to.two {
  -webkit-animation: anim-icon-trans-to-two 2s 1 linear;
  animation: anim-icon-trans-to-two 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.cloud-endpoints .logo-left-arrow,
.gcp-product.active a .gcp-anim-icon.cloud-endpoints .logo-left-arrow {
  -webkit-animation: cloud-endpoints-arrow-left 1.6s 1;
  animation: cloud-endpoints-arrow-left 1.6s 1;
}
.gcp-product a:hover .gcp-anim-icon.cloud-endpoints .logo-right-arrow,
.gcp-product.active a .gcp-anim-icon.cloud-endpoints .logo-right-arrow {
  -webkit-animation: cloud-endpoints-arrow-right 1.6s 1;
  animation: cloud-endpoints-arrow-right 1.6s 1;
}
.gcp-product a:hover .gcp-anim-icon.cloud-endpoints .logo-main:after, .gcp-product a:hover .gcp-anim-icon.cloud-endpoints .logo-main:before,
.gcp-product a:hover .gcp-anim-icon.cloud-endpoints .logo-secondary:after,
.gcp-product a:hover .gcp-anim-icon.cloud-endpoints .logo-secondary:before,
.gcp-product.active a .gcp-anim-icon.cloud-endpoints .logo-main:after,
.gcp-product.active a .gcp-anim-icon.cloud-endpoints .logo-main:before,
.gcp-product.active a .gcp-anim-icon.cloud-endpoints .logo-secondary:after,
.gcp-product.active a .gcp-anim-icon.cloud-endpoints .logo-secondary:before {
  -webkit-animation: cloud-endpoints-main-ends 1.6s 1;
  animation: cloud-endpoints-main-ends 1.6s 1;
}
.gcp-product a:hover .gcp-anim-icon.cloud-endpoints .logo-main,
.gcp-product.active a .gcp-anim-icon.cloud-endpoints .logo-main {
  -webkit-animation: cloud-endpoints-main 1.6s 1, cloud-endpoints-icon-pattern 1s 1 0.3s linear;
  animation: cloud-endpoints-main 1.6s 1, cloud-endpoints-icon-pattern 1s 1 0.3s linear;
}
.gcp-product a:hover .gcp-anim-icon.cloud-endpoints .logo-secondary,
.gcp-product.active a .gcp-anim-icon.cloud-endpoints .logo-secondary {
  -webkit-animation: cloud-endpoints-secondary 1.6s 1, cloud-endpoints-icon-pattern 1s 1 0.3s linear reverse;
  animation: cloud-endpoints-secondary 1.6s 1, cloud-endpoints-icon-pattern 1s 1 0.3s linear reverse;
}
.gcp-product a:hover .gcp-anim-icon.prediction-api .logo-line.one,
.gcp-product.active a .gcp-anim-icon.prediction-api .logo-line.one {
  -webkit-animation: prediction-icon-line-one 2s 1 linear;
  animation: prediction-icon-line-one 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.prediction-api .logo-line.two,
.gcp-product.active a .gcp-anim-icon.prediction-api .logo-line.two {
  -webkit-animation: prediction-icon-line-two 2s 1 linear;
  animation: prediction-icon-line-two 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.prediction-api .logo-line.three,
.gcp-product.active a .gcp-anim-icon.prediction-api .logo-line.three {
  -webkit-animation: prediction-icon-line-three 2s 1 linear;
  animation: prediction-icon-line-three 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.prediction-api .logo-dot.one,
.gcp-product.active a .gcp-anim-icon.prediction-api .logo-dot.one {
  -webkit-animation: prediction-icon-dot-one 2s 1 linear;
  animation: prediction-icon-dot-one 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.prediction-api .logo-dot.two,
.gcp-product.active a .gcp-anim-icon.prediction-api .logo-dot.two {
  -webkit-animation: prediction-icon-dot-two 2s 1 linear;
  animation: prediction-icon-dot-two 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.big-query .logo-bar.one,
.gcp-product.active a .gcp-anim-icon.big-query .logo-bar.one {
  -webkit-animation: bigquery-icon-bar-one 2s 1 linear;
  animation: bigquery-icon-bar-one 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.big-query .logo-bar.two,
.gcp-product.active a .gcp-anim-icon.big-query .logo-bar.two {
  -webkit-animation: bigquery-icon-bar-two 2s 1 linear;
  animation: bigquery-icon-bar-two 2s 1 linear;
}
.gcp-product a:hover .gcp-anim-icon.big-query .logo-bar.three,
.gcp-product.active a .gcp-anim-icon.big-query .logo-bar.three {
  -webkit-animation: bigquery-icon-bar-three 2s 1 linear;
  animation: bigquery-icon-bar-three 2s 1 linear;
}

/* global keyframes */
@-webkit-keyframes anim-icon-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes anim-icon-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes anim-icon-bg-fill {
  0% {
    background-color: transparent;
  }

  100% {
    background-color: #f9f9f9;
  }
}

@-webkit-keyframes anim-icon-bg-fill {
  0% {
    background-color: transparent;
  }

  100% {
    background-color: #f9f9f9;
  }
}

/* app engine */
@-webkit-keyframes app-engine-code {
  0% {
    opacity: 0;
    background-position: 89.6px 70px;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    background-position: 0 0;
  }
}

@keyframes app-engine-code {
  0% {
    opacity: 0;
    background-position: 89.6px 70px;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    background-position: 0 0;
  }
}

@-webkit-keyframes app-engine-fade-out-in {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes app-engine-fade-out-in {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes app-engine-scale-in-out {
  0% {
    -webkit-transform: scale(0.69);
    transform: scale(0.69);
  }

  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes app-engine-scale-in-out {
  0% {
    -webkit-transform: scale(0.69);
    transform: scale(0.69);
  }

  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@-webkit-keyframes app-engine-inner {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 0;
    -webkit-transform: rotate(200deg) scale(1.4);
    transform: rotate(200deg) scale(1.4);
  }

  80% {
    opacity: 0;
    -webkit-transform: rotate(200deg) scale(1.4);
    transform: rotate(200deg) scale(1.4);
  }

  100% {
    opacity: 1;
  }
}

@keyframes app-engine-inner {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 0;
    -webkit-transform: rotate(200deg) scale(1.4);
    transform: rotate(200deg) scale(1.4);
  }

  80% {
    opacity: 0;
    -webkit-transform: rotate(200deg) scale(1.4);
    transform: rotate(200deg) scale(1.4);
  }

  100% {
    opacity: 1;
  }
}

/* cloud storage */
@keyframes cloud-storage-anim-icon-doc {
  0% {
    opacity: 0;
    background-position: center 0;
  }

  30% {
    opacity: 1;
    background-position: center 0;
  }

  70% {
    opacity: 1;
    background-position: center 42px;
  }

  100% {
    opacity: 0;
    background-position: center 42px;
  }
}

@-webkit-keyframes cloud-storage-anim-icon-doc {
  0% {
    opacity: 0;
    background-position: center 0;
  }

  30% {
    opacity: 1;
    background-position: center 0;
  }

  70% {
    opacity: 1;
    background-position: center 42px;
  }

  100% {
    opacity: 0;
    background-position: center 42px;
  }
}

/* translate api */
@-webkit-keyframes anim-icon-trans-arrow {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    right: 0;
  }

  60% {
    opacity: 0;
    right: 46px;
  }

  65% {
    opacity: 1;
  }

  75% {
    right: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes anim-icon-trans-arrow {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    right: 0;
  }

  60% {
    opacity: 0;
    right: 46px;
  }

  65% {
    opacity: 1;
  }

  75% {
    right: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes anim-icon-trans-to {
  0% {
    opacity: 1;
  }

  12.5% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  87.5% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes anim-icon-trans-to {
  0% {
    opacity: 1;
  }

  12.5% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  87.5% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes anim-icon-trans-to-two {
  0% {
    opacity: 0;
  }

  37.5% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  62.5% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes anim-icon-trans-to-two {
  0% {
    opacity: 0;
  }

  37.5% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  62.5% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

/* cloud datastore */
@keyframes anim-icon-datastore-drop {
  from {
    top: -50px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes anim-icon-datastore-drop {
  from {
    top: -50px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes anim-icon-datastore-rise {
  from {
    top: 55px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes anim-icon-datastore-rise {
  from {
    top: 55px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

/* cloud endpoints */
@keyframes cloud-endpoints-icon-pattern {
  from {
    background-position: 82px;
  }

  to {
    background-position: 0;
  }
}

@-webkit-keyframes cloud-endpoints-icon-pattern {
  from {
    background-position: 82px;
  }

  to {
    background-position: 0;
  }
}

@keyframes cloud-endpoints-secondary {
  0% {
    width: 18px;
    top: 0px;
  }

  19% {
    width: 35px;
    top: -7px;
  }

  81% {
    width: 35px;
    top: -7px;
  }

  100% {
    width: 18px;
    top: 0px;
  }
}

@-webkit-keyframes cloud-endpoints-secondary {
  0% {
    width: 18px;
    top: 0px;
  }

  19% {
    width: 35px;
    top: -7px;
  }

  81% {
    width: 35px;
    top: -7px;
  }

  100% {
    width: 18px;
    top: 0px;
  }
}

@keyframes cloud-endpoints-main {
  0% {
    width: 18px;
    top: 0px;
  }

  19% {
    width: 35px;
    top: 7px;
  }

  81% {
    width: 35px;
    top: 7px;
  }

  100% {
    width: 18px;
    top: 0px;
  }
}

@-webkit-keyframes cloud-endpoints-main {
  0% {
    width: 18px;
    top: 0px;
  }

  19% {
    width: 35px;
    top: 7px;
  }

  81% {
    width: 35px;
    top: 7px;
  }

  100% {
    width: 18px;
    top: 0px;
  }
}

@keyframes cloud-endpoints-arrow-right {
  0% {
    left: 36px;
  }

  19% {
    left: 50px;
  }

  81% {
    left: 50px;
  }

  100% {
    left: 36px;
  }
}

@-webkit-keyframes cloud-endpoints-arrow-right {
  0% {
    left: 36px;
  }

  19% {
    left: 50px;
  }

  81% {
    left: 50px;
  }

  100% {
    left: 36px;
  }
}

@keyframes cloud-endpoints-arrow-left {
  0% {
    right: 36px;
  }

  19% {
    right: 50px;
  }

  81% {
    right: 50px;
  }

  100% {
    right: 36px;
  }
}

@-webkit-keyframes cloud-endpoints-arrow-left {
  0% {
    right: 36px;
  }

  19% {
    right: 50px;
  }

  81% {
    right: 50px;
  }

  100% {
    right: 36px;
  }
}

@keyframes cloud-endpoints-main-ends {
  0% {
    opacity: 1;
  }

  19% {
    opacity: 0;
  }

  81% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cloud-endpoints-main-ends {
  0% {
    opacity: 1;
  }

  19% {
    opacity: 0;
  }

  81% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* prediction api */
@-webkit-keyframes prediction-icon-line-one {
  0% {
    opacity: 1;
    height: 27px;
  }

  25% {
    opacity: 1;
    height: 27px;
  }

  40% {
    opacity: 0;
    height: 27px;
  }

  53% {
    opacity: 0;
    height: 0px;
  }

  55% {
    opacity: 1;
    height: 0px;
  }

  70% {
    opacity: 1;
    height: 27px;
  }

  100% {
    opacity: 1;
    height: 27px;
  }
}

@keyframes prediction-icon-line-one {
  0% {
    opacity: 1;
    height: 27px;
  }

  25% {
    opacity: 1;
    height: 27px;
  }

  40% {
    opacity: 0;
    height: 27px;
  }

  53% {
    opacity: 0;
    height: 0px;
  }

  55% {
    opacity: 1;
    height: 0px;
  }

  70% {
    opacity: 1;
    height: 27px;
  }

  100% {
    opacity: 1;
    height: 27px;
  }
}

@-webkit-keyframes prediction-icon-line-two {
  0% {
    opacity: 1;
    height: 27px;
  }

  25% {
    opacity: 1;
    height: 27px;
  }

  40% {
    opacity: 0;
    height: 27px;
  }

  69% {
    opacity: 0;
    height: 0px;
  }

  70% {
    opacity: 1;
    height: 0px;
  }

  85% {
    opacity: 1;
    height: 27px;
  }

  100% {
    opacity: 1;
    height: 27px;
  }
}

@keyframes prediction-icon-line-two {
  0% {
    opacity: 1;
    height: 27px;
  }

  25% {
    opacity: 1;
    height: 27px;
  }

  40% {
    opacity: 0;
    height: 27px;
  }

  69% {
    opacity: 0;
    height: 0px;
  }

  70% {
    opacity: 1;
    height: 0px;
  }

  85% {
    opacity: 1;
    height: 27px;
  }

  100% {
    opacity: 1;
    height: 27px;
  }
}

@-webkit-keyframes prediction-icon-line-three {
  0% {
    opacity: 1;
    height: 38px;
  }

  25% {
    opacity: 1;
    height: 38px;
  }

  40% {
    opacity: 0;
    height: 38px;
  }

  83% {
    opacity: 0;
    height: 0px;
  }

  85% {
    opacity: 1;
    height: 0px;
  }

  100% {
    opacity: 1;
    height: 38px;
  }
}

@keyframes prediction-icon-line-three {
  0% {
    opacity: 1;
    height: 38px;
  }

  25% {
    opacity: 1;
    height: 38px;
  }

  40% {
    opacity: 0;
    height: 38px;
  }

  83% {
    opacity: 0;
    height: 0px;
  }

  85% {
    opacity: 1;
    height: 0px;
  }

  100% {
    opacity: 1;
    height: 38px;
  }
}

@-webkit-keyframes prediction-icon-dot-one {
  0% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  25% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  40% {
    opacity: 0;
    width: 12px;
    height: 12px;
  }

  41% {
    opacity: 0;
    width: 0px;
    height: 0px;
  }

  55% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  100% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }
}

@keyframes prediction-icon-dot-one {
  0% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  25% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  40% {
    opacity: 0;
    width: 12px;
    height: 12px;
  }

  41% {
    opacity: 0;
    width: 0px;
    height: 0px;
  }

  55% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  100% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }
}

@-webkit-keyframes prediction-icon-dot-two {
  0% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  25% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  40% {
    opacity: 0;
    width: 12px;
    height: 12px;
  }

  70% {
    opacity: 0;
    width: 0px;
    height: 0px;
  }

  85% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  100% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }
}

@keyframes prediction-icon-dot-two {
  0% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  25% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  40% {
    opacity: 0;
    width: 12px;
    height: 12px;
  }

  70% {
    opacity: 0;
    width: 0px;
    height: 0px;
  }

  85% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }

  100% {
    opacity: 1;
    width: 12px;
    height: 12px;
  }
}

/* bigquery */
@-webkit-keyframes bigquery-icon-bar-one {
  0% {
    opacity: 1;
    height: 20px;
    left: 3px;
    top: 11px;
  }

  14% {
    opacity: 0;
    height: 4px;
    left: 3px;
    top: 23px;
  }

  /*hide*/
  15% {
    opacity: 0;
    height: 4px;
    left: -4px;
    top: -4px;
  }

  /*ready for reveal*/
  28% {
    opacity: 1;
    height: 4px;
    left: 6px;
    top: 5px;
  }

  /*reveal*/
  56% {
    opacity: 1;
    height: 4px;
    left: 6px;
    top: 5px;
  }

  /*rest*/
  70% {
    opacity: 1;
    height: 4px;
    left: 3px;
    top: 11px;
  }

  /*ready for bar*/
  84% {
    opacity: 1;
    height: 20px;
    left: 3px;
    top: 11px;
  }

  /*back2bar*/
  100% {
    opacity: 1;
    height: 20px;
    left: 3px;
    top: 11px;
  }

  /*rest*/
}

@keyframes bigquery-icon-bar-one {
  0% {
    opacity: 1;
    height: 20px;
    left: 3px;
    top: 11px;
  }

  14% {
    opacity: 0;
    height: 4px;
    left: 3px;
    top: 23px;
  }

  /*hide*/
  15% {
    opacity: 0;
    height: 4px;
    left: -4px;
    top: -4px;
  }

  /*ready for reveal*/
  28% {
    opacity: 1;
    height: 4px;
    left: 6px;
    top: 5px;
  }

  /*reveal*/
  56% {
    opacity: 1;
    height: 4px;
    left: 6px;
    top: 5px;
  }

  /*rest*/
  70% {
    opacity: 1;
    height: 4px;
    left: 3px;
    top: 11px;
  }

  /*ready for bar*/
  84% {
    opacity: 1;
    height: 20px;
    left: 3px;
    top: 11px;
  }

  /*back2bar*/
  100% {
    opacity: 1;
    height: 20px;
    left: 3px;
    top: 11px;
  }

  /*rest*/
}

@-webkit-keyframes bigquery-icon-bar-two {
  0% {
    opacity: 1;
    height: 20px;
    left: 10px;
    top: 6px;
  }

  14% {
    opacity: 0;
    height: 4px;
    left: 10px;
    top: 23px;
  }

  /*hide*/
  28% {
    opacity: 0;
    height: 4px;
    left: 26px;
    top: 18px;
  }

  /*ready for reveal*/
  42% {
    opacity: 1;
    height: 4px;
    left: 14px;
    top: 10px;
  }

  /*reveal*/
  56% {
    opacity: 1;
    height: 4px;
    left: 14px;
    top: 10px;
  }

  /*rest*/
  70% {
    opacity: 1;
    height: 4px;
    left: 10px;
    top: 6px;
  }

  /*ready for bar*/
  84% {
    opacity: 1;
    height: 20px;
    left: 10px;
    top: 6px;
  }

  /*back2bar*/
  100% {
    opacity: 1;
    height: 20px;
    left: 10px;
    top: 6px;
  }

  /*rest*/
}

@keyframes bigquery-icon-bar-two {
  0% {
    opacity: 1;
    height: 20px;
    left: 10px;
    top: 6px;
  }

  14% {
    opacity: 0;
    height: 4px;
    left: 10px;
    top: 23px;
  }

  /*hide*/
  28% {
    opacity: 0;
    height: 4px;
    left: 26px;
    top: 18px;
  }

  /*ready for reveal*/
  42% {
    opacity: 1;
    height: 4px;
    left: 14px;
    top: 10px;
  }

  /*reveal*/
  56% {
    opacity: 1;
    height: 4px;
    left: 14px;
    top: 10px;
  }

  /*rest*/
  70% {
    opacity: 1;
    height: 4px;
    left: 10px;
    top: 6px;
  }

  /*ready for bar*/
  84% {
    opacity: 1;
    height: 20px;
    left: 10px;
    top: 6px;
  }

  /*back2bar*/
  100% {
    opacity: 1;
    height: 20px;
    left: 10px;
    top: 6px;
  }

  /*rest*/
}

@-webkit-keyframes bigquery-icon-bar-three {
  0% {
    opacity: 1;
    height: 20px;
    left: 17px;
    top: 14px;
  }

  14% {
    opacity: 0;
    height: 4px;
    left: 17px;
    top: 23px;
  }

  /*hide*/
  15% {
    opacity: 0;
    height: 4px;
    left: -4px;
    top: 18px;
  }

  /*ready for reveal*/
  42% {
    opacity: 0;
    height: 4px;
    left: -4px;
    top: 18px;
  }

  /*rest*/
  56% {
    opacity: 1;
    height: 4px;
    left: 6px;
    top: 14px;
  }

  /*reveal*/
  70% {
    opacity: 1;
    height: 4px;
    left: 17px;
    top: 14px;
  }

  /*ready for bar*/
  84% {
    opacity: 1;
    height: 20px;
    left: 17px;
    top: 14px;
  }

  /*back2bar*/
  100% {
    opacity: 1;
    height: 20px;
    left: 17px;
    top: 14px;
  }

  /*rest*/
}

@keyframes bigquery-icon-bar-three {
  0% {
    opacity: 1;
    height: 20px;
    left: 17px;
    top: 14px;
  }

  14% {
    opacity: 0;
    height: 4px;
    left: 17px;
    top: 23px;
  }

  /*hide*/
  15% {
    opacity: 0;
    height: 4px;
    left: -4px;
    top: 18px;
  }

  /*ready for reveal*/
  42% {
    opacity: 0;
    height: 4px;
    left: -4px;
    top: 18px;
  }

  /*rest*/
  56% {
    opacity: 1;
    height: 4px;
    left: 6px;
    top: 14px;
  }

  /*reveal*/
  70% {
    opacity: 1;
    height: 4px;
    left: 17px;
    top: 14px;
  }

  /*ready for bar*/
  84% {
    opacity: 1;
    height: 20px;
    left: 17px;
    top: 14px;
  }

  /*back2bar*/
  100% {
    opacity: 1;
    height: 20px;
    left: 17px;
    top: 14px;
  }

  /*rest*/
}



/* # Compute engine & Cloud SQL
================================================== */
.gcp-anim-icon.compute-engine .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/compute-engine-shadow.png) no-repeat 31px bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gcp-anim-icon.compute-engine .logo-main {
  width: 40px;
  height: 40px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/compute-engine-main.png);
}
.gcp-anim-icon.compute-engine .logo-center {
  background-color: #f9f9f9;
  -o-border-radius: 4px;
  border-radius: 4px;
  width: 10px;
  height: 10px;
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
  -webkit-transform-origin: 50% 50% 50%;
  -ms-transform-origin: 50% 50% 50%;
  transform-origin: 50% 50% 50%;
}
.gcp-anim-icon.compute-engine .logo-line {
  background: #f9f9f9;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.gcp-anim-icon.compute-engine .logo-line.left, .gcp-anim-icon.compute-engine .logo-line.right {
  height: 3px;
  width: 0;
}
.gcp-anim-icon.compute-engine .logo-line.top, .gcp-anim-icon.compute-engine .logo-line.bottom {
  width: 3px;
  height: 0;
}
.gcp-anim-icon.compute-engine .logo-line.top.one {
  margin-top: 0px;
}
.gcp-anim-icon.compute-engine .logo-line.top.two {
  height: 0px;
  margin-top: 0px;
  margin-left: 43px;
}
.gcp-anim-icon.compute-engine .logo-line.bottom.one {
  height: 0px;
  margin-bottom: 0px;
  margin-left: 43px;
}
.gcp-anim-icon.compute-engine .logo-line.bottom.two {
  height: 0px;
  margin-bottom: 0px;
  margin-left: 58px;
}
.gcp-anim-icon.compute-engine .logo-line.left.one {
  margin-left: 0px;
  width: 0px;
}
.gcp-anim-icon.compute-engine .logo-line.left.two {
  width: 0px;
  margin-top: 37px;
  margin-left: 4px;
}
.gcp-anim-icon.compute-engine .logo-line.right.one {
  width: 0px;
  margin-right: 0;
}
.gcp-anim-icon.compute-engine .logo-line.right.two {
  margin-right: 4px;
  margin-top: 52px;
  width: 0px;
}

.gcp-product:hover .gcp-anim-icon.compute-engine .logo-center,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-center {
  width: 16px;
  height: 16px;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line {
  background: #f9f9f9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
  opacity: 0.35;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line.top.one,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line.top.one {
  -webkit-animation: anim-compute-top-one .25s 2 linear;
  animation: anim-compute-top-one .25s 2 linear;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line.top.two,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line.top.two {
  -webkit-animation: anim-compute-top-two .4s 2 linear;
  animation: anim-compute-top-two .4s 2 linear;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line.bottom.one,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line.bottom.one {
  -webkit-animation: anim-compute-bottom-one .25s 2 linear;
  animation: anim-compute-bottom-one .25s 2 linear;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line.bottom.two,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line.bottom.two {
  -webkit-animation: anim-compute-bottom-two .5s 2 linear;
  animation: anim-compute-bottom-two .5s 2 linear;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line.left.one,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line.left.one {
  -webkit-animation: anim-compute-left-one .3s 2 linear;
  animation: anim-compute-left-one .3s 2 linear;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line.left.two,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line.left.two {
  -webkit-animation: anim-compute-left-two .25s 2 linear;
  animation: anim-compute-left-two .25s 2 linear;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line.right.one,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line.right.one {
  -webkit-animation: anim-compute-right-one .25s 2 linear;
  animation: anim-compute-right-one .25s 2 linear;
}
.gcp-product:hover .gcp-anim-icon.compute-engine .logo-line.right.two,
.gcp-product.active .gcp-anim-icon.compute-engine .logo-line.right.two {
  -webkit-animation: anim-compute-right-two .3s 2 linear;
  animation: anim-compute-right-two .3s 2 linear;
}

/* compute engine */
@keyframes anim-compute-top-one {
  0% {
    height: 0px;
    margin-top: 0px;
  }

  50% {
    height: 18px;
    margin-top: 6px;
  }

  100% {
    height: 0px;
    margin-top: 35px;
  }
}

@-webkit-keyframes anim-compute-top-one {
  0% {
    height: 0px;
    margin-top: 0px;
  }

  50% {
    height: 18px;
    margin-top: 6px;
  }

  100% {
    height: 0px;
    margin-top: 35px;
  }
}

@keyframes anim-compute-top-two {
  0% {
    height: 0px;
    margin-top: 0px;
  }

  50% {
    height: 30px;
    margin-top: 0px;
  }

  100% {
    height: 0px;
    margin-top: 30px;
  }
}

@-webkit-keyframes anim-compute-top-two {
  0% {
    height: 0px;
    margin-top: 0px;
  }

  50% {
    height: 30px;
    margin-top: 0px;
  }

  100% {
    height: 0px;
    margin-top: 30px;
  }
}

@keyframes anim-compute-bottom-one {
  0% {
    height: 18px;
    margin-bottom: 0px;
  }

  50% {
    height: 24px;
    margin-bottom: 10px;
  }

  100% {
    height: 0px;
    margin-bottom: 30px;
  }
}

@-webkit-keyframes anim-compute-bottom-one {
  0% {
    height: 0px;
    margin-bottom: 0px;
  }

  50% {
    height: 24px;
    margin-bottom: 10px;
  }

  100% {
    height: 0px;
    margin-bottom: 30px;
  }
}

@keyframes anim-compute-bottom-two {
  0% {
    height: 0px;
    margin-bottom: 0px;
  }

  50% {
    height: 27px;
    margin-bottom: 0px;
  }

  70% {
    height: 0px;
    margin-bottom: 30px;
  }
}

@-webkit-keyframes anim-compute-bottom-two {
  0% {
    height: 0px;
    margin-bottom: 0px;
  }

  50% {
    height: 27px;
    margin-bottom: 0px;
  }

  70% {
    height: 0px;
    margin-bottom: 30px;
  }
}

@keyframes anim-compute-left-one {
  0% {
    width: 0px;
    margin-left: 0px;
  }

  50% {
    width: 27px;
    margin-left: 0px;
  }

  90% {
    width: 0px;
    margin-left: 40px;
  }
}

@-webkit-keyframes anim-compute-left-one {
  0% {
    width: 0px;
    margin-left: 0px;
  }

  50% {
    width: 27px;
    margin-left: 0px;
  }

  90% {
    width: 0px;
    margin-left: 40px;
  }
}

@keyframes anim-compute-left-two {
  0% {
    width: 0px;
    margin-left: 0px;
  }

  50% {
    width: 17px;
    margin-left: 10px;
  }

  90% {
    width: 0px;
    margin-left: 40px;
  }
}

@-webkit-keyframes anim-compute-left-two {
  0% {
    width: 0px;
    margin-left: 0px;
  }

  50% {
    width: 17px;
    margin-left: 10px;
  }

  90% {
    width: 0px;
    margin-left: 40px;
  }
}

@keyframes anim-compute-right-one {
  0% {
    width: 0px;
    margin-left: 0px;
  }

  50% {
    width: 27px;
    margin-left: 0px;
  }

  90% {
    width: 0px;
    margin-left: 40px;
  }
}

@-webkit-keyframes anim-compute-right-one {
  0% {
    width: 0px;
    margin-right: 0px;
  }

  50% {
    width: 27px;
    margin-right: 0px;
  }

  90% {
    width: 0px;
    margin-right: 40px;
  }
}

@keyframes anim-compute-right-two {
  0% {
    width: 0px;
    margin-left: 0px;
  }

  50% {
    width: 17px;
    margin-left: 10px;
  }

  90% {
    width: 0px;
    margin-left: 40px;
  }
}

@-webkit-keyframes anim-compute-right-two {
  0% {
    width: 0px;
    margin-right: 4px;
  }

  50% {
    width: 17px;
    margin-right: 10px;
  }

  90% {
    width: 0px;
    margin-right: 40px;
  }
}

.gcp-anim-icon.cloud-sql span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.gcp-anim-icon.cloud-sql .logo-shadow {
  width: 100%;
  height: 100%;
  background: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-sql-shadow.png) no-repeat 27px bottom;
  -webkit-transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.gcp-anim-icon.cloud-sql .logo-main {
  width: 51px;
  height: 23px;
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/cloud-sql-main.png);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.gcp-anim-icon.cloud-sql .s-1 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-1.png);
  width: 4px;
  height: 5px;
  top: -17px;
  left: -43px;
}
.gcp-anim-icon.cloud-sql .s-2 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-2.png);
  width: 5px;
  height: 5px;
  top: -17px;
  left: -34px;
}
.gcp-anim-icon.cloud-sql .s-3 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-3.png);
  width: 4px;
  height: 5px;
  top: -17px;
  left: -26px;
}
.gcp-anim-icon.cloud-sql .s-4 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-4.png);
  width: 4px;
  height: 5px;
  top: -7px;
  left: -43px;
}
.gcp-anim-icon.cloud-sql .s-5 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-5.png);
  width: 4px;
  height: 5px;
  top: 1px;
  left: -43px;
}
.gcp-anim-icon.cloud-sql .s-6 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-6.png);
  width: 5px;
  height: 5px;
  top: 1px;
  left: -34px;
}
.gcp-anim-icon.cloud-sql .s-7 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-7.png);
  width: 4px;
  height: 5px;
  top: 1px;
  left: -26px;
}
.gcp-anim-icon.cloud-sql .s-8 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-8.png);
  width: 4px;
  height: 5px;
  top: 10px;
  left: -26px;
}
.gcp-anim-icon.cloud-sql .s-9 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-9.png);
  width: 4px;
  height: 5px;
  top: 19px;
  left: -43px;
}
.gcp-anim-icon.cloud-sql .s-10 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-10.png);
  width: 4px;
  height: 5px;
  top: 19px;
  left: -34px;
}
.gcp-anim-icon.cloud-sql .s-11 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-11.png);
  width: 4px;
  height: 5px;
  top: 19px;
  left: -26px;
}
.gcp-anim-icon.cloud-sql .q-1 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-1.png);
  width: 4px;
  height: 5px;
  top: -17px;
  left: -10px;
}
.gcp-anim-icon.cloud-sql .q-2 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-2.png);
  width: 5px;
  height: 5px;
  top: -17px;
  left: -1px;
}
.gcp-anim-icon.cloud-sql .q-3 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-3.png);
  width: 4px;
  height: 5px;
  top: -17px;
  left: 7px;
}
.gcp-anim-icon.cloud-sql .q-4 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-4.png);
  width: 4px;
  height: 5px;
  top: -7px;
  left: -10px;
}
.gcp-anim-icon.cloud-sql .q-5 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-5.png);
  width: 4px;
  height: 5px;
  top: -7px;
  left: 7px;
}
.gcp-anim-icon.cloud-sql .q-6 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-6.png);
  width: 4px;
  height: 5px;
  top: 1px;
  left: -10px;
}
.gcp-anim-icon.cloud-sql .q-7 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-7.png);
  width: 4px;
  height: 5px;
  top: 1px;
  left: 7px;
}
.gcp-anim-icon.cloud-sql .q-8 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-8.png);
  width: 4px;
  height: 5px;
  top: 10px;
  left: -10px;
}
.gcp-anim-icon.cloud-sql .q-9 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-9.png);
  width: 4px;
  height: 5px;
  top: 10px;
  left: 7px;
}
.gcp-anim-icon.cloud-sql .q-10 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-10.png);
  width: 4px;
  height: 5px;
  top: 19px;
  left: -10px;
}
.gcp-anim-icon.cloud-sql .q-11 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-11.png);
  width: 5px;
  height: 5px;
  top: 19px;
  left: -1px;
}
.gcp-anim-icon.cloud-sql .q-12 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-12.png);
  width: 4px;
  height: 5px;
  top: 19px;
  left: 7px;
}
.gcp-anim-icon.cloud-sql .q-13 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/q-13.png);
  width: 2px;
  height: 5px;
  top: 19px;
  left: 14px;
}
.gcp-anim-icon.cloud-sql .l-1 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/l-1.png);
  width: 4px;
  height: 5px;
  top: -17px;
  left: 28px;
}
.gcp-anim-icon.cloud-sql .l-2 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/l-2.png);
  width: 5px;
  height: 5px;
  top: -7px;
  left: 28px;
}
.gcp-anim-icon.cloud-sql .l-3 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/l-3.png);
  width: 4px;
  height: 5px;
  top: 1px;
  left: 28px;
}
.gcp-anim-icon.cloud-sql .l-4 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/l-4.png);
  width: 4px;
  height: 5px;
  top: 10px;
  left: 28px;
}
.gcp-anim-icon.cloud-sql .l-5 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/l-5.png);
  width: 4px;
  height: 5px;
  top: 19px;
  left: 28px;
}
.gcp-anim-icon.cloud-sql .l-6 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/l-6.png);
  width: 5px;
  height: 5px;
  top: 19px;
  left: 37px;
}
.gcp-anim-icon.cloud-sql .l-7 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/l-7.png);
  width: 4px;
  height: 5px;
  top: 19px;
  left: 44px;
}
.gcp-anim-icon.cloud-sql .drop-1 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-2.png);
  width: 5px;
  height: 5px;
  top: -100px;
  left: -65px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.gcp-anim-icon.cloud-sql .drop-2 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-2.png);
  width: 5px;
  height: 5px;
  top: -100px;
  left: -35px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.gcp-anim-icon.cloud-sql .drop-3 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-2.png);
  width: 5px;
  height: 5px;
  top: -100px;
  left: -17px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.gcp-anim-icon.cloud-sql .drop-4 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-2.png);
  width: 5px;
  height: 5px;
  top: -100px;
  left: -2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.gcp-anim-icon.cloud-sql .drop-5 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-2.png);
  width: 5px;
  height: 5px;
  top: -100px;
  left: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.gcp-anim-icon.cloud-sql .drop-6 {
  background-image: url(/web/20150317072747im_/https://cloud.google.com/images/animated-gcp-icons/s-2.png);
  width: 5px;
  height: 5px;
  top: -100px;
  left: 55px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.gcp-product:hover .gcp-anim-icon.cloud-sql .logo-main,
.gcp-product.active .gcp-anim-icon.cloud-sql .logo-main {
  -webkit-animation: anim-sql-main 2s 1 linear;
  animation: anim-sql-main 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-1,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-1 {
  -webkit-animation: anim-sql-s-1 2s 1 linear;
  animation: anim-sql-s-1 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-2,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-2 {
  -webkit-animation: anim-sql-s-2 2s 1 linear;
  animation: anim-sql-s-2 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-3,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-3 {
  -webkit-animation: anim-sql-s-3 2s 1 linear;
  animation: anim-sql-s-3 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-4,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-4 {
  -webkit-animation: anim-sql-s-4 2s 1 linear;
  animation: anim-sql-s-4 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-5,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-5 {
  -webkit-animation: anim-sql-s-5 2s 1 linear;
  animation: anim-sql-s-5 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-6,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-6 {
  -webkit-animation: anim-sql-s-6 2s 1 linear;
  animation: anim-sql-s-6 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-7,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-7 {
  -webkit-animation: anim-sql-s-7 2s 1 linear;
  animation: anim-sql-s-7 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-8,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-8 {
  -webkit-animation: anim-sql-s-8 2s 1 linear;
  animation: anim-sql-s-8 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-9,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-9 {
  -webkit-animation: anim-sql-s-9 2s 1 linear;
  animation: anim-sql-s-9 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-10,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-10 {
  -webkit-animation: anim-sql-s-10 2s 1 linear;
  animation: anim-sql-s-10 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .s-11,
.gcp-product.active .gcp-anim-icon.cloud-sql .s-11 {
  -webkit-animation: anim-sql-s-11 2s 1 linear;
  animation: anim-sql-s-11 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-1,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-1 {
  -webkit-animation: anim-sql-q-1 2s 1 linear;
  animation: anim-sql-q-1 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-2,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-2 {
  -webkit-animation: anim-sql-q-2 2s 1 linear;
  animation: anim-sql-q-2 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-3,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-3 {
  -webkit-animation: anim-sql-q-3 2s 1 linear;
  animation: anim-sql-q-3 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-4,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-4 {
  -webkit-animation: anim-sql-q-4 2s 1 linear;
  animation: anim-sql-q-4 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-5,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-5 {
  -webkit-animation: anim-sql-q-5 2s 1 linear;
  animation: anim-sql-q-5 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-6,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-6 {
  -webkit-animation: anim-sql-q-6 2s 1 linear;
  animation: anim-sql-q-6 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-7,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-7 {
  -webkit-animation: anim-sql-q-7 2s 1 linear;
  animation: anim-sql-q-7 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-8,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-8 {
  -webkit-animation: anim-sql-q-8 2s 1 linear;
  animation: anim-sql-q-8 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-9,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-9 {
  -webkit-animation: anim-sql-q-9 2s 1 linear;
  animation: anim-sql-q-9 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-10,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-10 {
  -webkit-animation: anim-sql-q-10 2s 1 linear;
  animation: anim-sql-q-10 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-11,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-11 {
  -webkit-animation: anim-sql-q-11 2s 1 linear;
  animation: anim-sql-q-11 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-12,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-12 {
  -webkit-animation: anim-sql-q-12 2s 1 linear;
  animation: anim-sql-q-12 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .q-13,
.gcp-product.active .gcp-anim-icon.cloud-sql .q-13 {
  -webkit-animation: anim-sql-q-13 2s 1 linear;
  animation: anim-sql-q-13 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .l-1,
.gcp-product.active .gcp-anim-icon.cloud-sql .l-1 {
  -webkit-animation: anim-sql-l-1 2s 1 linear;
  animation: anim-sql-l-1 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .l-2,
.gcp-product.active .gcp-anim-icon.cloud-sql .l-2 {
  -webkit-animation: anim-sql-l-2 2s 1 linear;
  animation: anim-sql-l-2 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .l-3,
.gcp-product.active .gcp-anim-icon.cloud-sql .l-3 {
  -webkit-animation: anim-sql-l-3 2s 1 linear;
  animation: anim-sql-l-3 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .l-4,
.gcp-product.active .gcp-anim-icon.cloud-sql .l-4 {
  -webkit-animation: anim-sql-l-4 2s 1 linear;
  animation: anim-sql-l-4 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .l-5,
.gcp-product.active .gcp-anim-icon.cloud-sql .l-5 {
  -webkit-animation: anim-sql-l-5 2s 1 linear;
  animation: anim-sql-l-5 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .l-6,
.gcp-product.active .gcp-anim-icon.cloud-sql .l-6 {
  -webkit-animation: anim-sql-l-6 2s 1 linear;
  animation: anim-sql-l-6 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .l-7,
.gcp-product.active .gcp-anim-icon.cloud-sql .l-7 {
  -webkit-animation: anim-sql-l-7 2s 1 linear;
  animation: anim-sql-l-7 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .drop-1,
.gcp-product.active .gcp-anim-icon.cloud-sql .drop-1 {
  -webkit-animation: anim-drop1 2s 1 linear;
  animation: anim-drop1 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .drop-2,
.gcp-product.active .gcp-anim-icon.cloud-sql .drop-2 {
  -webkit-animation: anim-drop2 2s 1 linear;
  animation: anim-drop2 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .drop-3,
.gcp-product.active .gcp-anim-icon.cloud-sql .drop-3 {
  -webkit-animation: anim-drop3 2s 1 linear;
  animation: anim-drop3 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .drop-4,
.gcp-product.active .gcp-anim-icon.cloud-sql .drop-4 {
  -webkit-animation: anim-drop4 2s 1 linear;
  animation: anim-drop4 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .drop-5,
.gcp-product.active .gcp-anim-icon.cloud-sql .drop-5 {
  -webkit-animation: anim-drop5 2s 1 linear;
  animation: anim-drop5 2s 1 linear;
}
.gcp-product:hover .gcp-anim-icon.cloud-sql .drop-6,
.gcp-product.active .gcp-anim-icon.cloud-sql .drop-6 {
  -webkit-animation: anim-drop6 2s 1 linear;
  animation: anim-drop6 2s 1 linear;
}

/* Cloud SQL */
@keyframes anim-sql-main {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  15% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  85% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes anim-sql-main {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  15% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  85% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes anim-sql-s-1 {
  0% {
    top: -17px;
    left: -43px;
  }

  25% {
    top: -30px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -43px;
  }
}

@-webkit-keyframes anim-sql-s-1 {
  0% {
    top: -17px;
    left: -43px;
  }

  25% {
    top: -30px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -43px;
  }
}

@keyframes anim-sql-s-2 {
  0% {
    top: -17px;
    left: -34px;
  }

  25% {
    top: -30px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -34px;
  }
}

@-webkit-keyframes anim-sql-s-2 {
  0% {
    top: -17px;
    left: -34px;
  }

  25% {
    top: -30px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -34px;
  }
}

@keyframes anim-sql-s-3 {
  0% {
    top: -17px;
    left: -26px;
  }

  25% {
    top: -30px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -26px;
  }
}

@-webkit-keyframes anim-sql-s-3 {
  0% {
    top: -17px;
    left: -26px;
  }

  25% {
    top: -30px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -26px;
  }
}

@keyframes anim-sql-s-4 {
  0% {
    top: -7px;
    left: -43px;
  }

  25% {
    top: -15px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -15px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -7px;
    left: -43px;
  }
}

@-webkit-keyframes anim-sql-s-4 {
  0% {
    top: -7px;
    left: -43px;
  }

  25% {
    top: -15px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -15px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -7px;
    left: -43px;
  }
}

@keyframes anim-sql-s-5 {
  0% {
    top: 1px;
    left: -43px;
  }

  25% {
    top: 0px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: -43px;
  }
}

@-webkit-keyframes anim-sql-s-5 {
  0% {
    top: 1px;
    left: -43px;
  }

  25% {
    top: 0px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: -43px;
  }
}

@keyframes anim-sql-s-6 {
  0% {
    top: 1px;
    left: -34px;
  }

  25% {
    top: 0px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: -34px;
  }
}

@-webkit-keyframes anim-sql-s-6 {
  0% {
    top: 1px;
    left: -34px;
  }

  25% {
    top: 0px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: -34px;
  }
}

@keyframes anim-sql-s-7 {
  0% {
    top: 1px;
    left: -26px;
  }

  25% {
    top: 0px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: -26px;
  }
}

@-webkit-keyframes anim-sql-s-7 {
  0% {
    top: 1px;
    left: -26px;
  }

  25% {
    top: 0px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: -26px;
  }
}

@keyframes anim-sql-s-8 {
  0% {
    top: 10px;
    left: -26px;
  }

  25% {
    top: 15px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 15px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 10px;
    left: -26px;
  }
}

@-webkit-keyframes anim-sql-s-8 {
  0% {
    top: 10px;
    left: -26px;
  }

  25% {
    top: 15px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 15px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 10px;
    left: -26px;
  }
}

@keyframes anim-sql-s-9 {
  0% {
    top: 19px;
    left: -43px;
  }

  25% {
    top: 30px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -43px;
  }
}

@-webkit-keyframes anim-sql-s-9 {
  0% {
    top: 19px;
    left: -43px;
  }

  25% {
    top: 30px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -43px;
  }
}

@keyframes anim-sql-s-10 {
  0% {
    top: 19px;
    left: -34px;
  }

  25% {
    top: 30px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -34px;
  }
}

@-webkit-keyframes anim-sql-s-10 {
  0% {
    top: 19px;
    left: -34px;
  }

  25% {
    top: 30px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -50px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -34px;
  }
}

@keyframes anim-sql-s-11 {
  0% {
    top: 19px;
    left: -26px;
  }

  25% {
    top: 30px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -26px;
  }
}

@-webkit-keyframes anim-sql-s-11 {
  0% {
    top: 19px;
    left: -26px;
  }

  25% {
    top: 30px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -26px;
  }
}

@keyframes anim-sql-q-1 {
  0% {
    top: -17px;
    left: -10px;
  }

  25% {
    top: -30px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -10px;
  }
}

@-webkit-keyframes anim-sql-q-1 {
  0% {
    top: -17px;
    left: -10px;
  }

  25% {
    top: -30px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -10px;
  }
}

@keyframes anim-sql-q-2 {
  0% {
    top: -17px;
    left: -1px;
  }

  25% {
    top: -30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -1px;
  }
}

@-webkit-keyframes anim-sql-q-2 {
  0% {
    top: -17px;
    left: -1px;
  }

  25% {
    top: -30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: -1px;
  }
}

@keyframes anim-sql-q-3 {
  0% {
    top: -17px;
    left: 7px;
  }

  25% {
    top: -30px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: 7px;
  }
}

@-webkit-keyframes anim-sql-q-3 {
  0% {
    top: -17px;
    left: 7px;
  }

  25% {
    top: -30px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: 7px;
  }
}

@keyframes anim-sql-q-4 {
  0% {
    top: -7px;
    left: -10px;
  }

  25% {
    top: -15px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -15px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -7px;
    left: -10px;
  }
}

@-webkit-keyframes anim-sql-q-4 {
  0% {
    top: -7px;
    left: -10px;
  }

  25% {
    top: -15px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -15px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -7px;
    left: -10px;
  }
}

@keyframes anim-sql-q-5 {
  0% {
    top: -7px;
    left: 7px;
  }

  25% {
    top: -15px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -15px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -7px;
    left: 7px;
  }
}

@-webkit-keyframes anim-sql-q-5 {
  0% {
    top: -7px;
    left: 7px;
  }

  25% {
    top: -15px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -15px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -7px;
    left: 7px;
  }
}

@keyframes anim-sql-q-6 {
  0% {
    top: 1px;
    left: -10px;
  }

  25% {
    top: 0px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: -10px;
  }
}

@-webkit-keyframes anim-sql-q-6 {
  0% {
    top: 1px;
    left: -10px;
  }

  25% {
    top: 0px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: -10px;
  }
}

@keyframes anim-sql-q-7 {
  0% {
    top: 1px;
    left: 7px;
  }

  25% {
    top: 0px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: 7px;
  }
}

@-webkit-keyframes anim-sql-q-7 {
  0% {
    top: 1px;
    left: 7px;
  }

  25% {
    top: 0px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: 7px;
  }
}

@keyframes anim-sql-q-8 {
  0% {
    top: 10px;
    left: -10px;
  }

  25% {
    top: 15px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 15px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 10px;
    left: -10px;
  }
}

@-webkit-keyframes anim-sql-q-8 {
  0% {
    top: 10px;
    left: -10px;
  }

  25% {
    top: 15px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 15px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 10px;
    left: -10px;
  }
}

@keyframes anim-sql-q-9 {
  0% {
    top: 10px;
    left: 7px;
  }

  25% {
    top: 15px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 15px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 10px;
    left: 7px;
  }
}

@-webkit-keyframes anim-sql-q-9 {
  0% {
    top: 10px;
    left: 7px;
  }

  25% {
    top: 15px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 15px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 10px;
    left: 7px;
  }
}

@keyframes anim-sql-q-10 {
  0% {
    top: 19px;
    left: -10px;
  }

  25% {
    top: 30px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -10px;
  }
}

@-webkit-keyframes anim-sql-q-10 {
  0% {
    top: 19px;
    left: -10px;
  }

  25% {
    top: 30px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -10px;
  }
}

@keyframes anim-sql-q-11 {
  0% {
    top: 19px;
    left: -1px;
  }

  25% {
    top: 30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -1px;
  }
}

@-webkit-keyframes anim-sql-q-11 {
  0% {
    top: 19px;
    left: -1px;
  }

  25% {
    top: 30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: -1px;
  }
}

@keyframes anim-sql-q-12 {
  0% {
    top: 19px;
    left: 7px;
  }

  25% {
    top: 30px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 7px;
  }
}

@-webkit-keyframes anim-sql-q-12 {
  0% {
    top: 19px;
    left: 7px;
  }

  25% {
    top: 30px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 7px;
  }
}

@keyframes anim-sql-q-13 {
  0% {
    top: 19px;
    left: 14px;
  }

  25% {
    top: 30px;
    left: 26px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 26px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 14px;
  }
}

@-webkit-keyframes anim-sql-q-13 {
  0% {
    top: 19px;
    left: 14px;
  }

  25% {
    top: 30px;
    left: 26px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 26px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 14px;
  }
}

@keyframes anim-sql-l-1 {
  0% {
    top: -17px;
    left: 28px;
  }

  25% {
    top: -30px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: 28px;
  }
}

@-webkit-keyframes anim-sql-l-1 {
  0% {
    top: -17px;
    left: 28px;
  }

  25% {
    top: -30px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -30px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -17px;
    left: 28px;
  }
}

@keyframes anim-sql-l-2 {
  0% {
    top: -7px;
    left: 28px;
  }

  25% {
    top: -15px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -15px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -7px;
    left: 28px;
  }
}

@-webkit-keyframes anim-sql-l-2 {
  0% {
    top: -7px;
    left: 28px;
  }

  25% {
    top: -15px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: -15px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: -7px;
    left: 28px;
  }
}

@keyframes anim-sql-l-3 {
  0% {
    top: 1px;
    left: 28px;
  }

  25% {
    top: 0px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: 28px;
  }
}

@-webkit-keyframes anim-sql-l-3 {
  0% {
    top: 1px;
    left: 28px;
  }

  25% {
    top: 0px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 0px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 1px;
    left: 28px;
  }
}

@keyframes anim-sql-l-4 {
  0% {
    top: 10px;
    left: 28px;
  }

  25% {
    top: 15px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 15px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 10px;
    left: 28px;
  }
}

@-webkit-keyframes anim-sql-l-4 {
  0% {
    top: 10px;
    left: 28px;
  }

  25% {
    top: 15px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 15px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 10px;
    left: 28px;
  }
}

@keyframes anim-sql-l-5 {
  0% {
    top: 19px;
    left: 28px;
  }

  25% {
    top: 30px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 28px;
  }
}

@-webkit-keyframes anim-sql-l-5 {
  0% {
    top: 19px;
    left: 28px;
  }

  25% {
    top: 30px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 28px;
  }
}

@keyframes anim-sql-l-6 {
  0% {
    top: 19px;
    left: 37px;
  }

  25% {
    top: 30px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 37px;
  }
}

@-webkit-keyframes anim-sql-l-6 {
  0% {
    top: 19px;
    left: 37px;
  }

  25% {
    top: 30px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 37px;
  }
}

@keyframes anim-sql-l-7 {
  0% {
    top: 19px;
    left: 44px;
  }

  25% {
    top: 30px;
    left: 70px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 70px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 44px;
  }
}

@-webkit-keyframes anim-sql-l-7 {
  0% {
    top: 19px;
    left: 44px;
  }

  25% {
    top: 30px;
    left: 70px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  75% {
    top: 30px;
    left: 70px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
    opacity: 0.35;
  }

  100% {
    top: 19px;
    left: 44px;
  }
}

@keyframes anim-drop1 {
  0% {
    top: -100px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: -15px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: -15px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: -7px;
    left: -43px;
  }
}

@-webkit-keyframes anim-drop1 {
  0% {
    top: -100px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: -15px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: -15px;
    left: -65px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: -7px;
    left: -43px;
  }
}

@keyframes anim-drop2 {
  0% {
    top: -100px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: 15px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: 15px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: 10px;
    left: -26px;
  }
}

@-webkit-keyframes anim-drop2 {
  0% {
    top: -100px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: 15px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: 15px;
    left: -35px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: 10px;
    left: -26px;
  }
}

@keyframes anim-drop3 {
  0% {
    top: -100px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: 0px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: 0px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: -17px;
    left: -1px;
  }
}

@-webkit-keyframes anim-drop3 {
  0% {
    top: -100px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: 0px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: 0px;
    left: -17px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: -17px;
    left: -1px;
  }
}

@keyframes anim-drop4 {
  0% {
    top: -100px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: -30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: -30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: 1px;
    left: -10px;
  }
}

@-webkit-keyframes anim-drop4 {
  0% {
    top: -100px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: -30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: -30px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: 1px;
    left: -10px;
  }
}

@keyframes anim-drop5 {
  0% {
    top: -100px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: 0px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: 0px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: 1px;
    left: 28px;
  }
}

@-webkit-keyframes anim-drop5 {
  0% {
    top: -100px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: 0px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: 0px;
    left: 40px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: 1px;
    left: 28px;
  }
}

@keyframes anim-drop6 {
  0% {
    top: -100px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: 30px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: 30px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: 19px;
    left: 37px;
  }
}

@-webkit-keyframes anim-drop6 {
  0% {
    top: -100px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  30% {
    top: -100px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  40% {
    top: 30px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  75% {
    top: 30px;
    left: 55px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    top: 19px;
    left: 37px;
  }
}

/*
     FILE ARCHIVED ON 07:27:47 Mar 17, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:43:46 Feb 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.808
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.053
  esindex: 0.01
  cdx.remote: 142.13
  LoadShardBlock: 145.21 (3)
  PetaboxLoader3.datanode: 493.642 (4)
  load_resource: 509.469
  PetaboxLoader3.resolve: 97.054
*/