/*
Theme Name: Whitelight
Theme URI: http://www.woothemes.com/
Version: 1.4.15
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes

	Copyright: (c) 2009-2011 WooThemes.
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)

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

INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Navigation
  -2.1.1 Drop-down menus
  -2.1.2 Top Navigation (optional)
-2.2 Header
-2.3 Content
  -2.3.1 Featured Slider
  -2.3.2 Intro
  -2.3.3 Homepage Sections
  -2.3.4 Portfolio
  -2.3.4.1 Portfolio Gallery
  -2.3.4.2 Postfolio Item
  -2.3.4.3 Portfolio Single
-2.4 Custom Post Type - Features
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs

3. POSTS
-3.1 Images
-3.2 Typographic Elements
-3.3 Pagination / WP-Pagenavi / Woo-Pagination
-3.4 Single Post Author
-3.5 Entry Tables
-3.6 Subscribe & Connect

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks

6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form
-6.3 Image Gallery
-6.4 Feedback


7. Custom


8. MISC
-7.1 Buttons
-7.2 Gravity forms
-7.3 IE specific styling

-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/
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%;
  vertical-align: baseline;
  font-size: 14px;
color: #444;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
  overflow: auto;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
  width: auto;
  overflow: visible;
}
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #fafafa;
  border: 1px solid #e1e1e1;
  font-size: 12px;
  padding: 10px;
  margin-bottom: 20px;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
  outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Floating & Alignment  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.fix:after,
.col-full:after {
  clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
  zoom: 1;
}
/* For WooCommerce */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.last {
  clear: right;
  margin-right: 0 !important;
}
/*-------------------------------------------------------------------------------------------*/
/* IMPORTS */
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body {
  font-size: 13px;
  line-height: 1.5;
  color: #585858;
  background: #FFFDFF;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #252525;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.8em;
}
p {
  margin: 0;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
hr {
  background-color: #e1e1e1;
  border: 0;
  height: 1px;
  margin-bottom: 20px;
}
input,
textarea {
  padding: 5px;
  border-color: #cdcdcd #e1e1e1 #e1e1e1 #cdcdcd;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #585858;
}
/* 1.2 Hyperlinks */
a {
  color: #ff548d;
  text-decoration: none;
}
a:hover {
  color: #e5346f;
  text-decoration: underline;
}
mark {
  background: none;
  color: #9c9c9c;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Navigation */

#navigation {
float: left;
*display: block !important;
margin-top: -3px;
}
#navigation .nav li a {
color: #000;
line-height: 33px;
padding: 3px 15px 0 0px;
}
#navigation-wrapper{width:100%;}
#navigation-wrapper #nav{width:960px;}




.nav-toggle {
  position: absolute;
  top: 94px;
  right: 30px;
}
.nav-toggle a {
  display: block;
  overflow: hidden;
  height: 0;
  width: 25px;
  padding-top: 15px;
  background: url(images/nav-toggle.png) no-repeat left top;
}
#navigation {
  font: 300 1.3em/1 "Signika", sans-serif;
  display: none;
  margin:0px !important;
}
#navigation ul.rss {
  background: url(images/ico-rss.png) no-repeat right 44%;
  margin: 0 15px 0 0;
  padding: 0 25px 0 0;
}
#navigation ul.rss li {
  display: inline;
  padding: 0;
}
#navigation ul.rss li a {
  color: #585858;
  text-decoration: none;
  padding: 8px 5px;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}
#navigation ul.rss li a:hover {
  text-decoration: underline;
}
#navigation ul.rss li.sub-email {
  color: #585858;
}
#navigation .nav li a:hover:after {
  border-color: #fff transparent transparent transparent!important;
}
.nav {
  z-index: 9999;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.nav a {
  position: relative;
  color: #4b4b4b;
  display: block;
  z-index: 100;
  padding: 4px 10px;
  line-height: 1.4;
  text-decoration: none;
  font-weight:400;font-size: 16px;
}
.nav a:hover {
  color: #fff!important;
}
.nav li {
  float: left;
  width: auto;
}
.nav li.current_page_item > a,
.nav li.current_page_parent > a,
.nav li.current-menu-ancestor > a,
.nav li.current-cat > a,
.nav li.current-menu-item > a {
  color: #fff!important;
  text-shadow: none;
  margin: 0;
  padding: 4px 5px 0px 5px;
}
.nav li.current_page_item > a:after,
.nav li.current_page_parent > a:after,
.nav li.current-menu-ancestor > a:after,
.nav li.current-cat > a:after,
.nav li.current-menu-item > a:after {
  border-color: #fff transparent transparent transparent!important;
}

#menu-item-145 a{color:#f21562 !important;}
@media only screen and (max-width: 767px) {
  /* iPhone landscape & down */
  #navigation {
    margin: 1em -10px;
  }
  #navigation .nav {
    float: none;
  }
  #navigation .nav li {
    float: none;
  }
  #navigation .nav li a {
    border: none!important;
  }
  #navigation .nav li ul {
    position: relative;
  }
  #navigation .nav li ul li {
    padding-left: 10px;
  }
  #navigation ul {
    width: 100%;
  }
  #navigation ul.rss {
    float: none;
    padding: 0 0 0 10px;
    width: 94%;
    background-position: right center;
  }
  #navigation ul.rss li {
    display: block;
  }
}
/* 2.1.2 Top Navigation (optional) */
#top select {
  margin: 20px 0;
  width: 100%;
}
#top #top-nav {
  display: none;
}

.woocommerce-error li{ padding: 1px;}
/* 2.2 Header */
#header {
  padding: 1em 0;
  clear: both;
  position: relative;
  z-index: 999;
  background: #ff548d;
}
#header hgroup {
  margin: 0 0 30px;
}
#header .site-title,
#header .site-description {
  color: #444;
  display: none;
}
#header .site-title a,
#header .site-description a {
  color: #252525;
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
}
#header .site-title a:hover,
#header .site-description a:hover {
  text-decoration: underline;
}
#header .site-description {
  color: #727272;
  font-style: italic;
}
#header .search_main .searchform {
  background: #fff;
}
#header .search_main .searchform input.s {
  outline: none;
}
/* 2.3 Content */
#content {
  padding: 20px 0;
  background: #fffdff;
