/* ---------------------TABLE OF CONTENT--------------------------------------------------------

    1.  Global
    2.  Document Setup (body, common classes, structure etc)
    3.	Columns
	4.	Typography
	5. 	Element
	6.	Header
	7.	Main Menu
	8.	Main Content
	9.	Team Member
	10.	Jcarousel
	11.	Sidebar
	12.	Portfolio
	13.	Blog
	14.	Contact
	15.	Footer
	16.	Twitter Widget
	17.	Flickr Widget
	18.	Social Widget
	19.	Tabs-Toogle-Accordion
	20.	Pricing Table - Tables
	21.	Ektras
	22. Graphic Cart
*/

/*-----------------------------------------------------------------------------------*/
/*	1.	Global
/*-----------------------------------------------------------------------------------*/


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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;    
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
    -webkit-text-size-adjust: none;
}

ul {
	list-style: none;
}

.terms ol, .terms ul {
     margin: 0;
     padding-left: 4em;
}
.terms ol li, .terms ul li {
    margin-bottom: 5px;
}
.terms ul li {
    list-style: circle;
}
.terms ul, .terms ol {
    margin-bottom: 20px;
}
blockquote, q {
	quotes: none;
}

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

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

input[type="submit"], input [type="button"] {
    -webkit-border-radius: 0;
    -webkit-appearance:none;
}

input,textarea {
	font-size: 12px/20px;	
	font:inherit;
	resize:none;
}



/*-----------------------------------------------------------------------------------*/
/*	2.	Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
	font: 14px/22px Open Sans, Segoe UI, Trebuchet MS, Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	color:#686868;
	background-image: url(../images/bg/bg3.png);
	background-repeat: repeat;
}

#wrapper {
  background: white;
  margin: 60px auto;
  width: 90%;
  max-width: 1250px;
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
}

a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
	outline:none;
}

a:hover {   
	color:#444;
}

i { margin-right: 0.2em;}

.post-list a {
    color: #888;
}
.post-list a:hover {
    color: #333;
}

p {
	margin-bottom:20px;
}

.clear {
	clear:both;
}

.aligncenter {
	text-align:center;
}

.alignleft {
	text-align:left;
}

.alignright {
	text-align:right;
}

strong {
	font-weight:700;
}
 
#bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.bgwidth { 
	width: 100%; 
	height:auto;
}

.bgheight { 
	height: 100%; 
	width:auto;
}

.space, .coloredspace {
    height:60px;
    width:100%;
	clear:both;
}

.half-space {
    height:30px;
    width:100%;
	clear:both;
}

.small-space {
    height:5px;
    width:100%;
	clear:both;
}

label {
    color:#7F7F7F;
    display:block;
    font-weight:normal;
}

label.error {
    color: red;
    font-style: italic;
    margin: 5px 0 10px 0;
}

input[type="text"], input[type="email"], input[type="password"], input.text, input.title, textarea, select {
    background:#FFFFFF;
    border:1px solid #EBEBEB;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    border:1px solid #EBEBEB;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

input[type="text"], input[type="email"], input[type="password"], input.text, input.title, textarea, select {
    font-family:Open Sans, Segoe UI, Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size:14px;
    margin:5px 0;
}

input.text, input.title, select {
    padding:5%;
    width:89%;
}

input.title {
    font-size:13px;
}

textarea {
    height:130px;
    padding:2% 2%;
    width:95.5%;
}

form.inline {
}

form.inline p {
    margin-bottom:0;
}



/*-----------------------------------------------------------------------------------*/
/*	3.	Columns
/*-----------------------------------------------------------------------------------*/

.one-half { width: 460px }
.one-third { width: 300px; }
.two-third { width: 620px; }
.one-fourth { width: 260px; }
.three-fourth { width:640px; }
.one-sixth { width: 140px; }
.five-sixth { width: 780px }

.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
	position: relative;
	margin-right:20px;
	float: left;	
}

.percent-one-half { width: 48%; }
.percent-one-third { width: 30.66%; }
.percent-two-third { width: 65.33%; }
.percent-one-fourth { width: 22%; }
.percent-three-fourth { width: 74%; }
.percent-one-fifth { width: 16.8%; }
.percent-two-fifth { width: 37.6%; }
.percent-three-fifth { width: 58.4%; }
.percent-four-fifth { width: 67.2%; }
.percent-one-sixth { width: 13.33%; }
.percent-five-sixth { width: 82.67%; }

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

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



/*-----------------------------------------------------------------------------------*/
/*	4.	Typography
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#666;
}
.font-light{
	color:#fcfcfc;
}
h1 {
	font-size:36px;
	line-height:40px;
	margin-bottom:20px;	
}

h2 {
	font-size:28px;
	line-height:40px;
	margin-bottom:20px;
    font-weight: 300;
}

h3 {
	font-size:22px;
	line-height:34px;	
	margin-bottom:20px;	
}

h4 {
	font-size:19px;
	line-height:28px;
	margin-bottom:20px;
    font-weight: 600;	
}

h5 {
	font-size:14px;
	line-height:20px;
	margin-bottom:15px;
}

h6 {
	font-size:13px;
	line-height:20px;
	margin-bottom:20px;
	font-weight:600;
}	


/*-----------------------------------------------------------------------------------*/
/*	5.	Element
/*-----------------------------------------------------------------------------------*/

.dropcap1 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #666666;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 36px;
    margin: 4px 10px 2px 0;
    padding: 12px 6px;
    text-shadow:0 1px 0 #fff;
}

.dropcap2 {
    float: left;
    font-size: 36px;
	line-height:26px;
    padding-right: 10px;
    padding-top: 8px;
}

.dropcap3 {
    float: left;
    font-size: 36px;
	line-height:30px;
    font-style: italic;
    padding-right: 10px;
	padding-top:8px;
}


/*--- Hightlighted Text ---*/

.highlight {
    padding: 1px 3px;
}

.highlight.redish {
    background-color: #f5a4a7;
    color: #A14A40;
}

.highlight.bluish {
    background-color: #9edaf6;
    color: #5E6984;
}

.highlight.yellowish {
    background-color: #fae359;
    color: #736B4C;
}

.highlight.greenish {
    background-color: #64d98e;
    color: #466840;
}

.highlight.dark {
    background: #333333;
    color:#fff;
}

pre, code {
    background-color: #F5F5F5;
    border-color: #ebebeb;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    display: block;
    font-family: monospace;
    font-size: 11px;
    padding: 10px;
    white-space: pre-wrap;
    word-wrap:break-word;
}

pre, code {
    margin-bottom:10px;
}

blockquote {
    border-left: 2px solid #ebebeb;
    color: #787878;
    font-size: 13px;
    font-style: italic;
    line-height:24px;
    margin: 20px 50px;
    padding: 0 0 5px 15px;
}

/*--- Info Boxes ---*/

.box-error, .box-alert, .box-notice, .box-success, .box-info {
    margin-bottom: 10px;
    padding: 10px 20px;
}

.box-error i, .box-alert i, .box-notice i, .box-success i, .box-info i {
	font-size:14px;
	margin-right:15px;
}

.box-error, .box-alert {
    background:#f5a4a7;
    color: #e54034;
}

.box-notice {
    background:#fae359;
    color: #706836;
}

.box-info {
    background:#9edaf6;
    color: #20568f;
}

.box-success {
    background:#64d98e;
    color: #264509;
}


/*--- Lists ---*/

ul.star-list li { 

}

ul.play-list li { 

}

ul.arrow-list li { 

}

ul.tick-list li { 

}

ol.customlist {
    list-style: decimal outside;
    margin: 0 0 20px 20px;
}

ol.customlist li {
	padding: 6px 0;
}

ol.customlist li i {
	margin-right:5px;
}

ul.customlist {
    list-style: circle outside;
    margin: 0 0 20px 20px;
}

ul.customlist li {
	padding: 6px 0;
}

ul.customlist li i {
	margin-right:5px;
}

table.specTable {
    border-spacing: 0px;
    border-collapse: collapse;
}

table.specTable td {
    border: 1px solid #ccc;
    padding: 10px;
}

table.specTable td.spec-name {
    background-color: #f3f3f3;
}

table.specTable thead tr td {
    font-weight: 800;
}

table.specTable td ul:last-child {
    margin-bottom: 0px;
}


/*--- Buttons ---*/

.button {
    cursor:pointer;
    display:inline-block;
    font-size: 15px;
    font-weight:600;
    line-height:16px;
    /*margin:0 10px 20px 0;*/
    padding: 7px 11px 7px;
	position:relative;
	border:0 none;
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;	
}

.small {
    font-size:0.8em;
    line-height:0.9em;
    padding: 0.5em 0.7em 0.5em 0.5em;
}

.larger {
    font-size:1.8em;
    line-height:1.9em;
    padding: 0.1em 0.7em 0.1em 0.5em;
}

.large {
    font-size:2.2em;
    line-height:2.3em;
    padding: 0.1em 0.7em 0.1em 0.5em;
}

.white {
    background:#eaeaea;
    color: #686868;
}

.white:hover {
    color: #686868;
	background:#d2d2d2;
}

.yellow {
    background:#ffb141;
	border:0 none;
    color: #fff;
}

.yellow:hover {
    color: #fff;
	background:#fd9602;
}

.orange {
    background:#fe7e17;
	border:0 none;
    color: #fff;
}

.orange:hover {
    color: #fff;
	background:#f77309;
}

.black {
    background:#787878 !important;
    color: #fff !important;
}

.black:hover {
    color: #fff !important;
	background:#444 !important;
}

.green {
    background:#9dd30b !important;
    color: #fff !important;
}

.green:hover {
    color: #fff !important;
	background:#308010 !important;
}

.bleumarin {
    background:#30b4c5;
    color: #fff;
}

.bleumarin:hover {
    background:#2b9fae;
	color:#fff;
}

.rose {
    background:#ee5051;
    color: #fff;
}

.rose:hover {
    color: #fff;
	background:#d64849;
}

.red {
    background:#e1472f;
    color: #fff;
}

.red:hover {
    color: #fff;
	background:#d44029;
}

.button.disabled {
    background:#ccc !important;
    color: #f0f0f0 !important;
}


/*-----------------------------------------------------------------------------------*/
/*	6.	Header
/*-----------------------------------------------------------------------------------*/

#top {

}

