/* 

	Theme Name: prevafro_theme
	
*/



/*-----------------------------------------------------------------------------------

	0.	RESET & CLEARFIX
	1.	BASICS (body, headers, links, etc)
	2. 	GENERAL ELEMENTS
	3.	HEADER
	4. 	FOOTER
	5.	NAVIGATION & MENU
	6.	PAGE TITLE
	7.	SLIDER
	8.	MAIN
	9.	MAP
	10.	BLOG
	11.	PORTFOLIO
	12.	SEARCH
	13.	RELATED
	14.	META AND SHARE
	15.	FILTER
	16.	PAGINATION
	17.	COMMENTS
	18.	LEAVE COMMENT
	19.	COLUMNS GRID
	20.	ELEMENTS / SHORTCODES
	21.	WIDGETS
	22.	LOAD MORE
	23.	TEXT LIGHT
	24.	TO TOP
	25.	IMG OVERLAY
	26.	NOT FOUND
	27.	MISC
	28.	PAGELOADER
	
-----------------------------------------------------------------------------------*/

/************************** FONTS ************************************/

/**
 * @license
 * MyFonts Webfont Build ID 2710220, 2013-12-17T17:53:32-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Novecento Sans Wide DemiBold by Synthview
 * URL: http://www.myfonts.com/fonts/synthview/novecento/wide-demibold/
 * 
 * Webfont: Novecento Sans Wide Light by Synthview
 * URL: http://www.myfonts.com/fonts/synthview/novecento/wide-light/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2710220
 * Licensed pageviews: Unlimited
 * Webfonts copyright: Copyright © 2013 by Jan Tonellato. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/

  
@font-face {
    font-family: 'Novecentosanswide-DemiBold';
    src: url('../fonts/295ACC_0_0.eot');
    src: url('../fonts/295ACC_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/295ACC_0_0.woff') format('woff'),url('fonts/295ACC_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'Novecentosanswide-Light';
    src: url('../fonts/295ACC_1_0.eot');
    src: url('../sfonts/295ACC_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/295ACC_1_0.woff') format('woff'),url('fonts/295ACC_1_0.ttf') format('truetype');
}



/********** OPEN SANS FONT_FACE ************/

/***** Font Definition for Open Sans. This stylesheet comes from qrohlf.com/posts/better-opensans *****/

/* Regular */
@font-face {
    font-family: 'Open Sans';
    
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'),
    	url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;

}

/* Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;

}

/* Light */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;

}

/* Light Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;

}

/* Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;
    font-style: normal;

}

/* Semibold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: 500;
    font-style: italic;

}

/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;

}

/* Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: italic;

}

/* Extra Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;

}

/* Extra Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: 900;
    font-style: italic;

}



/*---------------------------------------------- 
0. RESET & CLEARFIX
------------------------------------------------*/
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%; }
	
ol, ul  { list-style: none; }

:focus  { outline: 0; }

/* deleting the default appearence for form elements */
input[type=text], input[type=email], input[type=password], input[type=submit], textarea, select { -moz-appearance: none; -webkit-appearance: none; }

.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { *display: inline-block; height: 1%; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }



/*---------------------------------------------- 
1. BASICS
------------------------------------------------*/
html {
	height: 100%;
	font-size: 100%;
	/*overflow-y: scroll; /* Force a scrollbar in non-IE */
	/*overflow-x: hidden;*/
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
	position: relative;
	}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:13px; color:#666666; text-align: left; line-height:22px;
	position: relative;
	background: #ffffff;
	height: 100%;
	overflow-x:hidden;
	}
::selection { background:#1a1a1a; color:#fff; }
::-moz-selection { background:#1a1a1a; color:#fff; }
::-webkit-selection { background:#1a1a1a; color:#fff; }

body.custom-background {
	background:#ED0080;
}


body.page-template-template-portfolio-php {
	background:#ED0080;
}

body.page-template-default {
	background-color:#fff;
}

.wpb_wrapper ul {
	list-style-type:disc;
}



/* Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto'; 
	font-weight: 400;
	color: #1a1a1a;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	}

.subtitle {
	margin-top: 5px;
	color: #666666 !important;
	font-family: 'Novecentosanswide-Light', arial, sans-serif;
    font-size: 30px;
    margin-top: 5px;
    text-transform: uppercase;
	}

h1 { font-size: 60px; line-height: 70px; }
h2 { font-size: 32px; line-height: 40px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 21px; line-height: 25px; }
h5 { font-size: 18px; line-height: 22px; }
h6 { font-size: 16px; line-height: 19px; }

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: bold;
	}
	
div h1, div h2, div h3, div h4, div h5, div h6 {
	margin-top: 20px;
	}
	
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {
	margin-top: 0px;
	}
	
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { margin-right: 15px; }	/* ICONS */

h1 .sr-button, h2 .sr-button, h3 .sr-button, h4 .sr-button, h5 .sr-button, h6 .sr-button { margin-right: 15px; margin-left: 15px; }	/* Buttons */
	
.title {
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 15px;
	}
	
.title span.title-line {
	width: 40px;
	height: 1px;
	background: #000000;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 0;
	opacity: 0.1;
	filter: alpha(opacity=10);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	}
	
footer .title span.title-line { 
	background-color: #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	}
	
	

/* Forms
---------------------------------------- */
input[type=text], input[type=password], input[type=email], textarea {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #999999;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 11px;
    height: 10px;
    line-height: 10px;
    margin: 10px 20px 0 0;
    padding: 10px 4px;
	}
	
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus { 
	border-color: #1a1a1a;
}

input[type=text], input[type=password], input[type=email] { width: 340px; max-width: 97%; }		/* padding issue (240 + 2*5 = 250) */
textarea { width: 1100px; height: 150px; max-width: 97%; padding: 11px 5px 8px 5px; line-height: 22px; }		/* padding issue (395 + 2*5 = 405) */


input[type=submit] {
	font-family: 'OpenSansBold';
	letter-spacing: 0.08em;
	font-size: 13px; 
	text-transform: uppercase;
	text-align: center;
	display: block;
	line-height: 20px;
	color: #1a1a1a;
	border: none;
	color: #ffffff;	
	background: #1a1a1a;
	cursor: pointer;
	padding: 15px 30px;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
	}
	
input[type=submit]:hover { 
	background-color: #fcb822;
	}
	
select {
	border: 3px solid #ebebeb ;
	height: 44px;
	width: auto;
	padding:8px;
	color: #808080;
	border-radius: 0px;
	-moz-border-radius:0x; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	}
select:hover {	border-color: #00000;	}
	
select option {
	cursor: pointer;
	padding: 5px 7px;
	}
	
label {
	line-height: 26px;
	width: 100%;
	display:block;
	}
	
form {
	margin-top: 20px;
	}
	
form .form-row {
	margin-top: 15px;
	position: relative;
	}
	
form .form-submit {
	margin-top: 30px;
	}
	
form .form-value {
	/*width: 100%;*/
	max-width: 100%;
	position: relative;
	display: inline-block;
	}
	
div form:first-child, form .form-row:first-child 	 {
	margin-top: 0px;
	}
	

/* Chech formular */
form .checkfalse {
	background: transparent;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	}
form .checkfalse .falseicon {
	width: 20px;
	height: 20px;
	background: url(files/images/sprites.png) no-repeat -420px -40px;
	display: block;
	text-indent: -9999px;
	}
	
form .textbox .checkfalse { top: 10px; left: 0px; }

#form-note {
	display: none;
	overflow: hidden;
	margin-top: 40px;
	}
	


/* Links
---------------------------------------- */
a {
	color: #ED0080;
	cursor: pointer;
	font-weight:normal;
	}

a:hover {
	color: #000;
	}	

	
	
/* Embedded content
---------------------------------------- */
img, object, video {
	max-width: 100%; 
	height: auto;
	display: inline-block;
	margin:0;
    vertical-align:top;
	}
	
img {
	width: auto;
	max-width: 100%; 
	border: 0;
	-ms-interpolation-mode: bicubic;
	}

p img { margin-top: 20px; }
p img:first-child { margin-top: 0px; }
img.alignleft { margin: 3px 20px 20px 0; float: left; }
img.alignright { margin: 3px 0px 20px 20px; float: right; }

.embeddedvideo {
	position: relative;
	padding-bottom: 55%;
	padding-top: 14px;
	height: 0;
	overflow: hidden;
	}
.main-content .embeddedvideo { padding-top: 10px; }
.medialeft .embeddedvideo, .mediaright .embeddedvideo, .masonry-item .embeddedvideo { padding-top: 4px; }
	
.embeddedvideo iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Lists
---------------------------------------- */
ul {
	margin-top: 20px;
	margin-left: 15px;
	list-style: disc;
	}
	div ul:first-child, li ul:first-child { margin-top: 0px; }
	
ol {
	margin-top: 20px;
	margin-left: 30px;
	list-style: decimal;
	}
	div ol:first-child, li ol:first-child { margin-top: 0px; }

ul li, ol li {
	line-height: 20px;
	margin-top: 10px;
	}
	ul li:first-child, ol li:first-child { margin-top: 0px; }

.simple-footnotes ol li {
	line-height:15px;
}
	
.list-arrow {
	list-style: none !important;
	margin-left: 0px !important;
	}

.list-arrow > li {
	padding-left: 15px;
	background: transparent url(files/images/arrow-dark.png) 0 6px no-repeat;
	}
	
.list-nostyle {
	list-style: none !important;
	margin-left: 0px !important;
	}
	
.list-nostyle  i {	/* ICONS */
	margin-right: 10px;
	}
	


/* Others
---------------------------------------- */
strong, b, dt {
	font-weight: 600;
}

i, dfn, em {
	font-style: italic;
	}
	
strong i, b i, dt i, strong em, b em, dt em {
	font-style: italic;
	font-weight: bold;
	}
	
sub, sup {
	font-size: 0.625em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}

sup {
	top: -0.5em;
	color: #000000;
    font-weight: bold;
    margin-left: -3px;
    font-family:arial, sans-serif;
	}

sub {
	bottom: -0.25em;
	}

/* paragraph rules */
p { 
	margin-top: 20px; 
	}
	div p:first-child {  margin-top: 0px;  }	

.aligncenter { text-align: center; }

blockquote {
	margin-top: 20px;
	font-size: 13px;
	line-height:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 20px;
	margin-left: 20px;
	color: #666;
	border-left: 1px solid #ebebeb;
	font-style:italic;
	}
	div blockquote:first-child {  margin-top: 0px;  }

blockquote p {
	margin: 0;
	}
	
address {
	padding: 15px;
	margin-top: 20px;
	font-size: 12px;
	background: #f5f5f5;
	}
	div address:first-child { margin-top: 0px; }	
	
pre, code {
	/*padding: 20px;*/
	/*margin-top: 20px;*/
	font-size: 12px;
	line-height: 18px;
	/*background: #f5f5f5;*/
	display: block;
	}
	div pre:first-child, div code:first-child { margin-top: 0px; }	
	

/* WORDPRESS DEFAULT */

/*sticky*/
.sticky{}

/*gallery captio*/
.gallery-caption{}

/*by post author*/
.bypostauthor{}

/*aligns*/
.aligncenter{
	display:block;
	margin:0 auto;
}
.alignright{
	float:right;
	margin:0 0 10px 20px;
}
.alignleft{
	float:left; 
	margin:0 20px 10px 0;
}

/*floats*/
.floatleft{ float:left}
.floatright{ float:right}

/*text style*/
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}

/*captions*/
.wp-caption{ max-width: 100% !important; }
.wp-caption{
	border:1px solid #ddd; 
	text-align:center; 
	background-color:#f2f2f2; 
	padding-top:4px; 
	margin:10px; 
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px; 
}
.wp-caption img{
	margin:0; 
	padding:0; 
	border:0 none;
	max-width: 100%;
}
.wp-caption p.wp-caption-text{
	font-size:11px; 
	line-height:17px; 
	padding:0 4px 5px; 
	margin:0;
}

/*smiley reset*/
.wp-smiley{
	margin:0 !important;
	max-height:1em;
}

/*blockquote*/
blockquote.left{
	margin-right:20px;
	text-align:right;
	margin-left:0;
	width:33%;
	float:left;
}
blockquote.right{
	margin-left:20px;
	text-align:left;
	margin-right:0;
	width:33%;
	float:right;
}

/*img attachment*/
#img-attch-page{
	text-align: center;
	overflow: hidden;
}
#img-attch-page img{
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	border: 5px solid #d4d4d4; /*for IE*/
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-color: rgba(0,0,0, 0.08);
	-webkit-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
}
#img-attch-page a:hover img{
	border-color: #fc7251;
}

