/*----------------------------------------------------------------------
 
	Theme Name: 	Dimple
	Theme URI:      http://www.demo.visualkicks.com/dimple
	Description: 	A clean, rock solid, multipurpose creative theme for agencies, small businesses and freelancers.
	Author:         Visualkicks
	Author URI:     http://www.visualkicks.com
	Version:        2.0
	Tags:           flexible-width, post-formats, translation-ready, right-sidebar
	
	License: GNU General Public License V2 or Later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	FRAMEWORK THEME OVERIDES
	SECTIONS
	LOGO
	MOBILE SIDEBAR
	MAIN MENU
	TITLES
	EFFECTS
	POST / PAGES
	POST FORMATS
	WIDGETS
	PORTFOLIO
	COMMENTS & AUTHOR
	HOME PAGE
	PANELS
	RELATED POSTS
	COPYRIGHT
	HOVERS
	404 PAGE & RESULTS PAGE
	LIKES
	SCROLL TO TOP
	FLEX SLIDER
	ISOTOPE
	OPTIONS
	RESPONSIVE
	COMPATIBILITY

/*--------------------------------------------------------------------*/
/*                    												  
/*	FRAMEWORK THEME OVERIDES
/*                    												  
/*--------------------------------------------------------------------*/

/* Mobile Sidebar */
#slideWrap {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	width: 300px;
	overflow: hidden;
	opacity: 0; /* js changes this when needed */
}

/* Page Wrap */
#pageWrap {
	position: relative;
	left: 0;
	z-index: 1;

	-webkit-transition: 0.1s ease-in-out;
	 -khtml-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	    -ms-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;

}
#pageWrap.open {
	-webkit-transform: translateX(300px);
	 -khtml-transform: translateX(300px);
	   -moz-transform: translateX(300px);
		-ms-transform: translateX(300px);
		 -o-transform: translateX(300px);
			transform: translateX(300px);
}


/*--------------------------------------------------------------------*/
/*                    												  
/*	SECTIONS
/*                    												  
/*--------------------------------------------------------------------*/

/* Main Section background colors are overiden by the theme customizer
/* These background colors are just fallbacks should the customizer fail */

#slideWrap {
	background: #ffffff; /* #ffffff */
}
#mainHeader {
	background: #ffffff; /* #ffffff */
}
#mainPageTitle, .mainPageTitle {
	background: #f1f1f1; /* #f1f1f1 */
}
#mainBody, .mainPageTitle {
	background: #ffffff; /* #ffffff */
}
#mainRelated {
	background: #35393D; /* #35393D */
}
#mainPagination {
	background: #f1f1f1; /* #f1f1f1 */
}
#mainFooter {
	background: #2A2D30; /* #2A2D30 */
}
#mainCopyright, body, #pageWrap {
	background: #1F2224; /* #1F2224 */
}


/* Section Overides */
#mainHeader {
	overflow: visible;
	border-bottom: solid 10px #000;
	z-index: 100;
}
#mainHeader .container {
	padding-top: 40px;
	padding-bottom: 30px;
}
#mainPagination .container {
	padding-top: 50px;
	padding-bottom: 50px;
}
#mainCopyright .container {
	padding-top: 50px;
	padding-bottom: 50px;
}


/* Section Borders */
.section-border-top,
.section-border-bottom {
	display: none; /* controlled via section options */
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background-color: none;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;

}
.section-border-top { top: 0; }
.section-border-bottom { bottom: 0; }
.section-border-in { margin: 0 3%; height: 2px; }


#mainHeader .section-border-bottom { bottom: -10px; }


/*--------------------------------------------------------------------*/
/*                    												  
/*	LOGO
/*                    												  
/*--------------------------------------------------------------------*/

.logo h4 {
	display: block;
	font-family: Helvetica, arial, sans-serif;
}
.logo p {
	display: block;
	font-family: Helvetica, arial, sans-serif;
}
.logo img {
	display: inline-block;	
}
.logo-left .logo img {
	margin: 0;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	MOBILE SIDEBAR
/*                    												  
/*--------------------------------------------------------------------*/

/* Slide Button */
.slideButton {
	position: absolute;
	top: -20px;
	left: 0px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 18px;

	cursor: pointer;
	text-align: center;
	border: none; 
}
.slideButton * {
	margin-bottom: 0;
}

/* Slide Sections */
.mobile-scroll {
	overflow: scroll;
	overflow-x: hidden;
	width: 300px;
	position: absolute;
	top: 0;
	bottom: 0;
	padding-top: 40px;
}
#slideWrap .section {
	padding: 0 30px;
	width: 240px;
	text-align: left;
	position: relative;
}

/* Slide Main Menu */
#slideWrap .slider-main ul {
	display: block;
}
#slideWrap .slider-main ul li {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	opacity: 1 !important;
}
#slideWrap .slider-main ul li a {
	display: block;
	padding-bottom: 5px;
	opacity: 1 !important;
}
#slideWrap .slider-main ul li:last-child a { padding-bottom: 0px; }

/* Subs */
#slideWrap .slider-main ul ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: solid 1px;
	float: left;
}

#slideWrap .slider-main ul ul li,
#slideWrap .slider-main ul ul ul,
#slideWrap .slider-main ul ul li ul li {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/* Slider Lists */
#slideWrap div.widget ul,
#slideWrap div.widget ul li,
#slideWrap div.widget ul li a {
	text-align: left;
}



