/*

	Theme Name: Roki
	Theme URI: http://antonibotev.com/
	Description: Roki
	Author: Antoni Sinote Botev
	Author URI: http://antonibotev.com
	
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: white, gray, fixed-width, threaded-comments, translation-ready, custom-menu
	
	Roki v1.1.1 - Codgin - build 01/09/2015
	
	Designed by Antoni Sinote Botev 
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

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

/*
 * roki style
 */

/* BEGIN content width control */
 
.container-fluid {
	max-width:940px;
	margin:0 auto;
}

/* BEGIN content width control */
 
body {
	background-image: url(images/roki/noise-bg-1.png);
	background-color:#eee;
	
	background-position:top left, center;
	background-repeat:repeat, no-repeat;
	background-attachment:fixed;
}

body,
body .tagcloud a {
	font-family: 'Source Sans Pro', sans-serif;
}

body .tagcloud a {
	font-size:14px !important;
}

body .main-content {
	/*font-size:16px;
	line-height:25px;*/
}

.roki-wrap {
    max-width:1020px;
	max-width:100%;
	
	background-image: url(images/roki/noise-bg-1.png);
	background-repeat:repeat;
	background-position:left top;
	background-color:#f6f6f6;
    margin:0 auto;
	
	-webkit-box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.09)/*, 0 0 60px 0 rgba(0, 0, 0, 0.3)*/, 0px 0px 1px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.09)/*, 0 0 60px 0 rgba(0, 0, 0, 0.3)*/, 0px 0px 1px 0px rgba(0, 0, 0, 0.6);
	box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.09)/*, 0 0 60px 0 rgba(0, 0, 0, 0.3)*/, 0px 0px 1px 0px rgba(0, 0, 0, 0.6); /* css3 - done */
    position: relative;
    z-index: 10;
	
	-webkit-backface-visibility: hidden;
}

.roki-wrap .content-wrap .row-fluid .main-content>.row-fluid {
	margin-top:60px;  /*builder elements space - themeforest edit */
	
	/*margin-top:60px;  builder elements space */
}

.row-fluid.no-margin,
.roki-wrap .content-wrap .row-fluid .main-content>.row-fluid.no-margin {
    margin-top: 0;
}

.wp-caption{
	text-align:center;
}

.wp-caption-text {
	margin:8px 0 6px 0;
	text-align:center;
}
	
.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

#wpadminbar *{
	color:#ccc !important;
}

#wpadminbar .hover a,
#wpadminbar .hover a span {
	color:#464646 !important;
}

.alignleft {
	float: left;
	margin: 0 20px 18px 0;
}

.alignright {
	float: right;
	margin: 0 0 18px 20px;
}

.alignleft,
.alignright,
.aligncenter,
img.alignnone {
	display: inline-block;
	background-color:#fff;
	padding:6px;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-o-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-ms-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}
.alignleft.no-border,
.alignright.no-border,
.aligncenter.no-border {
	background-color:inherit;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;
	box-shadow:none;
}

.aligncenter {
	clear: both;
	display: block;
	margin:18px auto;
}

a {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	text-decoration:none;
	-webkit-transition:color 0.2s linear, opacity 0.2s linear;
	-moz-transition:color 0.2s linear, opacity 0.2s linear;
	-o-transition:color 0.2s linear, opacity 0.2s linear;
	transition:color 0.2s linear, opacity 0.2s linear; /* css3 - done */
	-webkit-backface-visibility: hidden;
	outline:0 !important;
}

a,
:visited {
    outline: 0;
    outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover,
a:active,
a:focus{
    outline: 0;
    outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover	{
	text-decoration:none;
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

div.fancy-text-bar a,
div.wrap-color-element a {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
}

div.fancy-text-bar a:hover,
div.wrap-color-element a:hover	{
	opacity:0.6;
}

.gumm-layout-element.rich-content-layout-element p:last-child {
	margin-bottom:0;
}

/* BEGIN image wrap */

.image-wrap {
	position:relative;
}

.image-wrap .image-roki-container {
	padding:6px;
	position:relative;
	z-index:10;
	background-color:#fff;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.image-roki-container > div {
	position:relative;
}

.image-wrap .image-roki-container { /* themeforest */
	padding:4px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
}

.tabbable .image-wrap .image-roki-container {
	padding:0;
}

.image-wrap ul.roki-thumb-links {
	position:absolute;
	margin:0;
	margin-top:-22px;
	padding:0;
	left:0;
	right:0;
	height:0px;
	
	top:40%;
	
	text-align:center;
	list-style-type:none;
	opacity:0;
	z-index:20;
}

.image-wrap:hover ul.roki-thumb-links {	
	top:50%;
	opacity:1;
  	-webkit-transition:opacity 0.6s linear, top 0.2s linear;
	-moz-transition:opacity 0.6s linear, top 0.2s linear;
	-o-transition:opacity 0.6s linear, top 0.2s linear;
	transition:opacity 0.6s linear, top 0.2s linear; /* css3 - done */
}

.gallery-wrap .image-wrap ul.roki-thumb-links {	
	top:33%;
}

.gallery-wrap .image-wrap:hover ul.roki-thumb-links {	
	top:40%;
}

.image-wrap  ul.roki-thumb-links li {
	text-align:center;
	padding:0;
	display:inline-block;
	margin:0 8px;
}

.image-wrap:hover ul.roki-thumb-links li a {
	display:block;
	height:45px;
	width:45px;
	background-color:rgba(0, 0, 0, 0.6); /* bluebox option 4 */
	font-size:24px; /* ne se bara */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	line-height:45px;
	
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear; /* css3 - done */
	opacity:1;
	
	-webkit-box-shadow:inset 0px 0px 0px 4px rgba(0, 0, 0, 0.09), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 0px 0px 0px 4px rgba(0, 0, 0, 0.09), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:inset 0px 0px 0px 4px rgba(0, 0, 0, 0.09), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */ /* themeforest edit */
}

.image-wrap:hover ul.roki-thumb-links li a:hover {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.image-wrap a img {
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
	-webkit-backface-visibility: hidden; /* css3 */
	display:block;
	border-radius:3px;
}

.image-wrap a { /* themeforest */
	display:block;
}

.image-wrap:hover a img
/*.image-wrap a:hover img,*/,
body.single-gallery .image-wrap:hover a img,
body.single-portfolio .roki-portfolio-thumbs .image-wrap:hover a img {
	opacity:0.1;
}

.text-box .image-wrap:hover a img{
	opacity:0.6;
}

.slide-element .image-wrap:hover a img,
.slide-element .image-wrap a.slide-item:hover img,
body.single-post .image-wrap:hover a img,
body.single-gallery .image-wrap:hover a img,
body.single-portfolio .image-wrap:hover a img {
	opacity:1;
}

.image-wrap .sheet {
	background-color:#fff;
	-webkit-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	position:absolute;
	z-index:5;
	top:6px;
	left:3px;
	right:3px;
	bottom:-3px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */ /* themeforest */
}

.image-wrap .sheet.sheet2 {
	z-index:3;
	top:6px;
	left:6px;
	right:6px;
	bottom:-6px;
}

.image-wrap img {
	width:100%;
	z-index:10;
	position:relative;
}

/* END image wrap */
 
/* BEGIN info bar */

.info-bar {
	min-height:20px;
	line-height:20px;
	padding:12px 0 3px 0;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/

	background: url(images/roki/noise-bg-1.png), -moz-linear-gradient(left,  rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%), -moz-linear-gradient(right,  rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%), -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.06) 2%, rgba(0,0,0,0) 74%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	
	background: url(images/roki/noise-bg-1.png), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.26)), color-stop(1%,rgba(0,0,0,0.26)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))), -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.26)), color-stop(1%,rgba(0,0,0,0.26)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.06)), color-stop(2%,rgba(0,0,0,0.06)), color-stop(74%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	
	background: url(images/roki/noise-bg-1.png), -webkit-linear-gradient(left,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 2%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	
	background: url(images/roki/noise-bg-1.png), -o-linear-gradient(left,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -o-linear-gradient(right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -o-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 2%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	
	background: url(images/roki/noise-bg-1.png), -ms-linear-gradient(left,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -ms-linear-gradient(right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 2%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 100%); /* IE10+ */
	
	background: url(images/roki/noise-bg-1.png), linear-gradient(to right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), linear-gradient(to left,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 2%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 100%); /* W3C */
	
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	
	-webkit-box-shadow:inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -3px 3px 0px rgba(0, 0, 0, 0.06), inset 0px -6px 12px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -3px 3px 0px rgba(0, 0, 0, 0.06), inset 0px -6px 12px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -3px 3px 0px rgba(0, 0, 0, 0.06), inset 0px -6px 12px 0px rgba(0, 0, 0, 0.06); /* css3 - done */ /* themeforest edit */
}

/* END info bar */

/* BEGIN prime nav */

div.prime-nav {
	min-height:128px;
	border-top:1px solid rgba(255, 255, 255, 0.3);
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	background: url(images/roki/noise-bg-1.png);
	background-color:#fff;
	
	position:relative;
	z-index:1011;
	/*-webkit-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px 6px 0px 0px rgba(0, 0, 0, 0.03), 0px -6px 0px 0px rgba(0, 0, 0, 0.03), 0px 0px 6px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px 6px 0px 0px rgba(0, 0, 0, 0.03), 0px -6px 0px 0px rgba(0, 0, 0, 0.03), 0px 0px 6px 0px rgba(0, 0, 0, 0.26);
	box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px 6px 0px 0px rgba(0, 0, 0, 0.03), 0px -6px 0px 0px rgba(0, 0, 0, 0.03), 0px 0px 6px 0px rgba(0, 0, 0, 0.26);  css3 - done */
	
	-webkit-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.12), 0px 3px 3px 0px rgba(0, 0, 0, 0.06), 0px 6px 12px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.12), 0px 3px 3px 0px rgba(0, 0, 0, 0.06), 0px 6px 12px 0px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.12), 0px 3px 3px 0px rgba(0, 0, 0, 0.06), 0px 6px 12px 0px rgba(0, 0, 0, 0.06); /* css3 - done */ /* themeforest edit */
	
}

div.prime-nav a.logo {
	float:left;
	margin:43px 0 0 0;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
}

div.prime-nav a.logo:hover {
	opacity:0.5;
}

div.prime-nav ul.prime-nav-list {
	list-style-type:none;
	float:right;
	margin-top:30px;
}

a.mobile-nav-button {
	display:none;
}

div.prime-nav ul.prime-nav-list > li {
	float:left;
	/*text-transform:uppercase;*/
	margin-left:40px;
	position:relative;
}

div.prime-nav ul.prime-nav-list > li > a	{
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
	text-decoration:none;
	padding-top:20px;
	float:left;
	border-top:4px solid rgba(0, 0, 0, 0.03);
	-webkit-transition:color 0.2s linear, border-top 0.2s linear;
	-moz-transition:color 0.2s linear, border-top 0.2s linear;
	-o-transition:color 0.2s linear, border-top 0.2s linear;
	transition:color 0.2s linear, border-top 0.2s linear; /* css3 - done */
	
}

/*div.prime-nav ul.prime-nav-list > li > a:hover,*/
div.prime-nav ul.prime-nav-list > li.hovered > a {
	text-decoration:none;
	border-top:4px solid rgba(34, 169, 247, 1); /* bluebox option 1 */
	color:rgba(0, 0, 0, 0.3); /* bluebox option 4 */
}

.dropdown-menu {
	z-index:1011;
	
	-webkit-border-radius:4px;
   	-moz-border-radius:4px;
    border-radius:4px; /* css3 - done */
	padding:0 0 4px 0;
	border:none;
	left:-15px;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.dropdown-submenu > .dropdown-menu {
	-webkit-border-radius:0 4px 4px 4px;
	-moz-border-radius:0 4px 4px 4px;
	border-radius:0 4px 4px 4px; /* css3 - done */
	margin:-4px 0 0 -2px;
}

div.prime-nav ul.prime-nav-list > li > .dropdown-menu {
	margin-top:20px;
}

.dropdown-menu li {
	-webkit-border-radius:2px;
   	-moz-border-radius:2px;
    border-radius:2px; /* css3 - done */
	position:relative;
}

.dropdown-menu li a {
	padding: 10px 20px 11px 15px;
	z-index:230;
	
	-webkit-border-radius:2px;
   	-moz-border-radius:2px;
    border-radius:2px; /* css3 - done */
	position:relative;
	margin:4px 4px 0px 4px;
	background-image:none;
	transition: background-color 0.1s linear, color 0.1s linear, background-image 0.1s linear;
	-moz-transition: background-color 0.1s linear, color 0.1s linear, background-image 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear, background-image 0.1s linear;
	-ms-transition: background-color 0.1s linear, color 0.1s linear, background-image 0.1s linear;
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, background-image 0.1s linear; /* css3 - done */
}

.dropdown-menu li a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu li.current-menu-item > a {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	color:rgba(255, 255, 255, 0.9); /* bluebox option 2 */
	
	background-image:url(images/roki/noise-bg-1.png),  linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
	background-image:url(images/roki/noise-bg-1.png),  -o-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
	background-image:url(images/roki/noise-bg-1.png),  -moz-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
	background-image:url(images/roki/noise-bg-1.png),  -webkit-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
	background-image:url(images/roki/noise-bg-1.png),  -ms-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);

	background-repeat: repeat, repeat-x;
	-webkit-box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 rgba(0, 0, 0, 0.06), inset 0 2px 0 0 rgba(255, 255, 255, 0.12);
	-moz-box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 rgba(0, 0, 0, 0.06), inset 0 2px 0 0 rgba(255, 255, 255, 0.12);
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 rgba(0, 0, 0, 0.06), inset 0 2px 0 0 rgba(255, 255, 255, 0.12); /* css3 - done */
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.09); /* css3 */
}

.dropdown-submenu > a:after {
	margin-right:-10px;
	border-left-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-transition:border-left-color 0.2s linear;
	-moz-transition:border-left-color 0.2s linear;
	-o-transition:border-left-color 0.2s linear;
	transition:border-left-color 0.2s linear; /* css3 - done */
	border-width:3px 0 3px 3px;
	margin-top:8px;
}

.dropdown-submenu:hover>a:after,
.dropdown-menu li.current-menu-item>a:after,
.dropdown-menu li.current-menu-item>a:hover:after {
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

/*.menu-item .sub-menu {
	right:-100%;
	left:100%;
	top:0;
	position:absolute;
}*/

div.prime-nav ul.prime-nav-list > li > .dropdown-menu::after {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ffffff;
	position: absolute;
	z-index:229;
	
	width: 0px;
	height: 0px;
	top: -6px;
	left: 18px;
}

div.prime-nav ul.prime-nav-list > li > .dropdown-menu::before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgba(0, 0, 0, 0.09);
	border-bottom-color: rgba(0, 0, 0, 0.09);
	position: absolute;
	z-index:228;
	
	width:0px;
	height:0px;
	top: -8px;
	left: 18px;
}

/* BEGIN bubble dark */

.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu,
.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu > li .dropdown-menu {
	background-color: rgba(74, 74, 74, 1);
}

.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu{
	margin-top: 10px;
	left: 0;
}

div.prime-nav.nav-standard.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu {
	margin-top: 20px;
	left: -15px;
}

div.prime-nav.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu:after {
	border-bottom: 7px solid rgba(74, 74, 74, 1);
}

/* END bubble dark */

div.drop-block-light ul.prime-nav-list > li.sub-menu-parent.hovered > a:after {
	content: '';
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(34, 169, 247, 1);
	position: absolute;
	z-index:229;
	
	width: 0px;
	height: 0px;
	left: 50%;
	margin-left:-2px;
	bottom:0px;
}

div.drop-block-light ul.prime-nav-list > li > .dropdown-menu {
	margin-top:0px;
	left: 0;
	padding-bottom:0;
	-webkit-border-radius:0;
   	-moz-border-radius:0;
    border-radius:0; /* css3 - done */
	
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	border-top:4px solid rgba(34, 169, 247, 1); /* bluebox option 1 */
}

div.nav-standard.drop-block-light ul.prime-nav-list > li > .dropdown-menu,
div.nav-standard.drop-block-dark ul.prime-nav-list > li > .dropdown-menu {
	margin-top:51px;
}

div.nav-standard.drop-block-light ul.prime-nav-list > li.sub-menu-parent.hovered > a:after,
div.nav-standard.drop-block-dark ul.prime-nav-list > li.sub-menu-parent.hovered > a:after {
	content: '';
	bottom:-51px;
}

div.drop-block-light ul.prime-nav-list > li > .dropdown-menu::after,
div.drop-block-light ul.prime-nav-list > li > .dropdown-menu::before {
	display:none;
}

div.drop-block-light .dropdown-menu li a {
	margin:0;
	-webkit-border-radius:0;
   	-moz-border-radius:0;
    border-radius:0; /* css3 - done */
}

div.drop-block-light .dropdown-submenu > .dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	padding:0;
	margin-bottom:0;
}

/* END drop block light */

/* BEGIN drop block dark */

.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu {
	margin-top: 10px;
	left: 0;
	background-color: rgba(74, 74, 74, 1);
}

div.prime-nav.nav-standard.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu {
	margin-top: 20px;
	left: -15px;
}

div.prime-nav.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu:after {
	border-bottom: 7px solid rgba(74, 74, 74, 1);
}

.drop-bubble-dark .dropdown-menu li a {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

/* END bubble dark */

div.drop-block-dark ul.prime-nav-list > li.sub-menu-parent.hovered > a:after {
	content: '';
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(34, 169, 247, 1);
	position: absolute;
	z-index:229;
	
	width: 0px;
	height: 0px;
	left: 50%;
	margin-left:-2px;
	bottom:0px;
}

div.drop-block-light ul.prime-nav-list > li > .dropdown-menu,
div.drop-block-dark ul.prime-nav-list > li > .dropdown-menu {
	margin-top:0px;
	left: 0;
	padding-bottom:0;
	-webkit-border-radius:0;
   	-moz-border-radius:0;
    border-radius:0; /* css3 - done */
	
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	border-top:4px solid rgba(34, 169, 247, 1); /* bluebox option 1 */
}

div.drop-block-dark ul.prime-nav-list > li > .dropdown-menu::after,
div.drop-block-dark ul.prime-nav-list > li > .dropdown-menu::before {
	display:none;
}

div.drop-block-dark .dropdown-menu li a {
	margin:0;
	-webkit-border-radius:0;
   	-moz-border-radius:0;
    border-radius:0; /* css3 - done */
}

div.drop-block-light .dropdown-submenu > .dropdown-menu,
div.drop-block-dark .dropdown-submenu > .dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	padding:0;
	margin-bottom:0;
}

div.prime-nav.drop-block-dark ul.prime-nav-list > li > .dropdown-menu,
div.prime-nav.drop-block-dark ul.prime-nav-list > li > .dropdown-menu > li .dropdown-menu {
	background-color: rgba(74, 74, 74, 1);
}

