/*-----------------------------------------------------------------------------------

   Theme Name: Module2013
   Description: We're Module. We create compelling online experiences that bring your brand to life.
   Author: Designed by Module, LLC
   Author URI: http://themodule.com
   License:  Copyright ©2013 Module, LLC.  All rights reserved.
   Site Version: 6.0(?)
   
-----------------------------------------------------------------------------------*/




#content-area .margin-reset {
	margin-top: -5px;}

#content-area .sidebar.padding-reset {
	padding-top:0;
}







#content-area .container {
	/*width:172px;*/
	/*background:#111;*/
	width:100%;
	margin:0 0 30px 0;
}







#content-area #not-found {
	margin: 0;
}

#content-area #not-found h2 {
	text-align:center;
	font-size:210px;
	line-height:0px;
	font-weight:400;
	letter-spacing:-5px;
	padding-bottom:20px;
}

#content-area #not-found p {
	text-align:center;
	font-size:24px;
	line-height:32px;
}

#content-area #not-found i {
	color:#ddd;
	font-size:200px;
}

#content-area .dropcap {
	float:left;
	color:#169fe6;
	font-size:58px;
	line-height:54px;
	padding-top:4px;
	padding-right:10px;
	margin-top:-2px;
}

#content-area .dropcap.gray {
	color:#555;
}

#content-area .highlight.color, 
#content-area .highlight.gray, 
#content-area .highlight.light {
	padding:0px 4px 1px 4px;
	color:#fff;
	border-radius:2px;
}

#content-area .highlight.color {
	background:#169fe6;
}

#content-area .highlight.gray {
	background:#4c4c4c;
}

#content-area .highlight.light {
	background:#aaa;
}

#content-area blockquote {
	border-left:3px solid #e8e8e8;
	padding-left:20px;
	color:#888;
	line-height:20px;
	margin:5px 0 20px 15px;
}

#content-area .skill-bar {
	height:41px;
	position:relative;
	background:#f6f6f6;
	margin:0 0 10px 0;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .05);
}

#content-area .skill-bar-content[data-percentage] {
	text-indent:-9999px;
}

#content-area .skill-bar-content {
	background:#169fe6;
	height:41px;
	width:0;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .12);
}

#content-area .skill-bar .skill-title {
	color:#fff;
	top:9px;
	left:15px;
	position:absolute;
}

#content-area .skill-bar .percentage {
	color:#666;
	position:absolute;
	top:9px;
	left:90%;
}




#content-area .glyphicons {
	margin:15px 0 0 0;
}

#content-area .glyphicons li {
	margin:0 0 2px 1px;
}

#content-area .glyphicons li i {
	float:left;
	margin:0 5px 0 0;
}

#content-area .the-icons {
	margin:18px 0 20px 0;
}

#content-area .the-icons li i {
	font-size:24px;
	color:#555;
	float:left;
	margin:0 3px 0 0;
}

#content-area .the-icons li {
	margin:0 0 14px 0;
}






#content-area .client-list li {
	border:1px solid #444444;
	float:left;
	margin:-1px 0 0 -1px;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	clear:none;
}

#content-area .team-name {
	padding:20px 0 12px 0;
}

#content-area .team-name h5 {
	line-height:16px;
	font-size:13px;
}

#content-area .team-name span {
	display:block;
	font-weight:400;
	color:#888;
}

#content-area .team-about p {
	margin-bottom:0;
}

#content-area .team-entry {
	display:block;
	position:relative;
}

#content-area .page-title {
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	border-bottom:1px solid #444444;
}

#content-area .page-title h2 {
	font-weight:400;
	padding:0;
	float:left;
}

#content-area #breadcrumbs ul {
	float:right;
	padding:34px 0;
	font-size:12px;
}

#content-area #breadcrumbs ul li {
	display:inline-block;
	color:#888;
	padding:0 11px 0 0;
	margin:0 0 0 5px;
	background:url(../images/0-Images2/breadcrumbs.png) no-repeat 100% 50%;
}

#content-area #breadcrumbs ul li:last-child a, 
#content-area #breadcrumbs ul li a {
	color:#169fe6;
}

#content-area #breadcrumbs ul li:first-child {
	padding-right:0;
	margin-left:0;
}

#content-area #breadcrumbs ul li:first-child, 
#content-area #breadcrumbs ul li:last-child {
	color:#888;
	background:none;
}

#content-area #breadcrumbs ul li:last-child {
	padding:0;
	background:none;
}

#content-area .floated.sidebar.right {
	background:#fcfcfc;
	margin-left:-1px;
	border-left:1px solid #444444;
	-webkit-box-shadow:inset 2px 0 0 0 rgba(0, 0, 0, .03), inset 0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:inset 2px 0 0 0 rgba(0, 0, 0, .03), inset 0 2px 0 0 rgba(0, 0, 0, .03);
}

#content-area .floated.sidebar.left {
	background:#fcfcfc;
	margin-right:-1px;
	border-right:1px solid #444444;
	-webkit-box-shadow:inset -2px 0 0 0 rgba(0, 0, 0, .03), inset 0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:inset -2px 0 0 0 rgba(0, 0, 0, .03), inset 0 2px 0 0 rgba(0, 0, 0, .03);
}

#content-area .sidebar, 
.page-content {
	padding:0px;
	/*background-color: rgba(142, 218, 139, 0.08);*/
}

#content-area h4.margin {
	margin:0 0 10px 0;
}

#content-area h3.margin {
	margin:0 0 10px 0;
}

#content-area p.margin {
	margin:0 0 25px 0;
}

#content-area .line {
	height:1px;
	width:100%;
	margin: 0 0 0 0px;
	padding:0 80px 0 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
}

