@import url(https://web.archive.org/web/20150320175524cs_/https://www.google.com/css/gweb/lightbox.css);

html.devsite {
  padding: 0;
}

/* Center page */

#sandbar {
  background: #F1F1F1;
}

#gc-googlebar {
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  width: 978px !important;
}

#gc-logo img {
  left: 0;
}

.gc-search {
  left: 230px;
}

#gc-topnav ul,
#gc-appbar,
#gc-footer-content {
  margin: 0 auto !important;
  width: 978px;
}

#gc-main {
  padding: 0;
  overflow: hidden;
}

.slim #gc-main {
  overflow: inherit;
}

.slim iframe.framebox {
  margin-top: -5px;
}

.slim #drive-site h2::after {
  content: none;
}

/* Grid adjustment */
.gc-cols {
  margin: 0 -1.53374233129%;
  width: 103.067484663%;
}
.gc-col-3 {
  width: 22.0238095238%;
  float: left;
  margin: 0 1.4880952381% 20px;
}

.gc-col-4 {
  width: 30.3571428571%;
  float: left;
  margin: 0 1.4880952381% 20px;
}
.gc-col-5 {
  width: 38.6904761905%;
  float: left;
  margin: 0 1.4880952381% 20px;
}
.gc-col-6 {
  width: 47.0238095238%;
  float: left;
  margin: 0 1.4880952381% 20px;
}
.gc-col-7 {
  width: 55.3571428571%;
  float: left;
  margin: 0 1.4880952381% 20px;
}
.gc-col-12 {
  width: 97.0238095238%;
  float: left;
  margin: 0 1.4880952381% 20px;
}

/* Base Styles */
#drive-site {
  width: auto;
  font-family: 'Open Sans';
  font-size: 13px;
}

#drive-site a {
  text-decoration: none;
}

#drive-site a:hover {
  text-decoration: underline;
}

#drive-site h1 {
  font: 300 54px/50px 'Open Sans', sans-serif;
  color: #444;
}

h2 {
  font: 300 36px/45px 'Open Sans', sans-serif;
  margin-bottom: 2px;
  letter-spacing: -0.02em;
  color: #444;
}

#drive-site h2 {
  font-size: 40px;
  margin-bottom: 21px;
  font-weight: 300;
  border: none;
}

#drive-site h5 {
  font: 600 15px/22px 'Open Sans', sans-serif;
  color: #444;
  border-bottom: 1px solid #ccc;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

#drive-site p {
  font: 300 15px/22px 'Open Sans', sans-serif;
  color: #777;
}

/* Adjust the maia grid to not collaps */
/*@media screen and (max-width: 767px) {
  .gc-col-6 {
    width: 47.0238095238%;
  }
  .gc-col-7 {
    width: 55.3571428571%;
    float: left;
    margin: 0 1.4880952381% 20px;
  }
}*/



/*
 * Reusable styles
 */

/* Wraps 978px in center. */
#drive-site .gc-wrap {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: 978px;
  position: relative;
}

/* A section card with optional image. */
#drive-site .gc-section {
  color: #666;
  line-height: 20px;
  font-size: 12px;
  margin-top: 25px;
  margin-bottom: 16px;
}

#drive-site .gc-section h2 {
  font-size: 20px !important;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 5px;
  color: #444;
}

#drive-site .gc-section p {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

#drive-site .gc-section-with-image {
  padding-left: 85px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#drive-site .gc-section-with-image h2 {
  /* Align header with section image */
  margin-bottom: 11px !important;
}

#drive-site .gc-section-image {
  background: url(/web/20150320175524im_/https://developers.google.com/drive/images/drive-sprite.png) no-repeat;
  width: 55px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
}

/* Complements maia-button */
#drive-site .gc-button {
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 600;
  margin-right: 20px;
  padding: 10px 40px;
}

#drive-site .gc-button:hover {
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}


#gc-appbar {
  height: 70px;
  padding-left: 0;
  border: none;
}
#gc-appbar h1 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}


#drive-site .gc-hero {
  overflow: hidden;
  height: 754px;
  width: 100%;
  font-weight: 100;
  text-shadow: #000 1px 1px 2px;
  text-shadow: rgba(0, 0, 0, .3) 1px 1px 2px;
}

#drive-site .gc-hero-header-container {
  position: absolute;
  top: 160px;
  left: 0;
  width: 100%;
  z-index: 4;
}

#drive-site .gc-hero-header-container img {
  display: block;
  margin: 0 auto;
}