div.prime-nav.drop-block-dark .dropdown-menu li a,
div.prime-nav.drop-block-dark .dropdown-menu li > .dropdown-menu a {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

/* END drop block dark */

/* BEGIN prime nav block */

div.prime-nav.nav-block {
	min-height:108px;
}

div.prime-nav.nav-block > div.container-fluid > div.row-fluid {
	position:relative;
}

div.prime-nav.nav-block a.logo {
	margin: 33px 0 0 0;
}

div.prime-nav.nav-block ul.prime-nav-list {
	position:absolute;
	top:-1px;
	right:0;
	margin:0;
	bottom:-40px;
}

div.prime-nav.nav-block ul.prime-nav-list > li {
	margin:0;
	position:relative;
	height:100%;
}

div.prime-nav.nav-block ul.prime-nav-list > li > a {
	display:block;
	padding:0 25px;
	line-height:104px;
	min-height:106px;
	-webkit-box-shadow:-1px 0px 0px 0px rgba(0, 0, 0, 0.042);
	-moz-box-shadow:-1px 0px 0px 0px rgba(0, 0, 0, 0.042);
	box-shadow:-1px 0px 0px 0px rgba(0, 0, 0, 0.042); /* css3 - done */
	-webkit-transition:color 0.2s linear, border-top 0.2s linear, background-color 0.2s linear;
	-moz-transition:color 0.2s linear, border-top 0.2s linear, background-color 0.2s linear;
	-o-transition:color 0.2s linear, border-top 0.2s linear, background-color 0.2s linear;
	transition:color 0.2s linear, border-top 0.2s linear, background-color 0.2s linear; /* css3 - done */
}

div.prime-nav.nav-block ul.prime-nav-list > li:last-child > a {
	-webkit-box-shadow:-1px 0px 0px 0px rgba(0, 0, 0, 0.042), 1px 0px 0px 0px rgba(0, 0, 0, 0.042);
	-moz-box-shadow:-1px 0px 0px 0px rgba(0, 0, 0, 0.042), 1px 0px 0px 0px rgba(0, 0, 0, 0.042);
	box-shadow:-1px 0px 0px 0px rgba(0, 0, 0, 0.042), 1px 0px 0px 0px rgba(0, 0, 0, 0.042); /* css3 - done */
}

div.prime-nav.nav-block ul.prime-nav-list > li > a:hover,
div.prime-nav.nav-block ul.prime-nav-list > li.current-menu-item > a {
	background-color:rgba(0, 0, 0, 0.03);
}

div.prime-nav.nav-block.drop-bubble-light ul.prime-nav-list > li > .dropdown-menu,
div.prime-nav.nav-block.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu {
	margin-top: 20px;
	left: 0;
}

div.prime-nav.nav-block.drop-block-dark ul.prime-nav-list > li > .dropdown-menu,
div.prime-nav.nav-block.drop-block-dark ul.prime-nav-list > li > .dropdown-menu > li > .dropdown-menu {
	background-color: rgba(74, 74, 74, 1);
}

.dropdown-menu.nav-block.drop-block-dark li a,
.dropdown-menu.nav-block.drop-block-dark li > .dropdown-menu a {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

/* END prime nav block */

/* BEGIN prime nav button */

div.prime-nav.nav-button {
	min-height:108px;
}

div.prime-nav.nav-button a.logo {
	margin: 33px 0 0 0;
}

div.prime-nav.nav-button ul.prime-nav-list {
	margin-top:38px;
}

div.prime-nav.nav-button ul.prime-nav-list > li > a {
	border:none !important;
	display:inline-block;
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	padding: 6px 10px;
	background-color:rgba(0, 0, 0, 0.03);
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear; /* css3 - done */
}

div.prime-nav.nav-button ul.prime-nav-list > li > a:hover,
div.prime-nav.nav-button ul.prime-nav-list > li.current-menu-parent > a {
	background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16); /* css3 done */
}

div.prime-nav.nav-button ul.prime-nav-list > li {
	margin-left:20px;
}

div.prime-nav.nav-button.drop-bubble-light ul.prime-nav-list > li > .dropdown-menu,
div.prime-nav.nav-button.drop-bubble-dark ul.prime-nav-list > li > .dropdown-menu {
	margin-top: 20px;
	left: 0;
}

div.prime-nav.nav-button.drop-block-light ul.prime-nav-list > li > .dropdown-menu,
div.prime-nav.nav-button.drop-block-dark ul.prime-nav-list > li > .dropdown-menu {
	margin-top: 35px;
	left: 0;
}

div.prime-nav.nav-button.drop-block-light ul.prime-nav-list > li.sub-menu-parent.hovered > a:after,
div.prime-nav.nav-button.drop-block-dark ul.prime-nav-list > li.sub-menu-parent.hovered > a:after {
	content: '';
	bottom:-35px;
}

/* END prime nav button */

/* END prime nav */

/* BEGIN slider */

div.slide-wrap {
	position:relative;
	
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.06) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%), -moz-linear-gradient(right,  rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.06) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.06)), color-stop(1%,rgba(0,0,0,0.06)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))), -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.06)), color-stop(1%,rgba(0,0,0,0.06)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(right,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(left,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -o-linear-gradient(right,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -ms-linear-gradient(right,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* IE10+ */
	
	background: linear-gradient(to right,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), linear-gradient(to left,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* W3C */
	
	
}

.revolution-slider-layout-element {
	position:relative;
}

/*.revolution-slider-layout-element div.bottom-rokislide-detail {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:6px;
	background-color:rgba(0, 0, 0, 0.06); /* css3 */
	z-index:210;
	/*box-shadow:inset 0px -1px 0px 0px rgba(255, 255, 255, 0.16);*/ /* css3
}*/

.revolution-slider-layout-element .fullwidthbanner-container div.bottom-rokislide-detail { /* themeforest edit */
	height:20px;
	margin-bottom:-20px;
	-webkit-box-shadow:0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px -3px 3px 0px rgba(0, 0, 0, 0.06), 0px -6px 12px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px -3px 3px 0px rgba(0, 0, 0, 0.06), 0px -6px 12px 0px rgba(0, 0, 0, 0.06);
	box-shadow:0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px -3px 3px 0px rgba(0, 0, 0, 0.06), 0px -6px 12px 0px rgba(0, 0, 0, 0.06); /* css3 - done */
	background-color:transparent;
}

.header-element .rev_slider_wrapper:after {
	content: " ";
	height:20px;
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:-20px;
	z-index:200;
	-webkit-box-shadow:0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px -3px 3px 0px rgba(0, 0, 0, 0.06), 0px -6px 12px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px -3px 3px 0px rgba(0, 0, 0, 0.06), 0px -6px 12px 0px rgba(0, 0, 0, 0.06);
	box-shadow:0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px -3px 3px 0px rgba(0, 0, 0, 0.06), 0px -6px 12px 0px rgba(0, 0, 0, 0.06); /* css3 - done */ /* themeforest edit */
	background-color:transparent;
}

.revolution-slider-layout-element .fullwidthbanner-container {
    overflow: visible;
}

.slide-pagination {
	position:absolute;
	z-index:21;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	height:16px;
	text-align:center;
	list-style-type:none;
}

div.slide-wrap .slide-pagination {
	height:54px;
	-webkit-box-shadow:inset 0px -1px 0px 0px rgba(255, 255, 255, 0.16), inset 0px -6px 0px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 0px -1px 0px 0px rgba(255, 255, 255, 0.16), inset 0px -6px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset 0px -1px 0px 0px rgba(255, 255, 255, 0.16), inset 0px -6px 0px 0px rgba(0, 0, 0, 0.06); /* css3 */
}

.slide-pagination li {
	text-align:center;
	display:inline-block;
}

.progress.roki-color-link {
	position:relative;
}

.roki-color-link,
.progress.roki-color-link:hover {
	display:block;
	cursor:pointer;
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear; /* css3 - done */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);/* css3 */
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	text-align:center;
	
	font-size:3em; /* ne se bara */
}

.roki-color-link:hover {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
   -moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
        box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.roki-color-link.inverse {
	display:block;
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.roki-color-link.inverse:hover {
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);/* css3 */
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.slide-pagination li .roki-color-link {
	height:16px;
	width:16px;
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
	margin:0 8px;
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
}

div.slide-wrap .slide-pagination li .roki-color-link {
	margin:8px;
}

.slide-pagination li.current .roki-color-link {
	background-color:rgba(34, 169, 247, 1);
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
   -moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.slide-pagination li.current .roki-color-link {
	background-color:rgba(34, 169, 247, 1);
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
   -moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
}

/* BEGIN revolution slider labels */

.roki-rev-slide-main-heading {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:44px;
  font-weight:900;
  color:rgba(34, 169, 247, 1); /* bluebox option 1 */
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.roki-rev-slide-secondary {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:20px;
  font-weight:300;
  color:rgba(0, 0, 0, 1);  /* bluebox option 4 */
}

.roki-rev-slide-paragraph {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:14px;
  color:rgba(0, 0, 0, 0.5); /* bluebox option 4 */
  line-height:24px;
  width:35%;
  width:320px;
  display:block;
  white-space: normal !important;
}

/* very large */

.roki-rev-slide-vl-opt1-opt2 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#22a9f7; /* bluebox option 1 */
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-vl-opt1-opt4 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#22a9f7; /* bluebox option 1 */
	color:#000; /* bluebox option 4 */
}

.roki-rev-slide-vl-opt2-opt1 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#fff; /* bluebox option 2 */
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-vl-opt2-opt4 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#fff; /* bluebox option 2 */
	color:#000; /* bluebox option 4 */
}

.roki-rev-slide-vl-opt4-opt1 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#000; /* bluebox option 4 */
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-vl-opt4-opt2 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#000; /* bluebox option 4 */
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-vl-no-opt1 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-vl-no-opt2 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-vl-no-opt4 {
	font-size: 36px;
	line-height: 36px;
	font-weight:700;
	display:inline-block;
	padding: 8px 13px 9px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#000; /* bluebox option 4 */
}

/* large */

.roki-rev-slide-l-opt1-opt2 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#22a9f7; /* bluebox option 1 */
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-l-opt1-opt4 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#22a9f7; /* bluebox option 1 */
	color:#000; /* bluebox option 4 */
}

.roki-rev-slide-l-opt2-opt1 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#fff; /* bluebox option 2 */
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-l-opt2-opt4 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#fff; /* bluebox option 2 */
	color:#000; /* bluebox option 4 */
}

.roki-rev-slide-l-opt4-opt1 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#000; /* bluebox option 4 */
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-l-opt4-opt2 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#000; /* bluebox option 4 */
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-l-no-opt1 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-l-no-opt2 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-l-no-opt4 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	padding:9px 13px 10px 13px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#000; /* bluebox option 4 */
}

/* normal */

.roki-rev-slide-n-opt1-opt2 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#22a9f7; /* bluebox option 1 */
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-n-opt1-opt4 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#22a9f7; /* bluebox option 1 */
	color:#000; /* bluebox option 4 */
}

.roki-rev-slide-n-opt2-opt1 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#fff; /* bluebox option 2 */
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-n-opt2-opt4 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#fff; /* bluebox option 2 */
	color:#000; /* bluebox option 4 */
}

.roki-rev-slide-n-opt4-opt1 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#000; /* bluebox option 4 */
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-n-opt4-opt2 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color:#000; /* bluebox option 4 */
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-n-no-opt1 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#22a9f7; /* bluebox option 1 */
}

.roki-rev-slide-n-no-opt2 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#fff; /* bluebox option 2 */
}

.roki-rev-slide-n-no-opt4 {
	font-size:20px;
	line-height:20px;
	font-weight:300;
	display:inline-block;
	padding:8px 16px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
	
	background-color: transparent;
	color:#000; /* bluebox option 4 */
}

/* extra text */

.roki-rev-slide-extra-text {
	font-size:16px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	width:380px;
	font-family: 'Source Sans Pro', sans-serif;
	white-space: normal !important;
}

.roki-rev-slide-extra-text-bullets {
	font-size:16px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	width:380px;
	font-family: 'Source Sans Pro', sans-serif;
	white-space: normal !important;
	padding-left:30px;
	position:relative;
}

.roki-rev-slide-extra-text-bullets:after {
	content:" ";
	position:absolute;
	left:0;
	height:20px;
	width:20px;
	display:block;
	top:-2px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%; /* css3 - done */
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}	

/* END revolution slider labels */

/* END slider */

/* BEGIN fancy text */

div.fancy-text-bar,
div.wrap-color-element {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	text-align:center;
	
	background: url(images/roki/noise-bg-1.png), -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px.png), -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 100%), -moz-linear-gradient(left,  rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.16) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%), -moz-linear-gradient(right,  rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.16) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	
	background: url(images/roki/noise-bg-1.png), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.22)), color-stop(100%,rgba(255,255,255,0))), url(images/roki/grid-tile-5px-5px.png), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.06)), color-stop(100%,rgba(255,255,255,0))), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.16)), color-stop(1%,rgba(0,0,0,0.16)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))), -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.16)), color-stop(1%,rgba(0,0,0,0.16)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	
	background: url(images/roki/noise-bg-1.png), -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px.png), -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%), -webkit-linear-gradient(left,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(right,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	
	background: url(images/roki/noise-bg-1.png), -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px.png), -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%), -o-linear-gradient(left,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -o-linear-gradient(right,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	
	background: url(images/roki/noise-bg-1.png), -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px.png), -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%), -ms-linear-gradient(left,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -ms-linear-gradient(right,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* IE10+ */
	
	background: url(images/roki/noise-bg-1.png), linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px.png), radial-gradient(ellipse at center, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%), linear-gradient(to right,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), linear-gradient(to left,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* W3C */
	
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(255, 255, 255, 0.16), 0px 6px 0px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(255, 255, 255, 0.16), 0px 6px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), 0px 1px 0px 0px rgba(255, 255, 255, 0.16), 0px 6px 0px 0px rgba(0, 0, 0, 0.06); /* css3 - done */
	
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	
	background-color:rgba(80, 123, 6, 1); /* bluebox option 3 */
}

div.fancy-text-bar.align-left {
	text-align:left;
}

div.fancy-text-bar.align-left .fancy-container {
	padding-right:20%;
	position:relative;
}

.fancy-container {
	position:relative;
}

div.fancy-text-bar .color-container,
div.wrap-color-element .color-container {
	padding:40px 0 40px 0;
	background-image: url(images/roki/top-gradient-dark-6px.png), url(images/roki/top-gradient-dark-13px.png), url(images/roki/bottom-gradient-dark-6px.png), url(images/roki/bottom-gradient-dark-13px.png);
	background-repeat:repeat-x, repeat-x, repeat-x, repeat-x;
	background-position:left top, left top, left bottom, left bottom;
}

div.fancy-text-bar div.heading-container {
	position:relative;
	display:inline-block;
	margin:0 auto;
}

.home div.fancy-text-bar div.heading-container {
	padding-bottom:20px;
}

.home div.fancy-text-bar .color-container {
	padding:40px 0 50px 0;
}

span.roki-hr-detail {
	position:absolute;
	display:block;
	height:4px;
	background-color:rgba(0, 0, 0, 0.06);
	bottom:0;
	left:0;
	right:0;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear; /* css3 - done */
	
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.09), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.09), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.09), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09); /* css3 - done */
}

span.roki-hr-detail.pale-hr-detail {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
	background-color:rgba(0, 0, 0, 0.03);
}

div.fancy-text-bar span.roki-hr-detail {
	right:120px;
	left:120px;
}

div.fancy-text-bar.align-left span.roki-hr-detail {
	right:120px;
	left:0px;
}

div.fancy-text-bar h1.first-line {
	font-weight:bold;
	display:inline-block;
	position:relative;
	margin:0;
	padding-bottom:20px;
	text-align:center;
	/*text-transform:uppercase;*/
	font-size:24px;
	
	/*font-size:36px;*/
	
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3); /* css3 */
	
	/*font-family: 'Satisfy', cursive;
	text-transform:none;
	font-weight:normal;
	font-size:36px;
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);*/
}

div.fancy-text-bar.page-heading-wrap h1.first-line {
	padding-bottom:0;
}

div.fancy-text-bar p.extra-info {
	margin-bottom:0;
	padding-top:20px;
	font-size:18px;
	display:inline-block;
	width:100%;
	
	opacity:0.5;
	font-weight:300;
}

div.fancy-text-bar.align-left .awesome-button {
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	width:20%;
	
	margin-top:20px;
}

/* BEGIN page heading wrap */

div.fancy-text-bar.page-heading-wrap h1.first-line,
div.fancy-text-bar.page-heading-wrap {
	text-align:left;
	display:block;
	margin:0;
}

div.fancy-text-bar.page-heading-wrap h1.first-line > span {
	font-weight:300;
	/*font-style:italic;*/
	opacity:0.5;
	text-shadow: none; /* css3 */
	text-transform:none;
	font-size:18px;
	margin-left:30px;
	display:inline-block;
	/*position:absolute;
	right:0;
	top:50%;
	margin-top:-20px;*/
}

div.heading-social-links {
	/*position:absolute;
	top:6px;
	right:0;*/
	float:right;
}

.heading-search-form {
	float:right;
	margin-left:60px;
}

.gumm-autocomple-search-results .group-label {
	padding-right:15px;
}

div.heading-social-links {
	margin-top:6px;
}

.heading-search-form {
	margin-top:4px;
	position:relative;
}

.heading-search-form .searchform-icon {
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 18px;
	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
}

.heading-search-form .searchform-icon.icon-remove:hover {
	cursor:pointer !important;
}

div.heading-social-links a {
	height:30px !important;
	width:30px !important;
	padding:0 !important;
	line-height:30px;
	text-align:center;
	margin:1px 0px 0 8px !important;
}

.heading-search-form input.text-input,
.gumm-contact-form.form-discrete-labels textarea,
div.footer-content .contact-form input[type="text"] {
	padding:7px 10px;
	float:right;
	font-family: 'Source Sans Pro', sans-serif;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */
	background-color: rgba(0, 0, 0, 0.26);
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 0px 0px 4px rgba(255, 255, 255, 0.042), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 0px 4px rgba(255, 255, 255, 0.042), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 0px 4px rgba(255, 255, 255, 0.042), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3); /* css3 - done */
	-webkit-transition:box-shadow 0.2s linear, background-color 0.2s linear, width 0.4s linear !important;
	-moz-transition:box-shadow 0.2s linear, background-color 0.2s linear, width 0.4s linear !important;
	-o-transition:box-shadow 0.2s linear, background-color 0.2s linear, width 0.4s linear !important;
	transition:box-shadow 0.2s linear, background-color 0.2s linear, width 0.4s linear !important; /* css3 - done */
	outline:none;
	width:86% !important;
}

div.footer-content .contact-form input[type="text"],
.gumm-contact-form.form-discrete-labels textarea {
	float:left;
}

div.footer-content .contact-form input[type="text"].default-label-on,
.gumm-contact-form.form-discrete-labels textarea.default-label-on {
	color:rgba(255, 255, 255, 0.5); /* bluebox option 2 */
}

.heading-search-form input.text-input:focus,
div.footer-content .contact-form input[type="text"]:focus,
.gumm-contact-form.form-discrete-labels textarea:focus {
	border:none !important;
	-webkit-box-shadow:0px 0px 0px 4px rgba(255, 255, 255, 0.09), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3) !important;
	-moz-box-shadow:0px 0px 0px 4px rgba(255, 255, 255, 0.09), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3) !important;
	box-shadow:0px 0px 0px 4px rgba(255, 255, 255, 0.09), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3) !important; /* css3 - done */
	background-color: rgba(0, 0, 0, 0.4);
	outline:none !important;
	width:126% !important;
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.gumm-contact-form.form-discrete-labels input,
.gumm-contact-form.form-discrete-labels textarea {
	margin-bottom:20px;
}

.gumm-contact-form.form-discrete-labels textarea {
	height:80px;
}

div.footer-content .contact-form input[type="text"]:focus,
.gumm-contact-form.form-discrete-labels textarea:focus {
	width:86% !important;
}

.heading-search-form input.text-input.active,
div.footer-content .contact-form input[type="text"].default-label-on.active {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.heading-box {
	float:right;
}

.heading-box.heading-search-social-box .heading-search-form input.text-input {
	width:100% !important;
}

.heading-box.heading-search-social-box .heading-search-form input.text-input:focus {
	width:100% !important;
}

.heading-search-form input.submit {
	display:none;
}

/* END page heading wrap */

/* END fancy text */

/* BEGIN footer */

div.footer-content {
	margin-top:60px;
	text-align:left;
}

div.footer-content .widget-wrap {
	margin-bottom:20px;
	margin-bottom:0px;
}


div.footer-content .widget-wrap .heading-wrap h3 {
	color:rgba(255, 255, 255, 0.5); /* bluebox option 2 */
}

div.footer-content .widget-wrap .heading-wrap h3 > span {
	background-color:transparent;
}

div.footer-content .tagcloud a {
	color:rgba(80, 123, 6, 1); /* bluebox option 3 */
	opacity:1;
	background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

div.footer-content .tagcloud a:hover {
	opacity:0.6;
}

div.footer-content .widget-wrap > ul > li {
	border-bottom:1px solid rgba(255, 255, 255, 0.03); /* bluebox option 2 */
}

div.footer-content .widget-wrap > ul > li::before {
	border-left:3px solid rgba(255, 255, 255, 0.16); /* bluebox option 2 */
}

div.footer-content.wrap-color-element {
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.09), 0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px -6px 0px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.09), 0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px -6px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.09), 0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px -6px 0px 0px rgba(0, 0, 0, 0.06); /* css3 - done */
}

div.footer-content.wrap-color-element .color-container {
	background-image: url(images/roki/top-gradient-dark-6px.png), url(images/roki/top-gradient-dark-13px.png);
	background-repeat:repeat-x, repeat-x;
	background-position:left top, left top;
	padding:60px 0;
}

div.copyrights-content {
	text-align:left;
}

div.copyrights-content .span12 {
	position:relative;
}

div.copyrights-content.wrap-color-element .color-container {
	background-color:rgba(0, 0, 0, 0.26);
	padding:40px 0 30px 0;
}

.roki-button-link,
div.wrap-color-element .roki-button-link,
div.fancy-text-bar .roki-button-link {
	background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	padding:6px 10px;
	
	padding: 12px 45px 13px 20px;
	
	-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5); /* css3 - done */
	margin: 0px 8px 10px 0px;
	display:inline-block;
	color:rgba(80, 123, 6, 1); /* bluebox option 3 */
}

div.fancy-text-bar .roki-button-link.fancy-text-button {
	margin:30px 0 0 0;
}

div.fancy-text-bar.align-left .roki-button-link.fancy-text-button {
	margin:10px 0 0 0;
}

/* BEGIN social icons */

div.social-icons-wrap {
	position:absolute;
	right:0;
	top:50%;
	display:block;
	height:30px;
	margin-top:-20px;
}

div.social-icons-wrap .roki-button-link {
	width:30px;
	text-align:center;
	padding:0;
	line-height:30px;
	margin: 0px 0px 10px 8px;
}

/* END social icons */

/* END footer */

/* BEGIN text boxes */

.text-box .roki-color-link {
	margin-bottom:20px;
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
	height:60px;
	width:60px;
	line-height:60px;
}

.text-box:hover .roki-color-link.inverse {
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);/* css3 */
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.text-box h3 {
	/*text-transform:uppercase;*/
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear; /* css3 - done */
	display:inline;
}

.text-box .heading-container {
	padding-bottom:20px;
	display:inline-block;
	margin:0 auto;
	position:relative;
}

div.span4.text-box.roki-left.plus-image .heading-container  {
	min-height:24px;
	padding-bottom:24px;
}

.text-box p {
	width:100%;
	clear:both;
	margin-top:50px;
}

.text-box h3 a {
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear; /* css3 - done */
}

.text-box:hover h3 a,
.text-box:hover h3 {
	color:rgba(0, 0, 0, 0.5); /* bluebox option 4 */
}

