/* GLOBAL   
----------------------------------------------------------*/

/* Body */
html, body { 
padding: 0;
margin:auto;
width:100%; 
height:100%;
 }

body {
font-size: 13px; 
line-height: 1.429; 
text-align: left;
}

/* Headings */
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }	
h4 { font-size: 14px; }	
h5 { font-size: 12px; }	
h6 { font-size: 11px }		
h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 150%; margin-bottom: 10px; }

/* Anchors */
a { outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited {  }
a:hover, a:active { text-decoration:none; }
a:focus {outline-style: none;}
strong, b { font-weight:800; }
p b, p strong { font-weight:600; }
p { margin-bottom:20px; line-height:22px; }
.alert strong { font-weight:700; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }

/* FONTS */
.btn, .alert, input, textarea, label, select, p, body, .post .category { font-family: 'PT Sans', sans-serif; }
i, blockquote p, .comment-meta a, .comment-reply-link, blockquote small, .post .info, .post .tags { font-family: Georgia, "Times New Roman", Times, serif; }
.media-box .mask .title, .post .post-title { font-family: 'PT Sans', sans-serif; }

::-moz-selection { background: #000; color: #fff; text-shadow:none; }
::selection { background: #000; color: #fff; text-shadow:none; }

/* Buttons */
.btn_col, .btn_col:visited {color:#fff;font-size:11px;background:#0763a2;padding:3px 9px;}
.btn_col:hover {background:#5eafcd;color:#fff;}

/* Helpers */
.clear { clear:both; }
.center { text-align:center; margin:30px auto;}
img.center { margin: 10px 0 20px 100px !important; }
.left { float:left; }
.right { float:right; }
img.right, figure.right { float: right; margin: 0 0 2em 2em; }
/*img.left,*/ figure.left {
	float: right;
	margin: 0 0 2em 2em;
	}
.align-left { float:left; margin-right:20px; margin-bottom:10px; }
.align-right { float:right; margin-left:20px; margin-bottom:10px; }
.align-center { text-align:center; }
.no-display { display:none; }
.no-border { border:none !important; }
.no-bg { background:none !important ; }
.text-justify { text-align:justify; }
.no-margin { margin:0 !important; }
.visible { display:block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.easing,.clients .client, .featured-posts .item a, #nav li ul li a, .social li a, #flickr_badge_wrapper img, .flex-direction-nav li a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .pagination a, .category a, .widget ul.list li a, .archives .list a, .tags a, .post .info a, input, textarea { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.textright {
text-align:right;
}
.floatright {
	float: right;
}
.textleft {
text-align:left !important;
}
.floatleft {
	float: left;
}
.header-bg {
	background: url('../img/background/paper-bg.png') #fff repeat top center;
}
.mpad {
	margin:20px;
}
.tpad {
	padding-top:10px;
}
#nobulletlist {
	list-style: none;
}

/* HEADER   
----------------------------------------------------------*/
.header-wrap {
padding: 0px 0px 0px 0px;
}

.header .menu {
display:none; 
width:100%;
height:auto;  
font-weight:800; 
text-transform:uppercase; 
}




/* LOGO */
#logo { padding:10px 0 10px 0;max-width:222px;margin-right:0px;padding-right:0px; }
#logo h1 { margin-bottom:0; margin-top:15px; line-height:100%; }
#logo p { margin:1px 0 7px 0; }
#logo img { max-height:70px; float:left; margin-right:16px; }
#logo a:hover { text-decoration:none; background:none; }

/* NAV MENU */
#nav {
	float:right;
	list-style: none;
	margin-left:0px;
	padding-left:0px;
	margin-top:40px;
}
#nav ul {
	list-style:none;
	float:left;
	padding: 0 10px;
}
#nav li{
	float:left; /* makes horiz list */
	position:relative; /* hey Submenu ULs, appear below! */
	background: url('../img/background/arrow.gif') no-repeat 100% 25%;
}
#nav ul a {
	//display:block;
	//line-height:18px;
	//padding:2px 10px;
	//text-decoration:none;
	//min-width: 50px;
	//min-height: 35px;
	background: url('../img/background/arrow.gif') no-repeat 100% 25%;
	
	padding:12px; /*space the items, occupy entire height too.*/
	text-decoration:none;
	color:#fff;
}
#nav > li:last-child {
	margin:0px 25px 0px 0px;
}  
#nav li a {
	color:#434242;
	height:30px;
	list-style:none;
	
	font-size:14px;
	font-weight:bold;
	padding:0px 25px 0px 25px;
	position:relative;
	display: block;
}
#nav li a:hover, #nav li a.selected:hover, #nav li a.current { 
	text-decoration:none;
}

/* menu level 2 */
#nav ul {
	display:none;
	//position:absolute;
	//width:250px;
	//z-index:310;
	//margin:0;
	//top:22px;
	//left:0;
	//padding: 0px 0px 0px 0px;
	background-color:#fff;
	//border-bottom:1px solid #0763a2;
	//border-top:1px solid #0763a2;
	
	list-style: none;
	margin:0; /* Appear just below the hovering list */
	padding:0;
	width:200px; /* specify the width. */
	position:absolute; /* needed */
	z-index:500; /* specify the order */
 }

#nav ul li {
	padding:0;
	margin:0;
	
	top:5px;
}

#nav ul li a {
	text-align:left;
	padding:5px 20px;
	font-size:12px;
}

#nav ul li:first-child a { border-top:none;color:#434242;}
#nav ul li:last-child a { border-bottom:none;color:#434242; }

/* menu level 3 */
#nav ul ul {
	top:0;
	left:100%; /* Position the sub menus to right. */
	//left:auto;
	//right:100%;
	//padding:0px 0px 0px 0px;
	//background-color:#fff;
	//background:url(../img/background/nav-dropdown-left.png) 160px 16px no-repeat;
}
/* social links */
.social { clear:right; float:right; list-style:none; margin:34px 0 10px 0; }
.footer .social { float:none; }
.footer .social li a {
	margin:0 5px 8px 0;
	}
