/*
	Theme Name: DWEBGEEK
	Theme URI: http://dwebgeek.com
	Description: DWEBGEEK WordPress Theme
	Version: 1.1.1
	Author: David Goco (@goketsun)
	Author URI: http://davidgoco.com

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
.no-display {
	display: none;
	}
main {
	min-height: 1100px;
    display: inline-block;
    width: 100%;
	}
html {
	font-size:62.5%;
	background-color: #EFEFEF;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#232323;
}

body.category .header, body.search .header, body.archive .header {
	position: relative !important;
	background: url(img/dwebgeek-top-banner.jpg) center center #000000;
	width: 100%;
	}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

body.error404 .wrapper #getFixed header .logo {
	display: none !important;
	
}

.followbuttons {
	width: 100%;
	margin: 15px auto;
	position: relative;
	text-align: center;
	display: table;
	}
	
.followbuttons li {
	display: inline-table;
	margin: 0 10px;
    vertical-align: super;
	}
.followbuttons a {
	color: #c3c3c3;
	text-decoration: none;
}
.followbuttons a:hover {
	color: #FFF;
	text-decoration: none;
}
.followbuttons a.fb:before {
	font-family: 'FontAwesome';
	content: "\f230";
	font-size: 28px;
}

.followbuttons a.insta:before {
	font-family: 'FontAwesome';
	content: "\f16d";
	font-size: 28px;
}

.followbuttons a.ytb:before {
	font-family: 'FontAwesome';
	content: "\f16a";
	font-size: 28px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
#slideout {
    position: fixed;
    top: 115px;
    left: 0;
    width: 35px;
    padding: 12px 0;
    text-align: center;
    background: #0065bf;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
	z-index: 201;
	cursor: pointer;
}

#slideout:before {
	font-family: 'FontAwesome';
	content: "\f0ca";
	font-size: 20px;
	color: #FFF;
	vertical-align: middle;
}
#slideout_inner {
    position: fixed;
    top: 115px;
    left: -200px;
    background: #252525;
    width: 200px;
    min-height: 203px;
	height: auto;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
#slideout:hover {
  left: 200px;
	}
#slideout:hover #slideout_inner {
  left: 0;
	}
#toc-container {
	
	}
#toc{
    display: inline-block;
	}
	
#toc a {
	padding: 10px;
	}
	
#toc a:hover {
	background: #3e3e3e;
	}
	
#toc a {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
    width: 100%;
	}
#fblikebutton {
	border: 1px solid #929292;
    position: absolute;
    left: 0;
    width: 245px;
    height: 100px;
    background: #FFF;
    display: none;
    z-index: 200;
    height: 72px;
    overflow: hidden;
	
	-webkit-box-shadow: -3px 10px 0px -3px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow: -3px 10px 0px -3px rgba(0, 0, 0, 0.6);
	        box-shadow: -3px 10px 0px -3px rgba(0, 0, 0, 0.6);
	}
	

@media (max-width: 767px) {
#fblikebutton {
    bottom: 135px;
	}
}

@media (min-width: 768px) {
#fblikebutton {
    bottom: 135px;
	}
}

.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
}

.post-container {
	max-width: 2000px; /*1280px*/
	width: 95%;
	margin:0 auto;
	position:relative;
}

.post-edit-link {
	
	}
/* header */
.header {
	position: absolute;
	width: 100%;
}

.header .logo a {
    text-decoration: none;
    display: block;
    width: auto;
    height: auto;
}


.padding-5px {
    padding: 5px;
	}
#search-button {
    text-decoration: none;
    outline: none;
	cursor: pointer;
	}
	
#search-button:hover {
	color: #FFF;
	}
	
.search-box-container {
	position: absolute;
    width: 100%;
    background: rgba(10,10,10, 0.8);
    padding: 5px 10px;
	z-index: 7;
	}

.search-box-container form.search {
	
	}
	
.search-box-container .search-input {
	border: none;
    outline: none;
    padding: 10px;
    background: none;
    height: 30px;
    font-size: 24px;
    color: #ffffff;
    font-family: 'Electrolize', sans-serif;
    width: 95%;
    text-align: center;
    margin: 0 auto;
	display: block;
	-moz-box-shadow:    inset 0 0 10px #000000;
   	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;
	border: solid 1px #828282;
	}
	
.search-box-container .search-submit {
	display: none;
	}
	
.header-nav {
	float: right;
	z-index: 6;
	}
	
.header-nav li {
	display: inline-table;
    float: left;
	}
.header-nav li.hn-fb-l {
	font-size: 34px;
    margin: 0px;
    padding: 9px 14px 7px 0px;
	}