.text-box:hover span.roki-hr-detail {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.roki-center {
	text-align:center;
}

.roki-center .roki-color-link {
	margin:0 auto;
}

.roki-left .roki-color-link {
	float:left;
	/*margin-right:30px;*/
	margin-right:20px;
}

.text-box.roki-left .heading-container {
	display:block;
}

.text-box.roki-left a.roki-hr-detail {
	left:0;
	right:0;
}


/* BEGIN 3 cols center */

div.span4.text-box .roki-color-link {
	margin-bottom:20px;
	height:120px;
	width:120px;
	line-height:120px;
}

div.span4.text-box .image-wrap {
	margin-bottom:20px;
}

div.span4.text-box.roki-left .image-wrap {
	margin-bottom:0;
}

div.span4.text-box p {
	margin-top:16px;
}

div.text-box p:last-child {
	margin-bottom:0 !important;
}

/* END 3 cols center */

/* BEGIN 4 cols center */

div.span3.text-box .roki-color-link {
	margin-bottom:20px;
	height:60px;
	width:60px;
	line-height:60px;
	font-size:24px; /* ne se bara */
}

div.span3.text-box .heading-container {
	padding-bottom:22px;
	margin:8px 0;
	margin:0;
}

div.text-box h3 {
	text-transform:none;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear; /* css3 - done */
	display:inline;
	font-size:18px;
	line-height:24px;
}

div.span3.text-box p {
	margin-top:16px;
}

/* END 4 cols center */

/* BEGIN 3 cols left */

div.span4.text-box.roki-left .roki-color-link {
	height:90px;
	width:90px;
	line-height:90px;
}

div.span3.text-box .image-wrap {
	/*margin-bottom:8px;*/
}

div.span3.text-box.roki-left .image-wrap {
	margin-bottom:0;
}

div.span4.text-box.roki-left .heading-container {
	min-height:60px;
	padding-top:20px;
	/*padding-top:18px;*/
	
}

div.span4.text-box.roki-left p {
	margin-top:16px;
}

/* END 3 cols left */

/* BEGIN 4 cols left */

div.span3.text-box.roki-left .roki-color-link {
	height:60px;
	width:60px;
	line-height:60px;
	margin-right:20px;
}

div.span3.text-box.roki-left .heading-container {
	min-height:50px;
	padding:18px 0;
}

div.span3.text-box.roki-left.plus-image .heading-container,
div.span3.text-box.plus-image .heading-container {
	min-height:24px;
	padding-bottom:24px;
	padding-top:20px;
}

div.span3.text-box.roki-left p {
	/*margin-top:10px;*/
}

/* END 4 cols left */

/* fix */

div.span4.text-box.roki-left .heading-container {
	padding-top:34px;
}

div.span4.text-box.roki-left.plus-image .heading-container {
	padding-top:20px;
}

/* END text boxes */

/* BEGIN gallery */

.roki-gallery {
	position:relative;
	padding-bottom:6px;
}

.wi-slider {
	-webkit-backface-visibility: hidden;
}

.roki-gallery .wi-slider .wi-navigation {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	z-index:300;
	height:30px;
	opacity:0;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
}

.roki-gallery .wi-slider:hover .wi-navigation {
	opacity:1;
}

.roki-gallery .wi-navigation > a {
	margin-top:-20px 30px 0 30px !important;
	height:30px !important;
	width:30px !important;
	display:block;
	background-image: none !important;
	background-color:rgba(0, 0, 0, 0.06) !important;
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	
	-webkit-border-radius:100% !important;
   	-moz-border-radius:100% !important;
    border-radius:100% !important; /* css3 - done */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear; /* css3 - done */
}

.roki-gallery .wi-navigation > a:hover {
	background-color:rgba(34, 169, 247, 1) !important; /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
}

.roki-gallery .wi-navigation a::after {
	-webkit-transition:border-color 0.2s linear;
	-moz-transition:border-color 0.2s linear;
	-o-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear; /* css3 - done */
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.roki-gallery .wi-navigation a.next {
	position:absolute;
	right:20px;
}

.roki-gallery .wi-navigation a.prev {
	position:absolute;
	left:20px;
}

.roki-gallery .wi-navigation a.next::after {
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(34, 169, 247, 1); /* bluebox option 2 */
	margin:11px 0 0 13px;
}

.roki-gallery .wi-navigation a.prev::after {
	border-width: 5px 5px 5px 0;
	border-right-color:rgba(34, 169, 247, 1); /* bluebox option 2 */
	margin:11px 0 0 12px;
}

.roki-gallery .wi-navigation a.prev:hover::after {
	border-right-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.roki-gallery .wi-navigation a.next:hover::after {
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

/* BEGIN flex slider */

.flex-direction-nav {
	margin:0 -6px 0 -6px;
}

.roki-gallery .flex-slider {
	position:relative;
}

.roki-gallery .flex-control-paging {
	position:absolute;
	z-index:21;
	left:0;
	right:0;	
	bottom:-40px;
	margin:0;
	height:16px;
	text-align:center;
	list-style-type:none;
}

.quote-layout-element .flex-control-paging {
	bottom:-30px;
}

.roki-gallery .flex-control-paging {
	height:16px;
}

.roki-gallery .flex-control-paging li {
	text-align:center;
	display:inline-block;
}

.roki-gallery .flex-control-paging li a {
	height:16px;
	cursor:pointer;
	width:16px;
	display:block;
	-webkit-border-radius:100% !important;
   	-moz-border-radius:100% !important;
    border-radius:100% !important; /* css3 - done */
	margin:0 8px;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear; /* css3 - done */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
}

.roki-gallery .flex-control-paging li a:hover,
.roki-gallery .flex-control-paging li a.flex-active {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.roki-gallery ul.flex-direction-nav {
	position:absolute;
	z-index: 300;
	margin-top:0px;
	padding:0;
	left:0;
	right:0;
	
	height:0px;
	top:50%;
	
	text-align:center;
	list-style-type:none;
	opacity:0;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
}

.roki-gallery:hover ul.flex-direction-nav {
	opacity:1;
}

.roki-gallery ul.flex-direction-nav li > a {
	margin-top:-20px 30px 0 30px !important;
	height:30px !important;
	width:28px !important;
	display:block;
	background-image: none !important;
	background-color:rgba(0, 0, 0, 0.6) !important;
	color:rgba(255, 255, 255, 1); /* new option bluebox option 2 */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
	font-size:18px;
	line-height:32px;
	
	-webkit-border-radius:6px !important;
   	-moz-border-radius:6px !important;
    border-radius:6px !important; /* css3 - done */
	text-align:center;
	line-height:32px;
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear; /* css3 - done */
}

.roki-gallery ul.flex-direction-nav li > a:hover {
	background-color:rgba(34, 169, 247, 1) !important; /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
}

/*.roki-gallery ul.flex-direction-nav li > a::after {
	-webkit-transition:border-color 0.2s linear;
	-moz-transition:border-color 0.2s linear;
	-o-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear; /* css3 - done 
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}*/

.roki-gallery ul.flex-direction-nav li > a.flex-next {
	position:absolute;
	right:20px;
	padding:0 0 0 2px;
}

.roki-gallery ul.flex-direction-nav li > a.flex-prev {
	position:absolute;
	left:20px;
	width:29px !important;
	padding:0 1px 0 0;
}

/*.roki-gallery ul.flex-direction-nav li > a.flex-next::after {
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(34, 169, 247, 1); /* bluebox option 2
	margin:11px 0 0 13px;
}*/

/*.roki-gallery ul.flex-direction-nav li > a.flex-prev::after {
	border-width: 5px 5px 5px 0;
	border-right-color:rgba(34, 169, 247, 1); /* bluebox option 2
	margin:11px 0 0 12px;
}

.roki-gallery ul.flex-direction-nav li > a.flex-prev:hover::after {
	border-right-color:rgba(255, 255, 255, 1); /* bluebox option 2
}

.roki-gallery ul.flex-direction-nav li > a.flex-next:hover::after {
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2
}*/

/* END flex slider */

/* END gallery */

/* BEGIN news list */

ul.roki-news-list {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}

ul.roki-news-list li {
	display:block;
	width:100%;
	float:left;
}

ul.roki-news-list li:last-child {
	margin-bottom:0;
}

ul.roki-news-list .image-wrap {
	width:26%;
	float:left;
	margin:0 20px 20px 0 !important;
}

ul.roki-news-list li:last-child .image-wrap {
	margin:0 20px 0 0 !important;
}

ul.roki-news-list h4 a,
ul.roki-news-list h4 {
	font-size:14px;
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
	margin-top:0;
	margin-bottom:0px;
	font-weight:normal;
}

ul.roki-news-list h4 a:hover {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.footer-wrap ul.roki-news-list h4 a,
.footer-wrap ul.roki-news-list h4 {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
}

.footer-wrap ul.roki-news-list h4 a:hover {
	opacity:0.6;
}

.roki-date,
ul.roki-news-list li > span {
	font-size:12px;
	opacity:0.5;
	font-style:italic;
	display:inline-block;
	position:relative;
}

.roki-blog-thumbs .roki-date,
ul.roki-news-list li > span {
	padding-left:10px;
}

.roki-blog-thumbs .roki-date:before,
ul.roki-news-list li > span:before {
	content: " ";
	position:absolute;
	top:7px;
	left:0px;
	display:block;
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid rgba(0, 0, 0, 0.26); /* bluebox option 4 */
}

div.footer-content .roki-blog-thumbs .roki-date:before,
div.footer-content ul.roki-news-list li > span:before {
	border-left: 3px solid rgba(255, 255, 255, 0.26); /* bluebox option 2 */
}

ul.roki-news-list li > span {
	margin-bottom:30px;
}

ul.roki-news-list li:last-child > span {
	margin-bottom:0px;
}

/* END news list */

/* BEGIN quote */

.roki-quote {
	position:relative;
	padding-bottom:41px;
}

.roki-quote div.quote {
	position:relative;
	z-index:2;
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	-moz-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26); /* css3 - done */
	padding:20px;
	display:block;
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	font-style:italic;
}

/*.roki-quote span.roki-brackets {
	opacity:0.06;
	position:absolute;
	top:0;
	right:-6%;
	z-index:1;
	line-height:60px;
	font-size:300px;
	font-family: coustard;
	
}*/

.roki-quote div.quote.quote p:first-child {
	margin-top:0;
}

.roki-quote div.quote.quote p:last-child {
	margin-bottom:0;
}

.roki-quote h4 {
	margin-top:20px;
	margin-bottom:0;
}

.roki-quote div.author {
	text-align:center;
}

.roki-quote span.company {
	opacity:0.5;
}

/* END quote */

/* BEGIN roki element headings */

.roki-element-heading {
	position:relative;
	
	/* sinote fix */
	
	padding-bottom:0px;
	margin-bottom:24px;
	
	margin-top:-34px;
}

.roki-element-heading .heading-pagination {
	position:absolute;
	right:-8px;
	top:0;
	display:block;
	height:30px;
	width:120px;
	text-align:right;
}

.roki-element-heading .heading-pagination .roki-color-link {
	width:21px;
	height:22px;
	-webkit-border-radius:4px;
   	-moz-border-radius:4px;
    border-radius:4px; /* css3 - done */
	top:0;
	position:absolute;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	line-height:24px;
	text-align:center;
	font-size:12px;
	
	margin:0 8px;
	display:block;
	float:right;
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 */
	
}

.roki-element-heading .heading-pagination .roki-color-link.disabled,
.roki-element-heading .heading-pagination .roki-color-link.disabled:hover {
	cursor:default;
	opacity:0.3;
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	background-color:rgba(0, 0, 0, 0.06);
}

.roki-element-heading .heading-pagination .roki-color-link.prev {
	padding-right:1px;
	right:33px;
}

.roki-element-heading .heading-pagination .roki-color-link.next {
	padding-left:0;
	width:22px;
	right:0px;
}

.roki-element-heading .heading-pagination .roki-color-link.disabled,
.roki-element-heading .heading-pagination .roki-color-link.disabled:hover {
	display:none;
}


/*.roki-element-heading .heading-pagination .roki-color-link::after {
	-webkit-transition:border-color 0.2s linear;
	-moz-transition:border-color 0.2s linear;
	-o-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear; /* css3 - done
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.roki-element-heading .heading-pagination .roki-color-link.next::after {
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(34, 169, 247, 1); /* bluebox option 2
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3); /* css3
	margin:10px 0 0 13px;
}

.roki-element-heading .heading-pagination .roki-color-link.prev::after {
	border-width: 5px 5px 5px 0;
	border-right-color:rgba(34, 169, 247, 1); /* bluebox option 2
	margin:10px 0 0 12px;
}

.roki-element-heading .heading-pagination .roki-color-link:hover.next::after {
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2
}

.roki-element-heading .heading-pagination .roki-color-link:hover.prev::after {
	border-right-color:rgba(255, 255, 255, 1); /* bluebox option 2
}*/



.roki-element-heading h3,
h3#reply-title {
	position:relative;
	margin-top:0;
	padding-top:0;
	color:rgba(0, 0, 0, 0.5); /* bluebox option 4 */
	/*text-transform:uppercase;*/
	margin-bottom:30px;
	padding-bottom:10px;
	display:inline;
	text-wrap:none;
	font-weight:300;
	font-size:18px;
	line-height:24px;
	
	/* sinote fix */
	
	margin-bottom:0px;
	padding-bottom:10px;
	display:inline-block;
}

.roki-element-heading h3 > span.roki-hr-detail,
h3#reply-title span.roki-hr-detail {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	bottom:-4px;
	z-index:10;
}

h3#reply-title {
	margin-bottom:10px;
	padding-bottom:0 !important;
}

h3#reply-title > span {
    position: relative;
	display:inline-block;
	padding-bottom:10px;
}

h3#reply-title span.roki-hr-detail {
    margin-bottom: 0;
}

.roki-element-heading span.roki-hr-detail.pale-hr-detail {
	bottom: inherit !important; /* sinote fix */
}

p.comment-form-comment label {
	padding-bottom: 0 !important;
	margin-bottom: 10px !important;
	margin-top:60px !important;
}

/* END roki element headings */

/* BEGIN roki accordion */

.roki-accordion h3.heading-line {
	position:relative;
	font-size:18px;
	line-height:20px;
	margin: 14px 0 0 0;
	padding: 25px 0 11px 50px;
	border-top:4px solid rgba(0, 0, 0, 0.03);
	cursor:pointer;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear; /* css3 - done */
}

.roki-accordion h3.heading-line:first-child {
	border:none;
	margin:0;
	padding-top:5px;
}

.roki-accordion h3.heading-line span.bullet {
	display:block;
	height:30px;
	width:30px;
	font-size:18px; /* ne se bara */
	line-height:32px;
	position:absolute;
	top:20px;
	left:0;
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
}

.roki-accordion h3.heading-line:first-child span.bullet {
	top:0;
}

.roki-accordion h3.heading-line.ui-state-active,
.roki-accordion h3.heading-line:hover {
	color:rgba(0, 0, 0, 0.5); /* bluebox option 4 */
}

.roki-accordion h3.heading-line.ui-state-active span.bullet.roki-color-link {
	display:block;
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.roki-accordion div.accordion-line-content {
	padding:0 0 0 50px;
}

/* END roki accordion */

/* BEGIN roki staff */

div.span4.text-box.roki-staff .image-wrap {
	margin-bottom:7px;
}

.roki-staff h3 {
	font-size:18px;
	text-transform:none;
	line-height:24px;
}

div.span4.roki-staff h3 {
	font-size:24px;
	text-transform:none;
	line-height:30px;
}

div.roki-staff.text-box .heading-container {
	padding: 10px 0 20px 0;
}

div.roki-staff.text-box p {
	margin-top:14px;
	opacity:0.5;
}

/* BEGIN ribbon */

.player-card .ribbon-container,
.ribbon-container {
	position: absolute;
	text-align: center;
	top:16px;
	right:13px;
	display:block;
}

.single-player-wrap .ribbon-container {
	left:20px;
}

.single-player-wrap.pro .ribbon-container {
	right:auto;
	left:20px;
	display:block;
}

.ribbon-pro {
	position: relative;
	text-align: center;
	padding: 12px;
	height: 1px;
	width: 6px;
	z-index:20;
}

.ribbon-pro .content {
	position:absolute;
	text-align:center;
	font-weight:bold;
	font-size:20px; /* ne se bara */ 
	height:33px;
	z-index:20;
	bottom:6px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); /* css3 */
	line-height:30px;
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	right:0;
	left:0;
	background-color:rgba(80, 123, 6, 1); /* bluebox option 3 */
	border-left:1px solid rgba(0, 0, 0, 0.1);
	border-right:1px solid rgba(0, 0, 0, 0.1);
	background-image:url(images/roki/ribbon-darker-tile.png), url(images/roki/ribs-grid-inverse.png), url(images/roki/nav-tile.png);
}

.ribbon-pro .back-sh {
	position:absolute;
	height:6px;
	z-index:1;
	bottom:6px;
	right:3px;
	left:3px;
  	-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2); /* css3 - done */
}

.ribbon-pro .back-sh-2 {
	position:absolute;
	height:24px;
	z-index:1;
	top:-19px;
	right:0px;
	left:0px;
  	-webkit-box-shadow:0px 2px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 2px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0px 2px 1px 1px rgba(0, 0, 0, 0.2); /* css3 - done */
	background-color:rgba(80, 123, 6, 1); /* bluebox option 3 */
	background-image:url(images/roki/ribbon-top-glow.png), url(images/roki/ribbon-darker-tile.png), url(images/roki/ribs-grid-inverse.png), url(images/roki/nav-tile.png);
	background-position:left top, left top, left top;
	background-repeat:repeat-x, repeat, repeat, repeat;
	-webkit-border-radius:1px 1px 0 0;
	-moz-border-radius:1px 1px 0 0;
	border-radius:1px 1px 0 0; /* css3 - done */
	border-left:1px solid rgba(0, 0, 0, 0.1);
	border-right:1px solid rgba(0, 0, 0, 0.1);
}

.ribbon-pro:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	z-index:10;
	background-color:rgba(80, 123, 6, 1); /* bluebox option 3 */
	transform: skew(0deg, -36deg);
	-moz-transform: skew(0deg, -36deg);
	-o-transform: skew(0deg, -36deg);
	-ms-transform: skew(0deg, -36deg);
	-webkit-transform: skew(0deg, -36deg);
	-webkit-box-shadow:-1px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:-1px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	box-shadow:-1px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); /* css3 - done */
	background-image:url(images/roki/ribbon-darker-tile.png), url(images/roki/ribs-grid-inverse.png), url(images/roki/nav-tile.png);
}

.ribbon-pro:after {
	content: '';
	position: absolute;
	top: 0;
	z-index:10;
	right: 0;
	height: 100%;
	width: 50%;
	background-color:rgba(80, 123, 6, 1); /* bluebox option 3 */
	transform: skew(0deg, 36deg);
	-moz-transform: skew(0deg, 36deg);
	-o-transform: skew(0deg, 36deg);
	-ms-transform: skew(0deg, 36deg);
	-webkit-transform: skew(0deg, 36deg);
	-webkit-box-shadow:1px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:1px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	box-shadow:1px 2px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); /* css3 - done */
	background-image:url(images/roki/ribbon-darker-tile.png), url(images/roki/ribs-grid-inverse.png), url(images/roki/nav-tile.png);
}

/* END ribbon */

/* BEGIN single poker player */

.single-player-wrap {
	margin-top:90px;
	position:relative;
	background-color:#fff;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.single-player-wrap .gpi-info {
	line-height:20px;
	padding:20px 20px 20px 60px;
	border-bottom:1px solid rgba(0, 0, 0, 0.06);
	background-color:rgba(0, 0, 0, 0.02);
}

.single-player-wrap.pro .gpi-info {
	padding:20px 20px 20px 80px;
}

.single-player-wrap .gpi-info strong {
	font-size:14px;
	margin-right:10px;
}

.single-player-wrap .gpi-info span {
	font-size:12px;
	opacity:0.6;
}

.single-player-wrap .player-stats-container {
	padding:20px 20px 0 20px;
}

.single-player-wrap .span4 {
	position:relative;
}

.single-player-wrap.image-align-right .span4.staff-member-image {
    float:right;
}

.single-player-wrap.image-align-right .span8.staff-member-fields {
    float:left;
    margin-left:0;
}

.single-player-wrap.image-align-left .gpi-info {
    text-align:right;
}

.single-player-wrap.image-align-left .ribbon-container {
    left:34.788034188%%;
}

.single-player-wrap .player-stats-container .photo-wrap {
	position:relative;
	margin-top:-122px;
	right:0;
	left:0;
}

.single-player-wrap .player-stats-container .photo-wrap .image-container {
	background-color:#fff;
	padding:6px;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.single-player-wrap .player-stats-container .button-wrap {
	position:absolute;
	bottom:-60px;
	height:40px;
	right:0;
	left:0;
}

.single-player-wrap .player-stats-container .button-container {
	position:relative;
	height:30px;
	padding:0 0 0 65px;
}

.single-player-wrap .player-stats-container .button-container div.twitter-icon {
	height:45px;
	width:45px;
	position:absolute;
	left:0;
	bottom:-15px;
	text-align:center;
	-webkit-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.16), inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.16), inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.16), inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3); /* css3 - done */
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	background-image: url(images/roki/nav-tile.png),  linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
	background-image: url(images/roki/nav-tile.png),  -o-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
	background-image: url(images/roki/nav-tile.png),  -moz-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
	background-image: url(images/roki/nav-tile.png),  -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
	background-image: url(images/roki/nav-tile.png),  -ms-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);

	
	background-color:rgba(0, 0, 0, 0.06);
}

