.hoverLink {position:relative; display:block;}
.hoverLink img {position:relative;}
.hoverLink > span {position:absolute; top:0; left:0; bottom:0; right:0; display:block; background:url(../images/transparent_png/black20.png); filter: alpha(opacity=0); opacity:0;}
.hoverLink:hover > span{}
.hoverLink > span .icon {position:absolute; width:24px; height:24px; top:50%; left:50%; margin:-12px 0 0 -12px; display:block; background-image:url(../images/hoverLinkSprite.png); background-repeat:no-repeat;}
.hoverLink > span .icon.image {background-position:-72px -24px;}
.hoverLink > span .icon.video {background-position:-48px -24px;}
.hoverLink > span .icon.link {background-position:-24px -24px;}
.hoverLink > span .icon.extlink {background-position:0 -24px;}
body.light .hoverLink > span {background:url(../images/transparent_png/white20.png);}
body.light .hoverLink > span .icon.image {background-position:-72px 0;}
body.light .hoverLink > span .icon.video {background-position:-48px 0;}
body.light .hoverLink > span .icon.link {background-position:-24px 0;}
body.light .hoverLink > span .icon.extlink {background-position:0 0;}

/* PORTFOLIO */
.hg-portfolio h1.title {font-weight:bold;}
.hg-portfolio .items-row .separator {margin-top:20px;}
.hg-portfolio .img-intro img {max-width:100%;}
.hg-portfolio .items-row.cols-2 > .item,
.hg-portfolio .items-row.cols-3 > .item,
.hg-portfolio .items-row.cols-4 > .item {float:left;}
.hg-portfolio .items-row.cols-1 > .item {width:100%;}
.hg-portfolio .items-row.cols-2 > .item {width:50%;}
.hg-portfolio .items-row.cols-3 > .item {width:33.33%;}
.hg-portfolio .items-row.cols-4 > .item {width:25%;}

/* cols 1*/
.hg-portfolio .items-row.cols-1 {margin-bottom:20px;}
.hg-portfolio .items-row.cols-1 .img-intro {float:left; width:50%;}
.hg-portfolio .items-row.cols-1 > .item .img-intro {margin-right:25px;}

/* cols 2*/
.hg-portfolio .items-row.cols-2 {margin-bottom:20px;}
.hg-portfolio .items-row.cols-2 .img-intro {margin-bottom:20px;}
.hg-portfolio .items-row.cols-2 .inner-item {margin-right: 30px;}

/* cols 3*/
.hg-portfolio .items-row.cols-3 {margin-bottom:20px;}
.hg-portfolio .items-row.cols-3 .img-intro {margin-bottom:17px;}
.hg-portfolio .items-row.cols-3 .inner-item {margin-right: 30px;}
.hg-portfolio .items-row.cols-3 h4.title {font-size: 18px; line-height: 1.5;}

/* cols 4*/
.hg-portfolio .items-row.cols-4 {margin-bottom:20px;}
.hg-portfolio .items-row.cols-4 .img-intro {margin-bottom:14px;}
.hg-portfolio .items-row.cols-4 .inner-item {margin-right: 25px;}
.hg-portfolio .items-row.cols-4 h4.title {font-size: 18px; line-height: 1.3;}