/* Small Device Close Button */
.phone-close {
	display: none;
}
.isMobile.noTablet .mobile-scroll {
	padding-top: 20px;
}
.isMobile.noTablet .phone-close {
	display: block;
	position: relative;
	line-height: 44px;
	font-size: 14px;
}
.isMobile.noTablet .phone-close span {
	font-size: 18px;
	margin-right: 10px;
}
.isMobile.noTablet #pageWrap.open .slideButton {
	display: none;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	MAIN MENU
/*                    												  
/*--------------------------------------------------------------------*/

.menuPC {
	margin-bottom: 0px;
	display: none;
	float: right;
	position: absolute;
	right: 3%;
	bottom: -40px;
}

/* Top Level */
.menuPC ul {}
.menuPC > ul > li a {
	height: 64px;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer;
	display: block;
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
	    -ms-transition: all 0s;
	     -o-transition: all 0s;
	        transition: all 0s;
}
.menuPC > ul > li a:hover {
	border-bottom: solid 10px;
	height: 54px;
	color: #222;
}
.menuPC ul li a span {
	padding-right: 6px;
	opacity: .2;
}

/* Current Page Item */
.menuPC > ul > li.current_page_parent a,
.menuPC > ul > li.current-menu-item a,
.menuPC > ul > li.current-menu-ancestor a {
	border-bottom: solid 10px;
	height: 54px;
}


/* Sub Level 1 */
.menuPC ul li ul {
	top: 64px;
	left: 0;
	width: 200px;
	padding: 15px;
}
.menuPC ul li ul li {
	margin: 0px;
	padding: 10px 0px;
	border-bottom: solid 1px;
}
.menuPC ul li ul li:first-child {
	padding-top: 0px;
}
.menuPC ul li ul li:last-child {
	padding-bottom: 0px;
	border: none;
}
.menuPC ul li ul li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto !important;
	border: none !important;
}
.menuPC ul li ul li a:hover {
	height: auto !important;
}

/* Sub Level 2 */
.menuPC ul li ul li ul {
	top: 0px;
	margin-left: 216px;
}



/*--------------------------------------------------------------------*/
/*                    												  
/*	TITLES
/*                    												  
/*--------------------------------------------------------------------*/

/* Feature Title */
.mainPageTitle.featured .featured-icon {
	display: block;
	margin-bottom: 20px;
}
.mainPageTitle.featured h1.title-featured {

}
.mainPageTitle.featured .title-information {
	position: relative;
	margin-top: 63px;
}
.mainPageTitle.featured .title-information p {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.mainPageTitle.featured .title-information.entry-meta p {
	margin-left: 0px;
	margin-right: 10px;
}
.mainPageTitle.featured .title-information.entry-meta .entry-nav {
	margin-top: 27px;
}
.mainPageTitle.featured .title-information .feature-title-divider {
	position: absolute;
	top: -33px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 3px;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	EFFECTS
/*                    												  
/*--------------------------------------------------------------------*/

/* Effects */
.feature-background, .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: repeat;
	/* box-shadow: inset 0 0 20px -5px rgba(0,0,0,.8); */
	/* -webkit-box-shadow: inset 0 0 20px -5px rgba(0,0,0,.8); */
}

/* overlay */
.overlay {
	opacity: .7;
}
#mainHeader .overlay {
	bottom: -10px;
}

/* forced shadows */
.mainPageTitle.featured.shadow-off img {
	box-shadow: none !important;
}
.mainPageTitle.featured.shadow-on img {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 -1px 0 rgba(255,255,255,.3) !important;
	 -khtml-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 -1px 0 rgba(255,255,255,.3) !important;
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 -1px 0 rgba(255,255,255,.3) !important;
	    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 -1px 0 rgba(255,255,255,.3) !important;
	     -o-box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 -1px 0 rgba(255,255,255,.3) !important;
	        box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 -1px 0 rgba(255,255,255,.3) !important;
}

/* parallax */
.parallax {
	position: absolute;
	background-clip: padding-box;
	width: 100%;
	max-width: 100%;
	top: 0;
	-webkit-transform: translate3d(0,0,0); /* webkit anti-jitters */
}

/* Don't use parallax on small devices and mobiles */
.isTablet .parallax,
.isMobile .parallax {
	position: absolute;
	background-position: center !important;
	height: 100%;
	top: 0;
}


/*--------------------------------------------------------------------*/
/*                    												  
/*	POST / PAGES
/*                    												  
/*--------------------------------------------------------------------*/

/* Entry Wraps */
.content-section {
	border-bottom: solid #e2e2e2 2px;
	margin-bottom: 40px;
}

/* Media */
.entry-media-wrapper {}

/* Titles */
.title-divider {
	clear: both;
	display: inline-block;
	margin-bottom: 30px;
	height: 3px;
	width: 50px;
}
.sub-title { margin-bottom: 5px !important; }
.sub-title-divider {
	clear: both;
	display: inline-block;
	margin-bottom: 30px;
	height: 3px;
	width: 50px;
}

/* Title Link Hovers */
.title a:hover,
.sub-title a:hover { opacity: .7; }


/* Top Meta */
.entry-meta {
	margin-top: 2px;
}
.entry-meta p {
	margin-bottom: 0px;
	margin-right: 10px;
	display: inline-block;
}
.entry-meta p span[class*='fa-'] {
	margin-right: 10px;
}

/* Bottom Meta */
.entry-bot-meta {
	display: inline-block;
	text-transform: lowercase;
}
.entry-bot-meta a {
	margin-bottom: 3px;
}
.entry-bot-meta .tiny span {
	margin-right: 3px;
}

/* Sharing */
.entry-share span {
	opacity: .2;
	margin-bottom: 5px;
}
.entry-share span:hover {
	opacity: 1;
}
.entry-share p {
	margin-bottom: 0px;
}


