/*-----------------------------------------------------------------------------------

	Theme Name: Madness
	Theme URI: http://themeforest.net/user/Devilcantburn/portfolio
	Description: A Creative Portfolio.
	Version: 1.8
	Author: Devilcantburn
	License: GNU General Public License
	License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
	Author URI: http://themeforest.net/user/Devilcantburn
	Tags: flexible-width, theme-options, translation-ready, photoblogging, right-sidebar, left-sidebar

-----------------------------------------------------------------------------------*/

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	RESET

//////////////////////////////////////////////////////////////////////////////////////////////
*/
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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
.alignleft img{ float: left; }
.alignright img{ float: right; }
.aligncenter img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
img.alignleft{ float: left; margin:0 20px 0 0; }
img.alignright{ float: right; margin:0 0 0 20px; }
img.aligncenter{
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
iframe{display:block;}
input,
textarea {
    font: 12px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
	outline:none 0;
}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.clear{
	clear:both;
	height:0px;
	}
	
.inv{
	display:none;
}

a img { border: none; }
img{
	margin:0;
	padding:0;
	border:0;
	white-space:normal;
	display:block;
}
	.wp-caption{}
	.wp-caption-text{}
	.gallery-caption{}
	.alignright{ text-align:right;}
	.alignleft{ text-align:left;}
	.aligncenter{ text-align:center;}
	.alignRight{ text-align:right;}
	.alignLeft{ text-align:left;}
	.alignCenter{ text-align:center;}
	.right{ text-align:right;}
	.left{ text-align:left;}
	.center{ text-align:center;}
	.sticky{}
	.bypostauthor{}
	.wp-smiley{ display:inline;}
	
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	BODY

//////////////////////////////////////////////////////////////////////////////////////////////
*/
html {
	font-size: 100.1%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{
	background:#ececec;
	color:#777;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 24px;
	margin:0; padding:0;
	position:relative;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	height:100%;
}

#wrap{
	width:100%;
	height:100%;
	display:block;
}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	LINKS

//////////////////////////////////////////////////////////////////////////////////////////////
*/

a{
text-decoration:none;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}

a:active, a:visited{}

a{ color:#222; }
a:hover{ color:#999; }


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	HEADINGS

//////////////////////////////////////////////////////////////////////////////////////////////
*/

h1, h2, h3, h4, h5, h6{
	color:#222;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
}

h1{
	font-size:48px;
	line-height:60px;
	margin-bottom:10px;
}
h2{
	font-size:36px;
	line-height:39px;
	margin-bottom:10px;
}
h3{
	font-size:30px;
	line-height:30px;
	margin-bottom:10px;
}
h4{
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
}
h5{
	font-size:13px;
	line-height:19px;
	margin-bottom:3px;
}
h6{
	font-size:11px;
	line-height:17px;
	margin-bottom:5px;
}

.small_titles{
	font-size:18px;
}
.small_titles span{
	background:#f8f8f8;
	padding:0 20px 0 0;
}
	

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	TYPOGRAPHY

//////////////////////////////////////////////////////////////////////////////////////////////
*/

#main p{ margin-bottom:20px; }
strong{ font-weight:bold; }
small{ font-size:85%;}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	HEADER

//////////////////////////////////////////////////////////////////////////////////////////////
*/

#header{
	background:url(http://madness.dfinebranding.com/wp-content/uploads/2013/02/background-gray.jpg);
	border-top:3px solid #636363;
	border-bottom:1px solid #fff;
	position:fixed;
	top:0; left:0;
	width:100%;
	z-index:1000;
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}


/*
#header .content{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	position:relative;
}
*/

#header .content{
	width:100%; height:210px;
	margin:0 auto;
	position:relative;
}

#header #header_logo{
	position:relative;
	z-index:300;
	margin:0 auto;
	text-align:center;
	z-index:4000;
	height:66px;
}
#header #header_logo .logo_img{
}
#header #header_logo h1{ text-indent:-9999px; display:inline-block;
	margin:0 auto;}
#header #header_logo a{
	display:inline;
	margin:0 auto;
}

#header #navigation{
	position:absolute;
	top:-3px;
	left:20px;
	z-index:5000;
}
#header #navigation ul{ text-align:left; }
#header #navigation ul li{ display:block; float:left; height:66px; position:relative;}
#header #navigation ul li  a{
	border-top:3px solid #636363;
	display:block; float:left;
	height:66px; line-height:66px;
	text-transform:uppercase;
	font-size:11px; font-weight:bold;
	letter-spacing:1px;
	padding:0 8px;
	position:relative;
}
#header #navigation ul li.current-menu-item a:before{
	content:"";
	width:0; height:0;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-4px;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	border-top:4px solid transparent;
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
#header #navigation ul li.current-menu-item ul li a:before{ display:none; }
#header #navigation ul li.current-menu-item ul li a{ 
	border-top:none !important; }

#header #navigation ul li:hover ul{
	display:block;
}
#header #navigation ul ul{
	background:#000;
	background:rgba(0, 0, 0, 0.85);
	display:none;
	padding:10px;
	width:180px;
	position:absolute;
	top:69px;
	left:0;
	z-index: 8000;
}
#header #navigation ul ul li{ 
	background:#000;
	background:rgba(0, 0, 0, 0.85);
	border-bottom:1px solid #222;
	display:block;
	width:100%; height:100%;
	margin-right:0px;
}

#header #navigation ul ul li a{
	border-top:none;
	display:block; float:none;
	height:100%; line-height:26px;
	text-transform:uppercase;
	font-size:11px; font-weight:bold;
	letter-spacing:1px;
	padding:0 8px;
	position:relative;
}

#header #navigation ul ul li a:hover{
	border:none;
}
#header #navigation ul li a span{
	background:url(images/nav_arrow_drop.png) no-repeat;
	position:absolute;
	left:50%;
	margin-left:-12px;
	bottom:-7px;
	width:23px; height:7px;
	z-index:1;
}
#header #navigation ul ul li a span{
	background:url(images/nav_arrow_drop2.png) no-repeat;
	position:absolute;
	left:auto;
	right:10px;
	margin-left:0px;
	margin-bottom:-4px;
	bottom:50%;
	width:5px; height:8px;
}


#header #navigation ul ul ul{
	background:#000;
	background:rgba(0, 0, 0, 0.85);
	display:none;
	padding:10px;
	width:180px;
	position:absolute;
	top:-10px;
	left:170px;
	z-index:8000;
}
#header #navigation ul ul li:hover ul li a{
	color:#fff !important;
}

#header nav .select-drop,
#header nav select{
	display:none;
}

#header nav .select-drop{
	background:url(images/select-drop.png);
	overflow: hidden;
	float:left;
	outline:none;
	padding:0;
	font-size:13px;
	width:174px; height:31px;
	margin:20px 0 0 20px;
}
#header nav select{
	background: transparent !important;
	color:#ddd;
	text-shadow:#000 1px 1px 1px;
   width: 100%;
   font-size: 13px;
   border:none;
   height: 26px;
   -webkit-appearance: none;
   outline:none;
   padding-left:8px;
}



#header #social_links{
	position:absolute;
	top:17px;
	right:0px;
	z-index:5001;
}
#header #social_links a.open_sntw{
	background:url(images/open_sntw.png);
	display:none;
	width:36px; height:33px;
	position:absolute;
	right:0;
	text-indent:-9999px;
}
#header #social_links ul{ text-align:left; margin-right:20px; }
#header #social_links ul li{ display:inline; height:32px;}
#header #social_links ul li  a{ display:inline-block; height:32px; width:32px; text-indent:-9999px;}

