/* 
	Theme Name: ajala
	Theme URI: http://www.themewerk.com 
	Description: ajala clean one page wordpress theme. 
	Version: 1.0
	Author: Themewerk 
	Author URI: http://www.themewerk.com 
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: light, white, gray, one-column, two-columns, three-columns
*/
/*-----------------------------------------------------------------------------------
	0.	RESET & CLEARFIX
	1.	BASIC STYLES
	2.  NAVIGATION & MENU
	3. 	GENERAL ELEMENTS
	4.	HEADER
	5.	PAGE LOADER
	6.	BACK TO TOP
	7.  FOOTER
	8.  SLIDER
	9.  SECTION
	10. PORTFOLIO
	11. PORTFOLIO AJAX
	12. FILTER
	13. BLOG
	14. COLUMNS GRID
	15. MAP
	16. WIDGETS
	17. IMG OVERLAY
	18. LOADER ICON
	19. LOAD MORE
	20. ANIMATIONS
	21. THIRD PARTY PLUGINS
-----------------------------------------------------------------------------------*/
/*---------------------------------------------- 
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=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. BASIC STYLES
------------------------------------------------*/
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: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size:14px; 
	line-height: 22px;
	color:#666666; 
	text-align: left; 
	position: relative;
	background: #fafafa;
	height: 100%;
	}
::selection { background:#ffe49c; color:#262626; }
::-moz-selection { background:#ffe49c; color:#262626; }
::-webkit-selection { background:#ffe49c; color:#262626; }
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
/* Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-family: 'Dosis', sans-serif;
	color: #262626;
letter-spacing: 2px;
	}
	.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #ffffff; }
h1 { font-size: 100px; line-height: 130px; }
h2 { font-size: 40px; line-height: 60px; letter-spacing: 2px;  }
h3 { font-size: 32px; line-height: 48px; }
h4 { font-size: 22px; line-height: 34px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }
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: 800;}
/* Headers Spacing */
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; }
.subtitle { margin-top: 5px; font-weight: 300; color: #666666; letter-spacing: 0.05em; }
.text-light .subtitle { opacity: 0.9; filter: alpha(opacity=90);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
/* Headers for section titles */
.section-headline { 
	text-align: center;
	margin-top: -10px;				/* fix for line-height spacing*/
	margin-bottom: 100px;
	}
	.section-headline.not-found { 
	margin-top: 80px;				
	margin-bottom: 240px;
	}
.section-headline h2 { 
font-size: 18px;
line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 200;  
	}
	.not-found h1 { 
	font-size: 200px;
	line-height: 230px;  
	}
.widget-title {
	text-transform: uppercase;
	margin-bottom: 20px;
	}
/*---------------------------------------------- 
2. NAVIGATION & MENU
------------------------------------------------*/
.menu {
	position: relative;
	float: right;
	}
nav#main-nav {
	z-index: 50;
	}
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;
	min-width: 10px;
	}
nav#main-nav > ul > li > a  {
	display: block;
	font-family: 'Open Sans'; 
	font-weight: 600;
	font-size: 12px;
	line-height: 60px;					/* depending on the logo height */
	color: #262626;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 45;
	padding: 20px 0;
	width: auto;
	transition: all 200ms linear;
	}
nav#main-nav > ul > li:hover > a {
	z-index: 48;
	color: #BB2120;
	}
nav#main-nav > ul > li.current-menu-item > a, nav#main-nav > ul > li.current-menu-ancestor > a {
	color: #BB2120;
	}
nav#main-nav ul li .sub-menu {
	position: relative;
	position: absolute;
	top: 100px;							/* depending on the logo height + padding */
	left: 0px;
	background: #262626;
	width: 200px;
	padding: 5px 0;
	display: none;
	z-index: 47;
	} 
nav#main-nav ul .sub-menu li {
	float: none;
	margin: 0;
	}
nav#main-nav ul .sub-menu li a {
	font-family: 'Open Sans'; 
	font-weight: 400;
	color: #999999;
	font-size: 12px;
	line-height: 20px;
	padding: 7px 20px;
	display: block;
	}
nav#main-nav ul .sub-menu > li:hover > a, nav#main-nav ul .sub-menu > li.current-menu-item > a {
	color: #ffffff;
	}
nav#main-nav ul li ul li .sub-menu {
	position: absolute;
	top: 0px;
	left: 200px;
	}
/* control nav when fixed & scrolled */
nav#menu-controls {
	display: none;
	}
nav#menu-controls ul {
	position: relative;
	z-index: 49;
	margin: 0;
	padding: 0;
	list-style: none;
	/*overflow: hidden;*/
	}
nav#menu-controls ul .sub-menu {
	display: none;
	}