#header {
	z-index:4000;
	/*background-image: url(../images/bg/bg-header.png);
	background-repeat: repeat;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;	
}

.top-header {
	z-index:4000;
	overflow:hidden;
	clear:both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

.searchbar {
	float: left;
	margin:0px;
}

.loginbar {
	float: right;
	margin-right:15px;
    font-size:14px;
    font-weight: lighter;
}

.socialbar {
	float: left;
}

.top-shadow {
	position:absolute;
	background: #3e9cc5;
	height:4px;
    width: 100%;
    max-width: 1250px;
	z-index:100;
	opacity:0.8;
}

.top-map-info {
    position:absolute;
	background: #3e9cc5;
	height: 40px;
    top:360px;
    line-height: 40px;
    color: #fff;
    text-indent: 10px;
    width: 100%;
    max-width: 1250px;
	z-index:100;
	opacity:0.70;
}

.bottom-shadow {
	position:absolute;
	background: #3e9cc5;
	height:4px;
	width:100%;
	top:145px;
	left:0;
	z-index:200;
	opacity:0.8;
}

.button-search{
    cursor:pointer;
    display:inline-block;
    font-size: 15px;
    font-weight:600;
    line-height:16px;
    margin:0 10px 20px 0;
    padding: 7px 11px 7px;
	position:relative;
	border:0 none;
	color:#fff;
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;	;
}

.button-search:hover{
    color:#fcfcfc; 
}

#top-search input[type="text"]{
    color:#fcfcfc;
}

#top-search input:focus {
	color: #fcfcfc;  
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fcfcfc; 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fcfcfc; 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fcfcfc; 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fcfcfc; 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

#top-search input[type="text"] {
	width:150px;
	font-size:12px;
	height:20px;
	line-height:20px;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 165px center;
	padding-top: 7px;
	padding-right: 25px;
	padding-bottom: 7px;
	padding-left: 10px;
	color:#fcfcfc;  
}

#top-search input:focus{
	outline:none;
}

.home .bottom-shadow {
    top: 446px;
}

.fullwidth-map .bottom-shadow {
	top:396px;	
}

.form-validation-error {
    font-size: 0.9em;
    font-weight: 700;
    color: #500;
    margin:0 0 15px 0;
    line-height: 1.6em;
    height:1.6em;
}

.fullwidth-map {
    display: block;
    width: 930px;
    height: 400px;
	margin: 0;
	overflow: hidden;
	clear: both;
	position: relative;
    border: 1px solid #aaa;
    box-shadow:0px 0px 2px 0px #777;	
}

.logo {
	position:relative;
	height:70px;
}

.logo img {
	display:block;
	position:absolute;
	bottom:0;
}



/*-----------------------------------------------------------------------------------*/
/*	7.	Main Menu
/*-----------------------------------------------------------------------------------*/
#navigation {
	float:right;
	position:relative;
    display:block;
}
#mobile-nav ul {  
    display: none;  
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Main Content
/*-----------------------------------------------------------------------------------*/

.services {
	overflow:hidden;
}

.homepage-services .service-item {
	text-align:center;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
	color: #dddcdc;
    border: 1px dashed #222;
	padding: 10px;
}

.homepage-services .service-item h2 {
	color: #dddcdc;
}

.homepage-services .service-item i {
	float:none;
	width: 100%;
	height: 48px;
	line-height: 48px;
	font-size:42px;
	display:block;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


.homepage-services .service-item:hover {
    color: #fff !important;
    border: 1px dashed #888;
}

.client-link {
    display: block;
    width: 250px;
    height: 140px !important;
    margin-top: 0px;
    margin-right: 20px;
    text-indent: -99999px;
    transition: background-image 300ms ease-in;
    -webkit-transition: background-image 300ms ease-in;
    -moz-transition: background-image 300ms ease-in;
}

#clients-carousel-wrap .mask {
    height: 140px;
}

#clients-carousel-wrap ul {
    width:1400px;
}
#clients-carousel-wrap li {
    min-width: 240px;
    width: 240px;
    height: 130px;
}

.client-link.c1 { width: 220px; background: #fff url(../images/clients/energynautics-gray.gif) no-repeat center 0; }
.client-link.c1:hover { background: #fff url(../images/clients/energynautics-hover.gif) no-repeat center 0; }

.client-link.c2 { width: 230px; background: #fff url(../images/clients/hep-gray.gif) no-repeat center 35px; margin-right: 5px; }
.client-link.c2:hover { background: #fff url(../images/clients/hep-hover.gif) no-repeat center 35px; }

.client-link.c3 { width: 240px; background: #fff url(../images/clients/dominion-gray.gif) no-repeat center 25px; }
.client-link.c3:hover { background: #fff url(../images/clients/dominion-hover.gif) no-repeat center 25px; }

.client-link.c4 { width: 260px; background: #fff url(../images/clients/riteh-gray.png?v2) no-repeat center 27px; }
.client-link.c4:hover { background: #fff url(../images/clients/riteh-hover.png?v2) no-repeat center 27px; }

.client-link.c5 { width: 220px; background: #fff url(../images/clients/tractebel-gray.gif) no-repeat center 27px; }
.client-link.c5:hover { background: #fff url(../images/clients/tractebel-hover.gif) no-repeat center 27px; }

.client-link.c6 { width: 140px !important; background: #fff url(../images/clients/posoco-gray.gif) no-repeat center 5px; }
.client-link.c6:hover { background: #fff url(../images/clients/posoco-hover.gif) no-repeat center 5px; }



.client-link.c7 {
	width: 220px;
	background: #fff url(../images/clients/hops-gray.png) no-repeat center 25px;
}

	.client-link.c7:hover {
		background: #fff url(../images/clients/hops-logo.png) no-repeat center 25px;
	}

.client-link.c8 {
	width: 230px;
	background: #fff url(../images/clients/ipto-gray.png) no-repeat center 27px;
}

	.client-link.c8:hover {
		background: #fff url(../images/clients/ipto-logo.png) no-repeat center 27px;
	}

.client-link.c9 {
	width: 220px !important;
	background: #fff url(../images/clients/50hertz-gray.png) no-repeat center 25px;
}

	.client-link.c9:hover {
		background: #fff url(../images/clients/50hertz-logo.png) no-repeat center 25px;
	}

.client-link.c10 {
	width: 220px !important;
	background: #fff url(../images/clients/egi-gray-removebg-preview.png) no-repeat center 25px;
}

	.client-link.c10:hover {
		background: #fff url(../images/clients/egi-logo-removebg-preview.png) no-repeat center 25px;
	}

.client-link.c11 {
	width: 220px !important;
	background: #fff url(../images/clients/elia-gray.png) no-repeat center 25px;
}

	.client-link.c11:hover {
		background: #fff url(../images/clients/elia-logo.png) no-repeat center 25px;
	}

#clients-carousel-wrap li.c6 {
    min-width: 140px !important;
    width: 140px !important;
}


.clients {	
	overflow:hidden;
	border:1px solid #f1f1f1;
	text-align:center;
	clear:both;
}
.clients li {
	display:inline-block;
	border-left:1px solid #f1f1f1;
	text-align:center;
	padding:0 11px;
}
.clients li:first-child {
	border: none;
}

.clients li img {
	vertical-align:middle;
}

.clients li a {
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	display:inline-block;	
	height:140px;
	line-height:140px;
}

.home h2 {
    font-size:34px;
    line-height:50px;
    font-weight:400;
    color: #999;
}

.intro {
	text-align:center;
	/*background-image: url(../images/bg/bg-title.png);
	background-repeat: repeat;*/
	height:auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
  	background:#292929;
}

.intro h2 {
	font-size:28px;
	font-weight:300;
	margin-bottom:16px;
}

.intro h5 {
	font-size:16px;
}

.intro a:hover {
	color:#444;
}

.centered-wrapper {
	width:940px;
	margin:0 auto;
}

.title-wrapper {
	width:940px;
	margin:0 auto;
	position:relative;
	height:50px;
	z-index:201;
	padding:0 45px 0;
}

.title-bg {
	width:940px;
	padding:0 45px 0;
	height:50px;	
	margin-left:-45px;
}

.title-content {
	width:940px;
	margin:0 auto;
	padding-bottom:40px;
	position:absolute;
	top:10px;
	margin-top:-60px;
}

.page-title {
    width: 100%;
    clear: both;
    display: block;
    min-height:50px;
    height:auto;
    padding: 30px 0 30px 0;
	background-color: #3e9cc5;	
    margin-bottom: 45px;
}

.page-title h1 {
	font-size: 42px;
	line-height:44px;
	font-weight: 400;
    text-shadow: 0px 0px 4px #517993;
    /* text-shadow: 0px 1px 1px #fff; */
    padding: 2px 0 10px 0;
}
.page-title h1, .page-title h1 a {
    color:#fff;
}

.breadcrumb {
    margin: -15px 0 0px 3px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}
.breadcrumb i.home {
    margin-left: 0px;
}
.breadcrumb .bcitem i {
    color:#c5e1ed;
    margin-right: 7px;
}
.breadcrumb span.bcitem {
    margin-right: 10px;
}

.breadcrumb .bcitem a, .breadcrumb .bcitem a:visited, .breadcrumb .bcitem a:active {
    color: #c5e1ed;
}
    .breadcrumb .bcitem a:hover {
        color: #fff;
        text-decoration: underline;
    }

.breadcrumb span.bcitem  {
    color:#c5e1ed;
}

.search-form {
	float:right;
	position:relative;
	top:-7px;
}

.search-form  input[type="text"] {
	width:180px;
	height:20px;
	line-height:20px;
	position:relative;
	padding:6px 10px;
	color:#686868;
	display:block;
}

.search-form  input[type="submit"] {
	background:url(../images/search.png) scroll 0 0;
	width:16px;
	height:16px;
	border:0 none;
	text-indent:-9999px;
	cursor:pointer;
	position:absolute;
	top:14px;
	right:10px;
	font-size: 0; 
	display:block; 
	line-height: 0;	
}

.page-title .double-separator {
	margin:0;
}

.breadcrumbs {
	font-size:12px;
	padding:10px 0;
	width:100%;
	overflow:hidden;
}

.service-item {
	overflow:hidden;
    margin-bottom:35px;
}

.service-item p {
	margin-bottom:10px;
}

.service-item i {
	float:left;
	margin:0 15px 4px 0;
	width:28px;
	height:28px;
	line-height:28px;
	font-size:28px;
}


h3.service {
	font-size:16px;
	font-weight:600;
	line-height:28px;
}

.thin-separator {
	width:100%;
	height:1px;
	clear:both;
	background:#ccc;
    /*box-shadow: rgba(0,0,0,0.4) 5px 0px inset;*/
	margin:0;
    padding:0;
    line-height:1px;
    overflow:hidden;
}

.separator {
	width:100%;
	height:1px;
	clear:both;
	background:#efefef;
	margin:40px 0;
	display:inline-block;
}

.double-separator {
	width:100%;
	height:1px;
	clear:both;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	margin:40px 0;
}

.article-text {
    font-size: 14px;
}
.article-text .headline {
    color: #268a4d;
    margin: 0 10px 45px 0;
}
.article-text .headline strong {
    font-weight: 600;
}
.article-text h3 {
    font-size: 30px;
    line-height:38px;
    font-weight: 100;
    margin-top: 55px;
    margin-bottom: 30px;
}
.article-text h3:first-child {
    margin-top: 0px;
}

.article-text strong {
    font-weight: 700;
}
.article-text .sub {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #7c7c7c;
}
.viewdemobox {
    padding: 15px;
    margin-bottom: 50px;
    border: 1px dotted #aaa;
}
.viewdemobox h5 {
    font-size: 28px;
    line-height: 28px;
    color: #888;
}
.viewdemobox strong {
    font-weight: 700;
    color: #838383;
}

.featureicons {
    margin: 30px auto 30px auto;
    float:none;
    display:block;
    width: 640px;
    height: auto;
    clear:both;
}

.ficon {
    float:left;
    display:block;
    opacity: 0.65;
    transition: all linear 200ms;
    width:119px;
    height:143px;
    margin: 0 38px 14px 0;
    background-image:url(/w2/images/features/pmu-features-icons.png?v2);
    background-repeat:none;
    background-position:0 0;
}
.ficon:hover {
    opacity: 0.9;
    background-color: #eee;
}

.ficon.lessimportant {
    display: block;
}


.ficon.frow1.fcol1 { background-position: 0 0; }
.ficon.frow1.fcol2 { background-position: -130px 0; }
.ficon.frow1.fcol3 { background-position: -260px 0; }
.ficon.frow1.fcol4 { background-position: -390px 0; }
.ficon.frow1.fcol5 { background-position: -520px 0; }

.ficon.frow2.fcol1 { background-position: 0 -156px; }
.ficon.frow2.fcol2 { background-position: -130px -156px; }
.ficon.frow2.fcol3 { background-position: -260px -156px; }
.ficon.frow2.fcol4 { background-position: -390px -156px; }
.ficon.frow2.fcol5 { background-position: -520px -156px; }

.ficon.frow3.fcol1 { background-position: 0 -312px; }
.ficon.frow3.fcol2 { background-position: -130px -312px; }
.ficon.frow3.fcol3 { background-position: -260px -312px; }
.ficon.frow3.fcol4 { background-position: -390px -312px; }
.ficon.frow3.fcol5 { background-position: -520px -312px; }

#footer .double-separator {
	margin:50px 0;
}

.onepage-title {
	font-size:48px;
	font-weight:200;
	margin-bottom:30px;
	line-height:56px;
}	

.one-page #header {

}

.bgtitle {
	margin-bottom:20px;
	height:25px;	
	padding-bottom:7px;
	border-bottom:1px solid #efefef;
}
.bgtitle h2, .homepage-clients h2 {
	font-size: 13px;
	font-weight: 600;
	float: left;
	height: 26px;
	line-height: 26px;
	background: #f7f7f7;
	padding: 0 10px;
	text-transform: uppercase;
}
.side-pics a {
    margin:0;
}
.side-pics {
    clear: both;
}
.side-pics li {
    width: 100%;
    height: 270px;
    margin: 0 auto 40px auto;
}
.side-pics .details {
    color: #444;
    background: #f1f1f1;
    display:block;
    padding: 5px;
    text-align:center;
    margin: 0 0 50px 0;
}
.side-pics li img {
    width: 100%;
    height: 215px;
    margin-bottom: 0px;
}
.side-pics .grid-item-on-hover {
    height: 217px;
}
.seealso {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px dotted #888;
}
.seealso ul li a {
    font-weight: 700;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Team Member
/*-----------------------------------------------------------------------------------*/
.team-member {
    position:relative;
	background: white;
	margin-bottom:20px;
	background:#f7f7f7;
}

.team-member a {
	overflow: hidden;
	display: block;
	position: relative;
}

.team-avatar {
 
    height:auto;
    width:100%;
	display:block;
}

.team-text h3 {
	font-size:12px;
	font-weight:600;
	text-align:center;
	clear:both;
	text-transform:uppercase;
	padding-top:18px;
	margin-bottom:3px;
}

.team-text h6 {
	text-align:center;
	font-size:12px;
	font-weight:400;
	padding-bottom:15px;
	margin:0;
}

#skills {
    width: 100%;
    margin: 0;
}

#skills div.row {
    position:relative;
    margin-bottom: 16px;
}

#skills .skill {
	width: 70%;
	height: 20px;
	display: block;
	position: relative;
	background: #EFEFEF;
	overflow: hidden;
}

#skills h2 {
    font-size: 11px;
	font-weight:600;
    text-transform: uppercase;
    float: left;
    width: 30%;
    height: 1em;
    line-height: 1;
	position:absolute;
	right:-15px;
	top:0px;
	color:#686868;
}

#skills p {
    width: 0em;
    height: 10px;
    float: left;
	margin:0;
}

.team-text p {
	padding:0 5px;
}	

.team-social {
    border-top:1px solid #efefef;
	text-align:center;
	overflow:hidden;
	clear:both;
}

.team-social a img {
    -moz-transition: all .2s ease-in-out;
    -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    opacity: .3;
	filter:alpha(opacity=30);
    transition: all .2s ease-in-out;
}

.team-social a img:hover{
    opacity: 1;
	filter:alpha(opacity=100);
}

.team-social a {
	padding:5px;
	margin-top:10px;
	display:inline-block;
}

.team-text span {
    color:#787878;
}

.team-text p {
    margin-top:10px;
}

.testimonial-item {
	color: #444;
    background:#eee;
	padding:10px 13px 1px;
	margin-top:3px;
	font-size:13px;
	position:relative;
}

.testimonial-item p {
    margin-bottom: 10px;
}

.testimonial-pin {
	background:url(../images/testimonial-pin.png) no-repeat scroll 0 0;
	display: block;
	width: 24px;
	height: 16px;
	position: absolute;	
	left:30px;
}

.testimonial-meta {
	font-style:normal;
	position:absolute;
	width:100%;
	font-weight:600;
	font-size:12px;
	left:4px;
	bottom:-50px;
}

.testimonial-meta h5 {
	float:left;
	margin-right: 5px;
	font-size:12px;
	font-weight:600;
}

.testimonial-meta span {
	color:#444;
}

.one-page .standardNav{
	position:fixed !important;
}

.one-page ul#mainnav li.active a {
	color:#fff;
}

.one-page ul#mainnav li.active a {
	color:#fff;		
}	

.one-page #header {
	position:fixed !important;
	width:100%;
	background:#fafafa;
	top:0;
}

.one-page .onepage-content {
	margin-top:86px;
}

.one-page .section {
	margin-top:86px;
}




.isotope-item {
  z-index: 2;
}

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


/*-----------------------------------------------------------------------------------*/
/*	10.	JCarousel
/*-----------------------------------------------------------------------------------*//

.jcarousel-container {
	margin-bottom:20px;
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-container-horizontal {
    width: 940px;
	clear:both;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    width:  940px;
    height: auto;
}

.jcarousel-item {
	display: block;
	position: relative;
	padding:0;
}

.defaultcarousel .jcarousel-item {
    width: 220px;
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;		
}

.defaultcarousel  .jcarousel-item:hover {
}

#homeblog-carousel .jcarousel-item {
    width: 460px;
}

.jcarousel-item a {
	display: block;
	width: 100%;
	height: auto;
	position:relative;
	color:#323232;
}

.jcarousel-item h3 {
	position:relative;
	clear:both;
	font-size:13px;
	color:#f1f1f1;
	margin:0;
	width:100%;
	left:0;
	font-weight:600;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
}

.jcarousel-item span {
	color:#a1a1a1;
}


.jcarousel-carousel-details {
	height:40px;
	background:#292929;
}

.jcarousel-carousel-details i{
	padding-right:5px;
}


.portfolio-carousel-details {
	height:40px;
	background:#292929;
}


.portfolio-carousel-details i{
	float: left;
	font-size:14px;
	margin-right: 12px;
	margin-top: -20px;
	height: 22px;
	width: 31px;
	color:#f1f1f1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

a[rel="PrettyPhoto"] {
	overflow:hidden;
	display:block;
	position:relative;
}

.defaultcarousel .jcarousel-item img {
	width:100%;
	height:auto;
}

#homeblog-carousel .jcarousel-item img {
	width:220px;
	height:auto;
}

#homeblog-carousel .jcarousel-item > a {
	width:220px;
	float:left;
	margin-right:20px;
}

#homeblog-carousel .blog-carousel-details a {
	float:none;
	margin:0;
}