/* Pagination */
div.nav-next, div.nav-prev {
	margin-bottom: 10px;
}

.entry-pagination span {
	display: block;
	float: left;
}
.entry-pagination span.text-wrap {
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

div.nav-next span.text-wrap { margin-right: 10px; }
div.nav-prev span.text-wrap { margin-left: 10px; }


/* Portfolio Pagination */
.portfolio-pagination { opacity: 0; }


/*--------------------------------------------------------------------*/
/*                    												  
/*	POST FORMATS
/*                    												  
/*--------------------------------------------------------------------*/

/* Format Wrappers */
.media-audio {}
.media-gallery {}
.media-link {}
.media-quote {}
.media-standard {}
.media-video {}

/* Format Images */
.media-audio img,
.media-standard img  {}


/* Featured Media Image Rules */
.featured.col3 .media-standard img,
.featured.col3 .media-gallery img,
.featured.col3 .media-audio img {
	width: auto !important;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}


/* Image Captions */
.cap-wrap {
	position: relative;
}
.caption {
	position: absolute;
	bottom: 15px;
	left: 20px;
	margin-bottom: 0px;
	margin-right: 20px;
}
.caption p {
	color: #fff;
	margin-bottom: 0px;
	text-shadow: 0 0 6px rgba(0,0,0,.7);
	font-size: 15px;
}


/* Standard Image Fullwidth */
.col3 .media-standard img {
	margin-left: auto;
	margin-right: auto;
}


/* Gallery Thumbnails */
.gallery-thumbnails {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: -2%;
}
.gallery-thumbnails div.thumb {
	display: block;
	width: 32%;
	margin-bottom: 2%;
	float: left;
}
.gallery-thumbnails div.thumb:nth-child(3n+2){
	margin-left: 2%;
	margin-right: 2%;
}

/* Gallery Lists */
.gallery-list .list {
	position: relative;
	margin-bottom: 10px;
}

.gallery-list .list:last-child,
.featured .gallery-list .list:last-child {
	margin-bottom: 0px;
}

/* Quote & link */
.link-wrap, .quote-wrap {
	margin-bottom: 0px;
	padding: 60px;
	position: relative;
}
.link-wrap .overlay, .quote-wrap .overlay {
	z-index: 0;
}

.link-wrap h2, .quote-wrap h2 {
	margin-bottom: 0px;
	z-index: 99;
	position: relative;
}
.link-wrap p, .quote-wrap p {
	z-index: 99;
	position: relative;
}
.link-wrap .link-divider, .quote-wrap .quote-divider {
	z-index: 99;
	position: relative;
	clear: both;
	display: block;
	margin: 30px auto;
	height: 3px;
	width: 50px;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	WIDGETS
/*                    												  
/*--------------------------------------------------------------------*/

/* Main Sidebar Widget */
div.widget {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 2px solid;
}
div.widget:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}
div.widget img {
    display: block;
    float: left;
	margin: 0;
}


/* Slider Widgets */
#slideWrap .mobile-scroll .section:last-child div.widget {
	border-bottom: none;
}
.isMobile #slideWrap div.widget,
.isTablet #slideWrap div.widget {
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.isMobile #slideWrap .title-divider,
.isTablet #slideWrap .title-divider {
	margin-bottom: 15px;
}


/* Footer Widgets */
#mainFooter div.content-block {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#mainFooter div.content-block div.widget {
	padding-top: 40px;
	margin-top: 40px;
	margin-bottom: 0px;
	border-top: 2px solid;
}
#mainFooter div.content-block:first-child div.widget {
	padding-top: 0px;
	margin-top: 0px;
	border-top: none;
}

/* Footer Borders */
#mainFooter .container { position: relative; }
.footer-border { position: relative; }