nav#menu-controls ul li {
	float: left;
	margin: 0 0 0 15px;
	padding: 20px 0;
	height: 60px;
	text-align: center;
	position: relative;
	width: 12px;
	transition: all 200ms linear;
	border-radius: 50%;
	}
nav#menu-controls > ul > li a  {
	display: inline-block;
	color: #262626;
	padding: 3px;
	border: 1px solid transparent;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	-webkit-border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
	}
nav#menu-controls > ul > li.current-menu-item > a {
	border-color: #BB2120;
	}
nav#menu-controls > ul > li.current-menu-item > a span.c-dot {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	}
nav#menu-controls > ul > li a span.c-dot  {
	display: block;
	height: 6px;
	width: 6px;
	background: #262626;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	}
nav#menu-controls > ul > li a:hover span.c-dot  {
	background: #BB2120;
	}
nav#menu-controls > ul > li a span.c-name  {
	position: absolute;
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 10px;
	text-transform: uppercase;
	width: 100px;
	left: -44px;
	bottom: 12px;
	opacity: 0; 
	filter: alpha(opacity=0); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
	}
nav#menu-controls > ul > li a:hover span.c-name {
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: absolute;
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 10px;
	text-transform: uppercase;
	width: 100px;
	left: -44px;
	bottom: -18px;
	}
  nav#menu-controls > ul > li.current-menu-item > a span.c-name {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
  .page-template-default nav#menu-controls > ul > li.current_page_item > a span.c-name {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	} 
.page-template-default nav#main-nav > ul > li.current_page_item > a {
	border-color: #BB2120;
  color: #BB2120;
	}
.page-template-default nav#menu-controls > ul > li.current_page_item > a {
	border-color: #BB2120;
	}
nav#menu-controls > ul > li.current_page_item > a span.c-dot {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	} 
/* responsive nav on mobile view */	
.open-responsive-nav {
	padding: 10px 0;
	text-indent: -9999px;
	display: block;
	display: none;
	}
.open-responsive-nav span {
	display: block;
	width: 40px;
	height: 40px;
	background: url(files/images/sprites.png) -340px 0 no-repeat;
	}
#menu-responsive {
	position: fixed;
	background: #262626;
	padding: 0;
	top: 60px;
	right: -270px;
	width: 260px;
	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;
	overflow: hidden;			/* important for scrollbar */
	}
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:first-child {
	border-top: none;
	}
nav#responsive-nav > ul li > a {
	display: block;
	color: #cccccc;
	font-family: 'Open Sans'; 
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 24px;
	padding: 8px 20px;
	transition: all 200ms linear;
	}
nav#responsive-nav > ul > li:hover > a, nav#responsive-nav > ul > li.current-menu-item > a {
	color: #ffffff;
	}	
nav#responsive-nav .sub-menu li a {
	display: block;
	font-weight: 400;
	text-transform: inherit;
	color: #cccccc;
	line-height: 20px;
	padding: 10px 20px 10px 40px;
	font-size: 12px;
	}	
/* Forms
---------------------------------------- */
input[type=text], input[type=password], input[type=email], textarea {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-weight: 400;
	font-size: 12px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	line-height: 18px;
	height: 18px;
	color:#999999;
	padding: 10px 4px;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3x;
	transition: all 200ms linear;
	}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus { 
	border-color: #262626;
}
input.false[type=text], input.false[type=password]:focus, input.false[type=email], textarea.false { 
	border-color: #fa4d5a;
}
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 4px 8px 4px; line-height: 22px; }		/* padding issue (395 + 2*5 = 405) */
.one-half input[type=text], .one-half input[type=password], .one-half input[type=email] { width: 520px; }
.one-half textarea { width: 520px; }
input[type=submit] {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 13px; 
	line-height: 22px ;
	letter-spacing: 0.15em; 
	text-transform: uppercase;
	text-align: center;
	display: block;
	border: none;
	color: #ffffff;	
	background: #262626;
	cursor: pointer;
	padding: 15px 40px;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	}
input[type=submit]:hover { 
	background-color: #BB2120;
	transform: scale(1.07);
	-ms-transform: scale(1.07); 
	-webkit-transform: scale(1.07);
	}
select {
	background: #ffffff;
	border: 1px solid #d9d9d9;
	height: 34px;
	width: auto;
	padding:8px;
	color: #999999;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3x;
	transition: all 200ms linear;
	}
select:hover {	border-color: #262626; }
select option {
	cursor: pointer;
	padding: 5px 7px;
	}
label {
	line-height: 26px;
	width: 100%;
	display:block;
	color: #262626;
	}
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;
	}
