/* ==============================================================

Project: 	Phoenix - Responsive One Page Parallax Template
Info:		https://themeforest.net/item/phoenix-responsive-one-page-parallax-template/19203017
Version: 	1.0
Author:		AthenaStudio
Profile:	https://themeforest.net/user/athenastudio

-----------------------------------------------------------------
					*** TABLE OF CONTENTS ***
-----------------------------------------------------------------

	1.	General
	2.	Miscellaneous
	3.	Header
	4.	Content
	5.	Sidebar
	6.	Parallax
	7.	Callout box
	8.	Block title
	9.	Main slider
	10.	About
	11.	Services
	12.	Projects
	13.	Team
	14.	Blog
	15.	Clients
	16.	Shortcodes
	17.	Contacts
	18.	Footer
	19.	Loader
	20.	General buttons
	21.	Link styles
	22.	Picture styles
	23.	Tooltip
	24.	Isotope
	25.	Pretty photo
	26.	Styles for touch devices

=============================================================*/

/*********************
    - 1. General -
*********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

body, a {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#666666;
}

body {
	background-color:#fff;
	line-height:1;
	-webkit-font-smoothing:antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

ul {
	list-style:none;
}

li {
	font-size:0px;
}

blockquote {
	quotes:none;
}

blockquote:before, blockquote:after {
	content:'';
	content:none;
}

del {
	text-decoration:line-through;
}

table {
	border-spacing:0px;
	border:0px;
}

a img {
	border:none;
}

input, textarea, select, a {
	outline:0px;
}

textarea {
	resize:none;
	overflow:auto;
}

aside, article, footer, header, nav, section {
	display:block;
}

/***************************
    - 2. Miscellaneous -
***************************/
.nicescroll-rails {
	background-color:#c2c2c2;
}

.wrapper {
	position:relative;
}

.inner {
	width:1100px;
	margin:0px auto;
}

.fl, .alignleft {
	float:left;
}

.fr, .alignright {
	float:right;
}

.tac {
	text-align:center;
}

.clearboth {
	width:100%;
	height:0px;
	line-height:0px;
	display:block;
	clear:both;
	overflow:hidden;
	font-size:0px;
}

.oh {
	overflow:hidden;
}

/* Separators */
.separator {
	height:0px;
	clear:both;
	overflow:hidden;
}

/* Fonts */
h1, h2, h3, h4, h5, h6 {
	padding-bottom:20px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	color:#181818;
	font-weight:300;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	color:#181818;
	font-weight:300;
}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
	font-weight:600;
}

h1, h1 a {
	font-size:33px;
	line-height:36px;
}

h2, h2 a {
	font-size:26px;
	font-weight:600;
}

h3, h3 a {
	font-size:16px;
}

h4, h4 a {
	font-size:14px;
}

h5, h5 a {
	font-size:13px;
}

h6, h6 a {
	font-size:12px;
}

h2.alt {
	padding-bottom:30px;
	font-size:20px;
	font-weight:bold;
}

h2.alt-2 {
	padding-bottom:0px;
	font-size:20px;
	font-weight:bold;
}

h2.alt-3 {
	padding-bottom:25px;
	font-size:20px;
	font-weight:bold;
}

h2.alt-4 {
	padding-bottom:4px;
	font-size:20px;
	font-weight:bold;
}

h3.alt {
	padding-bottom:18px;
}

h3.alt-2 {
	padding-bottom:13px;
}

h3.alt-3 {
	padding-bottom:0px;
}

h3.alt-4 {
	padding-bottom:15px;
	font-weight:bold;
}

h3.alt-5 {
	padding-bottom:21px;
	font-weight:600;
}

p {
	padding-bottom:15px;
}

