/**
 * @version   1.0 May 15, 2011
 * @author    Mariusz Boloz http://www.mariuszboloz.com
 * @copyright Copyright (C) 2011 Mariusz Boloz
 */
 
 



 
*:focus 	{outline: none!important;}
 
iframe, svg {
	max-width:100%;	
} 

#sbox-content.sbox-content-iframe {
	overflow:auto;	
}

.modal {display:block;}
 
 
/*-----------------------------------------------------------*/
/*	General
/*-----------------------------------------------------------*/  
body 	{background:#f8f8f8;
		color:#777;
		fint-size:13px;
		line-height:21px;
		font-family:'Open Sans',Arial, Helvetica, sans-serif;
		padding:0;}
 
 
 
 
#page	{} 



/* headings */ 
h1,h2,h3,h4,h5,h6	{color:#444;
					margin:0 0 15px 0;
					font-weight:600;
					line-height:normal;} 
 


/* links */
a			{color:#4cade6;
			text-decoration:none;
			/*transition-duration: 0.1s;
			transition-timing-function: linear;
			transition-delay: 0.1s;
			-webkit-transition-duration: 0.1s;
			-webkit-transition-timing-function: linear;
			-webkit-transition-delay: 0.1s;*/}
 
a:hover,
a:active,
a:focus,
.btn-link:hover,
.btn-link:focus	{
	color:#444;
	text-decoration:none;
} 
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------*/
/*	General grid style
/*-----------------------------------------------------------*/ 
.col {
	margin-bottom:20px;	
} 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------*/
/*	Boxed layout
/*-----------------------------------------------------------*/ 
.page-boxed			{padding:30px 0;}

.page-boxed-content	{padding:0 0 30px 0;}					
					

/* all blocks boxed */
.page-boxed #page-a,
.page-boxed #page-b,
.page-boxed #page-c,
.page-boxed #page-d	{width:100%;
					max-width:1120px;
					margin:0 auto;} 
					
					
 
/* only content boxed */
.page-boxed-content #page-b,
.page-boxed-content #page-c,
.page-boxed-content #page-d,
.page-boxed-content #slider {width:100%;
							max-width:1120px;
							margin:0 auto;}  
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------*/
/*	Feature section
/*-----------------------------------------------------------*/ 
#feature {
	background-color:#329bd1;
	color:#fff;
	padding:50px 0 30px 0;
}

#feature.top {
	margin-top:-50px;
	margin-bottom:50px;	
}

#feature h1,
#feature h2,
#feature h3,
#feature h4,
#feature h5,
#feature h3	{
	color:#fff;
} 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------*/
/*	Page-c section style
/*-----------------------------------------------------------*/
#page-c								{background:#fff;
									padding-top:0px;} 



/* srction margin */
#before-content-1, 
#before-content-2, 
#after-content-1,
#after-content-2,
#content-2							{padding-top:30px;padding-bottom:30px;}



/* section backgrounds */
#before-content-1.background-1, 
#before-content-2.background-1, 
#after-content-1.background-1, 
#after-content-2.background-1, 
#content-2.background-1				{background:#fbfbfb;
									border-top:solid 1px #f0f0f0;
									border-bottom:solid 1px #f0f0f0;
									padding-top:50px;
									margin-bottom:50px;
									color:#727272;}
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------*/
/*	#sliding-panel
/*-----------------------------------------------------------*/ 
#sliding-panel		{background-color:#404142;
					color:#cbcbcb;					
					width:100%;
					position:absolute;
					z-index:999999;
					top:0;
					display:none;}
					
					
					
#sliding-panel .sliding-panel-inner {
	position:relative;	
	padding:25px 0;
}					


#sliding-panel h1,
#sliding-panel h2,
#sliding-panel h3,
#sliding-panel h4,
#sliding-panel h5,
#sliding-panel h6			{color:#fbfbfb;}










/* links */
#sliding-panel a 		{color:#cbcbcb;}



#sliding-panel a:hover	{color:#fff;}



/* close button */
#sliding-panel .sliding-panel-toggle	{float:right;
										position:absolute;
										top:15px;
										right:25px;
										z-index:999;}


#sliding-panel .sliding-panel-toggle a	{font-size:18px;
										color:#fff;
										opacity:0.4;
										filter:alpha(opacity=40);
										display:block!important;
										width:18px;
										height:18px;
										line-height:18px;
										text-align:18px;
										transition-duration: 0.1s;
										transition-timing-function: linear;
										transition-delay: 0.1s;
										-webkit-transition-duration: 0.1s;
										-webkit-transition-timing-function: linear;
										-webkit-transition-delay: 0.1s;}