#content-area .widget-search {
	float:left;
}

#content-area .ie8 .widget-search, 
.ie8 .top-search {
	float:none;
}

#content-area .widget-search input {
	width:172px;
	color:#888;
}

#content-area .search-btn-widget {
	float:right;
	position:relative;
	padding:0;
	top:0;
	right:0;
	margin:0 0 0 -35px;
	background:url(../images/0-Images2/search-2.png) 50% no-repeat;
	background-color:#169fe6;
	width:35px;
	height:36px;
	cursor:pointer;
	border:none;
	z-index:100;
	border-radius:0 2px 2px 0;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#content-area .search-btn-widget:hover {
	background-color:#aaa;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .1);
}

#content-area .categories a {
	color:#666;
	display:block;
	padding:3px 0;
	padding-left:12px;
	background:url(../images/0-Images2/categories.png) no-repeat left 7px;
}

#content-area .categories li a:hover {
	color:#888;
}

#content-area .categories li:first-child a {
	margin:-6px 0 0 0;
}

#content-area .categories li span {
	color:#aaa;
}






#content-area .content-bubble .widget {
	top:-6px;
	/*background:#323255;*/
	position:relative;
	margin-bottom:15px;
	display:block;
}

#content-area .content-bubble .widget h4 {
	margin:0;
	margin-bottom: 0.30em;
}

/*#content-area .content-bubble .widget p {
	margin: 0 0 1.35em 0;
}
*/






#content-area .tags a {
	padding:3px 10px 5px 10px;
	display:inline-block;
	color:#888;
	background-color:#f2f2f2;
	margin:0 2px 6px 0;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .05);
	border-radius:2px;
}

#content-area .tags a:last-child {
	margin-right:0;
}

#content-area .tags a:hover {
	background:#169fe6;
	color:#fff;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
}

#content-area .latest-post-blog {
	margin-bottom:18px;
}

#content-area .latest-post-blog p {
	margin:0;
	color:#666;
	line-height:19px;
	margin-left:75px;
}

#content-area .latest-post-blog p a {
	color:#666;
	display:block;
}

#content-area .latest-post-blog p a:hover {
	color:#888;
}

#content-area .latest-post-blog p span {
	color:#888;
	margin:5px 0 0 0;
	display:block;
}

#content-area .latest-post-blog img {
	float:left;
	width:56px;
	height:56px;
	border:1px solid #444444;
	padding:4px;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#content-area .latest-post-blog img:hover {
	background:#169fe6;
	border:1px solid #169fe6;
}

#content-area #twitter-blog li {
	line-height:20px;
	margin:0 0 15px 0;
	padding:0 0 0 25px;
	background:url(../images/0-Images2/twitter-01.png) no-repeat left 5%;
}

#content-area #twitter-blog li:last-child {
	margin:0;
}

#content-area #twitter-blog b a, 
#content-area #twitter-blog b a:hover {
	color:#888;
	font-weight:400;
}

#content-area .flickr-widget-blog {
	margin-right:-15px;
}

#content-area .flickr-widget-blog img {
	display:block;
	width:100%;
}

#content-area .flickr-widget-blog a {
	float:left;
	width:57px;
	height:57px;
	margin-right:10px;
	margin-bottom:10px;
	border:5px solid #e8e8e8;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	border-radius:2px;
}

#content-area .flickr-widget-blog a:hover {
	border:5px solid #169fe6;
	border-radius:2px;
}

#content-area .google-map-container {
	margin:-4px 0 30px 0;
}

#content-area .google-map-container img {
	max-width:none!important;
}











#content-area .comments-sec {
	float:left;
	width:100%;
	margin:30px 0 25px 0;
}

#content-area ol.commentlist {
	float:left;
	width:100%;
	margin:0;
}

#content-area ol.commentlist li {
	float:left;
	padding:10px 0 15px 0;
}

#content-area ol.commentlist li:first-child {
	border:none;
	padding:25px 0 0 0;
}

#content-area ol.commentlist li {
	list-style:none;
}

#content-area ol li ol.childlist {
	float:right;
	width:86%;
	margin:0;
}

#content-area ol.commentlist li ol.childlist li:first-child {
	padding:25px 0 0 0;
}

#content-area ol.commentlist li ol.childlist li {
	margin:0 0 15px 0;
}

#content-area .comments-amount {
	color:#888;
}

#content-area ol li ol.childlist .comment-des {
	float:left;
	width:78%;
}

#content-area .avatar {
	float:left;
}

#content-area .avatar img {
	float:left;
	border-radius:2px;
}

#content-area .comment-des p {
	margin:0;
}

#content-area .comment-des {
	float:left;
	margin:-60px 0 0 81px;
	width:81%;
	background:#f6f6f6;
	color:#888;
	border-radius:2px;
-webkit-box-shadow:: inset 0 -1px 0 0 rgba(0, 0, 0, .06);
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .06);
	padding:17px 20px 20px 20px;
}

#content-area .arrow-comment {
	width:10px;
	height:20px;
	position:relative;
	float:left;
	background:url(../images/0-Images2/comment-arrow.png) no-repeat;
	margin-left:-30px;
}

#content-area .comment-des strong {
	float:left;
	padding-right:5px;
	font-size:13px;
}

#content-area .comment-des span {
	float:left;
	color:#888;
}

#content-area .comment-by {
	float:left;
	width:100%;
	padding-bottom:8px;
	padding-top:5px;
}

#content-area .comment-by span.reply {
	color:#888;
	float:right;
	display:inline;
}

#content-area .comment-by span.reply a {
	float:right;
	height:17px;
	margin-left:5px;
	font-weight:400;
	float:right;
}

#content-area .comment-by span.date {
	color:#999;
	padding-right:7px;
	float:right;
}