.hg-portfolio-item .img-full { margin-bottom:20px;}
.hg-portfolio-item .other-images {margin:20px 0 0 -20px; padding:0; list-style:none;}
.hg-portfolio-item .other-images li {float:left; margin:0 0 20px 20px; list-style:none;}
.hg-portfolio-item .other-images li iframe {padding: 4px; border: 1px solid #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.hg-portfolio-item .itemLinks {margin-top:15px;}
.hg-portfolio-item .itemSocialSharing > div {float:left; margin-right:30px;}
.hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {float:none; padding-left: 25px; width:auto;}
.hg-portfolio-item .text ul.clearfix:after {clear: none; zoom:0; }

/* SORTABLE PORTFOLIO */
.hg-portfolio-sortable h1.title,
.hg-portfolio-sortable h4.title {font-weight:bold;}

.hg-portfolio-sortable #sorting { float:right; margin:0; font-size: 10px; font-weight:bold; text-transform: uppercase; padding: 8px 10px; background: url(../images/transparent_png/white10.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.hg-portfolio-sortable #sorting ul {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;}
.hg-portfolio-sortable #sort-direction {margin-right:0 !important;}
.hg-portfolio-sortable #sorting ul li {float:left; margin-left:10px; line-height:1; margin-bottom:0;}
.hg-portfolio-sortable #sorting ul li a {color: #FFF; line-height:1;}
.hg-portfolio-sortable #sorting ul li a.selected {text-decoration:underline;}

.hg-portfolio-sortable #sorting .sortTitle {line-height:1;}

.hg-portfolio-sortable #portfolio-nav {margin:0 0 20px; padding:0; list-style:none; float: left;}
.hg-portfolio-sortable #portfolio-nav li {float:left; margin-left:15px;}
.hg-portfolio-sortable #portfolio-nav li:first-child {margin-left:0;}
.hg-portfolio-sortable #portfolio-nav li a { background: url(../images/transparent_png/white10.png); padding:8px 10px; line-height: 1; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #EEE; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; display:inline-block; margin-right:0; width: auto; height: auto; text-indent: 0;}
.hg-portfolio-sortable #portfolio-nav li a:hover,
.hg-portfolio-sortable #portfolio-nav li.current a {background: url(../images/transparent_png/white20.png);}

.hg-portfolio-sortable ul#thumbs {margin:0 0 0 -20px; padding:0; list-style:none; left: 5px;}
.hg-portfolio-sortable ul#thumbs li {float:left; width:220px; margin: 5px 5px 15px 15px; position:relative;}
.hg-portfolio-sortable ul#thumbs li .inner-item { padding: 4px ; border: 1px solid #222; background: #000; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity:0.9;}

.hg-portfolio-sortable ul#thumbs li .inner-item:hover {-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5); opacity:1;}
.hg-portfolio-sortable ul#thumbs li .inner-item h4{ margin-top: 0px; display: block; line-height: 1; border-bottom: 1px dotted #333; margin-bottom: 10px; font-weight:normal; padding:0 6px 10px; }
.hg-portfolio-sortable ul#thumbs li .inner-item h4 a { font-size:18px;  line-height: 1;}
.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc { font-size: 12px; color: #777; padding:0 6px; display: block; }
.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {margin-bottom:10px;}
.hg-portfolio-sortable ul#thumbs li.isotope-item {z-index:2;}
.hg-portfolio-sortable ul#thumbs li.isotope-hidden {z-index:1;}

.hg-portfolio-sortable ul#thumbs li .inner-item {border: 1px solid #ddd; background: #fff; }
.hg-portfolio-sortable #portfolio-nav li a { background: url(../images/transparent_png/black10.png); color: #111;}
.hg-portfolio-sortable #portfolio-nav li a:hover,
.hg-portfolio-sortable #portfolio-nav li.current a {background: url(../images/transparent_png/black20.png);}
.hg-portfolio-sortable #sorting { background: url(../images/transparent_png/black10.png);}
.hg-portfolio-sortable #sorting ul li a {color: #000;}


/* PORTFOLIO CAROUSELS */
.hg-portfolio-carousel h1.title,
.hg-portfolio-carousel h4.title {font-weight:bold;}
.hg-portfolio-carousel .items-row .separator {margin-top:20px;}
.hg-portfolio-carousel .items-row .item .ptcarousel {}
.lastRow.items-row .separator {display:none;}
.lastRow.items-row {margin-bottom:20px;}
.hg-portfolio-carousel .rhino-container {margin:0 !important;}

.itemLinks span a { background: url(../images/transparent_png/black10.png); padding:6px 10px; line-height: 1; font-size: 10px; font-weight: bold; text-transform: uppercase;; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; display:inline-block; margin-right:15px; }
.itemLinks span a:hover {background: url(../images/transparent_png/black20.png);}

.component-content .items-row {overflow:visible;}

.showcase-item {overflow:hidden; position:relative; margin-top: -1px !important; border-top: 1px solid #EFEFEF; padding-top: 20px !important;}
.showcase-item > .description-overlay {position:absolute; left:0; top:100%; background: url(../images/transparent_png/black70.png); background: rgba(0, 0, 0, 0.7); color: #EEE;
padding: 10px; display:block; }
.showcase-item > .description-overlay h4 {font-size:22px; line-height:1; font-weight:300; margin-top:10px;}
.showcase-item:hover {border-top:1px solid #626262; }
.showcase-item:hover > .description-overlay {top:20px;}
.showcase-item,
.showcase-item > .description-overlay {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-backface-visibility: hidden;}