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

    Theme Name: Shupix
    Theme URI: http://www.wpmize.com/
    Author: WPMize
    Author URI: http://www.wpmize.com/
    Description: Shupix is a clean, minimal and powerful WordPress theme ideal for shop owners, business, personal, portfolio, products showcase and corporate.
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: mytheme
	
	Designed & Developed by WPMize.com
	
*/


@CHARSET "UTF-8";

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, p, form, fieldset, table, th, td, input, textarea, a { 
	margin: 0; 
	padding: 0; 

	font-family: 'Open Sans', Arial, sans-serif; 
	font-size: 14px; 
	color: #6d6d6d; 
	font-weight: 300;
	line-height: 30px;
	
	/*
	font: 15px/30px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
	*/
}
body {
	background: #fff url(images/content-bg.png);
}

/*---------------------------------------------------------------------------------*/
/*	Links
/*---------------------------------------------------------------------------------*/

a {
	text-decoration: none;
	color: #147bca;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}

/*---------------------------------------------------------------------------------*/
/*	FAQs
/*---------------------------------------------------------------------------------*/

dl#faqs dt {
    color: #1990dc;
    cursor: pointer;
    margin: 0 0 0 0;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	padding-left: 1em;
	line-height: 30px;
}  
dl#faqs dt:hover {
	text-decoration: underline;
}
dl#faqs dd {
	margin: 0;
	padding-left: 13px;
}

			   
/*---------------------------------------------------------------------------------*/
/*	Headlines
/*---------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	color: #878787;
	margin-bottom: 20px;
}

h1 {
	font-size: 26px;
	line-height: 40px;
}

h2 {
	font-size: 22px;
	line-height: 28px;
}

h3 {
	font-size: 16px;
	line-height: 28px;
}

h4 {
	font-size: 14px;
	line-height: 28px;
}

h5 {
	font-size: 12px;
	line-height: 28px;
}

h6 {
	font-size: 10px;
	line-height: 28px;
}

/*---------------------------------------------------------------------------------*/
/*	Widths
/*---------------------------------------------------------------------------------*/

#header > div:first-child, #content > div:first-child, #footer > div:first-child {
	width: 980px;
	margin: 0 auto;
}

/*---------------------------------------------------------------------------------*/
/*	Header
/*---------------------------------------------------------------------------------*/

#header {
	height: 40px;
	background: #1577b5;
}
#header ul {
	margin: 0 0 0 60px;
	padding: 0;
}
#header li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#header li a {
	font: 12px/40px 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	margin: 0 50px 0 0;
	color: #fff;
}

/*---------------------------------------------------------------------------------*/
/*	Search
/*---------------------------------------------------------------------------------*/

#search {
	background: #fff;/* url(images/head-bg.png) repeat; */
	border-bottom: 1px solid #b4b3b3;
	border-left: none;
	border-right: none;
	position: relative;
	height: 90px;
}
#search > div:first-child {
    width: 978px;
    margin: 0 auto;
	background: #fff;
}
#search > div > #logo {
    position: absolute;
	width: 300px;
	height: 60px;
	margin-top: 15px;
	margin-left: 25px;
}

/*---------------------------------------------------------------------------------*/
/*	Navigation / Menu
/*---------------------------------------------------------------------------------*/

#menu {
	float: right;
	margin: 30px 50px 0 0;
}
#menu > li {
	list-style: none;
	float: left;
	margin-right: 10px;
	position: relative;
}
#menu > li > a {
	display: block;
	padding: 10px 10px;
	font: 14px/1em "Helvetica Neue", Verdana;
	color: #000;
}
#menu > li a:hover {
	text-decoration: none;	
	color: #0aadd6;
}

/*---------------------------------------------------------------------------------*/
/*	Slider
/*---------------------------------------------------------------------------------*/

#slider {	
	background: #69adde url(images/slider-bg.jpg);
	border-radius: 5px 5px 5px 5px;
	width: 980px;
	margin: 0 auto;
}
#slider > div {	
	overflow: hidden;
	height: 387px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 35px;
}
#slider li {
	height: 387px;
	list-style: none;
}
#slider table {
	width: 94%;
}
#slider table td img {
	margin-top: 30px;
}
#slider table td:first-child {
	width: 50%;
}
#slider table h1 {
	font: 30px/1.2em Tahoma, serif;
	color: #fff;
	margin: 0;
}
#slider table .button {
	font-size: 14px;
}
#slider table p {
	font: 20px/1.6em Tahoma, serif;
	color: #fff;
	margin: 1.2em 0;
}

