/*
Theme Name: The Set Yapi V1
Theme URI: http://www.pistonfx.com/setyapi_v1/
Description: Set Yapi v1 WP-Theme. 
Author: PistonFx.
Author URI: http://www.pistonfx.com/
Version: v1
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
html, body {
	height:100%;
}
html[xmlns] .clearfix {
	display:block;
}
body {
	margin:0px; padding:0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#737373;
    background-color: #111111;
    background-color: #000000;
	overflow: hidden;
    background-position: center top;
    background-repeat: repeat-x;
	background-attachment: fixed;
	background-size: 100% 100%, auto auto;
}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
#content { max-width: 1200px; min-width: 600px; float:left; margin-left: 130px; z-index:2; bottom: 130px; position: absolute; bottom: 14%; margin-left: 7%; z-index: 214666; }
.content-projectc { width: 34%; max-width: 1200px; min-width: 450px; float:left; margin-left: 130px; z-index:2; bottom: 130px; position: absolute; bottom: 14%; margin-left: 7%; z-index: 214666; }
#content a{ color: inherit!important; text-decoration: underline; }
.portfolio-fs-slides { position: relative; }
.portfolio-fs-slides .portfolio-fs-slide { position: relative; }
.portfolio-fs-slide {
    visibility: hidden;
}
.current-slide {
    visibility: visible;
}
.portfolio-fs-viewport { position: relative!important; }
.portfolio-excerpt { float:left; cursor: default; }
.blog-top { width: 1000px; margin: 0 auto; height: 15px; display:none; }
.blog-left-top { width: 1000px; margin: 0 auto; height: 15px; display:none; }
.home-top { width: 1000px; margin: 0 auto; height: 15px; display:none; }
.page-top { width: 1000px; margin: 0 auto; height: 15px; display:none; }
.page { }
#content-full { width: 868px; margin: 0; padding: 60px 0; float: left; border: 1px solid #E5E5E5; background-color: #ffffff; border-radius: 5px; margin-left:240px; }
#content .grid_9 { /* padding: 0 30px 30px 20px; */ max-width: 1140px; width: 50%; min-width: 450px; }
#content-left-sidebar  { width: 1000px; margin: 0 auto; padding-top: 20px; background-color: rgba(255,255,255,0.9); }
#content-left-sidebar .grid_3 { }
#content-left-sidebar .grid_9 { padding: 0 0 30px 60px; width: 640px; width: 580px; }
.container_12 { width: auto!important; }

