@charset UTF-8;
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700,600);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700);


/* Style Index * /

#0 Reset
#1 Layout Structure
#2 Main header
#3 Main menu
#4 Content styling
#5 Comments
#6 Photo gallery
#7 Portfolio gallery
#8 Sidebar styling
#9 Footer


/* #0 Reset */


@font-face {
    font-family: 'entypo';
    src: url('../fonticons/entypo.svg#entypo') format('svg');
    src: url('../fonticons/entypo.eot?#iefix') format('embedded-opentype'),
         url('../fonticons/entypo.svg#entypo') format('svg'),
         url('../fonticons/entypo.woff') format('woff'),
         url('../fonticons/entypo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html, body {
	height: 100%;
}

html {
}

body {
	display: block;
	font-size: 13px;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #5e5e5e;
	line-height: 150%;
	background-color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6, span, p, input {
	margin: 0;
	padding: 0;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

ul, li, ol {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}


/* #1 Layout Structure */

a {
	color: #5E5E5E;
	text-decoration: none;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

a:hover {
	color: #2582bd;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

.clear-float {
	clear:both;
}

.wrapper {
	width:1000px;
	margin:0px auto;
	position:relative;
}

.boxed:not(.active) {
	background:#f5f5f5!important;
	min-height: 100%;
}

.active.boxed {
	width:1040px;
	max-width: 100%;
	margin:0px auto;
	background:#f5f5f5;
	box-shadow:0 0px 10px rgba(0,0,0,0.2);
	padding:0px;
}

.left {
	float: left!important;
}

.right {
	float: right!important;
}

.icon-text {
	font-family:'Entypo';
	font-weight:normal;
}

.noscroll {
	display: block;
	overflow: hidden!important;
	height: 100%;
}

/* STUFF */

.right-scrolling-bar {
	display: block;
	position: fixed;
	top: 20%;
	right: 0px;
	color: #fff;
	z-index: 10005;
}

.right-scrolling-bar li {
	display: block;
	width: 100%;
}

.right-scrolling-bar li a {
	display: block;
	width: 100%;
	line-height: 100%;
}

.right-scrolling-bar li:hover font {
	right: 30px;
	width: auto;
}

.right-scrolling-bar li font {
	display: block;
	position: absolute;
	right: 0px;
	background: #eeeeee;
	color: #232323;
	font-size: 13px;
	line-height: 100%;
	font-weight: bold;
	padding: 9px 10px 8px 10px;
	z-index: 20;
	transition: all 0.1s;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	white-space: nowrap;
	width: 0px;
	overflow: hidden;
}

.right-scrolling-bar li font input[type=text] {
	display: block;
	color: #232323;
	font-size: 13px;
	font-weight: bold;
	background: transparent;
	border: 0px;
	width: 70px;
	padding: 0px;
	margin: 0px;
	margin-top: -2px;
	margin-bottom: -1px;
	transition: all 0.1s;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

.right-scrolling-bar li:hover font input[type=text]:focus {
	width: 150px;
}

.right-scrolling-bar li .icon-text {
	display: inline-block;
	color: #b3b3b3;
	font-size: 18px;
	padding: 0px;
	position: relative;
	z-index: 21;
	background: #232323;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 160%;
}

.right-scrolling-bar li:first-child .icon-text {
	border-radius: 3px 0px 0px 0px;
	-moz-border-radius: 3px 0px 0px 0px;
}

.right-scrolling-bar li:last-child .icon-text {
	border-radius: 0px 0px 0px 3px;
	-moz-border-radius: 0px 0px 0px 3px;
}

.right-scrolling-bar li:hover .icon-text {
	border-radius: 0px;
	-moz-border-radius: 0px;
	background: #393939;
	color: #eee;
}

.backtopbutton {
	display: block;
	position: fixed;
	bottom: 40px;
	right: 40px;
	color: #fff;
	padding: 12px 14px;
	font-size: 16px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #000;
	line-height: 200%;
	text-align: center;
	font-size: 10px;
	opacity: 0.6;
	z-index: 2000;
}

.backtopbutton:hover {
	color: #fff;
	opacity: 1;
}

.backtopbutton .icon-text {
	display: block;
	font-size: 30px;
}


/* HEADER */

.header {
	display: block;
	background-color: #FFF;
	/*background-image: url(../images/header.png);*/
	min-height: 91px;
	color: #121212;
	z-index: 100;
	/*box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.15);*/
}

.header-ar {
	display: block;
	background-color: #121212;
	/*background-image: url(../images/header.png);*/
	min-height: 91px;
	color: #fff;
	z-index: 100;
	/*box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.15);*/
}


.logged-in .header.floating.active {
	top: 28px;
}

.logged-in .header-ar.floating.active {
	top: 28px;
}

.header .header-big-text {
	display: block;
	margin-top: 25px;
	padding: 20px 0px 50px 0px;
	vertical-align: bottom;
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}

.header-ar .header-big-text {
	display: block;
	margin-top: 25px;
	padding: 20px 0px 50px 0px;
	vertical-align: bottom;
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1);
}

.header .header-big-text h1 {
	display: inline-block;
	font-weight: 200;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 70px;
	line-height: 72px;
	max-width: 530px;
	padding-right: 40px;
	width: auto;
	float: none;
	vertical-align: bottom;
}

.header-ar .header-big-text h1 {
	display: inline-block;
	font-weight: 200;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 70px;
	line-height: 72px;
	max-width: 530px;
	padding-right: 40px;
	width: auto;
	float: none;
	vertical-align: bottom;
}

.header .header-big-text h2 {
	display: inline-block;
	font-weight: 200;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	line-height: 22px;
	max-width: 350px;
	width: auto;
	float: none;
	vertical-align: bottom;
}

.header-ar .header-big-text h2 {
	display: inline-block;
	font-weight: 200;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	line-height: 22px;
	max-width: 350px;
	width: auto;
	float: none;
	vertical-align: bottom;
}

.header.floating {
	position: fixed;
	top: -50px;
	left: 0px;
	width: 100%;
	min-height: 45px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
	background-color: #121212;
	opacity: 0;
	filter: alpha(opacity=0);
}

.header-ar.floating {
	position: fixed;
	top: -50px;
	left: 0px;
	width: 100%;
	min-height: 45px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
	background-color: #121212;
	opacity: 0;
	filter: alpha(opacity=0);
}

.header.floating .header-big-text {
	display: none;
}

.header-ar.floating .header-big-text {
	display: none;
}

.header.floating.active {
	opacity: 1;
	filter: alpha(opacity=100);
	top: 0px;
	transition: all 0.1s;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

.header-ar.floating.active {
	opacity: 1;
	filter: alpha(opacity=100);
	top: 0px;
	transition: all 0.1s;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

.header.floating .menu {
	padding-top: 5px;
}

.header-ar.floating .menu {
	padding-top: 5px;
}

.header.floating .logo {
	height: 30px;
	padding-top: 8px;
}

.header-ar.floating .logo {
	height: 30px;
	padding-top: 8px;
}

.header.floating .logo img {
	height: 30px!important;
}


.header-ar.floating .logo img {
	height: 30px!important;
}

.header .logo {
	float: left;
	padding-top: 17px;
}

.header-ar .logo {
	float: left;
	padding-top: 17px;
}

.header .logoar {
	float: left;
	padding-top: 7px;
	padding-left: 20px;
}

.header-ar .logoar {
	float: left;
	padding-top: 7px;
	padding-left: 20px;
}

.header .logo-text {
	float: left;
	padding-top: 8px;
}

.header-ar .logo-text {
	float: left;
	padding-top: 8px;
}

.header .logo-text h1 {
	font-size: 50px;
	line-height: 150%;
	text-transform: uppercase;
	font-family: 'Titillium Web', sans-serif;
}

.header-ar .logo-text h1 {
	font-size: 50px;
	line-height: 150%;
	text-transform: uppercase;
	font-family: 'Titillium Web', sans-serif;
}

.header .logo-text h1 a {
	color: #fff;
}

.header-ar .logo-text h1 a {
	color: #fff;
}

.header.floating .logo-text h1 {
	font-size: 26px;
	line-height: 108%;
}

.header-ar.floating .logo-text h1 {
	font-size: 26px;
	line-height: 108%;
}

.header .menu {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	float: right;
	padding-top: 28px;
}

.header-ar .menu {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	float: right;
	padding-top: 28px;
}

.header .menu li {
	float: left;
}

.header-ar .menu li {
	float: right;
}

.header .menu li > a {
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 15px;
}

.header-ar .menu li > a {
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 15px;
}

.header .menu li:hover > a {
	background: #fff;
	color: #000;
}

.header-ar .menu li:hover > a {
	background: #fff;
	color: #232323;
}

.header .menu li > a span {
	display: block;
	padding-right: 15px;
	background: url(../images/menu-bull.png) no-repeat center right;
}

.header-ar .menu li > a span {
	display: block;
	padding-left: 15px;
	background: url(../images/menu-bull.png) no-repeat center left;
}

.header .menu li:hover > a span {
	background: url(../images/menu-arrow.png) no-repeat center right;
}

.header-ar .menu li:hover > a span {
	background: url(../images/menu-arrow.png) no-repeat center left;
}

.header .menu li:hover > ul {
	display: block;
}

.header-ar .menu li:hover > ul {
	display: block;
}

.header .menu li > ul {
	display: none;
	width: 240px;
	position: absolute;
	box-shadow: 0px 2px 1px rgba(0,0,0,0.15);
	z-index: 25;
	padding-top: 10px;
}

.header-ar .menu li > ul {
	display: none;
	width: 240px;
	position: absolute;
	box-shadow: 0px 2px 1px rgba(0,0,0,0.15);
	z-index: 25;
	padding-top: 10px;
}

.header .menu li > ul:before {
	display: block;
	position: absolute;
	top: 7px;
	left: 15px;
	width: 10px;
	height: 10px;
	background: #fff;
	content: '';
	z-index: 24;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.header-ar .menu li > ul:before {
	display: block;
	position: absolute;
	top: 7px;
	left: 15px;
	width: 10px;
	height: 10px;
	background: #fff;
	content: '';
	z-index: 24;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.header .menu li > ul > li {
	width: 100%;
	position: relative;
	z-index: 26;
}

.header-ar .menu li > ul > li {
	width: 100%;
	position: relative;
	z-index: 26;
}

.header .menu li > ul > li > a {
	display: block;
	color: #232323;
	background: #fff;
	font-size: 14px;
	padding: 10px 15px;
}

.header-ar .menu li > ul > li > a {
	display: block;
	color: #232323;
	background: #fff;
	font-size: 14px;
	padding: 10px 15px;
	text-align: right;
}

.header .menu li > ul > li:hover > a {
	background: #e7e7e7;
}

.header-ar .menu li > ul > li:hover > a {
	background: #e7e7e7;
}

.header .menu li > ul li > a span, .header .menu li > ul li:hover > a span {
	background: url(../images/menu-arrow-ccw.png) no-repeat center right;
}

.header-ar .menu li > ul li > a span, .header-ar .menu li > ul li:hover > a span {
	background: url(../images/menu-arrow-ccw-ar.png) no-repeat center left;
}

.header .menu li > ul > li:hover > ul {
	display: block;
}

.header-ar .menu li > ul > li:hover > ul {
	display: block;
}

.header .menu li > ul > li > ul {
	display: none;
	width: 240px;
	position: absolute;
	box-shadow: none;
	z-index: 27;
	padding-top: 0px;
	padding-left: 10px;
	left: 240px;
	top: 0px;
}

.header-ar .menu li > ul > li > ul {
	display: none;
	width: 240px;
	position: absolute;
	box-shadow: none;
	z-index: 27;
	padding-top: 0px;
	padding-right: 10px;
	right: 240px;
	top: 0px;
}

.header .menu li > ul > li > ul > li:last-child {
	box-shadow: 0px 2px 1px rgba(0,0,0,0.10);
}

.header-ar .menu li > ul > li > ul > li:last-child {
	box-shadow: 0px 2px 1px rgba(0,0,0,0.10);
}

.header .menu li > ul > li > ul:before {
	display: block;
	position: absolute;
	top: 11px;
	left: 7px;
	width: 10px;
	height: 10px;
	background: #fff;
	content: '';
	z-index: 27;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	box-shadow: -1px 1px 0px rgba(0,0,0,0.02);
}

.header-ar .menu li > ul > li > ul:before {
	display: block;
	position: absolute;
	top: 11px;
	left: 235px;
	width: 10px;
	height: 10px;
	background: #fff;
	content: '';
	z-index: 27;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	box-shadow: -1px 1px 0px rgba(0,0,0,0.02);
}

.header .menu li > ul > li > ul > li {
	width: 100%;
	position: relative;
	z-index: 27;
}

.header-ar .menu li > ul > li > ul > li {
	width: 100%;
	position: relative;
	z-index: 27;
}
/* SLIDER */

.main-slider {
	display: block;
	color: #fff;
}

.main-slider .wrapper {
	height: 500px;
}

.main-slider .slider-arrow-left {
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	color: #fff;
	padding: 12px 18px;
	font-size: 16px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #000;
	line-height: 100%;
	opacity: 0;
}

.main-slider:hover .slider-arrow-left {
	opacity: 0.5;
	left: 0px;
}

.main-slider .slider-arrow-left:hover {
	opacity: 1;
}

.main-slider .slider-arrow-right {
	display: block;
	position: absolute;
	top: 50%;
	right: -20px;
	color: #fff;
	padding: 12px 18px;
	font-size: 16px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #000;
	line-height: 100%;
	opacity: 0;
}

.main-slider:hover .slider-arrow-right {
	opacity: 0.5;
	right: 0px;
}

.main-slider .slider-arrow-right:hover {
	opacity: 1;
}


/* CONTENT */

.content .full-block {
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #fff;
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.06);
}

.content .full-block2 {
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.06);
	background-color: #fff;
	background-image: url(file:///F|/TONY%20WORK/WEBSITE/Orage%20website/images/MP-61707.jpg);
}

.content .full-block:nth-child(odd) {
	background: #f3f3f3;
	box-shadow: inset 0px 21px 3px -20px rgba(0,0,0,0.09);
}

.content .full-block:nth-child(1) {
	box-shadow: none;
}

.content {
	display: block;
	padding: 0px;
}

.full-block:after {
	content: '';
	display: block;
	clear: both;
}

.full-block .full-items {
	display: block;
	height: auto;
	overflow: hidden;
}

.full-block .full-items:after {
	content: '';
	display: block;
	clear: both;
}

.full-block .full-items .item {
	display: block;
}

.full-block .full-items .item {
	float: left;
	margin-right: 30px;
	width: 313px;
	overflow: hidden;
}

.full-block .full-items .item:last-child {
	margin-right: 0px;
}

.full-block .full-items .item .item-header {
	display: block;
	margin-top: 10px;
	margin-bottom: 24px;
}

.full-block .full-items .item .item-header .icon-text {
	display: block;
	float: left;
	cursor: default;
	font-size: 36px;
	color: #232323;
}

.full-block .full-items .item .item-header h3 {
	display: block;
	font-size: 24px;
	color: #232323;
	font-family: 'Titillium Web', sans-serif;
	margin-left: 50px;
}

.full-block .full-items .item .item-content {
	display: block;
	margin-bottom: 14px;
	text-align: justify;
	color: #717171;
}

.full-block .full-items .item .item-content p {
	color: #717171;
}

.full-block .action-link {
	display: block;
	float: right;
	color: #232323;
	font-weight: bold;
	font-size: 13px;
	background: url(../images/action-arrow.png) 200px center no-repeat;
}

.full-block .action-link:hover {
	background: url(../images/action-arrow.png) right center no-repeat;
	padding-right: 14px;
}

.full-block .full-title {
	display: block;
	position: relative;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
	z-index: 0;
}

.full-block .full-title-ar {
	display: block;
	position: relative;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
	z-index: 0;
	font-family: "Comic Sans MS", cursive;
	font-size: 24px;
}

.full-block .full-title:before {
	display: block;
	content: '';
	position: absolute;
	width: 50%;
	left: 25%;
	bottom: 0px;
	height: 1px;
	background: #eaeaea;
	z-index: 1;
}

.full-block .full-title h2 {
	display: inline-block;
	padding: 0px 20px;
	z-index: 2;
	position: relative;
	color: #232323;
	text-transform: uppercase;
	font-weight: 200;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 54px;
	line-height: 56px;
	margin-bottom: 30px;
}

.full-block .full-title span {
	display: block;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #a9a9a9;
	padding-bottom: 30px;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	line-height: 22px;
	margin-top: -30px;
}

.full-block .full-portfolio {
	display: block;
	margin-bottom: 40px;
}

.full-block .full-portfolio:after {
	content: '';
	display: block;
	clear: both;
}

.full-block .full-portfolio > .portfolio-item {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 235px;
	height: 180px;
	position: relative;
}

.full-block .full-portfolio .portfolio-item > a.simulate-link,
.full-block .full-portfolio .portfolio-item span.simulate-link {
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	background: #f5f5f5;
}

.full-block .full-portfolio .portfolio-item > a.simulate-link:before,
.full-block .full-portfolio .portfolio-item span.simulate-link:before {
	display: block;
	content: '';
	position: absolute;
	z-index: 10;
	width: 42px;
	height: 42px;
	background: url(../images/image-icon-loupe.png) no-repeat center;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 50%;
	top: 50%;
	margin-top: -21px;
	margin-left: -21px;

	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.full-block .full-portfolio .portfolio-item > a.simulate-link:hover:before,
.full-block .full-portfolio .portfolio-item span.simulate-link:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}

.full-block .full-portfolio .uc-current .portfolio-item > a.simulate-link:before,
.full-block .full-portfolio .uc-current .portfolio-item span.simulate-link:before {
	display: none!important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.full-block .full-portfolio .uc-current .portfolio-item > a.simulate-link img,
.full-block .full-portfolio .uc-current .portfolio-item span.simulate-link img {
	opacity: 1!important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.full-block .full-portfolio .portfolio-item > a.simulate-link img,
.full-block .full-portfolio .portfolio-item span.simulate-link img {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.full-block .full-portfolio .portfolio-item > a.simulate-link:hover img,
.full-block .full-portfolio .portfolio-item span.simulate-link:hover img {
	opacity: 0.7;
}

.portfolio-item.view-more {
	background: #eeeeee;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
	text-align: center;
}

.portfolio-item.view-more:hover {
	background: #f2f2f2;
}

.portfolio-item.view-more a {
	display: block;
	height: 100%;
}

.portfolio-item.view-more .icon-text {
	display: block;
	font-size: 38px;
	color: #232323;
	line-height: 180%;
	padding-top: 30px;
}

.portfolio-item.view-more a:hover b, .portfolio-item.view-more a:hover .icon-text {
	color: #3e3e3e;
}

.portfolio-item.view-more b {
	font-size: 19px;
	display: block;
	color: #232323;
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
}

.portfolio-item.view-more font {
	display: block;
	color: #959595;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 4px;
}


.ot-grid,
#grid {
	z-index: 20;
	position: relative;
}

.ot-grid .uc-container,
#grid .uc-container {
	width: 235px;
	height: 180px;
}

.ot-grid .uc-single,
.ot-grid .uc-final,
.ot-grid .uc-initial-content,
.ot-grid .uc-back,
.ot-grid .uc-front,
#grid .uc-single,
#grid .uc-final,
#grid .uc-initial-content,
#grid .uc-back,
#grid .uc-front {
    background: #2582bd url(../images/header.png) repeat top left;
}

.ot-grid .uc-initial-content img,
#grid .uc-initial-content img {
    display: block;
}

.ot-grid .title,
#grid .title {
	position: absolute;
	background: rgba(255,255,255,0.9);
	bottom: 15px;
	left: 15px;
	right: 15px;
	padding: 10px 15px;
	font-size: 12px;
	line-height: 16px;
	color: #717171;
}

.ot-grid .title h4,
#grid .title h4 {
	color: #232323;
	font-weight: bold;
	font-size: 18px;
	font-family: 'Titillium Web', sans-serif;
}

.ot-grid .title span,
#grid .title span {
	display: block;
	padding-top: 6px;
}

.ot-grid .icon-link,
#grid .icon-link {
	width: 50px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	text-indent: 2px;
	color: #fff;
	background: #34a2d6 url(../images/icon-portfolio-link.png) no-repeat center;
}

.ot-grid .icon-link:hover,
#grid .icon-link:hover {
	background-color: #232323;
}

.ot-grid .icon-cancel,
#grid .icon-cancel {
	position: absolute;
	font-size: 0;
	top: 15px;
	right: 15px;
	cursor: pointer;
	box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.05);
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/icon-fold-close.png) no-repeat center;
    opacity: 0.7;
}