/* Sec formular */
#form-note {
	display: none;
	margin-top: 20px;
	}
/* Links
---------------------------------------- */
a {
	text-decoration: none;
	color: #BB2120;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0.0);
	}
a:hover {
	color: #262626;
	}	
.text-light a:hover { color: #ffffff; }
/* 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; }
/* 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; }	
ul.list-clean {
	list-style: none !important;
	margin-left: 0 !important;
	}
ul.list-clean li > .pe {
	margin-right: 10px;
	}
/* Others
---------------------------------------- */
p { 
	margin-top: 20px; 
	}
	div p:first-child {  margin-top: 0px;  }	
strong, b, dt {
	font-weight: bold;
}
i, dfn, em {
	font-style: italic;
	}
strong i, b i, dt i, strong em, b em, dt em {
	font-style: italic;
	font-weight: bold;
	}
blockquote {
	margin-top: 20px;
	font-size: 16px; line-height: 24px;
  font-family: 'Dosis', sans-serif;
	font-weight: 300;
	padding-left: 20px;
	margin-left: 20px;
	color: #262626;
	border-left: 2px solid #d9d9d9;
	}
	div blockquote:first-child {  margin-top: 0px;  }
blockquote p {
	margin: 0;
	}
pre, code {
	padding: 3px 0 3px 20px;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 11px;
	line-height: 16px;
	display: block;
	border-left: 2px solid #d9d9d9;
	color: #262626;
	}
	div pre:first-child, div code:first-child { margin-top: 0px; } 
/* WORDPRESS DEFAULT */
/*sticky*/
.sticky{}
/*gallery caption*/
.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 {}
/*---------------------------------------------- 
3. GENERAL ELEMENTS
------------------------------------------------*/
.topbar-header{
padding: 10px;
background: #FAFAFA;
overflow:hidden;
font-size: 12px;
}
.topbar-left{
margin-left:5px;
float:left;
}
.topbar-left i{
margin-right:10px;
font-size: 14px;
}
.topbar-right{
margin-right: 20px;
float:right;
}
.topbar-right i{
margin-right:10px;
font-size: 14px;
}
.topbar-mail{
display: inline;
float: right;
}
.topbar-phone{
display: inline;
float: right;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #777;
}
.topbar-phone i{
display: inline;
}
#page-content {
	overflow: hidden;
	margin: 0;
	min-width: 1100px;
	/*position: relative;*/
	}
.sectionwrapper {
	width: 1100px;
	margin: 0 auto;
  z-index: 100;
	}
.main-content {
	width: 740px;
	}
	.main-content.no-sidebar { margin: 0 auto; }
aside {
	width: 300px;
	}
.left-float { 
	float: left; 
	}
.right-float { 
	float: right; 
	}
.align-center {
	text-align: center;
	}
.text-light {
	color: #ffffff;
	}	
/*---------------------------------------------- 
4. HEADER
------------------------------------------------*/
header {
	background: #ffffff;
	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;
	width: 100%;
	z-index: 10000;
	position: relative;
	}
#logo {
	float: left;
	padding: 20px 0; 
	max-width: 100%;
	max-height: 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;
	}
#logo img {
	max-height: 100%;
	}
/* Logo Right */	
.logo-right #logo { float: right; }
.logo-right .menu { float: left; }
.logo-right nav#main-nav ul li {	margin: 0 30px 0 0; }
/* Logo Top */	
.logo-top #logo { float: none; text-align: center; }
.logo-top .menu { float: none; text-align: center; }
.logo-top nav#main-nav ul li { margin: 0 15px; float: none; display: inline-block; *display: inline; zoom: 1; }
.logo-top nav#main-nav > ul > li > a  { line-height: 20px; } 
.logo-top nav#main-nav ul li .sub-menu { top: 60px; }
.logo-top nav#menu-controls > ul > li { height: 20px; float: none; display: inline-block; *display: inline; zoom: 1; }
.logo-top .open-responsive-nav {	display: inline-block; padding: 0; display: none; }
.logo-top .open-responsive-nav span { }	
/* header shrinks when fixed & scrolled */	
.fixed-header header {
	position: fixed;
	left: 0; top: 0;
	}
	.logged-in .fixed-header header { top: 28px; }
.smallheader #logo {
	height: 40px;
	padding: 10px 0; 
	}
.smallheader #logo h2 {
	line-height: 40px;
	}
.smallheader nav#main-nav > ul > li > a:first-child {
	line-height: 40px;
	padding: 10px 0;
	}
	.smallheader.logo-top nav#main-nav > ul > li > a:first-child { line-height: 30px; }
.smallheader nav#menu-controls > ul > li {
	height: 40px;
	padding: 10px 0;
	}	
	.smallheader.logo-top nav#menu-controls > ul > li { height: 30px; }	
