/*
Theme Name: Invictus 3.2.3
Description: <strong>A responsive full size background theme for photographer or creatives</strong> - Follow me on Facebook or Twitter to receive notifications about updates and new items:<br/> <a href='http://twitter.com/doitmax'>Follow me on Twitter</a><br/> - <a href='http://www.facebook.com/pages/doitmax/120695808006003'>Follow me on Facebook</a>
Version: 3.2.3
Author: doitmax
Author URI: http://support.doitmax.de
Tags: black, white, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, rtl-language-support, editor-style
*/

/*
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*
* PLEASE DO NOT EDIT THIS FILE!
*
* To make it easy to update your theme, you should not edit the styles in this file. Instead use
* the custom.css file that is located in your themes /css/ folder to add your styles.
* You can copy a style rule from this file and paste it in custom.css and
* it will override the style in this file. If you just want to add small css snippets you might also
* want to consider to add it to the "Custom CSS" option field in your themes backend at: Invictus > General tab
*/

/*-----------------------------------------------------------------------------------
	= Table of Contents

	1. =Reset and Clearfix
	2. =Body, Typography and some main Elements
	3. =Structure
	4. =Header styling
	5. =Superfish Navigation Menu
	6. =Content
	7. =Images
	8. =Forms
	9. =Navigation
	10. =Comments
	11. =Widgets
	12. =Footer
	13. =Lists
	14. =Shortcodes
	15. =SuperBgImage & Thumbnails
	16.= My Custom Loader Styles

/*-----------------------------------------------------------------------------------*/
/* 1. =Reset and Clearfix
/*-----------------------------------------------------------------------------------*/
/* Credits: http://meyerweb.com/eric/tools/css/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 */


header, footer, nav, article { display: block; }

/*-----------------------------------------------------------------------------------*/
/*	2. =Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html {
	height: 100%;
}

body {
	line-height: 20px;
	padding: 0;
	margin: 0;
	overflow-x: hidden;

	-moz-osx-font-smoothing: auto;
	/* Stops Mobile Safari from auto-adjusting font-sizes */
	-webkit-text-size-adjust: 100%;
}

body.fullsize-gallery {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.hidden { display: none; }

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

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

.hidden { display: none; }

.rel { position: relative; }

a { text-decoration: none; }

a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 18px; }

hr { border: 0; clear: both; height: 1px; margin-bottom: 18px; }

/** Main Headlines **/
h1,h2,h3,h4,h5 {
	font-weight: normal;
	/* improves the text rendering in more recents browsers */
	text-rendering: optimizeLegibility;
}

h1 { font-size: 42px; line-height: 60px; text-transform: uppercase; }
h2 { font-size: 36px; line-height: 50px; margin-bottom: 10px; }
h3 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
h4 { font-size: 24px; line-height: 30px; margin-bottom: 8px; }
h5 { font-size: 18px; line-height: 20px; margin-bottom: 5px; }
h6 { font-size: 16px; line-height: 15px; margin-bottom: 5px; }


h1.page-title, h1.entry-title  { margin-bottom: 13px; }
h2.page-description, h2.entry-description {
	font: 13px/20px "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	padding-bottom: 20px;
	border-bottom: 1px dotted transparent;
	margin-bottom: 30px;
	text-transform: uppercase;
}

a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

.gallery .entry-content h2:first-child, .blog .entry-content h2:first-child { margin-bottom: 15px; line-height: 30px; }

/* we want Tagesschrift to apply to all h2's */
.wf-loading h2 {
  visibility: hidden;
}
.wf-active h2, .wf-inactive h2 {
  visibility: visible;
  font-family: 'Tagesschrift', 'Georgia', serif;
}

.sticky, .bypostauthor { }

.wp-video-shortcode {
	max-width: 100%;
}

.wp-audio-shortcode {
	max-width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	3. =Structure
/*-----------------------------------------------------------------------------------*/

#page {
  display: block;
  position: relative;
  z-index: 22;
}

#page.no-pointer-events {
  pointer-events: none;
}

.page-template-template-fullsize-video-php #page.no-pointer-events {
	pointer-events: auto;
}

.static { position: static; z-index: 10; }

#main {
  margin: 0;
  padding: 0 0 50px;
  width: 660px;
  position: relative;
  box-sizing: border-box;
}

#main.zIndex { z-index: 6; }

#primary {
  padding: 30px;
  position: relative;
  z-index: 6;
  float: right;
  max-width: 725px;
}

.fullwidth-content #main, .fullwidth-content #primary { width: auto; }

.fullheight-content {
  right: 0;
  bottom: 0;
  position: fixed;
  top: 0;
  left: 0;
}
.fullheight-content #main,
.fullheight-content #primary,
.fullheight-content #content {
  width: 100%;
  height: 100%;
  background: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fullheight-content #content {
  padding: 0 0 40px;
}

.fullheight-content .pp-embed {
  width: 100%;
  height: 100%;
}

.page-template-template-grid-fullsize-php #primary,
.page-template-template-grid-fullsize-php #sidebar,
.page-template-template-scroller-php #primary { display: block; z-index: 5; }

.page-template-template-scroller-php #primary { width: 100%; }
.page-template-template-grid-fullsize-php #primary { width: 98%; }

/*** Sidebars ***/
#sidebar { padding: 0 0 30px; }
.fullsize-gallery #sidebar { z-index: 20; position: relative; width: 235px; }

.left-sidebar #sidebar { margin-top: 110px; z-index: 10; }
.left-sidebar #primary { margin-top: 0; }


/** Special Template Formats **/
/** template-grid-fullsize.php **/
.page-template-template-grid-fullsize-php #main { width: auto; margin-left: 0;  }
#primary.portfolio-fullsize-grid { background: none; padding: 0; border: 0 none; }

/** Fullsize galleries **/
.fullsize-gallery #main { width: auto; }
.fullsize-gallery #primary { float: left; width: 660px; margin-left: 0; }
.fullsize-gallery #sidebar { margin-top: 110px; margin-left: 20px; }
.fullsize-gallery #main .entry-header { padding: 0 30px; min-height: 100px; }

/** template-scroller.php **/
.page-template-template-scroller-php #main { width: auto; margin-left: 0;  }
#primary.portfolio-fullsize-scroller,
#primary.template-fullsize-gallery,
#primary.template-fullsize-video {
	background: none;
	padding: 0;
	border: 0 none;
	box-shadow: none;
	overflow: hidden;
}

#primary.portfolio-fullsize-scroller { margin-bottom: 0; }

.page-template-template-grid-fullsize-php #main .entry-header,
.page-template-template-scroller-php #main .entry-header { margin-left: 255px; padding: 0 30px 0 0; min-width: 630px; min-height: 120px; position: relative; }

#primary.portfolio-fullsize-closed  { padding: 0; margin-left: 275px; }
#primary.portfolio-fullsize-closed .entry-header,
.page-template-template-grid-fullsize-php #primary.portfolio-fullsize-closed .entry-header { margin-left: 0; min-height: 70px; }
#primary.portfolio-fullsize-closed .protected-post-form { padding: 30px; width: 660px; }

.page-template-template-grid-fullsize-php #primary.portfolio-fullsize-closed { float: left; margin-left: 255px; }

/** template-sidebar-fullwidth.php **/
.page-template-template-sidebar-fullwidth-php #main,
.page-template-template-sidebar-fullwidth-php #primary,
.page-template-template-fullwidth-no-sidebar-php #main,
.page-template-template-fullwidth-no-sidebar-php #primary,
.page-template-template-blog-fullsize-php #primary,
.page-template-contact_us-php #primary,
.page-template-template-fullsize-php #primary,
.blog-fullwidth #primary { width: auto; }