.ot-grid .icon-cancel:hover,
#grid .icon-cancel:hover {
    opacity: 1;
}


#grid .uc-current .uc-container {
}

.ot-grid .uc-final-wrapper,
#grid .uc-final-wrapper {
	z-index: 20;
}

.uc-container {
	display: block;
	width: 235px;
	height: 180px;
}

.ot-grid .uc-final-content,
#grid .uc-final-content {
	box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.16);
}



.full-block.invert-colors {
	overflow: hidden;
}

.content-slider-content ul li {
	display: block;
	height: 594px;
	position: absolute;
	width: 100%;
	z-index: 4;
	opacity: 0;
	filter: alpha(opacity=0);
}

.content-slider-content ul li > img {
	position: absolute;
	max-height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition-delay: 0.2s !important;
}

.content-slider-content ul li > .content-text {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition-delay: 0.3s !important;
}

.content-slider-content ul li > img[rel="left"] {
	left: -100px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.content-slider-content ul li.active > img[rel="left"] {
	left: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.content-slider-content ul li > img[rel="right"] {
	left: 100px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.content-slider-content ul li.active > img[rel="right"] {
	left: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}



.content-slider-content ul li > .content-text[rel="left"] {
	left: -100px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.content-slider-content ul li.active > .content-text[rel="left"] {
	left: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.content-slider-content ul li > .content-text[rel="right"] {
	left: 100px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.content-slider-content ul li.active > .content-text[rel="right"] {
	left: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}



.content-slider-content ul li > .content-text {
	position: relative;
	margin-left: 460px;
	top: 160px;
}

.content-slider-content ul li > .content-text h2 {
	padding-bottom: 25px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	font-weight: 200;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 56px;
	line-height: 56px;
}

.content-slider-content ul li > .content-text p {
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 10px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	color: #fff!important;
}

.content-slider-content ul li.active {
	display: block;
	z-index: 5;
	opacity: 1;
	filter: alpha(opacity=100);
}


.full-block .feature-block.inverse .feature-first {
	float: right;
}

.full-block .feature-block.inverse .feature-second {
	float: left;
}

.full-block .feature-block {
	display: block;
	padding: 20px 0px;
}

.full-block .feature-block .feature-first {
	display: block;
	float: left;
	width: 600px;
	padding-top: 30px;
}

.full-block .feature-block .feature-first h2 {
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 26px;
	line-height: 28px;
	padding-bottom: 30px;
	text-transform: uppercase;
	color: #181818;
}

.full-block .feature-block .feature-first p {
	padding-bottom: 15px;
}

.full-block .feature-block .feature-second {
	display: block;
	float: right;
	width: 250px;
}

.full-block .feature-block .feature-second .feature-image {
	display: block;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}





.full-block .full-text p {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	text-align: justify;
}


.full-block.invert-colors .full-title h2 {
	color: #fff;
}

.full-block.invert-colors .full-title:before {
	opacity: 0.2;
	filter: alpha(opacity=20);
}


.full-block.invert-colors {
	color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}

.full-block.invert-colors p {
	color: #ccc!important;
}

.full-block.invert-colors h1,
.full-block.invert-colors h2,
.full-block.invert-colors h3,
.full-block.invert-colors h4,
.full-block.invert-colors h5,
.full-block.invert-colors h6,
.full-block.invert-colors a {
	color: #fff!important;
}

.full-block .content-slider {
	display: block;
	height: 600px;
	position: relative;
}

.content-slider-buttons {
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

.content-slider-buttons li {
	display: inline-block;
	margin: 0px 30px;
	text-align: center;
	margin-top: -29px;
}

.content-slider-buttons li a {
	display: block;
	min-width: 50px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	font-size: 12px;
	white-space: nowrap;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

.content-slider-buttons li.active a,
.content-slider-buttons li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.content-slider-buttons li a .icon-text {
	display: inline-block;
	font-size: 23px;
	border: 4px solid #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	margin-bottom: 8px;
}

.content-slider-buttons li a font {
	display: block;
}

.full-block .slider-button-right:hover,
.full-block .slider-button-left:hover {
	background: rgba(0,0,0,0.1);
}

.full-block .slider-button-right,
.full-block .slider-button-left {
	display: none;
}

.full-block:hover .slider-button-right,
.full-block:hover .slider-button-left {
	display: block;
}

.full-block .slider-button-left {
	position: absolute;
	left: 0px;
	top: -80px;
	height: 760px;
	width: 60px;
	z-index: 6;
}

.full-block .slider-button-left:before {
	content: '\E765';
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	font-family: 'Entypo';
	font-size: 30px;
}

.full-block .slider-button-right {
	position: absolute;
	right: 0px;
	top: -80px;
	height: 760px;
	width: 60px;
	z-index: 6;
}

.full-block .slider-button-right:before {
	content: '\E766';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	font-family: 'Entypo';
	font-size: 30px;
}

.slider-content {
	display: block;
	width: 100%;
	overflow: hidden;
}

.full-block {
	background-repeat: none;
	background-size: cover!important;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.full-block .image-block {
	display: block;
	min-height: 200px;
}



.full-block .full-portfolio {
	width: 1020px;
	overflow: visible!important;
}

.full-block .full-gallery {
	display: block;
	margin-bottom: 40px;
	width: 1020px;
	overflow: visible!important;
}

.full-block .full-gallery:after {
	content: '';
	display: block;
	clear: both;
}

.full-block .full-gallery > .gallery-item {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 235px;
	height: 180px;
	position: relative;
}

.full-block .full-gallery .gallery-item > a.simulate-link,
.full-block .full-gallery .gallery-item span.simulate-link {
	display: inline-block;
	cursor: pointer;
	background: #f5f5f5;
}

.full-block .full-gallery .gallery-item > a.simulate-link:before,
.full-block .full-gallery .gallery-item span.simulate-link:before {
	display: block;
	content: '';
	position: absolute;
	z-index: 10;
	width: 42px;
	height: 42px;
	background: url(../images/image-icon-loupe.png) no-repeat center;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 50%;
	top: 50%;
	margin-top: -21px;
	margin-left: -21px;

	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.full-block .full-gallery .gallery-item > a.simulate-link:hover:before,
.full-block .full-gallery .gallery-item span.simulate-link:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}

.full-block .full-gallery .uc-current .gallery-item > a.simulate-link:before,
.full-block .full-gallery .uc-current .gallery-item span.simulate-link:before {
	display: none!important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.full-block .full-gallery .uc-current .gallery-item > a.simulate-link img,
.full-block .full-gallery .uc-current .gallery-item span.simulate-link img {
	opacity: 1!important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.full-block .full-gallery .gallery-item > a.simulate-link img,
.full-block .full-gallery .gallery-item span.simulate-link img {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.full-block .full-gallery .gallery-item > a.simulate-link:hover img,
.full-block .full-gallery .gallery-item span.simulate-link:hover img {
	opacity: 0.7;
}

.gallery-item.view-more {
	background: #eeeeee;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
	text-align: center;
}

.gallery-item.view-more:hover {
	background: #f2f2f2;
}

.gallery-item.view-more a {
	display: block;
	height: 100%;
}

.gallery-item.view-more .icon-text {
	display: block;
	font-size: 38px;
	color: #232323;
	line-height: 180%;
	padding-top: 30px;
}

.gallery-item.view-more a:hover b, .gallery-item.view-more a:hover .icon-text {
	color: #3e3e3e;
}

.gallery-item.view-more a:hover, .portfolio-item.view-more a:hover {
	box-shadow: inset 0px 0px 90px rgba(0,0,0,0.05), 0px 2px 2px rgba(0,0,0,0.03);
}

.gallery-item.view-more b {
	font-size: 19px;
	display: block;
	color: #232323;
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
}

.gallery-item.view-more font {
	display: block;
	color: #959595;
	font-weight: bold;
	font-size: 10px;
	padding-top: 4px;
	text-transform: uppercase;
}

.full-block .full-gallery .gallery-item span.simulate-link img {
	margin: -3px;
	padding: 3px;
	box-shadow: 0px 0px 0px 1px #e0e0e0;
	background: #fff;
}


.full-block .full-gallery .gallery-item li:not(.active) span.simulate-link:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.full-block .full-gallery .gallery-item ul li {
	display: block;
	top: 0px;
	position: absolute;
	padding: 3px;
	background: #fff;
}

.full-block .full-gallery .gallery-item ul li:nth-child(4n+0) {
	display: none;
}


.full-block .full-gallery .te-cover img,
.full-block .full-gallery .te-transition img {
	margin: -3px;
	padding: 3px;
	box-shadow: 0px 0px 0px 1px #e0e0e0;
	background: #fff;
}


.full-block .full-gallery .gallery-item:not(.view-more):before {
	content: '';
	background: url(../images/gallery-fake.png) no-repeat center;
	display: block;
	z-index: 1;
	width: 250px;
	height: 198px;
	position: absolute;
	top: -9px;
	left: -7px;
}

.full-block .full-gallery .gallery-item .te-container {
	z-index: 2;
	position: relative;
}

.te-wrapper:hover .te-next {
	opacity: 1;
	filter: alpha(opacity=100);
}

.te-wrapper .te-next {
	display: block;
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 15px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: rgba(0,0,0,0.5);
	font-size: 19px;
	color: #fff;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.4);
	border-radius: 100%;
	-moz-border-radius: 100%;
	text-align: center;
	line-height: 168%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.te-wrapper .te-next:hover {
	background: rgba(0,0,0,0.8);
}



.action-link {
	display: block;
	float: right;
	color: #232323;
	font-weight: bold;
	font-size: 13px;
	background: url(../images/action-arrow.png) 200px center no-repeat;
}

.action-link:hover {
	color: #232323;
	background: url(../images/action-arrow.png) right center no-repeat;
	padding-right: 14px;
}







.full-block .full-team {
	display: block;
	margin-bottom: 40px;
}

.full-block .full-team:after {
	content: '';
	display: block;
	clear: both;
}

.full-block .full-team > .team-item {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	width: 235px;
	position: relative;
	text-align: center;
	margin-left: 38%;

}

.full-block .full-team2 > .team-item {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	width: 235px;
	position: relative;
	text-align: center;
	margin-left: 60px;
}

.full-block .full-team3 > .team-item {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	width: 235px;
	position: relative;
	text-align: center;
	margin-left: 160px;
}

.full-block .full-team4 > .team-item {
	float: left;
	margin-right: 15px;
	margin-top: 20px;
	width: 235px;
	position: relative;
	text-align: center;
}


.full-block .full-team > .team-item:nth-child(4n) {
	margin-right: 0px;
}

.full-block .full-team > .team-item:nth-child(1),
.full-block .full-team > .team-item:nth-child(2),
.full-block .full-team > .team-item:nth-child(3),
.full-block .full-team > .team-item:nth-child(4) {
	margin-top: 0px;
}

.member-avatar {
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
	padding: 6px;
	background: #f5f5f5;
	border: 1px solid #d1d1d1;
	position: relative;
}

.member-avatar:hover {
	padding: 8px;
	margin-top: -2px;
	margin-bottom: -2px;
	background: #fff;
}

.member-avatar img {
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
}



.full-block .full-team .team-item a.hover-img {
	display: inline-block;
	cursor: pointer;
	background: #f5f5f5;
	border-radius: 50%;
	-moz-border-radius: 50%;
}

.full-block .full-team .team-item a.hover-img:before {
	display: block;
	content: '';
	position: absolute;
	z-index: 10;
	width: 42px;
	height: 42px;
	background: url(../images/image-icon-loupe.png) no-repeat center;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 50%;
	top: 50%;
	margin-top: -18px;
	margin-left: -18px;

	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.full-block .full-team .team-item a.hover-img:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}

.full-block .full-team .uc-current .team-item a.hover-img:before {
	display: none!important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.full-block .full-team .uc-current .team-item a.hover-img img {
	opacity: 1!important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.full-block .full-team .team-item a.hover-img img {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.full-block .full-team .team-item a.hover-img:hover img {
	opacity: 0.7;
}

.full-block .full-team .team-item:hover .user-socials li a {
	opacity: 1;
	filter: alpha(opacity=100);
}

.user-socials {
	width: 100%;
	position: absolute;
	top: -35px;
	text-align: center;
	font-size: 27px;
	height: 40px;
}

.user-socials li {
	display: inline-block;
	padding: 0px 2px;
	position: relative;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
	width: 25px;
	height: 25px;
	font-size: 25px;
}

.team-item:hover .user-socials li {
	opacity: 1;
	filter: alpha(opacity=100);
}

.user-socials li a {
	color: #232323;
	opacity: 0;
	filter: alpha(opacity=0);
}

.user-socials li a:hover {
	color: #232323!important;
}

.team-item:hover .user-socials li:nth-child(1) {
	top: 33px;
	left: 3px;
}

.team-item:hover .user-socials li:nth-child(2) {
	top: 10px;
	left: -1px;
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
}

.team-item:hover .user-socials li:nth-child(3) {
	top: 0px;
	left: 0px;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
}

.team-item:hover .user-socials li:nth-child(4) {
	top: 0px;
	left: 0px;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
}

.team-item:hover .user-socials li:nth-child(5) {
	top: 10px;
	right: -1px;
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
}

.team-item:hover .user-socials li:nth-child(6) {
	top: 33px;
	right: 3px;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}



.team-item .user-socials li:nth-child(1) {
	top: 122px;
	left: 91px;
}

.team-item .user-socials li:nth-child(2) {
	top: 122px;
	left: 55px;
}

.team-item .user-socials li:nth-child(3) {
	top: 122px;
	left: 19px;
}

.team-item .user-socials li:nth-child(4) {
	top: 122px;
	left: -17px;
}

.team-item .user-socials li:nth-child(5) {
	top: 122px;
	right: 53px;
}

.team-item .user-socials li:nth-child(6) {
	top: 122px;
	right: 89px;
}

.team-item .member-title {
	display: block;
	padding-top: 20px;
}

.team-item .member-title h2 {
	font-size: 19px;
	text-transform: uppercase;
	font-family: 'Titillium Web', sans-serif;
	color: #232323;
}

.team-item .member-title h2 a {
	color: #232323;
}

.team-item .member-title span {
	display: block;
	padding-top: 3px;
	color: #a9a9a9;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}



.full-block .full-quote .quote-item {
	display: block;
	padding: 20px 0px;
}

.full-block .full-quote .quote-item .quote-text {
	display: block;
	width: 76%;
	float: left;
}

.full-block .full-quote .quote-item .quote-text h2 {
	font-family: 'Titillium Web', sans-serif;
	color: #232323;
}

.full-block .full-quote .quote-item .quote-text p {
	display: block;
	padding-top: 10px;
	color: #717171;
	font-size: 12px;
}

.full-block .full-quote .quote-item .action-button {
	display: block;
	float: right;
	width: 24%;
	text-align: right;
}



.the-button {
	font-family: 'Titillium Web', sans-serif;
	display: inline-block;
	border-radius: 2px;
	-moz-border-radius: 2px;
	background: #29a2e3;
	color: #fff;
	font-size: 14px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	font-weight: bold;
	padding: 8px 15px;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), inset 0px 1px 0px 1px rgba(255,255,255,0.2), inset 0px -30px 50px -30px rgba(0,0,0,0.2), 0px 2px 0px rgba(0,0,0,0.1);
}

.the-button:hover {
	color: #fff;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), inset 0px 1px 0px 1px rgba(255,255,255,0.2), inset 0px -20px 50px -30px rgba(0,0,0,0.2), 0px 2px 0px rgba(0,0,0,0.1), inset 0px 0px 50px 50px rgba(255,255,255,0.08);
}

.the-button:active {
	color: #fff;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2), inset 0px 1px 1px 1px rgba(0,0,0,0.1), inset 0px 0px 50px 50px rgba(0,0,0,0.06);
}

.the-button.custom-content {
	text-align: left;
}

.the-button.custom-content span.icon-text {
	display: block;
	float: left;
	font-size: 27px;
	padding: 8px 16px 0px 0px;
}

.the-button.custom-content span.text-under {
	font-family: Arial;
	display: block;
	margin-right: 5px;
	margin-left: 42px;
	font-size: 10px;
	margin-top: -2px;
}





.full-contacts {
	display: block;
	margin-bottom: 30px;
}

.full-contacts:after {
	display: block;
	content: '';
	clear: both;
}

.full-contacts .contacts-map {
	display: block;
	width: 450px;
	height: 291px;
	background: none;
	float: left;
	margin-left: 40px;
	margin-right: 80px;
	position: relative;
}

.full-contacts .contacts-map .map-wireframe {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: transparent;
	position: absolute;
}

.full-contacts .contacts-map .map-wireframe img {
	max-width: 450px;
	height: auto;
	width: 100%;
}

.full-contacts .contacts-map .map-wireframe .pin {
	position: absolute;
	top: 51px;
	left: 96px;
	width: 1px;
	height: 1px;
	background: transparent;
}

.full-contacts .contacts-map .map-wireframe .pin:before {
	width: 33px;
	height: 30px;
	display: block;
	position: absolute;
	content: '';
	background: url(../images/map-pin-white.png) no-repeat center;
	margin-top: -28px;
	margin-left: -10px;
}

.full-contacts .contacts-content {
	display: block;
	float: left;
	width: 430px;
}

.full-contacts .contacts-content .block {
	display: block;
	padding-bottom: 30px;
	line-height: 190%;
}

.full-contacts .contacts-content .block .contact-title {
	display: block;
	padding-bottom: 0px;
	color: #8e8e8e;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.full-contacts .contacts-content .block h2 {
	display: block;
	padding-bottom: 5px;
	font-family: 'Titillium Web', sans-serif;
	color: #232323;
	font-size: 30px;
	font-weight: bold;
}

.full-contacts .contacts-content .block h2 a {
	color: #232323;
}

.full-contacts .contacts-content .block h2 a:hover {
	color: #232323;
	text-decoration: underline;
}

.full-contacts .contacts-content .block p {
	display: block;
	padding-bottom: 5px;
	font-family: 'Titillium Web', sans-serif;
	color: #232323;
	font-size: 20px;
	font-weight: bold;
}


.full-about {
	display: block;
	margin-bottom: 30px;
}

.full-about:after {
	display: block;
	content: '';
	clear: both;
}

.full-about .about-content {
	display: block;
	float: left;
	width: 480px;
	margin-right: 60px;
}

.full-about .about-form {
	display: block;
	float: left;
	width: 460px;
	position: relative;
}

.comment-block .respond,
.contact-form {
	display: block;
	margin: 0px auto;
	width: 300px;
	margin-top: 70px;
	font-size: 0;
}

.comment-block .respond,
.contact-form.commentform {
	width: 400px;
}

.comment-block .respond p,
.contact-form p {
	display: block;
	padding-bottom: 8px;
	position: relative;
	font-size: 12px;
}

.comment-block .respond p label,
.contact-form p label {
	display: block;
	padding-bottom: 1px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #b4b4b4;
}

input[type=text] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d8d8d8;
	padding: 8px 10px;
	font-size: 11px;
	font-family: Arial;
	color: #939393;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.015), inset 0px 50px 50px -50px rgba(0,0,0,0.06);
}

.comment-block .respond p input.error,
.comment-block .respond p input.error:focus,
.comment-block .respond p textarea.error,
.comment-block .respond p textarea.error:focus,
.contact-form p input.error,
.contact-form p input.error:focus,
.contact-form p textarea.error,
.contact-form p textarea.error:focus {
	border: 1px solid #d41c1c;
}

.comment-block .respond p:hover span.error-msg,
.contact-form p:hover span.error-msg {
	display: block;
}

.comment-block .respond p span.error-msg,
.contact-form p span.error-msg {
	display: none;
	background: #d41c1c;
	color: #fff;
	padding: 3px 8px;
	font-size: 10px;
	position: absolute;
	z-index: 3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin-top: 10px;
	width: 100%;
	margin-left: -7px;
	text-align: center;
}

.comment-block .respond p span.error-msg:before,
.contact-form p span.error-msg:before {
	display: block;
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	top: -2px;
	left: 50%;
	margin-left: -3px;
	background: inherit;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.comment-block .respond p textarea,
.contact-form p textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #d8d8d8;
	padding: 8px 10px;
	font-size: 11px;
	font-family: Arial;
	color: #939393;
	height: 70px;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.015), inset 0px 50px 50px -50px rgba(0,0,0,0.06);
}

.comment-block .respond p input:focus,
.comment-block .respond p textarea:focus,
.contact-form p input:focus,
.contact-form p textarea:focus {
	border: 1px solid #c5c5c5;
	box-shadow: none;
}

.contact-form-user {
	display: inline-block!important;
	width: 144px;
}

.commentform .contact-form-email,
.commentform .contact-form-user {
	width: 194px;
}

.contact-form-email {
	display: inline-block!important;
	width: 144px;
	margin-left: 12px;
}

.full-about .spray-send-message:before {
	display: block;
	clear: both;
	content: '';
}

.spray-send-message {
	display: block;
	width: 183px;
	height: 78px;
	background: url(../images/spray-send-message.png) no-repeat center;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.info-message {
	display: block;
	font-size: 12px;
	margin-bottom: 15px;
	background: #eeeeee;
	padding: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.09);
}

.info-message .icon-text {
	display: block;
	float: left;
	font-size: 23px;
	color: #000;
	opacity: 0.2;
	filter: alpha(opacity=20);
	padding: 4px 2px;
}

.info-message p {
	display: block;
	margin-left: 35px;
	padding-bottom: 0px!important;
	color: rgba(0,0,0,0.55);
	font-size: 11px!important;
	font-weight: bold;
}

.info-message.alert-stripes {
	position: relative;
	display: block;
	font-size: 12px;
	margin-bottom: 15px;
	background: #feefb4;
	padding: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: inset 0px 0px 0px 1px #e6bb86;
}

.info-message.alert-stripes:before {
	position: absolute;
	display: block;
	width: 100%;
	background: url(../images/spray-alert-stripes.png) repeat-x left center;
	content: '';
	height: 4px;
	top: 0px;
	left: 0px;
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
}

.info-message.alert-stripes:after {
	position: absolute;
	display: block;
	width: 100%;
	background: url(../images/spray-alert-stripes.png) repeat-x left center;
	content: '';
	height: 4px;
	bottom: 0px;
	left: 0px;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
}

.info-message.alert-stripes .icon-text {
	color: #ebc789;
	opacity: 1;
	filter: alpha(opacity=100);
}


.full-pricelist {
	display: table;
	margin-bottom: 30px;
	width: 100%;
}

.full-pricelist .pricelist-item {
	display: table-cell;
	width: auto;
	font-size: 12px;
	overflow: hidden;
	padding-bottom: 5px;
}

.full-pricelist .pricelist-item .price-tag {
	display: block;
	width: 98%;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0px 0px 0px 1px #e8e8e8, 0px 2px 0px rgba(0,0,0,0.025);
}

.full-pricelist .pricelist-item .price-features {
	display: block;
	padding: 14px;
	padding-bottom: 0px;
}

.full-pricelist .pricelist-item .price-features ul li {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: center;
	line-height: 140%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: -15px;
	margin-right: -15px;
	font-weight: normal;
	color: #1e1e1e;
}

.full-pricelist .pricelist-item .price-features ul li:last-child {
	border-bottom: 0px;
}

.full-pricelist .pricelist-item .price-button {
	display: block;
	padding: 0px 14px 25px 14px;
	text-align: center;
}

.full-pricelist .pricelist-item .price-header {
	text-align: center;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}

.full-pricelist .pricelist-item .price-header h3 {
	display: block;
	margin-bottom: 10px;
	padding: 10px 10px;
	background: rgba(0,0,0,0.22);
	font-family: 'Titillium Web', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

.full-pricelist .pricelist-item .price-header .price {
	display: block;
	padding: 10px 10px 20px 10px;
	line-height: 350%;
}

.full-pricelist .pricelist-item .price-header .price .price-currency {
	vertical-align: top;
	margin-top: -11px;
	display: inline-block;
}

.full-pricelist .pricelist-item .price-header .price .price-period {
	vertical-align: bottom;
	margin-bottom: -16px;
	display: inline-block;
}

.full-pricelist .pricelist-item .price-header .price .price-number {
	font-size: 58px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	vertical-align: middle;
}

.full-pricelist .pricelist-item .price-header .price-info {
	display: block;
	padding-bottom: 10px;
	font-size: 10px;
}

.full-pricelist .pricelist-item .price-header .price-info .icon-text {
	display: inline-block;
	padding-right: 6px;
}




.full-bloglist {
	display: block;
	margin-bottom: 30px;
}

.full-bloglist:after {
	display: block;
	content: '';
	clear: both;
}

.full-bloglist .blog-item {
	display: block;
	float: left;
	width: 490px;
	margin-right: 20px;
	margin-bottom: 20px;
	box-shadow: inset 0px 0px 0px 1px #e8e8e8, 0px 3px 0px rgba(0,0,0,0.02);
	background: #fff;
}

.full-bloglist:not(.hasfeatured) .blog-item:nth-child(2n+0) {
	margin-right: 0px;
}

.full-bloglist.hasfeatured .blog-item:nth-child(2n+1) {
	margin-right: 0px;
}

.full-bloglist .blog-item.large {
	width: 100%;
}


.article-header {
	display: block;
	background: #232323;
	color: #fff;
	position: relative;
}

.article-header-music {
	display: block;
	background: #232323;
	color: #fff;
	position: relative;
	width: 50px;
	margin-right: 5px;
	margin-left: 50px;
}

.article-header img {
	width: 100%;
}

.article-header a {
	display: block!important;
}

.article-header blockquote {
	display: block;
	background: url(../images/spray-blockquote-white.png) no-repeat 25px 30px;
	font-size: 20px;
	padding: 27px 20px 30px 70px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	line-height: 120%;
}

.full-bloglist .blog-item .article-content {
	display: block;
	padding: 25px;
}

.full-bloglist .blog-item .article-content h2 {
	font-family: 'Titillium Web', sans-serif;
	color: #232323;
	font-size: 20px;
	padding-bottom: 15px;
	line-height: 130%;
}

.full-bloglist .blog-item .article-content h2 a {
	color: #232323;
}

.full-bloglist .blog-item .article-content h2 a:hover {
	color: #232323;
	text-decoration: underline;
}

.full-bloglist .blog-item .article-content p {
	display: block;
	padding-bottom: 20px;
	line-height: 180%;
}

.full-bloglist .blog-item .article-content .author-note {
	display: block;
	float: left;
	color: #d4d4d4;
}

.full-bloglist .blog-item .article-content .author-note a {
	color: #d4d4d4;
	font-weight: bold;
}

.full-bloglist .blog-item .article-content .author-note a:hover {
	color: #858585;
	text-decoration: underline;
}


.portfolio-slider {
	position: relative;
}

.article-header .article-slider li,
.portfolio-slider .article-slider li {
	display: none;
}

.article-header .article-slider li.active,
.portfolio-slider .article-slider li.active {
	display: block;
}

.article-slider-bulls {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 5;
	white-space: nowrap;
	font-size: 0;
	line-height: 100%;
	padding: 10px;
}

.portfolio-slider .article-slider-bulls {
	padding: 18px;
}

.article-slider-bulls li {
	display: inline-block;
	margin-right: 5px;
}

.article-slider-bulls li:last-child {
	display: inline-block;
	margin-right: 0px;
}

.article-slider-bulls li a {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid #fff;
	background: transparent;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2), inset 0px 0px 1px 1px rgba(0,0,0,0.2);
}

.article-slider-bulls li a:hover,
.article-slider-bulls li.active a {
	background: #fff;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
}





a.hover-img {
	display: inline-block;
	cursor: pointer;
	background: #f5f5f5;
	position: relative;
}

a.hover-img:before {
	display: block;
	content: '';
	position: absolute;
	z-index: 10;
	width: 42px;
	height: 42px;
	background: url(../images/image-icon-loupe.png) no-repeat center;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 50%;
	top: 50%;
	margin-top: -21px;
	margin-left: -21px;

	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

a.hover-img:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}

a.hover-img img {
	opacity: 1;
}

a.hover-img img {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

a.hover-img:hover img {
	opacity: 0.7;
}





.page-without-sidebar {
	display: block;
	margin-top: 30px;
	margin-bottom: 40px;
}

.page-without-sidebar .page-main {
	display: block;
	width: 100%;
}

.page-with-sidebar {
	display: block;
	margin-top: 30px;
	margin-bottom: 40px;
}

.page-with-sidebar .page-main {
	display: block;
	width: 680px;
	float: left;
}

.page-with-sidebar .page-sidebar {
	display: block;
	width: 300px;
	float: right;
}

.page-main .block,
.page-with-sidebar .page-sidebar .panel {
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #fff;
	box-shadow: inset 0px 0px 0px 1px #e8e8e8, 0px 3px 0px rgba(0,0,0,0.018);
	margin-bottom: 30px;
}

.panel > ul {
	display: block;
	padding: 20px;
}

.footer .panel > ul {
	padding: 0px;
}

.panel > ul li {
	display: block;
	padding-bottom: 8px;
}

.footer .panel > ul li {
	color: #ccc;
}

.footer .tagcloud {
	max-width: 600px;
}

.panel > ul li a {
	font-weight: bold;
}

.footer .panel > ul li a {
	color: #ccc;
}

.footer .panel > ul li a:hover {
	text-decoration: underline;
}

.page-main .block {
	padding: 20px 20px 10px 20px;
}

.page-main .block .block-title {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eeeeee;
}

.page-main .block .block-title h2 {
	color: #232323;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
}

.page-with-sidebar .page-sidebar .screen-reader-text,
.page-with-sidebar .page-sidebar .panel-title {
	display: block;
	position: relative;
	background-color: #298cc3;
	color: #fff;
	padding: 10px 15px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
}

.panel input#searchsubmit {
	position: relative;
	margin-bottom: 22px;
}

.panel .menu {
	display: block;
}

.panel .menu .sub-menu {
	display: block;
	margin-left: 20px;
}

.panel input[type=submit] {
	display: inline-block;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	background: #71b33a;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 14px 7px 14px;
	border: 0px;
	box-shadow: inset 0px -3px 0px 1px rgba(255,255,255,0.12), inset 0px 2px 0px 0px rgba(255,255,255,0.12), inset 0px -2px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 0px 0px rgba(0,0,0,0.25), 0px 2px 0px 0px rgba(0,0,0,0.08), inset 0px 0px 0px 50px rgba(255,255,255,0.12);
	border-radius: 2px;
	line-height: 150%;
	-moz-border-radius: 2px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	cursor: pointer;
	margin-right: 6px;
	vertical-align: bottom;
}

.panel input[type=submit]:hover {
	color: #fff;
	box-shadow: inset 0px -3px 0px 1px rgba(255,255,255,0.12), inset 0px 2px 0px 0px rgba(255,255,255,0.12), inset 0px -2px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 0px 0px rgba(0,0,0,0.25), 0px 2px 0px 0px rgba(0,0,0,0.08);
}

.panel input[type=submit]:active {
	color: #fff;
	margin-top: 2px!important;
	padding: 5px 14px 5px 14px;
	box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.12), inset 0px 0px 0px 0px rgba(255,255,255,0.12), inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 0px 0px 0px rgba(0,0,0,0.25), inset 0px 2px 2px 0px rgba(0,0,0,0.08);
}

.page-with-sidebar .page-sidebar .screen-reader-text:before,
.page-with-sidebar .page-sidebar .panel-title:before {
	z-index: 1;
	width: 8px;
	height: 8px;
	display: block;
	content: '';
	bottom: -4px;
	left: 17px;
	position: absolute;
	background-color: inherit;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.panel #calendar_wrap #wp-calendar tfoot td a {
	padding-right: 10px;
	padding-left: 10px;
}

.panel input.search {
	margin: 20px 10px 20px 20px;
	width: auto;
}

.footer {
	min-height: 30px;
}

.page-with-sidebar .page-sidebar .panel-title h3 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	position: relative;
	z-index: 2;
}

.page-with-sidebar .page-sidebar .panel-title span {
	display: block;
	font-size: 11px;
	position: relative;
	z-index: 2;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.page-with-sidebar .page-sidebar .panel > div:not(.panel-title) {
	display: block;
	padding: 15px;
}

.page-with-sidebar .page-sidebar .article:first-child .article-header {
	margin-top: -15px;
}

.page-with-sidebar .page-sidebar .article {
	display: block;
	margin-bottom: 15px;
}

.page-with-sidebar .page-sidebar .article .article-photo {
	display: block;
	padding-bottom: 15px;
	margin-left: -15px;
}

.page-with-sidebar .page-sidebar .article h4 {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
	color: #232323;
}

.page-with-sidebar .page-sidebar .article h4 a {
	color: #232323;
}

.page-with-sidebar .page-sidebar .article h4 a:hover {
	color: #232323;
	text-decoration: underline;
}

.page-with-sidebar .page-sidebar .article .article-content {
	text-align: justify;
	display: block;
	padding-bottom: 10px;
}

.author-note {
	display: block;
	float: left;
	color: #d4d4d4;
}

.author-note .icon-text {
	display: inline-block;
	padding-right: 6px;
}

.author-note a {
	color: #d4d4d4;
	font-weight: bold;
}

.author-note a:hover {
	color: #858585;
	text-decoration: underline;
}

.page-with-sidebar .page-sidebar .article .article-header {
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
	margin-bottom: 15px;
}

.page-with-sidebar .page-sidebar .article .article-header > a {
	display: block;
}

.page-with-sidebar .page-sidebar .article .article-photo,
.page-with-sidebar .page-sidebar .article .article-slider {
	width: 300px;
	height: 162px;
}

.panel .view-more-button {
	display: block;
	margin-bottom: -15px;
	margin-left: -15px;
	margin-right: -15px;
	background: #fbfbfb;
	padding: 13px 15px;
	border: 1px solid #e8e8e8;
	box-shadow: inset 0px 2px 0px rgba(0,0,0,0.02);
	font-weight: bold;
	font-size: 13px;
	color: #9f9f9f;
	text-shadow: 0px 1px 0px #fff;
}

.panel .view-more-button .icon-text {
	display: inline-block;
	padding-right: 8px;
}

.panel .view-more-button:hover {
	background: #f6f6f6;
}

.tagcloud {
	font-size: 0;
}

.tagcloud a {
	display: inline-block;
	font-size: 11px!important;
	margin-right: 8px;
	margin-bottom: 8px;
	position: relative;
	background: #2582bd;
	color: #fff;
	padding: 1px 7px 1px 13px;
	border-radius: 0px 2px 2px 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	margin-left: 10px;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.07);
}

.tagcloud a:hover {
	background: #232323;
}

.tagcloud a:before {
	z-index: 1;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	background-color: #fff;
	position: absolute;
	border-radius: 50%;
	-moz-border-radius: 50%;
	left: 1px;
	top: 8px;
}

.tagcloud a:after {
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	background-color: inherit;
	position: absolute;
	left: -7px;
	top: 3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 0;
}

.panel .comment {
	display: block;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 15px;
}

.panel .comment:before {
	display: block;
	content: '';
	position: absolute;
	width: 300px;
	margin-left: -15px;
	left: 0px;
	bottom: 0px;
	height: 1px;
	background: #e8e8e8;
}

.panel .comment:last-child:before {
	display: none;
}

.panel .comment:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.panel .comment .comment-photo {
	display: block;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	overflow: hidden;
	float: left;
}

.panel .comment .comment-info {
	display: block;
	height: 37px;
	margin-left: 50px;
	margin-bottom: 12px;
}

.panel .comment .comment-info > span {
	display: block;
	color: #8d8c8c;
}

.panel .comment .comment-info > span > b,
.panel .comment .comment-info > span a {
	display: inline-block;
	color: #494949;
	padding-right: 6px;
	font-weight: bold;
	font-size: 14px;
}

.panel .comment .comment-info > span a:hover {
	color: #232323;
	text-decoration: underline;
}

.panel .comment .comment-info > span.date {
	color: #b8b8b8;
	font-size: 11px;
}

.panel .comment p {
	margin-bottom: 12px;
	color: #858585;
}

.footer .panel .comment .view-more-link:hover {
	color: #fff;
}

.panel .comment .view-more-link {
	text-align: left;
	color: #545454;
	font-weight: bold;
	font-size: 12px;
}

.panel .comment .view-more-link .icon-text {
	display: inline-block;
	padding-right: 6px;
}

.panel .comment .view-more-link:hover {
	color: #232323;
	text-decoration: underline;
}

.panel .article .t-slider-next {
	display: block;
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 15px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: rgba(0,0,0,0.5);
	font-size: 19px;
	color: #fff;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.4);
	border-radius: 100%;
	-moz-border-radius: 100%;
	text-align: center;
	line-height: 168%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.panel .article .t-slider-prev {
	display: block;
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 15px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: rgba(0,0,0,0.5);
	font-size: 19px;
	color: #fff;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.4);
	border-radius: 100%;
	-moz-border-radius: 100%;
	text-align: center;
	line-height: 168%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.panel .article:hover .t-slider-prev,
.panel .article:hover .t-slider-next {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.panel .article:hover .t-slider-prev:hover,
.panel .article:hover .t-slider-next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.panel #calendar_wrap {
	position: relative;
}

.panel #calendar_wrap caption {
	padding-bottom: 11px;
	text-align: left;
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	color: #585858;
}

.panel #calendar_wrap:before {
	display: block;
	content: '';
	height: 38px;
	background: #f5f5f5;
	width: 298px;
	position: absolute;
	left: 1px;
	top: 49px;
	z-index: 1;
}

.panel #calendar_wrap #wp-calendar {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2;
}

.panel #calendar_wrap #wp-calendar td {
	padding: 0px;
	line-height: 250%;
	width: 38px;
	height: 32px;
}

.panel #calendar_wrap #wp-calendar th {
	padding: 14px 0px;
	text-align: center;
}

.panel #calendar_wrap #wp-calendar td a {
	background: #f5f5f5;
	display: inline-block;
	width: 34px;
	padding: 0px;
	position: relative;
	line-height: 220%;
	color: #585858;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.panel #calendar_wrap #wp-calendar td a:hover {
	background: #f0f0f0;
}

.panel #calendar_wrap #wp-calendar td#today a {
	box-shadow: inset 0px 0px 0px 2px #d12626;
}

.panel #calendar_wrap #wp-calendar td#today:before {
	display: block;
	content: '';
	position: absolute;
	background: transparent;
	z-index: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0px 0px 0px 2px #d12626;
	width: 34px;
	height: 28px;
	margin-top: 2px;
	margin-left: 2px;
}

.panel .form-input {
	display: block;
	padding: 0px 15px 8px 15px;
}

.panel .form-button {
	display: block;
	padding: 8px 15px 15px 15px;
}

.panel label {
	display: block;
	padding-bottom: 1px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #b4b4b4;
}

.panel .bottom-info {
	display: block;
	margin-bottom: -15px;
	margin-left: -15px;
	margin-right: -15px;
	background: #fbfbfb;
	padding: 11px 15px;
	border: 1px solid #e8e8e8;
	box-shadow: inset 0px 2px 0px rgba(0,0,0,0.02);
	font-weight: bold;
	font-size: 11px;
	color: #9f9f9f;
	text-shadow: 0px 1px 0px #fff;
}

.panel form {
	position: relative;
}

.panel .loading-block {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #fff;
	z-index: 10;
	text-align: center;
}

.panel .loading-block img {
	display: block;
	position: absolute;
	left: 35px;
	height: 35px;
	margin-top: 50px;
}

.panel .loading-block b {
	display: block;
	margin-top: 50px;
	margin-left: 85px;
	text-align: left;
	font-size: 16px;
	color: #232323;
	font-family: 'Titillium Web', sans-serif;
}

.panel .loading-block span {
	display: block;
	margin-left: 85px;
	text-align: left;
	font-size: 11px;
	color: #6b6b6b;
}

.block-title .article-icon {
	display: inline-block;
	padding-top: 12px;
	font-size: 12px;
	color: #b1b1b1;
	margin-right: 12px;
}

.block-title .article-icon .icon-text {
	display: inline-block;
	padding-top: 1px;
	padding-right: 8px;
}

.block-title a.article-icon:hover {
	color: #232323;
	text-decoration: underline;
}

.page-main .full-title {
	display: block;
	position: relative;
	text-align: left;
	margin-bottom: 40px;
	z-index: 0;
}

.page-main .full-title h2 {
	display: inline-block;
	padding: 0px 20px 0px 0px;
	background: #f5f5f5;
	z-index: 2;
	position: relative;
	font-size: 24px;
	color: #232323;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
}

.page-main .full-title:before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	left: 0px;
	top: 8px;
	height: 1px;
	background: #e2e2e2;
	z-index: 1;
}



.comment-block {
	display: block;
	margin-bottom: 30px;
}

.comment-block .commment-content {
	display: block;
	margin-bottom: 25px;
}

.comment-block .commment-content .user-avatar {
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	float: left;
	border-radius: 50%;
	-moz-border-radius: 50%;
	overflow: hidden;
}

.comment-block .commment-content .user-avatar img {
	width: 60px;
	height: 60px;
}

.comment-block .commment-content .user-avatar:before {
	display: block;
	content: '';
	width: 60px;
	height: 60px;
	z-index: 5;
	box-shadow: inset 0px 0px 1px rgba(0,0,0,0.3);
	background: transparent;
	border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
}

.comment-block .commment-content .user-content {
	display: block;
	margin-left: 80px;
	background: #fff;
	border: 1px solid #e2e2e2;
	padding: 15px 20px;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.comment-block .commment-content .user-content:before {
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	background: inherit;
	border-left: inherit;
	border-bottom: inherit;
	position: absolute;
	left: -6px;
	top: 25px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.comment-block .commment-content .user-content .icon-link {
	display: block;
	position: absolute;
	top: 66px;
	left: -76px;
	font-size: 11px;
	font-weight: bold;
	color: #545454;
}

.comment-block .commment-content .user-content .icon-link:hover {
	color: #232323;
	text-decoration: underline;
}

.comment-block .commment-content .user-content .icon-link .icon-text {
	display: inline-block;
	padding-right: 5px;
}

.comment-block .commment-content .user-content .user-nick {
	display: block;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 10px;
	color: #9b9a9a;
}

.comment-block .commment-content .user-content .user-nick .marker {
	color: #fff;
	font-size: 10px;
	padding: 0px 6px;
}

.comment-block .commment-content .user-content .user-nick span,
.comment-block .commment-content .user-content .user-nick a {
	color: #494949;
	font-size: 15px;
	font-weight: bold;
	margin-right: 6px;
}

.comment-block .commment-content .user-content .user-nick a:hover {
	color: #232323;
	text-decoration: underline;
}

.comment-block .commment-content .user-content .time-stamp {
	color: #cacaca;
	display: block;
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 12px;
}

.comment-block ul li .commment-content .user-avatar {
	margin-left: 80px;
}

.comment-block ul li .commment-content .user-content {
	margin-left: 160px;
}

.comment-block ul {
	position: relative;
}

.comment-block ul:before {
	position: absolute;
	display: block;
	content: '';
	left: 25px;
	top: -20px;
	width: 34px;
	height: 37px;
	background: url(../images/spray-comment-arrow.png) no-repeat center;
}

.about-author {
	display: block;
	margin-bottom: 30px;
	position: relative;
}

.about-author .about-shadow {
	display: block;
	width: 64px;
	height: 6px;
	background: url(../images/spray-about-shadow.png) no-repeat center;
	position: absolute;
	z-index: 0;
	top: 96px;
	left: 18px;
}

.about-author .user-avatar {
	display: block;
	width: 100px;
	height: 100px;
	position: relative;
	float: left;
	overflow: hidden;
	border-radius: 50%;
	-moz-border-radius: 50%;
	z-index: 1;
}

.about-author .user-avatar img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	overflow: hidden;
}

.about-author .user-avatar:before {
	display: block;
	content: '';
	width: 100px;
	height: 100px;
	z-index: 5;
	box-shadow: inset 0px 0px 1px rgba(0,0,0,0.3);
	background: transparent;
	border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
}



.about-author .user-content {
	display: block;
	margin-left: 120px;
}

.about-author .user-content .about-block {
	background: #fff;
	border: 1px solid #e2e2e2;
	padding: 15px 20px;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 10px;
}

.about-author .user-content .user-title {
	display: block;
	margin-bottom: 10px;
	color: #777777;
}

.about-author .user-content .user-title b {
	display: block;
	font-size: 20px;
	font-family: 'Titillium Web', sans-serif;
}

.about-author .user-content .user-title b a {
	color: #777777;
}

.about-author .user-content .user-title b a:hover {
	color: #232323;
	text-decoration: underline;
}

.about-author .user-content .user-title span {
	font-size: 11px;
	display: block;
	padding-top: 3px;
}

.about-author .user-content .more-posts {
	color: #8b8b8b;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
}

.about-author .user-content .more-posts:hover {
	color: #232323;
	text-decoration: underline;
}

.about-author .user-content .more-posts .icon-text {
	display: inline-block;
	padding-right: 8px;
	font-size: 14px;
}

.page-main .article-header .hover-img {
	display: block;
}

.page-main .article-header {
	display: block;
	width: 680px;
	margin-left: -20px;
	margin-top: -20px;
	margin-bottom: 20px;
}

.about-author .user-content .social-media {
	display: block;
	position: absolute;
	right: 0px;
	top: -20px;
	height: 52px;
	padding-left: 55px;
	background: url(../images/spray-social-media.png) no-repeat left top;
}

.about-author .user-content .social-media .social-icons {
	display: block;
	margin-top: 38px;
	font-size: 0;
}

.about-author .user-content .social-media .social-icons a {
	font-size: 19px;
	display: inline-block;
	margin-left: 6px;
}

.block-bottom-content {
	display: table;
	background: #f7f7f7;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	margin-bottom: -10px;
	margin-left: -20px;
	margin-right: -20px;
	padding: 13px 20px;
	box-shadow: inset 0px 0px 0px 1px #e8e8e8, inset 0px 3px 0px rgba(0,0,0,0.02);
	width: 100%;
}

.block-bottom-content .social-likes {
	display: block;
	padding-left: 0px;
	border: 0px;
	padding-top: 15px;
	overflow-x: auto;
	overflow-y: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #e8e8e8;
}

.block-bottom-content .tagcloud {
	display: block;
	padding-right: 15px;
}

.block-bottom-content .social-likes:first-child {
	border-top: 0px;
}

.block-bottom-content .bottom-title {
	display: block;
	font-size: 11px;
	color: #858585;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 8px;
}

.social-like {
	display: inline-block;
	width: 65px;
	position: relative;
	overflow: hidden;
	margin-right: 5px;
}

.social-like:last-child {
	margin-right: 0px;
}

.social-like a {
	display: block;
	color: #fff;
	width: 65px;
}

.social-like a .icon-text {
	display: block;
	width: 20px;
	text-align: center;
	float: left;
}

.social-like a font {
	display: block;
	background: rgba(255,255,255,0.2);
	margin-left: 20px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.social-like a:hover font {
	background: rgba(255,255,255,0.1);
}

.social-like a:hover span {
	background: rgba(0,0,0,0.1);
}

.social-like i {
	display: block;
	background: #fff;
	color: #a0a0a0;
	font-style: normal;
	font-weight: bold;
	font-family: 'Titillium Web', sans-serif;
	font-size: 18px;
	box-shadow: inset 0px 0px 0px 1px #e3e3e3;
	width: 65px;
	text-align: center;
	padding: 13px 0px;
	margin-bottom: 7px;
	position: relative;
	z-index: 1;
}

.social-like:before {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background: #e3e3e3;
	content: '';
	top: 38px;
	left: 50%;
	margin-left: -5px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 0;
}

.writecomment {
	margin-bottom: 30px;
}

.article-header .audioplayer audio {
	position: absolute;
}

.article-header .music-player,
.article-header .audioplayer {
	display: block;
	padding: 17px 20px;
	height: 16px;
	cursor: default;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

.article-header .music-player:active,
.article-header .audioplayer:active {
	cursor: default;
}

.article-header .music-player .m_play,
.article-header .audioplayer .audioplayer-playpause {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/music-play.png) no-repeat center;
	float: left;
}

.article-header .audioplayer .audioplayer-playpause a {
	color: transparent;
	overflow: hidden;
	text-indent: -100px;
	display: block;
	width: 16px;
	height: 16px;
}

.article-header .music-player.playing .m_play,
.article-header .audioplayer.audioplayer-playing .audioplayer-playpause {
	background: url(../images/music-pause.png) no-repeat center;
}

.article-header .music-player .m_seek,
.article-header .audioplayer .audioplayer-bar {
	height: 8px;
	background-color: #393939;
	cursor: pointer;
	z-index: 1;
	margin-top: 4px;
	position: relative;
	margin-left: 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	margin-right: 100px;
}

.article-header .audioplayer .audioplayer-bar {
	width: auto;
	margin-left: 76px;
	margin-right: 102px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.article-header .audioplayer .audioplayer-time-current {
	display: block;
	float: left;
	margin-left: 14px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	margin-top: -1px;
}

.article-header .music-player .m_seek div,
.article-header .audioplayer .audioplayer-bar div {
	width: 0px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.article-header .music-player .m_seek div.m_seek_loaded,
.article-header .audioplayer .audioplayer-bar .audioplayer-bar-loaded {
	background-color: #4c4c4c;
	z-index: 1;
}

.article-header .music-player .m_seek div.m_seek_played,
.article-header .audioplayer .audioplayer-bar .audioplayer-bar-played {
	background: #fff;
	z-index: 2;
}

.article-header .music-player .m_time,
.article-header .audioplayer .audioplayer-time-duration {
	color: #fff;
	position: absolute;
	top: 15px;
	right: 76px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	display: block;
}

.article-header .audioplayer .audioplayer-volume-button {
	display: none;
}



.article-header .audioplayer .audioplayer-volume {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}

.article-header .music-player .m_volume,
.article-header .audioplayer .audioplayer-volume-adjust {
	width: 35px;
	height: 17px;
	background-color: #393939;
	cursor: pointer;
	z-index: 1;
	position: absolute;
	right: 20px;
	top: 16px;
	overflow: hidden;
	display: block;
}

.article-header .audioplayer .audioplayer-volume-adjust > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.article-header .audioplayer .audioplayer-volume-adjust > div > div {
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	background-color: #fff;
}

.article-header .music-player .m_volume .m_volume_current {
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	background-color: #fff;
}

.article-header .music-player .m_volume:before,
.article-header .audioplayer .audioplayer-volume-adjust > div:before {
	content: '';
	display: block;
	position: absolute;
	cursor: pointer;
	top: -7px;
	left: -10px;
	background: #232323;
	width: 130%;
	height: 100%;
	transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-webkit-transform: rotate(-25deg);
	z-index: 2;
}

.article-header .audioplayer,
.article-header .music-player .m_volume:before,
.article-header .audioplayer .audioplayer-volume-adjust > div:before {
	background: #161616;
}

.no-comments-message {
	display: block;
	margin-bottom: 50px;
	text-align: center;
}

.no-comments-message > div {
	display: inline-block;
	text-align: left;
	position: relative;
	padding-left: 50px;
}

.no-comments-message > div span.icon-text {
	display: block;
	position: absolute;
	font-size: 40px;
	line-height: 100%;
	left: -10px;
	cursor: default;
}

.no-comments-message > div b {
	display: block;
	font-size: 19px;
	font-family: 'Titillium Web', sans-serif;
	padding-bottom: 2px;
}

.no-comments-message > div font {
	display: block;
	font-size: 11px;
}

#infscr-loading {
	display: block;
	position: absolute!important;
	bottom: -30px;
	clear: both;
	width: 300px;
	font-size: 16px;
	text-align: left;
}

#infscr-loading img {
	float: left;
	width: 34px;
}

#infscr-loading div {
	margin-left: 50px;
	margin-top: 10px;
}

.loading-posts {
	display: block;
	text-align: center;
}

.loading-posts > div {
	display: inline-block;
	text-align: left;
	position: relative;
	padding-left: 34px;
}

.loading-posts b {
	display: block;
	font-size: 18px;
	font-family: 'Titillium Web', sans-serif;
	padding-bottom: 2px;
	color: #232323;
}

.loading-posts span {
	font-size: 11px;
}

.loading-posts img {
	display: block;
	position: absolute;
	width: 33px;
	top: 2px;
	left: -20px;
}

.no-more {
	display: block;
	text-align: center;
}

.no-more b {
	display: block;
	font-size: 18px;
	font-family: 'Titillium Web', sans-serif;
	padding-bottom: 2px;
	color: #232323;
}

.no-more span {
	font-size: 11px;
}


.full-category span {
	display: inline-block;
	padding-right: 10px;
}

.full-category {
	display: block;
	margin-bottom: 30px;
	color: #929292;
	font-size: 11px;
}

.full-category a {
	display: inline-block;
	padding: 1px 7px;
	margin: 0px 1px;
	font-weight: bold;
	position: relative;
}

.full-category a.active {
	background: #2885c0;
	color: #fff;
}

.full-category a.active:before {
	display: block;
	content: '';
	background: inherit;
	width: 5px;
	height: 5px;
	position: absolute;
	bottom: -3px;
	left: 50%;
	margin-left: -3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}


.portfolio-item-large {
	display: block;
	margin-bottom: 20px;
}

.portfolio-item-large:nth-child(odd) .portfolio-large-content {
	right: 20px;
	left: auto;
}

.portfolio-item-large:nth-child(odd) .portfolio-large-content:before {
	right: auto;
	left: -5px;
}

.portfolio-item-large .portfolio-large-content {
	display: block;
	position: absolute;
	width: 300px;
	background: #f5f5f5;
	left: 20px;
	top: 20px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

.portfolio-item-large .portfolio-large-content:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -5px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.portfolio-item-large .portfolio-large-content h3 {
	padding: 15px 25px;
	background: #ececec;
	font-size: 17px;
	color: #232323;
	line-height: 130%;
}

.portfolio-item-large .portfolio-large-content h3 a {
	color: #232323;
}

.portfolio-item-large .portfolio-large-content p {
	padding: 15px 25px;
	overflow: hidden;
	height: 172px;
	margin-bottom: 20px;
}

.portfolio-item-large .portfolio-large-content .icon-link {
	color: #fff;
	background: #2885c0;
	padding: 13px 25px;
	display: block;
	font-size: 14px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	text-align: center;
	position: relative;
}

.portfolio-item-large .portfolio-large-content .icon-link:hover:before {
	display: block;
	content: '';
	background: rgba(0,0,0,0.05);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	position: absolute;
}

.portfolio-item-large .portfolio-large-content .icon-link:active:before {
	display: block;
	content: '';
	background: rgba(0,0,0,0.15);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	position: absolute;
}



.portfolio-content-info {
	display: block;
	background: #333333;
	width: 300px;
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 12px;
}

.portfolio-content-info h2,
.portfolio-content-info h3,
.portfolio-content-info h4 {
	margin: 0px!important;
	line-height: 130%;
	color: #fff!important;
}

.portfolio-content-info .body b {
	margin: 0px;
	line-height: 130%;
	color: #fff;
	font-size: 18px;
	font-family: 'Titillium Web', sans-serif;
}

.portfolio-content-info span {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	color: #868686;
}

.portfolio-content-info ul {
	display: block;
	margin-top: 6px;
}

.portfolio-content-info ul .icon-text {
	color: #fff!important;
}

.portfolio-content-info .head {
	background: #3d3d3d;
	padding: 10px 15px;
}

.portfolio-content-info .body {
	padding: 10px 15px;
	position: relative;
}

.portfolio-content-info .body:before {
	display: block;
	position: absolute;
	content: '';
	width: 260px;
	left: 15;
	top: -1px;
	height: 1px;
	background: #3d3d3d;
}

.portfolio-content-info .foot {
	padding: 10px 15px;
	background: #252525;
	position: relative;
	height: 35px;
	overflow: hidden;
}

.portfolio-content-info .foot a {
	padding: 9px 25px;
	background: #252525;
	float: right;
	margin: -10px -15px auto auto;
	text-align: center;
	background: #2482bc;
	color: #fff;
	position: relative;
}

.portfolio-content-info .foot a:hover:before {
	display: block;
	content: '';
	background: rgba(0,0,0,0.05);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	position: absolute;
}

.portfolio-content-info .foot a:active:before {
	display: block;
	content: '';
	background: rgba(0,0,0,0.15);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	position: absolute;
}

.portfolio-content-info .foot a b {
	font-size: 18px;
	font-family: 'Titillium Web', sans-serif;
	color: #fff;
}

.portfolio-content-info .foot a span {
	font-size: 10px;
	color: #fff;
	text-transform: none;
}

.portfolio-content-info .foot h4 {
	font-size: 26px;
}




.portfolio-slider,
.gallery-slider {
	display: block;
	margin-bottom: 30px;
	width: 100%;
	position: relative;
	text-align: center;
}

.gallery-thumbs {
	display: block;
	margin-bottom: 30px;
	width: 100%;
	position: relative;
	font-size: 0;
	white-space: nowrap;
	overflow: hidden;
	margin-top: -15px;
}

.gallery-thumbs a {
	display: inline-block;
	margin-right: 10px;
}

.gallery-thumbs a img {
	display: inline-block;
	background: #fff;
	padding: 2px;
	border: 1px solid #d1d1d1;
	width: 85px;
	height: 60px;
}

.gallery-thumbs a:hover img {
	padding: 2px;
	border: 1px solid #232323;
}

.gallery-thumbs a.active img {
	padding: 1px;
	border: 2px solid #2381bb;
}

.gallery-thumbs > div {
	position: relative;
	height: 66px;
	left: 0px;
	z-index: 3;
}

.gallery-thumbs .go_right,
.gallery-thumbs .go_right_fast,
.gallery-thumbs .go_left,
.gallery-thumbs .go_left_fast {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.gallery-thumbs .go_right {
	display: block;
	position: absolute;
	background: transparent;
	width: 40px;
	height: 100%;
	right: -40px;
	top: 0px;
	z-index: 5;
	box-shadow: inset -64px 0px 20px -50px #f4f4f4;
}

.gallery-thumbs .go_right_fast {
	display: block;
	position: absolute;
	background: #f4f4f4 url(../images/spray-arrow-right.png) no-repeat center;
	width: 30px;
	height: 100%;
	right: -40px;
	top: 0px;
	z-index: 5;
	box-shadow: inset -30px 0px 30px -20px #f4f4f4;
}

.gallery-thumbs .go_left {
	display: block;
	position: absolute;
	background: transparent;
	width: 40px;
	height: 100%;
	left: -40px;
	top: 0px;
	z-index: 5;
	box-shadow: inset 64px 0px 20px -50px #f4f4f4;
}

.gallery-thumbs .go_left_fast {
	display: block;
	position: absolute;
	background: #f4f4f4 url(../images/spray-arrow-left.png) no-repeat center;
	width: 30px;
	height: 100%;
	left: -40px;
	top: 0px;
	z-index: 5;
	box-shadow: inset 30px 0px 30px -20px #f4f4f4;
}

.gallery-thumbs .go_left.active {
	left: 30px;
}

.gallery-thumbs .go_left_fast.active {
	left: 0px;
}

.gallery-thumbs .go_right.active {
	right: 30px;
}

.gallery-thumbs .go_right_fast.active {
	right: 0px;
}

.gallery-slider .gallery-right {
	display: block;
	position: absolute;
	background: url(../images/spray-arrow-right-big.png) no-repeat 96% center;
	right: 0px;
	top: 0px;
	width: 70%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
}

.gallery-slider .gallery-left {
	display: block;
	position: absolute;
	background: url(../images/spray-arrow-left-big.png) no-repeat 26px center;
	left: 0px;
	top: 0px;
	width: 30%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
}

.gallery-slider:hover .gallery-left,
.gallery-slider:hover .gallery-right {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.gallery-slider:hover .gallery-left:hover,
.gallery-slider:hover .gallery-right:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.big-error-message {
	display: block;
	margin: 150px auto;
	text-align: center;
}

.big-error-message h2 {
	color: #232323;
	font-size: 60px;
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	line-height: 110%;
}

.big-error-message b {
	color: #232323;
	font-size: 30px;
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	line-height: 110%;
}

.big-error-message p {
	color: #a9a9a9;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 160%;
	display: block;
	margin: 30px auto;
	width: 300px;
}


.pagination {
	display: block;
	text-align: center;
	font-size: 0;
}

.page-numbers {
	display: inline-block;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 7px;
	color: #232323;
}

.page-numbers.dots {
	color: #ccc;
}

a.page-numbers {
	color: #989898;
}

a.page-numbers:hover {
	color: #2582bd;
}

.page-numbers.next {
	margin-left: 10px;
}

.page-numbers.prev {
	margin-right: 10px;
}

.page-numbers.next .icon-text {
	display: inline-block;
	padding-left: 7px;
	padding-top: 1px;
}

.page-numbers.prev .icon-text {
	display: inline-block;
	padding-right: 7px;
	padding-top: 1px;
}


/* SOUND BUTTON  */
soundbutton {
	float: left;
	margin: 0 1.5%;
	width: 0%;
	margin-left: 20px;
}





/* FOOTER */

.footer {
	display: block;
	background: #232323;
	padding: 20px 0px 30px 0px;
	color: #fff;
	position: relative;
}

.footer:before {
	position: absolute;
	background: #1c1c1c;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 80px;
	content: '';
	display: block;
}

.footer .wrapper {
	display: table;
}

.footer .footer-panel:first-child {
	padding-left: 0px;
}


.footer .wrapper > div {
	display: table-cell;
}

.footer .panel,
.footer .footer-panel {
	display: table-cell;
	float: none;
	padding-left: 60px;
}

.footer .panel .panel-title,
.footer .footer-panel .footer-panel-title {
	display: block;
	height: 60px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
}

.footer .panel .panel-title h3,
.footer .panel .panel-title h2,
.footer .footer-panel .footer-panel-title h2 {
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
}

.footer .article {
	width: 300px;
	margin-bottom: 20px;
}

.footer .article .article-content,
.footer .article .article-photo,
.footer .article .article-header {
	margin-bottom: 15px;
}

.footer .article h4 {
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Titillium Web', sans-serif;
}

.footer .action-link:hover ,
.footer .action-link {
	color: #f0f0f0;
	padding-right: 0px;
	background: transparent;
}

.footer .action-link:hover {
	text-decoration: underline;
}

.footer .article h4 a {
	color: #f0f0f0;
}

.footer .article-header blockquote {
	padding: 0px 0px 10px 50px;
	background: url(../images/spray-blockquote-white.png) no-repeat 0px 5px;
}

.footer .article p {
	color: #676767;
}

.footer .panel .view-more-button {
	display: none;
}

.footer .panel .loading-block {
	background: #232323;
}

.footer .panel #calendar_wrap {
	width: 280px;
}

.footer .panel #calendar_wrap #wp-calendar td:not(#today) {
	color: #676767;
}

.footer .panel #calendar_wrap caption {
	color: #f0f0f0;
}

.footer .panel #calendar_wrap #wp-calendar td a {
	background: #1c1c1c;
	color: #f0f0f0;
}

.footer .panel #calendar_wrap:before {
	display: block;
	content: '';
	height: 36px;
	background: #1c1c1c;
	width: 280px;
	position: absolute;
	left: 1px;
	top: 35px;
	z-index: 1;
}

.footer .panel .loading-block b {
	color: #f0f0f0;
}

.footer .panel .loading-block img {
	display: none;
}

.footer .panel .bottom-info {
	background: #1c1c1c;
	border: 0px;
	text-shadow: none;
}

.footer .alert-box {
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.1);
}

.footer input[type=text] {
	border: 1px solid #fff;
}

.footer .panel .comment:before {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	margin-left: 0px;
	left: 0px;
	bottom: 0px;
	height: 1px;
	background: #2f2f2f;
}

.footer .tagcloud a:hover {
	background: #f0f0f0;
	color: #232323;
}

.footer .tagcloud a:hover:before {
	background: #232323;
}

.footer .panel .comment:last-child:before {
	display: none;
}

.footer .panel .comment .comment-info > span > b,
.footer .panel .comment .comment-info > span a {
	color: #f0f0f0;
}

.footer .panel .comment .comment-info > span a:hover {
	color: #fff;
}

.footer .panel .panel-title span,
.footer .footer-panel .footer-panel-title span {
	font-size: 10px;
	font-weight: bold;
	color: #8e8d8d;
	display: block;
	padding-top: 2px;
}

.footer .footer-panel .footer-panel-content {
	display: table;
}

.footer .footer-panel-content .footer-soc {
	width: 200px;
	 
}

.footer .footer-panel-content .footer-soc li {
	display: block;
	margin-top: 15px;
}

.footer .footer-panel-content .footer-soc li:after {
	display: block;
	content: '';
	clear: both;
}

.footer .footer-panel-content .footer-soc li .icon-text {
	display: block;
	float: left;
	font-size: 30px;
	margin-right: 15px;
	margin-top: 7px;
}

.footer .footer-panel-content .footer-soc li a {
	color: #c2c2c2;
	font-size: 15px;
	font-family: 'Titillium Web', sans-serif;
}

.footer .footer-panel-content .footer-soc li a:hover {
	color: #fff;
}

.footer .footer-panel-content .footer-soc li a font {
	display: block;
	margin-left: 45px;
	font-size: 11px;
	color: #5e5e5e;
	margin-top: -3px;
	font-family: arial;
}

.footer .footer-map {
	display: table-cell;
	width: 180px;
	height: 181px;
	background: url(../images/footer-map.png) no-repeat center;
	float: none;
}

.footer .footer-map .map-wireframe {
	width: 180px;
	height: 127px;
	background: transparent;
	position: relative;
}

.footer .footer-map .map-wireframe .pin {
	position: absolute;
	top: 51px;
	left: 96px;
	width: 1px;
	height: 1px;
	background: transparent;
}

.footer .footer-map .map-wireframe .pin:before {
	width: 33px;
	height: 30px;
	display: block;
	position: absolute;
	content: '';
	background: url(../images/map-pin.png) no-repeat center;
	margin-top: -28px;
	margin-left: -10px;
}

.footer .footer-contact {
	display: table-cell;
	float: NONE;
	padding-left: 30px;
	width: 160px;
}

.footer .footer-contact .block {
	display: block;
	margin-bottom: 10px;
}

.footer .footer-contact .block .contact-title {
	display: block;
	margin-bottom: 2px;
	color: #6c6c6c;
	font-size: 11px;
}

.footer .footer-contact .block h2 {
	display: block;
	font-size: 16px;
	color: #c2c2c2;
	font-family: 'Titillium Web', sans-serif;
	line-height: 130%;
}

.footer .footer-contact .block h2 a, .footer .footer-contact .block p a {
	color: #c2c2c2;
}

.footer .footer-contact .block h2 a:hover, .footer .footer-contact .block p a:hover {
	color: #fff;
}

.footer .footer-contact .block p {
	display: block;
	font-size: 13px;
	color: #c2c2c2;
	font-family: 'Titillium Web', sans-serif;
	line-height: 130%;
	font-weight: bold;
}

.footer .footer-panel-content .footer-article {
	display: block;
	width: 305px;
	margin-bottom: 18px;
}

.footer .footer-panel-content .footer-article:last-child {
	margin-bottom: 0px;
}

.footer .footer-panel-content .footer-article h3 {
	display: block;
	font-size: 15px;
	color: #c2c2c2;
	font-family: 'Titillium Web', sans-serif;
	margin-bottom: 5px;
}

.footer .footer-panel-content .footer-article h3 a {
	color: #c2c2c2;
}

.footer .footer-panel-content .footer-article h3 a:hover {
	color: #fff;
	text-decoration: underline;
}

.footer .footer-panel-content .footer-article .article-info {
	display: block;
	font-size: 11px;
	color: #676767;
}

.footer .footer-panel-content .footer-article .article-info b,
.footer .footer-panel-content .footer-article .article-info a {
	color: #878787;
}

.footer .footer-panel-content .footer-article .article-info a:hover {
	color: #fff;
	text-decoration: underline;
}

.footer .orange-themes {
	position: absolute;
	top: -38px;
	right: 0px;
	background: url(../images/orange-themes.png) no-repeat center;
	width: 178px;
	height: 27px;
	font-size: 0;
	color: transparent;
}




.footer-copy {
	padding: 20px 0px;
}

.footer-copy .logo-footer img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	padding-top: 1px;
}

.footer-copy .logo-footer img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.footer-copy .logo-footer {
	float: left;
	margin-right: 20px;
}

.footer-copy .logo-footer-text {
	float: left;
	margin-right: 20px;
}

.footer-copy .logo-footer-text a {
	color: #b1b1b1;
	font-size:  30px;
	line-height: 118%;
	text-transform: uppercase;
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
}

.footer-copy .logo-footer-text a:hover {
	color: #6c6c6c;
}

.footer-copy .footer-copy-stuff {
	float: left;
	margin-right: 20px;
	margin-top: -2px;
}

.footer-copy .footer-copy-stuff p {
	font-size: 12px;
	color: #8e8d8d;
}

.footer-copy .footer-copy-stuff p b {
	color: #6c6c6c;
}

.footer-copy .footer-copy-stuff p a {
	color: #6c6c6c;
}

.footer-copy .footer-copy-stuff p a:hover {
	color: #232323;
	text-decoration: underline;
}

.footer-copy .footer-menu {
	float: right;
}

.footer-copy .footer-menu ul {
	font-size: 0;
	margin-top: 8px;
}

.footer-copy .footer-menu li {
	display: inline-block;
	padding-left: 25px;
	font-size: 12px;
	position: relative;
}

.footer-copy .footer-menu li:first-child:before {
	display: none;
}

.footer-copy .footer-menu li:before {
	display: block;
	width: 1px;
	height: 10px;
	content: '';
	position: absolute;
	left: 12px;
	top: 4px;
	background: #d9d9d9;
	transform: rotate(12deg);
	-ms-transform: rotate(12deg);
	-webkit-transform: rotate(12deg);
}

.footer-copy .footer-menu li a {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	color: #8e8d8d;
}

.footer-copy .footer-menu li a:hover {
	color: #232323;
	text-decoration: underline;
}


/* #9 Lightbox */

.lightbox .loading-box {
	padding:50px 0px;
	line-height: 24px;
}

.startlightbox  {
	overflow: hidden;
	color:#232323;
}

.startlightbox .lightbox {
	display:block;
}

.lightbox {
	position:fixed;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	text-align:center;
	z-index:200;
	display:none;
	overflow-y:scroll!important;
}

.lightbox .main-black-block {
	box-shadow:none;
	background:#212121;
	color:#ccc;
	font-size: 11.5px;
	line-height: 20px;
	font-weight: 300;
	padding-bottom: 5px;
	color:#8a8a8a;
}

.lightbox .lightcontent .light-close span, .lightbox .lightcontent-loading .light-close span {
	font-family: 'Entypo';
	font-size:14px;
	display:inline-block;
	margin-top:-2px;
	margin-right:6px;
}

.lightbox .lightcontent .light-close:hover, .lightbox .lightcontent-loading .light-close:hover {
	color:#db2727;
}

.lightbox .lightcontent .light-close:active, .lightbox .lightcontent-loading .light-close:active {
	color:#b01e1e;
}

.lightbox .lightcontent .light-close, .lightbox .lightcontent-loading .light-close {
	display:block;
	right:0px;
	top:-30px;
	font-family: Arial;
	position:absolute;
	font-size:12px;
	color:#fff;
	text-shadow:0 1px 3px rgba(0,0,0,0.6);
}

.lightbox .lightcontent, .lightbox .lightcontent-loading {
	background:#f4f4f4;
	width:1000px;
	margin:100px auto 70px auto;
	position:relative;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	text-align:left;
}

.lightbox .light-title {
	display:block;
	position:absolute;
	top:-33px;
	color:#fff;
	text-shadow:0 1px 3px rgba(0,0,0,0.6);
	height:23px;
	width:780px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap; 
}

.lightbox .gallery-thumbs {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	width: 95%;
}

.lightbox .thacontent {
	padding: 0px 25px 20px 25px;
}

.loading-box {
	display:block;
	text-align:center;
}

.loading-box .loading-image {
	display:block;
	text-align:center;
	padding-top:20px;
}

.lightbox .carousel-left {
	left:8px;
}

.lightbox .carousel-right {
	right:8px;
}

.lightbox blockquote {
	padding-bottom:30px;
}

.lightbox .article-main-content {
	padding: 0px 55px;
	width: auto;
}

.loading-message {
	display: block;
	background: #f0f0f0;
	padding: 10px 15px;
	font-size: 11px;
	line-height: 140%;
}

.loading-message img {
	display: block;
	float: left;
	width: 34px;
	padding-right: 15px;
}

.main-content-split .loading-message img {
	display: none;
}

.loading-message:before {
	display: block;
	content: '';
	clear: both;
}

.loading-message b {
	font-size: 18px;
	display: block;
	padding-bottom: 4px;
}

.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
	z-index: 20px;
}

.ls-fullwidth .ls-nav-next {
	right: 50px!important;
}

.ls-fullwidth .ls-nav-prev {
	left: 50px!important;
}









.page-sidebar .footer-panel-content .footer-soc {
	width: 100%;
}

.page-sidebar .footer-panel-content .footer-soc {
	margin-top: -15px!important;
}

.page-sidebar .footer-panel-content .footer-soc li {
	display: block;
	margin-top: 15px;
}

.page-sidebar .footer-panel-content .footer-soc li:after {
	display: block;
	content: '';
	clear: both;
}

.page-sidebar .footer-panel-content .footer-soc li .icon-text {
	display: block;
	float: left;
	font-size: 30px;
	margin-right: 15px;
	margin-top: 7px;
}

.page-sidebar .footer-panel-content .footer-soc li a {
	font-size: 15px;
	font-family: 'Titillium Web', sans-serif;
	display: block;
}

.page-sidebar .footer-panel-content .footer-soc li a:hover {
	color: #000;
}

.page-sidebar .footer-panel-content .footer-soc li a font {
	display: block;
	margin-left: 45px;
	font-size: 11px;
	color: #5e5e5e;
	margin-top: -3px;
	font-family: arial;
}












/* Animations */

.do-load.go-visible {
	
}

.do-load:not(.go-visible) {
	overflow: hidden;
}

.do-load.go-visible > div {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
/*
.do-load.go-visible > div:nth-child(2) {
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
}

.do-load.go-visible > div:nth-child(3) {
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
}

.do-load.go-visible > div:nth-child(4) {
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-ms-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
}

.do-load.go-visible > div:nth-child(5) {
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
}

.do-load.go-visible > div:nth-child(6) {
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
}

.do-load.go-visible > div:nth-child(7) {
	transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
}

.do-load.go-visible > div:nth-child(8) {
	transition-delay: 1.4s;
	-webkit-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-ms-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
}

.do-load.go-visible > div:nth-child(9) {
	transition-delay: 1.6s;
	-webkit-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-ms-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
}

.do-load.go-visible > div:nth-child(10) {
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
}
*/
.do-load:not(.go-visible) > div {
	opacity: 0;
	filter: alpha(opacity=0);
}



/* Animation Effects
	
	1. anim-fade - FADE IN
	2. anim-flytop - FLY FROM TOP (CSS 3D)
	3. anim-flybottom - FLY FROM BOTTOM (CSS 3D)
	4. anim-cardflip - CARD FLIP (CSS 3D)
	5. anim-helix - HELIX (CSS 3D)
	6. anim-tilt - TILT FROM TOP
	7. anim-twirl - TWIRL (CSS 3D)
	8. anim-wave - WAVE FROM LEFT
	9. anim-curl - CURL (CSS 3D)
	10. anim-grow - GROW
	11. anim-zipper - ZIPPER

*/

/* FLY FROM TOP (CSS 3D) */

.go-visible.anim-flytop {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	-ms-perspective: 300px;
	-o-perspective: 300px;
	perspective: 300px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}

.go-visible.anim-flytop > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.do-load.anim-flytop:not(.go-visible) > div {
	-webkit-transform: translate3d( 0, -100px, -100px ) rotateX( 90deg );
	-moz-transform: translate3d( 0, -100px, -100px ) rotateX( 90deg );
	-ms-transform: translate3d( 0, -100px, -100px ) rotateX( 90deg );
	-o-transform: translate3d( 0, -100px, -100px ) rotateX( 90deg );
	transform: translate3d( 0, -100px, -100px ) rotateX( 90deg );
}

/* FLY FROM BOTTOM (CSS 3D) */

.go-visible.anim-flybottom {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	-ms-perspective: 300px;
	-o-perspective: 300px;
	perspective: 300px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}

.go-visible.anim-flybottom > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.do-load.anim-flybottom:not(.go-visible) > div {
	-webkit-transform: translate3d( 0, 100px, -100px ) rotateX( -90deg );
	-moz-transform: translate3d( 0, 100px, -100px ) rotateX( -90deg );
	-ms-transform: translate3d( 0, 100px, -100px ) rotateX( -90deg );
	-o-transform: translate3d( 0, 100px, -100px ) rotateX( -90deg );
	transform: translate3d( 0, 100px, -100px ) rotateX( -90deg );
}

/* CARD FLIP (CSS 3D) */

.go-visible.anim-cardflip {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}

.go-visible.anim-cardflip > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms ease, opacity 300ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease, opacity 300ms ease;
	-o-transition: all 600ms ease, opacity 300ms ease;
	transition: all 600ms ease, opacity 300ms ease;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}

.do-load.anim-cardflip:not(.go-visible) > div {
	-webkit-transform: rotateX( -80deg );
	-moz-transform: rotateX( -80deg );
	-ms-transform: rotateX( -80deg );
	-o-transform: rotateX( -80deg );
	transform: rotateX( -80deg );
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}

/* HELIX (CSS 3D) */

.go-visible.anim-helix {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}

.go-visible.anim-helix > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms ease, opacity 200ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease, opacity 200ms ease;
	-o-transition: all 600ms ease, opacity 200ms ease;
	transition: all 600ms ease, opacity 200ms ease;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.do-load.anim-helix:not(.go-visible) > div {
	-webkit-transform: rotateY( -180deg );
	-moz-transform: rotateY( -180deg );
	-ms-transform: rotateY( -180deg );
	-o-transform: rotateY( -180deg );
	transform: rotateY( -180deg );
}

/* TILT FROM TOP */

.go-visible.anim-tilt {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-ms-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}

.go-visible.anim-tilt > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 1000ms cubic-bezier(0.260, 0.860, 0.440, 0.985), opacity 300ms ease;
	-moz-transition: all 1000ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
	-ms-transition: all 1000ms cubic-bezier(0.260, 0.860, 0.440, 0.985), opacity 300ms ease;
	-o-transition: all 1000ms cubic-bezier(0.260, 0.860, 0.440, 0.985), opacity 300ms ease;
	transition: all 1000ms cubic-bezier(0.260, 0.860, 0.440, 0.985), opacity 300ms ease;
}