.smallheader nav#main-nav > ul > li > .sub-menu {
	top: 60px;
	}
	.smallheader.logo-top nav#main-nav > ul > li > .sub-menu { top: 50px; }
/* header overlay style */	
header.header-overlay {
	background: transparent;
	box-shadow:  none;
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	position: absolute!important;
	left: 0; top: 0;
	}
header.header-overlay #defaut-logo {
	display: none;
	}
.header-overlay nav#main-nav > ul > li > a { color: #ffffff !important; opacity: 0.7 !important; filter: alpha(opacity=7) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;}
.header-overlay nav#main-nav > ul > li:hover > a, .header-overlay nav#main-nav > ul > li.current-menu-item > a, .header-overlay nav#main-nav > ul > li.current-menu-ancestor > a { color: #ffffff !important; opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; }
.header-overlay .open-responsive-nav span { background-position: -370px 0  !important; }
.header-overlay.overlay-dark nav#main-nav > ul > li > a { color: #262626 !important; }
.header-overlay.overlay-dark nav#main-nav > ul > li:hover > a, .header-overlay.menu-dark nav#main-nav > ul > li.current-menu-item > a, .header-overlay.overlay-dark nav#main-nav > ul > li.current-menu-ancestor > a { color: #262626 !important; }
.header-overlay.overlay-dark .open-responsive-nav span { background-position: -340px 0 !important; }
/* dark header style */	
.dark-header { background: #1a1a1a; } 
.dark-header .topbar-header{ padding: 10px;background: #1a1a1a;overflow:hidden;font-size: 12px; } 
.dark-header nav#main-nav > ul > li > a  { color: #ffffff; }
.dark-header nav#menu-controls > ul > li a  { color: #ffffff; }
.dark-header nav#menu-controls > ul > li a span.c-dot  { background: #ffffff; }
.dark-header .open-responsive-nav span { background-position: -380px 0;	}
/* menu-light */	
.menu-light nav#main-nav > ul > li > a  { color: #ffffff; opacity: 0.7; filter: alpha(opacity=7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.menu-light nav#main-nav > ul > li:hover > a, .menu-light nav#main-nav > ul > li.current-menu-item > a, .menu-light nav#main-nav > ul > li.current-menu-ancestor > a { color: #ffffff; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.menu-light nav#menu-controls > ul > li a  { color: #ffffff; }
.menu-light nav#menu-controls > ul > li.current-menu-item > a { border-color: #ffffff;}
.menu-light nav#menu-controls > ul > li a span.c-dot  { background: #ffffff; }
.menu-light nav#menu-controls > ul > li:hover a span.c-dot  { background: #ffffff; }
.menu-light .open-responsive-nav span { background-position: -380px 0;	}
/* menu-dark */	
.menu-dark nav#main-nav > ul > li > a  { color: #262626; opacity: 0.7; filter: alpha(opacity=7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.menu-dark nav#main-nav > ul > li:hover > a, .menu-dark nav#main-nav > ul > li.current-menu-item > a, .menu-dark nav#main-nav > ul > li.current-menu-ancestor > a { color: #262626; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.menu-dark nav#menu-controls > ul > li a  { color: #262626; }
.menu-dark nav#menu-controls > ul > li.current-menu-item > a { border-color: #262626;}
.menu-dark nav#menu-controls > ul > li a span.c-dot  { background: #262626; }
.menu-dark nav#menu-controls > ul > li:hover a span.c-dot  { background: #262626; }
.menu-dark .open-responsive-nav span { background-position: -340px 0;	}
/* topmenu */	
.topbarmenu a{
 color: #666;
}
.topbarmenu li{
list-style-type: none;
display: inline;
padding-right: 10px;
}
/*---------------------------------------------- 
5. PAGE LOADER
------------------------------------------------*/
#pre-load {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 1000;
	}
.pre-load-inner {
	width: 300px;
	height: 120px;
	position: absolute;
	top: 50%; margin-top: -50px;
	left: 50%; margin-left: -150px;
	text-align: center;
	}
.pre-load-inner .loader-logo img {
	max-height: 60px;
	max-width: 300px;
	}
.pre-load-inner .loader-icon {
	position: absolute;
	top: 100px;
	left: 50%; margin-left: -27px;
	}
/*---------------------------------------------- 
6. BACK TO TOP
------------------------------------------------*/
a.back-to-top {
	display: none;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
  background: transparent url("files/images/up.png") no-repeat center 43%;
	border: 2px solid #BB2120;
}
/*---------------------------------------------- 
7. FOOTER
------------------------------------------------*/
footer {
	background: #262626;
	padding: 80px 0;
  margin-top: -10px;
	}
footer .one-half ul{
  text-align: left;
  }
footer .copyright {
	font-size: 13px;
	color: #cccccc;
	}
footer .last-col{
  text-align: right;
}
/*---------------------------------------------- 
8. SLIDER
------------------------------------------------*/
.home-slider-container {
	width:100%;
	position:relative;
	padding:0;
  color: #fff; !important
	}
.home-slider-container ul {
	margin-top: 0;
	margin-left: 0;
	list-style: none;
	}
.home-slider-container ul li {
	line-height: 0;
	margin-top: 0;
	}
 .fullscreen-container{
  color: #fff; !important
  min-height: 1000px; !important
 }
/*---------------------------------------------- 
9. SECTION
------------------------------------------------*/
section { position: relative;  }
.innersection { padding-top: 100px; margin-top: -3px; position: relative; z-index:1; background-repeat: no-repeat; background-size: cover; }
.no-padding .innersection {	padding-top: 0px; }
.dividersection {
	position: relative;
	}
.dividersection .dividerinner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	overflow:hidden;
	}