/** stacked images **/
#stackedImages > a {
  display:  block;
  margin-bottom: 2px;
  float:  left;
  width:  100%;
}

/*-----------------------------------------------------------------------------------*/
/* 4. =Header styling
/*-----------------------------------------------------------------------------------*/

#branding {
  z-index: 23;
}

#site-title {
	margin: 0;
	line-height: 18px;
	margin-right: 20px;
	border-bottom: 10px solid transparent;
  	box-sizing: border-box;
}

#site-title a {
	text-align: center;
	margin: 0;
	line-height: 1px;
	font-size: 50px;
	letter-spacing: -3px;
	display: block;
	font-weight: normal;
 	box-sizing: border-box;
}

/* Blank logo */
.blank-logo #site-title {
	border-bottom: 0 none;
}
.blank-logo #site-title a {
	height: auto;
	padding-top: 0;
}

#.page-template-template-scroller-php, .fullsize-gallery {
	font-weight: 200;
	font-size: 26px;
	line-height: 28px;
	margin: 10px 0 0;
	text-transform: uppercase;
	text-align: justify;
}

#welcomeTeaser { text-transform: uppercase; }
#welcomeTeaser .inner, #sidebar .max_widget_teaser { display: block; padding: 20px }
#welcomeTeaser .inner strong, #sidebar .max_widget_teaser .inner strong { font-weight: normal; }

/*-----------------------------------------------------------------------------------*/
/* 5. =Superfish Navigation Menu
/*-----------------------------------------------------------------------------------*/

#expander {
	display: block;
	position: fixed;
	top: 0;
	right: 20px;
	height: 50px;
	width: 32px;
	z-index: 499;
	text-align: center;
}

#expander span { display: none; }

#expander.slide-up { background-position: 0 100% }
#expander.slide-down { background-position: 100% 100%  }

#expander i {
  color: #fff;
  line-height: 20px;
  font-size: 21px;
  opacity: 0.8;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -7px;
}
#expander:hover { text-decoration: none; }

#expander.slide-up .fa-angle-up { display: block; }
#expander.slide-up .fa-angle-down { display: none; }
#expander.slide-down .fa-angle-up { display: none; }
#expander.slide-down .fa-angle-down { display: block; }

.csstransforms #expander.slide-down {
  -webkit-transform: translateY(-20px) translateZ(0);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}

/** Main Navigation Container **/
#navigation {
	position: fixed;
	top: 0;
  left: 275px;
	z-index: 498;
}

#navigation * {
	-webkit-transform: translate3d(0,0,0);
}

#navigation  ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#navigation  ul a {
	padding: 22px 0 5px;
  font-weight: normal;
  float: left;
  font-size: 13px;
	text-transform: uppercase;
	border-bottom: 3px solid transparent
}

#navigation  ul li {
	position: relative;
	z-index: 20;
	float: left;
    margin: 0 10px;
}

#navigation  ul li:hover { visibility: inherit; }

#navigation  ul ul li { width: 100%; }

#navigation  ul a:hover,
#navigation  ul li.sfHover a,
#navigation  ul li.current-cat a,
#navigation  ul li.current_page_item a,
#navigation  ul li.current-menu-item a {
	text-decoration: none;
}

#navigation  ul li.sfHover li a,
#navigation  ul li.sfHover li a span{
	 background: none;
}

#navigation  li li a:hover,
#navigation  li.sfHover li a { background: none }

#navigation  li a span {
    display: block;
    padding: 0;
    float: left;
    cursor: pointer;
}

#navigation  li li a span { padding: 2px 0; }

.sf-sub-indicator { text-indent: -9999px; }

#navigation  li a span.sf-sub-indicator {
    width: 29px;
    height: 30px;
    float: left;
    margin: 0;
    padding: 0;
}

#navigation  li li a span.sf-sub-indicator,
#navigation  li.sfHover li a span.sf-sub-indicator {
    height: 12px;
    margin: 5px 0 0 0;
    width: 10px;
    float: right;
}

/*  Make sub menus appear */
#navigation ul li:hover ul,
#navigation ul li.sfHover ul {
	left: 0;
	top: 100%; /* match top ul list item height */
	z-index: 99;
	display: block;
	opacity: 1;
	height: auto;
}

/* Hide all subs subs (4 levels deep) */
#navigation  ul li:hover li ul,
#navigation  ul li.sfHover li ul,
#navigation  ul li li:hover li ul,
#navigation  ul li li.sfHover li ul,
#navigation  ul li li li:hover li ul,
#navigation  ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs subs (4 levels deep) */
#navigation  ul li li:hover ul,
#navigation  ul li li.sfHover ul,
#navigation  ul li li li:hover ul,
#navigation  ul li li li.sfHover ul,
#navigation  ul li li li li:hover ul,
#navigation  ul li li li li.sfHover ul {
	left: 100%;
	top: -1px;
}

/* 2nd level skin */
#navigation  ul ul {
	position: absolute;
	top: -9999em;
	padding: 10px 15px 5px;
  margin: 1px 0 0;
	z-index: 100;
	min-width: 140px;
  opacity: 0;
  height: 0;
  -webkit-transition: opacity 250ms ease-in-out, height 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out, height 250ms ease-in-out;
  -ms-transition: opacity 250ms ease-in-out, height 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out, height 250ms ease-in-out;
  transition: opacity 250ms ease-in-out, height 250ms ease-in-out;
}

#navigation  ul ul li {
	background: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	float: none;
	border-bottom: 1px dotted transparent;
}

#navigation  ul ul li:first-child  { border-top: none }

#navigation  ul ul li:last-child { border-bottom: none }

#navigation  ul ul li a {
	font-size: 12px;
	font-weight: normal;
	padding: 8px;
	margin-bottom: 0;
	line-height: 16px;
	display:block;
	border-bottom: 0 none;
	white-space: nowrap;
	position: relative;
}

#navigation  ul ul li a,
#navigation  ul ul li a span {
  float: none;
}

#navigation  ul ul li a:link, #navigation  ul ul li a:visited {

}

#navigation  ul li a,
#navigation  ul li a span { background: none }

/** New Left Navigation **/
.left-nav #navigation {
  position: relative;
  left: 0;
}

.left-nav #navigation ul {
  margin: 0;
  padding: 0;
}

.left-nav #navigation li,
.left-nav #navigation li a,
.left-nav #navigation li span {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0 none;
}

.left-nav #navigation li a {
  padding: 12px 20px 10px;
}

.left-nav #navigation li a {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.left-nav #navigation ul li a:hover,
.left-nav #navigation ul li.sfHover a {
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.left-nav #navigation  ul li:hover ul,
.left-nav #navigation  ul li.sfHover ul {
	left: 100%;
	top: 0; /* match top ul list item height */
	z-index: 99;
	margin-left: 1px;
}

.left-nav #navigation ul ul li a {
  padding:  9px 15px 7px;
}

/*-----------------------------------------------------------------------------------*/
/* 6. =Content
/*-----------------------------------------------------------------------------------*/

.max-is-loading #portfolioList {
	visibility: hidden;
}

.portfolio-holder {
	position: relative;
}

#max-preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
}

#max-preloader .max-loader {
  position: absolute;
  top: 200px;
  left: 50%;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  -webkit-animation: spin .6s infinite linear;
  -moz-animation: spin .6s infinite linear;
  -ms-animation: spin .6s infinite linear;
  -o-animation: spin .6s infinite linear;
  animation: spin .6s infinite linear;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