.do-load.anim-tilt:not(.go-visible) > div {
	-webkit-transform: translateY( -100% ) translateZ(-200px);
	-moz-transform: translateY( -100% ) translateZ(-200px);
	-ms-transform: translateY( -100% ) translateZ(-200px);
	-o-transform: translateY( -100% ) translateZ(-200px);
	transform: translateY( -100% ) translateZ(-200px);
}

/* TWIRL (CSS 3D) */

.go-visible.anim-twirl {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	-o-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}

.go-visible.anim-twirl > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms ease, opacity 200ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease, opacity 200ms ease;
	-o-transition: all 600ms ease, opacity 200ms ease;
	transition: all 600ms ease, opacity 200ms ease;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.do-load.anim-twirl:not(.go-visible) > div {
	-webkit-transform: rotate3d( 80,70,10,-180deg );
	-moz-transform: rotate3d( 80,70,10,-180deg );
	-ms-transform: rotate3d( 80,70,10,-180deg );
	-o-transform: rotate3d( 80,70,10,-180deg );
	transform: rotate3d( 80,70,10,-180deg );
}

/* WAVE FROM LEFT */

.go-visible.anim-wave {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
}

.go-visible.anim-wave > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
	-moz-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
	-ms-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
	-o-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
	transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}

.do-load.anim-wave:not(.go-visible) > div {
	-webkit-transform: translateX( -70% );
	-moz-transform: translateX( -70% );
	-ms-transform: translateX( -70% );
	-o-transform: translateX( -70% );
	transform: translateX( -70% );
}