p.text {
	line-height:20px;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.the-ins {
	background-color:#8d9599;
	color:#ffffff;
	text-decoration:none;
}

.semibold {
	font-weight:600;
}

/* Blockquote */
blockquote.type-1 {
    margin-bottom:24px !important;
    padding:8px 0px 9px 20px;
    display:block;
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#2a3940;
    font-weight:bold;
    line-height:21px;
}

blockquote.type-1 .author {
    padding-top:6px;
    display:block;
    font-size:13px;
    color:#747474;
    font-weight:normal;
    line-height:20px;
}

blockquote.type-2 {
    margin-bottom:24px !important;
    padding-left:31px;
    display:block;
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    font-size:15px;
    color:#6b6b6b;
    font-weight:600;
    line-height:23px;
}

blockquote.type-2 .author {
    padding-top:6px;
    display:block;
    font-size:13px;
    color:#747474;
    font-weight:normal;
    line-height:20px;
}

blockquote.type-2 > i {
	display:block;
	float:left;
	width:7%;
	margin-top:5px;
	font-size:24px;
	line-height:24px;
}

blockquote.type-2 .content {
	float:left;
	width:93%;
}

/* Dropcaps */
.dropcaps-1 {
    width:33px;
    height:33px;
    line-height:30px;
    margin-top:5px;
    float:left;
    position:relative;
    font-size:38px;
    color:#2a3940;
    font-weight:600;
}

.dropcaps-2 {
    width:27px;
    height:27px;
    line-height:26px;
    margin-right:9px;
    margin-top:8px;
    float:left;
    position:relative;
    background-color:#2a3940;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
    		border-radius:2px;
    font-size:15px;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
}

/* Lists */
.list {
	padding-bottom:15px;
	overflow:hidden;
}

.list li {
	display:block;
	padding-top:3px;
	font-size:14px;
	line-height:20px;
}

.list li:first-child {
	padding-top:0px;
}

.list li i {
	font-size:12px;
	line-height:12px;
	color:#838383;
}

/* Social icons (Content) */
.social-icon a {
	display:block;
	width:20px;
	height:20px;
	font-size:11px;
	line-height:20px;
	text-align:center;
	color:#fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.social-icon a:hover {
	text-decoration:none;
}

.social-icon a.twitter {background-color:#54aee1;}
.social-icon a.facebook {background-color:#4772af;}
.social-icon a.googleplus {background-color:#dd4b39;}
.social-icon a.behance {background-color:#18a3fe;}
.social-icon a.dribbble {background-color:#ef5b92;}
.social-icon a.pinterest {background-color:#cb2027;}
.social-icon a.vimeo {background-color:#44bbff;}
.social-icon a.stumbleupon {background-color:#ec4b24;}
.social-icon a.linkedin {background-color:#0073B2;}
.social-icon a.youtube {background-color:#cd181f;}
.social-icon a.instagram {background-color:#f31e58;}

/* Social icons (Footer) */
.social-big-icon a {
	display:block;
	width:32px;
	height:32px;
	font-size:16px;
	line-height:32px;
	text-align:center;
	color:#fff;
	background-color:#36393c;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.social-big-icon a:hover {
	text-decoration:none;
}

.social-big-icon a.twitter:hover {background-color:#54aee1;}
.social-big-icon a.facebook:hover {background-color:#4772af;}
.social-big-icon a.googleplus:hover {background-color:#dd4b39;}
.social-big-icon a.behance:hover {background-color:#18a3fe;}
.social-big-icon a.dribbble:hover {background-color:#ef5b92;}
.social-big-icon a.pinterest:hover {background-color:#cb2027;}
.social-big-icon a.vimeo:hover {background-color:#44bbff;}
.social-big-icon a.stumbleupon:hover {background-color:#ec4b24;}
.social-big-icon a.linkedin:hover {background-color:#0073B2;}
.social-big-icon a.youtube:hover {background-color:#cd181f;}
.social-big-icon a.instagram:hover {background-color:#31547a;}
.social-big-icon a.rss:hover {background-color:#e96a24;}

/********************
    - 3. Header -
********************/
header {
	height:73px;
	position:fixed;
	z-index:10;
	left:0px;
	right:0px;
	top:0px;
	background-color:#ffffff;
	-webkit-box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.14);
	   -moz-box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.14);
			box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.14);
}

#logo {
	padding-top:21px;
	float:left;
	position:relative;
	z-index:2;
	transform-origin:0% 50% 0px;
	-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
	   -moz-transform:matrix(1, 0, 0, 1, 0, 0);
			transform:matrix(1, 0, 0, 1, 0, 0);
}

#logo img {
	width:200px;
	height:auto;
	display:block;
}

/* Main menu */
.main-menu {
	padding-top:25px;
	float:right;
}

.main-menu li {
	margin-left:24px;
	float:left;
	display:block;
}

.main-menu li:first-child {
	margin-left:0px;
}

.main-menu li a {
	height:20px;
	line-height:20px;
	display:block;
	color:#444;
	font-weight:400;
	text-transform:uppercase;
}

.main-menu li a:hover {
	color:#888;
	text-decoration:none;
}

header.scrolled {
	height:52px;
	background-color:rgba(255, 255, 255, 0.95);
}

header.scrolled #logo {
	padding-top:10px;
	-webkit-transform:matrix(0.7, 0, 0, 0.7, 0, 0);
	   -moz-transform:matrix(0.7, 0, 0, 0.7, 0, 0);
			transform:matrix(0.7, 0, 0, 0.7, 0, 0);
}

header.scrolled .main-menu {
	padding-top:15px;
}

/* Responsive menu */
.block-responsive-menu {
	margin-top:-73px;
	display:none;
	position:relative;
}

.block-responsive-menu .button {
	padding-top:28px;
	float:right;
}

.block-responsive-menu .button a {
	width:20px;
	height:18px;
	display:block;
	background:url(images/icon_menu.gif) no-repeat;
	text-indent:-9000px;
}

.block-responsive-menu .right-menu {
	padding:16px 0px 18px;
	display:none;
	background-color:#000000;
}

.block-responsive-menu .right-menu li {
	display:block;
	background:url(images/arrow_menu.png) no-repeat right 22px;
	border-top:1px solid #373f47;
}

.block-responsive-menu .right-menu li:first-child {
	border-top:0px;
}

.block-responsive-menu .right-menu li a {
	height:49px;
	line-height:49px;
	padding-right:20px;
	display:block;
	font-size:13px;
	color:#ffffff;
	font-weight:600;
	text-transform:uppercase;
}

.block-responsive-menu .right-menu li a:hover {
	text-decoration:none;
}

.static-menu header {
	position:absolute;
}

/*********************
    - 4. Content -
*********************/
#content {}

#content section.page {
	position:relative;
}

#content section.no-animate * {
	-webkit-animation-name:none;
	   -moz-animation-name:none;
		-ms-animation-name:none;
			animation-name:none;
}

/*********************
    - 5. Sidebar -
*********************/
#content section.right-sidebar .main-content {
	width:808px;
	float:left;
}

#content section.right-sidebar .sidebar {
	width:260px;
	float:right;
}

#content section.left-sidebar .main-content {
	width:808px;
	float:right;
}

#content section.left-sidebar .sidebar {
	width:260px;
	float:left;
}

.sidebar {
	padding-top:12px;
}

.sidebar aside {
	padding-top:50px;
}

.sidebar aside:first-child {
	padding-top:0px;
}

.sidebar h3 {
	padding-bottom:0px;
	font-size:13px;
	color:#2d2d2d;
	font-weight:bold;
	text-transform:uppercase;
	line-height:20px;
}

.sidebar p {
	margin-top:16px;
	padding-bottom:0px;
	line-height:20px;
}

/* Tag cloud */
.sidebar .tagcloud {
	overflow:hidden;
}

.sidebar .tagcloud > a {
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border-radius:3px;
	padding:6px 8px;
	font-size:13px !important;
	line-height:13px;
	color:#fff;
	background-color:rgba(42, 57, 64, 0.88);
	text-decoration:none;
}

.block-sidebar-tagcloud h3 {
	padding-bottom:22px;
}

/* Recent posts */
.block-sidebar-recent-posts h3 {
	padding-bottom:6px;
}

.block-sidebar-recent-posts article {
	padding:10px 0px;
	border-bottom:1px solid #e6e6e6;
}

.block-sidebar-recent-posts article h4 {
	padding-bottom:3px;
	font-size:13px;
	color:#666666;
	font-weight:600;
	line-height:20px;
}

.block-sidebar-recent-posts article h4 a {
	font-size:13px;
	color:#666666;
	font-weight:600;
}

.block-sidebar-recent-posts article h4 a:hover {
	text-decoration:none;
}

.block-sidebar-recent-posts article p {
	margin-top:0;
	padding-bottom:0;
	font-size:11px;
	color:#6a6969;
	line-height:20px;
}

.block-sidebar-recent-posts article p .post-separator {
	margin:0px 9px;
}

/************************
    - 6. Parallax -
************************/
#parallax_1 {
	background:url(../images/parallax/adult-boardroom-chairs-1181304.jpg) no-repeat fixed center center;
	background-size:cover;
}

#parallax_2 {
	background:url(../images/parallax/aerial-architectural-design-architecture-373912.jpg) no-repeat fixed center center;
	background-size:cover;
}

#parallax_3 {
	background:url(../images/parallax/3.jpg) no-repeat fixed center center;
	background-size:cover;
}

#parallax_4 {
	background:url(../images/parallax/adult-black-caucasian-1061579.jpg) no-repeat fixed center center;
	background-size:cover;
}

/* Caption */
.block-parallax-caption {
	height:300px;
	overflow:hidden;
	position:relative;
}

/* Text */
.block-parallax-caption .text {
	position:absolute;
	left:0px;
	right:0px;
	top:106px;
	text-align:center;
	font-size:42px;
	line-height:42px;
	color:#fff;
	font-weight:400;
	text-transform:uppercase;
}

.block-parallax-caption .text strong {
	font-weight:700;
}

/* Text black background */
.block-parallax-caption .text-black-bg {
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	text-align:center;
}

.block-parallax-caption .text-black-bg span {
	display:inline-block;
	font-size:32px;
	line-height:32px;
	color:#fff;
	margin-top:-26px;
	padding:10px 15px;
	background:#000;
	background:rgba(0, 0, 0, 0.6);
	font-weight:400;
	text-transform:uppercase;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}

/* Identity 1 */
.block-parallax-caption .identity-1 {
	position:absolute;
	top:10px;
	left:320px;
}

/* Identity 2 */
.block-parallax-caption .identity-2 {
	position:absolute;
	bottom:0;
	left:470px;
}

/* Testimonials */
.block-parallax-caption .quote {
	position:absolute;
	left:0;
	right:0px;
	top:40px;
	width:70px;
	height:70px;
	line-height:70px;
	margin:0 auto;
	font-size:42px;
	color:#fff;
	text-align:center;
	border:4px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

#quote_slider {
	position:absolute;
	left:0;
	right:0px;
	top:150px;
	width:800px;
	margin:0 auto;
	text-align:center;
}

#quote_slider li {
	width:100%;
}

#quote_slider blockquote {
    font-size:16px;
    line-height:23px;
	color:#fff;
}

#quote_slider h3 {
    display:inline-block;
    font-size:15px;
	font-weight:bold;
	color:#fff;
    margin-top:25px;
    padding-top:20px;
    position:relative;
}

#quote_slider h3 span {
	font-weight:normal;
	font-size:13px;
}

#quote_slider h3:before {
    border-bottom:1px solid #EFEFEF;
    content:"";
    display:block;
    left:25%;
    position:absolute;
    top:-1px;
    width:100px;
    z-index:0;
}

/* Twitter feed */
.block-parallax-caption .bird {
	position:absolute;
	left:0;
	right:0px;
	top:40px;
	width:70px;
	height:70px;
	line-height:70px;
	margin:0 auto;
	font-size:42px;
	color:#fff;
	text-align:center;
	border:4px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.block-parallax-caption .tweets {
	position:absolute;
	left:0;
	right:0px;
	top:150px;
	width:800px;
	margin:0 auto;
	text-align:center;
}

.block-parallax-caption .tweets .loading {
	color:#fff;
}

.block-parallax-caption .tweets .tweet_list li {
	margin-bottom:10px;
}

.block-parallax-caption .tweets .tweet_list li, .block-parallax-caption .tweets .tweet_list a {
	color:#fff;
	font-size:16px;
	line-height:23px;
}

.block-parallax-caption .tweets .tweet_list a {
	font-weight:bold;
}

.block-parallax-caption .tweets .tweet_list a:hover {
	color:#fff;
	text-decoration:none;
}

.block-parallax-caption .follow-button {
	position:absolute;
	left:0px;
	right:0px;
	bottom:40px;
	text-align:center;
}

/*************************
    - 7. Callout box -
*************************/
.block-callout {
	margin-top:50px;
	padding:19px 19px 17px;
	overflow:hidden;
	background-color:#f7f7f7;
}

.block-callout .text {
	float:left;
}

.block-callout .text h3 {
	padding-bottom:7px;
	font-size:16px;
	font-weight:bold;
}

.block-callout .text p {
	padding-bottom:0px;
	line-height:20px;
}

.block-callout .button {
	padding-top:3px;
	float:right;
}

/*************************
    - 8. Block title -
*************************/
.block-title {
	position:relative;
	text-align:center;
	max-width:700px;
	margin:0 auto;
}

.block-title h1 {
	padding-bottom:15px;
	text-transform:uppercase;
	font-weight:600;
}

.block-title h2 {
	padding-bottom:0px;
	font-size:14px;
	color:#999;
	font-weight:normal;
	line-height:20px;
}

.block-title .border {
	display:block;
	background:none repeat scroll 0 0 #999;
	height:1px;
	margin:0 auto;
	width:100px;
	margin-bottom:30px;
}

/*************************
    - 9. Main slider -
*************************/
.block-main-slider {
	overflow:hidden;
	position:relative;
}

.block-main-slider .slides li {
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
}

.block-main-slider .slides li .animated-item {
	-webkit-animation-duration:1s;
	   -moz-animation-duration:1s;
		-ms-animation-duration:1s;
			animation-duration:1s;
}

/* Slide 1 */
.block-main-slider .caption-1 {
	margin-top:-55px;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
}

.block-main-slider .caption-1 .title {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	font-size:56px;
	font-weight:800;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}

.block-main-slider .caption-1 .fluid {
	width:770px;
	margin-left:-385px;
	position:absolute;
	left:50%;
	top:60px;
	font-size:14px;
	line-height:20px;
	color:#eee;
	text-align:center;
}

/* Slide 2 */
.block-main-slider .caption-2 {
	margin-top:-140px;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
}

.block-main-slider .caption-2 .fluid {
	width:900px;
	margin-left:-450px;
	position:absolute;
	left:50%;
	top:0px;
	font-size:36px;
	color:#edf2f6;
	line-height:36px;
	text-align:center;
}

.block-main-slider .caption-2 .counter {
	position:absolute;
	left:0px;
	right:0px;
	top:128px;
	text-align:center;
}

.block-main-slider .caption-2 .counter ul {
	padding:0px 50px;
	display:inline-block;
	overflow:hidden;
}

.block-main-slider .caption-2 .counter li {
	width:140px;
	height:157px;
	margin-right:34px;
	float:left;
	display:block;
	background:url(images/bg_stats_home.png) no-repeat;
	text-align:center;
}

.block-main-slider .caption-2 .counter li:last-child {
	margin-right:0;
}

.block-main-slider .caption-2 .counter li .num {
	padding:43px 0px 2px;
	font-size:42px;
	color:#eaeff3;
	font-weight:bold;
}

.block-main-slider .caption-2 .counter li .type {
	font-size:14px;
	color:#868e96;
}

/* Slide 3 */
.block-main-slider .caption-3 {
	margin-top:-100px;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
}

.block-main-slider .caption-3 .title {
	width:780px;
	margin-left:-390px;
	position:absolute;
	left:50%;
	padding:10px 15px;
	font-size:50px;
	line-height:50px;
	font-weight:800;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}

.block-main-slider .caption-3 .fluid {
	width:770px;
	margin-left:-385px;
	position:absolute;
	left:50%;
	top:80px;
	font-size:14px;
	line-height:20px;
	color:#eee;
	text-align:center;
}

.block-main-slider .caption-3 .fluid .bullet {
	margin:0 5px;
	opacity:0.9;
}

.block-main-slider .caption-3 .more {
	position:absolute;
	left:0px;
	right:0px;
	top:110px;
	text-align:center;
}

.block-main-slider .caption-3 .more a {
	margin:0px 5px;
}

/* Slide 4 */
.block-main-slider .caption-4 {
	margin-top:-100px;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
}

.block-main-slider .caption-4 .title {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	font-size:40px;
	font-weight:600;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}

.block-main-slider .caption-4 .fluid {
	width:770px;
	margin-left:-385px;
	position:absolute;
	left:50%;
	top:60px;
	font-size:20px;
	line-height:25px;
	color:#eee;
	text-align:center;
}

.block-main-slider .caption-4 .more {
	position:absolute;
	left:0px;
	right:0px;
	top:140px;
	text-align:center;
}

.block-main-slider .caption-4 .more a {
	margin:0px 5px;
}

/* Slide 5 */
.block-main-slider .caption-5 {
	margin-top:-20px;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
}

.block-main-slider .caption-5 .title {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	font-size:40px;
	line-height:40px;
	font-weight:800;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}

/* Video */
.block-main-slider .video {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	overflow:hidden;
}

.block-main-slider .video video {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
}

.block-main-slider .video .pattern {
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(images/pattern.png) repeat top left;
}

/* Directional buttons */
.block-main-slider .flex-direction-nav a {
	width:38px;
	height:38px;
	margin-top:-22px;
	display:block;
	position:absolute;
	top:50%;
	font-size:16px;
	line-height:38px;
	color:#fff;
	text-align:center;
	border:3px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	text-decoration:none;
	z-index:5;
}

.block-main-slider .flex-direction-nav a.flex-prev {
	left:32px;
}

.block-main-slider .flex-direction-nav a.flex-next {
	right:32px;
}

.block-main-slider .flex-direction-nav a.flex-prev:hover,
.block-main-slider .flex-direction-nav a.flex-next:hover {
	text-decoration:none;
}

/* Bottom rounded circle buttons */
.block-main-slider .flex-control-nav {
	position:absolute;
	left:0px;
	right:0px;
	bottom:85px;
	text-align:center;
	z-index:5;
}

.block-main-slider .flex-control-nav li {
	margin-left:5px;
	display:inline-block;
}

.block-main-slider .flex-control-nav li:first-child {
	margin-left:0px;
}

.block-main-slider .flex-control-nav li a {
	width:10px;
	height:10px;
	display:block;
	background-color:#fff;
	text-indent:-9000px;
	cursor:pointer;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}

/* Bottom link */
.block-main-slider .lnk {
	position:absolute;
	left:0px;
	right:0px;
	bottom:28px;
	text-align:center;
	z-index:5;
}

.block-main-slider .lnk a {
	height:26px;
	line-height:26px;
	display:inline-block;
	font-size:19px;
	color:#fff;
	font-weight:600;
}

.block-main-slider .lnk a i {
	display:block;
	float:left;
	width:22px;
	height:22px;
	margin-right:8px;
	font-size:12px;
	line-height:22px;
	text-align:center;
	border:2px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

.block-main-slider .lnk a span {
	display:block;
	float:left;
}

.block-main-slider .lnk a:hover {
	text-decoration:none;
}

/********************
    - 10. About -
********************/
#about .inside {
	padding:85px 0px 95px;
	overflow:hidden;
}

/* Stats */
.block-stats {
	overflow:hidden;
	max-width:836px;
	margin:0 auto;
	padding-top:30px;
}

.block-stats li {
	width:140px;
	height:157px;
	margin-left:34px;
	float:left;
	display:block;
	background-repeat:no-repeat;
	text-align:center;
}

.block-stats li:first-child {
	margin-left:0px;
}

.block-stats li:hover {
	background-position:left bottom;
}

.block-stats li .num {
	padding:43px 0px 2px;
	font-size:42px;
	color:#000000;
	font-weight:bold;
}

.block-stats li .type {
	font-size:14px;
	color:#989898;
}

/* Skills */
.block-skills {
	padding-top:50px;
}

.block-skills h2 {
	padding-bottom:9px;
}

.block-skills .skill p {
	padding:18px 0px 8px;
	font-size:14px;
	color:#000000;
	line-height:20px;
}

.block-skills .level-rail {
	height:8px;
	position:relative;
	background:url(images/bg_level_rail.jpg) repeat-x;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
}

.block-skills .level-rail .level {
	width:18px;
	height:8px;
	padding:41px 12px 8px 0px;
	position:absolute;
	left:0px;
	top:-41px;
}

.block-skills .level-rail .level .bar {
	height:8px;
	position:absolute;
	left:0px;
	right:12px;
	top:41px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
	-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.3) inset;
	   -moz-box-shadow:0 1px 0 0 rgba(0,0,0,0.3) inset;
		 -o-box-shadow:0 1px 0 0 rgba(0,0,0,0.3) inset;
			box-shadow:0 1px 0 0 rgba(0,0,0,0.3) inset;
}

.block-skills .level-rail .marker {
	width:22px;
	height:24px;
	position:absolute;
	right:10px;
	top:33px;
	background:url(images/bg_level_marker.png) no-repeat;
}

.block-skills .level-rail .note {
	width:39px;
	height:23px;
	line-height:23px;
	position:absolute;
	right:0px;
	top:0px;
	background-color:#fcfcfc;
	border:1px solid #d5dade;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
	font-size:12px;
	color:#383838;
	font-weight:600;
	text-align:center;
}

.block-skills .level-rail .note:before {
	width:9px;
	height:6px;
	margin-left:-5px;
	display:block;
	position:absolute;
	left:50%;
	bottom:-6px;
	background:url(images/tail_level.gif) no-repeat;
	content:' ';
}

/***********************
    - 11. Services -
***********************/
#services {
	background-color:#f8f8f8;
}

#services .inside {
	padding:89px 0px 87px;
}

.block-services {
	height:184px;
	margin-top:48px;
}

.block-services .service {
	width:346px;
	margin-right:31px;
	float:left;
}

.block-services .service:last-child {
	margin-right:0px;
}

.block-services .service .content {
	min-height:120px;
}

.block-services .service .content h3 {
	padding-bottom:9px;
	font-size:17px;
	line-height:23px;
}

.block-services .service .content p {
	padding-bottom:0px;
	line-height:20px;
}
.block-services .service.webnew .content {
	padding-left:152px;
	background:url(images/icon/051-computer-2.png) no-repeat;
}
.block-services .service.web .content {
	padding-left:152px;
	background:url(images/icon_services_web.png) no-repeat;
}

.block-services .service.design .content {
	padding-left:152px;
	background:url(images/icon_services_design.png) no-repeat;
}

.block-services .service.mobile .content {
	padding-left:138px;
	background:url(images/icon_services_mobile.png) no-repeat;
}
.block-services .service.mobilenew .content {
	padding-left:138px;
	background:url(images/icon/051-smartphone-2.png) no-repeat;
}
.block-services .service.branding .content {
	padding-left:138px;
	background:url(images/icon_services_branding.png) no-repeat;
}
.block-services .service.software .content {
	padding-left:138px;
	background:url(images/icon/051-browsers.png) no-repeat;
}
.block-services .service.database .content {
	padding-left:138px;
	background:url(images/icon/051-database.png) no-repeat;
}
.block-services .service.setup .content {
	padding-left:138px;
	background:url(images/icon/051-video-chat.png) no-repeat;
}
.block-services .service.training .content {
	padding-left:138px;
	background:url(images/icon/051-migrate.png) no-repeat;
}
.block-services .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
	height:23px;
}