/*---------------------------------------------- 
10. PORTFOLIO
------------------------------------------------*/
.portfolio-posts {
	width: 110%;				/* DO NOT CHANGE THIS VALUE */
	}
.portfolio-posts .masonry-item {
	width: 24.98%;				/* will be overwritten by javascript */
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	}
.portfolio-spaced .masonry-item {
	margin-right: 10px;
	margin-bottom: 10px;
	}
.portfolio-posts .portfolio-intro {
	padding: 20px 0;
	text-align:center;
	}
.portfolio-name { 
	text-transform: uppercase; 
	}
.portfolio-name a { color: #262626; }
.portfolio-name a:hover { color: #BB2120; }
/* Carousel Portfolio */
#portfolio-carousel .carousel-item {
	margin: 0px;
	}
/* Single Portfolio */
#portfolio-single {
	background: #ffffff;
	padding-top: 100px;
	padding-bottom: 100px;
	}
#portfolio-single .project-title {
	position: relative;
	margin: 0;
	}
#portfolio-single .project-title .project-name {
	display: inline-block;
	max-width: 80%;
	}
#portfolio-single .social-share { 
	margin-top: 20px;
	}
#portfolio-single .portfolio-media, #portfolio-single .portfolio-content { 
	margin-top: 80px;
	position: relative;
	}
.gallery-list {
	list-style:none;
	margin: 0;
	padding: 0;
	}
.gallery-list li {
	margin-top: 20px;
	padding: 0;
	}
	.gallery-list li:fist-child {
	margin-top: 0px;
	}
/* Portfolio Single Pagination
------------------------------- */	
.single-pagination {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.single-pagination li {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	margin-top: -15px !important;
	}
	.single-pagination li.inactive {
	display:none;
	}
.single-pagination li a {
	background: url(files/images/sprites.png) no-repeat;
	display: block; 
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	-webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
.single-pagination li a:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.single-pagination li.next { right: 0; }
.single-pagination li.prev { left: 0; }
.single-pagination li.next a { background-position: -220px 0px; }
.single-pagination li.prev a { background-position: -250px 0px; }
/*---------------------------------------------- 
11. PORTFOLIO AJAX
------------------------------------------------*/
.ajax-section {
	padding-bottom: 100px;
	position: relative;
	display: none;
	}
.ajax-content {
	display: none;
	}
#ajax-loader {
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	z-index: 0;
	display: none;
	}
#ajax-loader .loader-icon {
  	position: absolute;
  	top: 40px;
  	left: 50%; margin-left: -10px;
	}	
.close-project {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 20px;
	left: 0;
	display: none;
	}
.close-project a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(files/images/sprites.png) -310px 0px no-repeat;
	-webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
