﻿/**
 * @package   NeXT Joomla! 3.0 Template
 * @version   1.0
 * @author    7Studio Tomasz Herudzinski http://www.7studio.eu
 * @copyright Copyright (C) 2009 - 2012 7Studio Tomasz Herudzinski
 * @license   Commercial - ThemeForest Regular License - http://themeforest.net/licenses/regular_extended
**/

 /* Social icons
-----------------------------------------------------------------------------------*/
p.social-text {
	margin: 6px 12px 0 0;
}
ul.social-icons {
	list-style-type: none;
	margin: 0 20px 0 0;
	padding: 4px 0 0;
}

ul.social-icons li {
	padding: 0;
	margin: 0;
	float: left;
	display: inline-block;
}

ul.social-icons li a {
	background-image: url(../images/social-icons.png);
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 27px;
	height: 27px;
	opacity: 0.4;
	-webkit-transition: opacity 180ms ease-in-out;
       -moz-transition: opacity 180ms ease-in-out;
		-ms-transition: opacity 180ms ease-in-out;
		 -o-transition: opacity 180ms ease-in-out;
			transition: opacity 180ms ease-in-out;
}

ul.social-icons li a:hover {
	opacity: 1;
}

ul.social-icons li.icon_facebook a { background-position: 0 0; }
ul.social-icons li.icon_twitter a { background-position: -27px 0; }
ul.social-icons li.icon_dribbble a { background-position: -54px 0; }
ul.social-icons li.icon_in a { background-position: -81px 0; }
ul.social-icons li.icon_flickr a { background-position: -109px 0; }
ul.social-icons li.icon_youtube a { background-position: -136px 0; }
ul.social-icons li.icon_vimeo a { background-position: -163px 0; }
ul.social-icons li.icon_googleplus a { background-position: -190px 0; }

 /* ModalBox - Login
-----------------------------------------------------------------------------------*/
.login-backdrop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
	opacity: 0;
	filter: alpha(opacity=0);
}

.login-wrapper {
	padding: 20px 40px;
}

.login-modal {
	display: none;
	position: fixed;
	top: 5%;
	left: 50%;
	z-index: 1001;
	width: 460px;
	background:#ffffff;
	margin: 0 0 0 -230px;
	padding: 0;
	opacity: 0;
	border: 0px solid #aaa;
	filter: alpha(opacity=0);
	-webkit-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.1);
			box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.login-modal .close {
	height:38px;
	width:38px;
	padding:0;
	margin:10px;
	display:block;
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: url(../images/interface/rokbox-close.png);
	background-repeat:no-repeat;
	background-position: 100% -38px;
	text-indent: -9999px;
	-webkit-transition: background 180ms ease-in-out;
       -moz-transition: background 180ms ease-in-out;
		-ms-transition: background 180ms ease-in-out;
		 -o-transition: background 180ms ease-in-out;
			transition: background 180ms ease-in-out;
}

.login-modal .close:hover {
	color: #fff;
	text-shadow: 0px 0px 5px #ffffff;
	filter: alpha(opacity=100);
	background-position: 100% 0px;
}

.login-modal .module-title h3 {
	font-size: 18px;
}

.login-modal form {
	margin: 0 0 12px;
}

.login-modal .form-inline {
	padding: 0;
	margin: 0;
	float: none;
}

.login-modal #login-form  input[type="text"],
.login-modal #login-form  input[type="password"] {
	padding: 6px;
}

.login-modal .login-details {
	float: left;
	border-right: 1px solid #e5e5e5;
	max-width: 240px;
}

.login-modal .login-list {
	float: right;
	padding-top: 15px;
}

.login-modal .login-list ul li {
	font-size: 11px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 36px;
}

/* Global modules style + modules suffixes
-----------------------------------------------------------------------------------*/
.module {
	position: relative;
	margin: 6px 0;
}

.module ul {
	list-style-type: none;
}

.module-title {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 12px;
}