.single-player-wrap .player-stats-container .button-container div.twitter-icon div {
	background-image: url(images/roki/twitter-icon.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
}

.single-player-wrap .player-stats-container .button-container a.twitter-link {
	display:block;
	line-height:43px;
	text-align:center;
	background-color:#14b1f0;
	background-image: linear-gradient(top, #14b0ef 0%, #0194ce) 100%;
	background-image: -o-linear-gradient(top, #14b0ef 0%, #0194ce) 100%;
	background-image: -moz-linear-gradient(top, #14b0ef 0%, #0194ce) 100%;
	background-image: -webkit-linear-gradient(top, #14b0ef 0%, #0194ce) 100%;
	background-image: -ms-linear-gradient(top, #14b0ef 0%, #0194ce) 100%;

	border:1px solid rgba(34, 118, 162, 1);
	border-top:1px solid rgba(49, 144, 194, 1);
	border-bottom:1px solid rgba(23, 99, 138, 1);
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	-webkit-box-shadow:inset 0 1px 0px 0 rgba(255, 255, 255, 0.3), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0 1px 0px 0 rgba(255, 255, 255, 0.3), 0 1px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow:inset 0 1px 0px 0 rgba(255, 255, 255, 0.3), 0 1px 3px 0 rgba(0, 0, 0, 0.3); /* css3 - done */
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.6); /* css3 */
	transition: text-shadow 0.1s linear, box-shadow 0.1s linear, background-color 0.1s linear, background-image 0.1s linear;
	-moz-transition: text-shadow 0.1s linear, box-shadow 0.1s linear, background-color 0.1s linear, background-image 0.1s linear;
	-o-transition: text-shadow 0.1s linear, box-shadow 0.1s linear, background-color 0.1s linear, background-image 0.1s linear;
	-ms-transition: text-shadow 0.1s linear, box-shadow 0.1s linear, background-color 0.1s linear, background-image 0.1s linear;
	-webkit-transition: text-shadow 0.1s linear, box-shadow 0.1s linear, background-color 0.1s linear, background-image 0.1s linear; /* css3 - done */
}

.single-player-wrap .player-stats-container .button-container a.twitter-link:hover {
	-webkit-box-shadow:inset 0 1px 0px 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.16);
	-moz-box-shadow:inset 0 1px 0px 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.16);
	box-shadow:inset 0 1px 0px 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.16); /* css3 - done */
	text-shadow:0 0 6px rgba(255, 255, 255, 0.9); /* css3 */
	background-color:#24bdfa;
	background-image: linear-gradient(top, #24bdfa 0%, #12a6e1) 100%;
	background-image: -o-linear-gradient(top, #24bdfa 0%, #12a6e1) 100%;
	background-image: -moz-linear-gradient(top, #24bdfa 0%, #12a6e1) 100%;
	background-image: -webkit-linear-gradient(top, #24bdfa 0%, #12a6e1) 100%;
	background-image: -ms-linear-gradient(top, #24bdfa 0%, #12a6e1) 100%;

}

.single-player-wrap .player-stats-container .button-container a.twitter-link:active {
	-webkit-box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(255, 255, 255, 0.6); /* css3 - done */
	text-shadow:none; /* css3 */
	background-color:#24bdfa;
	background-image: linear-gradient(top, #1fb4f0 0%, #24bdfa) 100%;
	background-image: -o-linear-gradient(top, #1fb4f0 0%, #24bdfa) 100%;
	background-image: -moz-linear-gradient(top, #1fb4f0 0%, #24bdfa) 100%;
	background-image: -webkit-linear-gradient(top, #1fb4f0 0%, #24bdfa) 100%;
	background-image: -ms-linear-gradient(top, #1fb4f0 0%, #24bdfa) 100%;

	border:1px solid rgba(34, 118, 162, 0.3);
	border-top:1px solid rgba(49, 144, 194, 0.3);
	border-bottom:1px solid rgba(23, 99, 138, 0.3);
}

.single-player-wrap .player-bio-container {
	padding:20px;
}

.single-player-wrap .info-line {
	font-size:18px;
	line-height:30px;
	padding-bottom:1px;
	overflow:hidden;
	margin-bottom:20px;
}

.single-player-wrap .info-line span {
	opacity:0.6;
	margin-right:10px;
}

.single-player-wrap .info-line .icon {
	background-color:rgba(80, 123, 6, 1); /* bluebox option 3 */
	display:inline-block;
	text-align:center;
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
	float:left;
	margin-right:10px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	background-image: url(images/roki/noise-bg-1.png), url(images/roki/grid-tile-5px-5px.png);
	background-repeat:repeat;
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3); /* css3 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16);
	box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16); /* css3 - done */
}

/*.single-player-wrap .info-line .icon::after {
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2
	margin:10px 0 0 14px;
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3); /* css3 
}*/

/* END single poker player */

/* END roki staff */

/* BEGIN blog thumbs */

.roki-blog-thumbs .heading-container {
	margin-bottom:0;
}

.roki-blog-thumbs .image-wrap {
	margin:0px 0 16px 0;
}

.roki-blog-thumbs h3 {
	font-size:18px;
	line-height:24px;
	margin-top:0;
	padding-bottom:15px;
	border-bottom:4px solid rgba(0, 0, 0, 0.03);
}

.roki-blog-thumbs h3 a {
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

.roki-blog-thumbs h3 a:hover {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.roki-blog-thumbs .roki-date {
	display:block;
	margin-bottom:10px;
}

.roki-link-more {
	display:inline-block;
}

div.span4.roki-blog-thumbs .image-wrap {
	margin:0px 0 16px 0;
}

/* END blog thumbs */

/* BEGIN portfolio thumbs */

.roki-portfolio-thumbs {
	text-align:center;
}

.roki-portfolio-thumbs .image-wrap {
	/*margin:0px 0 10px 0;*/
}

.roki-portfolio-thumbs h3 {
	font-size:18px;
	line-height:24px;
	margin-top:16px;
	margin-bottom:0;
}

.roki-portfolio-thumbs h3 a {
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

.roki-portfolio-thumbs h3 a:hover {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.roki-portfolio-thumbs .roki-date {
	display:block;
	margin-bottom:16px;
}

div.span4.roki-portfolio-thumbs h3 {
	margin-top:20px;
	padding:0 16px;
}

.portfolio-layout-element.portfolio-medium-image div.description-wrap {
	text-align:left;
}

.gumm-layout-element-grid.portfolio-layout-element.portfolio-medium-image .row-fluid {
	margin-bottom:60px;
}

.gumm-layout-element-grid.portfolio-layout-element.portfolio-medium-image .row-fluid:last-child {
	margin-bottom:0px;
}

.gumm-layout-element-grid.portfolio-layout-element.portfolio-medium-image .roki-portfolio-thumbs h3 {
	margin-top:0;
	font-size:24px;
	padding-bottom:16px;
	border-bottom:4px solid rgba(0, 0, 0, 0.03);
}

.gumm-layout-element-grid.portfolio-layout-element.portfolio-medium-image .roki-portfolio-thumbs .roki-date {
	margin:12px 0 6px 0;
}

.gumm-layout-element-grid.portfolio-layout-element.portfolio-medium-image .tagcloud {
	margin-top:20px;
}

.gumm-layout-element-grid.portfolio-layout-element.portfolio-medium-image .image-wrap:hover ul.roki-thumb-links {	
	height:0px;
	top:40%;
	margin-top:-22px;
}

.gumm-layout-element-grid.portfolio-layout-element.portfolio-medium-image .roki-portfolio-thumbs .image-wrap:hover ul.roki-thumb-links {	
	top:50%;
}


/* END portfolio thumbs */

/* BEGIN roki awesome text */

.roki-awesome-text {
	background-color:rgba(0, 0, 0, 0.01);
	background-image:url(images/roki/grid-tile-5px-5px.png);
	padding:30px;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03); /* css3 - done */
}

.roki-awesome-text { /* themeforest edit */
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
}

.roki-awesome-text.align-center {
	text-align:center;
}

.roki-awesome-text > div {
	float:left;
}

.roki-awesome-text > div.awesome-content {
	width:80%;
}

body.one-sidebar .roki-awesome-text > div.awesome-content {
	width:70%;
}

.roki-awesome-text.align-center > div.awesome-content {
	width:100%;
}

.roki-awesome-text.roki-center > div.awesome-content {
	width:100%;
}

.roki-awesome-text > div.awesome-button {
	position:relative;
	padding-left:20%;
}

.roki-awesome-text > div.awesome-button {
	position:relative;
	padding-left:20%;
}

.roki-awesome-text.align-center  > div.awesome-button {
	position:relative;
	padding-left:0;
	width:100%;
}

.roki-awesome-text > div.awesome-button > div {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	text-align:center;
}

.roki-awesome-text.align-center > div.awesome-button > div {
	position:inherit;
	top:inherit;
}

.roki-button-link,
#button-submit,
.tp-caption a.roki-button-link {
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	padding:6px 10px;
	
	padding: 12px 20px 13px 20px;
	
	-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16); /* css3 - done */
	display:inline-block;
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear; /* css3 - done */
	outline:none;
	border:none;
	font-family: 'Source Sans Pro', sans-serif;
	position:relative;
}

/* BEGIN roki bullet link - themeforest edit */

.roki-bullet-link,
.tp-caption a.roki-bullet-link {
	padding-right:45px;
	position:relative;
	display:inline-block;
}

.roki-bullet-link:before,
div.fancy-text-bar .roki-button-link.roki-bullet-link:hover:before {
	content: " ";
	position:absolute;
	top:14px;
	height:18px;
	width:18px;
	right:12px;
	display:block;
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
	background-color:rgba(0, 0, 0, 0.16);
	-webkit-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear; /* css3 - done */
}

div.fancy-text-bar .roki-button-link.roki-bullet-link:hover:before,
div.fancy-text-bar .roki-button-link.roki-bullet-link:before {
	background-color:rgba(0, 0, 0, 0.06);
}

.roki-bullet-link:hover:before {
	content: " ";
	background-color:rgba(255, 255, 255, 0.3); /* bluebox option 2 */
}

.roki-button-link.roki-bullet-link:after {
	content: " ";
	position:absolute;
	top:20px;
	right:19px;
	display:block;
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid rgba(255, 255, 255, 0.9); /* bluebox option 2 */
}

div.fancy-text-bar .roki-button-link.roki-bullet-link:after,
div.fancy-text-bar .roki-button-link.roki-bullet-link:hover:after {
	border-left: 3px solid rgba(80, 123, 6, 1); /* bluebox option 3 */	
}

.roki-link-more {
	padding-right:25px;
	position:relative;
}

.roki-link-more:before {
	content: " ";
	position:absolute;
	top:2px;
	height:18px;
	width:18px;
	right:0;
	display:block;
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear; /* css3 - done */
}

.roki-link-more:after {
	content: " ";
	position:absolute;
	top:8px;
	right:7px;
	display:block;
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.roki-link-more:hover:before {
	content: " ";
	background-color:rgba(0, 0, 0, 0.03);
}

.roki-link-more:hover:after {
	content: " ";
	border-left: 3px solid rgba(0, 0, 0, 1); /* bluebox option 4 */
}

/* END roki bullet link - themeforest edit */

.roki-button-link.extra-bullet {
	padding: 12px 40px 13px 20px;
}

.roki-button-link.extra-bullet::after {
	content: '';
	display: inline-block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid rgba(255, 255, 255, 1); /* bluebox option 2 */
	
	width: 0px;
	height: 0px;
	top:50%;
	margin-top:-3px;
	right:20px;
	position:absolute;
}

#button-submit {
	margin-top:10px;
}

.roki-awesome-text .roki-button-link {
	margin:18px 8px 10px 20px;
}

.roki-awesome-text.align-center .roki-button-link {
	margin:18px 0 10px 0;
}

.roki-button-link:hover,
#button-submit:hover,
.tp-caption a.roki-button-link:hover {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

.roki-awesome-text h3 {
	/*text-transform:uppercase;*/
	margin-top:0;
}

.roki-awesome-text p {
	opacity:0.5;
	font-weight:300;
	font-size:18px;
}

/* END roki awesome text */

/* BEGIN tabs */

.nav.roost-tabs {
	margin-bottom: 0 !important;
}

.nav-tabs {
	border:none;
}

.nav-tabs.roost-tabs > li {
	margin-right:8px;
}

.nav-tabs > li > a {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; /* css3 - done */
	padding:10px 36px 10px 16px;
	
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0; /* css3 - done */ /* themeforest */
}

.nav-tabs.roost-tabs > li > a,
.nav-tabs.roost-tabs > li > a:hover {
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	background-color:#fff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done*/
	border:none;
	position:relative;
	z-index:9;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-transition:color 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:color 0.2s linear, box-shadow 0.2s linear;
	-o-transition:color 0.2s linear, box-shadow 0.2s linear;
	transition:color 0.2s linear, box-shadow 0.2s linear; /* css3 - done */
}

.nav-tabs.roost-tabs > li > a:hover {
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.nav-tabs.roost-tabs > li > a span.roki-tab-mask {
	background-color:#fff;
	position:absolute;
	z-index:20;
	left:-6px;
	bottom:-6px;
	right:-6px;
	height:7px;
}

.nav-tabs.roost-tabs > li:first-child > a span.roki-tab-mask {
	left:0;
}

.nav-tabs.roost-tabs > .active > a,
.nav-tabs.roost-tabs > .active > a:hover {
	/*border: 1px solid rgba(0, 0, 0, 0.18);
	border-bottom-color: transparent;*/
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	z-index:12;
	position:relative;
}

.nav-tabs.roost-tabs > li > a:before {
	content: " ";
	position:absolute;
	top:11px;
	height:18px;
	width:18px;
	right:10px;
	display:block;
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear; /* css3 - done */
}

.nav-tabs.roost-tabs > li > a:after {
	content: " ";
	position:absolute;
	top:19px;
	right:16px;
	display:block;
	width: 0; 
	height: 0; 
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid rgba(34, 169, 247, 1); /* themeforest edit */
}

.nav-tabs.roost-tabs > li > a:hover:before,
.nav-tabs.roost-tabs > .active > a:before {
	content: " ";
	background-color:rgba(0, 0, 0, 0.03);
}

.nav-tabs.roost-tabs > li > a:hover:after,
.nav-tabs.roost-tabs > .active > a:after {
	content: " ";
	border-top: 3px solid rgba(0, 0, 0, 1); /* themeforest edit */
}


.tab-content {
	/*border: 1px solid rgba(0, 0, 0, 0.18);*/
	border-top: none;
	/*box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
	padding:20px;
	background-color:#fff;
	position:relative;
	z-index:10;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	
	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px; /* css3 - done */ /* themeforest */
}

.tab-content:last-child p {
	margin-bottom:0;
}

/* END tabs */

/* BEGIN roki progress */

.progress,
.progress.roki-color-link:hover {
	height:45px;
	cursor:default !important;
	background-image:none;
	text-align:left;
	display:block;
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear; /* css3 - done */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	text-align:center;
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */ /* themeforest */
}

.progress {
	margin-bottom:0;
}

.progress-bars .progress {
	margin-bottom:20px;
}

.progress-bars .progress:last-child {
	margin-bottom:0 !important;
}

.progress .bar {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	cursor:default !important;
	background-image:none;
	background-image: url(images/roki/noise-bg-1.png), url(images/roki/grid-tile-5px-5px.png);
	background-repeat:repeat;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16); /* css3 - done */
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */ /* themeforest */
}

.progress .bar > span {
	line-height:24px;
	margin-left:20px;
	font-size:14px;
	padding:10px 0 11px 0;
	float:left;
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-align:left;
}

/* END roki progress */

/* BEGIN roki cool list */

ul.roki-cool-list {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.roki-cool-list > li {
	margin:0;
	padding:0 0 0 40px;
	list-style-type:none;
	position:relative;
	margin-bottom:20px;
	line-height:30px;
}

ul.roki-cool-list > li > span.cool-bullet {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	display:block;
	text-align:center;
	position:absolute;
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
	top:0;
	left:0;
	height:30px;
	width:30px;
	background-image: url(images/roki/noise-bg-1.png), url(images/roki/grid-tile-5px-5px.png);
	background-repeat:repeat;
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3); /* css3 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16);
	box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.12), inset 0px -12px 35px 0px rgba(0, 0, 0, 0.16); /* css3 - done */
}

ul.roki-cool-list > li > span.cool-bullet::after {
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	margin:10px 0 0 14px;
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3); /* css3 */
}

/* END roki cool list */

/* BEGIN sidebar */

.row-fluid .sidebar,
.search-no-results div.error {
	/*margin-top:90px; themeforest edit */
	margin-top:60px; 
}

.widget-wrap {
	margin-bottom:60px;
	/*clear:both;*/
	float:left;
	width:100%
}

.widget-wrap > ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.widget-wrap > ul > li {
	/*line-height:30px;*/
	padding:10px 0 10px 10px;
	position:relative;
}

.widget-wrap > ul > li {
	border-bottom:1px solid rgba(0, 0, 0, 0.03);
}

.widget-wrap > ul > li:last-child {
	border-bottom:none;
}

.widget-wrap > ul > li:before {
	width: 0; 
	height: 0;
	position:absolute;
	left:0px;
	top:18px;
	display:block;
	content: '';
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent; 
	border-left:3px solid rgba(0, 0, 0, 0.16); /* bluebox option 4 */
}

.sidebar .widget-wrap:last-child {
	margin-bottom:0;
}

.widget-wrap .heading-wrap {
	position:relative;
	margin-bottom:30px;
	margin-top:-34px;
	padding-bottom:10px;
	border-bottom:4px solid rgba(0, 0, 0, 0.03);
	
	/* sinote fix */
	
	padding-bottom:0px;
	margin-bottom:24px;
}

.widget-wrap .heading-wrap h3 {
	position:relative;
	margin-top:0;
	padding-top:0;
	color:rgba(0, 0, 0, 0.5); /* bluebox option 4 */
	/*text-transform:uppercase;*/
	margin-bottom:30px;
	padding-bottom:10px;
	display:inline;
	font-weight:300;
	font-size:18px;
	line-height:24px;
	
	/* sinote fix */
	
	margin-bottom:0px;
	padding-bottom:10px;
	display:inline-block;
}

.widget-wrap .heading-wrap h3 > span {
	position:absolute;
	display:block;
	height:4px;
	background-color:rgba(0, 0, 0, 0.06);
	bottom:0;
	left:0;
	right:0;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear; /* css3 - done */
	
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.09), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.09), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.09), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09); /* css3 - done */
}

.widget-wrap .heading-wrap h3 > span {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	bottom:-4px;
	z-index:10;
}

.tagcloud a {
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	padding:6px 10px;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
	-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16); /* css3 done */
	display:inline-block;
	background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear; /* css3 - done */
	margin: 0px 8px 10px 0px;
}

.tagcloud a:hover {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.widget-wrap table#wp-calendar {
	width:100%;
}

.widget-wrap table#wp-calendar td,
.widget-wrap table#wp-calendar caption {
	padding:10px;
	text-align:center;
}

form.search-form {
	margin-bottom:0;
}

.widget-wrap form.search-form input.text-input {
	padding:8px 11px;
	font-family: 'Source Sans Pro', sans-serif;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */
	-webkit-box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	-webkit-transition:box-shadow 0.2s linear;
	-moz-transition:box-shadow 0.2s linear;
	-o-transition:box-shadow 0.2s linear;
	transition:box-shadow 0.2s linear; /* css3 - done */
	outline:none;
	width:90% !important;
}

.widget-wrap form.search-form input.text-input:focus {
	border:none !important;
	-webkit-box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.12) !important;
	-moz-box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.12) !important;
	box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.12) !important; /* css3 - done */
	outline:none !important;
}

.widget-wrap form.search-form input.submit {
	display:none;
}

/* BEGIN menu */

.sidebar .menu,
.sidebar .menu-item,
.sidebar .menu-item .sub-menu {
	list-style-type:none;
	margin:0;
	padding:0;
}

.sidebar .menu-item .sub-menu {
	border-top:2px solid rgba(0, 0, 0, 0.03);
}

.sidebar .menu li,
.sidebar .menu .submenu li {
	/*padding:10px 0 10px 30px;*/
	border-bottom:2px solid rgba(0, 0, 0, 0.03);
	margin-left:0;
	padding:0;
	position:relative;
	display:block;
	
}

.sidebar .menu li:last-child {
	border-bottom:none;
}

.sidebar .menu li:before {
	content: " ";
	position:absolute;
	top:12px;
	height:18px;
	width:18px;
	display:block;
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
	background-color:rgba(0, 0, 0, 0.03);
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.16);
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.16);
	-o-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.16);
	box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.16); /* css3 - done */
	border-bottom:1px solid rgba(0, 0, 0, 0.03);
	-webkit-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
	transition:background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear; /* css3 - done */
}