/* twitter widget */
div.twitter {

}
div.twitter ul {

}
div.twitter ul li {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
div.twitter ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
div.twitter ul li span {
	display: block;
	margin-bottom: 0px;
}
div.twitter ul li br {
	display: none;
}
div.twitter ul li a {
	display: inline-block;
	border: none;
	padding: 0;
}
div.twitter ul li a.time {
	margin-top: 10px;
	display: block;
}


/* social widget */
body .social-widget .button,
body .social-widget .button:visited {
	line-height: 40px !important;
}


/* dribbble widget */
div.dribbble {
	display: block;
}
div.dribbble div {
	width: 49%;
	margin-bottom: 2%;
	float: left;
}
div.dribbble div:nth-child(even)  {
	margin-left: 1%;
}
div.dribbble div:nth-child(odd)  {
	margin-right: 1%;
}
div.dribbble div:hover {
	opacity: .5;
}
div.dribbble div a {
	display: block;
	border: none;
}
div.dribbble div a img {
	display: block;
}


/*--------------------------------------------------------------------*/
/*                    												  
/*	PORTFOLIO
/*                    												  
/*--------------------------------------------------------------------*/

/* Portfolio Page */
.portfolio-content {
	max-width: 99%;
	border-bottom: solid 2px;
}
.portfolio-wrap {

}
.portfolio-filters a {
	margin-bottom: 4px;
}
.portfolio-title {
	margin-top: 30px !important;
}
.portfolio-info {
	margin-bottom: 0px;
}
.portfolio-item {
	margin-top: 6%;
	padding-top: 6%;
	border-top: solid 2px #e2e2e2;
}


/* Portfolio Single Fullwidth */
.portfolio-fullwidth .col1x1 { float: left; }
.portfolio-fullwidth .col1x2 { float: right; }
.portfolio-fullwidth .entry-client {
	padding-top: 40px;
	border-top: solid 2px;
}

/* Portfolio Single Default */
.portfolio-default .entry-client {
	padding-top: 40px;
	border-top: solid 2px;
}


/*--------------------------------------------------------------------*/
/*                    												  
/*	COMMENTS & AUTHOR
/*                    												  
/*--------------------------------------------------------------------*/


p.comment-meta {
	margin-bottom: 20px;
	font-size: 90%;
}

.comment-image img,
.author-avatar img {
	border-radius: 999px;
}
.mainPageTitle .author-avatar {
	display: inline-block;
	float: none;
	max-width: none;
	width: 150px !important;
	height: 150px !important;
	margin-bottom: 30px;
	margin-right: 0px;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	HOME PAGE
/*                    												  
/*--------------------------------------------------------------------*/

fieldset.home-form {
	width: 100%;
	clear: none;
	float: left;
	display: block;
}

.home-info p {
	margin-bottom: 5px;
}
.home-info p:last-child {
	margin-bottom: 30px;
}
.home-info p span {
	margin-right: 10px;
}
.page-template-page-home-php .portfolio-filters {
	margin-bottom: 40px;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	PANELS
/*                    												  
/*--------------------------------------------------------------------*/

/* Padding */
.mainPageTitle.panel .container.padding-off-top,
.mainPageTitle.media .container.padding-off-top {
	padding-top: 0px;
}
.mainPageTitle.panel .container.padding-off-bottom,
.mainPageTitle.media .container.padding-off-bottom {
	padding-bottom: 0px;
}
.mainPageTitle.panel .container.padding-off,
.mainPageTitle.media .container.padding-off {
	padding-top: 0px;
	padding-bottom: 0px;
}
.mainPageTitle.panel .container.padding-on,
.mainPageTitle.media .container.padding-on {
	/* nope */
}



	/*--------------------------------------------------------------------*/
	/*	Lock Top       												  
	/*--------------------------------------------------------------------*/
	
	/* media */
	.panel .container.media-top { position: relative; }
	.panel .container.media-top .panel-media {
		position: absolute;
		top: 0px;
		clear: both;
	}
	.panel .container.media-top.layout-left .panel-media { right: 0px; }
	.panel .container.media-top.layout-right .panel-media { left: 0px; }
	.panel .container.media-top .panel-media .content-block { margin-bottom: 0 !important; margin-top: 0 !important; }

	/* content */
	.panel .container.media-top .panel-content .content-block { margin-bottom: 0px !important; margin-top: 0px !important; }

	@media screen and (min-width: 900px) {

		.panel .container.media-top.layout-left .panel-content { float: left; }
		.panel .container.media-top.layout-right .panel-content { float: right; }
		.panel .container.media-top .panel-content { margin-top: auto !important; }

	}


	/*--------------------------------------------------------------------*/
	/*	Lock Bottom       												  
	/*--------------------------------------------------------------------*/
	
	/* media */
	.panel .container.media-bottom { position: relative; }
	.panel .container.media-bottom .panel-media {
		position: absolute;
		bottom: 0px;
		clear: both;
	}
	.panel .container.media-bottom.layout-left .panel-media { right: 0px; }
	.panel .container.media-bottom.layout-right .panel-media { left: 0px; }
	.panel .container.media-bottom .panel-media .content-block { margin-bottom: 0 !important; margin-top: 0 !important; }

	/* content */
	.panel .container.media-bottom .panel-content .content-block { margin-bottom: 0px !important; margin-top: 0px !important; }
	
	@media screen and (min-width: 900px) {

		.panel .container.media-bottom.layout-left .panel-content { float: left; }
		.panel .container.media-bottom.layout-right .panel-content { float: right; }
		.panel .container.media-bottom .panel-content { margin-bottom: auto !important; }
		.panel .container.media-bottom .panel-content .content-block { margin-top: 0px !important; }
	}





/*--------------------------------------------------------------------*/
/*                    												  
/*	RELATED POSTS
/*                    												  
/*--------------------------------------------------------------------*/

#mainRelated .content-block { margin-bottom: 0px; }
#mainRelated .gallery-thumbnails { margin-bottom: 0px; }
#mainRelated .gallery-thumbnails div.thumb {
	display: block;
	width: 48%;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 2%;
}

/* If 4 */
#mainRelated .gallery-thumbnails div.thumb.thumb-1 { margin-right: 2%; }
#mainRelated .gallery-thumbnails div.thumb.thumb-3 { margin-right: 2%; }

/*--------------------------------------------------------------------*/
/*                    												  
/*	COPYRIGHT
/*                    												  
/*--------------------------------------------------------------------*/

#mainCopyright {
	text-align: center;
}
#mainCopyright p {
	display: inline-block;
}
#mainCopyright ul {
	display: inline-block;
}
#mainCopyright ul li {
	display:  inline-block;
}
#mainCopyright ul li a {
	padding: 0 10px;
	border-right: 2px solid;
	border-bottom: none;
}
#mainCopyright ul li:first-child a {
	padding-left: 0px;
}
#mainCopyright ul li:last-child a {
	padding-right: 0px;
	border-right: none;
}
#mainCopyright a:hover {
	opacity: .5;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	HOVERS
/*                    												  
/*--------------------------------------------------------------------*/