.block-services .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
	width:52px;
}

.block-services .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height:23px;
	margin:0px;
	background:url(images/bg_scroll_dragger.png) no-repeat;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}

.block-services .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	height:8px;
	margin:8px 0px 7px;
	background:url(images/bg_scrollbar.jpg) repeat-x;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
}

/***********************
    - 12. Projects -
***********************/
#projects {
	background:url(images/bg_projects.jpg);
}

#projects .inside {
	padding:88px 0px 93px;
}

/* Filter */
.block-filter {
	width:150px;
	position:absolute;
	z-index:5;
	right:0px;
	top:7px;
	background-color:#eaeaea;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}

.block-filter .text {
	height:30px;
}

.block-filter .text a {
	height:30px;
	line-height:30px;
	padding-left:23px;
	display:block;
	background-repeat:no-repeat;
	background-image:url(images/filter.gif);
	font-size:11px;
	color:#2a3940;
	font-weight:600;
	text-transform:uppercase;
}

.block-filter .text a:hover {
	text-decoration:none;
}

.block-filter .filter {display:none;}

.block-filter .filter li {
	display:block;
	border-top:1px solid transparent;
}

.block-filter .filter li:first-child {
	border-top:0px;
}

.block-filter .filter li a {
	height:30px;
	line-height:30px;
	padding-left:10px;
	display:block;
	font-size:11px;
	color:#d1d1d1;
}

.block-filter .filter li a:hover {
	color:#ffffff;
	text-decoration:none;
}

.block-filter .filter li.active a {
	color:#ffffff;
}

.block-filter.opened {
	background-color:#2a3940;
}

.block-filter.opened .text a {
	background-position:left bottom;
	color:#ffffff;
}

.block-filter.opened .filter li {
	border-color:#3d4b51;
}

/* Projects container */
.block-projects {
	padding-top:49px;
}

.block-projects .project-item {
	display:none;
}

.block-projects article {
	width:20%;
	float:left;
}

.block-projects article.current-project {
	position:relative;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.block-projects article.current-project .hover {
	display:none;
}

.block-projects .image {
	position:relative;
	background-color:#fff;
}

.block-projects .image img {
	width:100%;
	height:auto;
	display:block;
}

.block-projects .hover {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

.block-projects .hover .title {
	margin-top:-44px;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	opacity:0;
	filter:alpha(opacity=0);
	font-size:17px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

.block-projects .hover .date {
	margin-top:-22px;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	opacity:0;
	filter:alpha(opacity=0);
	font-size:11px;
	color:#ffffff;
	text-align:center;
}

.block-projects .hover .lnk-project {
	margin-left:-20px;
	margin-top:5px;
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	opacity:0;
	filter:alpha(opacity=0);
}

.desktop-device .block-projects .image:hover .hover .title,
.desktop-device .block-projects .image:hover .hover .date,
.desktop-device .block-projects .image:hover .hover .lnk-project {
	opacity:1;
	filter:alpha(opacity=100);
}

.block-projects .image.hovered .hover .title,
.block-projects .image.hovered .hover .date,
.block-projects .image.hovered .hover .lnk-project {
	opacity:1;
	filter:alpha(opacity=100);
}

.block-project-item {
	margin-top:43px;
	display:none;
	background-color:#ffffff;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}

.block-project-item .inner {
	padding:36px 0px;
}

.block-project-item .image {
	width:724px;
	float:left;
	position:relative;
}

.block-project-item .image img {
	width:100%;
	height:auto;
	display:block;
}

/* Blog post tag list */
.block-blog-post .tags-list {
	margin-bottom:20px;
	color:#a6a6a6;
}

.block-blog-post .tags-list span {
	display:inline-block;
	color:#282828;
	font-weight:600;
}

.block-blog-post .tags-list a {
	color:#a6a6a6;
}

/* Blog post zoom */
.block-project-item .image .project-zoom,
.block-blog-post .image .pic-zoom {
	width:27px;
	height:27px;
	position:absolute;
	right:8px;
	top:8px;
	background-repeat:no-repeat;
	background-image:url(images/zoom.png);
	text-indent:-9000px;
}

.block-project-item .image .project-zoom:hover,
.block-blog-post .image .pic-zoom:hover {
	background-position:left bottom;
}

.block-project-item .info {
	width:346px;
	float:right;
}

.block-project-item .controls {
	padding-bottom:22px;
	overflow:hidden;
}

.block-project-item .controls a {
	width:25px;
	height:25px;
	display:block;
	background-repeat:no-repeat;
	background-color:#d3d7d8;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
	text-indent:-9000px;
}

.block-project-item .controls a:hover {
	background-color:#2a3940;
}

.block-project-item .controls a.projects-nav {
	float:left;
}

.block-project-item .controls a.projects-nav.prev {
	margin-right:3px;
	background-image:url(images/projects_nav.gif);
}

.block-project-item .controls a.projects-nav.next {
	background-image:url(images/projects_nav.gif);
	background-position:right top;
}

.block-project-item .controls a.project-close {
	float:right;
	background-image:url(images/project_close.gif);
	background-position:8px 8px;
}

.block-project-item .controls a.inactive {
	cursor:default;
}

.block-project-item .controls a.inactive:hover {
	background-color:#d3d7d8;
}

.block-project-item .share {
	height:37px;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}

.block-project-item .share .text {
	height:37px;
	line-height:37px;
	padding-right:12px;
	float:left;
	font-size:10px;
	color:#474747;
	font-weight:bold;
	text-transform:uppercase;
}

.block-project-item .share .social {
	padding-top:9px;
	float:left;
	overflow:hidden;
}

.block-project-item .share .social li {
	margin-left:3px;
	float:left;
	display:block;
}

.block-project-item .share .social li:first-child {
	margin-left:0px;
}

.block-project-item .likes {
	height:37px;
	line-height:35px;
	padding-left:19px;
	float:right;
	color:#868686;
}

.block-project-item .likes i {
	font-size:13px;
	line-height:13px;
	color:#bebebe;
}

.block-project-item .description {
	padding-top:29px;
}

.block-project-item .description h2 {
	padding-bottom:17px;
	font-size:22px;
	line-height:26px;
}

.block-project-item .description h3 {
	padding-bottom:17px;
	font-weight:600;
	line-height:20px;
}

.block-project-item .description p {
	padding-bottom:20px;
	line-height:20px;
}

.block-project-item .slider {
	position:relative;
	overflow:hidden;
}

.block-project-item .slider .flexslider {
	overflow:hidden;
}

.block-project-item .flex-direction-nav a {
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	bottom:18px;
	font-size:12px;
	line-height:22px;
	color:#8c8c8c;
	text-align:center;
	border:3px solid #8c8c8c;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	text-decoration:none;
	z-index:5;
}

.block-project-item .flex-direction-nav a.flex-prev {
	right:53px;
}

.block-project-item .flex-direction-nav a.flex-next {
	right:18px;
}

.block-project-item .flex-direction-nav a.flex-prev:hover,
.block-project-item .flex-direction-nav a.flex-next:hover {
	text-decoration:none;
}

/*******************
    - 13. Team -
*******************/
#team .inside {
	padding:85px 0px 95px;
	overflow:hidden;
}

.block-team {
	padding-top:80px;
}

.block-team h2 {
	padding-bottom:32px;
}

.block-team .teammates {
	position:relative;
}

.block-team .teammate {
	padding-bottom:4px;
	background:url(images/tail_teammate.gif) no-repeat left bottom;
	background-size:100% 4px;
}

.block-team .teammate .photo {
	position:relative;
}

.block-team .teammate .photo img {
	width:100%;
	height:auto;
	display:block;
}

.block-team .teammate .photo .hover {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	opacity:0;
	filter:alpha(opacity=0);
}

.block-team .teammate .photo .hover .button {
	margin-top:-15px;
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	text-align:center;
}

.desktop-device .block-team .teammate .photo:hover .hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.block-team .teammate .photo.hovered .hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.block-team .teammate .description {
	padding:13px 9px 16px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

.block-team .teammate .description .name {
	padding-bottom:7px;
	font-size:14px;
	color:#222222;
	font-weight:600;
}

.block-team .teammate .description .position {
	padding-bottom:11px;
	font-size:13px;
	color:#888888;
}

.block-team .teammate .description .bio {
	padding-bottom:12px;
}

.block-team .teammate .description .bio p {
	padding-bottom:0px;
	font-size:13px;
	line-height:20px;
}

.block-team .teammate .description .social {
	overflow:hidden;
}

.block-team .teammate .description .social li {
	margin-left:3px;
	float:left;
	display:block;
}

.block-team .teammate .description .social li:first-child {
	margin-left:0px;
}

.block-team .teammates .slides > li {
	width:254px !important;
	margin-right:28px;
}

.block-team .teammates .flex-direction-nav a {
	width:18px;
	height:18px;
	display:block;
	position:absolute;
	top:-56px;
	font-size:9px;
	line-height:19px;
	color:#bcbcbc;
	text-align:center;
	border:2px solid #d6d6d6;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	text-decoration:none;
}

.block-team .teammates .flex-direction-nav a.flex-prev {
	right:24px;
}

.block-team .teammates .flex-direction-nav a.flex-next {
	right:0px;
}

.block-team .teammates .flex-direction-nav a.flex-prev:hover,
.block-team .teammates .flex-direction-nav a.flex-next:hover {
	text-decoration:none;
}

.block-team .teammates .flex-viewport {
	overflow:visible !important;
}

.block-team .teammates .shadow-left {
	position:absolute;
	left:-1000%;
	right:100%;
	top:0px; bottom:0px;
	background-color:rgba(255, 255, 255, 0.55);
}

.block-team .teammates .shadow-right {
	position:absolute;
	left:100%;
	right:-1000%;
	top:0px;
	bottom:0px;
	background-color:rgba(255, 255, 255, 0.55);
}

/*******************
    - 14. Blog -
*******************/
#blog {
	background-color:#f9f9f9;
}

#blog .inside {
	padding:87px 0px 94px;
}

.block-blog {
	padding-top:50px;
}

.block-blog .posts {
	min-height:200px;
	margin-left:-28px;
	margin-bottom:-28px;
	position:relative;
}

.block-blog article {
	width:348px;
	margin-left:28px;
	margin-bottom:28px;
	padding-bottom:5px;
	position:absolute;
	left:0px;
	top:0px;
	background:url(images/tail_blog.png) no-repeat left bottom;
}

.block-blog article .content {
	padding:8px 8px 21px;
	background-color:#ffffff;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

.block-blog article .featured-content {
	margin-bottom:8px;
}

.block-blog article .featured-content img {
	width:100%;
	height:auto;
	display:block;
}

.block-blog article div.description {
	padding:8px 6px 0px;
}

.block-blog article .description h3 {
	padding-bottom:10px;
	color:#2d2d2d;
	font-weight:600;
	line-height:21px;
}

.block-blog article .description h3 a {
	color:#2d2d2d;
	font-weight:600;
}

.block-blog article .description h3 a:hover {
	text-decoration:none;
}

.block-blog article .description .info {
	padding-bottom:10px;
	font-size:12px;
	color:#6a6969;
}

.block-blog article .description .info span {
	margin:0px 9px;
}

.block-blog article .description .text {
}

.block-blog article .description .text p {
	padding-bottom:16px;
	line-height:20px;
}

/* Slider */
.block-blog article .slider {
	overflow:hidden;
	position:relative;
}

.block-blog .slider .flexslider {
	overflow:hidden;
}

.block-blog .flex-direction-nav a {
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	bottom:18px;
	font-size:12px;
	line-height:22px;
	color:#fff;
	text-align:center;
	border:3px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	text-decoration:none;
	z-index:5;
}

.block-blog .flex-direction-nav a.flex-prev {
	right:53px;
}

.block-blog .flex-direction-nav a.flex-next {
	right:18px;
}

.block-blog .flex-direction-nav a.flex-prev:hover,
.block-blog .flex-direction-nav a.flex-next:hover {
	text-decoration:none;
}

/* Article with icon */
.block-blog article.post-icon {}

.block-blog article.post-icon .content {
	padding:8px;
}

.block-blog article.post-icon a.description {
	padding:17px 25px 16px 42px;
	display:block;
	position:relative;
	background-color:#f4f4f4;
}

.block-blog article.post-icon a.description .text {
	padding-bottom:8px;
	display:block;
	font-size:16px;
	color:#2d2d2d;
	font-weight:600;
	line-height:21px;
}

.block-blog article.post-icon a.description .subtext {
	display:block;
	font-size:13px;
	color:#747474;
	line-height:20px;
}

.block-blog article.post-icon a.description .icon {
	position:absolute;
	width:20px;
	height:20px;
	left:12px;
	top:19px;
	color:#2d2d2d;
	font-size:20px;
	line-height:20px;
}

.block-blog article.post-icon a.description:hover {
	background-color:#2a3940;
	text-decoration:none;
}

.block-blog article.post-icon a.description:hover .text,
.block-blog article.post-icon a.description:hover .icon {
	color:#e2e2e2;
}

.block-blog article.post-icon a.description:hover .subtext {
	color:#73858e;
}

/* View more button */
.block-blog .control {
	max-width:346px;
	margin:0px auto;
	padding-top:32px;
}

/* Audio player */
.block-audio {
	position:relative;
	background-color:#ffffff;
	border:1px solid #e0e0e0;
	-webkit-box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.02);
	   -moz-box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.02);
			box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.02);
}

.block-audio .mejs-container .mejs-controls {
	height:30px;
	background:none #ffffff;
}

.block-audio .mejs-controls div.mejs-time-rail {
	height:7px;
	margin-top:12px;
	padding-top:0px;
}

.block-audio .mejs-controls .mejs-time-rail .mejs-time-buffering {
	height:5px;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}

.block-audio .mejs-controls .mejs-time-rail .mejs-time-total {
	height:5px;
	margin:0px;
	background:none #858585;
	border:1px solid #4d4d4d;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}

.block-audio .mejs-controls .mejs-time-rail .mejs-time-loaded {
	height:5px;
	margin:0px;
	background:none #9e9e9e;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}

.block-audio .mejs-controls .mejs-time-rail .mejs-time-current {
	height:5px;
	margin:0px;
	background:none;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}

.block-audio .mejs-controls .mejs-button {
	width:30px;
	height:30px;
}

.block-audio .mejs-controls .mejs-button button {
	width:30px;
	height:30px;
	margin:0px;
	background-image:url(images/sprite_audio.png);
	outline:0px !important;
}

.block-audio .mejs-controls .mejs-play button {
	background-position:-30px top;
}

.block-audio .mejs-controls .mejs-play button:hover {
	background-position:-30px bottom;
}

.block-audio .mejs-controls .mejs-pause button {
	background-position:0px top;
}

.block-audio .mejs-controls .mejs-pause button:hover {
	background-position:0px bottom;
}

.block-audio .mejs-controls .mejs-mute button {
	background-position:-60px top;
}

.block-audio .mejs-controls .mejs-mute button:hover {
	background-position:-60px bottom;
}

.block-audio .mejs-controls .mejs-unmute button {
	background-position:-90px top;
}

.block-audio .mejs-controls .mejs-unmute button:hover {
	background-position:-90px bottom;
}

.block-audio .mejs-controls .mejs-horizontal-volume-slider {
	width:46px;
	height:30px;
}

.block-audio .mejs-controls .mejs-volume-button .mejs-volume-slider {
	width:30px;
}

.block-audio .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	left:15px;
}

.block-audio .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	left:15px;
}

.block-audio .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	left:8px;
}