.sidebar .menu li.current-menu-item:before,
.sidebar .menu li.current-menu-item:before:hover {
	content: " ";
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.sidebar .menu .sub-menu li:before {
	display:none;
}

.sidebar .menu li a {
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear; /* css3 - done */
	display:block;
}

.sidebar.left-sidebar .menu li a {
	padding:12px 6px 12px 6px;
	-webkit-box-shadow:inset -4px 0px 0px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset -4px 0px 0px 0px rgba(0, 0, 0, 0.06);
	-o-box-shadow:inset -4px 0px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset -4px 0px 0px 0px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.sidebar.right-sidebar .menu li a {
	padding:12px 12px 12px 40px;
	-webkit-box-shadow:inset 4px 0px 0px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 4px 0px 0px 0px rgba(0, 0, 0, 0.06);
	-o-box-shadow:inset 4px 0px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset 4px 0px 0px 0px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.sidebar.left-sidebar .menu .sub-menu li a {
	padding:12px 45px 12px 16px;
}

.sidebar.right-sidebar .menu .sub-menu li a {
	padding:12px 6px 12px 50px;
}

.sidebar .menu li > a:hover,
.sidebar .menu li.current-menu-item > a {
	background-color:rgba(255, 255, 255, 0.16);
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
}

.sidebar.left-sidebar .menu li:before {
	content: " ";
	right:12px;
}

.sidebar.right-sidebar .menu li:before {
	content: " ";
	left:12px;
}


.sidebar.left-sidebar .menu li:after {
	content: " ";
	position:absolute;
	top:19px;
	right:19px;
	display:block;
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid rgba(0, 0, 0, 0.42);
}

.sidebar.right-sidebar .menu li:after {
	content: " ";
	position:absolute;
	top:19px;
	left:19px;
	display:block;
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-right: 3px solid rgba(0, 0, 0, 0.42);
}

.sidebar.left-sidebar .menu li:hover:after {
	content: " ";
	border-left: 3px solid rgba(0, 0, 0, 0.6);
}

.sidebar.right-sidebar .menu li:hover:after {
	content: " ";
	border-right: 3px solid rgba(0, 0, 0, 0.6);
}

.sidebar.left-sidebar .menu li.current-menu-item:after {
	content: " ";
	border-left: 3px solid rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.sidebar.right-sidebar .menu li.current-menu-item:after {
	content: " ";
	border-right: 3px solid rgba(255, 255, 255, 1); /* bluebox option 2 */
}

.sidebar .menu .sub-menu li:after {
	display:none;
}

.sidebar .menu li:hover:before {
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	-o-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.26); /* css3 - done */
	border-bottom:1px solid rgba(0, 0, 0, 0.06);
}

.sidebar .menu li.current-menu-item:hover:before {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

/* END menu */

/* END sidebar */

/* BEGIN blog */

body.blog .roki-wrap .content-wrap .row-fluid .main-content>.row-fluid {
margin-top: 90px;
}

body.blog .roki-wrap .content-wrap .row-fluid .main-content>.row-fluid:first-child {
margin-top: 60px;
}

body.single-post.roki-wrap .content-wrap .row-fluid .main-content>.row-fluid {
margin-top: 60px;
}

.blog .main-content .roki-element-heading  {
	margin-bottom:14px;
}

.blog .main-content span.roki-date,
.category .main-content span.roki-date,
.tag .main-content span.roki-date  {
	display:inline-block;
	margin:0 0 20px 0;
}

.blog .main-content h2 a,
.blog .main-content h2,
.blog .main-content span.roki-date a,
span.roki-date a {
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

.blog .main-content h2 a,
.blog .main-content h2 {
	font-size:24px;
	/*text-transform:uppercase;*/
	
	/*font-size:36px;*/
	
	margin:0;
}

.blog .main-content h2 a:hover,
.blog .main-content span.roki-date a:hover,
span.roki-date a:hover  {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.blog .main-content .image-wrap,
.category .main-content .image-wrap,
.tag .main-content .image-wrap {
	margin:0px 0 20px 0;
}

.blog .main-content .roki-button-link,
.category .main-content .roki-button-link,
.tag .main-content .roki-button-link {
	margin-top:10px;
}

/* BEGIN single blog post */

.single-post .image-wrap {
	margin-bottom:60px;
	margin-bottom:40px;
}

.single-post .single-post-content h2 {
	margin-bottom:0px;
}

.single-post span.roki-date {
	margin:0 0 14px 0;
	display:inline-block;
}

.single-post h2 a,
.single-post h2,
.single-post span.roki-date a {
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

.single-post h2 a,
.single-post h2 {
	font-size:24px;
	/*text-transform:uppercase;*/
	margin:0;
}

.single-post h2 a:hover,
.single-post span.roki-date a:hover {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.single-post-social-bar{
	margin-top:20px;
	background-color:rgba(0, 0, 0, 0.01);
	background-image:url(images/roki/grid-tile-5px-5px.png);
	padding:30px;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03); /* css3 - done */
	overflow:hidden;
}

.single-portfolio .single-post-social-bar,
.single-gallery .single-post-social-bar {
	margin-bottom:60px;
	margin-top:0;
}

.single-post-social-bar{ /* themeforest */
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
}

.single-post-social-bar .roki-button-link {
	width:30px;
	height:30px;
	display:inline-block;
	text-align:center;
	padding:0;
	line-height:30px;
	margin: 0px 8px 0px 0px;
}

.about-author {
	margin:90px 0 0 0;
}

.about-author .author-info {
	background-color:rgba(0, 0, 0, 0.01);
	background-image:url(images/roki/grid-tile-5px-5px.png);
	padding:30px;
	/*-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);  css3 - done */
	overflow:hidden;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
}

.about-author .author-info p:last-child {
	margin-bottom:0;
}

.about-author .image-wrap {
	float:left;
	margin:0;
	width:16%;
}

.about-author .author-info-wrap {
	float:left;
	width:84%;
}

.about-author .author-info-wrap p {
	margin:0 0 0 20px;
}

.roki-related {
	margin-top:60px;
}

.roki-comments,
.roki-leave-reply {
	margin:60px 0 0 0;
}

.single-portfolio .roki-gallery,
.single-gallery .roki-gallery {
	margin-bottom:60px;
}

.gumm-pagination {
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;
	margin-top:60px;
}

.gumm-pagination li {
	text-align:left;
	display:inline-block;
	min-height:30px;
	margin: 0px 10px 10px 0px;
}

.gumm-pagination li a {
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	padding:6px 10px;
	-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16); /* css3 done */
	display:inline-block;
	background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear; /* css3 - done */
}

.gumm-pagination li a:hover {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

/* BEGIN blog loop 2 medium */

.blog-medium-image div.row-fluid > div.row-fluid > div.span12 {
	margin-bottom:60px;
}

.blog-medium-image div.row-fluid > div.row-fluid:last-child > div.span12 {
	margin-bottom:0;
}

.blog-medium-image div.row-fluid > div.row-fluid > div.span12 h2 {
	font-size: 18px;
	line-height: 20px;
	margin: 14px 0;
}

.blog-medium-image div.row-fluid > div.row-fluid > div.span12 span.roki-date {
	margin-bottom:10px;
}

/* END blog loop 2 medium */

.blog-layout-element.grid .roki-blog-thumbs {
	margin-bottom:60px;
}

/* END single blog post */

/* BEGIN categories list */

.categories-list {
	margin:-30px 0 20px 0;
	padding:0;
	list-style-type:none;
	display:block;
}
.gumm-layout-element-has-title .categories-list {
    margin-top: 0;
}

.categories-list.single-page {
	margin:0;
}

.categories-list li {
	display:inline-block;
}

.categories-list li a {
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	
	padding: 6px 10px 6px 20px;
	position:relative;
	
	-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16); /* css3 - done */
	display:inline-block;
	background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear; /* css3 - done */
	margin: 0px 8px 10px 0px;
}

.categories-list li a:after {
	content: " ";
	position:absolute;
	top:13px;
	left:10px;
	display:block;
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid rgba(0, 0, 0, 0.09); /* bluebox option 4 */
}

.categories-list li a:hover:after {
	border-left: 3px solid rgba(255, 255, 255, 0.26); /* bluebox option 2 */
}

.categories-list li a:hover {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

.categories-list li.current a:hover,
.categories-list li.current a {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

.categories-list li.current a:hover:after,
.categories-list li.current a:after {
	border-left: 3px solid rgba(255, 255, 255, 0.42); /* bluebox option 2 */
}


/* END categories list */

h3#reply-title,
p.comment-form-comment label {
	display:block;
	margin:30px 0 0 0;
	color:rgba(0, 0, 0, 0.3); /* bluebox option 4 */
	/*text-transform:uppercase;*/
	margin-bottom:20px;
	padding-bottom:10px;
	font-weight:300;
	line-height:24px;
	font-size:18px;
	border-bottom: 4px solid rgba(0, 0, 0, 0.03);
}

p.comment-form-comment label {
	border:none;
}

p.comment-notes {
	margin-bottom:60px;
}

textarea#comment{
	width:96%;
	height:150px;
	padding:8px 11px;
	font-family: 'Source Sans Pro', sans-serif;
}

input[type="text"] {
  padding:8px 11px;
  font-family: 'Source Sans Pro', sans-serif;
}

textarea:focus,
.sidebar .widget-wrap form.search-form input.text-input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(34, 169, 247, 0.8); /* bluebox option 1 */
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(34, 169, 247, 0.6); /* bluebox option 1 */
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(34, 169, 247, 0.6); /* bluebox option 1 */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(34, 169, 247, 0.6); /* bluebox option 1 */ /* css3 - done */
}

/* begin post comments */

.comments-wrap {
	margin-top:90px;
}

ol.comment-list,
ul.children {
	list-style-type:none;
	margin:30px 0 0 0;
	padding:0;
}

ul.children li:last-child {
	padding-bottom:0 !important;
}

ol.comment-list li.comment {
	display:block;
	margin-top:30px;
	position:relative;
	padding:0 0 30px 60px;
}

ol.comment-list li.comment:first-child {
	margin-top:0;
}

ol.comment-list > li.comment {
	border-bottom:2px solid rgba(0, 0, 0, 0.03);
}

ol.comment-list > li.comment:last-child {
	border-bottom: none;
}

ol.comment-list li.comment div.comment-author cite {
	font-size:18px;
	font-weight:700;
	margin:0 10px 10px 0;
}

ol.comment-list li.comment span.says {
	display:none;
}

ol.comment-list li.comment div.comment-author cite a {
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

ol.comment-list li.comment div.comment-author cite a:hover {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

ol.comment-list li.comment div.comment-author,
ol.comment-list li.comment div.comment-meta {
	float:left;
}

ol.comment-list li.comment div.comment-meta {
	font-size:12px;
}

ol.comment-list li.comment div.comment-meta a {
	color:rgba(0, 0, 0, 0.5); /* bluebox option 4 */
}

ol.comment-list li.comment div.comment-meta a:hover {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

ol.comment-list li.comment div.comment-body > p {
	clear:both;
	padding-top:6px;
}

ol.comment-list li.comment div.comment-author img {
	float:left;
	margin:2px 20px 16px 0;
	padding:4px;
	-webkit-border-radius:6px !important;
   	-moz-border-radius:6px !important;
    border-radius:6px !important; /* css3 - done */
	background-color:#fff;
	position:absolute;
	display:block;
	left:0;
	top:0;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}

/* end post comments */


/* END single blog post */

/* END blog */

/* BEGIN evgeni fix */

@media (max-width: 767px) {
body {
padding-right: 0px !important;
padding-left: 0px !important;
}

.container-fluid {
	padding:0 20px !important;
}
}

.wi-container {
	position: relative;
	-webkit-perspective: 1400px;
	-moz-perspective: 1400px;
	-ms-perspective: 1400px;
	-o-perspective: 1400px;
	perspective: 1400px;
	z-index: 50;
}

.wi-container > * {
    display: none;
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: auto;
	background-color: #fafafa;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.wi-container > *:first-child {
    display: block;
}

.wi-container > .wi-move {
	pointer-events: none;
	-webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease, left 500ms ease, top 500ms ease;
	-moz-transition: -moz-transform 500ms ease, opacity 500ms ease, left 500ms ease, top 500ms ease;
	-o-transition: -o-transform 500ms ease, opacity 500ms ease, left 500ms ease, top 500ms ease;
	-ms-transition: -ms-transform 500ms ease, opacity 500ms ease, left 500ms ease, top 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, left 500ms ease, top 500ms ease;
}

/* END evgeni fix */

/* BEGIN revolution slider fix */

.tp-bannertimer {
	background-image:none !important;
	background-color:rgba(0, 0, 0, 0.06) !important;
	height:6px !important;
}

.tp-bullets.simplebullets {
	opacity:1 !important;
	bottom:30px !important;
}

.tp-bullets.simplebullets .bullet {
	background-image: none !important;
	background-color:rgba(0, 0, 0, 0.06) !important;
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	
	height:16px !important;
	width:16px !important;
	-webkit-border-radius:100% !important;
   	-moz-border-radius:100% !important;
    border-radius:100% !important; /* css3 - done */
	margin:0 8px !important;
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear; /* css3 - done */
}

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
	background-color:rgba(34, 169, 247, 1) !important; /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
}

.tparrows.default {
}

.tparrows.default {
	margin-top:-20px 30px 0 30px !important;
	background-image: none !important;
	height:40px !important;
	width:38px !important;
	background-color:rgba(0, 0, 0, 0.06) !important;
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px !important;
   	-moz-border-radius:6px !important;
    border-radius:6px !important; /* css3 - done */
	line-height:42px;
	font-size:20px;
	text-align:center;
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear, opacity .2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear, opacity .2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear, opacity .2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear, opacity .2s linear; /* css3 - done */
}
.tparrows.default:hover {
	background-color:rgba(34, 169, 247, 1) !important; /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
}

.tp-leftarrow.tparrows.default {
	padding-right:2px !important;
}

.tp-rightarrow.tparrows.default {
	padding-left:1px !important;
	width:39px !important;
}

.tparrows.tp-rightarrow.round {
    margin-top: 0;
    margin-left: 10px;
}
.tparrows.tp-leftarrow.round {
    margin-top: 0;
    margin-right: 10px;
}

/*.tparrows.default:after {
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear; /* css3 - done
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tp-rightarrow.tparrows.default:after {
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(34, 169, 247, 1); /* bluebox option 2
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3); /* css3
	margin:15px 0 0 18px;
}

.tp-leftarrow.tparrows.default:after {
	border-width: 5px 5px 5px 0;
	border-right-color:rgba(34, 169, 247, 1); /* bluebox option 2
	margin:15px 0 0 17px;
}

.tp-rightarrow.tparrows.default:hover:after {
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2
}

.tp-leftarrow.tparrows.default:hover::after {
	border-right-color:rgba(255, 255, 255, 1); /* bluebox option 2 
}*/

/* END revolution slider fix */

/* BEGIN roki pricing table */

ul.roki-pricing-table.cols-2 > li {
	width:50%;
}

ul.roki-pricing-table.cols-3 > li {
	width:33.33333333%
}

ul.roki-pricing-table.cols-4 > li {
	width:25%;
}

ul.roki-pricing-table.cols-5 > li {
	width:20%;
}

ul.roki-pricing-table.cols-6 > li {
	width:16.66666666%
}

ul.roki-pricing-table {
	padding:0;
	margin:0;
	list-style-type:none;
	display:block;
	background-color:#fff;
	float:left;
	width:100%;
	
	-webkit-box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	margin-bottom:100px;
}

ul.roki-pricing-table > li {
	/*width:25%;*/
	height:100%;
	float:left;
	text-align:center;
	position:relative;
}

ul.roki-pricing-table li > div {
	position:relative;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:#fff;
	-webkit-box-shadow:inset -1px 0px 1px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset -1px 0px 1px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset -1px 0px 1px 0px rgba(0, 0, 0, 0.06); /* css3 - done */
}

ul.roki-pricing-table li.selected > div {
	position:relative;
	z-index:100;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	margin:-10px;
	
	-webkit-box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06) !important;
	-moz-box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06) !important;
	box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06) !important; /* css3 - done */
}

/*ul.roki-pricing-table > li:last-child > div {
	box-shadow:none;  last option bug 
}*/

ul.roki-pricing-table li > div ul {
	padding:0;
	margin:0;
	list-style-type:none;
	display:block;
	position:relative;
}

ul.roki-pricing-table li > div ul li {
	display:block;
	margin:0;
	padding:30px;
	list-style:none;
	-webkit-box-shadow:inset 0px -1px 1px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 0px -1px 1px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset 0px -1px 1px 0px rgba(0, 0, 0, 0.06); /* css3 - done */
}

ul.roki-pricing-table li > div ul li:last-child {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
}

ul.roki-pricing-table li > div ul li.heading-row {
	background-image:url(images/roki/grid-tile-5px-5px.png);
	background-repeat:repeat;
	background-position:left top;
}

ul.roki-pricing-table li.selected > div ul li.heading-row {
	padding:20px 30px;
}

ul.roki-pricing-table li > div ul li.heading-row h3 {
	margin:0;
	display:block;
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

ul.roki-pricing-table li.selected > div ul li.heading-row h3 {
	margin:10px 0 10px 0;
}

ul.roki-pricing-table li > div ul li.heading-row h3 {
	margin:0;
	display:block;
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); /* css3 */
}

ul.roki-pricing-table li > div ul li.price-row {
	display:block;	
	
	
	background:
	url(images/roki/top-gradient-dark-6px.png),
	url(images/roki/top-gradient-dark-13px.png),
	url(images/roki/bottom-gradient-dark-6px.png),
	url(images/roki/bottom-gradient-dark-13px.png),
	url(images/roki/noise-bg-1.png),
	-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.09) 50%, rgba(255,255,255,0) 100%),
	url(images/roki/grid-tile-5px-5px.png),
	-moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 100%),
	-moz-linear-gradient(left,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%),
	-moz-linear-gradient(right,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%);
	/* FF3.6+ */
	
	background:
	url(images/roki/top-gradient-dark-6px.png),
	url(images/roki/top-gradient-dark-13px.png),
	url(images/roki/bottom-gradient-dark-6px.png),
	url(images/roki/bottom-gradient-dark-13px.png),
	url(images/roki/noise-bg-1.png),
	-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.09)), color-stop(100%,rgba(255,255,255,0))),
	url(images/roki/grid-tile-5px-5px.png),
	-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.06)), color-stop(100%,rgba(255,255,255,0))),
	-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.03)), color-stop(1%,rgba(0,0,0,0.03)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))),
	-webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.03)), color-stop(1%,rgba(0,0,0,0.03)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	/* Chrome,Safari4+ */
	
	background:
	url(images/roki/top-gradient-dark-6px.png),
	url(images/roki/top-gradient-dark-13px.png),
	url(images/roki/bottom-gradient-dark-6px.png),
	url(images/roki/bottom-gradient-dark-13px.png),
	url(images/roki/noise-bg-1.png),
	-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%),
	url(images/roki/grid-tile-5px-5px.png),
	-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%),
	-webkit-linear-gradient(left,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%),
	-webkit-linear-gradient(right,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%);
	/* Chrome10+,Safari5.1+ */
	
	background:
	url(images/roki/top-gradient-dark-6px.png),
	url(images/roki/top-gradient-dark-13px.png),
	url(images/roki/bottom-gradient-dark-6px.png),
	url(images/roki/bottom-gradient-dark-13px.png),
	url(images/roki/noise-bg-1.png),
	-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%),
	url(images/roki/grid-tile-5px-5px.png),
	-o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%),
	-o-linear-gradient(left, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%),
	-o-linear-gradient(right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%);
	/* Opera 11.10+ */
	
	background:
	url(images/roki/top-gradient-dark-6px.png),
	url(images/roki/top-gradient-dark-13px.png),
	url(images/roki/bottom-gradient-dark-6px.png),
	url(images/roki/bottom-gradient-dark-13px.png),
	url(images/roki/noise-bg-1.png),
	-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%),
	url(images/roki/grid-tile-5px-5px.png),
	-ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%),
	-ms-linear-gradient(left,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%),
	-ms-linear-gradient(right,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%);
	/* IE10+ */
	
	background:
	url(images/roki/top-gradient-dark-6px.png),
	url(images/roki/top-gradient-dark-13px.png),
	url(images/roki/bottom-gradient-dark-6px.png),
	url(images/roki/bottom-gradient-dark-13px.png),
	url(images/roki/noise-bg-1.png),
	linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%),
	url(images/roki/grid-tile-5px-5px.png),
	radial-gradient(ellipse at center, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%),
	linear-gradient(to right,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%),
	linear-gradient(to left,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%);
	/* W3C */
	
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12);
	box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12); /* css3 - done */
	
	background-color:rgba(80, 123, 6, 1); /* bluebox option 3 */
	
	padding:0;
	
	
	
	background-repeat:repeat-x, repeat-x, repeat-x, repeat-x, repeat, repeat, repeat, repeat, repeat, repeat;
	background-position:left top, left top, left bottom, left bottom;
}

ul.roki-pricing-table li > div ul li.price-row div {
	padding:30px 25px 20px 25px;
	background:transparent;	
	color:rgba(255, 255, 255, 0.5); /* bluebox option 2 */
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); /* css3 */
	-webkit-box-shadow:inset -1px 0px 0px 0px rgba(0, 0, 0, 0.16), inset 1px 0px 0px 0px rgba(255, 255, 255, 0.12);
	-moz-box-shadow:inset -1px 0px 0px 0px rgba(0, 0, 0, 0.16), inset 1px 0px 0px 0px rgba(255, 255, 255, 0.12);
	box-shadow:inset -1px 0px 0px 0px rgba(0, 0, 0, 0.16), inset 1px 0px 0px 0px rgba(255, 255, 255, 0.12); /* css3 - done */
}

ul.roki-pricing-table li.selected > div ul li.price-row div {
	padding:38px 20px 27px 20px;
}

ul.roki-pricing-table li:first-child > div ul li.price-row div {
	-webkit-box-shadow:inset -1px 0px 0px 0px rgba(0, 0, 0, 0.16), inset 1px 0px 0px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:inset -1px 0px 0px 0px rgba(0, 0, 0, 0.16), inset 1px 0px 0px 0px rgba(0, 0, 0, 0.16);
	box-shadow:inset -1px 0px 0px 0px rgba(0, 0, 0, 0.16), inset 1px 0px 0px 0px rgba(0, 0, 0, 0.16); /* css3 - done */
}

ul.roki-pricing-table li > div ul li.price-row div strong {
	font-weight:900;
	font-size: 36px;
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	margin:0 4px;
}

ul.roki-pricing-table li.selected > div ul li.price-row div strong {
	font-size: 48px;
}

ul.roki-pricing-table li > div ul li.price-row div span {
	display:inline-block;
	width:100%;
	line-height:18px;
}

ul.roki-pricing-table li a.roki-button-link {
	margin:0;
}

/* END roki pricing table */

/* BEGIN partners */

div.roki-partners {
	position:relative;
}

div.roki-partners.gumm-layout-element-slider {
	padding:0 60px;
}

div.roki-partners ul {
	display:block;
/*  height:127px;*/
	padding:0;
	margin:0;
	list-style-type:none;
}

div.roki-partners ul li {
	list-style-type:none;
	padding:0;
	margin:0;
	display:inline-block;
	width:20%;
	float:left;
	text-align:center;
	/*-webkit-box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.6), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.6), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow:1px 0px 0px 0px rgba(255, 255, 255, 0.6), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06);  css3 - done */
}

div.roki-partners ul li { /* themeforest edit */
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
}

/*div.roki-partners ul li:last-child {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done 
}*/

/*div.roki-partners ul li:first-child {
	-webkit-box-shadow:inset 1px 0px 0px 0px rgba(0, 0, 0, 0.06), 1px 0px 0px 0px rgba(255, 255, 255, 0.6), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 1px 0px 0px 0px rgba(0, 0, 0, 0.06), 1px 0px 0px 0px rgba(255, 255, 255, 0.6), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06);
	box-shadow:inset 1px 0px 0px 0px rgba(0, 0, 0, 0.06), 1px 0px 0px 0px rgba(255, 255, 255, 0.6), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06); /* css3 - done
}*/

div.roki-partners ul li a {
	display:block;
/*  height:127px;*/
	padding:8px;
	/*opacity:0.3; */
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
}

div.roki-partners ul li a img {
	opacity:0.3;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
	
	border:4px solid rgba(0, 0, 0, 0.06); /* themeforest edit */
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* themeforest edit */
	display:block; /* themeforest edit */
}

div.roki-partners ul li a:hover img {
	opacity:1;
}

div.roki-partners .heading-pagination {
	left:0px;
	right:0px;
	top:50%;
	margin-top:-15px;
	height:30px;
	position:absolute;
}

div.roki-partners .roki-color-link {
	width:29px;
	height:30px;
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	top:0;
	position:absolute;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	line-height:33px;
	text-align:center;
	font-size:18px;
}

div.roki-partners .roki-color-link.prev {
	left:0;
	padding-right:1px;
}

div.roki-partners .roki-color-link.next {
	right:0;
	padding-left:1px;
}

/*div.roki-partners .roki-color-link::after {
	-webkit-transition:border-color 0.2s linear;
	-moz-transition:border-color 0.2s linear;
	-o-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear; /* css3 - done
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

div.roki-partners .roki-color-link.next::after {
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(34, 169, 247, 1); /* bluebox option 1
	margin:11px 0 0 13px;
}

div.roki-partners .roki-color-link.prev::after {
	border-width: 5px 5px 5px 0;
	border-right-color:rgba(34, 169, 247, 1); /* bluebox option 1
	margin:11px 0 0 12px;
}

div.roki-partners .roki-color-link:hover.next::after {
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2
}

div.roki-partners .roki-color-link:hover.prev::after {
	border-right-color:rgba(255, 255, 255, 1); /* bluebox option 2
}*/

/* END partners */

/* BEGIN twitter widget */

.roki-twitter-widget {
	position:relative;
	background-color:#47bff5;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px; /* css3 - done */
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}

.roki-tweet-wrap {
	position: absolute;
	bottom:0px;
	color: #fff;
	opacity: 0.1;
	font-size: 100px;
	left:0px;
}

.roki-twitter-widget .roki-tweet-content {
	padding:20px;
	min-height:60px;
	color:rgba(255, 255, 255, 1); 
	/*font-size:20px;
	line-height:26px;*/
	font-weight:300;
	font-style:italic;
	position:relative;
	z-index:50;
	margin-bottom:30px;
}

div.footer-content .roki-twitter-widget .roki-tweet-content {
	/*background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */*/
	color:rgba(80, 123, 6, 1); /* bluebox option 3 */
}

.roki-twitter-widget.loading .roki-tweet-content {
	background-image:url(images/roki/twitter-preloader.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.roki-twitter-widget p {
	padding:0;
	margin:0;
}

.roki-twitter-widget p a {
	border-bottom:1px dotted rgba(255, 255, 255, 0.3); /* bluebox option 2 */
	-webkit-transition:border-bottom 0.2s linear;
	-moz-transition:border-bottom 0.2s linear;
	-o-transition:border-bottom 0.2s linear;
	transition:border-bottom 0.2s linear; /* css3 - done */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

div.footer-content .roki-twitter-widget p a {
	border-bottom:1px dotted rgba(80, 123, 6, 0.3); /* bluebox option 3 */
	color:rgba(80, 123, 6, 1); /* bluebox option 3 */
}

.roki-twitter-widget p a:hover {
	border-bottom:1px dotted rgba(255, 255, 255, 1);
}

div.footer-content .roki-twitter-widget p a:hover {
	border-bottom:1px dotted rgba(80, 123, 6, 1); /* bluebox option 3 */
}

.roki-twitter-widget span.roki-tweet {
	text-align:right;
	margin-top:20px;
	display:inline-block;
	width:100%;
	opacity:0.5;
}

.roki-twitter-widget p a.roki-tweet {
	display:block;
	float:right;
	margin-top:20px;
}

.roki-twitter-widget span.roki-twitter-detail {
	position:absolute;
	bottom:-10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	left:50%;
	margin-left:-10px;
	border-top: 10px solid #47bff5;
}
.roki-twitter-widget.flex-slider.loading {
    background-image:none;
    overflow:visible;
}
.roki-twitter-widget.flex-slider.loading .slides {
    visibility:visible;
}

div.footer-content .roki-twitter-widget span.roki-twitter-detail {
	border-top: 10px solid rgba(255, 255, 255, 1); /* bluebox option 2 */
}

div.footer-content .roki-twitter-widget.loading .roki-tweet-content {
	background-image:url(images/roki/twitter-footer-preloader.gif);
}

/* END twitter widget */

/* BEGIN builder gallery */

div.gallery-wrap {
	position:relative;
}

.gumm-layout-element-grid .row-fluid {
	margin-bottom:30px;
}

.gumm-layout-element-grid .row-fluid:last-child {
	margin-bottom:0;
}

div.gallery-wrap div.image-container {
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	padding:6px;
	background-color:#fff;
	position:relative;
	z-index:15;
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* themeforest edit */
	padding:4px; /* themeforest edit */
}

div.gallery-wrap div.image-container a img {
	opacity:1;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear; /* css3 - done */
	-webkit-backface-visibility: hidden; /* css3 */
}

div.gallery-wrap:hover div.image-container a img {
	opacity:0.1;
}

div.gallery-wrap div.image-container h4 > a.image-title {
	z-index:10;
	display:block;
	
	-webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px; /* css3 - done */ /* themeforest edit */
}

div.gallery-wrap div.image-container h4 {
	margin:0;
}

div.gallery-wrap div.image-container a.image-title {
	position:absolute;
	bottom:5px;
	left:6px;
	right:6px;
	background-color:rgba(0, 0, 0, 0.6);
	border:1px solid rgba(0, 0, 0, 0.9);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px; /* css3 - done */
	padding:10px;
	font-size:16px;
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	transition: background-color 0.2s linear, color 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear;
	-ms-transition: background-color 0.2s linear, color 0.2s linear;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear; /* css3 - done */
	
	right:4px; /* themeforest edit */
	left:4px; /* themeforest edit */
	bottom:4px; /* themeforest edit */
}

div.gallery-wrap div.image-container a.image-title:hover {
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	background-color:rgba(0, 0, 0, 0.9);
}

div.gallery-wrap div.bg-sheet-2 {
	left:3px;
	right:3px;
	bottom:-3px;
	z-index:10;
}

div.gallery-wrap div.bg-sheet-1,
div.gallery-wrap div.bg-sheet-2{
	top:10px;
	background-image:none;
	background-color:#fff;
	position:absolute;
	-webkit-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */ /* themeforest */
}

div.gallery-wrap div.bg-sheet-3 {
	left:-4px;
	right:-4px;
	bottom:-15px;
	position:absolute;
	background-image:url(images/roki/note-left-bottom-corner-bg.png), url(images/roki/note-right-bottom-corner-bg.png);
	top:10px;
	z-index:9;
	background-position:left bottom, right bottom;
	background-repeat:no-repeat;
	opacity:0.6;
}

/* END builder gallery */

/* BEGIN shortcodes ---------------------------*/

/*  Span Labels  

span.label {
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px; /* css3 - done
    background-color: #bfbfbf;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 3px 2px 3px;
    text-transform: uppercase;
}

span.success{
    background-color:#46a546;
}

span.warning{
    background-color:#f89406;
}

span.important{
    background-color:#c43c35;
}

span.notice{
    background-color:#62cffc;
}*/

/* ---------- dropcaps ---------- */

.dropcap {
	height:34px;
	width:34px;
	margin-right:0.5em;
	overflow:hidden;
	font-size:1.6em;
	line-height:34px;
	font-weight:bold;	
	text-align:center;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px; /* css3 - done */
	text-transform:uppercase;
	float:left;
	display:block;
}

.dropcap.large {
	height:50px;
	width:50px;
	margin-right:0.5em;
	font-size:2em;
	line-height:50px;
}

.dropcap.rounded {
	-webkit-border-radius:100%;
   	-moz-border-radius:100%;
    border-radius:100%; /* css3 - done */
}

.dropcap.blue {
	color:#fff;
	font-weight:lighter;
	background-color:#4daedd;
}

.dropcap.blue-text {
	color:#4daedd;
	background-color:transparent;
}

.dropcap.green {
	color:#fff;
	font-weight:lighter;
	background-color:#89ab46;
}

.dropcap.green-text {
	color:#89ab46;
	background-color:transparent;
}

.dropcap.red {
	color:#fff;
	font-weight:lighter;
	background-color:#c51c19;
}

.dropcap.red-text {
	color:#c51c19;
	background-color:transparent;
}

.dropcap.orange {
	color:#fff;
	font-weight:lighter;
	background-color:#df8f11;
}

.dropcap.orange-text {
	color:#df8f11;
	background-color:transparent;
}

.dropcap.gray {
	color:#000;
	font-weight:lighter;
	background-color:#e8e8e8;
}

.dropcap.gray-text {
	color:#bbb;
	background-color:transparent;
}

.dropcap.black {
	color:#fff;
	font-weight:lighter;
	background-color:#000;
}

/* ---------- Columns ---------- */

.one-half {
	width: 48%;
}

.one-third {
	width: 30.66%;
}

.two-third {
	width: 65.33%;
}

.one-fourth {
	width: 22%;
}

.three-fourth {
	width: 74%;
}

.one-fifth {
	width: 16.8%;
}

.two-fifth {
	width: 37.6%;
}

.three-fifth {
	width: 58.4%;
}

.four-fifth {
	width: 67.2%;
}

.one-sixth {
	width: 13.33%;
}

.five-sixth {
	width: 82.67%;
}

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px !important;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

/* ---------- Tables ---------- 

#content table {
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background-color:rgba(0, 0, 0, 0.01);
}

#content table th,
#content table td {
	padding: 10px;
	text-align: left;
}

#content table th {
	padding-top: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

#content table td {
	vertical-align: top;
}

#content table th + th,
#content table td + td {
	border-left: 1px solid rgba(0, 0, 0, 0.05);
}

#content table tr + tr td {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.ribbed tbody tr:nth-child(odd) td {
	background-color: rgba(0, 0, 0, 0.014);
}

.ribbed tbody tr:hover td {
	background-color: rgba(0, 0, 0, 0.019);
}

#content table .header {
	cursor: pointer;
}

#content table .header:after {
	float: right;
	margin-top: 7px;
	border-width: 0 4px 4px;
	border-color: #000 transparent;
	visibility: hidden;
}

/* ---------- list styles ---------- */

ul.sc-list li {
	padding-left:0;
	list-style-type:none;
}

ul.sc-list li {
	padding-left:30px;
	background-position:left center;
	background-repeat:no-repeat;
	list-style-type:none;
}

ul.sc-list.accept li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/accept.png);
}

ul.sc-list.add li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/add.png);
}