width:960px; margin:auto;
}
/* 2.3.1 Intro */
#intro {
  padding: 2em 0;
  background: #ffffff url(images/bg-texture.png) repeat left top;
  border-bottom: 1px solid #e1e1e1;
}
#intro h1 {
  font: normal 1.8em/1.3 "Signika", sans-serif, sans-serif;
  font-weight: 300;
  color: #585858;
}
#intro a {
  text-decoration: underline;
}
/* 2.3.2 Featured Slider */
#featured {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  min-height: 50px;
}
#featured .slides > li {
  position: relative;
}
#featured .slides {
  /* Hide the slides before the JS is loaded. Avoids image jumping */

  margin: 0;
}
#featured .slides li.slide {
  position: relative;
  display: none;
  list-style: none;
}
#featured .slides li.slide .slide-content-container article header {
  z-index: 999;
}
#featured .slides .slide-video {
  max-width: 800px;
  margin: 0 auto;
}
#featured .slides .slide-video-carousel {
  max-width: 960px;
  margin-bottom: -6px;
}
#featured img {
  display: block;
  margin: 0 auto;
  width: auto;
}
#featured article {
  border: none;
  color: #fff;
  position: relative;
}
#featured article a {
  color: #fff;
}
#featured article header {
  padding: 15px 60px 10px 20px;
  height: 75px;
  background: rgba(70, 177, 225, 0.9);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#featured article header h1 {
  font-family: "Signika", sans-serif;
  font-size: 1.9em;
  margin-bottom: 0.2em;
  font-weight: normal;
}
#featured article header h1,
#featured article header h1 a {
  line-height: 1;
  color: #fff;
}
#featured article header .entry {
  font-family: "Signika", sans-serif;
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.1em;
  height: 43px;
  overflow: hidden;
}
.controls-container {
  position: relative;
  z-index: 998;
  top: 0;
}
.controls-container .controls-inner {
  position: relative;
}
.controls-container .flex-control-nav {
  position: absolute;
  bottom: 100px;
  right: 10px;
  z-index: 9999;
  padding: 0;
  text-align: center;
  display: block;
}
.controls-container .flex-control-nav li {
  display: inline-block;
  padding: 0;
  margin: 0 5px;
  height: 19px;
  width: 19px;
  line-height: 1;
  list-style: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 3px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.controls-container .flex-control-nav li a {
  display: inline-block;
  height: 0;
  width: 9px;
  overflow: hidden;
  padding-top: 9px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid #000;
  background: #000;
  cursor: pointer;
}
.controls-container .flex-control-nav li a:hover {
  background: #fafafa;
}
.controls-container .flex-control-nav li a.flex-active {
  background: #46b1e1;
  background: -webkit-gradient(linear, left top, left bottom, from(#46b1e1), to(#229bd2));
  background: -webkit-linear-gradient(#46b1e1, #229bd2);
  background: -moz-linear-gradient(center top, #46b1e1 0%, #229bd2 100%);
  background: -moz-gradient(center top, #46b1e1 0%, #229bd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#46b1e1,endColorstr=#229bd2);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#46b1e1, endColorstr=#229bd2)";
}
.controls-container .flex-direction-nav {
  position: absolute;
  z-index: 9999;
  bottom: 3px;
  right: 3px;
  text-align: center;
}
.controls-container .flex-direction-nav .flex-prev,
.controls-container .flex-direction-nav .flex-next {
  display: block;
  height: 0;
  width: 45px;
  padding-top: 45px;
  overflow: hidden;
}
.controls-container .flex-direction-nav .flex-prev {
  background: #fafafa;
  background-image: url("images/ico-slider-prev.png"), -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
  background-image: url("images/ico-slider-prev.png"), -webkit-linear-gradient(#fafafa, #e1e1e1);
  background-image: url("images/ico-slider-prev.png"), -moz-linear-gradient(center top, #fafafa 0%, #e1e1e1 100%);
  background-image: url("images/ico-slider-prev.png"), -moz-gradient(center top, #fafafa 0%, #e1e1e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa,endColorstr=#e1e1e1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#e1e1e1)";
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom: 1px solid #c8c8c8;
}
.controls-container .flex-direction-nav .flex-prev:hover {
  background: #e1e1e1;
  background-image: url("images/ico-slider-prev.png"), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#c7c7c7));
  background-image: url("images/ico-slider-prev.png"), -webkit-linear-gradient(#e1e1e1, #c7c7c7);
  background-image: url("images/ico-slider-prev.png"), -moz-linear-gradient(center top, #e1e1e1 0%, #c7c7c7 100%);
  background-image: url("images/ico-slider-prev.png"), -moz-gradient(center top, #e1e1e1 0%, #c7c7c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1,endColorstr=#c7c7c7);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1, endColorstr=#c7c7c7)";
  background-repeat: no-repeat;
  background-position: center center;
}
.controls-container .flex-direction-nav .flex-next {
  background: #e1e1e1;
  background-image: url("images/ico-slider-next.png"), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fafafa));
  background-image: url("images/ico-slider-next.png"), -webkit-linear-gradient(#e1e1e1, #fafafa);
  background-image: url("images/ico-slider-next.png"), -moz-linear-gradient(center top, #e1e1e1 0%, #fafafa 100%);
  background-image: url("images/ico-slider-next.png"), -moz-gradient(center top, #e1e1e1 0%, #fafafa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1,endColorstr=#fafafa);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1, endColorstr=#fafafa)";
  background-repeat: no-repeat;
  background-position: center center;
  border-top: 1px solid #fff;
}
.controls-container .flex-direction-nav .flex-next:hover {
  background: #c7c7c7;
  background-image: url("images/ico-slider-next.png"), -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#e1e1e1));
  background-image: url("images/ico-slider-next.png"), -webkit-linear-gradient(#c7c7c7, #e1e1e1);
  background-image: url("images/ico-slider-next.png"), -moz-linear-gradient(center top, #c7c7c7 0%, #e1e1e1 100%);
  background-image: url("images/ico-slider-next.png"), -moz-gradient(center top, #c7c7c7 0%, #e1e1e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7,endColorstr=#e1e1e1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7, endColorstr=#e1e1e1)";
  background-repeat: no-repeat;
  background-position: center center;
}
/* Alt (normal width) slider layout */
.featured-wrap {
  background: url(images/bg-slider.png);
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
  position: relative;
  z-index: 998;
  box-shadow: inset 0 0 10px 0 #111111;
  -webkit-box-shadow: inset 0 0 10px 0 #111111;
  -moz-box-shadow: inset 0 0 10px 0 #111111;
  -o-box-shadow: inset 0 0 10px 0 #111111;
}
.featured-wrap #featured {
  background: none;
  max-width: 960px;
  border: none;
  box-shadow: inset 0 0 0 0 #888888;
  -webkit-box-shadow: inset 0 0 0 0 #888888;
  -moz-box-shadow: inset 0 0 0 0 #888888;
  -o-box-shadow: inset 0 0 0 0 #888888;
}
.featured-wrap #featured ul.slides li.current-slide {
  filter: alpha(opacity=@opacity * 100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
}
.featured-wrap .flex-control-nav {
  top: auto;
  bottom: 100px;
  right: 20px;
}
.featured-wrap .flex-direction-nav {
  top: 20px;
  bottom: auto;
  left: auto;
  width: 100%;
}
.featured-wrap .flex-direction-nav .flex-prev,
.featured-wrap .flex-direction-nav .flex-next {
  position: absolute;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  overflow: visible;
  text-indent: -9999px;
}
.featured-wrap .flex-direction-nav .flex-prev:before,
.featured-wrap .flex-direction-nav .flex-next:before {
  content: '';
  display: block;
  border: 4px solid rgba(0, 0, 0, 0.2);
  top: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin: -4px;
  position: absolute;
  height: 45px;
  width: 45px;
}
.featured-wrap .flex-direction-nav .flex-prev {
  left: 20px;
  background: #fafafa;
  background-image: url("images/ico-slider-prev-alt.png"), -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
  background-image: url("images/ico-slider-prev-alt.png"), -webkit-linear-gradient(#fafafa, #e1e1e1);
  background-image: url("images/ico-slider-prev-alt.png"), -moz-linear-gradient(center top, #fafafa 0%, #e1e1e1 100%);
  background-image: url("images/ico-slider-prev-alt.png"), -moz-gradient(center top, #fafafa 0%, #e1e1e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa,endColorstr=#e1e1e1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#e1e1e1)";
  background-repeat: no-repeat;
  background-position: center center;
}
.featured-wrap .flex-direction-nav .flex-prev:hover {
  background: #e1e1e1;
  background-image: url("images/ico-slider-prev-alt.png"), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#c7c7c7));
  background-image: url("images/ico-slider-prev-alt.png"), -webkit-linear-gradient(#e1e1e1, #c7c7c7);
  background-image: url("images/ico-slider-prev-alt.png"), -moz-linear-gradient(center top, #e1e1e1 0%, #c7c7c7 100%);
  background-image: url("images/ico-slider-prev-alt.png"), -moz-gradient(center top, #e1e1e1 0%, #c7c7c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1,endColorstr=#c7c7c7);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1, endColorstr=#c7c7c7)";
  background-repeat: no-repeat;
  background-position: center center;
}
.featured-wrap .flex-direction-nav .flex-next {
  right: 20px;
  background: #e1e1e1;
  background-image: url("images/ico-slider-next-alt.png"), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fafafa));
  background-image: url("images/ico-slider-next-alt.png"), -webkit-linear-gradient(#e1e1e1, #fafafa);
  background-image: url("images/ico-slider-next-alt.png"), -moz-linear-gradient(center top, #e1e1e1 0%, #fafafa 100%);
  background-image: url("images/ico-slider-next-alt.png"), -moz-gradient(center top, #e1e1e1 0%, #fafafa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1,endColorstr=#fafafa);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1, endColorstr=#fafafa)";
  background-repeat: no-repeat;
  background-position: center center;
}
.featured-wrap .flex-direction-nav .flex-next:hover {
  background: #c7c7c7;
  background-image: url("images/ico-slider-next-alt.png"), -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#e1e1e1));
  background-image: url("images/ico-slider-next-alt.png"), -webkit-linear-gradient(#c7c7c7, #e1e1e1);
  background-image: url("images/ico-slider-next-alt.png"), -moz-linear-gradient(center top, #c7c7c7 0%, #e1e1e1 100%);
  background-image: url("images/ico-slider-next-alt.png"), -moz-gradient(center top, #c7c7c7 0%, #e1e1e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7,endColorstr=#e1e1e1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7, endColorstr=#e1e1e1)";
  background-repeat: no-repeat;
  background-position: center center;
}
.featured-wrap.carousel #featured .slides li article,
.featured-wrap.carousel #featured .slides li h1,
.featured-wrap.carousel #featured .slides li .entry {
  display: none;
}
#featured.slide .controls-inner .flex-control-nav {
  bottom: auto;
  top: 2em;
  right: 2em;
}
#featured.slide .controls-inner .flex-direction-nav {
  top: 2em;
  left: 2em;
}
/* 2.3.3 Homepage sections */
.home-section {
  position: relative;
  z-index: 9;
  margin: 0 0 3em;
  padding: 0;
  border-bottom: 1px dotted #c8c8c8;
}
.home-section header {
  margin: 0 0 2em;
}
.home-section header h1 {
  font-size: 1.2em;
  font-weight: normal;
}
.home-section header p {
  margin: 10px 0;
}
.home-section header a.more {
  color: #585858;
  padding: 2px 3px 2px 22px;
  text-decoration: underline;
  background: url(images/ico-more.png) no-repeat left top;
}
.home-section header a.more:hover {
  text-decoration: none;
}
.home-section p {
  margin: 10px 0;
  color: #585858;
}
.home-section li {
  margin: 0 0 2em;
}
.home-section li h2 {
  margin: 0 0 0.6em;
  font-size: 1.3em;
  font-weight: bold;
}
.home-section#features li.clear {
  width: 100%;
  margin: 0;
}
.home-section#features li h2 a {
  color: #252525;
}
.home-section#features li p img {
  float: left;
  margin: 5px 10px 10px 0;
}
.home-section#blog-alt li h2 {
  margin-bottom: 0;
}
.home-section#blog-alt li h2 a {
  color: #252525;
}
.home-section#blog-alt li p.meta {
  font-size: 0.9em;
  margin: 0;
}
.home-section#portfolio {
  padding: 0 0 1em;
}
.home-section#portfolio .portfolio-item {
  margin: 0 5em 3em 0;
}
.home-section#portfolio .portfolio-item h2 {
  width: auto;
  font-family: sans-serif;
  font-size: 1em;
}
.home-section#portfolio .portfolio-item .date {
  font-size: 0.8em;
}
.home-section#portfolio .portfolio-item img {
  margin: 0;
}
.home-section#portfolio .portfolio-item a {
  margin: 0;
}
.home-section#portfolio .portfolio-item img.icon {
  bottom: 10px;
}
.home-blog {
  margin-bottom: 3em;
  border-bottom: 1px dotted #c8c8c8;
}
/* 2.3.4 Portfolio */
/* 2.3.4.1 Portfolio Gallery */
#portfolio-gallery {
  position: relative;
  z-index: 9;
}
#portfolio-gallery h1 {
  margin: 0 0 1em;
  padding: 0 0 10px;
  font-size: 1.7em;
  font-weight: normal;
  border-bottom: 1px solid #e1e1e1;
}
#portfolio-gallery h1 strong {
  display: block;
  font-weight: normal;
  margin: 0 50px 0 0;
}
#portfolio-gallery h1 #port-tags {
  margin: 0 0 0 23px;
  font: bold 12px Helvetica, Arial, sans-serif;
}
#portfolio-gallery h1 #port-tags a {
  margin: 5px 30px 5px 0;
  line-height: 1.1;
  display: inline-block;
  position: relative;
  padding: 7px 15px 6px 5px;
  color: #727272;
  text-shadow: 1px 1px 0 #fff;
  background: url(images/bg-tags-right.png) no-repeat right top;
}
#portfolio-gallery h1 #port-tags a:hover {
  color: #3f3f3f;
  text-decoration: none;
}
#portfolio-gallery h1 #port-tags a.current {
  color: #46b1e1;
}
#portfolio-gallery h1 #port-tags a:before {
  content: "";
  margin-right: 5px;
  display: block;
  position: absolute;
  height: 26px;
  width: 20px;
  top: 0;
  left: -20px;
  padding: 0;
  background: url(images/bg-tags-left.png) no-repeat left top;
}
/* 2.3.4.2 Portfolio Item */
.portfolio-item {
  position: relative;
  display: block;
  float: left;
  margin: 1em 5px 1em 0;
}
.portfolio-item a.item {
  position: relative;
  display: block;
  padding: 4px;
  border: 1px solid #e1e1e1;
  border-bottom: 1px solid #c8c8c8;
  background: #fafafa;
}
.portfolio-item a.item:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.portfolio-item a.item.item {
  margin: 0 0 1em;
}
.portfolio-item a.item img {
  margin: 0;
}
.portfolio-item a.item .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.portfolio-item a.item .mask .content {
  color: #fff;
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.portfolio-item a.item .mask .content h2 {
  margin: 0 0 0.3em;
  color: #fff;
  font-size: 1em;
  line-height: 1;
}
.portfolio-item a.item .mask .content p.date {
  margin: 0;
  color: #fff;
  font-size: 0.9em;
}
.portfolio-item a.item img.icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: auto;
  height: auto;
}
.portfolio-item a.item:hover .mask {
  display: block;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.portfolio-item a.item:hover {
  text-decoration: none;
}
.portfolio-item h2 {
  width: 210px;
  font-size: 1.3em;
  font-weight: 300;
  font-family: "Signika", sans-serif;
}
.portfolio-item h2 a {
  color: #46b1e1;
}
.portfolio-item h2 a:hover {
  text-decoration: underline;
}
.portfolio-item .category {
  font-style: italic;
  color: #7e7e7e;
}
.portfolio-item .gallery-image {
  display: none;
}
/* 2.3.4.3 Portfolio Single */
.single-portfolio {
  margin-bottom: 2em;
}
.single-portfolio header h1 {
  margin-bottom: 0.5em;
  font-family: "Signika", sans-serif;
}
.single-portfolio .single-portfolio-image {
  width: 100%;
}
.single-portfolio .single-portfolio-image img {
  margin: 0;
}
.single-portfolio .portfolio {
  margin: 0 0 2.5em;
  padding: 0 0 2em;
  border-bottom: 1px solid #e1e1e1;
}
.single-portfolio .portfolio .portfolio-meta li {
  font-style: italic;
}
.single-portfolio .portfolio .portfolio-meta .portfolio-comments a {
  color: #3f3f3f;
  font-weight: bold;
}
/* 2.4 Custom Post Type - Features */
.post-type-archive .nav-entries,
.post-type-archive .wp-pagenavi,
.post-type-archive .woo-pagination {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
article.type-features {
  margin: 0 0 2em;
  padding: 0 0 2em;
  border-bottom: 1px solid #e1e1e1;
}
article.type-features header {
  margin: 0 0 1em;
}
article.type-features header h1 {
  font-family: "Signika", sans-serif;
}
article.type-features header h1 a {
  color: #252525;
}
article.type-features img.feature-thumb {
  float: left;
  margin: 0 20px 20px 0;
}
article.type-features:last-child {
  border: none;
}
article.type-features .post-more a:link,
article.type-features .post-more a:visited {
  color: #3f3f3f;
  text-decoration: underline;
}
article.type-features .post-more a:link:hover,
article.type-features .post-more a:visited:hover {
  text-decoration: none;
}
.single-features article.type-features {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
/* 2.5 Sidebar */
#sidebar {

  margin-top: 30px;
  overflow: hidden;
  width: 210px;width: 21.88%;
}
#sidebar .secondary {
  float: left;
  margin-right: 20px;
}
#sidebar .secondary.last {
  margin: 0;
}
/* 2.6 Footer */
#footer {
  padding: 10px 0px;
  color: #fff;
  font-weight: bold;
  background: #ff548d;
}
#footer p {
font-size: 11px;
}
#footer p, #footer p a , #footer a {
  color: #fff; font-size: 11px;
}
#footer #credit img {
  vertical-align: middle;
}
#footer #credit span {
  display: none;
}
#footer .nav {
  margin: 2em 0 1em;
}
#footer .nav li {
  display: block;
  float: none;
}
#footer .nav a {
  background: none;
  padding: 3px 0;
  color: #fafafa;
}
#footer .nav a:hover {
  text-decoration: underline;
}
#footer #footer-nav a {
  background: none!important;
}
#footer-widgets {
  padding: 10px 0;
  background: #f3f3f3;border-top:1px solid #D3D3D3;
}
/* 2.7 Breadcrumbs */
.breadcrumbs {
  position: relative;
  margin: 0 0 3em;
  text-shadow: 1px 1px 0 #fff;
  font-weight: bold;
  height: 28px;
  overflow: hidden;
  color: #8b8b8b;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ffffff url(images/bg-texture.png) repeat left top;
}
.breadcrumbs .breadcrumb-title {
  display: none;
}
.breadcrumbs .trail-begin {
  display: inline-block;
  padding: 5px 0 5px 30px;
  text-indent: -999em;
  background: url(images/ico-breadcrumb-home.png) no-repeat left top;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
.breadcrumbs .trail-begin:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.breadcrumbs .sep {
  display: inline-block;
  padding: 5px 13px;
  text-indent: -999em;
  background: url(images/ico-breadcrumb-sep.png) no-repeat center top;
}
.breadcrumbs a {
  color: #8b8b8b;
}
.breadcrumbs a:hover {
  color: #585858;
}
.breadcrumbs:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 28px;
  background: #f8f8f8;
  background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248, 248, 248, 0)), color-stop(100%, #f8f8f8));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  /* IE10+ */

  background: linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1);
  /* IE6-9 */

}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb,
.post .video {
  margin-bottom: 1.5em;
}
.archive_header {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 30px;
  padding: 0 0 10px;
  font-size: 2.2em;
  font-weight: normal;
  font-family: "Signika", sans-serif;
  border-bottom: #e1e1e1 1px solid;
}
.archive_header .cat {
  float: none;
}
.archive_header .catrss {
  float: none;
  display: block;
}
.archive_header .catrss a {
  font-size: 0.6em;
  text-decoration: none;
  line-height: 1;
  text-transform: uppercase;
}
.single-post .post {
  padding-bottom: 1em;
  margin-bottom: 2em;
  border-bottom: 1px dotted #c8c8c8;
}
.post,
.type-page,
.search-results .features,
.search-results .page,
.search-results .type-product,
.search-results .type-portfolio,
.type-features {
  margin: 0 0 1em;
  /* 3.1 Images */

}
.post img.thumbnail,
.type-page img.thumbnail,
.search-results .features img.thumbnail,
.search-results .page img.thumbnail,
.search-results .type-product img.thumbnail,
.search-results .type-portfolio img.thumbnail,
.type-features img.thumbnail {
  margin-bottom: 1em;
}
.post header,
.type-page header,
.search-results .features header,
.search-results .page header,
.search-results .type-product header,
.search-results .type-portfolio header,
.type-features header {
  margin: 0 0 0.8em;
}
.post header h1,
.type-page header h1,
.search-results .features header h1,
.search-results .page header h1,
.search-results .type-product header h1,
.search-results .type-portfolio header h1,
.type-features header h1 {
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  font-family: "Signika", sans-serif;
  font-size: 1.7em;
}
.post header h1 a:link,
.type-page header h1 a:link,
.search-results .features header h1 a:link,
.search-results .page header h1 a:link,
.search-results .type-product header h1 a:link,
.search-results .type-portfolio header h1 a:link,
.type-features header h1 a:link,
.post header h1 a:visited,
.type-page header h1 a:visited,
.search-results .features header h1 a:visited,
.search-results .page header h1 a:visited,
.search-results .type-product header h1 a:visited,
.search-results .type-portfolio header h1 a:visited,
.type-features header h1 a:visited {
  color: #252525;
}
.post header .post-category,
.type-page header .post-category,
.search-results .features header .post-category,
.search-results .page header .post-category,
.search-results .type-product header .post-category,
.search-results .type-portfolio header .post-category,
.type-features header .post-category {
  padding: 0.3em 0;
}
.post header .post-category a,
.type-page header .post-category a,
.search-results .features header .post-category a,
.search-results .page header .post-category a,
.search-results .type-product header .post-category a,
.search-results .type-portfolio header .post-category a,
.type-features header .post-category a {
  color: #727272 !important;
}
.post header .post-category a:hover,
.type-page header .post-category a:hover,
.search-results .features header .post-category a:hover,
.search-results .page header .post-category a:hover,
.search-results .type-product header .post-category a:hover,
.search-results .type-portfolio header .post-category a:hover,
.type-features header .post-category a:hover {
  color: #585858 !important;
}
.post .post-meta,
.type-page .post-meta,
.search-results .features .post-meta,
.search-results .page .post-meta,
.search-results .type-product .post-meta,
.search-results .type-portfolio .post-meta,
.type-features .post-meta {
  margin: 0 0 0.5em 0;
}
.post .post-meta li,
.type-page .post-meta li,
.search-results .features .post-meta li,
.search-results .page .post-meta li,
.search-results .type-product .post-meta li,
.search-results .type-portfolio .post-meta li,
.type-features .post-meta li {
  display: inline;
  color: #727272;
  margin: 0 20px 0 0;
  padding: 3px 0 3px 20px;
  line-height: 1;
}
.post .post-meta li a,
.type-page .post-meta li a,
.search-results .features .post-meta li a,
.search-results .page .post-meta li a,
.search-results .type-product .post-meta li a,
.search-results .type-portfolio .post-meta li a,
.type-features .post-meta li a {
  text-decoration: none!important;
  color: #727272 !important;
}
.post .post-meta li a:hover,
.type-page .post-meta li a:hover,
.search-results .features .post-meta li a:hover,
.search-results .page .post-meta li a:hover,
.search-results .type-product .post-meta li a:hover,
.search-results .type-portfolio .post-meta li a:hover,
.type-features .post-meta li a:hover {
  color: #585858 !important;
}
.post .post-meta li.post-date,
.type-page .post-meta li.post-date,
.search-results .features .post-meta li.post-date,
.search-results .page .post-meta li.post-date,
.search-results .type-product .post-meta li.post-date,
.search-results .type-portfolio .post-meta li.post-date,
.type-features .post-meta li.post-date {
  background: url(images/ico-date.png) no-repeat left center;
}
.post .post-meta li.post-author,
.type-page .post-meta li.post-author,
.search-results .features .post-meta li.post-author,
.search-results .page .post-meta li.post-author,
.search-results .type-product .post-meta li.post-author,
.search-results .type-portfolio .post-meta li.post-author,
.type-features .post-meta li.post-author {
  background: url(images/ico-author.png) no-repeat left center;
}
.post .post-meta li.post-comments,
.type-page .post-meta li.post-comments,
.search-results .features .post-meta li.post-comments,
.search-results .page .post-meta li.post-comments,
.search-results .type-product .post-meta li.post-comments,
.search-results .type-portfolio .post-meta li.post-comments,
.type-features .post-meta li.post-comments {
  background: url(images/ico-comments.png) no-repeat left center;
}
.post .post-more,
.type-page .post-more,
.search-results .features .post-more,
.search-results .page .post-more,
.search-results .type-product .post-more,
.search-results .type-portfolio .post-more,
.type-features .post-more {
  clear: both;
  margin: 1em 0;
}
.post p.post-category,
.type-page p.post-category,
.search-results .features p.post-category,
.search-results .page p.post-category,
.search-results .type-product p.post-category,
.search-results .type-portfolio p.post-category,
.type-features p.post-category {
  clear: both;
  margin-bottom: 5px;
}
.post p.tags,
.type-page p.tags,
.search-results .features p.tags,
.search-results .page p.tags,
.search-results .type-product p.tags,
.search-results .type-portfolio p.tags,
.type-features p.tags {
  background: url(images/ico-tag.png) no-repeat left 2px;
  padding-left: 22px;
  clear: both;
  margin-bottom: 20px;
}
.post .post-meta a:link,
.type-page .post-meta a:link,
.search-results .features .post-meta a:link,
.search-results .page .post-meta a:link,
.search-results .type-product .post-meta a:link,
.search-results .type-portfolio .post-meta a:link,
.type-features .post-meta a:link,
.post .post-more a:link,
.type-page .post-more a:link,
.search-results .features .post-more a:link,
.search-results .page .post-more a:link,
.search-results .type-product .post-more a:link,
.search-results .type-portfolio .post-more a:link,
.type-features .post-more a:link,
.post p.tags a:link,
.type-page p.tags a:link,
.search-results .features p.tags a:link,
.search-results .page p.tags a:link,
.search-results .type-product p.tags a:link,
.search-results .type-portfolio p.tags a:link,
.type-features p.tags a:link,
.post .post-meta a:visited,
.type-page .post-meta a:visited,
.search-results .features .post-meta a:visited,
.search-results .page .post-meta a:visited,
.search-results .type-product .post-meta a:visited,
.search-results .type-portfolio .post-meta a:visited,
.type-features .post-meta a:visited,
.post .post-more a:visited,
.type-page .post-more a:visited,
.search-results .features .post-more a:visited,
.search-results .page .post-more a:visited,
.search-results .type-product .post-more a:visited,
.search-results .type-portfolio .post-more a:visited,
.type-features .post-more a:visited,
.post p.tags a:visited,
.type-page p.tags a:visited,
.search-results .features p.tags a:visited,
.search-results .page p.tags a:visited,
.search-results .type-product p.tags a:visited,
.search-results .type-portfolio p.tags a:visited,
.type-features p.tags a:visited {
  text-decoration: underline;
  color: #3f3f3f;
}
.post .post-meta a:link:hover,
.type-page .post-meta a:link:hover,
.search-results .features .post-meta a:link:hover,
.search-results .page .post-meta a:link:hover,
.search-results .type-product .post-meta a:link:hover,
.search-results .type-portfolio .post-meta a:link:hover,
.type-features .post-meta a:link:hover,
.post .post-more a:link:hover,
.type-page .post-more a:link:hover,
.search-results .features .post-more a:link:hover,
.search-results .page .post-more a:link:hover,
.search-results .type-product .post-more a:link:hover,
.search-results .type-portfolio .post-more a:link:hover,
.type-features .post-more a:link:hover,
.post p.tags a:link:hover,
.type-page p.tags a:link:hover,
.search-results .features p.tags a:link:hover,
.search-results .page p.tags a:link:hover,
.search-results .type-product p.tags a:link:hover,
.search-results .type-portfolio p.tags a:link:hover,
.type-features p.tags a:link:hover,
.post .post-meta a:visited:hover,
.type-page .post-meta a:visited:hover,
.search-results .features .post-meta a:visited:hover,
.search-results .page .post-meta a:visited:hover,
.search-results .type-product .post-meta a:visited:hover,
.search-results .type-portfolio .post-meta a:visited:hover,
.type-features .post-meta a:visited:hover,
.post .post-more a:visited:hover,
.type-page .post-more a:visited:hover,
.search-results .features .post-more a:visited:hover,
.search-results .page .post-more a:visited:hover,
.search-results .type-product .post-more a:visited:hover,
.search-results .type-portfolio .post-more a:visited:hover,
.type-features .post-more a:visited:hover,
.post p.tags a:visited:hover,
.type-page p.tags a:visited:hover,
.search-results .features p.tags a:visited:hover,
.search-results .page p.tags a:visited:hover,
.search-results .type-product p.tags a:visited:hover,
.search-results .type-portfolio p.tags a:visited:hover,
.type-features p.tags a:visited:hover {
  text-decoration: none;
}
.post img,
.type-page img,
.search-results .features img,
.search-results .page img,
.search-results .type-product img,
.search-results .type-portfolio img,
.type-features img,
.post img.thumbnail,
.type-page img.thumbnail,
.search-results .features img.thumbnail,
.search-results .page img.thumbnail,
.search-results .type-product img.thumbnail,
.search-results .type-portfolio img.thumbnail,
.type-features img.thumbnail {
  max-width: 100%;
  height: auto;
}
.post img:hover,
.type-page img:hover,
.search-results .features img:hover,
.search-results .page img:hover,
.search-results .type-product img:hover,
.search-results .type-portfolio img:hover,
.type-features img:hover,
.post img.thumbnail:hover,
.type-page img.thumbnail:hover,
.search-results .features img.thumbnail:hover,
.search-results .page img.thumbnail:hover,
.search-results .type-product img.thumbnail:hover,
.search-results .type-portfolio img.thumbnail:hover,
.type-features img.thumbnail:hover {
  border-color: #c8c8c8;
}
.post img.wp-smiley,
.type-page img.wp-smiley,
.search-results .features img.wp-smiley,
.search-results .page img.wp-smiley,
.search-results .type-product img.wp-smiley,
.search-results .type-portfolio img.wp-smiley,
.type-features img.wp-smiley {
  padding: 0;
  border: 0;
}
.post .wp-caption,
.type-page .wp-caption,
.search-results .features .wp-caption,
.search-results .page .wp-caption,
.search-results .type-product .wp-caption,
.search-results .type-portfolio .wp-caption,
.type-features .wp-caption {
  padding: 1px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #e1e1e1;
  max-width: 100%;
}
.post .wp-caption img,
.type-page .wp-caption img,
.search-results .features .wp-caption img,
.search-results .page .wp-caption img,
.search-results .type-product .wp-caption img,
.search-results .type-portfolio .wp-caption img,
.type-features .wp-caption img {
  margin: 0;
  padding: 4px 0;
  background: none;
  border: 0;
}
.post .wp-caption-text,
.type-page .wp-caption-text,
.search-results .features .wp-caption-text,
.search-results .page .wp-caption-text,
.search-results .type-product .wp-caption-text,
.search-results .type-portfolio .wp-caption-text,
.type-features .wp-caption-text {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  text-align: center;
}
.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}
.alignright {
  float: right;
  margin: 0 0 10px 20px;
}
.aligncenter {
  display: block;
  text-align: center;
  margin-bottom: 15px;
  margin: 0 auto 15px;
}
/* 3.2 Typographic Elements */
.entry {
  line-height: 1.5;
  font-family: sans-serif;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  margin: 0 0 .5em;
  line-height: 1;
  font-family: "Signika", sans-serif;
  font-weight: normal;
}
.entry p {
  margin-bottom: 1.2em;
}
.entry blockquote {
  background: url(images/blockquote.png) no-repeat 0 12px;
  padding: 10px 20px 10px 50px;
  color: #323232;
}
.entry blockquote p {
  font-style: italic;
}
.entry ul,
.entry ol {
  margin-bottom: 1.5em;
  padding: 0 0 0 30px;
}
.entry ul li, .entry ol li {
list-style-image: url(images/ico-widget-list.png);
line-height: 30px;
font-size: 16px;
}
.entry ul ul,
.entry ol ul {
  margin: 0;
}
.entry ul ul li,
.entry ol ul li {
  list-style-type: circle;
}
.entry ol li {
  list-style-type: decimal;
}
.entry ol ol {
  margin: 0;
}
.entry ol ol li {
  list-style-type: lower-latin;
}
/* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries,
.wp-pagenavi,
.woo-pagination,
#post-entries {
  margin: 0 0 3em;
  padding: 15px 0;
}
.nav-entries,
#post-entries {
  border-top: 1px solid #e1e1e1;
}
.nav-entries a,
#post-entries a {
  display: block;
  color: #46b1e1;
  text-decoration: none;
}
.nav-entries a:hover,
#post-entries a:hover {
  text-decoration: underline;
}
.nav-entries a .meta-nav,
#post-entries a .meta-nav {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 0;
  overflow: hidden;
  padding-top: 16px;
}
.nav-entries .nav-prev .meta-nav,
#post-entries .nav-prev .meta-nav {
  margin-right: 5px;
  background: url(images/ico-previous.png) no-repeat left center;
}
.nav-entries .nav-next .meta-nav,
#post-entries .nav-next .meta-nav {
  margin-left: 5px;
  background: url(images/ico-more.png) no-repeat right center;
}
.woo-pagination {
  margin: 0;
  text-align: right;
  margin: 0 2px;
  border-top: 1px solid #e1e1e1;
}
.woo-pagination .page-numbers {
  display: inline;
  text-decoration: none;
  color: #585858;
  padding: 3px 7px;
  font-weight: bold;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.woo-pagination .page-numbers:hover {
  text-decoration: underline;
}
.woo-pagination .page-numbers.current {
  background: #46b1e1;
  border-color: #2f2f2f;
  color: #fff;
}
/* 3.4 Single Post Author */
#post-author {
  background: #ffffff url(images/bg-texture.png) repeat left top;
  margin: 0 0 1.5em;
  padding: 15px;
  border: 1px solid #e1e1e1;
  clear: both;
}
#post-author .title {
  margin-bottom: 10px;
  font: normal 1.4em "Signika", sans-serif;
}
#post-author .profile-image {
  float: right;
  margin: 0 0 5px 15px;
  padding: 4px;
  background: #fff;
  border: 1px solid #e1e1e1;
}
#post-author .profile-link {
  margin: 1em 0 0;
}
#post-author .profile-link .meta-nav {
  vertical-align: top;
  margin-left: 5px;
  display: inline-block;
  width: 16px;
  height: 0;
  overflow: hidden;
  padding-top: 16px;
  background: url(images/ico-more.png) no-repeat left center;
}
/* 3.5 Entry Tables */
.entry table {
  width: 100%;
  border: 1px solid #e1e1e1;
  margin-bottom: 1.2em;
}
.entry table tr.alt-table-row {
  background: #f5f5f5;
}
.entry table th {
  padding: 6px 0 3px 0;
  background: #eee;
  border: 1px solid #e1e1e1;
  text-shadow: 1px 1px #fff;
  box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -webkit-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -moz-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -o-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
}
.entry table td {
  padding: 6px 0 3px 10px;
  border: 1px solid #e1e1e1;
}
/* 3.6 Connect */
#connect {
  margin: 0 0 1em;
  padding: 15px 0;
  clear: both;
}
#connect h3 {
  margin-bottom: 20px;
  padding: 0 0 0.6em;
  border-bottom: 1px solid #e1e1e1;
}
#connect p {
  margin: 0 0 1em;
}
#connect .newsletter-form {
  margin: 0 0 1em;
}
#connect .newsletter-form .email {
  width: 140px;
}
#connect .newsletter-form .submit {
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#connect .newsletter-form.fl {
  float: none;
}
#connect .social a {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
#connect .social a:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#connect .related-posts {
  margin: 15px 0 0 0;
  border-top: 1px solid #e1e1e1;
  padding: 15px 0 0;
}
#connect .related-posts ul {
  list-style: none;
  margin: 5px 0 5px 0;
}
#connect .related-posts ul li a {
  color: #585858;
}
#connect .social a {
  display: inline-block;
  height: 28px;
  width: 32px;
  background-image: url(images/ico-subscribe-social.png);
  background-repeat: no-repeat;
}
#connect .social a.subscribe {
  background-position: 0px 0;
}
#connect .social a.twitter {
  background-position: -30px 0;
}
#connect .social a.facebook {
  background-position: -60px 0;
}
#connect .social a.youtube {
  background-position: -90px 0;
}
#connect .social a.flickr {
  background-position: -120px 0;
}
#connect .social a.linkedin {
  background-position: -150px 0;
}
#connect .social a.delicious {
  background-position: -180px 0;
}
#connect .social a.googleplus {
  background-position: -210px 0;
}
#connect .social.fr {
  float: none;
}
.widget #connect {
  margin: 0;
  padding: 0;
}
.widget #connect .fl,
.widget #connect .fr {
  float: none;
}
#main #connect .col-left,
#main #connect .col-right {
  width: 100%;
}