#content-area .portfolio-item.isotope {
	margin:10px 0;
}

#content-area #filters {
	display:block;
	margin:10px 0 24px -1px;
}

#content-area #filters a {
	color:#888;
	display:block;
	padding:4px 0;
}

#content-area #filters a:hover {
	color:#666;
}

#content-area .selected {
	color:#169fe6!important;
}

#content-area .filters-dropdown {
	position:relative;
	z-index:9;
	width:150px;
	height:20px;
	cursor:pointer;
	padding:6px 12px 8px 12px;
	display:inline-block;
	color:#888;
	background-color:#eee;
	margin:0 3px 6px 0;
	-webkit-transition:background-color 200ms ease-out;
	-moz-transition:background-color 200ms ease-out;
	-ms-transition:background-color 200ms ease-out;
	-o-transition:background-color 200ms ease-out;
	transition:background-color 200ms ease-out;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .05);
	border-radius:2px;
}

#content-area .filters-dropdown.active {
	color:#fff;
	background-color:#169fe6;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
}

#content-area .filters-dropdown.active:after {
	border-color:#fff rgba(0, 0, 0, 0);
}

#content-area .ie8 .filters-dropdown.active:after {
	border-color:#fff transparent;
}

#content-area .filters-dropdown.active .option-set {
	visibility: visible;
	opacity:1;
	pointer-events:auto;
}

#content-area .filters-dropdown:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-2px;
	border-width:5px 5px 0 5px;
	border-style:solid;
	border-color:#aaa rgba(0, 0, 0, 0);
}

#content-area .ie8 .filters-dropdown:after {
	border-color:#aaa transparent;
}

#content-area .filters-dropdown.active:after {
	border-width:0 5px 5px 5px;
}

#content-area .filters-dropdown .option-set {
	visibility: hidden;
	width:142px;
	position:absolute;
	top:100%;
	margin-top:0;
	left:1px;
	z-index:1;
	border:inherit;
	background: #303030;
	list-style:none;
	-webkit-transition:opacity 200ms ease-out;
	-moz-transition:opacity 200ms ease-out;
	-ms-transition:opacity 200ms ease-out;
	-o-transition:opacity 200ms ease-out;
	transition:opacity 200ms ease-out;
	opacity:0;
	pointer-events:none;
	padding:15px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, 
.2);
	box-shadow:0 1px 1px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, 
.2);
}

#content-area ul.option-set li a:active {
	background: #303030;
}

#content-area .ie8 .filters-dropdown .option-set {
	display:none;
}

#content-area .ie8 .filters-dropdown.active .option-set {
	display:block;
}

#content-area .page-content.portfolio {
	padding:30px 0;
	background:#fcfcfc;
}

#content-area .related-works {
	margin-bottom:-40px;
	padding-bottom:40px;
	background:#fcfcfc;
}

#content-area #portfolio-navi {
	position:relative;
	float:right;
	display:block;
	margin:29px 0 0 10px;
}

#content-area #portfolio-navi ul li {
	display:inline;
}

#content-area #portfolio-navi a {
	padding:5px 10px 7px 10px;
	display:inline-block;
	color:#888;
	background-color:#f4f4f4;
	margin:0 0 6px 0;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .07);
	border-radius:2px;
}

#content-area #portfolio-navi a:hover b {
	opacity:1;
}

#content-area #portfolio-navi a:hover {
	background-color:#169fe6;
	color:#fff;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
}

#content-area .project-info {
	padding:21px 25px;
	background:#f6f6f6;
	color:#888;
	border-radius:2px;
-webkit-box-shadow:: inset 0 -1px 0 0 rgba(0, 0, 0, .07);
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .07);
}

#content-area .project-info .button {
	line-height:22px;
}

#content-area .project-info li:first-child {
	padding-top:0;
}

#content-area .project-info li:last-child {
	border-bottom:0;
}

#content-area .project-info li {
	padding:2px 0;
}

#content-area .launch {
	margin-top:10px;
}

#content-area .project-tags {
	margin-top:15px;
}

#content-area .project-tags strong {
	float:left;
	margin:5px 10px 20px 0;
}









/* =============================================================================
   BUTTON STYLES
========================================================================== */


#content-area .button, 
#content-area input[type="button"], 
#content-area input[type="submit"] {
	padding:5px 14px 7px 14px;
	display:inline-block;
	border:0;
	font-weight:500;
	outline:none;
	font-size:13px;
	cursor:pointer;
	width:auto;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	border-radius:2px;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 
.2);
	letter-spacing:-.2px;
}

#content-area input[type="button"], 
#content-area input[type="submit"] {
	float:left;
}

#content-area .button i {
	margin:0 2px 0 -1px;
	height:14px;
}

#content-area .button i.halflings {
	margin:2px 0 0 -1px;
}

#content-area .button.medium {
	padding:9px 18px;
	font-size:14px;
}

#content-area .button.gray {
	color:#fff;
	background:#4c4c4c;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 
.4);
}

#content-area .button.gray:hover {
	background:#169fe6;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 
.2);
}

#content-area .button.light {
	color:#fff;
	background:#aaa;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
}

#content-area .button.light:hover {
	background:#169fe6;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 
.2);
}

#content-area .button.color {
	color:#fff;
	background:#169fe6;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
}

#content-area .button.color:hover {
	background:#aaa;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
}

#content-area input[type="button"], 
#content-area input[type="submit"], 
#content-area input[type="button"]:focus, 
#content-area input[type="submit"]:focus {
	color:#fff;
	background:#169fe6;
	padding:9px 11px;
	border:none!important;
}

#content-area input[type="button"]:hover, 
#content-area input[type="submit"]:hover {
	background:#aaa;
}