.close-project a:hover {
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
/*---------------------------------------------- 
12. FILTER
------------------------------------------------*/
.filter {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	margin-bottom: 33px;
	}
.filter li {
	padding: 0 13px 0 15px;
	margin: 0;	
	display: inline-block;
	}	
.filter li a {
	line-height: 20px;
	color: #262626;
	text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
	margin-bottom: 7px;
	display: block;
	border-bottom: 2px solid transparent;
	}
.filter li a.active, .filter li a:hover {
	border-color: #BB2120;
	}
/*---------------------------------------------- 
13. BLOG
------------------------------------------------*/
.blog-post {
	border-top: 1px solid #d9d9d9;
	padding-top: 60px;
	margin-top: 60px;
	}
	div .blog-post:first-child { border: none; padding: 0; margin: 0; }
.blog-content {
	width: 100%;
	float: left;
	}
.blog-media {
	margin-bottom: 40px;
	}
.blog-media .media-list {
	padding: 0;
	margin: 0;
	list-style: none;
	}
.blog-media .media-list li {
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
	background: none;
	}
	.blog-media .media-list li:first-child { margin:0; }
.blog-headline .post-name a {
	color: #262626;
	}
.text-light .blog-headline .post-name a { color: #ffffff; }
.blog-headline .post-name a:hover {	color: #BB2120; }
.blog-headline .post-meta {
	color: #999999;
	margin-top: 5px;
	font-size: 13px;
	text-transform: uppercase;
	}
.blog-headline .post-meta a {
	color: #999999;
	}
.text-light .blog-headline .post-meta, .text-light .blog-headline .post-meta a { color: #ffffff; opacity: 0.6; 
	filter: alpha(opacity=60); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }	
.blog-headline .post-meta a:hover {	color: #262626; opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity100)"; }
.text-light .blog-headline .post-meta a:hover {	color: #ffffff; }
.blog-intro {
	margin-top: 20px;	
	}
.readmore-button {
	line-height: 20px;
	color: #262626;
	text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
	display: inline-block;
	border-bottom: 2px solid #262626;
	}
.text-light .readmore-button {	color: #ffffff; border-color: #ffffff; }
.readmore-button:hover {
	border-color: #BB2120;
	}
/* Blog Quote post & Link post 
----------------------------*/
.blog-content .quote-author, .blog-content .link-name {
	color: #999999;
	margin-top: 10px;
	font-size: 13px;
	text-transform: uppercase;
	}
/* Blog Masonry 
----------------------------*/
#blog-grid {
	width: 110%;				/* DO NOT CHANGE THIS VALUE */
	margin-bottom: 0px;
	margin-top: 60px;
	}
	div #blog-grid:first-child {
	margin-top: 0px;
	}
#blog-grid .masonry-item {
	margin-top: 0px !important;
	padding-top: 0px !important;
	width: 340px;				
	margin-right: 40px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	float: left;
	border: none;
	border-bottom: 1px solid #d9d9d9;
	}
.text-light #blog-grid .masonry-item { border-color: #666666; }
.masonry-item .blog-media {
	margin-bottom: 20px;
	}
.masonry-item .blog-media .flexslider {
	margin-bottom: 40px;
	}
/* Blog Carousel 
----------------------------*/
#blog-carousel .carousel-item {
	margin: 0 15px;
	}	
/* Blog Author
---------------------------------------- */	
.blog-author {
	margin-top: 40px;
	padding: 20px;
	background: #ffffff;
	}
.blog-author .author-image {
	width: 80px;
	float: left;
	}
.blog-author .author-bio {
	width: 600px;
	float: right;
	}	
/* Blog Tags
---------------------------------------- */	
.blog-tags {
	margin-top: 40px;
	}
.blog-tags a {
	border: 1px solid #d9d9d9;
	display: inline-block;
	padding: 4px 8px ;
	font-size: 11px;
    border-radius: 2px;
	-moz-border-radius:2px; 
	-khtml-border-radius:2px; 
	-webkit-border-radius:2px;
	color: #999999;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-right: 3px;
	}	
.blog-tags a:hover {
	border-color: #262626;
	color: #ffffff;
	background: #262626;
	}	
/* Blog comments 
----------------------------*/
#blog-comments {
	border-top: 1px solid #d9d9d9;
	margin-top: 60px;
	padding-top: 60px;
	}
#blog-comments ul {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#blog-comments .comment-list {
	margin-top: 40px;
	}	
#blog-comments .comment {
	background: none;
	padding: 0;
	margin-top: 30px;
	border-top: 1px solid #d9d9d9;
	padding-top: 30px;
	overflow: hidden;
	}
	#blog-comments .comment-list > .comment:first-child {
		border-top: none;
		margin-top: 0px;
		padding-top: 0px;
		}	
#blog-comments .comment .children { 
	margin-left: 70px; 
	}
#blog-comments .user {
	float: left;
	width: 50px;
	}
#blog-comments .comment-content {
	margin-left: 70px;
	position: relative;
	}
#blog-comments .comment-date {
	color: #999999;
	font-size: 13px;
  font-family: 'Dosis', sans-serif;
	font-weight: 300;
	}
#blog-comments .comment-text {
	margin-top: 20px;
	}
#blog-comments #respond {
	margin-top: 40px;
	}
/* Leave comment
----------------------------*/	
#blog-leavecomment {
	margin-top: 60px;
	}
/* Blog Pagination 
----------------------------*/
#posts-pagination {
	margin: 60px 0 0 0;
	padding: 60px 0 0 0;
	list-style: none;
	border-top: 1px solid #d9d9d9;
	}