@keyframes "spin" {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes "spin" {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-ms-keyframes "spin" {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes "spin" {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Portfolio List */
.portfolio-list { margin-bottom: 0; }

.portfolio-list li, .portfolio-list .flickr_badge_image {
	float: left;
	list-style: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

/* Special Flickr Stream styles */
.portfolio-list .flickr_badge_image { margin-right: 4px; }

/* Fullsize flickr stream */
.page-template-template-fullsize-flickr-php,
.page-template-template-fullsize-flickr-php #page,
.page-template-template-fullsize-flickr-php #main {
	min-height: 100%;
}

#portfolioList li ul  { margin: 0; padding: 5px 10px; }
#portfolioList li ul li {
	float: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
}


.portfolio-list li .shadow a { display: block; }
a.pretty_image { display: inline-block; margin: 0; line-height: 1 }
.pretty_image img { display: block; margin: 0;  }
.portfolio-list li .shadow { display: block; position: relative; overflow: hidden; }
.portfolio-list li img { display: block;  }

.portfolio-list li .item-caption {
  position: absolute;
  left: auto;
  width: 100%;
  bottom: -400px;
}

.csstransforms3d .portfolio-list li .item-caption {
	bottom: 0;

	/* Transform */
	-webkit-transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	-ms-transform: translate3d(0,100%,0);
	-o-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);

	/* Transition */
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
	box-sizing: border-box;

}

.csstransforms3d .portfolio-list li:hover .item-caption {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.portfolio-list li.item img {
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
}

.portfolio-list li.item:hover img {
	opacity: 0.25;
}

.portfolio-list li.no-hover:hover img {
	opacity: 1;
}

.portfolio-list li.item:hover .item-caption {
	bottom: 0px !important;
}

	/* Always show item title */
	.portfolio-list li.show-title .item-caption {
		bottom: 0;
		/* Transform */
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/** Sortable Portfolio Sorting **/
	.splitter { margin: -30px 0 0; padding-top: 1px;  }
	.splitter-top { margin-top: 0; border-top: 1px dotted transparent;  }

	.content-sort { border-bottom: 1px dotted transparent; padding: 5px 0; }
	.content-sort li { float: left; text-transform: uppercase; }
	.content-sort li a {
		display: block;
		padding: 2px 16px 2px 25px;
		font-size: 10px;
		text-decoration: none;
		border: 1px solid transparent;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	/** Fullsize Grid Portfolio **/
	.portfolio-fullsize-grid li { margin: 0; }

	/** Scrollable Fullsize Portfolio **/
	.portfolio-fullsize-scroller .portfolio-list { margin: 0; }
	.portfolio-fullsize-scroller .portfolio-list li { margin: 0 10px 22px 0; display: block; }
	.portfolio-fullsize-scroller .portfolio-list li:last-child { margin-right: 0; }

	.portfolio-fullsize-scroller .scroll-content { width: 100000px; } /* set it to extra large to not break images in two or more lines on load */

	.portfolio-fullsize-scroller .scroll-pane {
		overflow: hidden;
		width: 100%;
		height: 100%;
		float: left;
		position: relative;
		padding: 0 0 13px;
	}

	.portfolio-fullsize-scroller a.tofront {
  	position: absolute;
  	display: none;
  	bottom: 2px;
  	right: 0;
  	width: 40px;
  	height: 40px;
  	background-color: #212121;
  	background: rgba(0,0,0,.6) url('css/black/bg-fullsize-arrow.png') 110% 50% no-repeat;
  	color: #fff;
  	z-index: 100;
  	text-indent: -999em;
  	overflow: hidden;
	}

	.portfolio-fullsize-scroller .scroll-content { float: left; }

	.portfolio-fullsize-scroller .scroll-pane .overlay {
    position: absolute;
    top: 0;
    left:  0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
	}

	.portfolio-fullsize-scroller .scroll-bar-wrap {
		position: absolute;
		margin: 0;
		bottom: 0;
		height: 12px;
		right: 0;
		left: 0;
	}

	.portfolio-fullsize-scroller .scroll-bar {
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 12px;
	}

	.portfolio-fullsize-scroller .scroll-bar a.ui-slider-handle {

		display: block;
		position: absolute;
		top: 1px;
		width: 64px; height: 10px;
		color: rgba(0,0,0,.5);
		text-shadow: 0 1px 0 rgba(255,255,255,.3);
		text-align: center;
		line-height: 1;
		padding: 0;
		font-size: 10px;
		text-decoration: none;
		letter-spacing: 2px;
		font-weight: bold;

		background-image: -webkit-linear-gradient(top, rgba(242, 242, 242, 0.25), rgba(209, 209, 209, 0));
		background-image: -moz-linear-gradient(top, rgba(242, 242, 242, 0.25), rgba(209, 209, 209, 0));
		background-image: -o-linear-gradient(top, rgba(242, 242, 242, 0.25), rgba(209, 209, 209, 0));
		background-image: -ms-linear-gradient(top, rgba(242, 242, 242, 0.25), rgba(209, 209, 209, 0));
		background-image: linear-gradient(top, rgba(242, 242, 242, 0.25), rgba(209, 209, 209, 0));


	}

	.portfolio-fullsize-scroller a.scroller-arrow {
		position: absolute;
		display: block;
		text-indent: -999em;
		z-index: 20;
		top: 50%;
		margin-top: -32px;
		width: 52px;
		height: 64px;
		display: none;
	}

	.portfolio-fullsize-scroller a#scroll_left { left: 0; background-position: 0 50%; }
	.portfolio-fullsize-scroller a#scroll_right { right: 0; background-position: 100% 50%; }

	.portfolio-fullsize-scroller a.disabled { display: none; }

/** Contact Form **/
.contact-col { float: left; width: 25%; padding-right: 8%; }
.contact-col-last { padding-right: 0; width: 33%; }

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-header { margin-top: -15px; }
.entry-header .page-header { padding-bottom: 10px; margin: 0 0 10px; }
.entry-image { padding: 0; margin: 0 -30px; }
.entry-image img, .entry-image iframe { display: block; }

/* Entry Video */
.entry-video-wrapper {  margin: 0 -30px }
.entry-video { margin: 0; padding: 0; }
.entry-video iframe { margin: 0 0; border: 0; padding: 0; display: block; }

.entry-meta, .entry-share { font-size: 12px; border: 1px solid transparent; border-width: 1px 0; padding: 0 30px 4px; margin: 0 -30px; }
.entry-meta li {
	font-size: 12px;
	display: block;
	padding: 8px 0 0;
	float: right;
	margin-right: 5px;
	line-height: 20px;
}

.entry-meta ul { margin: 0; padding: 0; }
.entry-meta-head { padding-left: 30px; }
.entry-meta-head li { float: left; }

.entry-meta li .role, .entry-meta li.last-update { display: none; }

/* Comment Icon */
.entry-meta li.cnt-comment a span { float: left; display: block; width: 16px; height: 15px; vertical-align: middle; margin: 3px 5px 0 0 }

/** Prev/Next links **/
.entry-meta ul.nav-posts { float: right; margin-right: -10px; }
.entry-meta ul.nav-posts li { width: 25px; height: 25px; margin: 5px 0 0 2px; padding: 0; }
.entry-meta ul.nav-posts li a {
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -999em;
	text-decoration: none;
}

/* Social Sharing */
.entry-share {
	border-width: 0 0 1px;
	font-size: 12px;
	padding: 8px 30px;
}
.entry-share iframe { display: inline-block; margin: 0; padding: 0; }
.share-button { float: left; height: 21px; position: relative; z-index: 12; }
.share-text { padding: 0; width: 40%; line-height: 21px; margin-bottom: 10px; }
.share-google-plus { z-index: 1; }
.share-twitter { z-index: 2; }
.share-facebook { z-index: 3; margin-right: 20px; }
.share-pinterest { z-index: 4; margin-right: 20px; }

.respond-title, .author-title, .related-title, .recent-title {
	margin: 0 0 20px;
	padding-bottom: 5px;
	font-size: 22px;
	line-height: 30px;
	border-bottom: 1px dotted transparent;
}

/** Tag list **/
.entry-tags { margin: 0 -30px; padding: 8px 30px; }
.entry-tags li { float: left; width: auto; margin: 0 3px 3px; }
.entry-tags li a {
	display: block;
	margin: 0;
	padding: 0 6px 0 10px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	text-transform: lowercase;
}
.entry-tags li.title { padding: 0; margin-left: 0; font-weight: bold; }

/** Tag Cloud **/
.tag-cloud ul li { float: left; width: auto; margin: 0 4px 0 0; }
.tag-cloud ul li a { display: block; padding: 2px 5px; }

#author-info, #related-posts, #relatedGalleryImages { margin: 0 0 30px; }

/** Author Infos **/
#author-info .author-holder { padding-left: 100px; }
#author-info .author-image { margin-left: -100px; float: left }

/** Gallery related images **/
#relatedGalleryImages li, #related-posts li { overflow: hidden; }
#relatedGalleryImages li a.title, #related-posts li a.title { display: block; line-height: 14px; padding: 5px; height: 32px; text-decoration: none }

/** Related Posts **/
#related-posts li:last-child { margin-right: 0; }
#related-posts .entry-image img { display: block; }
#related-posts .entry-image {
	margin: 0;
	padding: 0;
}

/** Recent Posts **/
#recent-posts li.item { float: left; margin-bottom: 20px; list-style: none; line-height: 18px; }
#recent-posts li:last-child { margin-right: 0; }
#recent-posts .entry-image img { display: block; }
#recent-posts .entry-image {
	margin: 0 0 8px;
}

#recent-posts li .entry-header {
  margin-top: 0;
  padding: 5px 0;
  line-height: 15px;
  font-weight: bold;
}

#recent-posts li a { float: none; }
#recent-posts li .entry-header a { background: none; }

#recent-posts .entry-meta { border: 0 none; font-size: 10px; line-height: 15px; padding: 0; margin: 0; }
#recent-posts.recent-no-float ul li a { font-size: 13px; }

#recent-posts.recent-no-float li.item { float: none; width: 100%; height: auto; margin-left: 0; border-bottom: 1px dotted transparent; }

/** single page **/
.gallery .entry-content h2 { line-height: 30px; margin-top: 50px; margin-bottom: 10px }
.gallery h2:first-child { margin-top: 0 }

/** single blog **/
.blog .entry-content h2 { line-height: 30px; margin-top: 50px; margin-bottom: 10px }
.blog h2:first-child { margin-top: 0 }

.entry-content { margin-top: 21px; }
.entry-content li { list-style: square; margin-left: 15px; }
.entry-content ol li { list-style: decimal; }

/** Blog page **/
.blog h2.entry-title,
.tag h2.entry-title {  line-height: 30px; padding-left: 80px; font-size: 28px; min-height: 50px }
.blog .read-more, .blog a.more-link,
.tag .read-more, .blog a.more-link { font-size: 14px; text-align: right; display: block; padding: 0 0 18px }

.blog article.hentry { padding: 0 0 20px; }

.blog .date-badge, .tag .date-badge {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	width: 58px;
	padding-top: 10px;
	height: 58px;
	border: 2px solid transparent;
	border-width: 0 5px 5px 0;
	z-index: 1;
}
.blog .date-badge span,
.tag .date-badge span { font-size: 16px; display: block; line-height: 15px; }

#primary nav {
	display: block;
	overflow: hidden;
	margin: 0 0 15px;
}
#primary nav .nav-previous {
	float: left;
	width: 50%;
}
#primary nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {

}
.image-attachment nav {

	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	margin: 0 0 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.image-attachment .entry-content .attachment img { display: block; }

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Aside Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin-right: 1em;
}

