body {background-color: #fff;}

article.new-home-main { width: 100%; }
article.new-home-main h1 { font-size: 3.75rem; color: #b9002d; font-weight: normal; letter-spacing: -1.25px; white-space:nowrap; }
article.new-home-main h3 { font-size: 1.875rem; line-height: 2.2rem; color: #000000; font-weight: normal; }


footer { width:100%; max-width:100%; }
footer .footer-top { width:100%; background:#363838; }
footer .footer-inner { float: none; max-width:1390px; margin:0 auto; background:transparent; }
footer .footer-bottom { max-width:1390px; margin:0 auto; position:relative; }
footer .footer-bottom:after { content:""; display:block; clear:both; }


.main-copy { max-width: calc(50% - 40px); padding-top: 80px }

.small { font-size: 1rem; line-height:1.2rem; }

.nowrap { white-space: nowrap; }

.button-group { display: inline-block; margin: 20px 0; }
.button-group > div p { color: #000; font-size: 1.25rem; line-height: 1.5rem; margin: 10px 0; text-align: center; }
.button-group > div p.small { font-size:.9rem; line-height:1.05rem; }

.cta_button { background-color: rgb(185,0,45); font-size: 1.5rem; line-height: 1.75rem; color: #fff; padding: 5px 30px 10px 30px; text-align: center; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; }
.cta_button:hover { background-color: #c01942; }
.button-group a, .row.dark .button-group a { text-decoration:none; text-shadow:none; }

.row { padding: 0 0 80px 0; }
.row.dark h1,
.row.dark h2,
.row.dark h3,
.row.dark p { color: #fff; }
.row.dark a { color: #fff; text-decoration: underline; }
.row .pane-inset { max-width: 1390px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 1; }

#intro.row { position:relative; z-index:1; padding-bottom:56px; background-color: #fff; overflow: visible; }
#intro.row .main-copy { max-width:550px; padding-top:60px; }
#intro.row h1 { margin-bottom: 60px; }
#intro.row .pane-inset > p { font-size:1.125rem; line-height:1.375rem; color:#000; margin-top:24px; }
#intro.row .pane-inset > p a { color:#000; font-weight:bold; }
#intro.row .pane-inset > p a:hover { text-decoration:underline; }
#intro.row #safari-sign-in { display:inline-block; margin-left:15px; }
#intro.row .button-group { margin: 30px 0 10px; }
#intro.row .button-group > div { float: left; margin-right: 20px; }
#intro.row .button-group > div:nth-child(2) { margin-right: 0; }
#intro.row .big_tiger { position:absolute; left:45%; bottom:-6px; z-index:0; height:100%; width:55%; max-width:865px; background:url(https://cdn.oreillystatic.com/oreilly/home/assets/tiger_running_smooth2.png) left bottom no-repeat; background-size:contain; }
#intro.row .big_tiger:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(https://cdn.oreillystatic.com/oreilly/home/assets/tiger_running_smooth2_blink.png) left bottom no-repeat; background-size:contain; opacity:0; display:none; }
#intro.row .big_tiger.blink:before { display:block; opacity:1; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; }
#intro.row #expert-note { display:none; }

#intro.expert.row { background:#000 url(https://cdn.oreillystatic.com/oreilly/home/assets/hero_malaska.jpg) center top no-repeat; }
#intro.expert.row h1 { color:#fff; }
#intro.expert.row h3 { color:#fff; }
#intro.expert.row .pane-inset > p { color:#fff; }
#intro.expert.row .pane-inset > p a { color:#fff; }
#intro.expert.row .button-group > div p { color:#fff; }
#intro.expert.row .big_tiger { display:none; } 
#intro.expert.row #expert-note { position: absolute; bottom: 20px; right: 50%; margin-right: -500px; padding: 5px 10px; max-width:calc(100% - 450px); text-align: right; font-size: .75rem;display:block; background-color:#000; background-color:rgba(0,0,0,.7); color:#eee; }
#intro.expert.row #expert-note .cta { display:block; font-style:italic; }
#intro.expert.row #expert-note a { color:#eee; font-weight:bold; }
#intro.expert.row #expert-note a:hover { text-decoration:underline; }

#paths.row { display:block; position:relative; z-index:0; width: 100%; background-color: #eee; color: #404040; padding: 60px 0 60px; border-top:1px solid #ddd; }
#paths.row:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:5px; background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(100%, rgba(221,221,221,0))); background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,0) 100%);
background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,0) 100%); background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,0) 100%); background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(221,221,221,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0 ); }
#paths.row h1 { font-size: 1.875rem; line-height: 2rem; margin-bottom: 2rem; font-weight: normal; letter-spacing: -.75px;}
#paths.row .pane-inset { overflow: hidden; }
#paths.row .pane-inset .channels { overflow:hidden; position:relative; margin:0 -40px; }
#paths.row .pane-inset .channels:before { content:""; display:block; position:absolute; top:0; left:33.33%; width:1px; height:100%; background:#ccc; }
#paths.row .pane-inset .channels:after { content:""; display:block; position:absolute; top:0; left:66.66%; width:1px; height:100%; background:#ccc; }
#paths.row .pane-inset .channels div { padding-right: 40px; padding-left: 40px; position: relative; width: 33.33%; float: left; }
#paths.row .pane-inset .channels div:last-child { border-right: none;}
#paths.row .pane-inset .channels div h2 { color: #222; padding-bottom: 10px; font-weight:normal; }
#paths.row .pane-inset .channels div h2 a { color: #222; -webkit-transition:color 0.2s ease; -moz-transition:color 0.2s ease; -o-transition:color 0.2s ease; transition:color 0.2s ease; }
#paths.row .pane-inset .channels div h2 a:hover { color: #000; }
#paths.row .pane-inset .channels div p { font-size: 1.25rem; line-height: 1.5rem; }
#paths.row .pane-inset div.explore:after {content: ""; position: absolute; bottom: 20px; left: 50%; margin-left: -40px; display: block; width: 80px;}
#paths.row .pane-inset div.follow-paths:after {content: ""; position: absolute; bottom: 20px; left: 50%; margin-left: -40px; display: block; width: 80px;}
#paths.row .pane-inset div.take-class:after { content: ""; position: absolute; bottom: 20px; left: 50%; margin-left: -40px; display: block; width: 80px;}

#training.row { overflow:hidden; padding-bottom:0; background: #404040 url(https://cdn.oreillystatic.com/oreilly/home/assets/deeper-back.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#training.row:hover .main-copy > h1 { padding-top:5px; padding-bottom:0px; opacity:1; }
#training.row:hover .main-copy .rotating-text { opacity:1; }
#training.row .pane-inset { padding-top:80px; padding-bottom:80px; }
#training.row .main-copy { padding:0; }
#training.row h1 { padding:0 0 5px; margin-bottom: 80px; opacity:.8; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s  ease-in-out; -o-transition: all .3s  ease-in-out; transition: all .3s  ease-in-out; }
#training.row h3 { text-shadow: 0 0 8px rgba(0,0,0,0.8); }
#training.row .rotating-text { position:relative; overflow:visible; height:183px; opacity:.8; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
#training.row .rotating-text .rotation-container { position:absolute; pointer-events:none; display:block; left:20%; bottom:0; opacity:0; height:183px; width:100%; text-shadow:0 0 8px rgba(0,0,0,.5) }
#training.row .rotating-text  .rotation-container.current { pointer-events:auto; opacity:1; left:0; }
#training.row .rotating-images { position:absolute; top:0; left:50%; height:100%; width:calc(50% - 40px); max-width: 520px; }
#training.row .rotating-images .rotation-container { position:absolute; pointer-events:none; overflow:visible; top: 16.67%; display:block; left:20%; bottom:0; opacity:0; height:0; width:100%; padding-bottom:66.66%; text-shadow:0 0 8px rgba(0,0,0,.5) }
#training.row .rotating-images  .rotation-container.current { pointer-events:auto; opacity:1; left:0; }
#training.row .rotating-images p { text-align: center; padding: 10px 0; }
#training.row .rotation-indicator { position:absolute; bottom:10px; left:0; width:100%; height:20px; font-size:0; text-align:center; }
#training.row .rotation-indicator .circle { display:inline-block; width:10px; height:10px; cursor:pointer; margin:5px 5px 0; border:1px solid rgba(255,255,255,.3); border-radius:50%; background:rgba(255,255,255,0); -webkit-transition:background .5s; -moz-transition:background .5s; -o-transition:background .5s; transition:background .5s; }
#training.row .rotation-indicator .circle.current { cursor:default; background:rgba(255,255,255,.5); }

#reports.row { padding: 60px 0; background-color: #b9002d; }
#reports.row h2 { color:#fff; font-size: 1.875rem; line-height: 2rem; margin-bottom: 20px; font-weight: bold;}
#reports.row p { color: #fff; font-size: 1.25rem; line-height: 1.5rem; }
#reports.row .left-text { width:calc(50% - 40px); }
#reports.row .cover-overlay { position: absolute; left:50%; top: -20px; width:calc(90% - 520px); max-width: 520px; height:calc(100% + 40px); }
#reports.row .cover-overlay .cover { position:absolute; left:0; top:0; overflow:hidden; box-shadow:0 0 8px rgba(0,0,0,.5); width: calc(50% - 10px); height:100%; }
#reports.row .cover-overlay .cover:nth-child(2) { left:auto; right:0; }
#reports.row div.cover-overlay img { width:100%; }

#events.row { overflow:hidden; padding-bottom:0; background: #040404 url(https://cdn.oreillystatic.com/oreilly/home/assets/farther-back.jpg) no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#events.row:hover .main-copy { padding-top:5px; padding-bottom:0px; padding:0; }
#events.row:hover .main-copy > h1 { opacity:1; padding:5px 0 0; }
#events.row:hover .main-copy > .rotating-text { opacity:1; }
#events.row .pane-inset { padding-top:80px; padding-bottom:80px; }
#events.row .main-copy { padding:0; }
#events.row h1 { padding:0 0 5px; margin-bottom: 80px; opacity:.8; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#events.row h3 { text-shadow: 0 0 8px rgba(0,0,0,0.8); }
#events.row .rotating-text { position:relative; overflow:visible; height:183px; opacity:.8; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
#events.row .rotating-text .rotation-container { position:absolute; pointer-events:none; display:block; left:20%; bottom:0; opacity:0; height:183px; width:100%; text-shadow:0 0 8px rgba(0,0,0,.5) }
#events.row .rotating-text  .rotation-container.current { pointer-events: auto; opacity:1; left:0; }
#events.row .rotating-images { position:absolute; top:0; left:50%; height:100%; width:calc(50% - 40px); max-width: 520px; }
#events.row .rotating-images .rotation-container { position:absolute; pointer-events:none; overflow:visible; top: 16.67%; display:block; left:20%; bottom:0; opacity:0; height:0; width:100%; padding-bottom:calc(66.66% + 50px); text-shadow:0 0 8px rgba(0,0,0,.5) }
#events.row .rotating-images  .rotation-container.current { pointer-events: auto; opacity:1; left:0; }
#events.row .rotating-images p { text-align: center; padding: 10px 0; }
#events.row .rotation-indicator { position:absolute; bottom:10px; left:0; width:100%; height:20px; font-size:0; text-align:center; }
#events.row .rotation-indicator .circle { display:inline-block; width:10px; height:10px; cursor:pointer; margin:5px 5px 0; border:1px solid rgba(255,255,255,.3); border-radius:50%; background:rgba(255,255,255,0); -webkit-transition:background .5s; -moz-transition:background .5s; -o-transition:background .5s; transition:background .5s }
#events.row .rotation-indicator .circle.current { cursor:default; background:rgba(255,255,255,.5); }

#ideas.row { padding-top: 40px; }
#ideas.row h3 { color: #404040; margin-bottom: 20px; }


@media (max-width: 1647px) {
  #intro.expert.row { background-size:cover; }
}

@media (max-width: 1590px) {
  #intro.row .big_tiger { height:460px; width:50%; left:50%; background-size:cover; }
  #intro.row .big_tiger:before { background-size:cover; }
}


@media (max-width: 1120px) {
  article.new-home-main h1 { font-size: 3rem; line-height: 3.375rem; }
  article.new-home-main h3 { font-size: 1.5rem; line-height: 1.875rem; }

  #intro.row .main-copy { max-width:43%; }
  #intro.row h1 { white-space: nowrap; }

  #reports.row .cover-overlay { width:calc(50% - 40px); max-width: 520px; }
  #reports.row .cover-overlay .cover { height:auto; }
  #reports.row div.cover-overlay img { display:block; }
}

@media (max-width: 1060px) {
  #intro.expert.row #expert-note { right:20px; margin-right:0; }
}

@media (max-width: 890px) {
  #paths.row div:after { width: 60px; height: 60px; min-height: 0px; }
}

@media (max-width: 800px) {
  #intro.row .main-copy { max-width:55%; }
  #intro.row .big_tiger { width:40%; left:60%; }
  .main-copy { width:100%; max-width:520px; }
  #intro.expert.row #expert-note { visibility:hidden; }
  #intro.expert.row { background-position-x:70%; }

  #paths.row .pane-inset .channels { margin:0; }
  #paths.row .pane-inset .channels:before { display:none; }
  #paths.row .pane-inset .channels:after { display:none; }
  #paths.row .pane-inset .channels div { position: relative; width: 100%; padding: 20px 0 40px 0; min-height: 0px; border-bottom: 1px solid #ccc; margin: 0 0 10px 0; border-right: none; }
  #paths.row .pane-inset .channels div:last-child { border-bottom: none; padding-bottom:0; }


  #reports.row .left-text { width: 100%; margin-bottom:10px; }
  #reports.row .cover-overlay { width:100%; max-width: 520px; position: relative; left:0; top:0; margin:40px 0 20px 0; overflow:hidden; }
  #reports.row .cover-overlay .cover { float:left; position:static; max-width:calc(50% - 10px); margin-right:20px; }
  #reports.row .cover-overlay .cover:nth-of-type(2) { margin-right:0; }

  #training.row h1 { margin-bottom: 60px; }
  #training.row .pane-inset { padding-bottom:60px; }
  #training.row .rotating-images { position: relative; left:0; width:100%; height:0; padding-bottom:66.66%; margin:0 auto 20px; }
  #training.row .rotating-images  .rotation-container { top:0; }

  #events.row h1 { margin-bottom: 60px; }
  #events.row .pane-inset { padding-bottom:60px; }
  #events.row .rotating-images { position: relative; left:0; width:100%; height:0; padding-bottom:66.66%; margin:0 auto 70px; }
  #events.row .rotating-images .rotation-container { top:0; padding-bottom:66.66%; }
  #events.row .rotating-images p { text-align: left; }
}

@media (max-width: 640px) {
  article.new-home-main h1 { font-size: 3rem; line-height: 3.375rem; white-space:normal; }
  article.new-home-main h3 { font-size: 1.5rem; line-height: 1.875rem; }

  .main-copy { margin: auto; text-align: center; max-width: 100%; }
  .row { padding: 0 0 40px 0; }

  #intro.row h1 { margin-bottom: 40px; }
  #intro.row { overflow: hidden;}
  #intro.row .big_tiger { height: 130%; width: 100%; position: absolute; left: 20px; bottom: -50px; background-image: url(https://cdn.oreillystatic.com/oreilly/home/assets/tiger_running_screened3.jpg); background-repeat: no-repeat;  background-size: cover; z-index: 0; background-position: left bottom;  }
  #intro.row .big_tiger.blink:before { display:none; }
  #intro.row .main-copy { margin: auto; text-align: center; max-width: 100%; }

  #intro.expert.row { background:#000 url(https://cdn.oreillystatic.com/oreilly/home/assets/m_hero_malaska.jpg) right 10px no-repeat; }
  #intro.expert.row h1 { margin:70px 40% 240px 0; }
  
  .row .pane-inset { text-align: center; }

  #events.row .rotating-images p { text-align: center; }
}

@media (max-width:500px) {
  article.new-home-main h1 { font-size: 2.25rem; line-height: 2.5rem; white-space:normal; }
  article.new-home-main h3 { font-size: 1.25rem; line-height: 1.5rem; }

  #intro.expert.row { background-size:540px; background-position-x:80%; background-position-y:10px; }
  #intro.expert.row h1 { text-align:left; margin-bottom:190px; }

  div.cta_button:last-child { margin-right: 0; }
  div.button-group { margin: 20px -20px; }
  
  #intro.row .button-group > div { margin-right: 10px; width:calc(50% - 5px); }
  #intro.row .button-group > div:nth-child(2) { margin-right: 0; }
  .button-group .cta_button { font-size:1.2rem; padding:5px 15px 10px; }
}