.block-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width:35px;
	height:5px;
	left:0px;
	top:12px;
	background:none #858585;
	border:1px solid #4d4d4d;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}

.block-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	height:5px;
	left:1px;
	top:13px;
	background:none;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
}

.block-audio .mejs-container .mejs-controls .mejs-time {
	height:30px;
	line-height:30px;
	padding:0px;
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#303030;
	font-weight:bold;
}

.block-audio .mejs-container .mejs-controls .mejs-time span {
	margin:0px;
	float:none;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#303030;
	font-weight:bold;
	line-height:30px;
}

.block-audio .mejs-container .mejs-controls .mejs-time.mejs-currenttime-container {
	width:40px;
	text-align:left;
}

.block-audio .mejs-container .mejs-controls .mejs-time.mejs-currenttime-container span {
}

.block-audio .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
	width:0px;
}

.block-audio .mejs-container .mejs-controls .mejs-time.mejs-duration-container span {
	padding-left:18px;
}

/* Single blog post */
#blog_post {}

#blog_post .inside {
	padding:130px 0px 95px;
}

.block-blog-post .likes {
	height:14px;
	line-height:14px;
	margin-left:10px;
	margin-top:15px;
	padding-left:20px;
	float:right;
	background:url(images/icon_like_3.png) no-repeat 0px 1px;
	font-size:14px;
	color:#868686;
}