#homeblog-carousel .blog-carousel-details {
	float:left;
	text-align:left;
	width:220px;
}

#homeblog-carousel .carousel-meta {
	width:100%;
}

#homeblog-carousel .carousel-meta a {
	display:inline;
}

#homeblog-carousel .carousel-meta .details {
	padding:0 10px;
	height:21px;
	font-size:11px;
	line-height:21px;
	display:inline-block;
}

#homeblog-carousel .carousel-meta .details a{
}

#homeblog-carousel p {
	margin:18px 0 0;
}

.post-format i {
	width:21px !important;
	height:21px;
	display:block;
	float:left;
	position:relative;
	color:#fff;
	line-height:21px;
}

#homeblog-carousel .blog-carousel-details h2 {
	font-size:18px;
	font-weight:600;
	line-height:27px;
}

.jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 20px;
	text-align:center;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #444;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: -52px;
    right: 0;
	width: 24px;
	height: 24px;
	cursor: pointer;
    background: #d5d2d2 url(../images/carousel-arrows.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
    background-position: -24px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -24px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -48px 0;
	background-color:#f7f7f7 !important;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: -52px;
	right:26px;
    top: -52px;
	width: 24px;
	height: 24px;
    cursor: pointer;
    background: #d5d2d2 url(../images/carousel-arrows.png) no-repeat 0 -26px;		
}

.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
    background-position: -24px -26px;

}

.jcarousel-prev-horizontal:active {
    background-position: -24px -26px;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -48px -26px;
	background-color:#f7f7f7 !important;	
}

#testimonials {
	min-height:180px;
}

span.caption  {
	position:relative;
	clear:both;
	font-size:13px;
	background:#fff;
	color:#888;
	line-height:14px;
    text-align:center;
    display:block;
	width:100%;
	left:0;
}

span.caption .fig {
    font-weight: 700;
    margin-right: 5px;
}

span.caption a {
	color:#444;
}

div.caption > i.icon-check {
    margin-right: .4em;
}

span.item-on-hover, .grid-item-on-hover, .grid-client-on-hover {
	cursor:pointer;
	display: block;	
	opacity: 0; 
	filter: alpha(opacity=0); 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background: url(../images/item-on-hover.png) repeat;
	 
}

span.item-on-hover-white {
	cursor:pointer;
	display: block;	
	opacity: 0; 
	filter: alpha(opacity=0); 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background: url(../images/item-on-hover-white.png) repeat; 
}

.portfolio img {
	display:block;
}

#featured-carousel-wrap .mask {
    height: 280px;
}
#featured-carousel-wrap li {
    width: 260px;
    height: 280px;
}
#featured-carousel-wrap i {
    margin-right: 4px;
}

.featured-img-link {
    position:relative;
    display:block;
    width:240px;
}
.featured-img-link:hover {
    box-shadow: #888 0 1px 4px;
}

.featured-img-link a {
    display:block;
    color:#fff;
}
.featured-img-link a h3 {
    color: #fff;
}

.featured-img-link .info-on-hover {
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    cursor:pointer;
	display: block;	
	opacity: 0; 
	filter: alpha(opacity=0); 
	background: #3e9cc5;
    width:220px;
    height:220px;
    transition: opacity linear 200ms;
    padding: 10px;
}
.featured-img-link a:hover .info-on-hover {
    opacity: 0.9; 
	filter: alpha(opacity=90); 
}

.info-top h3 {
    font-size: 20px;
}
.info-middle {
    position:absolute;
    top: 80px;
    font-size: 12px;
    line-height: 18px;
    width:220px;
}
.info-bottom {
    position: absolute;
    top: 190px;
    font-size: 12px;
    line-height: 18px;
}

.featured-img-link img {
    display:block;
    width: 240px;
    height: 240px;
    margin:0;
}
.featured-img-link .details h3 {
    display:block;
    margin:0;
    width: 230px;
    text-align:center;
    background-color:#333;
    font-size:12px;
    line-height:14px;
    color:#ccc;
    padding:10px 5px;
}
.featured-img-link .details.two-row h3 {
    margin-top: -7px;
    height: 20px;
    line-height: 12px;
}
.featured-img-link .details h3 i {
    color: #8c5;
    font-size:14px;
}
.grid-item-on-hover {
	text-align:left;
	width:90%;
	padding:0 5%;
}

.grid-client-on-hover {
    width: 180px;
    height: 150px;
    padding: 0;
    text-indent: -99999px;
}

.grid-item-on-hover .grid-text {
	position:relative;
	left:5%;
	top:5%;
	text-align:left;
	width:90%;
}

.grid-item-on-hover .grid-text p {
	color:#fff;
	padding:15px 0 0;
	opacity:0.6;
}

.item-small .grid-item-on-hover p, .item-long .grid-item-on-hover p {
	padding:0;
}