a { text-decoration: none; color: #de4429; color: #888888; }
a:hover { text-decoration: underline; }
p { margin: 0px 0px 15px 0px; }
hr {
    background-color: #DDDDDD;
    border: 0 none;
    clear: both;
    color: #EEEEEE;
    height: 1px;
    margin: 25px 0;
    visibility: hidden;
    width: 100%; }
.grid_9 hr {
    background-color: #DDDDDD;
    border-color: #F9F9F9;
    border-right: 0 none #F9F9F9;
    border-style: dashed none none;
    border-width: 1px 0 0;
    clear: both;
    color: #EEEEEE;
    height: 0px;
    width: 100%; visibility: visible; }
.post-separator hr {
    background-color: #DDDDDD;
    border-color: #F9F9F9;
    border-right: 0 none #F9F9F9;
    border-style: dashed none none;
    border-width: 1px 0 0;
    clear: both;
    color: #EEEEEE;
    height: 0px;
	margin: 20px 0;
	margin: 0;
    width: 100%; visibility: hidden; }
small { display:block; margin-bottom:15px; color:#959595; font-size:10px; }
.grid_9 small { color: #959595; display: block; font-family: Georgia; font-size: 11px; font-style: italic; margin-bottom: 10px; margin-top: -5px; }
.grid_9 small a{ color: #e6004c; }
.clear { clear:both; }

/* font face */
@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('fonts/websymbols-regular-webfont.eot');
	src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/websymbols-regular-webfont.woff') format('woff'),
	     url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
	     url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header { display: block; float: left; min-height: 100%; width: 220px; background-color: #030309; position:fixed; margin-left: -210px;}
#header .inner { padding: 5px 0px; }
#header * { outline: 0 none; border: none; }
.header-arrow { margin-left: 220px; position: absolute; top: 45%; }

#logo-text, #logo-image, .logo-image { }
#logo-image{display:block; }
#logo-image_mob{display:none; }
#logo-image img, #logo-image_mob img { margin: 0 auto; display: block; }
#logo-text { padding: 30px; }
#logo-text h1 { margin-top: 3px; margin-bottom: 0px; float: left; }
#logo-text h1 a{ font-size:24px; font-weight:bold; color: #fff; display:block; text-decoration: none; }
#tagline { float: left; }
#tagline a{ color: #808080; text-decoration: none; }

/* -----------------------------------*/
/* ----------->>> MENU <<<------------*/
/* -----------------------------------*/

.sf-menu a { font-family: Quicksand; font-size: 18px; text-decoration: none;  }
.sf-menu a:hover { text-decoration: none; font-weight: bold; color: #ffffff; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul { border-radius: 3px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
.sf-menu ul{ clear: both; float: left; margin-top: 1px; text-align: right; }
.sf-menu ul ul{ margin-top: -4px; }
.sf-menu ul li:hover{ }
.sf-menu li{ opacity: 0.98; z-index: 23; text-align: left; }
#menu li li:last-child { }

.menu-title{ margin-bottom: 10px; }
#menu li a {
	color: #BDBDBD;
    float: left;
    font-family: Quicksand;
    font-size: 18px;
    font-style: normal;
    
	padding: 0 12px 0 0;
	clear:both;
	}
	#menu li a:hover { color: #ffffff!important;	}
#menu li li a { padding: 0 12px 3px;	}
	#menu li li a:hover { color: #e06287;	}
#menu li { display: block; padding: 0; clear:both; }
#menu li li { padding: 0; }
#menu li li a { font-size: 11px; font-weight: normal; font-family: "Droid Sans", Arial, sans-serif; text-transform: none;letter-spacing:normal; text-align: right; }
#header #main-nav { margin-top: 40px; float:left; margin-left: 30px; position: absolute; bottom:80px;  background-color: rgba(3, 3, 9, 0.5); z-index:99999999;}
#menu { width: 180px; }
#menu span { font-size: 10px; display: block; color: #b3b3b3; padding-top: 8px; display: none; }
.current_page_item {  }
.current_page_item a { color: #e06287; }
.current_page_item ul li a { color: #e06287; }
.current_page_item ul li a:hover { color: #e06287; }
.current_page_parent .current_page_item a { color: #e06287; }
.current-menu-item a { color: #ffffff!important; }
#menu ul li:hover { }
#menu li li a:active, #menu li li a:hover {  }

/* -------------------------------------*/
/* ---------->>> HEADINGS <<<-----------*/
/* -------------------------------------*/
h1, h2, h3, h4 { margin: 0 0 10px; line-height: normal; font-weight: normal; color:#303030; }
h1 a, h2 a, h3 a, h4 a { color:#303030; text-decoration: none; }
h1 { font-size:2.8em; }
h2 { font-size:2.4em; }
h3 { font-size:2.0em; }
h4 { font-size:1.25em; font-size:14px; }
h5 { font-size:1.1em; }

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

.footer-top { position: relative; width: 100%; display:none; }
.footer-top .inner { height: 40px; margin: 0 auto; width: 1000px; /* background-color: #2a2a2a; */ }
.footer-top .logo-image { display:none; }
#footer { font-family: Arial, sans-serif; color: #5e5e5e; font-size: 12px; line-height: 18px; float:left; display: block; position:fixed; bottom:0; margin-left: -230px;}
#footer .inner { margin: auto auto 0; position: relative; width: 240px; color: #777777; }
#footer .inner a { color: #777777; }
#footer ul li a{ text-decoration: none; }
#footer ul li ul li a{ color: #5e5e5e; display: block; font-size: 11px; padding: 1px 0; }
#footer ul li a:hover { color: #a2a2a2; }
#footer  .widget_links ul li, #footer .widget_recent_entries ul li, #footer  .widget_archive ul li, #footer  .widget_pages ul li, #footer  .widget_categories ul li { border-bottom: 1px solid #2D2D2D; padding: 2px 0; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #bbbbbb; margin-top: 0; }
#footer h3 { font-size: 1.2em; color: #DDDDDD; }
#footer_copyright { font-size: 11px;float:left; padding: 20px 30px; padding: 0px; width: 172px; margin-top: 10px; }
.footer-affiliate{ position: fixed; right: 40px; bottom: 40px; }
.footer-affiliate a{ color: #4f4f4f; }
.footer-bottom { clear:both; color: #999999; float:left; }
.footer-bottom a { clear:both; color: #999999; }
.footer-bottom-nav { display: inline; }
.footer-bottom-nav li{ border-right: 1px solid #5E5E5E; display: inline; margin-right: 10px; padding-right: 10px; }
.footer-bottom-nav li:last-child{ border-right: 0px solid #5E5E5E; }
#footer .widget_nav_menu li { display: inline; float: left; margin-right: 12px; }
#footer .widget { margin-bottom: 0; }

/* -------------------------------------*/
/* ---------->>> COMMENTS <<<-----------*/
/* -------------------------------------*/

#comments-template input[type="text"], #comments-template textarea {
	/* -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset;
	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset; */
	background:none repeat scroll 0 0 #F9F9F9;
	background:none repeat scroll 0 0 #eeeeee;
	border:1px solid #bbb;
	border:1px solid #eeeeee;
	padding: 7px;
}
#comments-template #submit { float: right; }
#comments-template label { background-color: #000000; border-radius: 6px 0 0 6px; color: #FFFFFF; float: left; padding: 6px 20px; width: 75px; }
#comments-template input[type="text"]:hover, #comments-template textarea:hover, #comments-template input[type="text"]:focus, #comments-template textarea:focus { background-color: #fFf6fb; border: 1px solid #F3bAd5; background-color: #fFe6eb; border: 1px solid #fFe6eb; }
#comments-template small { margin-top: 0px;}
#comments-template { clear: both; color: #606060; margin: 0; position: relative; }
#comments-template .commentlist { padding-left: 105px; }
.commentlist ul { padding-left: 40px; }
#comments-template .comment-body { background-color: #fFf6fb; border: 1px solid #F3bAd5; border-radius: 5px 5px 5px 5px; margin-top: 15px; min-height: 125px; position: relative; }
#comments-template .comment-body img.avatar { background-color: #EFEFEF; border: 1px solid #D5D5D5; left: -95px; padding: 3px; position: absolute; }
.fn { position: absolute; left: -110px; width: 100px; top: 70px; text-align: center; font-size: 12px; font-weight: bold; font-style: normal; }
.fn a { color: #5E5E5E; }
.commentmetadata { line-height: 13px; position: absolute; left: -110px; text-align: center; top: 90px; width: 100px; font-size: 10px; }
.commentmetadata a { color: #A9A9A9; text-decoration: none; }
#respond { margin-top: 20px; }
.says { display: none; }
.comment-body p { padding: 10px 10px 0px 15px; font-size: 12px; }
.reply { bottom: 10px; font-size: 10px;  right: 15px; position: absolute; }
.reply a { background-color: #e06287; border-radius: 3px; color: #ffffff; padding: 4px 10px; text-decoration: none; }
.reply a:hover { background-color: #666666; color: #ffffff; }
#data { width: 77%; }
#author, #email, #url, #data { border: 1px solid #909090; line-height: 20px; padding: 4px; }

/* ------------------------------------*/
/* ---------->>> SIDEBAR <<<-----------*/
/* ------------------------------------*/
#sidebar .widget { float:left; }
#sidebar { background-color: #000000; color: #c0c0c0; font-family: Arial; }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {color: #F5F5F5;}
.textwidget a { color: #e6004c; }
.textwidget p:last-child { margin-bottom: 0px; }
.widget { position: relative; margin-bottom: 33px; float: left; }
#content2 #sidebar { padding-right: 20px; padding-left: 0px; }
#sidebar .widget_links ul li, #sidebar .widget_recent_entries ul li, #sidebar .widget_archive ul li, #sidebar .widget_pages ul li  { padding: 5px 0 5px 0px; border-bottom: 1px solid #333333; }
#sidebar .widget_pages ul li:last-child { border-bottom: 0px solid #333333; }
#sidebar .widget_links ul li a, #sidebar .widget_recent_entries ul li a, #sidebar .widget_archive ul li a, #sidebar .widget_pages ul li a{ display:block; color: #888; font-size: 11px; text-decoration: none; }

#sidebar .widget_categories ul li, #sidebar .widget_archive ul li{ font-weight: bold;margin-bottom: 3px;padding-left: 10px;border-radius: 5px 5px 5px 5px;background-color: #333333; font-family:Arial;font-weight:normal; }
#sidebar .widget_categories ul li a, #sidebar .widget_archive ul li a{ display:block; color: #888; font-size: 11px; text-decoration: none; padding: 5px 0; }
#sidebar .widget_categories .current-cat a{ font-weight: bold; color: #555555; }

.widget_recent_posts li{ margin-bottom: 10px; }
.widget_recent_posts li img{ float:left; margin: 5px 10px 10px 0; }
.widget_recent_posts a{ color: #f5f5f5; }
.widget_recent_posts_description { float: right; width: 160px; }
.widget_recent_posts_description a{ color: #555555; }
.widget_recent_posts .post-categories a{ color: #888888; font-size: 10px;  }
.widget_recent_posts .post-categories li{ margin-bottom: 0; display: inline; }

.testimonials_nav { float:right; margin-top: 5px; }
.testimonials_nav a{ background-color: #5e5e5e; text-indent: -9999px; float:left; margin-left: 3px; }
#testimonials li { width: 100%; }
#prev2 { background-image: url(images/testimonials-left-arrow.jpg); width: 17px; height: 17px; display:block; }
#next2 { background-image: url(images/testimonials-right-arrow.jpg); width: 17px; height: 17px; display:block; }
.author { font-weight: bold; float: right; right:10px; }

/* -----------------------------------*/
/* ---------->>> SEARCH <<<-----------*/
/* -----------------------------------*/

.s { color: #929292;font-size: 13px;height: 22px;background-color: rgba(80,80,80,0.6); border: 1px solid #363636; padding: 2px 3px 3px; }
#sidebar .s { color: #929292;font-size: 13px;height: 22px;padding: 3px 3px 4px;width: 150px; }
.search_submit { border: 0 none;cursor: pointer;float: left;position: absolute; }
#sidebar .search_submit { background-image: url(images/search.png); right: 0px; border: 1px solid #cacaca ;cursor: pointer;float: left;margin:0;text-indent:-9999px; height: 29px; width:29px; opacity: 0.35;}
#footer .s { border: 1px solid #363636; background-color: #363636; padding: 2px 3px 3px;width: auto;width: 173px; }
#footer .search_submit { margin-left:1px;margin-top:0;opacity:0.165; }

/* ------------------------------------*/
/* ---------->>> WIDGETS <<<-----------*/
/* ------------------------------------*/


/* Contact Form Styles */
.wpcf7 textarea{ width: 264px; resize: none; font-family: Arial; font-size: 13px; }
.wpcf7 input, .wpcf7 textarea{ color: #464646; /*overflow: hidden;*/ padding: 7px; width: 286px; background:none repeat scroll 0 0 transparent; border:1px solid #c8c8c8; }
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 input:hover, .wpcf7 textarea:hover{ /* background-color: #fFe6eb; border: 1px solid #fFe6eb; */ }
.wpcf7 { font-size: 12px; }
.wpcf7-form{ }
.wpcf7-form p{ display: block; margin: 0; }
.wpcf7-form img{ float: none; }
.wpcf7-submit { color: #464646!important; background: none!important; width: 80px!important; cursor: pointer; border: 0!important; }
.wpcf7-response-output { padding: 1% 2%!important; width: 92%; margin: 0!important; }
.wpcf7-mail-sent-ok { background-color: #DDFFAA; border: 2px solid #398F14; color: #004400;}
.wpcf7-validation-errors { background-color: #FFDDDD; border: 2px solid #FF0000 !important; color: #FF0000; }
.contact-label{ background-color: #000000; border-radius: 6px 0 0 6px; color: #FFFFFF; float: left; padding: 6px 20px; width: 70px; }
.contact-field{ float: left; width: 219px; }
.contact-fieldset { clear: both; float: left; margin-bottom: 10px; }
.contact-page { /* margin-top: 45px; */ margin-top: 20px;   font-size: 14px; line-height: 18px; }
.contact-separator { width:100%; border-top: 1px solid #787878; margin-top: 30px; }

/* Contact Form Styles (Widget) */
.textwidget .wpcf7 textarea{ width: 264px; }
.textwidget .wpcf7 input, .textwidget .wpcf7 textarea{ color: #888; border: 1px solid #ddd; overflow: hidden; padding: 6px; width: 92%; -moz-border-radius: 5px; }
.textwidget .wpcf7 input:focus, .textwidget .wpcf7 textarea:focus{ border: 1px solid #f7941d; }
.textwidget .wpcf7 {  font-size: 11px; }
.textwidget .wpcf7-form img{ float: none; }


/* ---------------------------------*/
/* ---------->>> BLOG <<<-----------*/
/* ---------------------------------*/

.post { clear: both; display: block; float: left; margin-bottom: 10px; }
.excerpt-blog { }
.excerpt-blog a { text-decoration: underline; }
.excerpt a{ color: #222222; font-weight: normal; }
.excerpt h1 { letter-spacing: -2px; font-family: Droid Sans; font-size: 26px; line-height: 30px; margin: 0 0 30px; height: 100px; }
.blog-continue { float: right; margin-bottom: 20px; }
.blog-continue:hover { }
#content .container_12 .grid_9 .blog-meta-simple { margin-bottom: 20px; margin-top: -10px; }
.portfolio-meta {  color: #464646; float: left; }
#content.contenttextwhite .portfolio-meta{ color: #ffffff; }
.portfolio-content { margin-bottom: 30px; width: 620px; }
.postauthor-border { padding: 5px; background-color: rgba(40, 40, 40,0.07); border: 1px solid #d5d5d5; margin-bottom: 20px; }
.navigation a { font-size: 12px; font-weight: bold;  color: #5e5e5e; text-decoration: none; }
.newer_entries { background:url(images/older-entires-arrow.png) no-repeat scroll center left transparent; padding-left: 15px; }
.older_entries { background:url(images/newer-entires-arrow.png) no-repeat scroll center right transparent; padding-right: 15px; }
.wp-pagenavi { border-top: 1px solid #dddddd; padding-top:20px; }
.wp-pagenavi a { padding: 5px 9px 4px; margin: 0 3px; border: 1px solid #aaaaaa; }
.wp-pagenavi span { padding: 5px 9px 4px; }
.wp-pagenavi .current { background-color: #777777; border-color: #777777 !important; color: #FFFFFF; }
.wp-pagenavi .pages { font-size: 11px;  float: right; border: 0; }
.wp-pagenavi a:hover { text-decoration: none; }
.wp-pagenavi .current {  }
.wp-pagenavi .previouspostslink {  }
.nextpostslink {  }

/* -----------------------------------*/
/* ----------->>> HTML <<<------------*/
/* -----------------------------------*/

/* HTML/CSS Elements Formatting */
pre {
	width: 100%;
	display: block;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	 /* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	background: url(images/code.jpg) repeat-y left top; /*--Background of lined paper--*/
	width: 600px;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}
fieldset { border:1px solid #dddddd; padding: 20px 30px; }
blockquote { font-family: Georgia,Times,serif; font-style: italic; margin-bottom: 20px; padding-left: 65px; background: transparent url(images/blockquote.png) no-repeat left top scroll; min-height: 55px; clear: both; float:left; }
blockquote p{ padding: 8px 0px 8px 0px; }
blockquote.big-blockquote p{ color: #777777; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.35em; font-style: italic; line-height: 1.6em; padding: 0 50px; text-align: center; }
blockquote.big-blockquote { background-image: none; padding: 0; margin: 10px 0 20px; }
.big-blockquote small { font-size: 12px; display: inline; text-transform: none; }
.quote-left { float: left; margin: 0px 15px 10px 0px; padding-left: 65px; width: 40%; }
.quote-left p { padding: 8px 0px 8px 0px; }
.quote-right { float: right; margin: 0px 15px 0px 10px; padding-left: 65px; width: 40%; }
.quote-right p { padding: 8px 0px 8px 0px; }
.image_right{ float:right; margin-left: 10px; margin-bottom: 10px; }
.image_left{ float:left; margin-right: 10px; margin-bottom: 10px; }
.alignright{ float:right; margin-left: 10px; margin-right:0; margin-bottom: 10px; }
.alignleft{ float:left; margin-right: 10px; margin-left:0; margin-bottom: 10px; }
.alignnone{ margin:0 auto 20px auto; display:block; }

/* ----------------------------------------*/
/* ----------->>> PORTFOLIO <<<------------*/
/* ----------------------------------------*/

/* Portfolio v7 */
#applications {display:block;float:left;width:1000px;}
 #applications li {height:185px;} 
#filter input {display:none;}
#filter label {cursor:pointer;color:#343434;}

.pf_category{text-align:center;font-family:"Trebuchet MS", Arial;font-size:12px;margin-bottom:20px;clear:both;}
.pf_category a{color:#aaa;text-decoration:none;}
.pf_title {text-align:center;font-weight:bold;font-family:"Trebuchet MS", Arial;font-size:14px;margin-top:0;clear:both;}
.pf_title a{font-weight:bold;color:#222;text-decoration:none;}
.pf_title a:hover{color:#444;}
.pf_item li{float:left;margin-right:20px;}
.gallery-mag-glass{background:transparent url(images/magnifying-glass2.png) no-repeat scroll center center;}
.gallery-mag-glass{top:0;left:0;height:160px;width:300px;position:absolute;z-index:2;opacity:0;}
ul.pf_nav {
	background-position : left 31px;
	background-repeat : no-repeat;
	margin-bottom: 50px;
	width: 180px;
}
ul.pf_nav a { line-height: 28px; text-decoration: none;  }
ul.pf_nav a:hover {
color : #eeeeee;
}
ul.pf_nav li { display: block; height: 20px; opacity: 0.98; clear:both; }
ul.pf_nav li ul { display: block; float:left; padding-bottom:5px;margin-top:-6px;width:165px;padding-left:15px;clear:both; }
ul.pf_nav li ul li{ height:16px; }
ul.pf_nav li ul li a{ line-height: 18px; text-decoration: none; font-size:10px;display:block;min-width:150px; }


/* --------------------------------------*/
/* ----------->>> SLIDERS <<<------------*/
/* --------------------------------------*/

#slideshow { margin: 0 auto; margin-bottom: -100px; max-width: 1000px; position: relative; border: 1px solid #e5e5e5; border-bottom: none; border-radius: 6px 6px 0px 0px; background-color: #ffffff; }

/* --------------------------------------*/
/* ---------->>> 3D SLIDER <<<-----------*/
/* --------------------------------------*/

#flashcontent { left: 50%;
    margin: -20px 0 0 -600px;
    overflow: hidden;
    position: absolute; }

/* --------------------------------------------*/
/* ---------->>> ANYTHING SLIDER <<<-----------*/
/* --------------------------------------------*/

.anything-slider{ background-color: transparent; height:360px; }
.anything-slider img{ border-radius: 6px 6px 0 0; }

/* Image/video left - content right */
.anything-slider-content-right{float:right;padding:30px;width:300px;}
.anything-slider-content-right .excerpt{color:#777777;}
.anything-slider-content-right h2 a{text-decoration:none;color:#dddddd;}
.anything-slider-image-left img,.anything-slider-video-left iframe{position:absolute;left:0;}

/* Content left - image/video right */
.anything-slider-content-left{float:left;padding:30px;width:300px;}
.anything-slider-content-left .excerpt{color:#777777;}
.anything-slider-content-left h2 a{text-decoration:none;color:#dddddd;}
.anything-slider-video-right{position:relative;width:1000px;}
.anything-slider-image-right img,.anything-slider-video-right iframe{position:absolute;right:0;}

/* Background (full, right, left) */
.anything-slider-full {height:360px;width:1000px;}
.anything-slider-right{height:360px;margin:0px auto auto;width:1000px;background-color:#161616;}
.anything-slider-left{height:360px;margin:0px auto auto;width:1000px;background-color:#161616;}

/* Read more */
.anything-slider-read-more{background-color:#363636;float:right;padding:6px 26px;}
.anything-slider-read-more:hover{text-decoration:none;}

/* Nav Pager */
#nav{top:30px;position:absolute;right:25px;z-index:7;}
#nav a{ background:url(images/bullets-2.png) no-repeat scroll 0 0 transparent;border:0 none;display:block;float:left;height:10px;margin-right:5px;text-indent:-9999px;width:10px;}
#nav a.activeSlide{background-position:-10px 0;}

/* ----------------------------------------*/
/* ---------->>> NIVO SLIDER <<<-----------*/
/* ----------------------------------------*/

#slider .nivo-controlNav  {bottom:110px;left: auto;position: absolute; right: 40px; z-index: 234455; }
#slider .nivo-controlNav a {
	background:url(images/bullets.png) no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	float:left;
	height:20px;
	margin-right:3px;
	text-indent:-9999px;
	width:20px;
}
#slider .nivo-controlNav a.active { background-position:-20px 0; }
.nivo-controlNav { bottom:-30px; left:47%; position:absolute; z-index: 56; }
#slider { position:relative; background:url("images/loading.gif") no-repeat 50% 50%; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider .nivo-controlNav img { display:inline; position:relative; }

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold; }

/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

#slider { position:relative; background:#202834 url(loading.gif) no-repeat 50% 50%; width: 1000px; overflow:auto; border-radius: 6px 6px 6px 6px; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a { border:0; }
.nivo-controlNav { position:absolute; left:47%; bottom:-30px; }
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-directionNav { display: block!important; }
.nivo-controlNav a.active { background-position:-10px 0; }
.nivo-directionNav a {
	display:block;
	width:31px;
	height:34px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav { background-position:-31px 0; right:0px; display: inline; width:31px; }
a.nivo-prevNav { left:0px; background-position:left 0; }
a.nivo-nextNav:hover { background-position:-31px bottom;}
a.nivo-prevNav:hover  { background-position:left bottom; }

/* Front page Bx Slider */
#bxslider { list-style: none; padding: 0px; }
#bxslider li { float:left; width: 960px; }
.bxslider_wrap { min-height: 370px; color: #8a8a8a; margin-bottom: 30px; margin-top: 20px; margin-left:-10px; position: relative; }
.bx_pager a {
	background:url("images/bullets-2.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	float:left;
	height:15px;
	margin-right:5px;
	text-indent:-9999px;
	width:15px;
	outline: 0;
}
.bxslider_container{height:365px;}
.bx_pager a.active { background-position:-15px 0; }
.bx_pager { margin-top: -40px; right: 30px; position:absolute; }
a.bx_pager { background-position:-30px 0; }

/* Small Bx Slider */
.bxslider_wrap2 #contentslider { list-style: none; padding: 0px; margin: 0px 0px 0px 0px; }
.bxslider_wrap2 #contentslider li { float: left; width: 288px; }
.bxslider_wrap2 .bxslider_wrap { min-height: 50px; color: #8a8a8a; margin-bottom: 45px; }
.bxslider_wrap2 .bx_pager a {
	background:url("images/bullets-2.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	float:left;
	height:13px;
	margin-right:5px;
	text-indent:-9999px;
	width:13px;
	outline: 0;
}
.bxslider_wrap2 .bx_pager a.active { background-position:-13px 0; }
.bxslider_wrap2 .bx_pager { float: right; position: relative; left: 0px; }
.bxslider_wrap2 .bxslider_container { height: auto!important; }
.bxslider_wrap2 a.bx_pager { background-position:-30px 0; }

/* Accordion Slider Meta Data */
.sm { list-style:none; padding: 0px; height:360px; display:block; overflow:hidden;position:relative; list-style:none outside none; z-index: 2; }
.sm li {float:left; display:inline; overflow:hidden;
	border-style:none;
	cursor:pointer;
	height:360px;
	margin:0;
	padding:0;
	position:relative;
	list-style: none;
}
.te { height:360px; width:1000px; }
.accordion_meta {
	position: absolute;
	bottom: 0px;
	min-width: 500px;
	color: #fff;
	padding-left: 30px;
	z-index: 456;
	text-align: left;
	line-height: 15px;
	padding-bottom: 20px;
}
.accordion_meta2 {
	position: absolute;
	bottom: 0px;
	min-width: 520px;
	color: #fff;
	z-index: 455;
	padding-left: 30px;
	background-color: #000;
	opacity: 0.35;
	filter: alpha(opacity=35);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	line-height: 15px;
	padding-bottom: 20px;
	padding-top: 10px;
}
.accordion_meta h3{ color: #ddd; }
div#test-accordion{ margin: 10px 0px 10px 0px; border: 1px solid #aaa; }

div.accordion {
    position: relative; /* required for bounding--works around a "peculiarity" in Prototype */
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
    background: #eee;   /* required for effect--can be anything except "transparent" */
    cursor: pointer;
	padding: 5px;
}
div.accordion-toggle-active{ background: #fff; }
div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #aaa;
}
div#accordion-flow { background-color: #21201f; }
div.accordion { position: relative; /* required for bounding */ }
div.accordion-toggle{
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	background: #3f3c38 url(../img/off.jpg) repeat-x;
	background-position: bottom;
	color: #fff;
	cursor: pointer;
	margin-bottom: 1px;
	padding: 9px 14px 6px 14px;
	border-top: 1px solid #5d5852;
}
div.accordion-toggle:hover, div.accordion-toggle-active{
	background-image: url(../img/on.jpg);
	background-color: #6d493a;
	border-top: 1px solid #a06b55;
}
div.accordion-content{
	overflow: hidden;	/* required for effect */
	color: #c4bab1;
    background-color: #F6F6F6;
    border: 1px solid #EAEAEA;
}
div.accordion-content p{ margin: 9px 24px 6px 24px; }

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/
.cs-buttons { position: absolute !important; z-index: 1270; left: auto!important; margin-left: 0!important; right: 40px; top: 35px; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -9999px; }
.cs-active { background-color: #B8C4CF; }
.cs-title { width: 960px; padding: 10px 20px; background-color: #000000; color: #FFFFFF; display:none; }
.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; text-decoration: none!important; }
.cs-prev:hover, .cs-next:hover { color: #3d3d3d!important; }

/* Gallery */
.imgscontainer{
z-index:25245;
    /* width:100%; */
}
.imgcontainer{
    display:inline-block;
    float:left;
	position: relative;
   /* #margin-right:20px;
   #margin-bottom:20px; */
}
#fg_preview .imgdisplay{
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.7);
    overflow:hidden;
}
#fg_preview .thumbsprev{
    position:absolute;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,.9);
    overflow:hidden;
}
#fg_preview .thumbsprev .imgthumbscontainer{
    display:inline-block;
    position:relative;
    top:0;
    left:0;
}
#fg_preview .thumbsprev .imgthumbscontainer .imgthumbcont{
    float:left;
    margin:10px 3px;
}
/* #fg_preview .fg_closepreview{
    position:absolute;
    top:20px;
    right:20px;
    display:inline-block;
	background-image: url(images/gallery-close.png);
	text-indent: -9999px;
	height: 23px;
	width: 89px;
	visibility: hidden;
}
#fg_preview .fg_closepreview:hover {
    position:absolute;
    top:20px;
    right:20px;
    display:inline-block;
	background-image: url(images/gallery-close.png);
	background-position: left bottom;
} */

#fg_preview .imgprevarrows{
    position:absolute;
    display:block;
    top:0;left:0;
    width:100%;
    height:100%;
}
#fg_preview .imgprevarrows .arrowleft{
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    cursor:pointer;
	cursor:url(images/gallery-arrow-left.png),auto;
}
#fg_preview .imgprevarrows .arrowright{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    cursor:pointer;
	cursor:url(images/gallery-arrow-right.png),auto;
}
/* --------------------------------------------*/
/* ----------->>> MISCELLANEOUS <<<------------*/
/* --------------------------------------------*/

.menu-border{
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #cacaca;
	float: right;
    width: 710px;
	height: 0;
}
.welcome-text-page {
	margin-left: auto;
	margin-right: auto;
	background-color: #fafafa;
	background-image: url(images/welcome-text.jpg);
	width: 960px;
	color: #1a1e27;
}
.welcome-text-page h1, .welcome-text-page h4 {
	color: #ffffff;
}
#social { margin-left: 30px; }
#social a { float:left; /* height:28px; */ position:relative; text-decoration:none; text-indent:34px; clear:both; }
#social li { float:left; /* width: 24px; */ margin-right: 10px; margin-right: 1px; width: 35px; }
#social a span { cursor:pointer; display:block; /* height:30px; width:24px; */ left:0; position:absolute; top:0; }
#social a span.hicon { opacity:0; }
#social a.facebook .social-icon{ background:url(images/connect.png) no-repeat scroll left top transparent; }
#social a.facebook .hicon { background:url(images/connect.png) no-repeat scroll left -32px transparent; }
#social a.vimeo .social-icon{ background:url(images/connect.png) no-repeat scroll -24px top transparent; }
#social a.vimeo .hicon { background:url(images/connect.png) no-repeat scroll -24px -32px transparent; }
#social a.twitter .social-icon{ background:url(images/connect.png) no-repeat scroll -48px top transparent; }
#social a.twitter .hicon { background:url(images/connect.png) no-repeat scroll -48px -32px transparent; }
#social a.skype .social-icon{ background:url(images/connect.png) no-repeat scroll -72px top transparent; }
#social a.skype .hicon { background:url(images/connect.png) no-repeat scroll -72px -32px transparent; }
#social .badge .social-icon{ background:url(images/connect.png) no-repeat scroll -96px top transparent; }
#social .badge { height: 34px; }
#social a.badge .hicon { background:url(images/connect.png) no-repeat scroll -96px -32px transparent; }
#social a.feed .social-icon{ background:url(images/connect.png) no-repeat scroll -120px top transparent; }
#social a.feed .hicon { background:url(images/connect.png) no-repeat scroll -120px -32px transparent; }
#social a.chrome .social-icon{ background:url(images/connect.png) no-repeat scroll -144px top transparent; }
#social a.chrome .hicon { background:url(images/connect.png) no-repeat scroll -144px -32px transparent; }
#social a.mail .social-icon{ background:url(images/connect.png) no-repeat scroll -168px top transparent; }
#social a.mail .hicon { background:url(images/connect.png) no-repeat scroll -168px -32px transparent; }
/* Second version */
#social a.facebook .social-icon{ background:url(images/connect2.png) no-repeat scroll left top transparent; width: 18px; height: 20px; }
#social a.facebook .social-icon:hover{ background:url(images/connect2.png) no-repeat scroll left bottom transparent; width: 18px; height: 20px; }
#social a.twitter .social-icon{ background:url(images/connect2.png) no-repeat scroll -39px top transparent; width: 21px; height: 20px; }
#social a.twitter .social-icon:hover { background:url(images/connect2.png) no-repeat scroll -39px -20px transparent; }
#social a.skype .social-icon{ background:url(images/connect2.png) no-repeat scroll -60px top transparent; width: 20px; height: 20px; }
#social a.skype .social-icon:hover { background:url(images/connect2.png) no-repeat scroll -60px -20px transparent; }
#social a.dribbble .social-icon{ background:url(images/connect2.png) no-repeat scroll -18px top transparent; width: 21px; height: 20px; }
#social a.dribbble .social-icon:hover { background:url(images/connect2.png) no-repeat scroll -18px -20px transparent; }
#social a.mail .social-icon{ background:url(images/connect2.png) no-repeat scroll -80px top transparent; width: 19px; height: 20px; }
#social a.mail .social-icon:hover { background:url(images/connect2.png) no-repeat scroll -80px -20px transparent; }

.sidebar-social .facebook, .sidebar-social .rss, .sidebar-social .twitter { width: 70px; height: 70px; text-indent: -9999px; display: block; float:left;opacity:0.6;}
.sidebar-social .facebook { background:url(images/sidebar-social.png) no-repeat scroll 0 0 transparent; }
.sidebar-social .facebook:hover { background:url(images/sidebar-social.png) no-repeat scroll 0 100% transparent; }
.sidebar-social .twitter { background:url(images/sidebar-social.png) no-repeat scroll -70px 0 transparent; margin-right: 20px; }
.sidebar-social .twitter:hover { background:url(images/sidebar-social.png) no-repeat scroll -70px 100% transparent; }
.sidebar-social .rss { background:url(images/sidebar-social.png) no-repeat scroll -140px 0 transparent; margin-right: 20px; }
.sidebar-social .rss:hover { background:url(images/sidebar-social.png) no-repeat scroll -140px 100% transparent; }

.map-background{ /* for 406x182 map */
	background:url(images/map-background.png) no-repeat scroll left 5px transparent;
	height: 222px;
	width: 428px;
	padding: 11px;
}
.map-background { /* for 418x195 map */
    background: url(images/map-background.png) no-repeat scroll left 5px transparent;
    height: 222px;
    padding: 5px;
    width: 428px;
}
.map-background>iframe>html>body{
	margin: 0!important;
}
.sidebar_table_head{
	background:url(images/table-head.jpg) repeat scroll left bottom transparent;
    height: 23px;
    padding: 10px;
	border: 1px solid #656f7d;
	border-bottom: 0px solid #656f7d;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #efefef;
}
.sidebar_table_middle{
	background:url(images/table-middle.jpg) repeat-x scroll left top transparent;
    padding: 10px;
	border: 1px solid #2d3543;
	border-top: 0px solid #2d3543;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color: #4a566d;
	color: #cdd0d6;
}
.team{
	background:url(images/team-bg.png) no-repeat scroll left top transparent;
    float: left;
    height: 144px;
    padding-left: 144px;
    padding-right: 30px;
    width: 150px;
	margin-top: 30px;
	position:relative;
}
.team img{
	left: 11px;
    position: absolute;
    top: 7px;
}
#mc_signup { margin-bottom: 32px; }
#mc_signup_form{
	padding: 0;
}

/* Mailchimp subscribe styles */
.mc_input { color: #888; border-top: 0px solid #212a38; border-bottom: 0px solid #212a38; border-left: 1px solid #212a38; border-right: 1px solid #212a38; overflow: hidden; padding: 8px; width: 142px; -moz-border-radius: 5px; border-radius: 5px; background-image: url(images/subscribe-input.jpg); }
#mc_signup_submit{ display:block; position: relative; background-color: transparent; background-image: url("images/subscribe-button.png"); border: 0 none; cursor: pointer; float: right; min-height: 32px; text-indent: -9999px; width: 37px;margin-left: -2px; }
#mc_signup_submit:hover{ background-position: left bottom; }
.mc_var_label{ display:none; }
.mc_merge_var br { }
.mc_merge_var {float:left;margin-top: 18px;}
.mc_signup_submit{float:left;margin-top:18px;}
.mc_error_msg{display:block;margin-top:18px;color:#ff0000;}
.mc_success_msg{color:#257b19;margin-top:18px;display:block;}

.static-background{ background: url(images/640-300-background.png) no-repeat scroll left top transparent; margin-left: -5px; padding: 7px 8px 32px; }

/* Pricing Table */
.pricing-table table th { color:#e9e9e9; border: none; font-weight: normal; vertical-align: middle; padding: 0 5px;}
.pricing-table table td {border-style:solid none none solid;border-width: 1px 0 0 1px;}
.pricing-table table tr:last-child td {border-style:solid none solid solid;border-width: 1px 0 1px 1px;}
.pricing-table table tr:last-child td:last-child {border-style:solid solid solid solid;border-width: 1px 1px 1px 1px;}
.pricing-table table td:last-child {border-style:solid solid none solid;border-width: 1px 1px 0 1px;}
.pricing-table .title-middle-bottom th{ background: url(images/pricing-table-title-middle-bottom.jpg) repeat-x scroll left top transparent; border-left: 1px solid #333e4f;}
.pricing-table .big-middle-bottom{ background: url(images/pricing-table-title-middle-bottom-big.jpg) repeat-x scroll left top transparent!important; border-left: 1px solid #f7862e!important;border-right: 1px solid #f7862e!important;border-bottom:1px solid #b36b16;}
.pricing-table .title-left{background:url(images/pricing-table-title-left.png) no-repeat scroll left top transparent;height:106px;width:137px;border-right:1px solid #3f4a5e;font-size:16px;}
.pricing-table .title-middle-top{ background: url(images/pricing-table-title-middle-top.jpg) repeat-x scroll left top transparent; height: 42px; border-right: 1px solid #343c4b;border-left:1px solid #1a222d;}
.pricing-table .big-middle-top{ background: url(images/pricing-table-title-middle-top-big.jpg) repeat-x scroll left top transparent !important;
    border-left: 1px solid #f7862e !important;
    border-right: 1px solid #f7862e !important;
    height: 45px !important;
    margin-top: -3px;
    position: absolute;
    vertical-align: middle;
    width: 154px;}

.odd td{ background-color: #e1e2e3; }
.even td{ background-color: #ffffff; }
.pricing-table table { -moz-border-radius: 6px; border-collapse: separate; }
.pricing-table .title-last-top { -moz-border-radius: 0 6px 0 0;border-right: 1px solid #212a38; }
.pricing-table .title-last-bottom { -moz-border-radius: 0 0 6px 0; border-right: 1px solid #212a38;border-bottom: 1px solid #202833;}
.best-choice {background:url(images/best-choice.png) no-repeat scroll left top transparent;height:64px;width:62px;position:absolute;right:-12px;top:-23px;}
.red-cross {background:url(images/red-cross.png) no-repeat scroll center center transparent;display:block;text-indent:-9999px;}
.green-tick {background:url(images/bullets/green-tick.png) no-repeat scroll center center transparent;display:block;text-indent:-9999px;}
.pricing-table a{ color: #2a3445; }

.aligncenter {}
.bypostauthor {}
.gallery-caption {}
.sticky {}
.wp-caption-text {}
.wp-caption {}

.iconblock{ display: inline; float: left; margin-left: 10px; margin-right: 10px; position: relative; width: 270px; }
.iconblock-icon { float:left; margin-right: 10px; padding-bottom: 20px; min-width: 35px; padding-top: 5px; opacity: 0.7; }
.iconblock-text { float:left; width: 225px; color: #7D7D7D; font:12px/18px "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; padding-bottom: 20px; }
.iconblock-title a{ color: #444444; font-size: 13px; text-decoration: none; }

.home-list li{ border-top: 1px solid #EBEBEB; padding: 2px 0; }
.home-button {
	background: url("images/home-button.jpg") repeat-x scroll center center transparent;
    border-radius: 8px 8px 8px 8px;
    color: #574708;
    display: inline-block;
    height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 2px 19px 0;
	float:right;
}
.home-button:hover { text-decoration:none; opacity: 0.9; }

button, input[type="reset"], input[type="button"], input[type="submit"] { cursor: pointer; font-size: 18px; font-family: Quicksand, Arial, sans-serif; height: 34px; margin-bottom: 20px;display:block; }
button, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover { color: #464646; font-weight: bold; }

.archive-tagline{ color:#999999; font-size: 14px; margin-top:-5px; border-bottom: 1px dotted #cccccc; margin-bottom:20px; padding-bottom:10px; font-weight:normal; }

.thin-arrow-list li {background-position: 0 6px!important;}
.auth_desc { margin-bottom:10px;}
.pf_img {opacity:1; height: auto; }
.pf_imgs:hover{ opacity: 0.65; background-color: #ddd;}

.cooming-soon-content { float:left; margin-left: 130px; z-index:2; width: 4300px; }
.cooming-soon-content h3{ display:none; }
.dribbbles .group { float: left; width: 440px; display: inline-block; }
.dribbble-over span, .dribbble-over em { display: none; }
.dribbble-over strong { font-weight: normal;  margin-bottom: 10px; float: left; }

.news-content { float:left; margin-left: 130px; z-index:2; width: 2700px; }
.slides li { position: fixed; left: 1620px; top: 0; }

/* .loading { background-image: url(images/loading10.gif); height: 50px; width: 150px; background-repeat: no-repeat; position: fixed; top: 47%; left: 46%; display: none; z-index: 234; opacity: 0; } */
.loading { background-image: url(images/cursors/cursor_preloader_white_a.gif); height: 70px; width: 70px; background-repeat: no-repeat; position: fixed; top: 45.5%; left: 48%; display: none; z-index: 234; opacity: 0; }

/* Portfolio left and right arrows */
.portfolio-arrow-left { width: 50%; position: fixed; z-index: 99999; left: 0; height: 100%; cursor: url(images/cursors/cursor_prev_black.png), auto; }
.portfolio-arrow-left-first { width: 50%; position: fixed; z-index: 99999; left: 0; height: 100%; cursor: url(images/cursors/cursor_prevproject_black.png), auto!important; }
.portfolio-arrow-right { width: 50%; position: fixed; z-index: 99999; right: 0; height: 100%; cursor: url(images/cursors/cursor_next_black.png), auto; }
.portfolio-arrow-right-last { width: 50%; position: fixed; z-index: 99999; right: 0; height: 100%; cursor:url(images/cursors/cursor_nextproject_black.png), auto!important; }

.portfolio-arrow-left-white { width: 50%; position: fixed; z-index: 99999; left: 0; height: 100%; cursor: url(images/cursors/cursor_prev_white.png), auto; }
.portfolio-arrow-left-first-white { width: 50%; position: fixed; z-index: 99999; left: 0; height: 100%; cursor: url(images/cursors/cursor_prevproject_white.png), auto!important; }
.portfolio-arrow-right-white { width: 50%; position: fixed; z-index: 99999; right: 0; height: 100%; cursor: url(images/cursors/cursor_next_white.png), auto; }
.portfolio-arrow-right-last-white { width: 50%; position: fixed; z-index: 99999; right: 0; height: 100%; cursor:url(images/cursors/cursor_nextproject_white.png), auto!important; }

/* #vvq-2230-flv-1 {
    width:100%!important;
    height:100%!important;
} */
.vvqbox object {
    width:100%!important;
    height:100%!important;
}
.vvqbox {
	margin: 0 0 0 auto!important;
}
.wpcf7-not-valid-tip{ display: none; }
	

.page-description { font-family : "TitilliumText25L004"!important;  font-weight: 400; opacity: 0.99; }
.page-description{ cursor: default; }
#content .page-description{color:#464646;}
#content.contenttextwhite .page-description{color:#ffffff;}
#content .page-title{color:#464646;}
#content.contenttextwhite .page-title{color:#ffffff;}
/* .portfolio-content { font-family : "TitilliumText25L004"!important; font-weight: 400; font-size: 21px; line-height: 26px; } */
.excerpt p { font-family : "TitilliumText25L004"!important;  font-size: 17px; color: #464646; }
.scrollbar { display: none; }
#scrollbar2 { margin: 0 0 10px!important; }
/* #scrollbar2 .overview { visibility: hidden; opacity: 0; } */
#scrollbar2 .overview img { border: 10px solid #ffffff; }
#scrollbar2 .overview img:hover { background-color: #ffffff; opacity: 0.8; }
/* .page-title { letter-spacing: -8px!important; } */
.current_sli_desc { color: #000000; float: left; font-size: 18px; position: absolute; font-family: Quicksand; z-index:140201; }
.current_sli_desc a { color: inherit; text-decoration: none; border-bottom: 1px solid; }

.myScrollBarV {
	position:absolute;
	z-index:100;
	width:8px;bottom:7px;top:2px;right:1px
}

.myScrollBarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#f00), to(#900));
	border:1px solid #800;
	-webkit-background-clip:padding-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}
.video-js { height: auto !important; }
/* .video-js { height: inherit !important; } */
.video-js-box .vjs-controls { position: fixed!important; }
div.vjs-big-play-button { position: fixed!important; visibility: hidden; }
.vjs-controls > div.vjs-volume-control { right: 65px; width: 25px; }
.vjs-volume-control div span {
    background-color: transparent!important;
    background-image: url("images/vol.png")!important;
    border: medium none!important;
    height: 15px!important;
    width: 12px!important;
	position: absolute!important;
	left: 0!important;
}
.vjs-controls { margin: auto 5% auto auto!important; }
.vjs-controls > div.vjs-time-control {
    display: none;
}
.vjs-controls > div.vjs-volume-control {
    right: 140px!important;
    width: 20px!important;
}
.page_arrow_left { position: relative; float: left; display:block; cursor: pointer; z-index: 444; color:#aaaaaa; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.page_arrow_right { position: relative; float: left; display:block; cursor: pointer; z-index: 444; color:#aaaaaa; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.page_arrow_right:hover, .page_arrow_left:hover  { color: #464646; }
.page_description { font-size: 12px; font-family: Quicksand;  position: absolute; line-height: 55px; }
.page_title { float:left;margin-right:65px; color:#464646; letter-spacing: -2px; }

.contact-page h2 { float: left; }
.contact-page .input { margin: 5px 0; clear: both; position: relative; }
.contact-page .input span:first-child { top: 20px; position: absolute; padding: 5px; margin-left: 3px; color: #999;  }
.contact-page .input input, .contact-page .input textarea, .contact-page .input select { z-index: 234234; position: relative; margin: 0; border-width: 1px; padding: 6px; background: transparent; font: inherit; }
.contact-map { background-image: url(images/map.png); background-position: top left; height: 26px; width: 19px; display: block; float: left; margin: 10px 0 0 10px; }
.contact-map:hover { background-position: bottom left; }
.hoverbgpfthnail { float: left; } /*homepage thumbnails v2 */
.hoverbgpfthnailmetadata { font-size: 18px; max-width: inherit; padding: 9% 10%; position: absolute; width: 80%; height: 72%; color: #FFFFFF; cursor: pointer; display: none;z-index:10; }
.hoverbgpfthnailmetadata span { z-index:5; }
.hoverbgpfthnailiface { position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 23; background-color: rgba(0,0,0,0.01); background-image: url(images/1px.png); background-repeat: repeat; }
.thumb_cats { position: absolute; bottom: 9%; left: 10%; font-size: 12px;  clear:both; display:block; }
.portfolio-fs-slides .portfolio-fs-slide .myvideo_yt { height: 100%!important; }
embed { z-index: 8; }
/* .slide_horizontal { display: block!important;
    height: 100%!important;
    left: auto!important;
    margin: 0 auto!important;
    position: relative!important;
    width: auto!important;
	top: auto !important;
} */
.socialikonsg{ display:block;z-index:140200;letter-spacing:7px;position:fixed;right:50px;top:40px;font-family:'WebSymbolsRegular';font-size:22px; }
.socialikonsg a{ text-decoration:none;font-family:'WebSymbolsRegular';font-size:16px; }
@media (max-width: 750px){ .socialikonsg{ display: none!important; } }
@media (min-width: 1020px) and (max-width: 1030px){ .socialikonsg{ display: none!important; } }
.portfolio-meta {  float: left; }
#content.contenttextwhite .portfolio-meta { color: #FFFFFF; }
.portfolio-meta-heading { display: inline-block; width: 90px; }
.jqttooltip{ background-color:#ffffff;color:#424242;padding:2px 9px;margin-left:-4px;font-weight:bold;border-radius:4px; }

/* .excerpt h1 { font-family: Quicksand, Arial, sans-serif; font-size: 32px; }
#menu li a { font-family: Quicksand, Arial, sans-serif; color: #bdbdbd; font-size: 18px; }
.portfolio-meta { font-family: 'Terminal Dosis Light', Arial, sans-serif; font-size: 14px; }
.dribbble-over strong{ font-family: Quicksand, Arial, sans-serif; color: #464646; font-size: 18px; font-weight: 400; }
.page-title{ font-family: Quicksand, Arial, sans-serif; color: #464646; font-size: 670%; }
.excerpt-blog h1{ font-family: Quicksand, Arial, sans-serif; color: #464646; font-size: 32px; }
ul.pf_nav a:hover { font-family: Quicksand, Arial, sans-serif; color: #ffffff; font-weight: bold; }
.menu-title { font-family: 'Terminal Dosis', Arial, sans-serif; color: #464646; font-weight: 100; }
.contact-page h2 { font-family: Quicksand, Arial, sans-serif; }
#menu li a:hover { font-family: Quicksand, Arial, sans-serif; color: #bdbdbd; font-size: 18px; font-weight: 700; }
#footer_copyright { font-family: 'Terminal Dosis', Arial, sans-serif; color: #494949; font-size: 10px; }
.current-menu-item { font-family: Quicksand, Arial, sans-serif; color: #ffffff; font-weight: 700; }
.blog-date { font-family: 'Terminal Dosis', Arial, sans-serif; color: #888888; font-size: 14px; font-weight: lighter; }
#menu li a, ul.pf_nav a { font-family: Quicksand, Arial, sans-serif; color: #bdbdbd; font-size: 18px; }
.input span { font-family: 'Terminal Dosis Light', Arial, sans-serif; font-size: 14px; }
.thumb_title { font-family: Quicksand, Arial, sans-serif; font-size: 18px; color: #ffffff; font-weight: 600; }
.thumb_cats { font-family: 'Terminal Dosis Light', Arial, sans-serif; font-size: 14px; color: #ffffff; }
.selected a{ font-family: Quicksand, Arial, sans-serif!important; color: #ffffff!important; font-weight: bold!important; } 
*/

.excerpt h1{font-family: Quicksand, Arial, sans-serif; font-size: 32px; line-height: 33px; font-weight: normal; } 
#menu li a{font-family: Quicksand, Arial, sans-serif; color: #bdbdbd; font-size: 18px; font-style: normal; } 
.portfolio-meta{ font-family: 'Terminal Dosis Light', Arial, sans-serif;; font-size: 14px;  } 
.dribbble-over strong{font-family: Quicksand, Arial, sans-serif; color: #464646; font-size: 18px; font-weight: 400; } 
.page-title{font-family: Quicksand, Arial, sans-serif; color: #464646; font-size: 670%;  } 
.excerpt-blog h1{font-family: Quicksand, Arial, sans-serif; color: #464646; font-size: 32px;  } 
ul.pf_nav a:hover{font-family: Quicksand, Arial, sans-serif; color: #ffffff; font-weight: bold; } 
.menu-title{font-family: 'Terminal Dosis', Arial, sans-serif; color: #464646; font-weight: 100; } 
.contact-page h2{ font-family: Quicksand, Arial, sans-serif; } 
#menu li a:hover{font-family: Quicksand, Arial, sans-serif; color: #bdbdbd; font-size: 18px; font-weight: bold; font-style: normal; } 
#footer_copyright{font-family: 'Terminal Dosis', Arial, sans-serif; color: #494949; font-size: 10px;  } 
.current-menu-item{font-family: Quicksand, Arial, sans-serif; color: #ffffff; font-weight: bold; } 
.blog-date{font-family: 'Terminal Dosis Light', Arial, sans-serif;; color: #888888; font-size: 14px; font-weight: lighter;  } 
#menu li a, ul.pf_nav a{font-family: Quicksand, Arial, sans-serif; color: #bdbdbd; font-size: 18px; font-style: normal; } 
.input span{font-family: 'Terminal Dosis Light', Arial, sans-serif;; font-size: 14px;  } 

.thumb_cats{font-family: 'Terminal Dosis Light', Arial, sans-serif;; color: #ffffff; font-size: 14px;  }






.page_title {margin-bottom:10px;}
/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
version 0.5.2
*/

/******************** Base ********************/
b, strong, caption, th, thead, dt, legend		{ font-weight: bold; }
cite, dfn, em, i								{ font-style: italic; }
p												{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; }
p+p												{ text-indent: 0; }
p+p.no-indent									{ text-indent: 0; }
pre												{ white-space: pre; }
del												{ text-decoration: line-through; }
mark											{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins												{ color: #f00; }
small, sup, sub									{ font-size: 80%; }
big												{ font-size: 125%; line-height: 80%; }
abbr, acronym									{ font-size: 85%;  letter-spacing: .1em; }
abbr[title], acronym[title], dfn[title]			{ border-bottom: 1px dotted black; cursor: help; }
sup, sub										{ line-height: 0; }
sup												{ vertical-align: super; }
sub												{ vertical-align: sub; }
blockquote										{ padding: 1.5em; }
hr												{ border: none; background: #ddd; width: 100%; }
#content ul, #content ol						{ margin-left: 1.5em; margin-bottom:10px;}
.container_12 ul										{ list-style: disc outside; }
.container_12 ol										{ list-style: decimal outside; }
input, select, button							{ cursor: pointer; }
table											{ font: inherit; width: 100%; }

/* html 5 */
article, aside, header, hgroup,
nav, figure, section, footer					{ display: block; }

/* Debug */
.debug											{ outline: solid gold 1px; }
.debug-background								{ background: rgba(255, 215, 0, 0.2) !important; }



.sf-menu ul,
ul.pf_nav,
#sidebar ul,
ul.portfolio-meta,
.footer-bottom ul
{list-style:none;
margin-left: 0em;
padding-left:0em;
}


#sidebar ul li ul
{ list-style: disc outside;
margin-left: 1.5em; margin-bottom:10px;
color: #737373;
}

#sidebar h3
{     color: #C0C0C0;
}

.portfolio-meta
{
	width:100%;
	padding-left:0px;
	margin-left:0px;
}


a 
{
	color:#C0C0C0;
	text-decoration:underline;
	padding:2px;
	font-weight:normal;
}



.menuhoversubcats
{
	display:none;
}




h1, h2, h3, h4 { font-family: 'Libre Baskerville', serif!important; }


.excerpt h1{font-family: Dosis;
font-size: 32px;
line-height: 33px;
font-weight: normal;
} 
#menu li a{font-family: Dosis;
color: #bdbdbd;
font-size: 18px;
font-style: normal;
} 
.portfolio-meta{font-family: Dosis!important;
font-size: 15px!important;
line-height: 22px!important;
letter-spacing: 2px!important;
font-weight: normal!important;

} 
.page-title{/*font-family: 'Libre Baskerville', serif!important;*/
font-family: Dosis!important;
font-size: 370%!important;
font-stretch: normal!important;
letter-spacing: 2pt!important;
font-weight: 700!important;
font-style: normal!important;

font-variant: normal!important;
} 
.excerpt-blog h1{font-family: 'Libre Baskerville', serif;
color: #464646;
font-size: 32px;
letter-spacing: 2px;

} 
ul.pf_nav a:hover{font-family: Dosis;
color: #ffffff;
font-weight: normal;
} 
.menu-title{font-family: Dosis;
color: #464646;
font-weight: 100;
} 

#footer_copyright{font-family: Dosis;
color: #494949;
font-size: 10px;

} 

.blog-date{font-family: Dosis Light;
color: #888888;
font-size: 14px;
font-weight: lighter;

} 
#menu li a, ul.pf_nav a{font-family: Dosis;
color: #bdbdbd;
font-size: 18px;
font-style: normal;
} 
.input span{font-family: Dosis Light;
font-size: 14px;

} 
.thumb_title{
font-family: Dosis;
color: #c9c8ce;
font-size: 34px;
font-stretch: normal;
line-height:normal;
font-weight:100;


} 
.thumb_cats{font-family: Dosis;
color: #ffffff;
font-size: 15px;
font-stretch: normal;
letter-spacing: 1px;
font-weight: lighter;
font-style: normal;

} 
.page-description{font-family: Dosis!important;
font-size: 18px!important;
line-height: 22px!important;
letter-spacing: 2px!important;
font-weight: normal!important;
text-transform: none!important;
} 
.current_sli_desc {font-family: Dosis!important;
color: #ffffff!important;
font-size: 160%!important;
font-weight: normal!important;
} 
.sf-menu a {font-family: Dosis!important;
color: #bdbdbd!important;
font-size: 14px!important;
font-stretch: normal!important;
font-weight: normal!important;
} 
#cv_1 h3, #cv_2 h3{font-family: Dosis!important;
font-size: 1.5em!important;
font-stretch: normal!important;
letter-spacing: 2pt!important;
font-weight: 300!important;
font-style: normal!important;

font-variant: normal!important;
} 
#cv_1 h1{font-family: Dosis;
color: #C0C0C0;
letter-spacing: 2px;
} 
.sf-menu a:hover{font-family: Dosis!important;
color: #ffffff!important;
font-size: 14px!important;
font-stretch: normal!important;
font-weight: normal!important;
} 




.initial-project-count{
	background-color: rgba(0, 0, 0, 0.7);
	width:30%;
	padding:35%;
	text-align:center;
font-family: Dosis!important;
color: #c9c8ce!important;
font-size: 64px!important;
font-stretch: normal!important;
font-weight: 100!important;		
}

.thumb_cats
{
	display:none;
}

p
{
	font-family: Dosis;
	font-size:18px!important;
	line-height:normal!important;
	}
	
	




	@media only screen and (max-height: 400px) {
		#logo-image{ 
			display:none;
		}
		#logo-image_mob{ 
			display:block;
		}				
	}