#sliding-panel .sliding-panel-toggle a:hover,
#sliding-panel .sliding-panel-toggle a:active,
#sliding-panel .sliding-panel-toggle a:focus	{opacity:0.8;
												filter:alpha(opacity=80);}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*-----------------------------------------------------------*/
/*	#page-a
/*-----------------------------------------------------------*/
#page-a				{position:relative;
					color:#ececec;
					padding-top: 170px;}


#page-a h1,
#page-a h2,
#page-a h3,
#page-a h4,
#page-a h5,
#page-a h6			{color:#fff;}



#page-a .bt-bg,
#page-a .top-bg		{position:absolute;
					width:100%;
					height:6px;				
					z-index:100;}













/*-----------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------*/ 
/* General header style */
#header	{
	position:absolute;
	width:100%;
	background:url(../images/transparent-dark-40.png);
	z-index:999;
	top:0;
}				


#header	a {
	color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0.1s;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: linear;
	-webkit-transition-delay: 0.1s;
}


#header	a:hover,
#headera:active,
#header	a:focus	{
	color:#fff;
	opacity:1;
	filter:alpha(opacity=100);}




/* Header row tools */				
#header-tools {
	height:38px;
	background:url(../images/transparent-dark-20.png);											
	font-size:92%;
}
	

.header-tools-row {
	padding-top:6px;
}


/* Header info */
.header-tools-row .header-info	{
	float:left;
	margin:0;
	padding:0;
}


.header-tools-row .header-info li {
	list-style:none;
	display:inline-block;
	margin:0 15px 0 0;
}
											

/* Header language */
.header-language {
	display:inline-block;
}




/* Header social */
#header .social-list {
	margin-right:15px;
	padding:0;
	font-size:10px;
}


/* Header tools */
.header-tools {
	float:right;
	margin:0;
	padding:0;
	texta-lign:right;
}


.header-tools > li {
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
	display:inline;
}



/* Sliding panel button */
.sliding-panel-toggle {
	display:inline;
}
						
						
	
	
	
/* logo */
#logo			{float:left;
				display:block;}
#logo a			{opacity:1!important;}



#logo img		{margin:0;
				height:auto;
				width:100%;}



/* logo as text */
.logo-text		{margin:0;
				font-size:190%!important;}

.logo-text a	{color:#444!important;
				text-decoration:none!important;}


.logo-text a:hover,
.logo-text a:active,
.logo-text a:focus		{color:#444!important;
						text-decoration:none!important;}


.site-slogan			{font-weight:300;
						text-transform:uppercase;
						letter-spacing:1px;
						font-size:10px;}

				
				
				
				
				
				
	/*-----------------------------------------------------------*/
	/*	Header2
	/*-----------------------------------------------------------*/
	.header2 .top-bg		{display:none;}
	
	.header2 #header		{background:url(../images/transparent-light-30.png) repeat-x bottom;}
				
	.header2 #header-tools	{background:url(../images/transparent-dark-40.png);}	
	
	
	
	/* root items in */
	.header2 #navigation > .sf-menu > li.sfHover > a,
	.header2 #navigation > .sf-menu > li.current-menu-item > a,
	.header2 #navigation > .sf-menu > li > a:focus, 
	.header2 #navigation > .sf-menu > li > a:hover, 
	.header2 #navigation > .sf-menu > li > a:active,
	.header2 #navigation > .sf-menu > li.selected > a,
	.header2 #navigation > .sf-menu > li.current-menu-parent > a	{background:url(../images/transparent-dark-40.png);}
	
	
	
	
	
	
	
	/*-----------------------------------------------------------*/
	/*	Header3
	/*-----------------------------------------------------------*/
	.header3 .top-bg		{display:none;}
	
	.header3 #header		{background:url(../images/transparent-light-30.png) repeat-x bottom;}
				
	.header3 #header-tools	{background:url(../images/transparent-dark-40.png);}	
	





	/*-----------------------------------------------------------*/
	/*	Header4
	/*-----------------------------------------------------------*/ 
	.header4 #header					{background: #fff;
										color:#8a8a8a;}
	 
	
	.header4 #header a 					{opacity:1;
										filter:alpha(opacity=100);
										color:#4cade6;}
	.header4 #header a:hover 			{color:#444}	
	
	
	.header4 #header #header-tools		{background:0;
										border-bottom:solid 0px #efefef;}
	
	.header4 #header .social-list li a			{color:#000;}
	
	.header4 #header .social-list li a:hover	{color:#4cade6;}
	
	
	
	/* roote menu items */
	.header4 #navigation > .sf-menu > li > a	{opacity:1;
												filter:alpha(opacity=100);
												color:#8a8a8a!important;}
										
										
										
	/* root items acyive */
	.header4 #navigation > .sf-menu > li:hover, 
	.header4 #navigation > .sf-menu > li.sfHover,
	.header4 #navigation > .sf-menu > li.sfHover > a,
	.header4 #navigation > .sf-menu > li.current-menu-item > a,
	.header4 #navigation > .sf-menu > li > a:focus, 
	.header4 #navigation > .sf-menu > li > a:hover, 
	.header4 #navigation > .sf-menu > li > a:active,
	.header4 #navigation > .sf-menu > li.selected > a,
	.header4 #navigation > .current-menu-parent > a		{color:#4cade6!important;}
	
	
	