#img-attach-page-content{
	text-align: center;
	margin-top: 25px;
}

/*gallery*/
.gallery {
	width: 100%;
	padding-top: 20px !important;
}

.gallery-item { float: left;  }

.gallery-icon { text-align: center; display: inline-block; }

.gallery-item .gallery-caption { 
    margin-bottom: 0 !important;
    padding-right: 12%; 
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
	border: none !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}

.gallery-item a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}


/*---------------------------------------------- 
2. GENERAL ELEMENTS
------------------------------------------------*/
#page-content {
	overflow: hidden;
	margin: 0;
	min-width: 1100px;
	position: relative;
	}
	#page-content.fixed-header { padding-top: 130px;		/* depending the height of the logo */  }

.wrapper {
	width: 1100px;
	margin: 0 auto;
	}
	
.main-content {
	width: 800px;
	}
	
aside {
	width: 240px;
	}
	
.left-float { 
	float: left; 
	}
	
.right-float { 
	float: right; 
	}
	
.seperator {
	width: 100%;
	height: 1px;
	background: #ebebeb ;
	margin-top: 20px;
	}
	
	

/*---------------------------------------------- 
3. HEADER
------------------------------------------------*/
header { 
	/*background: #ffffff;*/
	/*border-bottom: 1px solid #ebebeb;*/
	width: 100%;
    padding-bottom: 30px;
    background:#ED0080;
	}
	
.fixed-header header {
	position: fixed;
	top: 0; left: 0;
	z-index: 2000;
	}
	.fixed-header header.anim {
		box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
		-moz-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
		-webkit-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	}
	.logged-in .fixed-header header { top: 28px; }

#logo {
	padding: 40px 0; 
	height: 60px;
	max-width: 100%;
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
	}

#mainlogo {
	margin-right:50px;
}

#mainlogo img {
	max-width: 100%;
	height: auto;
	width: auto;
	box-sizing: border-box;
}

.guidetitle {

}

.guidetitle h1 {
	font-family: 'Novecentosanswide-Light';
    font-size: 45px;
    font-weight: normal;
    line-height: 48px;
    text-transform: none;
    color: #000;
    text-transform: uppercase;
}

h2.guidesubtitle {
	font-family: 'Novecentosanswide-DemiBold';
	color: #000;
    font-family: 'Novecentosanswide-DemiBold';
    font-size: 32px;
    font-weight: normal;
    line-height: 38px;
    text-transform: uppercase;
}
	
#logo h1 { line-height: 50px; font-size: 40px; }
	
#logo img { max-height: 100%; max-height: 100%; }
	

/* header shrinks when fixed & scrolled */	
.fixed-header header {
	position: fixed;
	top: 0; left: 0;
	z-index: 2000;
	}
	.logged-in .fixed-header header { top: 28px; }

.smallheader #logo {
	padding: 15px 0; 
	height: 30px;
	}	
	
.smallheader nav#main-nav > ul > li > a {
	line-height: 30px;
	padding: 15px 0;
	}
	
.smallheader nav#main-nav > ul > li > .sub-menu {
	top: 60px;
	}
	
.smallheader #logo h1	{
	fonst-size: 25px;
	line-height: 30px;
	}
	
	


/*---------------------------------------------- 
4. FOOTER
------------------------------------------------*/
footer { 
	background: #000;
	color: #bfbfbf;
	z-index: 2;
	/*margin-top:100px;*/
	}
	
footer .footer-inner { 
	padding-top: 80px;
	padding-bottom: 40px;
	}

.copyright {
	padding: 40px 0;
	line-height: 32px;
	color: #bfbfbf;
	font-size: 11px;
	font-weight:400;
	}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #ffffff; }
footer a:hover { color: #ffffff; }		


	
/*---------------------------------------------- 
5.	NAVIGATION & MENU
------------------------------------------------*/
.menu {
	position: relative;
	}
	

ul#second {
	background:#000;
	padding:10px 30px;
	width:100%;
	margin:auto auto;
	list-style-type:none;
	margin-bottom:100px;
}

ul#second ul.sub-menu {
	list-style-type:none;
	display:none;
}



ul#second ul.sub-menu li {
    float: none;
    margin-top: 0;
    line-height:24px;
}

ul#second li a {
	font-size:12px;
	color:#ccc;
	text-transform:uppercase;
	font-family:'Open Sans', arial, sans-serif;
	font-weight:600;
	text-decoration: none;
}

ul#second li a:hover {
	color:#fff;
}

nav#main-nav {
	z-index: 50;
	display: block;
	}
	
nav#main-nav ul {
	position: relative;
	z-index: 49;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
nav#main-nav ul li {
	position: relative;
	z-index: 45;
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	}

nav#main-nav > ul li > a  {
	display: block;
	font-family: 'OpenSansRegular'; 
	font-size: 13px;
	line-height: 40px;
	color: #1a1a1a;
	position: relative;
	z-index: 45;
	padding: 40px 0;
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
	}
	
nav#main-nav > ul > li:hover {
	z-index: 46;
	}
	
nav#main-nav > ul > li:hover > a {
	z-index: 48;
	color: #fcb822;
	}
	
nav#main-nav > ul > li.current-menu-item > a, nav#main-nav > ul > li.current-menu-ancestor > a {
	color: #fcb822;
	}
	
	
nav#main-nav ul li .sub-menu {
	border-top: 1px solid #ebebeb;
	position: relative;
	position: absolute;
	top: 80px;
	left: 0px;
	background: #1a1a1a;
	width: 200px;
	padding: 0;
	display: none;
	z-index: 47;
	} 
	
nav#main-nav ul .sub-menu li {
	float: none;
	border-top: 1px solid #333333;
	margin: 0;
	}
	nav#main-nav ul .sub-menu li:first-child {
		border-top: none;
		}
	
nav#main-nav ul .sub-menu li a {
	color: #bfbfbf;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 20px;
	display: block;
	}
	
nav#main-nav ul .sub-menu > li:hover > a {
	background: #262626;
	}
	
nav#main-nav ul .sub-menu > li.current-menu-item > a {
	background: #262626;
	color: #ffffff;
	}

nav#main-nav ul li ul li .sub-menu {
	border-top: none;
	position: absolute;
	top: 0px;
	left: 200px;
	border-left: 1px solid #333333;
	}

	

/* Responsive Nav (created by javascript)
------------------------------------------------*/	
a.open-responsive-nav {
	width: 40px;
	height: 40px;
	display: block;
	background: transparent url(files/images/sprites.png);
	background-position: -400px -60px;
	text-indent: -9999px;
	display: none;
	margin: 40px 0;
	}
	
a.close-responsive-nav {
	width: 100%;
	height: 20px;
	padding: 20px 0 20px 20px;
	display: block;
	}
	
a.close-responsive-nav span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: transparent url(files/images/sprites.png);
	background-position: -380px -60px;
	}
	
	

#menu-responsive {
	position: absolute;
	background: #1a1a1a;
	padding: 0;
	display: none;
	top: 0px;
	right: 0px;
	width: 0px;
	/*height: 2000px;*/
	z-index: 10000;
	box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-moz-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-webkit-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	border-left: 1px solid #333333;
	}
	
#menu-responsive-inner {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
nav#responsive-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
nav#responsive-nav > ul {
	border-bottom: 1px solid #333333;
	}
	
nav#responsive-nav ul li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #333333;
	position: relative;
	}
	
nav#responsive-nav > ul li > a {
	display: block;
	color: #bfbfbf;
	font-family: 'OpenSansRegular'; 
	font-size: 13px;
	line-height: 30px;
	padding: 10px 20px;
	display: block;
	}
	nav#responsive-nav > ul > li:last-child > a {
		border-bottom: none;
		}
	
nav#responsive-nav > ul > li.current-menu-item > a, nav#responsive-nav > ul > li.current-menu-ancestor > a {
	color: #ffffff;
	background-color: #262626;
	}
	
nav#responsive-nav ul li.current-menu-ancestor > a {
	color: #bfbfbf !important;
	background: none !important;
	}
	
nav#responsive-nav > ul > li:hover > a {
	color: #ffffff !important;
	background-color: #262626 !important;
	}
		
nav#responsive-nav .sub-menu {
	display: none;
	}
	
nav#responsive-nav .sub-menu li {
	border-top: 1px solid #333333;
	}
	
nav#responsive-nav .sub-menu li a {
	display: block;
	color: #bfbfbf;
	line-height: 20px;
	padding: 10px 20px 10px 40px;
	font-size: 12px;
	}
	