ul.sc-list.android li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/android.png);
}

ul.sc-list.apple_corp li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/apple_corp.png);
}

ul.sc-list.arrow_right li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/arrow_right.png);
}

ul.sc-list.award_star_bronze_2 li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/award_star_bronze_2.png);
}

ul.sc-list.brick li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/brick.png);
}

ul.sc-list.bullet_add li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_add.png);
}

ul.sc-list.bullet_arrow_right li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_arrow_right.png);
}

ul.sc-list.bullet_black li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_black.png);
}

ul.sc-list.bullet_blue li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_blue.png);
}

ul.sc-list.bullet_delete li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_delete.png);
}

ul.sc-list.bullet_error li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_error.png);
}

ul.sc-list.bullet_go li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_go.png);
}

ul.sc-list.bullet_green li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_green.png);
}

ul.sc-list.bullet_orange li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_orange.png);
}

ul.sc-list.bullet_pink li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_pink.png);
}

ul.sc-list.bullet_purple li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_purple.png);
}

ul.sc-list.bullet_red li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_red.png);
}

ul.sc-list.bullet_star li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_star.png);
}

ul.sc-list.bullet_toggle_plus li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_toggle_plus.png);
}

ul.sc-list.bullet_white li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_white.png);
}

ul.sc-list.bullet_yellow li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/bullet_yellow.png);
}

ul.sc-list.check_box li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/check_box.png);
}

ul.sc-list.color_management li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/color_management.png);
}

ul.sc-list.color_swatch li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/color_swatch.png);
}

ul.sc-list.color_wheel li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/color_wheel.png);
}

ul.sc-list.comment li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/comment.png);
}

ul.sc-list.comments li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/comments.png);
}

ul.sc-list.control_play_blue li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/control_play_blue.png);
}

ul.sc-list.delete li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/delete.png);
}

ul.sc-list.draw_star li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/draw_star.png);
}

ul.sc-list.email li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/email.png);
}

ul.sc-list.emotion_evilgrin li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_evilgrin.png);
}

ul.sc-list.emotion_grin li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_grin.png);
}

ul.sc-list.emotion_happy li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_happy.png);
}

ul.sc-list.emotion_smile li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_smile.png);
}

ul.sc-list.emotion_suprised li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_suprised.png);
}

ul.sc-list.emotion_tongue li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_tongue.png);
}

ul.sc-list.emotion_unhappy li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_unhappy.png);
}

ul.sc-list.emotion_waii li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_waii.png);
}

ul.sc-list.emotion_wink li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/emotion_wink.png);
}

ul.sc-list.error li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/error.png);
}

ul.sc-list.exclamation li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/exclamation.png);
}

ul.sc-list.feed li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/feed.png);
}

ul.sc-list.flag_1 li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/flag_1.png);
}

ul.sc-list.flag_2 li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/flag_2.png);
}

ul.sc-list.flag_green li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/flag_green.png);
}

ul.sc-list.flag_hot li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/flag_hot.png);
}

ul.sc-list.flag_yellow li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/flag_yellow.png);
}

ul.sc-list.green li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/green.png);
}

ul.sc-list.hand_point li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/hand_point.png);
}

ul.sc-list.heart li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/heart.png);
}

ul.sc-list.help li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/help.png);
}

ul.sc-list.image li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/image.png);
}

ul.sc-list.information li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/information.png);
}

ul.sc-list.key li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/key.png);
}

ul.sc-list.life_vest li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/life_vest.png);
}

ul.sc-list.lightning li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/lightning.png);
}

ul.sc-list.medal_bronze_2 li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/medal_bronze_2.png);
}

ul.sc-list.monitor li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/monitor.png);
}

ul.sc-list.page_white li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/page_white.png);
}

ul.sc-list.printer li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/printer.png);
}

ul.sc-list.resultset_next li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/resultset_next.png);
}

ul.sc-list.ribbon li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/ribbon.png);
}

ul.sc-list.rosette li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/rosette.png);
}

ul.sc-list.shopping li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/shopping.png);
}

ul.sc-list.sign li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/sign.png);
}

ul.sc-list.star li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/star.png);
}

ul.sc-list.statistics li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/statistics.png);
}

ul.sc-list.support li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/support.png);
}

ul.sc-list.tag_blue li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/tag_blue.png);
}

ul.sc-list.tag_green li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/tag_green.png);
}

ul.sc-list.tag_orange li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/tag_orange.png);
}

ul.sc-list.tag_pink li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/tag_pink.png);
}

ul.sc-list.tag_purple li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/tag_purple.png);
}

ul.sc-list.tag_red li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/tag_red.png);
}

ul.sc-list.tag_yellow li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/tag_yellow.png);
}

ul.sc-list.tick li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/tick.png);
}

ul.sc-list.time li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/time.png);
}

ul.sc-list.zoom li {
	background-image: url(images/bluebox/fatcow-hosting-icons-2400/16x16/zoom.png);
}

/* ---------- end list styles ---------- */

/* ---------- Messages & Alerts ---------- */

div.msg {
    -webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */
	/*font-size:12px;*/
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset; /* css3 - done */
    background-color: #fdffca;
    background-image: linear-gradient(bottom, rgb(253,255,196) 0%, rgb(253,255,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(253,255,196) 0%, rgb(253,255,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(253,255,196) 0%, rgb(253,255,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(253,255,196) 0%, rgb(253,255,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(253,255,196) 0%, rgb(253,255,202) 100%);
    background-repeat: repeat-x;
	border:1px solid #ced99c;
    color: #000;
    margin-bottom: 20px;
    padding:20px 40px 20px 20px;
    position: relative;
	-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); /* css3 */
	-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	overflow:hidden;
	position:relative;
}

div.msg p {
	margin:10px 50px 10px 10px;
}

div.error {
	background-color: #fed7d7;
    background-image: linear-gradient(bottom, rgb(254,210,210) 0%, rgb(254,215,215) 100%);
	background-image: -o-linear-gradient(bottom, rgb(254,210,210) 0%, rgb(254,215,215) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(254,210,210) 0%, rgb(254,215,215) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(254,210,210) 0%, rgb(254,215,215) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(254,210,210) 0%, rgb(254,215,215) 100%);
	border:1px solid #ebb9b9;
	color:#610500;
	-moz-text-shadow: 0 1px 0 #fbbebe; /* css3 */
	-webkit-text-shadow: 0 1px 0 #fbbebe;
}

div.success {
	background-color: #cef6d5;
    background-image: linear-gradient(bottom, rgb(200,245,208) 0%, rgb(206,246,214) 100%);
	background-image: -o-linear-gradient(bottom, rgb(200,245,208) 0%, rgb(206,246,214) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(200,245,208) 0%, rgb(206,246,214) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(200,245,208) 0%, rgb(206,246,214) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(200,245,208) 0%, rgb(206,246,214) 100%);
	border:1px solid #b4d0b9;
	color:#0c4e17;
	-moz-text-shadow: 0 1px 0 #befbc7; /* css3 */
	-webkit-text-shadow: 0 1px 0 #befbc7;
}

div.info {
	background-color: #ceeff6;
    background-image: linear-gradient(bottom, rgb(200,237,245) 0%, rgb(206,239,246) 100%);
	background-image: -o-linear-gradient(bottom, rgb(200,237,245) 0%, rgb(206,239,246) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(200,237,245) 0%, rgb(206,239,246) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(200,237,245) 0%, rgb(206,239,246) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(200,237,245) 0%, rgb(206,239,246) 100%);
	border:1px solid #add6df;
	color:#0c344e;
	-moz-text-shadow: 0 1px 0 #b5dbfa; /* css3 */
	-webkit-text-shadow: 0 1px 0 #b5dbfa;
}

.close {
	position:absolute;
	right:20px;
	top:20px;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 13px;
	text-shadow: 0 1px 0 #ffffff; /* css3 */
	filter: alpha(opacity=20);
	-khtml-opacity: 0.2;
	-moz-opacity: 0.2;
	opacity: 0.2;
}

.close:hover {
  color: #000000;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}

/* ---------- start divide ---------- */

div.divide {
	height:3px;
	margin:2em 0;
	clear:both;
	overflow:hidden;
	width:100%;
}

div.divide.divide-1 {
	background-image:url(images/bluebox/divide-1-bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	border-left:1px solid rgba(0, 0, 0, 0.16);
	border-right:1px solid rgba(0, 0, 0, 0.16);
}

div.divide.divide-2 {
	height:4px;
	background-image:url(images/bluebox/divide-2-bg.png);
}

div.divide.divide-3 {
	height:5px;
	background-image:url(images/bluebox/divide-3-bg.png);
}

div.divide.divide-4 {
	height:1px;
	background-image:url(images/bluebox/divide-4-bg.png);
}

/* ---------- end divide ---------- */

/* ---------- start button ---------- */

.button,
/*#button-submit,*/
.nivo-caption a,
div.layout_element_quote_block div.messages div.button-wrap > a {
	color:rgba(255, 255, 255, 0.9) !important;
	/*font-size:12px;*/
	background-color:#4daedd;
	border:1px solid #3597c7;
	background-image:url(images/bluebox/button-type-1-1-bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	padding:7px 12px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px; /* css3 - done */
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); /* css3 - done */
	display: inline-block;
	margin: 0 10px 20px 0;
	cursor:pointer;
	
	transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	-webkit-transition: none !important;
}

.button.large {
	padding:14px 24px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px; /* css3 - done */
	font-size:14px;
}

.button.rounded {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px; /* css3 - done */
}

.button:hover,
/*#button-submit:hover,*/
.nivo-caption a:hover,
div.layout_element_quote_block div.messages div.button-wrap > a:hover {
	background-position:left -50px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); /* css3 - done */
	color:rgba(255, 255, 255, 1) !important;
}

.button:active,
#button-submit:active,
.nivo-caption a:active,
div.layout_element_quote_block div.messages div.button-wrap > a:active {
	color:rgba(255, 255, 255, 0.9);
	background-position:left -100px;
	-moz-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.2);
	box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.2);
	-o-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.2); /* css3 - done */
}

.button.type-1-2 {
	color:rgba(0, 0, 0, 0.9) !important;
	border:1px solid #d9d9d9;
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
	-o-text-shadow:none;
	background-color:#f6f6f6;
	background-image:url(images/bluebox/button-type-1-2-bg.jpg);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); /* css3 - done */
}

.button.type-1-2:hover {
	color:rgba(0, 0, 0, 1) !important;
}

.button.type-1-3 {
	border:1px solid #c51c19;
	background-color:#e03633;
	background-image:url(images/bluebox/button-type-1-3-bg.jpg);
}

.button.type-1-4,
.nivo-caption a {
	border:1px solid #df8f11;
	background-color:#f1a020;
	background-image:url(images/bluebox/button-type-1-4-bg.jpg);
}

.button.type-1-5 {
	border:1px solid #89ab46;
	background-color:#9abe57;
	background-image:url(images/bluebox/button-type-1-5-bg.jpg);
}

.button.type-1-6 {
	border:1px solid #000;
	background-color:#434343;
	background-image:url(images/bluebox/button-type-1-6-bg.jpg);
}

/*-------- BEGIN magnify --------*/

.magnifying-glass-helper .magnifying-glass {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	-webkit-box-shadow:0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
   -moz-box-shadow:0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	cursor:none;
	background-color:#fff;
}

/*-------- END magnify --------*/

/* ---------- end button ---------- */


/* END shortcodes -----------------------------*/

/* -------------- roost elements ----------------- */

/* BEGIN sidebar calendar */

.sidebar div.note-design-wrap {
	margin-bottom:10px;
}

div.note-design-wrap div.month-heading {
	position:relative;
	z-index:16;
	margin-bottom:20px;
	text-align:center;
}

div.note-design-wrap div.month-heading h4 {
	line-height:30px;
	display:inline-block;
	margin:0;
	padding:0;
	color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

div.note-design-wrap div.month-heading a.arrow {
	height:30px !important;
	width:28px !important;
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px !important;
   	-moz-border-radius:6px !important;
    border-radius:6px !important; /* css3 - done */
	line-height:33px;
	font-size:18px;
	text-align:center;
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	position:absolute;
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear; /* css3 - done */
}

div.note-design-wrap div.month-heading a.arrow:hover {
	background-color:rgba(34, 169, 247, 1) !important; /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
}

/*div.note-design-wrap div.month-heading a.arrow::after {
	-webkit-transition:border-color 0.2s linear;
	-moz-transition:border-color 0.2s linear;
	-o-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear; /* css3 - done
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}*/

div.note-design-wrap div.month-heading a.arrow.prev {
	left:0;
	padding-right:1px;
	width:29px !important;
}

div.note-design-wrap div.month-heading a.arrow.next {
	right:0;
	padding-left:2px;
}

/*div.note-design-wrap div.month-heading a.arrow.next::after {
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(34, 169, 247, 1); /* bluebox option 2
	margin:11px 0 0 13px;
}

div.note-design-wrap div.month-heading a.arrow.prev::after {
	border-width: 5px 5px 5px 0;
	border-right-color:rgba(34, 169, 247, 1); /* bluebox option 2
	margin:11px 0 0 12px;
}

div.note-design-wrap div.month-heading a.arrow.prev:hover::after {
	border-right-color:rgba(255, 255, 255, 1); /* bluebox option 2
}

div.note-design-wrap div.month-heading a.arrow.next:hover::after {
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2
}*/

div.note-design-wrap {
	position:relative;
	/*margin-bottom:45px;*/
}

div.bg-sheet-1 {
	left:3px;
	right:3px;
	bottom:-3px;
	z-index:11;
}

div.bg-sheet-2 {
	left:6px;
	right:6px;
	bottom:-6px;
	z-index:10;
}

div.bg-sheet-1,
div.bg-sheet-2{
	top:60px;
	position:absolute;
	background-color:#fff;
	-webkit-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */ /* themeforest */
}

div.note-design-wrap.calendar-page div.bg-sheet-1,
div.note-design-wrap.calendar-page div.bg-sheet-2{
	top:90px;
}

div.bg-sheet-3 {
	left:-4px;
	right:-4px;
	bottom:-17px;
	top:60px;
	z-index:9;
	position:absolute;
	background-image:url(images/roki/note-left-bottom-corner-bg.png), url(images/roki/note-right-bottom-corner-bg.png);
	background-position:left bottom, right bottom;
	background-repeat:no-repeat;
}

div.note-design-wrap div.content {
	background-color:#fff;
	margin:0 1px;
	position:relative;
	z-index:15;
}

div.note-design-wrap table {
	width:100%;
	text-align:center;
	border-collapse: collapse;
	border-spacing: 0 !important;
	border-collapse: collapse !important;
}

.sidebar div.note-design-wrap table {
	font-size:11px;
}

div.note-design-wrap table th {
	text-transform:uppercase;
	font-weight:normal;
	padding:10px 0 15px 0;
}

div.note-design-wrap table td {
	width:14%;
}

div.note-design-wrap td a {
	display:block;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done*/
	color:rgba(0, 0, 0, 0.6); /* a bluebox option 4 */
	transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-moz-transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-o-transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-ms-transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-webkit-transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear; /* css3 - done*/
	padding:18% 0;
	-webkit-border-radius:2px;
   	-moz-border-radius:2px;
    border-radius:2px; /* css3 - done */
}

div.note-design-wrap td a:hover {
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.09); /* css3 - done */
	background-color:rgba(0, 0, 0, 0.03);
}

div.note-design-wrap td.off a {
	color:rgba(0, 0, 0, 0.3); /* a bluebox option 4 */
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
}

div.note-design-wrap td.event a {
	font-weight:bold;
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
   	-moz-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26); /* css3 - done */
}

div.note-design-wrap td.event a:hover {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
}

div.note-design-wrap td.active a,
div.note-design-wrap td.event.active a {
	transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-moz-transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-o-transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-ms-transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-webkit-transition: box-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear; /* css3 - done*/
	
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	-moz-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26); /* css3 - done */
	font-weight:bold;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); /* css3 */
}

div.note-design-wrap td.active a:hover,
div.note-design-wrap td.event.active a:hover {
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:inset 0px 3px 6px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	-moz-box-shadow:inset 0px 3px 6px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26);
	box-shadow:inset 0px 3px 6px 0px rgba(0, 0, 0, 0.26), 0px 1px 0px 0px rgba(255, 255, 255, 0.26); /* css3 - done */
}

/* END sidebar calendar */

/* BEGIN calendar page */

div.note-design-wrap.calendar-page div.content,
div.cal-page-month-wrap {
	margin-bottom:20px;
	text-align:center;
	position:relative;
}

div.note-design-wrap.calendar-page div.content,
div.note-design-wrap div.content{
	background-color:#fff;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	padding:4px; /* themeforest edit */
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */ /* themeforest edit */
}

.popover {
	padding:4px;
	-webkit-border-radius:8px;
   	-moz-border-radius:8px;
    border-radius:8px; /* css3 - done */
	border:none;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 12px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 12px 0px rgba(0, 0, 0, 0.26);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 12px 0px rgba(0, 0, 0, 0.26); /* css3 - done */
}

.event-calendar-popover ol li,
.event-calendar-popover ol,
.event-calendar-popover ul li,
.event-calendar-popover ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.popover-title {
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	font-weight:bold;
	border: none;
	padding: 12px 25px 13px 20px;
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	color:rgba(255, 255, 255, 0.9); /* bluebox option 2 */
	
	background-image:url(images/roki/noise-bg-1.png),  linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
	background-image:url(images/roki/noise-bg-1.png),  -o-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
	background-image:url(images/roki/noise-bg-1.png),  -moz-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
	background-image:url(images/roki/noise-bg-1.png),  -webkit-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
	background-image:url(images/roki/noise-bg-1.png),  -ms-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);

	background-repeat: repeat, repeat-x;
	-webkit-box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 rgba(0, 0, 0, 0.06), inset 0 2px 0 0 rgba(255, 255, 255, 0.12);
	-moz-box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 rgba(0, 0, 0, 0.06), inset 0 2px 0 0 rgba(255, 255, 255, 0.12);
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 rgba(0, 0, 0, 0.06), inset 0 2px 0 0 rgba(255, 255, 255, 0.12); /* css3 - done */
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.09); /* css3 */
}

div.cal-page-month-wrap {
	min-height:40px;
	padding-bottom:20px;
	border-bottom:4px solid rgba(0, 0, 0, 0.03);
}

div.cal-page-month-wrap h3 {
	margin:0;
}

div.cal-page-month-wrap a.nav-arrow {
	
	height:40px !important;
	width:38px !important;
	background-color:rgba(0, 0, 0, 0.06) !important;
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px !important;
   	-moz-border-radius:6px !important;
    border-radius:6px !important; /* css3 - done */
	line-height:42px;
	font-size:20px;
	text-align:center;
	
	
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	position:absolute;
	background-color:rgba(0, 0, 0, 0.06);
	
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, text-shadow 0.2s linear; /* css3 - done */
}

div.cal-page-month-wrap a.nav-arrow:hover {
	background-color:rgba(34, 169, 247, 1) !important; /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
}

/*div.cal-page-month-wrap a.nav-arrow::after {
	-webkit-transition:border-color 0.2s linear;
	-moz-transition:border-color 0.2s linear;
	-o-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear; /* css3 - done
	display: block;
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}*/

div.cal-page-month-wrap a.nav-arrow.icon-chevron-left {
	left:0;
	padding-right:2px;
}

div.cal-page-month-wrap a.nav-arrow.icon-chevron-right {
	right:0;
	width:39px !important;
	padding-left:1px;
}

/*div.cal-page-month-wrap a.nav-arrow.next::after {
	border-width: 5px 0 5px 5px;
	border-left-color:rgba(34, 169, 247, 1); /* bluebox option 2
	margin:15px 0 0 18px;
}

div.cal-page-month-wrap a.nav-arrow.prev::after {
	border-width: 5px 5px 5px 0;
	border-right-color:rgba(34, 169, 247, 1); /* bluebox option 2
	margin:15px 0 0 17px;
}

div.cal-page-month-wrap a.nav-arrow.prev:hover::after {
	border-right-color:rgba(255, 255, 255, 1); /* bluebox option 2
}

div.cal-page-month-wrap a.nav-arrow.next:hover::after {
	border-left-color:rgba(255, 255, 255, 1); /* bluebox option 2
}*/