.grid-item-on-hover h2 {
	color:#fff;
	font-size:20px;
	line-height:25px;
    margin:0;    	text-transform:uppercase;	
	position:relative;
}

.grid-item-on-hover span {
	color:#fff !important;
	font-size:12px;
    line-height: 18px;
	text-transform:uppercase;
	opacity:0.9;
	position:absolute;
	left:8%;
	bottom:5%;
	text-align:left;
	width:80%;
}

.item-high .grid-item-on-hover h1 {
	font-size:20px;
	line-height:26px;
	width:80%;
	left:10%;
}

.item-wide .grid-item-on-hover span {
	font-size:12px;
}

.item-small .grid-item-on-hover h1 {
	font-size:20px;
	line-height:26px;
}

.item-on-hover *{
	filter:inherit;
} 

span.hover-link {
	width:35px;
	height:35px;
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;	
	position:absolute;
	display:block;
	opacity: 0; 
	filter: alpha(opacity=0); 	
}

span.hover-image {
	width:35px;
	height:35px;
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;	
	position:absolute;
	display:block;
	opacity: 0; 
	filter: alpha(opacity=0);	
}

span.hover-video {
	width:35px;
	height:35px;
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;	
	position:absolute;
	display:block;
	opacity: 0; 
	filter: alpha(opacity=0);	
}


/*-----------------------------------------------------------------------------------*/
/*	11.	Sidebar
/*-----------------------------------------------------------------------------------*/

#sidebar {
	width:260px;
	float:right;
}

#sidebar h3 {
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
}

.widget {
	overflow:hidden;
	margin-bottom:55px;
}

.widget a {
	color:#444;
}

.widget ul li {
	font-size:12px;
	padding:5px 0 5px 0;
}

.widget ul li span {
	font-size:12px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0;
	text-align:center;
}

.widget ul li:last-child {
	border-bottom:0 none;
}
.tags ul li {
	float:left;
	margin:0 4px 4px 0;	
	padding:0;
}
.tags ul li a {
	display:block;
	padding:6px 13px;
	background:#f9f9f9;
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;	
}

.tags ul li a:hover {
	color:#fff;
}

.recent-posts {
    font-size: 12px;
}
.recent-posts a.sidebar-block-link {
    display: block;
}
.recent-posts a.sidebar-block-link:hover {
    color:#3e9cc5;
}
.sidebar-block-link:hover h5, .sidebar-block-link:hover span {
    color:#3e9cc5;
}

.sidebar-post {
	overflow:hidden;
	border-bottom:1px solid #efefef;
	margin-bottom:15px;
	padding-bottom:15px;
	position:relative;
}

.sidebar-post:last-child {
	border-bottom:0 none;	
}

.sidebar-post span {
	float:left;	
	clear:both;
	width:100%;
} 

.sidebar-post h5 {
	font-size:13px;
	font-weight:600;
	margin-bottom:5px;
	float:left;
}

.featured-sidebar {
	width:200px;
	float:left;
	border:1px solid #dfdfdf;
}

.featured-sidebar ul {
	border-bottom:1px solid #efefef;
}

.featured-sidebar a{
	color:#686868;
	width:180px;
	height:36px;
	line-height:36px;
	display:block;
	font-weight:600;
	margin-left:10px;
	border-bottom:1px solid #efefef;
}

.featured-sidebar ul li.selected {	
	background: url(../images/featured-arrow.png) no-repeat scroll 200px center;
	width: 210px;
}

.featured-sidebar ul li a:hover {
	color:#444;
}



.featured-sidebar ul li.selected a {
	width:180px;
	height:36px;
	z-index:1000;
}

.featured-sidebar ul li:last-child a {
	border-bottom:0 none;
}


/*-----------------------------------------------------------------------------------*/
/*	12.	Portfolio
/*-----------------------------------------------------------------------------------*/

ul#filters {
	float:left;
	margin-top:6px;
}

ul#filters li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
}

ul#filters li a {
	color:#686868;
	background:#f7f7f7;
	padding:8px 15px 9px 15px;
	margin-left:1px;
	font-weight:600;
	display:block;
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;	
}

ul#filters li a.selected {
	color:#fff;
}

.homepage-grid {
	clear:both;
	position:relative;
}

.homepage-grid .bgtitle {
	margin-bottom:20px;
}

ul#home-filters {
	position:absolute;
	top:0;
	right:0;
}

ul#home-filters li a {
	color:#686868;
	background:#f7f7f7;
	padding:3px 15px;
	margin-left:1px;
	font-weight:600;
	display:block;
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;	
}

ul#home-filters li a.selected, ul#home-filters li a:hover {
	color:#fff;
}

#home-filters li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
}

.portfolio {
	clear:both;
	overflow:hidden;
	margin-right:-20px;
}

.portfolio .portfolio-carousel-details {
	height:auto;
	border-bottom: 1px solid #EFEFEF;
}

.portfolio .portfolio-carousel-details  span {
	padding-bottom:15px;
	display:block;
	color:#A1A1A1;
}

.portfolio li {
	margin-right:20px;
	float:left;
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
	background:#fff;
	padding:0;
	text-align:center;
   -webkit-transition:background 0.2s ease-in;
   -moz-transition:background 0.2s ease-in;
   -o-transition:background 0.2s ease-in;
   transition:background 0.2s ease-in;		
}

.portfolio li:hover {
}

.portfolio li.item-wide, .portfolio li.item-wide img {
	width:460px !important;
	height:376px !important;
	border-bottom: none !important;
}

.portfolio li.item-small, .portfolio li.item-small img {
	width:220px !important;
	height:178px !important;
	border-bottom: none !important;
}

.portfolio li.item-high, .portfolio li.item-high img {
	width:220px !important;
	height:376px !important;
	border-bottom: none !important;
}

.portfolio li.item-long, .portfolio li.item-long img {
	width:460px !important;
	height:178px !important;
	border-bottom: none !important;
}

.portfolio h3 {
	position:relative;
	clear:both;
	font-size:13px;
	color:#f1f1f1;
	margin:0;
	width:100%;
	left:0;
	font-weight:600;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.portfolio h3 a {
	left:-20px;
	color:#f1f1f1;
}

.portfolio p {
	padding:0 7px 20px;
	margin:0;
}	

#portfolio-wrapper a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;	
}

#portfolio-wrapper .four-columns img {
	width:220px;
	height:auto;
	display:block;
}

#portfolio-wrapper .three-columns img {
	width:300px;
	height:auto;
	display:block;
}

#portfolio-wrapper .two-columns img {
	width:460px;
	height:auto;
	display:block;
}

#portfolio-wrapper .one-column img {
	width:220px;
	height:auto;
	display:block;
}

#portfolio-wrapper .four-columns li {
	width: 220px;
	height:263px;
	display: block;
	position: relative;
}

#portfolio-wrapper .three-columns li {
	width: 300px;
	height: 328px;
	display: block;
	position: relative;
}

#portfolio-wrapper .two-columns li {
	width: 460px;
	height: 459px;
	display: block;
	position: relative;
}

.item-details p {
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #efefef;
}

.item-details span {
	color:#444;
}

.portfolio-single {
	margin-bottom:50px;
	overflow:hidden;
}

.previous-post-link a, .next-post-link a {
	width:25px;
	height:25px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-top:10px;
	-webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;	
}

.proj-image img {
	display:block;
}
.portfolio-gallery {
	width:960px;
	height:auto;
}

.portfolio-gallery a {
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}

.portfolio-gallery img {
	width:300px;
	height:auto;
	display:block;
}

.portfolio-nav {
	float:right;
	position:relative;
	margin-top:16px;
}

.portfolio-nav a {
	display:block;
	width:23px;
	height:25px;
	text-indent:-9999px;
	float:left;
	margin-left:10px;
	-webkit-transition:background 0.2s linear; 
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;	
}

.gallery-page {
	width:960px;
}

.gallery-page li {
	width:300px;
	margin:0 20px 20px 0;
	position:relative;
	float:left;
}

.gallery-page li a {
	display:block;
}

.gallery-page li img {
	width:100%;
	height:auto;
	display:block;
}


/*-----------------------------------------------------------------------------------*/
/*	13.	Blog
/*-----------------------------------------------------------------------------------*/

.quote-article h4 {
	font-size:12px;
	text-transform:uppercase;
}


.post-content i.icon-quote-left, .post-content i.icon-facetime-video, .post-content i.icon-link, .post-content i.icon-camera-retro, .post-content i.icon-music {
	font-size:16px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	color:#686868;
	position:absolute;
	right:0;
	top:10px;
}

.post-content .post-meta-author {
    float: right;
    color: #3e9cc5;
}
.post-content .post-meta-author i, .post-content .post-meta-time i {
    margin-right: 5px;
}
.post-content .post-meta-time {
    float: left;
        color: #3e9cc5;
}
.post-title-link {
    font-size: 32px;
    font-weight: 200;
    line-height: 44px;
    padding-left:0;
}

#blog-page .post-content i.icon-pencil,#blog-page .post-content i.icon-quote-left,#blog-page .post-content i.icon-facetime-video,#blog-page .post-content i.icon-link,#blog-page .post-content i.icon-camera-retro,#blog-page .post-content i.icon-music {
	top:0 !important;
}	

#blog-page div.jp-audio div.jp-type-single div.jp-progress {
	width: 59%;
	left: 16%;	
}

#blog-page div.jp-audio {
	margin-bottom:20px;
}

.columns-two .vimeo-article iframe {
	width:460px !important;
	height:259px !important;
}

.columns-three .vimeo-article iframe {
	width:300px !important;
	height:169px !important;
}

h1.masonry-title {
	clear:both;
	font-size:18px;
	font-weight:600;
	line-height:26px;
}

.music-article h1.masonry-title {
	margin-top:20px;
}

h1.masonry-title a, .post-content h1 a {
	color:#323232;
}

.columns-three .masonry-post {
	width:300px;
	position:relative;
}	

.columns-two .masonry-post {
	width:460px;
	position:relative;
}	

#posts {
	float:left;
	position:relative;
	width:640px;
	margin-right:40px;
	overflow:hidden;
}

#blog-page .post {
	border-bottom:1px solid #ccc;
}

.single-post .post {
	border-bottom:0;
	margin-bottom:0px;
	padding-bottom:0px;
}

h1.post-title {
	clear:both;
}

.meta a {
	color:#c7c7c7;
}

.resources-link {
    display:block;
    padding: 20px;
    border: 1px dotted #aaa;
    margin: 0 0 20px 0;
    height: auto;
}
.resources-link div .sub {
    color: #999;
}
a.resources-link:hover {
    background-color: #ECF5FF;
}
.resources-link div h3 {
    color: #999;
    margin:10px 0 20px 0;
    font-size: 22px;
    line-height: 29px;
}
.resources-desc {
    height: 100%;
}

img.post-small-thumb {
     width: 100%;
}

.post-thumbnail {
	display:inline-block;
	clear:both;
	margin-top:0px;		
}

.video-thumbnail {
	margin-bottom:30px;
	display:block;
	clear:both;
	margin-top:0px;	
}

.post-thumbnail a {
	display:block;
	position:relative;
}

.post-thumbnail img {
	width:450px;
	height:auto;		
}

.single-post .masonry-post-meta, .portfolio-content .masonry-post-meta {
	height:50px;
	line-height:50px;
}

.meta {
	clear:both;
	float:left;
	margin-bottom:20px;
}

.meta span {
	padding-left:23px;
	float:left;
	margin-right:20px;
}