.module-title h3 {
	font-size: 14px;
	text-transform: uppercase;
	padding: 3px 0 0;
	color: #222;
	margin-bottom: 3px;
}

.module-title h3 span {
	color: #808080;
}

.module-content {
	padding: 6px 0 18px;
	float: none; 
	overflow: hidden;
}

/* default Joomla menu module */
.module ul li,
.module ul li a{
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
}

.module ul.nav > li {
	line-height: 36px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 1em;
	width: 100%;
}

.module ul.nav > li a:hover,
.module ul.nav > li a:focus {
	background-color: transparent;
}

.module ul.nav > li.active > a {
	color:#333;
	background-color: #fafafa;
}

.module ul.nav ul.nav-child  {
	padding: 12px 0 18px 0;
	margin-left: 12px;
}

.module ul.nav.menu  ul > li a {
	font-size: 0.98em;
}

.module ul.nav ul > li a:hover {
	background-color: none;
}

.module ul.nav.menu ul li.active > a {
	color:#222;
	background-color: none;
}

.module ul.nav > li.active.deeper.parent,
.module ul.nav > li.active.deeper.parent:hover,
.module ul.nav > li.active.deeper.parent:focus {
	background-image: none;
	background-color: transparent;
}

.module ul.nav li > ul.nav-child > li.current.active > a {
	color: #333;
}

/* menu1 menu suffix */
.module ul.nav.menumenu1 > li {
	padding-left: 15px;
	background-image: url(../images/system/arrow.png);
	background-repeat:	no-repeat;
	background-position: 0% 50%;
}

.module ul.nav.menumenu1 > li.active.parent {
	padding-left: 0;
}

.module ul.nav.menumenu1 > li.active.parent > a {
	background-color: #f6f6f6;
	background-image: url(../images/system/arrow-black.png);
	background-repeat:	no-repeat;
	background-position: 0% 50%;
	padding-left: 15px;
}

.module ul.nav.menumenu1 > li:hover,
.module ul.nav.menumenu1 > li:focus {
	background-image: url(../images/system/arrow-black.png);
	background-repeat:	no-repeat;
	background-position: 0% 50%;
	background-color: #f4f4f4;
	color: #222;
}

/* other module suffix */
.module.blank  {
	margin: 0 !important;
	padding: 0 0 15px 0!important;
}

.module.border-thick {
	border: 5px solid #f0f0f0;
	padding: 4px 20px;
}

.module.border-thin {
	border: 1px solid #eaeaea;
	padding: 8px 20px;
}

.module.gray {
	background: #fafafa;
	padding: 8px 20px;
	border: 1px solid #eaeaea;
}

.module.small,
.module.small a {
	font-size: 11px;
	line-height: 1.9em;
}