div.hover-wrap {
	display: block;
	position: relative;
}
div.hover-wrap img {
	position: relative;
	z-index: 0;
}
div.hover-wrap div.hover {
	opacity: 0;
	background-color: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
}
div.hover-wrap:hover div.hover {
	opacity: 1;
}
div.hover-wrap div.hover span {
	position: absolute;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	top: 50%;
	left: 50%;
	text-align: center;
	line-height: 40px;

	font-size: 14px;
	font-weight: lighter;

	color: #fff;
	border: solid #fff 2px;

	-webkit-border-radius: 1000px;
	 -khtml-border-radius: 1000px;
	   -moz-border-radius: 1000px;
		-ms-border-radius: 1000px;
		 -o-border-radius: 1000px;
			border-radius: 1000px;

}

/*--------------------------------------------------------------------*/
/*                    												  
/*	404 PAGE & RESULTS PAGE
/*                    												  
/*--------------------------------------------------------------------*/


.mainPageTitle input {
	padding-top: 18px;
	padding-bottom: 15px;
	-webkit-border-radius: 99px;
	 -khtml-border-radius: 99px;
	   -moz-border-radius: 99px;
		-ms-border-radius: 99px;
		 -o-border-radius: 99px;
			border-radius: 99px;
}



/*--------------------------------------------------------------------*/
/*                    												  
/*	LIKES
/*                    												  
/*--------------------------------------------------------------------*/

.liked {
	color: #ff5a5a !important;
}


/*--------------------------------------------------------------------*/
/*                    												  
/*	SCROLL TO TOP
/*                    												  
/*--------------------------------------------------------------------*/

 #scrolltop {
 	position: fixed;
 	top: 15px;
 	right: 15px;
 	z-index: 999999;
 	display: none; /* display is changed via cs */
 }

/*--------------------------------------------------------------------*/
/*                    												  
/*	FLEX SLIDER
/*                    												  
/*--------------------------------------------------------------------*/

/* Go all out for desktop computers (stops panel content flickers) */
.flexslider {
	margin: 0;
	background: none;
	border: none;
	position: relative;
	zoom: 1;
	overflow: hidden;

	-webkit-box-shadow: none;
	 -khtml-box-shadow: none;
	   -moz-box-shadow: none;
		-ms-box-shadow: none;
		 -o-box-shadow: none;
			box-shadow: none;

	-webkit-border-radius: 0;
	 -khtml-border-radius: 0;
	   -moz-border-radius: 0;
		-ms-border-radius: 0;
		 -o-border-radius: 0;
			border-radius: 0;
}
.flex-viewport {
	height: 100% !important;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slide {
	display: none;
}


/* slider controls */
.flexslider .controls {
	position: absolute;
	bottom: 50%;
	margin-bottom: -15px;
	left: 15px;
	right: 15px;
	height: 0px;
	z-index: 9999;
	opacity: 0;
}
.flexslider:hover .controls {
	opacity: 1;

}
.flexslider .controls ul.flex-direction-nav li { display: block; float: left; }
.flexslider .controls ul.flex-direction-nav li:last-child { float: right; clear: none; }

.flexslider .controls ul.flex-direction-nav a.flex-prev,
.flexslider .controls ul.flex-direction-nav a.flex-next {
	display: block;
	position: relative;
	line-height: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin: 0px;
	border: none;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		-ms-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;	

}


.flexslider .controls a.flex-next:before,
.flexslider .controls a.flex-prev:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	font-size: 13px;
	width: 30px;
	height: 30px;
	line-height: 33px !important;
	text-align: center;

	font-family: FontAwesome;
	text-decoration: none !important;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}
.flexslider .controls a.flex-next:before { content: "\f054"; }
.flexslider .controls a.flex-prev:before { content: "\f053"; }