.meta span.post-date {
	background:url(../images/calendar.png) no-repeat scroll 0 3px;
	color:#C7C7C7;
}	

.meta span.post-author {
	background:url(../images/author.png) no-repeat scroll 0 3px;
}	

.meta span.post-comment {
	background:url(../images/comment.png) no-repeat scroll 0 4px;
}	

.meta p {
	margin:0;
	padding:5px 0;
}

.excerpt {
	width:100%;
	clear:both;
}

p.readmore {
	text-align:right;
}

.post {
	margin-bottom:50px;
	padding-bottom:20px;
	border-bottom:1px solid #efefef;
	overflow:hidden;
	position:relative;
}

.post-content {
	clear:both;
	position:relative;
}

.post blockquote {
	border-bottom:2px solid #d6d6d6;
	border-left:none;
	margin:0;
	padding:20px;
	background:#f9f9f9;
	font-size:13px;
	margin-bottom:20px;
}

#blog-page .post blockquote {
	clear:both;
	border-bottom:none;
	border-left:2px solid #ebebeb;
	margin:0;
	padding:20px;
	background:#fff;
	font-size:16px;
	margin-bottom:20px;	
}

.presentation-download-link {
    float:left;
    display: block;
    width: 96%;
    margin:4px 20px 10px 0;
	padding: 4px;
	border: 1px solid #eee;
	border-radius: 3px;	
}

.presentation-download-link .link-info {
    margin-left: 8px;
}

.presentation-download-link .link-info-below {
    margin: 0 0 4px 8px;
    line-height: 16px;
}

.full-width-image {
    width: 97%;
}

.right-image {
    float:right;
    margin:4px 0 10px 20px;
	padding: 4px;
	border: 1px solid #eee;
	border-radius: 3px;	
}

.left-image {
    float:left;
    margin:4px 20px 10px 0;
	padding: 4px;
	border: 1px solid #eee;
	border-radius: 3px;	
}

.post-image {
    margin:5px 0 20px;
}

ul.tags {
    padding:0 0 10px;
    position:relative;
	overflow:hidden;
}

ul.tags a {
	color:#c7c7c7;
}

ul.tags li {
    display:inline;
    float:left;
    height:16px;
    line-height:20px;
    margin:30px 20px 0 0;
}

.tag-title {
    background-image:none;
    float:left;
    line-height:18px;
    margin:30px 20px 0 0;
}
.post-list-tags {
    display: block;
}
.post-list-tags .list-tags-title {
    display:inline;
    background-image:none;
    line-height:20px;
    margin:10px 20px 0 0;
    font-weight: 600;
}
.post-list-tags ul {
    display: inline;
}
.post-list-tags ul li {
    display:inline;
    height:16px;
    line-height:20px;
    margin:10px 20px 0 0;
}

.author-bio {
    clear:both;
    margin:30px 0 0;
    overflow:hidden;
    padding:15px 0 15px;
    position:relative;
}

.authorp {
    float:left;
    width:82%;
}

.authorp h2 {
	color:#C7C7C7;
}
.authorp h2 a {
	color:#444;
}

.author-bio p {
	margin-bottom:0;
}	

.author-bio img {
    float:left;
    margin:0 25px 0 0;
}

.inner-blog-gallery li {
	float:left;
	display:block;
	margin-right:20px;
	margin-bottom:30px;
	position:relative;
}

.inner-blog-gallery li a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	width:145px;
	height:145px;	
}

.inner-blog-gallery img {
	display:block;
}	

.next-prev-posts {
	margin-top:20px;
	padding:1px 0;
	overflow:hidden;
	font-size:12px;	
	text-transform:uppercase;
	font-weight:600;
}

.next-prev-posts .disabled {
    color: #ddd;
}

.next-prev-posts .previous-post {
	width:50%;
	float:left;
	padding:13px 0;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCC;
	border-bottom-color: #CCC;	
	text-align:left;
}	

.next-prev-posts .next-post {
	width:50%;
	float:right;
	padding:13px 0;
	text-align:right;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

.next-prev-posts a {
	color:#323232;
}

.previous-post i {
	margin-right:10px;
}

.next-post i {
	margin-left:10px;
}

/*--- Blog With Slides ---*/

.portfolio-single .percent-three-fourth {
	min-height:30px;
}

.columns-two .slides_container {
	width:460px;
	height:240px;
	display:none;
}

.columns-two .slides_container .slide {
	width:460px;
	height:240px;
	display:block;
}


.columns-three .slides_container {
	width:300px;
	height:157px;
	display:none;
}

.columns-three .slides_container .slide {
	width:300px;
	height:157px;
	display:block;
}

.post .slides_container {
	width:640px;
	height:335px;
	display:none;
}

.post .slides_container .slide {
	width:640px;
	height:335px;
	display:block;
}

.columns-three div.jp-audio div.jp-type-single div.jp-progress {
	display:none;
}

.blog-slides {
	position:relative;
}

.slides_container {
	width:940px;
	display:none;
}

.slides_container div.slide {
	width:940px;
	display:block;
}

#slides {
	margin-bottom:10px;
	position:relative;
}

.blog-slides .next, .blog-slides .prev, #slides .next, #slides .prev, .post .next, .post .prev {
	position:absolute;
	top:50%;
	margin-top:-21px;
	width:27px !important;
	height:43px !important;
	display:block;
	z-index:101;
	background:#656565;
}

.blog-slides .next img,.blog-slides .prev img, #slides .next img, #slides .prev img,  .post .next img, .post .prev img {
	height:auto;
	width:auto;
}

#slides .next img,#slides .prev img {
	height:auto;
	width:auto;
}

#slides .next {
	right:0;	
}

#slides .prev {
	left:0;	
}


.blog-slides .next {
	right:0;	
}

.blog-slides .prev {
	left:0;	
}

#featured-carousel-wrap i.icon-arrow-right, #featured-carousel-wrap i.icon-arrow-left {
	margin-right:0;
}

.slide img {
	width:100%;
	height:auto;
	overflow:visible;
	vertical-align:bottom;
}

.slide a {
	display:block;
	margin:0;
	padding:0;
}

.pagination {
display:none;
}

.pagination li {
 display:none;
}

.pagination li a {
display:none;
}

#slides .caption {
display:none;
}


.blog-slides .caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	text-shadow:none;
}

/*--- Comments ---*/

.commentlist {
    list-style-type: none;
    margin: 30px 0 40px;
}

.comment {
    margin-top: 35px;
    position: relative;
	padding:0;
	display:inline-block;
}

.comment a {
	color:#444;
}

.commentwrap {
	margin: 0 0 0 100px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #EFEFEF;
}

.avatar {
    left: 0;
    position: absolute;
    top: 0;
}

.avatar img {

}

a.c_reply {
	font-weight:600;
	background:#f9f9f9;
	padding:2px 5px;
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;
}

.metacomment {
    margin-bottom: 10px;
	padding:0;
}

.metacomment span {
    font-weight:bold;
    margin: 0 5px 0 0;
}

ul.threaded {
    margin-left:75px;
}

#commentform {
	width:640px;
	position:relative;
}

#commentform fieldset {
	clear:both;
}

#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
	background:#f9f9f9;
}

#commentform input:focus, #commentform textarea:focus {
	outline:none;
}

#commentform input[type="text"], #commentform input[type="email"] {
	width:174px;
	padding:7px 10px;
	font-size:12px;
	height:20px;
	line-height:20px;
}

textarea#mycomment {
	width:618px;
	padding:10px;
	clear:both;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}

#commentform input[type="submit"] {
	margin-top:5px;
	border:0 none;
}

.error_message {
	color:#ff3000;
}


/*--- Pagination ---*/

.pagenav {
    text-align:center;
	vertical-align: middle;
	margin-top: 55px;	
}

.pagenav a {
    background:#f9f9f9;
    color:#686868;
    display:inline-block;
    padding:9px 15px;
	font-weight:600;
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;		
}

span.current {
    color:#fff;
    display:inline-block;
    padding:9px 15px;
}

span.pages {
	display: inline-block;
    padding:9px 15px;
	font-weight:600;
}


/*-----------------------------------------------------------------------------------*/
/*	14.	Contact
/*-----------------------------------------------------------------------------------*/

.contact-info p {
	margin:0;
	padding:7px 0;
	border-top:1px solid #efefef;
}

.contact-info p:last-child {
	border-bottom:1px solid #efefef;
}

.contact-info span {
	color:#444;
}

.contact-map {
	margin-bottom:50px;
}

.contact-map iframe {
	width:940px;
	height:300px;
}

#contactform label {
	clear:both;
}	

#contactform input[type=text], #contactform input[type=email] {
	margin-bottom:10px;
	width:89%;
	padding:3% 5%;
	height:20px;
	line-height:20px;
	background:#f7f7f7;

}

#contactform input[type=submit] {
	font-size:12px;
	clear:both;
	float:right;
	cursor:pointer;
	margin:0;
}

#contactform input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bbb;
}
#contactform input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bbb;
}
#contactform input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bbb;
}
#contactform input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bbb;
}

#contactform input:focus, #contactform textarea:focus {
	outline:none;
}

#contactform input[type=submit]:hover {
	
}

#contactform textarea { 
	height:130px;
	clear:both;
	background:#f7f7f7;
}

.contact-info {
	padding-top: 9px;
}

.contact-loader {
	float: right;
	padding: 11px 11px 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*	15.	Footer
/*-----------------------------------------------------------------------------------*/

#footer {
	overflow:hidden;
	clear:both;
	color:#dddcdc;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset;
	background-color:#292929;
}

#topfooter {
	padding:0;
	margin:0;
}

#topfooter h6 {
	margin:0;
	font-size:12px;
	font-weight:400;
}

ul#contact-widget li {
	border-bottom:1px dotted #6b6b6b;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left:30px;
}

#topfooter ul li {
	margin-bottom:10px;
}

#topfooter ul li:last-child {
	border-bottom:none;	
}

#bottomfooter p.misc-links {
    float:right;
    text-align:right;
}
.version-info {
    color: #999;
}

ul#blog-widget li {
	border-bottom:1px dotted #6b6b6b;
	padding-bottom:10px;
	margin-bottom:10px;	
	position:relative;
	overflow:hidden;
}
ul#blog-widget li img {
	position:absolute;
	top:3px;
	left:0;
}

ul#blog-widget li h6{
	float:left;
	padding-left:75px;
}

ul#blog-widget li span{
	float:left;
	clear:both;
	padding-left:75px;
	width:auto;
}

ul#contact-widget li:last-child {
	border-bottom:0 none;
}

ul#blog-widget li:last-child {
	border-bottom:0 none;
}

li.address {
	background:url(../images/address.png) no-repeat scroll 0 2px;
}

li.phone {
	background:url(../images/phone.png) no-repeat scroll 0 2px;
}

li.email {
	background:url(../images/email.png) no-repeat scroll 0 2px;
}

#footer a {
	color:#dddcdc;
}

#footer h3 {
	font-size:17px;
	font-weight: 600;
	color: #dddcdc;
}


.bottom-subscibe {
	width:100%;
	z-index:4000;
	overflow:hidden;
	clear:both;
	padding: 20px 0 5px 0;
	margin-bottom:50px;
	background:#222222;
}

.bottom-subscibe h2{
	color:#fcfcfc;
}

.bottom-subscibe p {
    color:#c5e1ed;
}

/* Form wrapper styling */

/* Form text input */
.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}

.newsletter-form {
    width: 295px;
    padding: 0px;
    margin: 5px 0 0 0;
}