.col-left{float:left;}
.col-right{float:right;}

#sidebar{width: 210px;width: 21.88%;float:right;}
#main {width:710px;width: 72%;float:left;}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */


#footer-widgets.col-4 .block {
width: 23.44%;
}
#footer-widgets .block {
margin-right: 2.08%;
float: left;
}
#main.fullwidth, .layout-full #main, .col-full {
max-width: 960px;
margin: 0 auto;
width: 100%;
}
#footer-widgets.col-4 .footer-widget-4 {
margin-right: 0;
}



.widget {
  margin-bottom: 3em;
}
.widget h3 {
 margin: 0 0 1em;
padding: 0 0 2px;
font-size: 1em;
color: #E62A69;
border-bottom: 1px solid #D39DAF;
}
.widget p {
  margin-bottom: 1em;
}
.widget ul {
  clear: both;
  margin-top: -1em;
  list-style: none;
}
.widget ul li a {
  display: block;
  padding: 8px 0 8px 22px;
  line-height: 1.2;
  text-decoration: none;
  background: url(images/ico-widget-list.png) no-repeat left center;
  border-bottom: 1px solid #e9e9e9;
  color: #585858;
}
.widget ul li a:hover {
  text-decoration: underline;
}
.widget ul ul {
  margin: 0;
  padding: 0 0 0 15px;
  border-top: 0;
}
/* 4.2 Specific Widgets */
/* SEARCH FORM */
#searchform,
.searchform {
  width: 99%;
  position: relative;
  border-color: #e1e1e1;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#searchform label,
.searchform label {
  display: none;
}
#searchform input,
.searchform input,
#searchform .input-text,
.searchform .input-text {
  padding: 0;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}
#searchform input.s,
.searchform input.s,
#searchform #s,
.searchform #s {
  padding: 7px;
  font-size: 0.95em;
  width: 85%;
  margin: 0;
  border: 0;
  background: none;
  color: #cbcbcb;
}
#searchform input.search-submit,
.searchform input.search-submit {
  position: absolute;
  top: 6px;
  right: 10px;
  border: 0;
  margin: 0;
  padding: 0;
}
#searchform #searchsubmit,
.searchform #searchsubmit {
  text-align: left;
  text-indent: -999em;
  height: 16px;
  width: 16px;
  background: url(images/ico-search.png) no-repeat;
  filter: none !important;
  background: url("images/ico-search.png") no-repeat scroll 0 0 transparent;
  float: right;
  position: absolute;
  top: 2px;
  right: 4px;
}
/* FEEDBACK */
.widget_woo_feedback {
  position: relative;
}
.widget_woo_feedback h3 {
  position: relative;
  z-index: 0;
}
.widget_woo_feedback .slides_control,
.widget_woo_feedback .quote {
  width: 100%!important;
}
.widget_woo_feedback .quote blockquote {
  margin: 0 0 0.6em;
}
.widget_woo_feedback .quote .feedback-author {
  display: block;
  font-weight: bold;
}
.widget_woo_feedback .pagination {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.widget_woo_feedback .pagination a {
  position: relative;
  z-index: 99;
  float: right;
  margin: 0 0 0 5px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  height: 0;
  padding-top: 16px;
  width: 16px;
}
.widget_woo_feedback .pagination .btn-prev {
  background: url(images/ico-previous.png) no-repeat left center;
}
.widget_woo_feedback .pagination .btn-next {
  background: url(images/ico-more.png) no-repeat left center;
}
/* RECENT COMMENTS */
.widget_recent_comments ul li {
  display: block;
  padding: 8px 0 8px 22px;
  line-height: 1.2;
  text-decoration: none;
  background: url(images/ico-widget-list.png) no-repeat left center;
  border-bottom: 1px solid #e9e9e9;
}
.widget_recent_comments ul li a {
  background: none;
  border: none;
}
/* CONTACT US */
.widget_woo_contactus ul li {
  padding: 5px 0 5px 35px;
  border-bottom: 1px solid #e9e9e9;
  line-height: 1;
}
.widget_woo_contactus ul li a {
  display: inline;
  padding: 0;
  border: none;
  background: none;
  line-height: 1;
  word-wrap: break-word;
}
.widget_woo_contactus ul li span {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.widget_woo_contactus ul li.phone {
  background: url(images/ico-contact-phone.png) no-repeat 2px center;
}
.widget_woo_contactus ul li.email {
  background: url(images/ico-contact-email.png) no-repeat 2px center;
}
.widget_woo_contactus ul li.vcard {
  background: url(images/ico-contact-vcard.png) no-repeat 2px center;
}
.widget_woo_contactus ul li.address {
  background: url(images/ico-contact-address.png) no-repeat 2px 7px;
}
.widget_woo_contactus ul li.address .map {
  display: block;
  text-align: right;
  font-weight: bold;
  float: right;
}
/* FLICKR */
.widget_woo_flickr h3 span {
  color: #0051d8;
}
.widget_woo_flickr h3 span span {
  color: #ff1183;
}
.widget_woo_flickr .flickr_badge_image {
  float: left;
  margin: 3px;
}
.widget_woo_flickr .wrap {
  position: relative;
  margin-bottom: 20px;
  padding: 0;
}
.widget_woo_flickr a img {
  float: left;
  margin: 0 8px 8px 0;
  display: block;
  border: 1px solid #e1e1e1;
  padding: 3px;
}
.widget_woo_flickr a:hover img {
  border-color: #c8c8c8;
}
/* CALENDAR */
#wp-calendar {
  width: 95%;
  margin-bottom: 15px;
  clear: both;
  padding: 0;
}
#wp-calendar caption {
  padding: 10px;
}
#wp-calendar th,
#wp-calendar td {
  text-align: center;
  background: #e1e1e1;
  padding: 3px 0;
}
#wp-calendar td {
  background: transparent;
  color: #727272;
}
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar {
  padding: 3px;
  border: 1px solid #e1e1e1;
}
.widget_woo_blogauthorinfo .left {
  float: left;
  margin: 0 10px 5px 0;
}
.widget_woo_blogauthorinfo .right {
  float: right;
  margin: 0 5px 10px;
}
/* TWITTER */
.widget_woo_twitter h3 img {
  margin-right: 7px;
}
.widget_woo_twitter ul {
  padding-left: 0;
}
.widget_woo_twitter ul li {
  list-style: none;
  padding: 8px 0;
  border-bottom: 1px solid #e9e9e9;
}
.widget_woo_twitter ul li a {
  padding: 0;
  display: inline;
  background: none;
  border: none;
}
.widget_woo_twitter ul li .time {
  color: #727272;
}
.widget_woo_twitter p {
  padding: 10px 0 0;
  background: url(images/ico-more.png) no-repeat right 10px;
  font-weight: bold;
  color: #727272;
}
.widget_woo_twitter p a {
  color: #252525;
}
/* WOOTABS */
body .widget_woodojo_tabs {
  clear: both;
}
body .widget_woodojo_tabs ul.nav-tabs,
body .widget_woodojo_tabs ul.tabs {
  margin-bottom: 0;
  list-style: none;
}
body .widget_woodojo_tabs ul.nav-tabs:after,
body .widget_woodojo_tabs ul.tabs:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
body .widget_woodojo_tabs ul.nav-tabs li,
body .widget_woodojo_tabs ul.tabs li {
  margin-bottom: 0;
}
body .widget_woodojo_tabs ul.nav-tabs li a,
body .widget_woodojo_tabs ul.tabs li a {
  color: #585858 !important;
  border: 0 !important;
  padding: 10px 5px 10px 0;
  background: none;
}
body .widget_woodojo_tabs ul.nav-tabs li a:hover,
body .widget_woodojo_tabs ul.tabs li a:hover {
  background: none !important;
  font-weight: bold;
}
body .widget_woodojo_tabs ul.nav-tabs li.active a,
body .widget_woodojo_tabs ul.tabs li.active a {
  font-weight: bold;
}
body .widget_woodojo_tabs .tabbable .tab-pane ul li {
  border-bottom: 1px solid #e1e1e1;
  margin: 0;
  padding: 10px 0;
}
body .widget_woodojo_tabs .tabbable .tab-pane ul li a {
  background: none;
  border: 0;
  font-weight: bold;
}
body .widget_woodojo_tabs .tabbable .tab-pane ul li span.meta {
  display: block;
  margin: 1px 0 0;
  font-family: Georgia, serif;
  font-style: italic;
  text-transform: none;
  color: #727272;
}
body .widget_woodojo_tabs .tabbable .tab-pane ul li img {
  border: 1px solid #e1e1e1;
  padding: 2px;
  background: #fff;
  float: left;
  margin: 0 10px 0 0;
}
body .widget_woodojo_tabs .tabbable .tab-pane ul li img:hover {
  border-color: #c8c8c8;
}
/* TAG CLOUD */
.widget_tag_cloud .tagcloud,
.widget_product_tag_cloud .tagcloud {
  line-height: 2.4em;
  text-align: center;
}
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
  margin: 2px 0;
  padding: 3px 6px;
  color: #fff;
  background: #d4d4d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
  text-decoration: none;
  background: #c8c8c8;
}
/* SUBSCRIBE & CONNECT */
.widget_woo_subscribe #connect .newsletter-form .email {
  width: 45%;
}
.widget_woo_subscribe #connect .newsletter-form .submit {
  margin: 8px 0 0 0;
}
.widget_woo_subscribe #connect .social {
  margin-top: 0.5em;
  padding-top: 1em;
  border-top: 1px dotted #e1e1e1;
}
/* EMBED */
.widget_woo_embedwidget h4 {
  display: none;
}
.widget_woo_embedwidget ul {
  margin-top: 0;
}
.widget_woo_embedwidget ul li a {
  color: #585858;
}
.widget_woo_embedwidget ul li.active a {
  color: #46b1e1;
}
/* WOOTABS */
#tabs {
  height: auto;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#tabs ul.wooTabs {
  margin: 0;
  padding: 0;
}
#tabs ul.wooTabs li {
  float: left;
  display: inline;
  color: #fff;
  margin: 0;
  cursor: pointer;
}
#tabs ul.wooTabs li a {
  color: #727272;
  display: block;
  background: none;
  border: none;
  float: left;
  padding: 10px 7px 10px 0;
  text-transform: none;
}
#tabs ul.wooTabs li a.selected,
#tabs ul.wooTabs li a:hover {
  font-weight: bold;
  text-decoration: none;
}
#tabs .inside {
  background: #fff;
  border-top: 1px solid #e9e9e9;
  margin-top: -1px;
}
#tabs .inside ul,
#tabs .inside #tab-tags {
  margin: 0;
  padding: 0;
  display: none;
}
#tabs .inside ul:first-child {
  display: inline;
}
#tabs .inside #tab-tags {
  border-width: 1px;
  padding: 10px;
  text-align: center;
}
#tabs .inside #tab-tags a {
  padding: 2px 4px;
  margin: 3px 1px;
  display: inline-block;
  background: #d4d4d4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
}
#tabs .inside #tab-tags a:hover {
  background: #c8c8c8;
  text-decoration: none;
}
#tabs .inside li {
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0;
  list-style: none;
}
#tabs .inside li a {
  color: #585858;
  font-weight: bold;
  padding: 0;
  border: none;
  background: none;
}
#tabs .inside li span.meta {
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  text-transform: none;
  color: #727272;
}
#tabs .inside li img.avatar,
#tabs .inside li img.thumbnail {
  border: 1px solid #e1e1e1;
  padding: 2px;
  background: #fff;
  float: left;
  margin: 0 10px 0 0;
}
#tabs .inside li img.avatar:hover,
#tabs .inside li img.thumbnail:hover {
  border-color: #c8c8c8;
}
/* FOOTER WIDGETS */
#footer-widgets {
  /* SEARCH FORM */

  /* TWITTER */

  /* CONTACT US */

  /* WOOTABS */

  /* SUBSCRIBE & CONNECT */

  /* RECENT COMMENTS */

  /* BLOG AUTHOR */

  /* EMBED */

  /* FLICKR */

  /* TAG CLOUD */

}
#footer-widgets .widget {
  color: #585858;margin-bottom:10px;
}
#footer-widgets .widget h3 {
  color: #585858;
  border: none;
  padding: 0; font-weight:normal;
}
#footer-widgets .widget p {
  margin-bottom: 1em;
}
#footer-widgets .widget ul {
  margin-top: 0;
}
#footer-widgets .widget ul li a {
  display: inline;
  padding: 0;
  background: none;
  border-bottom: none;
  color: #585858;
}
#footer-widgets .widget ul li a:hover {
  color: #585858; text-decoration:underline;
}
#footer-widgets .searchform,
#footer-widgets #searchform {
  background: #fff;
}
#footer-widgets .widget_woo_twitter ul {
  margin-top: -10px;
}
#footer-widgets .widget_woo_twitter ul li {
  border-bottom: 1px solid #5a5a5a;
}
#footer-widgets .widget_woo_twitter ul li .content {
  font-size: 1em;
}
#footer-widgets .widget_woo_twitter p {
  background: none;
}
#footer-widgets .widget_woo_contactus ul {
  border-top: 1px solid #5a5a5a;
}
#footer-widgets .widget_woo_contactus ul li {
  border-bottom: 1px solid #5a5a5a;
}
#footer-widgets #tabs ul.wooTabs li a {
  padding: 10px 7px 10px 0;
}
#footer-widgets #tabs .inside {
  background: none;
  border-top: 1px solid #5a5a5a;
}
#footer-widgets #tabs .inside #tab-tags a {
  color: #fff;
  background: #5a5a5a;
}
#footer-widgets #tabs .inside #tab-tags a:hover {
  background: #737373;
}
#footer-widgets #tabs .inside li {
  border-bottom: 1px solid #5a5a5a;
}
#footer-widgets #tabs .inside li img.avatar,
#footer-widgets #tabs .inside li img.thumbnail {
  background: #5a5a5a;
  border: none;
}
#footer-widgets #tabs .inside li img.avatar:hover,
#footer-widgets #tabs .inside li img.thumbnail:hover {
  background: #585858;
}
#footer-widgets .widget_woo_subscribe #connect .social {
  border-top: 1px dotted #5a5a5a;
}
#footer-widgets .widget_recent_comments ul li {
  padding: 2px 0;
  line-height: 1;
  background: none;
  border-bottom: none;
}
#footer-widgets .widget_recent_comments ul li a {
  background: none;
  border: none;
}
#footer-widgets .widget_woo_blogauthorinfo .avatar {
  border: 1px solid #5a5a5a;
}
#footer-widgets .widget_woo_embedwidget ul {
  margin-top: 5px;
}
#footer-widgets .widget_woo_embedwidget ul li.active a {
  font-weight: bold;
}
#footer-widgets .widget_woo_flickr a img {
  border: 1px solid #404040;
}
#footer-widgets .widget_woo_flickr a:hover img {
  border-color: #5a5a5a;
}
#footer-widgets .widget_tag_cloud .tagcloud a,
#footer-widgets .widget_product_tag_cloud .tagcloud a {
  color: #eee;
  background: #5a5a5a;
}
#footer-widgets .widget_tag_cloud .tagcloud a:hover,
#footer-widgets .widget_product_tag_cloud .tagcloud a:hover {
  background: #737373;
  color: #fff;
}
body #footer-widgets .widget_woodojo_tabs {
  clear: both;
}
body #footer-widgets .widget_woodojo_tabs ul.nav-tabs,
body #footer-widgets .widget_woodojo_tabs ul.tabs {
  padding-bottom: 10px;
  border-bottom: 1px solid #5a5a5a;
}
body #footer-widgets .widget_woodojo_tabs ul.nav-tabs li a,
body #footer-widgets .widget_woodojo_tabs ul.tabs li a {
  color: #585858;
  padding: 10px 5px 10px 0;
}
body #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active a,
body #footer-widgets .widget_woodojo_tabs ul.tabs li.active a {
  font-weight: bold;
}
body #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane ul {
  padding: 0;
}
body #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane ul li {
  border-bottom: 1px solid #5a5a5a;
}
body #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane ul li img {
  border: 1px solid #5a5a5a;
  padding: 2px;
  background: #fff;
}
body #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane ul li img:hover {
  border-color: #c8c8c8;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {
  position: relative;
  margin: 2em 0 0;
  padding: 1.8em 0 0 0;
  border-top: 1px solid #e1e1e1;
}
#comments h3 {
  font-weight: normal;
  padding: 0 0 20px 35px;
  font-family: "Signika", sans-serif;
  background: url(images/ico-comments-big.png) no-repeat left 4px;
  border-bottom: 1px solid #e1e1e1;
}
#comments .comment {
  width: 100%;
  list-style: none;
}
#comments .comment.bypostauthor {
  background: #fef7d2;
}
#comments .comment .comment-container {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
}
#comments .comment .comment-head {
  margin: 0 0 15px 0;
  color: #727272;
}
#comments .comment .comment-head .name {
  display: block;
  margin: 0;
  font-weight: bold;
  font-size: 1.3em;
  color: #3f3f3f;
}
#comments .comment .comment-head .date,
#comments .comment .comment-head .edit,
#comments .comment .comment-head .perma {
  font-size: 0.9em;
}
#comments .comment .avatar {
  float: left;
  margin: 0 15px 10px 0;
}
#comments .comment .avatar img {
  margin: 0;
  vertical-align: middle;
  border: 1px solid #e1e1e1;
  padding: 3px;
  background: #fff;
}
#comments .comment .comment-entry p {
  margin: 0 0 10px 0;
}
#comments .comment .reply {
  position: absolute;
  top: 5px;
  right: 10px;
  padding-top: 10px;
}
#comments .comment .reply a {
  font-size: 1em;
  padding: 0 0 0 20px;
  background: none;
  color: #585858 !important;
  text-shadow: none;
  font-weight: normal;
  margin: 0;
  background: url(images/ico-comment-reply-btn.png) no-repeat left 3px;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