#header #social_links .facebook{ 			background:url(images/social/sntw-facebook.png) no-repeat center center;}
#header #social_links .facebook:hover{ 	background:#3B5998 url(images/social/sntw-facebook.png) no-repeat center center;}
#header #social_links .vimeo{ 				background:url(images/social/sntw-vimeo.png) no-repeat center center;}
#header #social_links .vimeo:hover{ 		background:#86C9EF url(images/social/sntw-vimeo.png) no-repeat center center;}
#header #social_links .googleplus{ 		background:url(images/social/sntw-googleplus.png) no-repeat center center;}
#header #social_links .googleplus:hover{ 	background:#DA4A38 url(images/social/sntw-googleplus.png) no-repeat center center;}
#header #social_links .flickr{ 			background:url(images/social/sntw-flickr.png) no-repeat center center;}
#header #social_links .flickr:hover{ 		background:#ff0078 url(images/social/sntw-flickr.png) no-repeat center center;}
#header #social_links .youtube{ 			background:url(images/social/sntw-youtube.png) no-repeat center center;}
#header #social_links .youtube:hover{ 		background:#ff0000 url(images/social/sntw-youtube.png) no-repeat center center;}
#header #social_links .digg{ 				background:url(images/social/sntw-digg.png) no-repeat center center;}
#header #social_links .digg:hover{ 		background:#0024ff url(images/social/sntw-digg.png) no-repeat center center;}
#header #social_links .skype{ 				background:url(images/social/sntw-skype.png) no-repeat center center;}
#header #social_links .skype:hover{ 		background:#00c5e9 url(images/social/sntw-skype.png) no-repeat center center;}
#header #social_links .linkedin{ 			background:url(images/social/sntw-linkedin.png) no-repeat center center;}
#header #social_links .linkedin:hover{ 	background:#2390ff url(images/social/sntw-linkedin.png) no-repeat center center;}
#header #social_links .tumblr{ 			background:url(images/social/sntw-tumblr.png) no-repeat center center;}
#header #social_links .tumblr:hover{ 		background:#7da7c7 url(images/social/sntw-tumblr.png) no-repeat center center;}
#header #social_links .twitter{ 			background:url(images/social/sntw-twitter.png) no-repeat center center;}
#header #social_links .twitter:hover{ 		background:#1DCAFF url(images/social/sntw-twitter.png) no-repeat center center;}
#header #social_links .dribbble{			background:url(images/social/sntw-dribbble.png) no-repeat center center;}
#header #social_links .dribbble:hover{ 	background:#ff96c7 url(images/social/sntw-dribbble.png) no-repeat center center;}
#header #social_links .deviantart{ 		background:url(images/social/sntw-deviantart.png) no-repeat center center;}
#header #social_links .deviantart:hover{ 	background:#638372 url(images/social/sntw-deviantart.png) no-repeat center center;}
#header #social_links .envato{				background:url(images/social/sntw-envato.png) no-repeat center center;}
#header #social_links .envato:hover{		background:#7bc200 url(images/social/sntw-envato.png) no-repeat center center;}
#header #social_links .behance{ 			background:url(images/social/sntw-behance.png) no-repeat center center;}
#header #social_links .behance:hover{ 		background:#3F94EB url(images/social/sntw-behance.png) no-repeat center center;}
#header #social_links .myspace{ 			background:url(images/social/sntw-myspace.png) no-repeat center center;}
#header #social_links .myspace:hover{ 		background:#24A7FF url(images/social/sntw-myspace.png) no-repeat center center;}
#header #social_links .instagram{ 			background:url(images/social/sntw-instagram.png) no-repeat center center;}
#header #social_links .instagram:hover{ 	background:#517fa4 url(images/social/sntw-instagram.png) no-repeat center center;}
#header #social_links .pinterest{ 			background:url(images/social/sntw-pinterest.png) no-repeat center center;}
#header #social_links .pinterest:hover{ 	background:#cb2027 url(images/social/sntw-pinterest.png) no-repeat center center;}



#header a{
	color:#fff !important;
}
#header a:hover{
	color:#f72188 !important;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	FOOTER

//////////////////////////////////////////////////////////////////////////////////////////////
*/

#footer{
	background:#171717;
	border-top:1px solid #fff;
	position:fixed;
	bottom:0; left:0;
	width:100%;
	z-index:1000;
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
}

#footer .content{
	width:100%; height:30px;
	margin:0 auto;
	position:relative;
	color:#999;
	font-weight:bold;
}
#footer .copyright{
	font-size:11px;
	margin:0;
	text-align:center;
	line-height:30px;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	MAIN

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#main{
	margin:0 auto;
}
#main .section{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	padding: 0 0 40px 0;
	position:relative;
}

/* -------------------------------------
	Centered Titles
*/

.centered_title{
	text-align:center;
	padding:0px 0 20px 0;
}
.centered_title h2{
    color: rgba(0,0,0,.3);
	font-size:60px;
	line-height: 60px;
	letter-spacing:-4px;
	text-transform:uppercase;
	text-shadow:#fff 0px 1px 0px;
	z-index:2;
}
.centered_title h2:before{
    content: attr(title);
	color:#d7d7d7;
	display:block;
    position:relative;
	top:1px;
	left:0;
	z-index:1;
	height:0;
}

.centered_title p{
	font-size:18px;
	font-weight:lighter;
	text-shadow:#fff 0px 1px 0px;
	letter-spacing:0.1em;
}

/* -------------------------------------
	PAGES Titles
*/

.page_title{
	text-align:left;
	background:#fff;
	padding:20px;
	margin-bottom:20px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.page_title h2{
	color:#222;
	font-size:40px;
	line-height: 40px;
	letter-spacing:-2px;
	text-transform:uppercase;
	z-index:2;
}
/*.page_title h2:before{
    content: attr(title);
	color:#d7d7d7;
	display:block;
    position:relative;
	top:1px;
	left:0;
	z-index:1;
	height:0;
}
*/

.page_title p{
	font-size:18px;
	font-weight:lighter;
	letter-spacing:0.1em;
	margin:0 !important;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	Sections

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.section{
	display:block;
	clear:both;
	height:100%;
	max-width:1170px;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	THEMES

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#themes.section{
	display:block;
	clear:both;
	height:100%;
	max-width:100% !important;
	padding:0 0 0 0;
}
.themes_item .thumb{
	width:90&;
	max-width:960px;
	margin:0 auto;
}
#themes .centered_title{
	text-align:center;
	padding:10px 0 10px 0;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	FULLSCREEN SLIDER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#fs-slider{
	position:fixed;
	width:100%; height:100%;
	overflow:hidden;
	background:#C60;
}
#fs-slider-container{
	position:relative;
	width:100%;
	height:100%;
	background:#000 url(images/loading.gif) no-repeat center center;
}
#fs-slider-container #thumb_size{
	background:#000;
	background:rgba(0, 0, 0, 0.7);
	position:absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1000;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.7);
	   -moz-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.7);
	     -o-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.7);
	        box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.7);
}
#fs-slider-container #thumb_size li{
	display:inline-block;
	padding:5px;
	max-width:80px;
	width:20%;
	height:100%;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
#fs-slider-container #thumb_size li img{
	border:1px solid #171717;
	cursor:pointer;
	width:100%;
	opacity:0.7;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
#fs-slider-container #thumb_size li:hover img{
	opacity:1;
}
#fs-slider-container #thumb_size li.active img{
	opacity:1;
	border:1px solid #999;
}

#fs-slider-container #full_size{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
}
#fs-slider-container #full_size .infobox{
	position:absolute;
	top:66px;
	left:0;
	background:#000;
	background:rgba(0, 0, 0, 0.7);
	color:#fff;
	padding:20px;
	border-right:4px solid #999;
	max-width:162px;
	height:100%;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

#fs-slider-container #full_size .infobox h3{ font-weight:normal; color:#FFF; text-shadow:none;}

	
#fs-slider-container #full_size li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	STATIC SLIDER HONE

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#static_area{
	padding:69px 0 0px 0;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	GRID HOME

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#grid_home{
	background:#000;
	display:block;
	clear:both;
	width:100%; height:100%;
	position:relative;
	padding:69px 0 0 0;
}
#grid_home .folio_grid{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;      
	width:0;
	float:left;
	overflow: hidden;
}
#grid_home .folio_grid .info{
	padding:25% 10px 0 10px !important;
}
#masonry{
	display:block;
	clear:both;
	width:100%; height:100%;
}
#preloader{
	background:#000 url(images/loader.gif) no-repeat center center;
	position:relative;
	display:block;
	width:100%; height:400px;
}
#preloader span{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	padding:40px 0 0 0;
	text-align:center;
}

/* Masonry pages */
#masonry, #masonryGallery {
	min-height:95%;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	GRID

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#grid{
	width:100%;
	margin:0 auto;
	position:relative;
}

#grid .folio_grid{
	overflow:hidden;
	padding:0;
	width:100%;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
	float:left;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
#grid .folio_grid img{
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
#grid .folio_grid:hover img{
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -o-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
}


#grid.col-1 .folio_grid{ max-width:100%; }
#grid.col-2 .folio_grid{ max-width:50%; }
#grid.col-3 .folio_grid{ max-width:33%; }
#grid.col-4 .folio_grid{ max-width:24.9%; }
#grid.col-5 .folio_grid{ max-width:20%; }

