@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Image Hover
11. Footer
12. Lists
13. Google Maps
14. Blog
-------------------------------------------------------------------*/


/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello.eot?3837060');
 src: url('../fonts/fontello.eot?3837060#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?3837060') format('woff'), url('../fonts/fontello.ttf?3837060') format('truetype'), url('../fonts/fontello.svg?3837060#fontello') format('svg');
 font-weight: normal;
 font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 7, 2015 */

@font-face {
    font-family: 'futura_hvheavy';
    src: url('../fonts/futura-heavy-webfont.eot');
    src: url('../fonts/futura-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-heavy-webfont.woff2') format('woff2'),
         url('../fonts/futura-heavy-webfont.woff') format('woff'),
         url('../fonts/futura-heavy-webfont.ttf') format('truetype'),
         url('../fonts/futura-heavy-webfont.svg#futura_hvheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Futura LT';
	src: url('../fonts/FuturaLT.eot');
	src: url('../fonts/FuturaLT.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/FuturaLT.woff2') format('woff2'),
		 url('../fonts/FuturaLT.woff') format('woff'),
		 url('../fonts/FuturaLT.ttf') format('truetype'),
		 url('../fonts/FuturaLT.svg#FuturaLT') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Minion Pro';
	src: url('../fonts/MinionPro-Regular.eot');
	src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/MinionPro-Regular.woff2') format('woff2'),
		 url('../fonts/MinionPro-Regular.woff') format('woff'),
		 url('../fonts/MinionPro-Regular.ttf') format('truetype'),
		 url('../fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* End Fonts
--------------------------------------------------------------------------------------------------------*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
.clearleft {clear: left;}
.clearright {clear: right; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:0 auto; display:inline-block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.hidden { display: none; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#242423; z-index:9999; }
#status { z-index:28; position:absolute; color:#555 !important; top:50%; height:220px; width:100%; margin-top:-115px; }
/* horizontal centering */
.parent { width:230px; margin:0px auto; position:relative; height:220px; z-index:11 }
.child { text-align:center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0; }
.child span { text-transform:uppercase; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
body { font-size: 100%; line-height: 100%; font-family: 'Georgia', 'Times New Roman', Times, serif; color:#000; background: #fff; margin-top: 0; }
body.home {background: #1a1a1a; }
strong { font-weight:600; }
a, a > * { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { font-size: 100%; line-height: 175%; margin: 20px 0; }
p a, li a { text-decoration: underline; color: #000; }
p a:hover, li a:hover { color: #7cb66c; }
a p { color:#555; }
.no-underline p a { border-bottom:0px; color:#2b2b2b }
h4 a { color: #000; text-decoration: none; }
h4 a:hover {color: #7cb66c; }
p.logo { margin-top: 30px; }

p.small, span.small { font-size:68.75%; text-transform:uppercase; font-weight: normal; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#555; letter-spacing:2px; padding:0 0 5px 0; line-height:1.9 }
p.small.bigger, span.small.bigger { font-size:81.25%; }
aside p { padding-bottom:13px !important }
blockquote p.small a { color:#777 }
blockquote p.small a:hover { color:#2b2b2b; }
p.tiny { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; font-weight:400; font-size:75%; }
.blog-teaser p.tiny { padding-bottom:5px }
p.above-h2 { padding:0px 0 13px 0 }
#preloader p.small { color:#555 !important; padding:0 !important }
span.arrow { font:20px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; float:right; padding-bottom:13px; padding-right:15px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-top:-4px; display:inline-block; opacity:0 }
blockquote { padding:0px 0px 2px 43px; color:#555; font-size: 118.75%; }
blockquote.not-boxed { padding:11px 0px 17px 43px; }
blockquote.no-symbol { padding-left:0; padding-top:0; }
blockquote:before { content:"“"; float:left; display:block; margin-left:-44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:450%; margin-top:-3px; font-weight:400; color:#2b2b2b }
blockquote.no-symbol:before { content:""; margin:0; padding:0; float:none }
blockquote p { font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:8px; color:#333 }
blockquote p.small { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; letter-spacing:0; font-weight:400; text-transform:none; font-size:75%; margin-top:-3px; display:block }
blockquote p.small i { padding:0 1px; }
em { font-style:italic; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; }
code { font:13px "Courier New", Courier, monospace; font-style:normal; line-height:1.5; display:block; padding-top:4px; }
pre { padding:0 30px 25px 30px; border:1px dotted #3e3e3e; margin-top:10px; margin-bottom:10px; display:inline-block }
.uppercase { text-transform: uppercase; }
.phone { white-space: nowrap; }
.copyright { font-size: .83em; vertical-align: super; }

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo, h2#sec-logo { display:block; position:relative; margin: 0 auto; }
h1#logo a { display:inline-block; background:url(../images/Annapolis-Junction-Logo-2025.png) center no-repeat; background-size:200px 33px; width:200px; height: 33px; text-indent:-9999px; }
.hentry h1, h2, h3, h4, h5 { line-height:1.25; color:#2b2b2b; display:block; position:relative; font-style:italic; }

h2 {font-family: 'Futura LT', sans-serif; font-size: 250%; font-style: normal; color: #7cb66c; margin: 0; font-weight: normal; padding-bottom: 30px; }
h2#sec-logo a { display: inline-block; text-indent: -9999px; }
h2#sec-logo a.arbors { background: url(../images/logos/arbors.jpg) center no-repeat; background-size: 150px 94px; width: 150px; height: 94px; }
h2#sec-logo a.palisades { background: url(../images/logos/palisades.jpg) center no-repeat; background-size: 175px 174px; width: 175px; height: 174px; }

h3 { font-size: 150%; font-family: 'Futura LT', sans-serif; font-style: normal; color: #7cb66c; margin: 0; }
h4.left { margin: 20px 0; }
h4 { font-size: 125%; font-family: 'Futura LT', sans-serif; font-style: normal; color: #7cb66c; margin: 0; }
h5 { font-size: 112.5%; font-family: 'Futura LT', sans-serif; font-style: normal; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button { font-size:81.25%; display:none; height:auto; position:absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:101 }
#menu-button .cursor { display:block; height:auto; cursor:pointer; background-color: #333; padding:16px 16px 10px 16px; }
#nav-button { display:inline-block; width:16px; margin:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.nav-bar { background-color:#fff; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 3px;}
#main-nav { position: relative; padding: 24px 0 0 0; width: 100%; }
#main-nav a { text-decoration: none; color: #fff; font-size: 81.25%; line-height: 112.5%; font-family: 'futura_hvheavy', sans-serif; letter-spacing: 1px; padding-left:2px; position:relative; display:block; font-weight: normal; }
#main-nav > ul a { text-transform: uppercase; }
#main-nav li a:hover { color: #f6cf2e; }
#main-nav > ul li a { padding: 12px 0; }
#main-nav > ul li a.last { border-bottom:1px solid rgba(255, 255, 255, 0.1); }
#main-nav > ul li a.active {color: #f6cf2e}
/*#main-nav > ul li a.sub-nav-toggle:before { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5); bottom:21px; content:""; height:8px; left:155px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:8px; }*/
#main-nav > ul li a.sub-nav-toggle:after { bottom:12px; content: url(../images/menu-arrow.png); left:103px; position:absolute; width:10px; }
#menu-button.open #nav-button span:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 position: relative;
 top: 0px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
#menu-button.open #nav-button span:nth-child(2) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 position: relative;
 top: -4px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
#menu-button.open #nav-button span:nth-child(3) {
 display: none;
}
#main-nav > ul > li > .sub-nav { padding: 0px 0 5px 0px;/* margin-top:-5px;*/ }
#main-nav > ul > li > .sub-nav > li { margin-left: 20px; }
#main-nav > ul > li > .sub-nav > li:last-child { padding-bottom: 0px; }
#main-nav > ul > li > .sub-nav > li a { font-size: 81.25%; line-height: 125%; letter-spacing: 1px; text-transform: none; font-family: 'Futura LT', sans-serif; font-weight: 500; 
padding: 7px 0px; border: 0; margin: 0; }
#main-nav > ul > li > .sub-nav > li a:hover { }
#bottom-header { position:absolute; bottom:35px; width:100%; }
#bottom-header p.small { padding-top:6px; color:#888; line-height:1.9; font-size:62.5%; }
.social-links { padding: 20px 0px 0 0px; display:inline-block; margin:0 auto; }
.social-list > li > a:before, .social-list li span:before { content: ""; font-family: fontello; font-size: 112.5%; font-weight:400; color:#888; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-list li span:before { color:#2b2b2b }
.social-list li a:before, .social-list li span:before { padding:3px; margin: 0 1px 0 1px; }
.social-list li:hover a:before { color:#555; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-list li { margin:0; display:inline-block }
.element .social-list { margin-left:-2px; }
.element .social-list > li > a:before, .blog-author-description .social-list > li > a:before, .social-list li span:before { font-size: 100%; display:block; margin-top:-2px; }
.social-list > li > i { color: #555; font-size: 81.25%; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding-right: 4px; }
header .social-list > li > a:before { font-size: 87.5%; margin:0; }
.social-list > li > a, .social-list li span { position: relative; top: 1px; }
.social-list > li > a.facebook:before { content: '\e800'; }
.social-list > li > a.dribbble:before { content: '\e801'; }
.social-list > li > a.behance:before { content: '\e802'; }
.social-list > li > a.git:before { content: '\e803'; }
.social-list > li > a.gplus:before { content: '\e804'; }
.social-list > li > a.xing:before { content: '\e805'; }
.social-list > li > a.instagram:before { content: '\e806'; }
.social-list > li > a.twitter:before { content: '\e807'; }
.social-list > li > a.youtube:before { content: '\e808'; }
.social-list li span.youtube:before { content: '\e808'; font-size:137.5%; padding-top:13px }
.social-list > li > a.slack:before { content: '\e809'; }
.social-list > li > a.pinterest:before { content: '\e80a'; }
.social-list > li > a.tumblr:before { content: '\e80b'; }
.social-list > li > a.soundcloud:before { content: '\e80c'; }
.social-list li span.soundcloud:before { content: '\e80c'; font-size:137.5%; padding-top:13px }
.social-list > li > a.skype:before { content: '\e80d'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.vimeo:before { content: '\e80f'; }
.social-list li span.vimeo:before { content: '\e80f'; font-size:112.5%; padding-top:16px }
.social-list > li > a.flickr:before { content: '\e810'; }
.social-list > li > a.email:before { content: '\e811'; }
#filter { position:fixed; bottom:40px; right:40px; height:auto; width:auto; z-index:1111; cursor:pointer; }
.with-margin #filter { right:60px; bottom:50px; }
#filter span { font-size: 68.75% !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:table; text-decoration:none !important; padding:5px 10px; padding-right:29px; min-width:90px; /*border-radius:2px;*/ background:#fff }
#filter #options { display:block; position:absolute; bottom:27px; right:0px; top:auto; background:#fff; /*border-radius:2px;*/ min-width:90px; padding:7px 0; opacity: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#filter #options li a { font-size: 75%; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; display:block; text-decoration:none; padding:5px 10px; white-space:nowrap; color:#555; }
#filter #options li a.current, #filter #options li a.selected { color:#2b2b2b }
#filter:hover #options { display:block; opacity:1; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#filter:before { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom:7px; content:""; height:8px; right:13px; position:absolute; -webkit-transform:rotate(45deg); -moz-transfom:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:8px; }
#filter:after { background:#fff; bottom:3px; content:""; height:10px; right:13px; margin-right:-1px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:10px; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#content { width: 100%; position: relative; padding-left:260px; z-index:100; height: auto;  }
.container { padding:0; width: 100%; position: relative; margin:0; height: 100%; }
.with-margin #container { margin:5px; }
.with-margin.blog-overview #container, .with-margin.blog-post #container, .with-margin.about-page #container { margin:10px; }
.with-margin.blog-post #container, .with-margin.about-page #container { margin-top:-30px; margin-bottom:70px; }
#background-color { display:none }
.oldie #background-color { display:none !important }
.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color { -webkit-transform: translate3d(260px, 0px, 0px); transform: translate3d(260px, 0px, 0px); }
.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer { -webkit-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); }
#content, #header, #footer, .logo-wrapper, #background-color { -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
header {float: left; top: 0; left: 0; width: 260px; z-index:101; height:100%; background:#333333; padding:30px 44px 0px 44px; position: relative;}
.blog-overview .container { padding-top:65px; }
.gallery .container { padding-top:40px }
#nav-background { background:#333333; width:260px; position:fixed; height:100%; z-index:98; }

table { margin-top: 20px; }
tr:nth-child(even) { background: #eeeeee; }
tr:nth-child(odd) { background: #ffffff; }
td { padding: 5px; line-height: 150%; }

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col3-3 { width: 1150px; height:auto; margin: 10px 20px 10px 0; float:left; position: relative; }
.col1-3 { width: 370px; height:auto; margin: 10px 20px 10px 0; float:left; position: relative; }
.col2-3 { width: 760px; height:auto; margin: 10px 20px 10px 0; float:left; position: relative;  }

.col1-3.smaller { padding-left: 45px; }
.col1-3.smaller.left-side { padding: 0 45px 0 0; }
.column-count2 { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:45px; -moz-column-gap:45px; column-gap:45px; }
.element .col1-3, .element .col2-3, .element .col3-3, .col3-3 .col2-3 { margin:0; float:none }
.element { max-height: 467px; }

.col1-3 figure.link, .col2-3 figure.link { overflow: hidden; padding: 0; }
.col1-3:not(.col2-3m) figure.link { max-height: 190px; margin-bottom: 20px; }
.col1-3.col2-3m figure.link { max-height: 300px; margin-bottom: 30px; }
.col2-3 figure.link { max-height: 300px; }
figure.link:hover { opacity: 0.8;}

#container div#apartment { margin: 0.5% 0.5% 0.5% 0.5%; }
#container div#office { margin: 0.5% 0 0.5% 0; }
#container div#retail { margin: 0 0.5% 0.5% 0.5%; }
#container div#garage { margin: 0 0 0.5% 0; }

#container div#arbors, #container div#enclave { margin: 0.5% 0 0 0.5%; }
#container div#corporate, #container div#palisades { margin: 0.5% 0.5% 0 0; }
#container div#shops {margin: 0.5% 0 0.5% 0.5%; }
#container div#town {margin: 0.5% 0.5% 0.5% 0; }
.thumbs { width: 49%; float:left; position:relative; margin:0; overflow: hidden;}

.container-sec { background: #fff; padding: 30px 0 0 0; width: 1170px; margin: 0 auto; position: relative;}

.with-margin .thumbs { padding:5px; }
.with-margin.blog-overview .thumbs, .with-margin.blog-post .thumbs, .with-margin.about-page .thumbs { padding:10px; }
.halfs { width:50%; float:left; position:relative; margin:0; height:auto; }
.borderline { border-top:1px dotted #d8d8d8; height:1px; width:100%; display:inline-block; position:relative; margin:10px 0 30px 0; }
.divider { background:#555; height:1px; width:20px; display:inline-block; top:-3px; position:relative; margin:0 6px 0 5px; }
.bottom-background { background:#fff; padding:40px 45px 34px 45px; position:relative; border:1px solid #d8d8d8; border-top:0; }
.boxed { border-top:1px dotted #d8d8d8; border-bottom:1px dotted #d8d8d8; padding:30px 0 25px 0; margin:20px 0 30px 0; }
.boxed.first { border-top:0; padding-top:0; margin-top:0 }
.bottom { position:absolute; bottom:40px; }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.element, .overflow { overflow:hidden; }
.relative { position:relative }
.big-break { display:block; position:relative; height:50px; width:100%; }
.break { display:block; position:relative; height:40px; width:100%; }
.medium-break { display:block; position:relative; height:30px; width:100%; }
.small-break { display:block; position:relative; height:20px; width:100%; }
.tiny-break { display:block; position:relative; height:10px; width:100%; }
.pagination-wrapper { display: block; width: 100%; padding: 0px 40px 40px 0px; position:relative }
.pagination { display: block; float: right; }
.pagination > li { display: block; float: left; margin-left: 10px; border: 1px solid #D8D8D8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.pagination > li.active { border:1px solid #888; float:left }
.pagination > li:hover { border:1px solid #888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.pagination > li > a { display: block; text-align: center; padding: 7px; width: 27px; height: 29px; color: #D8D8D8; font-size: 87.5%; font-weight: bold; font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
.pagination > li.active > a, .pagination > li:hover > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { color: #2b2b2b; }

p.devlogo { height: 70px; }
p.devlogolg { height: 85px; }
p.developer, p.developer2 {margin-bottom: 40px; }

/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; margin-bottom:16px; margin-top:5px; }
.icon-holder { position:relative; float:left; height:48px; width:48px; margin-top:5px; }

.centered .icons, .centered .icon-holder { float:none; display:inline-block; }
.next-to-icon { margin-left:80px; margin-bottom:15px; padding-right:20px; padding-top: 6px; }
.next-to-icon.last, .next-to-icon-smaller.last { margin-bottom: 0 }
.next-to-icon-smaller { margin: 0 0 25px 55px; padding-top: 6px; }
.resource, .press { border-bottom: 1px solid #ccc; }
.resource { padding: 30px 0 20px 0; white-space:nowrap;  width: 325px; }
.press { padding: 20px 0 0 0; width: 75%; }
.resource.last, .press:last-of-type { border-bottom: 0; }
.press p {margin-top: 0; }

.icon-container { position:absolute; background:#fff; height:50px; width:50px; left:45px; bottom:45px; /*border-radius:2px;*/ text-align:center; }
.blog-teaser .icon-container { right:45px; top:45px; left:auto; bottom:auto }
.map { background:url(../images/icons/bg-map.png) no-repeat center left; background-size:48px 48px; }
.winner { background:url(../images/icons/bg-winner.png) no-repeat center; background-size:48px 48px; }
.time { background:url(../images/icons/bg-time.png) no-repeat center; background-size:48px 48px; }
.pig { background:url(../images/icons/bg-pig.png) no-repeat center; background-size:48px 48px; }
.adjust { background:url(../images/icons/bg-adjust.png) no-repeat center; background-size:48px 48px; }
.team { background:url(../images/icons/bg-team.png) no-repeat center; background-size:48px 48px; }
.works { background:url(../images/icons/bg-works.png) no-repeat center; background-size:48px 48px; }
.chat { background:url(../images/icons/bg-chat.png) no-repeat center; background-size:48px 48px; }
.notes { background:url(../images/icons/bg-notes.png) no-repeat center; background-size:48px 48px; }
.camera2 { background:url(../images/icons/bg-camera2.png) no-repeat center; background-size:48px 48px; }
.illustration { background:url(../images/icons/bg-illustration.png) no-repeat center; background-size:48px 48px; }
.social { background:url(../images/icons/bg-social.png) no-repeat center; background-size:48px 48px; }
.vector { background:url(../images/icons/bg-vector.png) no-repeat center; background-size:48px 48px; }
.commerce { background:url(../images/icons/bg-commerce.png) no-repeat center; background-size:48px 48px; }
.search { background:url(../images/icons/bg-search.png) no-repeat center; background-size:48px 48px; }
.like { background:url(../images/icons/bg-like.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }
.document { background:url(../images/icons/bg-document.png) center no-repeat; background-size:48px 48px; }
.apple { background:url(../images/icons/bg-apple.png) center no-repeat; background-size:48px 48px; }
.balance { background:url(../images/icons/bg-balance.png) center no-repeat; background-size:48px 48px; }
.beaker { background:url(../images/icons/bg-beaker.png) center no-repeat; background-size:48px 48px; }
.beer { background:url(../images/icons/bg-beer.png) center no-repeat; background-size:48px 48px; }
.books { background:url(../images/icons/bg-books.png) center no-repeat; background-size:48px 48px; }
.box { background:url(../images/icons/bg-box.png) center no-repeat; background-size:48px 48px; }
.cake { background:url(../images/icons/bg-cake.png) center no-repeat; background-size:48px 48px; }
.calculator { background:url(../images/icons/bg-calculator.png) center no-repeat; background-size:48px 48px; }
.cd { background:url(../images/icons/bg-cd.png) center no-repeat; background-size:48px 48px; }
.champagne { background:url(../images/icons/bg-champagne.png) center no-repeat; background-size:48px 48px; }
.chart { background:url(../images/icons/bg-chart.png) center no-repeat; background-size:48px 48px; }
.cheese { background:url(../images/icons/bg-cheese.png) center no-repeat; background-size:48px 48px; }
.court { background:url(../images/icons/bg-court.png) center no-repeat; background-size:48px 48px; }
.delivery { background:url(../images/icons/bg-delivery.png) center no-repeat; background-size:48px 48px; }
.dvd { background:url(../images/icons/bg-dvd.png) center no-repeat; background-size:48px 48px; }
.eco { background:url(../images/icons/bg-eco.png) center no-repeat; background-size:48px 48px; }
.film { background:url(../images/icons/bg-film.png) center no-repeat; background-size:48px 48px; }
.grape { background:url(../images/icons/bg-grape.png) center no-repeat; background-size:48px 48px; }
.hot { background:url(../images/icons/bg-hot.png) center no-repeat; background-size:48px 48px; }
.house { background:url(../images/icons/bg-house.png) center no-repeat; background-size:48px 48px; }
.icecream { background:url(../images/icons/bg-icecream.png) center no-repeat; background-size:48px 48px; }
.joystick { background:url(../images/icons/bg-joystick.png) center no-repeat; background-size:48px 48px; }
.keynote { background:url(../images/icons/bg-keynote.png) center no-repeat; background-size:48px 48px; }
.link { background:url(../images/icons/bg-link.png) center no-repeat; background-size:48px 48px; }
.magic { background:url(../images/icons/bg-magic.png) center no-repeat; background-size:48px 48px; }
.mail { background:url(../images/icons/bg-mail.png) center no-repeat; background-size:48px 48px; }
.microphone { background:url(../images/icons/bg-microphone.png) center no-repeat; background-size:48px 48px; }
.network { background:url(../images/icons/bg-network.png) center no-repeat; background-size:48px 48px; }
.palette { background:url(../images/icons/bg-palette.png) center no-repeat; background-size:48px 48px; }
.plaster { background:url(../images/icons/bg-plaster.png) center no-repeat; background-size:48px 48px; }
.player { background:url(../images/icons/bg-player.png) center no-repeat; background-size:48px 48px; }
.polaroid { background:url(../images/icons/bg-polaroid.png) center no-repeat; background-size:48px 48px; }
.printer { background:url(../images/icons/bg-printer.png) center no-repeat; background-size:48px 48px; }
.pulse { background:url(../images/icons/bg-pulse.png) center no-repeat; background-size:48px 48px; }
.quote { background:url(../images/icons/bg-quote.png) center no-repeat; background-size:48px 48px; }
.radio { background:url(../images/icons/bg-radio.png) center no-repeat; background-size:48px 48px; }
.recorder { background:url(../images/icons/bg-recorder.png) center no-repeat; background-size:48px 48px; }
.scissors { background:url(../images/icons/bg-scissors.png) center no-repeat; background-size:48px 48px; }
.select { background:url(../images/icons/bg-select.png) center no-repeat; background-size:48px 48px; }
.serving { background:url(../images/icons/bg-serving.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }
.shop { background:url(../images/icons/bg-shop.png) center no-repeat; background-size:48px 48px; }
.shopping { background:url(../images/icons/bg-shopping.png) center no-repeat; background-size:48px 48px; }
.smartphone { background:url(../images/icons/bg-smartphone.png) center no-repeat; background-size:48px 48px; }
.sofa { background:url(../images/icons/bg-sofa.png) center no-repeat; background-size:48px 48px; }
.syringe { background:url(../images/icons/bg-syringe.png) center no-repeat; background-size:48px 48px; }
.tape { background:url(../images/icons/bg-tape.png) center no-repeat; background-size:48px 48px; }
.target { background:url(../images/icons/bg-target.png) center no-repeat; background-size:48px 48px; }
.television { background:url(../images/icons/bg-television.png) center no-repeat; background-size:48px 48px; }
.video { background:url(../images/icons/bg-video.png) center no-repeat; background-size:48px 48px; }
.walkman { background:url(../images/icons/bg-walkman.png) center no-repeat; background-size:48px 48px; }
.zoom { background:url(../images/icons/bg-zoom.png) center no-repeat; background-size:48px 48px; }
.tags { background:url(../images/icons/bg-tags.png) center no-repeat; background-size:48px 48px; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display:block; position:relative; }
.images img { width:100%; display: block; max-width: 100% !important; z-index:9; }
img { box-shadow: #fff 0 0 0 }
.images.round img { border:0 none; border-radius:50%; }
.image-container { padding: 0; overflow:hidden }
.blog-overview .image-container { margin:0px 0 25px 0; padding:0 }
.videos { width:800px; height:450px }

.col1-3 .images {
	padding: 0 20px 20px 0;
}

.sliphoveritemTitle { position: absolute; top: 15px; left: 0; font-size:125%; font-family: 'futura_hvheavy', sans-serif; text-transform: uppercase; letter-spacing: 2px; padding: 10px 30px; background: #7cb66c; color: #fff; z-index: 200; font-weight: normal; }

/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Footer
--------------------------------------------------------------------------------------------------------*/
footer { margin:55px 10px 30px 10px; padding:28px 0; border-top:1px dotted #d8d8d8; width:1150px; position:relative; text-align:center; }
footer a h5 { padding-bottom:2px; color:#999; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer p { font-size: 87.5%; }
footer .alignleft .small, footer .alignright .small { font-size: 68.75%; font-weight:400; }
footer a .small, footer .small { color:#999; font-size: 62.5%; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer a:hover .small, footer a:hover h5 { color:#2b2b2b; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer a:hover .small { color:#555 }
footer .alignright { text-align:right; max-width:50%; width:50%; white-space:nowrap }
footer .alignleft { text-align:left; max-width:50%; width:50%; white-space:nowrap }
.blog-overview footer .alignright, .blog-overview footer .alignleft { white-space:normal }
footer .aligncenter { top:-48px; position:relative }
.arrow-left, .arrow-right { display:inline-block; font:30px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal !important; line-height:1; text-decoration:none !important; float:left; padding-top:4px; width:45px; color:#999 }
.arrow-right { float:right }
footer .col1-3 { margin:0 }
footer .margin-top { margin-top:4px }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =12. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list {	list-style: none; font-size: 100%; line-height: 150%; padding-left: 10px; text-align:left !important; font-family: 'Georgia', 'Times New Roman', Times, serif; margin: 20px 0; }
	
ol { list-style: decimal; line-height:1.5; padding:0px 0px 13px 20px; font-family: 'Georgia', 'Times New Roman', Times, serif; }

.child ul.unordered-list, .child .hentry ul, .child ol { padding:10px 30px 0 50px; }

ul.unordered-list li {margin-bottom: 10px;}
ul.unordered-list li:before { content: "\25B6"; padding-right: 10px; color: #7cb66c; }

/*ul.unordered-list li a, ol li a { color:#555; text-decoration:none; border-bottom:1px solid #888; }

ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; border-bottom:1px solid #555; }*/

ul li span.lighter { color:#888; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 75%; }
ul.tag-list { list-style: none; line-height:1.5; padding:7px 0px 15px 0px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 75%; }
ul.tag-list li a { background:#eee; padding:5px 10px 6px 10px; color:#555; border:0 none; /*border-radius:2px;*/ display:inline-block; float:left; margin-right:5px; 
margin-bottom:5px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =13. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map { width:100%; height:395px; margin:0; border:0 }
#map:before, #map:after { background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
#map:after { bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =14. Blog
--------------------------------------------------------------------------------------------------------*/
.blog-author-profile { padding: 55px 0 45px; width: 100%; }
.blog-author-picture { float: left; padding:0 30px; line-height: 0; width:25% }
.blog-author-picture > img { display: block; width: 100%; max-width: 150px; }
.blog-author-description { float: left; width: 75%; padding-right:30px; }
p.alignleft { padding-right:15px; }
.comments { padding: 22px 0px 26px 0px; }
.comment-count { height: 60px; border-bottom: 1px dotted #d8d8d8; }
.comment { padding: 40px 0 25px 0; border-bottom: 1px dotted #d8d8d8; position:relative }
.comment p.tiny { padding-bottom:5px }
.comment.reply.level-1 { padding-left: 6.6%; }
.commenter-avatar { float: left; padding: 0 30px; width: 135px; }
.commenter-avatar > img { width: 75px; }
.comment-content { float: left; max-width:70%; }
.comment-reply-button-column { float: right; width: auto; }
.comment-reply-button-column a { margin: 0px 25px; color:#555; }
.comment-reply-button-column a:hover { color:#2b2b2b; }
.about-image-wrapper { width: 150px; float: left; margin: 0 20px 0 70px; }
.about-image-wrapper img { display: block; float: right; }
.comment-form-wrapper { padding: 69px 0 0 0; position: relative; }
.comment-form-icon-wrapper { position: absolute; top: 69px; left: 30px; background:url(../images/icons/bg-quote.png) no-repeat center; background-size:24px 24px; display: block; height: 75px; width: 75px; border:0 none; border-radius:50%; border:1px solid #ccc }
.comment-form { padding: 0 30px 0 136px; }
.comment-form.contact-form { padding-left:30px }
.comment-form > input, .comment-form > textarea { padding: 17px 18px; width: 289px; margin-bottom: 10px; border:1px solid #d8d8d8; text-align: left; font-style: normal; 
font-size: 100%; line-height: 20px; background:#fff; }
input:focus, textarea:focus { border:1px solid #999; }
.comment-form.contact-form input { float:left; margin-right:10px; width:280px; }
input.last { margin-right:0 !important }
.comment-form > textarea { width: 100%; height: 174px; }
aside p.small { color:#2b2b2b }
/* End Blog
--------------------------------------------------------------------------------------------------------*/

/* Back to Top */

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 15px;
	text-align: center;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #333 no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}