#comments .comment .reply a:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#comments .comment .reply a:active {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
#comments .comment #respond {
  margin-bottom: 0;
}
#comments .comment #respond h3 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  background: none;
  border: none;
}
#comments .comment #respond h3 small {
  display: block;
  margin: 3px 0 0;
  font-family: sans-serif;
  font-size: 0.6em;
}
#comments ul.children {
  margin: 0;
  padding: 0;
}
#comments ul.children li .comment-container {
  background: url(images/ico-comment-reply.png) no-repeat 10px 35px;
}
#comments ul.children .cancel-comment-reply {
  margin: 10px 0;
}
#comments .depth-2 .comment-container {
  padding-left: 6%;
  background-position: 10px 35px;
}
#comments .depth-3 .comment-container {
  padding-left: 8%;
  background-position: 20px 35px!important;
}
#comments .depth-4 .comment-container {
  padding-left: 12%;
  background-position: 30px 35px!important;
}
#comments .depth-5 .comment-container {
  padding-left: 16%;
  background-position: 40px 35px!important;
}
#comments .depth-6 .comment-container {
  padding-left: 20%;
  background-position: 50px 35px!important;
}
#comments .navigation a {
  display: block;
  margin: 15px 0 0 0;
  text-decoration: none;
}
#comments h3#pings {
  margin-top: 25px;
}
#comments .pingbacks li.pingback {
  margin: 10px 0;
}
#comments .pingbacks li.pingback .reply {
  display: none;
}
#comments .nocomments {
  font-weight: bold;
  font-size: 1.2em;
}
/* 5.2 Comments Form */
#respond {
  margin: 2em 0 3em;
}
#respond h3 {
  font-weight: bold;
  margin-bottom: 20px;
}
#respond .left {
  float: left;
  width: 200px;
  margin-right: 15px;
}
#respond .right {
  float: left;
  width: 380px;
}
#respond label {
  font-size: 0.9em;
  color: #727272;
}
#respond #commentform {
  margin: 15px 0 0 0;
}
#respond #commentform label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
#respond #commentform input.txt,
#respond #commentform textarea {
  font-size: 1.2em;
  font-family: sans-serif;
  border-color: #cdcdcd #e1e1e1 #e1e1e1 #cdcdcd;
  border-width: 1px;
  border-style: solid;
  color: #585858;
  background: #fafafa;
  padding: 5px 7px;
}
#respond #commentform input.txt {
  width: 170px;
  margin: 0 5px 10px 0;
}
#respond #commentform textarea {
  width: 95%;
}
#respond #commentform .comment-form-comment label {
  display: none;
}
#respond #commentform #submit {
  margin: 15px 0 0 0;
  cursor: pointer;
}
/* 5.3 Pingbacks / Trackbacks */
h3#pings {
  margin: 25px 0 10px 0;
}
.pinglist li {
  margin: 0 0 0 20px;
  list-style-type: decimal;
}
.pinglist li .author {
  font-weight: bold;
  font-size: 1.3em;
}
.pinglist li .date {
  font-size: 0.9em;
}
.pinglist li .pingcontent {
  display: block;
  margin: 10px 0;
}
/*-------------------------------------------------------------------------------------------*/
/* 6. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/
/* Archives & Sitemap */
.page-template-template-archives-php .entry .fl,
.page-template-template-sitemap-php .entry .fl,
.page-template-template-archives-php .entry .fr,
.page-template-template-sitemap-php .entry .fr {
  float: none;
  width: 100%;
}
/* 6.1 Timeline Page Template */
#archives {
  padding: 10px 0 0;
}
#archives a {
  font-style: italic;
}
#archives .archives_list {
  border-left: 1px solid #e1e1e1;
  list-style: none;
  margin: 0 0 15px 15px;
}
#archives .archives_list li {
  clear: left;
  padding-left: 24px;
  font-size: 0.9em;
  font-style: normal;
  list-style: none;
}
#archives .archives_list .date {
  color: #727272;
  width: 20%;
  font-style: italic;
  display: inline-block;
  vertical-align: top;
}
#archives .archives_list .linked {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
#archives .archives_list .comments {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
#archives .archives_list .comments a {
  color: #7e7e7e;
  font-size: 0.9em;
  font-style: italic;
  text-decoration: underline;
  padding-left: 13px;
}
#archives .archives_list .comments a:hover {
  text-decoration: none;
}
h3.archive_year {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  color: #585858;
  margin-top: 0;
}
/* 6.2 Contact Form */
#contact-page .screenReader {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
#contact-page ol.forms {
  float: left;
  list-style: none;
  width: 100%;
  margin: 10px 0 0;
}
#contact-page ol.forms li {
  clear: both;
  float: left;
  margin-bottom: 18px;
  position: relative;
  width: 100%;
}
#contact-page ol.forms li .error {
  font-size: 0.9em;
  display: block;
  color: red;
}
#contact-page ol.forms li.textarea .error {
  display: block;
}
#contact-page ol.forms li.screenReader {
  margin-bottom: 0;
}
#contact-page ol.forms li.buttons .submit {
  margin: 5px 0 0;
  cursor: pointer;
}
#contact-page ol.forms li.inline input {
  width: auto;
}
#contact-page ol.forms li.inline label {
  display: inline;
  float: none;
  width: auto;
}
#contact-page ol.forms label {
  cursor: pointer;
  display: block;
  font-weight: 700;
  margin: 0 0 10px;
}
#contact-page ol.forms input.txt {
  width: 50%;
}
#contact-page ol.forms input#sendCopy {
  border: none;
  margin-right: 10px;
}
#contact-page ol.forms textarea {
  height: 300px;
  width: 97%;
}
.entry #contact-page ol.forms li {
  list-style: none;
}
.page-template-template-contact-php .page header h1 {
  margin-bottom: 0.5em;
}
.page-template-template-contact-php #single_map_canvas img {
  max-width: inherit;
}
.page-template-template-contact-php .location-twitter {
  margin: 0 0 1em;
  padding: 1em 0;
  border-bottom: 1px solid #e1e1e1;
}
.page-template-template-contact-php .location-twitter .col-left {
  float: none;
}
.page-template-template-contact-php .location-twitter h3 {
  font-size: 1.2em;
}
.page-template-template-contact-php .location-twitter ul {
  margin: 0;
  padding: 0;
}
.page-template-template-contact-php .location-twitter ul li {
  list-style: none;
  padding: 0;
}
.page-template-template-contact-php .location-twitter #office-location {
  margin: 0 0 2em;
}
.page-template-template-contact-php .location-twitter #office-location a {
  text-decoration: underline;
}
.page-template-template-contact-php .location-twitter #office-location h3 {
  margin: 0 0 0.6em;
}
.page-template-template-contact-php .location-twitter #office-location ul li {
  margin: 0.5em 0;
}
.page-template-template-contact-php .location-twitter .contact-social {
  float: none;
}
.page-template-template-contact-php .location-twitter .contact-social #twitter {
  margin: 0 0 1.5em;
  padding: 0 0 1.4em;
  border-bottom: 1px solid #e1e1e1;
  background: url(images/ico-twitter-contact.png) no-repeat left center;
}
.page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time {
  color: #7e7e7e;
}
.page-template-template-contact-php .location-twitter .contact-social #connect {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.page-template-template-contact-php .location-twitter .contact-social #connect h3 {
  display: none;
}
.page-template-template-contact-php .location-twitter .contact-social #connect .social {
  float: none;
  clear: both;
}
/* 6.3 Image Gallery */
.image-gallery-item img {
  max-width: 100%;
  padding: 3px;
  margin: 0 10px 10px 0;
  border: 1px solid #e1e1e1;
  background: #fafafa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.image-gallery-item img:hover {
  border: 1px solid #c7c7c7;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
}
/* 6.4 Feedback */
.entry .quote {
  border-bottom: 1px solid #e1e1e1;
  padding: 0 0 1em;
  margin: 1.3em 0 1em;
}
.entry .quote blockquote {
  margin: 0 0 0;
  padding: 0;
  background: none;
}
.entry .quote blockquote p:before {
  content: '"';
}
.entry .quote blockquote p:after {
  content: '"';
}
.entry .quote .feedback-author {
  display: block;
  font-weight: bold;
}