/* The Splashscreen */
#splashscreen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;

  background-color: #000;
  background-color: rgba(0,0,0,1);

}

#splashscreen .inner {
  display: none;
  max-width: 80%;
  max-height: 65%;
  margin: 30px auto;
  -webkit-transition: margin 200ms;
  -moz-transition: margin 200ms;
  -ms-transition: margin 200ms;
  -o-transition: margin 200ms;
  transition: margin 200ms;
}

#splashscreen img {
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}

#splashscreen .logo-retina {
  display: none;
}

#splashscreen .custom-text {
  margin-bottom: 30px;
}

#splashscreen .enter {
  text-align: center;
  margin-top: 30px;
}

#splashscreen .enter a.button {
  display: inline-block;
  margin: 0 auto;
}


@media (max-width: 481px) {
  #splashscreen .inner {
    max-width: 280px;
  }

  #splashscreen .inner .custom-text { display: none; }

}


/*-----------------------------------------------------------------------------------*/
/* 7. =Images
/*-----------------------------------------------------------------------------------*/

/** Item Caption for Images */
.item-caption {
	padding: 10px;
	font-size: 11px;
	line-height: 16px;
}
.item-caption strong { font-size: 12px; }

p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
  display: none;
}
.wp-smiley {
	margin: 0;
}


/*-----------------------------------------------------------------------------------*/
/* 8. =Forms
/*-----------------------------------------------------------------------------------*/

input,
textarea {
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 3px;
	width: 99%
}

label {
	display: block;
	margin-bottom: 10px;
}

input[type="submit"] { cursor: pointer; }


input[type=submit], input[type=button], a.button, button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	font-size: 13px;
	padding: 8px 2em;
	border: solid 1px transparent;
	font-weight: bold;
}


/** Error Classes **/
label.error { font-size: 100%; color: red; display: none; margin-top: -15px;  }
input.error, textarea.error { border: 1px dotted red; }

/**  Contact Form  **/
#contactForm li input { margin-bottom: 20px; }
#contactForm li textarea {
	width: 100%;
	height: 160px;
	margin-bottom: 20px;
}

/** Alert boxes **/
.alert {
	font-size: 11px;
	text-align: center;
	margin: 0 0 25px 0;
}

.alert .success {
	padding: 15px 20px;
	background: #e6ecd2;
	border: 5px solid #576d29;
	color: #5F8B33;
}

.alert .error {
	border: 5px solid #6d2929;
	color: #D54C4C;
}

#searchform label {
	display: none;
}
#searchform input#s {
	width: 95%;
}
#searchform input[type="submit"] { width: 100px; margin: 10px auto 0; }

input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 100%;
}

/* Class for labelling required form items */
span.required {
	color: #cc0033;
}

/** @v 2.0 **/
.post-password-required input.password-protect, .protected-post-form input.password-protect { width: 225px; }
.post-password-required input.password-login, .protected-post-form input.password-login { width: 125px; margin-left: 5px }
.post-password-required label, .protected-post-form label { font-weight: bold; font-size: 13px; display: inline;  }
/** @end 2.0 **/


/*-----------------------------------------------------------------------------------*/
/* 9. =Navigation
/*-----------------------------------------------------------------------------------*/

.pagination {
	clear:both;
	padding: 0;
	position: relative;
	margin-bottom: 21px;
	font-size: 12px;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding: 3px 6px;
	text-decoration:none;
	width:auto;
}