/* =============================================================================
   Alert Notification Panel STYLES
========================================================================== */

#content-area .notification {
	font-size:13px;
	line-height:18px;
	margin-bottom:15px;
	position:relative;
	padding:14px 40px 14px 18px;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
}

#content-area .notification p  {
	margin:0;
	/*color:#444;*/
}

#content-area .notification span {
	font-weight:600;
}

#content-area .notification.success, 
#content-area .notification.success strong {
	background-color:#ebf6e0;
	color:#5f9025 !important;
	border:1px solid #b3dc82;
}

#content-area .notification.error, 
#content-area .notification.error strong {
	background-color:#ffe9e9;
	color:#de5959 !important;
	border:1px solid #fbc4c4;
}

#content-area .notification.warning, 
#content-area .notification.warning strong {
	background-color:#fbfadd;
	color:#8f872e !important;
	border:1px solid #ded58a;
}

#content-area .notification.notice, 
#content-area .notification.notice strong {
	background-color:#e9f7fe;
	color:#5091b2 !important;
	border:1px solid #b6d7e8;
}

#content-area .notification strong {
	border:none!important;
}

#content-area .notification.success .close, 
#content-area .notification.error .close, 
#content-area .notification.warning .close, 
#content-area .notification.notice .close {
	padding:0 14px;
	position:absolute;
	right:0;
	top:20px;
	display:block;
	height:8px;
	weight:8px;
}

#content-area .close i {
	font-size:11px;
	margin:-5px 5px 0 0;
	float:left;
}

#content-area .notification.success .close {
	color:#8dbf52;
}

#content-area .notification.error .close {
	color:#f59292;
}

#content-area .notification.warning .close {
	color:#c6bd67;
}

#content-area .notification.notice .close {
	color:#86b4cc;
}







/* =============================================================================
   TABBED PANEL STYLES
========================================================================== */


#content-area .tabs-nav {
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}

#content-area .tabs-nav li {
	float:left;
	/*line-height:38px;*/
	overflow:hidden;
	padding:0;
	position:relative;
	clear: none;
}

#content-area .tabs-nav li a {
	background-color: rgba(48, 48, 48, 0.25);
	border: 1px solid #444444;
	border-right:none;
	color: #777;
	font-size:14px;
	font-weight:500;
	display:block;
	letter-spacing:0;
	outline:none;
	padding:10px 20px;
	text-decoration:none;
	clear: none;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#content-area .tabs-nav li:first-child a {
	border-left:1px solid #444444;
}

#content-area .tabs-nav li:last-child a {
	border-right:1px solid #444444;
}

#content-area .tabs-nav li.active a {
	color:#333;
	font-weight:500;
}

#content-area .tabs-nav li.active i:before {
	color:#555;
}

#content-area .tabs-nav li i:before {
	color:#909090;
}

#content-area .tabs-nav li span {
	margin-left:-7px;
}

#content-area .tabs-nav li.active a i {
	opacity:1;
	filter:alpha(opacity=100);
}

#content-area .tabs-nav li i {
	opacity:.64;
	filter:alpha(opacity=64);
	margin:10px 0 0 0;
}

#content-area .tabs-nav li a:hover {
	background: #303030;
	opacity:.93;
	filter:alpha(opacity=93);

}

#content-area .tabs-nav li.active a {
	background: #303030;
	border-bottom: 1px solid #303030;
	border-top: 1px solid #444444;
	color: #169fe6;
}

#content-area .tab-content {
	padding:20px;
	
	-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;
}

#content-area .tabs-container {
	border:1px solid #444444;
	margin:-1px 0 20px;
	overflow:hidden;
	width:100%;
	line-height:21px;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	background: #303030;
	
	-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;
}









/* =============================================================================
   ACCORDION STYLES
========================================================================== */


#content-area .accordion {
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
}

#content-area .ui-accordion .ui-accordion-header {
	display:block;
	cursor:pointer;
	position:relative;
	padding:0;
	font-size:13px;
	padding:14px 0 15px 0;
	line-height: 13px;
	outline:none;
	color:#707070;
	border:1px solid #444444;
	margin-top:-1px;
	font-weight:500;
	-webkit-transition:background-color 200ms ease-in-out;
	-moz-transition:background-color 200ms ease-in-out;
	-o-transition:background-color 200ms ease-in-out;
	-ms-transition:background-color 200ms ease-in-out;
	transition:background-color 200ms ease-in-out;
;
}

#content-area .ui-accordion .ui-accordion-header {
	background-color: #303030;
	border-bottom: 1px solid #303030 rgba(48, 48, 48, 0.25);
	border-bottom: 1px solid rgb(39, 39, 39);
	margin: 0px;
}

#content-area .ui-accordion .ui-accordion-header:hover {
	background-color: #303030;
}

#content-area .ui-accordion .ui-accordion-header-active:hover, 
#content-area .ui-accordion .ui-accordion-header-active {
	background-color: #303030;
	color:#169fe6;
	border-bottom:0;
}

#content-area .ui-accordion .ui-accordion-icons {
	padding-left:50px;
}

#content-area .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position:absolute;
	left:20px;
}

#content-area .ui-accordion .ui-accordion-content {
	padding: 20px;
	margin-top: 0px;
}

#content-area .ui-accordion .ui-accordion-content p {
	margin:0;
}

#content-area .ui-accordion .ui-accordion-content {
	border: 1px solid #444444;
	border-top:0;
	background-color: #303030;
}

