/*
* PINKMALION - HTML TEMPLATE
* Copyright 2014, Folding Theme
* www.foldingtheme.com
* Purchase the license.
* 26/06/2014
*/

/* Table of Contents
==================================================
    #Reset styles
	#Fix classes
    #Basics styles
    #Typography
    #Main content
	#Portfolio
	#Sidebar
	#Footer
	#Pricing tables and skills

*/

/* #Reset styles (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul, li {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }



/* BASICS STYLES ----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body {
	background:#fff;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 13px;
	line-height: 1.7;
	color: #fff;
 }
 
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {	
	font-family: 'Open Sans', Arial, sans-serif!important;
	-webkit-transition:color 0.1s ease-in;
	-moz-transition:color 0.1s ease-in;
	-o-transition:color 0.1s ease-in;
	-webkit-transition:color 0.1s ease-in;
	transition:color 0.1s ease-in;
	
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	}

a  { color:#999; }
a:hover { color:#36bce6; }

.focus, .focus-sm {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	
.focus:hover { border-radius: 50%; }	
.focus-sm:hover { border-radius: 20px; }	


/* FIX CLASSES ----------------------------------------------------------------------------------- 
-------------------------------------------------------------------------------------------------*/

.clearfix { clear: both; }
.no_right { margin-right:0!important; }	
.no_bottom { margin-bottom:0!important; }	
.no_top { margin-top:0!important; }	
.left { float: left!important; }
.right { float: right!important; }
.full_width { width: 1200px!important; margin: 0 auto 30px!important; display: block;  }


/* TYPOGRAPHY ------------------------------------------------------------------------------------ 
-------------------------------------------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Open Sans', sans-serif;,Arial,sans-serif;
  font-weight: 300;
}

h1 {
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.1;
	 color:#9325B2;
}
h2,
h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	line-height: 1.3;
	color:#9325B2;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5;
}

h1,
.h1 {
  font-size: 30px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 16px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

h1 small,
.h1 small {
  font-size: 24px;
}

h2 small,
.h2 small {
  font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 14px;
}


/* MAIN Content -----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.header { height:350px; position:relative; width:100%; overflow: hidden; margin-bottom:70px; }
.header-flex { position:relative; width:100%; overflow: hidden; }
	.header img { width:100%; height: auto; margin-top:-60px; }
	.header h1 { position: absolute; color:#333; top:150px; right: 100px; font-size: 80px; font-family: 'Quicksand', sans-serif; opacity: 0.5;  }
.wrapper { float: left; width: 100%; position: relative; z-index:999; margin-top:0; }
.container { width:1200px; margin: 0 auto; }
.bellow { padding-top: 70px; }

.logo { margin:40px auto 30px; text-align: center; }
	.logo img { margin-top: 40px; width: 100%; max-width:250px;
	}

/* navigation */	
.nav-top .logo, .nav-top-inner .logo { margin:5px 0 0 10px; float: left;  z-index: 9999; width: 220px; }
	.nav-top .logo img, .nav-top-inner .logo img { width: 100%; max-width:170px; margin:12px; 
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%); 
	}