/*-----------------------------------------------------------*/
/*	Normal navigation
/*-----------------------------------------------------------*/
/* Navigation container */
#navigation,
#fixed-menu {
	display:block;
	float:right;
}

#navigation	ul,
#fixed-navigation ul {
	margin:0;
}	


/* Left offset of submenus need to match (see below) */
#navigation .sf-menu ul,
#fixed-navigation .sf-menu ul {
	width:165px;
}



/* Match ul width */
#navigation ul.sf-menu li li:hover ul,
#navigation ul.sf-menu li li.sfHover ul,
#fixed-navigation ul.sf-menu li li:hover ul,
#fixed-navigation ul.sf-menu li li.sfHover ul {
	left:165px;
}




/* Match top ul list item height */
#navigation .sf-menu > li:hover > ul,
#navigation .sf-menu > li.sfHover > ul 	{
	/*top:100px; defined in style-declaration.php file*/
} 
					

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


/* Root menu items */
#navigation .sf-menu li,
#fixed-navigation .sf-menu li {
	background:0;
	margin:0;
}


#navigation .sf-menu a,
#fixed-navigation .sf-menu li a {
	border:0;
	border-bottom:solid 2px rgba(0,0,0,0);
	padding:0 15px;												
	color:#fff;
	font-size:13px;
	opacity:0.8;
	font-weight:600;
	filter:alpha(opacity=80);
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0.1s;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: linear;
	-webkit-transition-delay: 0.1s;
}









/* Active root menu items */
#navigation .sf-menu li:hover, 
#navigation .sf-menu li.sfHover,
#navigation .sf-menu li.sfHover a,
#navigation .sf-menu li.current-menu-item a,
#navigation .sf-menu a:focus, 
#navigation .sf-menu a:hover, 
#navigation .sf-menu a:active,
#navigation .sf-menu li.selected a,
#navigation .current-menu-parent a {
	background:none;
	color:#fff;
	opacity:1;
	filter:alpha(opacity=100);
}


#navigation > .sf-menu > li.sfHover > a,
#navigation > .sf-menu > li.current-menu-item > a,
#navigation > .sf-menu > li > a:focus, 
#navigation > .sf-menu > li > a:hover, 
#navigation > .sf-menu > li > a:active,
#navigation > .sf-menu > li.selected > a,
#navigation > .sf-menu > li.current-menu-parent > a	{
	border-bottom: solid 2px #329bd1;
}













/* Arrows */
#navigation .sf-arrows .sf-with-ul,
#fixed-navigation .sf-arrows .sf-with-ul {
	padding-right: 35px;
	*padding-right: 12px;
}




/* Styling for both css and generated arrows */
#navigation .sf-arrows .sf-with-ul:after,
#fixed-navigation .sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -5px;
	height: 0;
	width: 0;
	border:0;
}





#navigation .sf-arrows .sf-with-ul:after,
#fixed-navigation .sf-arrows .sf-with-ul:after {
	display: inline-block;
  	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f107"; /* fa-angle-down */
	/*content: "\f103";  fa-angle-double-down */
	
}







#navigation .sf-arrows ul .sf-with-ul:after,
#fixed-navigation .sf-arrows ul .sf-with-ul:after {
	content: "\f105"; /* fa-angle-right */
	/* content: "\f054"; fa-chevron-right */
 	/*content: "\f101"; fa-angle-double-right */	
}








/* Dropdown menu items */	
#navigation .sf-menu li li,
#fixed-navigation .sf-menu li li {
	border-bottom:solid 1px #454647;
	white-space:normal;
}