#content-area .ui-accordion-icon, 
#content-area .ui-accordion-icon-active {
	width:18px;
	height:18px;
	display:inline-block;
	background-color: rgba(204, 204, 204, 0.25);
	border-radius:2px;
	background-image:url(../images/0-Images2/accordion-plus.png);
	background-repeat:no-repeat;
	background-position:50%;
	float:left;
	margin: -2px 10px 0 0;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .1);
	-webkit-transition:background-color 200ms ease-in-out;
	-moz-transition:background-color 200ms ease-in-out;
	-o-transition:background-color 200ms ease-in-out;
	-ms-transition:background-color 200ms ease-in-out;
	transition:background-color 200ms ease-in-out;
}

#content-area .ui-accordion-icon-active {
	background-color: rgb(22, 159, 230);
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
	background-image:url(../images/0-Images2/accordion-minus.png);
}

#content-area .toggle-wrap {
	float:left;
	width:100%;
	border:1px solid #444444;
	margin-bottom:15px;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
}

#content-area .trigger a {
	display:block;
	cursor:pointer;
	position:relative;
	font-size:13px;
	padding:14px 0 15px 20px;
	line-height:26px;
	color:#707070;
	font-weight:500;
	-webkit-transition:background-color 200ms ease-in-out;
	-moz-transition:background-color 200ms ease-in-out;
	-o-transition:background-color 200ms ease-in-out;
	-ms-transition:background-color 200ms ease-in-out;
	transition:background-color 200ms ease-in-out;
}

#content-area .trigger a {
	background-color:#fcfcfc;
}

#content-area .trigger a:hover, 
#content-area .trigger.active a, 
#content-area .trigger.active a:hover {
	background: #303030;
}

#content-area .trigger.active a {
	color:#169fe6;
}

#content-area .toggle-icon {
	width:18px;
	height:18px;
	display:inline-block;
	background-color:#ccc;
	border-radius:2px;
	background-image:url(../images/0-Images2/accordion-plus.png);
	background-repeat:no-repeat;
	background-position:50%;
	float:left;
	margin:5px 10px 0 0;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .1);
	-webkit-transition:background-color 200ms ease-in-out;
	-moz-transition:background-color 200ms ease-in-out;
	-o-transition:background-color 200ms ease-in-out;
	-ms-transition:background-color 200ms ease-in-out;
	transition:background-color 200ms ease-in-out;
}

#content-area .trigger.active .toggle-icon {
	background-color:#169fe6;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
	background-image:url(../images/0-Images2/accordion-minus.png);
}

#content-area .toggle-container p {
	margin:0;
}

#content-area .toggle-container {
	padding:0 20px 17px 20px;
}

#content-area .large-notice {
	border:1px solid #444444;
	padding:32px;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	background-color: rgba(242, 242, 242, 0.28);
;
}

#content-area .large-notice h2 {
	margin-bottom:10px;
}

#content-area .large-notice p {
	font-size:14px;
	color:#888;
	line-height:22px;
}

#content-area .sign-list li, 
#content-area .plus-list li, 
#content-area .star-list li, 
#content-area .check-list li {
	list-style:none;
	margin:5px 0;
}

#content-area .sign-list li:first-child, 
#content-area .plus-list li:first-child, 
#content-area .star-list li:first-child, 
#content-area .check-list li:first-child {
	margin-top:0;
}

#content-area .check-list li {
	background:url(../images/0-Images2/icon-list-check.png) no-repeat 0 3px;
	padding:0 0 0 18px;
}

#content-area .sign-list li {
	background:url(../images/0-Images2/icon-list-sign.png) no-repeat 0 3px;
	padding:0 0 0 18px;
}

#content-area .plus-list li {
	background:url(../images/0-Images2/icon-list-plus.png) no-repeat 0 3px;
	padding:0 0 0 18px;
}

#content-area .star-list li {
	background:url(../images/0-Images2/icon-list-star.png) no-repeat 0 3px;
	padding:0 0 0 18px;
}

table.standard-table {
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	border:none;
	margin-bottom:15px;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	background-color: rgba(242, 242, 242, 0.60);

}

table.standard-table th {
	border: 1px solid #444444;
	border-right:none;
	background-color: #444444;
	text-align:left;
	padding:10px 15px;
	color: #00B4EF;
	vertical-align:top;
	font-size:14px;
	font-weight: 400;
}

table.standard-table td:last-child {
	border-right:1px solid #444444;
}

table.standard-table th:last-child {
	border-right:1px solid #444444;
}

table.standard-table td {
	padding:10px 15px;
	border: #444444 1px solid;
	border-top:none;
	border-right:none;
	color:#fff;
}

table.standard-table tr:hover td {
	background-color:rgba(255, 255, 255, .3);
	color:#777;

}







#content-area .testimonial-container {
	position:relative;
}

#content-area .testimonials {
	background:#f6f6f6;
	color:#888;
	padding:25px;
	line-height:21px;
	border-radius:2px;
-webkit-box-shadow:: inset 0 -1px 0 0 rgba(0, 0, 0, .06);
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .06);
}

#content-area .testimonials-bg {
	background:url(../images/0-Images2/testimonials-bg.png) no-repeat;
	margin-top:-1px;
	display:block;
	margin-left:25px;
	width:172px;
	height:30px;
}

#content-area .testimonials-author {
	color:#169fe6;
	float:right;
	display:block;
	margin-top:-23px;
	margin-bottom:20px;
}

#content-area .testimonials-author span {
	color:#a0a0a0;
}

/*#content-area .flexslider.testimonial-slider .flex-direction-nav {
	display:none;
}
*/
#content-area .ui-tooltip, 
.arrow:after {
	background:#444;
}

#content-area .ui-tooltip {
	color:#fff;
	padding:1px 8px;
	position:absolute;
	z-index:9999;
	font-size:11px;
	max-width:300px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