/*-------------------------------------------------------------------------------------------*/
/* 7. CUSTOM */
/*-------------------------------------------------------------------------------------------*/

#navigation-wrapper{width:100%; background:#eee url('images/navbg.jpg') repeat;height: 37px;
border-top: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;}
#navigation-wrapper #nav {width: 960px;margin: auto;}

#homepage{width:100%; background:#f4f4f4 url('images/cross.png') repeat; border-bottom:1px solid #D3D3D3;height:auto;padding-top: 1px;}
#homepage-slider{width: 960px;height:242px;margin:20px auto;}
#homepage-boxes{width:960px;height:auto;margin: auto;clear:both;margin-bottom:20px;}
#home-boxes{width:960px;clear:both;}
.home-box{width:225px; height:115px; float:left; margin-right:20px;background:#f4f4f4;float: left;}

.home-box.post-268 {
margin-right: 0px;
}

/*-------------------------------------------------------------------------------------------*/
/* 8. MISC */
/*-------------------------------------------------------------------------------------------*/
/* Shortcodes */
#wrapper .shortcode-tabs.boxed {
  padding: 0;
}
#wrapper .shortcode-tabs ul li:focus {
  outline: none;
}
#wrapper .shortcode-tabs ul li a:focus {
  outline: none;
}
#wrapper .shortcode-tabs ul li.ui-state-active a {
  background: #fff;
}
/* 7.1 Buttons */
a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button {
  display: inline-block;
  padding: 6px 13px 5px;
  font-weight: bold;
  border: none;
  color: #444 !important;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  background: #ADADAD url('images/btn.jpg') repeat-x;
  border: 1px solid #C2C2C2;
  /* Make inputs the same size as anchors */

  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */

  cursor: pointer;
  /* Inputs need pointers! */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  float:left;
  padding:5px 10px;
}
a.button.large,
a.comment-reply-link.large,
#commentform #submit.large,
.submit.large,
input[type=submit].large,
input.button.large,
button.button.large {
  padding: 6px 16px;
}
a.button.small,
a.comment-reply-link.small,
#commentform #submit.small,
.submit.small,
input[type=submit].small,
input.button.small,
button.button.small {
  padding: 0 10px;
}
a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover {
  text-decoration: none;
  background: #C7C7C7;
}
button.button:hover a8{color: #FF548D;}
a.button:active,
a.comment-reply-link:active,
#commentform #submit:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active {
  border-color: #005c8c;
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
}
.drop-shadow {
  position: relative;
}
.drop-shadow:before,
.drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -2;
}
.curved:before {
  top: 50%;
  bottom: 2px;
  left: 5px;
  right: 5px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  -moz-border-radius: 0.1px;
  border-radius: 0.1px;
}
/* 7.2 Gravity forms */
.gfield {
  margin-bottom: 10px;
}
.gform_wrapper .top_label .gfield_label {
  display: block;
  padding-right: 20px;
  width: 100px;
  margin: 5px 0 4px;
}
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
  width: 400px !important;
  padding: 7px 3px !important;
}
.gform_wrapper .top_label .clear-multi {
  clear: none !important;
}
.gform_wrapper input.button {
  padding: 5px 10px 6px !important;
}
.gform_wrapper input {
  padding: 7px 3px !important;
}
.gform_wrapper .entry img,
.gform_wrapper img,
.gform_wrapper thumbnail {
  padding: 0 !important;
  border: 0 !important;
}
.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {
  margin-left: 120px !important;
}
img.ui-datepicker-trigger {
  border: 0;
  padding: 0;
}
/* 7.3 IE specific styling */
.ie6 .nav .sf-sub-indicator {
  display: none;
}
.ie6 .nav li a:hover {
  text-decoration: none;
}
.ie6 .nav li a.sf-with-ul {
  padding-right: 10px;
}
.ie6 .button,
.ie6 .button:visited {
  margin: 0;
  color: #585858 !important;
  font-weight: normal;
}
.ie6 .reply a {
  color: #585858 !important;
}
.ie7 .nav li a {
  _height: 0;
  zoom: 1;
}
.ie7 .button,
.ie7 .button:visited {
  padding: 7px 6px;
  margin: 0;
}
.ie8 .button,
.ie8 .button:visited {
  padding: 10px 15px;
  margin: 0;
}
.ie8 #featured article header {
  background: #46b1e1;
}
.ie8 .widget_woo_flickr img,
.ie8 .widget_woo_blogauthorinfo img,
.ie8 #comments img {
  width: auto;
}
.ie8 .home-section .mask {
  background: #000;
}
.ie8 .home-section#portfolio img {
  width: auto;
}
.ie8 .mask {
  display: none;
}
.ie9 .controls-container .flex-control-nav li a.flex-active,
.ie8 .controls-container .flex-control-nav li a.flex-active,
.ie .controls-container .flex-control-nav li a.flex-active {
  filter: none;
  background: #46b1e1 !important;
}
.ie9 .controls-container .flex-direction-nav .flex-prev,
.ie8 .controls-container .flex-direction-nav .flex-prev,
.ie .controls-container .flex-direction-nav .flex-prev {
  filter: none;
  background: #fafafa url(images/ico-slider-prev.png) no-repeat center center;
}
.ie9 .controls-container .flex-direction-nav .flex-prev:hover,
.ie8 .controls-container .flex-direction-nav .flex-prev:hover,
.ie .controls-container .flex-direction-nav .flex-prev:hover {
  background: #c7c7c7 url(images/ico-slider-prev.png) no-repeat center center;
}
.ie9 .controls-container .flex-direction-nav .flex-next,
.ie8 .controls-container .flex-direction-nav .flex-next,
.ie .controls-container .flex-direction-nav .flex-next {
  filter: none;
  background: #fafafa url(images/ico-slider-next.png) no-repeat center center;
}
.ie9 .controls-container .flex-direction-nav .flex-next:hover,
.ie8 .controls-container .flex-direction-nav .flex-next:hover,
.ie .controls-container .flex-direction-nav .flex-next:hover {
  background: #c7c7c7 url(images/ico-slider-next.png) no-repeat center center;
}
.ie9 .featured-wrap .flex-prev,
.ie8 .featured-wrap .flex-prev,
.ie .featured-wrap .flex-prev {
  filter: none;
  background: #fafafa url(images/ico-slider-prev-alt.png) no-repeat center center !important;
}
.ie9 .featured-wrap .flex-prev:hover,
.ie8 .featured-wrap .flex-prev:hover,
.ie .featured-wrap .flex-prev:hover {
  background: #c7c7c7 url(images/ico-slider-prev-alt.png) no-repeat center center !important;
}
.ie9 .featured-wrap .flex-next,
.ie8 .featured-wrap .flex-next,
.ie .featured-wrap .flex-next {
  filter: none;
  background: #fafafa url(images/ico-slider-next-alt.png) no-repeat center center !important;
}
.ie9 .featured-wrap .flex-next:hover,
.ie8 .featured-wrap .flex-next:hover,
.ie .featured-wrap .flex-next:hover {
  background: #c7c7c7 url(images/ico-slider-next-alt.png) no-repeat center center !important;
}