#grid .space_grid{
	position:relative;
	overflow:hidden;
}
#grid .folio_grid .info{
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	display:block;
	width:100%; height:100%;
	padding:20px 10px 0 10px;
	color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	z-index:900;
	text-align:center;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
#grid .folio_grid:hover .info{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   z-index:900;
   
	bottom:0;
}

#grid .folio_grid .info h4{
	color:#FFF;
	text-shadow:#000 0px 1px 3px;
}
#grid .folio_grid .info h4 a{ color:#FFF;}
#grid .folio_grid .info h4 a:hover{ color:#FFF; padding-left:5px;}

#grid .folio_grid .info p{
	margin-bottom:5px;
}
#grid .folio_grid .info .zoom{
	background:url(images/icon_zoom.png) no-repeat center center;
	text-indent:-9999px;
	text-align:left;
	width:24px; height: 24px;
	display:inline-block;
	margin:5px;
}

#grid .folio_grid .info .plus{
	background:url(images/icon_info.png) no-repeat center center;
	text-indent:-9999px;
	text-align:left;
	width:24px; height: 24px;
	display:inline-block;
	margin:5px;
}




#grid .freebies_grid{
	padding:0;
	width:100%;
	max-width:292px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
	float:left;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
#grid .freebies_grid .inside{
	background:#fff;
}
#grid .freebies_grid .thumb{
}
#grid .freebies_grid .thumb img{
}
#grid .freebies_grid .thumb img:hover{
}
#grid .freebies_grid .info{
			padding:10px;
}
#grid .freebies_grid em{
	float:right;
}
#grid .freebies_grid h5{
	float:left;
}


.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-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;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	PORTFOLIO

//////////////////////////////////////////////////////////////////////////////////////////////
*/

/* -------------------------------------
	FILTERS
*/
#filters{
	position:relative;
	padding:0 0 10px 0;
	margin-bottom:30px;
}
#filters ul{
	padding:0 0 0 20px;
	position:absolute;
	top:7px;
	left:0;
}
#filters ul li{
	display:inline;
	line-height:20px;
}
#filters ul li a{
	display:inline-block;
	font-weight:bold;
	padding:5px 15px;
}
#filters ul li a.active{
	font-weight:bold;
	background:#000;
	background:rgba(0, 0, 0, 0.05);
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		4px 4px 4px 4px;
	 -khtml-border-radius:		4px 4px 4px 4px;
	   -moz-border-radius:		4px 4px 4px 4px;
	     -o-border-radius:		4px 4px 4px 4px;
	        border-radius:		4px 4px 4px 4px;
}

/* -------------------------------------
	Content
*/
.folio_content{
	background:#fff;
	padding:20px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.folio_content .folio_preview{
	width:55%;
	float:left;
	margin-right:20px;
}
.folio_content .folio_detail{
	width:auto;
}

/* -------------------------------------
	Gallery item
*/
.the_gallery_item{
	float:left;
	margin:2px;
	width:50px !important;
	height:50px !important;
}
.the_gallery_item a{
	float:left;
}
.the_gallery_item img{
	width:50px;
	height:50px;
}
/* -------------------------------------
	HOVER
*/
.hover{
	position:relative;
	background:#000;
}
.hover img{
	width:100%;
}
.hover a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.hover a span{
	background:#000 url(images/icon_zoom.png) no-repeat center center;
	background:rgba(0,0,0,0.8) url(images/icon_zoom.png) no-repeat center center;
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:200;
}


/* -------------------------------------
	thumb_zone
*/
.thumb_zone{
	display:block;
	position:relative;
	overflow:hidden;
}
.thumb_zone .head{
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	color:#FFF;
	position:absolute;
	top:-100px;
	left:0;
	z-index:900;
	width:100%;
	line-height:30px;
	padding:6px 0;
	text-align:center;
}
.thumb_zone .head h4{
	color:#fff;
	text-shadow:none;
}
.thumb_zone .head h4 a{
	color:#fff;
}
.thumb_zone .foot{
	background:#000;
	color:#FFF;
	position:absolute;
	bottom:-100px;
	left:0;
	z-index:900;
	width:100%;
	text-align:center;
}
.thumb_zone .foot a{
	color:#fff;
	display:block;
}
.thumb_zone .foot .ico{
	color:#fff;
	display:inline-block;
	text-align:left;
	line-height:40px;
}
.thumb_zone .foot a{ opacity:0.6; }
.thumb_zone .foot a:hover{ opacity:1; }

.thumb_zone .foot .ico.zoom a{ background:url(images/icon_zoom.png) no-repeat 50% 50%; text-indent:-9999px; width:40px; height:40px; border-right:1px solid #222; }
.thumb_zone .foot .ico.plus a{ background:url(images/icon_info.png) no-repeat 50% 50%; text-indent:-9999px; width:40px; height:40px; padding:0 2px 0 0px;  border-right:1px solid #222; }
.thumb_zone .foot .ico.comment a{ background:url(images/icon_comment_hover.png) no-repeat 3px 50%; height:40px; padding:0 0px 0 30px;  border-right:none !important; }
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	INNERPAGE

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.gap_top{
	height:220px;
}
.gap2_top{
	height:220px;
}
.gap_small{
	height:60px;
}
.gap_bottom{
	height:50px;
}
.innerpage{
	margin:0 auto;
	width:100%;
	max-width:1170px;
}

.width960 .innerpage{
	margin:0 auto;
	width:100%;
	max-width:960px;
}

.padding{
	padding:20px;
}


.left_content {
	background:#fff;
	float:left;
	width: 870px; 
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.full_content {
	background:#fff;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.width960 .left_content {
	width: 680px; 
	float:left;
}

.preview img{ width:100%; }


/* -------------------------------------
	PREVIOUS AND NEXT POST
*/

.previous_arrow{
	width: 64px;
	height: 65px;
	margin: -30px 0 0;
	display: block;
	position: fixed;
	top: 50%;
	left:20px;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}

.next_arrow{
	width: 64px;
	height: 65px;
	margin: -30px 0 0;
	display: block;
	position: fixed;
	top: 50%;
	right:20px;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}
.previous_arrow a{ background: url(images/bg_direction_nav.png) no-repeat left top; width: 64px; height: 65px; display: block;}

.next_arrow a{ background: url(images/bg_direction_nav.png) no-repeat right top; width: 64px; height: 65px; display: block; }

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SIDEBAR

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#sidebar{
	background:#171717;
	border-top:3px solid #999;
	color:#f0f0f0;
	float:left;
	padding:20px 20px 20px 20px;
	margin-left:20px;
	width:280px; height:100%;
	position:relative;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.width960 #sidebar{
	width:260px;
}

#sidebar *{ color:#666666; text-shadow:none; }
#sidebar a{ color:#bbb !important; }

#sidebar h4,
#sidebar h5{
	font-weight:normal;
}
#sidebar h4{
	padding:10px 20px;
	position:relative;
	left:-20px;
	width:100%;
	text-transform:uppercase;
}
#sidebar .separator{
	height:1px;
	border-top:1px solid #000;
	background:#222;
	margin:20px 0;
}

#sidebar .shadow{ background:url(images/shadow-sidebar.png);
display:block;
position:absolute;
bottom:-16px;
left:0;
height:16px;
width:100%;
}