div.cal-page-month-wrap a.nav-arrow span {
	width:22px;
	height:19px;
	display:block;
	position:absolute;
	z-index:10;
	top:50%;
	margin-top:-11px;
}

div.note-design-wrap.calendar-page table th {
	padding:20px 0;
}

div.note-design-wrap table td {
	width:14%;
}

div.note-design-wrap.calendar-page td a {
	padding:35% 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */ /* themeforest edit */
}

/* END calendar page */

/* BEGIN events page */

div.type-event{
	margin-bottom:90px;
	position:relative;
	margin-left:80px;
	background-color:#fff;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	
	-webkit-border-radius:0px 6px 6px 6px;
	-moz-border-radius:0px 6px 6px 6px;
	border-radius:0px 6px 6px 6px; /* css3 - done */ /* themeforest edit */
}

.post-heading-wrap {
	border-bottom:4px solid rgba(0, 0, 0, 0.03);
}

div.type-event .post-heading-wrap h3 {
	margin:0;
	line-height:30px;
	padding:15px;
}

div.hentry div.date-n-post-format {
	position:absolute;
	top:0;
	left:-80px;
	width:60px;
	height:123px;
}

div.type-event.hentry div.date-n-post-format div.date-details {
	margin-top:0;
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	display:block;
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);/* css3 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	
	width:60px;
	height:60px;
	text-align:center;
	font-weight:bold;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); /* css3 */
	position:relative;
}

div.type-event.hentry div.date-n-post-format div.date-details span {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	font-size: 36px; /* ne se bara */
	line-height: 38px;
	top: 4px;
}

div.type-event.hentry div.date-n-post-format div.date-details span.month {
	font-size: 14px; /* ne se bara */
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
	top: 39px;
	opacity:0.6;
}

div.hentry.type-event div.rate-list {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:200px;
	height:20px;
	margin:20px 0;
}

div.hentry.type-event div.rate-list ul {
	list-style-type:none;
	float:right;
	margin:0;
	padding:0;
	height:20px;
	margin-right:10px;
	font-size:18px; /* ne se bara */
	color:rgba(34, 169, 247, 1); /* bluebox option 1 */
}

div.hentry.type-event div.rate-list ul li {
	float:left;
	margin-right:8px;
}

div.hentry.type-event div.comments{
	position:absolute;
	right:0;
	top:-1px;
	bottom:1px;
	width:60px;
	text-align:center;
	padding:18px 0;
	
	display:none;
}

div.hentry.post.format-link div.post-content-meta div.comments{
	display:none;
}

div.hentry.type-event div.comments{
	line-height:60px;
	padding:0;
	bottom:0;
	top:0;
}

div.type-event div.post-content-meta div.comments span.comment-count,
div.type-event div.comments span.comment-count{
	line-height:20px;
	padding:2px 0 2px 20px;
}

div.post-content-wrap,
.post-content-meta {
	padding: 15px;
}

.single-event div.post-content-wrap {
	padding:15px;
}

.single-event .post-content-meta {
	padding: 15px 15px 0 15px;
}

.post-content-meta {
	position:relative;
}

div.type-event p.extra-event-info {
	font-size: 16px;
	font-weight: 700;
	color:rgba(80, 123, 6, 1); /* bluebox option 3 */
}

.single-event .type-event {
	margin-top:90px;
}

/* END events page */

/* BEGIN contact */

.contact-form {
	background-color:rgba(0, 0, 0, 0.01);
	background-image:url(images/roki/grid-tile-5px-5px.png);
	padding:30px 30px 10px 30px;
	margin-bottom:0;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.03); /* css3 - done */
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */ /* themeforest edit */
	-webkit-box-shadow:inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */ /* themeforest edit */
}

.contact-form input[type="text"],
.contact-form textarea {
	padding:8px 11px;
	font-family: 'Source Sans Pro', sans-serif;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px; /* css3 - done */
	-webkit-box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
	-webkit-transition:box-shadow 0.2s linear;
	-moz-transition:box-shadow 0.2s linear;
	-o-transition:box-shadow 0.2s linear;
	transition:box-shadow 0.2s linear; /* css3 - done */
	outline:none;
	width: 96%;
	margin-bottom:30px;
}

div.footer-content .contact-form input[type="text"] {
	margin-bottom:20px;
}

.contact-form textarea {
	min-height:140px;
}

div.footer-content .contact-form textarea {
	min-height:100px;
}

.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
	border:none !important;
	-webkit-box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.12) !important;
	-moz-box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.12) !important;
	box-shadow:0px 0px 0px 4px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.12) !important; /* css3 - done */
	outline:none !important;
}

.contact-form .input-submit .button {
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	padding:6px 10px;
	
	padding: 12px 20px 13px 20px;
	
	-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16); /* css3 - done */
	display:inline-block;
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	-webkit-transition:background-color 0.2s linear !important;
	-moz-transition:background-color 0.2s linear !important;
	-o-transition:background-color 0.2s linear !important;
	transition:background-color 0.2s linear !important; /* css3 - done */
	outline:none;
	border:none;
	font-family: 'Source Sans Pro', sans-serif;
	position:relative;
	background-image:none;
	margin-bottom:0;
}

.contact-form .input-submit .button:hover {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

.contact-form .input-submit .button.action-sending > span {
    opacity: .4;
}
.contact-form .input-submit .button .icon-spinner {
    margin-left: 10px;
}

/* BEGIN footer contact */

div.footer-content .contact-form {
	background-color: transparent;
	background-image:none;
	padding:0;
	margin-bottom:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0; /* css3 - done */ /* themeforest edit */
}

div.footer-content form {
	margin-bottom:0;
}

div.footer-content .contact-form input[type="text"],
div.footer-content .contact-form textarea {
	width:86%;
}

div.footer-content .contact-form .input-submit .button,
div.footer-content .gumm-contact-form .input-submit .button {
	color:rgba(80, 123, 6, 1) !important; /* bluebox option 3 */
	opacity:1;
	background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-image: none;
	text-shadow:none;
	border:none;
	padding:6px 10px;
	-webkit-transition:opacity 0.2s linear !important;
	-moz-transition:opacity 0.2s linear !important;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear !important; /* css3 - done */
	text-shadow:none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:normal;	
	display:inline-block;
}

.widget-wrap .gumm-contact-submit.action-sending > i {
	margin-left: 5px;
}

div.footer-content .contact-form .input-submit .button:hover,
div.footer-content .gumm-contact-form .input-submit .button:hover {
	opacity:0.6;
	background-color:rgba(255, 255, 255, 1) !important; /* bluebox option 2 */
}


div.footer-content .contact-form .input-submit .button:hover,
div.footer-content .gumm-contact-form .input-submit .button:hover {
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	background-color:rgba(0, 0, 0, 1); /* bluebox option 4 */
}

.contact-form p.error,
.gumm-contact-form p.error {
	margin-top:-30px;
	padding:0;
	display:block;
	font-size:12px;
	color:#f7a422;
}


.footer-content .gumm-contact-form p.error {
	margin-top:-10px;
	float:left;
	line-height:16px;
	display:inline-block;
	-webkit-border-radius:4px !important;
   	-moz-border-radius:4px !important;
    border-radius:4px !important; /* css3 - done */
	background-color:rgba(0, 0, 0, 0.26);
	padding: 7px 10px;
	width:86%;
}

/* END footer contact */

/* END contact */

/* BEGIN 404 */

body.error404 .text-box,
body.error404 .text-box a {
	text-align:center;
}

body.error404 .text-box a.roki-color-link {
	height:120px;
	width:120px;
	line-height:120px;
	font-size:3em; /* ne se bara */
	margin:90px auto 20px auto;
}

body.error404 .text-box p {
	margin-top:24px;
}

/* END 404 */

/* BEGIN search results */

body.search-results div.type-event {
	margin-bottom: auto;
	position: inherit;
	margin-left: auto;
	background-color: transparent;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
}

body.search-results div.post-content-wrap {
	padding:0;
}

body.search-results div.type-event .post-heading-wrap h3 {
	padding-left:0;
}

body.search-results div.hentry {
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:4px solid rgba(0, 0, 0, 0.03);
}

body.search-results div.main-content {
	margin-top:90px;
}


/* END search results */

/* BEGIN roki step by step */

/* BEGIN poker rules */

div.poker-rules {
	position:relative;
	/*overflow:hidden*/
}

div.left-side-steps {
	float:left;
}

.rule-step {
	width:60px;
	height:60px;
	margin-bottom:20px;
}

.rule-step a {
	width:60px;
	height:60px;
	display:block;
	
	text-align:center;
	font-weight:bold;
	position:relative;
	
	background-color:rgba(0, 0, 0, 0.06);
	-webkit-border-radius:6px !important;
   	-moz-border-radius:6px !important;
    border-radius:6px !important; /* css3 - done */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
	
	transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-moz-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-o-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-ms-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-webkit-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear; /* css3 - done */
}

.rule-step.current a,
.rule-step a:hover,
.rule-step a:active {
	background-color:rgba(34, 169, 247, 1) !important; /* bluebox option 1 */
	color:rgba(255, 255, 255, 1); /* bluebox option 2 */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.26), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.06); /* css3 - done */
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); /* css3 */
	
	transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-moz-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-o-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-ms-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear;
	-webkit-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.2s linear, background-color 0.2s linear; /* css3 - done */
}

.rule-step a div.date-details span {
	width:100%;
	display:block;
	position:absolute;
	left:0;
	right:0;
	transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.1s linear;
	-moz-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.1s linear;
	-o-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.1s linear;
	-ms-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.1s linear;
	-webkit-transition: box-shadow 0.2s linear, text-shadow 0.2s linear, color 0.1s linear; /* css3 - done */
}

.rule-step a div.date-details span.day {
	font-size:36px; /* ne se bara */
	line-height:60px;
	top:0;
}

.rule-step a div.date-details span.month {
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	text-transform:uppercase;
	top:6px;
}

.rule-step.current a div.date-details:hover span {
	width:100%;
	display:block;
	position:absolute;
	left:0;
	right:0;
	transition: text-shadow 0.2s linear;
	-moz-transition: text-shadow 0.2s linear;
	-o-transition: text-shadow 0.2s linear;
	-ms-transition: text-shadow 0.2s linear;
	-webkit-transition: text-shadow 0.2s linear; /* css3 - done */
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); /* css3 */
}

div.rule-step-content {
	position:relative; 
	z-index:10;
	margin:20px 20px 20px 100px;
	padding-bottom:20px;
}

div.rule-step-content .blog-post-pointer-detail {
	position:absolute;
	width:8px;
	height:16px;
	top:02px;
	left:-27px;
	background-image:url(images/roki/blog-post-details-pointer.png);
	background-repeat:no-repeat;
	background-position:left top;
}

div.rule-step-content .blog-post-pointer-detail.nd {
	top:82px; /*  plus 80px  */
}

div.rule-step-content .blog-post-pointer-detail.rd {
	top:162px; /*  plus 80px  */
}

div.rule-step-content .blog-post-pointer-detail.th {
	top:242px; /*  plus 80px  */
}

div.rule-step-wrap {
	margin-bottom:20px;
	-webkit-border-radius:6px;
   	-moz-border-radius:6px;
    border-radius:6px; /* css3 - done */
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:5;
	margin-left:80px;
	background-color:#fff;
	-webkit-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	box-shadow:0px 1px 6px 1px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(0, 0, 0, 0.06); /* css3 - done */
}


/* END poker rules */

/* END roki step by step */

/* BEGIN evgeni mobile menu */

.embeddedVideoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.embeddedVideoWrapper iframe,
.embeddedVideoWrapper object {
    position: absolute;
    left: 0;
    top: 0;
}

.imgloading {
    background-image:url(images/roki/twitter-footer-preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

html, body {
    overflow-x: hidden;
}

body.admin-bar #mobile-menu {
    top: 28px;
}

#mobile-menu {
    width: 250px;
    left: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    display: none;
    visibility: hidden;
	
	/*background-color:rgba(0, 0, 0, 1);  bluebox option 4 
	
	background-color:rgba(42, 42, 42, 1);*/
	background-color:#2a2a2a;
	background-image: url(images/roki/noise-bg-1.png);
	overflow:hidden;
	overflow-y:scroll;
}

/* BEGIN sinote */

/* BEGIN sinote */

#mobile-menu .prime-nav-mobile-list {
	margin:0;
	padding:0;
	position:relative;
	list-style-type:none;
	top: 0;
	bottom: 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.09);
	/*background-color:rgba(255, 255, 255, 0.18);*/
}

#mobile-menu .prime-nav-mobile-list li {
	/*height:45px;*/
	position:relative;
	border-top:1px solid rgba(255, 255, 255, 0.16);
	border-bottom:1px solid rgba(0, 0, 0, 0.6);
}

#mobile-menu .prime-nav-mobile-list li.current-menu-item > a,
#mobile-menu .prime-nav-mobile-list li.current-menu-item > a:hover,
#mobile-menu .prime-nav-mobile-list li.current-menu-parent > a,
#mobile-menu .prime-nav-mobile-list li.current-menu-parent > a:hover,
#mobile-menu .prime-nav-mobile-list .dropdown-menu li.current-menu-item > a,
#mobile-menu .prime-nav-mobile-list .dropdown-menu li.current-menu-item > a:hover {
	/*background-color:rgba(0, 0, 0, 0.3);*/

	/*background-color: transparent;*/
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0; /* css3 - done */
	background-image: url(images/roki/noise-bg-1.png);
}

#mobile-menu .prime-nav-mobile-list li.current-menu-item > a {
	background-color:rgba(0, 0, 0, 0.26) !important;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear; /* css3 - done */
}

#mobile-menu .prime-nav-mobile-list li > a:hover {
	/*background-color:rgba(255, 255, 255, 0.06);*/
	
	background-color: transparent;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0; /* css3 - done */
	background-image: url(images/roki/noise-bg-1.png);
}

#mobile-menu .prime-nav-mobile-list li > i {
	line-height:25px;
	padding:18px 10px 17px 10px;
	display:inline-block;
	color:rgba(255, 255, 255, 0.3); /* bluebox option 2 */
	font-size:18px; /* ne se bara */
	position:absolute;
	z-index:51;
	left:0;
	top:0;
	bottom:0;
	text-shadow:0px -1px 0px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(0, 0, 0, 0.6); /* css3 */
}

#mobile-menu .prime-nav-mobile-list li a {
	/*position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	left:0;*/
	/*-webkit-transition: background-color 0.2s linear; /* css3 */
	line-height:25px;
	background-image: url(images/roki/noise-bg-1.png);
	min-height:25px;
	display:block;
	padding:17px 45px 18px 40px;
	color:rgba(255, 255, 255, 0.9); /* bluebox option 2 */
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.6); /* css3 */
}


#mobile-menu .prime-nav-mobile-list li:last-child a {
	border-bottom:none;
}

#mobile-menu .prime-nav-mobile-list li a.dropdown-link,
#mobile-menu .prime-nav-mobile-list li a.dropdown-link:hover {
	position:absolute;
	left:inherit;
	z-index:9999;
	right:15px;
	top:15px;
	line-height:30px;
	height:30px;
	width:30px;
	background-color:rgba(255, 255, 255, 0.09) !important;
	background-image: url(images/roki/noise-bg-1.png);
	color:rgba(255, 255, 255, 0.6); /* bluebox option 2 */
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.6); /* css3 */
	border:none;
	/*border-top:1px solid rgba(255, 255, 255, 0.06);*/
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.16);
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.16);
	box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.16); /* css3 - done */
	border-bottom:1px solid rgba(0, 0, 0, 0.6);
	font-size:12px; /* ne se bara */
	-webkit-border-radius:100% !important;
   	-moz-border-radius:100% !important;
    border-radius:100% !important; /* css3 - done */
	padding:0;
	display:inline-block;
	text-align:center;
}

#mobile-menu .prime-nav-mobile-list li a.dropdown-link:hover {
	-webkit-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear; /* css3 - done */
}

#mobile-menu .prime-nav-mobile-list li a.dropdown-link.icon-caret-up {
	-webkit-transition:background-color 0.2s linear, color 0.2s linear;
	-moz-transition:background-color 0.2s linear, color 0.2s linear;
	-o-transition:background-color 0.2s linear, color 0.2s linear;
	transition:background-color 0.2s linear, color 0.2s linear; /* css3 - done */
	background-color:rgba(0, 0, 0, 0.4) !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.9);
	box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.9); /* css3 - done */
	border-bottom:1px solid rgba(255, 255, 255, 0.26);
}

#mobile-menu::after {
	content: '';
	display:block;
	z-index:9999;
	top:0;
	right:0;
	bottom:0;
	width:1px;
	background-color:#000;
	position: absolute;
	-webkit-box-shadow:0px 0px 15px 3px rgba(0, 0, 0, 1);
	-moz-box-shadow:0px 0px 15px 3px rgba(0, 0, 0, 1);
	box-shadow:0px 0px 15px 3px rgba(0, 0, 0, 1); /* css3 - done */
}

/* submenu */

#mobile-menu .dropdown-menu {
	background-color:transparent;
	border-top:1px solid rgba(0, 0, 0, 0.6);
	position:inherit;
	float:none;
	padding:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none; /* css3 - done */
	margin:0;
	left:inherit;
	right:inherit;
	top:inherit;
	bottom:inherit;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0; /* css3 - done */
}

#mobile-menu .dropdown-menu li {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0; /* css3 - done */
}

#mobile-menu .dropdown-menu li:last-child {
	border-bottom:none;
}

#mobile-menu .dropdown-menu > li > a {
	margin:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0; /* css3 - done */
}

/* END sinote */

/* END sinote */

/* END evgeni mobile menu */

/* BEGIN blog fix */

@media (min-width: 767px) {
	
	.row-fluid .span3.right-sidebar {
		width: 28% !important;
		margin-left: 6% !important;
	}
	
	body.l-c .row-fluid .span3.left-sidebar {
		width: 28% !important;
		margin-right: 6% !important;
	}
	
	body.l-c .row-fluid .main-content.span8 {
		margin-left:0 !important;
	}
	
}

/* END blog fix */

/* BEGIN responsive styles */

@media (max-width: 979px) {
    
	div.prime-nav {
		min-height:88px;
	}
	
	ul.prime-nav-list {
		display:none;
	}
	
	div.prime-nav a.logo {
		display:block;
		text-align:center;
		margin:20px auto;
		float:none;
		width:100%;
	}
	
	div.fancy-text-bar .color-container,
	div.wrap-color-element .color-container {
		padding:20px 0 20px 0;
	}
	
	.roki-wrap .content-wrap .row-fluid .main-content>.row-fluid {
		margin-top:60px; /* builder elements space */
	}
	
	a.mobile-nav-button {
		display:inline-block;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px; /* css3 - done */
		z-index:300;
		height:30px;
		padding-top:10px;
		width:60px;
		position:absolute;
		left:10px;
		top:50%;
		margin-top:-20px;
		/*color:rgba(255, 255, 255, 1); /* bluebox option 2
		font-size:24px;*/
		text-align:center;
		text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); /* css3 */
		/*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
		background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
	}
	
	a.mobile-nav-button span {
		display:block;
		margin:0 auto 4px auto;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px; /* css3 - done */
		width:32px;
		height:4px;
		background-color:rgba(255, 255, 255, 1); /* bluebox option 2 */
		
		background-color:rgba(34, 169, 247, 1); /* bluebox option 1 */
		-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
		-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16);
		box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.16); /* css3 - done */
	}
	
	.image-wrap:hover a img,
	body.single-gallery .image-wrap:hover a img,
	body.single-portfolio .roki-portfolio-thumbs .image-wrap:hover a img {
		opacity:1;
	}
}

@media (max-width: 767px) {
	.info-bar,
	.tp-caption a.roki-button-link,
	.tp-bullets.simplebullets,
	.image-wrap ul.roki-thumb-links,
	div.heading-social-links,
	.heading-search-form {
		display:none;
	}
		
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > div,
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > div > .row-fluid > div,
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > div > .row-fluid > .row-fluid > div,
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > .staff-layout-element .row-fluid .slides-container-wrapper .slides-container > div,
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > div > .row-fluid > div > .row-fluid > div,
	.roki-related .row-fluid > div.roki-blog-thumbs,
	.row-fluid > div.roki-portfolio-thumbs,
	.comments-wrap {
		margin-top:60px;
	}
	
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > div:first-child,
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > div > .row-fluid > div:first-child,
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > div > .row-fluid > .row-fluid > div:first-child,
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > .staff-layout-element .row-fluid .slides-container-wrapper .slides-container > div:first-child,
	.roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > div > .row-fluid > div > .row-fluid > div:first-child,
	.roki-related .row-fluid > div.roki-blog-thumbs:first-child,
	.row-fluid > div.roki-portfolio-thumbs:first-child,
	.single-gallery .roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > .row-fluid,
	.single-portfolio .roki-wrap .content-wrap .row-fluid .main-content > .row-fluid > .row-fluid {
		margin-top:0;
	}
	
	div.footer-content .widget-wrap {
		margin-bottom:60px;
	}
	
	div.social-icons-wrap {
		position: inherit;
		right:0;
		top:0;
		display:block;
		height:30px;
		margin-top:20px;
		margin-bottom:10px;
	}
	
	div.copyrights-content {
		text-align:center;
	}
	
	div.fancy-text-bar.page-heading-wrap h1.first-line > span {
		display:block;
		margin-left:0;
	}
	
	.roki-awesome-text > div.awesome-content {
		width:inherit;
	}
	
	.roki-awesome-text > div {
		float:none;
	}
	
	.roki-awesome-text > div.awesome-button {
		position:relative;
		padding-left:0;
		text-align:left;
	}
	
	.roki-awesome-text > div.awesome-button > div {
		position: inherit;
		padding-left:0;
		text-align:left;
	}
	
	.roki-awesome-text > div.awesome-button > div > a {
		margin-left:0;
	}
	
	.gumm-filterable-items .row-fluid {
		margin-bottom:60px;
	}
	
	/* roki pricing table */

	ul.roki-pricing-table.cols-2 > li,
	ul.roki-pricing-table.cols-3 > li,
	ul.roki-pricing-table.cols-4 > li,
	ul.roki-pricing-table.cols-5 > li,
	ul.roki-pricing-table.cols-6 > li {
		width:100%;
	}
	
    .single-player-wrap .player-stats-container .photo-wrap {
        margin-top:auto;
        float:left;
    }
    .single-player-wrap .span4.staff-member-image {
        margin-bottom: 40px;
    }
    
	.single-player-wrap.image-align-left .ribbon-container {
	    left:20px;
	}
	.single-player-wrap.image-align-left .gpi-info {
	    text-align: left;
	}
}

/* END responsive styles */

/* BEGIN features preview */

div.features-preview {
	height:176px;
	width:619px;
	position:relative;
	margin-bottom:60px;
	background-color:rgba(0, 0, 0, 0.06) !important;
	-webkit-border-radius:6px !important;
   	-moz-border-radius:6px !important;
    border-radius:6px !important; /* css3 - done */
	-webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03);
	box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.26), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0px 2px 6px 0px rgba(0, 0, 0, 0.26), 0px 0px 0px 4px rgba(0, 0, 0, 0.03); /* css3 - done */
}