.portfolio-fullsize-grid .pagination { margin-top: 21px; }

/*-----------------------------------------------------------------------------------*/
/* 10. =Comments
/*-----------------------------------------------------------------------------------*/

article.comment {
	display: block;
}

#comments-holder { margin: 40px 0 0 ; }
#comments { clear: both; }
#comments .navigation { padding: 0 0 18px 0; }
h3#comments-title, h3#reply-title {
	margin: 0 0 20px;
	font-size: 22px;

}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	margin: 0 ;
	padding: 10px 0;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 20px;
	left: 10px;
}
#comments .commentlist li.comment div.comment-author {
	border: 0 none; padding: 0;
}
.comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 11px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}
.reply {
	font-size: 11px;
	padding: 0;
	text-align: right;
}
.commentlist .children {
	list-style: none;
	margin: 0;
	padding-left: 50px;
}
.commentlist .children li div:first-child, .commentlist li.comment div:first-child {
	border: none;
	margin: 0;
	padding: 10px 10px 10px 64px;

}

.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
#respond {
	margin: 13px 0;
	border: 1px solid;
	padding: 20px;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	border-top: 0 none;
	margin: 0 48px 0 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	font-weight: bold;
}
#respond label {
	float: left;
	font-size: 12px;
	margin-right: 5px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/*-----------------------------------------------------------------------------------*/
/* 11. =Widgets
/*-----------------------------------------------------------------------------------*/

.widget {
	display: block;
	font-size: 11px;
	line-height: 19px;
	margin: 0 0 20px;
	padding: 10px 20px 20px;
}

.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

/* Headlines of sidebar widgets */
#sidebar h1.widget-title,
#sidebar h2.widget-title {
	font-size: 24px;
    line-height: 24px;
	margin-bottom: 8px;
	padding: 10px 0 5px;
}
#sidebar .widget_taxonomy_terms a,
#sidebar .widget_links a,
#sidebar .widget_categories a,
#sidebar .widget_recent_comments li,
#sidebar .widget_recent_tweets li,
#sidebar .widget_flickr_stream div.flickr_badge_image {
	font-size: 12px;
	line-height: 20px;
}

/** Taxonomy terms widget **/
.widget_taxonomy_terms li { float: left; width: auto; margin: 0 3px 3px 0; }
#sidebar .widget_taxonomy_terms li a {
	display: block;
	margin: 0;
	padding: 0 6px 0 10px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	text-transform: lowercase;
	font-size: 11px;
}
.widget_taxonomy_terms li.title { padding: 0; margin-left: 0; font-weight: bold; }

/** Latest Comments Widget **/
#sidebar .widget_recent_comments li { font-size: 11px !important; line-height: 18px; padding: 0 0 10px 30px; margin-bottom: 10px; }
#sidebar .widget_recent_comments li a { font-size: 12px; }
#sidebar .widget_recent_comments li a.url { font-weight: bold; }

/** Footer Widgets **/
#colophon .widget h1.widget-title { font-size: 20px; line-height: 40px }

/* Custom Recent entries */
#sidebar .widget_custom_recent_entries li { float: left; margin: 0 9px 9px 0 }
#sidebar .widget_custom_recent_entries li:nth-child(3n) { margin-right: 0; }
#sidebar .widget_custom_recent_entries li img { display: block; padding: 3px; }

/* Twitter Widget in Sidebar */
#sidebar .widget_recent_tweets li { font-size: 12px; line-height: 18px; padding: 0 0 10px 30px; margin-bottom: 10px; }
#sidebar .widget_recent_tweets li span { display: block; padding-bottom: 4px; }
#sidebar .widget_recent_tweets li a { font-size: 11px; }

/** Twitter Widget on Homepage **/
#twitterWidget {
	margin: 30px 0;
}

#twitterWidget h1.widget-title { display: none; }
#twitterWidget #recent-tweets {
	width: 924px;
	margin: 0 auto;
	font-size: 22px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#twitterWidget .widget, #twitterWidget .widget ul { margin: 0; padding: 0; line-height: 1.25; }
#twitterWidget .widget ul { margin: 32px 0; }

#twitterWidget li {
	display: none;
	padding: 0 0 0 50px;
	min-height: 50px
}

#twitterWidget .widget a { font-size: 80%; }

/** Flickr Photostream **/
#sidebar .widget_flickr_stream div.flickr_badge_image { float: left;  margin: 0 6px 9px 0 }
#sidebar .widget_flickr_stream div.flickr_badge_image img { display: block; padding: 3px; width: 50px; height: 50px; }


/** Video Widget **/
.widget .max_video_desc { padding-top: 10px; }


/** Teaser Widget **/
.max_widget_teaser  {
	font-weight: 200;
	font-size: 26px;
	line-height: 28px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	text-align: justify;
}
.max_widget_teaser  .teaser { }
.max_widget_teaser  .teaser strong { font-size: 34px; font-weight: normal; }

/** Categorie widget **/
.widget_categories ul { margin: 0; padding: 0;  }
.widget_categories ul li { margin-left: 14px; padding-left: 0; list-style: disc }
.widget_categories ul.children li { list-style: circle; }

/* Calendar widget
  -------------------------------------------------- */
.widget_calendar caption {
  text-align: center;
  font-weight: 400;
  padding: 5px;
  border-bottom: 0 none;
}
.widget_calendar table {
  width: 100%;
  box-sizing: border-box;
}
.widget_calendar thead th {
  padding: 8px;
  text-align: center;
  font-size: 13px;
}
.widget_calendar tbody td {
  text-align: center;
  padding: 5px;
  font-size: 13px;
}
.widget_calendar tbody #next {
  text-transform: uppercase;
  text-align: right;
}
.widget_calendar tbody #prev {
  text-transform: uppercase;
  padding-top: 10px;
}
.widget_calendar tfoot td {
  padding: 5px;
}

/*-----------------------------------------------------------------------------------*/
/* 12. =Footer
/*-----------------------------------------------------------------------------------*/

#colophon {
	border-left: 20px solid transparent;
	font-size: 11px;
	line-height: 20px;
	text-transform: uppercase;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 25;
	padding: 10px 20px;
}

#colophon .footer-info { float: left; display: block }

/* New Footer Navigation */
.footer-navigation {
  margin: 0 12px 0 0;
  float: right;
  display: none;
}

.footer-navigation ul { margin: 0; padding: 0;}
.footer-navigation li {
  float: left;
}

.footer-navigation li a {
  display: block;
  padding: 0 8px;
  border-left: 1px solid #333;
}

.footer-navigation li:first-child a {
  border-left: 0 none;
}

#colophon .keynav { width: 33px; height: 20px; margin: 0 13px; float: right; display: none; }
.fullsize-gallery #colophon .keynav { display: block; }

#sociallinks { float: right; margin-right: 4px; }
#sociallinks ul { margin: 0; }
#sociallinks li, #sociallinks .sh-sb-link { float: left; margin: 0 3px 0 0; padding: 0; display: block; }
#sociallinks li,
#sociallinks li a,
#sociallinks .sh-sb-link,
#sociallinks li img {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 20px;
}

#anchorTop {
    position: fixed;
    right: 20px;
    padding:  0;
    width:  50px;
    bottom: 0;
    height:  50px;
    z-index: 1000;
    text-indent: -9999em;
}

#anchorTop a {
    width:  50px;
    height:  40px;
    padding:  0;
    display:  block;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
	padding: 0 0 0 32px;
}

#anchorTop a:link, #anchorTop a:visited { background-position: 0 0; }
#anchorTop a:hover, #anchorTop a:active { background-position: 0 -25px; }