/*---------------------------------------------------------------------------------*/
/*	Products/Features Listed In Homepage
/*---------------------------------------------------------------------------------*/

.features {
	padding: 0 30px;
}
.features > div {
	float: left;
	width: 29%;
	margin: 40px 0;
	padding: 0 2%;
}
.features > div p {
	margin: 20px 0;
	word-wrap: break-word;
}
.features > div h4 {
	color: #333;
	font-size: 18px;
}

/*---------------------------------------------------------------------------------*/
/*	Line Separator
/*---------------------------------------------------------------------------------*/

hr {
    margin: 35px 0 30px 0;
    border: 0;
    height: 1px;
    background: #333;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%,hsla(0,0%,0%,0)));
    background: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:    -moz-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:     -ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:      -o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:         linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
}

/*---------------------------------------------------------------------------------*/
/*	Features (Single Product Page)
/*---------------------------------------------------------------------------------*/

#content #features > div {
	margin: 45px 0;
}
#content #features > div p {
	margin: 15px 0 0 0;
}
#content #features > div h4 {
	margin: 0;
	padding-top: 10px;
}
#content #features > div img {
	float: left;
	margin-right: 30px;
	width: 206px;
	height: 175px;
}

/*---------------------------------------------------------------------------------*/
/*	Info Header (Single Product Page)
/*---------------------------------------------------------------------------------*/

#info-header {
	background: url(images/info-bg.png);
	width: 981px;
	height: 330px;
	position: relative;
}
#info-header table {
	height: 332px;
}
#info-header table td:first-child {
	padding: 0 40px;
}
#info-header h1 {
	color: #fff;
	font: 30px/48px Verdana, serif;
}
#info-header p {
	margin: 1em 0 1.8em 0;
	color: #fff;
	font-family: Verdana, serif;
}
#info-header img {
	width: 380px;
	height: 280px;
}
#info-header .aspace {
	width: 305px;
	height: 255px;
	margin-bottom: 30px;
	margin-left: 10px;
}

/*---------------------------------------------------------------------------------*/
/*	Spanner (Advertisement 728x90)
/*---------------------------------------------------------------------------------*/
	
#spanner {
    width: 980px;
	margin: 0 auto;
    background: #fff url(images/content-bg.png);
	text-align: center;
}
#spanner > div .spanner-with-margin {
    margin: 20px 0;
}
#spanner > div .spanner-no-margin {
    margin: 0;
}

/*---------------------------------------------------------------------------------*/
/*	Content
/*---------------------------------------------------------------------------------*/

#content {
	padding: 0 0 40px 0;
	background: #fff url(images/content-bg.png);
}
#content > div:first-child {
	border: 1px solid #d5d5d5;
	background: #f1f1f1;
	background: #fff url(images/tile.png) repeat-y 681px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.home #content > div:first-child {
	background: #fff;
}

/*---------------------------------------------------------------------------------*/
/*	Left
/*---------------------------------------------------------------------------------*/

#content .left {
	float: left;
	padding: 35px 50px;
	width: 582px !important;
	width: 682px;
}
#content .left img {
       max-width: 580px;
}
#content .left p {
	margin: 1em 0;
}
#content .left p.intro {
    font-size: 18px;
}
#content .left p.intro a{
    font-size: 18px;
}
#content .left p.intro2 {
    font-size: 16px;
    font-weight: normal;
}
#content .left p.intro2 a{
    font-size: 16px;
    font-weight: normal;
}
#content .left p.info {
    background: #f5f5f5;
	color: #52666a;
	padding: 10px 15px;
	margin: 20px 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#content .left h1#head-title {
	font-size: 24px;
	font-weight: normal;
       line-height: 40px;
       color: #000;
}
#content .left h3 {
	font-size: 18px;
	color: #636363;
	margin: 15px 0;
}
#content .left h3#post-slogan {
	font-size: 18px;
	line-height: 1.6em;
	font-weight: normal;
	margin: 10px 0;
}
#content .left h3#product-first-heading {
	font-size: 18px;
	color: #636363;
	margin: 3px 0 15px 0;
}
#content .left h3#titler {
    background: #f96c0e;
	padding: 5px 15px 3px 15px;
	color: #fff;
	margin: 20px 0 25px 0;
	font-size: 16px;
	font-weight: bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#content .left h4 {
	font-size: 15px;
	font-weight: bold;
	color: #636363;
	margin: 0;
}
#content .left ul {
	margin: 10px 0 10px 25px;
}
#content .left form input[type=text] {
	padding: 3px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#content .left textarea {
    padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
}

/*---------------------------------------------------------------------------------*/
/*	Right
/*---------------------------------------------------------------------------------*/