.block-blog-post .likes i {
	font-size:14px;
	line-height:14px;
	color:#bebebe;
}

.block-blog-post .title {
	overflow:hidden;
}

.block-blog-post .title h1 {
	padding-bottom:7px;
	font-size:24px;
	font-weight:600;
}

.block-blog-post .info {
	font-size:11px;
	color:#6a6969;
	text-transform:uppercase;
}

.block-blog-post .info .author {
	font-weight:600;
}

.block-blog-post .info .info-separator {
	margin:0px 7px;
}

.block-blog-post .image {
	margin-top:25px;
	position:relative;
}

.block-blog-post .image img {
	width:100%;
	height:auto;
	display:block;
}

/* Blog post zoom */
.block-blog-post .image .pic-zoom {
	width:27px;
	height:27px;
	position:absolute;
	right:8px;
	top:8px;
	background-repeat:no-repeat;
	background-image:url(images/zoom.png);
	text-indent:-9000px;
}

.block-blog-post .image .pic-zoom:hover {
	background-position:left bottom;
}

/* Blog post video */
.block-blog-post .video {
	margin-top:25px;
	position:relative;
}

/* Blog post audio */
.block-blog-post .audio {
	margin-top:25px;
	position:relative;
}

/* Blog post slider */
.block-blog-post article .slider {
	overflow:hidden;
	position:relative;
}

.block-blog-post .slider .flexslider {
	overflow:hidden;
}

.block-blog-post .flex-direction-nav a {
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	bottom:18px;
	font-size:12px;
	line-height:22px;
	color:#fff;
	text-align:center;
	border:3px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	text-decoration:none;
	z-index:5;
}

.block-blog-post .flex-direction-nav a.flex-prev {
	right:53px;
}

.block-blog-post .flex-direction-nav a.flex-next {
	right:18px;
}

.block-blog-post .flex-direction-nav a.flex-prev:hover,
.block-blog-post .flex-direction-nav a.flex-next:hover {
	text-decoration:none;
}

/* Content */
.block-blog-post .content {
	padding:21px 0px 27px;
}

.block-blog-post .content h2 {
	font-size:16px;
}

.block-blog-post .content h3 {
	font-size:14px;
	font-weight:600;
}

.block-blog-post .content p {
	line-height:20px;
}

/* Blockquote */
.block-blog-post .content blockquote {
	margin-bottom:24px;
	padding:8px 0px 9px 20px;
	display:block;
	background-color:#f7f7f7;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#2a3940;
	font-weight:bold;
	line-height:21px;
}

.block-blog-post .content blockquote .author {
	padding-top:6px;
	display:block;
	font-size:13px;
	color:#747474;
	font-weight:normal;
	line-height:20px;
}

/* Share */
.block-blog-post .share {
	height:52px;
	margin-bottom:45px;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
}

.block-blog-post .share .text {
	height:52px;
	line-height:52px;
	float:left;
	font-size:11px;
	color:#5e5e5e;
	font-weight:600;
	text-transform:uppercase;
}