.newsletter-form input {
    width: 192px;
    height: 20px;
    padding: 10px 8px 10px 8px;
    margin:0;
    float: left;    
    font: 15px;
    border-radius: 4px 0 0 4px;
    color:#fff;
}
 
.newsletter-form input:focus {
    outline: 0;
    background-color: #fff;
}
 
/* Form submit button */
.newsletter-form button {
    overflow: visible;
    position: relative;
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 80px;
    font: 15px/40px  "Open Sans" , "Segoe UI" , "Trebuchet MS" , "HelveticaNeue" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #acd5e6;
    background: #1280ae;
    border-radius: 0 4px 4px 0;      
    
}   
   
.newsletter-form button:hover {
    background: #1D4D61;
    color: #fff;
}   
   
.newsletter-form button:active,
.newsletter-form button:focus{   
    background: #ccc;
    outline: 0;   
}
 
.newsletter-form button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}  

/*
.newsletter-form input[type="text"] {
	width:270px;
	font-size:14px;
	height:20px;
	line-height:20px;
	background: url(../images/mail.png) no-repeat 95% center;
	padding: 7px 25px 7px 10px;
	color:#fcfcfc;
	border:solid 1px #000;
}
   
.newsletter-form input:focus{
	outline:none;
} */
.newsletter-form input::-webkit-input-placeholder {
    font-family: "Open Sans" , "Segoe UI" , "Trebuchet MS" , "HelveticaNeue" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-style: italic;
}
.newsletter-form input:-moz-placeholder { 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-style: italic;
}
.newsletter-form input::-moz-placeholder { 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-style: italic;
}
.newsletter-form input:-ms-input-placeholder { 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-style: italic;
}


#bottomfooter {
	height:62px;
	line-height:42px;
	position:relative;
	overflow:hidden;
	clear:both;
	margin-top:40px;
}

#bottomfooter p {
	float:left;
	margin:0;
	font-size:11px;
}

.totop {
	background:url(../images/top.png) no-repeat scroll 0 0;
	width:37px;
	height:42px;
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-18px;
	text-indent:-9999px;
}

.footer-list-separator {
    width: 90%;
    margin: 4px 0 1px 0;
    display:inline-block;
    height:1px;
    border-bottom: 1px dotted #999;
}


/*-----------------------------------------------------------------------------------*/
/*	16.	Twitter Widget
/*-----------------------------------------------------------------------------------*/

.tweet,
.query {
	margin:0;
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
.widget .tweet_list li {
	background:none;
	padding-bottom:10px;
	margin-bottom:10px;
}

.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	background: url(../images/social/twitter-feed.png) no-repeat scroll 0 3px;
	padding-left: 30px;
}

.tweet_text {
	clear: both;
	width: 100%;
	display: block;	
}

.tweet_time, .tweet_action {
	float:left;
	margin-right:10px;
	margin-top:10px;
}
.tweet_time a, a.tweet_action {
	color:#d7d9d8!important;
}

.tweet_list li:last-child {
	border-bottom:0 none;
}

.tweet_list li a {
}

.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}


/*-----------------------------------------------------------------------------------*/
/*	17.	Flickr Widget
/*-----------------------------------------------------------------------------------*/

#flickr {
	margin: 0; 
	padding: 0; 
	overflow: hidden; 	
	width:270px;
}

#flickr li { 
	list-style: none; 
	float: left; 
	margin: 0 9px 9px 0; 
	border:0 none;
	padding:0;
}

#flickr  img { 
	display: block; 
	width:45px;
	height:45px;
}

#flickr a img { 
	border: none;
}


/*-----------------------------------------------------------------------------------*/
/*	18.	Social Widget
/*-----------------------------------------------------------------------------------*/

ul.social {
	float:right;
	margin-right:-5px;
}

ul.social li {
	display:inline;
}

ul.social li a {
	display:block;
	width:38px;
	float:left;
	height:32px;
	text-indent:-9999px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-0-transition:background 0.2s linear;
	transition:background 0.2s linear;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
}

ul.social li a:hover {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
a.google {
	background:url(../images/social/google.png) no-repeat scroll center center;
}
a.google:hover {
	background-color:#e1472f;
}
a.facebook {
	background:url(../images/social/facebook.png) no-repeat scroll center center;
}
a.facebook:hover {
	background-color:#3b5998;
}
a.twitter {
	background:url(../images/social/twitter.png) no-repeat scroll center center;
}
a.twitter:hover {
	background-color:#00acee;
}
a.flickr {
	background:url(../images/social/flickr.png) no-repeat scroll center center;
}
a.flickr:hover {
	background-color:#ff0084;
}
a.rss {
	background:url(../images/social/rss.png) no-repeat scroll center center;
}
a.rss:hover {
	background-color:#f28d34;
}



/*-----------------------------------------------------------------------------------*/
/*	19.	Tabs - Toggle - Accordion
/*-----------------------------------------------------------------------------------*/
.tabs-wrapper { 
	width: 100%;
}

.tab-item {
	clear:both;
	overflow:hidden;
	padding:15px 0;
	border-bottom:1px solid #fff;
}

.tabs-container {
	float:left;
	position:relative;
	display:block;
	width:100%;
}

.tabs-wrapper .tab-content { 
	background:#fff; 
	padding:20px;
	overflow:hidden; 
	border: 1px solid #EFEFEF;
	border-radius: 0px 3px 3px 3px;
}

ul.tabs {
	float: left; 
	height: 34px; 
	width: 100%; 
	padding-left: 0 !important; 
	margin-bottom: 0 !important;
}

.tabs-container p:last-child {
	margin-bottom:0;
}

ul.tabs li { 
	float: left; 
	padding-left: 0 !important; 
	overflow: hidden; 
	padding-bottom: 0; 
	position: relative; 
	text-align:center;
	outline:none;

}

ul.tabs li a { 
	height: 34px; 
	line-height: 34px; 
	text-decoration:none; 
	font-size:12px; 
	display: block; 
	padding: 0 25px; 
	outline:none;
	border:1px solid #fff;
	color:#9a9a9a;
	font-weight:600;
}

ul.tabs li:last-child {
	
}

ul.tabs li a:hover { 
	color:#323232;
}

ul.tabs li.active {
	top:-1px;
}

ul.tabs li.active a {
	border-left: 1px solid #EFEFEF;	
	border-right: 1px solid #EFEFEF;	
	border-bottom: 1px solid #fff;	
	color:#323232;
}

ul.tabs li.active {
	z-index: 1;
}

ul.tabs li.active, ul.tabs li.active a:hover  { 
    background:#fff;
	color:#323232;
}


/*--- Toggles ---*/

#toggle-view {
    list-style:none;    
    font-size:13px;
    margin:0;
    padding:0;
    width:100%;
	margin-bottom:20px;
}

#toggle-view li {
	margin-bottom:1px;
    border-bottom: 1px solid #EFEFEF;
	position:relative;
}

#toggle-view li:hover {

}

#toggle-view h3 {
	margin:0;
	font-size:13px;
	cursor:pointer;
    padding: 12px 10px 12px 40px;
	color:#686868;
	font-weight:400;
}

#toggle-view h3:hover, #toggle-view h3:active {
	color:#444;
}

#toggle-view span {
	position:absolute;
	left:0; top:14px;
}

#toggle-view .panel {
	display:none;
	background:#fff;
	overflow:hidden;
	padding:10px 0 20px 0;
}   

#toggle-view .panel p:last-child {
	margin-bottom:0;
}

/*--- Accordions ---*/

.ac-btn {
    background:#fbfbfb;
    border: 1px solid #EFEFEF;
    cursor: pointer;
    font-size: 12px;
    font-weight:normal;
    padding: 7px 10px;
	margin-bottom:1px;
}

.ac-btn h3 {
	margin:0;
	font-size:12px;
	cursor:pointer;
	color:#686868;
}

.ac-btn h3:hover {
	color:#444;
}

.ac-content {
    border-top: 0;
    border: 1px solid #EFEFEF;
    display: none;
    margin-bottom: 2px;
    margin-top: -3px;
    overflow: auto;
    padding: 10px 20px;
    position: relative;
    top: 1px;
}

.ac-selected {
	display:inherit;
}

.ac-selected {
	display:block !important;
}

.on {
	background: #f7f7f7;
	color:#444;
}
	
.over {
	background: #f7f7f7;
	color:#444;
}




/*-----------------------------------------------------------------------------------*/
/*	20.	Pricing Table and Tables
/*-----------------------------------------------------------------------------------*/

.pricing-column {
	text-align:center;
	width:235px;
	float:left;
	position:relative;
}

.first-column .package-value,  .first-column .package-features, .first-column .signup {
	border-left:1px solid #dbdbdb;
}

.package-value, .package-features {
	border-right:1px solid #dbdbdb;
}

.package-title {
	background:#686868;
	color:#fff;
	font-size:16px;
	height:40px;
	line-height:40px;
	border-bottom:3px solid #545454;
	border-right:1px solid #545454;
}

.featured-column {
	top:-10px;
	box-shadow:0px 2px 10px #dadada;
	z-index:1;
}

.featured-column .package-title {
	height:40px;
	line-height:30px;
	position:relative;
	font-weight:600;
	box-shadow:0px -1px 10px #000;
	z-index:-1;	
}

.featured-column .column-shadow {
	height:10px;
	position:relative;
	z-index:10;
	box-shadow:0px -1px 2px #dadada;
}

.pricing-table .featured-column .signup {
	padding:25px 0;
}

.pricing-column .signup {
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	padding:20px 0;
	background:#F9F9F9;
}

.pricing-column .signup .button {
	margin:0;
}

.package-value {
	background:#f9f9f9;
	height:95px;
	line-height:95px;
}

ul.package-features li {
	height:40px;
	line-height:40px;
	background:#fff;
}

ul.package-features li.alt {
	background:#f9f9f9;
}

.package-currency {
	font-size:16px;
	position:relative;
	top:-20px;
}

.package-price {
	font-size:48px;
	font-weight:600;
}

.package-time {
	font-size:16px;
}

.pricing-table, .normal-table {
    width:100%;
}

.normal-table td {
    border:1px solid #efefef;
    padding:10px 20px;
    text-align:center;
}
.normal-table tr.alt  {
    background:#fbfbfb;
}

.normal-table tr.first-column {
    background:#666666;
    color: #efefef;
}