nav#responsive-nav ul .sub-menu li:hover > a, nav#responsive-nav ul .sub-menu li.current-menu-item > a {
	background-color: #262626 !important;
	color: #ffffff !important;
	}
	
nav#responsive-nav .sub-menu li ul li a { padding-left: 60px; }
nav#responsive-nav .sub-menu li ul li ul li a { padding-left: 80px; }


nav#responsive-nav li a.open-submenu {
	width: 10px;
	height: 20px;
	display: block;
	padding: 0 10px !important;
	background: transparent !important;
	position: absolute;
	right: 20px;
	top: 15px;
	text-indent: -9999px;
	}
nav#responsive-nav .sub-menu li a { top: 10px; }
	
nav#responsive-nav li a.open-submenu span {
	width: 10px;
	height: 20px;
	display: block;
	background: transparent url(files/images/sprites.png) -360px -80px no-repeat;
	}
nav#responsive-nav li a.open-submenu.close span { background-position: -370px -80px; }


/*---------------------------------------------- 
6. PAGE TITLE
------------------------------------------------*/
#page-title {
	width: 100%;
	height: auto;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	}
#page-title.withbackground {
	padding: 120px 0;
	overflow:hidden;
	}
	
#page-title .pagetitle-background {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:0;
	}

#page-title .title-name h1 {
	color: #1A1A1A;
    font-family: 'Novecentosanswide-DemiBold',arial,sans-serif;
    font-size: 50px;
    font-weight: normal;
    line-height: 55px;
    text-transform: uppercase;
    width: 80%;
}
	
#page-title .title-name {
	position: relative;
	z-index: 1;
	width: 100%;
	}
	
.title-name.align-center { text-align: center; }
.title-name.align-right { text-align: right; }
	
.light-title h1, .light-title h2, .light-title h3, .light-title h4, .light-title h5, .light-title h6 {
	color: #ffffff;
	}
	

/*---------------------------------------------- 
6. SLIDER
------------------------------------------------*/
.flexslider-container {
	position: relative;
	}

.preview-slider {
	position: relative;
	}

	
/*---------------------------------------------- 
8. MAIN
------------------------------------------------*/	
#main {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

.entry-content {
	margin-top: 80px;
	margin-bottom: 80px;
	}
	.entry-content.notopmargin { margin-top: 0px; }
	.entry-content.nobottommargin { margin-bottom: 0px; }
	


/*---------------------------------------------- 
9. MAP
------------------------------------------------*/	
.google-map {
	width: 100%;
	height: 400px;
	overflow: hidden;
	}

.google-map img {						
	max-width: inherit;
	height: auto;
	}


/*---------------------------------------------- 
 CUSTOM FOOTNOTE
------------------------------------------------*/

a.simple-footnote, a.footnotereturn {
	text-decoration:none;
}

a.simple-footnote sup:hover {
	color:#ed0080;
}


/*---------------------------------------------- 
10. BLOG
------------------------------------------------*/
.blog-entry {
	padding-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid #ebebeb;
	}
	div .blog-entry:first-child {
	padding-top: 0px;
	border-top: none;
	}
	
.blog-media {
	margin-bottom: 40px;
	}
	
.blog-headline h2, .blog-headline h4 { margin-top: 0px; }

.blog-headline a { color: #1a1a1a; }
.blog-headline a:hover { color: #fcb822; }
	
.blog-meta {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 20px;
	}
	
.blog-meta li {
	font-family: 'OpenSansLight';
	font-size: 14px;
	line-height: 22px;
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;	
	float: left;
	border-right: 1px solid #ebebeb;
	color: #666666;
	}
	.blog-masonry .blog-meta li { font-size: 13px; padding-right: 5px; margin-right: 0 0 0 5px; }
	
.blog-meta li a { color: #666666; }
.blog-meta li a:hover { color: #fcb822; }
	
.blog-meta li:last-child {
	padding: 0;
	margin: 0;
	border-right: none;
	}
	
.single-post .blog-meta li {
	font-size: 18px;
	line-height: 24px;
	}
	
.single-post .blog-content {
	margin-top: 0;
	}



/* Blog fullwidth
---------------------------------------- */
.blog-no-sidebar .blog-entry {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	margin: 0;
	border: none;
	position: relative;
	margin-bottom: 1px;
	}

.blog-entry .section-bg {
	position:absolute;
	top: 0; left: -50%;
	width: 250%; height: 100%;
	z-index: -1;
	border: 1px solid #ebebeb;
	}
	
.blog-no-sidebar .medialeft .entry-media, .blog-no-sidebar .mediaright .entry-media { width: 400px; margin: 0; }
.blog-no-sidebar .medialeft .entry-intro, .blog-no-sidebar .mediaright .entry-intro { width: 660px; }

.blog-no-sidebar .medialeft .entry-media { float: left; }
.blog-no-sidebar .medialeft .entry-intro { float: right; }

.blog-no-sidebar .mediaright .entry-media { float: right; }
.blog-no-sidebar .mediaright .entry-intro { float: left; }



/* Blog masonry
---------------------------------------- */
.blog-masonry {
	width: 110%;
	margin-bottom: -20px;
	}
	.page-content .blog-masonry, .horizontalsection .blog-masonry { margin-bottom: 40px; margin-top: 30px; }
	.page-content > .blog-masonry:first-child, .horizontalsection .blog-masonry:first-child { margin-top: 0px; }
	.page-content > .blog-masonry:last-child, .horizontalsection .blog-masonry:last-child { margin-bottom: -20px; }
	
.blog-masonry .blog-entry {
	width: 311px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #ebebeb !important;
	background: #fafafa;
	padding: 20px !important;
	}
.blog-masonry .format-link {
	background: none; 
	border: none !important;
	padding: 0 !important;
	width: 353px;
	}
	
.blog-masonry .blog-media {
	margin-bottom: 30px;
	}
	
.main-content .blog-masonry .masonry-item { width: 348px; }
.main-content .blog-masonry .format-link { width: 390px; }



/* Blog Tags
---------------------------------------- */	
.blog-tags {
	margin-top: 40px;
	}

.blog-tags a {
	display: inline-block;
	padding: 3px 5px ;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	border: 1px solid #ebebeb;
	margin-bottom: 5px;
	margin-right: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	-webkit-border-radius: 2px;
	}	

.blog-tags a:hover {
	border-color: #1a1a1a;
	background-color: #1a1a1a;
	color: #ffffff;
	}



/* Blog Author
---------------------------------------- */	
.blog-author {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #ebebeb;
	background: #fafafa;
	}

.blog-author .author-image {
	width: 80px;
	float: left;
	}
	
.blog-author .author-bio {
	width: 640px;
	float: right;
	}
	
.blog-no-sidebar .blog-author .author-bio {
	width: 940px;
	}

	
	
/* Link Format
---------------------------------------- */
.blog-link {
	background: #fcb822;
	padding: 30px;
	position: relative;
	-webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
	}
	
.blog-link:hover {
	background-color: #1a1a1a;
	}
	
.blog-link a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	}	
	
.blog-link .link-target {
	color: #ffffff;
	}
		
.blog-link .link-name {
	color: #ffffff !important;
	}	
	
.blog-no-sidebar .blog-entry.format-link {
	padding: 0 !important;
	margin-bottom: 0px;
	}
	
.blog-no-sidebar .blog-link {
	padding: 40px 0 40px 0;
	}

.blog-no-sidebar .blog-entry.format-link .section-bg {
	border: none;
	background: #fcb822;
	-webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
	}
	
.blog-no-sidebar .blog-entry.format-link:hover .section-bg {
	background-color: #1a1a1a;
	}
	
	
	

/*---------------------------------------------- 
11. PORTFOLIO
------------------------------------------------*/

.ex {
	margin:15px 0;
}

/* Specific class */

img.backbutton {
	margin-right:8px;
	opacity:1;
	cursor:pointer;
	float:left;
}

img.backbutton:hover {
	opacity:0.5;
}

.externallinks {
	font-size:12px;
}

.externallinks a {
	/*color:#000;
	font-family: 'Novecentosanswide-DemiBold';
	text-transform:uppercase;*/
	
}

.externallinks a:hover {
	/*color:#ED0080;*/
}


.beige {
	background-color: /*#EEECE5*/ #ABA37E;
	color:#000;
	padding:20px;
	overflow:hidden;
}


.novecento h1 {
	font-family:'Novecentosanswide-Light', helvetica, arial, sans-serif;
	font-size:36px;
	color:#000;
	line-height:40px;
	text-transform:uppercase;
	font-weight:300;
}

.title-divider-custom {
	font-family: 'Novecentosanswide-Light';
	font-size:24px;
	color:#888;
	text-transform:uppercase;
}

.title-divider-custom h4 {
	width:40%;
	display:block;
}

.customlegend {
	font-size:10px;
	color:#888;
}

.vc_separator_align_center.roundtitle h4 {
	font-family: 'Novecentosanswide-Light';
	font-size:30px;
	color:#000;
	background:#fff;
	width:50px;
}

.customcaution {
	font-family: 'Novecentosanswide-DemiBold';
	font-size:18px;
	line-height:24px;
	/*color:#ed0080;*/
	text-transform:uppercase;
}


/* Portfolio icons */


.verticalalign p {
	display: table-cell;
    height: 125px;
    text-align: left;
    vertical-align: middle;
}

.paddingsvg {
	padding:20px;
}

.inlineblockicon p {
	float: left;
    margin-right: 10px;
}

.inlineblockicon {
	text-align:center;
	margin:0 auto;
}

.icon {
	font-size:100px;
	color:#000;
}

.icon.icon-tiny {
	display: inline-block;
    font-size: 30px;
    margin-right: 10px;
    vertical-align: middle;
}

.icon.icon-big {
	font-size:300px;
	line-height:150px;
}

.icon.icon-small {
	font-size:50px;
}

.icon.icon-medium {
	font-size:70px;
}

.icon.icon-huge {
	font-size:200px;
}

.icon.icon-center {
	text-align:center;
	display:block;
}

.icon.icon-right {
	text-align:right;
	display:block;
}

.icon.icon-left {
	text-align:left;
	display:block;
}


/* Portfolio footnotes */

.simple-footnotes {
    color: #666666;
    font-size: 11px;
    padding-top: 20px;
}

.simple-footnotes h2 {
	font-size:24px;
}

/* Portfolio Fullwidth */
#portfolio-fullwidth {
	width: 100%;
	}
	
.portfolio-preview {
	width: 100%;
	padding: 80px 0;				/* will be overwritten by custom-style */
	position: relative;
	overflow:hidden;
	}
	
.preview-slider { 
	z-index: 0;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.preview-slider .flexslider .slides img {max-width: inherit; display: inline-block; vertical-align:bottom; }
.preview-slider .flexslider .slides > li { position:relative; overflow: hidden; }
.preview-slider .flexslider .slides > li span { position: absolute; top: 50%; left: 50%; }
	
.text-center {	 text-align: center; }
.text-right .preview-inner { width: 500px; float: right; }

.preview-inner { 
	margin-left: -80px; 
	z-index: 1;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.text-right .preview-inner { margin-left: 0px; margin-right: -80px;  }



.portfolio-preview-content {
	position: relative;
	} 
	
.portfolio-date {
	margin-bottom: 60px;
	}
	.single #page-title .portfolio-date {
	margin-bottom: 30px;
	}
	
.portfolio-readmore {
	margin-top: 60px;
	}
	
.preview-image {
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

.preview-image img { max-width: inherit; }
	
	

/* Portfolio Grid */
#portfolio-grid {
	width: 110%;
	margin-bottom: 50px;
	}
	.page-content #portfolio-grid, .horizontalsection #portfolio-grid { margin-bottom: 30px; margin-top: 30px; }
	.page-content > #portfolio-grid:first-child, .horizontalsection #portfolio-grid:first-child { margin-top: 0px; }
	.page-content > #portfolio-grid:last-child, .horizontalsection #portfolio-grid:last-child { margin-bottom: -30px; }
	
#portfolio-grid .masonry-item {
	width: 311px;
	/*margin-right: 20px;*/
	/*margin-bottom: 30px;*/
	float: left;
	}
	#portfolio-grid.masonry-col-2 .masonry-item { width: 540px; }
	#portfolio-grid.masonry-col-3 .masonry-item { width: 353px; }
	#portfolio-grid.masonry-col-4 .masonry-item {
		border: 1px solid rgba(255, 255, 255, 0.5);
    	height: 260px;
    	width: 260px;
		}
	
#portfolio-grid .portfolio-intro {
	margin-top: 190px;
	position:relative;
	}
	