.block-blog-post .share .social {
	padding-top:16px;
	float:right;
}

.block-blog-post .share .social li {
	margin-left:3px;
	float:left;
	display:block;
}

.block-blog-post .share .social li:first-child {
	margin-left:0px;
}

/* About author */
.block-blog-post .about-author {}

.block-blog-post .about-author .avatar {
	margin-right:17px;
	padding-top:3px;
	float:left;
}

.block-blog-post .about-author .avatar img {
	display:block;
}

.block-blog-post .about-author .description {
	overflow:hidden;
}

.block-blog-post .about-author .description h1 {
	padding-bottom:7px;
	font-size:15px;
	font-weight:normal;
	line-height:23px;
}

.block-blog-post .about-author .description p {
	padding-bottom:0px;
	line-height:20px;
}

/* Comments */
.block-comments {
	padding-top:52px;
}

.block-comments h2 {
	padding-bottom:9px;
	font-size:20px;
	font-weight:600;
}

.block-comments .comment {
	padding-top:15px;
}

.block-comments .comment:first-child {
	padding-top:0px;
}

.block-comments .comment article {
	padding:0px 15px 13px;
	overflow:hidden;
	border:1px solid #ebebeb;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}

.block-comments .comment .avatar {
	margin-right:15px;
	padding-top:17px;
	float:left;
}

.block-comments .comment .avatar img {
	display:block;
}

.block-comments .comment .content {
	overflow:hidden;
}

.block-comments .comment .control {
	padding-top:17px;
	float:right;
}

.block-comments .comment .reply {
	height:22px;
	line-height:22px;
	padding:0px 8px;
	display:block;
	background-color:#2a3940;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
	font-size:10px;
	color:#ffffff;
	font-weight:600;
	text-transform:uppercase;
}

.block-comments .comment .reply:hover {
	text-decoration:none;
}

.block-comments .comment .name {
	padding:11px 0px 3px;
	color:#272727;
	font-weight:bold;
	line-height:20px;
}

.block-comments .comment .name a {
	color:#272727;
	font-weight:bold;
}

.block-comments .comment .name a:hover {
	text-decoration:none;
}

.block-comments .comment .date {
	padding-bottom:8px;
	font-size:12px;
	color:#747474;
	line-height:20px;
}

.block-comments .comment p {
	padding-bottom:0px;
	line-height:20px;
}

.block-comments .sub-comments {
	margin-top:15px;
	padding-left:49px;
	background:url(images/line_blog_comments.gif) no-repeat 0px 19px;
	border-left:1px solid #eaeaea;
}

/* Leave comment */
.block-leave-comment {
	padding-top:52px;
}

.block-leave-comment h2 {
	padding-bottom:15px;
	font-size:20px;
	font-weight:600;
}

.block-leave-comment h3 {
	padding-bottom:33px;
	font-size:13px;
	color:#666666;
	font-weight:normal;
}

.block-leave-comment .label {
	padding-bottom:10px;
	font-size:12px;
	color:#404040;
	line-height:16px;
}

.block-leave-comment .fields-wrapper {
	margin-left:-23px;
	margin-bottom:20px;
	overflow:hidden;
}

.block-leave-comment .field-column {
	width:33.333%;
	float:left;
}

.block-leave-comment .field-column .label {
	margin-left:23px;
}

.block-leave-comment .field {
	height:31px;
	margin-left:23px;
	padding:0px 10px;
	overflow:hidden;
	border:1px solid #dedede;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}

.block-leave-comment .field input {
	width:100%;
	height:18px;
	line-height:18px;
	padding:5px 0px;
	display:block;
	background-color:transparent;
	border:0px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#858585;
}

.block-leave-comment .textarea {
	padding:0px 10px;
	overflow:hidden;
	border:1px solid #dedede;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}

.block-leave-comment .textarea textarea {
	width:100%;
	height:125px;
	padding:5px 0px;
	display:block;
	overflow:auto;
	background-color:transparent;
	border:0px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#858585;
}

.block-leave-comment .button {
	padding-top:25px;
}

/**********************
    - 15. Clients -
**********************/
#clients {
	border-top:1px solid #fff;
}

#clients .inside {
	padding:87px 0px 74px;
	border-top:1px solid #ebebeb;
}

.block-clients {
	padding-top:30px;
	overflow:hidden;
}

.block-clients li {
	margin-right:20px;
	float:left;
	display:block;
}

.block-clients li:last-child {
	margin-right:0;
}

.block-clients li a {
	display:block;
	opacity:0.7;
}

.block-clients li a:hover {
	opacity:1;
}

.block-clients li img {
	display:block;
}

/*************************
    - 16. Shortcodes -
*************************/
#shortcodes {}

#shortcodes .inside {
    padding:130px 0px 95px;
}

/* Accordion */
.block-accordion {
    position:relative;
}

.block-accordion .button-outer {
    margin-top:5px;
    padding-left:10px;
    position:relative;
    background-color:#f8f8f8;
    border:1px solid #ebebeb;
    cursor:pointer;
}

.block-accordion .button-outer.first {
    margin-top:0px;
}

.block-accordion .button-outer .button-inner {
    height:35px;
    line-height:35px;
    margin-right:35px;
    overflow:hidden;
    color:#2a3940;
    font-weight:600;
    text-transform:uppercase;
}

.block-accordion .button-outer .icon {
    position:absolute;
    right:10px;
    top:10px;
	font-size:16px;
	line-height:16px;
    cursor:pointer;
}

.block-accordion .button-outer .icon i.down {
	display:block;
}

.block-accordion .button-outer .icon i.up {
	display:none;
}

.block-accordion .button-outer.current .icon i.down {
   display:none;
}

.block-accordion .button-outer.current .icon i.up {
	display:block;
}

.block-accordion .accordion-content {
    padding:13px 10px 14px;
    position:relative;
    background-color:#ffffff;
    border-left:1px solid #ebebeb;
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
}

.block-accordion .accordion-content p {
    padding-bottom:0px;
    line-height:20px;
}

/* Toggle */
.block-toggle {
    position:relative;
}

.block-toggle .button-outer {
    margin-top:5px;
    padding-left:10px;
    position:relative;
    background-color:#f8f8f8;
    border:1px solid #ebebeb;
    cursor:pointer;
}

.block-toggle .button-outer.first {
    margin-top:0px;
}

.block-toggle .button-outer .button-inner {
    height:35px;
    line-height:35px;
    margin-right:35px;
    overflow:hidden;
    color:#2a3940;
    font-weight:600;
    text-transform:uppercase;
}

.block-toggle .button-outer .icon {
    position:absolute;
    right:10px;
    top:10px;
	font-size:16px;
	line-height:16px;
    cursor:pointer;
}

.block-toggle .button-outer .icon i.plus {
	display:block;
}

.block-toggle .button-outer .icon i.minus {
	display:none;
}

.block-toggle .button-outer.current .icon i.plus {
   display:none;
}

.block-toggle .button-outer.current .icon i.minus {
	display:block;
}

.block-toggle .toggle-content {
    padding:13px 10px 16px;
    position:relative;
    background-color:#ffffff;
    border-left:1px solid #ebebeb;
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
}

.block-toggle .toggle-content p {
    padding-bottom:0px;
    line-height:20px;
}

/* Callout */
.block-callout {
    padding:19px 19px 17px;
    overflow:hidden;
    background-color:#f7f7f7;
}

.block-callout .text {
    float:left;
}

.block-callout .text h3 {
    padding-bottom:7px;
    font-size:16px;
    font-weight:bold;
}

.block-callout .text p {
    padding-bottom:0px;
    line-height:20px;
}

.block-callout .button {
    padding-top:3px;
    float:right;
}

.block-alert-messages {
    margin-bottom:-13px;
    overflow:hidden;
}

.block-alert-messages .general-info-box {
    margin-bottom:13px;
}

/* Tabs */
.block-tabs {}

.block-tabs .tabs {
    height:45px;
    margin-bottom:-1px;
    overflow:hidden;
    position:relative;
    z-index:10;
}

.block-tabs .tabs li {
    float:left;
    display:block;
}

.block-tabs .tabs li a {
    height:41px;
    display:block;
    position:relative;
    border-top:4px solid #ffffff;
    color:#2a3940;
    font-weight:bold;
}

.block-tabs .tabs li:first-child a span {
    border-left:1px solid #e8e8e8;
}

.block-tabs .tabs li a span {
    height:39px;
    line-height:39px;
    padding:0px 15px;
    display:block;
    border-top:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    cursor:pointer;
}

.block-tabs .tabs li a:hover {
    background-color:#f8f8f8;
    text-decoration:none;
}

.block-tabs .tabs li a.current {
    background-color:#ffffff;
}

.block-tabs .tabs li a.current span {
    border-bottom:0px;
    border-top:1px solid #ffffff;
}

.block-tabs .tab-content {
    padding:17px;
    display:none;
    position:relative;
    background-color:#ffffff;
    border:1px solid #e8e8e8;
}

.block-tabs .tab-content p {
    padding-bottom:0px;
    line-height:20px;
}

/* Vector icons */
.icons-demo i.fa {
	font-size:20px;
  	width:30px;
  	padding-bottom:15px;
  	cursor:default;
  	text-align:center;
  	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
}

.icons-demo i.fa:hover {
  	opacity:0.7;
}

/* Pricing table */
.block-pricing-table {}

.block-pricing-table .column {
    width:274px;
    float:left;
    position:relative;
    background-color:#ffffff;
    border-top:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
}