div.features-preview > span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:20;
	background-color:rgba(0, 0, 0, 0.06) !important;
}

div.features-preview img {
	position:absolute;
	top:-60px;
}

div.features-preview.builder {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/02/features-bg.jpg);
}

div.features-preview.fontawesome {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/02/fontawesome-bg.jpg);
}

div.features-preview.colors {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/02/colors-bg.jpg);
}

div.features-preview.shortcodes {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/02/shortcodes-bg.jpg);
}

div.features-preview.fonts {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/02/fonts-bg.jpg);
}

div.features-preview.sidebars {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/02/sidebars-bg.jpg);
}

div.features-preview.skin {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/02/skin-bg.jpg);
}

div.features-preview.revolution {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/revolution-bg.jpg);
}

div.features-preview.responsive {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/responsive-bg.jpg);
}

div.features-preview.wide {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/wide-bg.jpg);
}

div.features-preview.boxed {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/boxed-bg.jpg);
}

div.features-preview.fluid {
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/fluid-bg.jpg);
}

.iphone5-frame {
	padding:278px 108px 279px 106px;
	height:1136px;
	width:640px;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/iphone5-frame.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}

.iphone5-frame div.iphone-glare {
	width:415px;
	height:1173px;
	position:absolute;
	top:69px;
	right:68px;
	z-index:20;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/iphone-glare.png);
	background-position:top right;
	background-repeat:no-repeat;
	
	cursor:pointer;
}

.iphone5-frame div.iphone-wrap {
	/*margin:278px 108px 279px 106px;*/
	height:1136px;
	width:640px;
	overflow:hidden;
	top:0;
	bottom:0;
	left:0;
	position:relative;
}

.iphone5-frame div.browser-bottom {
	width:640px;
	height:88px;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/bottom-browser.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.iphone5-frame div.top-details {
	width:640px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	z-index:11;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/iphone-top-details.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.iphone5-frame div.iphone-content {
	width:640px;
	height:1008px;
	position:absolute;
	cursor:pointer;
	bottom:0;
	right:0;
	left:0;
	top:40px;
	z-index:10;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/iphone-content.png);
	background-repeat:no-repeat;
	background-position:-500px 0px;

}

.iphone5-frame div.iphone-content:hover {
	background-position:0px 0px;
}

/* ---- BEGIN 30 percent iphone ---- */

	.iphone5-frame.percent-30 {
	padding:181px 104px 178px 104px;
	height:341px;
	width:192px;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/iphone5-frame-30-percent.png);
}

.iphone5-frame.percent-30 div.iphone-glare {
	width:124px;
	height:352px;
	top:117px;
	right:92px;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/iphone5-glare-30-percent.png);
}

.iphone5-frame.percent-30 div.iphone-wrap {
	height:341px;
	width:192px;
}

.iphone5-frame.percent-30 div.top-details {
	width:192px;
	height:12px;
	position:absolute;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/iphone-top-details-30-percent.png);
}

.iphone5-frame.percent-30 div.browser-bottom {
	width:192px;
	height:26px;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/01/bottom-browser-30-percent.png);
}

.iphone5-frame.percent-30 div.iphone-content {
	width:342px;
	height:303px;
	top:12px;
	background-image:url(http://antonibotev.com/themes/roki/wp-content/uploads/2013/02/iphone-content-30-percent.png);
	background-position:-150px 0px;
}

.iphone5-frame .help-text {
	display: none;
}

/* ---- END 30 percent iphone ---- */

/* END features preview */

/* BEGIN retina ready */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	
	body {
		background-image: url(images/roki/noise-bg-1@2x.png);
		background-repeat: no-repeat;
	}
	
	.roki-wrap {		
		background-image: url(images/roki/noise-bg-1@2x.png);
		background-repeat:repeat;
		background-position:left top;
		
		background-size:100px 100px;
	}
	
	.info-bar {
		background: url(images/roki/noise-bg-1@2x.png), -moz-linear-gradient(left,  rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%), -moz-linear-gradient(right,  rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%), -moz-linear-gradient(top, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.06) 2%, rgba(0,0,0,0) 74%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		
		background: url(images/roki/noise-bg-1@2x.png), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.26)), color-stop(1%,rgba(0,0,0,0.26)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))), -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.26)), color-stop(1%,rgba(0,0,0,0.26)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.06)), color-stop(2%,rgba(0,0,0,0.06)), color-stop(74%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		
		background: url(images/roki/noise-bg-1@2x.png), -webkit-linear-gradient(left,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 2%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		
		background: url(images/roki/noise-bg-1@2x.png), -o-linear-gradient(left,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -o-linear-gradient(right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -o-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 2%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		
		background: url(images/roki/noise-bg-1@2x.png), -ms-linear-gradient(left,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -ms-linear-gradient(right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 2%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 100%); /* IE10+ */
		
		background: url(images/roki/noise-bg-1@2x.png), linear-gradient(to right,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), linear-gradient(to left,  rgba(0,0,0,0.26) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.06) 2%,rgba(0,0,0,0) 74%,rgba(0,0,0,0) 100%); /* W3C */
		
		background-size:100px 100px, 100%, 100%, 100%;
	}
	
	div.prime-nav {
		background: url(images/roki/noise-bg-1@2x.png);
		background-size:100px 100px;
	}
	
	.dropdown-menu li a:hover,
	.dropdown-menu li > a:focus,
	.dropdown-submenu:hover > a,
	.dropdown-menu li.current-menu-item > a {
		background-image:url(images/roki/noise-bg-1@2x.png),  linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-image:url(images/roki/noise-bg-1@2x.png),  -o-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-image:url(images/roki/noise-bg-1@2x.png),  -moz-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-image:url(images/roki/noise-bg-1@2x.png),  -webkit-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-image:url(images/roki/noise-bg-1@2x.png),  -ms-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-repeat: repeat, repeat-x;
		background-size:100px 100px, 100%;
	}
	
	div.fancy-text-bar,
	div.wrap-color-element {		
		background: url(images/roki/noise-bg-1@2x.png), -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px@2x.png), -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 100%), -moz-linear-gradient(left,  rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.16) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%), -moz-linear-gradient(right,  rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.16) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		
		background: url(images/roki/noise-bg-1@2x.png), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.22)), color-stop(100%,rgba(255,255,255,0))), url(images/roki/grid-tile-5px-5px@2x.png), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.06)), color-stop(100%,rgba(255,255,255,0))), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.16)), color-stop(1%,rgba(0,0,0,0.16)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))), -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.16)), color-stop(1%,rgba(0,0,0,0.16)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		
		background: url(images/roki/noise-bg-1@2x.png), -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px@2x.png), -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%), -webkit-linear-gradient(left,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(right,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		
		background: url(images/roki/noise-bg-1@2x.png), -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px@2x.png), -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%), -o-linear-gradient(left,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -o-linear-gradient(right,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		
		background: url(images/roki/noise-bg-1@2x.png), -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0) 100%), url(images/roki/grid-tile-5px-5px@2x.png), -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%), -ms-linear-gradient(left,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), -ms-linear-gradient(right,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* IE10+ */
		
		background: 
		url(images/roki/noise-bg-1@2x.png), linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0) 100%),
url(images/roki/grid-tile-5px-5px@2x.png), radial-gradient(ellipse at center, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%), linear-gradient(to right,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%), linear-gradient(to left,  rgba(0,0,0,0.16) 0%,rgba(0,0,0,0.16) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* W3C */
		
		background-size:100px 100px, 100%, 5px 5px, 100%, 100%, 100%;
	}
	
	div.fancy-text-bar .color-container,
	div.wrap-color-element .color-container {
		background-image: url(images/roki/top-gradient-dark-6px@2x.png), url(images/roki/top-gradient-dark-13px@2x.png), url(images/roki/bottom-gradient-dark-6px@2x.png), url(images/roki/bottom-gradient-dark-13px@2x.png);
		background-repeat:repeat-x, repeat-x, repeat-x, repeat-x;
		background-position:left top, left top, left bottom, left bottom;
		background-size:1px 6px, 1px 13px, 1px 13px;
	}
	
	div.footer-content.wrap-color-element .color-container {
		background-image: url(images/roki/top-gradient-dark-6px@2x.png), url(images/roki/top-gradient-dark-13px@2x.png);
		background-repeat:repeat-x, repeat-x;
		background-position:left top, left top;
		background-size:1px 6px, 1px 13px;
	}
	
	.ribbon-pro .content {
		background-image:url(images/roki/ribbon-darker-tile@2x.png), url(images/roki/ribs-grid-inverse@2x.png), url(images/roki/nav-tile@2x.png);
		background-size:1px 1px, 3px 3px, 60px 60px;
	}
	
	.ribbon-pro .back-sh-2 {
		background-image:url(images/roki/ribbon-top-glow@2x.png), url(images/roki/ribbon-darker-tile@2x.png), url(images/roki/ribs-grid-inverse@2x.png), url(images/roki/nav-tile@2x.png);
		background-position:left top, left top, left top;
		background-repeat:repeat-x, repeat, repeat, repeat;
		background-size:1px 5px, 1px 1px, 3px 3px, 60px 60px;
	}
	
	.ribbon-pro:before {
		content: '';
		background-image:url(images/roki/ribbon-darker-tile@2x.png), url(images/roki/ribs-grid-inverse@2x.png), url(images/roki/nav-tile@2x.png);
		background-size:1px 1px, 3px 3px, 60px 60px;
	}
	
	.ribbon-pro:after {
		content: '';
		background-image:url(images/roki/ribbon-darker-tile@2x.png), url(images/roki/ribs-grid-inverse@2x.png), url(images/roki/nav-tile@2x.png);
		background-size:1px 1px, 3px 3px, 60px 60px;
	}
	
	.single-player-wrap .player-stats-container .button-container div.twitter-icon {
		background-image: url(images/roki/nav-tile@2x.png),  linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
		background-image: url(images/roki/nav-tile@2x.png),  -o-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
		background-image: url(images/roki/nav-tile@2x.png),  -moz-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
		background-image: url(images/roki/nav-tile@2x.png),  -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
		background-image: url(images/roki/nav-tile@2x.png),  -ms-linear-gradient(top, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%);
		background-size:60px 60px, 100%;
	}
	
	.single-player-wrap .player-stats-container .button-container div.twitter-icon div {
		background-image: url(images/roki/twitter-icon@2x.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:8px 16px;
	}
	
	.single-player-wrap .info-line .icon {
		background-image: url(images/roki/noise-bg-1@2x.png), url(images/roki/grid-tile-5px-5px@2x.png);
		background-repeat:repeat;
		background-size:100px 100px, 5px 5px;
	}
	
	.roki-awesome-text {
		background-image:url(images/roki/grid-tile-5px-5px@2x.png);
		background-size:5px 5px;
	}
	
	.progress .bar {
		background-image:none;
		background-image: url(images/roki/noise-bg-1@2x.png), url(images/roki/grid-tile-5px-5px@2x.png);
		background-repeat:repeat;
		background-size:100px 100px, 5px 5px;
	}
	
	ul.roki-cool-list > li > span.cool-bullet {
		background-image: url(images/roki/noise-bg-1@2x.png), url(images/roki/grid-tile-5px-5px@2x.png);
		background-repeat:repeat;
	}
	
	.single-post-social-bar{
		background-image:url(images/roki/grid-tile-5px-5px@2x.png);
		background-size:5px 5px;
	}
	
	.about-author .author-info {
		background-image:url(images/roki/grid-tile-5px-5px@2x.png);
		background-size:5px 5px;
	}
	
	.about-author .author-info .image-wrap img {
		-webkit-border-radius:2px !important;
		-moz-border-radius:2px !important;
		border-radius:2px !important; /* css3 - done */
		display:block;
	}
	
	ul.roki-pricing-table li > div ul li.heading-row {
		background-image:url(images/roki/grid-tile-5px-5px@2x.png);
		background-repeat:repeat;
		background-position:left top;
		background-size:5px 5px;
	}
	
	ul.roki-pricing-table li > div ul li.price-row {
		
		background:
		url(images/roki/top-gradient-dark-6px@2x.png),
		url(images/roki/top-gradient-dark-13px@2x.png),
		url(images/roki/bottom-gradient-dark-6px@2x.png),
		url(images/roki/bottom-gradient-dark-13px@2x.png),
		url(images/roki/noise-bg-1@2x.png),
		-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.09) 50%, rgba(255,255,255,0) 100%),
		url(images/roki/grid-tile-5px-5px@2x.png),
		-moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 100%),
		-moz-linear-gradient(left,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%),
		-moz-linear-gradient(right,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.03) 1%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 100%);
		/* FF3.6+ */
		
		background:
		url(images/roki/top-gradient-dark-6px@2x.png),
		url(images/roki/top-gradient-dark-13px@2x.png),
		url(images/roki/bottom-gradient-dark-6px@2x.png),
		url(images/roki/bottom-gradient-dark-13px@2x.png),
		url(images/roki/noise-bg-1@2x.png),
		-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.09)), color-stop(100%,rgba(255,255,255,0))),
		url(images/roki/grid-tile-5px-5px@2x.png),
		-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.06)), color-stop(100%,rgba(255,255,255,0))),
		-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.03)), color-stop(1%,rgba(0,0,0,0.03)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))),
		-webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.03)), color-stop(1%,rgba(0,0,0,0.03)), color-stop(59%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
		/* Chrome,Safari4+ */
		
		background:
		url(images/roki/top-gradient-dark-6px@2x.png),
		url(images/roki/top-gradient-dark-13px@2x.png),
		url(images/roki/bottom-gradient-dark-6px@2x.png),
		url(images/roki/bottom-gradient-dark-13px@2x.png),
		url(images/roki/noise-bg-1@2x.png),
		-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%),
		url(images/roki/grid-tile-5px-5px@2x.png),
		-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%),
		-webkit-linear-gradient(left,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%),
		-webkit-linear-gradient(right,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%);
		/* Chrome10+,Safari5.1+ */
		
		background:
		url(images/roki/top-gradient-dark-6px@2x.png),
		url(images/roki/top-gradient-dark-13px@2x.png),
		url(images/roki/bottom-gradient-dark-6px@2x.png),
		url(images/roki/bottom-gradient-dark-13px@2x.png),
		url(images/roki/noise-bg-1@2x.png),
		-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%),
		url(images/roki/grid-tile-5px-5px@2x.png),
		-o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%),
		-o-linear-gradient(left, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%),
		-o-linear-gradient(right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%);
		/* Opera 11.10+ */
		
		background:
		url(images/roki/top-gradient-dark-6px@2x.png),
		url(images/roki/top-gradient-dark-13px@2x.png),
		url(images/roki/bottom-gradient-dark-6px@2x.png),
		url(images/roki/bottom-gradient-dark-13px@2x.png),
		url(images/roki/noise-bg-1@2x.png),
		-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%),
		url(images/roki/grid-tile-5px-5px@2x.png),
		-ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%),
		-ms-linear-gradient(left,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%),
		-ms-linear-gradient(right,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%);
		/* IE10+ */
		
		background:
		url(images/roki/top-gradient-dark-6px@2x.png),
		url(images/roki/top-gradient-dark-13px@2x.png),
		url(images/roki/bottom-gradient-dark-6px@2x.png),
		url(images/roki/bottom-gradient-dark-13px@2x.png),
		url(images/roki/noise-bg-1@2x.png),
		linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0) 100%),
		url(images/roki/grid-tile-5px-5px@2x.png),
		radial-gradient(ellipse at center, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0) 100%),
		linear-gradient(to right,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%),
		linear-gradient(to left,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.03) 1%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%);
		/* W3C */
		
		background-repeat:repeat-x, repeat-x, repeat-x, repeat-x, repeat, repeat, repeat, repeat, repeat, repeat;
		background-position:left top, left top, left bottom, left bottom;
		
		background-size:1px 6px, 1px 13px, 1px 6px, 1px 13px, 100px 100px, 100%, 5px 5px, 100%, 100%, 100%; 
	}
	
	/*.roki-twitter-widget.loading .roki-tweet-content {
		background-image:url(images/roki/twitter-preloader.gif);
		background-position:center;
		background-repeat:no-repeat;
	}
	
	div.footer-content .roki-twitter-widget.loading .roki-tweet-content {
		background-image:url(images/roki/twitter-footer-preloader.gif);
	}*/
	
	div.gallery-wrap div.bg-sheet-3 {
		background-image:url(images/roki/note-left-bottom-corner-bg@2x.png), url(images/roki/note-right-bottom-corner-bg@2x.png);
		background-position:left bottom, right bottom;
		background-repeat:no-repeat;
		background-size:91px 53px, 91px 53px;
	}
	
	div.gallery-wrap div.bg-sheet-3 {
		background-image:url(images/roki/note-left-bottom-corner-bg@2x.png), url(images/roki/note-right-bottom-corner-bg@2x.png);
		background-position:left bottom, right bottom;
		background-repeat:no-repeat;
		background-size:91px 53px, 91px 53px;
	}
	
	div.bg-sheet-3 {
		background-image:url(images/roki/note-left-bottom-corner-bg@2x.png), url(images/roki/note-right-bottom-corner-bg@2x.png);
		background-position:left bottom, right bottom;
		background-repeat:no-repeat;
		background-size:8px 16px;
		background-size:91px 53px, 91px 53px;
	}
	
	.popover-title {
		background-image:url(images/roki/noise-bg-1@2x.png),  linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-image:url(images/roki/noise-bg-1@2x.png),  -o-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-image:url(images/roki/noise-bg-1@2x.png),  -moz-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-image:url(images/roki/noise-bg-1@2x.png),  -webkit-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-image:url(images/roki/noise-bg-1@2x.png),  -ms-linear-gradient(top, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%);
		background-repeat: repeat, repeat-x;
		background-size:100px 100px, 100%;
	}
	
	.contact-form {
		background-image:url(images/roki/grid-tile-5px-5px@2x.png);
		background-size:5px 5px;
	}
	
	div.rule-step-content .blog-post-pointer-detail {
		background-image:url(images/roki/blog-post-details-pointer@2x.png);
		background-repeat:no-repeat;
		background-position:left top;
		background-size:8px 16px;
	}
	
	#mobile-menu {
		background-image: url(images/roki/noise-bg-1@2x.png);
		background-size:100px 100px;
	}
	
	#mobile-menu .prime-nav-mobile-list li.current-menu-item > a,
	#mobile-menu .prime-nav-mobile-list li.current-menu-item > a:hover,
	#mobile-menu .prime-nav-mobile-list li.current-menu-parent > a,
	#mobile-menu .prime-nav-mobile-list li.current-menu-parent > a:hover,
	#mobile-menu .prime-nav-mobile-list .dropdown-menu li.current-menu-item > a,
	#mobile-menu .prime-nav-mobile-list .dropdown-menu li.current-menu-item > a:hover {
		background-image: url(images/roki/noise-bg-1@2x.png);
		background-size: 100px 100px;
	}
	
	#mobile-menu .prime-nav-mobile-list li > a:hover {
		background-image: url(images/roki/noise-bg-1@2x.png);
		background-size: 100px 100px;
	}
	
	#mobile-menu .prime-nav-mobile-list li a {
		background-image: url(images/roki/noise-bg-1@2x.png);
		background-size: 100px 100px;
	}
	
	#mobile-menu .prime-nav-mobile-list li a.dropdown-link,
	#mobile-menu .prime-nav-mobile-list li a.dropdown-link:hover {
		background-image: url(images/roki/noise-bg-1@2x.png);
		background-size: 100px 100px;
	}
	
}

/* Dimonni fixes START */

.flex-slider {
    position: relative;
}
.flex-slider .slides {
    overflow: hidden;
}
.flex-slider.loading {
    background-image: url('images/roki/twitter-footer-preloader.gif');
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.flex-slider.loading .slides {
    visibility: hidden;
}

.flex-slider .slides .slide-item {
    display: none;
}
.flex-slider .slides .slide-item:first-child {
    display: block;
}
.gumm-layout-element-slider .slides-container-wrapper {
    margin: -10px;
    overflow: hidden;
}
.gumm-layout-element-slider .slides-container-wrap {
    margin: 10px;
}
.gumm-layout-element-slider .slides-container {
    position: relative;
}
.gumm-layout-element-slider .slides-container .hidden {
    display: none;
}
.roki-twitter-widget .roki-tweet-content {
	position: relative;
	-webkit-perspective: 1400px;
	-moz-perspective: 1400px;
	-ms-perspective: 1400px;
	-o-perspective: 1400px;
	perspective: 1400px;
    overflow: hidden;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px; /* css3 - done */
}

.roki-twitter-widget .roki-tweet-content > div.active {
    display: block;
}
.roki-twitter-widget .roki-tweet-content > div.inactive {
    display: none;
}

.roki-twitter-widget .roki-tweet-content > div.animating {
    -webkit-transition: opacity ease-in .3s;
}
.roki-twitter-widget .roki-tweet-content > div.tocome {
    display: block;
    position: absolute;
    opacity: 0;
}
.roki-twitter-widget .roki-tweet-content > div.come {
    position: relative;
    opacity: 1;
}
.roki-twitter-widget .roki-tweet-content > div.go {
    position: absolute;
    top: 20px;
    -webkit-transition-speed: .1s;
    opacity: 0;
}

#mobile-menu .current-menu-ancestor > ul.dropdown-menu {
    display: block;
    opacity: 1;
}
#mobile-menu .dropdown-menu {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 600ms ease;
    -moz-transition: opacity 600ms ease;
    -o-transition: opacity 600ms ease;
    -ms-transition: opacity 600ms ease;
    transition: opacity 600ms ease;
}
#mobile-menu .current-menu-ancestor > ul.dropdown-menu.dropdown-state-close {
    opacity: 0;
}
#mobile-menu .dropdown-menu.dropdown-state-open,
#mobile-menu .current-menu-ancestor > ul.dropdown-menu.dropdown-state-open {
    opacity: 1;
}

/* preview */
.font-awesome-preview-set ul li {
    list-style: none;
    padding-left: 0;
}
.font-awesome-preview-set ul li > span {
    padding-left: 10px;
}
.font-awesome-preview-set ul li:hover i {
    -webkit-transform: scale(1.6, 1.6);
    -moz-transform: scale(1.6, 1.6);
    -o-transform: scale(1.6, 1.6);
    -ms-transform: scale(1.6, 1.6);
    transform: scale(1.6, 1.6);
}
.gumm-layout-element.revolution-slider-layout-element {
    display: none;
}
.gumm-layout-element.revolution-slider-layout-element .tparrows {
    visibility: hidden;
}
.gumm-layout-element.revolution-slider-layout-element.revslider-gumm-initialised .tparrows {
    visibility: visible;
}
.rev-slider-spinner {
    font-size: 30px;
    position: absolute;
    display: block;
}
#roki-wrap.mobile-menu-open .ls-wp-fullwidth-helper {
    left:0 !important;
}
.google-map-layout-element img {
    max-width:none !important;
}
/* Dimonni fixes END */

/* WP ADIN BAR */
#wpadminbar a.ab-item,
#wpadminbar>#wp-toolbar span.ab-label,
#wpadminbar>#wp-toolbar span.noticon {
	color: #ccc !important;
}
#wpadminbar .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
	background: #333 !important;
	color: #2ea2cc !important;
}