#drive-site .gc-hero-drive-logo {
  position: relative;
  left: 50%;
  margin: 0 0 0 -28px !important;
}

#drive-site .gc-hero h1 {
  text-align: center;
  color: #fff;
  font-weight: 300;
  margin: 20px 0 8px 0;
  font-size: 50px
}

#drive-site .gc-hero h2 {
  text-align: center;
  font-size: 27px !important;
  letter-spacing: 0.01em;
}

#drive-site .gc-hero h2,
#drive-site .gc-hero h3 {
  color: #fff;
  font-weight: 300;
  margin: 0;
  padding: 0;
  font-size: 25px;
}

#drive-site .gc-hero h3 {
  background: url(/web/20150320175524im_/https://developers.google.com/drive/images/drive-sprite.png) no-repeat 0 0;
  padding-left: 40px;
  padding-top: 3px;
  width: 0;
  height: 40px;
  margin-left: -40px;
}

#drive-site .gc-hero .ios-img {
  background-position: 0 0;
}

#drive-site .gc-hero .web-img {
  background-position: -40px 0;
}

#drive-site .gc-hero .android-img {
  background-position: -80px 0;
}

#drive-site .gc-hero p {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 15px;
}

#drive-site .gc-hero ul {
  margin: 0;
  padding: 0;

}

#drive-site .gc-hero ul li  {
  font-size: 18px;
  display: block;
  list-style: none;
}

#drive-site .gc-hero a {
  color: #fff;

}

#drive-site .gc-hero a:hover {
  color: #98d4fe;
  text-decoration: none;
}

#drive-site .gc-hero-list-wrapper {
  width: 454px;
  position: relative;
  top: 35px;
  left: 50%;
  margin-left: -217px;
}

#drive-site .gc-hero-list-container {
  float: left;
  margin-right: 83px;
  margin-left: 12px;
}

#drive-site .gc-last-hero-list-container {
  margin-right: 0;
}

#drive-site .gc-bg-carousel {
  position: relative;
  margin-top: -30px;
}

#drive-site .gc-bg-carousel-item {
  /*display: none;*/
  height: 784px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #fff;
}

#drive-site .carousel-item-active {
  /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;*/
}

#drive-site .bg-desk {
  background-image: url(/web/20150320175524im_/https://developers.google.com/drive/images/bg-hero-desk.jpg);
  z-index: 3;
}

#drive-site .bg-subway {
  background-image: url(/web/20150320175524im_/https://developers.google.com/drive/images/bg-hero-subway.jpg);
  z-index: 2;
}

#drive-site .bg-beach {
  background-image: url(/web/20150320175524im_/https://developers.google.com/drive/images/bg-hero-beach.jpg);
  z-index: 1;
}

#drive-site .desk-laptop {
  position: relative;
  left: -187px;
  top: 122px;
  margin-top: 100px;
  top: 60px;
}

#drive-site .laptop {
  left: -217px;
  -webkit-transition: left 0.75s;
  -moz-transition: left 0.75s;
  -o-transition: left 0.75s;
  -ms-transition: left 0.75s;
  transition: left 0.75s;
}

#drive-site .laptop-active {
  left: -187px;
}

#drive-site .beach-hand {
  position: absolute;
  left: -10px;
  top: 18px;
}

#drive-site .subway-hand {
  position: absolute;
  left: 517px;
  top: 247px;
}

#drive-site .hand {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}

#drive-site .hand-active {
  /*-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);*/
  -webkit-transition: -webkit-transform 0.75s;
  -moz-transition: -moz-transform 0.75s;
  -o-transition: -o-transform 0.75s;
  -ms-transition: -ms-transform 0.75s;
  transition: transform 0.75s;
}

#drive-site .gc-arrow-container {
  clear: both;
  position: relative;
  top: 104px;
}

#drive-site .gc-hero-btn {
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid white;
  border-radius: 3px;
  color: white;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
  text-shadow: 1px 1px 4px (0, 0, 0, 0.2);
  text-transform: uppercase;
  width: 360px;
}

#drive-site .gc-gmail {
  background: url(/web/20150320175524im_/https://developers.google.com/drive/images/bg-gmail.jpg) no-repeat center center;
  background-size: cover;
  height: 804px;
}
#drive-site .gc-gmail .device-tablet {
  position: relative;
}
#drive-site .gc-gmail .device-tablet img {
  position: absolute;
  top: 70px;
}
#drive-site .gc-buy-api-ifrm {
  position: absolute;
  top: 132px;
  left: 50px;
  width: 290px;
  height: 425px;
}
#drive-site .gc-gmail h2 {
  margin-top: 215px;
}