#content .right {
	float: right;
	width: 195px !important;
	width: 295px;
	padding: 30px 50px;
}
#content .right h3.head-title {
	margin: 10px 0;
	font-weight: bold;
	color: #505050;
	font-size: 15px;
}
#content .right ul {
}
#content .right li {
	list-style: none;
}

/*---------------------------------------------------------------------------------*/
/*	Footer
/*---------------------------------------------------------------------------------*/
	
#footer {
	padding: 20px 0;
	text-align: center;
	background: #fff url(images/head-bg.png);
       border-top: 1px solid #b4b3b3;
}
#footer div {
	color: #b7b7b7;
}
#footer div div { 
	margin: 5px 0;
}
#footer, #footer * {
	font-size: 13px;
}

/*---------------------------------------------------------------------------------*/
/*	Common CSS Styles
/*---------------------------------------------------------------------------------*/

.clearfix:after {
	display: block;
	height: 0;
	content: " ";
	clear: both;
}
.clear {
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.hidden {
	display: none;
}

/*---------------------------------------------------------------------------------*/
/*	Callout (Promo Call To Action)
/*---------------------------------------------------------------------------------*/

#callout { display: block; text-align: center;  margin: 20px 0; padding: 30px 0; font-size: 24px; background: #fc8933; color: #fff; -moz-box-shadow: inset 0 0 30px #d9531f; -webkit-box-shadow: inset 0 0 30px #d9531f; box-shadow: inset 0 0 30px #d9531f; position: relative; }
#callout > strong { font-weight: 300; color: #fff; }
#callout > strong span { font-weight: 600; }

/*---------------------------------------------------------------------------------*/
/*	Table: Tasks
/*---------------------------------------------------------------------------------*/

.tasks {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #d2d3d5;
	box-shadow: 0 0 1px #cecece;
	margin: 20px 0 25px 0;
}

.tasks th,
.tasks td {
	text-align: left;
	padding: 8px 15px 8px 15px;
}
.tasks th {
	font-weight: bold;
	color: #58595b;
	background: #e9eaec;
	font-family: Arial, serif;
}
.tasks td {
	border: 1px solid #e5e6e7;
}
.tasks td img.social {
    position: absolute;
	margin-top: 5px;
}
.tasks tr.even {
	background: #f6f6f6;
}

/*---------------------------------------------------------------------------------*/
/*	Comments
/*---------------------------------------------------------------------------------*/

h2#comments, h2#respond {
	font-size: 18px;
	line-height: 1.6em;
	font-weight: normal;
	color: #404040;
       margin: 0 0 15px 0;
}
ol.commentlist {
    width: 100%;
	margin: 25px 0;
	padding: 0;
}
ol.commentlist li {
    list-style: none;
	margin-left: 0;
	margin-bottom: 20px;
}

.comment_separator {
    width: 100%;
	height: 1px;
    margin: 15px 0 15px 0;
	background: url(images/dots_horizontal.jpg) repeat-x;
}
.comment-header {
    height: 45px;
	width: 100%;
	margin: 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
.comment-header .vcard {
    float: left;
	margin-right: 20px;
	background: #fff;
}
.comment-header .vcard img {
	border: 1px solid #ccc;
	padding: 5px;
	width: 32px;
	height: 32px;
}

.comment-header .comment-author {
    float: left;
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 35px;
	line-height: 10px;
}
.comment-header .comment-author h5{
	font-size: 15px;
	font-weight: normal;
}
.comment-header .comment-author .comment-meta {
	color: #ccc;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 0px;
}
.comment-header .comment-author .comment-meta a{
	color: #ccc;
	font-size: 11px;
	margin: 18px 0 0 0;
	padding: 0px;
}
.comment-header .comment-author .is-author h5 {
	font-weight: normal;
	line-height: 0;
	color: #509a4c;
	margin-top: 12px;
	font-size: 15px;
}
.comment-header .comment-author .is-author h5 a{
	color: #509a4c;
	line-height: 0;
	font-size: 15px;
}
.comment-header .comment-author .is-user h5 {
	font-weight: normal;
	line-height: 0;
	color: #000;
	margin-top: 12px;
	font-size: 15px;
}
.comment-header .comment-author .is-user h5 a{
	color: #000;
	line-height: 0;
	font-size: 15px;
}

.reply {
	font-size: 13px;
	font-weight: normal;
}

.comment-text {
    margin: 15px 0 5px 0;
}
.comment-text p {
    margin: 10px 0 0 0;
	line-height: 25px;
}

.comment-rss {
    margin: 15px 0 10px 0;
}
input#submit {
    color: #000;
	padding: 5px;
}
ol.commentlist li ul.children {
    margin: 20px 0 0 25px;
}
ol.commentlist li ul.children li {
	border-bottom: 0;
	padding-top: 8px;
}
textarea#comment {
    width: 98%;
}