#portfolio-grid .portfolio-headline a {
	color: #fff;
	display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 0 auto;
    text-align: center;
    width: 200px;
    position:relative;
    z-index:-1;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight:600;
    text-decoration: none;
}
	}
#portfolio-grid .portfolio-headline a:hover {
	color: #000;
	}
	


/* Portfolio Single */
/*.portfolio-media.wrapper {
	margin-top: 60px;
	}*/

.gallery-list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	}
	
.gallery-list li {
	margin: 0 0 0 0;
	padding: 0;
	background: 0;
	position: relative;
	width: 100%;
	}
	.wrapper .gallery-list li {
		margin-top: 20px;
	}
	.wrapper .gallery-list li:first-child {
		margin-top: 0px;
	}
	
.gallery-list li img {
	width: 100%;
	max-width: 100%;
	}


/* Layout Options */
.full-layout-small .portfolio-date {
	margin-bottom: 15px;
	}
	
.full-layout-small .portfolio-readmore {
	margin-top: 20px;
	}
	
.full-layout-small .portfolio-preview {
	padding: 30px 0;				/* will be overwritten by custom style */
	}
	


/*---------------------------------------------- 
12. SEARCH RESULTS
------------------------------------------------*/
#search-grid {
	width: 110%;
	margin-bottom: -20px;
	}
	
.search-entry {
	float: left;
	width: 311px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #ebebeb !important;
	background: #fafafa;
	padding: 20px !important;
	}

.main-content .search-entries .masonry-item { width: 211px; }
	
.search-headline a {
	background: none repeat scroll 0 0 #ED0080;
    color: #FFFFFF;
	text-decoration:none;
	}
.search-headline a:hover {
	background: #000;
	}

.search-headline .page-type { font-size: 14px; margin-top: 10px;  }
	




/*---------------------------------------------- 
13. RELATED
------------------------------------------------*/	
#related-posts {
	background-color:#ED0080;
    margin-top: 50px;
    padding: 30px 0;
	}
	#related-posts.relatedmargin {
		padding-top: 80px;
	}

#related-posts .related-title {
	color: #FFFFFF;
    font-family: "Novecentosanswide-DemiBold",arial,sans-serif;
    margin: 50px 0;
    text-transform: uppercase;
	}
	


/*---------------------------------------------- 
14. META AND SHARE
------------------------------------------------*/
.meta-and-share {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 60px;
	display:none;
	}
	.single #page-title .meta-and-share {
	margin-top: 30px;
	}
	.text-center .meta-and-share {
	text-align:center;
	}
	
.meta-and-share li {
	cursor: pointer;
	padding: 0;
	float: left;
	display: inline-block;
	margin: 0 10px 0 0;
	width: 40px;
	height: 40px;
	position: relative;
	background: none;
	}
	.text-center .meta-and-share li {
	float: none;
	display: inline-block;
	margin: 0 5px 0 2px;
	}
	.text-center .meta-and-share li:first-child { margin-right: 8px; }

.entry-likes .likes-icon, .entry-views .views-icon, .entry-comments .comments-icon, .entry-share .share-icon {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #1a1a1a;
	border-radius: 22px;
	-moz-border-radius: 22px; 
	-khtml-border-radius: 22px; 
	-webkit-border-radius: 22px;
	background: transparent url(files/images/sprites.png);
	}
	
.text-light .entry-likes .likes-icon, .text-light .entry-views .views-icon, .text-light .entry-comments .comments-icon, .text-light .entry-share .share-icon {	border: 1px solid #ffffff; }
	
.entry-likes .likes-icon { background-position: -0px -60px;  }
	.text-light .entry-likes .likes-icon { background-position: -40px -60px;  }
.entry-views .views-icon { background-position: -120px -60px ; }
	.text-light .entry-views .views-icon { background-position: -160px -60px ; }
.entry-comments .comments-icon { background-position: -200px -60px ; }
	.text-light .entry-comments .comments-icon { background-position: -240px -60px ; }
.entry-share .share-icon { background-position: -280px -60px ; }
	.text-light .entry-share .share-icon { background-position: -320px -60px ; }

.entry-likes .likes-value, .entry-views .views-value, .entry-comments .comments-value {
	font-size: 12px;
	color: #1a1a1a;
	position: absolute;
	bottom: -22px;
	left: 0px;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: none;
	}
	.text-light .entry-likes .likes-value, .text-light .entry-views .views-value, .text-light .entry-comments .comments-value { color: #ffffff; }

.entry-likes a:hover .likes-icon, .entry-views a:hover .views-icon {	
	-webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
	
.entry-likes a:hover .likes-value, .entry-likes a.likesactive .likes-value { color: #ff4d88; }
.text-light .entry-likes a:hover .likes-value, .text-light .entry-likes a.likesactive .likes-value { color: #ffffff; }
.entry-likes a:hover .likes-icon, .entry-likes a.likesactive .likes-icon { background-position: -40px -60px; background-color: #ff4d88; border-color: #ff4d88; }
.text-light .entry-likes a:hover .likes-icon, .text-light .entry-likes a.likesactive .likes-icon { background-position: -80px -60px; background-color: #ffffff; border-color: #ffffff; }
.entry-views a:hover .views-icon { background-position: -160px -60px; background-color: #1a1a1a; border-color: #1a1a1a; }
	.text-light .entry-views a:hover .views-icon { background-position: -120px -60px; background-color: #ffffff; border-color: #ffffff; }
.entry-comments a:hover .comments-icon { background-position: -240px -60px; background-color: #1a1a1a; border-color: #1a1a1a; }
	.text-light .entry-comments a:hover .comments-icon { background-position: -200px -60px; background-color: #ffffff; border-color: #ffffff; }
.entry-share:hover .share-icon { background-position: -320px -60px; background-color: #1a1a1a; border-color: #1a1a1a; }
	.text-light .entry-share:hover .share-icon { background-position: -280px -60px; background-color: #ffffff; border-color: #ffffff; }
	
.entry-share ul li {
	position: absolute;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index: 1;
	border: none;
	}
	
.entry-share ul li a {
	border: none;
	border-radius: 16px;
	-moz-border-radius: 16px; 
	-khtml-border-radius: 16px; 
	-webkit-border-radius: 16px;
	}
	
.entry-share .facebook-share { padding:  0 10px 0 30px !important; top: -15px; right: -30px; }
.entry-share .twitter-share { padding:  0 10px 0 30px !important; top: 7px; right: -40px; }
.entry-share .google-share { padding:  0 10px 0 20px !important; top: 25px; right: -28px; }
.entry-share .pinterest-share { padding:  10px 0 0 0 !important; top: 20px; right: 0px; }

.entry-share .facebook-share { padding:  0 10px 0 30px !important; /*top: -22px; right: -50px;*/ }
.entry-share .twitter-share { padding:  0 10px 0 30px !important; /*top: 7px; right: -60px;*/ }
.entry-share .google-share { padding:  0 10px 0 20px !important; /*top: 35px; right: -44px;*/ }
.entry-share .pinterest-share { padding:  10px 0 0 0 !important; /*top: 40px; right: 0px;*/ }

.text-light .socialmedia-widget a.facebook { background-position: 0px -30px; }
.text-light .socialmedia-widget a.twitter { background-position: -30px -30px; }
.text-light .socialmedia-widget a.googleplus { background-position: -330px -30px; }
.text-light .socialmedia-widget a.pinterest { background-position: -360px -30px; }

.entry-share .facebook-share a:hover { background-color: #446ebf !important; }
.entry-share .twitter-share a:hover { background-color: #39aadc !important; }
.entry-share .google-share a:hover { background-color: #d53c1d !important; }
.entry-share .pinterest-share a:hover { background-color: #c81e1e !important; }





/*---------------------------------------------- 
15. FILTER
------------------------------------------------*/
.filter {
	position: relative;
	margin-bottom: 30px;
	}

.filter .filter-text {
	/*float: left;*/
	/*margin-right: 40px;*/
	}
	
.filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background:#000;
	font-size:12px;
	padding:20px;
	width: 1040px;
	}
	
.filter ul li {
	/*padding: 0 0 0 10px;*/
	margin: 0 0 0 10px;	
	float: none;
	border-left: 0px solid #ebebeb;
	color: #666666;
	height: 25px;
	}
	.filter ul li:first-child { 
	padding: 0;
	/*margin: 0;*/
	border: none;
	}
	
.filter ul li a {
	color: #FFFFFF;
    font-family: 'Novecentosanswide-DemiBold';
    height: 25px;
    line-height: 25px;
    text-transform: uppercase;
    text-decoration: none;
	}
	
.filter ul li a.active {
	color: #ED0080;
	}
	
.filter ul li a:hover {
	color: #ED0080;
}
	
h4#selectchapter {
	font-size:12px;
	color:#fff;
	background:#000;
	padding:10px 20px;
	cursor:pointer;
	text-transform:uppercase;
	float:none;
	display:block;
	width:300px;
	font-family: 'Novecentosanswide-DemiBold';
}

span#selectchapterarrow {
	background:url(images/arrow_custom.png) no-repeat;
	width:8px;
	height:8px;
	display:block;
	float:right;
	margin-top:8px;
	margin-left:10px;
}

.filter-inner {
}

.clear {
	clear:both;
}

/*---------------------------------------------- 
16. PAGINATION
------------------------------------------------*/		
#single-pagination {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	list-style: none;
	margin: 0;
	padding: 30px 0;
	margin-bottom: 80px;
	}

#entries-pagination {
	list-style: none;
	margin: 80px 0 0px 0;
	padding: 0;
	}
	.pagination-grid #entries-pagination { margin: 0 0 80px 0; }
	.pagination-fullwidth #entries-pagination { margin: 30px 0 30px 0; }
		
#single-pagination li, #entries-pagination li {
	float: right;
	margin: 0;
	padding: 0;
	}
	#single-pagination li.prev, #entries-pagination li.prev-page { float:left; }
	
#single-pagination li a, #entries-pagination li a {
	font-family: 'OpenSansLight';
	display: block;
	overflow:hidden;
	color: #1a1a1a;
	line-height: 40px;
	font-size: 16px;
	text-decoration: none;
	}
	
#single-pagination li a span, #entries-pagination li a span {
	display: block;
	height: 40px;
	width: 40px;
	text-indent: -9999px;
	background: url(files/images/sprites.png) no-repeat;
	}
	
#single-pagination li.next span, #entries-pagination li.next-page span {
	background-position: -280px 0;
    float: left;
    margin-left: -10px;
}
#single-pagination li.prev span, #entries-pagination li.prev-page span {
	background-position: -240px 0;
    float: right;
    margin-right: -10px;
	}

#single-pagination li a:hover, #entries-pagination li a:hover {
	color: #ED0080;
	}

#single-pagination li.inactive a, #entries-pagination li.inactive a { 
	opacity: 0.20;
	filter: alpha(opacity=20);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	color: #1a1a1a !important;
	cursor: default;
	}



/* Portfolio Pagination */
.single-portfolio #single-pagination {
	border: none;
	padding: 0;
	margin: 80px 0 0 0;
	}
	
.single-portfolio #single-pagination li {
	border-right: 1px solid #EBEBEB;
    float: right;
    margin-right: 20px;
    padding-right: 20px;
	}
	.single-portfolio #single-pagination li:first-child { 
	margin: 0px;
	padding: 0px;
	border: none;
	}
	


/*---------------------------------------------- 
17. COMMENTS
------------------------------------------------*/
.single-portfolio #comments-section {
	margin-top: 80px;
	}
	
#comments {
	position: relative;
	margin-bottom: 80px;
	}