/* Featured Media Slider */
.featured .col3 .flexslider img {
	max-width: 100%;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.featured .col3 .flexslider,
.featured .col3 .flex-viewport {
	overflow: visible !important;
}
.featured .col3 .flexslider .controls { opacity: 0; }
.featured:hover .col3 .flexslider .controls { opacity: 1; }

/* Fullwidth slider margins */
.featured .col3 .flexslider.slide-padding-on .slides .slide div { margin: 0 10px; }
.featured .col3 .flexslider.slide-padding-on .controls { left: 25px; right: 25px; }


/* Panel Slider Slider */
.panels.flexslider {
	opacity: 1 !important;
}
.panel-wrap .flexslider .slides .panel .container img {
	max-width: 100%;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.isMobile .panels.flexslider .controls,
.isTablet .panels.flexslider .controls {
	display: none;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	ISOTOPE
/*                    												  
/*--------------------------------------------------------------------*/

.masonry {
	overflow: visible !important;
}
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0s;
   -khtml-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
.isotope {
  -webkit-transition-property: height, width;
   -khtml-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
   -khtml-transition-property:  -khtml-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
   -khtml-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/*--------------------------------------------------------------------*/
/*                    												  
/*	OPTIONS
/*                    												  
/*--------------------------------------------------------------------*/


/* Palette 1 */
.vk_palette1_button_fx_1 .palette-1 .button,
.vk_palette1_button_fx_1 .palette-1 .button.noHover:hover,
.vk_palette1_button_fx_1 .palette-1 .visual-button,
.vk_palette1_button_fx_1 .palette-1 .messageWrap .message,
.vk_palette1_button_fx_1 .palette-2 .messageWrap .message {
	border-bottom: 3px solid rgba(0,0,0,.2) !important;
}
.vk_palette1_image_fx_1 .palette-1 img {
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.3);
     -khtml-box-shadow: 0 3px 0 rgba(0,0,0,.3);
       -moz-box-shadow: 0 3px 0 rgba(0,0,0,.3);
        -ms-box-shadow: 0 3px 0 rgba(0,0,0,.3);
         -o-box-shadow: 0 3px 0 rgba(0,0,0,.3);
            box-shadow: 0 3px 0 rgba(0,0,0,.3);
}
.vk_palette1_form_ds_1 .palette-1 input[type="text"],
.vk_palette1_form_ds_1 .palette-1 textarea {
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.3);
     -khtml-box-shadow: 0 3px 0 rgba(0,0,0,.3);
       -moz-box-shadow: 0 3px 0 rgba(0,0,0,.3);
        -ms-box-shadow: 0 3px 0 rgba(0,0,0,.3);
         -o-box-shadow: 0 3px 0 rgba(0,0,0,.3);
            box-shadow: 0 3px 0 rgba(0,0,0,.3);
}


/* Palette 2 */
.vk_palette2_button_fx_1 .palette-2 .button,
.vk_palette2_button_fx_1 .palette-2 .button.noHover:hover,
.vk_palette2_button_fx_1 .palette-2 .visual-button {
	border-bottom: 3px solid rgba(0,0,0,.2) !important;
}
.vk_palette2_image_fx_1 .palette-2 img,
.vk_palette2_form_ds_1 .palette-2 input[type="text"],
.vk_palette2_form_ds_1 .palette-2 textarea {
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.3);
     -khtml-box-shadow: 0 3px 0 rgba(0,0,0,.3);
       -moz-box-shadow: 0 3px 0 rgba(0,0,0,.3);
        -ms-box-shadow: 0 3px 0 rgba(0,0,0,.3);
         -o-box-shadow: 0 3px 0 rgba(0,0,0,.3);
            box-shadow: 0 3px 0 rgba(0,0,0,.3);
}


/* Logo */
.logo-left .logo {
	width: 100%;
	text-align: center;
}
.logo-center .logo {
	width: 100%;
	text-align: center;
}
.logo-center .menuPC {
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	float: none;
}
.logo-center .menuPC > ul {
	text-align: center;
	display: block;
}
.logo-center .menuPC > ul > li {
	display: inline-block;
	float: none;
	margin: 0 -2px;
	padding: 0;
}
.logo-center .menuPC > ul li ul li {
	text-align: left;
}

/* logo styles on */
.vk_logo_bold_1 .logo h4 { font-weight: bold !important; }
.vk_logo_uppercase_1 .logo h4 { text-transform: uppercase !important; }
.vk_logo_italic_1 .logo h4 { font-style: italic !important; }

/* logo styles off */
.vk_logo_bold_ .logo h4 { font-weight: normal !important; }
.vk_logo_uppercase_ .logo h4 { text-transform: none !important; }
.vk_logo_italic_ .logo h4 { font-style: normal !important; }


/* tagline */
.vk_tagline_ .logo p { display: none; } 
.vk_tagline_1 .logo p { display: block; }

/* tagline styles on */
.vk_tagline_bold_1 .logo p { font-weight: bold !important; }
.vk_tagline_uppercase_1 .logo p { text-transform: uppercase !important; }
.vk_tagline_italic_1 .logo p { font-style: italic !important; }

/* tagline styles off */
.vk_tagline_bold_ .logo p { font-weight: normal !important; }
.vk_tagline_uppercase_ .logo p { text-transform: none !important; }
.vk_tagline_italic_ .logo p { font-style: normal !important; }


/* menu styles on */
.vk_menu_bold_1 .menuPC a { font-weight: bold !important; }
.vk_menu_uppercase_1 .menuPC a { text-transform: uppercase !important; }
.vk_menu_italic_1 .menuPC a { font-style: italic !important; }

/* menu styles off */
.vk_menu_bold_ .menuPC a { font-weight: normal !important; }
.vk_menu_uppercase_ .menuPC a { text-transform: none !important; }
.vk_menu_italic_ .menuPC a { font-style: normal !important; }


/* Buttons */
.vk_button_bold_1 .button,
.vk_button_bold_1 .visual-button {
	font-weight: bold;
}
.vk_button_bold_ .button,
.vk_button_bold_ .visual-button {
	font-weight: normal !important;
}
.vk_button_uppercase_1 .button,
.vk_button_uppercase_1 .visual-button {
	text-transform: uppercase !important;
}
.vk_button_italic_1 .button,
.vk_button_italic_1 .visual-button {
	font-style: italic;
}

/* Copyright */
.vk_copy_menu_ #mainCopyright ul {
	display: none;
}
.vk_copy_menu_1 #mainCopyright ul {
	display: block;
}


/* Borders */
.vk_header_border_top_1 #mainHeader .section-border-top { display: block; }
.vk_header_border_bottom_1 #mainHeader .section-border-bottom { display: block; }

.vk_title_border_top_1 #mainPageTitle .section-border-top { display: block; }
.vk_title_border_bottom_1 #mainPageTitle .section-border-bottom { display: block; }

.vk_body_border_top_1 #mainBody .section-border-top { display: block; }
.vk_body_border_bottom_1 #mainBody .section-border-bottom { display: block; }

.vk_pagination_border_top_1 #mainPagination .section-border-top { display: block; }
.vk_pagination_border_bottom_1 #mainPagination .section-border-bottom { display: block; }

.vk_related_border_top_1 #mainRelated .section-border-top { display: block; }
.vk_related_border_bottom_1 #mainRelated .section-border-bottom { display: block; }

.vk_footer_border_top_1 #mainFooter .section-border-top { display: block; }
.vk_footer_border_bottom_1 #mainFooter .section-border-bottom { display: block; }

.vk_copy_border_top_1 #mainCopyright .section-border-top { display: block; }
.vk_copy_border_bottom_1 #mainCopyright .section-border-bottom { display: block; }

