.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}
@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}
}
.content-wrapper{width:100%;background-color:#fff;padding-bottom:75px;padding-top:25px}
.page-title-section,.feature-thumb-tutorials-grid-wrapper,.tutorials{padding-left:25px;padding-right:25px}
@media only screen and (min-width:1025px){.page-title-section,.feature-thumb-tutorials-grid-wrapper,.tutorials{padding-left:70px;padding-right:70px;max-width:1400px}
}
@media only screen and (min-width:1401px){.page-title-section,.feature-thumb-tutorials-grid-wrapper,.tutorials{margin-left:auto;margin-right:auto}
}
.page-title-section{margin-bottom:25px}
.feature-thumb-tutorials-grid-wrapper{margin-bottom:55px}
.tutorial-image-link-grid{margin-bottom:50px}
.tutorials{margin-bottom:75px}
@media only screen and (min-width:481px){.content-wrapper{padding-top:60px}
.page-title-section{margin-bottom:60px}
.feature-thumb-tutorials-grid-wrapper{margin-bottom:75px}
}
@media only screen and (max-width:767px){body>.content-wrapper{margin-top:100px}
}
.page-title-section{text-align:center}
.page-title{margin-bottom:8px;margin-bottom:.5rem}
.page-title{font-size:22px;font-size:1.375rem;font-weight:300;color:inherit}
.page-subtitle{font-size:16px;font-size:1rem}
@media only screen and (min-width:481px){.page-title{font-size:36px;font-size:2.25rem}
.page-subtitle{font-size:24px;font-size:1.5rem}
}
.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:405px;overflow:hidden}
.poster-image-wrapper{width:100%;position:relative}
.poster-image{display:block;width:100%}
@media only screen and (min-width:721px){.poster-image-wrapper{height:405px}
.poster-image{min-height:425px;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%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;height:75px;height:4.6875rem;background-color:#000;background-color:rgba(0,0,0,0.5)}
@media only screen and (min-width:1025px){.hero-overlay-content{height:115px;height:7.1875rem}
}
.hero-feature-content{height:100%;padding-left:25px;padding-right:25px}
@media only screen and (min-width:1025px){.hero-feature-content{padding-left:70px;padding-right:70px;max-width:1400px}
}
@media only screen and (min-width:1401px){.hero-feature-content{margin-left:auto;margin-right:auto}
}
.hero-feature-link{display:block;height:100%;margin-left:8.49206349%;margin-right:8.49206349%}
.hero-feature-title{position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:18px;font-size:1.125rem;font-weight:500}
@media only screen and (min-width:1025px){.hero-feature-title{font-size:24px;font-size:1.5rem}
}
.hero-feature-link:hover .hero-feature-title{color:#005abe}
.tutorial-grids-header{text-align:center;margin-bottom:75px;margin-bottom:4.6875rem}
.tutorial-grids-header p{font-size:22px;font-size:1.375rem;font-weight:300}
@media only screen and (min-width:481px){.tutorial-grids-header p{font-size:36px;font-size:2.25rem}
}
@media only screen and (min-width:481px){.feature-thumb-tutorials-grid-wrapper{margin-top:2px}
}
.tutorials .image-link-tutorial-thumbnail{background:no-repeat 50%;background-size:cover;padding-bottom:85.95988539%}
@media only screen and (min-width:481px){.tutorials .tutorial-image-link-grid-list{width:83.01587302%;margin-left:auto;margin-right:auto}
}
.tutorials-show-more{text-align:center}
.show-more-label{margin-bottom:30px;margin-bottom:1.875rem;font-size:22px;font-size:1.375rem}
.show-more-button{display:block;background:url('../v2/img/icons.png') no-repeat;background-position:0 -48px;width:60px;height:60px;margin-left:auto;margin-right:auto}
@media "only screen and (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)"{.show-more-button{background:url('../v2/img/icons-2x.png') no-repeat;background-size:60px}
}
.show-more-button:hover{background:url('../v2/img/icons.png') no-repeat;background-position:0 -108px;cursor:pointer}
@media "only screen and (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)"{.show-more-button:hover{background:url('../v2/img/icons-2x.png') no-repeat;background-size:60px}
}
.more-link-wrapper{text-align:center}
.headlinks{margin:36px 0 0 0;position:absolute;right:20px;float:right;display:inline-block;vertical-align:top;-webkit-font-smoothing:antialiased}
.headlinks.headlinks-left{position:relative;float:none;margin:10px 0 0 70px;display:table}
.headlinks.headlinks-center{position:relative;float:none;margin:5px auto;display:table}
.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}
}
.buy-button{color:#fff !important;font-size:16px;text-align:center;display:inline-block;padding:2px 5px 3px 5px;border:0;border-radius:4px;background:#1473e6;white-space:nowrap}
.buy-button:hover{text-decoration:none}
@media only screen and (min-width:1315px){.headlinks{width:auto;margin-top:26px;position:absolute;right:20px}
}
a.headlink:hover{border-bottom:1px solid #fff;transition:border-bottom .1s ease-in-out 0}
a.headlink:active,a.headlink:focus,a.headlink:visited{color:#fff !important}
.headlinks .buy-button{transition:background-color .24s ease 0}
.headlinks .buy-button:hover{background-color:#005abe;color:#fff;box-shadow:none}
#headlink_overview:visited,#headlink_whats-new:visited,#headlink_freetrial:visited{color:#fff !important}
@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;display:table}
.header-container--fixed .headlinks{margin-top:.3125rem;vertical-align:top;float:none;position:relative;right:0}
@font-face{font-family:'geobats';src:url('../../fonts/icons/geobats.woff');src:url('../../fonts/icons/geobats.eot') format('embedded-opentype'),url('../../fonts/icons/geobats.woff') format('woff'),url('../../fonts/icons/geobats.ttf') format('truetype'),url('../../fonts/icons/geobats.svg') format('svg');font-weight:normal;font-style:normal}
.geobats-world{font-family:'geobats';font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.geobats-world:before{content:"\e600"}
.hide{display:none}
.column,.columns{padding-left:.9375rem;padding-right:.9375rem;width:100%;float:left}
.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:90rem}
.row:after{clear:both}
.row:before,.row:after{content:" ";display:table}
.dom-footer--changeregion{//display:none}
label#sfRegionClose:before{content:"X";background:#ccc;padding:2px 7px;color:#000;border-radius:50%;font-size:15px;text-align:center;font-family:monospace}
label#sfRegionClose:hover:before{background:#fff}
label#sfRegionClose:hover{cursor:pointer}
@media only screen and (min-width:64.063em){.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}
}
@media only screen{.small-16{width:100%}
}
@media only screen and (min-width:40.063em){.medium-7{width:43.75%}
}
@media only screen and (min-width:40.063em){.medium-9{width:56.25%}
}
@media only screen and (min-width:64.063em){.dom-footer--right-column{float:right}
}
@media only screen and (min-width:40.063em){.dom-footer--right-column{text-align:right;float:right}
}
.dom-footer--right-column{text-align:left}
@media only screen and (min-width:40.063em){body[data-dom-layout="products"] .dom-container .dom-footer-container{position:relative}
body[data-dom-layout="cc"] .dom-container .dom-footer-container{position:relative}
}
.dom-footer-container{position:relative;background-color:#fff;color:#fff;top:100%;width:100%;font-weight:300;padding-bottom:.375rem;-webkit-box-shadow:0 -3px 10px 0 rgba(50,50,50,0.6);box-shadow:0 -3px 10px 0 rgba(50,50,50,0.6);border-top:solid 1px rgba(255,255,255,0.2);-webkit-box-shadow:none;box-shadow:none;padding-top:1em;padding-bottom:1.5em}
.dom-footer-container--link,.dom-footer-container--link--bigger{display:inline-block;text-decoration:none}
.dom-footer-container--link--bigger{color:inherit;margin-right:.6rem;padding-top:.25rem;font-size:.71rem}
.dom-footer-container--link{color:#fff}
.dom-footer-container--link::before{content:"/";margin-left:.1875rem;margin-right:.3125rem}
.dom-footer-container--link:hover::before{color:#fff}
.dom-footer-container--link:first-child::before{content:" ";margin:0}
.dom-footer-container--link--bigger:last-child{margin-right:0}
.dom-footer-container--link:hover,.dom-footer-container--link:active,.dom-footer-container--link--bigger:hover,.dom-footer-container--link--bigger:active,.dom-footer-container--link:focus,.dom-footer-container--link--bigger:focus,.dom-footer--re-changeregion:hover{color:#3cf}
.dom-footer-container:hover .dom-footer--region-country,.dom-footer-container--link--region:hover{color:#fff}
.dom-footer-container--copyright{display:inline-block;margin-top:.7rem;margin-right:.6rem;font-size:.65rem;color:inherit}
.dom-footer-container--small-links{display:inline-block;font-size:.65rem;margin-top:.3125rem;color:#999}
.dom-footer-container--legal .dom-footer-container--link{color:#fff}
.dom-footer-container--legal{display:block;font-size:.65rem;color:inherit;margin-top:.1875rem}
.dom-footer--right-column{text-align:left}
@media only screen and (min-width:40.063em){.dom-footer-container{bottom:0;top:auto;padding-bottom:.9375rem}
.dom-footer-container .dom-footer-container--link--bigger,.dom-footer-container .dom-footer-container--copyright,.dom-footer-container .dom-footer-container--small-links,.dom-footer-container .dom-footer--region-country,.dom-footer-container .dom-footer--changeregion,.dom-footer-container .geobats-world{opacity:.5;-webkit-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}
.dom-footer-container:hover .dom-footer-container--link--bigger,.dom-footer-container:hover .dom-footer-container--copyright,.dom-footer-container:hover .dom-footer-container--small-links,.dom-footer-container:hover .dom-footer--region-country,.dom-footer-container:hover .dom-footer--changeregion,.dom-footer-container:hover .geobats-world{opacity:1}
.dom-footer-container .dom-footer-container--link--region,.dom-footer-container:hover .dom-footer-container--link--region{opacity:1}
.dom-footer--right-column{text-align:right}
.dom-footer-container--link--bigger{font-size:.875rem;padding-top:.75rem}
.dom-footer-container--copyright,.dom-footer-container--small-links{font-size:.75rem;margin-top:.875rem;color:#999}
}
@media only screen and (max-width:40em){.dom-footer-container .small-16{padding-top:5px}
.dom-footer-container .small-16 a{padding:5px 0}
}
.dom-footer-container .geobats-world{position:absolute;font-size:40px;left:0;top:0}
@media only screen and (max-width:40em){.dom-footer-container .geobats-world{font-size:28px;top:-2px}
}
.dom-footer-container .dom-footer-container--link--region{margin-top:0;padding-left:45px;margin-right:1rem;position:relative}
@media only screen and (max-width:40em){.dom-footer-container .dom-footer-container--link--region{padding-left:32px !important}
}
a#region-selector{position:relative;z-index:2;cursor:pointer}
a#region-selector:active,a#region-selector:focus{color:#fff}
#regions-visible{position:fixed;top:50%;right:100%;z-index:-1}
#regions-visible ~ .dom-footer--region-panel-container{visibility:hidden;opacity:0;-webkit-animation:delay-vis .3s;animation:delay-vis .3s;-webkit-transition:opacity .3s;transition:opacity .3s;position:fixed;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);width:80%}
#regions-visible:checked ~ .dom-footer--region-panel-container{-webkit-animation-name:delay-vis-2;animation-name:delay-vis-2;visibility:visible;opacity:1}
#regions-visible:focus ~ a#region-selector{color:#fff}
#regions-visible:checked ~ a#region-selector:before{content:"";display:block;background-color:rgba(0,0,0,0.75);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}
.dom-footer--region-panel{background-color:#FFF;color:#333;position:absolute;z-index:100;bottom:0;left:0;padding:25px;line-height:20px;font-size:14px;font-weight:normal}
.dom-footer--region-panel a{text-decoration:none}
.dom-footer--region-panel a:hover{text-decoration:underline;color:#46a0f5}
.dom-georouting-modal--regionpanel .dom-footer--region-panel{position:inherit !important;width:100%}
.dom-footer-container .dom-footer--region-panel-container .row,.dom-footer-container:hover .dom-footer--region-panel-container .row:hover,.dom-footer-container .dom-footer--region-panel .row,.dom-footer-container:hover .dom-footer--region-panel .row{opacity:1}
body[data-dom-layout="products"] .dom-container .dom-footer--region-panel .row,body[data-dom-layout="fullscreen"] .dom-container .dom-footer--region-panel .row{padding:0}
body[data-dom-layout="products"] .dom-footer--region-panel{border:1px solid #bbb}
.dom-footer--region-panel-header{margin-bottom:5px;font-weight:bold}
.dom-footer--region-panel-title{font-size:1.875rem;font-weight:100}
.dom-footer--region-panel-content{color:#999;font-weight:400;font-size:1rem;margin:.75rem 0 0}
.dom-footer--region-panel dl{-webkit-column-width:12rem;-moz-column-width:12rem;column-width:12rem;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;width:100%;max-height:40em;padding:0;margin:2ex 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:auto;background-color:inherit}
@media only screen and (max-width:40rem){.dom-footer--region-panel dl{max-height:40vh;-webkit-column-width:auto;-moz-column-width:auto;column-width:auto}
}
.dom-footer--region-panel dl dt,.dom-footer--region-panel dl dd{display:block;padding:0;margin:0}
.dom-footer--region-panel dl dt{-webkit-break-before:always;-moz-break-before:always;break-before:always;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;font-weight:700}
.dom-footer--region-panel dl dd{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;padding:0}
.dom-footer--region-panel dl dd+dt{margin-top:1.33em}
.dom-footer--region-panel .nub{display:none;left:5.2rem;position:absolute;width:0;height:0;border:solid 10px;border-color:#fff transparent transparent transparent;top:100%}
.dom-georouting-modal--regionpanel .nub,.dom-georouting-modal--regionpanel .dom-footer--region-panel-close{display:none}
.dom-footer--region-panel-close{position:absolute;right:-20px;top:-25px;color:#000;font-size:20px}
.dom-footer--region-panel-close:hover{color:#bbb}
.dom-footer--region,.dom-footer--changeregion{position:relative}
.dom-footer--re-changeregion{color:#fff;cursor:pointer}
.dom-footer--region-panel{position:relative}
.dom-footer-container{color:#fff;background-color:#000;border-top:solid 1px rgba(255,255,255,0.2);-webkit-box-shadow:none;box-shadow:none;padding-top:1em;padding-bottom:1.5em;line-height:1.3}
a.dom-footer-container--link--bigger,a.dom-footer-container--link{color:#fff !important}
a.dom-footer-container--link--bigger:hover,a.dom-footer-container--link:hover{color:#9ce !important;text-decoration:none !important;transition:color .4s}
.tutorial-image-link-grid-list{margin:0;padding:0;list-style:none}
@media only screen and (min-width:481px){.tutorial-image-link-grid-item{display:inline-block;width:50%}
}
@media only screen and (min-width:769px){.tutorial-image-link-grid-item{width:33.33%}
}
@media only screen and (min-width:481px){.tutorial-image-link-grid-item{margin-top:-2px}
}
.image-link-tutorial{position:relative}
.image-link-tutorial-title-wrapper{position:absolute;bottom:0;width:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;height:75px;height:4.6875rem;background-color:#000;background-color:rgba(0,0,0,0.5)}
@media only screen and (min-width:1025px){.image-link-tutorial-title-wrapper{height:115px;height:7.1875rem}
}
.image-link-tutorial-title{position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:18px;font-size:1.125rem;font-weight:500;width:85%;margin-left:auto;margin-right:auto}
@media only screen and (min-width:1025px){.image-link-tutorial-title{font-size:21px;font-size:1.3125rem}
}
.tutorial-item-link{display:block}
.tutorial-item-link:hover .image-link-tutorial-title{color:#005abe;text-decoration:underline}
.image-link-tutorial-thumbnail{background:no-repeat 50%;background-size:cover;padding-bottom:71.42857143%}