.header-nav li.hn-fb, .header-nav li.hn-in {
	font-size: 33px;
    margin: 0px;
    padding: 7px 14px 7px 0px;
	}
	
.header-nav li.hn-fb a, .header-nav li.hn-in a {
    color: #CACACA;
    text-decoration: none;
    outline: none;
	}
	
.header-nav li.hn-fb a:hover, .header-nav li.hn-in a:hover {
    color: #FFF;
	}
	
.header-nav li.hn-search {
	
	}
	
.dwebgeek {
	width: 300px;
    height: 58px;
    position: absolute;
    z-index: 4;
    background: url(img/dwebgeek.png) no-repeat 10px -153px;
    overflow: hidden;
    margin: 0px 1px 1px 195px;
	transition: all 0.5s ease;
	}

.dwebgeek:hover {
    background: url(img/dwebgeek.png) no-repeat 10px -180px;
	}
	
/* logo */
.logo {
	display: inline-block;
    margin: 20px auto;
    width: 100%;
    position: relative;
    padding: 0 42px;
    z-index: 5;
}
.logo-img {

}

video {
	max-width: 100%;
	height: auto;
	}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fluid-width-video-wrapper {
	padding-top: 41.65%;
	}
.videoContainer {
    width: 100%;	
    margin: 0 auto;
}

.videoItem {
    padding: 10px 0;
    margin: 0;
}
	
.vendor {
	
}

/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQYV2WKsREAMAiEcC/G/730LGITOjgKaJVHqX0GXEjCnt8xTqsJ0WzCmx0AAAAASUVORK5CYII=) repeat;
    padding: 10px;
    color: #a0a0a0;
    text-align: center;
	border-top: 1px solid #929292;
}

.footer p {
	padding: 0 !important;
	font-family: 'Electrolize', sans-serif;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.parallax-container article h2, .cat-title h2 {
	text-align: center;
	}
	
.parallax-container article {
	font-family: 'Open Sans', sans-serif;
	}
	
.article-excerpt {
	padding: 10px;
	}
	
.article-excerpt p {
	font-size: 21px !important;
    color: #404040;
    text-align: center;
	font-family: 'Kreon', serif;
	font-weight: 300;
	}
.postdate {
	text-align: center;
    letter-spacing: 7px;
    padding: 3px;
    margin: 20px 5px;
    display: block;
	font-size: 16px;
	}
#article-gallery-header {
	text-align: center;
	padding-top: 40px;
	}
	
.article-gallery-header-product {
	text-align: center;
	
	font-size: 3.2rem !important;
	line-height: 1 !important;
	border: none !important;
	padding: 60px 0 20px !important;
	}
	
.order-button {
	width: 200px;
	font-size: 24px;
	padding: 12px;
	text-align: center;
	color: #FFF;
	background: #0065bf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 auto;
	display: block;
	
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	}
	
.order-button:hover {
	text-decoration: none !important;
	outline: none;
	color: #FFF;
	background: #838383;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
	
.nf-response-msg {
    padding: 19px;
    border: dashed 2px #dce100;
    background: #FFF;
}

.wpcf7-form-control {
	border: solid 1px #CCC !important;
	padding: 10px;
	width: 100% !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.wpcf7-submit {
	width: 100% !important;
	font-size: 16px;
	padding: 12px;
	text-align: center;
	color: #FFF;
	background: #0065bf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 auto;
	display: block;
	}
	
.modeofpayment {
	
	}

	
.gallery-in-article {
	margin-bottom: 11px !important;
	}
		
.post-meta {
	font-family: "Helvetica", sans-serif;
    margin: 15px 0x;
    display: inline-table;
    background: #131313;
    color: #FFF;
    padding: 5px;
    position: relative;
    width: 100%;
    text-align: center;
	font-size: 14px;
	}
	
.post-meta li {
	display: inline-block;
    margin: 5px 10px;
	}
	
.post-meta-key {
	font-weight: 700;
	}
	
.tags-cat {
	margin: 0px 0 40px;
    font-size: 12px;
    border-bottom: 1px solid #CCC;
    padding-top: 18px;
    text-align: center;
    font-family: 'Electrolize', sans-serif;
	}
	
.relpost-heading {
	text-align: center;
    margin: 0px !important;
    color: #545454;
	}
	
#recent-posts h2.rpwe-title a {
	color: #232323 !important;
	}
	
.tags-cat div > a {
	font-size: 16px;
	}
	
.tags-cat div, .tags-cat div a {
	color: #737373;
	}
	
.tags-cat .category {
	margin: 10px;
    display: block;
	color: #333;
	font-size: 28px;
	}

.article-gallery {
	padding: 0;
	font-size: 0;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: column;
	-webkit-flex-flow: row wrap; 
	flex-flow: row wrap; 
	display: -webkit-box;
	display: flex;
	}
	
.article-gallery li {
	-webkit-box-flex: auto !important;
	-ms-flex: auto !important;
	flex: auto !important; 
	width: 200px; 
	margin: .3vw !important;
	list-style: none;
	list-style-type: none !important;
	}
	
.article-gallery li a {
	
	}
	
.article-gallery li a img {
	width: 100%; 
  	height: auto;
	border: none !important;
	}
.gototop {
	display: none;
    bottom: 50px;
    position: fixed;
    z-index: 250;
    right: 0;
	}	
	
.gototop li a {
    padding: 12px;
    background: #252525;
    color: #FFF;
    font-size: 16px;
    border-top: solid 1px #EFEFEF;
    border-left: solid 1px #EFEFEF;
    border-bottom: solid 1px #EFEFEF;
    display: block;
    text-align: center;
    margin-bottom: 5px;
	}	
.gototop li a:hover {
	text-decoration: none;
	color: #FFF;
	background: #484848;
	}

#getFixed {

}
.size-full {
	border: 1px solid #CCC;
	}