.nav-top-inner {	position:fixed;  z-index: 9999; top:0%; height: 100px; width: 100%; background:#070707; }
.nav-top{ position: absolute; z-index: 9999; bottom: 0px; height: 70px;  width: 100%;  background:#fffff; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
 }
.nav-top nav, .nav-top-inner nav{ text-align: center;  background:none; margin:0 40px 0 0px;  width: 75%; text-align:right; float: right; }
	.nav-top nav ul, .nav-top-inner nav ul { border: none;}
	.nav-top nav ul li a, .nav-top-inner nav ul li a { padding:25px 35px 23px; background:none; font-size:13px; }
	.nav-top nav ul ul , .nav-top-inner nav ul ul{ top: 70px; }	 
	.nav-top nav ul ul:after, .nav-top-inner nav ul ul:after { border-bottom-color:#8C8C8C; }
	
.sticky, .nav-top-inner { position:fixed; top:0%; height: 100px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	.sticky nav, .nav-top-inner nav { margin-top:15px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.sticky nav ul li a, .nav-top-inner nav ul li a { color:#999; }
	.sticky nav ul ul, .nav-top-inner nav ul ul {	top: 85px!important; }
	
	.sticky  .logo img, .nav-top-inner .logo img{ margin-top: 20px; width: 100%; max-width:250px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%); 
	}
	
	
	nav { width: 100%; background: #8C8C8C; text-align: center; margin: 50px 0 70px 0; }
	nav ul { list-style: none; position: relative; z-index: 9999;display: inline-table; text-align: left; border-bottom: 5px solid #B4B5B6; }
	nav ul:after {content: ""; clear: both; display: block; }
	
	nav li ul { opacity: 0; visibility: hidden; z-index: 1;  
		-webkit-transition: all .35s ease;
		   -moz-transition: all .35s ease;
			-ms-transition: all .35s ease;
			 -o-transition: all .35s ease;
				transition: all .35s ease;
	}
	nav li:hover ul { opacity: 1; visibility: visible;	}
	
	nav ul li:hover > ul { display: block;}
	nav ul li {	float: left; border-left: 1px solid #B4B5B6; }
	nav ul li:first-child {	border-left: none; }
	nav ul li a { display: block; padding:35px 45px 35px 44px; text-transform: uppercase; text-decoration: none; font-size:15px; color:#666; background: #8C8C8C; }
	nav ul li:hover a{ color:#999; background: #050505;}
	nav ul li.active  a { border: 1px solid #2c2c2c;}
	nav ul ul {	 position: absolute; top: 95px; z-index:9999;  margin-left:0; border:none!important;}
	nav ul ul li { float: none; position: relative; z-index:9999; }
	nav ul ul li a { background:#070707!important; padding:24px 45px 24px 35px!important; color:#777!important; border:none; border-bottom: 1px dotted #020202;}	
	nav ul ul li a:hover { background: #9325B2!important; color:#000!important; }
	nav ul ul ul { position: absolute; left: 100%; top:35px; width: 160px; margin-left:0px; }
	
	nav ul ul:after {
		bottom: 100%;
		left: 40px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(55, 55, 55, 0);
		border-bottom-color: #B4B5B6;
		border-width: 10px;
		margin-left: -10px;
	}
		
	nav ul ul ul:after {
		left: -10px;
		top: 20%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		z-index:9999;
		pointer-events: none;
		border-width: 10px;
		margin-top: -10px;
	}	

/* infinity sllider */
.iS-Loading { background-color: #8C8C8C!important; }
	.iS-Loadingboxtitle { color: #444!important; }
	.iS-Loadingboxbar { 	background-color: #333!important;}
	
#slide01 .iS { position: fixed!important; z-index: 10!important; margin: 0 0 70px 0!important; }
	.iS-SkinDots .iS-Dots { bottom: 15%!important; }
	.iS-SkinDots .iS-Dot { width:59px!important; height: 59px!important; line-height:62px!important; color:#9325B2!important; border:none!important; background:#fff!important; }
		.iS-Dot  img { height:100%; width:100%; } 	
		.iS-SkinDots .iS-Play, 
		.iS-SkinDots .iS-Stop, 
		.iS-SkinDots .iS-Next, 
		.iS-SkinDots .iS-Previous {  }
		.iS-SkinDots .iS-Play:hover, 
		.iS-SkinDots .iS-Stop:hover,
		.iS-SkinDots .iS-Previous:hover,		
		.iS-SkinDots .iS-Next:hover {  }
		.iS-Dots .fa { font-size: 20px!important; }
		.iS-SkinDots .iS-Dotactive,
		.iS-SkinDots .iS-Dot:hover { background:#9325B2!important; border:none!important; color:#8C8C8C!important; }
		
	.iS-Text canvas { left:50px!important; top:20px!important; font-size:50px!important; }	
	.iS-TextHole { font-size:50px!important;  }	
	.iS-Text p { margin-top: 10px!important; }		
	.video { height:100%!important; width:100%!important; border:none!important; }
	
	.slide0-text-custom-header { 
		font-family: 'Lobster', cursive; font-size:50px;
		position: absolute;
		z-index: 1;
		top: 130px;
		right: 100px;
		padding: 180px 50px;
		line-height: 100%;
		color: #9325b2;
		text-transform:lowercase!important;
	}
	.slide0-text-custom { font-size:20px;
		position: absolute;
		z-index: 1;
		top: 200px;
		right: 100px;
		padding: 180px 50px;
		line-height: 100%;
		color: #9325B2;
		text-transform:lowercase!important;
		text-align:right;
	}
	.slide0-text-custom-2 { font-size:20px;
		position: absolute;
		z-index: 1;
		top: 230px;
		right: 100px;
		padding: 180px 50px;
		line-height: 100%;
		color: #9325B2;
		text-transform:lowercase!important;
		text-align:right;
	}
	.slide3-text-custom-header { font-family: 'Lobster', cursive; font-size:50px;
		position: absolute;
		z-index: 1;
		top: 37%;
		left: 9%;
		padding: 20px 50px;
		line-height: 100%;
		color: #fff;
		text-transform:lowercase!important;
	}
	.slide4-text1 {font-family: 'Lobster', cursive; font-size:50px;}
	.slide2-text1, .slide3-text1 { color:#9325B2!important; }
	.slide2-text2, .slide3-text2 { color:#fff!important; }
	.slide3-text2 { left: 46%!important; }
	.slide2-text2 { left:51%!important; }
	#slide01 .btn { padding:10px 20px!important; background:#9325B2!important; border-radius:5px; border:none!important; left: 46%!important; }
	#slide01 .btn a { text-decoration:none!important; color:#fff!important; }
	#slide01 .slide2-bg1 { top:30px!important; }

/* flexslider */
.flexslider { width:100%; border:none!important; padding:0px!important; margin-bottom:70px!important; margin-top: 100px!important; }
	.flex-viewport li{ height: 700px !important;}
	.flexslider img  { width: 100%; height: auto; }
	.flex-direction-nav a   { text-shadow:none!important; color: #fff!important; text-decoration: none;}
	.flex-control-thumbs li { width: 33.3%!important; position:relative; height:20px;}
	.flex-control-thumbs { margin:0!important; background:#000!important;position:relative;}
	.flex-control-nav { bottom:30px!important; }
	.flex-direction-nav .flex-next { right:70px!important; opacity:0.3;}
	.flex-direction-nav .flex-prev { left:70px!important; opacity:0.3;}
	.flexslider .slides li { position:relative; }
	.flex-caption {	position:absolute;	left:0; right:0; bottom:0;	background:#000; opacity:0.7; z-index:1; padding:30px; }
	
/* main content */	
.main { width: 770px; float: left; }

.intro_posts { position: relative; float: left; width: 665px; background: #8C8C8C; margin: 0 35px 70px; }
	.intro_posts h1 { background:#B4B5B6; text-align:center; text-transform: uppercase; padding:25px; margin-top:0; }
	.intro_posts h1 span{ color:#555; }
	.intro_posts h2 { margin: 40px 30px 30px 50px; }
	.intro_posts p { padding:0 40px 20px 50px; }
	.intro_posts div.read_more { position:relative; margin: 30px auto 0px; }
		.intro_posts div.read_more a { display: block; height: 100%; width: 100%; border-top: 5px solid #B4B5B6; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 12px; color:#999; background:#B4B5B6; padding: 22px 0px 21px; }
		.intro_posts div.read_more a:hover { color: #777; background:#B4B5B6; }
		
	.top_intro { width: 740px; overflow: hidden; margin-left: -35px; margin-bottom: 30px;}
		.intro_posts .th_intro { position: relative; float: left; height:280px; width: 280px; overflow: hidden;}
			.intro_posts .th_intro .fahover { position : absolute; opacity:0; top:130px;left:140px; z-index:1000; font-size: 20px; color: #fff; 
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
			.intro_posts .th_intro:hover .fahover {
				opacity:1;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
				}
			.intro_posts .th_intro  img { display: block; 
			   -webkit-transform: scale(1,1);
				-webkit-transition-timing-function: ease-out;
				-webkit-transition-duration: 250ms;
				-moz-transform: scale(1,1);
				-moz-transition-timing-function: ease-out;
				-moz-transition-duration: 250ms;		
			}
			.intro_posts .th_intro  img:hover {     
				-webkit-transform: scale(1.1,1.07);
				-webkit-transition-timing-function: ease-out;
				-webkit-transition-duration: 250ms;
				-moz-transform: scale(1.1,1.07);
				-moz-transition-timing-function: ease-out;
				-moz-transition-duration: 250ms;
			}
		.top_post_intro { position: relative; float: right; width: 390px; min-height: 260px; padding: 0 20px 20px; background:#B4B5B6; color:#666; }
			.top_post_intro h2 { margin: 40px 15px 30px 0; color:#9325B2;  }
			.top_post_intro p { margin-bottom: 30px; padding:0;}
			.top_post_intro .read_more { position: absolute; bottom: 0; right: 0; background: #050505; padding: 15px 60px; text-decoration: none; text-transform: uppercase; color:#333; font-size: 12px; }
			.top_post_intro .read_more:hover { background: #070707; color: #777; }
	
	.intr_cols { position: relative; width: 1200px!important; margin: 0 auto !important; display: block; }
		.intr_cols  .intro_col { margin: 0px 17px 110px 0; }
		.masonry_intro .intro_col { margin-bottom:30px!important; margin-left:0!important; margin-right:1px; width:399px!important; }
			.masonry_intro .intro_col h3 {  padding:0 30px 15px 30px; }
			.masonry_intro .intro_col p {  padding:0 30px 12px 30px; }
			.masonry_intro .intro_col .read_more { margin-right:30px!important; }
			.masonry_intro .intro_col .meta { padding-top:30px!important; padding-bottom:10px!important; overflow:hidden; }
		
	/* home masonry */
	#columns  { overflow: hidden; }
	#columns .intro_col { width: 31%; height: auto;  }
		#columns .intro_col h3 { padding: 0 30px 15px 30px; }
		#columns .intro_col p { padding: 0 30px 12px 30px; }
		#columns .intro_col .th { width: 100%; overflow:hidden; height: auto; }
		#columns .intro_col .th img { display: block;  -webkit-box-shadow: 10px 0 5px -2px #888;
            box-shadow: 10px 0 5px -2px #888;
		   -webkit-transform: scale(1,1);
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 250ms;
			-moz-transform: scale(1,1);
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 250ms;		
		}
		#columns .intro_col .th img:hover {     
			-webkit-transform: scale(1.05,1.07);
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 250ms;
			-moz-transform: scale(1.05,1.07);
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 250ms;
		}
		#columns .intro_col .th .fahover { left: 48%; top: 45%; }
		#columns .meta { border-top: 1px solid #B4B5B6; padding-top: 30px; padding-bottom: 10px; margin-top: 20px; color: #555; overflow: hidden; }
			#columns .meta p { width: 130px; }
			#columns .meta span { margin-right:10px; color:#777; }
			#columns .meta a{ color:#555; text-decoration: none; }
		#columns .intro_col .read_more { text-decoration: none; text-transform: uppercase; font-size: 15px; color:#fff; padding:16px 140px; background:#B4B5B6; margin-right: 30px;margin-bottom: 20px; }
		#columns .intro_col .read_more:hover { background:#9325B2; color:#fff; }
		
	/* standard */
	.magazine { width:1204px!important; }
	.magazine .intro_col{ margin: 0px 1px 30px 0!important; width: 240px!important; } 
	.magazine .no_right{ margin-right:0!important; } 
	.intro_col { float: left; margin: 0px 32px 30px 0; width: 235px; background: #8C8C8C; overflow:hidden;}	
		.intro_col h3 {  padding:0 15px 15px 15px; }
		.intro_col p {  padding:0 15px 15px 15px; }
		.intro_col .th{ position: relative; width: 240px; height: 175px; overflow: hidden;}
		.intro_col .th img{ width: 100%; height:auto; }
		.intro_col .th .fahover { position : absolute; opacity:0; top:75px;left:110px; z-index:1000; font-size: 15px; color: #fff; 
			-webkit-transition: opacity 0.2s ease-in-out;
			-moz-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;		
		}
		.intro_col .th:hover .fahover {
			opacity:1;
			-webkit-transition: opacity 0.2s ease-in-out;
			-moz-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;		
		}
		.intro_col .th img { display: block; 
		   -webkit-transform: scale(1,1);
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 250ms;
			-moz-transform: scale(1,1);
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 250ms;		
		}
		.intro_col .th img:hover {     
			-webkit-transform: scale(1.05,1.07);
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 250ms;
			-moz-transform: scale(1.05,1.07);
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 250ms;
		}
		.intro_col div.read_more { text-align: center; text-transform: uppercase; border-top: 1px solid #B4B5B6; margin-top: 15px; }
		.intro_col .read_more a { color:#777; text-decoration: none; font-size: 11px; display: block; padding:15px 0; height: 100%; width: 100%; background: #151515; }
		.intro_col .read_more a:hover { color:#555; background: #B4B5B6; }

/* blog */		
.blog_posts { position: relative; float: center; width: 100%; background:#8C8C8C; margin: 0 40px 30px 0; padding-bottom:30px; }
	.blog_posts .th_intro {  width: 770px; height: 280px; overflow:hidden; }
	.blog_posts .th_intro img {  margin: 0px 0 40px; }
		.blog_posts .th_intro img, .blog_posts_under  .th_intro img { display: block; width:100%; height: auto; 
		   -webkit-transform: scale(1,1);
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 250ms;
			-moz-transform: scale(1,1);
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 250ms;		
		}
		.blog_posts .th_intro img:hover , .blog_posts_under  .th_intro img:hover {     
			-webkit-transform: scale(1.05,1.07);
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 250ms;
			-moz-transform: scale(1.05,1.07);
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 250ms;
		}
	.blog_posts h1 { background: #B4B5B6; text-align: center; text-transform: uppercase; padding: 25px; margin-top: 0; margin-bottom:0;}
	.blog_posts h1 span{ color:#fff; }
	.blog_posts h2 { margin: 40px 30px 30px 50px; }
	.blog_posts h3, .blog_posts h4 { margin: 10px 30px 30px 50px; }
	.blog_posts p { padding:0 40px 20px 50px; }
	.blog_posts img { float: left; margin: 0 0 30px; width:100%; height: auto; }
	.blog_posts ul , .blog_posts ol { margin-left:100px; margin-bottom: 20px; }
	.blog_posts li { list-style: square;}
	.blog_posts ol li{ list-style-type: lower-alpha; }
	.blog_posts div.read_more { position:relative; margin: 30px auto -30px; border-top: 5px solid #B4B5B6;  }
		.blog_posts div.read_more a { height:100%; width:100%; display: block; text-decoration: none; text-transform: uppercase; font-size: 18px; color:#fff; background:#B4B5B6; padding: 30px 0px; text-align: center;}
		.blog_posts div.read_more a:hover { color: #fff; background:#9325B2; }
		
.blog_posts_under { position: relative; float: left; width: 100%; background:#8C8C8C; margin: -30px 0 30px; }
	.blog_posts_under  h1 { background: #B4B5B6; text-align: center; text-transform: uppercase; padding: 25px; margin-top: 0; margin-bottom:0;}
	.blog_posts_under  h1 span{ color:#fff; }
	.blog_posts_under  .th_intro {  width: 740px; height: 280px; overflow:hidden; margin-left: -40px; }	
	.blog_posts_under h2 { margin: 40px 30px 30px 50px; color:#999; text-align:center; }
	.blog_posts_under p { padding:0 40px 20px 50px; }
	.blog_posts_under div.read_more { position: relative; margin: 30px auto -30px; border-top: 5px solid #B4B5B6; }
		.blog_posts_under div.read_more a { height:100%; width:100%; display: block; text-decoration: none; text-transform: uppercase; font-size: 12px; color:#999; background:#B4B5B6; padding: 29px 0px; text-align: center; }
		.blog_posts_under div.read_more a:hover { color: #777; background:#B4B5B6; }

/* comment form */		
#respond_full_width { width: 740px; float: left; display: block; margin: 0 0 0px 165px; overflow: hidden; line-height: 1.7em; }
#respond { width: 740px; display: block; line-height: 1.7em; }
#respond form {}
	#respond h2, 
	#respond_full_width h2{ text-align: center; margin-top: 0; }
	#respond  .form_row,
	#respond_full_width .form_row {  }
		#respond .form_item, 
		#respond_full_width .form_item { float: left; margin: 30px 0 30px 30px; position:relative; }
		#respond .form_item input, 
		#respond_full_width  .form_item input { color:#000; width: 186px; border: none; background:#B4B5B6; padding:15px; }
			#respond label, 
			#respond_full_width label {position:absolute; top:12px; left:15px; color:#fff; }
		#respond .form_item_comment,
		#respond_full_width .form_item_comment { float: left; position:relative; width: 680px; margin: 0 30px; }
			#respond .form_item_comment label,
			#respond_full_width  .form_item_comment label { position:absolute; top:12px; }
			#respond .form_item_comment label.error,
			#respond_full_width .form_item_comment label.error { right:-5px; top:12px; text-align:right; }
			#respond .form_item_comment  textarea,
			#respond_full_width  .form_item_comment  textarea{ padding-right: 25px;width:100%; background:#B4B5B6; border:none; resize:none;height: 250px; color:#000; }
		#respond .submit_comment,
		#respond_full_width  .submit_comment { float:left; margin:20px 0 30px 290px; }
		#respond .submit_comment input,
		#respond_full_width  .submit_comment input { height: 50px; width: 185px; text-transform: uppercase; background: #9325B2; border: none; color: #fff; cursor: pointer; }
			.submit_comment .btn:hover { background: #B4B5B6!important; color:#fff!important; }
		#respond label.error { display:block; position:absolute!important; top:-30px; left: 0px; width: auto; color: #ff0000!important; background: none!important; }
		#respond label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px; }
		#respond em { color: #01b3b3; }
		#respond .stage { margin-bottom: 20px; }
		#respond .requiredNote { margin: 20px 0px 20px; color: #333; font-weight: bold; }
		#respond .success { padding: 30px; color: #9325B2; margin: 30px 0 0 30px!important; width: 73%; }
		#respond .success .fa-fw {font-size: 60px; padding-top: 10px; }
		#respond .error-msg { margin: 30px 0 -20px 0!important; width: 86%; }
		
#comments-list_full_width { width:1000px; float: left; padding: 0px 0px 70px 110px; margin: 0 auto; overflow:hidden; line-height: 1.7em; }
#comments-list { width:660px; padding: 0px 0px 30px 20px; overflow:hidden; line-height: 1.7em; margin: 0 auto; }
	#comments-list .comment li,
	#comments-list_full_width  .comment li{ float: left; width: auto; }
		#comments-list .comment-body ,
		#comments-list_full_width .comment-body { border-bottom: 1px solid #B4B5B6; padding: 30px 0px; position: relative; }
		#comments-list .comment-body img,
		#comments-list_full_width .comment-body img { float: left; margin-right: 20px; }
		#comments-list .comment-body .name,
		#comments-list_full_width .comment-body .name { padding-top: 0; color: #000; margin:0!important; }
		#comments-list .comment-body .comment-meta,
		#comments-list_full_width .comment-body .comment-meta { padding-top: 5px; font-size: 11px; color: #999; }
		#comments-list .comment-body p,
		#comments-list_full_width .comment-body p { margin-left: 70px; padding-top: 10px; }
			#comments-list ul.children,
			#comments-list_full_width ul.children{ margin-left: 50px; padding-left: 20px; }
			
/* post navigation */			
.post-nav { width: 710px; display: block; margin: 30px auto 70px; overflow:hidden;}
	.post-nav a { text-decoration:none; color:#777; }
	.post-nav h5 { margin:30px 60px; }
	.post-previous .fa, .post-next .fa{ margin: 38px 30px 30px; font-size: 20px; line-height: 0; vertical-align: middle; color: #999; }
	.post-next .fa { float:right; color:#9325B2; }
	.post-previous .fa { float:left; color:#9325B2; }
	.post-next { float: right; text-align: right; margin-right: 50px; padding-left: 20px; border-left: 1px solid #8C8C8C; }
	.post-previous { float:left; margin-left: 50px; }
	.post-previous, .post-next { display: inline-block; width: 40%; padding-top: 15px; padding-bottom: 15px; }
	.post-previous span, 
	.post-next span { color:#9325B2; text-transform: uppercase; font-weight: normal; display:block; margin:30px 0;}
	
	
/* Pagination */
.masonry_pagination { margin-left:0px!important; } 
.wp-pagenavi { clear: both; position: relative; margin: 0px 30px 40px 150px; float:left; font-size:13px; line-height:1.7em; color:#999;}
	.category { margin:20px; }
	.pagination { overflow: hidden; padding: 15px 12px 0px; }
	.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; padding: 3px 5px; margin: 2px;}
	.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
	.wp-pagenavi span.current {font-weight: bold;}
	.wp-pagenavi a, .wp-pagenavi a:link {float:left; padding: 8px 11px !important; margin: 2px; text-decoration: none; background:#B4B5B6; font-weight: normal !important; }
	.wp-pagenavi span.pages { float:left;padding: 8px 11px !important; margin: 2px !important ; border: none !important; color: #555!important; background: none !important; }
	.wp-pagenavi span.extend { float:left;padding: 8px 11px !important; margin: 2px; font-weight: bold; background:#B4B5B6; color: #555!important;  }
	.wp-pagenavi span.current, .wp-pagenavi a:active, .wp-pagenavi a:hover { float:left;padding: 8px 11px !important; margin: 2px; font-weight: bold; background:#9325B2; color:#8C8C8C!important; }
	.wp-pagenavi a:hover { color: #000 !important; }

/* social */
.social_share { float: left; width:100%; display:block; padding-right:10px; text-align: center; margin-bottom: 70px;}
.social_share p { display:block; padding-bottom: 10px; color: #999;}
.social_share a {
	display:inline-block;
	margin:10px 10px 5px 0;
	padding:10px 15px;
	color:#000;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
}
.social_share .twitter{ background:#9AE4E8; }
.social_share .facebook{ background:#3B5998; }
.social_share .google-plus{ background:#D34836; }
	
	
/* PORTFOLIO ------------------------------------------------------------------------------------- 
-------------------------------------------------------------------------------------------------*/

/* portfolio sortable */	
.homevar {  width: 710px!important; }
.homevar #filters { margin-top:-30px!important; margin-bottom:25px!important; }
	.homevar #filters li { float:left;	background: none!important; padding:10px; }
	.homevar #filters li  a { padding:10px 30px!important; text-transform:uppercase; }
	.homevar #filters li  a:hover {background:#8C8C8C;}
.filters { position: relative; z-index: 1000; margin: 0 auto; width: 560px;  }
#filters { padding:15px 30px; float: left; }
#filters ul { list-style:none; padding: 0;  }
	#filters li { float:left;	background: #8C8C8C; padding:10px; }
	#filters li a { display: block; padding:5px 20px; text-decoration:none; color:#666; cursor: pointer; }
	#filters .active { background: #9325B2; color:#fff; }
#portfolio  { position: relative; z-index: 100; margin: -24px 0 40px; float: left; background:#8C8C8C; padding: 5px 0 35px 20px; overflow:hidden; height:auto;}
#portfolio_list { }
#portfolio_list li { overflow:hidden; float: left; }
	.portfolio{ width:228px; height: 170px; margin: 28px 10px -5px 12px; overflow:hidden; float: left; background: #B4B5B6; padding: 20px; }
		.portfolio-wrapper { overflow:hidden; position: relative !important;	cursor:pointer;	}
		.portfolio img { max-width:100%;	position: relative; }
		.portfolio .label {	position: absolute;	width: 100%; height:50px; bottom:-50px; }
			.portfolio .label-bg { background: #B4B5B6;	width: 100%; height:100%; position: absolute; top:0; left:0; }
			.portfolio .label-text { color:#000;	position: relative;	z-index:500; padding:10px 8px 0; text-align: center; }
				.portfolio .text-category { display:block; font-size: 12px; color: #777; }
/* portfolio masonry */			
.portfolio_masonry { width: 100%; float: left; overflow:hidden; height:auto; margin-bottom: 40px; }	
	#portfolio_tiles { position: relative;  }
	#portfolio_tiles li {padding: 20px; width: 228px;}
	.portfolio_tile { background: #8C8C8C;  }
		.portfolio_tile .portfolio-wrapper { overflow:hidden; position: relative !important; cursor:pointer; }
		.portfolio_tile img {  position: relative; }
		.portfolio_tile .position { position: relative; }
		.portfolio_tile .label {	position: absolute;	width: 100%; height:50px; bottom:-50px; }
			.portfolio_tile .label-bg { width: 100%; height:100%; position: absolute; top:0; left:0; }
			.portfolio_tile .label-text {position: relative; z-index:500; padding:10px 8px 0; text-align: center; }
				.portfolio_tile .text-category { display:block; font-size: 12px; color: #777; }
/* portfolio gallery */			
#portfolio_wrapp {z-index:1; width:1000px; height:500px; margin:0px 0 170px 0; }
	#portfolio_background { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background:url(../images/bg.png) no-repeat center; }
	#portfolio_wrapp .gallery,
	#portfolio_wrapp .gallery .inside { position:absolute; top:0; left:0; }
	#portfolio_wrapp .gallery { width:100%; height:100%; overflow:hidden; }
	#portfolio_wrapp .gallery .inside { z-index:1; }
	#portfolio_wrapp .item { position:absolute; top:0; width:1100px; height:500px; }
	#portfolio_wrapp .item div { position:absolute; left:0; width:100%; height:100%; }
	#portfolio_wrapp .item div img { position:absolute; top:50px; left:50%; margin-left:-500px; }
	#portfolio_wrapp .paths { position:absolute; bottom:30px; left:50%; margin-left:-30px; z-index:4; }
	#portfolio_wrapp .paths div { position:absolute; top:0; }
	#portfolio_wrapp .paths a { background:#050505; display:block; position:absolute; left:0; outline:none; }
	#portfolio_wrapp .paths a:hover,
	#portfolio_wrapp .paths .active { background:#9325B2; }

	

/* SIDEBAR ---------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
	
.sidebar { width: 400px; float: right; margin-bottom: 30px; }
	
	/* vendor widget */
	.widget_vendor { float: left; width: 100%; background:#8C8C8C; padding-bottom: 30px;  }
		.widget_vendor h1 { background:#B4B5B6; text-align:center; text-transform: uppercase; padding:25px; margin-top:0; }
		.widget_vendor h1 span{ color:#555; }
		.widget_vendor .vendor { float: left; width: 100%; margin: 0 30px 30px 30px; }
		.widget_vendor_th { float: left; position: relative; width: 80px; height: 80px; overflow: hidden; }
			.widget_vendor_th .fahover { position : absolute; opacity:0; top:35px; left:35px; z-index:1000; font-size: 15px; color: #fff; 
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
			.widget_vendor_th:hover .fahover {
				opacity:1;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
		.widget_vendor_content { width: 240px; float: left; margin-left: 30px; margin-top: 3px; }
			.widget_vendor_content a { text-decoration: none; font-size:13px; color:#999; }
			.widget_vendor_content a:hover  { color:#fff; }
			.widget_vendor_content p { color: #666; font-size: 12px; }
			.widget_vendor_content ul { }
			.widget_vendor_content ul li { float: left; margin-right: 5px; }
	
	/* flickr widget */
	.widget_flickr { float: left; background:#8C8C8C; width: 100%; padding-bottom: 45px;  }
		.widget_flickr h1 { background:#B4B5B6; text-align:center; text-transform: uppercase; padding:25px; margin-top:0; }
		.widget_flickr h1 span{ color:#fff; }
		.widget_flickr ul { margin-left: 30px;}
		.widget_flickr li { float: left; margin: 0px 20px 20px 0px; position: relative; height: 100px; }
			.widget_flickr .fahover { position : absolute; opacity:0; top:45px;left:45px; z-index:1000; font-size: 15px; color: #fff; 
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
			.widget_flickr li:hover .fahover {
				opacity:1;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
	/* social widget */
	.widget_social { float: left; width: 100%; background:#8C8C8C; }
		.widget_social h1 { background:#B4B5B6; text-align:center; text-transform: uppercase; padding:25px; margin-top:0; }
		.widget_social h1 span{ color:#555;  }
		.widget_social .social ul { margin:0 0 30px 30px; }
		.widget_social .social li { margin-right:20px; margin-bottom: 30px;  float:left; list-style-type:none; background:#B4B5B6; font-size:18.5px; }
		.widget_social .social li a { color:#555; width:100%; height:100%; }
		.widget_social .social li a:hover { color:#9325B2; }
		.widget_social li.facebook .fa-fw { padding:10px 8px; }
		.widget_social li.twitter .fa-fw { padding:10px 7px; }
		.widget_social li.vimeo .fa-fw { padding:10px 7px; }
		.widget_social li.google .fa-fw { padding:10px 7px; }
		.widget_social li.pinterest .fa-fw { padding:10px 7px; }
		.widget_social li.rss .fa-fw { padding:10px 7px; }
			.widget_social .newsletter { margin:30px 15px 15px 15px; }
			.widget_social .newsletter_form { height:50px; margin:0 15px 25px; position:relative; float:left; }
			.widget_social .newsletter_form label { position:absolute; top:14px; left:18px; color:#333; }
			.widget_social .newsletter_form .form-control { margin-top:0; height:25px; width:165px; border:none; padding:11px 20px; float:left; color:#666; background: #050505; }
			.widget_social .btn-newsletter { border:none; float:right; height:47px; color:#8C8C8C; width:133px; cursor:pointer; background: #9325B2; }
			.widget_social .btn-newsletter:hover { background: #B4B5B6; color:#333; }
	
	/* popular widget */
	.widget_popular { float: left; width: 100%; background:#8C8C8C; padding-bottom: 30px;  }
		.widget_popular h1 {  background:#B4B5B6; text-align:center; text-transform: uppercase; padding:25px; margin-top:0; }
		.widget_popular h1 span{ color:#555; }
		.widget_popular .popular{ float: left; width: 100%; margin: 0 30px 30px 30px; }
		.widget_popular_th { float: left; position: relative; width: 80px; height: 80px; overflow: hidden; }
			.widget_popular_th .fahover { position : absolute; opacity:0; top:35px;left:35px; z-index:1000; font-size: 15px; color: #fff; 
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
			.widget_popular_th:hover .fahover {
				opacity:1;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
		.widget_popular_content { width: 240px; float: left; margin-left: 30px; }
			.widget_popular_content h4 { margin-top:0; line-height:1.1; }
			.widget_popular_content a { text-decoration: none; font-size:13px; }
			.widget_popular_content a:hover { color:#fff;  }
			.widget_popular_content p { color: #666; margin-top: 0px; font-size:11px;}
				.widget_popular_content p a { color:#666; font-size:11px;}
			.widget_popular_content ul { }
			.widget_popular_content ul li { float: left; margin-right: 5px; }
	
		/* featured widget */
	.widget_featured { float: left; width: 100%; background:#8C8C8C; }
		.widget_featured h1 {  background:#B4B5B6; text-align:center; text-transform: uppercase; padding:25px; margin-top:0; margin-bottom: 0; }
		.widget_featured h4 {  color:#555; padding: 0 30px; margin: 20px 0;}
		.widget_featured h4 a {  color: #999; }
		.widget_featured h1 span{ color:#555; }
		.widget_featured  p { margin:30px; }
		.widget_featured  a { text-decoration: none; }
		.widget_featured hr { border-top: 1px solid #B4B5B6!important; border: none; }
		.widget_featured .th { position: relative; width: 400px; height: 150px ; overflow: hidden; }
			.widget_featured .fahover { position : absolute; opacity:0; top:75px;left:195px; z-index:1000; font-size: 15px; color: #fff; 
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
			.widget_featured .th:hover .fahover {
				opacity:1;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
			.widget_featured .th img { display: block; 
			   -webkit-transform: scale(1,1);
				-webkit-transition-timing-function: ease-out;
				-webkit-transition-duration: 250ms;
				-moz-transform: scale(1,1);
				-moz-transition-timing-function: ease-out;
				-moz-transition-duration: 250ms;		
			}
			.widget_featured .th img:hover {     
				-webkit-transform: scale(1.05,1.07);
				-webkit-transition-timing-function: ease-out;
				-webkit-transition-duration: 250ms;
				-moz-transform: scale(1.05,1.07);
				-moz-transition-timing-function: ease-out;
				-moz-transition-duration: 250ms;
			}

		/* 336 ad widget */
	.widget_336 { float: left; width: 100%; background:#8C8C8C; }
		.widget_336 h1 {  background:#B4B5B6; text-align:center; text-transform: uppercase; padding:25px; margin-top:0; margin-bottom: 0; }
		.widget_336 h4 {  color:#555; padding: 0 30px; margin: 20px 0;}
		.widget_336 h4 a {  color: #999; }
		.widget_336 h1 span{ color:#555; }
		.widget_336  p { margin:30px; }
		.widget_336  a { text-decoration: none; }
		.widget_336 .ad_336 { padding: 32px 32px 25px; }
		
		
	/* comments widget */
	.widget_comments { float: left; width: 100%; background:#8C8C8C; padding-bottom: 30px;  }
		.widget_comments h1 { background:#B4B5B6; text-align:center; text-transform: uppercase; padding:27px 25px; margin-top:0; }
		.ie11 .widget_comments h1 { background:#B4B5B6; text-align:center; text-transform: uppercase; padding:24px 25px; margin-top:0; }
		.widget_comments h1 span{ color:#555; }
		.widget_comments .comments{ float: left; width: 100%; margin: 0 30px 30px 30px; }
		.widget_comments_th { float: left; position: relative; width: 80px; height: 80px; overflow: hidden; }
		.widget_comments_content { width: 240px; float: left; margin-left: 30px; }
			.widget_comments_content h4 { margin-top:0; line-height:1.1; }
			.widget_comments_content a { text-decoration: none; font-size:13px; }
			.widget_comments_content a:hover { color:#fff;  }
			.widget_comments_content p { color: #666; margin-top: 0px; font-size:11px;}
				.widget_comments_content p a { color:#666; font-size:11px;}
			.widget_comments_content ul { }
			.widget_comments_content ul li { float: left; margin-right: 5px; }

/* FOOTER ----------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.footer { position: relative; z-index: 999; width: 100%; float: left; background: #8C8C8C; overflow:hidden; margin-top:40px; }
	.footer h1 { background:#B4B5B6; text-align:center; text-transform: uppercase; padding:25px; margin-top:0; }
	.footer h1 span{ color:#555; }
	
.subscribe { width: 100%; float: left; background: #2c2c2c;  }
.footer_subscribe { width: 695px;  margin: 50px auto; padding-bottom:45px; }
	.footer_subscribe  .subscribe_form { height:50px; margin-left: 60px; position:relative; float:left; }
	.footer_subscribe  .subscribe_form label { position:absolute; top:14px; left:40px; color:#999; }
	.footer_subscribe  .subscribe_form .form-control { height:30px; width:210px; background: #4c4c4c; border:none; padding: 5px 20px 10px 40px; float: left; color:#999;  }
	.footer_subscribe  .btn-newsletter { border:none; float:right; height:45px; color:#8C8C8C; width:133px; cursor:pointer; background: #9325B2; }
	.footer_subscribe  .btn-newsletter:hover { background: #8C8C8C; color:#555; }
	
.footer_content { width: 1200px; margin: 0 auto; }
	.footer_featured { float: left; width: 415px; border-right: 1px solid #B4B5B6; padding-right:40px; margin: 50px 0; }
	.footer_featured h4 a {  margin: 20px 0; color: #999; }
	.footer_featured h4 {  margin: 20px 0; }
	.footer_featured   p { margin:30px 0; color: #777;}
	.footer_featured   a { text-decoration: none; }
	.footer_featured  hr { border-top: 1px solid #B4B5B6!important; border: none; }
		.footer_featured .th { position: relative; width: 415px; height: 150px; overflow: hidden;}
			.footer_featured .fahover { position : absolute; opacity:0; top:75px;left:195px; z-index:1000; font-size: 15px; color: #fff; 
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
			.footer_featured .th:hover .fahover {
				opacity:1;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
		.footer_featured .th img { display: block; 
		   -webkit-transform: scale(1,1);
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 250ms;
			-moz-transform: scale(1,1);
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 250ms;		
		}
		.footer_featured .th img:hover {     
			-webkit-transform: scale(1.05,1.07);
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 250ms;
			-moz-transform: scale(1.05,1.07);
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 250ms;
		}
		
	.footer_vendor_col { float: left; width: 200px; padding: 0 40px; margin: 50px 0; }
		.footer_vendor { margin-bottom: 40px; float: left; }
		.footer_vendor ul { margin-top: 15px; }
		.footer_vendor ul li { float: left; margin-right: 3px; }
		.footer_vendor .th { position: relative; width: 200px; height: 110px; overflow: hidden;}
			.footer_vendor .fahover { position : absolute; opacity:0; top:50px;left:95px; z-index:1000; font-size: 15px; color: #fff; 
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
			.footer_vendor .th:hover .fahover {
				opacity:1;
				-webkit-transition: opacity 0.2s ease-in-out;
				-moz-transition: opacity 0.2s ease-in-out;
				-o-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;		
			}
	
	.footer_info { float: left; width: 420px; height: 520px; padding: 0 0 0 40px; margin: 50px 0 0; overflow: hidden; border-left: 1px solid #B4B5B6;  }
		.footer_info .footer_logo { margin: 0 auto 40px; width: 175px; }
		.footer_info p { color: #777; text-align: justify; }
		.footer_info .social_footer ul { margin:50px auto 30px; width: 330px; }
		.footer_info .social_footer li { margin-right: 25px; margin-bottom: 30px;  float: left; list-style-type: none; font-size: 23px; }
		.footer_info .social_footer li a { color: #9325B2; }
		.footer_info .social_footer li a:hover { color: #999; }
		
		#slide02 img { max-width:420px!important; height:auto!important; }
		#slide02 { position:relative!important; max-height:400px; }
		#slide02 .iS-SkinDots { height:400px!important; }
		.iS-SkinThumbnails .iS-Commands { bottom: 10px!important; top:auto!important; }
		.iS-SkinThumbnails .iS-Dot { min-width: 113px!important; }
		.iS-SkinThumbnails .iS-Dot:after { background-color:rgba(255, 102, 204, 0.5)!important; }
	
.copyright { position: relative; z-index: 999;  width: 100%; float: left; background: #B4B5B6; }
	.copyright .social_footer { float:left; margin-top: 15px; }
	.copyright .social_footer ul { margin:-3px 0 0 30px; width: 330px; }
	.copyright .social_footer li { margin-right: 25px; float: left; list-style-type: none; font-size: 15px; }
	.copyright .social_footer li a { color: #333; }
	.copyright .social_footer li a:hover { color: #999; }
	.copyright .left { float: left; margin: 15px 0px; color: #fff; text-transform: uppercase; font-size: 12px; }	
	.copyright .right { float: right; margin: 15px 0px; text-transform: uppercase; font-size: 12px; }
		.copyright .right a { text-decoration: none; color: #fff; }
		
		
/* PRINCING TABLES / SERVICES --------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
	
.plans { width: 1140px; margin: 40px auto 0px; overflow: hidden;}
	.plan { display: block; float: left; width: 19%; margin: 20px 54px; padding: 15px 25px 25px; text-align: center; background-clip: padding-box; border: 1px solid #050505; }
		.plan-title { margin: 30px!important; font-size: 24px; color: #fff; }
		.plan-price { margin-bottom: 20px; line-height: 1; font-size: 28px; font-weight: bold; color: #9325B2; padding-left:40px!important; }
		.plan-unit { display: block; margin-top: 5px; font-size: 13px; font-weight: normal; color: #aaa; }
		ul.plan-features { width: 120px; margin: 20px auto 15px; padding: 15px 0 0 15px; border-top: 1px solid #e5ded6; text-align: left; }
			li.plan-feature { line-height: 20px; font-size: 24px; font-weight: 500; color: #9325B2; list-style: none!important; }
		.plan-feature + .plan-feature { margin-top: 5px; }
		.plan-feature-unit { margin-left: 2px; font-size: 16px; }
		.plan-feature-name { font-size: 13px; font-weight: normal; color: #aaa; }
		.plan-button { position: relative; display: block; line-height: 40px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; text-decoration: none; border: 1px solid #9325B2; }
		.plan-button:active { top: 2px; margin-bottom: 2px; border-bottom: 0; }
		.plan-button:hover { background:#9325B2; border: 1px solid #444; color: #fff; }
		.plan-highlight { margin-top: 0; margin-bottom: 13px; width: 170px; border: 4px solid #9325B2; }
		.plan-highlight .plan-button { font-size: 18px; line-height: 49px; background: #9325B2; border: none; color: #fff;  }
		.plan-highlight .plan-button:hover { background:#050505;color: #9325B2; }
		.plan-recommended { width: 160px; margin: -15px auto 15px; padding: 5px!important; line-height: 22px;  font-size: 14px; text-transform:uppercase; color: white; background: #9325B2; }

.expertise { margin:30px auto 30px; width:100%; overflow:hidden; float: left;}
	.expertise-icons { width:1200px; margin:0 auto; height:440px; }
	.expertise-icons ul {}
		.expertise-icons li { float:left; width:299px; height:400px; color:#444; border-right: 1px dotted #000; text-align:center; }
		.expertise-icons li:nth-child(4) { border:none; }
		.expertise-icons li .fa { font-size: 120px; color: #9325B2; }
		.expertise-icons li .fa:hover { 
			color: #8C8C8C; 	
			-moz-transition:color 0.2s ease-in;
			-o-transition:color 0.2s ease-in;
			-webkit-transition:color 0.2s ease-in;
			transition:color 0.2s ease-in;
		}
			.expertise-icons h3 { color:#999; }
			.expertise-icons span { width: 152px; height:152px; display:block; margin:70px auto 50px; }
#services { float: left; width: 1200px; margin: 0 auto 40px;  position: relative; background:#8C8C8C;  padding-bottom:50px; }
	#services h1 {  background: #B4B5B6; text-align: center; text-transform: uppercase; padding: 25px; margin-top: 0; }
	#services h1 span{ color:#333; }
.team_profile { width: 300px; margin: 60px 0 40px 75px; float: left; }
	.team_profile .profile .th img{ width: 100%; }
	.profile { float: left; width: 100%; border-top: 1px solid #000; margin-bottom: 30px;  }
		.profile h3 {  margin-top: -13px; text-align:center; text-transform: uppercase; margin-bottom: 30px; font-size: 15px; }
		.profile h4 {  margin: 15px 0; }
		.profile h3 span{ padding: 10px 20px; background: #B4B5B6; }
		.profile  p { margin:30px 0; }
		.profile  a { text-decoration: none; }
		.profile hr { border-top: 1px dotted #c8c8a9!important; border: none; }
		.profile .th { position: relative; }
		
/* skill bar */		
.skills { width: 100%; float: left; }
	.skills .html5 .skillbar-title { background: #9325B2; }
	.skills .html5 .skillbar-bar { background: #FFB0E5; }
	.skills .css3 .skillbar-title {  background: #9325B2; }
	.skills .css3 .skillbar-bar { background: #FFB0E5; }
	.skills .jquery .skillbar-title {  background: #9325B2; }
	.skills .jquery .skillbar-bar { background: #FFB0E5; }
	.skills .php .skillbar-title {  background: #9325B2; }
	.skills .php .skillbar-bar { background: #FFB0E5; }
	.skills .wordpress .skillbar-title { background: #9325B2; }
	.skills .wordpress .skillbar-bar { background: #FFB0E5; }
	.skills .seo .skillbar-title {  background: #9325B2; }
	.skills .seo .skillbar-bar { background: #FFB0E5; }
	.skills .photoshop .skillbar-title {  background: #9325B2; }
	.skills .photoshop .skillbar-bar { background: #FFB0E5; }
	
.skillbar { position:relative; display:block; margin-bottom:15px; width:100%; background:#8C8C8C; height:35px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.skillbar-title { position:absolute; top:0; left:0; width:100px; font-size:13px; color:#8C8C8C; background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.skillbar-title span { display:block; padding:0 20px; height:35px; line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.skillbar-bar { height:35px; width:0px; background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.skill-bar-percent { position:absolute; right:10px; top:0; font-size:11px; height:35px; line-height:35px; color:#666; }

/* stripe */
#columns .stripe ,
.intro_posts .stripe , .blog_posts  .stripe , .sidebar .stripe {  width:100%; margin-top: 0px; margin-bottom:0px;  }
  .stripe { width:200%; height: 2px;
  background: 
    linear-gradient(to bottom, #9325B2 0%, #f00 100%),
    linear-gradient(to bottom, #e20687 0%, #a21465 100%),
    linear-gradient(to bottom, #d8479e 0%, #480722 100%),
    linear-gradient(to bottom, #f9d307 0%, #8cc9d7 100%),
    linear-gradient(to bottom, #fde9f1 0%, #fff 100%),
    linear-gradient(to bottom, #480722 0%, #d8479e 100%),
    linear-gradient(to right, 
      #facade 4%,
      #f48cb7 4%,
      #f05d9a 8%,
      #fff 8%,
      #ea1f74 10%,
      #670a30 10%,
      #670a30 11%,
      #facade 11%,
      #b41155 13%,
      #f48cb7 13%,
      #facade 15%,
      #f16da4 15%,
      #f16da4 17%,
      #ee4e91 17%,
      #ee4e91 21%,
      #fde9f1 21%,
      #fde9f1 27%,
      #480722 27%,
      #480722 34%,
      #e3156b 34%,
      #fde9f1 36%,
      #f16da4 36%,
      #f16da4 40%,
      #950e46 40%,
      #950e46 44%,
      #f16da4 44%,
      #fde9f1 52%,
      #a5104e 52%,
      #a5104e 54%,
      #19020c 54%,
      #760b38 60%,
      #f16da4 60%,
      #f16da4 64%,
      #f9bad4 64%,
      #f9bad4 70%,
      #570829 70%,
      #e3156b 72%,
      #f37cae 72%,
      #eb2f7d 73%,
      #fde9f1 73%,
      #f16da4 74%,
      #fff 74%,
      #eb2f7d 75%,
      #b41155 75%,
      #f05d9a 76%,
      #480722 76%,
      #f48cb7 81%,
      #fff 81%,
      #e3156b 85%,
      #860d3f 85%,
      #760b38 88%,
      #f48cb7 88%,
      #fbdae8 89%,
      #f37cae 89%,
      #290413 92%,
      #f69bc1 92%,
      #eb2f7d 94%,
      #fde9f1 94%,
      #b41155 96%,
      #670a30 96%,
      #b41155 99%,
      #f69bc1 99%,
      #fff 99.5%,
      #fde9f1 99.5%
    );
  
  background-size: 
    2% 100%,
    3% 100%,
    5% 100%,
    2% 100%,
    1% 100%,
    2% 100%,
    100% 1em
  ;
  
  
 background-position:
    12%,
    23%,
    48%,
    55%,
    59%,
    64%,
    0%
  ;
  
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    repeat  
  }