#posts-pagination li {
	margin: 0;
	padding: 0;
	}
#posts-pagination li.inactive {
	display:none;
	}
#posts-pagination li a {
	background: url(files/images/sprites.png) no-repeat;
	display: block; 
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	-webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
#posts-pagination li.next { float: right; }
#posts-pagination li.next a { background-position: -220px 0px; }
#posts-pagination li.prev { float: left; }
#posts-pagination li.prev a { background-position: -250px 0px; }
#posts-pagination li a:hover { 
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
/*---------------------------------------------- 
14. COLUMNS GRID
------------------------------------------------*/
.column-section { margin-top: 60px; }
div .column-section:first-child { margin-top: 0px; }
.column { 
	float: left; 
	margin-right: 40px;
	min-height: 1px;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	}
.column .bg-col-inner {
	padding: 20px;
	}
.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: 350px; }
.main-content .one-third { width: 220px; }
.main-content .two-third { width: 480px; }
.main-content .one-fourth { width: 155px; }
.main-content .two-fourth { width: 350px; }
.main-content .three-fourth { width: 545px; }
.main-content .one-fifth { width: 116px; }
.main-content .two-fifth { width: 272px; }
.main-content .three-fifth { width: 428px; }
.main-content .four-fifth { width: 584px; }
aside .column { width: 100% !important; float: none !important; margin-right: 0 !important; }
.last-col { margin-right: 0px !important; }
/*---------------------------------------------- 
15. MAP
------------------------------------------------*/	
.google-map {
	width: 100%;
	height: 400px;
	overflow: hidden;
	}
.google-map img {						
	max-width: inherit;
	height: auto;
	}
/*---------------------------------------------- 
16. WIDGETS
------------------------------------------------*/
.widget {
	position: relative;
	margin-top: 40px;
	}
	.div .widget:first-child, aside .widget:first-child { margin-top: 0px; }	
/*	Widget with list
------------------------------------------------*/
.widget ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	}
.widget ul li {
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #d9d9d9;
	}
.widget ul li a {
	color: #262626;
	}
.widget ul li a:hover {
	color: #BB2120;
	}
/*	Tag Widget
------------------------------------------------*/
.tag-list a {
	border: 1px solid #d9d9d9;
	display: inline-block;
	padding: 4px 8px ;
	font-size: 11px;
    border-radius: 2px;
	-moz-border-radius:2px; 
	-khtml-border-radius:2px; 
	-webkit-border-radius:2px;
	color: #999999;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-right: 3px;
	}	
.tag-list a:hover {
	border-color: #262626;
	color: #ffffff;
	background: #262626;
	}
/*	Search Widget
------------------------------------------------*/
#searchform label {
	display: none;
	}
#searchform input[type="submit"] {
	display: none;
	}