#drive-site .gc-google-drive-android {
  height: 590px;
  background: #fff;
  box-shadow: 0px -9px 9px -9px #000;
  box-shadow: 0px -9px 9px -9px rgba(0, 0, 0, 0.25);
  z-index: 5;
  position: relative;
  margin-top: -9px;
}
#drive-site .gc-google-drive-android h2 {
  margin-top: 103px;
}
#drive-site .gc-google-drive-android  .device-phone {
  height: 590px;
  position: relative;
}
#drive-site .gc-google-drive-android  .device-phone img {
  position: absolute;
  top: 107px;
}
#drive-site .gc-google-drive-android-ifrm {
  position: absolute;
  bottom: 31px;
  left: 54px;
  width: 282px;
  height: 420px;
}

#drive-site .gc-integrate{
  background: url(/web/20150320175524im_/https://developers.google.com/drive/images/bg-drive-apps.jpg) no-repeat center center;
  background-size: cover;
  height: 819px;
}
#drive-site .gc-integrate h2 {
  margin-top: 180px;
}
#drive-site .gc-integrate .device-browser {
  position: relative;
}
#drive-site .gc-integrate .device-browser img {
  margin-top: 100px;
}

#drive-site .gc-integrate p .gc-btn-copy {
  display: inline-block;
}
#drive-site .gc-integrate .l-btn > * {
  float: left;
}

#drive-site .gc-collaborative{
  background: url(/web/20150320175524im_/https://developers.google.com/drive/images/bg-collaborative-nexus-chrome.jpg) no-repeat center center;
  background-size: cover;
  height: 750px;
}
#drive-site .gc-collaborative h2 {
  margin-top: 27px;
  color: #fff;
}

#drive-site .gc-collaborative p {
  color: #fff;
}
#drive-site .gc-collaborative .device-browser {
  position: relative;
}
#drive-site .gc-collaborative .device-browser img {
  margin-top: 100px;
}

#drive-site .gc-collaborative p .gc-btn-copy {
  display: inline-block;
}
#drive-site .gc-collaborative .l-btn > * {
  float: left;
}

#drive-site .gc-installed{
  background: url(/web/20150320175524im_/https://developers.google.com/drive/images/bg-installed.jpg) no-repeat center center;
  background-size: cover;
  height: 964px;
  box-shadow: inset 0px 6px 6px -7px #000;
  box-shadow: inset 0px 6px 6px -7px rgba(0, 0, 0, 0.5);
}
#drive-site .gc-installed h2 {
  margin-top: 83px;
}

#drive-site .gc-installed .device-browser {
  position: relative;
}
#drive-site .gc-installed .device-browser img {
  margin-top: 100px;
}

#drive-site .gc-installed p .gc-btn-copy {
  display: inline-block;
}
#drive-site .gc-installed .l-btn > * {
  float: left;
}

#drive-site .gc-resources {
  background: #f9f9f9;
  height: 352px;
}

#drive-site .gc-resources h2.gc-resources-header {
  margin-top: 44px;
  padding-bottom: 14px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  font-size: 44px;
}
#drive-site .gc-resources .foot-note p {
  font-size: 11px;
  line-height: 18px;
  padding-top: 25px;
  margin-top: 55px;
  border-top: 1px solid #ccc;
}
#drive-site .update-date {
  font-style: italic;
}

#drive-site .gc-section-with-image h2 {
  margin-top: 0px;
}

/* Footer */


/*#gc-footer {
  padding-bottom: 25px;
}*/

#gc-language ul li:last-child {
  margin-right: 0;
}

/* Icons */
#drive-site .gc-image-training {
  background-position: 0 -50px;
}

#drive-site .gc-image-support {
  background-position: -55px -50px;
  margin-top: 4px;
}

#drive-site .gc-image-blogs {
  background-position: -110px -50px;
}

#drive-site .gc-image-samples {
  background-position: -165px -50px;
}

#gc-footer a,
#gc-footer a:visited,
.gc-copyright > ul > li > a,
.gc-copyright > ul > li > a:visited {
  color: #fff;
}

/*
     FILE ARCHIVED ON 17:55:24 Mar 20, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:22:31 Feb 20, 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.682
  exclusion.robots: 0.06
  exclusion.robots.policy: 0.047
  esindex: 0.012
  cdx.remote: 33.2
  LoadShardBlock: 412.799 (3)
  PetaboxLoader3.datanode: 432.212 (5)
  load_resource: 582.278 (2)
  PetaboxLoader3.resolve: 202.258 (2)
*/