.content-wrapper{width:100%;background-color:#fff;padding-bottom:75px}
.js .app-header.hide-on-load{display:block}
.app-header{padding-top:2px;margin-left:auto;margin-right:auto;position:relative;padding-left:25px;padding-right:25px;padding-bottom:32px;padding-bottom:2rem}
@media only screen and (min-width:1025px){.app-header{padding-left:70px;padding-right:70px;max-width:1400px}
}
@media only screen and (min-width:1401px){.app-header{margin-left:auto;margin-right:auto}
}
.breadcrumb{display:inline-block;vertical-align:top;margin-top:26px}
.headlinks{margin:36px 0 0 0;position:absolute;right:70px;float:right;display:inline-block;vertical-align:top;-webkit-font-smoothing:antialiased}
@media only screen and (max-width:960px){.headlinks{float:none;margin:5px auto;right:0;display:table;position:relative}
}
@media only screen and (max-width:640px){.headlinks{text-align:center}
}
.headlinks.headlinks-left{position:relative;float:none;margin:10px 0 0 70px;display:table}
.headlinks.headlinks-center{position:relative;float:none;margin:5px auto;margin:5px 0;display:table}
@media only screen and (max-width:960px){.header-container{padding-bottom:10px;padding-right:0}
.app-header{margin:0;padding-bottom:0}
}
.breadcrumb{color:#fff;font-size:36px;font-size:2.25rem;font-weight:300;text-shadow:0 .067em .0125em #000;text-rendering:geometricprecision;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);height:42px;padding-top:2px;padding-left:57px;background-size:45px 42px}
.breadcrumb.ink-and-slide,.breadcrumb.creative-cloud,.breadcrumb.mobile-apps{padding-left:60px;background-size:48px auto;background-position:0 2px}
.breadcrumb strong{font-weight:500}
@media only screen and (max-width:960px){.breadcrumb{display:table;margin:0 auto;font-size:22px;font-size:1.375rem;background-size:35px auto;padding-left:48px;padding-top:10px;text-align:left}
}
.headlink{font-size:17px;font-size:1.0625rem;font-weight:500;-webkit-font-smoothing:antialiased;color:#fff;text-shadow:0 .067em .0125em #000;padding-bottom:5px;margin-left:13px}
@media only screen and (max-width:1214px){.headlink:first-child{margin-left:0}
}
.headlink:hover{color:#fff;text-decoration:none}
.headlink.selected{color:#fff;border-bottom:1px solid #fff}
.headlinks .buy-button{font-size:17px;font-size:1.0625rem;padding:5px 10px 6px 10px;margin-left:12px;font-weight:400}
@media only screen and (max-width:960px){.headlinks{float:none;margin:5px auto;display:table;text-align:center}
.headlink,.headlinks .buy-button{font-size:14px;font-size:.875rem}
}
@media only screen and (max-width:640px){.headlinks{text-align:center}
.headlink{display:inline-block}
.headlinks .buy-button{margin:10px}
}
.tooltip{position:absolute;background:#fff;border:1px solid #ccc;z-index:99999;display:none}
@media only screen and (min-width:768px) and (min-device-width:481px){.tooltip.visible{display:block}
}
.tooltip-pointer{position:absolute}
.tooltip-pointer:before,.tooltip-pointer:after{content:' ';position:absolute;width:0;height:0;border:solid transparent;pointer-events:none}
.tooltip-pointer:before{border-width:11px}
.tooltip-pointer:after{border-width:10px}
.tooltip.bottom .tooltip-pointer:before,.tooltip.bottom .tooltip-pointer:after,.tooltip.top .tooltip-pointer:before,.tooltip.top .tooltip-pointer:after{left:50%}
.tooltip.bottom .tooltip-pointer:before,.tooltip.top .tooltip-pointer:before{margin-left:-11px}
.tooltip.bottom .tooltip-pointer:after,.tooltip.top .tooltip-pointer:after{margin-left:-10px}
.tooltip.bottom .tooltip-pointer:before,.tooltip.bottom .tooltip-pointer:after{top:100%}
.tooltip.bottom .tooltip-pointer:before{border-top-color:#ccc}
.tooltip.bottom .tooltip-pointer:after{border-top-color:#fff}
.tooltip.top .tooltip-pointer,.tooltip.top .tooltip-pointer:before,.tooltip.top .tooltip-pointer:after{bottom:100%}
.tooltip.top .tooltip-pointer:before{border-bottom-color:#ccc}
.tooltip.top .tooltip-pointer:after{border-bottom-color:#fff}
.tooltip.left .tooltip-pointer,.tooltip.right .tooltip-pointer{top:0}
.tooltip.left .tooltip-pointer:before,.tooltip.left .tooltip-pointer:after,.tooltip.right .tooltip-pointer:before,.tooltip.right .tooltip-pointer:after{top:50%}
.tooltip.left .tooltip-pointer:before,.tooltip.right .tooltip-pointer:before{margin-top:-11px}
.tooltip.left .tooltip-pointer:after,.tooltip.right .tooltip-pointer:after{margin-top:-10px}
.tooltip.left .tooltip-pointer:before,.tooltip.left .tooltip-pointer:after{right:100%}
.tooltip.left .tooltip-pointer:before{border-right-color:#ccc}
.tooltip.left .tooltip-pointer:after{border-right-color:#fff}
.tooltip.right .tooltip-pointer{left:100%}
.tooltip.right .tooltip-pointer:before{border-left-color:#ccc}
.tooltip.right .tooltip-pointer:after{border-left-color:#fff}
.learn-path-tab-tooltip-label{font-size:14px;font-size:.875rem;padding:10px;padding:.625rem;margin-bottom:0}
.tutorial-detail{width:330px;width:20.625rem;padding-top:18px;padding-top:1.125rem;padding-bottom:18px;padding-bottom:1.125rem;padding-left:20px;padding-left:1.25rem;padding-right:20px;padding-right:1.25rem;min-height:125px}
.tutorial-detail-thumbnail{display:block;width:149px;height:88px;margin:0 auto 15px auto}
.tutorial-detail-title{margin-bottom:8px;margin-bottom:.5rem;font-size:16px;font-size:1rem;font-weight:500}
.tutorial-detail-description{font-size:14px;font-size:.875rem}
.tutorial-detail-meta{margin-top:12px;margin-top:.75rem;padding-top:10px;padding-top:.625rem;font-size:12px;font-size:.75rem;border-top:1px solid #ccc;text-align:justify;text-align-last:start}
.tutorial-detail-tutorial-type,.tutorial-detail-date-added,.tutorial-detail-apps-used{display:inline-block;vertical-align:top;text-align:left}
.tutorial-detail-date-added{text-align:right}
.tutorial-detail-apps-used{width:95%}
.tutorial-detail-tutorial-type{background-size:32px 14px;background-position:-9px;background-repeat:no-repeat;padding-left:18px;min-height:14px}
.tutorial-detail-apps-used{margin-top:8px;margin-top:.5rem}
.tutorial-detail-apps-used-label{display:inline-block;vertical-align:middle;margin-right:6px}
.tutorial-detail-apps-used .mnemonic{display:inline-block;width:24px;height:24px;margin-right:6px;background-size:24px;vertical-align:middle}
.path-navigation{width:100%}
.learn-paths,.feedback-link,.footer-links{padding-left:25px;padding-right:25px}
@media only screen and (min-width:1025px){.learn-paths,.feedback-link,.footer-links{padding-left:70px;padding-right:70px;max-width:1400px}
}
@media only screen and (min-width:1401px){.learn-paths,.feedback-link,.footer-links{margin-left:auto;margin-right:auto}
}
.path-navigation,.no-js .learn-path{margin-bottom:50px}
.learn-paths{margin-bottom:75px}
.footer-links{margin-top:75px}
.learn-path-prompt{font-size:22px;font-size:1.375rem;margin-bottom:50px}
.set-header-title{font-size:18px;font-size:1.125rem;color:#000;line-height:1.375}
.tutorial-list{margin:0;padding:0;list-style:none;margin-bottom:32px;margin-bottom:2rem}
.tutorial-list li{font-size:16px;font-size:1rem;margin-top:6px;margin-top:.375rem;margin-bottom:10px;margin-bottom:.625rem}
.tutorial a{color:inherit}
.tutorial a:hover{color:#3cf}
.tutorial a:visited{font-style:italic}
@media only screen and (min-width:768px){.learn-path-content{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:24px;-webkit-column-gap:24px;column-gap:24px;column-gap:1.5rem}
.learn-path-content .set-header{display:inline-block;width:100%}
.tutorial-list{margin-bottom:20px;margin-bottom:1.25rem}
.tutorial-list li{line-height:1.2;margin-bottom:4px;margin-bottom:.25rem}
}
@media only screen and (min-width:1025px){.learn-path-content{-moz-column-count:3;-webkit-column-count:3;column-count:3}
}
.get-started-path-content .set-header-title{margin-bottom:20px;margin-bottom:1.25rem}
.get-started-path-content .tutorial-list{margin-bottom:0}
.get-started-subtitle{font-size:16px;font-size:1rem;font-weight:300}
.what-is,.ready-to-use-feature{margin-bottom:36px;margin-bottom:2.25rem}
.what-is .thumbnail,.ready-to-use-feature .thumbnail{display:block;width:100%;margin-bottom:8px;margin-bottom:.5rem;max-width:297px}
.set-header-title-more-projects{font-size:18px;font-size:1.125rem;color:#000;line-height:1.375}
@media only screen and (max-device-width:1024px){.what-is a,.ready-to-use-feature a{text-decoration:underline}
}
@media only screen and (max-width:767px){.overview,.essentials{border-bottom:1px solid #ccc;padding-bottom:8px;padding-bottom:.5rem;margin-bottom:24px;margin-bottom:1.5rem}
}
@media only screen and (min-width:768px){.get-started-path-content .set-header-title{min-height:44px;min-height:2.75rem}
.get-started-path-content{position:relative;width:100%}
.overview,.essentials,.ready-to-use{display:inline-block;vertical-align:top;width:30.634920634920636%;text-align:left}
.overview,.essentials{margin-right:24px}
.essentials:before,.ready-to-use:before{content:'';position:absolute;height:100%;top:0;margin-left:-14.5px;border-left:1px solid #ccc}
.what-is figcaption,.ready-to-use-feature figcaption{font-size:14px;font-size:.875rem;font-weight:500}
.what-is .caption-subtitle,.ready-to-use-feature .caption-subtitle{font-weight:300}
.essentials .tutorial-list li:first-child{margin-top:-3px}
}
.nav-bar-inner-wrapper{padding-left:25px;padding-right:25px}
@media only screen and (min-width:1025px){.nav-bar-inner-wrapper{padding-left:70px;padding-right:70px;max-width:1400px}
}
@media only screen and (min-width:1401px){.nav-bar-inner-wrapper{margin-left:auto;margin-right:auto}
}
.nav-bar-inner-wrapper{min-height:55px}
@media only screen and (min-width:481px){.nav-bar-inner-wrapper{min-height:59px}
}
.nav-bar-search-container{padding-top:19px}
.ccl-search{margin-top:-10px}
.search-box-trigger{margin-top:-9px;margin-right:1px}
@media only screen and (min-width:481px){.flexbox .nav-bar-inner-wrapper,.flexboxlegacy .nav-bar-inner-wrapper{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.flexbox .nav-bar-search-container,.flexboxlegacy .nav-bar-search-container{-ms-flex:1;-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;margin-top:-1px;text-align:right}
.no-js .nav-bar-inner-wrapper,.no-flexbox.no-flexboxlegacy .nav-bar-inner-wrapper{position:relative}
.no-js .learn-path-tabs,.no-flexbox.no-flexboxlegacy .learn-path-tabs,.no-js .nav-bar-search-container,.no-flexbox.no-flexboxlegacy .nav-bar-search-container{display:inline-block;vertical-align:middle}
.no-js .nav-bar-search-container,.no-flexbox.no-flexboxlegacy .nav-bar-search-container{position:absolute;top:0;right:0;padding-top:22px;margin-right:25px}
.ccl-search{display:inline-block}
}
@media only screen and (min-width:1025px){.no-js .nav-bar-search-container,.no-flexbox.no-flexboxlegacy .nav-bar-search-container{margin-right:70px}
}
.nav-bar-inner-wrapper{font-size:16px;font-size:1rem}
@media only screen and (min-width:481px){.nav-bar-inner-wrapper{font-size:20px;font-size:1.25rem}
}
.nav-bar-shadow-container{position:relative;box-shadow:0 0 12px 0 rgba(0,0,0,0.2)}
.no-boxshadow .nav-bar-shadow-container{border-bottom:3px solid #e7e7e7}
.ccl-search,.search-box-trigger{position:relative}
.ccl-search-input,.ccl-search-btn{display:inline-block}
.ccl-search-input{padding-left:8px;width:100%;height:34px}
.ccl-search-btn{position:absolute;top:0;right:0;height:100%;width:34px}
.search-box-trigger{display:block;position:absolute;right:0;width:34px;height:34px}
.ccl-search-input{color:#777;font-size:16px;font-size:1rem;font-weight:300}
@media only screen and (min-width:481px){.ccl-search-input{font-size:20px;font-size:1.25rem}
}
.ccl-search-input::-webkit-input-placeholder{color:#777}
.ccl-search-input:-moz-placeholder{color:#777}
.ccl-search-input::-moz-placeholder{color:#777}
.ccl-search-input:-ms-input-placeholder{color:#777}
.ccl-search-input::input-placeholder{color:#777}
.ccl-search-input:focus,.ccl-search:hover .ccl-search-input,.ccl-search.search-active .ccl-search-input{color:#333}
.ccl-search{background-color:#fff;border-radius:2px;border:1px solid #ccc}
.ccl-search-input,.ccl-search-btn{border:0 none;background:transparent}
.ccl-search-btn:hover{cursor:pointer}
.ccl-search:before,.search-box-trigger:before{content:'';position:absolute;top:0;bottom:0;right:8px;margin-top:auto;margin-bottom:auto;background:url('../../learn/v2/img/icons.png') no-repeat;background-position:-43px -18px;width:15px;height:15px}
@media only screen and (-webkit-min-device-pixel-ratio:1.25) and (min-resolution:120dpi){.ccl-search:before,.search-box-trigger:before{background:url('../../learn/v2/img/icons-2x.png') no-repeat;background-size:60px}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.25) and (min-resolution:120dpi){.ccl-search:before,.search-box-trigger:before{background:url('../../learn/v2/img/icons-2x.png') no-repeat;background-size:60px}
}
@media only screen and (max-width:480px){.nav-bar-search-container{position:relative}
.ccl-search{width:100%;display:none}
.nav-bar-search-container.search-box-open .ccl-search{display:block}
.nav-bar-search-container.search-box-open .search-box-trigger{display:none}
.learn-path-tabs.search-box-open{display:none}
}
@media only screen and (min-width:481px){.ccl-search{width:300px;-webkit-transition:width .3s;transition:width .3s}
.search-box-trigger{display:none}
}
@media only screen and (min-width:1025px){.ccl-search{width:370px}
.ccl-search:hover,.ccl-search.search-active{width:400px}
}
.learn-path-tabs{white-space:nowrap}
.learn-path-tab{padding:19px 6px 20px 6px}
@media only screen and (min-width:481px){.learn-path-tab{display:inline-block;vertical-align:top;margin-right:50px}
.learn-path-tab:last-child{margin-right:0}
.learn-path-tab.selected{font-weight:500;padding-bottom:14px}
}
.learn-path-tab{color:#333}
.learn-path-tab.selected:hover{color:inherit;text-decoration:none;cursor:default}
@media only screen and (min-width:481px){.learn-path-tab.selected{border-bottom:6px solid #2b9af3}
}
.learn-path-tab-menu-trigger{display:none}
.learn-path-tabs.learn-path-menu{position:absolute;z-index:100;border-bottom:1px solid #ccc;background:#fff}
.learn-path-tabs.learn-path-menu.menu-hide .learn-path-tab{display:none}
.learn-path-tabs.learn-path-menu .learn-path-tab.selected{display:none}
.learn-path-tabs.learn-path-menu .learn-path-tab-menu-trigger,.learn-path-tabs.learn-path-menu .learn-path-tab{display:block;margin:0}
.learn-path-tabs.learn-path-menu .learn-path-tab-menu-trigger{padding:19px 6px 14px 6px}
.learn-path-tabs.learn-path-menu .learn-path-tab{padding-top:15px;padding-bottom:16px}
.learn-path-tabs.learn-path-menu .learn-path-tab-menu-trigger{color:#2b9af3;padding-bottom:20px}
.learn-path-tabs.learn-path-menu .learn-path-tab-menu-trigger{text-decoration:none}
.learn-path-tabs.learn-path-menu.menu-hide{border-bottom:0}
.learn-path-tabs.learn-path-menu.menu-hide .learn-path-tab-menu-trigger{padding-bottom:14px;border-bottom:6px solid #2b9af3}
.learn-path-tabs.learn-path-menu .learn-path-tab{border-right:1px solid #ccc;border-left:1px solid #ccc}
.learn-path-tabs.learn-path-menu .learn-path-tab:active{color:#fff;background-color:#3cf}
.learn-path-tabs.learn-path-menu .learn-path-tab-menu-trigger:after{content:'';display:inline-block;vertical-align:top;margin-top:2px;margin-left:13px;background:url('../../learn/v2/img/icons.png') no-repeat;background-position:-18px 0;width:18px;height:18px}
@media only screen and (-webkit-min-device-pixel-ratio:1.25) and (min-resolution:120dpi){.learn-path-tabs.learn-path-menu .learn-path-tab-menu-trigger:after{background:url('../../learn/v2/img/icons-2x.png') no-repeat;background-size:60px}
}
.learn-path-tabs.learn-path-menu.menu-hide .learn-path-tab-menu-trigger:after{-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.no-csstransforms .learn-path-tabs.learn-path-menu.menu-hide .learn-path-tab-menu-trigger:after{background:url('../../learn/v2/img/icons.png') no-repeat;background-position:0 0}
@media only screen and (-webkit-min-device-pixel-ratio:1.25) and (min-resolution:120dpi){.no-csstransforms .learn-path-tabs.learn-path-menu.menu-hide .learn-path-tab-menu-trigger:after{background:url('../../learn/v2/img/icons-2x.png') no-repeat;background-size:60px}
}
@media only screen and (max-width:480px){.learn-path-tabs.learn-path-menu .learn-path-tab-menu-trigger:after{margin-top:0}
.learn-path-tabs.learn-path-menu .learn-path-tab-menu-trigger{padding-top:17px}
}
.js .learn-path{display:none}
.js .learn-path.active-tab{display:block}
.js .learn-path-name{display:none}
.hero-image{width:100%;height:550px;position:relative}
.hero-overlay{position:absolute;bottom:0;width:100%;height:100%}
.hero-overlay-title{margin-bottom:10px;margin-bottom:.625rem}
.hero-overlay-title{color:#fff;font-weight:300}
.hero-overlay-title{line-height:1.1;font-size:24px;font-size:1.5rem}
@media only screen and (min-width:768px){.hero-overlay-title{font-size:36px;font-size:2.25rem}
}
.hero-image{height:auto;max-height:550px;overflow:hidden}
.poster-image-wrapper{width:100%;position:relative}
.poster-image{display:block;width:100%}
@media only screen and (min-width:979px){.poster-image-wrapper{height:550px}
.poster-image{min-height:570px;position:absolute;z-index:0;top:49%;margin-top:-28.125%}
}
.hero-overlay{position:absolute;bottom:0;width:100%;height:100%}
.hero-overlay-content{position:absolute;bottom:0;width:100%;padding:20px}
@media only screen and (max-width:480px){.hero-overlay-subtitle{display:none}
}
.hero-feature{display:block}
.hero-feature-content{margin-top:36px;margin-top:2.25rem}
@media only screen and (min-width:768px){.hero-feature-content{margin-top:60px;margin-top:3.75rem}
}
.hero-feature-description{display:none}
@media only screen and (min-width:760px){.hero-overlay-content{width:760px;left:50%;margin-left:-380px;padding:40px}
.hero-feature-description{display:block}
}
.hero-feature-content{display:table}
.hero-feature-thumbnail{display:table-cell;vertical-align:top}
.hero-feature-thumbnail-img{width:100%}
.hero-feature-body{display:table-cell;vertical-align:top;padding-left:24px}
.hero-feature-thumbnail{width:26.2%;max-width:160px}
.hero-feature-thumbnail-img{max-height:94px}
.hero-overlay-title,.hero-overlay-subtitle{text-align:center}
.hero-overlay-subtitle,.hero-feature-title,.hero-feature-description,.hero-feature-cta{color:#fff;font-weight:300}
.hero-overlay-subtitle{font-size:16px;font-size:1rem}
@media only screen and (min-width:768px){.hero-overlay-subtitle{font-size:22px;font-size:1.375rem}
}
.hero-feature-title{line-height:1.375;margin-top:-5px}
.hero-feature-title,.hero-feature-description,.hero-feature-cta{font-size:16px;font-size:1rem;font-weight:500}
.hero-feature-cta{color:#2b9af3}
.hero-feature-content:hover .hero-feature-cta{color:#3cf}
.hero-image{background-color:#000}
.hero-overlay-content{background-color:#000;background-color:rgba(0,0,0,0.7)}
.hero-feature:hover{text-decoration:none}
.js .hero-feature.hide-on-load{display:block;visibility:hidden}
#sticky-anchor{height:0}
.stuck-nav-bar{position:fixed;top:0;z-index:500;background-color:#fff}
.stuck-nav-bar+.filler{height:110px;position:relative}
.footer-link-items{margin:0;padding:0;list-style:none}
.footer-link-item{max-width:297px}
.footer-link-item article,.footer-link-item img{width:100%}
.footer-link-item figcaption{margin-top:2px;margin-top:.125rem;padding:0 1px}
@media only screen and (max-width:480px){.footer-link-item{margin-bottom:32px;margin-bottom:2rem}
.footer-link-item figure{padding-bottom:16px;padding-bottom:1rem;border-bottom:1px solid #ccc}
}
@media only screen and (min-width:481px) and (max-width:768px){.footer-link-item:nth-child(2n-1){margin-left:0}
}
@media only screen and (min-width:481px){.footer-link-item{display:inline-block;vertical-align:top;width:47%;width:-webkit-calc(43.21577726%);width:calc(43.21577726%);margin-left:24px;margin-bottom:16px;margin-bottom:1rem}
.footer-link-item figcaption{margin-top:5px;margin-top:.3125rem}
}
@media only screen and (min-width:769px){.footer-link-item{width:22%;width:-webkit-calc(18.49652295%);width:calc(18.49652295%)}
.footer-link-item:first-child{margin-left:0}
}
.footer-link-item a{color:inherit}
@media only screen and (max-device-width:1024px){.footer-link-item a{text-decoration:underline}
}
.footer-link-item a:hover{text-decoration:none}
@media only screen and (max-width:480px){.footer-link-item figure{border-bottom:1px solid #ccc}
}