/* Modules title icons */
.settings-icon .module-title   { background: url("../images/modules/settings-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.refresh-icon .module-title   { background: url("../images/modules/refresh-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.download-icon .module-title  { background: url("../images/modules/download-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.umbrella-icon .module-title  { background: url("../images/modules/umbrella-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.mail-icon .module-title  { background: url("../images/modules/mail-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.globe-icon .module-title { background: url("../images/modules/globe-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.info-icon .module-title  { background: url("../images/modules/info-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.time-icon .module-title { background: url("../images/modules/time-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.date-icon .module-title  { background: url("../images/modules/date-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.users-icon .module-title  { background: url("../images/modules/users-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.twitter-icon .module-title { background: url("../images/modules/twitter-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.comments-icon .module-title  { background: url("../images/modules/comments-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.mobile-icon .module-title { background: url("../images/modules/mobile-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.basket-icon .module-title  { background: url("../images/modules/basket-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.leaf-icon .module-title  { background: url("../images/modules/leaf-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }
.key-icon .module-title { background: url("../images/modules/key-icon.png") no-repeat scroll 0 50% transparent; padding-left:40px; line-height:24px; }

 /* WidgetKit - Slider Style - Homepageslider
-----------------------------------------------------------------------------------*/
/* Caption */
.wk-slideshow .caption {
	float: left;
	display: block;
	padding: 24px 50px 30px 25px;
	right: auto;
	font-size: 14px;
	text-shadow: #333 1px 1px 1px;
	margin-bottom: 36px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.40);
}

.wk-slideshow .caption a {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

.wk-slideshow .caption h1,
.wk-slideshow .caption h2,
.wk-slideshow .caption h1 a,
.wk-slideshow .caption h2 a {
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	padding-bottom: 3px;
}

/* Navigation - bullets */
.next-homepageslider .nav {
	text-align: center;
	position: absolute;
	bottom: 15px;
	right: 25px;
	z-index: 1000;
}

.next-homepageslider .nav li {
	display: inline-block;
	margin-left: 2px;
	float: left;
}

.next-homepageslider .nav li:first-child {
	margin-left: 0;
}

.next-homepageslider .nav span {
	width: 42px;
	height: 15px;
	overflow: hidden;
}

.next-homepageslider .nav span:hover { background-position: 0 -30px; }
.next-homepageslider .nav span:active { background-position: 0 -45px; }
.next-homepageslider .nav .active span { background-position: 0 -15px; }

/* Buttons */
.next-homepageslider .next,
.next-homepageslider .prev {
	top: 50%;
	width: 34px;
	height: 66px;
	margin-top: -40px;
	background: url(../images/interface/slider-buttons.png) 0 50px no-repeat;
	opacity: 0;
	-webkit-transition: all 150ms ease-in-out;
	   -moz-transition: all 150ms ease-in-out;
			transition: all 150ms ease-in-out;
}

.next-homepageslider > div .next {
	right: 0px;
	background-position: 0 0;
}

.next-homepageslider > div .prev {
	left: 0px;
	background-position: 0 -66px;
}

.next-homepageslider > div {
	position:relative;
}

.next-homepageslider > div:hover .next,
.next-homepageslider > div:hover .prev {
	top: 50%;
	width: 34px;
	height: 66px;
	margin-top: -50px;
	opacity: 1;
}

.next-homepageslider > div:hover .next {
	right: 30px;
	background-position: 0 0;
}

.next-homepageslider > div:hover .prev {
	left: 30px;
	background-position: 0 -66px;
}

/* WidgetKit Twitter module
-----------------------------------------------------------------------------------*/
.wk-twitter-list article {
	margin-top: 9px;
	padding-top: 12px;
	border-top: 1px solid #eaeaea;
}

.wk-twitter article p.meta {
	margin-top: 3px;
}

.wk-twitter article p.meta a.statuslink time {
	color: #999;
}

.wk-twitter article p.meta a.statuslink:hover time {
	color:#333;
}

 /* AcyMailing Module
-----------------------------------------------------------------------------------*/
.acymailing_module_form {
	margin-top: 5px;
}

.acymailing_module_form div.acymailing_form p,
.acymailing_module_form span.acymailing_introtext,
.acymailing_module_form div.acymailing_form {
	display: inline;
}

.acymailing_module_form div.acymailing_form p.acysubbuttons input {
	height: 30px!important;
	margin-top: -1px;
	margin-left: -2px;
}

.acymailing_module_form span.acymailing_introtext {
	padding: 6px 24px;
	border-left: 1px solid #e2e2e2;
}

.acymailing_module_form {
	float: right;
	display: block;
	overflow: hidden;
}

/* Seven Banners - FlexSlider Necessary Styles
-----------------------------------------------------------------------------------*/
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider ul.slides {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: auto;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 

html[xmlns] .slides {
	display: block;
} 

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display: block;
}

.flexslider { 
	margin: 0;
	position: relative;
	zoom: 1;
}
.flex-viewport {
	max-height: 1000px;
	-webkit-transition: all 500ms ease-in-out;
	   -moz-transition: all 500ms ease-in-out;
	    -ms-transition: all 500ms ease-in-out;
	     -o-transition: all 500ms ease-in-out;
			transition: all 500ms ease-in-out;
}

.loading .flex-viewport {
	max-height: 200px;
}

.flexslider .slides {
	zoom: 1;
}


/* Direction Nav */
.flex-direction-nav { 
	list-style-type: none;
	padding: 0;
	margin: 0;
	*height: 0;
}

.flex-direction-nav a {
	margin: -11px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0.7;
}
.flex-direction-nav li a {
	-webkit-transition: all 180ms ease-in-out;
       -moz-transition: all 180ms ease-in-out;
		-ms-transition: all 180ms ease-in-out;
		 -o-transition: all 180ms ease-in-out;
			transition: all 180ms ease-in-out;
}

.flexslider:hover 
.flex-next:hover, 
.flexslider:hover 
.flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0.4!important;
	filter:alpha(opacity=40);
	cursor: default;
}

/* List Navigation */
.flex-control-nav { 
	width: 100%; 
	position: absolute;
	bottom: -40px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 1px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	text-indent: -9999px;
}

.flex-control-paging li a {
	width: 20px;
	height: 20px;
	display: block;
	border: 1px solid #d5d5d5;
	cursor: pointer;
	margin-bottom: 10px;
}

.flex-control-paging li a:hover {
	border: 1px solid #aaa;
}

/* Navigation buttons */
.flex-direction-nav a {
	margin: -15px 0 0;
	width: 20px;
	height: 30px;
	background-image: url(../images/interface/banners-arrows.png);
	background-repeat: no-repeat;	
}

.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: 0px;
}

.flex-direction-nav .flex-prev {
	left: 0px;
}

.flexslider:hover .flex-direction-nav .flex-next {
	right: 5px;
}

.flexslider:hover .flex-direction-nav .flex-prev {
	left: 5px;
}

/*NSP GK4 Module
-----------------------------------------------------------------------------------*/
.next-nsp .nspTopInterface {
	position:absolute;
	top:10px;
	right:10px;
}

.next-nsp .nspPagination {
	margin:2px 0px 0px 0px!important;
}

.next-nsp .nspPagination li {
	background: #fff;
	border:1px solid #d0d0d0;
	height:8px;
	width:8px;
	-webkit-border-radius:6px 6px;
	   -moz-border-radius:6px 6px;
			border-radius:6px 6px;
}

ul.nspPagination li {
	-webkit-transition:none;
	   -moz-transition:none;
		-ms-transition:none;
		 -o-transition:none;
			transition:none;
 }
 
.next-nsp a.readon {
	font-weight:bold;
}

.nspArt a.nspImageWrapper img {
	-webkit-transition:all 300ms ease-in-out;
	   -moz-transition:all 300ms ease-in-out;
			transition:all 300ms ease-in-out;
}

.next-nsp .nspArt {
	border-bottom:1px solid #eaeaea;
}

.next-nsp .nspArt img.nspImage {
	border:1px solid #eaeaea;
	padding:3px;
}

.next-nsp .nspArt h4.nspHeader {
	padding:0;
	margin:3px 0;
	font-size:12px;
	text-transform: none;
	line-height: 18px;
}

.next-nsp .nspArt h4.nspHeader a {
	font-family: Helvetica, Arial, FreeSans, sans-serif;
	font-weight:bold;
}

.next-nsp .nspArt p.nspInfo {
	padding:4px 9px;
	margin:0;
	color:#aaa;
	font-size:11px;
}

.next-nsp .nspArt p.nspInfo a {
	color:#999;
}

.next-nsp .nspArt p.nspInfo a:hover {
	color:#222;
}

.next-nsp .nspArt p.nspText {
	line-height:1.7em;
	margin: 0 0 10px;
	font-size: 11px;
}

.next-nsp .nspArt a.readon {
	font-size: 11px;
}

.next-nsp .nspLinks ul li {
	border-bottom:1px solid #eaeaea;
}

.next-nsp .nspLinks ul li p {
	font-size:11px;
	line-height:1.8em;
}

.next-nsp .nspLinks ul li h4 {
	padding:9px 0;
	margin:0;
	font-size:12px;
	font-family:Helvetica, Arial, FreeSans, sans-serif;
}

.next-nsp .nspLinks ul li h4 a:hover {
	color:#222;
}

/* Responsive All Videos Player */
.avPlayerWrapper.avVideo { 	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.avPlayerWrapper.avVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Typography additions
-----------------------------------------------------------------------------------*/
blockquote { 
	font-style:italic; 
	font-size:21px; 
	font-family:"Times New Roman", Georgia, Serif; 
	line-height:30px; 
	background: url(../images/typography/blockquote-icon.png) no-repeat 0 0; 
	padding:32px 32px 12px 32px; 
	color:#222; 
}

/* UNORDERED LISTS
-----------------------------------------------------------------------------------*/
ul.checkmark-list { list-style-type:none; }
ul.checkmark-list li { line-height:30px; background: url(../images/typography/checkmark-list.png) no-repeat 0 50%; padding-left:24px; }
ul.circle-list { list-style-type:none; }
ul.circle-list li { line-height:30px;background: url(../images/typography/circle-list.png) no-repeat 0 50%; padding-left:24px; }
ul.arrow-list { list-style-type:none; }
ul.arrow-list li { line-height:30px; background: url(../images/typography/arrow-list.png) no-repeat 0 50%; padding-left:24px; }

/* PARAPGRAPH ICONS
-----------------------------------------------------------------------------------*/
p.cart-icon { background: url("../images/typography/cart-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.category-icon { background: url("../images/typography/category-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.chart-icon { background: url("../images/typography/chart-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.clipboard-icon { background: url("../images/typography/clipboard-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.clip-icon { background: url("../images/typography/clip-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.clock-icon { background: url("../images/typography/clock-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.cloud-icon { background: url("../images/typography/cloud-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.cog-icon { background: url("../images/typography/cog-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.comment-icon { background: url("../images/typography/comment-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.pdf-icon { background: url("../images/typography/pdf-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.film-icon { background: url("../images/typography/film-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.information-icon { background: url("../images/typography/information-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.marker-icon { background: url("../images/typography/marker-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.megaphone-icon { background: url("../images/typography/megaphone-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.iphone-icon { background: url("../images/typography/iphone-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.price-icon { background: url("../images/typography/price-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.repeat-icon { background: url("../images/typography/repeat-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.search-icon { background: url("../images/typography/search-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.tools-icon { background: url("../images/typography/tools-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }
p.usersgroup-icon { background: url("../images/typography/usersgroup-icon.png") no-repeat scroll 0 0 transparent; padding:12px 0px 12px 50px; }

/* PULL QUOTES
-----------------------------------------------------------------------------------*/
span.pquote-r { float:right; }
span.pquote-l { float:left; }
span.pquote-r,
span.pquote-l { 
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap; 
	width: 50%; 
	padding: 1em; 
	color:#333; 
	margin: 0 0.5em 0.5em 0; 
	font-style:italic; 
	font-size:21px; 
	font-family:"Times New Roman", Georgia, Serif; 
	line-height:30px; 
}

/* DROPCAPS 
-----------------------------------------------------------------------------------*/
p span.dropcaps1,
p span.dropcaps2 { font-family: "Times New Roman", Georgia, serif; font-size:60px; padding:15px 5px 9px 0px; float:left; color:#333; }
p span.dropcaps2 { padding:0px 5px 6px 0px; }

/* SMALL LEGEND
-----------------------------------------------------------------------------------*/
p.small-legend { 
	padding:6px 0;
	border-bottom:1px solid #eaeaea; 
	margin:30px 0; 
	text-align:left; 
	text-transform:uppercase; 
	font-size:14px;
	color:#000;
}

/* BOXES
-----------------------------------------------------------------------------------*/
p.border-gray { border:2px solid #eee; padding:15px; }
p.border-blue { padding:15px; }