#navigation .sf-menu li li:last-child,
#fixed-navigation .sf-menu li li:last-child	 {
	border:0;
}


#navigation .sf-menu li li a,
#fixed-navigation .sf-menu li li a {
	font-weight:normal;
	font-size:13px;
	text-shadow: none;
	padding:8px 12px;
	border-bottom:0;
	border-left:0;
	background-color:#353637!important;
	opacity:1;
	filter:alpha(opacity=100);
	color:#cecece!important;
	line-height:normal;
}	
											
																				

/* Dropdown hover and active menu items */
#navigation .sf-menu li li a:hover,
#navigation .sf-menu li li a:focus,
#fixed-navigation .sf-menu li li a:hover,
#fixed-navigation .sf-menu li li a:focus,{
	opacity:1;
	filter:alpha(opacity=100);
	background-color:#2b2c2d!important;
	color:#4cade6!important;
}





							
/* Style for ul dropdown container */
#navigation .sf-menu li ul,
#fixed-navigation .sf-menu li ul {
	border:0;
	background:0;
}



/* F */
#navigation .sf-menu > li > ul,
#navigation .sf-menu > li.sf-hover > ul,
#fixed-navigation .sf-menu > li > ul {
	border-top:solid 2px #329bd1;
}





											
#navigation .sf-menu li ul ul,
#fixed-navigation .sf-menu li ul ul {
	/*border-top:0;*/
	padding-top:0;
	background:#313232;
} 
 
 
 
 
 
 
 
 

/*-----------------------------------------------------------*/
/*	Mobile navigation
/*-----------------------------------------------------------*/ 
/* Hide mobile navigation */
#mobile-nav,
#mobile-menu,
#mobile-menu-open {
	display:none;
}





/* Mobile menu show link */
#mobile-menu-open {
	width:28px;
	height:28px;
	margin:0 auto;
}
		

#mobile-menu-open i	{
	font-size:28px;
	line-height:28px;
}
		



/* Mobile navigation container */
#mobile-nav {
	width:100%;
	background:#353637;
	position:absolute;
	z-index:999;
}



/* Mobile menu style */
#m-menu,
#m-menu ul {
	margin:0;
	padding:0;
}



#m-menu li {
	list-style:none;
	margin:0;
	padding:0;
}



#m-menu li a {
	color:#cecece;
	text-decoration:none;
	padding:10px 15px;
	display:block;
	font-weight:600;
	font-size:16px;
	border-bottom:solid 1px #454647;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0.1s;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: linear;
	-webkit-transition-delay: 0.1s;
}



/* Add different background color for root menu items */
#m-menu > li > a {
	background-color:#353637;
}



#m-menu li a:hover {
	background-color:#2b2c2d;
	color:#4cade6;
}






/* Submenu item */
#m-menu li li a,
#m-menu li li li a,
#m-menu li li li li a {
	font-weight:normal;
	font-size:13px;
	color:#cecece;
	padding-top:5px;
	padding-bottom:5px;
}

#m-menu li li a	{
	padding-left:30px;
}


#m-menu li li li a	{
	padding-left:60px;
	font-style:italic;
}






 
 
 
 
/*-----------------------------------------------------------*/
/*	Fixed navigation
/*-----------------------------------------------------------*/ 
#fixed-navigation .sf-menu li a	{
	color:#8a8a8a;
	opacity:1;
	filter:alpha(opacity=100);
	border:0;
}





#fixed-navigation .sf-menu > li > a	{
	height:50px;
	line-height:50px;
}	




/* Active root menu items */
#fixed-navigation .sf-menu > li:hover, 
#fixed-navigation .sf-menu > li.sfHover,
#fixed-navigation .sf-menu > li.sfHover > a,
#fixed-navigation .sf-menu > li.current-menu-item > a,
#fixed-navigation .sf-menu > li > a:focus, 
#fixed-navigation .sf-menu > li > a:hover, 
#fixed-navigation .sf-menu > li > a:active,
#fixed-navigation .sf-menu > li.selected > a,
#fixed-navigation .current-menu-parent > a	{
	background:none;
	color:#4cade6;
}









/* Dropdown menu items */	
#fixed-navigation .sf-menu > li:hover > ul,
#fixed-navigation .sf-menu > li.sfHover > ul {
	top:50px;
}






 







/*-----------------------------------------------------------*/
/*	#page-header
/*-----------------------------------------------------------*/	
#page-header		{padding-bottom:50px;}



.page-heading-wrap {float:left;
					vertical-align:middle;}


.page-breadcrumb-wrap {vertical-align:middle;
					float:right;}