#content-area .fade {
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:opacity 100ms ease-in-out;
	-moz-transition:opacity 100ms ease-in-out;
	-o-transition:opacity 100ms ease-in-out;
	-ms-transition:opacity 100ms ease-in-out;
	transition:opacity 100ms ease-in-out;
}

#content-area .fade.in {
	opacity:1;
	filter:alpha(opacity=100);
}

#content-area .ie8 .arrow {
	display:none;
}

#content-area .arrow {
	width:70px;
	height:5px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-35px;
	bottom:-5px;
}

#content-area .arrow.top {
	top:-16px;
	bottom:auto;
}

#content-area .arrow.left {
	left:20%;
}

#content-area .arrow:after {
	content:"";
	position:absolute;
	left:23px;
	top:-20px;
	width:21px;
	height:21px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	tranform:rotate(45deg);
}

#content-area .arrow.top:after {
	top:auto;
}

#content-area .post {
	margin:40px 0;
}

#content-area .post-content {
	margin:0 0 0 63px;
}

#content-area .post-img a img {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
	-ms-transition:all 150ms ease-in-out;
	transition:all 150ms ease-in-out;
	margin:0 0 23px 0;
}

#content-area .post-img a:hover img {
	opacity:.8;
	filter:alpha(opacity=80);
}

#content-area .meta {
	color:#888;
	margin:0 0 15px 0;
}

#content-area .meta a {
	color:#888;
	text-decoration:none;
}

#content-area .meta time {
	margin:0 0 0 -2px;
}

#content-area .meta a:hover {
	color:#666;
}

#content-area .meta i.halflings {
	display:inline-block;
	opacity:.53;
	filter:alpha(opacity=53);
	margin:2px 5px 0 0;
}

#content-area .meta:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

#content-area .meta i.halflings:before {
	color:#a5a5a5;
}

#content-area .meta span {
	margin-right:12px;
	float:left;
}

#content-area .meta h2 {
	line-height:26px;
	font-size:20px;
	font-weight:400;
	margin:0 0 2px 0;
}

#content-area .meta h2 a {
	color:#444;
}

#content-area .meta h2 a:hover {
	color:#666;
}

#content-area .medium-image {
	float:left;
	margin:0 20px 0 0;
	width:28%;
}

#content-area .medium-content {
	float:left;
	width:59%;
	margin-left:60px;
}

#content-area .post.medium {
	margin-top:40px;
	margin-bottom:16px;
}

#content-area .post.medium:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

#content-area .pagination {
	margin:30px 0;
}

#content-area .pagination ul li a {
	padding:6px 10px;
	border-bottom:none;
	display:inline-block;
	color:#888;
	float:left;
	margin-right:4px;
	background-color:#f4f4f4;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .07);
	border-radius:2px;
}

#content-area .pagination .current {
	background:#169fe6!important;
	color:#fff;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
}

#content-area .pagination ul li a:hover {
	background-color:#ccc;
	color:#fff;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .1);
}

#content-area .about-author {
	margin-bottom:40px;
	padding:20px;
	background:#f6f6f6;
	color:#888;
	border-radius:2px;
-webkit-box-shadow:: inset 0 -1px 0 0 rgba(0, 0, 0, .06);
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .06);
}

#content-area .about-author p {
	margin:0 0 2px 0;
}

#content-area .about-author img {
	float:left;
	margin:7px 5px 5px 5px;
	width:65px;
	height:65px;
	border-radius:2px;
}

#content-area .about-description {
	margin:-2px 0 0 90px;
}







/* =================================================================== */
/* PRICING TABLE STYLES
====================================================================== */

#content-area .pricing-table {
	float:left;
	margin:1px 0 0 -1px;
}

#content-area .pricing-table h3 {
	font-size:16px;
	text-align:center;
	color:#fff;
	padding:6px 0;
	margin:0;
	font-weight:200;
}

#content-area .pricing-table ul {
	padding:10px 0 0 0;
	border:1px solid #444444;
	border-top:0;
	background: #303030;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
}

#content-area .pricing-table li {
	color:#888;
	background: #303030;
	text-align:center;
	padding:4px 0;
}

#content-area li.sign-up {
	border-top:1px solid #444444;
	background:#fafafa;
	padding:12px 0;
	margin-top:10px;
}

#content-area li.sign-up a {
	font-weight:200;
	letter-spacing:0;
}

#content-area li.sign-up a:hover {
	opacity:.8;
	filter:alpha(opacity=80);
}

#content-area .pricing-table h3, 
.pricing-table h4 {
	text-align:center;
	color:#fff;
	margin:0;
}

#content-area .pricing-table {
	z-index:1;
	position:relative;
}

#content-area .pricing-table h4 {
	padding:5px 0 0 0;
}

#content-area .price, 
.time {
	display:block;
	line-height:20px;
}

#content-area .price {
	font-size:24px;
	font-weight:400;
}

#content-area span.time {
	font-size:12px;
	font-weight:200;
	opacity:.6;
}


#content-area .pricing-table.featured ul {
	padding:10px 0 0 0;
	border:1px solid #444444;
	border-top:0;
	background: #303030;
	-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
}

#content-area .pricing-table.featured h3 {
	padding:11px 0 13px 0;
	margin:-12px 0 0 0;
}

#content-area .pricing-table.featured li.sign-up {
	border-top:1px solid #444444;
	background:#fafafa;
	padding:18px 0;
	margin-top:10px;
}

#content-area .featured div {
	-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);
	box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);
}

#content-area .pricing-table .color-1 h3, 
.color-1 .sign-up .button {
	background-color:#909090;
}

#content-area .pricing-table .color-1 h4 {
	background-color:gray;
}

#content-area .pricing-table .color-2 h3, 
.color-2 .sign-up .button {
	background-color:#565656;
}