.vk_404_border_top_1 #main404 .section-border-top { display: block; }
.vk_404_border_bottom_1 #main404 .section-border-bottom { display: block; }


/* Sliders */
.vk_css_backface_ #pageWrap,
.vk_css_backface_ #pageWrap .section,
.vk_css_backface_.noMobile .flexslider *,
.vk_css_backface_.noTablet .flexslider *,
.vk_css_backface_.noMobile .flexslider,
.vk_css_backface_.noTablet .flexslider {
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
}


/*--------------------------------------------------------------------*/
/*                    												  
/*	RESPONSIVE
/*                    												  
/*--------------------------------------------------------------------*/

@media screen and (min-width: 0px) {


	/*--------------------------------------------------------------------*/
	/*	MOBILE IMAGES
	/*--------------------------------------------------------------------*/

	.hover-wrap img { width: 100%; }

	/*--------------------------------------------------------------------*/
	/*	PANELS
	/*--------------------------------------------------------------------*/

		.mainPageTitle.featured .col1x1:nth-last-child(2) .content-block,
		.mainPageTitle.featured .col1x2:nth-last-child(2) .content-block,
		.mainPageTitle.featured .col3:nth-last-child(2) .content-block {
			margin-bottom: 0px;
			padding: 0px;
		}

		.mainPageTitle.featured .col1x1,
		.mainPageTitle.featured .col1x2 {
			max-width: 100%;
		}

		.mainPageTitle.featured .align-left,
		.mainPageTitle.featured .align-right {
			text-align: center;
		}

	/*--------------------------------------------------------------------*/
	/*	MASONRY
	/*--------------------------------------------------------------------*/

		.masonry div.col1, .footer-border { width: 99%; }

		.border-1 { display: none; }
		.border-2 { display: none; }
		.border-3 { display: none; }

		.portfolio-2 .border-1 { display: block; }
		.portfolio-2 .border-2 { display: none; }
		.portfolio-2 .border-3 { display: none; }

		/* Portfolio Masonry Containers */
		.portfolio-2 .first1 .portfolio-item,
		.portfolio-3 .first1 .portfolio-item {
			margin-top: 0;
			padding-top: 0;
			border-top: none;
		}


}

@media screen and (min-width: 680px) {

	fieldset.home-form {
		width: 32.33%;
	}
	fieldset.home-form:nth-child(2) {
		margin-left: 1.5%;
		margin-right: 1.5%;
	}

	.with-sidebar-right { border-right: solid 2px #e2e2e2; }
	.with-sidebar-left { border-left: solid 2px #e2e2e2; }
	.with-sidebar-right .content-section:last-child,
	.with-sidebar-left .content-section:last-child { border-bottom: none; margin-bottom: 0px; }

	/* portfolio singles */
	.portfolio-fullwidth .content-block,
	.portfolio-default .col1x2 .content-block,
	.portfolio-default .entry-client { margin-bottom: 0px; }
	.portfolio-fullwidth .entry-client { padding-top: 0px; border-top: none; }

	/* If 4 */
	#mainRelated .gallery-thumbnails.related-4 div.thumb { width: 24.25%; margin: 0; }
	#mainRelated .gallery-thumbnails.related-4 div.thumb.thumb-1 { margin-left: 0; }
	#mainRelated .gallery-thumbnails.related-4 div.thumb.thumb-2,
	#mainRelated .gallery-thumbnails.related-4 div.thumb.thumb-3,
	#mainRelated .gallery-thumbnails.related-4 div.thumb.thumb-4 { margin-left: 1%; }

	/* If 3, 2 ,1 */
	#mainRelated .gallery-thumbnails.related-3 div.thumb,
	#mainRelated .gallery-thumbnails.related-2 div.thumb,
	#mainRelated .gallery-thumbnails.related-1 div.thumb { width: 24.25%; display: inline-block; float: none; margin: 0 .5%; }

	/*--------------------------------------------------------------------*/
	/*	MOBILE IMAGES
	/*--------------------------------------------------------------------*/

	.hover-wrap img { width: auto; }

	/*--------------------------------------------------------------------*/
	/*	MASONRY
	/*--------------------------------------------------------------------*/


		.border-1 { border-right: solid 2px; }
		.border-3 { border-left: solid 2px; }
		.masonry div.col1, .footer-border { width: 49.5%; }
		.portfolio-2 .masonry div.col2, .portfolio-2 .footer-border { width: 49.5%; max-width: none; }


		.border-1 { display: block; }
		.border-2 { display: block; }
		.border-3 { display: none; }

		/* Footer Masonry Containers */
		#mainFooter div.content-block:nth-child(2) div.widget {
			margin-top: 0px;
			padding-top: 0px;
			border-top: none;
		}

		/* Portfolio Masonry Containers */
		.portfolio-2 .first2 .portfolio-item,
		.portfolio-3 .first2 .portfolio-item {
			margin-top: 0;
			padding-top: 0;
			border-top: none;
		}

}

@media screen and (min-width: 900px) {

	.logo-left .logo {
		text-align: left;
	}
	.logo-center .logo {
		margin-bottom:  64px;
	}
	.slideButton {
		display: none;
	}
	#slideWrap {
		display: none;
	}
	.menuPC {
		display: block;
	}
	div.nav-next, div.nav-prev {
		display: inline-block;
		margin-bottom: 0px;
	}

	#mainCopyright p {
		float: left;
		display: block;
	}
	#mainCopyright ul {
		display: block;
		float: right;
	}
	#mainCopyright ul li {
		display:  block;
		float: left;
	}

	/*--------------------------------------------------------------------*/
	/*	PANELS
	/*--------------------------------------------------------------------*/

		.mainPageTitle.featured .col1x1 .content-block,
		.mainPageTitle.featured .col1x2 .content-block,
		.mainPageTitle.featured .col3:nth-last-child(2) .content-block {
			margin-bottom: 0px;
			padding: 0px;
		}

		.mainPageTitle.featured .col1x1 { max-width: 35%; }
		.mainPageTitle.featured .col1x2 { max-width: 65%; }
		.mainPageTitle.featured .align-left { text-align: left; }
		.mainPageTitle.featured .align-right { text-align: right; }


	/*--------------------------------------------------------------------*/
	/*	MASONRY
	/*--------------------------------------------------------------------*/

		.masonry div.col1, .footer-border { width: 33%; }


		.border-1 { display: block; }
		.border-2 { display: block; }
		.border-3 { display: block; }

		.portfolio-2 .border-1 { display: block; }
		.portfolio-2 .border-2 { display: block; }
		.portfolio-2 .border-3 { display: none; }


		/* Footer Masonry Containers */
		#mainFooter div.content-block:nth-child(3) div.widget {
			margin-top: 0px;
			padding-top: 0px;
			border-top: none;
		}

		/* Portfolio Masonry Containers */
		.portfolio-3 .portfolio-item {
			margin-top: 12%;
			padding-top: 12%;
		}
		.portfolio-3 .first3 .portfolio-item {
			margin-top: 0;
			padding-top: 0;
			border-top: none;
		}

}