/*	Social Widget
------------------------------------------------*/	
.socialmedia-widget {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
	div .socialmedia-widget:first-child { margin: 0; }
.socialmedia-widget li {
	display: inline-block;
	background: transparent;
	padding: 0px;
	margin: 0 3px 0 3px;
	position: relative;
	}
.socialmedia-widget li a {
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	background: url(files/images/social-icons.png);
	margin: 0;
	}
.social-share li a { opacity: 0.3; filter: alpha(opacity=30);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.text-light .social-share li a { opacity: 1; filter: alpha(opacity=100);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.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; }
.socialmedia-widget li.xing a { background-position: -480px top; }
.socialmedia-widget li.dropbox a { background-position: -510px top; }
.text-light .socialmedia-widget li.facebook a { background-position: 0px -30px ; }
.text-light .socialmedia-widget li.twitter a { background-position: -30px -30px; }
.text-light .socialmedia-widget li.thumblr a { background-position: -60px -30px ; }
.text-light .socialmedia-widget li.vimeo a { background-position: -90px -30px ; }
.text-light .socialmedia-widget li.dribbble a { background-position: -120px -30px ; }
.text-light .socialmedia-widget li.deviantart a { background-position: -150px -30px ; }
.text-light .socialmedia-widget li.behance a { background-position: -180px -30px ; }
.text-light .socialmedia-widget li.flickr a { background-position: -210px -30px ; }
.text-light .socialmedia-widget li.forrst a { background-position: -240px -30px ; }
.text-light .socialmedia-widget li.linkedin a { background-position: -270px -30px ; }
.text-light .socialmedia-widget li.rss a { background-position: -300px -30px ; }
.text-light .socialmedia-widget li.googleplus a { background-position: -330px -30px ; }
.text-light .socialmedia-widget li.pinterest a { background-position: -360px -30px ; }
.text-light .socialmedia-widget li.youtube a { background-position: -390px -30px ; }
.text-light .socialmedia-widget li.mail a { background-position: -420px -30px ; }
.text-light .socialmedia-widget li.instagram a { background-position: -450px -30px ; }
.text-light .socialmedia-widget li.xing a { background-position: -480px -30px ; }
.text-light .socialmedia-widget li.dropbox a { background-position: -510px -30px ; }
.socialmedia-widget li:hover a { opacity: 1 !important; filter: alpha(opacity=100) !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; }
.socialmedia-widget li.facebook:hover a { background-position: 0px bottom ; }
.socialmedia-widget li.twitter:hover a { background-position: -30px bottom; }
.socialmedia-widget li.thumblr:hover a { background-position: -60px bottom; }
.socialmedia-widget li.vimeo:hover a { background-position: -90px bottom; }
.socialmedia-widget li.dribbble:hover a { background-position: -120px bottom; }
.socialmedia-widget li.deviantart:hover a { background-position: -150px bottom; }
.socialmedia-widget li.behance:hover a { background-position: -180px bottom; }
.socialmedia-widget li.flickr:hover a { background-position: -210px bottom; }
.socialmedia-widget li.forrst:hover a { background-position: -240px bottom; }
.socialmedia-widget li.linkedin:hover a { background-position: -270px bottom; }
.socialmedia-widget li.rss:hover a { background-position: -300px bottom; }
.socialmedia-widget li.googleplus:hover a { background-position: -330px bottom ; }
.socialmedia-widget li.pinterest:hover a { background-position: -360px bottom ; }
.socialmedia-widget li.youtube:hover a { background-position: -390px bottom; }
.socialmedia-widget li.mail:hover a { background-position: -420px bottom; }
.socialmedia-widget li.instagram:hover a { background-position: -450px bottom; }
.socialmedia-widget li.xing:hover a { background-position: -480px bottom; }
.socialmedia-widget li.dropbox:hover a { background-position: -510px bottom; }

/* Flickr Widget & Dribble 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;
	}
.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)";
	}
/*---------------------------------------------- 
17. IMAGE OVERLAY
------------------------------------------------*/
.imageoverlay {
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 100%;
	}
.imageoverlay img {
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
.imageoverlay:hover img {
	transform: scale(1.07);
	-ms-transform: scale(1.07); 
	-webkit-transform: scale(1.07);
	}
.imageoverlay .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
	}
.imageoverlay:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
.imageoverlay .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=80)";
	}
.imageoverlay .overlayinfo {
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 45%;
	left: 0;
	-webkit-transition: top 0.3s ease;
    -moz-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    -ms-transition: top 0.3s ease;
    transition: top 0.3s ease;
	}
.imageoverlay:hover .overlayinfo {
	top: 50%;
	}	
.overlayinfo h6 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
/*---------------------------------------------- 
18. LOADER ICON
------------------------------------------------*/
.loader-icon {
	position:relative;
  z-index: 1;
}
.loader-icon span {
	position:absolute;
	width:50px;
	height:50px;
	border: 5px solid #000;
	border-radius:999px;
	animation: radar 2s infinite linear;
	opacity: 0;
  	top: 0px;
  	left: 0px;
}
.loader-icon span:nth-child(1) {
	animation-delay: 0s;
}	
.loader-icon span:nth-child(2) {
	animation-delay: 0.66s;
}
.loader-icon span:nth-child(3) {
	animation-delay: 1.33s;
}
@keyframes radar {
	0% {transform: scale(0); opacity: 0;}
	25% {transform: scale(0); opacity: 0.5;}
	50% {transform: scale(1); opacity: 1;}
	75% {transform: scale(1.5); opacity: 0.5;}
	100% {transform: scale(2); opacity: 0;}
}
/*---------------------------------------------- 
19. LOAD MORE
------------------------------------------------*/
#load-more {
	text-align: center;
	position: relative;
	margin-top: 40px; 
	}
#load-more .loader-icon {
	position: absolute;
	bottom: -34px;
	left: 50%;
	margin-left: -12px;
	display: none;
	}
/*---------------------------------------------- 
20. ANIMATIONS
------------------------------------------------*/
.al-animation {
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
	}
.al-animation.animated { 
	top: 0; 
	left: 0; 
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
	height: 100%;
	max-height: 100%;
	transform: scale(1.0);
	-ms-transform: scale(1.0); 
	-webkit-transform: scale(1.0);
	}
/*---------------------------------------------- 
21. THIRD PARTY PLUGINS
------------------------------------------------*/
.tp-leftarrow.default, .tp-rightarrow.default { background-image: url(files/images/sprites.png);