/* CURL (CSS 3D) */

.go-visible.anim-curl {
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-ms-perspective: 600px;
	-o-perspective: 600px;
	perspective: 600px;
	-webkit-perspective-origin: 0% 50%;
	-moz-perspective-origin: 0% 50%;
	-ms-perspective-origin: 0% 50%;
	-o-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.go-visible.anim-curl > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms ease, opacity 200ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease, opacity 200ms ease;
	-o-transition: all 600ms ease, opacity 200ms ease;
	transition: all 600ms ease, opacity 200ms ease;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.do-load.anim-curl:not(.go-visible) > div {
	-webkit-transform: rotateY( 90deg );
	-moz-transform: rotateY( 90deg );
	-ms-transform: rotateY( 90deg );
	-o-transform: rotateY( 90deg );
	transform: rotateY( 90deg );
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* GROW */

.go-visible.anim-grow {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
}

.go-visible.anim-grow > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.do-load.anim-grow:not(.go-visible) > div {
	-webkit-transform: scale( 0.01 );
	-moz-transform: scale( 0.01 );
	-ms-transform: scale( 0.01 );
	-o-transform: scale( 0.01 );
	transform: scale( 0.01 );
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/* ZIPPER */

.go-visible.anim-zipper {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
}

.go-visible.anim-zipper > div {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
	-moz-transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
	-ms-transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
	-o-transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
	transition: all 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.do-load.anim-zipper:not(.go-visible) > div:nth-child(odd) {
	-webkit-transform: translateX( 80% );
	-moz-transform: translateX( 80% );
	-ms-transform: translateX( 80% );
	-o-transform: translateX( 80% );
	transform: translateX( 80% );
}

.do-load.anim-zipper:not(.go-visible) > div {
	-webkit-transform: translateX( -80% );
	-moz-transform: translateX( -80% );
	-ms-transform: translateX( -80% );
	-o-transform: translateX( -80% );
	transform: translateX( 80% );
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