.page-heading		{font-family:'Open Sans',Arial, Helvetica, sans-serif;
					font-size:42px;					
					font-weight:300;
					text-indent:-3px;
					display:inline-block;
					cloear:both;}


.page-subheading	{display:inline-block;
					margin-top:10px;
					font-size:13px;
					text-transform:uppercase;
					font-family:'Open Sans',Arial, Helvetica, sans-serif;
					font-weight:300;}




#page-header.content-bg-1 .page-heading,
#page-header.content-bg-1 .page-subheading,
#page-header.content-bg-1 .breadcrumbs ul	{background:url(../images/transparent-dark-40.png);
											-moz-border-radius:3px;
											-webkit-border-radius:3px;
											border-radius:3px;}




#page-header.content-bg-1 .page-heading		{line-height:53px;
											padding:0px 8px 2px 8px;}
#page-header.content-bg-1 .page-subheading	{padding:2px 8px;}




/* remove margin for page headings */
#page-header h1,
#page-header h2,
#page-header h3,
#page-header h4,
#page-header h5,
#page-header h6	{margin:0;}












/*-----------------------------------------------------------*/
/*	#page-c
/*-----------------------------------------------------------*/ 
/* sidebar padding --> 2 columns */
.p-left .sidebar-inner		{padding-left:20px;}



.p-right .sidebar-inner		{padding-right:20px;}



/* modules in sidebar */
.sidebar-inner .module-wrap 	{margin-bottom:30px;}














 
 
 
/*-----------------------------------------------------------*/
/*	#page-d
/*-----------------------------------------------------------*/ 
#page-d		{padding-top:50px;
			/*background-image:url(../images/bottom-strip-bg.png);
			background-repeat:repeat-x;
			background-position:top;*/
			background-color:#404142;
			color:#cbcbcb;}
 
 


#page-d a			{color:#cbcbcb;}
 
#page-d a:hover,
#page-d a:active,
#page-d a:focus		{color:#fff;} 



 
#page-d h1,
#page-d h2,
#page-d h3,
#page-d h4,
#page-d h5,
#page-d h6	{color:#fff;}




/* bottom 1 and 2 sections */
#bottom-1,
#bottom-2	{margin-bottom:30px;}






/* Footer section */
#footer	{
	padding-bottom:15px;
	padding-top:15px;
	/*background:url(../images/footer-bg.png) repeat-x top;*/
	background:url(../images/transparent-dark-20.png);
	font-size:92%;
}




/* Footer menu */
.footer-menu li	{
	list-style:none;
	display:inline;
	margin:0 0 0 15px;
}


.footer-menu li a {
	color:#dadada;
	text-decoration:none;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0.1s;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-timing-function: linear;
	-webkit-transition-delay: 0.1s;
}






/* Footer content to left */
.footer-links {
	float:right;
	margin-left:10px;
}


.footer-links > ul {
	display:inline-block;
	margin:0;	
}


.footer-links .social-list {
	margin-right:10px;	
}



.footer-content	{
	float:left;
}



.footer-links i {}









/*-----------------------------------------------------------*/
/*	#fixed-bar
/*-----------------------------------------------------------*/	
#fixed-navigation 		{background:#fff;
						border-bottom:solid 1px #dbdbdb;
						-moz-box-shadow:5px 0 5px rgba(0,0,0,0.2);
						-webkit-box-shadow:5px 0 5px rgba(0,0,0,0.2);
						box-shadow:5px 0 5px rgba(0,0,0,0.2);
						color:#8a8a8a;						
						opacity: 1;
						filter:alpha(opacity=100);
						position: fixed;
						width: 100%;
						z-index: 999;
						height:50px;
						top:-100px;
						transition-duration: 0.25s;
						transition-timing-function: linear;
						transition-delay: 0.25s;
						-webkit-transition-duration: 0.25s;
						-webkit-transition-timing-function: linear;
						-webkit-transition-delay: 0.25s;}			


#fixed-navigation.fixed-navigation-hide	{top:-100px;}	
#fixed-navigation.fixed-navigation-show	{top:0;}




/* logo */
#fixed-logo 		{float:left;
					margin-top:5px;}

#fixed-logo img		{max-height:40px!important;					
					width:auto;}
					
					
					
					
					
/* Spinner div */
#spinner {
	width:100%;
	height:100%;
	background:#fff;
	position:fixed;
	z-index:999999;
}
			

.spinner-img {
	position:absolute;
	top:50%;
	left:50%;
}



.spinner-img > img {
	width:100%;
	height:auto;	
}