/* Bluebox */

#c8316:before, #c8316:after {
    content: '';
    display:block;
    background:#a0d6e8;
    width:100%;
    position:relative;
    -webkit-transform:skewY(-2deg);
    transform:skewY(-2deg);
    top:50px;
    z-index: 0; 
    height: 80px;
  }
  #c8316:before {
    margin-top:-35px;
  }
  #c8316:after {
    -webkit-transform:skewY(2deg);
    transform:skewY(2deg);
    top:-50px;
    margin-bottom:-35px
  }
  
  #c8316 > .row-styled {
    background:#a0d6e8;
    border:none;
  }
#c8316 > div {z-index: 1; position: relative;}

blockquote {
  background: transparent url(/fileadmin/images/products/pd/10/icons/quotemarks.png) no-repeat left 10px;
  border:none;
  padding:10px 0 0 80px;
}



/* PD10 Hero */

#c8246, #c10919, #c11109, #c38942 {background: none; position: relative;}
#c8246:before,
#c10919:before,
#c11109:before,
#c38942:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-position:  calc(50% + 612px) bottom; 
}
#c8246:before {background-image: url(/fileadmin/images/products/pd/10/main-slider/MacbookPro-1025x600.png);}
#c10919:before {background-image: url(/fileadmin/images/products/pd/10/main-slider/MacbookPro-1025x600_whatsnew.png);}
#c11109:before {background-image: url(/fileadmin/images/products/pd/10/main-slider/MacbookPro-1025x600_resources.png);}
#c38942:before {background-image: url(/fileadmin/images/products/pd/11/hero-header/MacBook_Pro_Standard_Screen.png?1); background-position: calc(50% + 812px) bottom; }

#c38942 .carousel-caption {color: #4a4a4a;}
#c8792 {max-width: 500px;}

#c8246, #c10919, #c11109, #c11673, #c21673 {position: relative;}

/* main */
#carousel-8246 .item {height: auto!important; min-height: 400px;}
#carousel-8246 .carousel-caption {
  position: relative;
  bottom: auto;
}

.carousel-caption .btn {margin-top:5px;}

/* PD10 Box */
#c8723 .col-xs-3 {
  height: 250px;
  position: relative;
}
#c8723 #c8364 {
  width: 107%;
  right: 0;
  position: absolute;
  bottom: -18px;
  top: auto;
}

#c8289 > .row-styled {padding: 0 30px;}
#c8289 ol {margin:0;}

#btn-group-8327 .btn {margin-bottom: 3px;}

#c25080, #c8419 {margin-left: 20px;}



@media screen and (max-width: 767px) {
  #c8246:before,
  #c10919:before,
  #c11109:before,
  #c38942:before {
    opacity: .2;
    background-position: calc(50% + 450px) bottom;
  }
  #c38942:before {background-position: calc(50% + 650px) bottom;}
  .carousel .item.active {height: auto!important; min-height: 240px;}

  /* PD10/resourses: icon */
  #c17813 figure {height: 63px; overflow: hidden;}
  #c17813 img {height: 100px;}

  /* for carousels with 1 slide -- PD10Main */
  #c8246 #carousel-8246 .item.active, 
  #c38942 #carousel-38942 .item.active {height: auto !important; min-height: 250px;}
}



/* Download page */
#c38942 h1 .lead {top: -.4em; position: relative;}
#c8070 h1 {max-width:700px; margin:auto;}
#c55180 .csc-space-before-20 {padding-right: 55px;}


/* Support request */
#c20808 .well.navbar.navbar-fixed-top.wizard-navigation-wrapper {  
  position: relative!important;
  margin:0!important;
}

/* Menu title */
#c8252 {margin:-10px 0 -15px;}

/* ol blue list titles -- PDSection(id=157) */

.ol-item-title,
.ol-item-title-warning {max-width: 400px;}

.ol-item-title > *:first-child,
.ol-item-title-warning > *:first-child {
  color: #09F;
  font-size: 60px;
  font-weight: 800;
  float: left;
  line-height: .9;
}

.ol-item-title-warning > *:first-child {color: #f8981d;}

.ol-item-title > *:not(:first-child),
.ol-item-title-warning > *:not(:first-child) {
  margin: 5px 0 0 45px;
}

/* Documentation */
.tabselect-view .table {margin-bottom: -1px;}

a.learn-more, a.link-expand {
    margin-top: 10px;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    color: #0099ff;
}
a.learn-more .glyphicon-chevron-down:before, a.link-expand .glyphicon-chevron-down:before {
  content: "\e259";
}

a.learn-more .glyphicon-chevron-up:before, a.link-expand .glyphicon-chevron-up:before {
    content: "\e260";
}

a.learn-more .glyphicon:before, a.link-expand .glyphicon:before {
    font-size: 9px;
    top: -2px;
    display: inline-block;
    position: relative;
}