.fullsize-gallery #anchorTop { display: none; animation-name: none !important }


/*-----------------------------------------------------------------------------------*/
/* 13. =Lists
/*-----------------------------------------------------------------------------------*/

/** used for all lists **/
ul.disc li, ul.square li, ul.decimal li, ul.circle li { margin-left: 20px; }

/* Squared list */
ul.square { list-style: square; }
/* Disc list */
ul.disc { list-style: disc; }
ul.decimal { list-style: decimal; }
ul.circle { list-style: circle; }

.entry-content li { list-style: square; margin-left: 15px; }

/*-----------------------------------------------------------------------------------*/
/* 14. =Shortcodes
/*-----------------------------------------------------------------------------------*/
.col_2,.col_3,.col_4, .col_two_third, .col_two_third_last {
    float: left;
	margin: 0 8% 20px 0;
    position: relative;
    width: 46%;
}

.col_3 { width: 30%; margin-right: 5%; }
.col_4 { width: 21%; margin-right: 5%; }
.col_last, .col_two_third_last, .col_one_third_last, .col_two_third_last {
	margin-right: 0;
}

.col_one_third, .col_two_third { margin-right: 5%; }
.col_two_third, .col_two_third_last { float: left; width: 60%; }
.col_one_third, .col_one_third_last { float: left; width: 30%; }

.img-caption { float: left; display: block; padding: 10px; margin: 0 auto 10px; }
.img-caption img { display: block; }
.img-caption .caption { display: block; padding: 10px; margin: 2px 0; text-align: center;text-shadow: none; }

.pretty-gallery a { float: left; margin: 0 5px 5px 0 }

blockquote { text-align: left; font-size: 15px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; padding: 20px 25px 20px 60px; margin: 0 0 20px; }
blockquote .author { display: block; text-align: right; font-size: 13px; margin-top: 10px; }

/* Dropcap */
.dropcap {
    display: block;
    float: left;
    font-size: 38px;
	font-weight: bold;
	line-height: 30px;
    margin: 0 10px 0 0;
}
.dropcap-dark, .dropcap-light { padding: 5px; font-size: 36px; line-height: 36px; }

/* Image Alignment */
.image-left, .image-right {
    float: right;
    margin: 0 20px 10px 0;
    padding: 4px;
    text-align: center;
}

.image-left {
    float: left;
}

.image-right { margin-right: 0; margin-left: 20px; }

.image-left .caption, .image-right .caption {
    display: block;
    margin: 7px 0 2px;
}

.image-left img, .image-right img {
    display: block;
}

/* Box Shortcode */
.info-box .box-title { font-size: 15px; line-height: 38px; padding: 0 15px; }
.info-box .box-content { padding: 15px; font-size: 11px; line-height: 18px; }
.info-box p { margin: 0; padding: 0; }

/* Toggle Box Shortcode */
.toggle-box { margin-bottom: 5px; }
.toggle-box .box-title { }
.toggle-box .box-title a {
	display: block;
	line-height: 38px;
	font-size: 15px;
	padding: 0 15px;
}
.toggle-box .box-title a:hover { text-decoration: none; }

.toggle-box .ui-state-active a { background-position: 100% -230px; }
.toggle-box[data-id=closed] .box-content { display: none; }
.toggle-box[data-id=open] .box-content { display: block; }
.toggle-box .box-inner { padding: 15px; font-size: 11px; line-height: 18px; }
.toggle-box p { margin: 0; padding: 0; }

/* Tab Shortcode */
.tabs 	 { float: none; margin: 0 0 20px 0; }
.tabs ul { margin: 0 }
.tabs li { list-style: none; }
.tab-wrapper {
	float: none;
}
.tabs ul.nav {
    height: 36px;
    font-size: 13px;
	margin: 0;
}
.tabs ul.nav li a {
    display: block;
    padding: 8px 20px;
    text-align: center;
    border: none;
	font-weight: bold;
}

.tabs ul.nav li a:hover { text-decoration: none; }

.tabs ul.nav li { float: left; position: relative; padding: 0; margin: 0; }
.tabs .inner { padding: 13px 20px }
.tabs .tab p:last-child { margin: 0 }
.tabs .tab { float: none; padding: 0; margin: 0; display: none; }

.ui-tabs .ui-tabs-hide { display: none }

.wp_syntax {
	background: none !important;
	border-width: 1px 0 !important;
	padding: 0 !important;
	margin: 10px 0 30px !important;
	overflow: visible !important
}
.wp_syntax pre {
	line-height: 20px !important;
	padding: 10px !important;
	font-size: 11px !important;
}

hr.shortcode { clear: left; background: none; padding: 0; margin: 10px 0 25px; }


/*-----------------------------------------------------------------------------------*/
/* 15.  =SuperBgImage & Thumbnails
/*-----------------------------------------------------------------------------------*/

#thumbnails {
	position: fixed;
	top: auto;
	left: 0;
	right: 0;
	padding: 0;
	bottom: -1000px;
	z-index: 23;
	-webkit-transition: -webkit-transform 250ms, opacity 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms;
  	-o-transition: -o-transform 250ms, opacity 250ms;
	transition: transform 250ms, opacity 250ms;
}

#thumbnails .rel { padding: 0 20px; }
#thumbnails.mouse-scrub .rel { padding: 0 !important }

#toggleThumbs {
	display: block;
	position: absolute;
	bottom: 100%;
	right: 20px;
	height: 36px;
	width: 32px;
	z-index: 50;
	margin-bottom: 2px;
	text-align: center;
}

#toggleThumbs i { color: #fff; line-height: 20px; font-size: 21px; opacity: 0.8; }
#toggleThumbs:hover { text-decoration: none; }

.mouse-leave #toggleThumbs { display: none; }
#thumbnails.mouse-leave .controls { right: 20px; }

#thumbnails .rel { position: relative; }

#toggleThumbs.slide-up .fa-angle-up { display: block; }
#toggleThumbs.slide-up .fa-angle-down { display: none; }
#toggleThumbs.slide-down .fa-angle-up { display: none; }
#toggleThumbs.slide-down .fa-angle-down { display: block; }

#thumbnailContainer {
  position: absolute;
  z-index: 1;
	top: 0;
	bottom:0;
	left: 4px;
	right: 4px;
  margin: 0;
  overflow: hidden;
  line-height: 1;
}

#fullsize {
  height: 100%;
	float: left;
	padding:0;
}

#fullsize .overlay {
  position: absolute;
  top: 0;
  left:  0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-indent: -999em;
	filter: Alpha(Opacity=0);
	opacity: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition: opacity 350ms;
	-moz-transition: opacity 350ms;
	-ms-transition: opacity 350ms;
	-o-transition: opacity 350ms;
	transition: opacity 350ms;
}

#fullsize .overlay-visible {
  opacity: 1;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

#thumbnailContainer a.greyscaled {
	display: block;
	position: relative;
	opacity: 0;
}

#thumbnailContainer a.greyscaled img {
    filter: url(css/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

#thumbnailContainer a.greyscaled:hover img {
    filter: none; /* Applies to FF + IE */
    -webkit-filter: grayscale(0);
}

#thumbnails.mouse-scrub #thumbnailContainer {
	width: 100%;
	overflow: auto;
	left: 0;
	right: 0;
}

#thumbnails.mouse-scrub #fullsize {
	padding: 0 0 0 10px;
}

#thumbnails a, #thumbnails img { display: block; }

#thumbnails .pulldown-items a.item {
	float: left;
	margin: 0;
	position: relative;
	border: 1px solid transparent;
	opacity: 0.5;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}