.block-pricing-table .column:first-child {
    border-left:1px solid #e8e8e8;
}

.block-pricing-table .title {
    height:65px;
    line-height:65px;
    border-bottom:1px solid #e8e8e8;
    font-size:24px;
    color:#2a3940;
    font-weight:600;
    text-align:center;
}

.block-pricing-table .price {
    height:81px;
    border-bottom:1px solid #e8e8e8;
    text-align:center;
}

.block-pricing-table .price .num {
    padding:13px 0px 0px;
    font-size:37px;
    color:#333333;
    font-weight:600;
}

.block-pricing-table .price .num span {
    font-size:21px;
}

.block-pricing-table .price .period {
    font-size:12px;
    color:#989898;
}

.block-pricing-table .cell {
    height:37px;
    line-height:37px;
    border-bottom:1px solid #e8e8e8;
    font-size:12px;
    color:#6b6b6b;
    text-align:center;
}

.block-pricing-table .cell b {
    color:#545454;
}

.block-pricing-table .cell.alt {
    background-color:#fbfbfb;
}

.block-pricing-table .button {
    padding:20px 0px;
    text-align:center;
}

.block-pricing-table .general-button {
    height:33px;
    line-height:33px;
    font-size:12px;
}

.block-pricing-table .special {
    width:292px;
    margin:-15px -10px;
    border-left:1px solid #e8e8e8;
    z-index:2;
}

.block-pricing-table .special .title {
    height:80px;
    line-height:57px;
    position:relative;
    color:#0093cf;
}

.block-pricing-table .special .title span {
    display:block;
    position:absolute;
    left:0px;
    right:0px;
    top:44px;
    font-size:12px;
    color:#7d868a;
    font-weight:600;
    text-transform:uppercase;
    line-height:20px;
    text-align:center;
}

.block-pricing-table .special .button {
    padding:27px 0px 28px;
}

.block-pricing-table .special .general-button {
    background-color:#0093cf;
}

.block-pricing-table .special .general-button:hover {
    background-color:#2a3940;
}

.block-pricing-table .expert .title {
    color:#71be3c;
}

.block-pricing-table .expert .general-button {
    background-color:#71be3c;
}

.block-pricing-table .expert .general-button:hover {
    background-color:#0093cf;
}

/***********************
    - 17. Contacts -
***********************/
#contacts {
	position:relative;
}

#contacts .inside {
	position:relative;
}

#contacts .block-contacts-button #view_contacts {
	display:none;
}

#contacts .block-contacts-button #view_map {
	display:inline-block;
}

#contacts.map_only .block-contacts-button #view_contacts {
	display:inline-block;
}

#contacts.map_only .block-contacts-button #view_map {
	display:none;
}

#contacts.map_only .block-contacts {
	opacity:0;
	filter:alpha(opacity=0);
	z-index:0;
}

#contacts.map_only .block-contacts .inner {
	display:none;
}

.block-contacts-button {
	position:absolute;
	right:8px;
	top:8px;
	z-index:3;
}

.block-contacts {
	padding:128px 0px 215px;
	position:relative;
	background:url(images/bg_contacts.png);
	z-index:2;
}

.block-contacts .column {
	width:50%;
	float:left;
}

.block-contacts h2 {
	margin-bottom:31px;
	padding-bottom:6px;
	border-bottom:1px solid #ffffff;
	font-size:21px;
	color:#ffffff;
	font-weight:bold;
	line-height:36px;
}

.block-contacts h2 span {
	margin:0px 14px;
	font-size:17px;
	font-weight:normal;
}

.block-contacts .info {
	margin-right:18px;
}

.block-contacts .info i {
	font-size:14px;
	line-height:14px;
	margin-right:3px;
	width:1em;
	text-align:center;
}

.block-contacts .info h3 {
	padding-bottom:18px;
	font-size:18px;
	line-height:20px;
	color:#ffffff;
	font-weight:bold;
}

.block-contacts .info p {
	padding-bottom:0px;
	font-size:15px;
	color:#ffffff;
	line-height:31px;
}

.block-contacts .info p a {
	font-size:15px;
}

.block-contacts .info p a:hover {
	color:#ffffff;
	text-decoration:none;
}

.block-contacts .info p b {
	font-weight:600;
}

.block-contacts .form {
	margin-left:18px;
}

.block-contacts .form h2 {
	padding-bottom:7px;
}

.block-contacts .form .label {
	padding-bottom:10px;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	line-height:16px;
}

.block-contacts .form .fields-wrapper {
	margin-left:-20px;
	margin-bottom:16px;
	overflow:hidden;
}

.block-contacts .form .field-column {
	width:50%;
	float:left;
}

.block-contacts .form .field-column .label {
	margin-left:20px;
}

.block-contacts .form .field {
	height:33px;
	margin-left:20px;
	padding:0px 10px;
	overflow:hidden;
	background-color:#ffffff;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}

.block-contacts .form .field input {
	width:100%;
	height:18px;
	line-height:18px;
	padding:6px 0px;
	display:block;
	background-color:transparent;
	border:0px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#808080;
}

.block-contacts .form .textarea {
	padding:0px 10px;
	overflow:hidden;
	background-color:#ffffff;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
}

.block-contacts .form .textarea textarea {
	width:100%;
	height:90px;
	padding:6px 0px;
	display:block;
	overflow:auto;
	background-color:transparent;
	border:0px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#808080;
}

.block-contacts .form .button {
	padding-top:20px;
}

.block-map {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

.block-map #map {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

/*********************
    - 18. Footer -
*********************/
footer {
	background-color:#25292c;
}

footer .inner {
	position:relative;
}

.block-copyrights {
	float:left;
	height:50px;
	line-height:50px;
	color:#999;
}

.block-copyrights a {
	color:#fff;
}

.block-copyrights a:hover {
	color:#666666;
	text-decoration:none;
}

footer .social {
	float:right;
	padding-top:10px;
}

footer .social li {
	margin-left:3px;
	float:left;
	display:block;
}

footer .social li:first-child {
	margin-left:0px;
}

/*********************
    - 19. Loader -
*********************/
.loader {
	min-height:100px;
	overflow:hidden;
	background:url(images/loader.gif) no-repeat center center;
}

.loader > * {
	opacity:0;
}

.query-loader {
    opacity:0;
}

#qLbar {
	top:0 !important;
}

#qLpercentage {
	margin-top:-18px !important;
	font-size:36px !important;
	line-height:36px !important;
	color:#444 !important;
	font-weight:normal !important;
}