.posts {
	width: 100%;
    max-width: 2000px;/*1280px*/
    display: table;
    margin: 30px auto;
    list-style: none;
    text-align: center;
	}
	
.posts li {
    display: inline-block;
	margin-bottom: 40px;
	vertical-align: top;
	}
	
.posts li h2 {
    min-height: 44px;
    font-family: "Helvetica", sans-serif;
	margin-bottom: 0px !important;
    border-bottom: none;
	}
	
.posts li h2 a {
	color: #232323;
	}
	
.posts li h2 a:hover {
	color: #232323;
	}
	
.posts li a {
    text-decoration: none;
	}

.posts li a:hover {
    color: #000;
	}
	
.posts li a img {
	
	}

.excerpt-container {
    padding: 10px;
    min-height: 165px;
    height: 165px;
    background: none;
    color: #232323;
	display: inline-table;
	}
	
.excerpt-container:hover {
	
	}

.posts li p {
	font-size: 13px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
	color: #444444;
	min-height: 68px;
	}
	
.readmore {
	font-size: 11px;
    padding: 5px;
    font-family: sans-serif;
    border: 1px solid #383838;
    color: #232323;
	font-weight: 700;
    display: block;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: transparent;
	width: 110px;
    margin: 0 auto;
	
	-webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	}
	
.readmore:hover {
    color: #FFF !important;
	background: #383838;
	
	}
	
.pagination {
	text-align: center;
    margin: 30px auto 80px;
    position: relative;
    display: block;
    padding: 0 10px;
	font-size: 16px;
	}
	
.pagination li {
	display: inline-table;
	}
.pagination a {
	margin: 5px;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    border: solid 1px #CCC;
    background: #444444;
    font-family: 'Electrolize', sans-serif;
	}
.pagination a:hover {
    background: #000;
	}
	
.pagination li a {
	margin: 5px;
    padding: 10px;
	text-decoration: none;
	color: #FFF;
	}
	
.pagination li a:hover {
	color: #FFF;
	}
	
.pagination li span {
	margin: 5px;
    padding: 10px;
	}
	
.main-content {
	margin: 30px 0 60px;
    display: block;
	}
	
.main-content pre {
	text-align: center;
    padding: 0 10px;
    margin-bottom: 30px;
	font-style: italic;
	font-size: 14px;
	}
	
.main-content p {
	font-family: "Helvetica", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #191919;
    line-height: 3.4rem;
    margin-bottom: 1rem;
	}
	
.main-content p a, .main-content ul li a {
    color: #0065bf;
    text-decoration: none;
	}
	
.main-content p a:hover, .main-content ul li a:hover {
    text-decoration: underline;
	}
	
.main-content > h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica", sans-serif;
	margin: 40px 0 15px !important;
	font-weight: 600;
    letter-spacing: -.1rem;
	word-break: break-word;
	}
	
.main-content > h1 {
	font-size: 4.2rem;
    line-height: 1em;
	}
	
.main-content > h1, h2 {
	text-transform: uppercase;
	}
	
.main-content > h3, h4, h5, h6 {
	text-transform: capitalize ;
	}
	
.main-content > ul, ol {
	font-size: inherit;
    line-height: inherit;
	list-style: upper-roman;
	margin: 10px 0 25px;
	}
	
