html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{word-wrap:break-word;/* This is a small security for too long strings titles */}

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
/* * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} */

/* JS required warning */
.javascript-required { background: #a00; color: #fff; font-size: 2rem; line-height: 1.3; text-align: center; padding: 15px 0; }
.javascript-required p{margin:0;padding:0;}

/* Clearfix */
.clearfix:before,.clearfix:after{content:' ';display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* Helper classes */
.nobr,.phone{white-space:nowrap;}
.uppercase{text-transform:uppercase;}
.no-margin{margin:0 !important;}
.transition-opacity{-o-transition:opacity 0.25s linear;-moz-transition:opacity 0.25s linear;-khtml-transition:opacity 0.25s linear;-webkit-transition:opacity 0.25s linear;-ms-transition:opacity 0.25s linear;transition:opacity 0.25s linear;-webkit-transform:translateZ(0); }
ul.no-disc { list-style-type: none; margin-left: 1em; padding-left: 0; list-style-position: inside; text-indent: -1em; }

/* General font styles */
b,strong,.strong,.bold { font-weight: 700; }
.large { font-size: 1.8rem; }
.thin { font-weight: 400; }
.small,small { font-size: 0.9rem; line-height: 1.4; }
.lead { font-size: 1.6rem; line-height: 1.7; font-weight: 700; }

/****    THEME    ****/

table.small { width: 100%; }

table.small,
ul.small { font-size: 0.95rem; line-height: 1.45; }

ul.dashed {
  list-style-type: none;
}

ul.dashed li:before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}

/****    THEME    ****/
body { color: #222; margin: 0; font-family: "franklin-gothic-urw", sans-serif; font-weight: normal; font-style: normal; font-size: 1rem; line-height: 1.5; }
div[canvas=container] { background: #242424; }
#content { background: #fff; padding-top: 0; padding-bottom: 150px; }
body.home #content { padding-top: 0; }

h1,h2,h3,h4,h5,h6 { font-family: "clarendon-text-pro", sans-serif; font-weight: normal; font-weight: 400; line-height: 1.2; }
h1 { font-size: 2rem; margin-bottom: 20px; }
h2 { font-size: 1.4rem; margin-bottom: 10px; color: #666; font-family: "franklin-gothic-urw", sans-serif; font-weight: 700; text-transform: uppercase; }
h3 { font-size: 1.4rem; margin-bottom: 10px; }
h4 { font-size: 1.3rem; margin-bottom: 5px; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1.1rem; }

p,ol,ul { margin-bottom: 2em; }
p.small { margin-bottom: 1em; }

a { color: #3aafa9; text-decoration: none; outline: none !important; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }
.no-touchevents a:hover { color: #186487; text-decoration: underline; }
a.icon-external:after {
	color: #999;
	content: "\f08e";
	font-family: 'Font Awesome 6 Free';
	font-style: normal;
	font-weight: normal;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	font-size: 10px;
	vertical-align: middle;
	margin: -6px 3px 0 3px;
	display: inline-block;
}
a.icon-external:hover:after { text-decoration: none; }
ul.no-disc a.icon-external:after { padding-left: 1.5em; }

.background-cover {
	position: relative;
	background-size: cover !important;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	height: calc(100vh);
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


::selection { background: #ff9; }
::-moz-selection { background: #ff9; }




/****    HEADER    ****/
.site-header {
	background: rgba(0,0,0,0.86);
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-weight: 700;
	height: 70px;
	width: 100%;
	z-index: 9999;
	border-bottom: 1px solid #333;
}


#site-header-sticky {
	position: fixed;
	top: 0;
	display: none;
}
#site-header-sticky nav a {
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
}
#site-header-sticky nav ul { list-style-type: none; margin: 0; padding: 0; float: right; }
#site-header-sticky nav ul li { list-style-type: none; margin: 0; padding: 0; display: inline-block; }
#site-header-sticky nav { right: 15px; top: 25px; position: absolute; line-height: 1; }


#site-header-sticky .site-header-logo {
	margin: 0;
	float: none;
}



#site-header-hamburger {
	position: absolute;
	top: 25px;
	left: 20px;
	z-index: 9990;
}

.site-header-logo {
	display: block;
	margin: 0 auto;
	width: 68px;
}
.site-header-logo a,
#site-footer-logo a {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../img/logo-analogpixel.png) 0 0 no-repeat;
	width: 68px;
	height: 40px;
	background-size: 68px 80px;
	margin: 15px 0;
}
#site-footer-logo a {
	margin: 15px 0 30px 0;
}
.site-header-logo a:hover,
#site-footer-logo a:hover {
	background: transparent url(../img/logo-analogpixel.png) 0 -40px no-repeat;
	background-size: 68px 80px;
}
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.site-header-logo a,
	#site-footer-logo a {
		background: transparent url(../img/logo-analogpixel@2x.png) 0 0 no-repeat;
		background-size: 68px 80px;
	}
	.site-header-logo a:hover,
	#site-footer-logo a:hover {
		background: transparent url(../img/logo-analogpixel@2x.png) 0 -40px no-repeat;
		background-size: 68px 80px;
	}
}
@media(min-resolution:288pi), (-webkit-min-device-pixel-ratio:3), (min--moz-device-pixel-ratio:3), (-o-min-device-pixel-ratio:3 / 1), (min-device-pixel-ratio:3), (min-resolution:3dppx) {
	.site-header-logo a,
	#site-footer-logo a {
		background: transparent url(../img/logo-analogpixel@3x.png) 0 0 no-repeat;
		background-size: 68px 80px;
	}
	.site-header-logo a:hover
	#site-footer-logo a:hover {
		background: transparent url(../img/logo-analogpixel@3x.png) 0 -40px no-repeat;
		background-size: 68px 80px;
	}
}
#site-footer abbr { text-decoration: none; }