/*---------------------------------------------------------------------------------*/
/*	Pagination
/*---------------------------------------------------------------------------------*/

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
margin: 0;
padding: 0;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

/*---------------------------------------------------------------------------------*/
/*	Comments Pagination
/*---------------------------------------------------------------------------------*/

.cpagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
margin: 20px 0 35px 0;
}

.cpagination span, .cpagination a {
display:block;
float:left;
margin: 2px 10px 2px 0;
padding:0 9px 0 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
font-weight: normal;
font-family: Arial;
font-size: 11px;
-moz-border-radius: 15px;
border-radius: 15px;
behavior: url( PIE.htc );
}

.cpagination a:hover{
color:#fff;
background: #3279BB;
}

.cpagination .current{
padding:7px 9px 6px 9px;
background: #3279BB;
color:#fff;
}


/*---------------------------------------------------------------------------------*/
/*	Blog
/*---------------------------------------------------------------------------------*/

#content .left h1#post-title {
	font-size: 26px;
	font-weight: normal;
       line-height: 40px;
       color: #000;

}
#content .left h1#post-title a {
	font-size: 26px;
	font-weight: normal;
       line-height: 40px;
       color: #000;
       text-decoration: underline;	
}
#content .left h1#post-title a:hover {
       color: #808080;	
}

#content .left .postedby {
    font-style: italic;
	color: #898888;
}

#content .left .sharethis {
    margin-top: 30px;
}

#content .left .metadata {
  color: #c09853;
  padding: 8px 35px 8px 14px;
  margin: 35px 0 10px 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* LIST BLOG POSTS */

#content .left h2#post-title {
	font-size: 20px;
	margin-bottom: 5px;
	padding-bottom: 0;
	line-height: 28px;
}
#content .left h2#post-title a {
	font-size: 20px;
}

#content .left ul.blog {
	width: 100%;
	margin: 0;
	padding: 0;
}
#content .left ul.blog li:first-child {
	margin: 25px 0 40px 0;
	list-style: none;
}
#content .left ul.blog li {
	margin: 0 0 40px 0;
	list-style: none;
}
#content .left ul.blog li img {
	margin: 15px 0 15px 0;
	max-width: 550px;
}
#content .left ul.blog li .post-ratings img {
    margin: 0;
}
#content .left ul.blog li.sticky {
    background: #FFFFE5 url(images/sticky.png) top right no-repeat;
}
#content .left ul.blog li.sticky:hover {
    background: #FFFFE5 url(images/sticky_hover.png) top right no-repeat;
}

/*---------------------------------------------------------------------------------*/
/*	List Products
/*---------------------------------------------------------------------------------*/

#products-list {
	padding: 0 0 40px 0;
}
#products-list > div:after {
	display: block;
	height: 0;
	content: " ";
	clear: both;
}
#products-list > div > a {
	float: left;
	display: block;
	margin-right: 33px;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    -moz-box-shadow: 0px 0px 10px #ccc;
    box-shadow: 0px 0px 10px #ccc;
}
#products-list > div {
	margin: 30px 0;	
}
#products-list > div > div > a.title {
	color: #117dc1;
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
}
#products-list > div > div > a.title:hover {
	text-decoration: none;
}
#products-list > div > div p {
	margin: 0;
}

/*---------------------------------------------------------------------------------*/
/*	COMPARISON TABLE
/*---------------------------------------------------------------------------------*/

#comparison-table { 
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #d2d3d5;
	box-shadow: 0 0 1px #cecece;
	margin: 20px 0 25px 0;
}
#comparison-table td,th { padding: 8px 5px; padding-left: 12px; border: 1px solid #EEE; }
#comparison-table th{ color: #004080; font-weight: bold; text-align: left; }
#comparison-table th.center-caption { text-align: center; }
#comparison-table .yes { background: url(images/check.png) no-repeat center; }
#comparison-table .no { background: url(images/uncheck.png) no-repeat center; }

/*---------------------------------------------------------------------------------*/
/*	Facebook Like Box Fix Width
/*---------------------------------------------------------------------------------*/

//.fb_iframe_widget>span { width: 200px !important; }
//.fb-like-box iframe { width: 200px !important; }

/*---------------------------------------------------------------------------------*/
/*	Multi Columns
/*---------------------------------------------------------------------------------*/

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 79.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 15px;
	float: left;
}

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