.widget_cm_ajax p {font-size:12px; margin-bottom:5px;}
input#cm-ajax-name, input#cm-ajax-email {
border: 1px solid #FF84AD;width:92%;
}
#pu_facebook_widget-2 h3 {margin:0px !important;}

#text-2 {
padding: 10px;
background: #C5C4C4 url(images/grad.png) repeat-x;border: none !important;
}
#text-2 h3{margin:0;}
.currancy {
font-weight: normal;
font-size: 15px;
margin: 0px;
color: #292728;}


ul.mini-cart { float: right; margin-top: -5px; *height:42px;}


ul.products li.product {width: 22.05% !important; margin-right:15px; float:left !important;clear:none !important;height:359px;}

/* --------------------------------------------------------- */
/* MEDIA QUERIES ------------------------------------------- */
/* --------------------------------------------------------- */
 
 
/* --------------------------------------------------------- */
/* INFORMATION --- Version 1.1 --- 2012-VII-05 ------------- */
/* --------------------------------------------------------- */
 
/* ###
 
1.) Use e.g. "Respond.js" by Scott Jehl to enable responsive web designs in browsers that don't support CSS3 Media Queries (e.g. Internet Explorer 6, 7, 8) --> https://github.com/scottjehl/Respond/
 
2.) In this case, I use stages for all sizes. Between 1001 pixel and 1249 pixel the browser uses your basic-CSS. You can always delete some stages. After check the stages and adjust some min/max widths. (e.g. If you want to use only one stage for smartphones up to 320 width and one stage for smartphones and devices up to 960 pixel, delete the stages between and set the two new stages for a larger range.)
 
3.) If you think "Oh, the iPhone 4 has a 640x960 pixel display, so my stage needs only to fit on this in portrait and landscape orientation", it's a trap. The iPhone 4 has this resolution, but it uses only 320x480 pixel device-width. Or the Samsung Galaxy S2. It has a 480x800 pixel display --> 320x450 pixel and 320x508 pixel device-width in portrait orientation / 533x237 pixel in width and device-width in landscape orientation. // Quick Tip: "Tablet Computer - 150+ Display Measurements" --> http://www.designfalcon.com/#tablets
 
4.) Think about PNG-Fix for old IE (e.g. "jquery.pngFix.js" by Andreas Eberhard --> http://jquery.andreaseberhard.de/pngFix/), IE Background-Fix (e.g. "backgroundSize.js" by Louis Remi --> https://github.com/louisremi/jquery.backgroundSize.js) and last but noch least a emulator for CSS3 pseudo classes and attribut selectors for old IE (e.g. "Selectivizr.js" by Keith Clark --> http://selectivizr.com/).
 
5.) More information about "max-width" and "max-device-width": "max-width" refers to the actual viewport and can target specific sizes and orientations; "max-device-width" refers to the device viewport size, regardless of browser-scale, orientation or resizing. Shorthand: "max-width" (and "max-height") = target display area // "max-device-width" (and "max-device-height") = device entire rendering area. Same for "min" values.
 
6.) Thanks for your time! (: Andi "Licious" Wieser (Oh, you have some time left or further questions? --> andilicious.com // twitter.com/andiliciouscom // fb.com/andiliciouscom // pinterest.com/licious).
 
### */
 
 
 
 
/* --------------------------------------------------------- */
/* APPLE MACBOOK PRO RETINA ETC. --------------------------- */
/* --------------------------------------------------------- */
 
/* Retina Displays/Screens (2880x1800) --------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
}
 
 
 
 
/* --------------------------------------------------------- */
/* SMARTPHONES, TABLETS & TINY DESKTOPS -------------------- */
/* --------------------------------------------------------- */
 
/* Old Smartphones (portrait and landscape) ---------------- */
@media
only screen and (min-device-width: 240px) and (max-device-width: 320px) {
    /* YOUR STYLES */
#navigation{display:none;}
#navigation-wrapper #nav {width: 100%;}
.mini-cart {width:50%; float:left;margin:0px;margin-top:0px !important;}
.mini-cart ul {margin:0px;}
.mini-cart a.cart-parent{margin:0px!important;}
#homepage-slider{width:100%;height:auto;}
#homepage-boxes{width:100%;}
#home-boxes{width:100%}
 .home-box {width: 43%;float: left;height: auto;margin: 10px 10px 20px 10px;}
#navigation .nav li a{width:100%;border: none!important;text-align: center;height: 24px;}
#featured{float:left;}
#content{width:100%;float:none;}
#sidebar{width:100%; float:none;}
#footer{width:100%;padding:0px;}
#footer-widgets.col-4 .block{width:100%; margin:0px;}
ul.products li.product{width:50% !important; margin:0px !important;}
ul.products li.product .img-wrap {width:115px !important;height:115px !important;}
.col-left{width:100%;}#copyright, #credit{width:100%; float:left;}
ul.mini-cart{width:200px;float:none}
#footer, #sidebar{width:90%}
}
 
 
/* Old Smartphones (e.g. portrait) ------------------------- */
@media
only screen and (max-width: 319px) {
    /* YOUR STYLES */
#navigation{display:none;}
#navigation-wrapper #nav {width: 100%;}
.mini-cart {width:50%; float:left;margin:0px;margin-top:0px !important;}
.mini-cart ul {margin:0px;}
.mini-cart a.cart-parent{margin:0px!important;}
#homepage-slider{width:100%;height:auto;}
#homepage-boxes{width:100%;}
#home-boxes{width:100%}
.home-box {width: 43%;float: left;height: auto;margin: 10px 10px 20px 10px;}
#navigation .nav li a{width:100%;border: none!important;text-align: center;height: 24px;}
#featured{float:left;}
#content{width:100%;float:none;}
#sidebar{width:100%; float:none;}
#footer{width:100%;padding:0px;}
#footer-widgets.col-4 .block{width:100%; margin:0px;}
ul.products li.product{width:50% !important; margin:0px !important;}
ul.products li.product .img-wrap {width:115px !important;height:115px !important;}
.col-left{width:100%;}#copyright, #credit{width:100%; float:left;}
ul.mini-cart{width:200px;float:none}
#footer, #sidebar{width:90%}


}
 
 
/* Smartphones (portrait and landscape) -------------------- */
@media
only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    /* YOUR STYLES */
#navigation{display:none;}
#navigation-wrapper #nav {width: 100%;}
.mini-cart {width:50%; float:left;margin:0px;margin-top:0px !important;}
.mini-cart ul {margin:0px;}
.mini-cart a.cart-parent{margin:0px!important;}
#homepage-slider{width:100%;height:auto;}
#homepage-boxes{width:100%;}
#home-boxes{width:100%}
.home-box {width: 43%;float: left;height: auto;margin: 10px 10px 20px 10px;}
#navigation .nav li a{width:100%;border: none!important;text-align: center;height: 24px;}
#featured{float:left;}
#content{width:100%;float:none;}
#sidebar{width:100%; float:none;}
#footer{width:100%;padding:0px;}
#footer-widgets.col-4 .block{width:100%; margin:0px;}
ul.products li.product{width:50% !important; margin:0px !important;}
ul.products li.product .img-wrap {width:115px !important;height:115px !important;}
.col-left{width:100%;}#copyright, #credit{width:100%; float:left;}
ul.mini-cart{width:200px;float:none}
#footer, #sidebar{width:90%}
}
 
 
/* Smartphones (portrait) & Old SP (landscape) ------------- */
@media
only screen and (min-width: 320px) and (max-width: 479px) {
    /* YOUR STYLES */
#navigation{display:none;}
#navigation-wrapper #nav {width: 100%;}
.mini-cart {width:50%; float:left;margin:0px;margin-top:0px !important;}
.mini-cart ul {margin:0px;}
.mini-cart a.cart-parent{margin:0px!important;}
#homepage-slider{width:100%;height:auto;}
#homepage-boxes{width:100%;}
#home-boxes{width:100%}
.home-box {width: 43%;float: left;height: auto;margin: 20px 10px 20px 10px;}
#navigation .nav li a{width:100%;border: none!important;text-align: center;height: 24px;}
#featured{float:left;}
#content{width:100%;float:none;}
#sidebar{width:100%; float:none;}
#footer{width:100%;padding:0px;}
#footer-widgets.col-4 .block{width:100%; margin:0px;}
ul.products li.product{width:50% !important; margin:0px !important;}
ul.products li.product .img-wrap {width:115px !important;height:115px !important;}
.col-left{width:100%;}#copyright, #credit{width:100%; float:left;}
ul.mini-cart{width:200px;float:none}
#footer, #sidebar{width:90%}
}
 
 
/* Smartphones (landscape) & Old Tablets (Portrait) -------- */
@media
only screen and (min-width: 480px) and (max-width: 639px) {
    /* YOUR STYLES */
#navigation{display:none;}
#navigation-wrapper #nav {width: 100%;}
.mini-cart {width:50%; float:left;margin:0px;margin-top:0px !important;}
.mini-cart ul {margin:0px;}
.mini-cart a.cart-parent{margin:0px!important;}
#homepage-slider{width:100%;height:auto;}
#homepage-boxes{width:100%;}
#home-boxes{width:100%}
.home-box {width: 43%;float: left;height: auto;margin: 20px 10px 20px 10px;}
#navigation .nav li a{width:100%;border: none!important;text-align: center;height: 24px;}
#featured{float:left;}
#content{width:100%;float:none;}
#sidebar{width:100%; float:none;}
#footer{width:100%;padding:0px;}
#footer-widgets.col-4 .block{width:100%; margin:0px;}
ul.products li.product{width:50% !important; margin:0px !important;}
ul.products li.product .img-wrap {width:115px !important;height:115px !important;}
.col-left{width:100%;}#copyright, #credit{width:100%; float:left;}
ul.mini-cart{width:200px;float:none}
}
 
 
/* Smartphones & Tablets (portrait & landscape) ------------ */
@media
only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* YOUR STYLES */
#navigation{display:none;}
#navigation-wrapper #nav {width: 100%;}
.mini-cart {width:50%; float:left;margin:0px;margin-top:0px !important;}
.mini-cart ul {margin:0px;}
.mini-cart a.cart-parent{margin:0px!important;}
#homepage-slider{width:100%;height:auto;}
#homepage-boxes{width:100%;}
#home-boxes{width:100%}
/*.home-box {width: 43%;float: left;height: auto;margin: 0px 10px 20px;}*/
.home-box{margin:20px 5px 20px 20px;}
#navigation .nav li a{width:100%;border: none!important;text-align: center;height: 24px;}
#featured{float:left;}
#content{width:100%;float:none;}
#sidebar{width:100%; float:none;}
#footer{width:100%;padding:0px;}
#footer-widgets.col-4 .block{width:100%; margin:0px;}
ul.products li.product{width:50% !important; margin:0px !important;}
ul.products li.product .img-wrap {width:115px !important;height:115px !important;}
.col-left{width:100%;}#copyright, #credit{width:100%; float:left;}
ul.mini-cart{width:200px;float:none}
}
 
 
/* Smartphones & Tablets (portrait) & Tiny Desktops -------- */
@media
only screen and (min-width: 640px) and (max-width: 799px) {
    /* YOUR STYLES */
#navigation{display:none;}
#navigation-wrapper #nav {width: 100%;}
.mini-cart {width:50%; float:left;margin:0px;margin-top:0px !important;}
.mini-cart ul {margin:0px;}
.mini-cart a.cart-parent{margin:0px!important;}
#homepage-slider{width:100%;height:auto;}
#homepage-boxes{width:100%;}
#home-boxes{width:100%}
/*.home-box {width: 43%;float: left;height: auto;margin: 0px 10px 20px;}*/
.home-box{margin:20px 5px 20px 20px;}
#navigation .nav li a{width:100%;border: none!important;text-align: center;height: 24px;}
#featured{float:left;}
#content{width:100%;float:none;}
#sidebar{width:100%; float:none;}
#footer{width:100%;padding:0px;}
#footer-widgets.col-4 .block{width:100%; margin:0px;}
ul.products li.product{width:50% !important; margin:0px !important;}
ul.products li.product .img-wrap {width:115px !important;height:115px !important;}
.col-left{width:100%;}#copyright, #credit{width:100%; float:left;}
ul.mini-cart{width:200px;float:none}
}
 
 
/* Smartphones & Tablets (landscape) & Splitted Desktops --- */
@media
only screen and (min-width: 800px) and (max-width: 1000px) {
    /* YOUR STYLES */

#navigation{display:none;}
#navigation-wrapper #nav {width: 100%;}
.mini-cart {width:50%; float:left;margin:0px;margin-top:0px !important;}
.mini-cart ul {margin:0px;}
.mini-cart a.cart-parent{margin:0px!important;}
#homepage-slider{width:100%;height:auto;}
#homepage-boxes{width:100%;}
#home-boxes{width:100%}
/*.home-box {width: 43%;float: left;height: auto;margin: 0px 10px 20px;}*/
.home-box{margin:20px 5px 20px 20px;}
#navigation .nav li a{width:100%;border: none!important;text-align: center;height: 24px;}
#featured{float:left;}
#content{width:100%;float:none;}
#sidebar{width:100%; float:none;}
#footer{width:100%;padding:0px;}
#footer-widgets.col-4 .block{width:100%; margin:0px;}
ul.products li.product{width:50%; margin:0px !important;}
ul.products li.product .img-wrap {width:115px !important;height:115px !important;}
.col-left{width:100%;}
#copyright, #credit{width:100%; float:left;}
ul.mini-cart{width:200px;float:none}
}
 
 
 
 
 