#comments ul {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 40px;
	}	
	
#comments .comment {
	background: none;
	padding: 0;
	margin-top: 20px;
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
	}
	#comments .comment-list > .comment:first-child {
		margin-top: 0px;
		border-top: none;
		padding-top: 0px;
		}

#comments .children { 
	padding-left: 70px;
	margin-top: 0px;
	}
	
#comments .children .comment { 
	margin-top: 20px !important;
	}
	
#comments .user {
	float: left;
	width: 50px;
	margin-right: 20px;
	}
	
#comments .name {
	float: left;
	}
	
#comments .comment h1, #comments .comment h2, #comments .comment h3, #comments .comment h4, #comments .comment h5, #comments .comment h6 {
	margin: 0;
	}
	
#comments .comment-text {
	position: relative;
	margin-top: 15px;
	padding-left: 70px;
	}
		
#comments .comment .comment-date {
	margin-bottom: 5px;
	margin-top: 3px;
	color: #666666;
	font-size: 14px;
	}
	
#comments .comment-date .comment-reply-link {
	margin-left: 20px;
	}




/*---------------------------------------------- 
18. LEAVE COMMENT
------------------------------------------------*/
#leavecomment {
	position: relative;
	margin-bottom: 80px;
	}

#respond form .form-row {
	margin-left: 20px; 
	margin-top: 0px; 
	float: left;
	width: 253px;
	}
.single-portfolio #leavecomment form .form-row, .page #respond form .form-row, .blog-no-sidebar #respond form .form-row {
	width: 340px;
	margin-left: 40px; 
	}
	.children #respond form .form-row {
		width: 31%;
		margin-left: 3%; 
		}
	#respond form .form-row:first-child {
		margin-left: 0px; 
		}

#respond form .form-row input[type=text] {
	width: 243px;
	max-width: 243px;
	}
.single-portfolio #respond form .form-row input[type=text], .page #respond form .form-row input[type=text], .blog-no-sidebar #respond form .form-row input[type=text] {
	width: 330px ;
	max-width: 330px ;
	}
	.children #respond form .form-row input[type=text] { max-width: 97%; }
	
#respond form .form-row.textbox {
	margin-top: 20px; 
	margin-left: 0px !important; 
	float: left;
	width: 800px;
	}
.single-portfolio #respond form .form-row.textbox, .page #respond form .form-row.textbox, .blog-no-sidebar #respond form .form-row.textbox {
	width: 1100px;
	}
	.children #respond form .form-row.textbox { width: 100%;}

	
#respond form .form-row textarea {
	width: 790px ;
	max-width: 790px;
	height: 200px;
	}
.single-portfolio #respond form .form-row textarea, .page #respond form .form-row textarea, .blog-no-sidebar #respond form .form-row textarea {
	width: 1090px;
	max-width: 1090px;
	}
	.children #respond form .form-row textarea{ max-width: 98%; }

.comment-reply-title {
	font-size: 21px; line-height: 25px;
	}

#cancel-comment-reply-link {
	padding-left: 10px;
	border-left: 1px solid #ebebeb;
	margin-left: 7px;
	line-height: 25px;
	font-size: 16px;
	}

.comment #respond {
	margin-top: 40px;
	padding-bottom: 20px;
	}
	
	


/*---------------------------------------------- 
19. COLUMNS GRID
------------------------------------------------*/
.column-row { margin-top: 20px; }
div .column-row:first-child { margin-top: 0px; }
	
.column { 
	float: left; 
	/*padding-bottom: 80px;*/
	margin-right: 40px;
	min-height: 1px;
	}

.one-full { width: 100%; float: none; margin-right: 0; }
.one-half  { width: 530px; }
.one-third { width: 340px; }
.two-third { width: 720px; }
.one-fourth { width: 245px; }
.two-fourth { width: 530px; }
.three-fourth { width: 815px; }
.one-fifth { width: 188px; }
.two-fifth { width: 416px; }
.three-fifth { width: 644px; }
.four-fifth { width: 872px; }

.main-content .one-half  { width: 380px; }
.main-content .one-third { width: 240px; }
.main-content .two-third { width: 520px; }
.main-content .one-fourth { width: 170px; }
.main-content .two-fourth { width: 380px; }
.main-content .three-fourth { width: 590px; }
.main-content .one-fifth { width: 120px; }
.main-content .two-fifth { width: 280px; }
.main-content .three-fifth { width: 440px; }
.main-content .four-fifth { width: 600px; }

.column .column, aside .column { width: 100% !important; float: none !important; margin-right: 0 !important; }

.last-col {	margin-right: 0px !important; }



	
/*---------------------------------------------- 
20. ELEMENTS / SHORTCODES
------------------------------------------------*/	

/*	Buttons
------------------------------------------------*/
a.sr-button {
	display: inline-block;
	font-family: 'OpenSansBold';
	line-height: 22px !important;
	letter-spacing: 0.08em; 
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
	}
	
a.sr-button:hover {
	background-color: #ffffff;
	color : #1a1a1a;
	}
	
a.mini-button { font-size: 10px; padding: 5px 10px; border-radius: 2px;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px; }
a.small-button { font-size: 11px; padding: 10px 20px; }
a.medium-button { font-size: 13px; padding: 15px 30px; }
a.big-button { font-size: 15px;	padding: 20px 40px;	}
	
