/******************

    - 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:13px; 

	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;

}



/************************

    - 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:13px; 

	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:#31547a;}



/* 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;}



/*****************

    - 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:150px;

	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;

}



/******************

    - 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;

}



/******************

    - 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;

}



.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;

}



/*********************

    - Parallax -

*********************/

#parallax_1 {

	background:url(../images/parallax/1.jpg) no-repeat fixed center center; 

	background-size:cover;

}



#parallax_2 {

	background:url(../images/parallax/2.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/4.jpg) no-repeat fixed center center; 

	background-size:cover;

}



/* Caption */

.block-parallax-caption {

	height:500px; 

	overflow:hidden; 

	position:relative;

}



/* Text */

.block-parallax-caption .text {

	position:absolute; 

	left:0px; 

	right:0px; 

	top:150px; 

	text-align:center;

	font-size:42px; 

	line-height:50px;

	color:#fff;

	font-weight:800;

	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;

	text-align:center;

	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;

	text-align:center;

	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;

}



/**********************

    - 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;

}



/**********************

    - 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;

}



/**********************

    - Main slider -

**********************/

.block-main-slider {

	overflow:hidden; 

	position:relative;

}



.block-main-slider .slides li {

	position:relative;

}



/* Slide 1 */

.block-main-slider .slide-1 {

	background:url(../layout/images/Terre_Tableau_Tournee.jpg) no-repeat; 

	background-size:cover;

}



.block-main-slider .slide-1 .animated-item {

	-webkit-animation-duration:1s;

	   -moz-animation-duration:1s;

		-ms-animation-duration:1s;

			animation-duration:1s;

}



.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:100px; 

	top:0px; 

	font-size:56px; 

	font-weight:800;

	color:#fff; 	

	text-align:right;

	text-transform:uppercase;

}



.block-main-slider .caption-1 .fluid {


	position:absolute; 

	left:0px; 
	
	right:100px;

	top:90px; 

	font-size:16px; 

	line-height:20px; 

	color:#fff; 	

	text-align:right;

}



/* Slide 2 */

.block-main-slider .slide-2 {

	background:url(../images/slider/2.jpg) no-repeat; 

	background-size:cover;

}



.block-main-slider .slide-2 .animated-item {

	-webkit-animation-duration:0.8s;

	   -moz-animation-duration:0.8s;

		-ms-animation-duration:0.8s;

			animation-duration:0.8s;

}



.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 .slide-3 {

	background:url(../images/slider/3.jpg) no-repeat; 

	background-size:cover;

}



.block-main-slider .slide-3 .animated-item {

	-webkit-animation-duration:0.75s;

	   -moz-animation-duration:0.75s;

		-ms-animation-duration:0.75s;

			animation-duration:0.75s;

}



.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:-20px; 

	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;

	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%;

	text-align:center;

}



.block-main-slider .lnk a span {

	display:block;

	float:left;	

}



.block-main-slider .lnk a:hover {

	text-decoration:none;

}



/****************

    - 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:' ';

}



/*******************

    - Services -

*******************/

#services {

	background-color:#f8f8f8;

}



#services .inside {

	padding:50px 0px 50px;

}



.block-services {

	height:400px; 

	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.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.branding .content {

	padding-left:138px; 

	background:url(images/icon_services_branding.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;

}



/*******************

    - 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;

}



.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:#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-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;

}



/***************

    - 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);

}



/******************

    - 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;

}



/******************

    - 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.3;

}



.block-clients li a:hover {

	opacity:1;

}



.block-clients li img {

	display:block;

}



/*********************

    - Shortcodes -

*********************/

#shortcodes {}



#shortcodes .inside {

    padding:130px 0px 95px;

}



/* Accordiond */

.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;

}



/*******************

    - 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;

}



/*****************

    - 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;

}



/********************

    - 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;

}



/**************************

    - 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;

}



/**********************

    - 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;

}



/*************************

    - 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%;

}



/******************

    - 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;

}



/******************

    - 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;

}



/***********************

    - Pretty photo -

***********************/

.pp_artemis img {

	display:block;

}



.pp_artemis 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_artemis a.pp_close:hover {

	background-position:left bottom; 

	background-color:#ffffff;

}



.pp_artemis .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_artemis 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_artemis a.pp_previous:hover {

	background-position:left bottom; 

	background-color:#ffffff;

}



.pp_artemis 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_artemis a.pp_next:hover {

	background-position:right bottom; 

	background-color:#ffffff;

}



.pp_artemis .pp_hoverContainer {

	z-index:5;

}



.pp_artemis .pp_content_container .pp_left {

	padding:0px;

}



.pp_artemis .pp_content_container .pp_right {

	padding:0px;

}



.pp_artemis .pp_expand {

	display:none !important;

}



/************************************

    - 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/1.jpg) no-repeat scroll center center;

}



/* Parallax 2 */

.touch-device #parallax_2 {

	background:url(../images/parallax/2.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/4.jpg) no-repeat scroll center center;

}