/* --------------------------------------------------------- */
/* DEVICES BY RATIO ---------------------------------------- */
/* --------------------------------------------------------- */
 
/* LowRes (e.g. 240x320 / 320x480) ------------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 0.75),
only screen and (-o-min-device-pixel-ratio: 3/4),
only screen and (-webkit-min-device-pixel-ratio: 0.75),
only screen and (min-device-pixel-ratio: 0.75),
only screen and (min-resolution: 0.75dppx) {
    /* YOUR STYLES */
}
 
 
/* HighRes ------------------------------------------------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
    /* YOUR STYLES */

    /* e.g. HighRes Logo (use _2x as extension for double-sized images) */
    /* .logo {background-image: url(logo_2x.png); background-size: 50%;} */
}
 
 
/* RetinaRes Smartphones (e.g. iPhone 4 / portrait) -------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: portrait),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-resolution: 1.5dppx) and (orientation: portrait) {
    /* YOUR STYLES *
}
 
 
/* RetinaRes Smartphones (e.g. iPhone 4 / landscape) ------- */
@media
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: landscape),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-resolution: 1.5dppx) and (orientation: landscape) {
    /* YOUR STYLES */
}
 
 
 
 
 
/* --------------------------------------------------------- */
/* IPADS --------------------------------------------------- */
/* --------------------------------------------------------- */
 