.main-content > ul li {
	/*list-style-type: square;*/
    margin: 0 30px;
    font-family: "Helvetica", sans-serif;
    font-weight: 400;
    font-size: 1.7rem;
    color: #191919;
    line-height: 3.5rem;
	}
	
.main-content blockquote {
	font-style: italic;
    padding: 5px 20px;
    color: #636363;
    font-size: 1.5rem;
	}
	
.main-content blockquote p {
    color: #636363 !important;
	font-size: 1.6rem;
    line-height: 2.8rem;
	}
	
.main-content > ol li {
	list-style-type: decimal;
    margin: 0 30px;
    font-family: "Helvetica", sans-serif;
    font-weight: 400;
    font-size: 1.7rem;
    color: #191919;
    line-height: 3.5rem;
	}
	
.main-content > h2 {
	font-size: 3.2rem !important;
    line-height: 1 !important;
	border: none !important;
	padding: 20px 0 0 !important;
	/*text-align: left !important;*/
	}
	
.main-content > h3 {
	font-size: 2.2rem;
    line-height: 1;
	}

.main-content > h4, h5, h6 {
	font-size: 1.82rem;
    line-height: 1;
	}
	
.social-sharer {
	display: table;
    text-align: center;
	margin: 45px auto 0;
	}
	
.social-sharer p {
	font-size: 14px;
	}
	
.social-sharer li {
	display: inline-block;
    padding: 5px;
	margin: 8px;
	}
	
.social-sharer li a {
	font-size: 24px;
	}
.imageAnchor > a:after {
	content: "\f03e";
  	font-family: 'FontAwesome';
	padding-left: 4px
	}
	
.externalAnchor > a:after {
	content: "\f08e";
  	font-family: 'FontAwesome';
	padding-left: 4px
	}
	
.mapAnchor > a:after {
	content: "\f041";
  	font-family: 'FontAwesome';
	padding-left: 4px
	}
	
.facebookAnchor > a:after {
	content: "\f082";
  	font-family: 'FontAwesome';
	padding-left: 4px
	}
	
.instaAnchor > a:after {
	content: "\f16d";
  	font-family: 'FontAwesome';
	padding-left: 4px
	}
	
.fb_iframe_widget {
	width: 100% !important;
    max-width: 960px !important;
    margin: 20px auto;
    padding: 0 20px;
	display: block !important;
	}
.fb_iframe_widget_fluid {
	display: block !important;
	}
	
span.textBeforeList ~ p {
	font-family: "Helvetica", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #191919;
	padding-bottom: 0 !important;
    margin-bottom: 0;
	}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.rpwe-summary {
    min-height: 60px;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media (max-width: 670px) {
  .dwebgeek {
    opacity: 0.2;
    margin: 0;
	}
section.module h2, .cat-title h2 {
	font-size: 4.2rem;
	}
	
.caption-container p {
	display: none !important;
	}
	}
	
@media (max-width: 420px) {

	}
	
@media (max-width: 495px) {
.hn-fb, .hn-in, .hn-fb-l {
    display: none !important;
	}
	}
	
@media only screen and (min-width: 601px) {
section.module h2, .cat-title h2 {
	font-size: 6.2rem;
	}
	}
@media (max-width:360px) {
  .dwebgeek {
    display: none !important;
	}
}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin: 10px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*TABLES*/
#flip-scroll {
	margin: 15px 0;
	}

#flip-scroll table {
	width: 100%;
	}
	
#flip-scroll table thead {
	border-bottom: solid 1px #CCC;
	background: #444;
	color: #FFF;
	}
	
#flip-scroll table thead tr th, #flip-scroll table tbody tr td {
	padding: 10px;
    font-size: 16px;
    line-height: 18px;
	}
#flip-scroll table tbody tr {
	border-bottom: solid 1px #CCC;
	}
	
#flip-scroll table thead tr th {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	}

tbody tr:nth-child(odd){
  background-color: #DDD;
  color: #000;
}
	

@media only screen and (max-width: 800px) {
	
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	
	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: left; }
	
	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }


	/* sort out borders */

	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}

/* /TABLES */

.footnotes {
	margin: 25px 0 45px;
    padding: 0 18px;
    font-size: 12px;
    line-height: 25px;
    color: #6d6e71;
    /* border: 1px solid #E9E9EA; */
	}
	
.footnotes > div {
	margin-top: -1px;
    padding-left: 5px;
    font-size: 12px;
    line-height: 21px;
    color: #373739;
	}
	
.footnotes div {
    margin-left: 18px;
	margin-bottom: 5px !important;
	padding-bottom: 0 !important;
	}
	
.footnotes > div > a:first-child {
    position: absolute;
    margin-left: -25px;
    display: block;
    float: left;
    /* color: #e81c24; */
    color: #BE161D;
	}
	