.social li { display:inline-block; text-indent:-999em; }
.social li a { display:block; width:32px; height:32px; margin-left:5px; background-image:url(../img/background/social.png); background-repeat:no-repeat; 
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.social li:first-child a { margin-left:0; } 
.social li a:hover { border-top-left-radius:0px; }
.social li a.facebook:hover { background-color:#3c5fac; }
.social li a.twitter { background-position:-32px 0; }
.social li a.twitter:hover { background-color:#5ec3df; }
.social li a.flickr { background-position:-64px 0; }
.social li a.flickr:hover { background-color:#FF0084; }
.social li a.rss { background-position:-96px 0; }
.social li a.rss:hover { background-color:#ff9900; }
.social li a.dribble { background-position:-128px 0; }
.social li a.dribble:hover { background-color:#EA4C89; }
.social li a.lastfm { background-position:-160px 0; }
.social li a.lastfm:hover { background-color:#D51007; }
.social li a.linkedin { background-position:-192px 0; }
.social li a.linkedin:hover { background-color:#2089b5; }
.social li a.vimeo { background-position:-224px 0; }
.social li a.vimeo:hover { background-color:#0dadd6; }
.social li a.google { background-position:-256px 0; }
.social li a.google:hover { background-color:#c63d2d; }
.social li a.forrst { background-position:-288px 0; }
.social li a.forrst:hover { background-color:#5b9a68; }
.social li a.skype { background-position:-320px 0; }
.social li a.skype:hover { background-color:#00aff0; }
.social li a.picassa { background-position:-352px 0; }
.social li a.picassa:hover { background-color:#ffd34e; }
.social li a.youtube { background-position:-384px 0; }
.social li a.youtube:hover { background-color:#c8312b; }
.social li a.pinterest { background-position:-416px 0; }
.social li a.pinterest:hover { background-color:#cb2027; }
.social li a.tumblr { background-image: url(../img/background/tumblr.png); }
.social li a.tumblr:hover { background-color: #2C4762; }

/* FOOTER
----------------------------------------------------------*/
.footer { padding-top:30px; padding-bottom:20px; }
.footer h3, .blog-part h3 { clear:left; margin-bottom:20px; font-size:14px; }
.footer .widget { min-height:1px; }
.text-widget .logo { width:56px; float:left; margin:0 15px 10px 0; }
.footer #twitter-list a { font-style:italic; }
.copy-text p, .copy-text { padding-top:5px; margin-bottom:0; font-size:11px; }

.widget_title {
background: url(../img/background/line-widget-title.png) no-repeat;
}

/* text bar */
.tbb {color:fff;font-size:16px;font-weight:bold;}

.blueBar {
padding:20px;
background:url(http://recycleelectricity.net/wp-content/themes/cer-2013/img/background/text_bar_blue.png) repeat;
color:#fff;
font-style:italic;
}

.greenBar {
padding:20px;
background:url(http://recycleelectricity.net/wp-content/themes/cer-2013/img/background/text_bar_green.png) repeat;
color:#fff;
font-style:italic;
}

.greyBar {
	margin: 0 auto;
	background:url(http://recycleelectricity.net/wp-content/themes/cer-2013/img/background/text_bar_grey.png) repeat;
	color:#000;
	font-style:italic;
	text-align: center;
	padding:10px 0px 10px 0px;
}
.feature-image img {
	width:125px !important;
	margin:0px 0px 0px 0px;
}
.feature-text h2 {
	font-size:24px;
	line-height: 40px;
}
.feature-text p {
	font-size:16px;
	line-height: 30px;
}

.btn_l {cursor:pointer;font:bold italic 16px 'PT Sans';color:#0763a2;width:151px;height:56px;margin:0px 0px 0px 0px;border:none;background:url(../img/background/sprite.png) 0 -123px no-repeat;}
.btn_l:hover {background-position:-157px -123px;}
a.btn_l {height:39px;padding-top:17px;display:block;text-align:center;}

/* Headers - CER */
.mTitle {
	font-style:italic;
	font-weight:bold;
	font-size:20px;
	text-align:center;}

/* features block */
.postsCenter {
width:100%;
text-align:center;
margin: 0 auto;
}
.tableCenter {
margin-left:auto;
margin-right:auto;
text-align:left;
}
.postsCenter > .stepBoxes {
margin: auto;
width:100%;
text-align:center;
}
.stepBox {
display: inline-block;
vertical-align:top;
width:250px;
min-height:375px;
margin:20px 10px 0px 10px;
border:1px solid #999;
padding:10px;
}
.stepBox img {
	width:180px;
	border:1px solid #999;
}
.stepBox:hover {
	background-color:#fff287;
	cursor:crosshair;
}
.bb_text {
	min-height:200px;
}
/* Large Icons */
.large_icons ul {
	padding:10px 0 0px 0;
	display:inline-block;
	vertical-align:top;
}
.large_icons ul li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:200px;
	padding:140px 5px 0px 0;
}
.large_icons ul li:hover h4, .large_icons ul li:hover {
	color:green;
}
.large_icons ul li:last-child {
	padding-right:0;
	}
.large_icons ul li .circle_link {
	//visibility:hidden;
	position:absolute;
	top:20px;
	left:40px;
	display:block;
	width:115px;
	height:115px;
	color:#fff;
	text-indent:-999em;
	z-index:10;
	background: url(http://recycleelectricity.net/wp-content/themes/cer-2013/img/background/circles.png) 0 0 no-repeat;
}
.large_icons ul li:hover .circle_link {
	top:0px;
	visibility:visible;
}
.large_icons ul li:after {
	content:'';
	visibility:hidden;
	position:absolute;
	top:125px;
	left:40px;
	display:block;
	width:126px;
	height:24px;
	background:url(http://recycleelectricity.net/wp-content/themes/cer-2013/img/background/shadow.png) 0 0 no-repeat;
	//-webkit-transition:all .4s linear;
	//-moz-transition:all .4s linear;
	//-o-transition:all .4s linear;
	//-ms-transition:all .4s linear;
	//transition:all .4s linear;
}
.large_icons ul li:hover:after {visibility:visible;}
.large_icons ul li.bb1 .circle_link {background-position:0 0;}
.large_icons ul li.bb2 .circle_link {background-position:-131px 0;}
.large_icons ul li.bb3 .circle_link {background-position:-265px 0;}
.large_icons ul li.bb4 .circle_link {background-position:-398px 0;}
.large_icons ul li.bb5 .circle_link {background-position:-530px 0;}

.large_icons ul li {padding:140px 100px 0px 0;}
//.large_icons ul li {padding:140px 15px 0px 0;}
.c_after:after {content:'';display:block;height:0;clear:both;}

/* Benefits Block */
.benefits_block {
//float:left;
display:inline-block;
vertical-align:top;
margin:0 25px 0 25px;
width:375px;
text-align:left;
}
.benefits_block ul {
padding: 0 !important;
margin-left: 25px;
list-style-type:none;
list-style-image:url(../img/background/list-bullet.png);
text-align:left;
}
.benefits_block li {
padding: 0 !important;
margin-left: 0;
margin-top:10px;
}
.bb_titlebox {
	border-bottom:2px solid #6eaa39;
	min-height: 50px;
	text-align:center;
}
.bb_titlebox_single {
	border-bottom:2px solid #6eaa39;
	min-height: 50px;
	text-align:center;
	width:90%;
	display:inline-block;
	vertical-align:top;
}

/* FLICKR WIDGET */
#flickr_badge_wrapper img { float: left; width: 40px; height: 40px; margin: 0 14px 14px 0; }

/* TWITTER WIDGET */
#twitter-list ul{ margin-left:0; list-style:none; }
#twitter-list ul li { margin-bottom:40px; margin-right:10px; padding-left:28px; background:url(../img/background/twitter.png) left 12px no-repeat; }
#twitter-list ul li span { display:block; padding:10px 16px; line-height:158%; word-wrap:break-word; }
#twitter-list ul li a { float:right; margin-top:2px; }
#twitter-list ul li span a { float:none; margin-top:0; }

/* Full Width Page */
.alignfix {
    //width:1000px;
    //margin:auto;
}
.container {
//margin:auto;
}

/* MIDDLE   
----------------------------------------------------------*/
.middle {
padding:15px 0px 0px 0px;
margin-bottom:0px;
	}
.main-slider, .aside { margin-top:20px; }
.content .main-slider { margin-top:4px; }

.pgbullets li {
	margin-top: 20px;
}

/* SLIDER   
----------------------------------------------------------*/
.main-slider { margin-bottom:50px !important; }
.flex-container .flex-direction-nav li a { top:auto; bottom:6%; width:32px; height:32px; opacity:0; background-image: url(../img/background/slider-arrows.png); background-position: 0 0; background-repeat: no-repeat; }
.flex-container:hover .flex-direction-nav li a { opacity:1; }
.flex-container .flex-direction-nav li .next { right:0px; background-position:-32px -32px; }
.flex-container:hover .flex-direction-nav li .next { right:20px; }
.flex-container .flex-direction-nav li .next:hover { background-position:0 -32px; } 
.flex-container .flex-direction-nav li .prev { left:auto; right:72px; background-position:0 0; }
.flex-container:hover .flex-direction-nav li .prev { right:52px; }
.flex-container .flex-direction-nav li .prev:hover { background-position:-32px 0; }


/* MAINPAGE BOXES   
----------------------------------------------------------*/
/* media boxes */
.media-box { position:relative; }
.media-box img { display:block; }
.media-box .mask { display:none; position:absolute; top:0; left:0;
//width:100%;
height:100%; }
.media-box .mask .ico {
	position:absolute;
	top:0;
	left:0;
	display:block;
	//width:100%;
	height:100%;
	background-position: 90% 10%;
	background-repeat:no-repeat;
	}
.media-box .mask .ico.image { background-image:url(../img/background/media-box-image.png); }
.media-box .mask .ico.video { background-image:url(../img/background/media-box-video.png); }
.media-box .mask .ico.link { background-image:url(../img/background/media-box-link.png); }
.media-box .mask .title { width:30%; margin-left:5%; margin-top:5%; font-size:25px; font-weight:800; line-height:100%; }
.inline-media-box { padding: 0 !important; border: 0 !important; margin-bottom: 10px !important; }

/* aside */
.aside h2 { margin-bottom:15px; font-size:32px; font-weight:300; line-height:120%; /* text-transform:lowercase; */ }

/* homepage parts */
.blog-part, .blog-post, .service { padding-top:34px; margin-bottom:30px; }
.blog-part { clear:left; }
.blog-part div { padding: 0 20px 0 0px; }
.blog-post h3, .service h3 { font-size:15px; font-weight:400; margin-top:16px; margin-bottom:0px; }
.blog-post h3 { margin-bottom:8px; }
.blog-part h3 { font-weight:800; padding-bottom:10px; margin-bottom:12px; }
.blog-part div p:last-child { margin-bottom:10px; }
.latest-posts-wrap .blog-post:nth-child(4n+1) { clear: left;  } /* wp fix */

/* latest portfolio items */
.latest-portfolio { margin-top:34px; margin-bottom:30px; }
.latest-portfolio .service { margin-top:0; padding-top:0; margin-bottom:40px; }
.latest-portfolio .service h3 { float:left; line-height:100%; }
.latest-portfolio .service span { margin-top:10px; margin-left:6px; font-size:11px; font-weight:600; text-transform:uppercase; }
.latest-portfolio .service:nth-child(4n+1) { clear: left;  } /* wp fix */
.latest-portfolio .blog-part { padding-top: 0; }

/* services */
.services { clear:left; text-align:center; margin-top:20px; margin-bottom:10px; }
.services .item { margin-top:10px; margin-bottom:10px; }
.services img { display:block; margin:10px auto; width:64px; height:64px; }
.services h3 { font-weight:700; font-size:14px; }
.services .item h3 { font-weight:400; }
.services p { text-align:justify; }
.service-title { text-align:left; padding-top:0px !important; margin-bottom:0 !important; }
.service-title span { float: right; font-size: 14px; }

/* clients */
.clients { margin-top:30px; margin-bottom:30px; }
.clients .client { height:64px; margin-top:10px; margin-bottom:10px; text-align:center; opacity:.5; }
.clients .client:hover { opacity:1; }
.clients img { max-height:100%; }

/* Who's who || whos who */
.team_option {
    margin: 20px 0px 0px 0px;
}
.team_option ul, .team_option li {list-style:none;}
.team_option ul:after {content:'';display:block;height:0;clear:both;}
.bwWrapper {position:relative;display:block;}
	/* team_option */
.team_option ul {margin:0 0;}
.team_option ul li {clear:both;float:left;padding:0 0 20px 0;margin:0 0 40px 0;border-bottom:1px solid #e7e6e6;}
.team_option ul li:last-child {border-bottom:none;}
.team_option ul li .desc {float:left;width:510px;padding:0 105px 0 35px;position:relative;}
.team_option ul li .desc p {position:absolute;top:0px;left:40px;padding-bottom:100px;}
.team_option ul li .desc p strong {color:#4d4e50;}
.team_option ul li .desc .social {position:absolute;top:0px;left:0px;}
.team_option ul li .desc .social li {clear:none;float:none;padding:10px 0;margin:0;border:none;font-size:14px;font-weight:bold;}
.team_option ul li .desc .social li a {color:#434242;padding:5px 0 5px 30px;position:relative;}
.team_option ul li .desc .social li a:before {position:absolute;top:5px;left:0;content:'';display:block;width:22px;height:21px;background:#d8d8d8 url(../img/background/sprite.png) 0 -331px no-repeat;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;behavior: url(PIE.htc);}
.team_option ul li .desc .social li a:hover:before {background-color:#70b9d5;}
.team_option ul li .desc .social li a.facebook:before {background-position:0 -331px;}
.team_option ul li .desc .social li a.twitter:before {background-position:0 -371px;}
.team_option ul li .desc .social li a.website:before {background-position:0 -414px;}
	/* team_option3 */
.team_option3 ul li {clear:none;width:200px;padding:0 45px 0 0;border:none;margin-bottom:125px;}
.team_option3 ul li:nth-child(3n+3) {padding-right:0;}
.team_option3 ul li:nth-child(3n+1) {clear:both;}
.team_option3 ul li .desc {width:auto;float:none;padding:0;}
.team_option3 ul li .desc .social {top:5px;}
.team_option3 ul li .desc .social li {float:left;width:auto;padding:0 0 0 6px;font-size:0;line-height:0;}
.team_option3 ul li .desc .social li a {display:block;float:left;width:21px;height:22px;padding:0;background:#d8d8d8 url(../img/background/sprite.png) 0 -331px no-repeat;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;behavior: url(PIE.htc);}
.team_option3 ul li .desc .social li a:hover {background-color:#0763a2;}
.team_option3 ul li .desc .social li a:before {display:none;}
.team_option3 ul li .desc .social li a.facebook {background-position:0 -331px;}
.team_option3 ul li .desc .social li a.twitter {background-position:0 -371px;}
.team_option3 ul li .desc .social li a.website {background-position:0 -414px;}


/* CONTENT TYPOGRAPHY STYLES  
----------------------------------------------------------*/
.content h2, .content h3, .content h4, .content h5, .content h6 { clear:left; font-weight:400; }
.content h2 { padding-top:10px; padding-bottom:4px; margin-bottom:20px; }
.content h3 { font-weight:600; padding-top:8px; margin-bottom:12px; }
.content h6 { font-weight:600; }

/* page header */
.page-header { display:none;margin-bottom:30px !important; margin-top:18px !important; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { margin-left:12px; margin-top:6px; }
h1 small { font-size:15px; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; }

/* inline labels */
.label { font-size: 12px; text-transform:none; text-shadow:0 1px 0 rgba(0,0,0,.5); }

/* hero unit */
.hero-unit { text-align:center; margin:50px 0; padding:20px 50px 10px 50px; }
.hero-unit h1 { font-size: 40px; line-height:140%; }
.hero-unit p { font-size: 15px; margin-bottom:12px; margin-top:3px; }

.intro { font-size:17px; line-height:160%; }
.intro:first-letter {  font-size:300%;  font-weight:bold; line-height:100%; float:left; padding:10px 16px 5px 0; font-family:Georgia, "Times New Roman", Times, serif; }

pre { padding:14px 20px; margin-bottom:20px; }

/* list styles */
.content ul.list, .content ol.list { 
margin-bottom:20px; 
padding-left:8px; }
.content ul.list li, .content ol.list li { line-height:140%; margin:0 0 6px 0; }
ul.arrow li { list-style-image:url(../img/background/list-arrow.png); }
ul.light li { list-style-image:url(../img/background/list-light.png); }
ul.check li { list-style-image:url(../img/background/list-check.png); }
ul.simple li { list-style-image:url(../img/background/list-simple.png); }
ul.line li { list-style-image:url(../img/background/list-line.png); }
ul.plus li { list-style-image:url(../img/background/list-plus.png); }
ul.minus li { list-style-image:url(../img/background/list-minus.png); }
ul.cube li { list-style-image:url(../img/background/list-cube.png); }
ul.dots li { list-style-image:url(../img/background/list-dots.png); }
ul.arrowed li { list-style-image:url(../img/background/arrow.gif); }
ul.slash li { list-style-image:url(../img/background/list-slash.png); }

/* table */
.table th { font-weight:600; }

/* featured text + button */
.featured { padding:20px 0; margin-bottom:30px; }
.featured h3 { margin:10px 20px 0 26px; font-weight:400; }
.featured .featured-btn { text-align:right; } 
.featured .featured-btn .btn { margin-right:30px; }

/* blockquotes */
blockquote { margin:20px 30px 20px 0; margin-left:0 !important; font-style:italic; padding-left:70px; padding-top:20px; border:0; background:url(../img/background/quotes.png) left top no-repeat; }
blockquote.well { padding-left:70px; padding-top:20px; background-position:10px 10px; }
blockquote p { margin-bottom:12px; line-height:140%; }

/* tagline */
.tagline { padding-top:12px; padding-bottom:16px; margin-bottom:24px !important; text-align:center; }
.content .tagline { margin-top:32px; }
.tagline h3 { padding:0 80px; margin-bottom:4px; font-size:25px; line-height:134%; font-weight:300; }
.tagline p { font-size:15px; }
.tagline *:first-child { padding-top:0; margin-top:0; }
.tagline *:last-child { padding-bottom:0; margin-bottom:0; }

/* tabs */
.nav-tabs > li > a { padding-top: 15px; padding-bottom: 15px; }
.nav-tabs > li > a, .nav-pills > li > a { padding-right: 15px; padding-left: 20px; margin-right: 6px; }
.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { margin-bottom: 5px; }
.nav-tabs > li { margin-bottom:0; }
.nav-tabs > li > a { border:0; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { border:0; font-weight:800; }
.tab-content > .tab-pane, .pill-content > .pill-pane { padding:10px 20px; }
.tabs-left .nav-tabs > li:last-child > a, .tabs-right .nav-tabs > li:last-child > a { margin-bottom: 0; }
.tabs-left .nav-tabs > li > a { margin-right: 0px; }

/* accordion */
.accordion-group { border:0; }
.accordion-heading .accordion-toggle { padding:12px 15px; font-size:13px; font-weight:400; cursor:pointer; }
.accordion-heading .accordion-toggle:hover { text-decoration:none; }
.accordion-group .accordion-heading .accordion-toggle { font-weight:600; border-radius:4px; }
.accordion-group.active .accordion-heading .accordion-toggle { font-weight:800; }
.accordion-body { display:none; padding:0; margin:0; }
.accordion-body .accordion-inner { margin:0; padding:20px; line-height:160%; }
.accordion-body p { margin-bottom:0; }

/* toggles */
.toggle.accordion { margin-bottom:0; }
.accordion-group .accordion-heading .accordion-toggle i { margin-right:10px; }
.accordion-group .accordion-heading .accordion-toggle i.icon-active { display:none; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-active { display:inline-block; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-passive { display:none; }

/* lightbox titles */
div.pp_default .pp_description { margin-top:8px !important; font-size:14px !important; font-weight:600 !important; }


/* CONTACT PAGE DEFAULT with Theme
----------------------------------------------------------*/
.map { margin:30px 0; }
.contact-form { margin-top:30px; margin-bottom:30px; }
.contact-form label { display:block; }
.contact-form .text { width:94%; padding:10px; margin-bottom:20px; }
.contact-form textarea.text { min-height:100px; }
.contact-form .btn { margin-top:10px; padding:10px 60px; font-size:18px; font-weight:700; }
.contact-info { margin-top:28px; }
.contact-info p { line-height:100%; margin-bottom:10px; }
.contact-info b { min-width:60px; display:inline-block; }
.contact-info i { margin-right:10px; margin-top:3px; }
.contact-alert { margin-top:30px; }
.contact-form ul li {
	list-style:none;
}
.submit-area.loading { background-image:url(../img/background/loading.gif); background-position:right bottom; background-repeat:no-repeat; }

/* validation */
label.error { display:none !important; } 
input, textarea { outline:3px solid #fff; }

/* Contact Form 7 */
#contact input, #contact textarea {
outline:none;
}
#contact{
	list-style:none;
	margin:0;
}
#contact li{
	float: left;
    height: 40px;
	margin:0 40px 20px 0px;
    position: relative;
    width: 450px;
}
#contact li .text{
	background: #d4d4d4;
	padding:8px 10px 10px 0;
	position:absolute;
	z-index:100;
	min-width:115px;
	text-indent: 10px;
}
#contact li .required{
	position:absolute;
	left:75px;
	top:10px;
	z-index:100;
}
#contact li .wpcf7-form-control-wrap{
	position: absolute;
}
#contact li .wpcf7-form-control-wrap input, #contact li .wpcf7-form-control-wrap textarea{
	background:#fff;
	border:solid 5px #d4d4d4;
	width: 425px;
	text-indent:130px;
	z-index:100;
	margin:0;
}
#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{
	background:#f4f4f4;
}
#contact li .wpcf7-form-control-wrap textarea{
	line-height: 28px;
padding: 10px;
	height:70px;
}
#contact li#message{
	min-height:75px;
}
#contact li#submit input{
float:right;
	color:#fff;
	text-decoration:none;
	margin:20px 30px 0 0;
	background:#0763a2;
	display:block;
	padding:10px 25px;
	text-align:center;
	text-transform:uppercase;
}
#contact li#submit input:hover{
	background:#6da63f;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}
div.wpcf7-validation-errors {
    clear: left;
}


/* SIDEBAR 
----------------------------------------------------------*/
.sidebar { padding:0px 0px 30px 0px; width: 250px; }
.sidebar .widget { margin-top:20px; margin-bottom:20px; }
.sidebar .widget p:last-child { margin-bottom:0; }
.sidebar .featured-posts p:last-child { margin-bottom:8px; }
.sidebar h3 { padding-top:0px; margin-bottom:12px !important; font-size:14px; }
.sidebar .search-widget { height: 74px;  margin-bottom: 20px; }
.search-widget input { padding:6px !important; height:auto !important; width:80%; max-width:220px; }
.search-widget .send { display:none; }
.search-widget .input-append { padding-top:22px; }
.input-append .add-on, .input-append .send { margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; }
.sidebar .search-widget, .sidebar .widget { margin-left:30px; }
.widget ul li { margin-bottom:6px; }

/* sidebar list */
.sidebar ul.list { margin-left:10px; }
.sidebar ul.categories li { width:40%; margin-right:5%; float:left; }

/* featured posts */
.featured-posts h3 { margin-bottom:16px !important; }
.featured-posts .item { position:relative; min-height:60px; margin-top:5px; margin-bottom:12px; }
.featured-posts .item:last-child { border-bottom:0; }
.featured-posts .item a.image-box:hover { opacity:.6; }
.featured-posts img { position:absolute; top:0; left:0; width:70px; }
.featured-posts .info { margin-left:88px; } 
.featured-posts .info * { clear:none; padding:0; margin:0; }
.featured-posts .info h4 { line-height:100%; margin-bottom:6px; }
.featured-posts .info p { margin-bottom:10px !important; font-size:12px; line-height:120%; }


/* BLOG   
----------------------------------------------------------*/
.post-list { padding:30px 0; }
.post { margin-bottom:76px; }
.post .post-title { padding-top:0; margin-top:-4px; margin-bottom:6px; font-size:21px; }
.post .info, .post .tags { padding-bottom:10px; font-size:13px; margin-bottom:12px; font-style:italic; }
.post .category { float:right; font-size:12px; text-transform:uppercase; font-weight:600; }
.post .category:hover { background:none; }
.post .tags { padding-top:6px; margin-top:10px; }
.post .media-box  { margin-bottom:20px; }
.post-single .media-box  { padding-top:10px; padding-bottom:30px; }
.post-single .info, .post .tags { padding-bottom:0; margin-bottom:0; }
.post-single .info .category { font-style:normal; }
.post-single { //padding-top:22px; }
.post-single .info { padding-bottom:6px; }
.post-single .tags { margin-top:50px; }
.pagination { font-style:italic;}
.post-info { margin-bottom:6px; text-align:right; }
.post-content { //padding-top:14px; }

/* About the Author */
.author-bio { margin-top:50px; margin-bottom:60px; }
.author-bio .title { font-size:13px; text-align:right; }
.author-bio .author-name { padding-top: 6px; text-transform:uppercase; }

/* Comment Form */
.respond { margin-top:60px;  margin-bottom:30px; }
.respond-wrap { padding-top:20px; }
.respond-wrap .title, .respond-wrap p { padding-left:30px; padding-right:30px; }
.respond .title { font-size:24px; text-transform:uppercase; font-weight:800; }
.respond .input {  height:30px; }
.respond textarea.input { height:160px; }

/* Comments */
h3.comments-title { font-size:28px; margin-top:50px; margin-bottom:20px; text-transform:uppercase; border-bottom:0; }
ol.commentlist{	list-style-type: none; margin: 0 0 15px; }
ol.commentlist ul, ol.commentlist ol { list-style:none; }
.comment-author.vcard { font-size:18px; }
.comment-meta a{ font-style:italic; }
.commentlist .comment-body .avatar { left: 20px; position: absolute; right: auto; top: 20px; width:60px; }
.commentlist .comment-body { margin-bottom: 16px; min-height: 80px; /* overflow: hidden; */ position: relative; min-height: 90px; padding: 20px 20px 4px 96px; }
.commentlist .comment-body p { margin-top:10px; }
.commentlist .comment-body .says { display:none; }
.comment-reply-link { position:absolute; top:20px; right:20px; font-style:italic; }
.commentlist .children > li { padding-bottom: 10px; padding-left: 30px; margin-bottom: 10px; }
.commentlist .children li > .comment-body { margin-bottom: 10px;  background:none; }
.commentlist .highlighted > .comment-body { border: medium none; padding: 1px !important;}


/* PORTFOLIO   
----------------------------------------------------------*/
#portfolio { margin-left:-30px; margin-right:-8px; }
#portfolio .item { float:left; width:210px; margin-left:30px; margin-bottom:40px; }
#portfolio .item  h3.project-title { margin:13px 0 0 0; text-align:center; font-size:13px; line-height: 126%; font-weight:400;}
.portfolio-items .title { font-size:20px !important; width:60% !important; text-align:center !important; margin:20% 20% !important; }
#portfolio .item  .category { margin-top:3px; margin-bottom:12px; line-height: 134%; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-style:italic; }
#portfolio .item img {  }

/* Portfolio Filters */
#filters { list-style:none; margin:60px 0 40px 0; text-align:center; }
#filters li { display:inline-block; margin:0 10px; }
#filters a { font-size:20px; font-weight:300; }
#filters .current a { font-weight:700; }

/* Isotope Filtering */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }


/* PORTFOLIO SINGLE  
----------------------------------------------------------*/
.page-header h1 .back { font-size:15px; float:right; margin-top:11px; }
.portfolio-single, .portfolio-sidebar { margin-top:24px; margin-bottom:30px; }
.portfolio-sidebar strong { display:block; }
.portfolio-sidebar p { margin-bottom:18px; }
.portfolio-sidebar p.launch { padding-top:20px; } 

/* portfolio single - gallery */
.post-slider { min-height:100px; }
.post-slider .flex-direction-nav { display:none; }
.post-slider.with-arrow .flex-direction-nav { display:block; }
.post-slider .flex-direction-nav li a { top:36px; bottom:auto; }

/* portfolio single - video */
/* .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */


/* GRID PAGE
----------------------------------------------------------*/
.show-grid [class*="span"] { margin-bottom: 20px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 30px; line-height: 40px; }


/* 404 PAGE
----------------------------------------------------------*/
.not-found { text-align:center; }
.not-found h2 { margin-bottom:4px; line-height:110%; font-size:160px }
.not-found h3 small { font-size:17px; font-weight:300; }

/* ARCHIVES PAGE
----------------------------------------------------------*/
.archives { padding-top:20px; }
.archives h3 { font-size:14px; }
.archives ul.list { margin-top:8px; margin-bottom:30px; margin-left:16px; }
.archives ul.list li { margin-bottom:6px; }
.archives ul.list ul li { margin-bottom:4px; }
.archives ul.list li span { margin-left:10px; font-size:12px; }
.archives ul.list li ul { margin-top:6px; margin-bottom:8px; }


/* COLOR SPECIFIC STYLES GROUPED FOR EASY TEMPLATING
----------------------------------------------------------*/
/* text-colors */
body { color:#000; }
.blue {
	color: #0763a2;	
}
.green {
	color: #6da63f;
}
#nav li a, .portfolio-sidebar strong { color:#000; }
h1, h2, h3, h4, h5, h6 , h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #portfolio .item h3.project-title, .table th, .nav > li > a:hover, .contact-info b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter, #filters .current a, address strong { color:#333; }
#logo h1 a, .intro, .widget ul.list li a, .accordion-group.active .accordion-heading .accordion-toggle, .tagline h3 { color:#555; }
.aside p ,blockquote p, .accordion-group .accordion-heading .accordion-toggle, .post .tags a, .pagination a, .archives .list a, .copy-text p, a:link.go-to-top { color:#777; }
.nav > li > a, .aside h2, #logo p, .accordion-heading .accordion-toggle, .header .menu, .tagline p, .comment-meta a,  .back, .featured-posts .info p { color:#999; }
#nav ul li a, #portfolio .item  .category, #filters a, .post .info, .post .tags, .post .category a, .latest-portfolio .service span, .service-title span, .post-info, .archives .list li span, { color: #bbb; }
#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub, .media-box .mask .title, a:hover.go-to-top { 
	color:#0763a2;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .category a:hover, .widget ul.list li a:hover, .archives .list a:hover, .tags a:hover, .post .info a:hover { text-shadow:none; text-decoration:none; color:#333; background-color:#6da63f; }

/* text-shadows */
/*h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter { text-shadow: 1px 1px 0px #fff, 2px 2px 0px #ddd, 3px 3px 0px #aaa; }*/
#nav ul li a { 
	color:#0763a2;
}
.media-box .mask .title { text-shadow:0 1px 0 rgba(0,0,0,.3); }

/* backgrounds */
body { padding: 0;background:#fff; }
input:focus, textarea:focus, .flex-container .flex-direction-nav li a, .input-append .send { background-color: #fff; }
.flex-container .flex-direction-nav li a:hover { background-color:#222; }
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th, .nav > li > a:hover, .accordion-group.active .accordion-heading .accordion-toggle, .accordion-group .accordion-heading .accordion-toggle:hover, input, textarea, .commentlist .comment-body, #portfolio .item, pre, .well, .accordion-group .accordion-heading .accordion-toggle, .nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #fafafa; }
#nav li.active, #nav > li:hover, #nav ul li { 
	color:#6da63f;
}
#nav ul li a:hover { 
	color:#6da63f;
}
.media-box .mask { background:#000; background: rgba(0, 0, 0, .7); }
.commentlist .highlighted > .comment-body { background-color: #98BAB1; }
#twitter-list ul li span { background:#ddd; background:rgba(255,255,255,.3); }
.social li a { background-color:#bbb; }
.show-grid [class*="span"] { background-color: #EEE; }
input.error, textarea.error { background-color:#FFF4F4; }

/* border styles */
.header-wrap, .content h2, .tagline, .blog-part h3, .footer, .search-widget, .media-box, .author-info, .commentlist .children > li, #portfolio .item, .header .menu, #twitter-list ul li span,  .featured-posts .item { border-style:solid; }
.nav-tabs, #flickr_badge_wrapper img, .featured-posts img { border-style:solid; }

/* border-widths */
.content .footer, .author-info, #nav ul li a { border-width:1px 0 0 0; }
.footer { border-width:2px 0 0 0; }
.header-wrap,  .content h2, .blog-part h3, .search-widget, .media-box, .tagline, .featured-posts .item { border-width:0 0 1px 0; }
.commentlist .children > li { border-width:0 0 0 4px; }
.content .tagline { border-width:1px 0; }
.header .menu, #twitter-list ul li span { border-width:1px; }
.nav-tabs { border-width:0 0 5px 0; }
#flickr_badge_wrapper img { border-width:4px; }
.featured-posts img { border-width:3px; }

/* border colors */
.header-wrap, .content h2, .tagline, .blog-part h3, .content .tagline, .search-widget, .media-box { border-color:#c4c4c4; }
.author-info, .author-bio .author-name, #portfolio .item, .header .menu, #twitter-list ul li span, #flickr_badge_wrapper img, .featured-posts .item { border-color:#c4c4c4; }
.well, .footer, pre, .table th, .table td, .commentlist .children > li, input, textarea, .featured-posts img { border-color:#c4c4c4; }
#nav ul li a  { border-color:#777; cursor: default; }
#nav ul li a:link { cursor: pointer; }
.nav-tabs { border-color:#fff; }
#flickr_badge_wrapper img:hover { border-color:#D90632; }
.input-append .send:hover { border-color: #ccc; }
input:focus, textarea:focus { border-color:#ccc; outline-color:#eee; background-color:#fff; }
 

/* MEDIA QUERIES - RESPONSIVE LAYOUT  
----------------------------------------------------------*/
@media (min-width: 1200px) {
	#portfolio { margin-left:-27px; }
	#portfolio .item { margin-left:27px; margin-bottom:50px; }
}
@media (min-width: 900px) and (max-width: 1199px) {
	.stepBox {
		width:200px;
	}
	/* Benefits Block */
	.benefits_block {
		margin:0 25px 0 25px;
		width:280px;
	}
	.sidebar {
		width:220px;
	}
}
@media (min-width: 768px) and (max-width: 980px) {
	#portfolio { margin-left:-44px; }
	#portfolio .item { margin-left:44px; }
	.stepBox {
		width:175px;
	}
	/* Benefits Block */
	.benefits_block {
		margin:0 20px 0 20px;
		width:200px;
	}
	.sidebar {
		width:165px;
	}
}
@media (max-width: 768px) {
	#nav li a { padding: 17px 14px; }
	.main-slider-narrow, .aside { float: none; clear:left; display: block; width: auto; }
	.main-slider-narrow:hover .flex-direction-nav { display:none; }
	.aside { text-align:center; margin:20px 0; }
	.sidebar ul.categories li { width: 90%; margin-right: 0; float: none; }
}
@media (max-width: 767px) {
	.header { text-align:center;
	//width:100%;
	}
	#logo img { float:none; margin-right:0; }
	#logo h1 { margin-top:6px; }
	#logo p { margin-top:6px; font-size:17px; }
	//#nav { float:none; margin-top:26px; }
	//.header .social { float:none; margin-top:36px; }
	//#nav > li a { font-size:15px; }
	#nav { display:none; }
.header .social { margin-top:0; }
	.header .menu { display:inline-block; }
	#twitter-list ul li { float:left; width:40%; }
	#portfolio .item { ; margin-bottom:40px; }
	#logo { padding:24px 0 12px 0; }
	.aside { padding:12px 0 0 0; }
	.tagline h3 { padding: 0 10px; }
	.sidebar .search-widget, .sidebar .widget { margin-left:0px; }
	.search-widget input { display:block; padding:8px !important; margin:0 auto; width:90%; max-width:90%; }
	.pagination { text-align:center; }
/*.arrow-features {
display:none;
}
.circle-feature1, circle-feature2, circle-feature3 {
	width: 200px;
	height: 80px;
}*/
/* Benefits Block */
.benefits_block {
width:225px
}
@media (max-width: 720px) {
#nav { display:none; }
.header .social { margin-top:0; }
	.header .menu { display:inline-block; }
	.services, .clients, .blog-part, .featured { margin-top:26px !important; }
	.latest-portfolio .service { margin-bottom:50px !important; }
	.portfolio-single { margin-bottom:32px !important; }
	.portfolio-single.post-slider { margin-bottom:62px !important; }
	.blog-post h3, .service h3 { margin-top:8px; }
	.portfolio-part { margin-top:0 !important; margin-bottom:30px !important; }
	.post-list { padding-top:0; }
	.featured .featured-btn { text-align: center; }
	.featured .featured-btn .btn { margin-right: 0px; margin-top:14px; }
	.footer .widget { margin-bottom:50px !important; }
	#portfolio { margin:0; margin-right:-20px; }
	#portfolio .item { width:44%; margin-right:16px; margin-left:0px; margin-bottom:20px; }
	#portfolio .item h3 { margin-top:8px; }
	#portfolio .item .category { margin-top:2px; margin-bottom:10px; }
	#filters { list-style:none; margin:20px 0; }
	.search-widget .input-append, .featured h3 { text-align:center; }
	.featured h3 { margin-top:0; margin-right:26px; }
	.input-append input, .input-append .uneditable-input { float:none !important; }
	.page-header h1 .back { display:block;  float:none; margin-top:2px; text-align:right; }
	.contact-info { margin-top:12px; }
	/* Benefits Block */
	.benefits_block {
		margin:0 0px 0 0px;
		width:225px;
		display:inline-block;
	}
	
}
@media (max-width: 480px) {
	.content p { font-size:15px; line-height:24px; }
	.flexslider { min-height: 100px !important; }
	#logo { padding-top:26px; }
	#nav { display:none; }
	.header .social { margin-top:0; }
	.header .menu { display:inline-block; }
	.commentlist .comment-body { padding-left:20px; }
	.commentlist .comment-body .avatar { position:relative; float:left; left:auto; top:auto; margin-right:20px; }
	#twitter-list ul li { float:none; width:auto; }
	.page-header { padding-bottom:2px; }
	.page-header { margin-top:12px !important; }
	.page-header h1 small { font-size:13px; margin-left:0; }
	.reply { margin:10px 0; }
	.comment-reply-link { position:inherit; }
	.service-title span { float:none; margin-left:10px; }
	.media-box .mask .title { font-size:18px !important; width:90%; margin-top:18% !important; }
	.search-widget input {
		//width:100%;
		//max-width:100%; }
/*.arrow-features {
display:none;
}
.circle-feature1, circle-feature2, circle-feature3 {
	width: 200px;
	height: 80px;
	display:inline;
}*/
/* Benefits Block */
.benefits_block {
margin:0 0px 0 0px;
width:225px;
display:inline;
}
}

.pp_gallery ul a img { width: 50px; }

.featured-posts .info h4 { line-height: 150%; }