/******************************
    - 20. General buttons -
******************************/
.general-button {
	height:30px;
	line-height:30px;
	padding:0px 14px;
	display:inline-block;
	position:relative;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.general-button:hover {
	text-decoration:none;
}

.general-button span {
	font-weight:normal;
}

input.general-button {
	height:30px;
	line-height:30px;
	margin:0px;
	padding:0px 8px 2px;
	border:0px;
	cursor:pointer;
}

/* Black */
.general-button.black {
	background-color:rgba(42, 57, 64, 0.88);
	color:#ffffff;
}

/* White */
.general-button.white {
	background-color:#ffffff;
	color:#2a3940;
}

.general-button.white:hover {
	background-color:#2a3940;
	color:#ffffff;
}

/* Green */
.general-button.green {
	background-color:rgba(113, 190, 60, 0.88);
	color:#ffffff;
}

.general-button.green:hover {
	background-color:#2a3940;
}

/* Red */
.general-button.red {
	background-color:rgba(255, 87, 68, 0.88);
	color:#ffffff;
}

.general-button.red:hover {
	background-color:#2a3940;
}

/* Navy */
.general-button.navy {
	height:27px;
	line-height:26px;
	padding:0px 10px;
	background-color:#2a3940;
	font-size:10px;
	color:#ffffff;
}

/* Grey */
.general-button.grey {
	padding:0px;
	display:block;
	background-color:#9da5a8;
	color:#ffffff;
	text-align:center;
}

/* Big */
.general-button.big {
	height:35px;
	line-height:36px;
	color:#ffffff;
	font-size:12px;
}

.general-button.big:hover {
	background-color:#2a3940;
}

/**************************
    - 21. Link styles -
**************************/
.lnk-project {
	display:block;
	width:36px;
	height:36px;
	font-size:16px;
	line-height:36px;
	color:#fff;
	text-align:center;
	border:2px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	text-decoration:none;
}

/*****************************
    - 22. Picture styles -
*****************************/
.pic {
	max-width:100%;
	display:inline-block;
	line-height:0px;
}

.pic img {
	max-width:100%;
}

.pic.alignleft {
	margin-right:20px;
	margin-top:5px;
	float:left;
	display:block;
}

.pic.alignright {
	margin-left:20px;
	margin-top:5px;
	float:right;
	display:block;
}

/* General info box */
.general-info-box {
    padding:14px 17px 16px;
    position:relative;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
    		border-radius:2px;
}

.general-info-box p {
    padding-bottom:0px;
    font-size:13px;
    font-weight:bold;
}

.general-info-box p a {
    font-size:13px;
    font-weight:bold;
}

.general-info-box .close {
    width:9px;
    height:9px;
    display:block;
    position:absolute;
    right:14px;
    top:17px;
    background-repeat:no-repeat;
    text-indent:-9000px;
}

.general-info-box .close:hover {
    background-position:left bottom;
}

.general-info-box.warning {
    background-color:#fbf9e5;
    border:1px solid #f6e785;
}

.general-info-box.warning p {
    color:#c4aa00;
}

.general-info-box.warning a {
    color:#c4aa00;
}

.general-info-box.warning .close {
    background-image:url(images/icon_close_warning.gif);
}

.general-info-box.success {
    background-color:#e9f3d1;
    border:1px solid #bfdd60;
}

.general-info-box.success p {
    color:#86b31d;
}

.general-info-box.success a {
    color:#86b31d;
}

.general-info-box.success .close {
    background-image:url(images/icon_close_success.gif);
}

.general-info-box.error {
    background-color:#ffe9e8;
    border:1px solid #f0b2b1;
}

.general-info-box.error p {
    color:#d35d59;
}

.general-info-box.error a {
    color:#d35d59;
}

.general-info-box.error .close {
    background-image:url(images/icon_close_error.gif);
}

.general-info-box.info {
    background-color:#dbe9f4;
    border:1px solid #9fc1de;
}

.general-info-box.info p {
    color:#4689c1;
}

.general-info-box.info a {
    color:#4689c1;
}

.general-info-box.info .close {
    background-image:url(images/icon_close_info.gif);
}

/* Table */
.table {
    width:100%;
    position:relative;
    border:1px solid #e6e6e6;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
    		border-radius:2px;
}

.table th {
    height:45px;
    padding-left:15px;
    background-color:#f8f8f8;
    border-left:1px solid #e6e6e6;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff) to(#f8f8f8));
    background:-webkit-linear-gradient(#ffffff, #f8f8f8 1px);
    background:-moz-linear-gradient(#ffffff, #f8f8f8 1px);
    background:-ms-linear-gradient(#ffffff, #f8f8f8 1px);
    background:-o-linear-gradient(#ffffff, #f8f8f8 1px);
    background:linear-gradient(#ffffff, #f8f8f8 1px);
    font-size:13px;
    color:#2a3940;
    font-weight:bold;
    text-align:left;
    vertical-align:middle;
}

.table th:first-child {
    border-left:0px;
    -webkit-border-radius:2px 0px 0px 0px;
       -moz-border-radius:2px 0px 0px 0px;
    		border-radius:2px 0px 0px 0px;
}

.table th.last-cell {
    -webkit-border-radius:0px 2px 0px 0px;
       -moz-border-radius:0px 2px 0px 0px;
    		border-radius:0px 2px 0px 0px;
}

.table td {
    padding:9px 0px 10px 14px;
    border-left:1px solid #e6e6e6;
    border-top:1px solid #e6e6e6;
    text-align:left;
    vertical-align:middle;
    line-height:20px;
}

.table td:first-child {
    border-left:0px;
}

.table .last-row td:first-child {
    -webkit-border-radius:0px 0px 0px 2px;
       -moz-border-radius:0px 0px 0px 2px;
    		border-radius:0px 0px 0px 2px;
}

.table .last-row td.last-cell {
    -webkit-border-radius:0px 0px 2px 0px;
       -moz-border-radius:0px 0px 2px 0px;
    		border-radius:0px 0px 2px 0px;
}

.table .alt td {
    background-color:#fcfcfc;
}

/* Columns */
.block-columns {
    margin-left:-20px;
    overflow:hidden;
}

.block-columns > div {
    min-height:1px;
    float:left;
}

.block-columns .column-inner {
    margin-left:20px;
}

.block-columns .full {
    width:100%;
}

.block-columns .one-half {
    width:50%;
}

.block-columns .one-third {
    width:33.333%;
}

.block-columns .two-third {
    width:66.666%;
}

.block-columns .one-fourth {
    width:25%;
}

.block-columns .three-fourth {
    width:75%;
}

/**********************
    - 23. Tooltip -
**********************/
.tooltip-1 {
    height:23px;
    line-height:22px;
    padding:0px 15px;
    background-color:#515a5f;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
    		border-radius:2px;
    font-size:10px;
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
}

.tooltip-1:after {
    width:7px;
    height:4px;
    margin-left:-3px;
    display:block;
    position:absolute;
    left:50%;
    top:-4px;
    background:url(images/tail_tooltip_1.gif) no-repeat;
    content:' ';
}

.tooltip-2 {
    display:none;
    z-index:10;
}

.tooltip-2 span {
    display:block;
}

.tooltip-2 .tooltip-inner {
    width:260px;
    position:relative;
}

.tooltip-2 .tooltip-inner:after {
    width:13px;
    height:9px;
    margin-left:-6px;
    display:block;
    position:absolute;
    left:50%;
    top:-6px;
    background:url(images/tail_tooltip_2.gif) no-repeat;
    content:' ';
}

.tooltip-2 .tooltip-title {
    height:33px;
    line-height:33px;
    padding:0px 10px;
    background-color:#f8f8f8;
    border:1px solid #dce2e6;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff) to(#f8f8f8));
    background:-webkit-linear-gradient(#ffffff, #f8f8f8 1px);
    background:-moz-linear-gradient(#ffffff, #f8f8f8 1px);
    background:-ms-linear-gradient(#ffffff, #f8f8f8 1px);
    background:-o-linear-gradient(#ffffff, #f8f8f8 1px);
    background:linear-gradient(#ffffff, #f8f8f8 1px);
    -webkit-border-radius:2px 2px 0px 0px;
       -moz-border-radius:2px 2px 0px 0px;
    		border-radius:2px 2px 0px 0px;
    font-size:12px;
    color:#2a3940;
    font-weight:bold;
}

.tooltip-2 .tooltip-content {
    padding:9px 10px 11px;
    background-color:#ffffff;
    border-left:1px solid #dce2e6;
    border-right:1px solid #dce2e6;
    border-bottom:1px solid #dce2e6;
    -webkit-border-radius:0px 0px 2px 2px;
       -moz-border-radius:0px 0px 2px 2px;
    		border-radius:0px 0px 2px 2px;
    font-size:12px;
    color:#666666;
    line-height:20px;
}

/**********************
    - 24. Isotope -
**********************/
.isotope-item {
	z-index:2;
}

.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration:0.8s;
	   -moz-transition-duration:0.8s;
		-ms-transition-duration:0.8s;
		 -o-transition-duration:0.8s;
			transition-duration:0.8s;
}

.isotope {
	-webkit-transition-property:height, width;
	   -moz-transition-property:height, width;
		-ms-transition-property:height, width;
		 -o-transition-property:height, width;
			transition-property:height, width;
}

.isotope .isotope-item {
	-webkit-transition-property:-webkit-transform, opacity;
	   -moz-transition-property:-moz-transform, opacity;
		-ms-transition-property:-ms-transform, opacity;
		 -o-transition-property:top, left, opacity;
			transition-property:transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration:0s;
	   -moz-transition-duration:0s;
		-ms-transition-duration:0s;
		 -o-transition-duration:0s;
			transition-duration:0s;
}

/***************************
    - 25. Pretty photo -
***************************/
.pp_phoenix img {
	display:block;
}

.pp_phoenix a.pp_close {
	width:27px;
	height:27px;
	right:9px;
	top:9px;
	background-repeat:no-repeat;
	background-image:url(images/pp_close.gif);
	background-color:#121212;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
	z-index:5;
}

.pp_phoenix a.pp_close:hover {
	background-position:left bottom;
	background-color:#ffffff;
}

.pp_phoenix .pp_content_container .pp_fade {
	-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.54);
	   -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.54);
			box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.54);
}

.pp_phoenix a.pp_previous {
	width:39px;
	height:39px;
	margin-top:-20px;
	display:block;
	position:absolute;
	left:20px;
	top:50%;
	background-repeat:no-repeat;
	background-image:url(images/arrow_project.png);
	background-position:left top;
	background-color:#2a3940;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
	text-indent:-9000px;
	z-index:5;
}

.pp_phoenix a.pp_previous:hover {
	background-position:left bottom;
	background-color:#ffffff;
}

.pp_phoenix a.pp_next {
	width:39px;
	height:39px;
	margin-top:-20px;
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	background-repeat:no-repeat;
	background-image:url(images/arrow_project.png);
	background-position:right top;
	background-color:#2a3940;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
			border-radius:2px;
	text-indent:-9000px;
	z-index:5;
}

.pp_phoenix a.pp_next:hover {
	background-position:right bottom;
	background-color:#ffffff;
}

.pp_phoenix .pp_hoverContainer {
	z-index:5;
}

.pp_phoenix .pp_content_container .pp_left {
	padding:0px;
}

.pp_phoenix .pp_content_container .pp_right {
	padding:0px;
}

.pp_phoenix .pp_expand {
	display:none !important;
}

/***************************************
    - 26. Styles for touch devices -
***************************************/
.touch-device .scroll-animated-item {
	-webkit-animation-name:none;
	-moz-animation-name:none;
	-ms-animation-name:none;
	animation-name:none;
}

/* Projects */
.touch-device .block-project-item .slider .flex-direction-nav a.flex-prev {
	left:16px;
}

.touch-device .block-project-item .slider .flex-direction-nav a.flex-next {
	right:16px;
}

/* Parallax 1 */
.touch-device #parallax_1 {
	background:url(../images/parallax/adult-boardroom-chairs-1181304.jpg) no-repeat scroll center center;
}

/* Parallax 2 */
.touch-device #parallax_2 {
	background:url(../images/parallax/aerial-architectural-design-architecture-373912.jpg) no-repeat scroll center center;
}

/* Parallax 3 */
.touch-device #parallax_3 {
	background:url(../images/parallax/3.jpg) no-repeat scroll center center;
}

/* Parallax 4 */
.touch-device #parallax_4 {
	background:url(../images/parallax/adult-black-caucasian-1061579.jpg) no-repeat scroll center center;
}