a.default-button1 {	color: #ffffff;	background: #fcb822; }
a.default-button1:hover { background: #1a1a1a; color: #ffffff; }

a.default-button2 {	color: #ffffff;	background: #1a1a1a; }
a.default-button2:hover { background: #fcb822; color: #ffffff; }

a.default-button3 {	border: 2px solid #ebebeb ; color: #fcb822;	background: transparent; }
a.default-button3.mini-button { border-width: 1px; padding: 4px 9px; }
a.default-button3.small-button { padding: 8px 18px; }
a.default-button3.medium-button { padding: 13px 28px; }
a.default-button3.big-button { padding: 18px 38px; }
a.default-button3:hover { background-color: #ebebeb; color: #1a1a1a; }

a.default-button4 {	border: 2px solid #1a1a1a; color: #1a1a1a;	background: transparent; }
a.default-button4.mini-button { border-width: 1px; padding: 4px 9px; }
a.default-button4.small-button { padding: 8px 18px; }
a.default-button4.medium-button { padding: 13px 28px; }
a.default-button4.big-button { padding: 18px 38px; }
a.default-button4:hover { background-color: #1a1a1a; color: #ffffff; }

a.default-button5 { border: 2px solid #fcb822; color: #fcb822;	background: transparent; }
a.default-button5.mini-button { border-width: 1px; padding: 4px 9px; }
a.default-button5.small-button { padding: 8px 18px; }
a.default-button5.medium-button { padding: 13px 28px; }
a.default-button5.big-button { padding: 18px 38px; }
a.default-button5:hover { background: #fcb822; color: #ffffff; }

a.default-button6 {	border: 2px solid #ffffff; color: #ffffff;	background: transparent; }
a.default-button6.mini-button { border-width: 1px; padding: 4px 9px; }
a.default-button6.small-button { padding: 8px 18px; }
a.default-button6.medium-button { padding: 13px 28px; }
a.default-button6.big-button { padding: 18px 38px; }
a.default-button6:hover { background-color: #ffffff; color: #1a1a1a; }




/*	Alerts
------------------------------------------------*/
.alert {
	padding: 30px 0;
	position: relative;
	margin-top: 20px;
	border: 1px solid #ffffff;
	}
	div .alert:first-child { margin-top: 0px; }
	
.alert .alert-icon {
	position: relative;
	width: 20px;
	height: 20px;
	position:absolute;
	left: 20px;
	top: 30px;
	}
	
.alert .alert-icon span {
	width: 20px;
	height: 20px; 
	display: block;
	border: 1px solid #1a1a1a;
	background: url(files/images/sprites.png) 0px 0px no-repeat;
	border-radius: 12px;
	-moz-border-radius: 12px; 
	-khtml-border-radius: 12px; 
	-webkit-border-radius: 12x;
	}

.alert .alert-message {
	margin-left: 60px;
	margin-right: 40px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 14px;
	}
	
	
.alert-note { color: #e38b00; border-color: #e38b00; }
.alert-note .alert-icon span {  background-position: -360px -40px; border-color: #e38b00; }

.alert-info { color: #3583b9; border-color: #3583b9; }
.alert-info .alert-icon span {  background-position: -380px -40px; border-color: #3583b9; }

.alert-confirm { color: #62893f; border-color: #62893f; }
.alert-confirm .alert-icon span {  background-position: -340px -40px; border-color: #62893f; }

.alert-error { color: #e61c2a; border-color: #e61c2a; }
.alert-error .alert-icon span {  background-position: -320px -40px; border-color: #e61c2a;  }





/*	Toggle/Accordion
------------------------------------------------*/
.accordion {
	margin-top: 30px;
	}
	div .accordion:first-child {	margin-top: 0px; }
	
.toggle {
	margin-top: 0px;
	border-bottom: 1px solid #ebebeb;
	}
	div .toggle:first-child { border-top: 1px solid #ebebeb; }
.text-light .toggle {
	border-bottom: 1px solid #404040;
	}
	.text-light div .toggle:first-child { border-top: 1px solid #404040; }
	
.toggle .toggle-title {
	min-height: 40px;
	width: 100%;
	padding: 10px 0;
	position: relative;
	cursor: pointer;
	}
.toggle .toggle-title .toggle-icon {
	height: 100%;
	width: 20px;
	float: left;
	position: absolute;
	top: 20px;
	left: 0px;
	}
		
.toggle .toggle-title .toggle-icon span { 
	display: block;
	height: 20px;
	width: 20px;
	background: url(files/images/sprites.png) -240px -40px  no-repeat;
	border: 1px solid #1a1a1a;
	border-radius: 12px;
	-moz-border-radius: 12px; 
	-khtml-border-radius: 12px; 
	-webkit-border-radius: 12x;
	}
.text-light .toggle .toggle-title .toggle-icon span { 
	background-position: -440px -40px ;
	border-color: #ffffff;
	}

.toggle .toggle-active .toggle-icon span {
	background-position: -260px -40px;
	}
.text-light .toggle .toggle-active .toggle-icon span {
	background-position: -460px -40px;
	}

.toggle .toggle-title .toggle-name {
	line-height: 20px;
	color: #1a1a1a;
	margin: 0;
	padding-left: 40px;
	padding-top: 10px;
	}
	
.toggle .toggle-title:hover .toggle-name, .toggle .toggle-active .toggle-name {
	color: #fcb822;
	}
	
.toggle .toggle-inner {
	padding: 0px 40px 20px 40px;
	display: none;
	}
	
		
	

/*	Tabs
------------------------------------------------*/
.tabs {
	margin-top: 20px;
	}
	div .tabs:first-child {
	margin-top: 0px;
	}
	
.tabs ul.tab-nav {
	height: auto;
	padding: 0;
	margin: 0;
	margin: 0 !important;
	list-style: none !important;
	position: relative;
	z-index: 1;
	}
	
.tabs ul.tab-nav li {
	background: none;
	padding: 0 !important;
	float: left;
	margin: 0 0 0 -1px !important;
	}
	.tabs ul.tab-nav li:first-child {
	margin: 0 !important;
	}
	
	
.tabs ul.tab-nav li a {
	font-size: 14px;
	line-height: 40px;
	padding: 0 20px;
	display: block;
	color: #1a1a1a;
	margin-bottom: -1px;
	border: 1px solid #ebebeb;
	background: #fafafa;
	}
	
.tabs ul.tab-nav li a:hover {
	background: #ffffff;
	}
	
.tabs ul.tab-nav li a.active {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	}
	
.tabs .tab-container {
	background: #ffffff;
	border: 1px solid #ebebeb;
	padding: 20px;
	position: relative;
	overflow: hidden;
	height: auto;
	position: relative;
	z-index: 0;
	}
	
.tabs .tab-container .tab-content {
	float: left;
	display: none;
	}
.text-light .tabs .tab-container .tab-content {
	color: #666666;
	}
	
.tabs .tab-container .active {
	display: block;
	}



/*	Team member
------------------------------------------------*/	
.team {
	}
	
.team-pic {
	background: #cccccc;
	}
.team-pic img {
	width: 100%;
	max-width: 100%;
	}
	
.team-name {
	margin-top: 20px;
	}
	
.team-role {
	color: #666666;
	margin-top: 5px;
	}
	
.team-text {
	margin-top:20px;
	padding-top:20px;
	border-top: 1px solid #ebebeb;
	}
	
.team .socialmedia-widget {
	margin: 20px 0 0 0;
	}
	



/*	Skills
------------------------------------------------*/	
.skill {
	margin-top: 20px;
	}
	
div .skill:first-child {
	margin-top: 0px;
	}

.skill .skill-name {
	margin-bottom: 5px;
	display: block;
	}
	
.skill .skill-bar {
	background: #ebebeb;
	height: 4px; width: 100%;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4x;
	}
.text-light .skill .skill-bar {
	background: #ffffff;
	}
	
.skill .skill-bar .skill-active {
	background: #fcb822;
	height: 100%;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4x;
	width: 0px;	
	}
	
.tooltip {
	position: absolute;
	width: 24px;
	height: 7px;
	line-height: 10px;
	line-height: 5px;
	padding: 8px 10px 6px 10px;
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	background: #1a1a1a;
	border-radius: 4px;
	top: -20px;				/* will be set to -30px through js */
	right: -5px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.text-light .tooltip {
	color: #1a1a1a;
	background: #ffffff;
}

.tooltip:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 4px;
	border-style: solid;
	border-color: #1a1a1a transparent transparent transparent;
	top: 21px;
	left: 18px;
}

.text-light .tooltip:after {
	border-color: #ffffff transparent transparent transparent;
}




/*	Gallery
------------------------------------------------*/	
.gallery-grid {
	width: 102%;
	margin: 0 0 80px 0 !important;			/* because of bottom margin of li */
	list-style: none !important;
	}

.gallery-grid li {
	padding: 0 !important;
	width: 18%;
	float:left;
	margin: 0 !important;
	}
.gallery-col-4 li { width: 22.9%; height: 22.9%; margin-right: 2.1% !important; margin-bottom: 2.1% !important; }
.gallery-col-5 li { width: 18%; height: 18%; margin-right: 2% !important; margin-bottom: 2% !important; }
.gallery-col-6 li { width: 14.6%; height: 14.6%; margin-right: 2.05% !important; margin-bottom: 2% !important;}
	
.gallery-grid li img {
	display: block;
	}




/*	Horizontal Section
------------------------------------------------*/
.horizontalsection {
	position: relative;
	overflow: inherit;
	}
.horizontalsection.withborder { margin-bottom: 1px; }
	
.horizontalsection .section-bg {
	position: absolute;
	top: 0px;
	left: -200px;
	width: 1980px;			/* will be overwritten by javascript */
	height: 100%;
	max-height: 100%;
	z-index: -1;
	overflow:hidden;
	}
	
.portfolio-preview.horizontalsection .section-bg {
	z-index: 0;
	}
	


/*	Spacer
------------------------------------------------*/
.spacer {
	width: 100%;
	display: block;
	}	

.spacer.spacer-small { height: 20px; }
.spacer.spacer-medium { height: 40px; }
.spacer.spacer-big { height: 80px; }



/*	Devider
------------------------------------------------*/
.devider {
	width: 100%;
	height: 3px;
	line-height: 0px;
	padding-top: 12px;
	padding-bottom: 13px;
	}

.devider span {
	height: 1px;
	border-top: 1px solid #000000;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	.text-light .devider span { border-color: #ffffff; }

.devider.style-solid span { border-style: solid; }
.devider.style-dashed span { border-style: dashed; }
.devider.style-dotted span { border-style: dotted; }

.devider.size-full span { width: 100%; }
.devider.size-medium span { width: 240px; }
.devider.size-small span { width: 120px; }
.devider.size-mini span { width: 40px; }

.devider.color-dark span { opacity: 0.9; filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.devider.color-light span { opacity: 0.1; filter: alpha(opacity=10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }
.text-light .devider.color-light span { opacity: 0.2; filter: alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.devider.align-center { text-align: center; }
.devider.align-right { text-align: right; }


/*---------------------------------------------- 
21. WIDGETS
------------------------------------------------*/
.widget {
	position: relative;
	margin-top: 60px;
	}
	
div .widget:first-child, .copyright .widget {
	margin: 0px;
	}


/*	Menu Widget
------------------------------------------------*/

.textwidget p {
	color: #CCCCCC;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
}

.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.widget ul li {
	padding: 0 0 10px 15px;
	margin: 0;
	background: url(files/images/arrow-dark.png) no-repeat 0 6px;
	}	
footer .widget ul li {
	background: url(files/images/arrow-light.png) no-repeat 0 6px;
	}

.widget ul li ul {
	padding-left: 20px;
	}
	
.widget ul li ul li {
	border-top: 1px solid #ebebeb;
	border-bottom: none;
	}
footer .widget ul li ul li {
	border-color: #3d3e40;
	}
	
.widget select { width: 100%; }
footer .widget select { width: 100%; }

.widget ul li .post-date { display: block;}

.widget ul li a { color: #1a1a1a; }
footer .widget ul li a { color: #ffffff; }
.widget ul li a:hover { color: #fcb822; }
.widget ul li .url { color: #666666 !important; cursor: default;}
footer .widget ul li .url { color: #bfbfbf !important; }


/*	Search Widget
------------------------------------------------*/
#searchform {
	margin: 0;
	display: block;
	float:right;
	}
	
#searchform div {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	}
	
#searchform label {
	display: none;
	}
	
#searchform input[type="text"] {
	display: block;
    height: 20px;
    padding: 0 0 0 40px;
    width: 190px;
	}
	
footer #searchform input[type="text"] {
	width: 195px;
	border-color: #666666;
	color: #808080;
	background: none;
	}
.one-third #searchform input[type="text"] {	 width: 290px; }

#searchform:hover input[type="text"] { border-color: #1a1a1a; }	
footer #searchform input[type="text"]:hover, footer #searchform input[type="text"]:focus, footer #searchform:hover input[type="text"] {
	border-color: #ffffff;
	}
	
#searchform input[type="submit"] {
	filter: none;
	background: transparent url(files/images/sprites.png) -280px -40px no-repeat;
	text-indent: -9999px;
	border: none;
	width: 20px; height: 20px;
	padding: 0;
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	}

footer #searchform input[type="submit"] {
	background-position: -300px -40px;
	}


/*	Social Widget
------------------------------------------------*/	
.socialmedia-widget {
	overflow:hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	}
.copyright .socialmedia-widget {
	text-align: right;
	}
	
.socialmedia-widget li {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: transparent !important;
	padding: 0px !important;
	margin: 0 4px 0 4px !important;
	border-radius: 20px;
	-moz-border-radius: 20px; 
	-khtml-border-radius: 20px; 
	-webkit-border-radius: 20px;
	border: 1px solid #1a1a1a;
	-webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
	}
		
.socialmedia-widget li a {
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	background: transparent url(files/images/social-icons.png);
	margin: 0;
	border-radius: 16px;
	-moz-border-radius: 16px; 
	-khtml-border-radius: 16px; 
	-webkit-border-radius: 16px;
	}
	
footer .socialmedia-widget li, .text-light .socialmedia-widget li {
	border-color: #ffffff;
	}
	
.socialmedia-widget li:hover{
	background-color: #1a1a1a;
	}
		
.socialmedia-widget li.facebook a { background-position: 0px top ; }
.socialmedia-widget li.twitter a { background-position: -30px top; }
.socialmedia-widget li.thumblr a { background-position: -60px top ; }
.socialmedia-widget li.vimeo a { background-position: -90px top ; }
.socialmedia-widget li.dribbble a { background-position: -120px top ; }
.socialmedia-widget li.deviantart a { background-position: -150px top ; }
.socialmedia-widget li.behance a { background-position: -180px top ; }
.socialmedia-widget li.flickr a { background-position: -210px top ; }
.socialmedia-widget li.forrst a { background-position: -240px top ; }
.socialmedia-widget li.linkedin a { background-position: -270px top ; }
.socialmedia-widget li.rss a { background-position: -300px top ; }
.socialmedia-widget li.googleplus a { background-position: -330px top ; }
.socialmedia-widget li.pinterest a { background-position: -360px top ; }
.socialmedia-widget li.youtube a { background-position: -390px top ; }
.socialmedia-widget li.mail a { background-position: -420px top ; }
.socialmedia-widget li.instagram a { background-position: -450px top ; }

footer .socialmedia-widget li.facebook a , .text-light .socialmedia-widget li.facebook a { background-position: 0px -30px ; }
footer .socialmedia-widget li.twitter a , .text-light .socialmedia-widget li.twitter a { background-position: -30px -30px; }
footer .socialmedia-widget li.thumblr a , .text-light .socialmedia-widget li.thumblr a { background-position: -60px -30px ; }
footer .socialmedia-widget li.vimeo a , .text-light .socialmedia-widget li.vimeo a { background-position: -90px -30px ; }
footer .socialmedia-widget li.dribbble a , .text-light .socialmedia-widget li.dribbble a { background-position: -120px -30px ; }
footer .socialmedia-widget li.deviantart a , .text-light .socialmedia-widget li.deviantart a { background-position: -150px -30px ; }
footer .socialmedia-widget li.behance a , .text-light .socialmedia-widget li.behance a { background-position: -180px -30px ; }
footer .socialmedia-widget li.flickr a , .text-light .socialmedia-widget li.flickr a { background-position: -210px -30px ; }
footer .socialmedia-widget li.forrst a , .text-light .socialmedia-widget li.forrst a { background-position: -240px -30px ; }
footer .socialmedia-widget li.linkedin a , .text-light .socialmedia-widget li.linkedin a { background-position: -270px -30px ; }
footer .socialmedia-widget li.rss a , .text-light .socialmedia-widget li.rss a { background-position: -300px -30px ; }
footer .socialmedia-widget li.googleplus a , .text-light .socialmedia-widget li.googleplus a { background-position: -330px -30px ; }
footer .socialmedia-widget li.pinterest a , .text-light .socialmedia-widget li.pinterest a { background-position: -360px -30px ; }
footer .socialmedia-widget li.youtube a , .text-light .socialmedia-widget li.youtube a { background-position: -390px -30px ; }
footer .socialmedia-widget li.mail a , .text-light .socialmedia-widget li.mail a { background-position: -420px -30px ; }
footer .socialmedia-widget li.instagram a , .text-light .socialmedia-widget li.instagram a { background-position: -450px -30px ; }

.socialmedia-widget li.facebook:hover { background-color: #446ebf !important; border-color: #446ebf; }
.socialmedia-widget li.twitter:hover { background-color: #39aadc !important; border-color: #39aadc; }
.socialmedia-widget li.thumblr:hover { background-color: #4c6781 !important; border-color: #4c6781; }
.socialmedia-widget li.vimeo:hover { background-color: #15c9f5 !important; border-color: #15c9f5; }
.socialmedia-widget li.dribbble:hover { background-color: #f14980 !important; border-color: #f14980; }
.socialmedia-widget li.deviantart:hover { background-color: #2fa06f !important; border-color: #2fa06f; }
.socialmedia-widget li.behance:hover { background-color: #00b0f1 !important; border-color: #00b0f1; }
.socialmedia-widget li.flickr:hover { background-color: #2b64c3 !important; border-color: #2b64c3; }
.socialmedia-widget li.forrst:hover { background-color: #4f9e60 !important; border-color: #4f9e60; }
.socialmedia-widget li.linkedin:hover { background-color: #81d3fd !important; border-color: #81d3fd; }
.socialmedia-widget li.rss:hover { background-color: #ff8322 !important; border-color: #ff8322; }
.socialmedia-widget li.googleplus:hover { background-color: #d53c1d !important; border-color: #d53c1d; }
.socialmedia-widget li.pinterest:hover { background-color: #c81e1e !important; border-color: #c81e1e; }
.socialmedia-widget li.youtube:hover { background-color: #ed423d !important; border-color: #ed423d; }
.socialmedia-widget li.mail:hover { background-color: #74624d !important; border-color: #74624d; }
.socialmedia-widget li.instagram:hover { background-color: #95604c !important; border-color: #95604c; }

.socialmedia-widget li.facebook:hover a { background-position: 0px -30px ; }
.socialmedia-widget li.twitter:hover a { background-position: -30px -30px; }
.socialmedia-widget li.thumblr:hover a { background-position: -60px -30px ; }
.socialmedia-widget li.vimeo:hover a { background-position: -90px -30px ;  }
.socialmedia-widget li.dribbble:hover a { background-position: -120px -30px ;  }
.socialmedia-widget li.deviantart:hover a { background-position: -150px -30px ; }
.socialmedia-widget li.behance:hover a { background-position: -180px -30px ; }
.socialmedia-widget li.flickr:hover a { background-position: -210px -30px ;  }
.socialmedia-widget li.forrst:hover a { background-position: -240px -30px ; }
.socialmedia-widget li.linkedin:hover a { background-position: -270px -30px ;  }
.socialmedia-widget li.rss:hover a { background-position: -300px -30px ;  }
.socialmedia-widget li.googleplus:hover a { background-position: -330px -30px ;  }
.socialmedia-widget li.pinterest:hover a { background-position: -360px -30px ; }
.socialmedia-widget li.youtube:hover a { background-position: -390px -30px ;  }
.socialmedia-widget li.mail:hover a { background-position: -420px -30px ;  }
.socialmedia-widget li.instagram:hover a { background-position: -450px -30px ; }



/*	Recent Tweets Widget
------------------------------------------------*/
.tp_recent_tweets  {
	max-width: 100%;
	width: 100%;
	float: none;
	clear: inherit;
	}
	
.widget .tp_recent_tweets  li {
	border-top: 1px solid #ebebeb;
	padding: 20px 0 0 30px;
	margin-top: 20px;
	background: url(files/images/tweet.png) 0px 20px no-repeat;
	word-wrap: break-word;
	float: none;
	clear: inherit;
	}
footer .widget .tp_recent_tweets  li {
	border-top: 1px solid #404040;
	background: url(files/images/tweet-light.png) 0px 20px no-repeat;
	}	
.widget .tp_recent_tweets  li:first-child {
	margin-top: 0px;
	padding-top: 0px;
	border-top: none;
	background-position: 0px 0px;
	}

.widget .tp_recent_tweets  li a {
	font-weight: normal;	
	}

.widget .tp_recent_tweets .twitter_time {
	color: #b3b3b3;
	font-size: 12px;
	font-style: italic;	
	font-weight: normal;
	}
	
footer .widget .tp_recent_tweets .twitter_time {
	color: #666666;
	}
	


/*	Recent comment
------------------------------------------------*/
#recentcomments {
	padding:0;
	margin:0;
	list-style: none;
	}

#recentcomments li {
	background: url(files/images/recentcomment.png) no-repeat 0px 0px;
	padding-left: 30px;
	}
	
footer #recentcomments li {
	background-image: url(files/images/recentcomment-light.png);
	}
	
#recentcomments  li:first-child {
	margin-top: 0px;
	}

	
/* Flickr Widget & Dribble Widget
------------------------------------------------*/
.flickr-widget, .dribbble-widget {
	}
	
.flickr-widget .flickr-list, .dribbble-widget .dribbble-list  {
	width: 107%;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.flickr-widget .flickr-list li, .dribbble-widget .dribbble-list li {
	width: 22.2%;
	margin: 0 1.5% 1.5% 0;
	float: left;
	overflow: hidden;
	background: none;
	border: none;
	padding: 0;
	}
.one-fourth .flickr-widget .flickr-list li, .one-fourth .dribbble-widget .dribbble-list li {
	width: 29%;
	margin: 0 3% 3% 0;
	}
	
.flickr-widget .flickr-list li img, .dribbble-widget .dribbble-list li img {
	display: block;
	}
		
.flickr-widget .flickr-list li:hover, .dribbble-widget .dribbble-list li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}
	
	
/*	Tag Widget
------------------------------------------------*/
.tag-list a {
	display: inline-block;
	padding: 3px 5px ;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	border: 1px solid #ebebeb;
	margin-bottom: 5px;
	margin-right: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	-webkit-border-radius: 2px;
	}	
footer .tag-list a {
	color: #808080;
	border-color: #404040;
	}	

.tag-list a:hover {
	border-color: #1a1a1a;
	background-color: #1a1a1a;
	color: #ffffff;
	}
footer .tag-list a:hover {
	border-color: #ffffff;
	background-color: #ffffff;
	color: #1a1a1a;
	}
	


/*---------------------------------------------- 
22. LOAD MORE
------------------------------------------------*/
#load-more {
	text-align: center;
	}
	
#load-more a {
	position: relative;
	color: #ffffff;
	font-family: 'OpenSansLight';
	font-size: 22px;
	display: block;
	width: 100%;
	height: 100%;
	background: #fcb822;
	border-top: 1px solid #fcb822;
	border-bottom: 1px solid #fcb822;
	padding: 40px 0;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
	}
	
#load-more a:hover {
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #333333;
	background: #1a1a1a;
	}
	
#load-more a span.loading-text {
	display: inline-block;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding-left: 50px;
	}
	
#load-more a span.loading-text .icon {
	background: url(files/images/sprites.png) no-repeat -400px 0px ;
	display:inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0; left: 0;
}

	
#load-more a span.loading-action {
	text-transform: none;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: 200px;
	text-align: center;
	display: block;
	color: #ffffff;
	font-weight: normal;
	position:absolute;
	left: 50%; margin-left: -100px;
	bottom:  0px;
	display: none;
	}
	
	
	
	
	
/*---------------------------------------------- 
23. TEXT LIGHT
------------------------------------------------*/
.text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
	color: #ffffff !important;
	}
	
/*.text-light a:hover {
	color: #ffffff;
	}*/
	

/*---------------------------------------------- 
24. TO TOP
------------------------------------------------*/
#totop {
	width: 32px;
	height: 32px;
	display: block;
	position: fixed;
	bottom: 40px;
	right: 20px;
	display: none;
	overflow: hidden;
	z-index: 100;
	}

#totop .totopbg {
	width: 32px;
	height: 32px;
	display: block;
	background: #000000;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
	}
	
#totop:hover .totopbg {
	background-color: #fcb822;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
#totop .totopicon {
	width: 20px;
	height: 20px;
	display: block;
	display: block;
	position: absolute;
	top: 6px;
	left: 6px;
	background:  url(files/images/sprites.png) -360px -60px;
	z-index: 5;
	text-indent: -9999px;
	}	


/*---------------------------------------------- 
25. IMG OVERLAY
------------------------------------------------*/
.imgoverlay {
	/*position: relative;*/
	position:absolute;
	cursor: pointer;
	overflow: hidden;
	display: block;
	max-width: 100%;
	height:260px;
	}

.imgoverlay img {
	width: auto;
	max-width: 60%; 
	border: 0;
	-ms-interpolation-mode: bicubic;
	text-align:center;
	display:block;
	margin:80px auto 0;
	}

.imgoverlay a .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
.imgoverlay a .overlaycolor {
	width: 100%;
	height: 100%;
	background: #000000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}
	
.imgoverlay a .overlayicon {
	width: 40px;
	height: 40px;
	border: 1px solid #ffffff;
	display: block;
	background: url(files/images/sprites.png) no-repeat -440px 0px ;
	position: absolute;
	top: 70%; margin-top: -20px;
	left: 50%; margin-left: -20px;
	z-index: 0;
	border-radius: 25px;
	-moz-border-radius: 25px; 
	-khtml-border-radius: 25px; 
	-webkit-border-radius: 25px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
.imgoverlay a .overlayicon.overlayloupe { background-position: -440px -60px ; }




/*---------------------------------------------- 
26. NOTFOUND
------------------------------------------------*/
#notfound-404 {
	text-align: center;
	}
	
#notfound-404 h2 {
	font-size: 150px;
	line-height: 180px;
	}
	


/*---------------------------------------------- 
27. MISC
------------------------------------------------*/	
.tp-leftarrow.default, .tp-rightarrow.default { background: transparent url(files/images/arrows-overlay.png) repeat; }
.tp-leftarrow.default span, .tp-rightarrow.default span { background-image: url(files/images/sprites.png); }



/*---------------------------------------------- 
28. PAGELOADER
------------------------------------------------*/	
#page-loader {
  position: fixed;
  width: 100%;
  height: 34px;
  top: 50%;
  left: 0;
  margin-top: -15px;
  z-index: 0;
}

#page-loader span
{
	width: 30px;
	height: 30px;
	margin-left: -15px;
	border: 3px solid #f2f2f2;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
}
  
  
#page-loader .loader
{
	width: 30px;
	height: 30px;
	position: absolute;
  top: 0;
  left: 50%;
	margin-left: -15px;
  z-index: 1;
	border: 3px solid #fcb822;  
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-radius: 50%;
	-webkit-animation: spin 1.3s linear infinite;
	-moz-animation: spin 1.3s linear infinite;
	-ms-animation: spin 1.3s linear infinite;
	-o-animation: spin 1.3s linear infinite;
	animation: spin 1.3s linear infinite;
}



@-webkit-keyframes spin
{
	from { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	to   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
	from { -moz-transform: rotate(0deg);  }
	50%  { -moz-transform: rotate(180deg); }
	to   { -moz-transform: rotate(360deg);  }
}

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

@-o-keyframes spin
{
	from { -o-transform: rotate(0deg); }
	50%  { -o-transform: rotate(180deg); }
	to   { -o-transform: rotate(360deg); }
}

@keyframes spin
{
	from { transform: rotate(0deg); }
	50%  { transform: rotate(180deg); }
	to   { transform: rotate(360deg); }
}


/******************* SEXUAL HEALTH ICONS ZONE *********/

a.buttondl {
	background:#ED0080;
	font-family:'Novecentosanswide-DemiBold',arial,sans-serif;
	font-size:14px;
	color:#fff;
	padding:10px 20px;
	text-transform:uppercase;
	float:left;
	margin-bottom:50px;
	text-decoration:none;
}

a.buttondl:hover {
	background:#000;
}

/*ol,ul {
    list-style: none;
}*/

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}

caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

a img {
    border: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight:normal;
    font-size:12px;
}

.container {
    margin: 15px auto;
    width: 80%;
}

h1,h2,h3,h4,h5 {
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-weight:normal;
}

h1 {
    margin: 40px 0 20px;
    font-weight: 700;
    font-size: 50px;
    line-height: 32px;
}

h2 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    margin: 80px 0 20px 0;
}

h2.light {
	border-bottom: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 30px;
    margin-right: 35px;
    margin-top: 50px;
    overflow: hidden;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.small {
    color: rgba(255,255,255,0.8);
    font-size: 11px;
    margin-top: -8px;
}

.small a {
    color: rgba(255,255,255,0.8);
}

.small a:hover {
    color: #fff;
}

.glyphs.character-mapping {
    margin: 0 0 20px 0;
    padding: 20px 0 20px 30px;
    color: rgba(0,0,0,0.5);
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.glyphs.character-mapping li {
    margin: 0 30px 20px 0;
    display: inline-block;
    width: 90px;
}

.glyphs.character-mapping .icon {
    margin: 10px 0 10px 15px;
    padding: 15px;
    position: relative;
    width: 55px;
    height: 55px;
    color: #162a36 !important;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 32px;
}

.glyphs.character-mapping .icon svg {
    fill: #000;
}

.glyphs.character-mapping input {
    margin: 0;
    padding: 5px 0;
    line-height: 12px;
    font-size: 12px;
    display: block;
    width: 100%;
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    outline: 0;
}

.glyphs.character-mapping input:focus {
    border: 1px solid #fbde4a;
    -webkit-box-shadow: inset 0 0 3px #fbde4a;
    box-shadow: inset 0 0 3px #fbde4a;
}

.glyphs.character-mapping input:hover {
    -webkit-box-shadow: inset 0 0 3px #fbde4a;
    box-shadow: inset 0 0 3px #fbde4a;
}

.glyphs.css-mapping {
    margin: 0 0 60px 0;
    padding: 30px 0 20px 30px;
    color: rgba(0,0,0,0.5);
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background:#fff;
}

.glyphs.css-mapping li {
    margin: 0 30px 20px 0;
    padding: 0;
    /*display: inline-block;*/
    overflow: hidden;
}

ul.underbox {
	float:left;
	float: left;
    margin-right: 2%;
    width: 28%;
    margin-top:0;
}

.clear {
	clear:both;
}

.glyphs.css-mapping .icon {
   color: #000000 !important;
    float: left;
    font-size: 40px;
    height: 60px;
    overflow: hidden;
    padding: 13px;
    width: 60px;
}

.glyphs.css-mapping input {
    margin: 0;
    margin-top: 5px;
    padding: 8px;
    line-height: 16px;
    font-size: 11px;
    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid #fff;
    background: #fff;
    outline: 0;
    float: right;
    font-weight:300;
}

.glyphs.css-mapping span {
    color: #000000;
    display: block;
    float: left;
    font-size: 12px;
    height: 60px;
    line-height:60px;
    margin-left:10px;
    margin-top:5px;
}

.glyphs.css-mapping span.classname {
	color:#ccc;
}

.glyphs.css-mapping input:focus {
    border: 1px solid #fbde4a;
    -webkit-box-shadow: inset 0 0 3px #fbde4a;
    box-shadow: inset 0 0 3px #fbde4a;
}

.glyphs.css-mapping input:hover {
    -webkit-box-shadow: inset 0 0 3px #fbde4a;
    box-shadow: inset 0 0 3px #fbde4a;
}

footer a {
	text-decoration: none;
}

/******************* RESPONSIVE ZONE ******************/

/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
	
	.filter ul {
		width:100%;
	}

h4#selectchapter {
	width:100%;
	font-size:12px;
}

header {
    padding-bottom: 30px;
}

footer .footer-inner {
    padding: 0 20px;
}

#page-title .title-name h1 {
	width:100%;
}

.novecento h1 {
    color: #000000;
    font-family: 'Novecentosanswide-Light';
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
}

}

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {
	
	.filter ul li {
    border-left: 0 solid #EBEBEB;
    color: #666666;
    display: block;
    float: none;
    height: auto;
    margin: 0 0 0 10px;
}
	
	ul#second {
	margin: auto auto 30px;
	}

	#mainlogo {
   display: block;
    margin: 0 auto 30px;
    text-align: center;
}

.left-float {
	float:none;
}

.guidetitle h1 {
    display: block;
    float: none;
    font-size: 25px !important;
    line-height: 30px !important;
    text-align: center;
}

h2.guidesubtitle {
    color: #000000;
    font-family: 'Novecentosanswide-DemiBold';
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
}

.spacer.spacer-big {
	height:0;
}

.glyphs.css-mapping li {
	margin:0;
}

.glyphs.css-mapping span {
	margin-left:0;
	fonts-size:10px;
}


}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 640px) {
ul.underbox {
    float: none;
    width: 100%;
}
}