#thumbnails .pulldown-items a.activeslide,
#thumbnails .pulldown-items a.item:hover {
  opacity: 1;
}

#thumbnails .controls {
	position: absolute;
	bottom: 100%;
	right: 54px;
	padding: 0;
	margin-bottom: 2px;
	z-index: 100;
}

#thumbnails .controls a {
	display: block;
	float: left;
	padding: 5px;
	margin-left: 1px;
	color: #fff;
	text-align: center;
}

#thumbnails .controls a i {
  line-height: 28px;
  opacity: 0.9;
}

#thumbnails .controls a i.fa-play {
  font-size: 16px;
  margin-left: 2px;
}

#thumbnails .controls a i.fa-pause {
  font-size: 13px;
}

#thumbnails .controls a span {
  display: none;
}

#thumbnails .controls a:hover {
  text-decoration: none;
}

#thumbnails .controls a {
	width: 26px;
	height: 26px;
	line-height: 26px;
}

#thumbnails .controls .fullsize-start { background-position: 0 -56px; }
#thumbnails .controls .fullsize-stop  { background-position: 0 -32px; }
#thumbnails .controls .fullsize-prev  { background-position: 0 0; }
#thumbnails .controls .fullsize-next  { background-position: 0 -16px; }
#thumbnails .controls .disabled  { background-position: 0 -80px; cursor: wait }

#thumbnails .controls .fullsize-stop { display: none; }
#thumbnails .controls .fullsize-start { display: block; }
#thumbnails .fullsize-playing .fullsize-start { display: none; }
#thumbnails .fullsize-playing .fullsize-stop { display: block; }

/*  scroll links */
#thumbnails .scroll-link {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 28px;
	padding: 0 6px;
	box-sizing: border-box;
	height: 34px;
	line-height: 35px;
	display: block;
	z-index: 20;
	color: #fff;
	opacity: 0;
	text-align: right;
  vertical-align: middle;
  font-size: 24px;
  -webkit-transition: opacity 250ms, width 250ms;
  -moz-transition: opacity 250ms, width 250ms;
  -ms-transition: opacity 250ms, width 250ms;
  -o-transition: opacity 250ms, width 250ms;
  transition: opacity 250ms, width 250ms;
}

#thumbnails .scroll-link:hover { opacity: 1; text-decoration: none; width: 40px }
#thumbnails .scroll-left { left: 0; }
#thumbnails .scroll-right { right: 0; text-align: left; }
#thumbnails .scroll-visible { opacity: 0.75; }

/** Timer Animation element */
#fullsizeTimer {
	position: absolute;
	top: 0;
	height: 2px;
	left: 0;
	width: 0;
	z-index: 12;
	-webkit-transition: width 250ms linear;
	-moz-transition: width 250ms linear;
	-ms-transition: width 250ms linear;
	-o-transition: width 250ms linear;
	transition: width 250ms linear;

}

#fullsizeTimerBG {
	position: absolute;
	top: -2px;
	height: 2px;
	left: 0;
	width: 100%;
	z-index: 11;
}

.pulldown-items {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/** SuperBGImage Settings **/
#superbgimage {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: 5;
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, top 250ms, bottom 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, top 250ms, bottom 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, top 250ms, bottom 250ms;
  	-o-transition: -o-transform 250ms, opacity 250ms, top 250ms, bottom 250ms;
	transition: transform 250ms, opacity 250ms, top 250ms, bottom 250ms;

	-webkit-transform: translateZ(0);
}

#superbgimage img {
	display: none;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	margin: 0 auto;

}

#superbgimage img.activeslide { display: block; z-index: 6 }


/** Showtitle overlay **/
#showtitle 	{
  left: 20px;
  margin-bottom: 1px;
  z-index: 99;
  -webkit-transition: opacity 250ms ease, top 250ms ease;
  -moz-transition: opacity 250ms ease, top 250ms ease;
  -ms-transition: opacity 250ms ease, top 250ms ease;
  -o-transition: opacity 250ms ease, top 250ms ease;
  transition: opacity 250ms ease, top 250ms ease;
}

#showlink	{ right: 44px; }
#showtitle, #showlink {
	z-index: 5;
	position: absolute;
	bottom: 100%;
	opacity:  0;
}

#showtitle.showtitle-visible {
  margin-bottom: 1px;
  opacity: 1;
}

#showtitle.showtitle-left-margin { left: 290px; }

.template-fullsize-video #showtitle {
	position: fixed;
	bottom: 36px;
	display: block;
	right: 20px;
}

.page-template-template-fullsize-video-php #page {
	min-height: 100%;
}

.page-template-template-fullsize-video-php #sidebar {
	margin-left: 20px;
}

#showlink, #showlink a { display: block; width: 34px; }
#showtitle span {
	display: block;
	margin-bottom: 1px;
	padding: 4px 12px 7px;
	line-height: 1;
	font-weight: 500;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
#showtitle .imagetitle {
	font-size: 38px;
	line-height: 1;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#showtitle .imagetitle a {
  float: left;
  padding: 4px 12px 7px;
}

#showtitle .imagecaption {
	font-size: 18px;
	line-height: 1;
	padding: 8px 12px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
#showtitle a { text-decoration: none; display: block }

#showtitle .imagecaption.hidden { display: none; }

#showtitle .imagecount,
#showtitle .more {
	font-size: 15px;
	position: absolute;
	margin: 0 0 1px 1px;;
	left: 100%;
	bottom: 0;
	vertical-align: bottom;
}

#showtitle .imagecount { display: none; }
#showtitle .more { padding: 0; }
#showtitle .more a {
  text-indent:  -999em;
  background-repeat: no-repeat;
  background-position: 0 44%;
  display:  block;
  width: 26px;
  height: 34px;
  padding: 0;
  line-height: 24px;
}

#scanlines {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 15;
	text-indent: -999em;
}

/* Fullsize Video Player */
#fullsize_video_wrapper {
	height: 100%!important;
	width: 100%!important;
}

.external-video {
	position: fixed;
	top: 40%;
	left: 50%;
	padding: 20px;
	font-size: 21px;
	display: none;
	z-index: 100;
	text-align: center;
}

.external-video a { display: block; font-weight: bold; }

/* Fullsize Gallery Play Button */
#fsg_playbutton {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	margin-top: -24px;
	margin-left: -24px;
	width: 48px;
	height: 48px;
	text-align: center;
}

#fsg_playbutton.fsg-playbutton-hide {
  display: none;
  pointer-events: none;
}

#fsg_playbutton:hover, #fsg_playbutton:focus, #fsg_playbutton:active {
  text-decoration: none;
}

#fsg_playbutton span { display: none; }

#fsg_playbutton i {
  font-size: 18px;
  line-height: 48px;
  color: #fff;
  pointer-events: none;
}

.touch #superbgplayer.no-pointer-events  {
  -webkit-transform: translateY(-100%);
}


#fullsizeVideoHolder {
	position: fixed;;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}

#superbgimageplayer,
#fullsizeVideo,
#fullsizeVideo > div {
  width: 100%;
  height: 100%;
}

#superbgplayer,
#superbgimageplayer,
#fullsizeVideoHolder,
#fullsizeVideo {
  visibility: visible;
}

#superbgplayer {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  margin: 0;
}


#superbgimageplayer {
  position: relative;
  z-index: 3;
}

#superbgimageplayer > div {
  width: 100%;
  height: 100%;
}

#superbgplayer iframe,
#superbgplayer video {
  width: 100%;
  height: 100%;
}

.video-hide {
  display: none; /* Hide video elements */
}