.tagcloud a{
	padding:3px 5px;
	background:#222;
	border-bottom:1px solid #444;
	text-shadow:#000 0px 1px 1px;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	COLUMNS

//////////////////////////////////////////////////////////////////////////////////////////////
*/

.col{
	float:left;
	margin-bottom:20px;
  -webkit-transition: width 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: width 0.4s ease;  /* FF4+ */
       -o-transition: width 0.4s ease;  /* Opera 10.5+ */
          transition: width 0.4s ease;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

    .one-full{
        margin-left: 2%;
        margin-right: 2%;
    }
	
    .one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth{
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
	
    .one-half.last,
	.one-third.last,
	.two-third.last,
	.one-fourth.last,
	.two-fourth.last,
	.three-fourth.last,
	.one-fifth.last,
	.two-fifth.last,
	.three-fifth.last,
	.four-fifth.last
	{ }
	
    /*.one-full { 		width: 96%; }
    .one-half { 		width: 47.05%; }
    .one-third { 		width: 30.7%; }
    .two-third { 		width: 63.4%; }
    .one-fourth {		width: 22.5%; }
    .two-fourth { 		width: 47.05%; }
    .three-fourth { 	width: 71.5%; }
    .one-fifth { 		width: 17.65%; }
   	.two-fifth { 		width: 37.26%; }
   	.three-fifth { 		width: 56.8%; }
   	.four-fifth { 		width: 76.4%; }*/
	
    .one-full { 		width: 96%; }
    .one-half { 		width: 46%; }
    .one-third { 		width: 29.3%; }
    .two-third { 		width: 62.4%; }
    .one-fourth {		width: 21%; }
    .two-fourth { 		width: 46%; }
    .three-fourth { 	width: 71%; }
    .one-fifth { 		width: 16%; }
   	.two-fifth { 		width: 36%; }
   	.three-fifth { 		width: 56%; }
   	.four-fifth { 		width: 76%; }
	
	



/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	CONTACT

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#contact{
	display:block;
}

#contact #contact_block{
	background:#fff;
	display:block;
	position:absolute;
	top:90px; right:0px;
	z-index:500;
	padding:20px;
	min-width:280px !important;
	max-width:320px !important;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}


#contact iframe{
	display:block;
	position:fixed;
	top:66px; left:0;
	z-index:400;
	width:100% !important;
	height:100% !important;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	POST LAYOUTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.post_style_1{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:4px solid #f0f0f0;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
.post_style_1 .post_header{
	margin-bottom:20px;
	position:relative;
	padding-left:20px;
}
.post_style_1 .post_header h4{
	font-size:24px;
	margin-bottom:8px;
}
.post_style_1 .post_header span{
	font-size:11px; 
	display:inline-block;
	padding:3px 6px;
	background:#f0f0f0;
}

.post_style_1 .post_header span.post_date{
	background:url(images/icon_date.png) no-repeat 5px 50%;
	padding-left:26px;
}

.post_style_1 .post_header span.post_category{
	background:url(images/icon_category.png) no-repeat 5px 50%;
	padding-left:26px;
}

.post_style_1 .post_header span.post_comment{
	background:url(images/icon_comment.png) no-repeat 5px 50%;
	padding-left:26px;
}

.post_style_1 .post_header span.post_author{
	background:url(images/icon_author.png) no-repeat 5px 50%;
	padding-left:26px;
}


.post_style_1 .post_header .icon_post{
	border-left:3px solid #fff;
	position:absolute;
	width:40px;
	height:40px;
	top:-5px;
	left:-35px;
	z-index:2;
}

.post_style_1 .post_header .icon_post:after{
	content:"";
	width:0;
	height:0;
	position:absolute;
	bottom: -20px;
	left: -2px;
	z-index: 900;
	border-left: 14px solid transparent;
	border-top: 10px solid #444;
	border-bottom: 10px solid transparent;
}

.post_style_1 .post_header .icon_standard{
	background:#171717 url(images/icon_post_photo.png) no-repeat center center;
}

.post_style_1 .post_header .icon_slider{
	background:#171717 url(images/icon_post_slider.png) no-repeat center center;
}

.post_style_1 .post_header .icon_audio{
	background:#171717 url(images/icon_post_audio.png) no-repeat center center;
}

.post_style_1 .post_header .icon_gallery{
	background:#171717 url(images/icon_post_gallery.png) no-repeat center center;
}

.post_style_1 .post_header .icon_featured{
	background:#171717 url(images/icon_post_featured.png) no-repeat center center;
}

.post_style_1 .post_header .icon_video{
	background:#171717 url(images/icon_post_video.png) no-repeat center center;
}

.post_style_1 .post_header .icon_citation{
	background:#171717 url(images/icon_post_citation.png) no-repeat center center;
}
.post_style_1 .preview{
	margin-bottom:20px;
}
.post_style_1 .preview.small{
	margin-bottom:20px;
	margin-right:20px;
	width:200px; float:left;
}

.post_style_1 .post_excerpt{
}

.post_style_1 .preview blockquote{
	background:#f0f0f0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
}
.post_style_1 .preview blockquote p{
	margin-bottom:0px !important;
	padding:15px;
}
.post_style_1 .preview blockquote cite{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	font-style:normal;
	display:block;
	background:#171717;
	color:#fff;
	padding:5px 15px;
}
.post_style_1 .preview blockquote cite:before{
	content:"";
	width:0; height:0;
	position:absolute;
	top:-10px;
	left:20px;
	z-index:3;
	
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #171717;
}

.arrow_more:after{
	content:" > ";
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	REALATED POSTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.related_post {
	margin: 15px 0 0 0px;
	width: 50%;
	min-width: 280px;
	float: left;
}
.thumbnail_related_post {
	float: left;
	margin-right: 15px;
	margin-bottom:10px;
}
.thumbnail_related_post img {
	width: 50px;
	height: 50px;
}
.related_post h6 {
	font-size: 13px;
	margin-bottom: 0px !important;
	padding: 0;
}
.related_post em {
	font-size: 11px;
}
.related_post p {
	margin-bottom:0px;
}


/*
///////////////////////////////////////////////////////////////////////////////////////////// 

	PAGINATION

/////////////////////////////////////////////////////////////////////////////////////////////
*/
.wp-paginate{
	padding:10px;
	text-align:center;
}
#grid_blog .wp-paginate{
	margin:0 20px;
}
.wp-paginate li{
	display:inline;
	margin:0 3px;
}
.wp-paginate li a{
	background:#f0f0f0;
	border:none;
	display:inline-block;
	font-weight:bold;
	padding:3px 10px;
}
.wp-paginate li a:hover{
	background:#d4d4d4;
}
.wp-paginate li .current{
	border:none;
	font-weight:bold;
	background:#000;
	display:inline-block;
	padding:3px 10px;
}







/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	COMMENTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#comments{
	padding-top:30px;
}

.comment-details {
	position: relative;
	margin-left: 90px;
	background: #f0f0f0;
	padding: 15px;
	border-bottom:1px solid #d4d4d4;
	border-left:4px solid #d4d4d4;
}
.comment-details::after {
content: "";
display: block;
width: 0px;
height: 0px;
position: absolute;
top: 0;
left: -10px;
border-top:10px solid transparent;
border-right:10px solid #d4d4d4;
border-bottom:10px solid transparent;
}

.bypostauthor .comment-details {
	border-left:4px solid #171717;
}
.bypostauthor .comment-details::after {
border-right:10px solid #171717;
}
.comment-details p{
	margin-bottom:8px;
}
.comment-avatar {
	position: absolute;
	left: -90px;
	top: 0;
}
.comment-avatar img {
	display: block;
	background:#f0f0f0;
	border:1px solid #e9e9e9;
	padding:5px;
}
.comment-author{
	margin-bottom:0px;
}
.comment-author .author a:link, .comment-author .author a:visited {
	color: black;
	font-weight: normal;
	text-transform: uppercase;
}
.comment-author .author a:link, .comment-author .author a:visited {
color: black;
font-weight: normal;
text-transform: uppercase;
}
.comment-date {
font-size: 11px;
font-weight: normal;
}
.comment-content {
margin-top: -10px;
}
.comment-content p:last-child {
margin: 0;
}
.comment-reply-link, #cancel-comment-reply-link {
display: inline-block;
font-size: 11px;
}
.comment-reply-link {
margin-top: 0px;
color: #444;
font-size: 11px;
}
.commentlist .children {
margin: 0;
}
.children li.depth-2 {
margin: 0 0 0px 65px;
}
.comment-body {
margin-bottom: 25px;
}
.comment-details .reply{
	position:absolute;
	right:0;
	bottom:-1px;
}
.comment-details .reply a{
	background:#d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:0 6px;
	display:block;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	FORM POST

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.form_design{
}
.form_design .field{
	margin-bottom:10px;
}
.form_design .field label{
	width:100%;
	display:block;
	font-weight:bold;
}
.form_design label.error{
	color:#F00;
}
.form_design .label_check{ float:left; width:50% !important;}
.form_design .field input{
	width:100%;
	max-width: inherit;
	display:block;
}
.form_design .field input[type=checkbox], .form_design .field input[type=radio]{
	padding:4px;
	width:24px;
	max-width: inherit;
	display:block; float:left;
}
.form_design .field textarea{
	width:100%; height:150px;
	max-width: inherit;
	display:block;
}
.form_design .the-fix { padding: 0; marign: 0; display: block; }
.form_design .submit_col .the-fix { padding: 0; padding-right: 10px; marign: 0; display: block; }

.form_design .submit_col input{
	border:none;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:11px;
	padding:3px; margin-top:10px;
	width:30%;
	float:right;
}
.form_design .cr_btn_big{
	border:none;
}
.form_design .dsgn{
	background:#f0f0f0;
	border:none;
	color:#666;
	padding:8px;
	/* Box Sizing */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
			
	/* CSS3 Tranistion */
	-webkit-transition: all 0.3s ease;  /* Saf3.2+, Chrome */
	   -moz-transition: all 0.3s ease;  /* FF4+ */
		-ms-transition: all 0.3s ease;  /* IE10 */
		 -o-transition: all 0.3s ease;  /* Opera 10.5+ */
			transition: all 0.3s ease;
}
.form_design input.error,
.form_design textarea.error{
	background:#fff url(../images/error_form.png) no-repeat right top;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	TEAM PAGE

//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*
	-------------------------------------
	Thumbnail Profile
	-------------------------------------
*/
.team_member{
	margin-bottom:20px;
}
.team_member .member_block{
	background:#fff;
	display:block; float:left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	/* Box Sizing */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.team_member .member_block:nth-child(3n){
	margin-right:0;
}
.team_member h4{
	text-align:center;
	text-transform:uppercase;
}
.team_member .info_member{
	padding:20px;
}
.team_member ul{
border-top:1px solid rgba(0, 0, 0, 0.1);
padding:15px 0 0 0;
}
.team_thumb{
}
.team_thumb img{
}
.team_thumbnail{
	float:left;
	position:relative;
	top:15px;
	left:-15px;
	margin-bottom:15px;
}
.team_thumbnail:after{
	content:"";
	width:0;
	height:0;
	position:absolute;
	bottom:-15px;
	left:-15px;
	border-right: 15px solid #444;
	border-left: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.team_thumbnail img{
		/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
	     -o-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
	        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
}
.team_page_thumb{
	max-width:280px;
}
.team_profil_details ul{
	text-align:left;
}

/*
	-------------------------------------
	Icons Social links Team
	-------------------------------------
*/
.team_social_networks{
	text-align:center;
	margin:0;
}
.team_social_networks li{
	background:#4d4d4d;
	display:inline-block;
	width:30px; height:30px;
	margin:0 2px 3px;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
.team_social_networks li.twitter{ background:#4d4d4d url(images/social/sntw-twitter.png) no-repeat center center; }
.team_social_networks li.googleplus{ background:#4d4d4d url(images/social/sntw-googleplus.png) no-repeat center center; }
.team_social_networks li.linkedin{ background:#4d4d4d url(images/social/sntw-linkedin.png) no-repeat center center; }
.team_social_networks li.facebook{ background:#4d4d4d url(images/social/sntw-facebook.png) no-repeat center center; }
.team_social_networks li.dribbble{ background:#4d4d4d url(images/social/sntw-dribbble.png) no-repeat center center; }
.team_social_networks li.email{ background:#4d4d4d url(images/social/sntw-email.png) no-repeat center center; }

.team_social_networks li.twitter:hover{ background:#1DCAFF url(images/social/sntw-twitter.png) no-repeat center center; }
.team_social_networks li.googleplus:hover{ background:#DA4A38 url(images/social/sntw-googleplus.png) no-repeat center center; }
.team_social_networks li.linkedin:hover{ background:#2390ff url(images/social/sntw-linkedin.png) no-repeat center center; }
.team_social_networks li.facebook:hover{ background:#3B5998 url(images/social/sntw-facebook.png) no-repeat center center; }
.team_social_networks li.dribbble:hover{ background:#ff96c7 url(images/social/sntw-dribbble.png) no-repeat center center; }
.team_social_networks li.email:hover{ background:#000 url(images/social/sntw-email.png) no-repeat center center; }


.team_social_networks a{
	position:relative;
	text-align:left;
	display:inline-block;
	width:24px; height:24px;
}
.team_social_networks a span{
	display:none;
	background:#171717;
	color:#fff;
	text-indent:inherit;
	position:absolute;
	top:-29px;
	left:0;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
	padding:1px 9px;
}
.team_social_networks a span:before{
	content:'';
	width:0; height:0;
	position:absolute;
	bottom:-5px;
	left:6px;
	border-top:6px solid #171717;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	 SEARCH FORM

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#search_form .searchField{
	background:#f0f0f0;
	color:#171717 !important;
	border:none;
	font-weight:bold;
	color:#2c2c2c;
	padding:0 4%;
	width:64%;
	min-height:28px;
	line-height:28px;
	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;  
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
#search_form .subm{
	border:none;
	min-height:28px;
	line-height:28px;
	text-align:center;
	width: 31%;
	padding: 0;
	float: right;
	margin-top: 2px;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	 SHORTCODES AND WIDGETS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.white_block{
	background:#fff;
	padding:20px;
	margin-bottom:20px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.black_block{
	background:#171717;
	padding:20px;
	margin-bottom:20px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.black_block *{
	color:#f0f0f0;
}

/*
	-------------------------------------
	Recent Post widget
	-------------------------------------
*/
#widget_post_list{ padding-top:10px; }
#widget_post_list li{
	list-style:none;
	padding:0 0 5px 0;
	margin-bottom:15px;
}
#widget_post_list li:last-child{
	margin-bottom:0px;
}
#widget_post_list .widget_post_list-thumbnail{
	margin-right:15px;
	float:left;
	width:50px; height:50px;
	background:#e9e9e9;
}
#widget_post_list .widget_post_list-thumbnail a,
#widget_post_list .widget_post_list-thumbnail img{
	display:block;
	padding:0;
}
#widget_post_list .widget_post_list-thumbnail img{}
#widget_post_list .widget_post_list-infos h5{ margin:0px; padding:0; font-size:13px; }
#widget_post_list .widget_post_list-infos p{ margin-bottom:0px; font-size:11px; }


.tag_icon{ background:#f0f0f0 url(images/icon_tag.png) no-repeat left; padding-left:24px;}

.entry-tags{
	margin:0;
	line-height:24px;
}
.entry-tags a{
	padding:4px 6px;
	background:#f0f0f0;
}

/* Button */
.cr_btn{
	background:#f0f0f0;
	color:#4d4d4d;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	margin:0px 0 0 0;
	padding:2px 8px;
	text-transform:uppercase;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
.cr_btn:hover{
	background:#ddd !important;
	color:#333 !important;
}
/* Button */
.cr_btn_large{
	background:#f0f0f0;
	color:#4d4d4d;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	margin:0px 0 0 0;
	padding:6px 12px;
	text-transform:uppercase;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
.cr_btn_large:hover{
	background:#ddd !important;
	color:#333 !important;
}
/* Button */
.cr_btn_big{
	background:#f0f0f0;
	color:#4d4d4d;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:10px 16px;
	text-transform:uppercase;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
.cr_btn_big:hover{
	background:#ddd !important;
	color:#333 !important;
}

/* biglines */
.biglines{
	font-size:18px;
}

/* shadow_block */
.shadow_block{
	background:#fff;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}

/* lined */
.lined{
	background:url(images/lined.png) repeat-x left 50%;
}
/* padding_20 */
.padding_20{ padding:20px; }

/* margin_0_20 */
.margin_0_20{ margin:0 20px; }



/*
	-------------------------------------
	SOCIAL NET WORKS LINKS ICONS
	-------------------------------------
*/
.ul_columns{
	clear:both;
	height:100%;
	overflow:hidden;
	margin:0;
}
.ul_columns li{
	float: left;
	width: 50%;
	margin:0;
}
.ul_columns li a{
	display: block;
}

.ul_columns li a:hover{
	display: block;
	border:none!important;
}
	
.ul_columns.social_links li{
	width: 50% !important;
	padding: 6px 0 4px 30px !important;
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
		/* Box Sizing */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	.ul_columns.social_links .facebook{		background: transparent url(images/social/social_network_facebook.png) 0 0  no-repeat;}
	.ul_columns.social_links .twitter{		background: transparent url(images/social/social_network_twitter.png) 0 0  no-repeat;}
	.ul_columns.social_links .linkedin{		background: transparent url(images/social/social_network_linkedin.png) 0 0  no-repeat;}
	.ul_columns.social_links .youtube{		background: transparent url(images/social/social_network_youtube.png) 0 0  no-repeat;}
	.ul_columns.social_links .vimeo{		background: transparent url(images/social/social_network_vimeo.png) 0 0  no-repeat;}
	.ul_columns.social_links .dribbble{		background: transparent url(images/social/social_network_dribbble.png) 0 0  no-repeat;}
	.ul_columns.social_links .envato{		background: transparent url(images/social/social_network_envato.png) 0 0  no-repeat;}
	.ul_columns.social_links .myspace{		background: transparent url(images/social/social_network_myspace.png) 0 0  no-repeat;}
	.ul_columns.social_links .googleplus{	background: transparent url(images/social/social_network_googleplus.png) 0 0  no-repeat;}
	.ul_columns.social_links .deviantart{	background: transparent url(images/social/social_network_devianart.png) 0 0  no-repeat;}
	.ul_columns.social_links .behance{		background: transparent url(images/social/social_network_behance.png) 0 0  no-repeat;}
	.ul_columns.social_links .skype{		background: transparent url(images/social/social_network_skype.png) 0 0  no-repeat;}
	.ul_columns.social_links .tumblr{		background: transparent url(images/social/social_network_tumblr.png) 0 0  no-repeat;}
	.ul_columns.social_links .flickr{		background: transparent url(images/social/social_network_flickr.png) 0 0  no-repeat;}
	.ul_columns.social_links .digg{			background: transparent url(images/social/social_network_digg.png) 0 0  no-repeat;}

.ul_columns.social_links li:hover{
	background-position:0 -33px;
}

/* ------------ Twitter widget
*/
.twitter_update{
    font-style:italic;
	margin:0; padding:0;
}
.twitter_update li{
	margin:0; padding:10px 0;
	border-top:1px solid #222;
	border-bottom:1px solid #000;
}
.twitter_update li:first-child{
	border-top:none;
}
.twitter_update li:last-child{
	border-bottom:none;
}
.twitter_update span{
    display:block;
    font-style:normal;
}

.twitter_update .twit_avatar{
    float: left;
	margin-right: 10px;
	width: 40px;
}
.twitter_update .twit_status{
	clear:right;
}
.twitter_update li a{
	display:inline !important;
	padding:0 !important;
}

#twitter_update_list_bt li {
    background:url(../images/twitter_icon.png) no-repeat left 50%;
    list-style: none;
	padding-left:40px;
}
#twitter_update_list_bt li a{
	padding:3px !important;
	color:#fff;
}
#twitter_update_list_bt li a:hover{
	background:#FFF;
}

#twitter_update_list_bt .twit_avatar{
   display:none;
}
#twitter_update_list_bt .twit_date{
   font-size:11px;
}


/*
	-------------------------------------
	DROPCAP
	-------------------------------------
*/
.dropcap{
	float: left;
	color: #171717;
	font-size: 46px;
	font-weight:bold;
	line-height: 36px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 3px;
}
.dropcap2{
	float: left;
	background: #171717;
	color: #FFF;
	font-size: 34px;
	font-weight:bold;
	line-height: 40px;
	text-align:center;
	width:40px;
	height:40px;
	margin-right:8px;
	margin-top:5px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		6px 6px 6px 6px;
	 -khtml-border-radius:		6px 6px 6px 6px;
	   -moz-border-radius:		6px 6px 6px 6px;
	     -o-border-radius:		6px 6px 6px 6px;
	        border-radius:		6px 6px 6px 6px;
}
.dropcap3{
	float: left;
	border-left:1px solid #666666;
	color: #171717;
	font-size: 46px;
	font-weight:bold;
	line-height: 36px;
	padding: 2px 6px;
	margin-top:5px;
}
.dropcap4{
	float: left;
	background: #171717;
	color: #FFF;
	font-size: 34px;
	font-weight: bold;
	line-height: 42px;
	text-align:center;
	vertical-align:middle;
	margin-right:8px;
	margin-top:5px;
	width:40px;
	height:40px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		50%;
	 -khtml-border-radius:		50%;
	   -moz-border-radius:		50%;
	     -o-border-radius:		50%;
	        border-radius:		50%;
}

/*
	-------------------------------------
	HIGHLIGHTS
	-------------------------------------
*/
.highlight{
	padding:1px 6px;
	display:inline-block;
	font-weight:bold;
	margin:0 2px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
.highlight.blood{ background:#C00;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #C00;
	   -moz-box-shadow: 0px 1px 2px 0px #C00;
	     -o-box-shadow: 0px 1px 2px 0px #C00;
	        box-shadow: 0px 1px 2px 0px #C00;
}
.highlight.red{ background:#F00;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #F00;
	   -moz-box-shadow: 0px 1px 2px 0px #F00;
	     -o-box-shadow: 0px 1px 2px 0px #F00;
	        box-shadow: 0px 1px 2px 0px #F00;
}
.highlight.pink{ background:#F06;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #F06;
	   -moz-box-shadow: 0px 1px 2px 0px #F06;
	     -o-box-shadow: 0px 1px 2px 0px #F06;
	        box-shadow: 0px 1px 2px 0px #F06;
}
.highlight.purple{ background:#639;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #639;
	   -moz-box-shadow: 0px 1px 2px 0px #639;
	     -o-box-shadow: 0px 1px 2px 0px #639;
	        box-shadow: 0px 1px 2px 0px #639;
}
.highlight.night{ background:#339;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #339;
	   -moz-box-shadow: 0px 1px 2px 0px #339;
	     -o-box-shadow: 0px 1px 2px 0px #339;
	        box-shadow: 0px 1px 2px 0px #339;
}
.highlight.blue{ background:#06C;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #06C;
	   -moz-box-shadow: 0px 1px 2px 0px #06C;
	     -o-box-shadow: 0px 1px 2px 0px #06C;
	        box-shadow: 0px 1px 2px 0px #06C;
}
.highlight.tropic{ background:#0CF;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #0CF;
	   -moz-box-shadow: 0px 1px 2px 0px #0CF;
	     -o-box-shadow: 0px 1px 2px 0px #0CF;
	        box-shadow: 0px 1px 2px 0px #0CF;
}
.highlight.lime{ background:#BFFF00;
color:#000;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #BFFF00;
	   -moz-box-shadow: 0px 1px 2px 0px #BFFF00;
	     -o-box-shadow: 0px 1px 2px 0px #BFFF00;
	        box-shadow: 0px 1px 2px 0px #BFFF00;
}
.highlight.yellow{ background:#FF0;
color:#000;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #FF0;
	   -moz-box-shadow: 0px 1px 2px 0px #FF0;
	     -o-box-shadow: 0px 1px 2px 0px #FF0;
	        box-shadow: 0px 1px 2px 0px #FF0;
}
.highlight.green{ background:#3C0;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #3C0;
	   -moz-box-shadow: 0px 1px 2px 0px #3C0;
	     -o-box-shadow: 0px 1px 2px 0px #3C0;
	        box-shadow: 0px 1px 2px 0px #3C0;
}
.highlight.forest{ background:#060;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #060;
	   -moz-box-shadow: 0px 1px 2px 0px #060;
	     -o-box-shadow: 0px 1px 2px 0px #060;
	        box-shadow: 0px 1px 2px 0px #060;
}

/*
	-------------------------------------
	GO TOP
	-------------------------------------
*/
	.go_top_short{
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		text-align:right;
		padding:0;
	}
	.go_top_short a{
		padding:0px 4px;
		font-size:9px;
		text-transform:uppercase;
		float:right;
		display:block;
	}

/*
	-------------------------------------
	CODE DISPLAYED
	-------------------------------------
*/
	pre, code{
		font-family:"Courier New", Courier, monospace;
		color:#444;
	}
	pre {
	font-size: 12px;
	margin: 20px auto 20px auto;
	background:url(images/pre_bg.jpg) repeat left top;
	border:1px solid;
	border-color:#C4C4C4 #dedede #dedede #C4C4C4;
	line-height: 18px;
	width: 100%;
	overflow: auto; 
	overflow-Y: hidden;
	}
	pre.html{ border-color:#ccc #e9e9e9 #e9e9e9 #ffe4c6; border-width:1px 1px 1px 5px;}
	pre.php{ border-color:#ccc #e9e9e9 #e9e9e9 #c4ddff; border-width:1px 1px 1px 5px;}
	pre.css{ border-color:#ccc #e9e9e9 #e9e9e9 #eeffc6; border-width:1px 1px 1px 5px;}
	pre.javascript{ border-color:#ccc #e9e9e9 #e9e9e9 #ffc6c6; border-width:1px 1px 1px 5px;}
	
	pre code {
		margin: 0 0 0 15px;  /*--Left Margin--*/
		padding: 18px 0;
		display: block;
	}

/*
	-------------------------------------
	WP GALLERY
	-------------------------------------
*/
	.gallery-item{
		float:left;
		margin:0 20px 0 0;
		padding:5px;
		color: #999;
		background: #F9F9F9;
		border: 1px solid #E9E9E9;
		-webkit-border-radius: 3px 3px 3px 3px;
		-khtml-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	}


/*
	-------------------------------------
	LIST ICON
	-------------------------------------
*/
	.list_simple li{ list-style:square; background:none; padding:3px 0 3px 23px;}
	.list_arrow li{ list-style:none !important; background:url(images/grey_small_arrow.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_square li{ list-style:none !important; background:url(images/icons/list_square.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type1 li{ list-style:none !important; background:url(images/icons/user_business_boss.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type2 li{ list-style:none !important; background:url(images/icons/user_black_female.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type3 li{ list-style:none !important; background:url(images/icons/doc_music_playlist.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type4 li{ list-style:none !important; background:url(images/icons/clock.png) no-repeat scroll left top 5px transparent; padding:3px 0 3px 23px;}
	.list_type5 li{ list-style:none !important; background:url(images/icons/mobile_phone.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type6 li{ list-style:none !important; background:url(images/icons/key.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type7 li{ list-style:none !important; background:url(images/icons/medal_gold_1.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type8 li{ list-style:none !important; background:url(images/icons/link.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type9 li{ list-style:none !important; background:url(images/icons/money_euro.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type10 li{ list-style:none !important; background:url(images/icons/money_dollar.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type11 li{ list-style:none !important; background:url(images/icons/arrow_right.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type12 li{ list-style:none !important; background:url(images/icons/tag_blue.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.heart li{ list-style:none !important; background:url(images/icons/heart-16.png) no-repeat left 48%; padding:3px 0 3px 23px; }
	.comment li{ list-style:none !important; background:url(images/icons/comment-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.mail li{ list-style:none !important; background:url(images/icons/email-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.user li{ list-style:none !important; background:url(images/icons/person-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.redcross li{ list-style:none !important; background:url(images/icons/cross-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.pencil li{ list-style:none !important; background:url(images/icons/pencil-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.check li{ list-style:none !important; background:url(images/icons/check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.arrow-right li{ list-style:none !important; background:url(images/icons/arrow-right-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.arrow-down li{ list-style:none !important; background:url(images/icons/arrow-down-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.badgecheck li{ list-style:none !important; background:url(images/icons/badge-circle-check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.plus li{ list-style:none !important; background:url(images/icons/plus-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.search_list_icon li{ list-style:none !important; background:url(images/icons/search-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	
	
/*
	-------------------------------------
	NOTIFICATIONS
	-------------------------------------
*/
.notification{
	text-align:left;
	display:block;
	clear:both;
	margin-bottom:15px;
	padding:10px 20px 10px 40px;
	min-height:20px;
	font-family:Arial,Tahoma,sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	-o-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
}
.icon{
	position:absolute;
	background-image:url(images/notification.png);
	background-repeat:no-repeat;height:15px;top:14px;
}
.notification span{
	font-weight:bold;
	margin-right:10px;
}

/* Notification Close Button */
.notification .close-notification{
	position:absolute;
	width:5px;
	height:6px;
	top:18px;
	right:10px;
	cursor:pointer;
	background-image:url(images/close.png);
	background-repeat:no-repeat;
}

/* Success */
.success{
	border:1px solid #accc5d;
	color:#70892b;
	background-color:#c8e185;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#d0e98e),color-stop(100%,#c1da7f));
	background-image:-webkit-linear-gradient(#d0e98e,#c1da7f);
	background-image:-moz-linear-gradient(#d0e98e,#c1da7f);
	background-image:-o-linear-gradient(#d0e98e,#c1da7f);
	background-image:linear-gradient(#d0e98e,#c1da7f);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.3);
	text-shadow:0px 1px rgba(255,255,255,0.3);
}
.success .icon{
	width:14px;
	left:16px;
	background-position:0 -15px;
}

.success .close-notification{ background-position:0 -6px; }

/* Fail */
.fail{
	border:1px solid #dc4e4d;
	color:#b52525;
	background-color:#ec8282;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f48888),color-stop(100%,#e17575));
	background-image:-webkit-linear-gradient(#f48888,#e17575);
	background-image:-moz-linear-gradient(#f48888,#e17575);
	background-image:-o-linear-gradient(#f48888,#e17575);
	background-image:linear-gradient(#f48888,#e17575);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}

.fail .icon{
	width:13px;
	left:16px;
	background-position:0 0;
}

.fail .close-notification{ background-position:0 0; }

/* Information */
.notification.info{
	border:1px solid #69c0ca;
	color:#3d8d98;
	background-color:#8aced6;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#99e2eb),color-stop(100%,#79c6cd));
	background-image:-webkit-linear-gradient(#99e2eb,#79c6cd);
	background-image:-moz-linear-gradient(#99e2eb,#79c6cd);
	background-image:-o-linear-gradient(#99e2eb,#79c6cd);
	background-image:linear-gradient(#99e2eb,#79c6cd);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}

.notification.info .icon{
	width:6px;
	left:19px;
	background-position:0 -30px;
}
.notification.info .close-notification{background-position:0 -12px; }

/* Warning */
.warning{
	border:1px solid #f9b516;
	color:#c2721b;
	background-color:#fbb160;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffd57f),color-stop(100%,#ffa544));
	background-image:-webkit-linear-gradient(#ffd57f,#ffa544);
	background-image:-moz-linear-gradient(#ffd57f,#ffa544);
	background-image:-o-linear-gradient(#ffd57f,#ffa544);
	background-image:linear-gradient(#ffd57f,#ffa544);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}

.warning .icon{
	width:14px;
	left:16px;
	top:13px;
	background-position:0 -45px;
}

.warning .close-notification{background-position:0 -18px; }

/* Edit */
.edit{
	border:1px solid #e9c95f;
	color:#ae8500;
	background-color:#f3dc8f;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffeaa7),color-stop(100%,#f3d573));
	background-image:-webkit-linear-gradient(#ffeaa7,#f3d573);
	background-image:-moz-linear-gradient(#ffeaa7,#f3d573);
	background-image:-o-linear-gradient(#ffeaa7,#f3d573);
	background-image:linear-gradient(#ffeaa7,#f3d573);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.edit .icon{
	width:13px;
	left:16px;
	top:13px;
	background-position:0 -60px;
}
.edit .close-notification{ background-position:0 -18px; }

/* Lock */
.lock{
	border:1px solid #CCC;
	color:#666;
	background-color:#e8e8e8;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f4f4f4),color-stop(100%,#e0e0e0));
	background-image:-webkit-linear-gradient(#f4f4f4,#e0e0e0);
	background-image:-moz-linear-gradient(#f4f4f4,#e0e0e0);
	background-image:-o-linear-gradient(#f4f4f4,#e0e0e0);
	background-image:linear-gradient(#f4f4f4,#e0e0e0);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.lock .icon{
	width:11px;
	left:17px;
	top:13px;
	background-position:0 -75px;
}
.lock .close-notification{
background-position:0 -24px;
}
/* Tip */
.tip{
	border:1px solid #e6b96f;
	color:#b1802f;
	background-color:#f5dcb2;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffedcf),color-stop(100%,#f8d69e));
	background-image:-webkit-linear-gradient(#ffedcf,#f8d69e);
	background-image:-moz-linear-gradient(#ffedcf,#f8d69e);
	background-image:-o-linear-gradient(#ffedcf,#f8d69e);
	background-image:linear-gradient(#ffedcf,#f8d69e);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.tip .icon{
	width:9px;
	left:18px;
	top:12px;
	background-position:0 -90px;
}
.tip .close-notification{
background-position:0 -30px;
}
/* Download */
.download{
	border:1px solid #3178c0;
	color:#0c4fa3;
	background-color:#6dacea;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8ed0fa),color-stop(100%,#4e95dc));
	background-image:-webkit-linear-gradient(#8ed0fa,#4e95dc);
	background-image:-moz-linear-gradient(#8ed0fa,#4e95dc);
	background-image:-o-linear-gradient(#8ed0fa,#4e95dc);
	background-image:linear-gradient(#8ed0fa,#4e95dc);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.download .icon{
	width:10px;
	left:18px;
	background-position:0 -105px;
}
.download .close-notification{
background-position:0 -36px;
}

/* Chat */
.chat{
	border:1px solid #5d902f;
	color:#366f11;
	background-color:#89bc5a;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8dcb3d),color-stop(100%,#74a547));
	background-image:-webkit-linear-gradient(#8dcb3d,#74a547);
	background-image:-moz-linear-gradient(#8dcb3d,#74a547);
	background-image:-o-linear-gradient(#8dcb3d,#74a547);
	background-image:linear-gradient(#8dcb3d,#74a547);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.chat .icon{
	width:14px;
	left:16px;
	background-position:0 -120px;
}
.chat .close-notification{
background-position:0 -42px;
}
/* Task */
.task{
	border:1px solid #71502b;
	color:#432c12;
	background-color:#92724e;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#a58868),color-stop(100%,#886640));
	background-image:-webkit-linear-gradient(#a58868,#886640);
	background-image:-moz-linear-gradient(#a58868,#886640);
	background-image:-o-linear-gradient(#a58868,#886640);
	background-image:linear-gradient(#a58868,#886640);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.task .icon{
	width:14px;
	left:16px;
	top:13px;
	background-position:0 -135px;
}
.task .close-notification{
background-position:0 -48px;
}

/*
	-------------------------------------
	ACCORDIONS
	-------------------------------------
*/
.accordion{
	border-bottom:1px solid #e8e8e8;
}
.accordion .title a{
	font-size:15px;
	font-weight:700px;
	color:#777777;
	display: block;
	border-top:1px solid #e8e8e8;
	padding:15px 20px 15px 50px;
	background:url(images/plus.png) no-repeat 20px center;
}
.accordion .title a:hover{
	background: #f8f8f8 url(images/plus.png) no-repeat 20px center;
}
.accordion .title.active a{
	color:#000 !important;
	background: #ffffff url(images/minus.png) no-repeat 20px center;
}
.accordion .inner{
	height:100%;
	height:auto;
	margin-top:0;
}
.accordion .inner div{
	border-top:1px solid #e8e8e8;
	display:block;
	padding:20px;
}

/*
	-------------------------------------
	TABS
	-------------------------------------
*/

ul.tabNavigation {
	list-style: none;
	margin: 0 0 -9px 0 !important;
	padding: 0;
	border-bottom:none !important;
	overflow: hidden;
}

ul.tabNavigation li {
    display: block;
    float:left;
    margin:0 !important;
    padding:0;
}

ul.tabNavigation li a {
	display: block;
	padding:10px 20px;
    float:left;
    background-color: #f8f8f8;
    text-decoration: none;
    border-top:1px solid transparent;
    border:1px solid #d5d5d5;
    margin-right:-1px;
    color:#a6a6a6;
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}

ul.tabNavigation li a.active{
    background-color: #ffffff;
    color:#000;
    border-bottom:1px solid #ffffff;
    border-top:1px solid #000;
}

ul.tabNavigation li a:hover {
	color:#000;
}

ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs div {
	padding:20px;
	margin:8px 0 0 0;
	display: none;
	border:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	background:#fff; 
}

div.tabs{
	margin-bottom:20px;
}
/*
	-------------------------------------
	TOGGLE
	-------------------------------------
*/
.toggle{
	border:1px solid #e8e8e8;
	margin-bottom:20px;
}
.toggle .title{
	font-size:15px;
	font-weight:700px;
	color:#777777;
	display: block;
	padding:15px 20px 15px 50px;
	background: #fdfdfd url(images/togg_down.png) no-repeat 20px center;
	cursor: pointer;
}
.toggle .title:hover{
	color:#000;
	background: #fafafa url(images/togg_down.png) no-repeat 20px center;
}
.toggle .title.active{
	color:#000;
	background: #ffffff url(images/togg_up.png) no-repeat 20px center;
}
.toggle .inner{
	display: none;
}
.toggle .inner div{
	padding:20px 20px 20px 20px;
	border-top:1px solid #e8e8e8;
}

/*
	-------------------------------------
	PRICING TABLE
	-------------------------------------
*/

.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
	margin:20px 0 30px 0;
}

.pricing-table.col-2 .plan{
	float:left;
	width:49.9%;
	display: block;
}
.pricing-table.col-3 .plan{
	float:left;
	width:32.9%;
	display: block;
}
.pricing-table.col-4 .plan{
	float:left;
	width:24.9%;
	display: block;
}
.pricing-table.col-5 .plan{
	float:left;
	width:12.5%;
	display: block;
}

.plan{
	border:1px solid #d5d5d5;
	text-align: center;
		 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.plan.featured{
	position: relative;
	z-index: 200;
	margin:-20px -1px 0 0;
	padding:20px 0px 0 0;
	border:1px solid #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.pricing-table .plan.featured:last-child{
	border-right:1px solid #000;
}
.plan.featured:before{
	content:"";
	width:0;
	height:0;
	position:absolute;
	top: -1px;
	left: -21px;
	z-index: 900;
	border-top: 21px solid transparent;
	border-right: 10px solid #444;
	border-left: 10px solid transparent;
}
.plan.featured:after{
	content:"";
	width:0;
	height:0;
	position:absolute;
	top: -1px;
	right: -21px;
	z-index: 900;
	border-top: 21px solid transparent;
	border-left: 10px solid #444;
	border-right: 10px solid transparent;
}

.pricing-table.col-4 .plan:nth-child(4n).featured:after{
	display:none !important;
}
.pricing-table.col-3 .plan:nth-child(2n).featured:after{
	display:none !important;
}
.pricing-table.col-2 .plan:nth-child(1n+1).featured:after{
	display:none !important;
}

.plan h3{
	font-weight:300;
	font-size:16px;
	margin:-1px -1px 0px -1px;
	padding:7px 0;
	background-color: #666666;
	color:#ffffff;
	text-shadow:#000 0px 1px 0px;
}
.plan.featured h3{
	font-size:18px;
	margin:-21px -1px 0px -1px;
	padding:17px 0;
	background-color: #000;
	color:#ffffff;
	text-shadow:#000 0px 1px 0px;
}

.plan .price{
	font-size:18px;
	font-weight:600;
	margin:0 -1px 0 -1px;
	padding:10px 0px 10px 0px;
	background: #666666 url(images/pixel-dark.png) repeat;
	color:#ffffff;
}
.plan.featured .price{
	background-color: #000;
	color:#ffffff;
}
.plan.featured .price span{
	color: rgba(255, 255, 255, 0.5);
}
.plan .price span{
	font-weight:400;
	font-size:10px;
	color: rgba(255, 255, 255, 0.5);
}
.plan .signup{
	border-top:1px dotted #d5d5d5;
	padding:10px 0px;
	text-align: center;
	background-color: #f3f3f3;
}
.plan.featured .signup{
	padding:16px 0 16px 0;
}
.plan ul{
	margin:0 !important;
	list-style: none !important;
	padding:0 !important;
}
.plan li{
	margin:0 20px;
	padding:7px 0px; 
	text-align: center;
	border-bottom:1px solid #efefef;
}
.plan li:last-child{
	border-bottom:0px;
}

/*
	-------------------------------------
	FLICKR BADGE
	-------------------------------------
*/
#flickr_badge_wrapper{
	padding:0 0 10px 0;
}
#flickr_badge_wrapper a{
	float:left;
	float: left;
	margin: 1%;
	width: 31%;
	height: inherit;

}
#flickr_badge_wrapper a img{
	width: 100%; /* Scale down */
	width:100%; height:100%;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
-webkit-font-smoothing: subpixel-antialiased;
}
#flickr_badge_wrapper:hover img{
	opacity:0.4;
}
#flickr_badge_wrapper:hover a:hover img{
	opacity:1;
}

#footer #flickr_badge_wrapper a{
	float:left;
	float: left;
	margin: 1%;
	width: 22%;
	height: inherit;

}
/*
	-------------------------------------
	BLOCKQUOTE
	-------------------------------------
*/
blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	position:relative;
z-index:1;
}
.widget_col blockquote p:before{
	display: block;
content: "\201C";
font-size: 200px;
position: absolute;
padding:20px;
right: 0px;
top: 30px;
color: #fff;
z-index:0;
opacity:0.1;
}


/* DFINE ADD */
#home_text {
	position: absolute;
	font-size:1.8em;
	color:#FFF;
	text-shadow:#000 1px 1px 3px;
	z-index:1000;
	margin-top:230px;
	margin-left:50%;
	left:-150px;
font-family: 'Lato', sans-serif;
font-weight:900;
font-style:italic;
opacity:0.85;
}

table.gridtable th {
background-color: #df7a00;
}