.footnotes a {
    text-decoration: none;
	}
	
.footnotes * {
    line-height: 21px !important;
	}
	
a.refnum {
    top: -0.5em;
    font-size: 80%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    text-decoration: none;
    /* color: #e81c24; */
    color: #BE161D;
    font-weight: bold;
    padding-left: 2px;
}


/* PRODUCTS */

.product-details {
    font-size: 32px;
    margin: 0 auto 20px;
    display: table;
	}
	
.product-details span {
	margin: 0;
	display: table-cell;
	}
	
.status-NEW, .loop-status-NEW {
	padding: 3px 12px;
    background: #33b39c;
    color: #FFF;
	}
	
.status-SALE, .loop-status-SALE {
	padding: 3px 12px;
    background: #d60f0f;
    color: #FFF;
	}
	
.status-, .loop-status- {
	
	}
	
.product-list h2 {
	line-height: 1!important;
	}

.loop-status {
	display: block;
	position: absolute;
	margin: 6px 0 0 6px;
	font-weight: 600;
	}
	
.hilite {
	background: #ffffc1 !important;
	}
	
.price {
	padding: 3px 12px;
    background: #000;
    color: #FFF;
	}

.old-price {
	text-align: center;
	display: block;
	color: #999;
	font-size: 16px;
	font-weight: bold;
	margin: -10px 0 5px 0;
	}
.loop-price {
	font-size: 24px !important;
	line-height: 26px !important;
	min-height: 58px !important;
	font-weight: bold;
	}
	
.loop-price .old-price {
	font-size: 12px !important;
	margin: 2px 0 0 0;
	font-weight: normal !important;
	}
	
.product-code, .product-type {
	text-align: center;
    font-size: 12px;
	}
	
#product-sizes, #product-color {
	text-align: center;
	}
	
#product-sizes ul, #product-color ul {
	display: table;
    margin: 0 auto;
	}
	
#product-sizes ul li, #product-color ul li {
	text-align: center;
    display: table-cell;
    padding: 10px;
	}
	
#product-image {
	display: block;
	margin: 20px auto 30px;
	border: 1px solid #CCC;
	width: 100%;
	max-width: 500px;
	}
	
.page-template-template-product-catalog .attachment-post-thumbnail {
	/*border: 1px solid #CCC;*/
	}
	
.fb-msg-btn {
	width: 200px;
	font-size: 14px;
	padding: 12px;
	text-align: center;
	color: #FFF;
	background: #0065bf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	}
	
.fb-msg-btn:hover {
	text-decoration: none !important;
	outline: none;
	color: #FFF;
	background: #838383;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	}
	
.stock-status {
	text-align: center;
	margin: 5px 0 10px;
	font-style: italic;
	font-size: 14px;
	color: #999;
	}

footer #footer-logo {
	width: 160px;
    height: auto;
    margin: 15px 10px 0;
	}

#footer-menu {
	background: #131313 !important;
	}
	
#footer-menu h4 {
	display: none;
	}
	
#footer-menu > #menu-mainmenu-1 {
	display: block;
	padding: 0;
	text-align: center;
	}

#footer-menu > #menu-mainmenu-1 li {
	
	}
	
#footer-menu > #menu-mainmenu-1 li a {
	border-left: none !important;
	background: #131313;
	}
	
#footer-menu > #menu-mainmenu-1 li a:hover {
	color: #ffffff;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQYV2P09fX9f+/REwYYYNTWN/wP5zEwMMAFlORkGEAqMVQAAOshDC0i/v59AAAAAElFTkSuQmCC) repeat;
	}

@media (max-width: 767px) {
#footer-menu > #menu-mainmenu-1 li a {
	border-top: solid 1px #272727;
	}
}

@media (min-width: 768px) {
#footer-menu > #menu-mainmenu-1 li a {
	border-top: none;
	}
}

@media (max-width: 610px) {
.content-box .box1 {
	display: none;
	}
	
.content-box .box2 {
	display: block;
	}
}

@media (min-width: 611px) {
.content-box .box1 {
	display: block;
	}
	
.content-box .box2 {
	display: none;
	}
}

.content-box .box1, .content-box .box2 {
    margin: 30px auto;
    position: relative;
    border: 1px solid #CCC;
	}
	
.category-main-gallery #slideout, .category-main-gallery #toc-container, .category-main-gallery h2#title1, .category-main-gallery article > ul.article-gallery {
	display: none;
	}

/* SELECT LATEST POST */
body.home .wrapper main section .content .post-container ul.posts li:nth-child(1) {
	
	
}