#content-area .pricing-table .color-2 h4 {
	background-color:#4c4c4c;
}

#content-area .pricing-table .color-3 h3 {
	background-color:#3dafea;
}

#content-area .pricing-table .color-3 h4, 
.color-3 .sign-up .button {
	background-color:#169fe6;
}

/*#contact fieldset div {
	margin-bottom:20px;
}

#contact fieldset div input {
	width:220px;
}

#contact textarea {
	max-width:620px;
	min-width:220px;
	min-height:160px;
}

#contact input, 
#contact textarea, 
#contact select {
	-webkit-transition:background 200ms ease-in-out, border-color 200ms ease-in-out;
	-moz-transition:background 200ms ease-in-out, border-color 200ms ease-in-out;
	-o-transition:background 200ms ease-in-out, border-color 200ms ease-in-out;
	-ms-transition:background 200ms ease-in-out, border-color 200ms ease-in-out;
	transition:background 200ms ease-in-out, border-color 200ms ease-in-out;
}

#contact input:focus, 
#contact textarea:focus, 
#contact select:focus {
	border:1px solid #d6d6d6;
	outline:none;
	position:relative;
	z-index:5;
}

#contact input.error, 
#contact textarea.error, 
#contact select.error {
	border:1px solid #f2c4c2;
	background:#ffeceb;
}

#contact label span {
	color:#ed1c1c;
}

#contact input[type="submit"][disabled] {
	background:#aaa;
}

#message {
	margin:0;
	padding:0;
	display:block;
	background:transparent none;
}

#content-area .loader {
	padding:10px;
	float:left;
}*/






/* =================================================================== */
/* FLICKR WIDGET  STYLES
====================================================================== */


.flickr-widget {
	margin-right:-12px;
	margin-top:0;
}

#content-area .flickr-widget img {
	display:block;
	width:100%;
}

#content-area .flickr-widget a:hover {
	border-color:#169fe6;
}

#content-area .flickr-widget a {
	float:left;
	width:58px;
	height:58px;
	margin-right:9px;
	margin-bottom:9px;
	border:5px solid #424242;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
	border-radius:2px;
}

#content-area .ie7 .flickr-widget a {
	width:54px;
	height:54px;
}






/* =================================================================== */
/* TWITTER STYLES
====================================================================== */

#twitter li {
	margin:0 0 15px 0;
	padding:0 0 0 25px;
	background:url(../images/0-Images2/social/twitter.png) no-repeat left 5%;
}

#twitter li:last-child {
	margin:0;
	padding:0 0 0 25px;
}

#twitter a {
	color:#fff;
}

#twitter b a, 
#twitter b a:hover {
	margin-top:5px;
	display:block;
	color:#999;
	font-weight:400;
}






/* =================================================================== */
/* CONTACT INFO STYLES
====================================================================== */

#content-area .contact-details-alt li p strong {
	color:#fff;
	float:left;
	margin:0 5px 5px 0;
}

#content-area .contact-details li p strong {
	color:#666;
	float:left;
	margin:0 5px 5px 0;
}

#content-area span.hours {
	float:right;
}

#content-area .contact-informations.second {
	margin:15px 0 0 0;
}

#content-area .address {
	line-height:21px;
}

#content-area .contact-details-alt li {
	margin:0 0 15px 0;
}

#content-area .contact-details p, 
.contact-details li, 
.contact-details a {
	color:#666;
}

#content-area .contact-informations p {
	margin:0;
}

#content-area .contact-informations.hours i {
	float:left;
	margin:0 5px 0 0;
}

#content-area .contact-details-alt p {
	margin:-2px 0 0 22px;
	line-height:18px;
}

#content-area .contact-informations li i {
	float:left;
	margin:3px 5px 0 0;
}

#content-area .contact-details-alt li i {
	float:left;
	margin:1px 0 0 0;
}






/* =================================================================== */
/* SHOPPING PAGE STYLES
====================================================================== */


#content-area .shop-page.page-content {
	margin:0 -10px;
}

#content-area .container .four-shop.columns {
	width:172px;
}

#price-range input {
	padding:0;
	background:0;
	border:0;
	box-shadow:none;
	margin:2px 0 0 4px;
	float:left;
	width:100px;
}

#price-range .button {
	float:right;
	padding:3px 11px 4px 11px;
	margin:-5px 0 0 0;
}

#price-range label {
	float:left;
}

#content-area .padding-range {
	padding:0 8px;
}

#slider-range {
	margin:0 0 16px 0;
}

#price-range .ui-slider {
	position:relative;
	text-align:left;
}

#price-range .ui-slider .ui-slider-handle {
	position:absolute;
	z-index:2;
	width:17px;
	height:17px;
	margin:2px 0 0 0;
	cursor:w-resize;
}

#price-range .ui-slider .ui-slider-range {
	position:absolute;
	z-index:1;
	height:14px;
	display:block;
	border:0;
	background-position:0 0;
}

#price-range .ui-widget-content {
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .05);
	background-color:#f2f2f2;
	padding:2px 0;
	border-radius:2px;
}

#price-range .ui-widget-header {
	background:#169fe6;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .1);
}

#price-range .ui-state-default {
	background:#ddd;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .08);
	border-radius:2px;
}

#price-range .ui-slider.ui-state-disabled .ui-slider-handle, 
#price-range .ui-slider.ui-state-disabled .ui-slider-range {
	filter:inherit;
}

#price-range .ui-slider-horizontal {
	height:.8em;
}

#price-range .ui-slider-horizontal .ui-slider-handle {
	top:-.3em;
	margin-left:-.6em;
}

#price-range .ui-slider-horizontal .ui-slider-range {
	top:0;
	height:100%;
}