/* Large Fullsize Gallery Prev/next Arrows */
.fsg-arrows { display: none; }
.fsg-arrows a {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  z-index: 498;
  opacity: 0.65;

  -webkit-transition: opacity 250ms, left 250ms;
  -moz-transition: opacity 250ms, left 250ms;
  -ms-transition: opacity 250ms, left 250ms;
  -o-transition: opacity 250ms, left 250ms;
  transition: opacity 250ms, left 250ms;
}

.fsg-arrows a i {
  display: block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 21px;
}

.fsg-arrows a:hover {
  text-decoration: none;
  opacity: 1;
}

.fsg-arrows a span {
  display: block;
  float: left;
  text-indent: -999em;
  display: none;
}

.fsg-arrows .fsg-arrows-prev { left: 10px; }
.fsg-arrows .fsg-arrows-next { right: 10px; }


Hi,

first, you should not give them such common id's. They might be already used especially #search. To avoid any double naming you should prefix them with your own string, something like #trickz_search or similar.

You have already added the .branding-hide class to hide the elements. That's great. Now you only have to add the id selector to the style that adds the CSS transition. You can find the list with the elements using this class in the style.css file at line 2476. Just add you own id selectors to this list and the CSS transition will work when you add or remove the .branding-hide class.

doitmax

/** Hide Page Elements with CSS3 transition **/
#expander,
#colophon,
#page,
#navigation,
#branding,
#welcomeTeaser,
.nav-full-width .main-header,
.nav-full-height .main-header {
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  transition: transform 300ms ease;

  -webkit-backface-visibility: hidden;

}

.branding-hide {
  -webkit-transform: translate3d(0,-100%,0);
  -moz-transform: translate3d(0,-100%,0);
  -ms-transform: translate3d(0,-100%,0);
  -o-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.welcome-hide {
  -webkit-transform: translate3d(0,-200%,0);
  -moz-transform: translate3d(0,-200%,0);
  -ms-transform: translate3d(0,-200%,0);
  -o-transform: translate3d(0,-200%,0);
  transform: translate3d(0,-200%,0);
}

.nav-full-height .branding-hide {
  -webkit-transform: translate3d(-100%,0,0);
  -moz-transform: translate3d(-100%,0,0);
  -ms-transform: translate3d(-100%,0,0);
  -o-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.footer-hide,
.showtitle-hide {
  -webkit-transform: translate3d(0,100%,0);
  -moz-transform: translate3d(0,100%,0);
  -ms-transform: translate3d(0,100%,0);
  -o-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

@-webkit-keyframes hideWithOpacity {
  0%   { display: block; }
  99%  { opacity: 0.1 }
  100% { opacity: 0; display: none; }
}
@-moz-keyframes hideWithOpacity {
  0%   { display: block; }
  99%  { opacity: 0.1 }
  100% { opacity: 0; display: none; }
}
@-o-keyframes hideWithOpacity {
  0%   { display: block; }
  99%  { opacity: 0.1 }
  100% { opacity: 0; display: none; }
}
@keyframes hideWithOpacity {
  0%   { display: block; }
  99%  { opacity: 0.1 }
  100% { opacity: 0; display: none; }
}

.fsg-arrows-opacity a,
.opacity-hide {
  -webkit-transform: translateZ(0);
  -webkit-animation: hideWithOpacity 250ms forwards; /* Safari 4+ */
  -moz-animation:    hideWithOpacity 250ms forwards; /* Fx 5+ */
  -ms-animation:     hideWithOpacity 250ms forwards; /* IE 9+ */
  -o-animation:      hideWithOpacity 250ms forwards; /* Opera 12+ */
  animation:         hideWithOpacity 250ms forwards; /* IE 10+ */
  pointer-events: none;
}

/*-----------------------------------------------------------------------------------*/
/* 16.= My Custom Loader Styles
/*-----------------------------------------------------------------------------------*/
#my-loading {
	top: 0;
	left: 0;
	position: fixed;
	background: transparent;
	z-index: 21;
	display: none;
	height: 100%;
	width: 100%;
}

* html #my-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#my-loading div, #supersized-loader  {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	overflow: hidden;
	text-align: center;
}

#my-loading div i, #supersized-loader i {
  font-size: 18px;
  line-height: 48px;
	width: 48px;
	height: 48px;
}

#my-loading div span { display: none; }

#my-loading .fa-spin, #supersized-loader .fa-spin {
  -moz-animation: spin 1.25s infinite linear;
  -o-animation: spin 1.25s infinite linear;
  -webkit-animation: spin 1.25s infinite linear;
  animation: spin 1.25s infinite linear;
}

/*------------------------------
=TIPSY TOOLTIP
------------------------------*/
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 6px; background-color: black; color: white; max-width: 200px; text-align: center; line-height: 1.2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
  .tipsy-inner { }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/* you can delete this, after going live */
#skinChanger {
	position: fixed;
	right: 0;
	top: 80px;
	padding: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #121212;
	border: 1px solid #121212;
	z-index: 9999;
	font-size: 13px;
	color: #777;
	line-height: 16px;
	-moz-box-shadow: 1px 1px 10px #000;
	-webkit-box-shadow: 1px 0px 10px #000;
	box-shadow: 1px 0px 10px #000;
	min-height: 280px;
	box-sizing: border-box;
}

.csstransforms3d #skinChanger {
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s;
}

#skinChanger.closed { right: 100% }

.csstransforms3d #skinChanger.closed {
	right: 0;
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	-o-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

#skinChanger .pulldown {
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#skinChanger .header { font-size: 14px; display: block; }

#skinChanger .hide-changer {
	cursor: pointer;
	display: block;
	height: 50px;
	width: 50px;
	position: absolute;
	left: -50px;
	text-align: center;
	top: 20px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	background: #121212;
	border: 1px solid #121212;
	border-right: 0 none;
	box-sizing: border-box;
	padding: 10px;
	-moz-box-shadow: -1px 0 3px #222;
	-webkit-box-shadow: -1px 0 3px #222;
	box-shadow: -1px 0 3px #222;
	z-index: -1;
}

#skinChanger .hide-changer i {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}

#skinChanger .max_skinchanger_form {
	width: 200px;
	margin: 0;
}

#skinChanger .title {
	font-weight: bold;
	padding: 10px 0 0;
	margin: 10px 0;
}

#skinChanger li {
	padding: 0 0 10px;
}

#skinChanger li:last-child { padding: 0; }

#skinChanger a {
	display: block;
	text-decoration: none;
	line-height: 16px;
}

#skinChanger ul a { color: #eee; }
#skinChanger small { padding: 5px 0; }
#skinChanger ul { margin: 0; }
#skinChanger a.skin {
	padding: 15px 10px;
	width: 50px;
	line-height: 1;
	height: 50px;
	text-align: center;
	float: left;
	font-size: 85%;
	text-transform: uppercase;
	margin-right: 1px;
	box-sizing: border-box;
}

#skinChanger a.black {
	background: #000;
	color: #fff;
}

#skinChanger a.white {
	background: #fff;
	color: #000;
}

#skinChanger li.current a { color: #FF9; }
#skinChanger ul.color li span { display: block; float: left; width: 12px; height: 12px; margin: 1px 5px 0 0; }
#skinChanger li.blue span 	{ background-color: #09F; }
#skinChanger li.mint span 	{ background-color: #0C9; }
#skinChanger li.green span 	{ background-color: #693; }
#skinChanger li.orange span { background-color: #FC3; }
#skinChanger li.red span 	{ background-color: #C00; }
#skinChanger li.purple span { background-color: #F09; }