/****    FOOTER    ****/
#site-footer { font-size: 0.8rem; color: #fff; background: #242424; padding: 30px 0; }
#site-footer a { color: #fff; text-decoration: none; }
#site-footer a:hover { color: #3aafa9; text-decoration: none; }

#site-footer ul { font-size: 0.95rem; list-style-type: none; margin: 0 0 15px 0; padding: 0; }
#site-footer ul li { list-style-type: none; margin: 0; padding: 0; }

#site-footer ul.social-media { font-size: 1.1rem; line-height: 1; list-style-type: none; padding-left: 0; margin: 30px 0; }
#site-footer ul.social-media li { display: inline; }
#site-footer ul.social-media li a { display: inline-block; padding: 0 7px; color: #aaa; }
.no-touchevents #site-footer ul.social-media li a:hover { color: #3aafa9; }




/****    SECTIONS    ****/
section.section-padding { padding: 75px 0; }


/****    FORM    ****/
span.required { color: #c00; padding-left: 5px; }
.form-group { margin-bottom: 1em; }
.form-group .form-control { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.form-control.error { border: 1px solid #c00; }
.form-group label { font-weight: 700; color: #666; font-size: 0.888888888888889rem; margin-bottom: 0.25em; }
.form-group label.error { font-weight: 400; color: #c00; font-size: 0.875rem; padding-top: 4px; float: right; }
.g-recaptcha { margin-bottom: 25px; }
/*
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
*/




   
  
/* SIDEBAR */
#sidebar .module {
	margin: 0 0 45px 0;
}


 
/* NEWS */
ul.news-recent { list-style-type: none; margin: 0 0 2em 0; padding: 0; }
ul.news-recent li { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
ul.news-recent .news-date { color: #666; display: block; font-size: 0.9rem; line-height: 1.2; clear: left; }

#news-twitter .tweet { font-size: 0.9rem; }
#news-twitter .tweet ul { list-style-type: none; margin: 0 0 2em 0; padding: 0; }
#news-twitter .tweet li { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
#news-twitter p { margin: 0 0 1em 0; }

		
		



/****    PRINT STYLES    ****/
@media print {
@page {
    size: auto;
}	.container { width: auto; }
}


/****    MEDIA QUERIES    ****/
@media (min-width: 360px) {
}
@media (min-width: 576px) {
}
@media (min-width: 666px) {
}
@media (min-width: 768px) {
	#content { padding-top: 70px; }
	#site-header-sticky { display: block; }
	#site-header { display: none; }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}



/* WORK IN PROGRESS */
/* https://stackoverflow.com/questions/30102792/css-media-query-target-only-ios-devices */
@supports (-webkit-overflow-scrolling: touch) {
	/* CSS specific to iOS devices */
}
@supports not (-webkit-overflow-scrolling: touch) {
	/* CSS for other than iOS devices */
	.background-cover { background-attachment: fixed; }
}






/****     SLIDESHOW HERO     ****/
.cycle-slideshow-hero,
.cycle-slideshow-hero .cycle-slide,
.cycle-slideshow-hero .cycle-slide .cycle-slide-fullscreen {
	width: 100%;
	/* height: 100vh; */
	position: relative;
	background-size: cover !important;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 30px;
}
.cycle-slideshow-hero {
	z-index: 1;
}
.cycle-slideshow,
.cycle-slideshow img {
	width: 100%;
	height: auto;
	z-index: 900;
}
.cycle-prev-next { margin: 15px 0 0 0; }
.cycle-prev-next i { padding: 15px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); transition: all 0.3s ease; /* transform: translate3d(0,0,0); */ }
.no-touch .cycle-prev-next i:hover { opacity: 0.75; filter: alpha(opacity=75); }










::-moz-selection { background: #d6e2ee; !important; } 
::selection { background: #d6e2ee; !important; }


/* @import url(//fonts.googleapis.com/css?family=Stint+Ultra+Expanded|Open+Sans:300italic,400italic,700italic,400,700,300); */

.align-left {
float: left;
}
.align-right {
float: right;
}

IMG.align-left {
float: left;
display: block;
margin: 5px 20px 20px 0;
}
IMG.align-right {
float: right;
display: block;
margin: 5px 0 20px 20px;
}



hr {
clear: both; /* NEED TO TEST */
border: none 0;
border-top: 1px solid #666;
width: 100%;
height: 1px;
}
div.hr_dots {
border: none 0; height: 1px;
background: transparent url('/img/hr_dots.gif') no-repeat scroll left;
}
div.hr_dots hr {
display: none;
}



/* LAYOUT */


#sidebar {
	margin: 55px 0;
}
ul.nav-sidebar {
list-style-type: none;
padding: 0;
margin: 0 0 30px 0;
}
ul.nav-sidebar a, ul.nav-sidebar a:link, ul.nav-sidebar a:visited {
text-decoration: none;
display: block;
padding: 3px 9px;
}
ul.nav-sidebar a:hover, ul.nav-sidebar a:active {
color: #666;
text-decoration: none;
}
ul.nav-sidebar li.active a {
text-decoration: none;
font-weight: normal;
font-weight: 700;
}



.breadcrumb {
color: #6c757d;
font-size: 1rem;
background: none;
padding: 0;
margin: 15px 0 60px 0;
}
ol.breadcrumb { margin: 0; }
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
color: #6c757d;
text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:active {
color: #6c757d;
text-decoration: underline;
}



.col-sidenav {
float: left;
display: block;
width: 180px;
margin: 0 40px 0 0;
font-size: 1.3em;
line-height: 166%;
font-weight: bold;
}
/*

#page.sidebar-left .col-main {
float: left;
display: block;
margin-left: 30px;
width: 630px;
font-size: 1.3em;
line-height: 166%;
}

#page.sidebar-left .col-sidebar {
float: left;
display: block;
width: 300px;
margin-left: 0px;
font-size: 1.3em;
line-height: 166%;
}
*/


/* FORM */
label { text-transform: uppercase; font-size: 0.85em; }
input.input_styled { background: #efefef; font-family: 'Open Sans', 'Helvetica Neue Light', 'HelveticaNeue-Light', Helvetica, Arial, sans-serif; font-size: 1.5em; color: #333; margin: 0 0 10px 0; padding: 5px 5px 5px 5px; width: 288px; border: 1px solid #cccccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
textarea.input_styled { background: #efefef; font-family: 'Open Sans', 'Helvetica Neue Light', 'HelveticaNeue-Light', Helvetica, Arial, sans-serif; font-size: 1.5em; color: #333; margin: 0 0 10px 0; padding: 5px 5px 5px 5px; width: 618px; border: 1px solid #cccccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
input.input_styled:focus, textarea.input_styled:focus { background: #ffffff; border: 1px solid #004685; }

#footer-subscribe { height: 25px; }
input.footer-subscribe { border: 1px solid #cccccc; padding: 2px 5px; color: #999999;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
input.footer-subscribe:focus { border: 1px solid #3374c2; }
input#footer-submit { border: none; background: none; color: #3374c2; font-weight: bold; padding: 0; margin: 0; }




/* FORM VALIDATION */
label.error { font-weight: bold; margin-left: 10px; width: auto; display: inline; color: #990000; font-size: 0.85em; line-height: 100%; }
input.error, textarea.error { border: 1px solid #990000; }

/* BLOG */
#fb-wrapper { padding: 1.5em 0 1.5em 0; }




body.home #slideshow-container {
position: relative;
margin: 0;
padding: 0;
width: 960px;
height: 384px;
z-index: 499;
margin: 30px 0 20px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
body.home #slideshow {
background: #000000;
position: relative;
margin: 0;
padding: 0;
width: 960px;
height: 350px;
z-index: 500;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#slideshow img { display: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#slideshow img.first { display: block }
ul#slideshow-nav { width: 54px; margin: 10px 453px 10px 453px; z-index: 501; overflow: hidden; list-style-type: none; }
ul#slideshow-nav li { margin: 0 4px 0 0; padding: 0; list-style-type: none; float: left; background: transparent url(/img/cycle-nav-dot.png) 0 0 no-repeat; width: 14px; height: 14px; }
ul#slideshow-nav li:last-child { margin: 0 0 0 0; }
ul#slideshow-nav li.activeSlide { background: transparent url(/img/cycle-nav-dot.png) 0 -14px no-repeat; }
ul#slideshow-nav li a { float: left; text-decoration: none; width: 14px; height: 14px; overflow: hidden; text-indent: -9999px; display: block; }
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	ul#slideshow-nav li {
		background: transparent url(/img/cycle-nav-dot@2x.png) 0 0 no-repeat;
		background-size: 14px 28px;
	}
	ul#slideshow-nav li.activeSlide {
		background: transparent url(/img/cycle-nav-dot@2x.png) 0 -14px no-repeat;
		background-size: 14px 28px;
	}
}






.formSubscribe-error {
color: #f00;
}







/* HOME */



body.home .module {
 	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	margin: 10px 0;
	padding: 20px 25px;
	color: #fff;
	min-height: 175px;
	line-height: 1.35;
}
body.home .module h6 {
	font-family: "franklin-gothic-urw", sans-serif;
	font-weight: 700;
	/* position: absolute; */
	bottom: 15px;
	text-transform: uppercase;
	font-size: 0.9rem;
}
#feature-sm-twitter.module ul.tweet_list { margin: 0; padding: 0; }
#feature-sm-twitter.module ul.tweet_list li { display: none; margin: 0; padding: 0; }
#feature-sm-twitter.module ul.tweet_list li:first-child { display: block; }
body.home .module a.readmore, body.home .module a.readmore:link, body.home .module a.readmore:visited {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
body.home .module a.readmore:hover, body.home .module a.readmore:active {
	color: #f00;
	text-decoration: none;
}
#feature-sm-holiday.module { background: transparent url(../img/home/module-holiday-bg@2x.jpg) 0 0 no-repeat; background-size: cover; }
#feature-sm-2.module { background: transparent url(../img/home/module-bg@2x.jpg) 0 0 no-repeat; background-size: cover; }
#feature-sm-twitter.module { background: transparent url(../img/home/module-twitter-bg@2x.jpg) 0 0 no-repeat; background-size: cover; }
#feature-sm-twitter.module .tweet_time {
font-size: 0.8rem;
}
#feature-sm-twitter.module a, #feature-sm-twitter.module a:link, #feature-sm-twitter.module a:visited {
color: #06669c;
text-decoration: none;
}
#feature-sm-twitter.module a:hover, #feature-sm-twitter.module a:active {
color: #fff;
text-decoration: underline;
}
#feature-sm-twitter.module h6 a, #feature-sm-twitter.module h6 a:link, #feature-sm-twitter.module h6 a:visited {
color: #fff;
text-decoration: none;
}
#feature-sm-twitter.module h6 a:hover, #feature-sm-twitter.module h6 a:active {
color: #fff;
text-decoration: underline;
}







/* CUSTOM SELECT */
.customSelect { cursor: pointer; width: 200px; white-space: nowrap; color: #3895a0; padding: 0 10px; text-align: left; background: transparent url(./img/customSelect-arrow.gif) center right no-repeat; }
.customSelect.customSelectHover { }
.customSelect.customSelectOpen { }
.customSelect.customSelectFocus { }
.customSelectInner { }
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.customSelect { background: transparent url(./img/customSelect-arrow@2x.gif) center right no-repeat; background-size: 19px 19px; }
}
@media (min-resolution: 288pi), (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	.customSelect { background: transparent url(./img/customSelect-arrow@3x.gif) center right no-repeat; background-size: 19px 19px; }
}


/* PORTFOLIO GRID */
/*
.port-grid-item { font-size: 1rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; text-shadow: 1px 1px 4px rgba(255,255,255, 1); }
.port-grid-item a { color: #222; position: relative; display: block; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.port-grid-item a .overlay { opacity: 1; filter:alpha(opacity=100); display: block; text-decoration: none !important; padding: 10px 15px; background: rgba(255,255,255,0.75); }
.port-grid-item a .overlay span { position: relative; top: 50%; transform: translateY(-50%); }
.port-grid-item img { border: 1px solid #eee; max-width: 100%; height: auto; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.port-grid-item a:hover img { opacity: 0.7; }
*/

/*
.port-grid-item .outline { border: 1px solid #eee; }
.port-grid-item a .overlay { opacity: 1; filter:alpha(opacity=100); display: block; color: #fff !important; text-decoration: none !important; font-weight: 400; font-size: 15px; line-height: 1.3; text-transform: uppercase; text-shadow: 1px 1px 4px rgba(0, 0, 0, 1); position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: transparent url(../img/portfolio-overlay.png) 0 0 repeat; }
.no-touch .port-grid-item a { position: relative; display: block; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.no-touch .port-grid-item a:hover { -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.port-grid-item a .overlay { margin-top: -10px; opacity: 1; filter:alpha(opacity=100); display: block; color: #fff !important; text-decoration: none !important; padding: 10px 15px; font-weight: 400; font-size: 15px; line-height: 1.3; text-transform: uppercase; text-shadow: 1px 1px 4px rgba(0, 0, 0, 1); position: absolute; bottom: 0; left: 0; width: 100%; background: transparent url(../img/portfolio-overlay.png) 0 0 repeat; }
.no-touch .port-grid-item a .overlay { opacity: 0; filter:alpha(opacity=0); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; height: 100%; width: 100%; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.no-touch .port-grid-item a:hover .overlay { display: block; background: transparent url(../img/portfolio-overlay.png) 0 0 repeat; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.no-touch .port-grid-item a .overlay span { position: relative; top: 50%; transform: translateY(-50%); }
*/

.port-grid-item { padding-top: 15px; padding-bottom: 15px; margin: 15px 0 0 0; font-size: 1rem; line-height: 1.3; }
/*
.port-grid-item:hover { background: #3aafa9; color: #fff; }
.port-grid-item:hover a { color: #222; }
*/
.port-grid-item img { border: 1px solid #eee; max-width: 100%; height: auto; }
.port-grid-item a { color: #222; text-decoration: none; position: relative; }
.port-grid-item a:first-child { display: inline-block; }
.port-grid-item a:hover { color: #222; text-decoration: none; }
.port-grid-item .title { text-transform: uppercase; font-weight: 700; display: block; padding-top: 10px; }
.port-grid-item .small { color: #999; }
.port-grid-item .small a { color: #999; }
/* #content { background: #000; } */

.port-grid-item img {
    -webkit-filter: brightness(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.port-grid-item:hover img {
    -webkit-filter: brightness(70%);
}



/* PORTFOLIO DETAIL */
.entry-portfolio { font-size: 15px; line-height: 1.6; }
.entry-portfolio h2 { font-size: 15px; line-height: 1.6; font-weight: 600; margin: 0; padding: 0; }
.entry-portfolio { margin: 0 0 24px; }


/* PORTFOLIO GALLERY */
#port-gallery-cycle { margin: 0 0 20px 0; padding: 0; }
#port-gallery-pager { margin: 0 0 60px 0; padding: 0; }
#port-gallery-pager:after { content: ''; display: table; }
#port-gallery-pager div { margin: 0 0 20px 0; cursor: pointer; }
/*
#port-gallery-cycle .cycle-prev { position: absolute; left: 5px; top: 45%; z-index: 1003; text-decoration: none; width: 40px; height: 75px; overflow: hidden; text-indent: -9999px; display: block; background: transparent url(./img/cycle-nav.png) 0 0 no-repeat; opacity: 1; filter:alpha(opacity=100); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
#port-gallery-cycle .cycle-next { position: absolute; right: 5px; top: 45%; z-index: 1003; text-decoration: none; width: 40px; height: 75px; overflow: hidden; text-indent: -9999px; display: block; background: transparent url(./img/cycle-nav.png) -40px 0 no-repeat; opacity: 1; filter:alpha(opacity=100); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.no-touch #port-gallery-cycle .cycle-prev:hover { opacity: 0.6; filter:alpha(opacity=60); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.no-touch #port-gallery-cycle .cycle-next:hover { opacity: 0.6; filter:alpha(opacity=60); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
#port-gallery-pager { width: 100%; padding: 0; list-style-type: none; }
#port-gallery-pager li { cursor: pointer; float: left; padding: 0; list-style-type: none; height: 64px; }
.no-touch #port-gallery-pager li { position: relative; display: block; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-transform: translateZ(0); -webkit-filter: grayscale(100%); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.no-touch #port-gallery-pager li:hover, .no-touch #port-gallery-pager li.cycle-pager-active { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-transform: translateZ(0); -webkit-filter: grayscale(0%); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#port-gallery-cycle .cycle-prev { background: transparent url(./img/cycle-nav@2x.png) 0 0 no-repeat; background-size: 80px 75px; }
	#port-gallery-cycle .cycle-next { background: transparent url(./img/cycle-nav@2x.png) -40px 0 no-repeat; background-size: 80px 75px; }
}
@media (min-resolution: 288pi), (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	#port-gallery-cycle .cycle-prev { background: transparent url(./img/cycle-nav@3x.png) 0 0 no-repeat; background-size: 80px 75px; }
	#port-gallery-cycle .cycle-next { background: transparent url(./img/cycle-nav@3x.png) -40px 0 no-repeat; background-size: 80px 75px; }
}
*/







/* http://css-tricks.com/examples/ButtonMaker/# */
.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 8px 16px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   




#sb-toggle {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 20px
}

#sb-toggle span {
    margin: 0 auto;
    position: relative;
    top: 10px
}

#sb-toggle span:before, #sb-toggle span:after {
    position: absolute;
    content: ''
}

#sb-toggle span, #sb-toggle span:before, #sb-toggle span:after {
    width: 25px;
    height: 4px;
    background-color: #fff;
    border-radius: 1px;
    display: block
}

#sb-toggle span:before {
    margin-top: -10px
}

#sb-toggle span:after {
    margin-top: 10px
}

#sb-toggle span {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

html.sb-active #sb-toggle span {
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#sb-toggle span:before {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}

html.sb-active #sb-toggle span:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s
}

#sb-toggle span:after {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}

html.sb-active #sb-toggle span:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s
}
.sb-slidebar ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}

.sb-slidebar li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.sb-slidebar li a {
    display: block;
    padding: 15px 30px;
    color: #fff;
    text-decoration: none !important;
    background: #999
}

.sb-slidebar ul li a:hover {
    color: #999;
    background: #fff
}