/* iPads (portrait and landscape) -------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* YOUR STYLES */
    
    
}
 
 
/* iPads (portrait) ---------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* YOUR STYLES */
}
 
 
/* iPads (landscape) --------------------------------------- */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* YOUR STYLES */
}
 
 
/* iPad Retina (iPad 3; portrait and landscape) ------------ */
@media
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min-device-pixel-ratio: 2),
only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (min-resolution: 2dppx) {
    /* YOUR STYLES */
}
 
 
 
 
 
/* --------------------------------------------------------- */
/* COMPUTERS / OTHER DEVICES ------------------------------- */
/* --------------------------------------------------------- */
 
/* Displays/Screens (e.g. MacBook @ 1280x800) -------------- */
@media
only screen and (min-width: 1250px) and (max-width: 1409px) {
    /* YOUR STYLES */
}
 
 
/* Displays/Screens (e.g. 19" WS @ 1440x900) --------------- */
@media
only screen and (min-width: 1410px) and (max-width: 1649px) {
    /* YOUR STYLES */
}
 
 
/* Displays/Screens (e.g. 22" WS @ 1680x1050) -------------- */
@media
only screen and (min-width: 1650px) and (max-width: 1889px) {
    /* YOUR STYLES */
}
 
 
/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media
only screen and (min-width: 1890px) and (max-width: 2529px) {
    /* YOUR STYLES */
}
 
 
/* Really Large Displays/Screens (e.g. 2560x1440) ---------- */
@media
only screen and (min-width: 2530px) {
    /* YOUR STYLES */
}

.woocommerce .woocommerce-error li{ padding-left:1px;}