#price-range .ui-slider-horizontal .ui-slider-range-min {
	left:0;
}

#price-range .ui-slider-horizontal .ui-slider-range-max {
	right:0;
}

#cart, 
.latest-shop-items {
	
	padding:18px;
	width:84%;
	display:inline-block;
	background-color:#f2f2f2;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .05);
	border-radius:2px;
	color:#666;
}

#content-area .cart-items {
	border-bottom:1px solid #e6e6e6;
	padding:0 0 10px 0;
}

#cart .button, 
.shop-item .button {
	padding:5px 16px 6px 16px!important;
}

#cart .button.color {
	margin:0 0 0 2px;
}

#content-area .cart-items li {
	margin:0 0 10px 0;
}

#content-area .cart-items li:last-child {
	margin:0;
}

a.cart-item-title {
	color:#444;
	font-weight:600;
	display:block;
}

a.cart-item-title:hover {
	color:#888;
	display:block;
}

#content-area .cart-item-amount {
	color:#888;
	display:block;
	font-size:12px;
}

#content-area .cart-subtotal {
	display:block;
	margin:8px 0;
	color:#888;
}

#content-area .cart-subtotal strong {
	color:#888;
	font-weight:500;
}

a.item-remove {
	color:#eb4c4c;
	font-size:11px;
}

#content-area .empty-cart {
	color:#888;
}

#content-area .latest-shop-items {
	margin-bottom:15px;
}

#content-area .latest-shop-items p {
	margin:0;
	color:#666;
	line-height:19px;
	margin-left:77px;
}

#content-area .latest-shop-items p a {
	color:#666;
	display:block;
}

#content-area .latest-shop-items p a:hover {
	color:#888;
}

#content-area .latest-shop-items p span {
	color:#888;
	margin:5px 0 0 0;
	display:block;
}

#content-area .latest-shop-items img {
	float:left;
	width:56px;
	border:1px solid #444444;
	padding:4px;
	border-radius:2px;
	background: #303030;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#content-area .latest-shop-items img:hover {
	background:#169fe6;
	border:1px solid #169fe6;
}

#content-area .shop-item img {
	border:1px solid #eee;
	border-bottom:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 180ms ease-in-out;
	-moz-transition:all 180ms ease-in-out;
	-o-transition:all 180ms ease-in-out;
	-ms-transition:all 180ms ease-in-out;
	transition:all 180ms ease-in-out;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}

#content-area .shop-item img:hover {
	opacity:.7;
	filter:alpha(opacity=70);
	border-color:#e7e7e7;
}

#content-area .shop-item .item-description {
	padding:14px 10px 19px 10px;
}

#content-area .shop-item .item-description h5 {
	line-height:18px;
	font-size:13px;
	font-weight:600;
	margin:3px 0 0 0;
	-webkit-transition:all 180ms ease-in-out;
	-moz-transition:all 180ms ease-in-out;
	-o-transition:all 180ms ease-in-out;
	-ms-transition:all 180ms ease-in-out;
	transition:all 180ms ease-in-out;
}

#content-area .shop-item .item-description a:hover h5 {
	color:#888;
}

#content-area .shop-item .item-description span {
	color:#666;
	font-size:13px;
	font-weight:300;
	display:block;
	margin:0 0 10px 0;
}

#content-area .shop-item {
	margin:10px 0;
	display:block;
	background-color: rgba(68, 68, 68, 0.42);
}

#content-area .shop-item .item-description {
	background-color:#f4f4f4;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .07);
	border-radius:0 0 2px 2px;
	border-color:#e8e8e8;
}

#content-area .shop-item .button {
	padding:5px 13px 7px 13px;
}

#content-area .pagination.shop {
	margin:20px 0 40px 0;
}

#content-area .flexslider.shop {
	border:1px solid #444444;
	-webkit-box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	box-shadow:0 2px 0 0 rgba(0, 0, 0, .03);
	margin:0 0 20px 0;
}

#content-area .flexslider.shop img {
	-webkit-transition:all 180ms ease-in-out;
	-moz-transition:all 180ms ease-in-out;
	-o-transition:all 180ms ease-in-out;
	-ms-transition:all 180ms ease-in-out;
	transition:all 180ms ease-in-out;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}

#content-area .flexslider.shop img:hover {
	opacity:.7;
	filter:alpha(opacity=70);
}

#content-area .flexslider.shop .flex-direction-nav {
	display:none;
}

table.standard-table.shop {
	margin:0;
	border-bottom:1px solid #444444;
}

table.standard-table.shop th {
	border-bottom:none;
	font-size:13px;
}

table.standard-table.shop th {
	margin-bottom:-1px;
}

table.standard-table.shop td {
	padding:10px 15px;
	border:#e0e0e0 1px solid;
	border-bottom:none;
}

#content-area .product-info .price {
	font-size:20px;
	font-weight:300;
	color:#777;
	margin:0 0 15px 0;
}

#content-area .product-info h3 {
	font-size:20px;
	font-weight:500;
	color:#333;
	line-height:26px;
	margin:0 0 7px 0;
}

#content-area .product-amount input {
	width:20px;
	padding:5px;
	text-align:center;
	float:left;
	border-radius:2px 0 0 2px;
}

#content-area .product-amount {
	margin:0 0 15px 0;
	float:left;
}

#content-area .increase-value {
	float:left;
	color:#fff;
	background:#169fe6;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .15);
	cursor:pointer;
	border-radius:0 2px 2px 0;
	margin-left:-1px;
	font-size:11px;
	height:30px;
	width:30px;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#content-area .increase-value span {
	margin:4px 0 0 11px;
	display:inline-block;
}

#content-area .increase-value:hover {
	background:#aaa;
	box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .1);
}