/*--- Table 1 ---*/
.table {
	padding:3px; 
	background-color:#fcfcfc; 
	border:1px solid #f5f5f5;
}
.table table {width:100%;}
.table table tr {vertical-align:middle;}
.table table th {
	height:32px;
	padding-left:16px;
	position:relative;
	background-color:#fbfbfb;
	border-right:1px solid #ededed;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#4b4a4a) to(#333333));
    background:-webkit-linear-gradient(#4b4a4a, #333333);
    background:-moz-linear-gradient(#4b4a4a, #333333);
    background:-ms-linear-gradient(#4b4a4a, #333333);
    background:linear-gradient(#4b4a4a, #333333);
	background:-o-linear-gradient(#4b4a4a, #333333);
    -pie-background:linear-gradient(#4b4a4a, #333333);
	behavior:url(layout/plugins/PIE.htc);
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:12px; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
	color:#fcfcfc;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
.table table th:first-child {
	border-left:1px solid #ededed;
}
.table table td {
	height:28px; 
	padding-left:16px; 
	background-color:#ffffff; 
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed; 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:12px; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
	color:#8e8e8e; 
	vertical-align:middle; 
	line-height:1em;
}
.table table td:first-child {
	border-left:1px solid #ededed;
}
.table table tr:hover td {
	background-color:#fcfcfc;
}


/*--- Table 2 ---*/
.table-2 {
	padding:3px; 
	background-color:#fcfcfc; 
	border:1px solid #f5f5f5;
}
.table-2 table {width:100%;}
.table-2 table tr {vertical-align:middle;}
.table-2 table th {
	height:32px;
	padding-left:16px;
	position:relative;
	background-color:#fbfbfb;
	border-right:1px solid #ededed;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8) to(#f0efef));
    background:-webkit-linear-gradient(#f8f8f8, #f0efef);
    background:-moz-linear-gradient(#f8f8f8, #f0efef);
    background:-ms-linear-gradient(#f8f8f8, #f0efef);
    background:linear-gradient(#f8f8f8, #f0efef);
	background:-o-linear-gradient(#f8f8f8, #f0efef);
    -pie-background:linear-gradient(#f8f8f8, #f0efef);
	behavior:url(layout/plugins/PIE.htc);
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:12px; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
	color:#808080;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
.table-2 table th:first-child {
	border-left:1px solid #ededed;
}
.table-2 table td {
	height:28px; 
	padding-left:16px; 
	background-color:#ffffff; 
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed; 
	font-family: "Open Sans", "Segoe UI", "Trebuchet MS", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:12px; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
	color:#8e8e8e; 
	vertical-align:middle; 
	line-height:1em;
}
.table-2e table td:first-child {
	border-left:1px solid #ededed;
}
.table-2 table tr:hover td {
	background-color:#fcfcfc;
}



/*-----------------------------------------------------------------------------------*/
/*	21.	Extras
/*-----------------------------------------------------------------------------------*/

/* Hover Icon */
.blog_type{
	background-image: url(../images/hover-icon/blog.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
	width: 65px;
	top:35%;
}

.video_type{
	background-image: url(../images/hover-icon/video.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
	width: 65px;
	top:35%;
}

.links_type{
	background-image: url(../images/hover-icon/links.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
	width: 65px;
	top:35%;
}


.images_type{
	background-image: url(../images/hover-icon/images.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
	width: 65px;
	top:35%;
}

.blog-info {
    position:relative;
	top:25px;
    width: 80%;
    margin:0 auto 0 auto;
    padding-right:10px;
    text-transform: none !important;
}


/* Page title Effect */
.super-hero-unit {
  position: relative;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
.super-hero-unit h1 {
  color: white;
}
.super-hero-unit .super {
  margin-bottom: 0;
}
.super-hero-unit figure {
  position: relative;
  margin: 0;
  min-height: 100px;
}
.super-hero-unit figure figcaption {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -36px;
}
.super-hero-unit.super-hero-light {
  text-shadow: -1px -1px 0px white;
}
.super-hero-unit.super-hero-light h1, .super-hero-unit.super-hero-light p {
  color: #444444;
}
.super-hero-unit.super-marged h1 {
  margin-bottom: 48px;
}

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
}

.animated.long {
  -webkit-animation-iteration-count: 4;
  -moz-animation-iteration-count: 4;
  -o-animation-iteration-count: 4;
  animation-iteration-count: 4;
}

.animated.forever {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delayed {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
  -ms-animation-delay: .5s;
  animation-delay: .5s;
}

.animated.delayedmore {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

.smalltobig {
  -webkit-animation-name: smallToBig;
  -moz-animation-name: smallToBig;
  -o-animation-name: smallToBig;
  animation-name: smallToBig;
}

/* flash */
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}


/*-----------------------------------------------------------------------------------*/
/*	20.	Graphic Cart
/*-----------------------------------------------------------------------------------*/

/** Graph Holder container **/
.graph-container {
	position: relative; /* required Y axis stuff, Graph Holder's left and bottom sides to be positions properly */
	display: inline-block; /* display: table may also work.. */
	padding: 0; /* let the bars position themselves */
	list-style: none;
	font-size: 0.8em;
	/* Graph Holder's Background */
    background-image: -webkit-linear-gradient(left , rgba(255, 255, 255, .3) 100%, transparent 100%);
	background-image: -moz-linear-gradient(left , rgba(255, 255, 255, .3) 100%, transparent 100%);
	background-image: -o-linear-gradient(left , rgba(255, 255, 255, .3) 100%, transparent 100%);
	background-image: -ms-linear-gradient(left , rgba(255, 255, 255, .3) 100%, transparent 100%);
	background-image: linear-gradient(left , rgba(255, 255, 255, .3) 100%, transparent 100%);
	background-repeat: no-repeat;
	background-position: 0 -2.5em;
	margin-top: 40px;
	margin-bottom: 0;
	margin-left: 80px;
}

/* Graph Holder bottom side */
.graph-container:before {
    position: absolute;
    content: "";

    bottom: 0;
    left: -1.25em; /* skew pushes it left, so we move it a bit in opposite direction */

    width: 100%; /* make sure it is as wide as the whole graph */

    height: 2.5em;
    background-color: rgba(183, 183, 183, 1);

    /* Make it look perspective */
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
}

/* Graph Holder left side */
.graph-container:after {
    position: absolute;
    content: "";

    top: 1.25em; /* skew pushes it up so we move it down a bit */
    left: -2.5em;

    width: 2.5em;
    background-color: rgba(129, 129, 129, 0.4);

    /* Make it look perspective */
    -webkit-transform: skew(0deg, -45deg);
    -moz-transform: skew(0deg, -45deg);
    -o-transform: skew(0deg, -45deg);
    -ms-transform: skew(0deg, -45deg);
    transform: skew(0deg, -45deg);
}

/* Bars and X-axis labels holder */
.graph-container > li {
    float: left; /* Make sure bars are aligned one next to another */
    position: relative; /* Make sure X-axis labels are positioned relative to this element */
}
/* A small hack to make Graph Holder's background side be wide enough
   ..because our bottom side is skewed and pushed to the right, we have to compensate it in Graph Holder's background */
.graph-container > li:nth-last-child(2) {
    margin-right: 2.5em;
}
/* X-axis labels */
.graph-container > li > span {
    position: absolute;
    left: 0;
    bottom: -2em;
    width: 80%; /* play with this one if you change perspective depth */
    text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
	color: #777;
    font-size: 1.5em;
}


/* Markers container */
.graph-container > li:last-child {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* Y-axis Markers list */
.graph-marker-container > li {
    position: absolute;
    left: -2.5em;
    bottom: 0;
    width: 100%;
    margin-bottom: 2.5em;
    list-style: none;
}

/* Y-axis lines general styles */
.graph-marker-container > li:before,
.graph-marker-container > li:after {
    content: "";
    position: absolute;
    border-style: none none dotted;
    border-color: rgba(100, 100, 100, .15);
    border-width: 0 0 .15em;
    background: rgba(133, 133, 133, .15);
}

/* Y-axis Side line */
.graph-marker-container > li:before {
    width: 3.55em;
    height: 0;
    bottom: -1.22em;
    left: -.55em;
    z-index: 2; /* be above .graph-container:after */

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Y-axis Background line */
.graph-marker-container li:after {
    width: 100%;
    bottom: 0;
    left: 2.5em;
}

/* Y-axis text Label */
.graph-marker-container span {
    position: absolute;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
    top: 1em;
    left: -3.5em; /* just to push it away from the graph.. */
    width: 3.5em; /* give it absolute value of left offset */

    font-size: 1.5em;
}

/*--- Graph Bar Style ---*/

/* Bar wrapper - hides the inner bar when it goes below the bar, required */
.bar-wrapper {
    overflow: hidden;
}
/* Bar container - this guy is a real parent of a bar's parts - they all are positioned relative to him */
.bar-container {
    position: relative;
    margin-top: 2.5em; /* should be at least equal to the top offset of background casing */
    /* because back casing is positioned higher than actual bar */
    width: 12.5em; /* required, we have to define the width of a bar */
}
/* right bottom patch - make sure inner bar's right bottom corner is "cut" when it slides down */
.bar-container:before {
    content: "";
    position: absolute;
    z-index: 3; /* to be above .bar-inner */

    bottom: 0;
    right: 0;

    /* Use bottom border to shape triangle */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 2.5em 2.5em;
    border-color: transparent transparent rgba(183,183,183,1);
}

/** BACK CASING **/
/* Back panel */
.bar-background {
    width: 10em;
    height: 100%;
    position: absolute;
    top: -2.5em;
    left: 2.5em;
    z-index: 1; /* just for reference */
}

.bar-background:before,
.bar-background:after {
    content: "";
    position: absolute;
}

/* Bottom panel */
.bar-background:before {
    bottom: -2.5em;
    right: 1.25em;
    width: 10em;
    height: 2.5em;
	-webkit-backface-visibility: hidden;
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
}

/* Left back panel */
.bar-background:after {
    top: 1.25em;
    right: 10em;
    width: 2.5em;
    height: 100%;
	-webkit-backface-visibility: hidden;
    /* skew only the Y-axis */
    -webkit-transform: skew(0deg, -45deg);
    -moz-transform: skew(0deg, -45deg);
    -o-transform: skew(0deg, -45deg);
    -ms-transform: skew(0deg, -45deg);
    transform: skew(0deg, -45deg);
}

/*--- Font Casing ---*/
/* Front panel */
.bar-foreground {
    z-index: 3; /* be above .bar-background and .bar-inner */
}
.bar-foreground,
.bar-inner {
    position: absolute;
    width: 10em;
    height: 100%;
    top: 0;
    left: 0;
}

.bar-foreground:before,
.bar-foreground:after,
.bar-inner:before,
.bar-inner:after {
    content: "";
    position: absolute;
}

/* Right front panel */
.bar-foreground:before,
.bar-inner:before {
    top: -1.25em;
    right: -2.5em;
    width: 2.5em;
    height: 100%;
    background-color: rgba(160, 160, 160, .27);

    -webkit-transform: skew(0deg, -45deg);
    -moz-transform: skew(0deg, -45deg);
    -o-transform: skew(0deg, -45deg);
    -ms-transform: skew(0deg, -45deg);
    transform: skew(0deg, -45deg);
}

/* Top front panel */
.bar-foreground:after,
.bar-inner:after {
    top: -2.5em;
    right: -1.25em;
    width: 100%;
    height: 2.5em;
    background-color: rgba(160, 160, 160, .2);

    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
}

/*--- Bar Inner Unlock ---*/
.bar-inner {
    z-index: 2; /* to be above .bar-background */
    top: auto; /* reset position top */
    background-color: rgba(5, 62, 123, .6);
    height: 0;
    bottom: -2.5em;
    color: transparent; /* hide text values */

    -webkit-transition: height 0.8s ease-out, bottom 0.8s ease-out;
    -moz-transition: height 0.8s ease-out, bottom 0.8s ease-out;
    -o-transition: height 0.8s ease-out, bottom 0.8s ease-out;
    -ms-transition: height 0.8s ease-out, bottom 0.8s ease-out;
    transition: height 0.8s ease-out, bottom 0.8s ease-out;
}

/* Right panel */
.bar-inner:before {
    background-color: rgba(5, 62, 123, .6);
}

/* Top panel */
.bar-inner:after {
    background-color: rgba(47, 83, 122, .7);
}


/*--- Fill Buttons ---*/
input[name^="fill-"] {
    width: 65px;
	position: absolute;
	opacity: 0;
	cursor: pointer;
	z-index: 100;
}

input[name^="fill-"] + label {
	display: inline-block;
	margin: 0px;
	width: 65px;
	height: 30px;
	color:#686868;
	background:#f7f7f7;
	padding:3px 15px;
	line-height: 33px;
	text-align:center;
}

/* Change bars fill when a Product is selected */
/* None */
input#f-none:checked ~ .graph-container > li:nth-child(1) .bar-inner { height: 0; bottom: -2.5em; }
input#f-none:checked ~ .graph-container > li:nth-child(2) .bar-inner { height: 0; bottom: -2.5em; }
input#f-none:checked ~ .graph-container > li:nth-child(3) .bar-inner { height: 0; bottom: -2.5em; }
input#f-none:checked ~ .graph-container > li:nth-child(4) .bar-inner { height: 0; bottom: -2.5em; }
input#f-none:checked ~ .graph-container > li:nth-child(5) .bar-inner { height: 0; bottom: -2.5em; }
/* Product 1 */
input#f-product1:checked ~ .graph-container > li:nth-child(1) .bar-inner { height: 25%; bottom: 0; }
input#f-product1:checked ~ .graph-container > li:nth-child(2) .bar-inner { height: 50%; bottom: 0; }
input#f-product1:checked ~ .graph-container > li:nth-child(3) .bar-inner { height: 75%; bottom: 0; }
input#f-product1:checked ~ .graph-container > li:nth-child(4) .bar-inner { height: 100%; bottom: 0; }
input#f-product1:checked ~ .graph-container > li:nth-child(5) .bar-inner { height: 50%; bottom: 0; }
/* Product 2 */
input#f-product2:checked ~ .graph-container > li:nth-child(1) .bar-inner { height: 50%; bottom: 0; }
input#f-product2:checked ~ .graph-container > li:nth-child(2) .bar-inner { height: 100%; bottom: 0; }
input#f-product2:checked ~ .graph-container > li:nth-child(3) .bar-inner { height: 25%; bottom: 0; }
input#f-product2:checked ~ .graph-container > li:nth-child(4) .bar-inner { height: 75%; bottom: 0; }
input#f-product2:checked ~ .graph-container > li:nth-child(5) .bar-inner { height: 100%; bottom: 0; }
/* Product 3 */
input#f-product3:checked ~ .graph-container > li:nth-child(1) .bar-inner { height: 25%; bottom: 0; }
input#f-product3:checked ~ .graph-container > li:nth-child(2) .bar-inner { height: 75%; bottom: 0; }
input#f-product3:checked ~ .graph-container > li:nth-child(3) .bar-inner { height: 100%; bottom: 0; }
input#f-product3:checked ~ .graph-container > li:nth-child(4) .bar-inner { height: 50%; bottom: 0; }
input#f-product3:checked ~ .graph-container > li:nth-child(5) .bar-inner { height: 25%; bottom: 0; }


/*--- Colors Button ---*/
input[name^="paint-"] {
    width: 25px;
	height: 25px;
	position: absolute;
	opacity: 0;
	cursor: pointer;
	z-index: 100;
}
/* unselected color switch */
input[name^="paint-"] + label {
    color: #989da4;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    background: rgba(34, 35, 36, .7);/*#171b20;*/
    margin: 0 2px -7px;

    position: relative;
    cursor: pointer;
    color: transparent;
	
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 1px 1px 3px rgba(0,0,0,0.3);
    text-align: center;
}

#graph-orange + label {
	background: #fe7e17;
}
#graph-blue + label {
	background: #3e9cc5;
}
#graph-brown + label {
	background: #857d50;
}
#graph-green + label {
	background: #98ae01;
}

#graph-red + label {
	background: #e1472f;
}

#graph-purple + label {
	background: #a34670;
}

#graph-rainbow + label {
	background-color: transparent;
	background-image: url(../images/rainbow.gif);
	background-repeat: no-repeat;
}

#graph-green:checked + label, 
#graph-blue:checked + label,
#graph-rainbow:checked + label {
	box-shadow: 0 0 0 2px rgba(255,255,255,0.7), 1px 1px 3px rgba(0,0,0,0.3);
}


input#graph-orange:checked ~ .graph-container .bar-inner,
input#graph-orange:checked ~ .graph-container .bar-inner:before { background-color: rgba(255, 137, 30, 0.7); }
input#graph-orange:checked ~ .graph-container .bar-inner:after { background-color: rgba(255, 137, 30, 0.7); }

input#graph-blue:checked ~ .graph-container .bar-inner,
input#graph-blue:checked ~ .graph-container .bar-inner:before { background-color: rgba(36, 112, 184, 0.7); }
input#graph-blue:checked ~ .graph-container .bar-inner:after { background-color: rgba(36, 112, 184, 0.7); }

input#graph-brown:checked ~ .graph-container .bar-inner,
input#graph-brown:checked ~ .graph-container .bar-inner:before { background-color: rgba(85, 75, 36, 0.7); }
input#graph-brown:checked ~ .graph-container .bar-inner:after { background-color: rgba(85, 75, 36, 0.7); }

input#graph-green:checked ~ .graph-container .bar-inner,
input#graph-green:checked ~ .graph-container .bar-inner:before { background-color: rgba(116, 170, 20, 0.7); }
input#graph-green:checked ~ .graph-container .bar-inner:after { background-color: rgba(116, 170, 20, 0.7); }

input#graph-red:checked ~ .graph-container .bar-inner,
input#graph-red:checked ~ .graph-container .bar-inner:before { background-color: rgba(233, 75, 20, 0.7); }
input#graph-red:checked ~ .graph-container .bar-inner:after { background-color: rgba(233, 75, 20, 0.7); }

input#graph-purple:checked ~ .graph-container .bar-inner,
input#graph-purple:checked ~ .graph-container .bar-inner:before { background-color: rgba(118, 42, 87, 0.7); }
input#graph-purple:checked ~ .graph-container .bar-inner:after { background-color: rgba(118, 42, 87, 0.7); }


input#graph-rainbow:checked ~ .graph-container li:nth-child(1) .bar-inner,
input#graph-rainbow:checked ~ .graph-container li:nth-child(1) .bar-inner:before { background-color: rgba(196, 109, 59, .6); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(1) .bar-inner:after { background-color: rgba(216, 143, 102, .7); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(2) .bar-inner,
input#graph-rainbow:checked ~ .graph-container li:nth-child(2) .bar-inner:before { background-color: rgba(5, 123, 5, .3); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(2) .bar-inner:after { background-color: rgba(63, 122, 47, .4); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(3) .bar-inner,
input#graph-rainbow:checked ~ .graph-container li:nth-child(3) .bar-inner:before { background-color: rgba(255, 0, 0, .3); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(3) .bar-inner:after { background-color: rgba(255, 71, 71, .3); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(4) .bar-inner,
input#graph-rainbow:checked ~ .graph-container li:nth-child(4) .bar-inner:before { background-color: rgba(255, 248, 136, .3); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(4) .bar-inner:after { background-color: rgba(252, 248, 182, .5); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(5) .bar-inner,
input#graph-rainbow:checked ~ .graph-container li:nth-child(5) .bar-inner:before { background-color: rgba(5, 62, 123, .6); }
input#graph-rainbow:checked ~ .graph-container li:nth-child(5) .bar-inner:after { background-color: rgba(47, 83, 122, .7); }


/*--- Size Button ---*/
input[name^="resize-"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	z-index: 100;
}
/* unselected color switch */
input[name^="resize-"] + label {
    color: #686868;
	display: inline-block;
    background: #f7f7f7; 
	width: 70px;
	line-height: 35px;
	height: 35px;
    text-align: center;
	position: relative;
}
input[name^="resize-"]:checked + label {
    background:#f7f7f7;
    color: #686868;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3);
}

input#graph-small:checked ~ .graph-container .bar-container,
input#graph-small:checked ~ .graph-container:after,
input#graph-small:checked ~ .graph-container > li:last-child  {
    height: 10em;
}

input#graph-normal:checked ~ .graph-container .bar-container,
input#graph-normal:checked ~ .graph-container:after,
input#graph-normal:checked ~ .graph-container > li:last-child  {
    height: 30em;
}

input#graph-large:checked ~ .graph-container .bar-container,
input#graph-large:checked ~ .graph-container:after,
input#graph-large:checked ~ .graph-container > li:last-child  {
    height: 60em;
}


/*--- Spacing ---*/

/* spacing between bars */
.graph-container > li .bar-container {
    margin-right: 1.5em;
}
/* spacing before first bar */
.graph-container > li:first-child {
    margin-left: 1.5em;
}
/* spacing after last bar */
.graph-container > li:nth-last-child(2) .bar-container {
    margin-right: 1em;
}



/*--- Colors ---*/
 
/* Bar's Back side */
.bar-background {
    background-color: rgba(160, 160, 160, .1);
}
/* Bar's Bottom side */
.bar-background:before {
    background-color: rgba(160, 160, 160, .2);
}
/* Bar's Left Back side */
.bar-background:after {
    background-color: rgba(160, 160, 160, .05);
}
/* Bar's Front side */
.bar-foreground {
    background-color: rgba(160, 160, 160, .1);
}

.button-label{
	font-weight: bold;
	color: #686868;
	line-height: 40px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	display: inline;
	margin: 0 10px 0 20px;
}
.button-label:before { 
	content: " "; 
	white-space: wrap; 
}

.main span:first-of-type{
	margin-left: 0px;
}

.subscribeCheckbox input, .subscribeCheckbox label {
    display: inline-block;
    line-height:23px;
    font-weight:700;
}
.subscribeCheckbox input {
    margin-right: 10px;
}

.message-page {
    font-size: 16px;
}
.message-page h1 {
    margin: 30px 0 20px 0;
    font-size: 72px;
    line-height: 80px;
    font-weight: 200;
}
.message-page h1 strong {
    font-weight: 600;
}
.message-page p {
    margin: 5px 0 5px 7px;
    color: #888;
}
.message-page p strong {
    font-weight: 600;
}

.thank-you-page p.subtitle {
    color: #539c3e;
}
.thank-you-page h1 {
    text-shadow: 0 -1px 0 #1d5f18;
    color: #539c3e;
}

.error-page p.subtitle {
    color: #faa;
}
.error-page h1 {
    text-shadow: 0 -1px 0 #b33;
    color: #faa;
}

.header-error {
    display: inline-block;
    float:left;
    color: #ffcccc;
    font-size:12px;
    line-height: 12px;
    padding-top:10px;margin:0;
}

.post-content a.external
{
    background:url("/w2/images/external-link-arrow.png") no-repeat scroll right center transparent;
    padding:0 13px 0 0;
}
.post-content a[href $='.pdf'], a.pdf-link { 
   padding-right: 18px;
   background: transparent url("/w2/images/pdf_link_icon.png") no-repeat center right;
}

.pdf-icon-prefix {
   padding-left: 18px;
   background: transparent url("/w2/images/pdf_link_icon.png") no-repeat center left;
}

/*--- Responsive ---*/
 
@media screen and (max-width: 1125px) {
	.graph-container{ font-size: 0.7em; }
}
@media screen and (max-width: 1050px) {
	.graph-container{ font-size: 0.6em; }
}
@media screen and (max-width: 900px) {
	.button-label{ margin: 0 10px 0 0; }
	.button-label:before { content:"\A"; white-space: pre;  }
	.main { padding: 20px 20px 40px; }
}
@media screen and (max-width: 765px) {
	.graph-container { font-size: 0.5em; }
}
@media screen and (max-width: 720px) {
	.graph-container { font-size: 0.45em; }
}
@media screen and (max-width: 630px) {
	.graph-container { font-size: 0.32em; }
}
@media screen and (max-width: 360px) {
	.graph-container { font-size: 0.22em; }
	.button-label{ margin: 0 5px 0 0;}
}