/*-------------------------------------------------------------- */
/*
/*  OPTIONS - TYPOGRAPHY
/*
/*-------------------------------------------------------------- */
/* styles on */
body.vk_p_bold_1,
.vk_p_bold_1 p,
.vk_h1_bold_1 h1,
.vk_h2_bold_1 h2,
.vk_h3_bold_1 h3,
.vk_h4_bold_1 h4,
.vk_h5_bold_1 h5,
.vk_h6_bold_1 h6 {
	font-weight: bold;
}
body.vk_p_uppercase_1,
.vk_p_uppercase_1 p,
.vk_h1_uppercase_1 h1,
.vk_h2_uppercase_1 h2,
.vk_h3_uppercase_1 h3,
.vk_h4_uppercase_1 h4,
.vk_h5_uppercase_1 h5,
.vk_h6_uppercase_1 h6 {
	text-transform: uppercase;
}
body.vk_p_italic_1,
.vk_p_italic_1 p,
.vk_h1_italic_1 h1,
.vk_h2_italic_1 h2,
.vk_h3_italic_1 h3,
.vk_h4_italic_1 h4,
.vk_h5_italic_1 h5,
.vk_h6_italic_1 h6 {
	font-style: italic;
}
/* styles off */
body.vk_p_bold_,
.vk_p_bold_ p,
.vk_h1_bold_ h1,
.vk_h2_bold_ h2,
.vk_h3_bold_ h3,
.vk_h4_bold_ h4,
.vk_h5_bold_ h5,
.vk_h6_bold_ h6 {
	font-weight: normal;
}
body.vk_p_uppercase_,
.vk_p_uppercase_ p,
.vk_h1_uppercase_ h1,
.vk_h2_uppercase_ h2,
.vk_h3_uppercase_ h3,
.vk_h4_uppercase_ h4,
.vk_h5_uppercase_ h5,
.vk_h6_uppercase_ h6 {
	text-transform: none;
}
body.vk_p_italic_,
.vk_p_italic_ p,
.vk_h1_italic_ h1,
.vk_h2_italic_ h2,
.vk_h3_italic_ h3,
.vk_h4_italic_ h4,
.vk_h5_italic_ h5,
.vk_h6_italic_ h6 {
	font-style: normal;
}

/*--------------------------------------------------------------------*/
/*                    												  
/*	COMPATIBILITY
/*                    												  
/*--------------------------------------------------------------------*/

/* shortcode overrides */
.visual-nav { margin-bottom: 0px !important; }




/* Mobile Sidebar Scrollbars */
.noTablet.noMobile .mobile-scroll {
	overflow: scroll;
	width: 100%;
	height: 100%;
}
.noTablet.noMobile .mobile-scroll .rollbar-path-vertical {
	width: 5px;
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.noTablet.noMobile .mobile-scroll .rollbar-handle {
	background-color: rgba(0,0,0,0.8) ;
}


/* Inputs */
.ie input[type="text"],
.ie input[type="password"],
.ie input[type="email"],
.ie textarea {
	padding: 0px 10px;
	height: 40px;
	line-height: 40px;
}
.ie .title-information input {
	padding: 0px;
	height: 50px;
	line-height: 50px;
}
.ie9 .title-information .show-old,
.ie8 .title-information .show-old {
	width: 100%;
	text-align: center;
}


/* Transparency (ie8) */
.no-rgba .overlay {
	filter: alpha(opacity=70);
}
.no-rgba .hover {
	filter: alpha(opacity=0);
}
.no-rgba .hover:hover {
	filter: alpha(opacity=100);
}

/* nth child (ie8) */
.ie8 .gallery-thumbnails div.thumb {
	width: 33%;
	margin-bottom: 0px;
}
.ie8 #mainFooter div.widget  {
	margin-top: 0px !important;
	padding-top: 0px !important;
	border: none !important;
}
.ie8 .flexslider .controls ul.flex-direction-nav li.first { display: block; float: left; }
.ie8 .flexslider .controls ul.flex-direction-nav li.last { float: right; clear: none; }
.mCSB_scrollTools{
background:#cccccc;
}